.student-welfare-introduction {background: var(--subtleblue);}
.swiContent {color: #3C3D3E;font-size: 16px;line-height:1.8;}
.swiContent p {margin-bottom:20px;}

@media (min-width:1280px) {
.swiCols_2 {columns:2;column-gap:80px;}
}

.life-at-sgt-members .professor > img {background-color: #F0EDED;}
@media (min-width: 640px) {
.professor h3 {font-size:20px;}
.professor p {font-size:16px;}
.professor > img {max-width:180px;}
}

.stickyParent {width:100%;}
.stickyPart {position:sticky;top:100px;}

.swcMenu {max-width:350px;}
.fixMenu li {display:block;margin-bottom:25px;}
.fixMenu li a {display:block;padding:5px 15px;font-size:18px;line-height:1.3;border-left:3px solid transparent;}
.fixMenu li a:hover {color:var(--lightblue);}
.fixMenu li a.active {color:var(--lightblue);font-weight:600;border-left:3px solid var(--lightblue);}

.swcContentWrap {background:var(--subtleblue);border-radius:10px;}
.swcTitle {color:var(--darkblue);font-size:24px;font-weight:600;text-align:center;line-height:1;margin-bottom:15px;}
.swcImg {width:100%;border-radius:inherit;}
.swcContentWrap p {margin-bottom:1.5rem;}

@media (min-width:768px) {
.swcTitle {font-size:30px;margin-bottom:20px;}
.swcContentWrap {border-radius:15px;}
}


/* Accommodation */

.image-border-black {border: 1px solid #000;padding:15px;}
.image-border-white {border: 1px solid #fff;padding:15px;}

.acmdWrapImg {width:100%;}
.acmdWrapImg img {width:100%;height:100%;object-fit:cover;object-position:center;}

.accommodation-pic-wrapper {background:var(--subtleblue);}

.acmdContent .subTitleHead {font-size:18px;font-weight: 600;}
.acmdContent p {font-size:16px;line-height:1.8;margin-bottom:20px;}
.acmdContent li {list-style: disc;margin: 0 0 20px 20px;}
.acmdContent .list-decimal > li {list-style:decimal;margin: 0 0 20px 30px;}
.acmdContent .tablewrap {width:100%;overflow-x:auto;}
.acmdContent table {min-width:700px;}
.acmdContent table th, .acmdContent table td {border:1px solid #ddd;padding:10px;}

.hostelFeatureBox {position:relative;padding:15px;}
.hostelFeatureBox:before {content:'';border:1px solid #000;width:100%;height:100%;position:absolute;top:0;right:0;z-index:-1;}
.hfImgWrap {position:relative;height:auto;}
.hostelFeature_img {width:100%;height:auto;object-fit:cover;object-position:center;}

.accommodation-landing-img {border-top:1px solid #000;border-bottom:1px solid #000;padding:15px 0;}

.tableFormat table {width:100%;min-width:750px;}
.tableFormat table tr>th {text-transform:uppercase;}
.tableFormat table tr>th, .tableFormat table tr>td {padding:8px;color:#000;border: 1px solid #ccc;text-align:center;line-height:1.5;}
.tableFormat tr>th:nth-child(2),.tableFormat tr>td:nth-child(2){background:var(--subtleblue);text-align:left;}
.tableFormat td > a{color: var(--blueColor);font-weight:600;text-decoration:underline;}
.tableFormat td:nth-child(1) {width:100px;}

.libraryRulesList li {margin-bottom:20px;display:inline-block;position: relative;padding-left:15px;width:100%;}
.libraryRulesList li:before {content:'';width:6px;height:6px;display:block;background:var(--blueColor);border-radius:50%;position:absolute;left:0;top:10px;}

@media (min-width:640px) {
.hostelFeatureBox:before {content:'';border:1px solid #000;width:100vw;height:100%;position:absolute;top:0;right:0;z-index:-1;}
.hfImgWrap {position:relative;height:350px;}
.hostelFeature_img {width:100vw;max-width:unset;height:100%;object-fit:cover;object-position:center;position:absolute;right:0;}

.hostelFeatureBox:nth-child(even):before {left:0;right:unset;}
.hostelFeatureBox:nth-child(even) .hostelFeature_img  {left:0;right:unset;}

.tableFormat table tr>th, .tableFormat table tr>td {padding:15px;}
}

@media (min-width: 1024px) {
.acmdWrap {position:relative;height:calc(100vh - 180px);}
.acmdWrapImg {position:absolute;bottom:0;right:0;top:60px;overflow:hidden;width:calc(100vw - 45%);padding:15px 0 15px 15px;border:1px solid var(--lightblue);}

.hostelFeature_img {width:55vw;}
.hfImgWrap {min-height:450px;aspect-ratio:unset;}
.libraryRulesList {columns:2;column-gap:50px;}
}

@media (min-width: 1280px) {
.hfImgWrap {min-height:600px;}
}