/* Sterco Digitex */

.banner{padding:0;position: relative;}
.banner-box{position:relative;}
.banner-text{position:absolute;bottom:23.5%;left:13%;width:41.6rem;padding:2rem 6rem 2rem 6rem;}
.banner-text h2{color:var(--color-ff);font-size:var(--font-54);line-height:1;font-weight:900;letter-spacing:-3.13px;}
.banner-text p{color:var(--color-ff);font-size:var(--font-15);}
.banner-text:after{content:"";border-right:1px solid #fff;height:86%;right:0;bottom:0;position:absolute;}
.banner-text:before{content:"";border-right:1px solid #fff;height:86%;left:0;bottom:0;position:absolute;}




.hmbanner_caption{position:absolute;top:0;left:0;width:100%;height:100%;align-content:end;padding-bottom:18.9rem;}

.hmbanner_title{position: relative;width: 100%; border-left:0.1rem solid #fff;border-right:0.1rem solid #fff;padding-inline:4.6rem;padding-bottom:3.5rem;--top-minus:-2.5rem}
.hmbanner_title h2{position:relative;color:var(--color-ff);font-size:var(--font-54);line-height:1;font-weight:900;letter-spacing:-3.13px;top:var(--top-minus);margin-bottom: 1rem;}
.hmbanner_title p{position: relative; color:var(--color-ff);font-size:var(--font-15);top:var(--top-minus);margin-bottom: 0;}
.hmbanner_title::before, .hmbanner_title::after{position: absolute; content:'';top: 0;left: 0;width: 3.1rem;height: 0.1rem;background-color: var(--color-ff);}
.hmbanner_title::after{bottom: 0;top: auto;}
.hmborder_topright{position: absolute; top: 0;right: 0;width: 5.1rem;height: 0.1rem;background-color: var(--color-ff);}
.hmborder_btmpright{position: absolute; bottom: 0;right: 0;width: 67%;height: 0.1rem;background-color: var(--color-ff);}
/* .dep_main_banner .hmborder_btmpright .swiper-slide .hmborder_btmpright{ width:100%}

.dep_main_banner .hmborder_btmpright .swiper-slide + .swiper-slide .hmborder_btmpright{ width:67%} */




.hmbanner_nav{position:absolute;top:0;left:0;width:100%;align-content:end;top: auto; bottom:17.5rem;}
.hmbanner-arrows{position:relative;bottom:0;display:flex;left:0;padding-left:5rem;}
.hmbanner-arrows .swiper-button-next{background:#ffffff00;border:1px solid #fff;color:#fff;border-radius:100px;width:3rem;height:3rem;}
.hmbanner-arrows .swiper-button-prev{background:#ffffff00;border:1px solid #fff;color:#fff;border-radius:100px;width:3rem;height:3rem;margin-right:1rem;}
.hmbanner-arrows .swiper-button-prev:hover,.hmbanner-arrows .swiper-button-next:hover{background:var(--color-23);border:1px solid var(--color-23);color:#fff;}
.dep_main_banner .hmbanner_caption{padding-bottom: 10.9rem;background:linear-gradient(90deg,rgb(0 0 0 / 44%),transparent);}
.dep_main_banner .hmbanner_nav { bottom: 9.5rem;}

.hmbanner_caption.scbanner_caption{padding-bottom:10.9rem;background:linear-gradient(90deg,rgb(0 0 0 / 44%),transparent);}
.hmbanner_caption.scbanner_caption .hmbanner_title{display:inline-block;width:auto;}
.hmbanner_caption.scbanner_caption .hmbanner_title .hmborder_topright{width: 3.1rem;}
.hmbanner_caption.scbanner_caption .hmbanner_title{padding-bottom: 1.5rem;}
.hmbanner_title:not(:has(p)) h2{margin-bottom: 0;}

.hmbanner_caption.scbanner_caption .hmborder_btmpright{width: 100%;}

@media(max-width:1550px){
  .hmbanner_caption{padding-bottom:13.9rem;}
  .hmbanner_caption.scbanner_caption{padding-bottom:10.9rem;}
  .hmbanner_title{padding-inline:3rem;padding-bottom:2.5rem; width: 79.64%;--top-minus:-1.5rem;}
  .hmbanner_title::before,.hmbanner_title::after{width:2.1rem;}
  .hmborder_topright{width:3.1rem;}
  .hmborder_btmpright{width:64%;}
  .hmbanner_nav{bottom:12.5rem;}
  .hmbanner-arrows{padding-left:3.5rem;}
}
@media(max-width:1366px){
  .hmbanner_title {width: 83.64%;}
  .hmbanner_caption{padding-bottom:10.9rem;}
  .hmbanner_nav{bottom:9.5rem;}
}

@media(max-width:1199px) {
  .hmbanner_caption{padding-bottom:7.9rem;}
  .hmbanner_title{width:35rem; padding-inline: 3rem 2rem;}
  .hmbanner_title h2{letter-spacing:-1.13px;}
  .hmbanner_nav{bottom:6.5rem;}
}
@media(max-width:1024px) {
  .hmbanner_caption{padding-bottom:5.9rem;}
  .hmbanner_nav{bottom:4.5rem;}
}
@media(max-width:767px){
    .hmbanner_caption.scbanner_caption{padding-bottom:5.9rem;}
}
@media(max-width:330px) {
  .hmbanner_title{width:100%;--top-minus:-1rem;}
  .hmborder_topright{width:3.5rem;}
  .hmborder_btmpright{width:55%;}
  .hmbanner_title h2{font-size:3.4rem;}
}
.banner-arrows{position:relative;bottom:0;display:flex;left:0;padding-left:5rem;}
.banner-arrows .swiper-button-next{background:#ffffff00;border:1px solid #fff;color:#fff;border-radius:100px;width:3rem;height:3rem;}
.banner-arrows .swiper-button-prev{background:#ffffff00;border:1px solid #fff;color:#fff;border-radius:100px;width:3rem;height:3rem;margin-right:1rem;}
.banner-arrows .swiper-button-prev:hover,.banner-arrows .swiper-button-next:hover{background:var(--color-17);border:1px solid var(--color-17);color:#fff;}






.gallery-slider .banner-text:before{height:80%;}
.gallery-slider .banner-text:after{height:80%;}
.border-line{position:relative;}
.border-line::before{content:"";border-bottom:1px solid #fff;height:21px;left:-60px;top:-1px;width:15%;position:absolute;z-index:9;}
.border-line::after{content:"";border-bottom:1px solid #fff;height:21px;right:-59px;top:-1px;width:80%;position:absolute;z-index:9;}
.border-line-top{position:relative;}
.border-line-top::before{content:"";border-bottom:1px solid #fff;height:21px;left:-60px;top:0;width:15%;position:absolute;z-index:9;}
.border-line-top::after{content:"";border-bottom:1px solid #fff;height:21px;right:-60px;top:0;width:18%;position:absolute;z-index:9;}





/* notofication slide */
.notification-box {
  padding: 0;
  margin-top: -4.6rem;
  position: relative;
  z-index: 9;
}

.notice_wraper {
  display: flex;
  align-items: center;
  /* border-bottom: 0.1rem solid var(--color-bc); */
  gap: 1.6rem;
  padding: 0rem 2rem;
  background: var(--color-27);
  background: var(--color-27);
  position: relative;
}
.notice_wraper > h6 {
font-size: var(--font-16);
    color: var(--color-ff);
    font-weight: 400;
    font-family: var(--font-Poppins);
    flex-shrink: 0;
    padding-right: 1.6rem;
    border-right: 0.1rem solid var(--color-bc);
}
.notice_wraper .notice_swiper {
  width: 100%;
}
.notice_wraper .notice_swiper .swiper-slide {
  display: flex;
  align-items: center;
  padding-block: 1.2rem;
  max-width: 91%;
}
.notice_wraper .notice_swiper .swiper-slide > * {
  /* transition: all 0.5s ease; */
}
.notice_wraper .notice_swiper .swiper-slide > span {
  font-size: var(--font-15);
  color: var(--color-ff);
  font-weight: 400;
  flex-shrink: 0;
  padding-right: 1.6rem;
  margin-right: 1.6rem;
  border-right: 0.1rem solid var(--color-bc);
}
.notice_swiper .swiper-slide{
    opacity: 0 !important;
}
.notice_swiper .swiper-slide-active{
    opacity: 1 !important;
}
.notice_wraper .notice_swiper .swiper-slide > p {
  font-size: var(--font-15);
  font-weight: 400;
  width: 100%;
  margin-bottom: 0;
  color: var(--color-ff);
}
.notice_swiper .swiper-slide:has(a:hover) > span {
  color:#fff;
}
.notice_swiper .swiper-slide:has(a:hover) > p {
  color: var(--color-ff);
}
.notice_nav {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  top: 0;
  height: 100%;
  gap: 0.9rem;
  background-color: #f5f5f500;
  padding-left: 1rem;
  z-index: 10;
}
.notice_nav :is(.swiper-button-prev, .swiper-button-next) {
  top: auto;
  width: 3.1rem;
  height: 3.1rem;
  border: 0.1rem solid var(--color-ff);
  color: var(--color-ff);
  background-color: #f5f5f500;
  border-radius: 110px;
}
.notice_nav :is(.swiper-button-prev, .swiper-button-next):hover {
  border: 0.1rem solid var(--color-bc);
  color: var(--color-ff);
  background-color: var(--color-17);
}
.notice_wraper button {
  cursor: pointer;
  background: #00000000;
  box-shadow: none;
  border: none;
  position: absolute;
  right: -12px;
  top: -17px;
}
/* about slide */

.main_section.desktop-view {
    padding: 12.3rem 0 7.7rem;
}
.about {
  position: relative;
}

.about-text {
  position: relative;
  margin: 8rem 0 0 0;
}
.about-text:before {
  content: "";
  background: #2638684a;
  width: 75%;
  height: 1px;
  position: absolute;
  left: 0;
  top: -8rem;
}
.about-text::after {
  content: "";
  background: #2638684a;
  height: 20%;
  width: 1px;
  position: absolute;
  left: 0rem;
  top: -8rem;
}

.about-text span{color:var(--color-23);text-transform:uppercase;letter-spacing:2px;font-weight:600;}
.about-text h2{color:var(--color-17);font-size:var(--font-42);font-weight:800;margin:1.5rem 0;line-height:1;letter-spacing:-2.52px;}
.about-text p{color:var(--color-27);font-size:var(--font-16);line-height:1.56;font-weight:normal;padding:0 10.5rem 0 0;letter-spacing:0.14px;}
.about-text p:last-of-type{margin-bottom: 0;}
.about-text .arrow_btn{margin-top: 1.5rem;}
.arrow_btn span{color:#263868;letter-spacing:0;}
.about .home_slider{box-shadow:0px 3px 16px #00000017;text-align:center;padding:4rem 2rem;background:var(--color-ff);position:relative;margin:6rem 0 0 0;}
.about-slide{padding:0rem;}
.about-slide p{color:var(--color-27);font-size:var(--font-19);margin-bottom:1.4rem;letter-spacing:-0.27px;font-weight:300;line-height:1.3;}
.about-slide img{width:auto;margin:0 auto 2rem;}
.about .home_slider::before{content:"";height:0.6rem;width:80%;background-color:var(--color-15);position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
.home_slider .swiper-pagination{bottom:3rem !important;}
.home_slider .swiper-pagination-bullet{border:0.1rem solid #263868;background-color:transparent;opacity:0.6;width:0.6rem;height:0.6rem;}
.home_slider .swiper-pagination-bullet-active{opacity: 1; background-color:var(--color-15); border-color:var(--color-15); transform:scale(1.55); -webkit-transform:scale(1.55); -moz-transform:scale(1.55); -ms-transform:scale(1.55); -o-transform:scale(1.55); }

.home-founder{position:relative;padding:0 0.5rem;margin-bottom:1.5rem;}
.founder-img{position:absolute;bottom:2.2rem;left:1.4rem;}
.home-founder-text{position:relative;}
.home-founder-text p{margin-bottom:0;font-size:var(--font-16);color:var(--color-27);letter-spacing:-0.2px;}
.home-founder-text h4{font-size:var(--font-20);color:var(--color-17);font-weight:800;letter-spacing:-1.08px;}
.home-founder-text .arrow_btn{position:absolute;right:0;bottom:0.5rem;}
.main-mission-box{padding:0 0 0 1rem;position:relative;}
.main-mission-box::after{content:"";background:#2638684a;height:39%;width:1px;position:absolute;right:-6rem;top:2rem;}
.main-mission-box:before{content:"";background:#2638684a;width:30%;height:1px;position:absolute;right:-6rem;top:2rem;}
.home-vision ul {padding-left: 1rem;margin: 0;display: inline-block;}
.home-vision ul li{border-bottom:1px dashed rgb(0 0 0 / 20%);margin:0;padding:1.2rem 0 1rem;}
.home-vision ul li a{font-size:var(--font-16);color:var(--color-27);font-weight:500;letter-spacing:0.13px;}
.home-vision ul li a:hover{color:var(--color-23);}
.home-mission-box{background-color: rgb(158 158 11 / 90%);padding:2.5rem 4rem;margin:5rem 0 0 0;}
.home-mission-box span{font-size:var(--font-14);color:var(--color-ff);font-weight:300;letter-spacing:-0.2px;}
.home-mission-box p{font-size:var(--font-18);color:var(--color-ff);font-weight:500;margin:1.2rem 0 1.6rem;line-height:1.121;letter-spacing:-0.25px;}
.home-mission-box .arrow_btn{border:1px solid #fff;}
.achievement-text p{color:var(--color-23);font-size:var(--font-18);text-transform:uppercase;letter-spacing:2.43px;font-weight:600;}
.achievement-box{display:grid;grid-template-columns:repeat(4,1fr);margin-top: 5rem;}


.achievement-list {
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: rgb(220 220 220 / 53%);
  padding: 4rem 2.5rem;
  text-align: center;
  background: #ffffffa3;
}
.achievement-list h2 {
    font-size: var(--font-56);
    color: var(--color-23);
    font-weight: 500;
    margin-right: 0rem;
    font-family: var(--font-Barlow);
    letter-spacing: -1.68px;
}
.achievement-list p {
    margin-bottom: 0;
    font-size: var(--font-18);
    color: var(--color-00);
    font-weight: 600;
    letter-spacing: -0.34px;
}
.achievement-list:nth-child(5),
.achievement-list:nth-child(6),
.achievement-list:nth-child(7),
.achievement-list:nth-child(8) {
  border-bottom: 1px solid rgb(220 220 220 / 53%);
}
.achievement-list:nth-child(4),
.achievement-list:nth-child(8) {
  border-right: 1px solid rgb(220 220 220 / 53%);
}
.achievement-list span {
  font-size: var(--font-14);
  color: var(--color-00);
}

/* COURSES OFFERED */
.home-section1 {
  background-color: #e3e3e357;
}
.home-coueses {
}
.home-coueses span {
  color: var(--color-23);
  font-size: var(--font-18);
  text-transform: uppercase;
  letter-spacing: 2.43px;
  font-weight: bold;
}
.home-coueses h2 {
  color: var(--color-17);
  font-size: var(--font-42);
  font-weight: 800;
  margin: 1.5rem 0;
  line-height: 1;
letter-spacing: -2.52px;
}

.home-coueses-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:3rem;position:relative;z-index:1;}
.home-coueses-list .cus-graduate-text h4 {
  font-size: var(--font-30);
}

.home-programs {
  display: flex;
  padding: 6.6rem 6rem 0;
  position: relative;
}
.home-programs.line:after {
height: 116%;
    width: 1px;
    left: 3rem;
    top: 0rem;
}
.home-programs.line:before {
  width: 11%;
  height: 1px;
  left: 3rem;
  top: inherit;
  bottom: -5rem;
}

.left-programs {
  width: 15%;
  position: relative;
  padding: 0 0 0 2rem;
}
.left-programs::before {
  content: "";
  background-color: var(--color-f0);
  position: absolute;
  width: 1.2rem;
  height: 65%;
  left: -3rem;
  top: 2.3rem;
}

.right-programs {
  width: 85%;
  padding: 0 0 0 5rem;
}
.left-programs-text {
}
.left-programs-text h2 {
font-size: var(--font-86);
    color: var(--color-17);
    font-weight: 500;
    margin-right: 1.8rem;
    font-family: var(--font-Barlow);
    letter-spacing: -2.58px;
    text-align: left;
}
.left-programs-text p {
    font-size: var(--font-24);
    color: var(--color-27);
    font-weight: 300;
    text-align: left;
    letter-spacing: -1.2px;
    line-height: var(--line-height-30);
}
.right-programs-text span {
  color: var(--color-23);
  font-size: var(--font-18);
  text-transform: uppercase;
  letter-spacing: 2.43px;
  font-weight: bold;
  margin-bottom: 2rem;
  display: block;
}
.right-programs-text ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.right-programs-text ul li {
  border-bottom: 1px dashed #0000004f;
  margin: 0 2rem 0 0;
    padding: 1.8rem 0 1rem;
}

.right-programs-text ul li a {
  font-size: var(--font-16);
  color: var(--color-17);
  font-weight: 600;
  letter-spacing: -0.48px;
}
.right-programs-text ul li a:hover {
  color: var(--color-23);
}

.home-admission {
  display: flex;
  padding: 4rem 15rem 0;
  position: relative;
  align-items: center;
  gap: 1.9rem;
  justify-content: center;
}

.home-admission h6 {
    color: var(--color-23);
    font-size: var(--font-18);
    text-transform: uppercase;
    letter-spacing: 2.28px;
    font-weight: 700;
    white-space: nowrap;
}
.admission-process {
      border-left: 1px solid #c1c1c1;
}
.admission-process ul {
  margin-bottom: 0;
}
.admission-process ul li {
  display: inline-block;
  position: relative;
  border-bottom: 2px dotted #0000003d;
  margin: 0 1.6rem;
  padding: 0 0 0.6em;
}

.admission-process ul li a {
    font-size: var(--font-16);
    color: var(--color-27);
    letter-spacing: -0.3px;
}
.admission-process ul li:before {
  content: "";
  background-color: #ECC820;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  position: absolute;
  left: -19px;
  top: 7px;
}
.admission-process ul li:first-child::before {
  display: none;
}
.admission-process ul li a:hover {
  color: var(--color-23);
}
.home-admission.line1:before {
  width: 11%;
  height: 1px;
  position: absolute;
  right: 3rem;
  top: 5.5rem;
}
.home-admission.line1:after {
    height: 50vh;
    right: 3rem;
    top: inherit;
    bottom: 1.5rem;
}

@media(min-width:2300px){
  .admission-process ul li{margin: 0 2rem;}
  .home-admission{gap: 1.5rem;}
  .admission-process ul li:before{width:7px;height:7px;top:10px;}
  .right-programs {padding: 0 0 0 3rem;}
}

/* RESEARCH  */
.home-section2{
    position: relative; background: #fff;
}
.home-section2 .home-coueses p{
    font-size: var(--font-16);
    color: var(--color-27);
}
.home-section2 .arrow_btn{
    border: .1rem solid var(--color-28);
    color: var(--color-28)
}
.home-section2 .arrow_btn span{
   color: var(--color-28);
  letter-spacing: 0px;
}
.home-section2 .arrow_btn:hover span{
       color: var(--color-ff);
}
.research-list{
  margin-top: 4.2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.4rem;
}
.research-box .cus-graduate-text {
    padding: 2rem;
    background: transparent linear-gradient(180deg, #00000000 0%, rgb(0 0 0 / 71%) 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    text-align: left;
    background: transparent linear-gradient(0deg, var(--unnamed-color-000000) 0%, var(--unnamed-color-00000000) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(0deg, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.94;
}
.research-box .cus-graduate-text p{
    margin-bottom: 0;
}
.research-box .cus-graduate-text h6{
    font-size: var(--font-16);
    color: var(--color-f0);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.research-box .cus-graduate-text p{
    font-size: var(--font-21);
    color: var(--color-ff);
    font-weight: 400;
    letter-spacing: -0.63px;
    line-height: 1.25;
}
/* .research-box:nth-child(3) .cus-graduate-text p {
    font-size: var(--font-16);
    letter-spacing: -0.48px;
    font-weight: 400;
} */

.research-text {
    padding: 4rem 0 0 16rem;
    position: relative;
}
.research-text h2{
    font-size: var(--font-86);
    color: var(--color-17);
    font-weight: 500;
    margin-right: 1.8rem;
    font-family: var(--font-Barlow);
    letter-spacing: -2.58px;
}
.research-text p{
    margin-bottom: 0;
    font-size: var(--font-16);
    color: var(--color-27);
    font-weight: 600;
}
.research-text:before{
     content: "";
    background-color: var(--color-f0);
    position: absolute;
    width: 1rem;
    height: 70%;
    left: 11rem;
    top: 5.3rem;
}
.research-text-list{
    padding: 3rem 0 0 0;
}
.research-text-list ul {
    padding: 0 14rem 0 0;
}
.research-text-list ul li{
    border-bottom: 1px dashed #2727273a;
    padding: 1.2rem 0 1.2rem;
}
.research-text-list ul li a{
    font-size: var(--font-16);
    color: var(--color-27);
    font-weight: 500;
}
.research-text-list ul li a:hover{
    color: var(--color-23);
}
.home-section2 .line:before {
     width: 22%;
    height: 1px;
    left: 13rem;
    top: 5rem;

}
.home-section2 .line:after {
       height: 20%;
    width: 1px;
    left: 13rem;
    top: 5rem;
}

.home-section2 .line1:before {
    width: 20%;
    height: 1px;
    right: 14rem;
    top: 5rem;
}
.home-section2 .line1:after {
    height: 20%;
    width: 1px;
    right: 14rem;
    top: 5rem;
}
/* life  */

.life-box {
    padding: 0 0 0 33rem;
    position: relative;
    z-index: 1;
}
.life-box::before{
    content: '';
    background: #ffffff66;
    position: absolute;
    width: 87.3%;
    height: 1px;
    bottom: 1rem;
    right: 0;
    z-index: 0;

}
.life-box::after{
 content: '';
    background: #ffffff66;
    position: absolute;
    width: 55%;
    height: 1px;
    top: 3rem;
    right: 0;
    z-index: 0;
}


.life-text{position:relative;margin-bottom:4rem;}
.life-text h2{color:var(--color-ff);font-weight:800;letter-spacing:-7.54px;line-height:0.85;margin-bottom:2rem;font-size:13rem;}

.life-text p{
    font-size: var(--font-16);
    color: var(--color-ff);
    font-weight: 400;
}
.life-text .arrow_btn{
        border: .1rem solid #ffffff;
}
.life-text .arrow_btn span {
    color: #fff;
}
.life-text .arrow_btn:hover{
    background: #fff;
}

.life-text .arrow_btn:hover span {
        color: #263868;
}
.bottom-life-text {
    position: relative;
    margin-top: 7rem;
    padding-bottom: 3.3rem;
}
.bottom-life-text h3{
  font-size: var(--font-100);
  color: var(--color-f0);
  font-weight: 500;
  margin-right: 1.8rem;
  font-family: var(--font-Barlow);
  letter-spacing: -3px;
  line-height: 11rem;
}
.bottom-life-text p{
  font-size: var(--font-16);
  color: var(--color-ff);
}
.right-life-slide {
    margin-top: 13rem;
    margin-left: 0rem;

}
.right-life-slide .swiper-wrapper .swiper-slide{
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.right-life-slide .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top: 7rem;
}
.academic_caption {
    position: relative;
    padding: 2rem 0 0 3.5rem;
    display: flex;
    align-items: center;
}
.academic_caption p{
  font-size: var(--font-28);
  color: var(--color-ff);
  letter-spacing: -1.68px;
  font-weight: bold;
}


.academic_caption .arrow_btn {
position: absolute;
    right: 1rem;
    bottom: auto;
    border: .1rem solid #fff;
}
.academic_caption .arrow_btn span{
    color: #fff;
}
.academic_caption .arrow_btn:hover{
    background: var(--color-ff);
}
.academic_caption .arrow_btn:hover span{
        color: var(--color-17);
}
.academic_caption::before{
    content: "";
    background-color: var(--color-15);
    position: absolute;
    width: .5rem;
    height: 100px;
    left: 1rem;
    top: -2rem;
    z-index: 99999;
}
.drag{
    position: relative;
    margin-top: 9.5rem;

}
.drag p{
     background-color: var(--color-ff);
    display: inline;
    padding: .7rem 3rem;
    border-radius: 10rem;
    letter-spacing: 2.36px;
    position: relative;
    font-family: var(--font-Barlow);
    color: var(--color-17);
    font-weight: 600;
    font-size: var(--font-12);
}
.life-slide :is(.swiper-button-prev, .swiper-button-next){
     color: var(--color-17);
         background-color: #ffffff00;
}
.life-box .right-life-slide .life-slide{
    position: absolute;
    top: auto;
    bottom: -12rem;
    display: flex;
    gap: 1rem;
}


.life-slide .swiper-button-prev {
    bottom: 2rem;
    background-color: #fff;
    border-radius: 11rem;
    padding: 0;
    width: 3rem;
    height: 3rem;
    border: 1px solid #fff;
}
.life-slide .swiper-button-next {
    bottom: 2rem;
    background-color: #fff;
    border-radius: 11rem;
    padding: 0;
    width: 3rem;
    height: 3rem;
    border: 1px solid #fff;
}
.life-slide .swiper-button-next:hover,
.life-slide .swiper-button-prev:hover{
  background-color: var(--color-17);
}
.life-slide .swiper-button-next:hover::after,
.life-slide .swiper-button-prev:hover::after{
  color: var(--color-ff);
}


.right-life-slide .drag p{
  display: none;
}
.home-section3 .line:before{
    content: '';
    background: #ffffff66;
    width: 5%;
    height: 1px;
    position: absolute;
    left: -9rem;
    top: 3rem;
}

.home-section3 .line:after {
    content: '';
    background: #ffffff4a;
    height: 94.4%;
    width: 1px;
    position: absolute;
    left: -9rem;
    top: 3rem;
}

.home-section4 .home-coueses {
    margin-bottom: 4rem;
}

.home-coueses .arrow_btn {
    border: .1rem solid var(--color-28);
    color: var(--color-28);
}
.home-coueses .arrow_btn span {
    color: var(--color-28);
    letter-spacing: 0px;
    font-size: var(--font-12);
}
.engineering-section1 .arrow_btn{
  margin-bottom: 2rem;
}
.home-coueses .arrow_btn:hover span{
      color: var(--color-ff);
}
    .home-section5 .right-life-slide-new .drag {
    position: relative;
    margin-top: 10.5rem;
}

.package{
  position: relative;
}
.package-text{
  position: relative;
}
.package-text h2{
    font-size: var(--font-100);
    color: var(--color-17);
    font-weight: 500;
    margin-right: 1.8rem;
    font-family: var(--font-Barlow);
    letter-spacing: 1.4px;
    position: relative;
}
.package-text h2 i{
      color: var(--color-23);
}
.package-text h2 i {
    color: var(--color-23);
    position: absolute;
    top: 0;
    font-size: var(--font-46);
    margin-left: -3rem;
    margin-top: 1.3rem;
}
.package-text h2 span{
      color: var(--color-23);
          font-size: var(--font-46);
          letter-spacing: -1.38px;
            font-family: var(--font-Barlow);
            margin-left: -1rem;
}
.package-text p{
  font-size: var(--font-22);
  color: var(--color-27);
  font-weight: 300;
  margin-bottom: 3rem;
  letter-spacing: -0.44px;
  line-height: var(--line-height-24);
}
.package .home_slider .swiper-pagination {
    bottom: 0rem !important;
    right: 0;
    text-align: left;
}
.package .home_slider .swiper-pagination-bullet-active {
    background-color: var(--color-17);
    border-color: inherit;
}
.package-list{
    margin-top: 5rem;
    padding: 0 7rem 0 0;
}
.package-list ul{

}
.package-list ul li{
border-bottom: 1px dashed #0000004f;
    padding: 1.3rem 0 0.8rem;
}
.package-list ul li a{
    font-size: var(--font-16);
    color: var(--color-17);
    font-weight: 500;
    letter-spacing: -0.3px;
}
.package-list ul li a:hover{
  color: var(--color-23);
}
.placement-student{
  display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    border-bottom: 1px dashed #0000004f;
    padding: 0 0 3rem;
}
.placement-student-list{
  position: relative;
}
.student-text{
  position: relative;
  padding: 1.5rem 0 0 2rem;
}
.student-text::before{
content: "";
    background-color: var(--color-f0);
    position: absolute;
    width: .4rem;
        height: 32%;
    left: 0;
    top: 1rem;
}
.student-text h6{
    font-size: var(--font-18);
    color: var(--color-27);
    letter-spacing: -0.9px;
}

.student-text p{
font-size: var(--font-16);
    color: var(--color-27);
    letter-spacing: -0.26px;
    margin-bottom: .4rem;
}
.student-text h5{
    font-size: var(--font-24);
    color: var(--color-17);
    font-weight: 600;
    min-height: 5.6rem;
    
}
.recruiters{
  padding: 5rem 0 0 0;
}
.recruiters h5{
    margin-bottom: 1rem;
    font-size: var(--font-15);
    color: var(--color-27);
    font-weight: 600;
    letter-spacing: 0.13px;
}
.home-section4{
  position: relative;
  padding: 14rem 0 16rem
}
.home-section3 {
    padding: 13rem 0 10rem;
}
.home-section2 {
    padding: 10rem 0;
}
.home-section4 .line:before {
     content: '';
    background: #2638684a;
    width: 27%;
    height: 1px;
    position: absolute;
    left: -10rem;
    top: 5rem;
}
.home-section4 .line:after {
content: '';
    background: #2638684a;
    height: 100%;
    width: 1px;
    position: absolute;
     left: -10.2rem;
    top: 5rem;
}
.home-section4 .line1:before {
    content: '';
    background: #2638684a;
    width: 28%;
    height: 1px;
    position: absolute;
    right: -10.1rem;
    top: 5rem;
}
.home-section4 .line1:after {
    content: '';
    background: #2638684a;
    height: 100%;
    width: 1px;
    position: absolute;
right: -10.1rem;
    top: 5rem;
}
.home-section4:before{
content: '';
    background: #2638684a;
    position: absolute;
    bottom: 11rem;
    height: 1px;
    max-width: 147.8rem;
    left: -1.8rem;
    right: 0;
    margin: 0 auto;
}
.entrepreneurship_cell::before{display: none;}
.entrepreneurship_cell .blue-heading{margin-bottom: 3rem;}
.entrepreneurship_cell .placement-student{border-bottom: none;padding-bottom: 0;}
.entrepreneurship_cell .student-text h6{margin-block: .5rem;font-size: var(--font-16);font-weight: 500; color: var(--color-00);}
/* TESTIMONIALS */
.home-section5{
  background-color: var(--color-12);
  position: relative;
  padding: 10rem 0 13rem;
}


.home-section5::before{
    content: '';
    background: #ffffff66;
    right: 25rem;
    position: absolute;
   height: 71.3%;
    width: 1px;
    top: 13rem;
}

.home-section5 .life-text h2{
  margin-bottom: 5rem;
}
.home-section5 .life-text span{
    font-size: var(--font-12);
    color: var(--color-ff);
    letter-spacing: 2.43px;
    font-weight: bold;

}
.home-section5 .life-text .arrow_btn span{
  letter-spacing: 0;
}
.right-life-slide-new{
  margin-top: 24rem;
}

.right-life-slide-new .swiper-wrapper .swiper-slide:nth-child(even){
    margin-top: 7rem;
}
.textimonial-box{
  position: relative;
}
.textimonial-box a{
  position: relative;
}
.textimonial-box a:after{
  position: absolute;
  font-family:bootstrap-icons!important;
  content: "\F4F4";
  font-size: 36px;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.3s ease 0s;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  background: #ff3115;
  border-radius: 50%;
  padding-left: 8px;
  color: #fff;
  top: 50%;
}
.home-section5 .life-slide .swiper-button-prev {
   bottom: -1rem;
    background-color: var(--color-12);
    border-radius: 11rem;
    padding: 0;
    width: 3rem;
    height: 3rem;   
    border: 1px solid #fff;
}

.life-box .right-life-slide-new .life-slide{
  position: absolute;
    top: auto;
    bottom: -10.4rem;
    display: flex;
    gap: 1rem;
        background-color: var(--color-12);
    padding: 0 1rem;
}


.home-section5 .life-slide .swiper-button-next {
    bottom: -1rem;
    background-color: var(--color-12);
    border-radius: 11rem;
    padding: 0;
    width: 3rem;
    height: 3rem;   
    border: 1px solid #fff;
}


.home-section5 .life-slide .swiper-button-next::after,
.home-section5 .life-slide .swiper-button-prev::after{
  color: var(--color-ff);
}

.home-section5 .life-slide .swiper-button-next:hover,
.home-section5 .life-slide .swiper-button-prev:hover{
  background-color: var(--color-ff);
}

.home-section5 .life-slide .swiper-button-next:hover::after,
.home-section5 .life-slide .swiper-button-prev:hover::after{
 color: var(--color-12);
}



.life-box .right-life-slide-new  .drag p{
  display: none;
}
.home-section5 .life-box::after {
width: 38%;
    right: 24.3rem;
}

.home-section5 .life-box::before {
 width: 100%;
    bottom: .7rem;
    right: 0;
    z-index: 0;
    left: -1rem;
    margin: 0 auto;
    max-width: 1425px;
}
/* news section */
.home-section6{
    background: var(--color-27);
    border-bottom: 1px solid #66666682;
    padding: 12rem 0 10rem;
}

.home_news .row{--bs-gutter-y: 5rem;}
.newd-text{
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newd-text a.arrow_b{
  background-color: transparent;
    border-radius: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    color: #fff;
    display: block;
    border: 1px solid #fff;
    line-height: 1rem;
    padding: 0.6rem 0;
    margin-right: 1rem;
}
.newd-text a.arrow_b:hover{
  background-color: #fff;
  color: var(--color-12);
}
.newd-text a.arrow_b span{
  font-size: var(--font-12);
}
.news-list {
    padding: 0 2rem 0 0;
}
.newd-text h5{
    font-size: var(--font-18);
    color: var(--color-ff);
    font-weight:700;
    letter-spacing: 2.43px;
}
.news-box{
    padding: 0 1rem 1rem 0;
    position: relative;
}
.news-box figure img {
    max-height: 277px;

}
.event-box {
    padding: 0 0 0 3rem;
    border-left: 1px solid #ffffff52;
}

.news-box:has(a:hover) .shine:before {
    -webkit-animation: shine 0.85s;
    animation: shine 0.85s;
}
.news-box-text {
    padding: 2rem 0 0 0;
}
.news-box-text span{
font-size: var(--font-16);
    color: var(--color-ff);
    letter-spacing: -0.38px;
    font-weight: 400;
    display: block;
    margin-bottom: 0.7rem;
}
.news-box-text p{
    font-size: var(--font-16);
  color: var(--color-ff);
  font-weight: 500;
  padding: 0 2rem 0 0;
  line-height: var(--line-height-21);
}
@media(max-width:1550px){
  .home_news .row{--bs-gutter-y: 4rem;}
  .news-box-text p{margin-bottom: 0;padding: 0;}
}
@media(max-width:1366px){
  .home_news .row{--bs-gutter-y: 3.5rem;}
}
@media(max-width:767px){
  .home_news .row{--bs-gutter-y: 2.5rem;}
}
.cus-graduate-img:has(a:hover) .shine:before {
    -webkit-animation: shine 0.85s;
    animation: shine 0.85s;
}

.percent:after {
    content: "%";
    display: inline-block;
  }
  .plus:after {
    content: "+";
    display: inline-block;
  }

.recruiters .place_logo .swiper-slide figure{
  background-color: var(--color-f5);
}
.recruiters .place_logo .swiper-slide figure img{
  mix-blend-mode: darken;
  padding: 1.5rem;
}

.main_section.home-section1 {
    padding: 10rem 0 12rem;
}

/* home departement landing responsice css starts here */
.home-section1.engineering-section1 {
    background: #F5F5F5;
}
.home-section1.engineering-section1.computer-section .home-coueses h2{
    background: #F5F5F5;
}
.admission-apply .message-btn{
    white-space: nowrap;
}
.home-section1.engineering-section1 .faculty-box{
    background: #F5F5F5;
}
.image-show {
      display: none;
    }

    .gallery-detail h4{
      font-size: var(--font-20);
    }

    .mobile-img{ display: none;}

   .home-news {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
} 



@media(max-width:1799px){
  .research-box .cus-graduate-text h6{
      line-height: normal;
  }
  .research-box .cus-graduate-text p{
      line-height: normal;
  }
  .main_section.innovative .right-life-slide{
    margin-left: -20rem;
  }


  
}
@media(max-width:1649px){
  .engineering-section1 .arrow_btn{
      margin-top: 2rem;
  }
  .main_section.innovative .right-life-slide {
      margin-left: -10rem;
  }
  .home-section5.main_section.innovative .life-text p {
      padding-right: 18rem;
  }
  .home-section5.main_section.innovative .life-text h2 {
      font-size: var(--font-94);
  }
}
@media(max-width:1299px){
  .engineering-section1 .courses-offered-list {
      padding: 0 5rem;
  }
}
  @media(max-width:991px){
    .engineering-section1 .courses-offered-list {
        padding: 0;
    }
    .main_section.home-section2 .line1:before{
      width: 10%;
      height: 1px;
      right: 2rem;
      top: 5rem;
    }
      .faculty-box::before {
        width: 100% !important;
        left: 0 !important;
    }
      .mobile-img{ display: block;}
      .desktop-img{
        display: none;
      }

  }

@media(max-width:767px){
  .engineering-section1 .faculty-box{
      grid-template-columns: repeat(2, 1fr);
  }
  .main_section.home-section1.engineering-section1.computer-section .home-coueses h2 {
      margin: 2rem 3rem 3rem;
  }
} 

@media(max-width:575px){
  .engineering-section1 .faculty-box {
      grid-template-columns: repeat(1, 1fr);
  }
}
/* home departement landing responsice css ends here */

@media(min-width:1199px){

  .main_section.home-section4.school_placement{padding-top:5rem;}

}


.event-news-home{position: relative;}
.event-news-home>figure>img{object-fit:cover;aspect-ratio:4 / 3.6615;}