:root {
  --main-color: #fff;
  --secondary-color-1: #211f1f;
  --secondary-color-2: #ffcc33;
  --secondary-color-3: #f4892c;
  --secondary-color-4: #0d4689;
  --main-font-1: "Raleway", sans-serif;
  --main-font-2: "Lato", sans-serif;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --animation-1: all 0.2s ease-in-out;
}

.whatsapp-icon {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 110px;
  right: 20px;
  z-index: 999999;
}

.whatsapp-icon img {
  max-width: 100%;
}

body {
  font-family: var(--main-font-1) !important;
  font-size: 14px !important;
}
section#partner-header h1 {
  margin-bottom: 32px;
}
h1.main-title {
  font-size: 42px;
  color: #fff;
  text-align: left;
}
#exampleModalCenter .close {
  display: none !important;
}

#wpcf7-f1336-o1 input[type="text"],
#wpcf7-f1336-o1 input[type="email"],
#wpcf7-f1336-o1 input[type="tel"] {
  width: 100%;
  padding: 10px;
  margin: 10px 0;
}

#exampleModalCenter .wpcf7-response-output {
  color: #fff;
}

@media only screen and (min-width: 991px) {
  .engi-modal-box .modal-dialog {
    width: 50%;
  }
}

.engi-btn {
  background: transparent !important;
  color: #000 !important;
  border: 0 !important;
}
.sub-p-top {
  padding-top: 215px;
}
section.academic-program-description-section .form-control {
  font-size: 13px;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fc3 !important;
  text-decoration: none;
  background-color: #222222 !important;
}
.set-fixed {
  position: fixed;
  width: 100%;
  z-index: 12;
}
section#news .header {
  height: 50px;
  width: 100%;
  background: #211f1f;
  position: relative;
  border-radius: 7px;
}
.owl-carousel.owl-loaded.owl-drag {
  overflow: hidden;
}
section#search {
  margin-top: 5em;
  margin-bottom: 50px;
}
.lecturer-desc a {
  color: #181818;
  font-size: 15px;
}
section.academic-program-description-section ul {
  padding-left: 29px;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
.scrollToTop {
  width: 75px;
  height: auto;
  padding: 10px;
  text-align: center;
  background: whiteSmoke;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  position: fixed;
  bottom: 30px;
  left: 15px;
  display: none;
  background: transparent;
  z-index: 9999;
}
.scrollToTop:hover {
  text-decoration: none;
}
.top-btn {
  background-color: #211f1f;
  color: #fff;
  padding: 2px;
  min-height: 54px;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #fff;
}
section#news .day.today {
  background: #211f1f;
}
section#news .arrow {
  top: -5px;
  left: 50%;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px;
  border-color: transparent transparent #211f1f;
  transition: all 0.7s ease;
}
section#news .details {
  width: 100%;
  min-height: 30px;
  background: #211f1f;
  margin-top: 5px;
  border-radius: 4px;
}
div#top-header-i1 {
  background-image: linear-gradient(
    to left,
    rgba(9, 73, 118, 0),
    rgb(47, 43, 44)
  );
}
.top-header {
  width: 100%;
  background-color: var(--secondary-color-1);
  display: flex;
}
.breadcrumb-set {
  margin-top: 100px;
  min-height: 57px;
  padding: 25px 25px 25px 67px;
}
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef00 !important;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.row-width {
  width: 100%;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #fff !important;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #000 !important;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  text-align: center;
}
body.modal-open {
  overflow: visible;
  position: inherit;
}
h2,
h3 {
  font-family: var(--main-font-2) !important;
}
.modal-dialog {
  max-width: 67% !important;
  margin: 1.75rem auto;
}
a:hover {
  color: #0056b3;
  text-decoration: none;
}
.common-h3 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.inner-creative-p {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 13px;
}
.set-text-left {
  text-align: left;
}
.set-text-right {
  text-align: right;
}
button.owl-dot.active {
  width: 8px;
  height: 8px;
  background-color: var(--secondary-color-3) !important;
  border-radius: 0;
}
button.owl-dot {
  width: 9px;
  height: 9px;
  background-color: #212529 !important;
  border-radius: 0;
  margin: 3px;
}
section#inner-land .owl-dots {
  width: 100%;
  margin: auto;
  text-align: center;
}
/*footer*/
#footer-sec {
  background-image: none;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 40px;
  background-color: var(--secondary-color-1);
}
#footer-content1 {
  background-color: #2f2b2c66;
}
#footer-sec .font-s {
  line-height: 2;
}

#footer-content .font-s {
  font-size: 11px;
}
.r-f-space {
  margin-bottom: 6px;
}
.subs-text {
  margin-bottom: 10px;
}
.footer-text {
  background-color: black;
  text-align: center;
  color: #fff;
  padding: 5px;
  font-size: 11px;
}
.footer-text a {
  color: #fff;
  font-size: 11px;
}
.foot-h p {
  font-weight: 600;
}
.foot-h:after {
  content: "";
  position: absolute;
  width: 71px;
  background-color: #ef7500;
  height: 2px;
  top: 34px;
  left: 0;
  right: 0;
  /* margin: auto; */
}
.foot-h {
  position: relative;
}
.footer-logo {
  margin: auto;
  text-align: center;
  padding-top: 1px;
  padding-bottom: 35px;
  width: 120px;
  height: auto;
}
#footer-content {
  background-color: transparent;
}
#footer-sec a {
  color: #fff !important;
}
#footer-sec a:hover {
  color: #ffc107 !important;
}
#footer-sec .text-set1 {
  text-align: left;
}
#footer-sec .text-set2 {
  text-align: right;
}
div#wpcf7-f208-o2 {
  margin-bottom: 36px;
}
ul#primary-footer {
  display: flex;
}
input.wpcf7-form-control.wpcf7-submit {
  font-weight: 100;
  font-weight: 600 !important;
  background-color: #f4892c;
  border: transparent;
  padding: 4px 30px;
  float: right;
  width: 100%;
}
#footer-sec
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  width: 100%;
  border: 1px solid #fff;
  min-height: 32px;
  background-color: transparent;
  color: #fff;
}
div#footer-sub {
  width: 58%;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: 100%;
}
div#wpcf7-f15-o1 {
  margin-top: 18px;
  font-size: 14px;
}
#footer-sec input.wpcf7-form-control.wpcf7-submit {
  font-weight: 100;
  font-weight: 300;
  background-color: #807e7d;
  border: transparent;
  padding: 6px 30px;
  float: right;
}
ul#primary-footer1 .nav-link {
  display: block;
  padding: 0.2rem 0rem;
}
/*home*/
section#home-banner {
  padding-top: 214px;
  background-color: #000;
}
.search-container {
  position: absolute;
  top: 26px;
  right: 255px;
}
#partner .partner-uni:hover {
  min-height: 500px;
  margin-top: -30px;
  transition: 0.5s;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#location {
  margin-bottom: 60px;
}

#location iframe {
  width: 100%;
  height: 500px;
}

#testimon .t-image {
  background-image: url(/wp-content/uploads/2020/08/testimonial-image.png);
  background-size: cover;
  background-position: center;
  min-height: 333px;
  width: 55%;
  position: absolute;
  left: 0;
  z-index: 1;
}
#testimon .t-box {
  background-color: #f5f5f5;
  background-size: cover;
  background-position: center;
  min-height: 333px;
  width: 55%;
  position: absolute;
  right: 0;
  top: -59px;
  padding: 40px;
  padding-left: 150px;
}
#testimon .r-container {
  position: relative;
  min-height: 415px;
}
section#testimon {
  padding-top: 1em;
}
section#testimon h2 {
  margin-bottom: 2em;
}
section#testimon .owl-dots {
  position: absolute;
  bottom: 84px;
  width: 100%;
  text-align: right;
}
section#testimon .item {
  padding-top: 60px;
}
section#testimon .owl-nav {
  display: none;
}
#news {
  background-image: url(/wp-content/uploads/2020/08/back.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 7em;
  padding-bottom: 13em;
}
#news .inner-new-img {
  width: 100%;
  min-height: 179px;
  margin-bottom: 20px;
  background-size: cover;
}
#news p.p-height {
  padding-left: 10px;
}
#news .event-list-a {
}
#news .date-1 {
  background-color: #222;
  color: #fff;
  padding: 10px;
  text-align: center;
}
#news .inner-land {
  text-align: left;
}
#news .inner-wrapper {
  border-bottom: 1px solid var(--secondary-color-1);
  padding-top: 10px;
}
section#news h2 {
  margin-bottom: 56px;
}
section#location h2 {
  margin-bottom: 56px;
}
section#news h2:after,
section#testimon h2:after,
section#partner h2:after,
section#location h2:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--secondary-color-1);
  height: 2px;
  top: 74px;
  left: 0;
  right: 0;
  margin: auto;
}
section#partner h2 {
  margin-bottom: 3em;
}
#partner .partner-uni {
  background-image: url(/wp-content/uploads/2020/08/testimonial-image.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 400px;
  position: relative;
}
#partner .inner-shape {
  background-color: red;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 2)
  > .partner-uni
  > .inner-shape {
  background-color: red !important;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 3)
  > .partner-uni
  > .inner-shape {
  background-color: #ffcc33 !important;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 4)
  > .partner-uni
  > .inner-shape {
  background-color: var(--secondary-color-1) !important;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n)
  > .partner-uni
  > .inner-shape {
  background-color: #154888 !important;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > .inner-shape {
  background-color: var(--secondary-color-1) !important;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 3)
  > .partner-uni
  > #shape-add {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 1;
  top: 95px;
  border-top: 35px solid #ffcc33 !important;
  position: absolute;
  top: 105px;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n)
  > .partner-uni
  > #shape-add {
  z-index: 1;
  top: 95px;
  border-top: 35px solid #154888 !important;
  position: absolute;
  top: 105px;
}
section#partner
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > #shape-add {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 1;
  top: 95px;
  border-top: 35px solid var(--secondary-color-1) !important;
  position: absolute;
  top: 105px;
}
#partner .inner-shape1 {
  background-color: #ffcc33;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
section#partner {
  padding-top: 86px;
  padding-bottom: 2px;
  min-height: 703px;
}
section#partner .row {
  justify-content: center;
}

#partner .inner-shape2 {
  background-color: #154888;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
#partner .inner-shape3 {
  background-color: var(--secondary-color-1);
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
#partner .inner-shape a,
#partner .inner-shape1 a,
#partner .inner-shape2 a,
#partner .inner-shape3 a {
  margin: auto;
}
#sliit-a .desc-img {
  background-image: url();
  background-size: cover;
  background-position: center;
  width: 800px;
  min-height: 498px;
  float: right;
}
#sliit-a .desc-wrapper {
  position: relative;
}
#sliit-a .sliit-desc {
  position: absolute;
  top: 74px;
  left: 0;
  background-color: var(--secondary-color-2);
  width: 43%;
  padding: 53px;
  min-height: 356px;
}
#sliit-a .sliit-desc:after {
  content: url(/wp-content/uploads/2020/08/cap.png);
  position: absolute;
  width: 100%;
  height: 2px;
  top: -39px;
  left: -209px;
  transition: all 0.4s ease-in-out;
  -webkit-transform: translatey(0px);
  transform: translatey(0px);
  -webkit-animation: float 6s ease-in-out infinite;
  animation: float 6s ease-in-out infinite;
}
@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

#sliit-a .sliit-desc p,
#sliit-a .sliit-desc h3 {
  color: var(--secondary-color-1);
}
#explore-btn-news {
  background-color: #dad9c500;
  color: var(--secondary-color-1);
  width: 39%;
  padding: 7px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  border: 2px solid var(--secondary-color-1);
  min-height: 50px;
}
#explore-btn-news .img-h {
  width: 51px;
  margin-right: 10px;
  display: none;
}
#explore-btn-news:hover {
  width: 56%;
  transition: 0.4s;
}
#explore-btn-news:hover > div > .img-h {
  display: inline-block;
  transition: 0.4s;
}
#sliit-a {
  padding-top: 70px;
  padding-bottom: 70px;
}
#home-banner .item-description {
  position: absolute;
  bottom: 208px;
  left: 0;
  width: 39%;
  text-align: left;
  /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0,.8)); */
  padding: 84px;
  /* padding-top: 25px; */
  z-index: 1;
}
#home-banner .item-description h2 {
  color: #fff;
  font-size: 54px;
  margin-bottom: 21px;
}
#home-banner .item-description p {
  color: #fff;
  font-size: 17px;
  font-family: var(--main-font-1) !important;
}
#home-banner .owl-nav {
  position: absolute;
  bottom: 60px;
  left: 60px;
  display: none;
}
#home-banner .owl-dots {
  position: absolute;
  top: 436px;
  left: 82px;
}
#home-banner button.owl-prev,
#home-banner-pro button.owl-prev,
#home-s-5 button.owl-prev,
#associat-s-1 button.owl-prev,
#pro-s-3 button.owl-prev,
#home-s-3n button.owl-prev {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  color: #fff;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
#home-banner button.owl-next,
#home-banner-pro button.owl-next,
#home-s-5 button.owl-next,
#associat-s-1 button.owl-next,
#pro-s-3 button.owl-next,
#home-s-3n button.owl-next {
  border: 1px solid #fff;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  color: #fff;
  position: relative;
}
#home-banner button.owl-prev span,
#home-banner-pro button.owl-prev span,
#home-s-5 button.owl-prev span,
#associat-s-1 button.owl-prev span,
#pro-s-3 button.owl-prev span,
#home-s-3n button.owl-prev span {
  position: absolute;
  top: -17px;
  font-size: 36px;
  right: 10px;
}
#home-banner button.owl-next span,
#home-banner-pro button.owl-next span,
#home-s-5 button.owl-next span,
#associat-s-1 button.owl-next span,
#pro-s-3 button.owl-next span,
#home-s-3n button.owl-next span {
  position: absolute;
  top: -17px;
  font-size: 36px;
  right: 10px;
}

#schools .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
#home-banner .banner-home-img {
  min-height: 720px;
  background-size: cover;
  background-position: top;
  position: relative;
}
section#schools {
  margin-top: -150px;
}
#schools .school-read {
  background-color: transparent;
  border: 1px solid #fff;
  padding: 8px 43px;
  color: #fff;
  margin-top: 16px;
  cursor: pointer;
}
#schools .owl-carousel .owl-item img {
  width: 68px;
  margin: auto;
  padding-bottom: 40px;
}
#schools .partner-uni {
  background-image: url(/wp-content/uploads/2020/08/testimonial-image.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 150px 50px 50px 50px;
  min-height: 86vh;
  position: relative;
  color: #fff;
  text-align: center;
}
#schools .school-header {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  margin-bottom: 20px;
  position: relative;
}
.school-header:after {
  content: "";
  position: absolute;
  width: 149px;
  background-color: #fff;
  height: 2px;
  top: -22px;
  left: 0;
  right: 0;
  margin: auto;
}
#schools .partner-uni:hover > .inner-color > #schools .school-header {
  display: none;
}

#shape-add {
  width: 0;
  height: 0;
  border-top: 35px solid red;
  border-left: 278px solid transparent;
  position: absolute;
  top: 105px;
}
#shape-add1 {
  width: 0;
  height: 0;
  border-top: 35px solid #ffcc33;
  border-left: 277px solid transparent;
  position: absolute;
  top: 105px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#shape-add2 {
  width: 0;
  height: 0;
  border-top: 35px solid #154888;
  border-left: 278px solid transparent;
  position: absolute;
  top: 105px;
}
#shape-add3 {
  width: 0;
  height: 0;
  border-top: 35px solid var(--secondary-color-1);
  border-left: 277px solid transparent;
  position: absolute;
  top: 105px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.date-wrapper {
  background-color: var(--secondary-color-1);
  padding: 5px;
  color: #fff;
  width: 42%;
  text-align: center;
  font-size: 13px;
}
.date-wrapper:hover {
  background-color: var(--secondary-color-4);
}
.inner-wrapper p {
  margin-bottom: 2px;
}
#home-banner .small-text {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-size: 20px;
}
#home-banner .sub-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
#video {
  background-image: url(/wp-content/uploads/2020/08/sliit-admission-.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  padding: 150px 50px 50px 50px;
  min-height: 524px;
  position: relative;
  color: #fff;
  text-align: center;
  display: flex;
}
@keyframes pulse {
  0% {
    transform: scale(0.95);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.95);
  }
}
#video .play-btn {
  color: #fff;
  z-index: 4;
  position: absolute;
  top: -30px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px;
  height: 20px;
  width: 20px;
  margin: auto;
  transform: scale(1);
  animation: pulse 2s infinite;
  cursor: pointer;
}
#video .play-btn:hover {
  animation: none;
  transition: 0.5s;
}
#video .sub-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
#video .text-container {
  position: absolute;
  top: 234px;
  left: 185px;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#explore-campus {
  display: block;
  margin-top: 17px;
  border: none;
  padding: 8px 93px;
  background-color: var(--secondary-color-2);
  font-size: 17px;
}
@keyframes scali {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
/*header*/
.side-one a:hover {
  color: #ffcc33;
}
.side-one {
  /* margin-left: -20px; */
  /* position: absolute; */
  right: 0;
  color: #fff;
  z-index: 50;
  width: 84%;
  padding: 8px;
}

div#top-header-i {
  margin-top: -32px;
}
.breadcrumb-set {
  margin-top: 0px;
  min-height: 57px;
  padding: 25px 25px 25px 67px;
}
.breadcrumbs a {
  color: #211f1f;
  padding-right: 12px;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  display: block;
  background: #211f1f !important;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  padding: 0px 10px 0px 10px;
  line-height: 35px;
  text-decoration: none;
  text-transform: none;
  vertical-align: baseline;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:hover,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link:focus {
  background: #ddd;
  font-weight: normal;
  text-decoration: none;
  color: #fc3;
}
h2.main-title {
  font-size: 42px;
  color: #fff;
}
#remove-searchbtn {
  display: none;
}
.scrolled {
  top: 0 !important;
}
.scrolled1 {
  top: 97px !important;
}
div#top-header-i {
  background-color: var(--secondary-color-1);
  padding: 13px;
  font-size: 13px;
  min-height: 122px;
}
set-space-hd {
  padding-left: 54px;
  position: relative;
}
.header-contact {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 30;
  background-color: #313131;
  width: 100%;
  left: 0;
  padding: 7px 0px;
  min-height: 42px;
  background-image: linear-gradient(
    to left,
    rgba(9, 73, 118, 0),
    rgb(47, 43, 44)
  );
}

span.hd-span {
  padding-left: 18px;
  padding-right: 18px;
  color: #fff;
}
#top-header-i1 svg {
  margin-right: 10px;
  margin-left: 10px;
}
span.hd-span a {
  color: #fff;
}
#navbarNavDropdown .nav-link {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 4px solid #ffffff00;
}
#navbarNavDropdown .nav-link:active,
#navbarNavDropdown .nav-link:hover {
}
#nav-dsc {
  z-index: 30;
  position: relative;
  width: 100%;
  top: 0;
  background-color: var(--secondary-color-1);
  min-height: 99px;
}

a.custom-logo-link {
  margin-left: 59px;
  position: fixed;
  top: 18px;
  z-index: 9999;
}

a.custom-logo-link img {
  width: 100px;
  height: auto;
}

#top-color {
  background-color: var(--secondary-color-2);
  z-index: 27;
  position: relative;
  width: 100%;
  top: 0;
  /* background-color: #211f1f; */
  min-height: 78px;
}
#sub-page-header .sub-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
#sub-page-header .svg-blog-slider1 {
  position: absolute;
  top: -484px;
  transform: rotate(90deg);
  left: 967px;
  animation: move 10s ease-in-out infinite;
  transform-origin: 50% 50%;
}
.sub-page-header-warpper {
  margin-top: 142px;
  z-index: 4;
  position: absolute;
  left: 71px;
}
.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#sub-page-header {
  min-height: 500px;
  background-image: url();
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  background-size: cover;
  background-position: top;
  overflow: hidden;
}
.first-row {
  color: #fff;
  text-align: initial;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 5px;
}
.second-row p {
  color: #fff;
  text-align: left;
}
h6.main-title,
.breadcrumb {
  color: #fff;
  letter-spacing: 3px;
}
h2.main-title {
  font-size: 42px;
  color: #fff;
  text-align: left;
}
.search-container {
  position: absolute;
  top: 26px;
  right: 56px;
}
.search-container form .input-group input[type="text"] {
  opacity: 0;
  border: 1px solid #72767a !important;
}
.search-container form .input-group input[type="text"].show {
  opacity: 1;
}
.search-container form .input-group #btnGroupAddon {
  cursor: pointer;
}

#nav-dsc form-control:focus {
  color: #fff;
  background-color: #fff;
  border-color: #80bdff00 !important;
  outline: 0;
  box-shadow: none !important;
}
#nav-dsc .input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef00 !important;
  border: 1px solid #ced4da00 !important;
  border-radius: 0.25rem;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff0 !important;
  background-clip: padding-box;
  border: 1px solid #303942 !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.apply-btn {
  background-color: transparent;
  border: 2px solid var(--secondary-color-1);
  padding: 5px 18px;
  border-radius: 16px;
  color: var(--secondary-color-1);
}
.apply-container {
  position: absolute;
  top: 22px;
  right: 30px;
}
#abt-s-3 .sliit-desc-1 {
  margin-bottom: 5em;
}
/*mega menu*/
#mega-menu-wrap-secondary #mega-menu-secondary {
  visibility: visible;
  text-align: center;
  padding: 0px 30px 0px 30px;
  background-color: #ffcc33;
}
#mega-menu-wrap-secondary
  #mega-menu-secondary
  > li.mega-menu-item
  > a.mega-menu-link {
  line-height: 40px;
  height: 40px;
  padding: 0px 19px 0px 19px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: var(--secondary-color-1);
  text-transform: none;
  text-decoration: none;
  text-align: left;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  outline: none;
}
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title,
#mega-menu-wrap-primary
  #mega-menu-primary
  > li.mega-menu-megamenu
  > ul.mega-sub-menu
  li.mega-menu-column
  > ul.mega-sub-menu
  > li.mega-menu-item
  h4.mega-block-title {
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  vertical-align: top;
  display: block;
  visibility: inherit;
  border: 0;
}

/*about*/

#abt-s-1 .desc-img {
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: right;
}
#abt-s-1 .desc-img-1 {
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: left;
  position: relative;
}
#abt-s-1 .desc-wrapper {
  position: relative;
  margin-top: 55px;
}
#abt-s-1 .sliit-desc {
  position: absolute;
  top: 28px;
  left: 0;
  background-color: var(--secondary-color-2);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: var(--secondary-color-1);
}
#abt-s-1 .sliit-desc-1 {
  position: absolute;
  top: 33px;
  right: 0;
  background-color: var(--secondary-color-1);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: #fff;
}
#abt-s-1 .sliit-desc-1::after {
  content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
  top: -50px;
  right: -50px;
  position: absolute;
  z-index: 0;
  filter: invert(60%);
}
#abt-s-1 .sliit-desc::after {
  content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
  top: -50px;
  right: -50px;
  position: absolute;
  z-index: 0;
  filter: invert(60%);
}
#abt-s-2 {
  background-color: #00274c;
  padding: 60px;
  color: #fff;
  text-align: center;
  margin-top: 60px;
  position: relative;
}
#abt-s-2 .abt-header {
  color: var(--secondary-color-2);
  font-size: 18px;
  text-transform: uppercase;
}
section#abt-s-3 {
  position: relative;
  background-image: url(/wp-content/uploads/2020/08/about-banner.png);
  background-size: cover;
  background-position: bottom;
  padding-top: 60px;
  padding-bottom: 60px;
}
#abt-s-3:after {
  content: "";
  position: absolute;
  width: 55%;
  background-color: var(--secondary-color-1);
  height: 2px;
  top: 144px;
  left: 0;
  right: 0;
  margin: auto;
}
#abt-s-3 .point1 {
  position: absolute;
  top: -197px;
  right: -127px;
  font-weight: bold;
  text-transform: uppercase;
}
#abt-s-3 .point2 {
  position: absolute;
  top: -105px;
  right: -110px;
  text-transform: uppercase;
  font-weight: bold;
}
#abt-s-3 .point3 {
  position: absolute;
  top: -190px;
  right: 482px;
  text-transform: uppercase;
  font-weight: bold;
}
#abt-s-3 .point4 {
  position: absolute;
  top: -96px;
  right: 530px;
  font-weight: bold;
  text-transform: uppercase;
  width: 138px;
}
section#abt-s-3 h3 {
  padding-bottom: 88px;
}
section#abt-s-3 .img-set {
  position: absolute;
  top: -283px;
  right: 0;
}

#s-space-b {
  padding-bottom: 80px;
}
#s-space-b:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #fff;
  height: 2px;
  top: 213px;
  left: 0;
  right: 0;
  margin: auto;
}
section#abt-s-2 h3 {
  padding-bottom: 40px;
}
.col-4.set-text-left:hover > .desc-wrapper > .sliit-desc img {
  filter: brightness(0) invert(1);
}
section#abt-s-2 .lion-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url(/wp-content/uploads/2020/08/lion-overlay.png);
  background-size: cover;
}

section#abt-s-2 .lion-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: url(/wp-content/uploads/2020/08/lion-overlay.png);
  background-size: cover;
}
/*md*/
#md-s-1 .desc-img-1 {
  background-image: url();
  background-size: cover;
  /* background-repeat: no-repeat; */
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: left;
}
#md-s-1 .sliit-desc-1 {
  position: absolute;
  top: 93px;
  right: 0;
  background-color: #e5e5e5;
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: var(--secondary-color-1);
  z-index: 0;
  padding: 141px 68px 60px 145px;
  font-size: 14px;
}
#md-s-1 .sliit-desc-1 a {
  color: #181818;
}
section#md-s-1 {
  margin-top: 60px;
  margin-bottom: 60px;
}
#md-s-1 .desc-img-1 {
  background-image: url();
  background-size: cover;
  background-position: top;
  width: 66%;
  min-height: 407px;
  float: none;
  position: relative;
  z-index: 1;
  margin-bottom: 69px;
  margin: auto;
}
#md-s-1 .desc-wrapper {
  margin-top: 4em;
}
#md-s-1 .quote {
  position: absolute;
  top: 25px;
  right: 43px;
}
#md-s-1 .md-name {
  position: absolute;
  top: 202px;
  left: 43px;
}
#md-s-1 .md-title p {
  margin-bottom: 0;
  font-weight: bold;
}
.md-add-name p {
  font-size: 24px;
}
#bottom-line:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--secondary-color-1);
  height: 2px;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
#board {
  padding: 30px 0;
}
.director-content {
  height: 500px;
  background-color: #e5e5e5;
  display: flex;
  align-items: center;
  padding-left: 40px;
}
.director-img {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: -30px;
  z-index: 1;
}

.director-img img {
  width: 100%;
}
/*board of directors*/
#board .desc-img-1 {
  background-image: url(/wp-content/uploads/2020/08/MD-Professor-lalith-gamage.png);
  background-size: cover;
  /* background-position: top; */
  width: 368px;
  min-height: 356px;
  /* float: left;
    position: absolute; */
  z-index: 1;
  /* margin-bottom: 69px;
    top: 150px; */
}
#board .sliit-desc-1 {
  /* position: absolute;
    top: 93px;
    right: 0; */
  background-color: #e5e5e5;
  /* width: 72%;
    padding: 53px;
    min-height: 466px; */
  color: var(--secondary-color-1);
  z-index: 0;
  /* padding: 60px 68px 60px 132px; */
  font-size: 14px;
  /* height: 100%; */
  padding: 30px 30px 30px 60px;
}
#board .desc-wrapper {
  position: relative;
  /* min-height: 600px; */
}
#board .sliit-desc-1 p {
  float: left;
}
#board img.quote {
  float: right;
}
section#board-header {
  margin-top: 60px;
}
#board:nth-child(odd)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .desc-img-1 {
  left: 0;
}
#board:nth-child(odd)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .sliit-desc-1 {
  position: absolute;
  top: 93px;
  right: 0;
  background-color: #e5e5e5;
  width: 72%;
  padding: 53px;
  min-height: 466px;
  color: var(--secondary-color-1);
  z-index: 0;
  padding: 60px 60px 60px 125px;
  font-size: 14px;
}
#board:nth-child(even)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .desc-img-1 {
  right: 0;
}
#board:nth-child(even)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .sliit-desc-1 {
  position: absolute;
  top: 93px;
  left: 0;
  background-color: #e5e5e5;
  width: 72%;
  padding: 53px;
  min-height: 466px;
  color: var(--secondary-color-1);
  z-index: 0;
  padding: 59px 102px 60px 65px;
  font-size: 14px;
  text-align: right;
}
#board:nth-child(even)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .sliit-desc-1
  > img.quote {
  position: absolute;
  left: 64px;
}
#board:nth-child(even)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .sliit-desc-1
  > .director_post
  > p {
  float: right !important;
}
#board:nth-child(even)
  > .container
  > .row.row1
  > .col-12
  > .desc-wrapper
  > .sliit-desc-1
  > p {
  float: right !important;
}
#board .inner-a {
  float: left;
  display: block;
  width: 100%;
}
#board .director_post p {
  float: left;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}
#board .director-name p {
  float: left !important;
  width: 100%;
}
#board .director-name p {
  font-size: 20px;
  font-weight: bold;
  margin-top: -15px;
}
#board img.quote {
  position: absolute;
  right: 64px;
}
/*Academic Staff*/
#academic .lecturer-desc p {
  min-height: 76px;
}
#s-space-black:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #000;
  height: 2px;
  top: 125px;
  left: 0;
  right: 0;
  margin: auto;
}
div#s-space-black {
  margin-bottom: 0px;
}
#academic .partner-uni {
  background-color: transparent;
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 363px;
  position: relative;
  overflow: hidden;
}
#academic .lecture-post p {
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
  padding: 20px;
}
#academic .add-lecture {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 267px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  top: 121px;
}
#academic .lecturer-desc {
  background-color: #cccccc;
  min-height: 100px;
  padding: 20px;
  margin-bottom: 70px;
  font-size: 13px;
  text-align: left;
}
#academic .inner-shape {
  background-color: red;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  z-index: 1;
}
#academic .inner-shape1 {
  background-color: #ffcc33;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
}
.lecture-name {
  color: #fff;
  padding: 20px;
  position: absolute;
  top: 31px;
  font-size: 17px;
  width: 100%;
}
section#academic {
  padding-top: 0;
  padding-bottom: 60px;
}
#academic .inner-shape2 {
  background-color: #154888;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
#academic .inner-shape3 {
  background-color: var(--secondary-color-1);
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 106px;
  position: absolute;
  top: 0;
  display: flex;
}
#academic .inner-shape img,
#academic.inner-shape1 img,
#academic.inner-shape2 img,
#academic .inner-shape3 img {
  margin: auto;
}
#s-space-black:after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: var(--secondary-color-1);
  height: 1px;
  top: 59px;
  left: 0;
  right: 0;
  margin: auto;
}
section#academic > .container > .row > .col-3 > .partner-uni > #shape-add1 {
  top: 100px;
}
#academic .col-12.col-md-6.col-lg-3:nth-child(4n) > .partner-uni > #shape-add {
  border-top: 25px solid #de1837 !important;
  z-index: 1;
  top: 95px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n)
  > .partner-uni
  > .inner-shape {
  background-color: #de1837 !important;
  min-height: 95px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > #shape-add {
  border-top: 25px solid var(--secondary-color-2) !important;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 1;
  top: 95px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > .inner-shape {
  background-color: var(--secondary-color-2) !important;
  min-height: 95px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > .inner-shape
  > .lecture-name
  p,
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 1)
  > .partner-uni
  > .inner-shape
  > .lecture-post
  p {
  color: var(--secondary-color-1);
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 2)
  > .partner-uni
  > #shape-add {
  border-top: 25px solid var(--secondary-color-4) !important;
  z-index: 1;
  top: 105px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 2)
  > .partner-uni
  > .inner-shape {
  background-color: var(--secondary-color-4) !important;
  min-height: 106px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 3)
  > .partner-uni
  > #shape-add {
  border-top: 25px solid var(--secondary-color-1) !important;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 1;
  top: 95px;
}
#academic
  .col-12.col-md-6.col-lg-3:nth-child(4n + 3)
  > .partner-uni
  > .inner-shape {
  background-color: var(--secondary-color-1) !important;
  min-height: 95px;
}
#academic .view-pro {
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 28px;
  border: 1px solid #000;
  padding: 10px 8px;
  background-color: var(--secondary-color-1);
  color: #fff;
  text-align: center;
}
.dot {
  color: red;
  font-size: 18px;
}
/*partner university*/
section#partner-header {
  margin-top: 60px;
  margin-bottom: 30px;
}
section#partner-header h2 {
  margin-bottom: 32px;
}
#ptn-s-1 .uni-logo-box {
  position: absolute;
  background-color: #de1837;
  top: 0;
  left: 0;
  padding: 20px;
  min-width: 320px;
  min-height: 99px;
  display: flex;
}
#ptn-s-1 .text-container {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#ptn-s-1 .uni-logo-box:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 47px solid #de1837;
  border-left: 320px solid transparent;
  position: absolute;
  top: 98px;
  left: 0;
}
#ptn-s-1 .uni-logo-box img {
  margin: auto;
}
#ptn-s-1 .desc-img {
  background-image: url(/wp-content/uploads/2020/08/SLIIT_academy.png);
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: right;
}
#ptn-s-1 .desc-img-1 {
  background-image: url(/wp-content/uploads/2020/08/about-1.png);
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: left;
  position: relative;
}
#ptn-s-1 .desc-wrapper {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
section#ptn-s-1 {
  margin-top: 40px;
  margin-bottom: 40px;
}
#ptn-s-1 .sliit-desc {
  position: absolute;
  top: 74px;
  left: 0;
  background-color: var(--secondary-color-2);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: var(--secondary-color-1);
}
#ptn-s-1 .sliit-desc-1 {
  position: absolute;
  top: 74px;
  right: 0;
  background-color: var(--secondary-color-1);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: #fff;
  z-index: 2;
}
#ptn-s-1 .sliit-desc-1::after {
  content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
  top: -50px;
  right: -50px;
  position: absolute;
  z-index: -1;
  filter: invert(60%);
}
#ptn-s-1 .sliit-desc::after {
  content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
  top: -50px;
  right: -50px;
  position: absolute;
  z-index: 0;
  filter: invert(60%);
}
#ptn-s-1 .col-12:nth-child(4n) > .desc-wrapper > .sliit-desc-1 {
  background-color: var(--secondary-color-1) !important;
  color: #fff !important;
}
#ptn-s-1 .col-12:nth-child(4n + 1) > .desc-wrapper > .sliit-desc-1 {
  background-color: #de1837 !important;
  color: #fff !important;
}
#ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .sliit-desc-1 {
  position: absolute;
  top: 74px;
  left: 0;
  background-color: var(--secondary-color-2);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: var(--secondary-color-1);
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .csr
  > .owl-stage-outer
  > .owl-stage
  > .owl-item
  > .desc-img-1 {
  float: right !important;
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box {
  right: 0;
  left: unset;
  background-color: var(--secondary-color-2);
}
#ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .desc-img-1 {
  float: right !important;
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-top: 47px solid var(--secondary-color-2) !important;
  /* background-color:  */
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .desc-img-1
  > .text-container {
  position: absolute;
  bottom: 20px;
  left: unset;
  right: 20px;
}
#ptn-s-1 .col-12:nth-child(4n + 3) > .desc-wrapper > .sliit-desc-1 {
  background-color: var(--secondary-color-4);
}
#ptn-s-1
  .col-12:nth-child(4n + 3)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box {
  background-color: var(--secondary-color-4);
}
#ptn-s-1
  .col-12:nth-child(4n + 3)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box:after {
  border-top: 47px solid var(--secondary-color-4) !important;
  /* background-color:  */
}
#ptn-s-1
  .col-12:nth-child(4n + 4)
  > .desc-wrapper
  > .csr
  > .owl-stage-outer
  > .owl-stage
  > .owl-item
  > .desc-img-1 {
  float: right !important;
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box {
  right: 0;
  left: unset;
  background-color: var(--secondary-color-2);
}
#ptn-s-1
  .col-12:nth-child(4n + 2)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-top: 47px solid var(--secondary-color-2) !important;
  /* background-color:  */
}
#ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .sliit-desc-1 {
  background-color: var(--secondary-color-1);
  left: 0;
}
#ptn-s-1
  .col-12:nth-child(4n + 4)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box {
  background-color: var(--secondary-color-1);
  right: 0;
  left: unset;
}
#ptn-s-1
  .col-12:nth-child(4n + 4)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box:after {
  border-top: 47px solid var(--secondary-color-1) !important;
  /* background-color:  */
}
#ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .desc-img-1 {
  float: right !important;
}
#ptn-s-1
  .col-12:nth-child(4n + 4)
  > .desc-wrapper
  > .desc-img-1
  > .uni-logo-box:after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  border-top: 47px solid var(--secondary-color-1) !important;
  /* background-color:  */
}
#ptn-s-1
  .col-12:nth-child(4n + 4)
  > .desc-wrapper
  > .desc-img-1
  > .text-container {
  position: absolute;
  bottom: 20px;
  left: unset;
  right: 20px;
}
/*360 view*/
#academic .add-lecture {
  background-size: cover;
  background-position: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 279px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
  top: 105px;
}
.view-360b {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
}
/*career guidence*/
section#cg-s-2 {
  margin-top: 40px;
}
#cg-s-1 .desc-img {
  background-image: url(/wp-content/uploads/2020/08/SLIIT_academy.png);
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: right;
}
#cg-s-1 .desc-img-1 {
  background-image: url(/wp-content/uploads/2020/08/about-1.png);
  background-size: cover;
  background-position: center;
  width: 729px;
  min-height: 492px;
  float: right;
  position: relative;
}
#cg-s-1 .desc-wrapper {
  position: relative;
  margin-top: 55px;
}
#cg-s-1 .sliit-desc {
  position: absolute;
  top: 74px;
  left: 0;
  background-color: var(--secondary-color-2);
  width: 43%;
  padding: 53px;
  min-height: 356px;
  color: var(--secondary-color-1);
}
.cg-s-2 .accordion {
  background-color: var(--secondary-color-1);
  color: var(--secondary-color-2);
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}

.cg-s-2 .active,
.cg-s-2 .accordion:hover {
  background-color: var(--secondary-color-2);
  color: var(--secondary-color-1);
}

.cg-s-2 .accordion:after {
  content: "\002B";
  color: var(--secondary-color-2);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.cg-s-2 .active:after {
  content: "\2212";
  color: var(--secondary-color-1);
}

.cg-s-2 .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.cg-s-2 .desc-wrapper {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
  padding: 58px;
  margin-top: 40px;
}
/*contact*/
section#contact-s-1 {
  padding-bottom: 60px;
}
section#contact-s-1 .contact-form {
  width: 100%;
  border: 1px solid var(--secondary-color-1);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
section#contact-s-1 .contact-form span {
  color: red;
}
section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
  background-color: #125aaa;
  border: transparent;
  padding: 4px 30px;
  float: none;
  width: 14%;
  color: #fff;
  border-radius: 4px;
}
/*career*/
.contact-form1-submit {
  background-color: var(--secondary-color-2) !important;
  width: 153px !important;
  margin: auto;
  text-align: center;
  float: none !important;
  margin-top: 33px;
  margin-bottom: 35px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: bold !important;
  box-shadow: 0 4px 2px -2px grey;
}
.contact-form1 {
  width: 100%;
  background-color: #f5f5f5;
  border: none;
  padding: 8px;
  border-radius: 5px;
}
#career-s-1 {
  padding-top: 60px;
  padding-bottom: 60px;
}
#career-s-1 .tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  height: 300px;
}

/* Style the buttons inside the tab */
#career-s-1 .tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
#career-s-1 .tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
#career-s-1 .tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
#career-s-1 .tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
}
#career-s-1 .nav-pills .nav-link {
  border-radius: 0.25rem;
}
#career-s-1 .nav-pills .nav-link.active,
#career-s-1 .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #a4a6a9 !important;
}
#career-s-1 .nav-pills .nav-link {
  border-radius: 0.25rem;
  background-color: #ece7e7;
  margin-top: 5px;
  margin-bottom: 5px;
}
#career-s-1 a {
  color: var(--secondary-color-1) !important;
}
/*csr*/
section#ptn-s-1 .owl-nav {
  display: none;
}
section#ptn-s-1 .owl-dots {
  position: absolute;
  bottom: 9px;
  left: 18px;
}
#ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots {
  position: absolute;
}
#ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
#ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
  position: absolute;
  bottom: 13px;
  left: 842px;
  width: 100%;
}
.font-a-wrapper {
  width: 300px;
  display: flex;
  float: left;
  /* padding-left: 110px; */
  margin-top: 37px;
}
.icon {
  position: relative;
  text-align: center;
  width: 0px;
  height: 0px;
  padding: 14px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  -khtml-border-radius: 20px 20px 20px 20px;
  color: #ffffff;
}
.icon svg {
  font-size: 17px;
  position: absolute;
  left: 9px;
  top: 10px;
}
.icon.social {
  float: left;
  margin: 0 20px 0 0;
  cursor: pointer;
  background: #fff;
  color: #262626;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.icon.social1 {
  float: left;
  margin: 0 20px 0 0;
  cursor: pointer;
  background: #ffcc33;
  color: #262626;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.icon.social:hover {
  background: #262626;
  color: #6d6e71;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -moz-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -ms-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -o-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
}
.icon.social1:hover {
  background: #262626;
  color: #6d6e71;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -moz-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -ms-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  -o-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.8));
}
.icon.social.fb svg,
.icon.social1.fb svg {
  left: 8px;
  top: 6px;
}
.icon.social.tw svg,
.icon.social1.tw svg {
  left: 6px;
  top: 6px;
}
.icon.social.in svg,
.icon.social1.tw svg {
  left: 6px;
  top: 6px;
}
.icon.social.li svg,
.icon.social1.li svg {
  left: 6px;
  top: 6px;
}
.icon.social.yo svg,
.icon.social1.li svg {
  left: 5px;
  top: 6px;
}
#home-s-3 .p-quote {
  width: 100px;
  position: absolute;
  top: -68px;
  left: 24px;
}

/*pathway*/
section#pathway-text {
  padding-bottom: 60px;
}
.pathway-text .path-image {
  width: 100%;
  margin-top: 20px;
}
/*news*/

.news-s-1-class {
  padding-bottom: 60px;
}
.news-s-1-class .h3-size-common {
  font-size: 30px;
  color: #ffffff;
}
.news-s-1-class .inner-land {
  width: 100%;
  min-height: 466px;
  position: relative;
  background-color: #fff;
  margin-bottom: 51px;
  /* border: 1px solid red; */
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #eaeaea;
}
.news-s-1-class .a-color a {
  color: #ff6600 !important;
}
.news-s-1-class .inner-land-img {
  background-image: url(http:/homlands.weblankan.site/wp-content/uploads/2020/06/banner.png);
  padding-top: 50px;
  color: #022e1a;
  background-size: cover;
  background-position: top;
  min-height: 162px;
  border-radius: 3px;
  margin-bottom: 15px;
}
.news-s-1-class .col.text-center h5 {
  min-height: 62px;
  margin-top: 14px;
}
.news-s-1-class .date-1 p {
  color: #fff;
}
.news-s-1-class .col.text-center img {
  margin-top: 19px;
}
.news-s-1-class .date-1 {
  background-color: #222;
  color: #fff;
  padding: 5px;
  padding-top: 18px;
}
.news-s-1-class .date-1 p {
  line-height: 1;
}
.news-s-1-class .col-12.text-left {
  margin-top: 20px;
}
.news-s-1-class .add-just {
  text-align: justify;
  min-height: 128px;
}
#link-style {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--secondary-color-4);
}
/*library*/
section#lb-s-1 {
  padding-bottom: 53px;
}
.library.owl-carousel {
  margin-top: 40px;
}

/*news inner*/
.clos {
  margin-bottom: 40px;
}
.news-header-single {
  margin-bottom: 30px;
}
.news-header-single {
}
.post-name-single p {
  font-size: 18px;
}
#s-top-height {
  min-height: 100px;
}

section#news-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
span.entry-date {
  color: #cd1131;
  padding-bottom: 20px;
}
#home-banner1 .banner-home-img {
  min-height: 400px;
  background-size: cover;
  background-position: center;
  position: relative;
}
div#home-banner1 {
  text-align: center;
}
div#home-banner1 .owl-nav {
  display: none;
}
.inner-land-img1 {
  min-height: 152px;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
}
#section-3 .shadow-effect {
  background: #fff;
  /*border-top: 5px solid #000000;*/
  text-align: center;
  box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1), 0 0 0px rgba(0, 0, 0, 0.02);
  position: relative;
}

#section-3 #services-carousel .shadow-effect p {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
}

#section-3 .testimonial-name {
  line-height: 1;
  font-size: 16px;
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: var(--secondary-color-3);
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#section-3 .testimonial-name span {
  font-size: 10px;
}

#section-3 #services-carousel .item {
  text-align: center;
  /* padding: 50px; */
  margin-bottom: 15px;
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#section-3 #services-carousel .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
#section-3 .owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 500px;
  margin: 0 auto 17px;
}
#section-3 #services-carousel .item-description,
#footer-sec .red-over {
  background-color: rgba(195, 38, 47, 0.8);
  padding: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#section-3 #services-carousel .owl-prev {
  top: 40%;
  position: absolute;
  left: 10px;
  background-color: #11527c !important;
}
#section-3 #services-carousel .owl-next {
  top: 40%;
  position: absolute;
  right: 10px;
  background-color: #11527c !important;
}
#services-carousel .shadow-effect svg #poly-line-color {
  fill: #b7d433;
}
#services-carousel .shadow-effect svg #poly-white-color {
  fill: #fff;
}
#section-3 #services-carousel .item .shadow-effect img {
  opacity: 0.8;
}
#section-3 #services-carousel .item-description .shadow-effect img {
  color: red;
}
#section-3 #services-carousel .owl-item.active.center .item .shadow-effect img {
  opacity: 1;
}
.library .item {
  padding-top: 37px;
  width: 71%;
  margin: auto;
}
.library .owl-item.active.center > .item > img {
  transform: scale3d(1.5, 1.5, 1.5);
  margin-top: 18px;
  z-index: 6;
}
/*  */
/*apply*/
#apply-s-1 table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}

#apply-s-1 td,
#apply-s-1 th {
  border: 1px solid var(--secondary-color-1);
  text-align: left;
  padding: 8px;
}
#apply-s-1 .contact-form {
  width: 100%;
  border: 1px solid var(--secondary-color-1);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#apply-s-1 #wpcf7-f1148-o1 .wpcf7-form-control {
  width: 100%;
  border: 1px solid var(--secondary-color-1);
  border-radius: 5px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#set-top-s-form {
  margin-top: 30px;
}
div#add-border {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 1px solid #000;
  padding: 20px;
}
h3.head-uni {
  font-size: 22px;
  text-transform: uppercase;
}
div#uni-name {
  margin-bottom: 12px;
  font-weight: bold;
  color: #9a1414;
}
span.wpcf7-list-item {
  display: inline-block;
  margin: 6px 24px 16px 0px;
}
div#uni-name1 {
  margin-bottom: 12px;
  color: #9a1414;
  margin-top: 20px;
}
div#fee-box {
  border: 1px solid #000;
  padding: 20px;
}
input.wpcf7-form-control.wpcf7-submit.contact-form-apply-sub {
  background-color: #f4892c;
  border: transparent;
  padding: 4px 30px;
  float: none;
  width: 242px;
  margin: auto;
  margin-top: 46px;
  margin-bottom: 50px;
  background-color: var(--secondary-color-1);
  color: #fff !important;
}

/*gallery*/
#home-banner-in .owl-nav {
  display: none;
}
html,
body,
.grid-container {
  height: 100%;
  margin: 0;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, 1fr);
  gap: 10px 10px;
  grid-template-areas:
    "grid1 grid4 grid7"
    "grid1 grid5 grid7"
    "grid2 grid6 grid7"
    "grid3 grid6 grid8"
    "grid3 grid6 grid8"
    "grid9 grid10 grid11"
    "grid12 grid13 grid14";
}

.grid1 {
  grid-area: grid1;
  /* background-image: url(/wp-content/uploads/2020/08/SLIIT-curtin-university-Degree-programes.png); */
  min-height: 200px;
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid2 {
  grid-area: grid2;
  /* background-image: url(/wp-content/uploads/2020/08/gallery2.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid3 {
  grid-area: grid3;
  /* background-image: url(/wp-content/uploads/2020/08/gallery3.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid4 {
  grid-area: grid4;
  /* background-image: url(/wp-content/uploads/2020/08/gallery-5.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid5 {
  grid-area: grid5;
  /* background-image: url(/wp-content/uploads/2020/08/apply-now.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid6 {
  grid-area: grid6;
  /* background-image: url(/wp-content/uploads/2020/08/gallery-9.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid7 {
  grid-area: grid7;
  /* background-image: url(/wp-content/uploads/2020/08/gallery7.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid8 {
  grid-area: grid8;
  /* background-image: url(/wp-content/uploads/2020/08/gallery10.png); */
  background-size: cover;
  background-position: center;
  position: relative !important;
}

.grid9 {
  grid-area: grid9;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}
.grid10 {
  grid-area: grid10;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}
.grid11 {
  grid-area: grid11;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}
.grid12 {
  grid-area: grid12;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}
.grid13 {
  grid-area: grid13;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}
.grid14 {
  grid-area: grid14;
  position: relative !important;
  background-size: cover;
  background-position: center;
  min-height: 200px;
}

/* Hover overlays */
.grid1:hover > .grid-over,
.grid5:hover > .grid-over,
.grid9:hover > .grid-over,
.grid13:hover > .grid-over {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #df2133de;
}
.grid2:hover > .grid-over1,
.grid6:hover > .grid-over1,
.grid10:hover > .grid-over1,
.grid14:hover > .grid-over1 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #ffcc33d4;
}
.grid3:hover > .grid-over2,
.grid7:hover > .grid-over2,
.grid11:hover > .grid-over2 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #00274cc7;
}
.grid4:hover > .grid-over3,
.grid8:hover > .grid-over3,
.grid12:hover > .grid-over3 {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #343a40d6;
}

/* Head border hover */
.grid1:hover > .grid1-head,
.grid2:hover > .grid2-head,
.grid9:hover > .grid1-head,
.grid10:hover > .grid2-head {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: 0.5s;
}
/* For presentation only, no need to copy the code below */
.grid-container * {
  position: relative;
}
.grid1-head {
  position: absolute;
  bottom: 0;
  background-color: red;
  padding: 10px 33px;
  color: #fff;
  cursor: pointer;
}
.grid2-head {
  position: absolute;
  bottom: 0;
  background-color: var(--secondary-color-2) !important;
  padding: 10px 33px;
  color: #fff;
  cursor: pointer;
}
.grid3-head {
  position: absolute;
  bottom: 0;
  background-color: var(--secondary-color-1) !important;
  padding: 10px 33px;
  color: #fff;
  cursor: pointer;
}
.grid4-head {
  position: absolute;
  bottom: 0;
  background-color: var(--secondary-color-4) !important;
  padding: 10px 33px;
  color: #fff;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  .grid-container {
    display: flex;
    flex-direction: column;
	padding-bottom: 50px;
  }

  .grid-container div:first-child {
    min-height: 250px;
  }
}

#home-banner-in .banner-home-img {
  min-height: 720px;
  background-size: cover;
  background-position: center;
  position: relative;
}
/*aptitude test*/
.back-t {
  border: 1px solid #211f1f;
  padding: 20px;
  width: 72%;
  margin: auto;
  margin-bottom: 44px;
}
input#nic {
  padding: 10px;
  width: 40%;
  margin-bottom: 20px;
  margin-top: 20px;
}
.nic-btn {
  background-color: var(--secondary-color-2) !important;
  color: #181818 !important;
}
/*events*/

#event-id {
  border: 1px solid #fff;
  padding: 6px 30px;
  margin-top: 12px;
  cursor: pointer;
}
/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 15; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0); /* Black fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: left;
  margin-top: 30px;
  padding: 20px;
  color: #fff;
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 14px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 1000;
}

#ptn-s-1 {
  overflow: hidden;
}

.post-template-default.single.single-post #sub-page-header {
  margin-top: 0;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

ul {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
}
div#myNav .nav-tabs .nav-item.show .nav-link,
div#myNav .nav-tabs .nav-link.active {
  color: #495057;
  background-color: var(--secondary-color-2);
  border-color: 1px solid var(--secondary-color-2);
}
img.ul-img {
  width: 48px;
  margin-right: 28px;
}
section.academic-program-entry-requiremens-section {
  margin-top: -51px;
  margin-bottom: 44px;
}
section.intake {
  padding-top: 19em;
  padding-bottom: 3em;
}
section.intake .inner-b {
  border: 1px solid #181818;
  padding: 20px;
  margin-bottom: 35px;
}
#apply-s-1 #wpcf7-f1148-o1 .wpcf7-form-control.wpcf7-submit {
  background-color: #f4892c;
  border: transparent;
  padding: 4px 30px;
  float: none;
  width: 242px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 50px;
  background-color: var(--secondary-color-1);
  color: #fff !important;
}
.o-r-frm-sub-wrap {
  text-align: center;
}
#s-space-black-new section#partner-header h2 {
  margin-bottom: 0;
}
@media only screen and (max-width: 1920px) and (min-width: 1601px) {
  .search-container {
    position: absolute;
    top: 26px;
    right: 253px;
  }
  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 15em;
  }

  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 6em;
  }
  section#abt-s-3 .img-set {
    top: -154px;
  }
  #abt-s-3 .point4 {
    top: 25px;
    right: 495px;
  }
  #abt-s-3 .point3 {
    top: -88px;
    right: 445px;
  }
  #abt-s-3 .point2 {
    top: 25px;
    right: -90px;
  }
  #abt-s-3 .point1 {
    top: -86px;
    right: -88px;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 215px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1537px) {
  .apply-container {
    position: absolute;
    top: 22px;
    right: 165px;
  }
  .search-container {
    position: absolute;
    top: 26px;
    right: 204px;
  }
  section#abt-s-3 .img-set {
    top: -140px;
  }
  #abt-s-3 .point4 {
    top: 49px;
    right: 480px;
  }
  #abt-s-3 .point3 {
    top: -73px;
    right: 435px;
  }
  #abt-s-3 .point2 {
    top: 35px;
    right: -78px;
  }
  #abt-s-3 .point1 {
    top: -73px;
    right: -90px;
  }
}
@media only screen and (max-width: 1536px) and (min-width: 1441px) {
  .sub-p-top {
    padding-top: 35px;
  }
  .breadcrumb-set {
    margin-top: 184px;
    min-height: 57px;
    padding: 25px 25px 25px 67px;
  }
  section#abt-s-3 h3 {
    padding-bottom: 249px;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: 208px;
    left: 0;
    width: 43%;
    text-align: left;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0,.8)); */
    padding: 84px;
    /* padding-top: 25px; */
    z-index: 1;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 7em;
    padding-bottom: 14em;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
  }

  .search-container {
    position: absolute;
    top: 29px;
    right: 160px;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 125px;
  }
  .side-one {
    margin-left: -20px;
    position: relative;
    right: -65px;
    color: #fff;
  }
  #footer-sec input.wpcf7-form-control.wpcf7-submit {
    font-weight: 100;
    font-weight: 300;
    background-color: #807e7d;
    border: transparent;
    padding: 6px 30px;
    float: right;
  }

  section#abt-s-3 h3 {
    padding-bottom: 100px;
  }
  section#abt-s-3 .img-set {
    top: -143px;
  }
  #abt-s-3 .point4 {
    top: 32px;
    right: 486px;
  }
  #abt-s-3 .point3 {
    top: -75px;
    right: 450px;
  }
  #abt-s-3 .point2 {
    top: 40px;
    right: -80px;
  }
  #abt-s-3 .point1 {
    top: -70px;
    right: -115px;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 1367px) {
  .side-one {
    /* margin-left: -20px; */
    /* position: absolute; */
    right: 0;
    color: #fff;
    z-index: 50;
    width: 92%;
    padding: 8px;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: -197px;
    right: 62px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 14em;
  }
  section#abt-s-3 .img-set {
    position: absolute;
    top: -171px;
    right: 77px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 21px;
    margin-bottom: 20px;
    position: relative;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 100px;
  }
  .search-container {
    position: absolute;
    top: 31px;
    right: 118px;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1281px) {
  h2.main-title {
    font-size: 36px;
    color: #fff;
    text-align: left;
  }
  .inner-color p {
    min-height: 147px;
  }
  .sub-p-top {
    padding-top: 34px;
  }
  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 14em;
  }

  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 187px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: -161px;
    right: -43px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: -25px;
    right: 11px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point3 {
    position: absolute;
    top: -139px;
    right: 520px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point4 {
    position: absolute;
    top: -17px;
    right: 564px;
    font-weight: bold;
    text-transform: uppercase;
    width: 138px;
  }
  section#abt-s-3 .img-set {
    position: absolute;
    top: -222px;
    right: 87px;
  }

  .breadcrumb-set {
    margin-top: 179px;
    min-height: 57px;
    padding: 25px 25px 25px 67px;
  }
  .side-one {
    /* margin-left: -20px; */
    /* position: absolute; */
    right: 0;
    color: #fff;
    z-index: 50;
    width: 99%;
    padding: 8px;
  }
  #video .text-container {
    position: absolute;
    top: 385px;
    left: 78px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
  }
  #home-banner .owl-dots {
    position: absolute;
    top: 301px;
    left: 82px;
  }
  section#schools {
    margin-top: -125px;
  }
  section#home-banner {
    padding-top: 214px;
    background-color: #000;
  }
  .search-container {
    position: absolute;
    top: 31px;
    right: 35px;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 52%;
    text-align: left;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0,.8)); */
    padding: 84px;
    /* padding-top: 25px; */
    z-index: 1;
  }
  #home-banner .banner-home-img {
    min-height: 483px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 33px;
  }
  .search-container {
    position: absolute;
    top: 31px;
    right: 26px;
  }
  #sub-page-header {
    min-height: 445px;
    background-image: url();
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1025px) {
  .side-one {
    /* margin-left: -20px; */
    /* position: absolute; */
    right: 0;
    color: #fff;
    z-index: 50;
    width: 100%;
    padding: 8px;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 57px;
  }
  .search-container {
    position: absolute;
    top: 26px;
    right: 48px;
  }
  .sub-p-top {
    padding-top: 69px;
  }
  #home-banner .owl-dots {
    position: absolute;
    top: 357px;
    left: 82px;
  }
  .partner-uni.odd {
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%) !important;
  }
  .partner-uni.even {
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%) !important;
  }
  section#schools .item p {
    min-height: 166px;
  }
  #home-banner .banner-home-img {
    min-height: 593px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: 182px;
    left: 0;
    width: 57%;
    text-align: left;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0,.8)); */
    padding: 84px;
    /* padding-top: 25px; */
    z-index: 1;
  }
  #mega-menu-wrap-secondary
    #mega-menu-secondary
    > li.mega-menu-item
    > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 9px 0px 10px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: var(--secondary-color-1);
    text-transform: none;
    text-decoration: none;
    text-align: left;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    outline: none;
  }
  .breadcrumb-set {
    margin-top: 146px;
    min-height: 57px;
    padding: 25px 25px 25px 67px;
  }
  #sub-page-header {
    min-height: 410px;
    background-image: url();
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 30px;
  }
  #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item {
    margin: 0 10px 0 0 !important;
  }
  .search-container {
    position: absolute;
    top: 31px;
    right: 19px;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: -220px;
    right: -4px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: -105px;
    right: -12px;
    font-weight: bold;
    text-transform: uppercase;
  }
  section#abt-s-3 .img-set {
    position: absolute;
    top: -169px;
    right: 90px;
  }
  #abt-s-3 .point4 {
    position: absolute;
    top: 31px;
    right: 601px;
    font-weight: bold;
    text-transform: uppercase;
    width: 138px;
  }
  #abt-s-3 .point3 {
    position: absolute;
    top: -80px;
    right: 515px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: 5px;
    right: -4px;
    text-transform: uppercase;
    font-weight: bold;
  }
  section#abt-s-3 h3 {
    padding-bottom: 121px;
  }
}
@media screen and (min-width: 769px) and (max-width: 6000px) {
  #top-set-m {
    display: none;
  }
  .inner-box-lower.row {
    display: none;
  }
  .mobile-container {
    display: none;
  }
  #lb-s-2 {
    display: none;
  }
  .foot-h:after {
    content: "";
    position: absolute;
    width: 71px;
    background-color: #ef7500;
    height: 1px;
    top: 23px;
    left: 0;
    right: 0;
    /* margin: auto; */
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  #home-banner .item-description {
    position: absolute;
    bottom: 208px;
    left: 0;
    width: 54%;
    text-align: left;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0,.8)); */
    padding: 84px;
    /* padding-top: 25px; */
    z-index: 1;
  }
  section#home-banner {
    padding-top: 95px;
    background-color: #000;
  }
  #footer-sec input.wpcf7-form-control.wpcf7-submit {
    font-weight: 100;
    font-weight: 300;
    background-color: #807e7d;
    border: transparent;
    padding: 6px 13px;
    float: right;
  }
  #mega-menu-wrap-secondary
    #mega-menu-secondary
    > li.mega-menu-item
    > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 9px 0px 10px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: var(--secondary-color-1);
    text-transform: none;
    text-decoration: none;
    text-align: left;
    text-decoration: none;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    outline: none;
  }
  .side-one {
    /* margin-left: -20px; */
    /* position: absolute; */
    right: 0;
    color: #fff;
    z-index: 50;
    width: 100%;
    padding: 8px;
  }
  .news-s-1-class .date-1 {
    background-color: #222;
    color: #fff;
    padding: 4px;
    font-size: 11px;
  }
  #ptn-s-1 .sliit-desc-1 {
    position: absolute;
    top: 44px;
    right: 0;
    background-color: var(--secondary-color-1);
    width: 43%;
    padding: 53px;
    min-height: 356px;
    color: #fff;
    z-index: 2;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .sliit-desc-1 {
    position: absolute;
    top: 74px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 43%;
    padding: 53px;
    min-height: 356px;
    color: var(--secondary-color-1);
  }
  #footer-sec .nav-link {
    display: block;
    padding: 0.5rem 0.5rem;
  }
  #sub-page-header {
    min-height: 344px;
    background-image: url();
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
  }
  .breadcrumb-set {
    margin-top: 177px;
    min-height: 57px;
    padding: 25px 25px 25px 67px;
  }
  #news {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 7em;
    padding-bottom: 9em;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 234px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 234px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 35px solid red;
    border-left: 234px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 233px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  .partner-uni.odd {
    clip-path: polygon(0 12%, 100% 0, 100% 100%, 0% 100%) !important;
  }
  .partner-uni.even {
    clip-path: polygon(0 0, 100% 12%, 100% 100%, 0% 100%) !important;
  }
  a.custom-logo-link {
    margin-left: -1px;
    position: fixed;
    top: 18px;
    z-index: 9999;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 814px;
  }
  #board .desc-img-1 {
    background-size: cover;
    background-position: top;
    width: 329px;
    min-height: 277px;
    float: left;
    position: absolute;
    z-index: 1;
    margin-bottom: 69px;
    top: 150px;
  }
  #md-s-1 .desc-img-1 {
    background-size: cover;
    background-position: top;
    width: 605px;
    min-height: 407px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  section#abt-s-3 h3 {
    padding-bottom: 117px;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: -22px;
    right: 11px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: -105px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point3 {
    position: absolute;
    top: -74px;
    right: 431px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point4 {
    position: absolute;
    top: -22px;
    right: 482px;
    font-weight: bold;
    text-transform: uppercase;
    width: 138px;
  }
  section#abt-s-3 .img-set {
    position: absolute;
    top: -124px;
    right: 0;
  }
  #schools .school-read {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 8px 40px;
    color: #fff;
    margin-top: 40px;
    cursor: pointer;
  }
  .search-container {
    position: absolute;
    top: 26px;
    right: 8px;
    width: 163px;
  }
  .apply-container {
    position: absolute;
    top: 22px;
    right: 0px;
  }
  #mega-menu-wrap-secondary #mega-menu-secondary > li.mega-menu-item {
    margin: 0 5px 0 0 !important;
  }
  #mega-menu-wrap-secondary #mega-menu-secondary {
    padding: 0px 100px 0px 30px !important;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    margin-bottom: 20px;
    position: relative;
  }
}
@media screen and (min-width: 0px) and (max-width: 768px) {
  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    width: 100%;
    min-height: 407px;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    margin: unset;
  }
  button#ggg {
    background-color: #222831;
    border: none;
    padding: 12px;
    font-size: 20px;
    color: #fff;
  }
  ul#primary {
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100% !important;
    position: relative !important;
    right: 0;
    top: 0;
    padding: 40px;
    padding-left: 40px !important;
  }
  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  #news .inner-new-img {
    width: 100%;
    min-height: 383px;
    margin-bottom: 20px;
    background-size: cover;
  }
  section#home-banner {
    padding-top: 114px;
    background-color: #000;
  }
  section#footer-sec .font-a-wrapper {
    width: 300px;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -112px;
  }
  img.custom-logo {
    width: 141px;
    height: 75px;
    margin-top: 0px;
  }
  .sub-p-top {
    padding-top: 10px;
  }
  .academic-program-entry-requiremens-section .sliit-desc::after {
    content: url(http:/192.168.8.101:2020/2020/august/sliitacademy/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 0 !important;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  .academic-program-duration-section .sliit-desc-1::after {
    content: url(http:/192.168.8.101:2020/2020/august/sliitacademy/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 0 !important;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  .academic-program-structure-section .sliit-desc-1::after {
    content: url(http:/192.168.8.101:2020/2020/august/sliitacademy/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 0 !important;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  #board .inner-a {
    float: none;
    display: block;
    width: 100%;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > .director_post
    > p {
    float: none !important;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > img.quote {
    position: relative;
    left: 0;
  }
  #board .sliit-desc-1 p {
    float: none;
  }
  #board .director-name p {
    float: none;
    width: 100%;
  }
  #board .director_post p {
    float: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
  }
  #board img.quote {
    float: none;
  }
  #board img.quote {
    position: relative;
    right: 0;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none !important;
  }
  #footer-sec .nav-link {
    display: block;
    padding: 0.5rem 0rem;
  }
  .partner-uni.odd,
  .partner-uni.even {
    clip-path: none !important;
  }
  a.custom-logo-link {
    margin-left: 36px;
    position: absolute;
    top: 31px;
    z-index: 8 !important;
  }
  section#home-banner {
    margin-top: -8px;
  }
  .top-header {
    width: 100%;
    background-color: black;
    display: flex;
    padding: 8px;
    /* display: none; */
    margin-top: -17px;
  }
  .academic-program-duration-section .desc-img-1,
  .academic-program-structure-section .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 729px;
    min-height: 492px;
    float: none;
    position: relative;
  }
  .academic-program-duration-section .sliit-desc-1 {
    position: relative;
    top: 45px;
    right: 0;
    background-color: var(--secondary-color-r-1);
    width: 100%;
    padding: 35px;
    min-height: 356px;
    color: #fff;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1 {
    position: relative;
    top: 93px;
    left: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 466px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 18px;
    font-size: 14px;
    text-align: left;
  }
  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 20%;
    color: #fff;
    border-radius: 4px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  section#testimon {
    padding-top: 0;
    margin-top: -103px;
  }
  #news .date-1 {
    background-color: #222;
    color: #fff;
    padding: 10px;
    text-align: center;
  }
  .event-list {
    margin-bottom: 40px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
  }
  #board:nth-child(odd)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1 {
    position: relative;
    top: 93px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 466px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 18px;
    font-size: 14px;
  }
  #board .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 356px;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    top: 150px;
  }
  img.linkedin {
    margin-top: -12px;
  }
  #abt-s-1 .sliit-desc::after,
  #abt-s-1 .sliit-desc-1::after {
    display: none;
  }
  #apply-s-1 table {
    border-collapse: collapse;
    width: 700px !important;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  #footer-sec {
    background-image: url(/wp-content/uploads/2020/08/footer.png);
    background-position: right;
    background-size: cover;
    position: relative;
    padding-top: 40px;
    background-color: var(--secondary-color-1);
  }
  #md-s-1 .quote {
    position: absolute;
    top: 217px;
    right: 20px;
    z-index: 58;
    width: 42px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 54px;
  }
  .md-add-name p {
    font-size: 15px;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 226px;
    left: 43px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 328px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
  }

  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 385px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  section#abt-s-3 .img-set {
    position: relative;
    top: 57px;
    right: 0;
    width: 100%;
  }
  #s-space-b {
    padding-bottom: 62px;
  }
  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 69px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .modal-dialog {
    max-width: 100% !important;
    margin: 1.75rem auto;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .desc-img-1 {
    float: none;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .sliit-desc-1 {
    background-color: var(--secondary-color-1);
    left: 0;
    float: left;
  }
  #s-space-black:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--secondary-color-1);
    height: 2px;
    top: 53px !important;
    left: 0;
    right: 0;
    margin: auto;
  }
  section#partner-header h2 {
    margin-bottom: 38px;
  }
  .news-header-single {
    margin-bottom: 30px;
    margin-top: 77px;
  }
  .news-s-1-class .inner-land-img {
    background-image: url();
    padding-top: 50px;
    color: #022e1a;
    background-size: cover;
    background-position: top;
    min-height: 308px;
    border-radius: 3px;
    margin-bottom: 15px;
  }

  h2.main-title {
    font-size: 27px;
    color: #fff;
    text-align: left;
  }
  .news-s-1-class .add-just {
    text-align: justify;
    min-height: 64px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .sliit-desc-1 {
    position: relative;
    top: 1px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    float: left;
  }
  #ptn-s-1 .font-a-wrapper {
    width: 100%;
    display: flex;
    float: none;
    /* padding-left: 110px; */
    margin-top: 26px;
  }
  #ptn-s-1 .sliit-desc-1 {
    position: relative;
    top: 0px;
    right: 0;
    background-color: var(--secondary-color-1);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: #fff;
    z-index: 2;
  }
  #ptn-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/about-1.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 489px;
    float: none;
    position: relative;
  }

  section#contact-s-1 {
    padding-bottom: 60px;
  }
  .breadcrumb-set {
    margin-top: 114px;
    min-height: 57px;
    padding: 16px 16px 16px 67px;
  }
  .sub-page-header-warpper {
    margin-top: 67px;
    z-index: 4;
    position: absolute;
    left: 79px;
  }
  #sub-page-header {
    min-height: 407px;
  }
  .mobile-container a.custom-logo-link {
    margin-top: 10px;
  }
  .open-btn-m {
    position: absolute;
    right: 20px;
    top: 32px;
  }
  nav#nav-dsc,
  #top-color,
  div#top-header-i1 {
    display: none;
  }
  .mobile-container {
    display: block;
    background-color: var(--secondary-color-1);
    padding: 20px;
    color: #fff;
    position: fixed;
    min-height: 113px;
    width: 100%;
    z-index: 8;
  }
  div#top-header-i,
  #top-color {
    display: none;
  }
  #cg-s-1 .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #cg-s-1 .sliit-desc {
    position: relative;
    top: 74px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
  }
  .cg-s-2 .desc-wrapper {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    padding: 22px;
    margin-top: 40px;
  }
  #abt-s-1 .sliit-desc {
    position: relative;
    top: 0px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 30px;
    min-height: 266px;
    color: var(--secondary-color-1);
  }
  #abt-s-1 .desc-img {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #abt-s-1 .sliit-desc-1 {
    position: relative;
    top: 0px;
    right: 0;
    background-color: var(--secondary-color-1);
    width: 100%;
    padding: 30px;
    min-height: 247px;
    color: #fff;
  }
  #abt-s-1 .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 1em;
  }
  #abt-s-3 .point3 {
    position: absolute;
    top: 75px;
    right: 413px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point4 {
    position: absolute;
    top: 127px;
    right: 530px;
    font-weight: bold;
    text-transform: uppercase;
    width: 138px;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: 75px;
    right: 56px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: 160px;
    right: 44px;
    font-weight: bold;
    text-transform: uppercase;
  }

  section#abt-s-3 .img-set {
    position: relative;
    top: 57px;
    right: 0;
  }
  #abt-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/about-1.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #schools .owl-nav {
    display: none;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -61px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #home-banner .owl-dots {
    position: absolute;
    top: 290px;
    left: 82px;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
  }
  #home-banner .banner-home-img {
    min-height: 328px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  section#schools {
    margin-top: 0px;
  }
  div#footer-sub {
    width: 100%;
    margin: auto;
  }
  .foot-h:after {
    content: "";
    position: absolute;
    width: 100px;
    background-color: #ef7500;
    height: 2px;
    top: 27px;
    left: 0;
    right: 0;
    /* margin: auto; */
    margin-left: 1px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 25em;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 346px solid transparent !important;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 346px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 345px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 35px solid red;
    border-left: 345px solid transparent;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 346px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: right;
  }
  #sliit-a .sliit-desc {
    position: absolute;
    top: 364px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: 292px;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 17em;
  }
  #video .text-container {
    position: absolute;
    top: 387px;
    left: 42px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  section#lb-s-1 {
    padding-bottom: 0px;
  }
  #home-banner .banner-home-img {
    min-height: 183px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  #abt-s-2 .sliit-desc {
    text-align: center;
  }
  .pathway-text .path-image {
    width: 100%;
    margin-top: -17px;
  }
  #home-banner .item-description p {
    display: none;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
  }
  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 181px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 51px;
    left: 43px;
  }
}
@media screen and (min-width: 414px) and (max-width: 767px) {
  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100% !important;
    min-height: 189px !important;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    margin: unset;
  }
  section#board {
    margin-top: 105px;
  }
  #navbarNavDropdown .nav-link {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 4px solid #ffffff00;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 0em;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > .director_post
    > p {
    float: none;
  }
  #video {
    background-image: url();
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 150px 50px 50px 50px;
    min-height: 524px;
    position: relative;
    color: #fff;
    text-align: center;
    display: flex;
    margin-top: 55px;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > img.quote {
    position: relative;
    left: unset;
    right: 2px;
  }
  #board img.quote {
    float: none;
  }
  #board img.quote {
    position: relative;
    right: 2px;
    margin-bottom: 40px;
  }
  /* .grid-container {
    display: none;
  } */
  #lb-s-2 .grid1 {
    background-image: url(/wp-content/uploads/2020/08/SLIIT-curtin-university-Degree-programes.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid2 {
    background-image: url(/wp-content/uploads/2020/08/gallery2.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid3 {
    background-image: url(/wp-content/uploads/2020/08/gallery-5.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid4 {
    background-image: url(/wp-content/uploads/2020/08/gallery3.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid5 {
    background-image: url(/wp-content/uploads/2020/08/gallery-5.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid6 {
    background-image: url(/wp-content/uploads/2020/08/apply-now.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid7 {
    background-image: url(/wp-content/uploads/2020/08/gallery-9.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid8 {
    background-image: url(/wp-content/uploads/2020/08/gallery7.png);
    background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .grid1-head {
    position: absolute;
    bottom: 5px;
    background-color: red;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid2-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-2) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid4-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-4) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid3-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-1) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  #board .sliit-desc-1 p {
    float: none;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none;
  }
  #news .inner-land {
    text-align: left;
    margin-bottom: 45px;
  }
  .academic-program-entry-requiremens-section .sliit-desc span {
    display: block;
    text-align: left;
  }
  #ptn-s-1 .uni-logo-box:after {
    display: none;
  }
  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 102px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #shape-add3,
  #shape-add1,
  #shape-add2,
  #shape-add {
    display: none;
  }

  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 36%;
    color: #fff;
    border-radius: 4px;
  }
  .sub-page-header-warpper {
    margin-top: 52px;
    z-index: 4;
    position: absolute;
    left: 54px;
  }
  #sub-page-header {
    min-height: 184px;
  }
  #home-banner1 .banner-home-img {
    min-height: 187px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .news-header-single {
    margin-bottom: 30px;
    margin-top: 169px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  #ptn-s-1 .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 5px;
    position: absolute;
    z-index: -1;
    filter: invert(60%);
  }
  #event-id {
    border: 1px solid #fff;
    padding: 6px 30px;
    margin-top: -1px;
    cursor: pointer;
    margin-bottom: 20px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .sliit-desc-1 {
    position: relative;
    top: 1px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    float: left;
  }
  #ptn-s-1 h3 {
    font-size: 17px;
  }
  #cg-s-1 .sliit-desc {
    position: relative;
    top: 0px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: 356px;
    color: var(--secondary-color-1);
  }
  #cg-s-1 .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #ptn-s-1 .uni-logo-box:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 47px solid #de1837;
    border-left: 355px solid transparent;
    position: absolute;
    top: 98px;
    left: 0;
  }
  #ptn-s-1 .uni-logo-box:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 47px solid #de1837;
    border-left: 355px solid transparent;
    position: absolute;
    top: 98px;
    left: 0;
  }
  #home-banner .small-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 14px;
  }
  #home-banner .item-description h2 {
    font-size: 26px;
  }
  #home-banner .item-description p {
    font-size: 14px;
  }
  #testimon {
    padding-top: 0;
    margin-top: -88px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 20em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 84px;
    width: 100%;
    text-align: center;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    right: 0;
    top: 6px;
    padding: 40px;
    padding-left: 56px;
  }

  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  .event-list {
    margin-bottom: 30px;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 384px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 384px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 54px solid red;
    border-left: 384px solid transparent;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -38px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 26px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 35px;
  }
  #md-s-1 .quote {
    position: absolute;
    top: 217px;
    right: 20px;
    z-index: 58;
    width: 42px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 54px;
  }
  .md-add-name p {
    font-size: 20px;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 72px;
    left: 43px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 328px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
  }

  #md-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/MD-Professor-lalith-gamage.png);
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 203px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  #abt-s-3 .point4 {
    position: relative;
    top: 76px;
    right: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
  }
  #abt-s-3 .point3 {
    position: relative;
    top: 66px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point2 {
    position: relative;
    top: 53px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: relative;
    top: 42px;
    right: -2px;
    font-weight: bold;
    text-transform: uppercase;
  }
  section#partner-header h2 {
    margin-bottom: 35px;
  }
  #s-space-black:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--secondary-color-1);
    height: 1px;
    top: 72px;
    left: 0;
    right: 0;
    margin: auto;
  }
  h2.main-title {
    font-size: 25px;
    color: #fff;
    text-align: left;
  }
  .sub-page-header-warpper {
    margin-top: 84px;
    z-index: 4;
    position: absolute;
    left: 79px;
  }
  ul#primary-footer {
    display: block;
    /* text-align: center; */
  }
  #footer-sec .nav-link {
    display: block;
    padding: 0.5rem 0rem;
  }
  section#ptn-s-1 .font-a-wrapper {
    width: 300px;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: 17px;
  }
  section#footer-sec .font-a-wrapper {
    width: 300px;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -130px;
  }
  #sub-page-header {
    min-height: 262px;
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #sliit-a .sliit-desc {
    position: relative;
    top: 0;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 30px;
    min-height: 292px;
  }
  #navbarNavDropdown .nav-link {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 4px solid #ffffff00;
  }
}
@media screen and (min-width: 375px) and (max-width: 413px) {
  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100% !important;
    min-height: 189px !important;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    margin: unset;
  }
  #academic .add-lecture {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 47px;
    padding-bottom: 50px;
    min-height: 279px;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    top: 95px;
  }
  #navbarNavDropdown .nav-link {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 4px solid #ffffff00;
  }
  #md-s-1 .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 188px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  #sub-page-header {
    min-height: 280px;
    background-image: url(/wp-content/uploads/2020/08/43400476_1743628685765958_5209969164554338304_o.png);
  }
  #sub-page-header {
    min-height: 280px;
    background-image: url(/wp-content/uploads/2020/08/43400476_1743628685765958_5209969164554338304_o.png);
  }
  .academic-program-entry-requiremens-section .sliit-desc::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 21px;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  .academic-terms-list .owl-carousel {
    overflow: hidden;
  }
  .academic-program-duration-section .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 25px;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  .academic-program-structure-section .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 25px;
    position: absolute;
    z-index: 0;
    filter: invert(60%);
  }
  #footer-sec .font-a-wrapper {
    width: 100%;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -142px !important;
  }
  .news-header-single {
    margin-bottom: 30px;
    margin-top: 104px;
  }
  h2.main-title {
    font-size: 22px;
    color: #fff;
    text-align: left;
  }
  #board .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 230px;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    top: 0;
  }
  .font-a-wrapper {
    width: 300px;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -112px;
  }
  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 99px;
    left: 0;
    right: 0;
    margin: auto;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > img.quote {
    position: relative;
    left: unset;
    right: 2px;
  }
  #board img.quote {
    float: none;
  }
  /* .grid-container {
    display: none;
  } */
  #lb-s-2 .grid1 {
    background-image: url(/wp-content/uploads/2020/08/SLIIT-curtin-university-Degree-programes.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid2 {
    background-image: url(/wp-content/uploads/2020/08/gallery2.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid3 {
    background-image: url(/wp-content/uploads/2020/08/gallery-5.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid4 {
    background-image: url(/wp-content/uploads/2020/08/gallery3.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid5 {
    background-image: url(/wp-content/uploads/2020/08/gallery-5.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid6 {
    background-image: url(/wp-content/uploads/2020/08/apply-now.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid7 {
    background-image: url(/wp-content/uploads/2020/08/gallery-9.png);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid8 {
    background-image: url(/wp-content/uploads/2020/08/gallery7.png);
    background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .grid1-head {
    position: absolute;
    bottom: 5px;
    background-color: red;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid2-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-2) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid4-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-4) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid3-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-1) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  #board .sliit-desc-1 p {
    float: none;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none;
  }
  /* .grid-container {
    display: none;
  } */
  #news .inner-land {
    text-align: left;
    margin-bottom: 45px;
  }
  .academic-program-entry-requiremens-section .sliit-desc span {
    display: block;
    text-align: left;
  }
  #ptn-s-1 .uni-logo-box:after {
    display: none;
  }
  #shape-add3,
  #shape-add1,
  #shape-add2,
  #shape-add {
    display: none;
  }

  .sub-page-header-warpper {
    margin-top: 52px;
    z-index: 4;
    position: absolute;
    left: 54px;
  }
  #sub-page-header {
    min-height: 184px;
  }
  #home-banner1 .banner-home-img {
    min-height: 187px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .sub-page-header-warpper {
    margin-top: 120px;
    z-index: 4;
    position: absolute;
    left: 64px;
  }
  #sub-page-header {
    min-height: 228px !important;
  }
  #abt-s-2 {
    background-color: #00274c;
    padding: 37px;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    position: relative;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 117px;
    left: 43px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  #ptn-s-1 .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 11px;
    position: absolute;
    z-index: -1;
    filter: invert(60%);
  }
  section#ptn-s-1 .font-a-wrapper {
    width: 100%;
    display: flex;
    float: none;
    /* padding-left: 110px; */
    margin-top: 26px;
  }
  section#ptn-s-1 h3 {
    font-size: 18px;
  }
  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 37%;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
  }
  ul#primary-footer {
    display: block;
    /* text-align: center; */
  }
  #home-banner .small-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 14px;
  }
  #home-banner .item-description h2 {
    font-size: 26px;
  }
  #home-banner .item-description p {
    font-size: 14px;
  }
  #testimon {
    padding-top: 0;
    margin-top: -125px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 20em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 84px;
    width: 100%;
    text-align: center;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    right: 0;
    top: 6px;
    padding: 40px;
    padding-left: 56px;
  }

  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  .event-list {
    margin-bottom: 30px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 23px;
    margin-bottom: 20px;
    position: relative;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -39px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #video {
    margin-top: 68px;
  }
  #explore-btn-news:hover {
    width: 91%;
    transition: 0.4s;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 346px solid transparent !important;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 345px solid transparent !important;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 54px solid red;
    border-left: 345px solid transparent !important;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #news {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 15em;
    padding-bottom: 18em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 25px;
    width: 100%;
    text-align: center;
  }
  #abt-s-3 .point4 {
    position: relative;
    top: 76px;
    right: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
  }
  #abt-s-3 .point3 {
    position: relative;
    top: 66px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point2 {
    position: relative;
    top: 53px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: relative;
    top: 42px;
    right: -2px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #sliit-a .sliit-desc {
    position: relative;
    top: 0;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 30px;
    min-height: 292px;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 0em;
  }
  section#board {
    margin-top: 105px;
  }
  #board:nth-child(odd)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1 {
    position: relative;
    top: -71px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 466px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 18px;
    font-size: 14px;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1 {
    position: relative;
    top: -69px;
    left: 0px;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 466px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 18px;
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (min-width: 0px) and (max-width: 374px) {
  #navbarNavDropdown .nav-link {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 4px solid #ffffff00;
  }

  h2.main-title {
    font-size: 22px;
    color: #fff;
    text-align: left;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > img.quote {
    position: relative;
    left: unset;
    right: 2px;
  }
  #board img.quote {
    float: none;
  }
  /* .grid-container {
    display: none;
  } */
  #lb-s-2 .grid1 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid2 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid3 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid4 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid5 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid6 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid7 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid8 {
    background-image: url();
    background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .grid1-head {
    position: absolute;
    bottom: 5px;
    background-color: red;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid2-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-2) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid4-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-4) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid3-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-1) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  #board .sliit-desc-1 p {
    float: none;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none;
  }
  /* .grid-container {
    display: none;
  } */
  #news .inner-land {
    text-align: left;
    margin-bottom: 45px;
  }
  .academic-program-entry-requiremens-section .sliit-desc span {
    display: block;
    text-align: left;
  }
  #ptn-s-1 .uni-logo-box:after {
    display: none;
  }
  #shape-add3,
  #shape-add1,
  #shape-add2,
  #shape-add {
    display: none;
  }

  .sub-page-header-warpper {
    margin-top: 52px;
    z-index: 4;
    position: absolute;
    left: 54px;
  }
  #sub-page-header {
    min-height: 184px;
  }
  #home-banner1 .banner-home-img {
    min-height: 187px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .sub-page-header-warpper {
    margin-top: 120px;
    z-index: 4;
    position: absolute;
    left: 64px;
  }
  #sub-page-header {
    min-height: 228px;
  }
  #abt-s-2 {
    background-color: #00274c;
    padding: 37px;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    position: relative;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 117px;
    left: 43px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  #ptn-s-1 .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 11px;
    position: absolute;
    z-index: -1;
    filter: invert(60%);
  }
  section#ptn-s-1 .font-a-wrapper {
    width: 100%;
    display: flex;
    float: none;
    /* padding-left: 110px; */
    margin-top: 26px;
  }
  section#ptn-s-1 h3 {
    font-size: 18px;
  }
  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 37%;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
  }
  ul#primary-footer {
    display: block;
    /* text-align: center; */
  }
  #home-banner .small-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 14px;
  }
  #home-banner .item-description h2 {
    font-size: 26px;
  }
  #home-banner .item-description p {
    font-size: 14px;
  }
  #testimon {
    padding-top: 0;
    margin-top: -125px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 20em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 84px;
    width: 100%;
    text-align: center;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    right: 0;
    top: 6px;
    padding: 40px;
    padding-left: 56px;
  }

  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  .event-list {
    margin-bottom: 30px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 23px;
    margin-bottom: 20px;
    position: relative;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -39px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #video {
    margin-top: 68px;
  }
  #explore-btn-news:hover {
    width: 91%;
    transition: 0.4s;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 346px solid transparent !important;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 345px solid transparent !important;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 54px solid red;
    border-left: 345px solid transparent !important;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #news {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 15em;
    padding-bottom: 18em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 25px;
    width: 100%;
    text-align: center;
  }
  #abt-s-3 .point4 {
    position: relative;
    top: 76px;
    right: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
  }
  #abt-s-3 .point3 {
    position: relative;
    top: 66px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point2 {
    position: relative;
    top: 53px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: relative;
    top: 42px;
    right: -2px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #sliit-a .sliit-desc {
    position: relative;
    top: 0;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 30px;
    min-height: 292px;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 0em;
  }
}
@media screen and (min-width: 360px) and (max-width: 412px) {
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 0em;
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #sliit-a .sliit-desc {
    position: relative;
    top: 0;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 30px;
    min-height: 292px;
  }
  .foot-h p {
    font-weight: 600;
    font-size: 13px;
  }
  .font-a-wrapper {
    width: 100%;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: relative;
    bottom: -15px;
  }
  section#footer-sec .font-a-wrapper {
    width: 100%;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -129px;
  }
  h2.main-title {
    font-size: 22px;
    color: #fff;
    text-align: left;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none !important;
  }
  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 89px;
    left: 0;
    right: 0;
    margin: auto;
  }
  /* .grid-container {
    display: none;
  } */
  #lb-s-2 .grid1 {
    background-image: url(h);
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid2 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid3 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid4 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid5 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid6 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid7 {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #lb-s-2 .grid8 {
    background-image: url();
    background-size: cover;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .grid1-head {
    position: absolute;
    bottom: 5px;
    background-color: red;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid2-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-2) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid4-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-4) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  .grid3-head {
    position: absolute;
    bottom: 5px;
    background-color: var(--secondary-color-1) !important;
    padding: 10px 33px;
    color: #fff;
    cursor: pointer;
  }
  #board .sliit-desc-1 p {
    float: none;
  }
  #board:nth-child(even)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1
    > p {
    float: none;
  }
  #board img.quote {
    position: relative;
    right: 2px;
    margin-bottom: 40px;
  }
  /* .grid-container {
    display: none;
  } */
  #news .inner-land {
    text-align: left;
    margin-bottom: 45px;
  }
  .academic-program-entry-requiremens-section .sliit-desc span {
    display: block;
    text-align: left;
  }
  #ptn-s-1 .uni-logo-box:after {
    display: none;
  }
  #shape-add3,
  #shape-add1,
  #shape-add2,
  #shape-add {
    display: none;
  }

  .sub-page-header-warpper {
    margin-top: 52px;
    z-index: 4;
    position: absolute;
    left: 54px;
  }
  #sub-page-header {
    min-height: 184px;
  }
  #home-banner1 .banner-home-img {
    min-height: 187px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 54px solid red;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  ul#primary-footer {
    display: block;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 84px;
    width: 100%;
    text-align: center;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    right: 0;
    top: 6px;
    padding: 40px;
    padding-left: 56px;
  }

  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  #home-banner .item-description {
    padding: 42px;
  }
  #home-banner .item-description h2 {
    color: #fff;
    font-size: 29px;
    margin-bottom: 21px;
  }
  #home-banner .owl-dots {
    position: absolute;
    top: 312px;
    left: 42px;
  }
  #explore-btn-news:hover {
    width: 82%;
    transition: 0.4s;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 0em;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 35px solid red;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 330px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 330px solid transparent !important;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #abt-s-2 {
    background-color: #00274c;
    padding: 37px;
    color: #fff;
    text-align: center;
    margin-top: 60px;
    position: relative;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 71px;
    left: 12px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  #ptn-s-1 .sliit-desc-1::after {
    content: url(/wp-content/uploads/2020/08/sliit-academy-lion.png);
    top: -50px;
    right: 11px;
    position: absolute;
    z-index: -1;
    filter: invert(60%);
  }
  section#ptn-s-1 .font-a-wrapper {
    width: 100%;
    display: flex;
    float: none;
    /* padding-left: 110px; */
    margin-top: 26px;
  }
  section#ptn-s-1 h3 {
    font-size: 18px;
  }
  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 37%;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
  }
  ul#primary-footer {
    display: block;
    /* text-align: center; */
  }
  #home-banner .small-text {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 14px;
  }
  #home-banner .item-description h2 {
    font-size: 26px;
  }
  #home-banner .item-description p {
    font-size: 14px;
  }
  #testimon {
    padding-top: 0;
    margin-top: -125px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 20em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 84px;
    width: 100%;
    text-align: center;
  }
  #testimon .t-box {
    background-color: #f5f5f5;
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    right: 0;
    top: 6px;
    padding: 40px;
    padding-left: 56px;
  }

  #testimon .t-image {
    background-image: url();
    background-size: cover;
    background-position: center;
    min-height: 333px;
    width: 100%;
    position: relative;
    left: 0;
    z-index: 1;
  }
  .event-list {
    margin-bottom: 30px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 23px;
    margin-bottom: 20px;
    position: relative;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -39px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #video {
    margin-top: 68px;
  }
  #explore-btn-news:hover {
    width: 91%;
    transition: 0.4s;
  }

  #news {
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 3em;
    padding-bottom: 8em;
  }
  section#testimon .owl-dots {
    position: relative;
    bottom: 25px;
    width: 100%;
    text-align: center;
  }
  #abt-s-3 .point4 {
    position: relative;
    top: 76px;
    right: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
  }
  #abt-s-3 .point3 {
    position: relative;
    top: 66px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point2 {
    position: relative;
    top: 53px;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: relative;
    top: 42px;
    right: -2px;
    font-weight: bold;
    text-transform: uppercase;
  }
}
@media screen and (min-device-width: 737px) and (max-device-width: 900px) and (orientation: landscape) {
  a.custom-logo-link {
    margin-left: 59px;
    position: fixed;
    top: 55px;
    z-index: 9999;
  }
  .mobile-container {
    display: block;
    background-color: var(--secondary-color-1);
    padding: 20px;
    color: #fff;
    position: fixed;
    min-height: 113px;
    width: 100%;
    z-index: 8;
  }
  div#top-header-i,
  #nav-dsc,
  #top-color {
    display: none;
  }
  .open-btn-m {
    position: absolute;
    right: 20px;
    top: 32px;
  }
  section#contact-s-1 input.wpcf7-form-control.wpcf7-submit {
    background-color: #125aaa;
    border: transparent;
    padding: 4px 30px;
    float: none;
    width: 20%;
    color: #fff;
    border-radius: 4px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .csr > .owl-dots,
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .csr > .owl-dots {
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  section#testimon {
    padding-top: 0;
    margin-top: -103px;
  }
  .event-list {
    margin-bottom: 40px;
  }
  #schools .school-header {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
  }
  #board:nth-child(odd)
    > .container
    > .row.row1
    > .col-12
    > .desc-wrapper
    > .sliit-desc-1 {
    position: relative;
    top: 93px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 466px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 60px 60px 60px 60px;
    font-size: 14px;
  }
  #board .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 356px;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    top: 150px;
  }
  img.linkedin {
    margin-top: 74px;
  }
  #abt-s-1 .sliit-desc::after,
  #abt-s-1 .sliit-desc-1::after {
    display: none;
  }
  #apply-s-1 table {
    border-collapse: collapse;
    width: 700px !important;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  #footer-sec {
    background-image: url(/wp-content/uploads/2020/08/footer.png);
    background-position: right;
    background-size: cover;
    position: relative;
    padding-top: 40px;
    background-color: var(--secondary-color-1);
  }
  #md-s-1 .quote {
    position: absolute;
    top: 217px;
    right: 20px;
    z-index: 58;
    width: 42px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 54px;
  }
  .md-add-name p {
    font-size: 20px;
  }
  #md-s-1 .md-name {
    position: absolute;
    top: 226px;
    left: 43px;
  }
  #md-s-1 .sliit-desc-1 {
    position: relative;
    top: 20px;
    right: 0;
    background-color: #e5e5e5;
    width: 100%;
    padding: 53px;
    min-height: 328px;
    color: var(--secondary-color-1);
    z-index: 0;
    padding: 105px 68px 60px 45px;
    font-size: 14px;
    font-style: italic;
  }

  #md-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/MD-Professor-lalith-gamage.png);
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 342px;
    float: left;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
  }
  section#abt-s-3 .img-set {
    position: relative;
    top: 57px;
    right: 0;
    width: 100%;
  }
  #s-space-b {
    padding-bottom: 62px;
  }
  #s-space-b:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 2px;
    top: 69px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .modal-dialog {
    max-width: 100% !important;
    margin: 1.75rem auto;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .desc-img-1 {
    float: none;
  }
  #ptn-s-1 .col-12:nth-child(4n + 4) > .desc-wrapper > .sliit-desc-1 {
    background-color: var(--secondary-color-1);
    left: 0;
    float: left;
  }
  #s-space-black:after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: var(--secondary-color-1);
    height: 2px;
    top: 79px !important;
    left: 0;
    right: 0;
    margin: auto;
  }
  section#partner-header h2 {
    margin-bottom: 38px;
  }
  .news-header-single {
    margin-bottom: 30px;
    margin-top: 77px;
  }
  .news-s-1-class .inner-land-img {
    background-image: url();
    padding-top: 50px;
    color: #022e1a;
    background-size: cover;
    background-position: top;
    min-height: 308px;
    border-radius: 3px;
    margin-bottom: 15px;
  }

  h2.main-title {
    font-size: 27px;
    color: #fff;
    text-align: left;
  }
  .news-s-1-class .add-just {
    text-align: justify;
    min-height: 64px;
  }
  #ptn-s-1 .col-12:nth-child(4n + 2) > .desc-wrapper > .sliit-desc-1 {
    position: relative;
    top: 1px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
    float: left;
  }
  #ptn-s-1 .font-a-wrapper {
    width: 100%;
    display: flex;
    float: none;
    /* padding-left: 110px; */
    margin-top: 26px;
  }
  #ptn-s-1 .sliit-desc-1 {
    position: relative;
    top: 0px;
    right: 0;
    background-color: var(--secondary-color-1);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: #fff;
    z-index: 2;
  }
  #ptn-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/about-1.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 489px;
    float: none;
    position: relative;
  }

  section#contact-s-1 {
    padding-bottom: 60px;
  }
  .breadcrumb-set {
    margin-top: 114px;
    min-height: 57px;
    padding: 16px 16px 16px 67px;
  }
  .sub-page-header-warpper {
    margin-top: 207px;
    z-index: 4;
    position: absolute;
    left: 79px;
  }
  #sub-page-header {
    min-height: 407px;
  }
  .mobile-container a.custom-logo-link {
    margin-top: 10px;
  }
  .open-btn-m {
    position: absolute;
    right: 20px;
    top: 32px;
  }
  nav#nav-dsc,
  #top-color {
    display: none;
  }
  .mobile-container {
    display: block;
    background-color: var(--secondary-color-1);
    padding: 20px;
    color: #fff;
    position: fixed;
    min-height: 113px;
    width: 100%;
    z-index: 8;
  }
  div#top-header-i,
  #top-color {
    display: none;
  }
  #cg-s-1 .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #cg-s-1 .sliit-desc {
    position: relative;
    top: 74px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: auto;
    color: var(--secondary-color-1);
  }
  .cg-s-2 .desc-wrapper {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);
    padding: 22px;
    margin-top: 40px;
  }
  #abt-s-1 .sliit-desc {
    position: relative;
    top: 0px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: 266px;
    color: var(--secondary-color-1);
  }
  #abt-s-1 .desc-img {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
  }
  #abt-s-1 .sliit-desc-1 {
    position: relative;
    top: 0px;
    right: 0;
    background-color: var(--secondary-color-1);
    width: 100%;
    padding: 53px;
    min-height: 247px;
    color: #fff;
  }
  #abt-s-1 .desc-img-1 {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #abt-s-3 .sliit-desc-1 {
    margin-bottom: 1em;
  }
  #abt-s-3 .point3 {
    position: absolute;
    top: 75px;
    right: 413px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point4 {
    position: absolute;
    top: 127px;
    right: 530px;
    font-weight: bold;
    text-transform: uppercase;
    width: 138px;
  }
  #abt-s-3 .point2 {
    position: absolute;
    top: 75px;
    right: 56px;
    text-transform: uppercase;
    font-weight: bold;
  }
  #abt-s-3 .point1 {
    position: absolute;
    top: 160px;
    right: 44px;
    font-weight: bold;
    text-transform: uppercase;
  }

  section#abt-s-3 .img-set {
    position: relative;
    top: 57px;
    right: 0;
  }
  #abt-s-1 .desc-img-1 {
    background-image: url(/wp-content/uploads/2020/08/about-1.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: none;
    position: relative;
  }
  #schools .owl-nav {
    display: none;
  }
  #schools .owl-dots {
    text-align: center;
    margin-top: -61px;
    position: absolute;
    /* margin: auto; */
    /* z-index: 6; */
    width: 100%;
  }
  #home-banner .owl-dots {
    position: absolute;
    top: 290px;
    left: 82px;
  }
  #home-banner .item-description {
    position: absolute;
    bottom: 121px;
    left: 0;
    width: 100%;
  }
  #home-banner .banner-home-img {
    min-height: 474px;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  section#schools {
    margin-top: -111px;
  }
  div#footer-sub {
    width: 100%;
    margin: auto;
  }
  .foot-h:after {
    content: "";
    position: absolute;
    width: 100px;
    background-color: #ef7500;
    height: 2px;
    top: 27px;
    left: 0;
    right: 0;
    /* margin: auto; */
    margin-left: 1px;
  }
  #news {
    background-image: url(/wp-content/uploads/2020/08/back.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 17em;
    padding-bottom: 25em;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 346px solid transparent !important;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add1 {
    width: 0;
    height: 0;
    border-top: 35px solid #ffcc33;
    border-left: 346px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #shape-add2 {
    width: 0;
    height: 0;
    border-top: 35px solid #154888;
    border-left: 345px solid transparent;
    position: absolute;
    top: 105px;
  }
  #shape-add {
    width: 0;
    height: 0;
    border-top: 35px solid red;
    border-left: 345px solid transparent;
    position: absolute;
    top: 105px;
    z-index: 7;
  }
  #shape-add3 {
    width: 0;
    height: 0;
    border-top: 35px solid var(--secondary-color-1);
    border-left: 346px solid transparent;
    position: absolute;
    top: 105px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
  #sliit-a .desc-img {
    background-image: url(/wp-content/uploads/2020/08/DSC_4777.png);
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 492px;
    float: right;
  }
  #sliit-a .sliit-desc {
    position: absolute;
    top: 364px;
    left: 0;
    background-color: var(--secondary-color-2);
    width: 100%;
    padding: 53px;
    min-height: 292px;
  }
  #sliit-a {
    padding-top: 70px;
    padding-bottom: 17em;
  }
  #video .text-container {
    position: absolute;
    top: 387px;
    left: 74px;
    text-transform: uppercase;
    letter-spacing: 5px;
  }
}
@media screen and (min-device-width: 0px) and (max-device-width: 736px) and (orientation: landscape) {
  #shape-add,
  #shape-add1,
  #shape-add2,
  #shape-add3,
  #ptn-s-1 .uni-logo-box:after,
  #ptn-s-1
    .col-12:nth-child(4n + 2)
    > .desc-wrapper
    > .desc-img-1
    > .uni-logo-box:after {
    display: none;
  }
  #partner .partner-uni {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .academic-program-duration-section .sliit-desc-1 {
    position: relative;
    top: 45px;
    right: 0;
    background-color: var(--secondary-color-r-1);
    width: 100%;
    padding: 15px;
    min-height: 356px;
    color: #fff;
  }
  section#board {
    margin-bottom: 114px;
  }
  #board .desc-img-1 {
    background-image: url();
    background-size: cover;
    background-position: top;
    width: 100%;
    min-height: 234px;
    float: none;
    position: relative;
    z-index: 1;
    margin-bottom: 69px;
    top: 150px;
  }
  .academic-program-entry-requiremens-section .desc-img {
    background-size: cover;
    background-position: center;
    width: 100%;
    min-height: 241px;
    float: none;
  }
  .academic-program-duration-section .sliit-desc-1 {
    position: relative;
    top: 45px;
    right: 0;
    background-color: var(--secondary-color-r-1);
    width: 100%;
    padding: 10px;
    min-height: 356px;
    color: #fff;
  }
  #footer-sec .container-fluid {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .icon.social1 {
    float: left;
    margin: 0 12px 0 0;
    cursor: pointer;
    background: #ffcc33;
    color: #262626;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
  }
  section#footer-sec .font-a-wrapper {
    width: 237px;
    display: flex;
    float: left;
    /* padding-left: 110px; */
    margin-top: 37px;
    position: absolute;
    bottom: -157px;
  }
  h2.main-title {
    font-size: 13px !important;
    color: #fff;
    text-align: left;
  }
}
@media only screen and (max-width: 1366px) and (min-width: 1281px) {
  .apply-container {
    position: absolute;
    top: 22px;
    right: 40px !important;
  }
}

/********************Research Page*****************************/
#researchnav {
  background-color: #e6e6e6;
}
#research {
  margin: auto;
}
#mega-menu-wrap-research {
  background: #222c6d;
}
#mega-menu-wrap-research .mega-menu-link {
  background-color: #222c6d !important;
}
#mega-menu-wrap-research .mega-sub-menu a {
  color: #fff !important;
}
#mega-menu-wrap-research .mega-sub-menu a:hover {
  background-color: #ef7600 !important;
}
#mega-menu-wrap-research .mega-menu-link:hover {
  background-color: #ef7600 !important;
}
.faculty-box {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.faculty-box .contant-box {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
  z-index: 5;
  height: 100%;
  width: 70%;
  bottom: 0;
  right: 0;
  flex-direction: column;
  padding-right: 20px;
  padding-bottom: 20px;
}
.faculty-box::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(
    to bottom right,
    rgba(255, 0, 0, 0),
    rgba(0, 0, 0, 1)
  );
}
.faculty-box h3 {
  color: #fff;
}
.faculty-box a {
  color: #fff;
  background-color: #222c6d;
  padding: 10px 15px;
}
.faculty-box a:hover {
  color: #fff;
  background-color: #000;
}
.faculty-box img {
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.faculty-box:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.faculty-slider .svg-inline--fa path {
  color: #fff !important;
  font-size: 20px !important;
  fill: #fff;
}
.faculty-slider .owl-prev {
  position: absolute;
  left: 0px;
  top: 50%;
}
.faculty-slider .owl-next {
  position: absolute;
  right: 0px;
  top: 50%;
}

.faculty-box p {
  color: #fff;
  font-size: 15px;
}
/* .research-news .owl-prev{
    position: absolute;
    left:0px;
    top: 0%;
}
.research-news .owl-next{
    position: absolute;
    right: 0px;
    top:0%;
} */
.research-news .owl-next {
  margin-left: 10px;
}
.research-news .owl-nav button:focus {
  outline: 0;
}
.research-news span {
  color: #fff !important;
  font-size: 30px !important;
  background-color: #222c6d;
  padding: 0 20px;
}
.research-news .owl-nav {
  display: block !important;
}
.slider-row {
  padding: 100px 0;
}
.event-content h6 {
  font-weight: 500;
}
.event-content {
  padding: 10px 0;
}
.event-content .date {
  color: #ef7600;
}
.news-box a {
  color: #000;
}

.news-box .main-link:hover::after {
  background: #000;
  opacity: 0.7;
  position: absolute;
  content: "+";
  font-family: FontAwesome;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  font-size: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.read-more-btn {
  position: absolute;
  color: #fff !important;
  background-color: #222c6d;
  padding: 10px 15px;
  top: 50%;
}
.read-more-btn:hover {
  background-color: #000;
}
.more-info .card-header {
  background-color: #fff;
  text-align: left;
}
.more-info .card-header button {
  color: #000;
  text-decoration: none;
}
.more-info .card-header svg {
  background-color: #222c6d;
  height: 30px;
  width: 30px;
  padding: 3px;
}
.more-info .card-header svg path {
  fill: #fff !important;
}
.more-info .card-body {
  text-align: left;
}
.more-info .card-body h3 {
  color: #222c6d;
}
.more-info .card-body h4 {
  color: #ff0000;
}
.more-info .card-body .info-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 15px;
}
.more-info .card-body .info-box:last-child {
  border-bottom: 0 !important;
}
.publication-box {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 15px 0;
}
.publication-box:last-child {
  border-bottom: 0 !important;
}
.publication-box a {
  font-weight: 600;
  color: #000;
  font-size: 18px;
}
.publication-box a:hover {
  color: #222c6d;
}
.clip-box::after {
  content: "";
  position: absolute;
  background-image: url("http://sliitacademy.weblankan.site/wp-content/uploads/2021/03/play-button.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  transition: background-size linear 0.5s;
}
.clip-box {
  width: 33.3%;
  position: relative;
  padding: 30px 10px;
}
.clip-box:hover::after {
  background-size: 35% !important;
  transition: background-size linear 0.5s;
}
.clip-heading {
  /* position: absolute; */
  width: 100%;
  background-color: #222c6d;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.clip-heading p {
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
}
.team-box {
  width: 20%;
  padding: 10px;
}
.team-box-content {
  background-color: #f5f5f5;
  height: 270px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.team-link {
  flex-grow: 1;
}
.team-link h6 {
  color: #222c6d;
  font-weight: 600;
}
.lecture-post {
  font-weight: 600;
}
.team-box-content a {
  background-color: #222c6d;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}
.team-box-content a:hover {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  font-weight: 600;
}
.team-group button {
  background-color: #fff;
  text-align: left;
  color: #000;
  font-weight: 600;
  width: 100%;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.team-group button:hover,
.team-group button:active,
.team-group button:focus {
  text-decoration: none;
}
.team-group button p {
  margin: 0;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.team-group button svg {
  margin-left: auto;
}
.team-group .card-header,
.team-group .card-body {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.team-group .card-header svg {
  background-color: #222c6d;
  height: 30px;
  width: 30px;
  padding: 3px;
}
.team-group .card-header svg path {
  fill: #fff !important;
}
.team-heading h6 {
  font-weight: 600;
}
.all-school .item {
  width: 33.3%;
  padding-right: 5px;
}
.all-school .item:last-child {
  padding-right: 0 !important;
}
.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 72vh;
}

.div1 {
  grid-area: 1 / 1 / 2 / 3;
}
.div2 {
  grid-area: 1 / 3 / 2 / 4;
  background-color: #8c0025;
}
.div3 {
  grid-area: 1 / 4 / 2 / 6;
}
.div4 {
  grid-area: 2 / 1 / 3 / 2;
  background-color: #053769;
}
.div5 {
  grid-area: 2 / 2 / 3 / 5;
}
.div6 {
  grid-area: 2 / 5 / 3 / 6;
  background-color: #2a8945;
}
.grid-box {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  overflow: hidden;
}
.grid-box-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.grid-box a {
  color: #fff;
  border: 1px dotted #fff;
  padding: 10px;
  border-radius: 15px;
}
.grid-box a:hover {
  color: var(--secondary-color-2);
}
.page-id-1196 .breadcrumb-set {
  display: none;
}
.grid-box-img {
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.grid-box-img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.grid-desc {
  padding: 15px;
}
@media only screen and (min-width: 767px) {
  .reverse-col {
    flex-direction: row-reverse;
  }
  .reverse-col .director-img {
    margin-right: 0px !important;
    margin-left: -30px;
  }
  .reverse-col .sliit-desc-1 {
    padding: 30px 60px 30px 30px !important;
    text-align: right !important;
  }

  .reverse-col .sliit-desc-1 p {
    float: right !important;
  }
}
@media only screen and (min-width: 991px) {
  #footer-sec .container-fluid {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  .reverse-col .quote {
    right: auto !important;
    left: 64px !important;
  }
}
@media only screen and (max-width: 991px) {
  .mob-direction {
    flex-direction: column;
  }
  .content-ins {
    padding: 50px;
  }
  .ins-details {
    padding: 0 20px;
  }
  .ins-details {
    padding: 50px 0 0;
  }
  .ins-img img,
  img.img-related {
    width: 100%;
  }
  #researchnav .navbar-toggler {
    display: none !important;
  }
  .parent {
    display: flex;
    flex-direction: column;
  }

  .parent {
    height: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  section.intake {
    padding-top: 13em !important;
  }
  #ptn-s-1 .desc-img-1 {
    min-height: 200px !important;
  }
  #cg-s-1 .desc-wrapper {
    margin-top: 0 !important;
  }
  #cg-s-1 .sliit-desc {
    top: 0 !important;
    padding: 30px !important;
  }
  #cg-s-1 .desc-img-1 {
    min-height: 180px !important;
  }
  #ptn-s-1 .sliit-desc-1 {
    padding: 30px !important;
  }
  #ptn-s-1 .uni-logo-box {
    min-width: 100% !important;
  }
  #ptn-s-1 .desc-wrapper {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }
  #board .sliit-desc-1 {
    padding: 30px !important;
  }
  section#board {
    margin: 0 !important;
  }
  .director-content {
    height: auto !important;
  }
  .director-img {
    margin: 0 !important;
  }
  .slider-row {
    padding: 30px 0;
  }
  .board:last-child {
    margin-bottom: 150px;
  }
  #bottom-line:after {
    top: 50px;
  }
  #footer-sec .container-fluid {
    padding: 0;
  }
  section#testimon .item {
    padding-top: 20px;
  }
  .clip-box {
    padding: 15px 0;
  }
  .page-id-1196 #researchnav {
    margin-top: 100px;
  }
  .faculty-box .contant-box {
    width: 90%;
  }
  #partner-header {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  .clip-wrap {
    flex-direction: column;
  }
  .team-box-content {
    height: auto;
  }
  .team-wrap {
    flex-direction: column;
  }
  .team-box {
    width: 100%;
  }
  .clip-box {
    width: 100% !important;
  }
  #s-space-black:after {
    display: none !important;
  }
  .all-school {
    flex-direction: column;
  }
  .all-school .item {
    width: 100%;
  }
  .grid-box {
    height: 200px;
  }
  .card-header {
    padding: 0px !important;
  }
}
@media (min-width: 767px) and (max-width: 991px) {
  .director-content {
    height: auto !important;
  }
  #top-color .navbar-toggler,
  #nav-dsc .navbar-toggler {
    display: none !important;
  }
  .team-box {
    width: 33.3%;
  }
  /* .page-id-1196 #researchnav{
        margin-top: 100px;
      } */
  .grid-box {
    height: 250px;
  }
  .clip-box {
    width: 50% !important;
  }
  .all-school {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
  .all-school .item {
    width: 50%;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .page-id-1196 #researchnav {
    margin-top: 16vh;
  }
}
@media (min-width: 1280px) and (max-width: 1366px) {
  .page-id-1196 #researchnav {
    margin-top: 20vh;
  }
}
/********************Research Page END****************************/

/*****fine tunes*******/
button.school-read.grow {
  outline: none;
}
button.school-read.grow:hover {
  transform: scale(1.1);
  background: #ff800a;
  z-index: 2;
  box-shadow: 1px 1px 1px #333;
}

.header-scrolled nav#nav-dsc {
  min-height: 71px !important;
  transition: 0.75s !important;
}

.header-scrolled nav#top-color {
  min-height: 56px !important;
  transition: 0.75s !important;
}
.header-scrolled .apply-container {
  top: 11px !important;
}
@media (min-width: 1024px) {
  #ptn-s-1 .desc-img-1 {
    width: 57% !important;
  }
}
.mega-menu-wrap {
  outline: none !important;
}

@media (min-width: 991px) and (max-width: 1366px) {
  .dropdown-menu {
    left: -60% !important;
  }
}
@media (min-width: 1024px) and (max-width: 1366px) {
  #schools .partner-uni {
    min-height: 55vh !important;
  }
}
@media (min-width: 991px) and (max-width: 1024px) {
  #schools .partner-uni {
    min-height: 76vh !important;
  }
}

@media (min-width: 600px) and (max-width: 990px) {
  #schools .partner-uni {
    min-height: 35vh !important;
  }
}
@media (max-width: 600px) {
  section#partner-header h2 {
    margin-bottom: 10px !important;
  }
  .mob-direction {
    flex-direction: column;
  }
  img.ico-width {
    width: 50px !important;
  }
  .page-id-500 #partner-header {
    margin-bottom: 5px !important;
  }
  .content-ins {
    padding: 20px 0 !important;
  }
  .ins-details {
    padding: 20px 0 !important;
  }
}

.desc-wrapper {
  margin-bottom: 5% !important;
}
/* .sliit-desc-1 {
    display: none;
} */

.page-template-about-sliit-academy #s-space-b:after,
.page-template-about-sliit-academy #abt-s-3:after {
  display: none;
}
.single-partner_institutes h5 {
  font-size: 17px;
  font-weight: 600;
}
.single-partner_institutes li {
  list-style: disc;
}
.school-desc-content a {
  color: #000;
}
.single-partner_institutes .content-ins li a {
  color: #e58100 !important;
  font-weight: 500;
  text-decoration: dotted !important;
  border-bottom: 1px #e58100 dotted;
}