.abtbanner-main .abtimgcaptionwrap {
  width: 100%;
  float: left;
  padding: 35px 25px
}

.abtbanner-heading {
  color: #217743;
  font-size: var(--font38, 38px);
  font-family: "Marcellus-Regular";
  margin-bottom: 30px;
  text-align: center
}

.abtbanner-main .abtimgcaptionwrap .abtbanner-subheading {
  color: #58595b;
  font-size: 28px;
  font-family: "Marcellus-Regular";
  margin-bottom: 25px;
  text-transform: uppercase
}

.abtbanner-main .abtimgcaptionwrap .abtbannerpara {
  color: #58595b;
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  margin-bottom: 25px;
  line-height: 30px
}

.school-colg-wrapper .schhols-sec a {
  background: #58595b;
  padding: 15px 35px;
  color: #fff;
  font-size: var(--font18, 18px);
  font-family: "FiraSans-Medium";
  margin-bottom: 10px;
  line-height: initial;
  text-align: center;
  border: none
}

.adredbtn {
  background: #217743;
  padding: 10px 35px;
  color: #fff;
  font-size: 18px;
  font-family: "FiraSans-Medium";
  margin-bottom: 10px;
  line-height: initial;
  text-align: center;
  border: 1px solid #217743
}

.top_section .awmain-title,
.studentlife-main .std-heading,
.meritlistmain .meritsTitle {
  color: #217743;
  font-size: var(--font48, 48px);
  font-family: "Marcellus-Regular";
  line-height: 60px;
  text-align: center
}

.awards-top .awards-left .awsubheading,
.awards-listing-main .awmain-subtitle {
  color: #217743;
  font-size: var(--font38, 38px);
  font-family: "Marcellus-Regular";
  line-height: 48px;
  text-align: center
}

.awards-top .awards-left .main-para {
  font-size: var(--font28, 28px);
  line-height: 30px;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300
}

.awards-listing-main .awards-list li .list-content,
.maps-showcase .visiting-heading {
  font-size: var(--font18, 18px);
  line-height: 27px;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300
}

.maps-showcase .maps-tabcontent .maps-para16,
.maps-visisting .maps-accordin p {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300
}

@media(max-width: 1024px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 40px;
    line-height: 60px
  }
  .awards-top .awards-left .main-para {
    font-size: 24px;
    line-height: 36px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 30px;
    line-height: 35px
  }
}

@media(max-width: 768px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 34px;
    line-height: 50px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 24px;
    line-height: 32px
  }
  .awards-top .awards-left .main-para {
    font-size: 22px;
    line-height: 36px
  }
}

@media(max-width: 767px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 36px;
    line-height: 42px
  }
}

@media(max-width: 550px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 30px;
    line-height: 42px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 22px;
    line-height: 30px
  }
}

@media(max-width: 480px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 26px;
    line-height: 38px
  }
}

@media(max-width: 375px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 24px;
    line-height: 30px
  }
}

@media(max-width: 320px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 22px;
    line-height: 28px
  }
}

.summer-school-slider-main {
  position: relative;
  overflow: hidden
}

.summer-school-slider-main::before {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-red.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -45px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .summer-school-slider-main::before {
    left: -30px;
    width: 50px;
    height: 50px;
    background-size: 100% 100%
  }
}

.summer-school-slider-main::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 88%;
  background-color: #f8e9ea;
  z-index: 0
}

.summer-school-slider-main .svv-lbannerslider-wrapper {
  position: relative;
  z-index: 1;
  padding-bottom: 60px
}

.summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev {
  left: 70px;
  top: unset;
  bottom: -80px;
  right: unset;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev {
    width: 35px;
    height: 35px;
    left: 45px;
    bottom: -60px
  }
}

.summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-prev::before {
    width: 10px;
    height: 15px
  }
}

.summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-next {
  top: unset;
  bottom: -80px;
  right: unset;
  left: 130px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-next {
    width: 35px;
    height: 35px;
    left: 88px;
    bottom: -60px
  }
}

.summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .summer-school-slider-main .svv-lbannerslider-wrapper .svv-slider-css .slick-next::before {
    width: 10px;
    height: 15px
  }
}

.summer-school-slider-main .svv-lbannerslider-heading {
  display: flex;
  justify-content: space-between
}

@media(max-width: 767px) {
  .summer-school-slider-main .svv-lbannerslider-heading {
    flex-wrap: wrap;
    flex-direction: column-reverse
  }
}

.summer-school-slider-main .svv-lbannerslider-heading .content {
  margin-top: 20px
}

@media(max-width: 767px) {
  .summer-school-slider-main .svv-lbannerslider-heading .enq-us-block {
    display: flex;
    justify-content: flex-end
  }
}

.summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn {
  border: 1.5px solid #000;
  background-color: #0167ac;
  display: flex;
  align-items: center;
  width: 220px;
  padding: 14px 15px;
  transition: all .3s ease-in;
  text-decoration: none;
  position: relative
}

@media(max-width: 820px) {
  .summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn {
    width: 190px;
    padding: 15px
  }
}

.summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn:hover {
  background-color: #217743;
  color: #fff
}

.summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn:hover::after {
  background-color: #0167ac
}

.summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  background-color: #217743;
  border-left: 1.5px solid #000;
  transition: all .3s ease-in
}

.summer-school-slider-main .svv-lbannerslider-heading .enq-us-block .enq-btn .icon-pod {
  margin-right: 10px
}

.summer-school-slider-main .dot-patch {
  margin-left: 35%
}

@media(max-width: 820px) {
  .summer-school-slider-main .dot-patch {
    margin-left: 35%;
    width: 120px;
    height: 30px
  }
}

@media(max-width: 767px) {
  .summer-school-slider-main .dot-patch {
    width: 100px;
    height: 30px
  }
}

@media(max-width: 820px) {
  .summer-school-slider-main .dot-patch img {
    width: 100%;
    height: 100%
  }
}

.internal-menu-sec {
  background-color: #f8e9ea;
  height: 94px
}

@media(max-width: 1180px) {
  .internal-menu-sec {
    height: 94px
  }
}

@media(max-width: 820px) {
  .internal-menu-sec {
    height: 94px
  }
}

.internal-menu-sec .nav-sec.fixed-nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 11;
  width: 100%;
  background-color: #f8e9ea
}

.internal-menu-sec .nav-sec .nav-list {
  display: flex;
  justify-content: center
}

@media(max-width: 1180px) {
  .internal-menu-sec .nav-sec .nav-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto
  }
}

.internal-menu-sec .nav-sec .nav-list li {
  text-align: center;
  position: relative
}

.internal-menu-sec .nav-sec .nav-list li:last-child {
  margin-right: 0
}

.internal-menu-sec .nav-sec .nav-list li.active {
  background-color: #f1d2d5
}

.internal-menu-sec .nav-sec .nav-list li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border: 1px solid #000;
  background-color: #0167ac
}

@media(max-width: 767px) {
  .internal-menu-sec .nav-sec .nav-list li.active::after {
    height: 6px
  }
}

.internal-menu-sec .nav-sec .nav-list li.active .icon-pod {
  background-color: #0167ac
}

.internal-menu-sec .nav-sec .nav-list li.active .icon-pod .dark-icon {
  display: none
}

.internal-menu-sec .nav-sec .nav-list li.active .icon-pod .light-icon {
  display: block
}

.internal-menu-sec .nav-sec .nav-list li:hover {
  background-color: #f1d2d5
}

.internal-menu-sec .nav-sec .nav-list li:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  border: 1px solid #000;
  background-color: #0167ac
}

.internal-menu-sec .nav-sec .nav-list li:hover .icon-pod {
  background-color: #0167ac
}

.internal-menu-sec .nav-sec .nav-list li:hover .icon-pod .dark-icon {
  display: none
}

.internal-menu-sec .nav-sec .nav-list li:hover .icon-pod .light-icon {
  display: block
}

.internal-menu-sec .nav-sec .nav-list li .link {
  text-decoration: none;
  padding: 10px 25px;
  display: inline-block
}

@media(max-width: 1180px) {
  .internal-menu-sec .nav-sec .nav-list li .link {
    padding: 12px 15px
  }
}

.internal-menu-sec .nav-sec .nav-list li .icon-pod {
  width: 45px;
  height: 45px;
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto
}

@media(max-width: 820px) {
  .internal-menu-sec .nav-sec .nav-list li .icon-pod {
    width: 24px;
    height: 24px
  }
}

@media(max-width: 820px) {
  .internal-menu-sec .nav-sec .nav-list li .icon-pod img {
    width: 24px;
    height: 24px
  }
}

.internal-menu-sec .nav-sec .nav-list li .icon-pod .light-icon {
  display: none
}

.internal-menu-sec .nav-sec .nav-list li .txt {
  margin-top: 10px
}

@media(max-width: 820px) {
  .sw-about-prgm-sec .heading-pod {
    display: none
  }
}

.sw-about-prgm-sec .img-border-pod {
  position: relative
}

@media(max-width: 767px) {
  .sw-about-prgm-sec .img-border-pod {
    display: none
  }
}

.sw-about-prgm-sec .img-border-pod::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border: 1.5px solid #000;
  background-color: #0167ac
}

.sw-stream-offer-sec {
  background-color: rgba(211, 211, 221, .25);
  position: relative;
  overflow: hidden
}

.sw-stream-offer-sec::before {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-red.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -40px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-stream-offer-sec::before {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    left: -30px
  }
}

.sw-stream-offer-sec .stream-offer-list {
  margin-top: 30px
}

.sw-stream-offer-sec .stream-offer-list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px
}

.sw-stream-offer-sec .stream-offer-list ul li {
  width: calc(33.3333333333% - 20px);
  position: relative
}

@media(max-width: 992px) {
  .sw-stream-offer-sec .stream-offer-list ul li {
    width: calc(50% - 20px)
  }
}

@media(max-width: 767px) {
  .sw-stream-offer-sec .stream-offer-list ul li {
    margin-right: 0;
    margin-top: 20px;
    width: 100%
  }
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn {
  border: 1.5px solid #000;
  background-color: #f8e9ea;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 15px;
  transition: all .3s ease-in;
  text-decoration: none;
  cursor: pointer
}

@media(max-width: 767px) {
  .sw-stream-offer-sec .stream-offer-list ul li .stream-btn {
    padding: 10px
  }
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn:hover {
  background-color: #217743;
  color: #fff
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn:hover span {
  color: #fff
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn .icon-pod {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid #3e3e4c;
  background-color: #0167ac;
  padding: 5px;
  margin-right: 12px
}

@media(max-width: 767px) {
  .sw-stream-offer-sec .stream-offer-list ul li .stream-btn .icon-pod {
    width: 40px;
    height: 40px
  }
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn .icon-pod img {
  width: 100%;
  height: 100%
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-btn span {
  width: calc(100% - 62px);
  text-align: left
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3333333333);
  z-index: 99999;
  display: none
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 800px;
  height: 80vh;
  z-index: 999999;
  padding: 20px;
  padding-top: 40px;
  display: none
}

@media(max-width: 992px) {
  .sw-stream-offer-sec .stream-offer-list ul li .stream-popup {
    width: 90%;
    height: 90vh
  }
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-popup .cross {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f3f3f3;
  cursor: pointer
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-popup h3.darkf24firamd.mb-3 {
  height: 50px
}

.sw-stream-offer-sec .stream-offer-list ul li .stream-popup .streamdata {
  overflow: auto;
  height: calc(100% - 50px)
}

.sw-highlights-sec {
  background-image: url(../img/somaiya-summer-school/new/key-highlight-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 50px 0;
  position: relative
}

@media(max-width: 820px) {
  .sw-highlights-sec {
    padding: 60px 0
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec {
    padding: 30px 0 55px
  }
}

@media(max-width: 820px) {
  .sw-highlights-sec h3 {
    text-align: center
  }
}

.sw-highlights-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(77deg, rgba(183, 32, 46, 0.8) 29.2%, rgba(0, 0, 0, 0.8) 77.13%, rgba(237, 28, 36, 0.8) 99.9%)
}

.sw-highlights-sec::after {
  content: "";
  position: absolute;
  bottom: -40px;
  right: 0;
  background-image: url(../img/somaiya-summer-school/new/dot-patch.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 170px;
  height: 55px
}

@media(max-width: 767px) {
  .sw-highlights-sec::after {
    width: 100px;
    height: 30px
  }
}

.sw-highlights-sec .sw-highlights-slider-wrapper {
  margin-top: 30px
}

@media(max-width: 767px) {
  .sw-highlights-sec .sw-highlights-slider-wrapper {
    margin-top: 0px
  }
}

.sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item {
  display: flex !important;
  height: 100%
}

.sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner {
  border: 1.5px solid #000;
  background-color: #fff;
  position: relative;
  padding: 30px 25px 50px
}

@media(max-width: 820px) {
  .sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner {
    padding: 20px 15px 40px
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner {
    padding: 15px 15px 30px
  }
}

.sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner ::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-top: 1.5px solid #000;
  background-color: #0167ac
}

@media(max-width: 767px) {
  .sw-highlights-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner ::after {
    height: 15px
  }
}

.sw-highlights-sec .slick-track {
  display: flex !important;
  padding-left: 70px
}

@media(max-width: 767px) {
  .sw-highlights-sec .slick-track {
    padding-left: 0
  }
}

.sw-highlights-sec .slick-track .slick-slide {
  display: flex !important;
  height: inherit !important;
  padding: 12px
}

.sw-highlights-sec .slick-track .slick-slide div {
  width: 100%
}

.sw-highlights-sec .slick-prev {
  left: unset;
  top: -55px;
  right: 142px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-highlights-sec .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .sw-highlights-sec .slick-prev {
    width: 35px;
    height: 35px;
    right: 130px
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec .slick-prev {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 45px
  }
}

.sw-highlights-sec .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .sw-highlights-sec .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec .slick-prev::before {
    width: 10px;
    height: 14px
  }
}

.sw-highlights-sec .slick-next {
  top: -55px;
  right: 85px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .sw-highlights-sec .slick-next {
    width: 35px;
    height: 35px
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec .slick-next {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 10px
  }
}

.sw-highlights-sec .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .sw-highlights-sec .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-highlights-sec .slick-next::before {
    width: 10px;
    height: 14px
  }
}

.sw-prgm-dates-sec {
  padding-top: 80px
}

@media(max-width: 767px) {
  .sw-prgm-dates-sec {
    padding-top: 55px
  }
}

.sw-prgm-dates-sec .sw-date-fees-table {
  margin-top: 30px
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  background-color: #fff;
  border: 1.5px solid #000
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table thead tr td {
  border: 1.5px solid #000;
  background: rgba(248, 233, 234, .3);
  padding: 15px 20px
}

@media(max-width: 767px) {
  .sw-prgm-dates-sec .sw-date-fees-table .sw-table thead tr td {
    padding: 8px
  }
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table thead tr td:last-child {
  padding-left: 40px
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table thead tr td .darkf24marcellus {
  font-size: var(--font18, 18px)
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table tbody tr td {
  padding: 15px 20px 15px 40px
}

@media(max-width: 767px) {
  .sw-prgm-dates-sec .sw-date-fees-table .sw-table tbody tr td {
    padding: 8px 12px 8px 20px
  }
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table tbody tr td:first-child {
  border: 1.5px solid #000;
  border-bottom: 0;
  border-top: 0
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table tbody tr:last-child {
  background: rgba(248, 233, 234, .3)
}

.sw-prgm-dates-sec .sw-date-fees-table .sw-table tbody tr:last-child td {
  border: 1.5px solid #000
}

.sw-app-procedure-sec {
  background-color: rgba(211, 211, 221, .25)
}

@media(max-width: 820px) {
  .sw-app-procedure-sec .heading-pod {
    display: none
  }
}

.sw-app-procedure-sec .app-procedure-main {
  overflow: hidden
}

.sw-app-procedure-sec .app-procedure-main .steppers-content {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  position: relative
}

.sw-app-procedure-sec .app-procedure-main .steppers-content::after {
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  height: 100%;
  border-right: 5px solid #217743;
  border-left: 0;
  z-index: 1
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content::after {
    display: none
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content:last-child {
  flex-direction: row-reverse;
  justify-content: flex-start
}

.sw-app-procedure-sec .app-procedure-main .steppers-content:last-child::after {
  display: none
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content:last-child .steppers:last-child::after {
    display: none
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers {
  width: 25%;
  text-align: center;
  margin-bottom: 30px;
  position: relative
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content .steppers {
    width: 100%
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers::after {
  content: "";
  position: absolute;
  top: 35px;
  left: 100%;
  transform: translateX(-50%);
  width: 100%;
  height: 5px;
  background-color: #217743;
  z-index: 0
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content .steppers::after {
    left: 50%;
    width: 3px;
    height: 100%;
    top: 100%
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters {
  position: relative
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters {
    padding: 10px;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 1
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters .stepper-count {
  width: 80px;
  height: 80px;
  background-color: #0167ac;
  border: 1.5px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 1
}

@media(max-width: 767px) {
  .sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters .stepper-count {
    width: 65px;
    height: 65px
  }
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters .stepper-count .content {
  text-align: center
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters .stepper-count .content .txt {
  width: 100%
}

.sw-app-procedure-sec .app-procedure-main .steppers-content .steppers .counters .step-text {
  padding: 0 15px
}

.sw-facilities-sec {
  padding: 60px 0 140px;
  position: relative;
  overflow: hidden
}

@media(max-width: 820px) {
  .sw-facilities-sec {
    padding: 60px 0 100px
  }
}

@media(max-width: 767px) {
  .sw-facilities-sec {
    padding: 30px 0 50px
  }
}

.sw-facilities-sec::before {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-red.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 50px;
  left: -30px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-facilities-sec::before {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    left: -20px
  }
}

.sw-facilities-sec::after {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-red.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  right: -45px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-facilities-sec::after {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    right: -30px
  }
}

.sw-facilities-sec .sw-highlights-slider-wrapper {
  margin-top: 30px
}

.sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item {
  display: flex !important;
  height: 100%
}

.sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner {
  border: 1.5px solid #000;
  background-color: #fff;
  position: relative;
  padding: 0px 0px 50px
}

@media(max-width: 767px) {
  .sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner {
    padding: 0px 0px 25px
  }
}

.sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner ::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-top: 1.5px solid #000;
  background-color: #0167ac
}

@media(max-width: 767px) {
  .sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner ::after {
    height: 15px
  }
}

.sw-facilities-sec .sw-highlights-slider-wrapper .sw-highlights-slider .sw-highlights-slider-item .sw-highlights-slider-item-inner h4 {
  padding: 10px 15px 0
}

.sw-facilities-sec .slick-track {
  display: flex !important;
  padding-left: 70px
}

@media(max-width: 767px) {
  .sw-facilities-sec .slick-track {
    padding-left: 0
  }
}

.sw-facilities-sec .slick-track .slick-slide {
  display: flex !important;
  height: inherit !important;
  padding: 12px
}

.sw-facilities-sec .slick-track .slick-slide div {
  width: 100%
}

.sw-facilities-sec .slick-prev {
  left: unset;
  top: unset;
  bottom: -85px;
  right: 142px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-facilities-sec .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .sw-facilities-sec .slick-prev {
    width: 35px;
    height: 35px;
    right: 130px
  }
}

@media(max-width: 767px) {
  .sw-facilities-sec .slick-prev {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 45px
  }
}

.sw-facilities-sec .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .sw-facilities-sec .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-facilities-sec .slick-prev::before {
    width: 10px;
    height: 14px
  }
}

.sw-facilities-sec .slick-next {
  top: unset;
  bottom: -85px;
  right: 85px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .sw-facilities-sec .slick-next {
    width: 35px;
    height: 35px
  }
}

@media(max-width: 767px) {
  .sw-facilities-sec .slick-next {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 10px
  }
}

.sw-facilities-sec .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .sw-facilities-sec .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-facilities-sec .slick-next::before {
    width: 10px;
    height: 14px
  }
}

.sw-gallery-sec {
  padding-bottom: 60px
}

@media(max-width: 767px) {
  .sw-gallery-sec {
    padding-bottom: 50px
  }
}

@media(max-width: 820px) {
  .sw-gallery-sec h3 {
    text-align: center
  }
}

.sw-gallery-sec .gallery-container .gallery-row {
  display: flex;
  padding-left: 70px
}

@media(max-width: 767px) {
  .sw-gallery-sec .gallery-container .gallery-row {
    padding-left: 0
  }
}

.sw-gallery-sec .gallery-container .gallery-row .gallery-col-2 {
  width: 15%
}

@media(max-width: 820px) {
  .sw-gallery-sec .gallery-container .gallery-row .gallery-col-2 {
    display: none
  }
}

.sw-gallery-sec .gallery-container .gallery-row .gallery-col-2 .heading-pod img {
  height: 490px
}

.sw-gallery-sec .gallery-container .gallery-row .gallery-col-10 {
  width: 85%
}

@media(max-width: 820px) {
  .sw-gallery-sec .gallery-container .gallery-row .gallery-col-10 {
    width: 100%
  }
}

.sw-gallery-sec .campusfacilities-section {
  background-color: rgba(0, 0, 0, 0);
  padding: 0
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace {
  margin-left: 0;
  padding-right: 0
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main {
  transition: .3s ease-in
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main:hover .infrastructure-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 28, 36, .5)
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main:hover .infrastructure-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-image: url(../img/somaiya-summer-school/new/icons/plus-icon.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main .infrastructure-img {
  border: 1.5px solid #000;
  width: 100%;
  display: inline-block;
  position: relative
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item {
  transition: .3s ease-in
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item:hover .infrastructure-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 28, 36, .5)
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item:hover .infrastructure-img::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-image: url(../img/somaiya-summer-school/new/icons/plus-icon.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  z-index: 1
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item .infrastructure-img {
  border: 1.5px solid #000;
  width: 100%;
  display: inline-block;
  position: relative
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-track {
  display: flex !important
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-track .slick-slide {
  display: flex !important;
  height: inherit !important;
  padding: 10px
}

@media(max-width: 767px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-track .slick-slide {
    padding: 0 15px 0 0
  }
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-track .slick-slide div {
  width: 100%
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev {
  left: unset;
  top: unset;
  bottom: -75px;
  right: 142px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev {
    width: 35px;
    height: 35px;
    right: 130px;
    bottom: -55px
  }
}

@media(max-width: 767px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 45px
  }
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-prev::before {
    width: 10px;
    height: 14px
  }
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next {
  top: unset;
  bottom: -75px;
  right: 85px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next {
    width: 35px;
    height: 35px;
    bottom: -55px
  }
}

@media(max-width: 767px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 10px
  }
}

.sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-gallery-sec .campusfacilities-section .campusfacilities-rightspace .cssgallery-slide .slick-next::before {
    width: 10px;
    height: 14px
  }
}

.sw-testimonial-sec {
  background-color: #f8e9ea;
  position: relative
}

.sw-testimonial-sec::before {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/testimonial-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 80%;
  height: 100%;
  transform: translateX(-50%)
}

.sw-testimonial-sec .testimonial-slider-wrap {
  border: 1px solid #000;
  background-color: #217743;
  position: relative;
  padding: 50px 0
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap {
    padding: 30px 0
  }
}

.sw-testimonial-sec .testimonial-slider-wrap::before {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-light.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -50px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap::before {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    left: -20px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap::before {
    display: none
  }
}

.sw-testimonial-sec .testimonial-slider-wrap::after {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-light.svg);
  background-repeat: no-repeat;
  position: absolute;
  bottom: -25px;
  right: -35px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap::after {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    right: -20px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap::after {
    display: none
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .testimonial-slider {
  padding: 0px 150px
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .testimonial-slider {
    padding: 0px 15px 15px
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .testimonial-slider .testimonial-slider-item .testimonial-slider-item-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.sw-testimonial-sec .testimonial-slider-wrap .testimonial-slider .testimonial-slider-item .testimonial-slider-item-inner .img-pod img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 1px solid #000
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .testimonial-slider .testimonial-slider-item .testimonial-slider-item-inner .img-pod img {
    width: 80px;
    height: 80px
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .slick-prev {
  left: 25px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-testimonial-sec .testimonial-slider-wrap .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-prev {
    width: 35px;
    height: 35px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-prev {
    width: 30px;
    height: 30px;
    left: unset;
    bottom: -40px;
    top: unset;
    right: 40px
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-prev::before {
    width: 10px;
    height: 14px
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .slick-next {
  right: 25px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-next {
    width: 35px;
    height: 35px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-next {
    width: 30px;
    height: 30px;
    right: 5px;
    bottom: -40px;
    top: unset
  }
}

.sw-testimonial-sec .testimonial-slider-wrap .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-testimonial-sec .testimonial-slider-wrap .slick-next::before {
    width: 10px;
    height: 14px
  }
}

.sw-video-sec {
  background-color: rgba(211, 211, 221, .25);
  padding-bottom: 60px
}

@media(max-width: 767px) {
  .sw-video-sec {
    padding-bottom: 50px
  }
}

@media(max-width: 820px) {
  .sw-video-sec h3 {
    text-align: center
  }
}

.sw-video-sec .video-container .video-row {
  display: flex;
  padding-left: 70px
}

@media(max-width: 820px) {
  .sw-video-sec .video-container .video-row {
    padding-left: 0
  }
}

.sw-video-sec .video-container .video-row .video-col-2 {
  width: 15%
}

@media(max-width: 820px) {
  .sw-video-sec .video-container .video-row .video-col-2 {
    display: none
  }
}

.sw-video-sec .video-container .video-row .video-col-2 .heading-pod img {
  height: 450px
}

.sw-video-sec .video-container .video-row .video-col-10 {
  width: 85%
}

@media(max-width: 820px) {
  .sw-video-sec .video-container .video-row .video-col-10 {
    width: 100%
  }
}

.sw-video-sec .campusfacilities-section {
  background-color: rgba(0, 0, 0, 0);
  padding: 0
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace {
  margin-left: 0;
  padding-right: 0
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .ssvideoplayer {
  border: 1.5px solid #000
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .ssvideoplayer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237, 28, 36, .3)
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .ssvideoplayer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background-image: url(../img/somaiya-summer-school/new/icons/video-icon.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: unset
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .ssvideoplayer::after {
    width: 40px;
    height: 40px
  }
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-track {
  display: flex !important
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-track .slick-slide {
  display: flex !important;
  height: inherit !important;
  padding: 10px
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-track .slick-slide {
    padding: 0 15px 0 0
  }
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-track .slick-slide div {
  width: 100%
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev {
  left: unset;
  top: unset;
  bottom: -75px;
  right: 142px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev:hover::before {
  opacity: 1
}

@media(max-width: 820px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev {
    width: 30px;
    height: 30px;
    right: 130px;
    bottom: -55px
  }
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 45px
  }
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-left-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .75
}

@media(max-width: 820px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-prev::before {
    width: 10px;
    height: 14px
  }
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next {
  top: unset;
  bottom: -75px;
  right: 85px;
  z-index: 1;
  opacity: 1;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3e3e4c;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 820px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next {
    width: 30px;
    height: 30px;
    bottom: -55px
  }
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next {
    width: 30px;
    height: 30px;
    bottom: -45px;
    top: unset;
    right: 10px
  }
}

.sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next::before {
  content: "";
  display: block;
  width: 15px;
  height: 20px;
  background-image: url(../img/somaiya-summer-school/new/icons/chevron-right-red.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center
}

@media(max-width: 820px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next::before {
    width: 12px;
    height: 17px
  }
}

@media(max-width: 767px) {
  .sw-video-sec .campusfacilities-section .campusfacilities-rightspace .sw-video-gallery-slider .slick-next::before {
    width: 10px;
    height: 14px
  }
}

.sw-joinus-sec {
  position: relative;
  overflow: hidden
}

.sw-joinus-sec::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background-color: #f8e9ea
}

@media(max-width: 767px) {
  .sw-joinus-sec::before {
    display: none
  }
}

.sw-joinus-sec::after {
  content: "";
  background-image: url(../img/somaiya-summer-school/new/icons/circle-red.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 60px;
  right: -45px;
  width: 94px;
  height: 94px
}

@media(max-width: 820px) {
  .sw-joinus-sec::after {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    right: -30px
  }
}

.sw-joinus-sec .joinus-details {
  padding-right: 50px;
  padding-left: 20px
}

@media(max-width: 767px) {
  .sw-joinus-sec .joinus-details {
    padding: 15px 0 0
  }
}

.sw-joinus-sec .joinus-details::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  background-image: url(../img/somaiya-summer-school/new/dot-patch.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 170px;
  height: 55px
}

@media(max-width: 820px) {
  .sw-joinus-sec .joinus-details::after {
    width: 100px;
    height: 30px
  }
}

.sw-joinus-sec .joinus-details .svv-btn {
  border: 1.5px solid #000
}

.sw-joinus-sec .contact-block .content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px
}

.sw-joinus-sec .contact-block .content .img-pod {
  width: 35px;
  height: 35px;
  border: 1px solid #000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.sw-joinus-sec .contact-block .content .img-pod i {
  font-size: 18px
}

.sw-joinus-sec .contact-block .content .links {
  width: calc(100% - 30px);
  padding-left: 10px
}

.sw-shortterm-wrap {
  background-color: #f3f3f3;
  padding: 50px 0px
}

.sw-shortterm-wrap .bg-light-red {
  background-color: #f8e9ea
}

@media(max-width: 767px) {
  .sw-shortterm-wrap .bg-light-red {
    margin-top: 20px;
    display: block
  }
}

.sw-shortterm-wrap .sw-gallery-sec {
  background-color: #fff
}

.sw-shortterm-wrap .redvbox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap
}

.sw-shortterm-wrap .redvbox .redvbox-cols {
  width: 48%;
  border: 1.5px solid #000;
  background-color: #fff;
  position: relative;
  padding: 30px 25px 70px;
  position: relative
}

@media(max-width: 767px) {
  .sw-shortterm-wrap .redvbox .redvbox-cols {
    width: 100%;
    margin-top: 20px
  }
}

.sw-shortterm-wrap .redvbox .redvbox-cols:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  border-top: 1.5px solid #000;
  background-color: #0167ac
}

.sw-shortterm-wrap .redvbox .redvbox-cols .body ul {
  margin-top: 20px
}

.sw-shortterm-wrap .redvbox .redvbox-cols .body ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px
}

.sw-shortterm-wrap .redvbox .redvbox-cols .body ul li:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-left: 3px solid #0167ac;
  border-bottom: 3px solid #0167ac;
  transform: rotate(-135deg) translate(-50%, -50%)
}

.sw-shortterm-wrap .sss-table {
  background-color: #fff
}

.sw-shortterm-wrap .sss-table tr td .boldme {
  font-weight: bold !important;
  font-family: "FiraSans-Medium" !important
}

.pfd-table {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px
}

.pfd-table .pfd-table-registrationdata {
  width: 65%;
  border: 1px solid #333;
  border-collapse: collapse
}

@media(max-width: 767px) {
  .pfd-table .pfd-table-registrationdata {
    width: 100%
  }
}

.pfd-table .pfd-table-coursedata {
  width: 35%;
  border: 1px solid #333;
  border-collapse: collapse
}

@media(max-width: 767px) {
  .pfd-table .pfd-table-coursedata {
    width: 100%
  }
}

.pfd-table .pfd-table-batch-head {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #333
}

.pfd-table .pfd-table-batch-body {
  padding: 20px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px
}

.pfd-table .pfd-table-batch-body .pfd-table-batch {
  flex: 1;
  background-color: #f3f3f3;
  padding: 15px
}

.pfd-table .pfd-table-batch-body .pfd-table-batch .pfd-table-batch-row {
  margin-bottom: 20px
}

.pfd-table .pfd-table-batch-body .pfd-table-batch.bg-red {
  background-color: rgba(183, 32, 47, .0901960784)
}

.countdowntimer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  border-collapse: collapse;
  gap: 15px
}

.countdowntimer .countdownrow {
  padding: 5px 10px;
  border: 1px solid #f3f3f3;
  border-collapse: collapse;
  text-align: center;
  background-color: #217743;
  width: 70px;
  position: relative
}

.countdowntimer .countdownrow:before {
  content: "";
  position: absolute;
  bottom: 1px solid #000;
  bottom: 10px;
  left: 0
}

.countdowntimer .countdownrow p {
  font-size: 13px;
  font-family: "FiraSans-Regular";
  line-height: 1.2;
  color: #fff
}

.countdowntimer .countdownrow span {
  font-size: var(--font24, 24px);
  font-family: "FiraSans-Medium";
  color: #fff;
  line-height: 1.2
}

.ssws-hero-section {
  margin: 0;
  padding: 50px 0px;
  position: relative
}

.ssws-hero-section:before {
  content: "";
  background-image: url("../img/somaiya-summer-school/new/icons/circle-red.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 50px;
  left: -45px;
  width: 94px;
  height: 94px
}

@media(max-width: 767px) {
  .ssws-hero-section:before {
    display: none
  }
}

.ssws-hero-section:after {
  content: "";
  background-color: #f8e9ea;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 15%;
  z-index: -1
}

.ssws-hero-section .ssws-hero-titles {
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-hero-titles {
    flex-wrap: wrap;
    margin-bottom: 20px
  }
}

.ssws-hero-section .ssws-hero-titles .lefts {
  width: 67%
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-hero-titles .lefts {
    width: 100%;
    margin-bottom: 20px
  }
}

.ssws-hero-section .ssws-hero-titles .lefts .line {
  width: 200px;
  height: 1px;
  background-color: #000;
  margin: 10px 0px
}

.ssws-hero-section .ssws-hero-titles .lefts .char {
  font-size: var(--font20);
  font-style: italic
}

.ssws-hero-section .ssws-hero-titles .lefts .char span {
  width: 1px;
  height: 18px;
  margin: 0px 10px;
  background-color: #000;
  display: inline-block;
  vertical-align: middle;
  transform: skew(-10deg, -10deg)
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-hero-titles .rights {
    width: 100%
  }
}

.ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  border-collapse: collapse;
  gap: 15px
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer {
    justify-content: space-between;
    max-width: 100%
  }
}

.ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer .countdownrow {
  flex: initial;
  padding: 5px 10px 10px 10px;
  border: 1px solid #f3f3f3;
  border-collapse: collapse;
  text-align: center;
  background-color: #217743;
  width: 70px;
  border-radius: 0 !important;
  position: relative;
  border: 1.5px solid #000
}

.ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer .countdownrow:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000
}

.ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer .countdownrow p {
  font-size: 13px;
  font-family: "FiraSans-Regular";
  line-height: 1.2;
  color: #fff
}

.ssws-hero-section .ssws-hero-titles .rights .countdown .countdowntimer .countdownrow span {
  font-size: var(--font24, 24px);
  font-family: "FiraSans-Medium";
  color: #fff;
  line-height: 1.2
}

.ssws-hero-section .ssws-hero-titles .rights .enq-btn {
  border: 1.5px solid #000;
  background-color: #0167ac;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 14px 15px;
  transition: all .3s ease-in;
  text-decoration: none;
  position: relative;
  margin-top: 20px
}

.ssws-hero-section .ssws-hero-titles .rights .enq-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  background-color: #217743;
  border-left: 1.5px solid #000;
  transition: all .3s ease-in
}

.ssws-hero-section .ssws-hero-titles .rights .enq-btn .icon-pod {
  margin-right: 10px
}

.ssws-hero-section .ssws-banner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 40px
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-banner {
    flex-wrap: wrap;
    gap: 20px
  }
}

.ssws-hero-section .ssws-banner .ssws-banner1 {
  width: 30%
}

@media(max-width: 1023px) {
  .ssws-hero-section .ssws-banner .ssws-banner1 {
    width: 40%
  }
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-banner .ssws-banner1 {
    width: 100%
  }
}

.ssws-hero-section .ssws-banner .ssws-banner1 ul li.batch {
  position: relative;
  padding-left: 15px;
  margin-bottom: 15px
}

.ssws-hero-section .ssws-banner .ssws-banner1 ul li.batch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  border: 1px solid #000;
  background-color: #217743
}

.ssws-hero-section .ssws-banner .ssws-banner2 {
  padding: 20px 20px 20px 20px;
  margin-left: 2%;
  width: 28%;
  border: 1px solid #000;
  background-color: #217743;
  color: #fff
}

@media(max-width: 1023px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 {
    width: 60%
  }
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 {
    width: 100%
  }
}

.ssws-hero-section .ssws-banner .ssws-banner2 ul {
  margin-top: 20px
}

.ssws-hero-section .ssws-banner .ssws-banner2 ul li {
  position: relative;
  color: #fff;
  padding-left: 10px;
  line-height: 40px;
  margin: 10px 0px
}

@media(max-width: 1025px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 ul li {
    line-height: 30px
  }
}

@media(max-width: 1025px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 ul li {
    padding-left: 40px;
    line-height: 35px
  }
}

.ssws-hero-section .ssws-banner .ssws-banner2 ul li img {
  position: absolute;
  top: 5px;
  left: -40px;
  width: 40px
}

@media(max-width: 1023px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 ul li img {
    top: 0px
  }
}

@media(max-width: 767px) {
  .ssws-hero-section .ssws-banner .ssws-banner2 ul li img {
    left: -10px
  }
}

.ssws-hero-section .ssws-banner .ssws-banner3 {
  width: 40%;
  border: 1px solid #000
}

@media(max-width: 1023px) {
  .ssws-hero-section .ssws-banner .ssws-banner3 {
    display: none
  }
}

.ssws-hero-section .ssws-banner .ssws-banner3 img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.impdates-wrap {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #ccc
}

.impdates-wrap .section-title {
  padding: 10px 15px;
  text-align: center;
  background-color: #217743;
  font-size: 24px;
  color: #fff;
  font-weight: 600
}

.impdates-wrap .table {
  border-radius: 20px
}

.impdates-wrap .table .accent {
  color: #217743;
  font-weight: 500
}

.limited-seats-wrap .badge-ribbon {
  background: #217743;
  width: fit-content;
  margin: auto;
  padding: 5px 25px;
  text-align: center;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  outline: 1px solid #a57c00;
  box-shadow: 0px 0px 5px rgba(176, 29, 43, .2588235294)
}

.limited-seats-wrap .limited-seats {
  position: relative;
  border: 1px solid #217743;
  box-shadow: 0px 0px 5px rgba(176, 29, 43, .2588235294);
  padding: 15px
}

.limited-seats-wrap .offer-box {
  border: 1px solid #a57c00;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background-color: #efdcaf
}

.limited-seats-wrap .offer-box .seal {
  width: 80px;
  height: 80px;
  display: flex
}

.limited-seats-wrap .offer-box .seal img {
  width: 100%
}

.limited-seats-wrap .offer-box .flex-grow-1 {
  flex: 1;
  padding-left: 15px
}

.limited-seats-wrap .fee-row {
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.limited-seats-wrap .fee-row>div {
  padding: 10px
}

.limited-seats-wrap .fee-row>div .fw-bold {
  font-weight: bold
}

.pi-pill-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px
}

.pi-pill-grid .pill {
  border: 1px solid #000;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  transition: .5s;
  border-bottom: 10px solid #0167ac
}

.pi-pill-grid .pill .icon {
  width: 35%
}

.sw-program-sec .accordion {
  border: 1px solid #217743;
  border-radius: 10px;
  overflow: hidden
}

.sw-program-sec .card {
  border: none;
  border-bottom: 1px solid #217743
}

.sw-program-sec .card:last-child {
  border-bottom: none
}

.sw-program-sec .card-header {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none
}

.sw-program-sec .c-nav-link {
  width: 100%;
  text-align: left;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
  color: #217743;
  border: none;
  border-radius: 0;
  position: relative;
  text-decoration: none !important
}

.sw-program-sec .c-nav-link:focus {
  outline: none;
  box-shadow: none
}

.sw-program-sec .c-nav-link:after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  font-weight: 600;
  transition: transform .3s ease
}

.sw-program-sec .c-nav-link:not(.collapsed) {
  background-color: #217743;
  color: #fff
}

.sw-program-sec .c-nav-link:not(.collapsed):after {
  content: "−"
}

.sw-program-sec .card-body {
  padding: 20px;
  border-top: 1px solid #217743
}

.sw-program-sec .card-body .svv-richtext p {
  margin-bottom: 10px
}

#swstp .nav {
  justify-content: center
}

#swstp .nav .svvtabs-item .svvtabs-link {
  margin: 10px 10px;
  border-radius: 5px
}

#swstp .nav .svvtabs-item .svvtabs-link span {
  font-family: "FiraSans-Medium" !important;
  padding-left: 30px;
  position: relative;
  line-height: 24px !important
}

#swstp .nav .svvtabs-item .svvtabs-link span svg {
  position: absolute;
  left: 0;
  top: -3px
}

#swstp .nav .svvtabs-item .svvtabs-link.active {
  background: #217743;
  border: 0
}

#swstp .nav .svvtabs-item .svvtabs-link.active:before {
  display: none
}

#swstp .nav .svvtabs-item .svvtabs-link.active .darkf18firarg {
  color: #fff !important
}

.contentwrapper .boldhead {
  font-family: "FiraSans-Medium";
  font-size: 20px
}

.contentwrapper .list-cont li {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  list-style-type: disc;
  margin-left: 23px
}

.medium {
  font-family: "FiraSans-Medium"
}

.const-name {
  font-family: "FiraSans-Medium";
  font-size: 17px;
  line-height: 37px;
  color: #000
}

.const-des {
  font-family: "FiraSans-Medium";
  font-size: 14px;
  line-height: 37px;
  color: #000
}

.const-name-gr {
  font-family: "FiraSans-Medium";
  font-size: 20px;
  line-height: 37px;
  color: #000
}

.const-des-gr {
  font-family: "FiraSans-Medium";
  font-size: 14px;
  line-height: 24px;
  color: #000
}

.const-imgwrapper {
  width: 68%;
  margin: 0 auto
}

.constitute-img-wrap:hover .top-left {
  border-left: 2px solid #000;
  border-top: 2px solid #000
}

.constitute-img-wrap:hover .bottom-right {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000
}

.constitute-img-wrap:hover {
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16)
}

.constitute-img-wrap a {
  font-size: 16px;
  color: #046;
  font-family: "FiraSans-Medium"
}

.constitute-img-wrap .top-left {
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  height: 30px;
  width: 30px
}

.constitute-img-wrap {
  position: relative;
  padding: 15px
}

.tab_content .constitute-img-wrap {
  position: relative;
  padding: 15px;
  background: #fff;
  margin-top: 30px
}

.constitute-img-wrap .bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
  height: 30px;
  width: 30px
}

.contentwrapper.col-md-10 {
  background-color: #fff;
  padding: 30px;
  float: left;
  width: 100%;
  padding: 34px 30px 34px 78px;
  text-align: left
}

.constitution-section hr {
  border-top: 1px solid #ccc;
  margin-top: 30px;
  margin-bottom: 20px;
  float: left;
  width: 100%
}

.constitution-section #more,
.constitution-section #less {
  font-size: 18px;
  color: #069;
  text-decoration: underline;
  font-family: "Fira Sans", sans-serif;
  float: right;
  cursor: pointer
}

button.show-more {
  color: rgba(0, 0, 0, 0);
  border: 0px solid #ddd;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  min-width: 120px;
  height: 35px;
  top: 0px;
  right: 15px;
  cursor: pointer;
  float: right
}

.constitution-section button.show-more.collapsed:after {
  content: "Show more...";
  color: #000;
  font-size: 18px;
  color: #069;
  text-decoration: underline;
  font-family: "Fira Sans", sans-serif;
  float: right;
  cursor: pointer;
  top: 3px
}

.constitution-section button.show-more:after {
  content: "Show less...";
  color: #000;
  position: relative;
  font-size: 18px;
  color: #069;
  text-decoration: underline;
  font-family: "Fira Sans", sans-serif;
  float: right;
  cursor: pointer;
  top: 3px
}

.cont-tab-bg {
  background: #fafbfb
}

.cd-imgwrapper img {
  position: relative;
  top: 27px
}

.acd-councilmains .coun-desgn.tag-design {
  font-size: 16px;
  width: auto;
  display: inline-block;
  padding: 5px 7px;
  margin-right: 5px;
  color: #069;
  cursor: pointer
}

.simple-link:before,
.areaofstudies ul a:before {
  background-position: -570px -19px;
  margin-top: 3px;
  margin-left: 5px;
  transform: rotate(90deg);
  border: 1px solid;
  padding: 10px;
  border-radius: 50%
}

.top-left {
  position: absolute;
  top: 0;
  left: 0;
  border-left: 2px solid #ddd;
  border-top: 2px solid #ddd;
  height: 30px;
  width: 30px
}

.bottom-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-bottom: 2px solid #ddd;
  border-right: 2px solid #ddd;
  height: 30px;
  width: 30px
}

.bos-wrap {
  float: left;
  width: 100%
}

.const-inst {
  font-size: 24px;
  font-family: "FiraSans-Medium";
  position: relative;
  margin-bottom: 23px
}

.constitute .contentwrapper:hover {
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16)
}

.constitute .card-bodys1:hover .top-left {
  border-left: 2px solid #000;
  border-top: 2px solid #000
}

.constitute .card-bodys1:hover .bottom-right {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000
}

.scrolllist .constitute .cd-imgwrapper img {
  width: 100%;
  border-radius: 50%;
  max-height: 259px;
  width: calc(100% + 100px);
  position: relative;
  left: -13px;
  z-index: 9
}

@media(max-width: 320px) {
  .card-bodys1 {
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16);
    position: relative;
    background: #fff;
    float: left
  }
}

.tabs_wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0;
  background: rgba(0, 0, 0, 0)
}

.tabs_wrapper .tabs li:before {
  font-family: fontAwesome;
  font-size: 6px;
  position: absolute;
  content: "";
  color: #58595b;
  left: 15px;
  top: 14px
}

ul.tabs {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 10;
  margin: 0px 0 0;
  padding: 0;
  list-style: none;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

ul.tabs li {
  margin: 0;
  cursor: pointer;
  padding: 0px 15px;
  line-height: 24px;
  width: 100%;
  float: left;
  position: relative;
  font-size: 17px;
  font-family: "FiraSans-Medium";
  color: #58595b;
  opacity: .8;
  text-align: left;
  border: none;
  width: 100%;
  float: left;
  padding: 0;
  padding: 15px 10px 15px 30px;
  border-bottom: 1px solid #ddd;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

ul.tabs li:hover {
  background-color: #f3f3f3;
  opacity: 1;
  border-bottom: 2px solid #58595b
}

ul.tabs li.active {
  color: #000;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-left: 3px solid #000;
  background: #f0f1f1;
  border-bottom: 1px solid #f0f1f1
}

.tabs_wrapper li.active:after {
  content: "";
  width: 43px;
  height: 100%;
  position: absolute;
  background-image: url("../../images/about/light-grey-traingle.svg");
  right: -25px;
  top: 1px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1
}

.tab_container {
  float: left;
  width: 100%;
  vertical-align: top;
  position: relative;
  z-index: 20;
  border-left: 1px solid #ccc;
  text-align: left
}

.tab_content {
  padding: 20px;
  height: 100%;
  display: none
}

.tab_drawer_heading {
  display: none
}

@media screen and (max-width: 781px) {
  ul.tabs {
    display: none
  }
  .constitute .card-bodys1 .top-left,
  .constitute .card-bodys1 .bottom-right {
    display: none
  }
  .scrolllist .constitute .cd-imgwrapper img {
    max-height: 230px;
    width: calc(100% + 10px);
    position: relative;
    left: auto;
    z-index: 9
  }
  .contentwrapper.col-md-10 {
    background-color: rgba(0, 0, 0, 0);
    float: left;
    width: 100%;
    padding: 30px 25px 30px 25px;
    text-align: left;
    border-bottom: 2px solid #ccc
  }
  .constitute .card-bodys1 .img {
    padding: 0px 0px 20px 0px;
    float: none;
    width: 80%;
    margin: 0 auto;
    text-align: center
  }
  .scrolllist .cd-imgwrapper {
    width: auto;
    float: left;
    margin: 0 auto
  }
  .mobp0 {
    padding: 0
  }
  .constitute {
    margin-top: 0 !important
  }
  .constitution-section .tab_content {
    padding: 0 13px
  }
  .constitution-section .container {
    max-width: 100%
  }
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 100%;
    border-top: none;
    border-radius: 0;
    box-shadow: 0px 0px 10px #ddd
  }
  .tab_drawer_heading {
    color: #000;
    margin: 0;
    padding: 15px 20px;
    display: block;
    cursor: pointer;
    text-align: center;
    float: left;
    width: 100%;
    background: #f0f1f1;
    border-bottom: 1px solid #000
  }
  .tab_drawer_heading:hover {
    background: #ccc;
    background: #ae0046;
    background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
    background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
    background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae0046", endColorstr="#fb0f56", GradientType=0);
    color: #fff
  }
  .d_active {
    color: #000;
    background: #f0f1f1;
    border-left: 4px solid #000
  }
}

.marathi-head {
  font-size: 52px !important;
  margin-bottom: 35px !important
}

.subheading {
  font-family: "FiraSans-Medium";
  font-size: var(--font24, 24px);
  margin-bottom: 10px;
  color: #217743
}

.adcontainer {
  width: 80%;
  margin: 0 auto
}

.schol-head {
  font-size: var(--font28, 28px);
  font-family: "Marcellus-Regular";
  color: #217743;
  margin-bottom: 20px
}

.schol-para {
  font-size: var(--font18, 18px);
  font-family: "Fira Sans", sans-serif;
  color: #000;
  margin-bottom: 10px
}

.no-link {
  text-decoration: none
}

.no-link:hover {
  text-decoration: none
}

.abtviewcard p {
  font-size: 16px
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  background-color: #58595b;
  cursor: pointer
}

.input-group-addon button {
  background: rgba(0, 0, 0, 0);
  border: none
}

.input-group-addon button img {
  padding-top: 5px;
  height: 20px
}

.input-group-addon button:focus {
  outline: none
}

.input-group-addon i {
  color: #fff;
  font-size: 18px;
  padding-top: 3px;
  cursor: pointer
}

.input-group-addon i:focus {
  outline: none
}

.form-control.search-txtbox {
  background: #fff;
  border-radius: 0;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  height: 40px;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  border: 1px solid #ccc
}

.form-control.search-txtbox:focus {
  border: 1px solid #ccc
}

.red {
  width: 20%;
  height: 86px;
  background-color: #ee1c24;
  background: linear-gradient(to right, #ee1c24, #217743);
  right: 0;
  bottom: -60px;
  z-index: -1;
  float: right;
  position: absolute
}

.fullwidth {
  width: 100%;
  float: left
}

.school-colg-wrapper:after {
  content: "";
  position: absolute;
  width: 195px;
  height: 100%;
  background-color: #217743;
  right: 0;
  top: 60px;
  z-index: -1;
  display: none
}

.school-colg-wrapper .red-left-aft {
  content: "";
  position: absolute;
  width: 195px;
  height: 90%;
  background-color: #217743;
  right: 0;
  top: auto;
  z-index: 9;
  bottom: -60px
}

.school-colg-wrapper .red-left {
  width: 20%;
  height: 268px;
  background-color: #ee1c24;
  left: auto;
  right: 0;
  top: auto;
  bottom: -60px;
  position: absolute;
  z-index: 0;
  background: linear-gradient(to right, #ee1c24, #ee1c24)
}

.getOtpBtn {
  margin-bottom: 0px
}

.getOtpBtn span {
  color: #fff
}

.error-msg {
  color: #0167ac !important
}

.svv-form .formrow .formgroup label.darkf16firamd em {
  color: #0167ac
}

.naac-feedback .committee-row {
  margin-bottom: 30px
}

@media(max-width: 767px) {
  .naac-feedback .committee-row {
    margin-bottom: 0px
  }
}

.naac-feedback .committee-row .committee-box {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .1490196078);
  padding: 20px;
  margin-top: 30px;
  width: 100%;
  position: relative
}

@media(max-width: 767px) {
  .naac-feedback .committee-row .committee-box {
    margin-top: 20px;
    padding: 10px 12px
  }
}

.naac-feedback .committee-row .committee-box::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 2px;
  background-color: #217743;
  transition: .3s ease-in;
  transform: translateX(-50%)
}

.naac-feedback .committee-row .committee-box:hover::after {
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .school-colg-wrapper .red-left-aft {
    height: 54%
  }
  .school-colg-wrapper .red-left {
    width: 25%
  }
  .uni_campus_life .red-left {
    width: 25%
  }
}

@media only screen and (max-width: 991px) {
  .school-colg-wrapper .red-left {
    width: 28%;
    height: 188px;
    bottom: -70px
  }
  .school-colg-wrapper .red-left-aft {
    width: 155px;
    bottom: -70px
  }
  .uni_campus_life .red-left {
    width: 22%
  }
}

@media(min-width: 320px)and (max-width: 767px) {
  .school-colg-wrapper .red-left-aft {
    content: "";
    position: absolute;
    width: 100px;
    height: 227px;
    background-color: #217743;
    right: 0;
    top: auto;
    z-index: 0;
    bottom: -64px
  }
  .school-colg-wrapper .red-left {
    width: 9%;
    height: 290px;
    left: auto;
    right: 99px;
    top: auto;
    bottom: -64px;
    z-index: -2;
    position: absolute;
    background: linear-gradient(to right, #ee1c24, #ee1c24)
  }
  .svv-btn.svv-act-btn {
    padding: 8px 15px
  }
}

.red-left {
  width: 25%;
  height: 57px;
  background-color: #ee1c24;
  background: linear-gradient(to right, #ee1c24, #217743);
  left: 0;
  top: 0;
  float: none;
  position: relative;
  z-index: 9
}

.adarrow {
  background-image: url(../../images/all/Sprite-icon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  background-position: -569px -20px;
  margin-top: 8px;
  margin-left: 8px
}

.simple-link,
.areaofstudies ul a {
  width: auto;
  display: inline-block;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  color: #069
}

.simple-link i,
.areaofstudies ul a i {
  padding-left: 15px
}

.simple-link:before,
.areaofstudies ul a:before {
  content: "";
  background-image: url(../../images/all/Sprite-icon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 18px;
  float: right;
  background-position: -569px -20px;
  margin-top: 8px;
  margin-left: 10px
}

.simple-link:hover,
.areaofstudies ul a:hover {
  color: #046;
  transition: all .3s ease;
  text-decoration: none
}

.simple-link:hover:after,
.areaofstudies ul a:hover:after {
  width: 100%
}

#wrapper {
  position: relative;
  top: 0px
}

.show-morebtn,
.more-dots {
  display: none
}

.school-colg-wrapper {
  width: 100%;
  float: left;
  height: auto;
  position: relative;
  margin: 0
}

.school-colg-wrapper .home-hist {
  padding-top: 30px
}

.school-colg-wrapper .home-hist .hist-head {
  font-size: var(--font26, 26px);
  font-family: "Fira Sans", sans-serif;
  color: #217743;
  margin-bottom: 20px
}

.school-colg-wrapper .home-hist p {
  font-size: var(--font18, 18px);
  color: #000;
  margin-bottom: 10px
}

.school-colg-wrapper .home-hist p .para-spn {
  margin-bottom: 15px
}

.school-colg-wrapper .schhols-sec {
  margin-left: 26px;
  background-color: #e7e8e9;
  padding: 30px 25px;
  z-index: 19;
  position: relative;
  height: 100%;
  width: 100%;
  padding-bottom: 285px
}

.school-colg-wrapper .schhols-sec .btnwrapper {
  width: 100%;
  float: left
}

.school-colg-wrapper .schhols-sec .fullwidth {
  width: 100%;
  margin-bottom: 5px
}

.school-colg-wrapper .schhols-sec .width-50 {
  width: 48%;
  float: left;
  margin-right: 4%
}

@media(max-width: 1180px) {
  .school-colg-wrapper .schhols-sec .width-50 {
    margin-right: 4%
  }
}

.school-colg-wrapper .schhols-sec .schol-para {
  margin-bottom: 10px
}

.school-colg-wrapper .schhols-sec a {
  text-decoration: none;
  width: 100%;
  padding: 15px 10px
}

.school-colg-wrapper .schhols-sec a img {
  margin-right: 5px
}

.find-program {
  width: 100%;
  background-image: url(../img/homepage/find-prgm-bg.jpg);
  padding: 40px 0;
  margin-bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  margin-top: 60px
}

.find-program .whatstudywrap {
  padding: 50px 35px;
  float: left;
  background: #fff;
  z-index: 99;
  position: relative;
  margin-left: 10%;
  width: 100%
}

.find-program .whatstudywrap .searchbox {
  margin-bottom: 25px
}

.find-program .whatstudywrap a.simple-link:before,
.find-program .whatstudywrap .areaofstudies ul a:before,
.areaofstudies ul .find-program .whatstudywrap a:before {
  height: 25px
}

.find-program .findprgm-right {
  background: #58595b;
  padding: 40px 40px;
  position: relative;
  width: 100%
}

.find-program .findprgm-right .number {
  font-family: "Marcellus-Regular";
  font-size: 40px
}

.find-program .findprgm-right .content {
  font-family: "FiraSans-SemiBold";
  font-size: 20px
}

.watchvideo-btn {
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  font-family: "FiraSans-Medium";
  background: #58595b;
  padding-left: 0
}

.watchvideo-btn:hover {
  color: #fff;
  background: #217743;
  text-decoration: none
}

.watchvideo-btn:hover:before {
  color: #217743
}

.watchvideo-btn:before {
  background: #fff;
  color: #58595b;
  content: "";
  font-family: "fontAwesome";
  padding: 13px 15px;
  margin-right: 10px;
  font-size: 16px
}

.watch-videostrip {
  clear: both;
  width: 50%;
  float: right;
  height: 0px;
  text-align: right;
  bottom: 34px;
  padding-right: 57px;
  position: relative
}

.areaofstudies {
  margin-top: 0;
  padding: 40px 0;
  background: #e7e8e9;
  margin-bottom: 0
}

.areaofstudies .adarrow {
  float: right
}

.areaofstudies ul {
  margin-top: 20px
}

.areaofstudies ul li {
  padding-bottom: 30px
}

.areaofstudies ul a {
  border-bottom: 1px solid #b1b1b1;
  display: inline-block;
  width: 100%;
  text-decoration: none
}

.areaofstudies ul a i {
  float: right
}

.areaofstudies ul a::before {
  background-color: rgba(0, 0, 0, 0)
}

.areaofstudies ul a::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #046;
  transition: width .3s;
  margin-left: 0
}

.areaofstudies ul a:hover {
  border-bottom: none
}

.areaofstudies ul a:hover i {
  margin-left: 5px
}

.areaofstudies ul a:hover::after {
  width: 100%
}

.already-know {
  background: rgba(231, 232, 233, .3);
  margin-top: 0;
  padding: 60px 0
}

.already-know p {
  font-family: "Fira Sans", sans-serif;
  font-size: 28px;
  color: #58595b;
  text-align: center
}

.already-know .adredbtn {
  padding: 10px 35px
}

.already-know .adredbtn:hover {
  text-decoration: none;
  color: #fff;
  border: 1px solid #217743
}

.already-know .adredbtn.hvr-right:before {
  background: #a81d2a
}

.explore-somaiya {
  text-align: center;
  margin-bottom: 30px
}

.explore-somaiya p {
  font-size: 20px
}

.explore-somaiya .explore-box {
  padding: 30px 35px;
  border-right: 1px solid #e2e2e2;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  margin-top: 10px
}

.explore-somaiya .explore-box a,
.explore-somaiya .explore-box a:hover {
  text-decoration: none
}

.explore-somaiya .explore-box img {
  display: block;
  width: auto;
  margin: 0 auto;
  margin-bottom: 20px
}

.explore-somaiya .explore-box .hoverimg {
  display: none
}

.explore-somaiya .explore-box p {
  font-size: 12px;
  line-height: 21px;
  color: #000
}

.explore-somaiya .explore-box:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .4);
  background-color: #fff;
  border-bottom: 3px solid #217743;
  border-right: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer
}

.explore-somaiya .explore-box:hover img {
  display: none
}

.explore-somaiya .explore-box:hover .hoverimg {
  display: block
}

.adgreybtn,
.adoutlinegreybtn {
  background: #58595b;
  padding: 10px 35px;
  color: #fff;
  font-size: var(--font18, 18px);
  font-family: "FiraSans-Medium";
  margin-bottom: 10px;
  line-height: initial;
  text-align: center
}

.adgreybtn:hover,
.adoutlinegreybtn:hover {
  background: #217743;
  transition: all .3s ease;
  color: #fff;
  text-decoration: none
}

.adgreybtn:active,
.adoutlinegreybtn:active {
  background: hsl(220, 1.6759776536%, 10.0980392157%)
}

.adoutlinegreybtn {
  border: 1px solid gray;
  background-color: rgba(0, 0, 0, 0);
  color: #58595b
}

.adoutlinegreybtn:hover {
  border: 1px solid #217743;
  color: #217743;
  background: rgba(0, 0, 0, 0)
}

.svv-section-heading {
  font-family: Marcellus-Regular;
  color: #217743;
  font-size: 38px;
  margin-bottom: 0px;
  text-align: center
}

@media(max-width: 1180px) {
  .svv-section-heading {
    font-size: 30px
  }
}

@media(max-width: 767px) {
  .svv-section-heading {
    font-size: 24px
  }
}

.svv-home-riidl-section .svv-riidl-content {
  margin-top: 30px;
  display: inline-block;
  text-decoration: none;
  background: #f5f6f6;
  padding: 20px;
  text-align: center;
  transition: .2s ease-in;
  position: relative;
  width: 100%
}

@media(max-width: 767px) {
  .svv-home-riidl-section .svv-riidl-content {
    padding: 15px
  }
}

.svv-home-riidl-section .svv-riidl-content::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #000;
  transition: .4s;
  transform: translate(-50%, -50%)
}

.svv-home-riidl-section .svv-riidl-content:hover {
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
  background-color: #fff;
  transform: translateY(-5px)
}

.svv-home-riidl-section .svv-riidl-content:hover::after {
  width: 100%
}

.svv-home-riidl-section .svv-riidl-content .img-pod {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 767px) {
  .svv-uni-events-section.svv-scrolltab-conatiner.conatiner-content .svvitab-scrollcontentwrap {
    border: 1px solid #ccc
  }
}

.svv-uni-events-section.svv-scrolltab-conatiner .svv-horizontaltabs-wrapper {
  position: relative
}

@media(max-width: 820px) {
  .svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scroll .svv-tab-list {
    overflow-y: hidden
  }
}

.svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scroll .svv-tab-list .svv-tab-list-item .scroll-link.active span {
  color: #000
}

.svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scroll .svv-tab-list .svv-tab-list-item .scroll-link span {
  color: #58595b
}

@media(max-width: 767px) {
  .svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scroll .svv-tabs-content.fixed-nav {
    position: relative
  }
}

.svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scrollcontentwrap {
  padding-bottom: 0
}

@media(max-width: 767px) {
  .svv-uni-events-section.svv-scrolltab-conatiner .svvitab-scrollcontentwrap {
    padding-bottom: 10px
  }
}

@media(max-width: 767px) {
  .svv-uni-events-section .svv-uni-events-wrap {
    position: relative
  }
}

.svv-uni-events-section .svv-uni-events-wrap .more-eventlink {
  position: absolute;
  top: 28px;
  right: 0;
  padding-right: 20px
}

@media(max-width: 767px) {
  .svv-uni-events-section .svv-uni-events-wrap .more-eventlink {
    top: unset;
    bottom: 0
  }
}

.svv-uni-events-section .svv-uni-events-wrap .more-eventlink:hover::after {
  transform: translateX(5px)
}

.svv-uni-events-section .svv-uni-events-wrap .more-eventlink::after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  background-image: url(/assets/university/img/homepage/right-blue-arrow.svg);
  width: 14px;
  height: 10px;
  transition: .2s ease-in
}

@media(max-width: 767px) {
  .svv-uni-events-section .svv-uni-events-wrap .row .cols {
    display: none !important
  }
}

@media(max-width: 767px) {
  .svv-uni-events-section .svv-uni-events-wrap .row .cols:first-child {
    display: block !important
  }
}

.svv-uni-events-section .uni-events-main {
  margin-bottom: 30px;
  display: flex
}

.svv-uni-events-section .uni-events-main .uni-events-content {
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc
}

.svv-uni-events-section .uni-events-main .uni-events-content:hover {
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
  border: 1px solid rgba(0, 0, 0, 0)
}

.svv-uni-events-section .uni-events-main .uni-events-content:hover .uni-events-detail .svv-event-link {
  text-decoration: underline;
  color: #046
}

.svv-uni-events-section .uni-events-main .uni-events-content .img-pod {
  width: 100%;
  height: 190px
}

.svv-uni-events-section .uni-events-main .uni-events-content .img-pod img {
  width: 100%;
  height: 190px;
  object-fit: cover
}

.svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail {
  border-top: 0;
  padding: 15px 20px 15px;
  transition: .2s ease-in;
  width: 100%;
  min-height: 125px
}

@media(max-width: 820px) {
  .svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail {
    padding: 15px
  }
}

@media(max-width: 767px) {
  .svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail {
    min-height: auto
  }
}

.svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail .svv-event-heading {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail .svv-event-heading .svv-uni-title {
  text-transform: uppercase
}

.svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail .svv-event-heading .event-date {
  background-color: #217743;
  padding: 2px 8px
}

.svv-uni-events-section .uni-events-main .uni-events-content .uni-events-detail .svv-event-link {
  margin-top: 15px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.svv-adm-enq-btn {
  display: inline-block;
  background-color: #fff;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 20px;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
  z-index: 99
}

.svv-adm-enq-btn.bounce {
  -webkit-animation: bounce 2s ease infinite;
  animation: bounce 2s ease infinite
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0)
  }
  40% {
    transform: translateY(-30px)
  }
  60% {
    transform: translateY(-15px)
  }
}

.svv-adm-enq-btn a {
  text-decoration: none;
  padding: 10px;
  display: inline-block
}

.svv-navbar-nav {
  height: 50px
}

@media(max-width: 820px) {
  .svv-navbar-nav {
    height: auto
  }
}

#home-all-new.fixed-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 8px 0;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .1)
}

section.home-video {
  float: left;
  width: 100%;
  margin-top: 40px;
  height: 431px;
  margin: 30px 0px 30px 0px;
  position: relative
}

section.home-video .hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  border-radius: 100px;
  background: rgba(255, 0, 0, .5294117647);
  padding: 0px
}

section.home-video .watch-videostrip {
  text-align: left;
  position: absolute
}

section.home-video .videos {
  float: left;
  width: 100%;
  height: 430px;
  overflow: hidden;
  position: absolute;
  margin-bottom: 100px
}

section.home-video .videos video {
  width: 100%;
  float: left
}

section.home-video .videos:after {
  content: "";
  background: rgba(0, 0, 0, .4588235294);
  background: rgba(251, 250, 250, 0);
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 100%
}

.university-footer {
  width: 100%;
  float: left;
  position: relative
}

.university-footer .red-left {
  width: 20%;
  height: 57px;
  background-color: #ee1c24;
  background: linear-gradient(to right, #217743, #ee1c24);
  background: linear-gradient(to right, #ee1c24, #217743);
  left: 0;
  top: 0;
  float: none;
  position: relative;
  z-index: -5
}

.university-footer .red-left-aft {
  content: "";
  position: absolute;
  width: 195px;
  height: 100%;
  background-color: #217743;
  left: 0;
  top: 0;
  z-index: 10;
  z-index: -1
}

.university-footer .container {
  height: 400px;
  background: #217743
}

.abtbanner-heading {
  padding-top: 30px
}

.abtbanner-main {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 0px 0px
}

.abtbanner-main .redright-wrap {
  float: right;
  width: 328px;
  position: absolute;
  right: 0;
  height: 100%
}

.abtbanner-main .redright-wrap:before {
  content: "";
  position: absolute;
  width: 20%;
  left: 0;
  top: 0;
  background-color: #0167ac;
  height: 70vh
}

.abtbanner-main .redright-wrap:after {
  content: "";
  position: absolute;
  width: 80%;
  right: 0;
  top: 0;
  background-color: #217743;
  height: 70vh
}

.abtbanner-main .abt-resp-img-box {
  display: none
}

.marginb-210 {
  margin-bottom: 210px
}

.values-sec {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 19%
}

.values-sec p.schol-para {
  font-size: 20px
}

.values-sec .zoom-effect-container {
  float: left;
  position: relative;
  width: 100%;
  height: 218px;
  margin: 0 auto;
  overflow: hidden
}

.values-sec .zoom-effect-container:hover .image-card img {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}

.values-sec .zoom-effect-container .image-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 15px solid #fff
}

.values-sec .zoom-effect-container .image-card img {
  -webkit-transition: .4s ease;
  transition: .4s ease
}

.values-sec .valuecontentbox {
  background: #e7e8e9;
  padding: 30px 20px;
  bottom: -80%;
  position: absolute;
  width: 90%;
  margin: 0 auto;
  min-height: 215px;
  margin-left: 6px
}

.values-sec .valuecontentbox .value-head {
  font-family: FiraSans-Medium;
  color: #9b2928;
  margin-bottom: 20px
}

.values-sec .valuecontentbox p {
  font-size: 18px;
  color: #000
}

.history-sec {
  padding-top: 0
}

.history-sec .abtimgcaptionwrap {
  top: 50%;
  bottom: auto;
  right: 10%;
  left: auto;
  text-align: center;
  width: 30%;
  transform: translate(0, -50%);
  position: absolute;
  background: #fff;
  z-index: 9
}

.history-sec .abtimgcaptionwrap .abtbannerpara {
  font-size: 18px;
  margin-bottom: 10px
}

.history-sec .abtimgcaptionwrap .abtbanner-heading {
  padding-top: 0
}

.history-sec .abtimgcaptionwrap .button-box {
  width: 100%;
  float: left;
  margin-top: 10px
}

.history-sec .redright-wrap {
  width: 100%
}

.history-sec .redright-wrap:before,
.history-sec .redright-wrap:after {
  top: 131px
}

.whysom #info-block section.info-marker {
  border: 1px solid rgba(88, 89, 91, .2);
  position: relative
}

.whysom #info-block section.info-marker .schol-head {
  margin-bottom: 0
}

.whysom #info-block section.info-marker .box-title {
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  padding: 0 15px;
  transform: translate(-50%, -50%);
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  white-space: nowrap
}

@media(max-width: 767px) {
  .whysom #info-block section.info-marker .box-title {
    white-space: nowrap;
    margin-left: 0;
    transform: translate(0%, -50%);
    width: 100%;
    position: static
  }
  .whysom #info-block section.info-marker .box-title .schol-head {
    font-size: 16px !important
  }
}

.whysom #info-block section.info-marker .box-contents {
  padding: 30px 40px
}

.whysom #info-block section.info-marker .box-contents .counterwrap {
  border-right: 1px solid rgba(88, 89, 91, .2)
}

.whysom #info-block section.info-marker .box-contents .counterwrap .schol-para {
  font-weight: bold
}

.whysom #info-block section.info-marker .box-contents .counterwrap .counter-value {
  color: #000;
  font-family: "Marcellus-Regular";
  font-size: var(--font42, 42px)
}

.whysom #info-block section.info-marker .box-contents .counterwrap .plus {
  color: #217743;
  margin-top: 16px;
  height: 49px;
  margin-left: 5px;
  display: inline-block;
  position: absolute
}

.whysom #info-block section.info-marker .box-contents .counterwrap .plus img {
  width: 25px
}

.our-founders {
  width: 100%;
  margin-top: 0
}

.our-founders .abtviewcard {
  padding: 30px 30px 0 30px;
  background: #fafbfb;
  width: 100%;
  float: left;
  height: 100%;
  position: relative;
  text-align: center
}

.our-founders .abtviewcard:hover {
  background: #eeefef
}

.our-founders .abtviewcard:hover .btn-box {
  text-decoration: underline
}

.our-founders .abtviewcard:hover:after {
  opacity: 1
}

.our-founders .abtviewcard:after {
  content: ""
}

.our-founders .abtviewcard .subheading {
  font-size: 22px;
  color: #000;
  font-family: "FiraSans-Medium";
  margin-bottom: 10px
}

.our-founders .abtviewcard p {
  height: 100px
}

.our-founders .btn-box {
  width: 85%;
  float: none;
  margin-top: 20px;
  padding: 10px;
  margin: 20px auto -17px auto;
  z-index: 1;
  position: relative
}

.our-founders .nav-tabs {
  border-bottom: none;
  padding: 20px 0 10px 0;
  margin: 0 auto;
  justify-content: center
}

.our-founders .founder-sub-heading {
  font-size: 28px;
  color: #58595b;
  font-family: "Fira Sans", sans-serif
}

.our-founders blockquote {
  font-family: "Fira Sans", sans-serif;
  color: #217743;
  font-size: 22px;
  margin: 20px 0
}

.top_section .awmain-title {
  margin: 50px 0px
}

.awards-top .awards-resp-imgbox {
  display: none
}

.awards-top .awards-left {
  padding-right: 50px
}

.awards-top .awards-left blockquote {
  font-family: "Marcellus-Regular";
  color: #000;
  font-size: 28px;
  margin-bottom: 20px
}

.awards-top .awards-left blockquote:before {
  background-image: url("../../default_asset/img/quotes-start.svg");
  width: 18px;
  height: 35px;
  background-size: auto;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat
}

.awards-top .awards-left blockquote:after {
  background-image: url("../../default_asset/img/quotes-end.svg");
  width: 18px;
  height: 25px;
  background-size: auto;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat
}

.awards-top .awards-left .main-para {
  margin-bottom: 20px
}

.awards-top .awards-left .awsubheading {
  text-align: left;
  margin-bottom: 10px
}

.awards-listing-main .awmain-subtitle {
  margin-bottom: 50px
}

.awards-listing-main .awards-list {
  padding-top: 30px
}

.awards-listing-main .awards-list li {
  list-style-type: disc;
  width: 100%;
  float: left;
  margin-bottom: 30px
}

.awards-listing-main .awards-list li .list-heading {
  font-size: 22px;
  line-height: 33px;
  font-family: "Fira Sans", sans-serif;
  color: #217743
}

.awards-listing-main .awards-list li .list-content {
  width: 100%;
  float: left;
  margin-top: 10px
}

.awards-listing-main .awards-list li .list-content ul {
  padding-left: 20px
}

.awards-listing-main .awards-list li .list-content ul li {
  list-style-type: circle;
  margin-bottom: 20px
}

.maps-colorwrapper {
  width: 100%;
  float: left;
  height: auto;
  position: relative;
  margin-bottom: 0;
  padding: 0 0
}

.maps-colorwrapper:after {
  background-color: #efefef;
  position: absolute;
  width: 100%;
  right: 0;
  height: 420px;
  content: "";
  z-index: -1;
  top: 0
}

.maps-directions-main .schol-head {
  font-size: 30px;
  line-height: 37px;
  text-align: left !important
}

.maps-directions-main .maps-showcase-tabs {
  margin-top: 120px
}

.maps-directions-main .maps-tabs {
  justify-content: flex-start
}

.maps-directions-main .maps-tabs li {
  padding: 0 35px;
  border-right: none
}

.maps-directions-main .maps-tabs li:first-child {
  padding-left: 10px
}

.maps-directions-main .maps-tabs li:last-child {
  padding-right: 0
}

.maps-directions-main .maps-tabs li a {
  font-size: 16px;
  line-height: 24px
}

.maps-directions-main .maps-tabs li a:hover {
  color: #217743
}

.maps-directions-main .maps-tabs li a:hover:after {
  border-bottom: none
}

.maps-directions-main .maps-tabs li a.active {
  border-bottom: none
}

.maps-directions-main .maps-tabs li a.active:before {
  content: "";
  background-image: url(/assets/university/img/maps-directions/active-tab-icon.svg);
  width: 47px;
  height: 47px;
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%)
}

.maps-directions-main .maps-tabs li a.active:after {
  border-bottom: 15px solid #efefef;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  width: 0;
  height: 0;
  content: "";
  display: block;
  visibility: visible;
  bottom: -30px;
  transform: scaleX(1);
  left: 50%;
  transform: translateX(-50%)
}

.maps-directions-main .maps-tabs li a.active:hover:after {
  border-bottom: 15px solid #efefef
}

.maps-showcase {
  margin: 0 0 20px 0
}

.maps-showcase .maps-tabcontent {
  margin-top: 0;
  background: #fff
}

.maps-showcase .maps-tabcontent .card-body {
  padding: 30px;
  margin: 60px 0 70px 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .1607843137)
}

.maps-showcase .maps-tabcontent hr {
  border-top: 1px solid #707070;
  opacity: .67
}

.maps-showcase .maps-tabcontent .maps-para16 {
  font-weight: 400
}

.maps-showcase .maps-tabcontent .fullwidth {
  margin-bottom: 15px
}

.maps-showcase .map-responsive {
  position: relative;
  overflow: hidden;
  height: 600px;
  /*height: 100%*/
}

.maps-showcase .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute
}

.maps-showcase .visiting-heading {
  color: #217743;
  text-align: left;
  font-family: "FiraSans-Medium";
  padding-left: 40px
}

.maps-showcase .visiting-heading:before {
  content: "";
  background-image: url(../img/maps-directions/visiting-icon.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px
}

.maps-visisting .maps-accordin {
  margin-top: 25px
}

.maps-visisting .maps-accordin .card {
  margin-bottom: 30px;
  width: 100%;
  border: none
}

.maps-visisting .maps-accordin .card .card-header {
  display: block;
  background: #f1f1f1;
  font-family: "FiraSans-Medium";
  border-bottom: none
}

.maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true],
.maps-visisting .maps-accordin .card .card-header .btn-link {
  background: #f1f1f1;
  border: none;
  text-decoration: none;
  font-size: 20px;
  color: #58595b
}

.maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true] i,
.maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true] img,
.maps-visisting .maps-accordin .card .card-header .btn-link i,
.maps-visisting .maps-accordin .card .card-header .btn-link img {
  margin-right: 15px
}

.maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true] {
  border-bottom: 1px solid rgba(112, 112, 112, .3);
  color: #217743;
  width: 100%;
  border-radius: 0
}

.maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true]:after {
  background: #217743;
  background-image: url(../../images/about/minus-white.svg);
  background-repeat: no-repeat;
  background-position: 8px 13px;
  background-position: center;
  top: 15px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 20px;
  content: "";
  z-index: 2
}

.maps-visisting .maps-accordin .card .card-header .btn-link:after {
  background: #217743;
  background-image: url(../../images/about/plus-white.svg);
  background-repeat: no-repeat;
  background-position: 8px 7px;
  background-position: center;
  top: 20px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 20px;
  content: "";
  z-index: 2
}

.maps-visisting .maps-accordin .card .card-body {
  margin-top: 0;
  box-shadow: none;
  background: #f1f1f1;
  border: none;
  margin: 0 0 0 0
}

.maps-visisting .maps-accordin .card .collapse {
  display: none
}

.maps-visisting .maps-accordin .card .collapse.show {
  display: block
}

.maps-visisting .maps-accordin .bus-stop-box {
  padding: 10px;
  background: #fff;
  margin: 20px 0
}

.maps-visisting .maps-accordin .bus-stop-box p {
  line-height: 30px
}

#Nareshwadi-tab .map-responsive,
#Laxmiwadi-tab .map-responsive,
#Sameerwadi-tab .map-responsive,
#Kopergaon-tab .map-responsive,
#Sakarwadi-tab .map-responsive {
  height: 320px
}

.maps-services {
  position: relative
}

.maps-services:after {
  right: inherit;
  position: absolute;
  width: 84%;
  left: 0;
  height: 80%;
  content: "";
  z-index: -2;
  top: 35px;
  background-color: #f1f1f1
}

.maps-services .map-service-list li {
  width: 18.6%;
  height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
  padding: 30px;
  text-align: center;
  border-radius: 5px;
  font-family: "FiraSans-Medium";
  font-size: 16px;
  color: #fff;
  margin-right: 20px;
  margin-bottom: 20px
}

.maps-services .map-service-list li:hover {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .22);
  cursor: pointer
}

.maps-services .map-service-list li img {
  margin-bottom: 10px
}

.maps-services .map-service-list .boxred {
  background-color: #217743
}

.maps-services .map-service-list .boxlightbrown {
  background-color: #a25723
}

.maps-services .map-service-list .boxdarkbrown {
  background-color: #603312
}

.maps-services .map-service-list .boxorange {
  background-color: #f58220
}

.maps-services a {
  color: #fff;
  transition: box-shadow .3s ease-in
}

.maps-services a:hover li {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16)
}

.dashed-hr {
  width: 100%;
  float: left;
  border-top: 1px dashed #fff
}

.community-supportmain .social-head {
  font-size: 20px;
  line-height: 28px;
  color: #217743;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 20px
}

.community-supportmain .com-supp-intro {
  margin: 70px 0 50px 0
}

.community-supportmain .com-supp-intro p:last-child {
  margin-top: 30px
}

.community-supportmain .comm-descrp {
  margin-top: 0
}

.community-supportmain .last-intro {
  margin: 30px 0 70px 0
}

.community-supportmain .last-intro .jetavan-dwnldbtn {
  color: #217743;
  font-size: 18px;
  font-weight: 400;
  font-family: "Fira Sans", sans-serif;
  margin-top: 30px;
  float: left;
  padding-left: 50px
}

.community-supportmain .last-intro .jetavan-dwnldbtn:before {
  content: "";
  background-image: url(../img/community-support/download-circle.svg);
  background-repeat: no-repeat;
  font-size: 18px;
  transition: all ease .5s;
  position: absolute;
  margin-right: 15px;
  width: 45px;
  height: 45px;
  margin-left: -55px;
  background-size: 100%;
  margin-top: -10px
}

.community-supportmain .comm-list {
  margin-left: 30px
}

.community-supportmain .comm-list li {
  font-size: 16px;
  line-height: 30px;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 10px
}

.community-supportmain .comm-list li:before {
  content: "";
  background-image: url(../../default_asset/img/icons/more-arrow-red.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  font-size: 18px;
  transition: all ease .5s;
  position: absolute;
  margin-right: 15px;
  width: 20px;
  height: 100px;
  margin-left: -28px;
  background-size: 55%;
  margin-top: 8px
}

.community-supportmain .activitiesimg {
  margin-top: 55px
}

.community-supportmain .budhhaimg {
  margin-top: 30px
}

.community-supportmain .naresh-colorwrapper::before {
  content: "";
  position: absolute;
  width: 50%;
  left: 0;
  background-color: #f58220;
  height: 100%;
  z-index: 0;
  left: -90px;
  top: 0
}

.community-supportmain .initi-head {
  font-size: 26px;
  font-family: "Fira Sans", sans-serif;
  line-height: 33px;
  margin-bottom: 10px
}

.community-supportmain .nareshwadi-sec {
  background-color: #f58220;
  position: relative;
  padding: 50px 0
}

.community-supportmain .nareshwadi-sec * {
  color: #fff;
  font-family: "Fira Sans", sans-serif
}

.community-supportmain .nareshwadi-sec .dashed-hr {
  width: 80%
}

.community-supportmain .nareshwadi-sec a {
  padding-left: 20px
}

.community-supportmain .nareshwadi-sec a:before {
  content: "";
  background-image: url(../../default_asset/img/icons/more-arrow-white.svg);
  background-repeat: no-repeat;
  background-size: 80%;
  font-size: 18px;
  transition: all ease .5s;
  position: absolute;
  margin-right: 15px;
  width: 20px;
  height: 30px;
  margin-left: -25px;
  background-size: 55%;
  margin-top: 6px
}

.community-supportmain .comm-healthsec {
  position: relative;
  background-color: #a25723;
  padding: 40px 40px
}

.community-supportmain .comm-healthsec * {
  color: #fff;
  font-family: "Fira Sans", sans-serif
}

.community-supportmain .comm-healthsec li:before {
  background-image: url(../../default_asset/img/icons/more-arrow-white.svg)
}

.community-supportmain .health-colorwrapper:before {
  background-color: #a25723;
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: 0;
  right: -90px;
  top: 0
}

.community-supportmain .comm-healthsec.orange {
  background-color: #f58220
}

.community-supportmain .comm-healthsec.orange .health-colorwrapper:before {
  background-color: #f58220
}

.community-supportmain .nareshwadi-sec.yellow {
  background-color: #ffcb05;
  padding: 70px 0;
  margin-bottom: 70px
}

.community-supportmain .nareshwadi-sec.yellow .naresh-colorwrapper:before {
  background-color: #ffcb05
}

.community-supportmain .nareshwadi-sec.yellow .jetavan-head {
  font-family: "Marcellus-Regular";
  color: #217743;
  font-size: 40px;
  margin-bottom: 20px
}

.community-supportmain .nareshwadi-sec.yellow * {
  color: #58595b;
  font-family: "Fira Sans", sans-serif
}

.community-supportmain .initiative-imgsec {
  position: relative;
  margin-bottom: 70px
}

.community-supportmain .initiative-imgsec img {
  float: right;
  width: 90%;
  position: relative
}

.community-supportmain .initiative-imgsec .init-imgwrap {
  height: 80%
}

.community-supportmain .initiative-imgsec .init-imgwrap:before {
  width: 42%
}

.community-supportmain .initiative-imgsec .init-imgwrap:after {
  width: 32%;
  z-index: -1
}

.community-supportmain .initiative-imgsec .init-imgwrap::before,
.community-supportmain .initiative-imgsec .init-imgwrap:after {
  top: 50%;
  bottom: 0
}

.community-supportmain .jetavan-imgwrapper:before,
.community-supportmain .jetavan-imgwrapper:after {
  height: 70%;
  top: auto;
  bottom: 0;
  z-index: -1
}

.community-supportmain .jetavan-imgwrapper:before {
  right: -22%;
  width: 50%
}

.community-supportmain .jetavan-imgwrapper:after {
  width: 12%;
  right: 28%
}

.chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
  color: #58595b;
  font-family: "FiraSans-Medium"
}

.chancellorsmsg-main .chanc-introsec {
  margin: 30px 0 0px 0
}

.chancellorsmsg-main .p-msg {
  margin: 10px 0 10px 0;
  font-size: 25px;
  line-height: 42px
}

.chancellorsmsg-main .cwrapper {
  width: 92%
}

.chancellorsmsg-main .sm-heading {
  font-size: 30px;
  line-height: 30px;
  color: #217743;
  font-family: "Marcellus-Regular";
  margin-bottom: 20px
}

.chancellorsmsg-main .sm-reality p,
.chancellorsmsg-main .content-sec p {
  margin-bottom: 20px
}

.chancellorsmsg-main .sm-reality p:last-child,
.chancellorsmsg-main .content-sec p:last-child {
  margin-bottom: 0
}

.chancellorsmsg-main .nehru-sec {
  background-color: rgba(183, 32, 46, .1098039216);
  padding: 30px;
  margin: 0
}

.chancellorsmsg-main .nehru-sec * {
  color: #217743
}

.chancellorsmsg-main .nehru-sec .col-md-2 {
  text-align: center
}

.chancellorsmsg-main .nehru-sec .nehru-heading {
  font-family: "FiraSans-Medium";
  margin-bottom: 10px;
  font-size: 18px
}

.chancellorsmsg-main .song-sec {
  background-color: #f9f9f9;
  padding: 30px;
  position: relative;
  margin: 0
}

.chancellorsmsg-main .song-sec .sm-profilesec {
  position: absolute;
  right: 0;
  bottom: 0;
  top: auto
}

.chancellorsmsg-main .song-sec .song-heading {
  font-size: 21px;
  font-family: "FiraSans-Medium";
  line-height: 32px;
  color: #58595b;
  margin-bottom: 20px;
  width: 75%
}

.chancellorsmsg-main .song-sec .signature {
  font-size: 25px;
  font-family: "FiraSans-Medium";
  line-height: 32px;
  color: #217743;
  margin-top: 20px;
  margin-bottom: 6px
}

.chancellorsmsg-main .song-sec .desg {
  color: #217743;
  font-weight: 400
}

.chancellorsmsg-main .song-sec .hindi {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #57585b;
  line-height: 41px;
  font-size: 20px
}

.sust-initvmain .sust-slider .university-slider .carousel-caption .uni-banner-heading {
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.sust-initvmain .sust-slider .university-slider .carousel-caption .uni-banner-heading:after {
  content: "";
  width: 210px;
  height: 6px;
  background: #217743;
  position: absolute;
  bottom: -4px;
  left: 0px
}

.sust-initvmain .sust-slider .university-slider .carousel-caption p.bannersub-text {
  font-family: "FiraSans-Medium";
  color: #58595b
}

.sust-initvmain .sist-intro {
  margin: 70px 0
}

.sust-initvmain .sist-intro .last-para {
  margin-top: 20px
}

.sust-initvmain .sist-intro .treesimg {
  margin: 0 auto;
  display: block;
  margin-top: 70px
}

.sust-initvmain .sist-intro .vermi-descimg {
  width: 100%
}

.sust-initvmain .sist-intro .earthandimg {
  margin: 0 auto;
  display: block
}

.sust-initvmain .sist-intro .grey-vermi {
  background-color: #f5f6f6;
  padding: 20px 20px 0 0;
  margin-top: -21px;
  z-index: -1;
  width: 95%;
  border-top-right-radius: 40px
}

.sust-initvmain .sist-intro .vermi-contentbox {
  padding: 30px
}

.sust-initvmain .sist-intro .vermi-contentbox p {
  margin-bottom: 10px
}

.sust-initvmain .sist-intro .vermi-contentbox p:last-child {
  margin-bottom: 0
}

.sust-initvmain .sist-intro .grey-vermi.right {
  border-top-right-radius: 0;
  border-top-left-radius: 40px;
  padding: 20px 0 0 20px;
  float: right
}

.sust-initvmain .sist-intro .grey-vermi.right .vermi-contentbox {
  padding: 30px 50px 30px 10px
}

.sust-initvmain .sist-intro .our-approachbox {
  padding: 20px 0 0 0;
  margin-top: 40px;
  width: 95%;
  float: right
}

.sust-initvmain .sist-intro .our-approachbox p {
  margin-bottom: 10px
}

.sust-initvmain .sist-intro .our-approachbox p:last-child {
  margin-bottom: 0
}

.sust-initvmain .sust-heading {
  font-family: "FiraSans-Medium";
  margin-bottom: 20px;
  font-size: 35px;
  color: #217743
}

.acd-councilmains .mobfixed {
  position: static !important;
  margin-left: 0 !important
}

.acd-councilmains .acdgov-tabswrapper {
  margin: 0 0 70px 0;
  width: 100%;
  float: left
}

.acd-councilmains .acdgov-tabswrapper .gridbox {
  width: 100%;
  text-align: center
}

.acd-councilmains .acdgov-tabswrapper .linesbox {
  width: 76%;
  text-align: right;
  padding: 15px 0
}

.acd-councilmains .acdgov-tabswrapper .redmembg {
  background-color: #fff;
  position: relative
}

.acd-councilmains .mainherotitle-45 {
  margin: 40px 0 20px 65px
}

.acd-councilmains .intr-para {
  width: 80%;
  margin: 0 auto;
  font-size: 20px;
  line-height: 30px
}

.acd-councilmains .pinkmembg {
  position: relative;
  width: 100%;
  float: left
}

.acd-councilmains .acdgov-tabs {
  border: none;
  position: relative
}

.acd-councilmains .acdgov-tabs .nav-link {
  border: none;
  width: 100%;
  float: left;
  padding: 0;
  padding: 15px 10px 15px 30px;
  border-bottom: 1px solid #ddd
}

.acd-councilmains .acdgov-tabs .nav-link:before {
  font-family: fontAwesome;
  font-size: 6px;
  position: absolute;
  content: "";
  color: #58595b;
  left: 15px;
  opacity: .7;
  top: 21px
}

.acd-councilmains .acdgov-tabs .nav-link.active,
.acd-councilmains .acdgov-tabs .nav-link:hover {
  background-color: #eeefef;
  opacity: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0)
}

.acd-councilmains .acdgov-tabs .nav-link.active:after,
.acd-councilmains .acdgov-tabs .nav-link:hover:after {
  content: "";
  width: 43px;
  height: 100%;
  position: absolute;
  background-image: url(../../images/about/light-grey-traingle.svg);
  right: -17px;
  top: 1px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1
}

.acd-councilmains .acdgov-tabs .nav-link.active:before,
.acd-councilmains .acdgov-tabs .nav-link:hover:before {
  color: #000;
  opacity: 1
}

.acd-councilmains .acdgov-tabs .nav-link.active .itemimgbox img,
.acd-councilmains .acdgov-tabs .nav-link:hover .itemimgbox img {
  border: 5px solid #217743
}

.acd-councilmains .acdgov-tabs .nav-link.active .item-name,
.acd-councilmains .acdgov-tabs .nav-link:hover .item-name {
  color: #000;
  opacity: 1
}

.acd-councilmains .acdgov-tabs .nav-item {
  width: 100%;
  padding: 0
}

.acd-councilmains .acdgov-tabs .itemimgbox {
  width: 100%;
  float: left;
  background-color: #ece8e2;
  border-radius: 50%
}

.acd-councilmains .acdgov-tabs .itemimgbox img {
  width: 100%;
  border-radius: 50%;
  max-height: 160px;
  object-fit: cover;
  border: 5px solid #ece8e2
}

.acd-councilmains .acdgov-tabs .item-name {
  width: 100%;
  float: left;
  font-size: 18px;
  font-family: "FiraSans-Medium";
  color: #58595b;
  opacity: .8;
  text-align: left
}

.acd-councilmains .acdgov-tabs .item-name:hover {
  color: #217743
}

.acd-councilmains .card-bodys {
  padding: 0;
  padding: 20px 30px 30px;
  box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .16);
  width: 100%;
  float: left;
  margin-bottom: 40px
}

.acd-councilmains .card-bodys .contentwrapper {
  width: 70%;
  float: right;
  padding: 20px 0 0 20px
}

.acd-councilmains .card-bodys .cd-imgwrapper {
  width: 30%;
  float: left
}

.acd-councilmains .card-bodys .cd-imgwrapper img {
  width: 100%;
  border-radius: 50%;
  max-height: auto
}

.acd-councilmains .coun-name {
  font-family: "FiraSans-Medium";
  font-size: 28px;
  line-height: 37px;
  color: #000
}

.acd-councilmains .coun-desgn {
  font-size: 18px;
  line-height: 27px;
  margin: 10px 0;
  font-family: "FiraSans-Medium";
  color: #000
}

.acd-councilmains .coun-descp {
  font-size: 18px;
  line-height: 30px
}

.acd-councilmains a {
  color: #069;
  font-weight: 500;
  text-decoration: underline
}

.acd-councilmains a:hover {
  text-decoration: none;
  color: #046
}

.studentlife-main .slider-wrapper .university-slider img {
  object-fit: cover
}

.studentlife-main .slider-wrapper .university-slider .carousel-caption .uni-banner-heading {
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.studentlife-main .slider-wrapper .university-slider .carousel-caption .uni-banner-heading:after {
  content: "";
  width: 210px;
  height: 6px;
  background: #217743;
  position: absolute;
  bottom: -4px;
  left: 0px
}

.studentlife-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
  font-size: 24px;
  line-height: 30px;
  font-family: "FiraSans-Medium";
  color: #58595b;
  margin: 0
}

.studentlife-main .studlifetabswrapper img {
  z-index: 4;
  position: relative
}

.studentlife-main .readmore-box {
  background-color: #ece8e2;
  width: 100%;
  float: left;
  padding: 40px 30px;
  display: flex;
  justify-content: center;
  border-bottom-right-radius: 50px;
  position: relative;
  margin-top: -50px
}

.studentlife-main .readmore-box:before {
  width: 100%;
  height: 225px;
  background-color: #ece8e2;
  content: "";
  top: -225px;
  z-index: 1;
  position: absolute;
  left: 0
}

.studentlife-main .morelist {
  margin: 0 auto
}

.studentlife-main .morelist li {
  font-size: 18px;
  line-height: 30px;
  color: #217743;
  font-family: "FiraSans-Medium";
  margin-bottom: 15px;
  padding-left: 20px
}

.studentlife-main .morelist li::before {
  content: "";
  background-image: url(/assets/default_asset/img/icons/more-arrow-red.svg);
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  position: absolute;
  background-position: center;
  background-size: 45%;
  margin-left: -30px
}

.studentlife-main .morelist li a {
  color: #217743
}

.studentlife-main .std-heading {
  text-align: left;
  margin-bottom: 15px
}

.studentlife-main .md-box {
  padding: 50px 30px 50px 30px
}

.studentlife-main .gallerybox {
  padding-left: 30px
}

.studentlife-main .gallerybox .photo-heading {
  color: #217743;
  font-size: 18px;
  line-height: 25px;
  padding-left: 30px;
  font-family: "FiraSans-Medium"
}

.studentlife-main .gallerybox .photo-heading::before {
  content: "";
  background-image: url(../img/student-life/photo-icon.svg);
  background-repeat: no-repeat;
  height: 25px;
  width: 30px;
  position: absolute;
  left: 10px
}

.studentlife-main .gallerybox .img-container {
  position: relative;
  height: 100%
}

.studentlife-main .gallerybox .img-container:hover .zoombox {
  opacity: 1
}

.studentlife-main .gallerybox .img-container:hover img {
  opacity: .4;
  cursor: pointer
}

.studentlife-main .gallerybox .img-container .zoombox {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center
}

.studentlife-main .gallerybox .img-container .text {
  color: #217743;
  font-size: 24px;
  padding: 5px 15px
}

.studentlife-main .gallerybox .gallery-list {
  margin-top: 30px;
  float: left;
  padding: 0
}

.studentlife-main .gallerybox .gallery-list li {
  list-style-type: none;
  width: 25%;
  float: left
}

.studentlife-main .gallerybox .gallery-list img {
  width: 100%;
  padding: 10px;
  transition: .3s
}

.studentlife-main .gallerybox .gallery-list img:hover .zoombox {
  opacity: 1
}

.studentlife-main .std-subheading {
  font-size: 24px;
  color: #58595b;
  line-height: 34px;
  font-weight: 400;
  margin-bottom: 15px
}

.studentlife-main .stud-navs {
  background-color: #217743;
  padding: 20px;
  width: 80%;
  float: right
}

.studentlife-main .stud-navs img {
  margin-left: -65px;
  margin-right: 10px;
  border: 3px solid rgba(0, 0, 0, 0)
}

.studentlife-main .stud-navs .link-text {
  width: 75%;
  float: right;
  padding: 20px 0 20px 0;
  font-size: 18px
}

.studentlife-main .stud-navs .nav-item {
  border: none;
  padding: 0;
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.studentlife-main .stud-navs .nav-item:last-child {
  margin-bottom: 0
}

.studentlife-main .stud-navs .nav-item .nav-link {
  font-size: 18px;
  border: none;
  background-color: #217743;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400
}

.studentlife-main .stud-navs .nav-item .nav-link.active {
  color: #fff
}

.studentlife-main .stud-navs .nav-item .nav-link.active img {
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16)
}

.studentlife-main .stud-navs .nav-item .nav-link:after {
  border: none
}

.studentlife-main .stud-navs .nav-item .nav-link:hover img {
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16)
}

.studentlife-main .stud-navs .nav-item .nav-link:hover:after {
  border: none
}

.studentLifeMdal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  transition: all ease 1s
}

.studentLifeMdal .modal-content {
  position: relative;
  background-color: rgba(254, 254, 254, 0);
  margin: auto;
  padding: 0;
  width: 60%
}

.studentLifeMdal .modal-content img.hover-shadow {
  transition: .3s;
  display: block;
  float: left;
  height: 100%
}

.studentLifeMdal .modal-content .mySlides img {
  max-height: 500px;
  width: 100%
}

.studentLifeMdal .modal-content .prev,
.studentLifeMdal .modal-content .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  transform: translateY(-50%);
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  user-select: none;
  background-color: rgba(0, 0, 0, .8);
  padding: 16px;
  transition: all .6s ease 0s;
  border-radius: 0px 3px 3px 0px
}

.studentLifeMdal .modal-content .next {
  right: 0px;
  border-radius: 3px 0px 0px 3px
}

.studentLifeMdal img.hover-shadow {
  transition: .3s;
  display: block;
  float: left;
  height: 100%
}

.studentLifeMdal .close {
  color: #fff;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  opacity: 1;
  cursor: pointer
}

.studentLifeMdal .numbertext {
  color: #f2f2f2;
  position: absolute;
  bottom: -50px;
  left: 50%;
  font-size: 16px;
  font-family: "FiraSans-Medium";
  transform: translate(-50%);
  padding: 8px 12px
}

.showmob {
  display: none
}

.meritlistmain .meritsTitle {
  margin-bottom: 20px
}

.meritlistmain .subheading {
  color: #58595b;
  font-size: 24px
}

.meritlistmain .Llist-main {
  margin-left: 0
}

.meritlistmain .Llist-main li {
  list-style-type: none
}

.meritlistmain .Llist-main li a {
  padding-left: 30px;
  transition: all ease .5s
}

.meritlistmain .Llist-main li a:hover {
  transition: all ease .5s
}

.meritlistmain .Llist-main li a:hover:before {
  margin-left: 15px;
  transition: all ease .5s
}

.meritlistmain .Llist-main li a:after {
  content: "";
  background-image: url(/assets/default_asset/img/icons/merit.svg);
  width: 20px;
  height: 22px;
  position: absolute;
  background-position: center;
  background-size: contain;
  left: 0;
  background-repeat: no-repeat;
  top: 0
}

@media only screen and (max-width: 1920px) {
  .acd-councilmains .acdgov-tabs .itemimgbox img {
    max-height: 255px
  }
  .our-founders .abtviewcard:after {
    height: 130px;
    bottom: -130px
  }
}

@media only screen and (max-width: 1440px) {
  .our-founders .abtviewcard:after {
    height: 90px;
    bottom: -83px
  }
  .acd-councilmains .acdgov-tabs .itemimgbox img {
    max-height: 175px
  }
}

@media only screen and (max-width: 1366px) {
  .acd-councilmains .acdgov-tabs .itemimgbox img {
    max-height: 160px
  }
}

@media only screen and (max-width: 1280px) {
  .maps-services .map-service-list li {
    width: 18%;
    margin-top: 0 !important
  }
}

@media only screen and (max-width: 1024px) {
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 40px;
    line-height: 60px
  }
  .awards-top .awards-left .main-para {
    font-size: 24px;
    line-height: 36px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 32px;
    line-height: 48px
  }
  .marathi-head {
    font-size: 36px !important;
    margin-bottom: 28px !important
  }
  .abtbanner-main .redright-wrap {
    position: relative
  }
  .studentlife-main .std-heading {
    margin-bottom: 5px
  }
  .studentlife-main .std-subheading {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px
  }
  .studentlife-main .readmore-box:before {
    top: -200px;
    height: 225px
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption .uni-banner-heading {
    font-size: 30px
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 22px;
    line-height: 26px
  }
  .studentlife-main .gallerybox .gallery-list {
    width: 100%
  }
  .studentlife-main .gallerybox .gallery-list li {
    width: 33.3333333333%;
    margin-bottom: 20px
  }
  .studentlife-main .stud-navs img {
    margin-left: -60px;
    width: 60%
  }
  .studentlife-main .stud-navs .link-text {
    width: 65%;
    font-size: 16px;
    line-height: 24px
  }
  .acd-councilmains .pinkmembg {
    padding: 0
  }
  .acd-councilmains .coun-desgn {
    margin: 10px 0
  }
  .acd-councilmains .coun-descp {
    font-size: 16px;
    line-height: 27px
  }
  .acd-councilmains .coun-name {
    font-size: 24px;
    line-height: 34px
  }
  .acd-councilmains .acdgov-tabs .itemimgbox img {
    max-height: 140px
  }
  .acd-councilmains .acdgov-tabs .nav-link {
    padding: 10px 10px 10px 20px
  }
  .acd-councilmains .acdgov-tabs .nav-link:before {
    display: none
  }
  .acd-councilmains .acdgov-tabs .item-name {
    padding: 10px 0px;
    font-size: 18px
  }
  .acd-councilmains .acdgov-tabswrapper .redmembg:before {
    background-size: 100%;
    top: -90px
  }
  .sust-initvmain .sust-heading {
    font-size: 28px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption .uni-banner-heading {
    font-size: 32px
  }
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 22px;
    line-height: 28px
  }
  .chancellorsmsg-main .p-msg {
    font-size: 22px;
    line-height: 38px
  }
  .chancellorsmsg-main .sm-heading {
    font-size: 28px
  }
  .chancellorsmsg-main .song-sec .song-heading {
    width: 100%
  }
  .community-supportmain .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 22px;
    line-height: 28px
  }
  .uni_footer .container {
    background-color: #fff
  }
  .maps-colorwrapper:after {
    height: 350px
  }
  .admission-mainsection .admsn-accordion .card .card-header .btn-link {
    font-size: 18px;
    line-height: 27px
  }
  .admission-mainsection .admsn-accordion .card .card-header .btn-link:after {
    width: 24px;
    height: 24px;
    background-size: 10px;
    background-position: center
  }
  .admission-mainsection .admsn-accordion .card .card-header .btn-link[aria-expanded=true]:after {
    width: 24px;
    height: 24px;
    background-size: 10px;
    background-position: center
  }
  .maps-directions-main .maps-tabs li {
    padding: 0 20px
  }
  .maps-directions-main .schol-head {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px
  }
  .maps-showcase .maps-tabcontent .card-body p {
    font-size: 16px;
    line-height: 24px
  }
  .awards-top .awards-left {
    padding-right: 0
  }
  .awards-top .awards-left blockquote {
    font-size: 22px;
    margin-bottom: 10px
  }
  .awards-top .awards-left .main-para,
  .awards-top .awards-left .awsubheading {
    margin-bottom: 0
  }
  .abtbanner-main .redright-wrap:before,
  .abtbanner-main .redright-wrap:after {
    max-height: 30vh
  }
  .our-founders .schol-head,
  .our-founders .schol-para {
    text-align: left
  }
  .our-founders .nav-tabs {
    padding: 30px 0
  }
  .our-founders .commonL-tabs .nav-item {
    padding: 0 20px
  }
  .our-founders .abtviewcard {
    padding: 20px 20px 0 20px
  }
  .our-founders .abtviewcard:after {
    display: none
  }
  .our-founders .abtviewcard .subheading {
    font-size: 20px
  }
  .our-founders .abtviewcard .btn-box {
    font-size: 16px;
    width: 100%
  }
  .our-founders .abtviewcard p {
    font-size: 16px;
    line-height: 24px;
    height: auto
  }
  .history-sec .abtimgwrapper img {
    height: 100%
  }
  .history-sec .abtimgcaptionwrap {
    width: 38%
  }
  .history-sec .abtbanner-heading {
    margin-bottom: 15px;
    padding-top: 10px
  }
  .abtbanner-heading {
    font-size: 36px
  }
  .abtbanner-main .abtimgcaptionwrap .abtbanner-subheading {
    font-size: 24px;
    margin-bottom: 15px
  }
  .abtbanner-main .abtimgcaptionwrap .abtbannerpara {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px
  }
  .history-sec .redright-wrap:before,
  .history-sec .redright-wrap:after {
    height: 60vh;
    top: 95px;
    max-height: 60vh
  }
  .abtbanner-main .abtimgcaptionwrap {
    padding: 10px 15px;
    padding-bottom: 30px
  }
  .values-sec .valuecontentbox {
    bottom: -67%;
    margin-left: 1px;
    min-height: 200px
  }
  .values-sec .valuecontentbox .value-head {
    font-size: 16px;
    margin-bottom: 8px
  }
  .values-sec .valuecontentbox p {
    font-size: 14px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap {
    text-align: center
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .counter-value {
    font-size: 36px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .plus {
    height: 37px;
    margin-left: 8px;
    font-size: 20px;
    margin-top: 12px
  }
  .explore-somaiya p {
    font-size: 18px
  }
  .red {
    width: 24%
  }
  .school-colg-wrapper .home-hist p {
    font-size: 16px;
    margin-bottom: 6px
  }
  .school-colg-wrapper .hist-head {
    font-size: 22px
  }
  .school-colg-wrapper .schhols-sec {
    width: 92%
  }
  .school-colg-wrapper .schhols-sec .schol-para {
    font-size: 16px
  }
  .school-colg-wrapper .schhols-sec .width-50 {
    width: 100%;
    margin-right: 13px
  }
  .simple-link,
  .areaofstudies ul a {
    font-size: 16px
  }
  .schol-head {
    font-size: 30px
  }
  .school-colg-wrapper .schhols-sec a,
  .adoutlinegreybtn,
  .adredbtn {
    padding: 8px 22px;
    font-size: 16px
  }
  .watch-videostrip {
    bottom: 29px
  }
  .watch-videostrip .watchvideo-btn {
    padding: 8px 20px;
    font-size: 16px;
    padding-left: 0
  }
  .watch-videostrip .watchvideo-btn:before {
    padding: 11px 13px;
    font-size: 14px
  }
  .explore-somaiya .explore-box {
    padding: 25px 20px;
    padding-left: 0
  }
  .explore-somaiya .explore-box img {
    max-width: 150px
  }
  .find-program .findprgm-right .number {
    font-size: 30px
  }
  .find-program .findprgm-right .content {
    font-size: 16px
  }
  .subheading {
    font-size: 22px
  }
  .already-know {
    padding: 30px 0
  }
  .already-know p {
    font-size: 24px;
    line-height: 30px
  }
  .already-know .adredbtn {
    padding: 8px 22px;
    margin: 0
  }
}

@media only screen and (max-width: 991px) {
  .sust-initvmain .sist-intro .grey-vermi {
    width: 100%
  }
  .red {
    bottom: -66px
  }
  .areaofstudies {
    padding: 30px 0
  }
  .btn-wrap {
    margin-top: 15px;
    text-align: center
  }
  .menus>ul>li>ul.normal-sub img.thumb {
    display: none
  }
  .explore-somaiya .row div.col-lg-3.col-md-6.col-sm-6.col-xs-12:nth-child(even).explore-box {
    border-right: none
  }
  .subheading {
    font-size: 24px
  }
  .find-program {
    background-image: none;
    padding: 10px 0
  }
  .find-program .findprgm-right {
    padding: 25px;
    text-align: center
  }
  .find-program .whatstudywrap {
    margin-left: 0;
    width: 100%;
    padding: 25px
  }
  .hist-head br {
    display: none
  }
  .show-morebtn,
  .more-dots {
    display: initial
  }
  .more-content {
    display: none
  }
  .show-morebtn {
    display: inline-block;
    font-family: "Fira Sans", sans-serif;
    color: #069
  }
  .school-colg-wrapper:after {
    top: 61.6%;
    height: 50%
  }
  .school-colg-wrapper .home-hist {
    width: 100%
  }
  .school-colg-wrapper .home-hist .hist-head {
    font-size: 24px;
    margin-bottom: 8px
  }
  .school-colg-wrapper .home-hist p .para-spn {
    margin-bottom: 8px
  }
  .school-colg-wrapper .schhols-sec {
    padding-top: 25px;
    margin: 0;
    margin-top: 25px;
    width: 100%;
    padding-bottom: 0px
  }
  .school-colg-wrapper .schhols-sec .fullwidth,
  .school-colg-wrapper .schhols-sec .width-50 {
    width: 50%;
    margin-right: 0;
    margin-bottom: 10px
  }
  .school-colg-wrapper .schhols-sec a {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 10px
  }
  .schol-head {
    font-size: 28px;
    text-align: center
  }
  .schol-para,
  .subheading {
    text-align: center
  }
  .simple-link,
  .areaofstudies ul a {
    display: block;
    text-align: right
  }
  .areaofstudies ul a {
    text-align: left
  }
  .whysom #info-block section.info-marker .box-contents .why-a:nth-child(even) .counterwrap {
    border-right: none
  }
}

@media only screen and (max-width: 959px) {
  #hero-wrapper {
    height: 40vh;
    height: auto
  }
  #wrapper {
    position: relative;
    top: 0px !important
  }
  body .megamenu .mt35s {
    margin-top: 0px !important
  }
  .normal-sub br {
    display: none
  }
  .find-program .whatstudywrap {
    z-index: 1
  }
}

@media only screen and (max-width: 800px) {
  .studentlife-main .studlifetabswrapper {
    margin: 30px 0 30px 0
  }
  .studentlife-main .morelist li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption {
    height: 145px
  }
  .studentlife-main .md-box p {
    font-size: 16px;
    line-height: 24px
  }
  .studentlife-main .gallerybox .gallery-list li {
    width: 50%
  }
  .studentlife-main .stud-navs img {
    margin-left: -55px;
    width: 65%;
    margin-right: 0;
    font-size: 15px
  }
  .studentlife-main .stud-navs .link-text {
    width: 80%;
    padding: 10px 0 10px 0
  }
  .acd-councilmains .intr-para {
    font-size: 18px;
    line-height: 27px
  }
  .acd-councilmains .mainherotitle-45 {
    margin: 40px 0 5px 35px
  }
  .acd-councilmains .acdgov-tabs .itemimgbox img {
    max-height: 185px
  }
  .acd-councilmains .acdgov-tabs .item-name {
    padding: 5px 0px;
    font-size: 16px
  }
  .acd-councilmains .acdgov-tabs .nav-link {
    padding: 5px 8px 5px 5px;
    font-size: 16px
  }
  .acd-councilmains .coun-desgn {
    font-size: 16px;
    line-height: 24px
  }
  .acd-councilmains .card-bodys .cd-imgwrapper {
    width: 35%
  }
  .acd-councilmains .card-bodys .cd-imgwrapper img {
    max-height: initial
  }
  .acd-councilmains .card-bodys .contentwrapper {
    padding: 20px 0 0 0;
    width: 100%;
    float: left
  }
  .sust-initvmain .sist-intro {
    margin: 0 0 70px 0
  }
  .sust-initvmain .sist-intro .vermi-contentbox {
    padding: 20px
  }
  .sust-initvmain .sist-intro .grey-vermi.right .vermi-contentbox {
    padding: 30px 50px 30px 10px
  }
  .sust-initvmain .sist-intro .treesimg,
  .sust-initvmain .sist-intro .earthandimg {
    width: 85%
  }
  .sust-initvmain p {
    font-size: 16px;
    line-height: 24px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption .uni-banner-heading {
    font-size: 30px
  }
  .sust-initvmain .sust-heading {
    font-size: 26px;
    margin-bottom: 15px
  }
  .chancellorsmsg-main .chanc-introsec {
    margin: 0 0 30px 0
  }
  .chancellorsmsg-main .chanc-introsec img {
    width: 100%
  }
  .chancellorsmsg-main .p-msg {
    font-size: 20px;
    line-height: 36px
  }
  .chancellorsmsg-main .sm-heading {
    font-size: 26px
  }
  .chancellorsmsg-main .quotes-start img,
  .chancellorsmsg-main .quotes-end img {
    width: 6%
  }
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption {
    height: 135px;
    height: 70px
  }
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption .bannersub-text {
    font-size: 20px;
    line-height: 24px
  }
  .community-supportmain .com-supp-intro {
    margin: 0 0 50px 0
  }
  .community-supportmain .initi-head {
    font-size: 22px;
    line-height: 30px
  }
  .community-supportmain .social-head {
    margin-bottom: 10px
  }
  .community-supportmain .jetavan-head {
    font-size: 34px
  }
  .community-supportmain .nareshwadi-sec.yellow {
    padding: 50px 25px 70px 0
  }
  .community-supportmain .nareshwadi-sec.yellow .jetavan-head {
    font-size: 30px;
    margin-bottom: 10px
  }
  .community-supportmain .comm-list li {
    margin-bottom: 5px
  }
  .school-colg-wrapper .home-hist {
    padding-top: 15px
  }
  .school-colg-wrapper .schhols-sec .btnwrapper {
    width: 100%
  }
  .maps-directions-main .maps-tabs li a.active:after {
    bottom: -43px
  }
  .maps-directions-main .maps-showcase-tabs {
    margin-top: 40px;
    margin-bottom: 20px
  }
}

@media only screen and (max-width: 769px) {
  .marathi-head {
    font-size: 32px !important;
    margin-bottom: 15px !important
  }
  .top_section .awmain-title,
  .studentlife-main .std-heading,
  .meritlistmain .meritsTitle {
    font-size: 34px;
    line-height: 50px
  }
  .awards-top .awards-left .main-para {
    font-size: 20px;
    line-height: 30px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 28px;
    line-height: 42px
  }
  .acd-councilmains .acdgovsliderwrapper .university-slider .carousel-caption {
    height: 70px;
    top: 90%
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption {
    height: 150px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption p.bannersub-text {
    font-size: 20px;
    text-align: left
  }
  .community-supportmain .com-supp-intro {
    margin: 0 0 40px 0
  }
  .community-supportmain .slider-wrapper .university-slider .carousel-caption {
    height: 130px
  }
  .community-supportmain .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 22px;
    line-height: 30px
  }
  .maps-directions-main .maps-tabs li {
    padding: 0 9px
  }
  .maps-services .map-service-list li {
    margin-right: 20px !important;
    width: 30%
  }
  .awards-top .awards-left blockquote {
    font-size: 18px;
    margin-bottom: 6px
  }
  .awards-listing-main .awards-list li .list-heading {
    font-size: 20px;
    line-height: 30px
  }
  .awards-listing-main .awards-list li .list-content {
    font-size: 16px;
    line-height: 24px;
    margin-top: 6px
  }
  .red {
    bottom: -70px
  }
  .school-colg-wrapper:after {
    width: 150px;
    top: 72%;
    height: 42.8%
  }
  .school-colg-wrapper .home-hist p {
    font-size: 16px
  }
  .school-colg-wrapper .home-hist .hist-head {
    font-size: 22px
  }
  .school-colg-wrapper .home-hist .hist-head br {
    display: none
  }
  .school-colg-wrapper .schhols-sec {
    width: 100%;
    margin-left: 0;
    padding: 30px 20px;
    height: 100%;
    margin-top: 30px
  }
  .school-colg-wrapper .schhols-sec a {
    font-size: 14px;
    width: 93%
  }
  .schol-para {
    font-size: 16px;
    margin-bottom: 30px
  }
  .watch-videostrip {
    display: none
  }
  .schol-para {
    display: none
  }
  section.home-video {
    height: 370px
  }
  section.home-video .videos {
    height: 350px;
    margin-bottom: 40px
  }
  .abtbanner-main {
    margin: 0px 0px 10px 0px
  }
  .abtbanner-main .redright-wrap {
    width: 220px
  }
  .abtbanner-main .abtbanner-heading {
    margin-bottom: 15px;
    text-align: left
  }
  .our-founders {
    margin-bottom: 50px
  }
  .our-founders .founder-tabs.nav-tabs {
    padding: 20px 0;
    margin-bottom: 0
  }
  .our-founders .founder-tabs.nav-tabs .nav-item {
    padding: 0 14px
  }
  .our-founders .founder-tabs.nav-tabs .nav-item a {
    font-size: 20px
  }
  .our-founders blockquote {
    font-size: 18px;
    margin: 15px 0
  }
  .our-founders .tab-content>.tab-pane .card-body .simple-link,
  .our-founders .tab-content>.tab-pane .card-body .areaofstudies ul a,
  .areaofstudies ul .our-founders .tab-content>.tab-pane .card-body a {
    text-align: left;
    display: inline-block
  }
  .our-founders .tab-content>.tab-pane .schol-head {
    text-align: left;
    font-size: 26px;
    margin-bottom: 0
  }
  .our-founders .tab-content>.tab-pane .founder-sub-heading {
    font-size: 20px
  }
  .whysom #info-block section.info-marker .box-contents {
    padding: 10px 25px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .counter-value {
    font-size: 28px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .plus {
    font-size: 16px;
    margin-top: 9px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .schol-para {
    display: block;
    text-align: center;
    font-size: 14px;
    padding-right: 10px;
    line-height: 20px
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .plus img {
    width: 15px;
    margin-top: -5px
  }
  .history-sec {
    overflow: visible
  }
  .history-sec .redright-wrap {
    width: 100%
  }
  .history-sec .abtimgcaptionwrap {
    width: 42%;
    right: 8%;
    padding: 10px 10px
  }
  .history-sec .abtimgcaptionwrap .button-box {
    margin-top: 15px
  }
  .history-sec .abtimgcaptionwrap .abtbanner-heading {
    padding-top: 0px
  }
  .history-sec .abtimgcaptionwrap .adgreybtn,
  .history-sec .abtimgcaptionwrap .adoutlinegreybtn {
    padding: 6px 16px;
    font-size: 16px
  }
  .history-sec .abtbanner-heading {
    font-size: 28px
  }
  .history-sec .abtbannerpara {
    margin-bottom: 6px !important
  }
  .abtbanner-heading {
    font-size: 34px
  }
  .abtbanner-main .abtimgcaptionwrap .abtbanner-subheading {
    font-size: 20px;
    margin-bottom: 8px
  }
  .abtbanner-main .abtimgcaptionwrap .abtbannerpara {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px
  }
  .values-sec {
    margin-bottom: 22%
  }
  .values-sec .marginb-210 {
    margin-bottom: 150px
  }
  .values-sec .valuecontentbox {
    min-height: 215px;
    padding: 10px 15px;
    bottom: -50%;
    margin-left: 0px;
    width: 88%
  }
}

@media only screen and (max-width: 767px) {
  .showmob {
    display: block
  }
  .studentlife-main .studlifetabswrapper .container-fluid {
    padding: 0 20px
  }
  .studentlife-main .studlifetabswrapper .cdwrap img {
    display: none
  }
  .studentlife-main .std-heading {
    display: none
  }
  .studentlife-main p.std-subheading {
    font-size: 22px;
    line-height: 30px
  }
  .studentlife-main .gallerybox .gallery-list li {
    width: 25%
  }
  .studentlife-main .gallerybox .gallery-list img {
    width: 100% !important
  }
  .studentlife-main .md-box {
    padding: 20px 0 30px 5px
  }
  .studentlife-main .readmore-box {
    margin-top: 10px;
    border-radius: 0;
    padding: 10px 25px
  }
  .studentlife-main .readmore-box li {
    margin-bottom: 0
  }
  .studentlife-main .readmore-box:before {
    display: none
  }
  .acd-councilmains .acdgov-tabswrapper .afix .acdgov-tabs {
    margin: 0px
  }
  .acd-councilmains .acdgov-tabswrapper .afix .acdgov-tabs.open {
    height: 500px;
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: block
  }
  .acd-councilmains .afix {
    position: fixed !important;
    width: 100%;
    top: 18px !important;
    left: 20px;
    z-index: 9;
    margin-left: 26px;
    background: #fff;
    margin: -20px 0px 0px -20px !important
  }
  .acd-councilmains .mainherotitle-45 {
    margin: 10px 0 5px 35px
  }
  .acd-councilmains .intr-para {
    width: 100%;
    font-size: 16px;
    line-height: 27px;
    margin-top: 15px
  }
  .acd-councilmains .acdgov-tabswrapper {
    margin: 40px 0 0 0
  }
  .acd-councilmains .acdgov-tabswrapper .gridbox,
  .acd-councilmains .acdgov-tabswrapper .linesbox {
    display: none
  }
  .acd-councilmains .acdgov-tabswrapper .redmembg {
    margin-top: 0;
    background: rgba(0, 0, 0, 0)
  }
  .acd-councilmains .acdgov-tabswrapper .redmembg:before,
  .acd-councilmains .acdgov-tabswrapper .redmembg::after {
    display: none
  }
  .acd-councilmains .acdgov-tabswrapper .pinkmembg:before {
    background-color: #fff
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .coun-name {
    display: none
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .coun-desgn {
    font-size: 16px;
    font-weight: 400
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .tab-pane .card-header a {
    line-height: 36px;
    font-weight: 400
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .tab-pane .card-header a:after {
    margin-top: 0
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .card-bodys {
    padding: 20px;
    background-color: #fff;
    box-shadow: none;
    margin-bottom: 0
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .card-bodys .cd-imgwrapper {
    width: 100%
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .card-bodys .cd-imgwrapper img {
    margin-bottom: 0;
    text-align: center;
    margin: 0 auto
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .card-bodys .mobile-more-links-section {
    padding: 0
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent .card-bodys * {
    background-color: #fff;
    color: #000 !important
  }
  .sust-initvmain .sust-heading,
  .sust-initvmain p {
    text-align: center
  }
  .sust-initvmain .sist-intro .treesimg {
    width: 60%
  }
  .sust-initvmain .sist-intro .earthandimg {
    width: 45%
  }
  .sust-initvmain .sist-intro .vermi-contentbox {
    margin-bottom: 50px
  }
  .sust-initvmain .sist-intro .our-approachbox {
    width: 90%;
    margin-top: 0;
    margin: 0 auto;
    float: none
  }
  .sust-initvmain .sist-intro .devp-content {
    width: 90%;
    float: none;
    margin: 0 auto
  }
  .sust-initvmain .sist-intro .grey-vermi {
    width: 70%;
    margin: 0 auto;
    margin-top: -21px
  }
  .sust-initvmain .sist-intro .grey-vermi.right {
    float: none
  }
  .chancellorsmsg-main p,
  .chancellorsmsg-main h3 {
    text-align: center
  }
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text,
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption p {
    text-align: left
  }
  .chancellorsmsg-main .nehru-sec {
    text-align: center
  }
  .chancellorsmsg-main .nehru-sec img {
    margin-bottom: 20px
  }
  .chancellorsmsg-main .song-sec {
    padding: 30px
  }
  .chancellorsmsg-main .song-sec .width-50 {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    text-align: center
  }
  .chancellorsmsg-main .chanc-introsec p {
    text-align: center
  }
  .chancellorsmsg-main .chanc-introsec .col-md-4 {
    text-align: center
  }
  .chancellorsmsg-main .chanc-introsec .col-md-4 img {
    width: auto;
    margin-top: 20px
  }
  .chancellorsmsg-main .quotes-start img,
  .chancellorsmsg-main .quotes-end img {
    width: 4%
  }
  .community-supportmain p {
    font-size: 16px;
    line-height: 24px
  }
  .community-supportmain .initiative-descrp {
    margin-top: 70px
  }
  .community-supportmain .width-80 {
    width: 100%
  }
  .community-supportmain .initi-head {
    line-height: 24px
  }
  .community-supportmain .naresh-colorwrapper {
    padding: 30px 0
  }
  .community-supportmain .naresh-colorwrapper:before {
    width: 120%;
    left: -70px
  }
  .community-supportmain .nareshwadi-sec {
    padding: 0 0
  }
  .community-supportmain .nareshwadi-sec * {
    text-align: center
  }
  .community-supportmain .nareshwadi-sec .dashed-hr,
  .community-supportmain .nareshwadi-sec .width-80 {
    width: 100%
  }
  .community-supportmain .nareshwadi-sec.yellow {
    padding: 0 0
  }
  .community-supportmain .nareshwadi-sec.yellow .naresh-colorwrapper {
    padding: 30px 0
  }
  .community-supportmain .nareshwadi-sec.yellow p {
    color: #000
  }
  .community-supportmain .nareshwadi-sec.yellow img {
    margin-bottom: 20px
  }
  .community-supportmain .health-colorwrapper:before {
    width: 115%;
    right: -36px
  }
  .community-supportmain .com-supp-intro.last-intro {
    margin: 30px 0 50px 0
  }
  .community-supportmain .comm-healthsec {
    padding: 30px 0
  }
  .community-supportmain .initiative-imgsec {
    margin-bottom: 40px
  }
  .community-supportmain .initiative-imgsec img {
    width: 95%
  }
  .community-supportmain .initiative-imgsec .init-imgwrap {
    height: 76%
  }
  .community-supportmain .initiative-imgsec .init-imgwrap:before {
    left: -40px
  }
  .community-supportmain .initiative-imgsec .init-imgwrap:after {
    left: 15%
  }
  .community-supportmain .budhhaimg {
    width: 95%
  }
  .maps-colorwrapper:after,
  .maps-services:after {
    display: none
  }
  .maps-showcase .maps-tabcontent .card-body {
    box-shadow: none;
    margin: 0 0 0 0
  }
  .maps-showcase .map-responsive {
    height: 400px
  }
  .maps-directions-main .maps-showcase-tabs {
    margin-top: 0
  }
  .maps-directions-main .schol-head {
    font-size: 24px;
    line-height: 26px;
    display: none
  }
  .maps-visisting {
    padding: 30px
  }
  .maps-visisting .maps-accordin .card .card-body {
    padding: 10px
  }
  .awards-top .awards-resp-imgbox {
    display: block;
    width: 85%;
    overflow: hidden;
    height: 45%
  }
  .awards-top .awards-resp-imgbox img {
    object-fit: fill;
    height: 50vh
  }
  .awards-top .awards-content-resp {
    position: relative;
    background: #fff;
    width: 100%;
    float: left;
    display: block;
    max-width: 90%;
    margin: 0 auto;
    top: 30%;
    left: 5%;
    transform: translate(0, -10%);
    z-index: 1
  }
  .awards-top .awards-left {
    padding: 0 35px
  }
  .awards-top .awards-right img {
    display: none
  }
  .awards-listing-main .awards-list {
    padding-top: 0
  }
  .top_section .awmain-title {
    margin: 30px 0px;
    font-size: 30px;
    line-height: 45px
  }
  section .pad-right-0 {
    padding-right: 15px
  }
  .schol-head {
    margin-bottom: 35px
  }
  .school-colg-wrapper::after {
    top: 70%;
    height: 45.4%
  }
  .school-colg-wrapper .home-hist {
    padding-top: 45px;
    width: 100%
  }
  .school-colg-wrapper .schhols-sec {
    padding: 30px 10px
  }
  .explore-somaiya .explore-box {
    padding: 10px 35px
  }
  .already-know {
    padding: 35px 0;
    padding-bottom: 50px
  }
  .already-know p {
    font-size: 24px
  }
  .already-know .btn-wrap {
    margin-top: 30px
  }
  .abtbanner-heading {
    font-size: 24px
  }
  .marathi-head {
    font-size: 24px !important;
    margin-bottom: 5px !important
  }
  .find-program {
    margin-top: 85px
  }
  .find-program .whatstudywrap {
    padding: 30px 30px
  }
  .find-program .findprgm-right {
    padding: 15px
  }
  .find-program .simple-link,
  .find-program .areaofstudies ul a,
  .areaofstudies ul .find-program a {
    text-align: center;
    display: block
  }
  .red {
    bottom: -75px
  }
  .abtbanner-main .abt-resp-img-box {
    width: calc(100% - 220px);
    float: left;
    height: 50vh;
    display: block
  }
  .abtbanner-main .abt-resp-img-box img {
    height: 50vh;
    object-fit: cover
  }
  .abtbanner-main .redright-wrap:before,
  .abtbanner-main .redright-wrap:after {
    height: 50vh;
    max-height: fit-content
  }
  .abtbanner-main .abtimgwrapper-outer {
    display: none
  }
  .abtbanner-main .abt-resp-box {
    position: relative;
    background: #fff;
    width: 100%;
    float: left;
    display: block;
    max-width: 90%;
    margin: 0 auto;
    top: 30%;
    left: 5%;
    transform: translate(0, -10%)
  }
  .abtbanner-main .abt-resp-box .row.mtop40 {
    margin-top: 0
  }
  .values-sec {
    margin-bottom: 0%
  }
  .values-sec .col-md-4 {
    padding: 0
  }
  .values-sec .mtop40 {
    margin-top: 0
  }
  .values-sec .marginb-210 {
    margin-bottom: 0
  }
  .values-sec .zoom-effect-container {
    height: auto
  }
  .values-sec .zoom-effect-container:hover .image-card img {
    transform: scale(1)
  }
  .values-sec .zoom-effect-container .image-card {
    margin: 0 auto;
    position: relative;
    display: none
  }
  .values-sec .zoom-effect-container .image-card img {
    margin: 0 auto;
    z-index: 999999999;
    position: relative;
    max-width: 90%
  }
  .values-sec .valuecontentbox {
    min-height: auto;
    bottom: 0;
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: inherit;
    margin-bottom: 50px
  }
  .history-sec {
    height: auto
  }
  .history-sec .abtimgcaptionwrap {
    width: 40%;
    transform: translate(0, -39%);
    margin: 0 auto;
    float: right
  }
  .history-sec .abtimgcaptionwrap .button-box {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    margin-top: 0
  }
  .history-sec .abtimgcaptionwrap .button-box .adgreybtn,
  .history-sec .abtimgcaptionwrap .button-box .adoutlinegreybtn {
    margin-top: 8px
  }
  .history-sec .redright-wrap:before,
  .history-sec .redright-wrap:after {
    top: 0;
    height: 100vh;
    max-height: fit-content
  }
  .whysom {
    margin-top: 30px;
    margin: 0px
  }
  .our-founders {
    margin-bottom: 0;
    margin-top: 0
  }
  .our-founders .abtviewcard {
    padding: 20px 20px 20px 20px;
    height: auto;
    margin-bottom: 35px
  }
  .our-founders .btn-box {
    margin: 20px auto 10px auto
  }
  .our-founders .container .container {
    max-width: 100%
  }
  .our-founders .commonL-tabcontent>.tab-pane .card-body {
    padding: 1.25rem
  }
  .simple-link,
  .areaofstudies ul a {
    display: inline-block;
    text-align: left
  }
  .explore-somaiya .explore-box img {
    display: none
  }
  .explore-somaiya .explore-box .hoverimg {
    display: block
  }
}

@media only screen and (max-width: 600px) {
  .sust-initvmain .sist-intro .grey-vermi {
    width: 85%
  }
  .maps-services .map-service-list li {
    width: 46%
  }
  .maps-showcase .maps-tabcontent .card-body,
  .maps-visisting {
    padding: 15px
  }
  .awards-top .awards-left blockquote:before {
    top: 14px;
    background-size: 15px
  }
  .awards-top .awards-left blockquote:after {
    top: 2px;
    background-size: 15px
  }
  .abtbanner-main {
    margin: 0
  }
  .abtbanner-main .redright-wrap {
    width: 180px
  }
  .abtbanner-main .abt-resp-img-box {
    width: calc(100% - 180px)
  }
  .red {
    width: 33%;
    height: 99px
  }
  .school-colg-wrapper::after {
    top: 71.8%;
    height: 42.8%
  }
  section.home-video {
    height: 300px
  }
  section.home-video .videos {
    height: 300px;
    margin-bottom: 0
  }
  .history-sec {
    height: 65vh
  }
  .history-sec .abtimgcaptionwrap {
    width: 80%;
    transform: translate(0, -20%)
  }
  .history-sec .abtimgcaptionwrap .abtbanner-heading {
    text-align: center
  }
  .maps-visisting .maps-accordin .card .card-header .btn-link:after {
    background-color: #000
  }
  .maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true]:after {
    background-color: #000;
    background-size: 12px
  }
  #heading-vidyavihar {
    display: none
  }
  .maps-showcase {
    margin: 0
  }
  .maps-services {
    margin: 0 0 30px
  }
}

@media only screen and (max-width: 480px) {
  .awards-top .awards-left .main-para {
    font-size: 18px;
    line-height: 27px
  }
  .awards-top .awards-left .awsubheading,
  .awards-listing-main .awmain-subtitle {
    font-size: 24px;
    line-height: 36px
  }
  .meritlistmain .meritsTitle {
    margin-bottom: 10px
  }
  .meritlistmain .subheading {
    font-size: 20px;
    text-align: left
  }
  .meritlistmain .mtop30 {
    margin-top: 0
  }
  .meritlistmain .Llist-main li a:after {
    top: 4px;
    width: 20px;
    height: 20px
  }
  .meritlistmain hr {
    display: none
  }
  .meritlistmain .col-md-6 {
    padding: 20px 15px;
    border-bottom: 1px solid #ddd
  }
  .meritlistmain .col-md-6:last-child {
    border-bottom: none
  }
  .studentlife-main .studlifetabswrapper {
    margin: 0
  }
  .studentlife-main .md-box {
    padding: 0 0 0 5px
  }
  .studentlife-main p.std-subheading {
    font-size: 20px;
    line-height: 30px
  }
  .studentlife-main .gallerybox {
    padding-left: 10px;
    padding-top: 30px
  }
  .studentlife-main .gallerybox .gallery-list li {
    width: 50%
  }
  .studentlife-main .gallerybox .gallery-list li img {
    margin: 0
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption {
    height: 125px
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption .uni-banner-heading:after {
    bottom: -2px;
    height: 2px
  }
  .studentlife-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 18px;
    line-height: 20px
  }
  .acd-councilmains .mt-5 {
    margin-top: 1.5rem !important
  }
  .acd-councilmains .acdgov-tabswrapper {
    margin: 20px 0 0 0
  }
  .acd-councilmains .acdgov-tabswrapper .redmembg {
    padding: 30px 0 0 0
  }
  .acd-councilmains .acdgov-tabswrapper .acdgov-tabcontent img {
    width: auto !important;
    max-width: 100%;
    max-height: 200px
  }
  .acd-councilmains .card-bodys .cd-imgwrapper {
    width: 100%;
    float: none;
    text-align: center;
    display: block
  }
  .acd-councilmains .card-bodys .cd-imgwrapper img {
    text-align: center;
    width: 40%
  }
  .acd-councilmains .mainherotitle-45 {
    margin: 10px 0 5px 20px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption {
    height: 135px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption .uni-banner-heading {
    font-size: 24px
  }
  .sust-initvmain .sust-slider .university-slider .carousel-caption p.bannersub-text {
    font-size: 18px
  }
  .sust-initvmain .sust-heading {
    font-size: 22px
  }
  .sust-initvmain .sist-intro {
    margin-bottom: 40px
  }
  .sust-initvmain .sist-intro .grey-vermi {
    width: 100%
  }
  .sust-initvmain .sist-intro .our-approachbox {
    width: 100%;
    padding-top: 0
  }
  .chancellorsmsg-main .cwrapper {
    width: 100%
  }
  .chancellorsmsg-main .chanc-introsec {
    margin: -15px 0 30px 0
  }
  .chancellorsmsg-main .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px
  }
  .chancellorsmsg-main .song-sec .song-heading {
    font-size: 20px;
    margin-bottom: 10px
  }
  .chancellorsmsg-main .song-sec .signature {
    font-size: 22px;
    margin-bottom: 0
  }
  .chancellorsmsg-main .song-sec .hindi {
    line-height: 36px;
    font-size: 16px
  }
  .chancellorsmsg-main .nehru-sec {
    margin: 0
  }
  .chancellorsmsg-main .sm-reality {
    margin-top: 0;
    margin-bottom: 15px
  }
  .chancellorsmsg-main p {
    font-size: 16px;
    line-height: 24px
  }
  .chancellorsmsg-main .p-msg {
    font-size: 18px;
    line-height: 30px
  }
  .chancellorsmsg-main .sm-heading {
    font-size: 22px
  }
  .community-supportmain .nareshwadi-sec.yellow {
    margin-bottom: 40px
  }
  .community-supportmain .com-supp-intro.last-intro {
    margin: 20px 0 50px 0
  }
  .community-supportmain .slider-wrapper .university-slider .carousel-caption {
    height: 115px
  }
  .community-supportmain .slider-wrapper .university-slider .carousel-caption p.bannersub-text {
    font-size: 18px;
    line-height: 24px
  }
  .community-supportmain .naresh-colorwrapper:before {
    width: 130%
  }
  .community-supportmain .initiative-descrp {
    margin-top: 50px;
    margin-bottom: 20px
  }
  .community-supportmain .initiative-imgsec .init-imgwrap::before,
  .community-supportmain .initiative-imgsec .init-imgwrap:after {
    top: 55%
  }
  .community-supportmain .nareshwadi-sec.yellow .jetavan-head {
    font-size: 26px
  }
  .community-supportmain .health-colorwrapper:before {
    width: 120%
  }
  .community-supportmain .last-intro .jetavan-dwnldbtn {
    padding-left: 40px
  }
  .community-supportmain .last-intro .jetavan-dwnldbtn:before {
    background-size: 80%;
    margin-top: -5px;
    margin-left: -45px
  }
  .maps-directions-main .slider-wrapper .university-slider .carousel-caption {
    height: 175px
  }
  .maps-services .map-service-list li {
    width: 100%
  }
  .awards-listing-main {
    margin: 0
  }
  .awards-listing-main .awmain-subtitle {
    margin-bottom: 30px
  }
  .awards-listing-main .awards-list li .list-heading {
    font-size: 18px;
    line-height: 27px
  }
  .awards-top .awards-resp-imgbox {
    width: 80%
  }
  .awards-top .awards-resp-imgbox img {
    object-fit: cover;
    height: 30vh
  }
  .top_section .awmain-title {
    font-size: 26px;
    line-height: 39px;
    margin: 15px 0px
  }
  .explore-somaiya .row div.col-lg-3.col-md-6.col-sm-6.col-xs-12:nth-child(odd).explore-box {
    border-right: none
  }
  .abtbanner-main .redright-wrap {
    width: 85px
  }
  .abtbanner-main .abtimgcaptionwrap {
    padding: 10px 0px 0
  }
  .abtbanner-main .abt-resp-img-box {
    width: calc(100% - 85px)
  }
  .abtbanner-main .abt-resp-img-box img {
    object-fit: fill
  }
  .whysom #info-block section.info-marker .box-contents .why-a:nth-child(odd) .counterwrap {
    border-right: none
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap {
    text-align: center
  }
  .whysom #info-block section.info-marker .box-contents .counterwrap .schol-para {
    text-align: center
  }
  .areaofstudies ul li {
    padding-bottom: 20px
  }
  .school-colg-wrapper:after {
    top: 70%;
    height: 43.7%
  }
  .school-colg-wrapper .home-hist {
    padding-top: 0
  }
  .school-colg-wrapper .home-hist .hist-head {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 10px
  }
  .school-colg-wrapper .home-hist p {
    font-size: 14px
  }
  .school-colg-wrapper .schhols-sec .btnwrapper {
    width: 100%
  }
  .school-colg-wrapper .schhols-sec .fullwidth,
  .school-colg-wrapper .schhols-sec .width-50 {
    width: 100%;
    margin-bottom: 18px;
    display: block
  }
  .school-colg-wrapper .schhols-sec a {
    display: block;
    width: 95%;
    margin: auto
  }
  .red {
    width: 38%;
    width: 45%
  }
  .find-program {
    margin-top: 70px
  }
  .find-program .whatstudywrap {
    padding: 0px 20px 20px
  }
  .schol-head {
    font-size: 23px;
    margin-bottom: 22px
  }
  .subheading {
    font-size: 22px
  }
  .explore-somaiya .explore-box p {
    padding-left: 0
  }
  .already-know {
    padding: 20px 0;
    padding-bottom: 30px
  }
  .already-know p {
    font-size: 20px
  }
  .already-know .btn-wrap {
    margin-top: 20px
  }
  section.home-video {
    height: 270px
  }
  .history-sec .redright-wrap {
    width: 100%
  }
  .history-sec .redright-wrap:before,
  .history-sec .redright-wrap:after {
    height: 32vh
  }
}

@media only screen and (max-width: 414px) {
  .maps-directions-main .slider-wrapper .university-slider .carousel-caption {
    height: 195px
  }
  .maps-directions-main .maps-showcase-tabs {
    margin: 0
  }
  .maps-directions-main .commonL-tabcontent>.tab-pane .card-header a {
    font-size: 18px
  }
  .maps-visisting .maps-accordin .card .card-header .btn-link[aria-expanded=true]:after,
  .maps-visisting .maps-accordin .card .card-header .btn-link:after {
    width: 20px;
    height: 20px;
    top: 15px
  }
  .abtbanner-main .redright-wrap {
    width: 60px
  }
  .abtbanner-main .redright-wrap::before,
  .abtbanner-main .redright-wrap:after {
    height: 37vh
  }
  .abtbanner-main .abt-resp-box {
    transform: translate(0, -7%)
  }
  .abtbanner-main .abt-resp-img-box {
    height: 35vh;
    width: calc(100% - 60px)
  }
  .abtbanner-main .abt-resp-img-box img {
    height: auto
  }
  .history-sec {
    height: 50vh
  }
  .history-sec .redright-wrap {
    width: 100% !important
  }
  .history-sec .abtimgcaptionwrap {
    transform: translate(0, -40%)
  }
}

@media only screen and (max-width: 375px) {
  .awards-listing-main .awards-list {
    padding-left: 15px
  }
  .awards-listing-main .awards-list li .list-content ul li {
    margin-bottom: 15px
  }
  .awards-listing-main .awards-list li .list-content ul li:last-child {
    margin-bottom: 0
  }
  .awards-top .awards-resp-imgbox {
    width: 82%
  }
  .red {
    width: 50%
  }
  .school-colg-wrapper::after {
    top: 68%;
    height: 45.3%
  }
  .explore-somaiya .explore-box {
    padding: 5px 10px
  }
  section.home-video {
    height: 210px
  }
  .already-know p {
    font-size: 16px
  }
  .abtbanner-main .abtbanner-heading {
    text-align: left;
    padding-left: 0px
  }
  .abtbanner-heading {
    font-size: 30px
  }
  .abtbanner-subheading .abtbanner-main .abtimgcaptionwrap .abtbanner-subheading,
  .abtbanner-main .abtimgcaptionwrap .abtbanner-subheading .abtbanner-subheading {
    font-size: 18px;
    margin-bottom: 5px
  }
  .abtbannerpara .abtbanner-main .abtimgcaptionwrap .abtbannerpara,
  .abtbanner-main .abtimgcaptionwrap .abtbannerpara .abtbannerpara {
    font-size: 12px
  }
  .abtbanner-main .redright-wrap {
    width: 60px
  }
  .abtbanner-main .redright-wrap:before,
  .abtbanner-main .redright-wrap:after {
    height: 37vh;
    height: 30vh
  }
  .abtbanner-main .abt-resp-box {
    transform: translate(0, -7%)
  }
  .abtbanner-main .abt-resp-img-box {
    width: calc(100% - 60px);
    height: auto
  }
  .abtbanner-main .abt-resp-img-box img {
    height: 100%;
    object-fit: cover;
    max-height: 30vh
  }
  .history-sec {
    margin-bottom: 100px;
    margin-bottom: 0px;
    height: 45vh;
    margin-top: 30px
  }
  .history-sec .redright-wrap {
    width: 100% !important
  }
  .history-sec .abtimgcaptionwrap {
    transform: translate(0, -28%)
  }
  .history-sec .abtbanner-heading {
    text-align: center;
    padding-left: 0;
    font-size: 24px
  }
  .history-sec .redright-wrap:before,
  .history-sec .redright-wrap:after {
    height: 32vh
  }
  .values-sec {
    margin-top: 0
  }
  .values-sec .valuecontentbox {
    margin-bottom: 30px
  }
  .whysom #info-block section.info-marker .box-title {
    padding: 0 4px
  }
  .acd-councilmains .coun-name {
    font-size: 22px;
    line-height: 26px
  }
  .acd-councilmains .card-bodys .cd-imgwrapper img {
    width: 55%
  }
}

@media only screen and (max-width: 360px) {
  .school-colg-wrapper::after {
    top: 66.2%;
    height: 46.1%
  }
  .find-program .whatstudywrap {
    padding: 50px 5px
  }
  .whysom #info-block section.info-marker {
    margin-top: 50px
  }
}

@media only screen and (max-width: 320px) {
  .chancellorsmsg-main .chanc-introsec .col-md-4 img {
    width: 100%
  }
  .maps-directions-main .slider-wrapper .university-slider .carousel-caption {
    height: 215px
  }
  .maps-directions-main .maps-showcase-tabs {
    margin-top: 205px
  }
  .red {
    width: 56%
  }
  section.home-video {
    height: 180px
  }
  .whysom #info-block section.info-marker {
    margin-top: 65px
  }
  .whysom #info-block section.info-marker .box-title {
    padding: 0 5px;
    margin-left: 40%;
    transform: translate(-30%, -50%)
  }
  .abtbanner-main .abt-resp-img-box {
    height: 35vh
  }
}

.abcintro-section.sectionpadding50 {
  margin: 0px !important;
  padding: 50px 0px
}

.regprocessstudent.sectionpadding50 {
  margin: 0px !important;
  padding: 50px 0px
}

.implinkregsection.sectionpadding50 {
  margin: 0px !important;
  padding: 100px 0px
}

.nodaloffsection.sectionpadding50 {
  margin: 0px !important;
  padding: 50px 0px
}

.helpcentrersection.sectionpadding50 {
  margin: 0px !important;
  padding: 50px 0px
}

.page_title_wrap .main_title {
  text-align: center;
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 30px;
  color: #217743;
  font-family: "Marcellus-Regular"
}

.sectiontitle .font38 {
  font-size: 38px;
  line-height: 56px;
  color: #000;
  font-family: "Fira Sans", sans-serif
}

.abc-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px
}

.abc-wrapper:last-child {
  margin-bottom: 0px
}

.abc-wrapper:nth-child(even) {
  flex-direction: row-reverse
}

.abc-wrapper .abc-img {
  width: 45%
}

.abc-wrapper .abc-img img {
  display: block;
  max-width: 75%;
  margin: auto
}

.abc-wrapper .abc-text {
  width: 46%
}

.regprocessstudent {
  background-color: #f8f8f8;
  position: relative
}

.regprocessstudent::before {
  content: "";
  position: absolute;
  width: 90%;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  height: 4px;
  background: #217743;
  display: block
}

.regprocessstudent::after {
  content: "";
  position: absolute;
  width: 90%;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  height: 4px;
  background: #217743;
  display: block
}

.regprocessstudent .regprocstu-wrap {
  margin-top: 100px;
  margin-bottom: 30px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap
}

.regprocessstudent .regprocstu-wrap .regprocstu-line {
  width: 8%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.regprocessstudent .regprocstu-wrap .regprocstu-line img {
  width: 100%
}

.regprocessstudent .regprocstu-wrap .regprocstu-card {
  width: 28%;
  position: relative;
  border: 3px solid #046;
  text-align: center;
  border-radius: 4px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card:before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  background-color: #046;
  z-index: 0;
  opacity: .3
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .regprocstu-card-inner {
  position: relative;
  z-index: 1;
  padding: 50px 40px;
  padding-top: 120px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .icon img {
  width: 100%
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .text {
  max-width: 200px;
  margin: auto
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .text h4 {
  color: #046;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 0px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card .text p {
  color: #046;
  margin-bottom: 0px;
  font-size: 18px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown {
  border: 3px solid #a25723;
  border-top-left-radius: 150px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown:before {
  background-color: #a25723;
  border-top-left-radius: 150px;
  top: 10px;
  left: -10px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown .text h4 {
  color: #a25723
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown .text p {
  color: #a25723
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-blue {
  border: 3px solid #046
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-blue:before {
  background-color: #046;
  top: -10px;
  left: -10px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-blue .text h4 {
  color: #046
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-blue .text p {
  color: #046
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green {
  border: 3px solid #00973d;
  border-top-right-radius: 150px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green:before {
  background-color: #00973d;
  border-top-right-radius: 150px;
  top: -10px;
  left: 10px
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green .text h4 {
  color: #00973d
}

.regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green .text p {
  color: #00973d
}

.implinkreg_wrapper {
  box-shadow: 5px 5px 35px rgba(0, 0, 0, .1019607843);
  padding: 30px 40px;
  position: relative
}

.implinkreg_wrapper .implinkreg-text .sectiontitle {
  margin-bottom: 30px
}

.implinkreg_wrapper .implinkreg-text .implinkreg-links .blue-link {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 20px
}

.implinkreg_wrapper .implinkreg-text .implinkreg-links .blue-link img {
  margin-left: 4px;
  display: inline-block;
  max-width: 18px
}

.implinkreg_wrapper .implinkreg-img {
  position: absolute;
  top: 40%;
  left: 75%;
  transform: translate(-50%, -50%);
  max-width: 350px;
  width: 100%
}

.nodaloffsection {
  background-color: #f8f8f8;
  position: relative
}

.nodaloffsection:before {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  height: 40%;
  background-color: rgba(183, 32, 46, .3019607843);
  transform: translate(-50%, -50%)
}

.nodaloffsection:after {
  content: "";
  position: absolute;
  top: 55%;
  left: 50%;
  width: 100%;
  height: 37%;
  background-color: #b7232e;
  transform: translate(-50%, -50%)
}

.nodaloffsection .nodaloff-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 80%;
  margin: 50px auto 30px;
  z-index: 99;
  position: relative
}

.nodaloffsection .nodaloff-wrap .nodaloff-profile {
  background-color: #fff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, .1607843137);
  width: 37%
}

.nodaloffsection .nodaloff-wrap .nodaloff-profile .profiletext {
  text-align: center;
  padding: 5px
}

.nodaloffsection .nodaloff-wrap .nodaloff-profile .profiletext .name {
  font-weight: bold
}

.nodaloffsection .nodaloff-wrap .nodaloff-card {
  background-color: #fff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, .1607843137);
  width: 57%;
  padding: 50px 30px;
  display: flex;
  align-items: center;
  justify-content: center
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem {
  margin-bottom: 35px;
  position: relative;
  padding-left: 65px
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem:last-child {
  margin-bottom: 0px
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem img {
  position: absolute;
  max-width: 32px;
  top: 0;
  left: 0
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem .text {
  color: #58595b;
  font-size: 18px;
  font-weight: 600
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem .text a {
  color: #069;
  text-decoration: underline;
  font-weight: 600;
  font-size: 18px
}

.nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem .text a:hover {
  text-decoration: none !important
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner {
  background-color: #603312;
  border: 15px solid #cfc1b7;
  padding: 60px
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .text-white {
  color: #fff
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto;
  max-width: 72%
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links a {
  color: #fff
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links a img {
  margin-right: 10px;
  display: inline-block
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px auto 0px;
  max-width: 72%
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks a {
  color: #fff;
  font-size: 18px;
  position: relative
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks a img {
  max-width: 18px;
  margin-left: 5px;
  display: inline-block
}

.helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks .diff {
  height: 27px;
  width: 2px;
  background-color: #fff
}

@media(max-width: 1280px) {
  .nodaloffsection .nodaloff-wrap {
    max-width: 95%
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks {
    max-width: 82%
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks a:before {
    right: -52px;
    top: 2px
  }
}

@media(max-width: 1024px) {
  .abc-wrapper {
    margin-bottom: 50px
  }
  .abc-wrapper .abc-text {
    width: 52%
  }
  .abc-wrapper .abc-img img {
    max-width: 100%
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card {
    width: 29.66%
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-line {
    width: 5%
  }
  .implinkreg_wrapper .implinkreg-img {
    width: 100%;
    max-width: 40%
  }
  .nodaloffsection .nodaloff-wrap {
    max-width: 100%
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-card {
    width: 59%
  }
  .sectiontitle .font38 {
    font-size: 32px
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner {
    border: 10px solid #cfc1b7;
    padding: 20px
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links {
    max-width: 100%;
    width: 100%;
    margin: 15px auto
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks {
    max-width: 100%;
    width: 100%;
    margin: 15px auto
  }
}

@media(max-width: 768px) {
  .abc-wrapper {
    margin-bottom: 30px
  }
  .page_title_wrap .main_title {
    font-size: 38px;
    line-height: 45px
  }
  .abcintro-section.sectionpadding50 {
    margin: 0px !important;
    padding: 30px 0px
  }
  .regprocessstudent.sectionpadding50 {
    margin: 0px !important;
    padding: 30px 0px
  }
  .implinkregsection.sectionpadding50 {
    margin: 0px !important;
    padding: 60px 0px
  }
  .nodaloffsection.sectionpadding50 {
    margin: 0px !important;
    padding: 30px 0px
  }
  .helpcentrersection.sectionpadding50 {
    margin: 0px !important;
    padding: 30px 0px
  }
  .regprocessstudent .regprocstu-wrap {
    flex-direction: column
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card {
    width: 45%;
    margin: auto
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-line {
    height: 150px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-line img {
    display: none
  }
  .implinkreg-img {
    display: none
  }
  .implinkreg_wrapper {
    text-align: center;
    padding: 20px
  }
  .sectiontitle .font38 {
    font-size: 28px;
    line-height: 36px
  }
  .nodaloffsection .nodaloff-wrap {
    flex-wrap: wrap
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-profile {
    width: 37%;
    margin: auto;
    margin-bottom: 30px
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-card {
    width: 100%
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links {
    flex-direction: column
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-links a {
    margin-bottom: 20px
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks {
    flex-direction: column
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks .helpcenter-exterlink {
    margin-bottom: 30px
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks a:before {
    display: none
  }
}

@media(max-width: 767px) {
  .page_title_wrap .main_title {
    font-size: 32px;
    line-height: 38px
  }
  .abc-wrapper {
    display: flex
  }
  .abc-wrapper .abc-img {
    width: 100%;
    margin-bottom: 20px
  }
  .abc-wrapper .abc-text {
    width: 100%
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card {
    max-width: 400px;
    width: 100%
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-line {
    height: 100px
  }
  .implinkreg_wrapper {
    padding: 15px
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-profile {
    width: 100%;
    max-width: 400px
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-card {
    padding: 30px 15px
  }
  .nodaloffsection .nodaloff-wrap .nodaloff-card .nodaloff-card-listitem {
    padding-left: 40px
  }
}

@media(max-width: 480px) {
  .sectiontitle .font38 {
    margin-bottom: 20px
  }
  .helpcentrersection .helpcentrer-wrapper .helpcentrer-wrapper-inner .helpcenter-exterlinks .helpcenter-exterlink {
    text-align: center
  }
  .regprocessstudent .regprocstu-wrap {
    margin-top: 30px;
    margin-bottom: 0px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card {
    max-width: 70%
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card .regprocstu-card-inner {
    padding: 60px 20px 30px 20px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card .regprocstu-card-inner .icon {
    width: 100px;
    height: 100px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown {
    border-top-left-radius: 70px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-brown:before {
    border-top-left-radius: 70px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green {
    border-top-right-radius: 70px
  }
  .regprocessstudent .regprocstu-wrap .regprocstu-card.regprocstu-card-green:before {
    border-top-right-radius: 70px
  }
}

.firasans18medium {
  font-family: "Fira Sans", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px
}

.firasans14 {
  font-size: 14px;
  font-family: "Fira Sans", serif;
  font-weight: 400;
  line-height: 22px;
  font-size: #58595b
}

.firasans16 {
  font-size: 16px;
  color: #000;
  font-family: "Fira Sans", serif;
  font-weight: 400
}

.master-tabs-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

.master-tabs-wrap .master-tabs-links {
  width: 280px
}

.master-tabs-wrap .master-tabs-links .master-tabs-toggle {
  display: none
}

.master-tabs-wrap .master-tabs-content {
  flex: 1;
  max-width: calc(100% - 280px);
  padding: 0px 15px
}

@media(max-width: 767px) {
  .master-tabs-wrap .master-tabs-content {
    max-width: 100%;
    width: 100%
  }
}

.master-tabs-wrap .master-tabs-sidebar {
  width: 270px
}

.master-nav-tabs {
  padding-right: 30px
}

.master-nav-tabs .nav-item {
  position: relative
}

.master-nav-tabs .nav-item .master-nav-link {
  display: block;
  padding: 15px 10px 15px 30px;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  border-left: 5px solid hsla(0, 0%, 100%, 0);
  cursor: pointer;
  text-decoration: none !important
}

.master-nav-tabs .nav-item .master-nav-link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translate(-50%, -50%);
  width: 5px;
  height: 5px;
  background: #58595b;
  border-radius: 50%
}

.master-nav-tabs .nav-item .master-nav-link span.master-nav-link-span {
  width: 100%;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #58595b;
  opacity: .8;
  text-align: left
}

.master-nav-tabs .nav-item .master-nav-link span.master-nav-link-span img {
  margin-top: -2px;
  margin-left: 3px;
  display: inline-block
}

.master-nav-tabs .nav-item .master-nav-link:hover {
  background-color: rgba(238, 239, 239, .5)
}

.master-nav-tabs .nav-item .master-nav-link.active {
  background-color: #eeefef;
  opacity: 1;
  border-left: 5px solid #000
}

.master-nav-tabs .nav-item .master-nav-link.active:after {
  content: "";
  width: 18px;
  height: 100%;
  position: absolute;
  background-image: url(../../images/about/light-grey-traingle.svg);
  right: -18px;
  top: 0px;
  background-repeat: no-repeat;
  background-position: 50%;
  z-index: -1
}

.master-nav-tabs .nav-item .master-nav-link.active span.master-nav-link-span {
  color: #000;
  font-weight: 500
}

.richtext p {
  margin-bottom: 20px
}

.ccheading {
  color: #000;
  font-size: 18px;
  line-height: 20px;
  font-family: "Fira Sans", serif;
  font-weight: 600;
  margin-bottom: 30px;
  width: 100%
}

.iprc-section.sectionpadding50 {
  padding: 50px 0px;
  margin: auto
}

.sidebar-events-wrap>* {
  margin-bottom: 30px
}

.sidebar-events .sidebar-event-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid #58595b
}

.sidebar-events .sidebar-event-head p.tabhead {
  background-color: #58595b;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 3px 3px 0px 0px
}

.sidebar-events .sidebar-event-head a.viewmore {
  color: #069;
  text-decoration: underline;
  font-size: 14px;
  line-height: 24px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 500
}

.sidebar-events .sidebar-event-head a.viewmore:hover {
  text-decoration: none
}

.sidebar-events .sidebar-event-body {
  border: 1px solid rgba(88, 89, 91, .2);
  background-color: #fafbfb
}

.sidebar-events .sidebar-event-body .sidebar-event-list {
  padding: 18px 15px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.sidebar-events .sidebar-event-body .sidebar-event-list .eventdate {
  width: 70px;
  padding: 10px 5px 7px 5px;
  background-color: rgba(88, 89, 91, .1019607843);
  text-align: center;
  margin-right: 14px
}

.sidebar-events .sidebar-event-body .sidebar-event-list .eventdate span {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 0px;
  display: block;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 0px
}

.sidebar-events .sidebar-event-body .sidebar-event-list .eventdate p {
  font-size: 12px;
  line-height: 24px;
  color: #58595b;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 0px;
  font-weight: 400
}

.sidebar-events .sidebar-event-body .sidebar-event-list .eventname {
  width: calc(100% - 90px)
}

.sidebar-events .sidebar-event-body .sidebar-event-list .eventname a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400
}

.iprc-quickcontact-section {
  position: relative
}

.iprc-quickcontact-section:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  background-color: rgba(88, 89, 91, .0705882353);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

.iprc-quickcontact {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 315px
}

.iprc-quickcontact .iprc-quickcontact-text {
  width: 45%
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-head {
  background-color: #217743;
  padding: 15px 20px;
  margin-bottom: 30px
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-head p {
  font-size: 24px;
  line-height: 36px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  color: #fff
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-body .quickcontactname {
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  line-height: 36px;
  font-size: 24px;
  letter-spacing: 0px;
  margin-bottom: 5px
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-body .quickcontactaddress {
  color: #58595b;
  font-size: 18px;
  line-height: 27px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-body .quickcontlink {
  color: #069;
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  text-decoration: underline;
  margin-top: 5px;
  display: inline-block
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-body .quickcontlink img {
  width: 17px;
  margin-right: 8px
}

.iprc-quickcontact .iprc-quickcontact-text .iprc-body .quickcontlink:hover {
  text-decoration: none
}

.iprc-quickcontact .iprc-quickcontact-img {
  width: 30%;
  margin-right: 5%
}

.iprc-quickcontact .iprc-quickcontact-img img {
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1607843137)
}

.ccmember {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px
}

.ccmember .ccmembercard {
  width: calc(50% - 15px);
  border: 1px solid rgba(112, 112, 112, .2);
  margin-bottom: 30px;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.ccmember .ccmembercard .ccmemberimg {
  width: 30%;
  border: 3px solid #ccc;
  border-radius: 50%
}

.ccmember .ccmembercard .ccmembertext {
  width: 65%;
  padding: 5px 0px
}

.iprcell {
  position: relative;
  margin-bottom: 50px
}

.iprcell .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/iprc/redpatchoverlay.png");
  width: 100%;
  background-size: cover;
  padding: 3px 20px 3px 20px
}

.iprcell .overlay p {
  color: #fff;
  font-family: "Fira Sans", serif;
  font-weight: 500;
  font-size: 20px
}

.tmmemberflex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap
}

.tmmemberflex .tmmembercard {
  width: calc(25% - 15px);
  border: 1px solid rgba(88, 89, 91, .2);
  padding: 25px 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  text-align: center
}

#sopfaq-accordion {
  border-bottom: 1px solid rgba(88, 89, 91, .2)
}

#sopfaq-accordion .sopfaq-card {
  border: 1px solid rgba(88, 89, 91, .2);
  border-bottom: 0px
}

#sopfaq-accordion .sopfaq-card .btn-link {
  display: block;
  background: #fff;
  width: 100%;
  text-align: left;
  padding: 20px 40px 25px 20px;
  border-radius: 0px;
  color: #58595b;
  font-size: 18px;
  line-height: 28px;
  text-decoration: none !important;
  position: relative;
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  white-space: initial
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=true] {
  background-color: rgba(88, 89, 91, .031372549) !important
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=true] span {
  font-weight: 500;
  color: #000
}

#sopfaq-accordion .sopfaq-card .btn-link img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(-50%, -50%)
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=true] img.plus {
  display: none
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=true] img.minus {
  display: block
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=false] img.plus {
  display: block
}

#sopfaq-accordion .sopfaq-card .btn-link[aria-expanded=false] img.minus {
  display: none
}

#sopfaq-accordion .sopfaq-card .sopfaqcard-body {
  padding: 15px;
  font-family: "Fira Sans", sans-serif;
  font-weight: 300
}

@media(max-width: 1200px) {
  .master-tabs-wrap {
    flex-wrap: wrap;
    width: 100%
  }
  .master-tabs-wrap .master-tabs-sidebar {
    flex-wrap: wrap;
    width: 100%
  }
  .sidebar-events .sidebar-event-body {
    display: flex;
    align-items: stretch;
    justify-content: flex-start
  }
  .sidebar-events .sidebar-event-body .sidebar-event-list {
    width: 50%;
    border-bottom: 0px !important
  }
  .sidebar-events .sidebar-event-body .sidebar-event-list:nth-child(odd) {
    border-right: 1px solid #ccc
  }
  .iprc-quickcontact .iprc-quickcontact-img {
    width: 35%;
    margin-right: 0px
  }
  .iprc-quickcontact .iprc-quickcontact-img img {
    width: 100%
  }
  .ccmember {
    align-items: stretch
  }
  .ccmember .ccmembercard {
    width: calc(50% - 5px);
    margin-bottom: 10px;
    padding: 10px;
    flex-wrap: wrap
  }
  .ccmember .ccmembercard .ccmemberimg {
    width: auto;
    margin: auto;
    border: 0px
  }
  .ccmember .ccmembercard .ccmemberimg img {
    border: 3px solid #ccc;
    max-width: 100px;
    border-radius: 50%
  }
  .ccmember .ccmembercard .ccmembertext {
    width: 100%;
    text-align: center
  }
  .tmmemberflex .tmmembercard {
    width: calc(50% - 15px);
    padding: 10px
  }
  #sopfaq-accordion .sopfaq-card .btn-link {
    padding: 15px 40px 15px 10px
  }
  #sopfaq-accordion .sopfaq-card .sopfaqcard-body {
    padding: 10px
  }
}

@media(max-width: 768px) {
  .master-tabs-wrap .master-tabs-links {
    width: 250px
  }
  .sidebar-events-wrap>* {
    margin-bottom: 0px
  }
  .iprc-quickcontact .iprc-quickcontact-img {
    width: 43%
  }
}

@media(max-width: 767px) {
  .master-tabs-wrap {
    position: relative
  }
  .master-tabs-wrap .master-tabs-toggle {
    display: block !important;
    position: absolute;
    height: 58px;
    width: 100%
  }
  .master-tabs-wrap .master-tabs-toggle .master-tabs-toggle-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 10px;
    top: 10px;
    background-color: #f3f3f3;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center
  }
  .master-tabs-wrap .master-tabs-toggle .master-tabs-toggle-icon .fa-angle-down {
    display: block
  }
  .master-tabs-wrap .master-tabs-toggle .master-tabs-toggle-icon .fa-angle-up {
    display: none
  }
  .master-tabs-links.active .master-tabs-toggle .master-tabs-toggle-icon .fa-angle-down {
    display: none
  }
  .master-tabs-links.active .master-tabs-toggle .master-tabs-toggle-icon .fa-angle-up {
    display: block
  }
  .master-tabs-links.active .master-nav-tabs .nav-item .master-nav-link {
    display: block !important
  }
  .master-nav-tabs .nav-item .master-nav-link {
    display: none
  }
  .master-nav-tabs .nav-item .master-nav-link.active {
    display: block
  }
  .makesticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #f3f3f3
  }
  .iprc-section.sectionpadding50 {
    padding: 30px 0px
  }
  .ccheading {
    text-align: center;
    font-size: 22px
  }
  .master-nav-tabs {
    padding: 0px !important
  }
  .master-nav-tabs .nav-item .master-nav-link:after {
    display: none
  }
  .master-tabs-wrap .master-tabs-links {
    width: 100%
  }
  .master-tabs-wrap .master-tabs-content {
    margin-top: 30px
  }
  .iprc-quickcontact-section {
    padding: 30px 0px
  }
  .iprc-quickcontact-section:before {
    height: 100%
  }
  .iprc-quickcontact {
    flex-wrap: wrap
  }
  .iprc-quickcontact .iprc-quickcontact-text {
    width: 100%;
    padding: 30px 0px;
    text-align: center
  }
  .iprc-quickcontact .iprc-quickcontact-text .iprc-head {
    margin-bottom: 20px
  }
  .iprc-quickcontact .iprc-quickcontact-img {
    width: 70%;
    margin: auto
  }
}

@media(max-width: 560px) {
  .tmmemberflex .tmmembercard {
    width: 100%;
    margin-right: 0px;
    padding: 20px 0px
  }
  .master-tabs-wrap .master-tabs-content {
    padding: 0px
  }
  .sidebar-events .sidebar-event-body {
    flex-wrap: wrap
  }
  .sidebar-events .sidebar-event-body .sidebar-event-list {
    width: 100%;
    border-bottom: 1px solid #ccc !important
  }
  .sidebar-events .sidebar-event-body .sidebar-event-list:nth-child(odd) {
    border-right: 0px solid #000 !important
  }
  .ccmember .ccmembercard {
    width: 100%
  }
}

.pagetitlesection1 .pagetitle1wrapper .pt1img img {
  height: 100%
}

.nssintrosection .nssintro-wrap .svv-richtext:nth-child(1) {
  margin-bottom: 60px
}

@media(max-width: 767px) {
  .nssintrosection .nssintro-wrap .svv-richtext:nth-child(1) {
    margin-bottom: 30px
  }
}

.nssintrosection .nssintro-wrap .svv-richtext p:last-child {
  margin-bottom: 0
}

.nssintrosection .nsslogoimg-float-right {
  width: 400px;
  height: auto;
  margin-left: 40px;
  margin-bottom: 40px;
  float: right
}

@media(max-width: 992px) {
  .nssintrosection .nsslogoimg-float-right {
    width: 300px
  }
}

@media(max-width: 767px) {
  .nssintrosection .nsslogoimg-float-right {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin: 0px auto;
    max-width: 400px;
    margin-bottom: 15px
  }
}

.nssintrosection .nsslogoimg-float-right img {
  width: 100%;
  height: 100%
}

.nssintrosection .nssnmbuimg-float-left {
  width: 400px;
  height: auto;
  margin-right: 40px;
  margin-bottom: 40px;
  float: left
}

@media(max-width: 992px) {
  .nssintrosection .nssnmbuimg-float-left {
    width: 300px
  }
}

@media(max-width: 767px) {
  .nssintrosection .nssnmbuimg-float-left {
    float: none;
    width: 100%;
    margin-left: 0px;
    margin: 0px auto;
    max-width: 400px;
    margin-bottom: 15px
  }
}

.nssintrosection .nssnmbuimg-float-left img {
  width: 100%;
  height: 100%
}

.joinnsssection .joinnsswrapper {
  margin-top: 30px
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper {
    margin-top: 15px
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitemgridcol {
  width: 33.3333333333%;
  padding: 0px 8px
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitemgridcol {
    width: 100%;
    padding: 0px
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem {
  position: relative;
  border: 1px solid #707070;
  padding: 10px 15px 15px 15px;
  margin-bottom: 16px;
  transition: .4s
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem {
    border: 0px;
    margin-bottom: 10px;
    padding: 0px 0px 0px 15px
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: .4s
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #217743
  }
}

@media(min-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover {
    border: 1px solid #e7e8e9
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover:before {
    background-color: #217743;
    top: -5px;
    left: -5px
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover .no {
    color: #fff !important
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover .box {
    border-top: 1px solid #fff !important;
    border-left: 2px solid #217743 !important
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover .box:before {
    background: #fff
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover .box:after {
    background: #fff
  }
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem:hover .darkf18firamd {
    color: #fff !important
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .no {
  margin-bottom: 20px;
  color: #58595b;
  padding-bottom: 10px
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .no {
    display: none !important
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .box {
  position: absolute;
  left: -1px;
  top: 55px;
  width: 70px;
  height: 25px;
  border-top: 1px solid #58595b;
  border-left: 2px solid #fff;
  transition: .4s
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .box {
    display: none !important
  }
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .box:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #58595b;
  border-radius: 50%;
  left: 67px;
  top: -2px
}

.joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .box:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #58595b;
  border-radius: 50%;
  left: -3px;
  top: 23px
}

@media(max-width: 767px) {
  .joinnsssection .joinnsswrapper .joinnssitemgrid .joinnssitem .darkf18firamd {
    font-family: "FiraSans-Light" !important
  }
}

@media(max-width: 1023px) {
  .nssjoincontactsection {
    background: #217743
  }
  .nssjoincontactsection .container {
    background: #217743;
    margin: 0;
    width: 100%;
    max-width: 100%;
    padding: 10px 20px
  }
  .nssjoincontactsection .darkf38marcellus.mb-4 {
    margin-bottom: -2px !important;
    color: #fff
  }
}

.nssjoincontactsection .nssjoincontactwrap {
  position: relative
}

.nssjoincontactsection .nssjoincontactwrap .img {
  width: 50%;
  padding: 0px;
  float: none
}

@media(max-width: 1024px) {
  .nssjoincontactsection .nssjoincontactwrap .img {
    width: 60%
  }
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .img {
    display: none
  }
}

.nssjoincontactsection .nssjoincontactwrap .img img {
  height: 100%
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext {
  position: absolute;
  width: 50%;
  right: 0;
  top: 0;
  height: 100%
}

@media(max-width: 1024px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext {
    width: 40%
  }
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext {
    position: relative;
    width: 100%;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto
  }
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .dots {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50px;
  overflow: hidden
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .dots {
    display: none
  }
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .dots img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock {
  position: absolute;
  width: calc(100% + 50px);
  height: calc(100% - 50px);
  top: 50px;
  right: 0;
  background-color: #217743
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto
  }
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner {
  position: relative;
  padding: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner {
    padding: 3% 20px
  }
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner ul li {
  position: relative;
  margin-bottom: 15px
}

@media(max-width: 1023px) {
  .nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner ul li {
    margin-bottom: 10px
  }
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner ul li img {
  position: absolute;
  height: 13px;
  margin-right: 5px;
  top: 6px
}

.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner ul li p,
.nssjoincontactsection .nssjoincontactwrap .nssjoincontacttext .nssjoincontactredblock .nssjoincontactredblockinner ul li a {
  padding-left: 20px;
  display: block;
  margin-bottom: 5px
}

.coe-card {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 30px
}

.coe-card .text {
  margin-top: 15px
}

.coe-card .text .darkf22firamd {
  text-align: center;
  margin-bottom: 10px !important;
  font-size: var(--font22, 22px) !important
}

.coe-card .text p {
  margin-bottom: 10px !important;
  font-size: 16px;
  line-height: 24px
}

@media(max-width: 767px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper {
    overflow: unset
  }
}

.summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  display: unset;
  height: unset
}

@media(max-width: 820px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap {
    position: relative;
    display: flex;
    margin-top: -105px;
    border: 0
  }
}

@media(max-width: 767px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap {
    margin-top: 0
  }
}

.summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard {
  padding: 15px 20px;
  margin-left: 0;
  width: 80%;
  margin: 0 auto !important
}

@media(max-width: 820px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard {
    width: 90%;
    box-shadow: unset
  }
}

@media(max-width: 767px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1607843137)
  }
}

.summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard .cc-inner {
  text-align: center
}

.summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard .cc-inner h2 {
  color: #217743
}

.summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard .cc-inner .batch-group {
  display: flex;
  justify-content: space-around
}

@media(max-width: 767px) {
  .summer-winter-lbanner .svv-lbannerslider-wrapper .captioncardwrap .captioncard .cc-inner .batch-group {
    flex-wrap: wrap
  }
}

.steps-wrapper-new .steps-lists .steps-list {
  position: relative;
  align-items: flex-start !important
}

.steps-wrapper-new .steps-lists .steps-list:before {
  content: "";
  position: absolute;
  width: 1px;
  top: 0;
  left: 40px;
  height: calc(100% + 40px);
  background-color: #217743;
  opacity: .6
}

.steps-wrapper-new .steps-lists .steps-list:last-child:before {
  display: none
}

.steps-wrapper-new .steps-lists .steps-list .svv-step-no:before {
  content: "";
  display: none
}

.steps-wrapper-new .steps-lists .steps-list .svv-step-no-right:after {
  content: "";
  position: absolute;
  top: 13px;
  width: calc(100% + 20px);
  background: #217743;
  height: 1px;
  left: 0;
  z-index: -1
}

.steps-wrapper-new .svv-richtext .svv-orderlist.steppernocss li {
  padding-left: 40px
}

.steps-wrapper-new .svv-richtext .svv-orderlist.steppernocss li::before {
  content: "";
  display: none
}

.steps-wrapper-new .svv-richtext .svv-orderlist.steppernocss li .stepperbefore {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  line-height: 30px;
  border: 1px solid #217743;
  top: 0;
  left: 0
}

.sss-enquire-popup .close {
  width: 30px;
  height: 30px;
  float: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  display: flex;
  align-items: center;
  transition: .5s;
  justify-content: center
}

.sss-enquire-popup .close:hover {
  background-color: #f3f3f3
}

.sss-enquire-popup .svv-form .formrow .formgroup .error {
  margin: 5px 0px 0px 0px;
  line-height: 1.1
}

.sss-enquire-popup .svv-form .formrow .checkgroup input:checked+.checkmark {
  background-color: #217743;
  border: 1px solid #217743
}

.tabluarpage-section {
  padding: 0;
  margin: 0;
  float: none;
  width: 100%
}

.tabluarpage-section .verticaltabs-card {
  position: relative
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col {
  width: 15%;
  position: absolute;
  left: 5%;
  top: 50px
}

@media(max-width: 992px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col {
    width: 20%;
    left: 15px
  }
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col {
    width: 100%;
    left: 0px;
    width: 100%;
    top: 0
  }
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col .verticaltabslink {
    overflow: auto
  }
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col .verticaltabslink .verticalscrolltabs-nav {
    flex-wrap: nowrap;
    flex-direction: row !important
  }
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item {
  margin-bottom: 10px
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link {
  border: 1px solid #217743;
  display: block;
  padding: 10px 20px 10px 25px;
  position: relative;
  text-decoration: none !important;
  background-color: #fff
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link {
    border-right: 1px solid #217743
  }
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link .darkf16firarg {
    white-space: nowrap
  }
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link:before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: #0167ac;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link:before {
    width: 100%;
    height: 3px
  }
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link.active {
  background-color: #217743;
  border: 1px solid #217743
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col .bctabs-item .bctabs-link.active .darkf16firarg {
  color: #fff !important
}

.tabluarpage-section .verticaltabs-card .verticaltabslink-col.sticky0 {
  position: fixed;
  top: 0px;
  z-index: 9
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabslink-col.sticky0 {
    top: 0
  }
}

.tabluarpage-section .verticaltabs-card .verticaltabscontent-col {
  width: 100%;
  padding-top: 50px
}

.tabluarpage-section .verticaltabs-card .verticaltabscontent-col .sss-23-section {
  padding-bottom: 50px;
  margin-left: 22%
}

@media(max-width: 992px) {
  .tabluarpage-section .verticaltabs-card .verticaltabscontent-col .sss-23-section {
    margin-left: calc(20% + 30px)
  }
}

@media(max-width: 767px) {
  .tabluarpage-section .verticaltabs-card .verticaltabscontent-col .sss-23-section {
    margin-left: 0
  }
}

@media(max-width: 768px) {
  .tabluarpage-section .verticaltabs-card .verticaltabscontent-col .sss-23-section {
    padding-bottom: 20px
  }
}

.aboutsss-section {
  overflow: hidden
}

@media(max-width: 992px) {
  .aboutsss-section .row {
    flex-direction: column-reverse
  }
  .aboutsss-section .imgs {
    margin-bottom: 20px;
    padding-left: 15px
  }
}

@media(max-width: 992px)and (max-width: 767px) {
  .aboutsss-section .imgs {
    padding-left: 0px
  }
}

@media(max-width: 992px) {
  .aboutsss-section .imgs img {
    max-width: 400px;
    display: block
  }
}

@media(max-width: 992px)and (max-width: 992px) {
  .aboutsss-section .imgs img {
    max-width: 200px
  }
}

@media(max-width: 992px)and (max-width: 767px) {
  .aboutsss-section .imgs img {
    max-width: 100%
  }
}

.reason3-section {
  padding-right: 5%
}

@media(max-width: 992px) {
  .reason3-section {
    padding-left: 15px
  }
}

.reason3-section .reason3-wrap .reason3-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px
}

@media(max-width: 768px) {
  .reason3-section .reason3-wrap .reason3-flex {
    flex-direction: column-reverse !important;
    margin-bottom: 10px
  }
}

.reason3-section .reason3-wrap .reason3-flex:last-child {
  margin-bottom: 0px
}

.reason3-section .reason3-wrap .reason3-flex .reason3-left {
  width: 45%
}

@media(max-width: 768px) {
  .reason3-section .reason3-wrap .reason3-flex .reason3-left {
    width: 100%
  }
}

.reason3-section .reason3-wrap .reason3-flex .reason3-left .imgs {
  width: 100%
}

@media(max-width: 768px) {
  .reason3-section .reason3-wrap .reason3-flex .reason3-left .imgs img {
    max-width: 400px
  }
}

.reason3-section .reason3-wrap .reason3-flex .reason3-right {
  width: 50%
}

.reason3-section .reason3-wrap .reason3-flex .reason3-right h4 {
  margin-bottom: 10px
}

@media(max-width: 768px) {
  .reason3-section .reason3-wrap .reason3-flex .reason3-right {
    width: 100%;
    margin-top: 15px
  }
}

.reason3-section .reason3-wrap .reason3-flex:nth-child(odd) {
  flex-direction: row-reverse
}

.campusfacilities-section {
  background-color: #231f20;
  padding: 50px 0px;
  margin-left: 0 !important
}

@media(max-width: 992px) {
  .campusfacilities-section {
    padding: 30px 0px;
    padding-left: 15px
  }
}

@media(max-width: 767px) {
  .campusfacilities-section {
    padding-left: 0px
  }
}

.campusfacilities-section .campusfacilities-rightspace {
  margin-left: calc(20% + 15px);
  padding-right: 5%
}

@media(max-width: 992px) {
  .campusfacilities-section .campusfacilities-rightspace {
    margin-left: calc(20% + 30px);
    padding-right: 15px
  }
}

@media(max-width: 767px) {
  .campusfacilities-section .campusfacilities-rightspace {
    margin: 0px;
    padding: 0px 15px
  }
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap {
  position: relative
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr)
}

@media(max-width: 768px) {
  .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .infrastructure-img {
  height: 100%
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .infrastructure-img img {
  height: 100%;
  object-fit: cover;
  width: 100%
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item:nth-child(2) {
  padding-bottom: 20px
}

@media(max-width: 768px) {
  .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item:nth-child(2) {
    padding: 0px 20px 0px 0px
  }
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main {
  grid-row: 1/span 2;
  padding-right: 20px;
  grid-column: 1/span 2
}

@media(max-width: 768px) {
  .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .cf-grid .cf-item-main {
    padding: 0px 0px 20px 0px
  }
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .svv-slider-css {
  margin-bottom: 50px
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .svv-slider-css .slick-arrow {
  top: 105%;
  top: calc(100% + 10px);
  right: 0;
  transform: translate(0%, 0%);
  z-index: 6
}

@media(max-width: 480px) {
  .campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .svv-slider-css .slick-arrow {
    width: 30px;
    height: 30px
  }
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .svv-slider-css .slick-prev {
  left: auto;
  right: 40px
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .svv-slider-css .slick-next {
  right: 0px
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .pagingInfoposition {
  position: absolute;
  top: 105%;
  top: calc(100% + 15px);
  right: 100px
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .pagingInfoposition .cf-pagingInfo {
  color: #fff
}

.campusfacilities-section .campusfacilities-rightspace .campusfacilities-sliderwrap .slick-dots {
  opacity: 0 !important
}

.sssgallery__section {
  border: 1px solid #707070;
  background-color: #fafafa
}

.sssgallery__section .cf-pagingInfo {
  color: #000 !important
}

.addprocesss-section {
  padding-top: 50px;
  padding-right: 5%
}

@media(max-width: 992px) {
  .addprocesss-section {
    padding-right: 15px
  }
}

@media(max-width: 767px) {
  .addprocesss-section {
    padding: 30px 15px
  }
}

.addprocesss-section .steps-wrapper {
  padding: 30px;
  border: 1px solid #ccc
}

@media(max-width: 767px) {
  .addprocesss-section .steps-wrapper {
    padding: 15px
  }
}

.addprocesss-section .steps-wrapper .steps-lists {
  margin-bottom: 20px
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-no {
  width: 80px;
  height: 80px;
  border: 1px solid #217743;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  position: relative
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-no:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 100%;
  background-color: #217743;
  opacity: .6
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-no .darkf18firamd {
  text-align: center
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-no .darkf18firamd span {
  font-size: 150%;
  display: block
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-content {
  width: calc(100% - 100px);
  color: #000;
  font-family: "FiraSans-Regular"
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list .svv-step-content .steppernocss li {
  font-family: "FiraSans-Regular"
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list:last-child {
  margin-bottom: 0px
}

.addprocesss-section .steps-wrapper .steps-lists .steps-list:last-child .svv-step-no:before {
  display: none
}

.ssscontact-section {
  padding-top: 50px;
  padding-right: 5%
}

@media(max-width: 992px) {
  .ssscontact-section {
    padding-right: 15px
  }
}

@media(max-width: 767px) {
  .ssscontact-section {
    padding: 30px 15px
  }
}

.ssscontact-section .ssscontact-wrap .list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #ccc;
  max-width: 500px
}

.ssscontact-section .ssscontact-wrap .list span {
  display: block;
  padding: 5px;
  border-right: 1px solid #ccc;
  width: 30%;
  font-weight: bold
}

.ssscontact-section .ssscontact-wrap .list a {
  padding: 5px;
  display: block;
  width: 70%
}

.play-wrap {
  position: absolute;
  right: 15px;
  z-index: 999;
  bottom: 0
}

@media(max-width: 767px) {
  .play-wrap {
    top: 78px
  }
}

.play-wrap .btn-watch-video {
  line-height: 35px;
  height: 34px;
  display: inline-block;
  background: #217743;
  color: #fff;
  text-decoration: none;
  padding: 0px 10px 0px 40px;
  position: relative;
  box-sizing: border-box;
  font-size: 13px;
  font-family: "FiraSans-Medium"
}

.play-wrap .btn-watch-video:hover {
  color: #fff;
  text-decoration: underline
}

.play-wrap .fa {
  width: 32px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  border: solid 1px #fff;
  position: absolute;
  top: 0;
  text-indent: 4px;
  left: 0;
  background: #fff;
  color: #000
}

.sss-newpage .ouralumni-section {
  padding-right: 5%
}

@media(max-width: 767px) {
  .sss-newpage .ouralumni-section {
    padding: 0px 15px
  }
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav {
  border: 1px solid #217743
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item {
  display: flex;
  width: 50%;
  justify-content: center
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link {
  border: 0;
  padding: 5px;
  width: 100%;
  text-align: center
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link:hover span::after {
  display: none
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link.active {
  background-color: #217743
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link.active::before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: #0167ac;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link.active span {
  color: #fff
}

.sss-newpage .ouralumni-section .svvtabs-wrapper .simpletabs-nav .svvtabs-item .svvsimpletab-link.active span::after {
  display: none
}

.sss-newpage .ouralumni-section .svv-form .formrow .formgroup {
  width: 25%
}

@media(max-width: 820px) {
  .sss-newpage .ouralumni-section .svv-form .formrow .formgroup {
    width: 30%
  }
}

@media(max-width: 767px) {
  .sss-newpage .ouralumni-section .svv-form .formrow .formgroup {
    width: 50% !important
  }
}

@media(max-width: 767px) {
  .captioncardwrap .svv-btn {
    padding: 5px 35px
  }
}

.convocationactive-section .convocationbanner {
  position: relative
}

.convocationactive-section .convocationbanner .cbheading {
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 50%
}

@media(max-width: 812px) {
  .convocationactive-section .convocationbanner .cbheading {
    position: relative;
    width: 100%;
    bottom: 0px
  }
}

.convocationactive-section .convocationbanner .cbheading .content {
  padding: 30px 50px 30px 15%;
  position: relative;
  z-index: 1;
  background: url("../img/convocation/bannerheadingbg.png");
  background-size: 100% 100%
}

@media(max-width: 812px) {
  .convocationactive-section .convocationbanner .cbheading .content {
    background: #217743;
    text-align: center;
    padding: 10px
  }
}

@media(max-width: 812px) {
  .convocationactive-section .youtubelink.pb-5 {
    padding-bottom: 30px !important
  }
}

.convocationactive-section .convocationintro {
  padding: 30px 0px
}

.youtubelinkwithicon {
  max-width: 65%;
  margin: auto;
  position: relative;
  background-color: #f5f6f6;
  border-radius: 40px;
  border: 1px solid #cbcbcb
}

@media(max-width: 820px) {
  .youtubelinkwithicon {
    border-radius: 20px
  }
}

@media(max-width: 767px) {
  .youtubelinkwithicon {
    max-width: 100%;
    border-radius: 15px
  }
}

.youtubelinkwithicon .youtubemain,
.youtubelinkwithicon a {
  position: relative;
  display: block;
  text-decoration: none
}

.youtubelinkwithicon .youtubemain .youtube-video,
.youtubelinkwithicon a .youtube-video {
  width: 100%;
  height: 210px;
  border-radius: 15px
}

.youtubelinkwithicon .youtubemain .youtubeplay,
.youtubelinkwithicon a .youtubeplay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(-2px 22px 15px rgba(0, 0, 0, 0.2235294118))
}

.youtubelinkwithicon .youtubemain .content,
.youtubelinkwithicon a .content {
  padding: 10px 20px;
  text-align: center
}

.youtubelinkwithicon .youtubemain-big .youtube-video {
  height: 400px
}

@media(max-width: 767px) {
  .youtubelinkwithicon .youtubemain-big .youtube-video {
    height: 210px
  }
}

.youtubelink-row {
  justify-content: center
}

.youtubelink-row .youtubelink-col {
  margin-bottom: 40px
}

.youtubelink-row .youtubelinkwithicon {
  max-width: 100%;
  height: 100%
}

@media(max-width: 820px) {
  .youtubelink-row .youtubelinkwithicon {
    max-width: 100%
  }
}

.youtubelink-row .youtubelinkwithicon .youtubemain .youtube-video,
.youtubelink-row .youtubelinkwithicon a .youtube-video {
  border-radius: 40px;
  height: 250px
}

@media(max-width: 820px) {
  .youtubelink-row .youtubelinkwithicon .youtubemain .youtube-video,
  .youtubelink-row .youtubelinkwithicon a .youtube-video {
    border-radius: 20px
  }
}

@media(max-width: 767px) {
  .youtubelink-row .youtubelinkwithicon .youtubemain .youtube-video,
  .youtubelink-row .youtubelinkwithicon a .youtube-video {
    border-radius: 15px
  }
}

.youtubelink-row .youtubelinkwithicon .youtubemain img,
.youtubelink-row .youtubelinkwithicon a img {
  border-radius: 40px
}

.youtubelink-row .youtubelinkwithicon .youtubemain .content .svv-richtext .svv-list-disc li,
.youtubelink-row .youtubelinkwithicon a .content .svv-richtext .svv-list-disc li {
  font-size: var(--font16, 16px)
}

@media(max-width: 820px) {
  .convocationyearwise-section .svv-scrolltab-conatiner .svvitab-scroll .svv-tabs-content.fixed-nav .svv-tab-list {
    justify-content: center
  }
}

.convocationyearwise-section .tabchangerwrap {
  background-color: #f5f6f6;
  padding: 20px 0px
}

.convocationyearwise-section .tabchangerwrap .tabchanger {
  display: flex;
  align-items: center;
  justify-content: center
}

@media(max-width: 767px) {
  .convocationyearwise-section .tabchangerwrap .tabchanger {
    flex-wrap: wrap;
    justify-content: center
  }
  .convocationyearwise-section .tabchangerwrap .tabchanger .redf36firamd {
    width: 100%;
    text-align: center
  }
  .convocationyearwise-section .tabchangerwrap .tabchanger .selecttag {
    margin: 10px auto
  }
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag {
  background-color: #217743;
  position: relative;
  height: 40px
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag select {
  padding: 8px 60px 8px 20px;
  height: 40px;
  background-color: #217743;
  color: #fff;
  border: 0px;
  -webkit-appearance: none;
  appearance: none;
  min-width: 200px
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag select option {
  color: #fff;
  background-color: #217743;
  border-radius: 0
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag .arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  height: 40px;
  aspect-ratio: 1;
  pointer-events: none;
  border-left: 1px solid #fff
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag .arrow .arrowtext {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  height: 40px;
  color: #fff
}

.convocationyearwise-section .tabchangerwrap .tabchanger .selecttag .arrow .arrowtext:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -70%) rotate(135deg);
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  display: block;
  border-right: 1px solid #fff
}

.convocationyearwise-section .tabchangercontents .tabchangercontent {
  display: none
}

.convocationyearwise-section .tabchangercontents .tabchangercontent.active {
  display: block
}

.convocationyearwise-section .tabchangercontents .tabchangercontent .snapshots-grid {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0px -10px;
  margin-top: 30px
}

@media(max-width: 767px) {
  .convocationyearwise-section .tabchangercontents .tabchangercontent .snapshots-grid {
    margin: 0px
  }
}

.convocationyearwise-section .tabchangercontents .tabchangercontent .snapshots-grid .snapshots-griditem {
  width: 33.3333333333%;
  padding: 10px
}

@media(max-width: 767px) {
  .convocationyearwise-section .tabchangercontents .tabchangercontent .snapshots-grid .snapshots-griditem {
    padding: 5px
  }
}

@media(max-width: 600px) {
  .convocationyearwise-section .tabchangercontents .tabchangercontent .snapshots-grid .snapshots-griditem {
    width: 100%
  }
}

.convocationyearwise-section .tabchangercontents .tabchangercontent .viewlink {
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px
}

.convocationyearwise-section .tabchangercontents .youtubelinkwithicon .youtubemain {
  line-height: 0
}

.convocationyearwise-section .tabchangercontents .youtubelinkwithicon .youtubemain .youtube-video {
  border-radius: 40px;
  height: 350px
}

@media(max-width: 820px) {
  .convocationyearwise-section .tabchangercontents .youtubelinkwithicon .youtubemain .youtube-video {
    border-radius: 20px;
    height: 270px
  }
}

@media(max-width: 767px) {
  .convocationyearwise-section .tabchangercontents .youtubelinkwithicon .youtubemain .youtube-video {
    border-radius: 15px;
    height: 210px
  }
}

.psychology-support-sec .counselor-support-row {
  margin-top: 40px
}

@media(max-width: 767px) {
  .psychology-support-sec .counselor-support-row {
    margin-top: 25px
  }
}

.psychology-support-sec .counselor-support-row .img-pod img {
  width: 100%;
  height: 100%
}

@media(max-width: 767px) {
  .psychology-support-sec .counselor-support-row .img-pod img {
    display: none
  }
}

.counselor-key-services {
  margin: 0
}

.counselor-key-services .key-services-row {
  margin-top: 40px
}

@media(max-width: 767px) {
  .counselor-key-services .key-services-row {
    margin-top: 25px
  }
}

.counselor-key-services .key-services-row .about-key-services.svv-richtext .svv-list-icon.svv-list-img li {
  padding-left: 30px
}

.counselor-key-services .key-services-row .about-key-services.svv-richtext .svv-list-icon.svv-list-img li::before {
  background-image: url(/assets/university/img/counselor-profile/check-icon.svg);
  width: 17px;
  height: 17px;
  top: 4px
}

.counselor-key-services .key-services-row .img-pod img {
  width: 100%;
  height: 100%
}

@media(max-width: 767px) {
  .counselor-key-services .key-services-row .img-pod img {
    display: none
  }
}

.counselor-profile-sec {
  margin-top: 50px;
  margin-bottom: 50px
}

@media(max-width: 767px) {
  .counselor-profile-sec {
    margin-top: 30px
  }
}

.counselor-profile-sec .profile-row {
  padding: 0 15px
}

.counselor-profile-sec .profile-info {
  background-color: #eeefef;
  padding: 30px;
  position: relative;
  width: 100%
}

@media(max-width: 767px) {
  .counselor-profile-sec .profile-info {
    padding: 15px 15px 10px
  }
}

.counselor-profile-sec .profile-info .img-pod img {
  width: 192px;
  height: 100%
}

@media(max-width: 820px) {
  .counselor-profile-sec .profile-info .img-pod img {
    width: 172px
  }
}

@media(max-width: 767px) {
  .counselor-profile-sec .profile-info .img-pod img {
    width: 140px
  }
}

.counselor-profile-sec .profile-info h5 {
  margin-top: 20px
}

@media(max-width: 767px) {
  .counselor-profile-sec .profile-info h5 {
    margin-top: 15px
  }
}

.counselor-profile-sec .profile-info .profile-edu-info {
  display: flex;
  margin-top: 25px
}

@media(max-width: 767px) {
  .counselor-profile-sec .profile-info .profile-edu-info {
    margin-top: 15px
  }
}

.counselor-profile-sec .profile-info .profile-edu-info .icon-pod img {
  width: 20px;
  height: 20px
}

.counselor-profile-sec .profile-info .profile-edu-info .content {
  width: calc(100% - 35px);
  padding-left: 15px
}

.counselor-profile-sec .councellor-contact-info {
  background-color: rgba(238, 239, 239, .43);
  padding: 30px
}

@media(max-width: 767px) {
  .counselor-profile-sec .councellor-contact-info {
    padding: 15px
  }
}

.counselor-profile-sec .councellor-contact-info .contact-content {
  margin-top: 20px
}

.counselor-profile-sec .councellor-contact-info .contact-content .content {
  display: flex;
  margin-bottom: 20px
}

.counselor-profile-sec .councellor-contact-info .contact-content .content:last-child {
  margin-bottom: 0
}

.counselor-profile-sec .councellor-contact-info .contact-content .content .icon-pod img {
  width: 20px
}

.counselor-profile-sec .councellor-contact-info .contact-content .content .txt {
  width: calc(100% - 35px);
  padding-left: 15px
}

.counselor-profile-sec .about-profile-contact {
  padding-right: 0;
  padding-left: 0;
  display: flex
}

.counselor-profile-sec .about-profile-data {
  background-color: #f5f6f6;
  padding-left: 0;
  display: flex
}

@media(max-width: 767px) {
  .counselor-profile-sec .about-profile-data {
    background-color: #eeefef
  }
}

.counselor-profile-sec .about-profile-data .text-content {
  padding: 30px
}

@media(max-width: 767px) {
  .counselor-profile-sec .about-profile-data .text-content {
    padding: 10px 15px 15px
  }
}

.wz-schedule-lists .wz-schedule-list {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid rgba(0, 0, 0, .2)
}

.wz-schedule-lists .wz-schedule-list:last-child {
  margin-bottom: 0
}

.wz-schedule-lists .wz-schedule-list .accordionhead {
  position: relative;
  padding: 10px 15px 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionhead {
    padding: 15px
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody {
  padding: 20px 30px
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody {
    padding: 15px
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 2px solid #217743
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #217743
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .head {
  width: 100%;
  margin-bottom: 20px
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .left {
  width: calc(100% - 420px)
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .left {
    width: 100%;
    margin-bottom: 15px
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .left .introincolist li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .left .introincolist li:last-child {
  margin-bottom: 0
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .left .introincolist li .abs {
  width: 25px;
  position: absolute;
  top: 0;
  left: 0
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .right {
  width: 400px
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .right {
    width: 100%
  }
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .right iframe {
    width: 100% !important
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .right .video {
  width: 100%;
  background-color: #000;
  position: relative;
  display: flex
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-intro .right .video .videoicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content {
  padding-top: 30px
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .svv-richtext table {
  margin: 0
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .svv-richtext table {
    min-width: 700px
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .svv-richtext table tr td {
  border: 1px solid #ccc
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .svv-richtext table tr td:first-child {
  background-color: #f3f3f3;
  font-weight: bold
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card {
  background-color: #eeefef;
  padding: 20px;
  margin-bottom: 30px
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard {
  background-color: hsla(0, 0%, 100%, 0) !important;
  box-shadow: 0px 0px 0px #000 !important;
  padding: 0 !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #333;
  margin-bottom: 20px !important
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard:last-child {
  border-bottom: 0px solid #333 !important;
  margin-bottom: 0 !important
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard .svvusercard-imgwrap {
  width: 140px
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard .svvusercard-imgwrap {
    width: 100%;
    max-width: 140px
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard .svvusercard-text {
  width: calc(100% - 160px)
}

@media(max-width: 767px) {
  .wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .wz-schedule-card .svvusercard .svvusercard-text {
    width: 100%
  }
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .co-chairperson-wz-schedule-card {
  background-color: #f6f7f7
}

.wz-schedule-lists .wz-schedule-list .accordionbody .wz-schedule .wz-schedule-content .speakers-wz-schedule-card {
  background-color: #f6f7f7
}

@media(min-width: 767px) {
  .lbannersection.university-section .slick-arrow {
    display: none
  }
}

.default-chatbot-indicator #__eechatIcon {
  right: 90px !important;
  bottom: 25px !important
}

@media(max-width: 767px) {
  .default-chatbot-indicator #__eechatIcon {
    right: 12px !important;
    bottom: 60px !important
  }
}

.default-chatbot-indicator .indicator {
  bottom: 5px;
  right: 150px
}

@media(max-width: 767px) {
  .default-chatbot-indicator .indicator {
    right: 85px !important;
    bottom: 67px;
    width: 167px;
    font-size: 14px;
    border-radius: 10px 10px 0px 10px
  }
}

@media(max-width: 767px) {
  .default-chatbot-indicator .indicator:after {
    transform: rotate(225deg);
    right: -15px;
    top: 95%
  }
}

header .wm-social-icon li.top_menuvline {
  border-left: 0px !important
}

header .wm-social-icon li.bg {
  background-color: #f3f3f3;
  padding: 0px 8px
}

header .wm-social-icon li.bg:before {
  content: "";
  position: absolute;
  right: 0px;
  width: 1px;
  height: 60%;
  background: #444;
  top: 20%
}

header .wm-social-icon li.bg.noright:before {
  display: none
}

.bestpractice-section .bestpractice {
  margin-bottom: 50px
}

.bestpractice-section .bestpractice:last-child {
  margin-bottom: 0
}

.bestpractice-section .bestpractice-wrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between
}

@media(max-width: 767px) {
  .bestpractice-section .bestpractice-wrap {
    flex-wrap: wrap
  }
}

.bestpractice-section .bestpractice-wrap .bestpractice-left {
  width: 49%
}

@media(max-width: 767px) {
  .bestpractice-section .bestpractice-wrap .bestpractice-left {
    width: 100%
  }
}

.bestpractice-section .bestpractice-wrap .bestpractice-right {
  width: 49%;
  padding: 0px 20px
}

@media(max-width: 767px) {
  .bestpractice-section .bestpractice-wrap .bestpractice-right {
    width: 100%;
    padding: 0
  }
}

.bestpractice-section .bestpracticelink .svv-link {
  display: inline-block;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  padding: 10px 35px;
  margin-right: 20px;
  padding-right: 40px;
  position: relative
}

.bestpractice-section .bestpracticelink .svv-link:after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  right: 15px
}

@media(max-width: 767px) {
  .bestpractice-section .bestpracticelink .svv-link {
    padding: 5px 33px 5px 10px;
    margin-right: 10px;
    margin-bottom: 10px
  }
}

.sss-newpage .line-through {
  text-decoration: line-through
}

.sss-newpage table .fees-amt {
  position: relative
}

.sss-newpage table .fees-amt:before {
  content: "";
  font-family: "fontAwesome";
  margin-right: 3px;
  font-size: 90%
}

.sss-newpage .sssgallery__section {
  border: 0px
}

.sss-newpage .aboutsss-section {
  padding-right: 5%
}

@media(max-width: 767px) {
  .sss-newpage .aboutsss-section {
    padding-right: 0
  }
}

.sss-newpage .sss-testimonial-section {
  padding-right: 5%
}

@media(max-width: 767px) {
  .sss-newpage .sss-testimonial-section {
    padding-right: 0;
    padding: 0px 15px
  }
}

.sss-newpage .sss-testimonial-section .testimonial-slider-item-inner {
  padding: 20px;
  margin: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1607843137)
}

.sss-newpage .sss-testimonial-section .testimonial-slider-item-inner .name {
  text-align: right;
  font-weight: bold
}

@media(max-width: 992px) {
  .sss-newpage .aboutsss-section .row {
    flex-direction: column
  }
}

@media(max-width: 767px) {
  .sss-newpage .ssscontact-section {
    padding: 0
  }
}

@media(max-width: 767px) {
  .sss-newpage .tabluarpage-section .verticaltabs-card .verticaltabslink-col {
    display: none !important
  }
}

.nacc-icc-section .icc-richtext .svv-richtext .svv-list-disc {
  column-count: 2
}

@media(max-width: 767px) {
  .nacc-icc-section .icc-richtext .svv-richtext .svv-list-disc {
    column-count: 1
  }
}

.nacc-icc-section .icc-richtext .svv-richtext .svv-list-disc li {
  font-size: var(--font20, 20px);
  margin-bottom: 1rem;
  padding-left: 15px
}

.nacc-icc-section .icc-richimage img {
  width: 100%
}

.nacc-icc-section .svv-richtext table {
  width: 100%
}

.nacc-icc-section .svv-richtext table thead th {
  white-space: nowrap
}

.nacc-icc-section .svv-richtext table a {
  text-decoration: underline;
  font-family: "Firasans-Regular";
  color: #069 !important;
  transition: .5s;
  background-color: hsla(0, 0%, 100%, 0);
  border: 0px;
  padding: 0px;
  outline: none !important
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content {
  display: flex;
  padding-bottom: 30px;
  position: relative
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 35px;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, .25)
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content:last-child:before {
  display: none
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content .stepper-items {
  display: flex;
  align-items: center
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content .stepper-items .step-box {
  width: 70px;
  height: 70px;
  text-align: center;
  border: 1px solid #217743;
  padding: 10px;
  background-color: #fff;
  position: relative
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content .stepper-items .step-box .numbers {
  width: 100%
}

.grc-step-section .svv-admission-steppers .steppers-inner .steppers-content .stepper-items .content {
  width: calc(100% - 70px);
  padding-left: 25px;
  margin-top: 10px
}

.grc-grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0px -15p
}

.grc-grid .grc-grid-item {
  margin: 0px 15px 15px 15px;
  width: calc(33.3333333333% - 30px);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, .1607843137);
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media(max-width: 1279px) {
  .grc-grid .grc-grid-item {
    width: calc(33.3333333333% - 30px)
  }
}

@media(max-width: 820px) {
  .grc-grid .grc-grid-item {
    width: calc(50% - 30px)
  }
}

@media(max-width: 560px) {
  .grc-grid .grc-grid-item {
    width: calc(100% - 30px)
  }
}

.grc-grid .designation {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc
}

.grc-grid .email {
  background-color: #f3f3f3;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.grc-grid-wrap {
  margin: 0px -15px
}

.nodalofficer {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px
}

.nodalofficer .nodalofficeritem {
  width: 25%;
  border: 1px solid #fff;
  background-color: #f3f3f3
}

.nodalofficer .nodalofficeritem .head {
  border-bottom: 2px solid #fff;
  padding: 10px
}

.nodalofficer .nodalofficeritem .body {
  padding: 10px
}

.svv-bannertabssection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link .iconbox .img {
  padding: 0px !important
}

.asociationcontactus1email {
  margin-top: 20px;
  padding: 10px;
  border-radius: 10px;
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap
}

.asociationcontactus1email .tab-contactus-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 30%
}

@media(max-width: 600px) {
  .asociationcontactus1email .tab-contactus-head {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px
  }
}

.asociationcontactus1email .tab-contactus-head img {
  width: 60px;
  margin-right: 10px
}

.asociationcontactus1email .tab-contactus-emails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 70%
}

@media(max-width: 600px) {
  .asociationcontactus1email .tab-contactus-emails {
    width: 100%;
    text-align: center
  }
}

.asociationcontactus1email .tab-contactus-emails .email {
  width: 50%
}

@media(max-width: 767px) {
  .asociationcontactus1email .tab-contactus-emails .email {
    width: 100%
  }
}

.asociationcontactus1email .tab-contactus-emails .email .darkf18firamd {
  width: 100%;
  display: block !important
}

.asociationcontactus1email .tab-contactus-emails .email a {
  width: 100%;
  display: block
}

@media(max-width: 767px) {
  .asociationcontactus1email .tab-contactus-emails .email a {
    word-break: break-all
  }
}

@media(max-width: 767px) {
  .asociationcontactus1email .tab-contactus-emails .email:nth-child(1) {
    margin-bottom: 30px
  }
}

.infrawrap {
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .1490196078);
  margin-bottom: 25px
}

.infrawrap .infobox {
  padding: 8px 10px;
  min-height: 190px
}

.infrawrap .infra-slider .slick-next {
  right: 0;
  background-image: url(/assets/sscoe/img/coe/next-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  height: 30px;
  z-index: 1;
  bottom: 0;
  top: auto
}

.infrawrap .infra-slider .slick-next:before {
  content: ""
}

.infrawrap .infra-slider .slick-prev {
  right: 33px;
  background-image: url(/assets/sscoe/img/coe/prev-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 30px;
  height: 30px;
  z-index: 1;
  transition: .2s ease-in;
  left: auto;
  top: auto;
  bottom: 0
}

.infrawrap .videoinfobox {
  height: auto;
  padding: 10px
}

.university-wdc-section .facilities-flex {
  display: flex;
  align-items: stretch;
  gap: 10px
}

.university-wdc-section .facilities-box {
  height: 98%
}

.university-wdc-section .facilities-img {
  width: 50%
}

.university-wdc-section .links-table tbody tr td a {
  font-family: Firasans-Regular
}

.svv-bannertabssection.svv-compact-bannersection .bannertabimg img {
  max-height: 400px
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist {
  margin-top: -50px
}

@media(max-width: 767px) {
  .svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem {
    display: block
  }
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link {
  padding: 10px 5px 10px 5px
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link .svv-direct-link {
  margin-bottom: 14px
}

@media(max-width: 767px) {
  .svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link .svv-direct-link {
    margin-bottom: 12px
  }
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link .svv-direct-link:hover {
  text-decoration: none
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link-content a span {
  font-size: var(--font16, 16px)
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-links-wrap .svv-bannertabs-linkslist .svv-bannertabs-linklistitem .svv-bannertabs-link-content a span img {
  height: 14px;
  width: 14px;
  margin-left: 1px
}

@media(max-width: 767px) {
  .svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-content .iqac-director-row {
    flex-direction: column-reverse
  }
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-content .iqac-director-row .director-img {
  float: right;
  width: 300px
}

@media(max-width: 767px) {
  .svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-content .iqac-director-row .director-img {
    float: right;
    width: 100%
  }
}

.svv-bannertabssection.svv-compact-bannersection .svv-bannertabs-content .about-iqac-team {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .0784313725);
  padding: 10px 10px 5px
}

.asociationcontactus1email.iqac-contact-us .box {
  display: flex;
  align-items: center;
  width: 100%
}

@media(max-width: 820px) {
  .asociationcontactus1email.iqac-contact-us .box {
    flex-wrap: wrap
  }
}

.asociationcontactus1email.iqac-contact-us .box .iqac-contact-details {
  display: flex;
  width: calc(100% - 180px);
  align-items: center
}

@media(max-width: 820px) {
  .asociationcontactus1email.iqac-contact-us .box .iqac-contact-details {
    margin-top: 10px;
    flex-wrap: wrap;
    width: 100%
  }
}

@media(max-width: 767px) {
  .asociationcontactus1email.iqac-contact-us .box .iqac-contact-details {
    margin-top: 10px;
    display: block
  }
}

.asociationcontactus1email.iqac-contact-us .box .iqac-contact-details .contact-content {
  margin-left: 15px;
  width: 33%;
  display: flex;
  align-items: baseline
}

@media(max-width: 820px) {
  .asociationcontactus1email.iqac-contact-us .box .iqac-contact-details .contact-content {
    width: 45%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 15px
  }
}

@media(max-width: 767px) {
  .asociationcontactus1email.iqac-contact-us .box .iqac-contact-details .contact-content {
    margin-left: 0px;
    margin-right: 0;
    width: 100%
  }
}

.naac-committee-listing-sec .listing-cols {
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .16);
  padding: 40px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  text-decoration: none;
  width: 100%
}

@media(max-width: 1180px) {
  .naac-committee-listing-sec .listing-cols {
    padding: 30px 20px
  }
}

@media(max-width: 767px) {
  .naac-committee-listing-sec .listing-cols {
    padding: 20px 15px
  }
}

.naac-committee-listing-sec .listing-cols:hover .right-arrow {
  transform: translateX(5px)
}

.naac-committee-listing-sec .listing-cols .content {
  display: flex;
  align-items: center;
  width: calc(100% - 25px)
}

.naac-committee-listing-sec .listing-cols .content .img-pod {
  margin-right: 20px
}

@media(max-width: 767px) {
  .naac-committee-listing-sec .listing-cols .content .img-pod {
    margin-right: 10px
  }
}

.naac-committee-listing-sec .listing-cols .content .img-pod img {
  width: 70px
}

@media(max-width: 820px) {
  .naac-committee-listing-sec .listing-cols .content .img-pod img {
    width: 55px
  }
}

@media(max-width: 767px) {
  .naac-committee-listing-sec .listing-cols .content .img-pod img {
    width: 40px
  }
}

.naac-committee-listing-sec .listing-cols .right-arrow {
  width: 22px;
  margin-left: 5px;
  transition: .2s ease-in
}

.naac-committee-listing-sec .listing-cols .right-arrow img {
  width: 100%
}

.svuaa-aimsobjt-section {
  background-color: #f3f3f3
}

.svuaa-aimsobjt-section .svuaa-aimsobjt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0px
}

.svuaa-aimsobjt-section .svuaa-aimsobjt-row .svuaa-aimsobjt-img {
  width: 25%
}

.svuaa-aimsobjt-section .svuaa-aimsobjt-row .svuaa-aimsobjt-col {
  width: 72%
}

.svuaa-regoff-section .address {
  width: 56%;
  padding-left: 15px;
  border-left: 3px solid #217743
}

@media(max-width: 767px) {
  .svuaa-regoff-section .address {
    width: 100%
  }
}

.svuaa-regoff-section .address p {
  margin-bottom: 0
}

@media(max-width: 767px) {
  .svuaa-regoff-section .svv-richtext {
    margin-top: 20px
  }
}

.mcm-grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 20px -10px
}

.mcm-grid .mcm-griditem {
  width: calc(33.3333333333% - 20px);
  margin: 0px 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1607843137);
  margin-bottom: 20px;
  display: flex
}

@media(max-width: 1440px) {
  .mcm-grid .mcm-griditem {
    width: calc(50% - 20px)
  }
}

@media(max-width: 991px) {
  .mcm-grid .mcm-griditem {
    width: calc(50% - 20px)
  }
}

@media(max-width: 680px) {
  .mcm-grid .mcm-griditem {
    width: 100%;
    margin: 10px 0px
  }
}

.mcm-grid .mcm-griditem .mcm-img {
  width: 30%
}

.mcm-grid .mcm-griditem .mcm-img img {
  width: 100%
}

.mcm-grid .mcm-griditem .mcm-data {
  padding: 10px;
  width: 70%
}

.mcm-grid .mcm-griditem .mcm-data p:nth-child(1) {
  font-family: "FiraSans-Medium";
  font-size: var(--font18, 18px);
  line-height: 1.4;
  color: #000
}

.mcm-grid .mcm-griditem .mcm-data p:nth-child(2) {
  font-family: "FiraSans-Light";
  font-size: var(--font16, 16px);
  line-height: 1.7;
  color: #000
}

.mcm-grid .mcm-griditem .mcm-data p:nth-child(3) {
  font-family: "FiraSans-Light";
  font-size: var(--font16, 16px);
  line-height: 1.7;
  color: #000
}

.mcm-grid .mcm-griditem .mcm-data p:nth-child(4) {
  font-family: "FiraSans-Light";
  font-size: var(--font16, 16px);
  line-height: 1.7;
  color: #000
}

@media(max-width: 991px) {
  .svuaa-intro-section .aaintroimgcol {
    display: none
  }
}

.ewls-section .float300 {
  float: right;
  width: 300px;
  text-align: center;
  padding: 10px;
  border: 1px solid #ccc;
  margin-left: 20px
}

@media(max-width: 767px) {
  .ewls-section .float300 {
    float: none;
    width: 100%;
    max-width: 300px;
    margin-left: 0;
    margin: auto !important;
    margin-bottom: 20px
  }
}

.ewls-section .svv-redbtn {
  margin-top: 20px;
  display: inline-block
}

.ewls-instruction-section {
  background-color: #f3f3f3
}

.board-of-sudies-css .sidebar-title {
  padding: 15px 10px 10px 35px;
  background: #f4f4f4
}

.board-of-sudies-css .svv-verticaltabs-wrapper .verticaltabs-card .verticaltabslink-col {
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, .16)
}

.board-of-sudies-css .svv-verticaltabs-wrapper .svvtabs-item .svvtabs-link.verticaltab-link {
  padding: 10px 10px 10px 10px !important
}

.board-of-sudies-css .svv-verticaltabs-wrapper .svvtabs-item .svvtabs-link.verticaltab-link:before {
  display: none
}

.board-of-sudies-css .svv-verticaltabs-wrapper .svvtabs-item .svvtabs-link.verticaltab-link.active {
  background: #fff;
  border-left: 5px solid #217743 !important
}

.board-of-sudies-css .svv-verticaltabs-wrapper .svvtabs-item .svvtabs-link.verticaltab-link.active:after {
  display: none
}

.board-of-sudies-css .svv-verticaltabs-wrapper .svvtabs-item .svvtabs-link.verticaltab-link.active span {
  color: #217743
}

.board-of-sudies-css .svv-richtext table tr th {
  background: #f4f4f4;
  padding: 6px
}

@media(max-width: 767px) {
  .students-council-top-content .img-pod img {
    width: 65% !important;
    margin: 0 auto;
    display: block
  }
}

@media(max-width: 767px) {
  .students-council-top-content .user-content p {
    text-align: center
  }
}

.students-council-main {
  background-color: #f0f5f2
}

.students-council-main .sc-yearwise-content {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%
}

@media(max-width: 820px) {
  .students-council-main .sc-yearwise-content {
    width: 70%;
    right: 35px
  }
}

@media(max-width: 767px) {
  .students-council-main .sc-yearwise-content {
    position: relative;
    top: unset;
    right: unset;
    width: 55%;
    text-align: center;
    margin: 0 auto
  }
}

.students-council-main .sc-yearwise-content .svv-form .formrow {
  justify-content: flex-end
}

.students-council-main .student-council-content .img-pod {
  text-align: center
}

.students-council-main .student-council-content .img-pod img {
  width: 65%
}

.students-council-main .student-council-content .sc-name {
  border-bottom: 5px solid #217743;
  padding-bottom: 5px
}

.students-council-main .student-council-content .sc-data {
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  box-shadow: 0px 2px 4px 3px #dddcdc;
  width: 100%
}

@media(max-width: 767px) {
  .students-council-main .student-council-content .sc-data {
    padding: 15px 15px 10px 15px
  }
}

.fc-data {
  background-color: #fff;
  padding: 20px 20px 10px 20px;
  box-shadow: 0px 2px 4px 3px #dddcdc;
  width: 100%
}

.about-distinguish-alumni {
  box-shadow: 0px 4px 8px 2px #ececec;
  width: 100%
}

.about-distinguish-alumni .img-pod {
  padding: 15px;
  text-align: center
}

.about-distinguish-alumni .img-pod img {
  height: 235px;
  object-fit: cover
}

@media(max-width: 1180px) {
  .about-distinguish-alumni .img-pod img {
    height: 190px
  }
}

@media(max-width: 820px) {
  .about-distinguish-alumni .img-pod img {
    height: 130px
  }
}

@media(max-width: 767px) {
  .about-distinguish-alumni .img-pod img {
    height: auto
  }
}

.about-distinguish-alumni .content {
  background-color: #fff;
  padding: 0px 15px 15px
}

.university-placement-cell .top-recruiters-logo {
  display: flex;
  flex-wrap: wrap
}

.university-placement-cell .top-recruiters-logo .logo-pod {
  margin-right: 20px;
  width: calc((100% - 80px)/5);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
  padding: 15px
}

.university-placement-cell .top-recruiters-logo .logo-pod:nth-child(5n+5) {
  margin-right: 0
}

@media(max-width: 767px) {
  .university-placement-cell .top-recruiters-logo .logo-pod:nth-child(5n+5) {
    margin-right: 20px
  }
}

@media(max-width: 1180px) {
  .university-placement-cell .top-recruiters-logo .logo-pod {
    padding: 15px 5px
  }
}

@media(max-width: 820px) {
  .university-placement-cell .top-recruiters-logo .logo-pod {
    padding: 10px 5px
  }
}

@media(max-width: 767px) {
  .university-placement-cell .top-recruiters-logo .logo-pod {
    width: calc((100% - 20px)/2)
  }
  .university-placement-cell .top-recruiters-logo .logo-pod:nth-child(2n+2) {
    margin-right: 0
  }
}

.university-placement-cell .top-recruiters-logo .logo-pod img {
  width: 70%
}

@media(max-width: 1180px) {
  .university-placement-cell .top-recruiters-logo .logo-pod img {
    width: 80%
  }
}

.ssvideoplayer {
  position: relative;
  cursor: pointer;
  margin-bottom: 10px
}

.ssvideoplayer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3333333333);
  pointer-events: none
}

.ssvideoplayer::after {
  content: "";
  font-family: "FontAwesome";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #217743;
  font-size: 24px;
  pointer-events: none;
  background: #fff;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 6px
}