.inner-page ul li {
  position: relative;
}

.results .top_panel_style_dark {
  background-color: #001f6f !important;
  background-image: none !important;
}

.management .top_panel_style_dark {
  background: url(../images/Management-banner.jpg) center no-repeat !important;
  background-size: cover !important;
}

.courses .top_panel_style_dark {
  background: url(../images/courses-banner.jpg) center no-repeat !important;
  background-size: cover !important;
}
.founder .top_panel_style_dark {
  background: url(../images/founder-banner.jpg) center no-repeat !important;
  background-size: cover !important;
}
.raviraj-college .top_panel_style_dark {
  background: url(../images/raviraj-college-fine-arts-banner.jpg) center
    no-repeat !important;
  background-size: cover;
}
.download .top_panel_style_dark {
  background: url(../images/downloads-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}

.contact-us .top_panel_style_dark {
  background: url(../images/contact-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}

.children-division .top_panel_style_dark {
  background: url(../images/childrens-division-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}

.lalit-kalakshetra .top_panel_style_dark {
  background: url(../images/lalit-kalakshetra-banner-new.jpg) center no-repeat !important ;
  background-size: cover !important;
}

.raviraj-college .top_panel_style_dark {
  background: url(../images/raviraj-college-fine-arts-banner.jpg) center
    no-repeat !important ;
  background-size: cover !important;
}

.faqs .top_panel_style_dark {
  background: url(../images/faqs-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.kalgram .top_panel_style_dark {
  background: url(../images/kalagram-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.stage-sets .top_panel_style_dark {
  background: url(../images/stage-sets-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.job-opportunities .top_panel_style_dark {
  background: url(../images/job-opportunities-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}

.application-form-banner .top_panel_style_dark {
  background: url(../images/application-form-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.student-gallery-banner .top_panel_style_dark {
  background: url(../images/student-gallery-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.founder-banner .top_panel_style_dark {
  background: url(../images/student-gallery-banner.jpg) center no-repeat !important ;
  background-size: cover !important;
}
.li-before-flex {
  display: flex;
  align-items: baseline;
}
.founder-li ul{
padding: 0px;
box-sizing: border-box;
}
.founder-li ul li{
 text-align: justify;
  box-sizing: border-box;
  }


.inner-banner {
  margin-top: 50px !important;
}

.sec-dived {
  padding: 60px 0px;
  background-color: #f1f1f1;
}

.inner-page ul li::before {
  content: "\00BB";
  display: inline-block;
  color: #ad0d00;
  font-size: 25px;
  margin-right: 6px;
}

.inner-page .row:after {
  width: unset !important;
}

.table-reponsive {
  overflow: auto !important;
}

.font-size-2 {
  font-size: 22px !important;
}

.inner-side-main-head {
  margin-bottom: 20px;
  font-size: 27px;
  color: #000000;
  font-weight: 600;
}

/* .inner-side-main-head span {
  color: #ad0d00;
  position: relative;
} */

/* .inner-side-main-head span::before {
  content: url("");
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  background-color: #ad0d00;
  height: 3px;
  width: 100%;
  display: inline;
} */




.courses .page_top_wrap {
  border-bottom: none !important;
}

.bg-img .inner-side-main-head::before {
  background-color: #ffffff;
}

.bg-img .inner-side-main-head {
  color: #ffffff;
}

.inner-heading {
  margin-top: 35px;
  margin-bottom: 20px;
}

.inner-page h6 {
  font-weight: 600;
}

.inner-page p {
  margin-bottom: 20px;
  line-height: 29px;
  font-size: 16px;
}

.inner-page {
  color: rgb(72 72 72) !important;
}

.inner-page li {
  list-style-type: none;
}

.inner-page li::marker {
  color: #ad0d00;
}

.inner-heading h6 {
  color: #001f6f;
  font-weight: 600;
  margin-top: 10px;
}

.inner-title {
  color: #ffd400;
}

.inner-bg .abt-tble {
  margin: auto;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: left;
}

.text-end {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 8px;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-90 {
  margin-top: 90px;
}

.me-1 {
  margin-right: 10px;
}

.ms-1 {
  margin-left: 10px;
}

.ms-25 {
  margin-left: 25px;
}

.my-20 {
  margin: 20px 0px !important;
}

.my-40 {
  margin: 40px 0px !important;
}

.my-30 {
  margin: 30px 0px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.my-60 {
  margin: 60px 0px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-80 {
  margin-top: 80px;
}

.py-60 {
  padding: 60px 0px;
}

.pb-30 {
  padding-bottom: 30px;
}

.py-30 {
  padding: 30px 0px;
}

.py-40 {
  padding: 40px 0px;
}

.py-20 {
  padding: 20px 0px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.align-items-center {
  align-items: center;
}

.justify-content-evenly {
  justify-content: space-around;
}

.text-decoration-line {
  text-decoration: underline;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 15px;
  /* margin-right: -15px;
  margin-left: -15px; */
}

.container {
  max-width: 90%;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.d-block {
  display: block;
}

.m-auto {
  margin: auto;
}

.bg-clr-blue {
  background-color: #001f6f;
}

.bg-clr-yellow {
  background-color: #f3d00b;
  color: #000000 !important;
}

.text-clr-blue {
  color: #001f6f;
  font-weight: 600;
}
.text-clr-white {
  color: #ffffff;
}

.text-clr-red {
  color: #ad0d00;
}
.fw-bold {
  font-weight: bold;
}

.text-muted {
  font-size: 14px !important;
}
.table-heading {
  padding: 10px 9px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.abt-sec-bg {
  background: url("../images/grp-img.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.abt-sec-bg p {
  color: #ffffff;
}

.abt-sec-bg h6 {
  color: #ffffff;
}

.abt-sec-bg::after {
  position: absolute;
  content: url("");
  width: 100%;
  height: 100%;
  background-color: rgb(0 31 111 / 85%);
  z-index: -1;
  top: 0px;
}

.bg-img {
  padding: 40px 0px;
}

/* 
.founder-abt ul li {
  list-style: none;
  width: 46%;
  border: 1px solid;
  padding: 10px;
  margin: 20px 0px;
}

.founder-abt ul li:nth-child(odd) {
  border: 1px solid rgb(0 31 111 / 24%);
  position: relative;
  border-radius: 7px;
}

.founder-abt ul li:nth-child(odd)::before {
  content: url(inner-style.css);
  position: absolute;
  right: -33px;
  width: 0px;
  height: 0px;
  top: 0px;
  border-top: 15px solid transparent;
  border-left: 26px solid #000000;
  border-bottom: 0px solid transparent;
}

.founder-abt ul li:nth-child(even)::before {
  content: url("");
  position: absolute;
  left: -27px;
  bottom: 0px;

  width: 0px;
  height: 0px;
  border-top: 0px solid transparent;
  border-right: 26px solid rgb(255 193 24);
  border-bottom: 15px solid transparent;
}

.founder-abt ul li:nth-child(even) {
  border: 1px solid rgb(173 13 0 / 24%);
  position: relative;
  border-radius: 7px;
}

.founder-abt ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  padding-left: 0px;
}

.founder-abt ul::before {
  position: absolute;
  content: url("");
  width: 1px;
  height: 100%;
  background-color: #001f6f;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
} */
.founder-abt ul li::before {
  content: "\2756" !important;
  margin-left: -24px;
  font-size: 20px;
}

.founder-abt ul li {
  margin-bottom: 20px !important;
  padding: 0px 0px 0px 28px;
}

.founder-paintings img {
  width: 361px;
  height: 300px;
  object-fit: cover;
  margin: auto;
  display: block;
}

/* .raviraj-fine-arts-sec-bg {
  background: url("../images/raviraj-college-of-fine-arts-2.jpg") no-repeat
    center;
  background-size: cover;
  position: relative;
  z-index: 1;
} */
/* .raviraj-fine-arts-sec-bg::after {
  position: absolute;
  content: url("");
  width: 100%;
  height: 100%;
 
  background-color: #001f6f;
  z-index: -1;
  top: 0px;
} */

.raviraj-fine-arts-sec-bg h6 {
  /* color: #ffffff; */
  margin-bottom: 32px;
}

.raviraj-colege table tr {
  color: #000000;
}

.raviraj-colege table tr td {
  padding: 7px 5px;
}

.note {
  background-color: #bfd1ff;
  padding: 10px 16px;
}

.note p {
  margin-bottom: 0.5em;
  color: #000000;
}

.grade-system ul li {
  list-style-type: none;
}

.d-flex {
  display: flex;
}

.mark {
  box-shadow: 0px 0px 19px -13px;
  padding: 10px 4px;
  border-radius: 13px;
  background: #ffc118;
  margin-bottom: 60px;
}

.mark .inner-side-main-head span::before {
  display: none !important;
}

.mark h4 {
  color: #001f6f;
  font-weight: 600;
  font-size: 20px;
  font-family: "Lobster", cursive;
  animation: typing 3s steps(100), blink 0.5s step-start infinite alternate;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  margin: 20px 0px;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

.mark p {
  color: #000000;
  font-weight: 600;
}

.bg-clr {
  /* background-color: #bfd1ff; */
  padding: 60px 0px;
}

.br-gray {
  background-color: rgb(173 173 173 / 12%);
}

.counter-content {
  width: 19%;
  text-align: center;
  padding: 17px 5px;
  margin: 0px 5px;
  align-items: center;
}

.counter-content-5,
.counter-content-6 {
  margin-top: 45px;
  margin-bottom: 29px;
}

.counter-content h6 {
  margin-bottom: 0px;
  color: #585858;
  font-size: 20px;
}

.counter-content h3 {
  font-weight: 600;
  color: #ad0d00;
  margin: 4px 0px;
  font-size: 36px;
}

.counter-icon {
  font-size: 54px;
  color: #585858;
  border-radius: 53px;
  margin-bottom: 18px;
}

/* .counter-content-1 {
  background: linear-gradient(45deg, #faff00, #ff9900);
}

.counter-content-2 {
  background: linear-gradient(45deg, rgb(255 129 0), rgb(205 58 14));
}

.counter-content-3 {
  background: linear-gradient(45deg, rgb(84 195 118), rgb(0 255 67));
}

.counter-content-4 {
  background: linear-gradient(45deg, rgb(65 76 159), rgb(0 231 255));
}

.counter-content-5 {
  background: linear-gradient(45deg, rgb(255 0 177), rgb(255 0 35));
}

.counter-content-6 {
  background: linear-gradient(45deg, rgb(255 191 75), rgb(197 20 20));
} */

.art-dna {
  position: relative;
  font-size: 23px;
  color: #ffffff !important;
}

.art-dna::after {
  position: absolute;
  content: url(inner-style.css);
  background: rgb(0, 31, 111);
  width: 217px;
  top: 0px;
  height: 100%;
  margin-left: -196px;
  z-index: -1;
}

.art-dna::before {
  position: absolute;
  content: url(inner-style.css);
  background-image: url(../images/molecular.png);
  width: 50px;
  top: -14px;
  height: 50px;
  background-size: cover;
  max-width: 50px;
  display: inline-block;
  z-index: -1;
  background-repeat: no-repeat;
  margin-left: -41px;
  transform: rotate(273deg);
}

.raviraj-college .page_top_wrap::before {
  background-color: rgb(0 0 0 / 62%) !important;
}

.count-bg {
  background-color: #f1f1f1;
}

.abt-phn-number a {
  color: #ad0d00;
  font-weight: 600;
  font-size: 21px;
  display: inline-block;
  line-height: 36px;
  align-content: center;
}

.abt-phn-number {
  font-size: 24px !important;
}

.abt-phn-number p {
  font-size: 24px !important;
  margin-bottom: 10px;
}

.abt-phn-number a:hover {
  color: #ffc118;
}

/*************** slides *******************/

.mySlides {
  display: none;
}

img {
  vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active,
.dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px;
  }
}

/************ teachers ************/

.single-course {
  position: relative;
  width: 85%;
  margin: auto;
  margin-top: 30px;
}

.single-course:hover {
  z-index: 999;
}

.single-course .course-img {
  position: relative;
  overflow: hidden;
}

.single-course:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.single-course .course-img img {
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.faculty-img .single-course .course-content {
  min-height: 140px !important;
}

.single-course .course-content {
  padding: 25px 17px 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0px rgb(225 225 225 / 51%);
  box-shadow: 0 0 12px rgb(8 8 8 / 12%);
  text-align: center;
  height: 160px;
}
.faculty-box-min-height-low .single-course .course-content {
  height: 125px !important;
}

.single-course .course-content h4 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px;
  color: #ad0d00;
}

.single-course .course-content h4 a {
  color: #333;
}

.single-course .course-content h6 {
  margin-top: 10px;
}

.single-course:hover .course-position-content {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: 0px 6px 12px 0px rgb(225 225 225 / 51%);
  box-shadow: 0px 6px 12px 0px rgb(225 225 225 / 51%);
  z-index: 999;
}

.single-course .course-position-content {
  width: 100%;
  top: 95%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0px 0px 4px 4px;
  background: #fff;
  position: absolute;
  padding: 0px 0px 0px;
}

.add-detail {
  padding: 20px 15px;
  text-align: center;
}

.career-in-art h6 {
  font-size: 20px;
  margin-bottom: 2px;
  margin-top: 15px;
}

/* .childre-division li {
  font-size: 14px;
} */

/*************** downloads *****************/

.image-box {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 5px;
  width: 97%;
  margin: auto;
  margin-top: 20px;
}

.image-box:hover img {
  transform: scale(1.2);
}

.image-box img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.5s ease;
}

@media (hover) {
  .image-box .img-link {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
  }

  .image-box:hover .img-link {
    width: 90%;
    height: 90%;
  }

  .gallery-link {
    flex: 1 0 25%;
    transition: flex 500ms ease;
  }

  .image-box:hover .gallery-link {
    flex: 1 0 35%;
  }

  .gallery-link i {
    opacity: 0;
    transform: translateX(0px);
    transition: opacity 100ms ease-in 0ms;
  }

  .gallery-link a:hover i {
    transform: translateX(10px);
  }

  .image-box:hover .gallery-link i {
    opacity: 1;
    transition: opacity 300ms ease-in 150ms, transform 300ms ease;
  }
}

.gallery-link {
  position: relative;
  background: linear-gradient(to right, rgb(255 193 24) 0%, rgb(255 141 0) 50%);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1 0 25%;
  transition: flex 500ms ease;
  padding: 20px;
}

.gallery-link a {
  display: inline-block;
  position: absolute;
  top: -15px;
}

.image-box:hover .gallery-link i {
  opacity: 1;
  transition: opacity 300ms ease-in 150ms, transform 300ms ease;
}

.gallery-link i {
  opacity: 0;
  transform: translateX(0px);
  transition: opacity 100ms ease-in 0ms;
}

.gallery-link i {
  font-size: 2.5rem;
  color: #000;
  background: #ffcc00;
  border-radius: 50%;
  padding: 0.25rem 0.35rem;
}

.drop-li {
  padding-left: 40px;
}

.drop-li li {
  list-style-type: disc;
}

.drop-li li::before {
  display: none !important;
}

/********* faqs-section **************/
input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion-wrapper {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
  /* width: 600px; */
  margin: 0 auto;
}

.accordion {
  width: 100%;
  color: rgb(0, 0, 0);
  overflow: hidden;
  margin-bottom: 16px;
}

.accordion:last-child {
  margin-bottom: 0;
}

.accordion-label {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 16px;
  background: rgba(223, 177, 52);
  font-weight: bold;
  cursor: pointer;
  font-size: 18px;
}

.accordion-label:hover {
  background: rgb(255 193 24);
}

.accordion-label::after {
  content: "\002B";
  width: 16px;
  height: 16px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.accordion-content {
  max-height: 0;
  padding: 0 16px;
  color: rgb(223, 177, 52);
  background: white;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.accordion-content p {
  margin: 0;
  color: rgb(108 108 108);
  font-size: 18px;
}

input:checked + .accordion-label {
  background: rgb(255 193 24);
}

input:checked + .accordion-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

input:checked ~ .accordion-content {
  max-height: 100vh;
  padding: 16px;
}

.about-us .menu_main_nav li a.abt-us,
.founder .menu_main_nav li a.founder,
.downloads .menu_main_nav li a.downloads {
  color: rgb(0, 0, 0) !important;
}

.side-img img {
  width: 90%;
  display: block;
  margin: auto;
}

.side-img .img-head {
  margin-top: -74px;
  padding: 15px 15px;
  position: absolute;
  margin-left: 43px;
  background-color: #ffc118;
}

.side-img .img-head h2 {
  margin: 0px !important;
}

/* .side-img {
  position: relative;
} */

.abt-head {
  margin-bottom: 60px;
}

.container {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.management table tr td {
  padding: 16px 22px;
}

.staf-detail p {
  font-size: 14px;
  min-height: 87px;
}

.faculty-box-min-height-low .staf-detail p {
  min-height: 38px !important;
}

.fine-arts-page .inner-heading {
  margin-top: 30px !important;
}

.fine-arts-page mark p {
  font-size: 20px !important;
}

.tbl-contact p {
  margin-bottom: 10px !important;
}

.tbl-contact p a {
  font-size: 18px;
}

.fine-arts .inner-side-main-head {
  margin-top: 30px;
  /* font-size: 24px; */
}

.fine-arts h6 {
  font-size: 21px;
}

.career-in-art h6 {
  margin-top: 30px;
}

.salient-feature-img {
  position: relative;
}

.salient-feature-img:before {
  position: absolute;
  content: url("");
  width: 40%;
  /* background-color: #f3d00b; */
  height: 100%;
  right: 0px;
  top: 0px;
}

.salient-feature-content-right {
  margin-left: -165px;
  background: #ffc118;
  z-index: 111;
  padding: 60px;
}

.salient-feature-content-left {
  flex: 0 0 45.666667%;
  max-width: 46.666667%;
  background: #ffc118;
  z-index: 111;
  padding: 60px;
  margin-left: 60px;
}

.salient-feature-img-left {
  margin-left: -120px;
}

.raviraj-fine-arts-sec-bg ul {
  flex-wrap: wrap;
  justify-content: space-between;
}

.raviraj-fine-arts-sec-bg ul li {
  font-size: 17px;
  color: #2b2b2b;
  font-weight: 500;
  display: flex;
  align-content: stretch;
}

.raviraj-fine-arts-sec-bg ul li::before {
  color: #ad0d00;
  line-height: 19px !important;
}

.raviraj-fine-arts-sec-bg ul {
  margin-bottom: 0px !important;
}

.table-responsive {
  overflow: auto;
}

.childre-division .accordion {
  background-color: rgba(223, 177, 52);
  color: rgb(0, 0, 0);
  cursor: pointer;
  padding: 18px;
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  margin-top: 7px;
  box-sizing: border-box;
}

/* Change color of the heading and icon (on hover and click) */
.active,
.childre-division .accordion:hover,
.childre-division .accordion:hover::after {
  background-color: rgb(255 193 24);
  color: rgb(0, 0, 0);
}

/* Add "plus" sign (+) after Accordion */
.childre-division .accordion::after {
  content: "\002B";
  color: rgb(0, 0, 0);
  font-weight: bold;
  float: right;
  font-size: 20px;
}

/* Add "minus" sign (-) after Accordion (when accordion is active) */
.active::after {
  content: "\2212";
  color: white;
  transform: rotate(45deg);
}

/* Style the accordion panel */
.childre-division .accordion-panel {
  padding: 0px 18px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  width: 100%;
  box-shadow: 0px 0px 10px -4px #717171;
}

.childre-division .accordion-panel ul {
  padding: 20px 0px;
}

.accordion-sec {
  margin: 20px 0px;
  border-radius: 20px;
  overflow: hidden;
}

.contact {
  display: flex;
  justify-content: space-around;
}

.contact .address,
.contact .email,
.contact .social-link {
  width: 30%;
  background-color: #f5f7f4;
  padding: 35px 10px;
  text-align: center;
  border-radius: 14px;
}

.contact h5 {
  margin-bottom: 5px !important;
  margin-top: 0px !important;
  color: #001f6f;
  font-weight: 600;
}

.contact p {
  margin-bottom: 8px;
  line-height: 26px !important;
}

.media {
  display: flex;
  margin: 15px;
  justify-content: center;
}

.media a:hover {
  color: #ffffff;
  background-color: #585858;
}

.media a {
  padding: 6px 10px;
  margin: 0px 4px;
  border: 1px solid;
  border-radius: 5px;
  color: #585858;
}

.contact-map iframe {
  height: 450px !important;
}

.abt-important-sec {
  padding: 50px 0px;
  background: url(../images/contact-us-pic.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.abt-important-sec::before {
  position: absolute;
  content: url();
  background-color: rgba(255, 193, 24, 0.831);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.abt-important-sec h4 {
  font-size: 34px;
  color: #ffffff;
  margin: 0px !important;
  font-family: Arial, Helvetica, sans-serif;
}

.quates h4 {
  font-size: 50px;
  text-align: center;
  color: #2d3e50;
  font-weight: 600;
  font-family: "Roboto";
  margin: 5px 0px !important;
  font-family: "Roboto Condensed", sans-serif !important;
}

.quates {
  /* background: url(../images/quate-img.jpg) center no-repeat;
  background-size: cover; */
  padding: 40px 0px;
  background-color: rgb(249 249 249);
  /* margin-bottom: 60px; */
}

.content-border {
  position: relative;
}

.content-border::before {
  position: absolute;
  content: url("");
  background: url(../images/border-img.png);
  width: 100%;
  height: 9px;
  top: 0px;
}

.contact-table a i {
  color: #ad0d00;
}

.fine-arts-page h5 {
  font-size: 22px;
  color: #001f6f;
  font-weight: 600;
}

.box-padding {
  padding: 35px;
}

.important-notes .mark p {
  font-size: 22px;
}

.facilities h5 {
  color: #001f6f;
  font-size: 22px;
  font-weight: 500;
}

/* ************contact-us form************ */
.form-bg {
  background-color: #ffffff;
  padding: 15px 10px;
  border-radius: 30px;
  box-shadow: 0px 0px 6px -4px;
  width: 90%;
  margin: auto;
  /* margin-top: 77px; */
}

.contact-form {
  width: 85%;
  margin: auto;
}

.contact-us input {
  opacity: unset !important;
  position: unset !important;
  width: 100%;
  background: #0000;
  box-shadow: 0px 3px 15px -8px #a8a8a8;
  border: none;
  /* margin: 10px 0px; */
  padding: 16px 10px;
}

.contact-us textarea {
  width: 100%;
  background: #0000;
  border: none;
  box-shadow: 0px 3px 15px -8px #a8a8a8;
  padding: 20px 10px;
  min-height: 115px;
}

.contact-us .contact-form .contact_form_submit {
  padding: 14px 21px;
  font-size: 17px;
  background: #ffc118;
  color: #000;
  font-weight: 500;
}

.contact-us .contact-form .contact_form_submit:hover {
  box-shadow: 0px 0px 12px -5px #ad0d00;
}

.contact-us .contact-form .squareButton {
  text-align: center;
  margin-top: 30px;
}

.contact-us .contact-form .sc_contact_form_info {
  display: flex;
  justify-content: space-between;
  margin: 30px 0px;
}

.contact-us .contact-form .sc_contact_form_item {
  width: 48%;
}

.contact-us .contact-form .sc_contact_form_button {
  margin: auto;
}
.contact-map {
  /* box-shadow: 0px 0px 6px -4px; */
  padding: 15px;
  border-radius: 16px;
}

.contact-us .contact-form .message.sc_contact_form_item {
  width: 100%;
}

.contact-form-heading h2 {
  color: #001f6f;
  margin-top: 0px;
  font-size: 29px;
  font-weight: 500;
}

.contact-form-heading h6 {
  color: #ad0d00;
}

.min-width-graduate {
  min-height: 239px;
}

.img-center {
  display: block;
  margin: auto;
}

/* ****************courses-start ********************/

.courses-box {
  background-color: #f8f8f8;
  display: block;
  padding: 30px 20px;
  text-align: center;
  color: #000000;
  box-shadow: 0px 0px 10px -5px #2b2b2b;
  border-radius: 10px;
  width: 95%;
  box-sizing: border-box;
  margin: 10px auto;
}

.course-title h3 {
  font-size: 20px;
  font-weight: bold;
  color: #ad0d00;
}

.btn-custom {
  display: inline-block;
}

.btn-custom div {
  display: flex;
  align-items: center;
  color: #001f6f;
  padding: 6px 10px;
  font-weight: 500;
}

.btn-custom i {
  font-size: 20px;
  margin-right: 10px;
}

.btn-custom p {
  margin: 0px !important;
  /* font-weight: bold; */
}

/* ******************end *****************/
.course-sec {
  background-color: rgb(141 50 40);
}

.course-sec .content-box {
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  padding: 15px 10px;
}

.course-sec .content-box a {
  display: inline-block;
}

.course-sec .content-box h3 {
  font-size: 19px;
  font-weight: 500;
  color: #8d3228;
}

.course-sec .content-box .download {
  display: flex;
  align-items: center;
  justify-content: center;
}

.border-bottom {
  border-bottom: 1px solid #acacac;
  border-style: dashed;
}

.course-sec .content-box .download p {
  margin: 0px;
}

.course-sec .content-box .download i {
  margin-right: 10px;
  font-size: 20px;
}

.course-sec .course-left {
  width: 85%;
  background: #fff;
  padding: 40px 0px;
  margin: auto;
  border-radius: 20px;
}

.course-right {
  width: 90%;
  margin: auto;
  text-align: center;
  padding: 20px 0px;
}

.course-title h2 {
  font-size: 65px;
  font-weight: 600;
  color: #ffffff;
  margin: 4px 0px;
}

.course-title h5 {
  font-size: 28px;
  color: #ffc118;
}

.course-items h6 {
  color: #ffffff;
  font-size: 24px;
  margin: 16px 0px;
}

.join {
  box-shadow: 0px 0px 10px -5px #2b2b2b;
  padding: 10px;
  border-radius: 20px;
  background-color: #ffc5c0;
  border: 1px solid #ad0d00;
}

.join h2 {
  margin: 6px;
}

.join p {
  margin-bottom: 5px !important;
}

.join h6 {
  margin: 7px 0px;
}
.join a {
  font-weight: 500;
}
.join a:hover {
  color: #ad0d00;
}

.text-clr-brown {
  color: #ad0d00;
}
.text-small {
  font-size: 22px;
}
.text-bold {
  font-weight: bold;
}
.testimonials-page p {
  font-family: "Noto Serif Tamil", serif;
}
.art-education p,
.art-education li {
  text-align: justify !important;
}
.grade a {
  display: block;
}

.video-gallery-page h6 {
  margin-top: 8px !important;
  text-align: center;
}
.youtube-vdos {
  width: 94%;
  margin: auto;
}
.vdo-gallery h4 {
  text-align: center;
  color: #001f6f;
  font-weight: 600;
  margin-bottom: 30px;
  text-decoration: dashed;
}

.prospectus-view {
  text-align: center;
  margin-top: 30px;
}
.prospectus-view a {
  color: #000000;
  padding: 10px 15px;
  display: inline-block;
  border: 2px solid;
}
.prospectus-view a:hover {
  color: #001f6f;
  padding: 10px 15px;
  display: inline-block;
  border: 2px solid;
}

/*************************** form-section **************************/
.application-form {
  padding: 30px;
  width: 75%;
  margin: auto;
  box-shadow: 0px 0px 10px -5px rgb(161, 161, 161);
  border-radius: 20px;
}
.application-form h2 {
  /* color: #001f6f; */
}
.application-form label {
  font-weight: 500;
  color: #4c4c4c;
  margin-bottom: 10px;
}
.application-form input {
  border: 1px solid #e4e4e4;
  opacity: unset !important;
  padding: 6px;
  position: unset !important;
  caret-color: #ff0000;
}

.application-form select,
.application-form textarea {
  border: 1px solid #e4e4e4;
  padding: 6px;
}

.form-wrap {
  display: flex;
  justify-content: space-between;
  margin: 20px 0px;
}
.form-wrap .input-left,
.form-wrap .input-right {
  width: 48%;
}
.form-wrap input,
.form-wrap select {
  width: 100%;
}
.form-wrap .radio input {
  width: unset;
}
.application-form .address {
  border-radius: 10px 0px 10px 0px;
  width: 100%;
  height: 100px;
}
.school,
.college,
.others {
  display: none;
}
.option div {
  width: 48%;
}
.radio {
  margin-left: 20px;
  margin-top: 7px;
}

.form-wrap .column-2 {
  width: 48%;
}
.form-wrap .w-30 {
  width: 29%;
}
.form-wrap .w-70 {
  width: 70%;
}

.form-row-3 {
  width: 32%;
}
.show-option {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.show-option div {
  width: 32%;
  margin: 10px 5px;
}
.show-option div input {
  width: 100%;
}
.w-100 {
  width: 100%;
}

.sumbit {
  text-align: center;
  margin-top: 50px;
}

.sumbit input {
  padding: 10px 30px;
  border: 2px solid #001f6f;
  color: #001f6f;
}
.sumbit input:hover {
  border: 2px solid #000000;
  color: #000000;
}

.dob {
  width: 92% !important;
}

.autocomplete {
  position: relative;
  display: inline-block;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div:hover {
  background-color: #e3e3e3;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

.faculty-header {
  font-size: 22px;
  font-weight: 600;
  min-height: 60px !important;
}

.publication-page .art-books {
  width: 90%;
  margin: auto;
}

.artbook-img-box {
  width: 90%;
  margin: 20px auto;
}
.artbook-img-box img {
  height: 243px;
  object-fit: cover;
  width: 313px;
}
.publication-page .image-box {
  height: 435px !important;
}
.publication-page .image-box .gallery-link {
  flex: 0 0 15% !important;
}

.publication-page .image-box:hover .gallery-link {
  flex: 1 0 20% !important;
}

.student-contact {
  display: flex;
  justify-content: center;

}
.student-contact a {
  margin: 10px;
}

.student-gallery-detail p {
text-transform: uppercase;
}

.border {
  border: 1px dashed #d1d1d1;
}

.dropdwnmenu {
  display: block !important;
}