
/* research introduction page css start */
.research-dean-wrapper{background: url("../images/faculty/allied-health-science/events/bg.png") no-repeat center;background-size:cover; }
.dean-wrapper1 .text-black-para {color: rgba(38, 38, 38, 0.80);}

/* card section */
.research-cards-wrapper {height: auto;width: 100%;display:flex;justify-content: space-around;align-items: center;flex-direction: column; margin: 40px 0px;}

.box {width:100%;height:100%;box-sizing: border-box;overflow: hidden;border-radius:8px;background: linear-gradient(135deg, #3383FA 0%, #134080 100%);color: white;padding:15px;margin:auto;transform-style: preserve-3d;transform-origin:50% 50%;position:relative;transition:all .4s ease;}

.box .content {border-radius:5px;border: 1px solid #FFF;padding:40px 15px 100px;text-align:center;position: relative;height:100%;color:#fff;}
.box2 .content {border-color: rgba(51, 131, 250, 0.46);color:var(--darkblue);}

.content h2{text-align: center;font-weight: 600;font-size:24px;line-height:1.2;}
.content p {text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 30.6px; padding-top: 15px; }
.card-btn-wrapper {width:100%; position: absolute; bottom:20px; left:0;right:0;margin:auto;text-align:center;}
.content .cardBtn {border:0;}

.box2{background: #DBE8FF;}

.box:before {content: '';position:absolute;top:0;left:-100%;width:100%;height:100%;background: rgba(255,255,255,0.1);transition:0.5s;pointer-events: none;}
.box2:before {background: rgba(75, 135, 247, 0.1);}

.box:hover{box-shadow: 0px 15px 40px rgba(0,0,0,0.3);}
.box:hover:before{left:-50%;transform: skewX(-5deg);}

.text-black {color: #000 !important;}

.intl-property-wrapper {background: url("../images/research/research-blue-background.png") no-repeat center;background-size: cover;width: 100%;}

.card {width:100%;border-radius:20px;border: 1px solid #FFF;display:flex;padding:20px;align-items: center;justify-content: center;transform-style: preserve-3d;box-shadow:0 0 0 rgba(0, 0, 0, 0.1);transition:all .4s ease;position:relative;overflow: hidden;background: linear-gradient(135deg, rgba(255,255,255,.4) 0%, rgba(0,0,0,0) 100%);backdrop-filter: blur(10px);}
.card:hover {box-shadow:0 15px 40px rgba(0, 0, 0, 0.3);backdrop-filter: blur(0px);}

.card .js-tilt-glare {z-index:-1;}

.proformas-list-item {background: linear-gradient(180deg, #DBE8FF 0%, rgba(219, 232, 255, 0.50) 100%);color: #262626;font-size:18px;line-height:1.3;margin-bottom:2px;transition:all .4s ease;position: relative;z-index:0;padding:0 15px;}
.proformas-list-item .container {position:relative;padding:20px 0 20px 30px;display: block;}
.proformas-list-item span:first-child {color: var(--blueColor);font-weight:600;position:absolute;left:0;}
.proformas-list-item:hover {box-shadow:0 0 50px 10px rgba(0, 0, 0, 0.3);z-index:1;}

.ug-scholar-img-wrapper {border-radius:20px;background:#fff;overflow:hidden;max-width:100%;}
.ug-scholar-img {max-width:100%;}

.research-projects {position: relative;}
.research-projects::before {content: "";position: absolute;top: 0;left:0;width:100%;height:65%;background:url('../images/research/research-blue-background.png') no-repeat center/cover;z-index:-1;}


@media (min-width:640px) {
.card {width:250px;height:unset;aspect-ratio:1;}
.proformas-list-item .container {display:flex;padding:20px 0 20px 40px;}
}

@media (min-width: 768px) {
.box {width:350px;}
.content h2 {font-size:36px;}
.box1 {margin-left:0;transform:rotate(-5deg);}
.research-cards-wrapper .box2 {margin-right:0;margin-top:-25%;transform:rotate(5deg);}
.box3 {margin-left:0;margin-top:-25%;transform:rotate(0deg);}
.card {width:300px;}
.proformas-list-item {font-size: 22px;}
}
@media (min-width: 1024px) {
.box {width:300px;margin-left:auto;margin-right:auto !important;margin-top:unset;}
.box1 {transform: rotate(-7deg);}
.research-cards-wrapper .box2 {transform: rotate(0deg);margin-top:-70px;}
.box3 {transform: rotate(7deg);}
/* .card {width:350px;} */
.proformas-list-item {font-size: 32px;}
.proformas-list-item .container {position:relative;padding:40px 0 40px 40px;}

}

@media (min-width: 1280px) {
.box {width:350px;}
.content h2 {font-size:48px;}
.proformas-list-item {font-size:32px;}
}

@media (min-width:1536px) {
.box {width:400px;}
}


/* *********Publications********* */

@media (min-width:604px) {
.publication-wrapper {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
}

.publicationBox {height:100%;}
.pBoxImg {width:100%;aspect-ratio:2/1.8;overflow:hidden;}
.pBoxImg img {width:100%;height:100%;object-fit:cover;}

.pBoxContent h3 {font-size: 20px;font-weight: 600;}
.pBoxContent p {font-size: 16px;line-height:1.6;}

@media (max-width:640px) {
.publicationBox {max-width:350px;margin:auto;border-bottom:1px solid #ccc;padding-bottom:15px;}
}
@media (min-width: 768px) {
.pBoxContent h3 {font-size: 24px;}
}
@media (min-width: 1024px) {
.pBoxContent h3 {font-size:32px;}
.pBoxBorder {border-right:1px solid #ccc;}
.pBoxImg {width:100%;flex-grow:1;}
}



/* *********Research Lab********* */
.research-lab-light {background: url('../images/research/research-white-bg.png') #F3F3F3 center no-repeat;background-size: cover;}
.research-lab-dark {background: url('../images/research/research-blue-bg.png') var(--subtleblue) center no-repeat;background-size: cover;}

.research-lab-content h2 {color: #000;font-weight: 600;line-height:1.8;}
.research-lab-content p {font-size: 16px;line-height:1.8;}

.rLabImgBox {position:relative;aspect-ratio:16/10;background:#000;overflow:hidden;border-radius:1rem;}
.rLabImgBox img {width:100%;height:100%;object-fit:cover;object-position:center;}

.play-btn {position: relative;}
.play-btn-wrapper {width: 60px;aspect-ratio:1;border-radius: 50%;position:absolute;z-index: 10;background: #E9E9E9;display: flex;align-items: center;flex-direction: column;bottom: 20px;transition: background-color 0.3s ease;}
.play-btn-wrapper:hover {background-color: #fcfcfc;box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);}

.research-lab-dark .play-btn-wrapper {left: 20px;}
.research-lab-light .play-btn-wrapper {right: 20px;}

.play-btn-arrow {margin-top: -10px;transition: transform 0.3s ease;}
.play-btn-wrapper:active .play-btn-arrow {transform: translateY(2px);}
.play-btn-arrow img {width: 16px;}
.research-video {cursor: pointer;}
@media (min-width: 640px) {
.play-btn-wrapper {width: 80px;}
.play-btn-arrow img {width: auto;}
}
@media (min-width: 1024px) {
.play-btn-wrapper {width: 100px;}
}



.countSectBg {position:absolute;top:0;left:0;width:100%;height:auto;object-fit:cover;object-position:center; opacity:.1;z-index:0;transform:translateX(5%) translateY(-28%);}
.counterWrap {position:relative;}
.counterWrap .countItem {width:20%;text-align:center;}
.countBox {font-size:48px;color:#FFD11A;font-weight:600;}
.countText {color:#fff;}

.statBox {width:100%;height:100%;min-height:180px;display:block;background-color:#174D99;background-repeat:no-repeat;border-radius:10px;color:#fff;position:relative;overflow:hidden;transition:all .5s ease;}

/* .statBox {width:100%;aspect-ratio:5/4;display:block;background-color:#2c2c2c;background-repeat:no-repeat;border-radius:15px;color:#fff;position:relative;overflow:hidden;transition:all .5s ease;} */
.statBox:before, .statBox:after {content:'';width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1;transition:all .5s ease;}
.statBox:before {background:linear-gradient(-55deg, rgba(51,131,250,0) 20%, rgb(6,52,117) 100%);}
.statBox:after {background:linear-gradient(-55deg, rgba(51,131,250,0) 20%, rgb(63,143,255) 100%);opacity:0;}
.statBox:hover:before {opacity:0;}
.statBox:hover:after {opacity:1;}

.statBox:hover {transform:scale(1.02);box-shadow:0 10px 20px rgba(0,0,0,.3);z-index:2;}
.statBox img {width:100%;height:100%;position:absolute;right:0;bottom:0;object-fit:cover;object-position:center;z-index:0;}

.statFigure {width:100%;line-height:1;font-size:14px;position:relative;padding:15px;z-index:2;}
.sfCount {font-size:200%;font-weight:600;}
.sfImgbox {position:relative;}
.statFigure.big {font-size:30px;}
.sfText {font-size:18px;}

/* .statBox .sfimg_course {max-height:70%;}
.statBox .sfimg_faculty {max-height:55%;}
.statBox .sfimg_lab {max-height:45%;margin-right:2%;} */

@media (min-width:640px) {
.sfCount {font-size:300%;}
.statFigure {padding:20px;}
/* .statBox .sfimg_course {max-height:80%;}
.statBox .sfimg_library {max-height:60%;} */
}
@media (min-width:768px) {
/* .statBox .sfimg_library {max-height:65%;} */
}
@media (min-width:1024px) {
.statBox {min-height:150px;}
}
@media (min-width:1280px) {
.statBox {min-height:200px;}
.statFigure {font-size:16px;}
.statFigure.big {font-size:40px;}
.statBox .sfimg_library, .statBox .sfimg_online {object-position:center top;}
}


/* 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;}
}
