:root { --accent-color: #45494E; --gradient-color: #FBFBFB; --topbar-color:#fff;}
html, body {overflow-x:hidden; font-family: 'Raleway', sans-serif;} :root {--accent-color: #45494E; --gradient-color: #FBFBFB;} 
html, body, div, p, table, tr, td, th, p, h1, h2, h3, h4, h5, h6, span, strong, i, u, b, a{font-family: 'Raleway', sans-serif;}
.w-10 {width:10%} .w-15 {width:15%} .w-20 {width:20%} .fs-9{font-size:0.90rem!important}
.fs-8{font-size:0.80rem!important} p, .text-justify{font-weight: 500; line-height:1.75rem!important} 
li {font-weight: 400; line-height:1.8rem;}
table td { font-weight: 400;}
h1 {
  font-size: 2rem !important;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h2 {
  font-size: 1.6rem !important;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

h3 {
  font-size: 1.3rem !important;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
a {color: black;}
.cs-table {font-size:0.94rem; margin-bottom:0!important} .table.cs-table >:not(caption)>*>* {border-width:0; padding:0.75rem 1rem} .head-color{background-color:#a4cd92}
.cs-table th{font-size:0.86rem; margin-bottom:0!important;}
.cs-table a {font-size:0.90rem; color:var(--bs-body-color); text-decoration:none}
.cs-table a:hover {color:var(--topbar-color)}
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
}
header .img-logo-fluid {max-width:550px; height:auto}
#topbar{background-color:var(--topbar-color); color:#000; position:relative; text-transform:uppercase} 
#topbar .fs-custom, #topbar .fs-custom a{font-size: calc(0.60rem + .3vw)!important; color:#000} 
#topbar .fs-custom a.social-link, a.social-link{font-size: calc(0.90rem + .3vw)!important; margin:0px 10px; }
.toplinks {position: relative; list-style:none; background-color:var(--topbar-color); color:var(--bs-white);   font-weight: 400; text-transform:uppercase; display: inline-block;}
.toplinks li {display:inline-block; position:relative; padding:0px 10px; cursor:pointer; z-index:5}
.toplinks-dropdown{ overflow:hidden; visibility:hidden; list-style:none; position:absolute; top:44px; left:-5px;}
.toplinks li:hover .toplinks-dropdown {visibility:visible}
.toplinks-dropdown div {position:relative; min-width:260px; -webkit-transform:translate(0, -100%); -moz-transform:translate(0, -100%) ;-ms-transform:translate(0, -100%); transform:translate(0, -100%); -webkit-transition:all 0.5s 0.1s; -moz-transition:all 0.5s 0.1s; -ms-transition:all 0.5s 0.1s; transition:all 0.5s 0.1s;}
.toplinks-dropdown li {position:relative; display:block; margin-left:-35px; min-height:40px; background-color:var(--topbar-color)!important}
.toplinks-dropdown li:after, .toplinks-dropdown li:before {background-color:rgb(114,138, 102); position:absolute; content:"";  right:0; width:100%; height:2px;  bottom:0; transition:all 300ms linear}
.toplinks-dropdown li:last-child:after, .toplinks-dropdown li:last-child:before{background:transparent}
.toplinks-dropdown li:before {background-color:var(--bs-white);  z-index:1; right:100%;}
.toplinks-dropdown li:hover:before {right:0}

.toplinks-dropdown li:last-child{ border-bottom:1px solid #a4a4a4;  border-bottom-right-radius:10px; border-bottom-left-radius:10px}
.toplinks-dropdown li a{display: block;  padding:10px; clear:both; background-color:transparent; border:0;  font-weight:400; line-height:1.75rem; color:var(--bs-white); text-align:inherit; text-decoration:none; text-transform:capitalize; transition:all 300ms linear}
.toplinks-dropdown li a:hover {padding-left:15px; padding-right:5px}
.toplinks li:hover ol div {-webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
#logo-area {background-color:var(--bs-white);}
#ticker-container {width:100%; overflow:hidden}
.newsticker {overflow: hidden; background-color:var(--bs-white); width:100%; height:40px; padding-left: 100%; box-sizing:content-box}
.newsticker .tickermove {display:inline-block; padding-right:100%; white-space:nowrap; height:40px; line-height:40px; box-sizing:content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:linear; animation-timing-function:linear; -webkit-animation-name:tickerhmove; animation-name:tickerhmove; -webkit-animation-duration:30s; animation-duration:30s;} 
.newsticker .tickermove:hover {-webkit-animation-play-state: paused; -moz-animation-play-state: paused; -ms-animation-play-state: paused; -o-animation-play-state: paused;  animation-play-state: paused}
.newsticker .tickeritem {display:inline-block; padding:0 2em; font-weight:600; color:#333}
.custom-nav-with-bg {background-color:#2c2c2c; padding:2px 0px 3px 0px}
.custom-nav-with-bg .navbar-nav{width:100%}
.custom-nav-with-bg a, .custom-nav-with-bg a:hover, .custom-nav-with-bg a:visited, .custom-nav-with-bg a:focus, .custom-nav-with-bg .nav-link.active{color:var(--bs-white);  font-size:0.90rem; font-weight:500}
.custom-nav-with-bg .navbar-toggler{background-color:var(--bs-white); padding:6px; border:none}
.custom-nav-with-bg .dropdown-menu {background-color:#2c2c2c; text-align:center; border:none}
.navbar>.container-fluid {padding-left:0; padding-right:0}
.toplinks-after:after {display:inline-block; margin-left:0.255em; vertical-align:0.255em;  content:"";  border-top:0.3em solid;  border-right:0.3em solid transparent;  border-bottom:0; border-left: 0.3em solid transparent}

.home-cus-carousel-caption{
    position: relative !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    color: #000 !important;
    text-align: center !important;
    background: #f3b140;
}
.home-cus-carousel-indicators {
    display: none !important;
    bottom: 12% !important;
}
.no-cursor{
    cursor: default  !important;
}
a.download-link {
  position: relative;
  padding-right: 20px;
}

a.download-link::after {
  content: "\f4ce"; /* Unicode for the download icon (Boxicons class for download) */
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-family: "Boxicons"; /* Replace this with the font family of Boxicons */
  font-size: 14px; /* Adjust this value as needed */
}

/* Style the download icon */
a.download-link::after {
  color: #000; /* Set the color of the icon */
}

.edu-logos{
    max-width: 300px;
}


.menu a:focus { outline: none; position:relative}
.menu a:focus:after {width: 50px;} .menu a:after {content: "";background: #FBFBFB; position: absolute; bottom: 5px; left: 15px; height: 3px; width: 0; transition: 0.5s; transition-delay: 0.2s;}
.menu {margin: 15px;} .menu > ol { list-style: none; margin: 30px 0; padding: 0;}
.menu > ol > li {background: transparent; /*border-left: 5px solid var(--gradient-color); */margin-bottom: 1px; position: relative; transition: 0.5s;}
.menu > ol > li:nth-child(1) {--accent-color: #f3b140; --gradient-color: #f3b140;}
.menu > ol > li:nth-child(2) {--accent-color: #e30613; --gradient-color: #e30613;}
.menu > ol > li:nth-child(3) {--accent-color: #fd4f00; --gradient-color: #fd4f00;}
.menu > ol > li:nth-child(4) {--accent-color: #13928b; --gradient-color: #13928b;}
.menu > ol > li:nth-child(5) {--accent-color: #2f2552; --gradient-color: #2f2552;}
.menu > ol > li:nth-child(6) {--accent-color: #f3b140; --gradient-color: #f3b140;}
.menu > ol > li:nth-child(7) {--accent-color: #e30613; --gradient-color: #e30613;}
.menu > ol > li:nth-child(8) {--accent-color: #fd4f00; --gradient-color: #fd4f00;}
.menu > ol > li:nth-child(9) {--accent-color: #13928b; --gradient-color: #13928b;}
.menu > ol > li:nth-child(10){--accent-color: #2f2552; --gradient-color: #2f2552;}
.menu > ol > li:nth-child(11){--accent-color: #f3b140; --gradient-color: #f3b140;}
.menu > ol > li:nth-child(12){--accent-color: #e30613; --gradient-color: #e30613;}
.menu > ol > li:nth-child(13){--accent-color: #fd4f00; --gradient-color: #fd4f00;}
.menu > ol > li:nth-child(14){--accent-color: #13928b; --gradient-color: #13928b;}
.menu > ol > li a {color:#FBFBFB; display:block; padding:7px 5px!important; position:relative; text-decoration:none; z-index:1}
.menu > ol > li.has-child {position:relative}
.menu > ol > li.has-child:before {content: "\f078";  font-family:fontAwesome;  font-size:0.75em;  line-height:50px; color:var(--bs-white); position:absolute;  right:0px;  top:0; margin:auto; transition: 0.5s;}
.menu > ol > li:focus, .menu > ol > li:focus-within, .menu > ol > li:hover {z-index:100;}
.menu > ol > li:focus:after,.menu > ol > li:focus-within:after,.menu > ol > li:hover:after {background: linear-gradient(to left, var(--accent-color), var(--gradient-color));max-width:800px;}
.menu > ol > li:focus a:before, .menu > ol > li:focus-within a:before {transform: rotate(-180deg);}
.menu > ol > li:after {background: #2c2c2c;  content: ""; position: absolute;  left: 0; right: 0; top:40px; bottom: 0;  transition: 0.5s; max-width: 0;overflow: hidden;}
.menu > ol .sub-menu {border-left:1px solid #FBFBFB; margin-left:22.5px; list-style:none; max-height:0px; overflow:hidden;  padding-left:7.5px; position:relative; transition:0.5s; z-index:1;}
.menu > ol > li:focus .sub-menu, .menu > ol > li:focus-within .sub-menu, .menu > ol > li:focus-visible .sub-menu, .menu > ol > li:hover .sub-menu  {max-height:1000px;}
.menu > ol .sub-menu li {font-size: 0.9em;} .menu > ol .sub-menu li.has-submenu {position:relative}
.menu > ol .sub-menu li:hover, .menu > ol .sub-menu li a:focus {background: rgba(60, 60, 60, 0.3);}
.menu > ol .sub-menu li a:after {bottom: 5px; height: 1px;}
.menu > ol .sub-menu li a:hover:after, .menu > ol .sub-menu li a:focus:after {width: 15px;}

#banner-inner {display:block; position:relative; min-height:52vh; padding:4% 0; padding-bottom:0; margin-bottom:1rem; background-size:cover; background-position:50%; z-index:0}
#banner-inner:after {position:absolute; content:""; top:0; right:0; bottom:0; left:0;     background-color: rgb(0 0 0 / 30%);}
#banner-inner .page-title-container{position:absolute; bottom:0%; right:0; left:0; /*transform:translateY(-50%);*/ z-index:111; padding:2% 10%; margin:auto; text-align:center}
#banner-inner .page-title-container .page-title{font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif!important; font-weight:300; color:var(--bs-white); text-transform:uppercase; font-size:10vh; letter-spacing:0.3em; line-height:1.2em;}

.events {background-color:#f9f9f9;}  .inner-content {background-color:var(--bs-white);}
.events .head-text, .inner-content .head-text {text-transform:uppercase; color:rgb(34, 36, 35)}
.events .figure {position:relative; cursor:pointer;}
.events .zoom-scale  {overflow:hidden}
.events .zoom-scale .img-full{width:100%; height:100%; transform:scale(1); transition:all 0.6s ease-in-out}
.events .zoom-scale:hover .img-full{transform:scale(1.25)}
.events .figure-caption {background-color:var(--bs-white); padding:5px 5px 10px 20px; color:rgb(100, 102, 100); font-size:1rem; font-weight:500; min-height:62px}
.events .viewmore {color:rgb(100, 102, 100); text-decoration:none}
.events .viewmore i {transform:scale(1);  transition:transform 0.6s linear}
.events .viewmore:hover i {transform:scale(1.25);}

.whyjp {background-color:var(--bs-white);} 
.whyjp .head-text{font-size:2.5rem; color:rgb(34, 36, 35)} 

.mission-vision{background-color:#f3b140; color:white; }
.mission-vision .head-text {text-transform:uppercase}
.mission-vision p {font-size: calc(0.9rem + .3vw)!important}

.updates {background:var(--bs-white)}
.updates figure {position:relative; overflow:hidden; cursor:pointer} 
.updates .zoom-scale {overflow:hidden}
.updates .zoom-scale .img-full {width:100%; height:100%; transform:scale(1); transition:all 0.4s ease-in-out}
.updates .zoom-scale:hover .img-full {transform: scale(1.25);}
.updates .zoom-scale {border-bottom-width:6px; border-bottom-style:solid; border-bottom-color:transparent}
.updates figure .bdr-1 {border-bottom-color:rgb(50,160,225)}
.updates figure .bdr-2 {border-bottom-color:rgb(240,127,71)}
.updates figure .bdr-3 {border-bottom-color:rgb(232,85,215)}
.updates figure .bdr-4 {border-bottom-color:rgb(0,159,154)}
.updates figure .bdr-5 {border-bottom-color:rgb(0,159,154)}
.updates figure .bdr-6 {border-bottom-color:rgb(243,177,64)}
.updates figcaption {position:absolute; position:absolute; bottom:35px; left:0; right:0; text-align:center; color:var(--bs-white); font-size:1.15rem; font-weight:600}
.updates figcaption:after {position:absolute; content:""; width:20px; height:2px; background-color:var(--bs-white); left:calc(50% - 10px); bottom:-5px}

.organization {
	background-color:#009f9a;
}
.organization .head-text {text-transform:uppercase}
.organization p {font-size: calc(0.9rem + .3vw)!important}


.news-events {background-color:var(--bs-white);} 
.news-events figure{padding:0px 10px; position:relative; cursor:pointer}   
.news-events figure .ne-img-box {position:relative; z-index:1;}
.news-events .zoom-scale {overflow:hidden; position:relative; z-index:11}
.news-events .zoom-scale .img-full {width:100%; object-fit:cover; height:100%; transform:scale(1); transition:all 0.6s ease-in-out}
.news-events .zoom-scale:hover .img-full {transform: scale(1.25);}
.news-events figcaption {background:rgba(0,0,0,0.45); color:var(--bs-white); position:absolute; bottom:10px; width:calc(100% - 20px); right:10px; left:10px; padding:2% 2.5%;  z-index:11; transition:all 0.6s ease-in-out}
.news-events figcaption h6 {font-size: calc(0.72rem + .3vw)!important; line-height:1.45rem}
.news-events .figure-caption-top {position:relative; background:transparent; bottom:0; left:0;  padding:10px}
.news-events .figure-caption-top ul {list-style:square; margin:5px 0px}
.news-events .figure-caption-top ul li {margin:1px 0px}
.news-events .figure-caption-top ul li a{font-size:0.84rem; color:var(--bs-white); text-decoration:none}
.news-events .figure-caption-top ul li a:hover, .news-events .figure-caption-top ul li a:focus, .news-events .figure-caption-top ul li a:visited {color:#d4d4d4}
.after{position:relative;}
.after:after{position:absolute; content:""; background-color:var(--bs-white); width:35px; height:3px; left:0; bottom:-10px}
.flip-card {perspective:1000px}
.flip-card-inner {position: relative; width:100%; height:100%; transition:transform 0.8s; transform-style:preserve-3d}
.flip-card:hover .flip-card-inner {transform: rotateY(180deg)}
.flip-card-front, .flip-card-back {position:relative; z-index:111; width:100%; height:100%;  -webkit-backface-visibility:hidden; backface-visibility:hidden}
.flip-card-back {position:absolute; top:0; transform: rotateY(180deg); background:rgba(0,0,0,0.75);}


/*.video-gallery, .newsletters, .image-gallery {background-color:rgb(241,242,244)} */
.video-gallery .head-text,  .newsletters .head-text,  .image-gallery {text-transform:uppercase; font-size:2.5rem; color:rgb(34, 36, 35)}
.video-gallery  .video {position:relative;     cursor: pointer;    margin: 10px 0px; padding:10px}
.video-gallery  .video-title, .newsletters .nl-title{background-color:var(--bs-white); margin-top:-5px; padding:6px 6px 12px 20px; color:rgb(100, 102, 100); font-size:0.96rem; font-weight:600; min-height: 70px;}
.newsletters .nl-title {display:flex; justify-content:flex-start; align-items:center}
.video-gallery  .video-title.r-height {min-height:40px!important}
.image-gallery .zoom-scale  {overflow:hidden}
.image-gallery .zoom-scale .img-full{width:100%; height:240px; object-fit:cover; transform:scale(1); transition:all 0.6s ease-in-out}
.image-gallery .zoom-scale:hover .img-full{transform:scale(1.25)}


.newsletters .nl-box {display:flex; justify-content:center; align-items:center; background-color:var(--bs-white); overflow:hidden; cursor:pointer; border-radius:15px; padding:3px 15px; margin:10px 0px}
.newsletters .nl-box img {border-right:2px solid #d4d4d4; padding-right:20px}
.newsletters .nl-box.box-column {flex-direction:column; flex-wrap:nowrap; padding:10px; box-shadow:rgb(50 54 58 / 10%) 0px 8px 24px; min-height:200px}
.newsletters .nl-box.box-column img {border:none; padding-right:0;}
.newsletters .nl-box.box-column img.img-fluid {width:50px; height:50px}
.newsletters .nl-box.box-column .nl-title {text-transform:uppercase; text-align:center; margin:5px 0; background:transparent; font-size:1rem; font-weight:400}
.faculty {position:relative; min-height:220px;} .faculty .v-middle {vertical-align:middle} .faculty .v-middle:last-child {border-color:transparent}
.faculty .table-group-divider {border-top:1px solid #d4d4d4}
.faculty .fs-cs-6, .faculty .fs-cs-5{font-size:0.80rem;}
.faculty .fs-cs-5 {font-weight:bold}  

.achievers .nl-box {display:flex; justify-content:center; align-items:center; background-color:var(--bs-white); overflow:hidden; cursor:pointer; border-radius:15px; padding:3px 15px; margin:10px 0px}
.achievers .nl-box img {border-right:2px solid #d4d4d4; padding-right:20px}
.achievers .nl-box.box-column {flex-direction:column; flex-wrap:nowrap; padding:10px; box-shadow:rgb(50 54 58 / 10%) 0px 8px 24px; min-height:200px}
.achievers .nl-box.box-column img {border:none; padding-right:0;}
.achievers .nl-box.box-column img.img-fluid {width:150px; height:auto}
.achievers .nl-box.box-column .nl-title {text-transform:uppercase; text-align:center; margin:5px 0; background:transparent; font-size:1rem; font-weight:400}

.other-links{ padding-top: 70px; padding-bottom: 70px;}
.other-links .zoom-scale {
    /*overflow:hidden; */
    margin-bottom:1rem;
}
.other-links .zoom-scale img {padding:5px 0; transform:scale(1); transition:all 0.6s ease-in-out}
.other-links .zoom-scale:hover img.img-fluid{transform:scale(1.15)}




.viewmore{display:inline-block; padding:0.75rem 1.25rem; border-radius:10rem; color:var(--bs-white); text-decoration:none; font-size:1rem; letter-spacing:0.15rem; transition:all 0.3s; position: relative; overflow: hidden; z-index: 1;}
.viewmore:after {content:""; position:absolute; bottom:0; left:0; width:100%;  height:100%; background-color:rgb(114,138, 102);  border-radius:10rem; z-index: -2;}
.viewmore:before {content:""; position:absolute; bottom:0; left:0; width:0; height:100%; background-color:var(--topbar-color); transition:all 0.3s; border-radius:10rem; z-index:-1}
.viewmore:hover {color:var(--bs-white);}
.viewmore:hover:before {width: 100%;}

.page-not-found{position:relative; text-transform:none}
.page-not-found .not-found{max-width: 767px;  width: 100%;   line-height:1.4; padding: 0 15px;}
.page-not-found .not-found-404 {position:relative; line-height:150px; margin-bottom: 25px;}
.page-not-found .not-found .not-found-404 .heading {font-family:inherit;color:var(--bs-light-rgb); font-size:10vw!important; font-weight:bold; }
.page-not-found  p {text-transform:none}

footer {
    position: relative; /* Ensure positioning works correctly */
    color: white; /* Text color */
}

footer::before {
    content: ''; /* Create a pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2f2552; /* Background color */
    opacity: 75%; /* Adjust the opacity */
	z-index: 0;
}

footer {
	background-image: url('/public/assets/media/footer-bg.jpg'); /* Background image */
    background-size: cover; /* Adjust the background image size */
    background-position: center; /* Center the background image */
    z-index: 1; 
}
footer h6 {color:var(--bs-white); font-weight:bold; font-size:1.4rem; margin:10px 0px 30px 0px; position:relative; }
footer ul.nav {margin:10px 0px 10px 0px} 
footer ul.nav li {margin:5px 0px 10px 0px}
footer ul.nav li a{font-size:1.1rem; color:var(--bs-white);}
footer ul.nav li a:hover, footer ul.nav li a:focus, footer ul.nav li a:visited {color:#fff}
footer .fb-text i {font-size:2rem} footer .fb-text i:last-child{position:relative; top:4px}
footer .fb-text span {font-size:1.1rem; position: relative;}
footer .fb-text a {color:var(--bs-white); text-decoration:none}
footer .fb-text a:hover, footer .fb-text a:focus, footer .fb-text a:visited {color:#d4d4d4}
footer ul.fhover li a{position:relative; display:inline}
footer ul.fhover li a:after {background-color:var(--bs-white);  width:auto; height:2px; position:absolute; content:""; left:0; right:100%; bottom:-5px; transition:all 750ms cubic-bezier(0, 1.5, 1, 1.5);}
footer ul.fhover li a:hover:after {right:0}

.copyright {background-color:#009f9a; margin-top:0px; padding:0.5rem 1rem; color:var(--bs-white)}
.copyright a {text-decoration:none;  color:var(--bs-white); font-size:0.90rem; line-height:2rem}
.floating-btn {position: fixed; transform: rotate(270deg); background:rgb(114,138, 102); min-width: 150px; color: #fff; right:-90px; z-index:111; padding:10px 15px; border-radius: 6px 6px 0px 0px; top: calc(50% - 75px); cursor:pointer}
.floating-btn  span {position:relative; z-index:115}

@keyframes tickerhmove {
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible; }
100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}

@media (max-width:991.98px) { 
.custom-nav-with-bg {background-color:transparent; position:absolute; top:0px;  right:0; left:0; z-index: 101;}
.custom-nav-with-bg .navbar-toggler {position:absolute; top:0; right:10px}
.navbar-collapse {background-color:#2c2c2c; width:100%; position:absolute; top:0px; right:0; left:0;}
.custom-nav-with-bg .nav-item, .custom-nav-with-bg .nav-link{text-align:left}
#banner-inner {min-height:20vh}
}

@media (min-width:775px) {
.menu a:focus, .menu a:hover {position: relative;}
.menu a:focus:after, .menu a:hover:after {width: 50px;}
.menu a:after {left:0; right:0; margin:auto;}
.menu {margin:0; margin-top:-5px; height:50px; display:block; overflow:visible}
.menu > ol {display:block; max-width:none; text-align:center; margin:0}
.menu > ol > li { 
	/*border-top: 5px solid var(--accent-color); */
	border-left:0; display: inline-block; margin-left:-5px; vertical-align:top; width: 8.33%}
.menu > ol > li:hover:after, .menu > ol > li:focus:after, .menu > ol > li:focus-within:after {background: linear-gradient(to bottom, var(--accent-color), var(--gradient-color)); border-radius:3px; top:48px; bottom:3px; left:-50px; right:-15px; width:260px}
.menu > ol > li:hover .sub-menu, .menu > ol > li:focus .sub-menu, .menu > ol > li:focus-within .sub-menu {max-height: 750px; overflow:unset}
.menu > ol > li.has-child:hover:before {transform: rotate(-180deg); z-index:999}
.menu > ol .sub-menu {border-left:0; margin:15px -15px 0px; padding-left:0; width:260px; left:-35px}
.menu > ol .sub-menu > .has-submenu > .sub-menu {overflow:hidden; background:linear-gradient(to bottom, var(--accent-color), var(--gradient-color)); position:absolute; bottom:20px; left:calc(100% + 14px); max-height:0; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.menu > ol .sub-menu > .has-submenu:hover > .sub-menu, .menu > ol .sub-menu > .has-submenu:focus > .sub-menu, .menu > ol .sub-menu > .has-submenu:focus-within > .sub-menu{max-height:750px; bottom:3px}
}

@media (max-width:767.98px) { .events .figure-caption {padding-left:6px}}
	
	
.image-container-d {
	position: relative;
	width: 70%;
	height: 100%;
	/*overflow: hidden;*/
	padding-left: 20%;
	margin-bottom: 30px;
}

.image-d {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overlay-box-d {
	position: absolute;
	top: 15%;
	/*right: -30%; */
    left: 90%;
	padding: 15px;
	background-color: #fff; /* Adjust the background color and opacity as needed */
	color: #000; /* Adjust the background color and opacity as needed */
	max-width: 50%;
	width: 50%;
}
.border-d {
	position: absolute;
	top: 36%;
	left: -8%;
	height: 75%;
	width: 50%;
	/* background-color: #000; */
	/* color: #000; */
	border-bottom: 8px solid #f47d07;
	border-left: 8px solid #f47d07;
}

@media (max-width:767.98px) {
	.border-d{
		border-bottom: 8px solid #f47d07;
		border-left: 8px solid #f47d07;
	}
	.overlay-box-d{
		position: relative;
		top: 8%;
		left: 0;
		padding: 15px;
		background-color: #fff;
		color: #000;
		max-width: 100%;
		width: 100%;
	}
	.image-container-d{
		padding-left: 0%;
		margin-left: 0%;
		width: 100%;
	}
}

.mini-img-container{
	position:relative;
}


.image-container-chairman {
	position: relative;
	width: 70%;
	height: 50%;
	/*overflow: hidden;*/
	max-width: 50%;
	margin-bottom: 100px;
}

.image-chairman {
	width: 50%;
	height: 50%;
	object-fit: cover;
	z-index: 2;
	position: relative;
	top: 100px;
	left: 40%;
}

.overlay-box-chairman {
	position: absolute;
	top: 39%;
	left: 82%;
	padding: 37px;
	padding-left: 60px;
	width: 75%;
	z-index: 3;
	background-color: #fff6ed;
	color: #000;
	letter-spacing: 1px;
}
.border-chairman {
	position: absolute;
	top: 50px;
	left: 20px;
	height: 70%;
	width: 70%;
	z-index: 1;
}
.overlay-content-chairman {
    position: absolute;
	top: 73%;
	left: 90%;
	/* padding: 5px; */
	width: 66%;
	z-index: 3;
    color: #000;
	font-size: 16px;
}
.academic{
	background-color: #f9f9f9;
	padding-top: 75px;
	padding-bottom: 75px;
}	
.mission-content{
	padding-left: 10%;
	padding-right: 10%;
}
  #popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border: 2px solid #ccc;
    z-index: 9999;
  }

  #popup img {
    max-width: 100%;
    height: auto;
    max-height: 80vh; /* Set maximum height relative to the viewport height */
    width: auto;
    transition: opacity 0.5s ease-in-out; /* Add a smooth opacity transition */
  }

  #popup button {
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
  }

  #popup button.close {
    right: 5px;
    top: 5px; /* Add a specific top value for the close button */
  }

  #popup button.prev {
    left: 5px;
  }

  #popup button.next {
    right: 5px;
  }

.testimonials{
	/*margin-top: 50px;*/
	padding-top: 50px;
	padding-bottom: 70px;
	background-color: #504280;
	position: relative;
	width: 100%;
	height: auto;
}
.testimonials-box{
	padding: 20px;
	border-radius: 20px;
	background-color: #fff;
}
.testimonials-img{
	border-radius: 50%;
}
.quote{
	color: #504280;
	font-size: 25px;
}
.image-testimonials {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20%;
	z-index: 3;
	opacity: 30%;
}
#navbar {
	position: fixed;
	width: 100vw;
	height: 10vh;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #fff;
	color: #000;
	top: 0;
	left: 0;
	z-index: 999;
}
#navbar.fixed {
	position: fixed;
	height: 10vh;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.logo-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 550px;
	max-height: 100%;
	height: auto;
	cursor: pointer;
	z-index: 10;
}
.logo-img-2{
    max-height: 550px;
    max-width: 50%;
    text-align: center;
}
.erp-img {
	max-width: 20px;
	max-height: 20px;
}
.erp{
	position: absolute;
	top: 30%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 50px;
	color: #be2b27;
	cursor: pointer;
}
.contact_us{
	position: absolute;
	top: 30%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 110px;
	color: #000;
	cursor: pointer;
}
.contact_us_icon{
    font-size: 1.5rem;
    transform: translateY(20%);
}
.bento{
	margin-top: 70px;
}
.bento-wrapper{
	display: grid;
	margin: 0;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: minmax(100px, auto);
	grid-gap: 0px;
}
.bento-wrapper div{
	cursor: pointer;
}
.bento-item-1{
	position: relative;
	grid-column: 1/3;
	grid-row: 1/3;
}
.bento-item-2{
	position: relative;
	grid-column: 3/5;
	grid-row: ;
}
.bento-item-3{
	position: relative;
	grid-column: 5/6;
	grid-row: ;
}
.bento-item-4{
	position: relative;
	grid-column: 1/3;
	grid-row: ;
}
.bento-item-5{
	position: relative;
	grid-column: 3/4;
	grid-row: 2/4;
}
.bento-item-6{
	position: relative;
	grid-column: 4/6;
	grid-row: 2/4;
}
.bento-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}
.bento-img-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.bento-img-overlay-text {
	color: white;
    padding-bottom: 30px;
    padding-left: 30px;
    bottom: 0;
    position: absolute;
    font-size: 2.2rem;
    font-weight: 900;
	z-index: 3;
}

.bento-img-overlay-hover-1{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #f3b140;
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
}

.bento-img-overlay-hover-2{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #e30613;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}

.bento-img-overlay-hover-3{
	position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
	background-color: #fd4f00;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}

.bento-img-overlay-hover-4{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #e50159;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}

.bento-img-overlay-hover-5{
	position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
	background-color: #2f2552;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}

.bento-img-overlay-hover-6{
	position: absolute;
bottom: 0;
  left: 100%;
  right: 0;
	background-color: #13928b;
	overflow: hidden;
  width: 0;
  height: 100%;
	transition: .5s ease;
}

.bento-img-overlay-hover-text {
	color: white;
	font-size: 1.7rem;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	width: 90%;
}

.bento-item-1:hover .bento-img-overlay-hover-1 {
	width: 100%;
}
.bento-item-2:hover .bento-img-overlay-hover-2 {
	height: 100%;
}
.bento-item-3:hover .bento-img-overlay-hover-3 {
  bottom: 0;
  height: 100%;
}
.bento-item-4:hover .bento-img-overlay-hover-4 {
	height: 100%;
}
.bento-item-5:hover .bento-img-overlay-hover-5 {
  bottom: 0;
  height: 100%;
}
.bento-item-6:hover .bento-img-overlay-hover-6 {
  width: 100%;
  left: 0;
}
.logo-div{
	text-align: center;
}
@media (max-width:767.98px) { 
	.erp{
		display:none;
	}
	.contact_us{
		display:none;
	}
	.bento-img-overlay-text {
		padding-bottom: 0px;
		padding-left: 15px;
		font-size: 1.5rem;
	}
	.bento-wrapper{
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		grid-auto-rows: minmax(20px, auto);
	}
	.bento-item-1{
		grid-column: 1/6;
		grid-row: 1/1;
	}
	.bento-item-2{
		grid-column: 1/6;
		grid-row: 3/3;
	}
	.bento-item-3{
		position: relative;
		grid-column: 1/6;
		grid-row: 5/5;
	}
	.bento-item-4{
		position: relative;
		grid-column: 1/6;
		grid-row: 7/7;
	}
	.bento-item-5{
		position: relative;
		grid-column: 1/6;
		grid-row: 9/9;
	}
	.bento-item-6{
		position: relative;
		grid-column: 1/6;
		grid-row: 11/11;
	}
	
	.image-container-chairman {
		position: relative;
		left: 0;
		width: 100%;
		height: 50%;
		/* overflow: hidden; */
		max-width: 100%;
		margin-bottom: 100%;
	}
	.image-chairman {
		width: 70%;
		height: 50%;
		object-fit: cover;
		/* z-index: 2; */
		position: relative;
		top: 50%;
		left: 15%;
	}
	.border-chairman {
		display: none;
	}
	.overlay-box-chairman {
		position: absolute;
		top: 90%;
		left: 13%;
		padding: 20px;
		/* padding-left: 60px; */
		width: 75%;
		z-index: 3;
		background-color: #fff6ed;
		color: #000;
		letter-spacing: 1px;
	}	
	.overlay-content-chairman {
		position: absolute;
		/* margin-top: 5%; */
		top: 125%;
		left: 17%;
		/* padding: 5px; */
		width: 66%;
		z-index: 3;
		color: #000;
		font-size: 14px;
	}
	.chair-title{
		font-size: 1rem !important;
		font-weight: 900;
	}
	#banner-inner .page-title-container .page-title{
		font-size:6vw;
	}
	.logo-img-2 {
		max-width: 85%;
	}
	.logo-div{
		text-align: left;
	}
}
@media (min-width:767.99px) { 
	
}
.bento-mini-item{
	position: relative;
}
.bento-mini-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}
.bento-mini-img-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.bento-mini-img-overlay-text {
	color: white;
    padding-bottom: 20px;
    padding-left: 20px;
    bottom: 0;
    position: absolute;
    font-size: 1.5rem;
    font-weight: 900;
}
.title{
	font-size: 2.5rem !important;
}
#banner{
	position: relative;
}
#home-vid{

}
#playVideo {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
#playVideoBtn{
	font-size: 3.5rem !important;
	cursor: pointer;
	transition: .5s ease;
}
#playVideoBtn:hover{
	transform: scale(1.3);
	transition: .5s ease;
}
.lazy-section {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.lazy-section.lazy-active {
	opacity: 1;
	transform: translateY(0);
}
.title-effect{
	animation: titleAnimation 2s 1 normal forwards;
}
@keyframes titleAnimation {
	from {
		transform: translateX(50px); 
		opacity: 0;
	}
	to { 
		transform: translateX(0px); 
		opacity: 1;
	}
}

.read-more, .read-more:hover, .read-more:focus, .read-more:visited {color:#000; text-decoration: none;}
.read-more{position:relative; display:inline}
.read-more:after {background-color:#868484;  width:auto; height:2px; position:absolute; content:""; left:0; right:100%; bottom:-5px; transition:all 750ms cubic-bezier(0, 1.5, 1, 1.5);}
.read-more:hover:after {right:0}

.dy-page-content table{
	border-radius: var(--bs-border-radius)!important;
	margin-top: 1.5rem!important;
	margin-bottom: 1.5rem!important;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 0.94rem;
	margin-bottom: 0!important;
	width: 100%!important;
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: var(--bs-table-color);
	vertical-align: top;
	border-color: var(--bs-table-border-color);
}
 /*
.menu-container {
	position: relative;
	height: 100%;
	width: 100%;
}

.menu-button {
	position: absolute;
	top: 20px;
	left: 20px;
	background: none;
	border: none;
	cursor: pointer;
	transition: opacity 0.3s ease;
	z-index: 2;
}

.menu {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	z-index: 1;
	transition: transform 0.3s ease;
	transition: all 0.3s ease;
}
.left-section, .right-section {
	width: 50%;
	height: 100%;
	top: 0;
}
.left-section {
	transform: translateX(-100%);
	transition: all 0.5s;
}

.right-section {
	transform: translateX(100%);
	transition: all 0.5s;
}

.menu.open .left-section {
	background-color: #f3b140;
	color: #000;
	transform: translateX(0%);
	transition: all 0.5s;
	padding-top: 2%;
    padding-left: 15%;
	
}

.menu.open .right-section {
	background-color: #f3b140;
	color: #000;
	transform: translateX(0%);
	transition: all 0.5s;
	padding-top: 5%;
	padding-left: 15%;
}

.menu.open {
	transform: translateX(0%);
	margin-top: 10vh;
	position: fixed;
	height: 90vh;
	z-index: 8;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	background-color: #f3b140;
	
}

.open-button img {
	display: block;
}

.close-button img {
	display: block;
}

.menu.open .open-button img {
	display: none;
}

.menu.open .close-button img {
	display: block;
}



.menu .left-section .accordion-item {
	display: block;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	opacity: 0;
	transition: opacity 0.1s ease, transform 0.3s ease;
	letter-spacing: 0.5px;
	font-size: 1.3rem;
	font-weight: 400;
	text-decoration: none;
	transform: translateX(-100%);
	background-color: #f3b140 !important;
	border: 0 !important;
}
.menu .right-section a {
	display: block;
	padding: 10px;
	font-size: 1.3rem;
	text-decoration: none;
	color: black;
	opacity: 0;
	transition: opacity 0.1s ease, transform 0.3s ease;
	transform: translateX(100%);
}

.menu .left-section a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000;
	transition: opacity 0.1s ease, transform 0.3s ease;
}


.menu.open .right-section a {
	transition-delay: 0.3s;
	opacity: 1;
	transform: translateX(0%);
}

.menu.open .left-section a:hover {
	background-color: #fff;
	border-radius: 10px;
	color: #000;
	transition: all 0.3s ease;
}

.menu.open .left-section .accordion-item {
	transition-delay: 0.3s;
	opacity: 1;
	transform: translateX(0%);
}

.menu.open .left-section .accordion-item:nth-child(1) {
	transition-delay: 0.3s;
}
.menu.open .left-section .accordion-item:nth-child(2) {
	transition-delay: 0.4s;
}

.menu.open .left-section .accordion-item:nth-child(3) {
	transition-delay: 0.5s;
}
.menu.open .left-section .accordion-item:nth-child(4) {
	transition-delay: 0.6s;
}
.menu.open .left-section .accordion-item:nth-child(5) {
	transition-delay: 0.7s;
}
.menu.open .left-section .accordion-item:nth-child(6) {
	transition-delay: 0.8s;
}
.menu.open .left-section .accordion-item:nth-child(7) {
	transition-delay: 0.9s;
}
.menu.open .left-section .accordion-item:nth-child(8) {
	transition-delay: 1s;
}
.menu.open .left-section .accordion-item:nth-child(9) {
	transition-delay: 1.1s;
}
.menu.open .left-section .accordion-item:nth-child(10) {
	transition-delay: 1.2s;
}
.menu.open .left-section .accordion-item:nth-child(11) {
	transition-delay: 1.3s;
}

.menu .left-section .accordion-item {
	transition-delay: 0.3s;
	opacity: 1;
	transform: translateX(-110%);
}

.menu.open .right-section .menu-link {
	transition-delay: 0.3s;
	opacity: 1;
	transform: translateX(0%);
}

.menu.open .right-section .menu-link:nth-child(1) {
	transition-delay: 0.3s;
}
.menu.open .right-section .menu-link:nth-child(2) {
	transition-delay: 0.4s;
}

.menu.open .right-section .menu-link:nth-child(3) {
	transition-delay: 0.5s;
}
.menu.open .right-section .menu-link:nth-child(4) {
	transition-delay: 0.6s;
}
.menu.open .right-section .menu-link:nth-child(5) {
	transition-delay: 0.7s;
}
.menu.open .right-section .menu-link:nth-child(6) {
	transition-delay: 0.8s;
}
.menu.open .right-section .menu-link:nth-child(7) {
	transition-delay: 0.9s;
}
.menu.open .right-section .menu-link:nth-child(8) {
	transition-delay: 1s;
}
.menu.open .right-section .menu-link:nth-child(9) {
	transition-delay: 1.1s;
}
.menu.open .right-section .menu-link:nth-child(10) {
	transition-delay: 1.2s;
}

.menu .right-section .menu-link {
	transition-delay: 0.3s;
	opacity: 1;
	transform: translateX(110%);
}
.menu.open .right-section .menu-link:hover {
	color: #313131;
	letter-spacing: 2px;
	transition: all 0.3s ease;
}
.menu.open .right-section .menu-link {
	transition: all 0.3s;
}


.accordion-button-nav{
	background-color: #f3b140;
    color: #000;
    font-weight: 500;
    padding: 5px;
    font-size: 1.4rem;
}*/

.toggle {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    /* left: 50px; */
	width: 40px;
	height: 40px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 9;
}

.toggle span {
	height: 2px;
	margin: 3px 5px;
	width: 25px;
	display: block;
	background: #000;
	transition: all 0.3s ease;
}

.toggle span:nth-child(2) {
	width: 25px;
	margin-left: -10px;
}
.toggle.active span:nth-child(1) {
	color: #fff;
	transform: rotate(-45deg) translate(-5px, 6px);
}
.toggle.active span:nth-child(2) {
	opacity: 0;
}
.toggle.active span:nth-child(3) {
	color: #fff;
	transform: rotate(45deg) translate(-6px, -7px);
}
.banner-section .carousel-caption span{
	font-size: 1.8rem;}

.banner-section .carousel-caption {
	bottom: 5.25rem !important;
}
@media screen and (max-width: 797px) {
	.right-section{
		width:0;
		display: none;
	}
	.left-section{
		width:100%;		
	}
	.toggle{
		/*left: -20px;*/
	}
	.mini-img-container {
		position: relative;
		margin-left: 20%;
		padding-right: 20%;
	}
	.banner-section .carousel-caption span{
		font-size: 1rem;
	}
	.banner-section .carousel-caption {
		bottom: 1.25rem !important;
	}
	#banner-inner {
		background-position: 100%;
	}
	.bento-img-overlay-hover-text{
		font-size: 1.2rem;
	}
	#navbar .logo-img {
		max-width: 270px;
	}
}
@media screen and (min-width: 797px) {
	.last-nav-accordion{
		display: none;
	}
	header{
		width: calc(100% - 15px);
	}
	::-webkit-scrollbar {
		width: 15.5px;
	}
	::-webkit-scrollbar-thumb {
		background: #c5c5c5;
	}
}
#navbar ::-webkit-scrollbar {
	width: 10px;
}

/* Track */
#navbar ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey; 
	border-radius: 10px;
}

/* Handle */
#navbar ::-webkit-scrollbar-thumb {
	background: #fff; 
	border-radius: 10px;
}

/* Handle on hover */
#navbar ::-webkit-scrollbar-thumb:hover {
	background: #f7f7f7; 
}
.banner-section{
    /*margin-top: 10vh;*/
}
.banner-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Black overlay with 50% opacity */
}
.main_content{
    /*margin-top: 10vh;*/
	position: relative;
}
.lg-icon{
    font-size: 2rem !important;
}
.jss{
	/*margin-top: 50px;*/
	padding-top: 50px;
	padding-bottom: 50px;
	/*background-color: #f9f9f9;*/
	background-image: linear-gradient(to bottom, #f8f886 , #75d2eb);
	position: relative;
	width: 100%;
	height: auto;
}
.jss-img{
    max-width: 300px;
	position: relative;
	top: 50%;
	transform: translate(0%, -50%);
}
.img-galleries{
	/*margin-top: 50px;*/
	padding-top: 50px;
	padding-bottom: 50px;
	/*background-color: #fff;*/
	background-image: linear-gradient(to bottom, #75d2eb, #ffad73);
	position: relative;
	width: 100%;
	height: auto;
}
.img-gallery-cover-img{
	max-width: 100%;
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: 0.5s ease;
	overflow:hidden;
}
.home-img-gallery{
	cursor: pointer;
}
.home-img-gallery{
	transition: 0.5s ease;
	overflow:hidden;
}
.home-img-gallery:hover{
	transform: scale(1.1);
	transition: 0.5s ease;
}
.hover-button-imgs{
	border: 1px solid #000;
	padding: 10px;
	/*background-color: #fff;*/
	background-color: transparent;
	transition: .5s;
	font-size: 18px;
	padding-left: 30px;
	color: #000;
}
.hover-button {
	transition: .5s;
}

.hover-button:hover {
	/*background-color: #f9f9f9;*/
	background-color: transparent;
	border: 1px solid #f9f9f9;
	transition: .5s;
	padding-right: 30px;
}

.hover-button-icon{
	opacity: 0;
	transition: opacity 0.3s;
}

.hover-target:hover .hover-button-icon{
	opacity: 1;
}
.waveContainer{
	height: 180px;
	overflow: hidden;
	background-color: #f9f9f9;
}
.viewBox{
	height: 100%;
	width: 100%;
}
.path{
	stroke: none;
	fill: #f3b140;
}
.path-organization{
	stroke: none;
	fill: #009f9a;
}
.wc-org-bottom{
	background-color: #fff !important;
}

.cs-table th {
	background-color: #9edeca;
	color: #000;
}
.cs-table tbody tr:nth-child(odd) {
	background-color: #e5f8ea; /* lighter shade of #6957ba */
}
.cs-table tbody tr:nth-child(even) {
	background-color: #eef9f6; /* lighter shade of #8e80d2 */
}
.social_icons{
    font-size: 1.7rem;
    transform: translateY(10%);
	
}
@media (max-width:797px) { 
	.header_social{
		display: none !important;
	}
	.page_content p img{
        max-width: 90vw;
        height: auto !important;
        object-fit: cover;
    }
}
@media (min-width:797px) { 
    #logo-submenu{
        max-width: 100%;
    }
}
.btn-registration{
	right: 340px;
	background-color: #f3b140;
	border-radius: 15px;
}
.btn-registration:hover{
    color: white !important;
	background-color: #009f9a !important;
	border-radius: 15px !important;
}
.header_insta{
	right: 600px;
	color: #b93a90 !important;
	/*color: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);*/
}
.header_yt{
	right: 640px;
	color: #f00 !important;
}
.header_fb{
	right: 680px;
	color: #0866ff !important;
}
.header_wa{
	right: 720px;
	color: #25d366 !important;
}
.header_fit{
	right: 760px;
}
.header_intach{
	right: 680px;
}
.header_so{
	right: 570px;
}
.header_social_img{
	max-width: 100px;
	max-height: 100px;
}
.head-text-link{
	text-decoration: none !important;
}

  .blinking-text {
      animation: blink 1s infinite;
    }

    @keyframes blink {
      0% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 1; }
    }
    
.whatsapp_float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #25D366; /* WhatsApp green color */
    padding: 0; /* Remove padding */
    width: 50px; /* Adjust width as needed */
    height: 50px; /* Adjust height as needed */
    border-radius: 50%;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center; /* Center the content horizontally */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease;
}

  .whatsapp_float:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);
  }

  .whatsapp_container img {
    width: 40px;
    height: 40px;

    border-radius: 50%;
  }
  
  
.underlined {
/*   background: red; */
  position: relative;
}

.underline-mask:after {
  content: '';
  position: absolute;
  top: 95%;
  width: 150%;
  aspect-ratio: 3 / 1;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
  border: 6px solid hsl(280 80% 50%);
  /* Use a conic gradient mask to hide and show the bits you want */
  --spread: 140deg;
  --start: 290deg;
  mask: conic-gradient(from var(--start), white 0 var(--spread), transparent var(--spread));
}


.underline-overflow {
  display: inline-block;
  /* A little extra padding and overflow hidden   */
  overflow: hidden;
  padding-bottom: clamp(1rem, 2vmin, 2rem);
}
.underline-overflow:after {
  content: '';
  position: absolute;
  top: 100%;
  height: 150%;
  aspect-ratio: 2.5 / 1;
  left: 50%;
  transform: translate(-50%, -10%);
  border-radius: 50%;
  border: 6px solid hsl(10 80% 50%);
}

.underline-clip:after {
  content: '';
  position: absolute;
  top: 95%;
  width: 150%;
  aspect-ratio: 3 / 1;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
  border: 6px solid hsl(130 80% 50%);
  /* Use a clip-path to hide and show the bits you want */
  clip-path: polygon(0 0, 50% 50%, 100% 0);
}