@font-face {
  font-family: "CopperplateGothicStd";
  src: url("../font/copperplate-gothic-std/Copperplate-Gothic-Std-28-AB.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ArialRoundedMT";
  src: url("../font/Arial-Rounded-MT-Bold/arialroundedmtbold.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
}
.ff-cpg {
  font-family: "CopperplateGothicStd" !important;
}
.ff-artb {
  font-family: "ArialRoundedMT" !important;
}
img.start-icon-1 {
  position: absolute;
  left: 20%;
  top: 25%;
  animation: move360 15s infinite;
}
img.start-icon-2 {
  position: absolute;
  left: 75%;
  top: 45%;
  animation: move360 15s infinite;
}
.srcoll-set {
  position: absolute;
  left: 50%;
  bottom: 4%;
  transform: translate(-50%);
  z-index: 1;
}
.book-visit {
  background: url(../img/book-a-visit.webp);
  background-size: 100px;
  background-repeat: no-repeat;
  height: 100px;
  position: absolute;
  width: 100px;
  top: 80px;
}
.set-sci-icon img {
  width: 20% !important;
  float: right;
}
.set-sci-icon img {
  width: 22% !important;
  float: right;
  margin-right: 35px;
  top: -25px;
  position: relative;
}
.title-take h2 span img.start {
  position: relative;
  width: 40px;
  top: -40px;
  left: 19px;
}
.title-take h2 span img.end {
  position: relative;
  width: 40px;
  top: 25px;
  right: 40px;
}
.leaf-icon img {
  position: absolute;
  top: 15px;
  left: -10px;
}
.banner-event {
  background: url("../img/bg-event.webp");
  background-size: cover;
}
.bags-sets {
  width: 300px;
  height: auto;
  padding-bottom: 30px;
  padding-left: 50px;
}
.achivements-icons img {
  width: 100%;
  height: 303px;
  object-fit: contain;
}
.achivements-icons img.vertical-line {
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  max-height: 600px;
}
.bottom-campus {
  bottom: 35px;
}
.bottom-set-achiv {
  bottom: 25px;
}
.set-blogs-img{
	background-size: cover; 
	height: 50vh; 
	background-repeat: no-repeat;
	padding: 50% 20px 0 20px;
}
@media (min-width: 992px) {
  img.start-icon-1 {
    position: absolute;
    left: 5%;
    top: 25%;
  }

}
@media (min-width: 1280px) {
  img.start-icon-1 {
    position: absolute;
    left: 11%;
    top: 25%;
  }
  .bags-sets {
    width: 280px;
    height: auto;
    padding-bottom: 30px;
    padding-left: 50px;
  }
}
.banner-text h1 {
  text-shadow: 4px 3px 2px black;
}
@media (min-width: 480px) and (max-width: 992px) {
  .banner-text h1 {
    font-size: 60px;
    text-align: center;
    font-weight: 700;
  }
  img.frame-1 {
    width: 20%;
    margin-left: 3%;
    position: absolute;
    bottom: 17%;
  }
  .leaf-icon img {
    position: absolute;
    top: -30px;
    left: -45px;
}
img.start-icon-1 {
    top: 0;
}
.set-blogs-img{
	background-size: cover; 
	height: 32vh; 
}
}
@media (max-width: 480px) {
  .banner-text h1 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    text-shadow: 3px 2px 2px black;
  }
  .banner-text p {
    font-size: 22px !important;
  }
  img.frame-1 {
    position: absolute;
    left: 50%;
    bottom: 18%;
    z-index: 0;
    width: 50%;
    transform: translate(-50%);
  }
  .srcoll-set p {
    font-size: 12px !important;
    letter-spacing: 1px;
  }
  .srcoll-set img {
    width: 60px;
  }
  .banner-padding {
    padding-bottom: 150px;
    padding: 0px 10px 180px 10px;
  }
  img.start-icon-2 {
    position: absolute;
    left: 90%;
    top: 42%;
  }
  img.start-icon-1 {
    position: absolute;
    left: 2%;
    top: 5%;
  }
  .book-visit {
    width: 100px;
    top: -45px;
    right: 0px;
  }
  .banner {
    bottom: -25px;
  }
  .banner-home-second,
  .banner-cr {
    background-size: cover;
  }
  .title-take h2 {
    font-size: 25px;
  }
  .title-take h2 span img.start {
    position: relative;
    width: 20px;
    top: -13px;
    left: 8px;
  }
  .title-take h2 span img.end {
    position: relative;
    width: 20px;
    right: 13px;
    top: 7px;
  }
  .leaf-icon img {
    display: none;
  }
  .bags-sets {
    width: 100%;
    padding: 40px;
  }
  .bags-sets img:nth-child(2),
  .achivements-icons img.vertical-line {
    display: none;
  }
  .bottom-campus {
    bottom: 12px;
  }
  .achivements-icons img {
    height: 240px;
  }
  .bottom-set-achiv {
    bottom: 13px;
    z-index: 1;
  }
  .banner-crb {
    height: 20px;
  }
}
@media (max-width: 320px) {
  .banner-text h1 {
    font-size: 26px;
    text-align: center;
    font-weight: 700;
    text-shadow: 3px 2px 2px black;
  }
  .banner-text p {
    font-size: 16px !important;
  }
  .banner-text h1 {
    text-shadow: 3px 2px 2px black;
  }
}

.event-section .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.event-section .owl-prev,
.event-section .owl-next {
  position: absolute;
  font-size: 24px;
}
.event-section .owl-prev {
  left: -30px;
}
.event-section .owl-next {
  right: -30px;
}
.event-section .owl-nav i {
  color: #ffffff;
  font-size: 2rem;
}
.event-section .owl-carousel .item {
  padding: 20px;
}
