*{
  font-family: "Exo", sans-serif;
}
.all_arrows {
  transition: 0.3s ease-in-out !important;
}
.all_arrows:hover {
  background-color: #ffc085 !important;
}
.nav1part2 li a {
    color: #000;
    text-decoration: none;
    font-size: 12px;
}
a.gov-link {
    color: #000;
    text-decoration: none;
	font-size: 14px;
}
.view-all {
    display: inline-block;
    padding: 8px 16px;
    margin: 5px 0;
    background-color: #007bff;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    width: 100%;
}
.introduction_page .view-all{max-width:391px}
.view-all:hover {
    background-color: #0056b3;
}
/* container size change */
@media (min-width: 576px) {
  .container {
    max-width: 570px !important;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 770px !important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1250px !important;
  }
}
@media (min-width: 1300px) {
  .container {
    max-width: 1260px !important;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1560px !important;
  }
  
}
@media (min-width: 1920px) {
  .container {
    max-width: 1900px !important;
  }
  
  .carousels .card {
    padding: 0px;
  }
	.carousels .card img {
		padding: 10px 85px !important;
	}
	#carousels2 .card img {
  padding: 8px 10px !important;
  height: 55% !important;
}
#wrapper2 .carousels {
    height: 195px !important;
}
#wrapper2 i {
  height: 60% !important;
}
}
@media (min-width: 2160px) {
  .container {
    max-width: 2100px !important;
  }
}
@media (min-width:1600px) and (max-width:1900px) {
             .updated_person .right_div .director_card {
    padding: 58px 45px !important;
    border: 0.5px solid #ffc8aa;
    border-radius: 10px;
    background: linear-gradient(150deg, #ffd8c2, transparent);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.updated_person .right_div .view-all {
    background: linear-gradient(180deg, #ff8d4f, #eb3600);
    color: white;
    padding: 27px 16px !important;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 17px;
    width: 48%;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px;
}
.updated_person .left_div .slider {
    height: 576px !important;
    overflow: hidden;
    position: relative;
}

}
@media (min-width:1901px) and (max-width:3000px) {
    .updated_person .right_div .director_card {
        padding: 42px 42px !important;
        border: 0.5px solid #ffc8aa;
        border-radius: 10px;
        background: linear-gradient(150deg, #ffd8c2, transparent);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .updated_person .right_div .view-all {
        background: linear-gradient(180deg, #ff8d4f, #eb3600);
        color: white;
        padding: 52px 16px !important;
        border: none;
        border-radius: 5px;
        font-weight: 500;
        font-size: 17px;
        width: 48%;
        transition: 0.3s ease-in-out;
        margin-bottom: 20px;
    }
    .updated_person .left_div .slider {
        height: 728px !important;
        overflow: hidden;
        position: relative;
    }
	.updated_person .right_div .director_card img {
    width: 386px!important;
    border-radius: 10px;
}
}
@media (min-width:300px ) and (max-width:700px){
	.barchives .view-all {
    width: 30%!important;
    padding: 7px 7px;
}
	.minister-message {
    font-size: 15px;
    text-align: justify;
}
	.modal-body img {
    min-height: 304px;
}
	.row.dir-row {
    display: flex;
    flex-direction: column-reverse;
}
.col-md-8.p-0.flex_box {
    width: 63%;
}
.card-body.text-center.text-md-start.p-2 {
    text-align: left !important;
}
.updated_person .center_div .card h5 {
    font-size: 15px;
    color: rgba(19, 86, 165, 1);
    font-weight: 600;
}
.updated_person .center_div .card img {
    border-radius: 10px 0 0px 10px;
    height: 100%;
    /* width: 70%; */
    object-fit: fill;
}
.col-md-4.flex_box.justify-content-left.pe-0 {
    display: flex
;
    width: 37%;
}
	/* head_animation div */
/* create new class name in h2 tag .head-h2 */
.col-md-4.quick-col:nth-child(2) {
    order: 3;
}
h2.head-h2 {
    font-size: 15px !important;
}

li#White {
    margin: 0px !important;
}

.nav1part4 {
    flex-direction: row!important;
    gap: 0px;
}

.flex_box {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
.cardz {
    margin-bottom: 20px;
}
/* hide image id name nav2_img2 */
#nav2_img2 {
    display: none;
}

#main_carousel .carousel-item {
    height: 100%;
}

/* THREECARD div section */
.cardz {
    margin-bottom: 20px;
}
/* quick link section  */
.col-md-4.quick-col:nth-child(2) {
    order: 3;
}
.right_div {
    margin-top: 30px;
}

.director_card {
    margin-bottom: 20px;
}
.updated_person .right_div .view-all{
    width: 46%;
}
/* _2p3a div :  change the width from the inline css */
._2p3a {
    width: 100%;
}

/* on the photo gallery tab section have video and video tab have photo.so it should be changed  */
/* on the stu_carousel section  */

}
@media (min-width:300px ) and (max-width:400px){
	.updated_person .right_div .view-all{
    width: 46%!important;
}
.row.dir-row {
    display: flex;
    flex-direction: column-reverse;
}
}
/* <!-- ===========navbar-01============ --> */
.flex_box {
  display: flex;
  align-items: center;
  gap: 10px;
}
#nav1_display2 {
  display: none;
}
.nav1part1,.nav1part2,.nav1part3{
	margin:0;
	padding:0;
}
.nav1part1 li,.nav1part2 li,.nav1part3 li,.nav1part4 li{
	margin:0;
	list-style:none;
	position:relative;
	padding-right:10px;
	font-weight:500;
	cursor:pointer;
	 overflow: hidden;
		white-space: nowrap;
 
}
.nav1part1 li::after,.nav1part2 li::after{
    content: "";
    position: absolute;
    top: 15%;
    right: 0px;
    height: 65%;
    width: 1px; 
    background-color: rgba(0, 0, 0, 0.216); 
	padding-right:0px;
}
.nav1part1 li:last-child::after,
.nav1part2 li:last-child::after{
    width: 0px; 
}
.nav1part2 li:first-child{
	text-align;center;
}
.nav1part3 li:first-child,.nav1part4 li:first-child{	
  padding:1px 4px;background:#000000;color: white;border: 1px solid #ffc085;
}
.nav1part3 li:nth-child(2),.nav1part4 li:nth-child(2){	
  padding:1px 7px;background:#C67756;
}
.nav1part3 li:nth-child(3),.nav1part4 li:nth-child(3){	
  padding:1px 4px;background:#FFE500;
}
.nav1part3 li:nth-child(4),.nav1part4 li:nth-child(4){	
  background:#FF8D4F;
}
.nav1part3 li:nth-child(5),.nav1part4 li:nth-child(5){	
  background:#000000;
}
.nav1part4{
	display;flex;
	flex-direction:column;
	gap:2px !important;
}
.small_box {
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  min-width: max-content;
}
.color_blind_box {
  height: 18px;
  width: 18px;
  cursor: pointer;
  border: 1px solid #ffc085;
}
@media only screen and (max-width: 600px) {
  .nav1_lines {
    width: 33%;
  }
  .nav1part1 li,.nav1part2 li,.nav1part3 li,.nav1part4 li{
	font-size:10px;
	padding-right:5px;
}
  #navbar_01 p {
    font-size: 12px;
  }
  #nav1_display1 {
    display: none;
  }
  #nav1_display2 {
    display: block;
    position: absolute;
    top: 2px;
    right: 5px;
    z-index: 1000;
  }
  .color_blind_box {
    width: 20px;
    height: 15px;
  }
}
@media only screen and (max-width: 600px) {
  .flex_box {
    gap: 7px;
  }
}

/* <!-- ===========navbar-02============ --> */
.nav2_leftdiv{
	display:flex;
	align-items:center;
}
.nav2_leftdiv .head_animation{
	position:relative;
	height:45px;
	overflow:hidden;
}
.nav2_leftdiv .head_animation h2{
	font-size: 26px;
    font-weight: 600;
    padding-left: 10px;
    position: relative;
    top: -162px;
    margin: 20px 0;
	animation:header_animation 6s linear infinite;
}
@keyframes header_animation {
    0% {
        top: 0;
    }
	5%{
		top: -60px;
	}
    32% {
        top: -60px;
    }
	37%{
		top: -110px;
	}
	67%{
		top: -110px;
	}
	72%{
		top: -162px;
	}
	100%{
		top: -162px;
	}
}
#nav2_img1 {
  /*width: 22%;*/
}
#nav2_img2 {
  width: 40%;
}
@media only screen and (max-width: 600px) {
	#navbar_02 {
    z-index: -1;
}
  #nav2_img1 {
    width: 60%;
  }
  #nav2_img2 {
    width: 38%;
	
  }
}
@media only screen and (max-width: 450px) {
  #nav2_img1 {
    width: 62%;
  }
  #nav2_img2 {
    width: 35%;
	display:none;
  }
}
/* <!-- ===========navbar-03============ --> */

#main-navbar {
  background-color: #ff8d4f;
  box-shadow: 0px 4px 4px 0px #00000040;
  position: relative;
  z-index: 999;
}
#main-navbar .mobile-nav-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.mobile-nav-content span{
	 font-weight: 800;
        letter-spacing: 1px;
        line-height: 15px;
        text-align: center;
        color: #be4400;
}

#main-navbar #menu-toggler {
  background-color: transparent;
  border: 1px solid #d42a00;
  color: #d42a00;
  padding: 4px 10px;
  cursor: pointer;
}

#main-navbar #menu-toggler:hover,
#main-navbar #menu-toggler:focus,
#main-navbar #menu-toggler.active {
  background-color: #d42a00;
  color: #ffffff;
}

#main-navbar #menu-toggler .fa-bars {
  display: initial;
}

#main-navbar #menu-toggler .fa-close {
  display: none;
}

#main-navbar #menu-toggler.active .fa-bars {
  display: none;
}

#main-navbar #menu-toggler.active .fa-close {
  display: initial;
}

#main-navbar .menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
  align-items: stretch;
  flex-direction: column;
}

#main-navbar .menu.active {
  display: flex;
}
#main-navbar .menu > li {
  width: 100%;
}
#main-navbar .menu > li::after {
content: "";
    position: absolute;
    top: 10%;
    right: 0px;
    height: 80%;
    width: 0px; 
    background-color: rgba(0, 0, 0, 0.216); 
	padding-right:0px;
}
#main-navbar .menu > li:last-child::after {
	width: 0; 
}
#main-navbar .menu > li div {
  display: flex;
  align-items: center;
  gap: 8px;
  perspective: 1000px;
}
@keyframes rotateIcon {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(180deg);
  }
}

#main-navbar .menu > li div img {
  width: 30px;
  height: 30px;
  transition: transform 1s;  
}
#main-navbar .menu > li div:hover img{
  animation: rotateIcon 1s ease infinite alternate;
}
#main-navbar .menu li a {
    color: #eee;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    font-size: 18px;
    padding: 13px 16px;
    font-weight: 600;
}
.working_hours {
    color: #ff5a00;
    font-weight: 500;
}
.card-body p {
    color: #1302b1;
        font-weight: 500;
}
#main-navbar .menu li a:hover,#main-navbar .menu li.active a:hover {
  background-color: #ff6039;
}

#main-navbar .menu li.active > a {
  background-color: #BE4400;
}

#main-navbar .menu li.active > a > .fa {
  rotate: 0deg;
}

#main-navbar .menu li.active > .submenu {
  display: flex;
}

#main-navbar .menu .submenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
  flex-direction: column;
  background-color: #ff6039;
  animation: fadeIn 0.5s;
}

#main-navbar .menu .submenu li a {
  padding: 8px 16px 8px 24px;
}

#main-navbar .menu .submenu li a:hover {
  background-color: #ff2200;
}

#main-navbar .menu .submenu li.active > a {
  background-color: #ff2200;
}

#main-navbar .menu .submenu .submenu {
  background-color: #ff2200;
}

#main-navbar .menu .submenu .submenu li a {
  padding: 8px 16px 8px 32px;
}

#main-navbar .menu .submenu .submenu li a:hover {
  background-color: #e60f00;
}
.bar {
  display: none;
}
@media screen and (min-width: 860px) {
    #main-navbar .menu li > .submenu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    flex-direction: column;
    width: 100%;
    background: #ff6039;
    z-index: 999;
  }

  #main-navbar .menu li:hover > .submenu {
    display: flex !important;
  }

  #main-navbar .menu li:hover .submenu li {
    width: 100%;
  }

  #main-navbar .menu .submenu .submenu {
    left: 100%;
    top: 0;
  }
    /* ✅ Highlight only the current menu item on desktop */
  #main-navbar .menu li.current-menu-item > a,
  #main-navbar .menu li.current-menu-ancestor > a {
    
  }

  /* ❌ Remove any hover-sticky active background */
  #main-navbar .menu li.active > a {
    background-color: transparent;
  }
  .bar {
    display: block;
    margin: 4px 0;
    height: 40px;
    border-left: 1px solid rgba(0, 0, 0, 0.216);
  }
  #main-navbar .mobile-nav-content {
    display: none;
  }

  #main-navbar .menu {
    display: flex;
    align-items: center;
    flex-direction: row;
    border: none;
  }

  #main-navbar .menu li {
    width: 16.6%;
    position: relative;
  }
  #main-navbar .menu > li::after {
    width: 1px; 
  }
  .large_li{
    width: 20% !important;
  }
  #main-navbar .menu li a {
    justify-content: center;
  }

  #main-navbar .menu li a .fa {
    rotate: 0deg;
    transition: all 0.25s;
    margin-top: 2.5px;
    margin-left: 2px;
  }

  #main-navbar .menu .submenu {
    width: 100%;
    position: absolute;
    top: 100%;
  }
  #main-navbar .menu .submenu li {
    width: 100%;
  }
  #main-navbar .menu .submenu li a {
    padding: 8px 16px;
    justify-content: space-between;
  }

  #main-navbar .menu .submenu li.active > a > .fa {
    rotate: -90deg;
  }

  #main-navbar .menu .submenu li.has-dropdown.active > a {
    border-bottom: none;
  }

  #main-navbar .menu .submenu .submenu {
    width: 200px;
    top: 0;
    left: 100%;
  }

  #main-navbar .menu .submenu .submenu li a {
    padding: 8px 16px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* <!-- ===========Main Carousel============ --> */

#main_carousel .carousel-item img{
  height:100%;
  width:100%;
}
@media screen and (max-width: 600px) {
  #main_carousel .carousel-item {

  }
}
/* <!-- ===========slider notice============ --> */
.slider_notice {
  background: black;
  color: white;
}
.patient_helpline{
  background: linear-gradient(90deg, #6E0605 0%, #BE4400 44%, #6E0605 100%);
  border: 1px solid #FF8D4F;
  border-radius: 14px;
  text-align: center;
  padding: 20px;
}
.linear-wipe-div{
  border-radius: 3px;
  padding: 5px 7px;
  cursor: pointer;
}
.linear-wipe {
  text-align: center;
  color:yellow;
  animation:blinker 1.5s linear infinite;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.patient_helpline h6{
  font-size: 26px;
  margin: 0;
  padding-right:10px;
}
.patient_helpline ul{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 20px;
  font-size: 18px;
}
.patient_helpline li{
  list-style: none;
  border-right: 1px solid black;
}
.patient_helpline li a{
  color: white;
  text-decoration: none;
  padding: 5px 15px;
}
.patient_helpline li:last-child{
  border: 0px;
}
@media screen and (max-width: 600px){
	.patient_helpline h6 {
    font-size: 20px;
}
	.patient_helpline ul{
		   display: inline-block;
		   margin-top:15px;
	}
	.patient_helpline li{
		   display: inline-block;
		   border:none;
	}
		.patient_helpline li a{
		       color: white;
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid #FFF;
    display: inline-block;
    margin: 3px 0;
    border-radius: 10px;
    font-size: 17px;
	}
}
/* ======= card_carousel-1 / card_carousel-2 =========== */
.wrapper {
  position: relative;
  padding: 0 35px;
}
.wrapper i {
  top: 50%;
  height: 50px;
  width: 30px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  border: 1px solid #ffb36b;
  background: #fad9bb;
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

#carousels1 .card a{
	text-decoration: none; 
	color: #222 ;
}

#wrapper2 i {
  height: 96%;
}
.wrapper i:active {
  transform: translateY(-50%) scale(0.85);
}
.wrapper i:first-child {
  left: 0;
}
.wrapper i:last-child {
  right: 0px;
}
.wrapper .carousels {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 6) - 8.2px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 8px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
#wrapper2 .carousels {
  grid-auto-columns: calc((100% / 7) - 5.8px);
  gap: 12px;
}
.carousels::-webkit-scrollbar {
  display: none;
}
.carousels.no-transition {
  scroll-behavior: auto;
}
.carousels.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousels.dragging .card {
  cursor: grab;
  user-select: none;
}
.carousels .card {
  scroll-snap-align: start;
  list-style: none;
  cursor: pointer;
  flex-direction: column;
  border-radius: 10px;
  border: 1px solid #dc6e1f;
  text-align: center;
  padding: 8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#carousels2 .card {
  border: 0px;
}
.carousels .card img {    
  padding: 20px 45px;
  /*height: 80%;*/
  transition: 0.2s ease-in-out;
}
#carousels2 .card img {
  padding: 8px 10px;
  height: 80%;
}
.carousels .card img:hover {
  transform: scale(1.1);
}
.carousels .card a {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
  text-decoration: none;
  color: #222;
}
.carousels .card p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px;
}
#carousels2 .card p {
  font-size: 14px;
  display: flex;
  height: 20%;
  align-items: center;
  justify-content: center;
}
#card_carousel2_container h6 {
  width: min-content;
}

@media screen and (max-width: 900px) {
  #card_carousel2_container {
    flex-direction: column;
  }
  .wrapper .carousels {
    grid-auto-columns: calc((100% / 2) + 8px);
  }
  #wrapper2 .carousels {
    grid-auto-columns: calc((100% / 3) + 3px) !important;
  }
  #card_carousel2_container h6 {
    width: max-content;
  }
}

@media screen and (max-width: 600px) {
  .carousels .card {
    height: fit-content;
    padding: 15px;
  }
  .carousels .card img {
    padding: 10px 50px;
    padding-bottom: 20px;
  }
  .carousels .card p {
    font-size: 20px;
  }
  .wrapper {
    width: 100% !important;
  }
  .wrapper .carousels {
    gap: 10px;
    grid-auto-columns: calc((100% / 1) + 31.5px);
  }
  #wrapper2 .carousels {
    grid-auto-columns: calc((100% / 2) + 10px) !important;
  }
}
/* ====================all person=========== */
.all_person{
  position: relative;
  background:#EDE9E8;
  overflow: hidden;
}
.bg_move{
  position: absolute;
  background: url('./addon_image/bg-4.png');
  background-position: right;
  background-size: cover;
  width: 100%;
  height: 100%;
  animation: bg_move 2s infinite alternate;
}
@keyframes bg_move {
  0% {
    transform: translatey(0);
  }
  50% {
    transform: translatey(10px);
  }
  100% {
    transform: translatey(0);
  }
}
.all_person .card {
  background: linear-gradient(123.05deg, #F4FFF3 23.26%, #E9FEE8 76.73%);
  box-shadow: 3px 5px 9px 0px #00000029;
  border-radius: 12px;
}
.var_width {
  width: 60%;
}
.border_left {
  border-left: 1px solid rgba(216, 194, 189, 1);
}
@media screen and (max-width: 992px) {
  .var_width {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .border_left {
    border-right: 0px;
  }
}

.all_person .card h5 {
  color: rgba(19, 86, 165, 1);
  font-weight: 600;
  font-size: 17px;
  line-height: 17px;
}
.all_person .card p {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.all_person .card span a{
  color: #E0590D;
  margin-top: 10px;
  font-size: 14px;
}
.all_person .card h6{
  text-align: justify;
  font-weight: 400;
  font-size: 14.5px;
  margin-bottom: 30px;
}
#exampleunion .modal-content{
	background: none !important;
	border: none;
}
.modal.max-width-for-d {
    width: 100%;
	background: linear-gradient(180deg, #ff8d4f, #eb3600);
}
.modal.max-width-for-d.show .modal-dialog{ max-width:100%;}
.modal.max-width-for-d img{ width:100%;}
.modal.max-width-for-d h5 {
    color: #FFF;
}
.modal.max-width-for-d p {
    color: #FFF;
	text-align: justify;
}
.modal-dialog.modal-lg.modal-dialog-centered {
    background-color: #ffffff;
    max-width: 100%;
    max-widht: 100%;
}
#exampleunion {
    width: 100%;
    background: linear-gradient(180deg, #ff8d4f, #eb3600);
}
.modal-content, .modal-header {
     background: linear-gradient(180deg, #c35839, #c35839);
}
.modal-body p {
    text-align: justify;
    font-weight: 600;
    color: white;
    font-size: 19px;
}
.minister-message {
    color: white;
    font-size: 19px;
}
.modal-body h4 {
    text-align: justify;
    font-weight: 600;
    color: white;
    font-size: 25px;
}
.modal-dialog.modal-lg.modal-dialog-centered {
    margin: 0px;
    padding: 0px;
    background-color: #c35839;
}
/* ===============number cards============= */
.number_cards{
  background: url('./images/number_card_banner.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.number_cards .card{ 
  display: flex;
  border: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px 10px;
}
.nc_1{background:#bd5638 !important;} 
.nc_2{background:#5a3224 !important;} 
.nc_3{background:#223250 !important;} 
.nc_4{background:green !important;} 

.number_cards .card .counter{
  font-size: 30px;
  font-weight: 700;
  color: white;
  padding-bottom: 10px;
}
.number_cards .card h4{
  font-size: 22px;
  font-weight: 500;
  color: white;
}

/* ===============all tabs============= */

.btn-group button {
  font-size: 17px !important;
}
/* tab-1 */
.alltab_tab1 .btn-group button {
  border: none;
  border-radius: 5px;
  background: #ffefdc;
  color: #ff3002;
  font-weight: 500;
  font-size: 14px;
  padding: 10px 20px;
}

.alltab_tab1 .btn-group button.active {
  background: linear-gradient(180deg, #ff9b63 0%, #ff7663 100%) !important;
  color: white;
}
.alltab_tab1 .btn-group button:hover {
  box-shadow: 1px 1px 4px black;
}

.alltab_tab1 .content {
  display: none;
}
.alltab_tab1 .content.active {
  display: block;
}
.alltab_tab1 .slider {
  margin: auto;
  overflow: hidden;
  position: relative;
  height: 350px; /* Adjust as needed */
}
.alltab_tab1 .slider .slide-track {
  animation: tab1_scroll 40s linear infinite;
  display: flex;
  height: calc(100px * 14);
  flex-direction: column;
}

@keyframes tab1_scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100px * 14));
  }
}
.alltab_tab1 .card {
  border: 1px solid #deaca8;
  background: #f9f1ec;
  padding: 10px;
}
.alltab_tab1 .card:hover {
  background: #ffdbc5;
}
.alltab_tab1 .card button {
  width: max-content;
  background: black;
  color: white;
  font-size: 14px;
}
.alltab_tab1 .card a {
  font-size: 14px;
  text-decoration: none;
    color: #222;
}

/* tab-2 */
.alltab_tab2 .btn-group button {
  border: none;
  border-radius: 5px;
  font-weight: 500;
  color: white;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.alltab_tab2 .btn-group button:hover {
  box-shadow: 1px 1px 4px black;
}
.alltab_tab2 .btn-group img {
  width: 20%;
  padding-right: 5px;
}
.alltab_tab2 .content {
  display: none;
}
.alltab_tab2 .content.active {
  display: block;
}

/* tab-3 */
.alltab_tab3 .flex_box .btn-group button {
  border: none;
  border-radius: 5px;
  background: #ffefdc;
  color: #ff3002;
  font-weight: 500;
  padding: 10px 20px;
}
.alltab_tab3 .btn-group button.active {
  background: linear-gradient(180deg, #ff9b63 0%, #ff7663 100%) !important;
  color: white;
}
.alltab_tab3 .btn-group button:hover {
  box-shadow: 1px 1px 4px black;
}

.alltab_tab3 .content {
  display: none;
}
.alltab_tab3 .content.active {
  display: block;
}
.alltab_tab3 .card {
  border: 1px solid #deaca8;
  background: #f9f1ec;
  padding: 10px;
}
.alltab_tab3 .card button {
  width: max-content;
  background: black;
  color: white;
  font-size: 14px;
}
.alltab_tab3 .card p {
  font-size: 14px;
}
.view-all {
  background: black;
  color: white;
  padding: 10px 16px;
  border: none;
  border-radius: 5px;
  font-weight: 500;
  font-size: 17px;
  transition: 0.3s ease-in-out;
}
.view-all:hover {
  background: #6d1f1c !important;
}

/* tab-4 */
.tab_section{
	background: #dfdfdf;
}
.alltab_tab4 .btn-group button {
  border: none;
  border-radius: 5px;
  background: #ffefdc;
  color: #ff3002;
  font-weight: 500;
  padding: 10px 20px;
  border-left: 1px solid #ff3002;
}
.alltab_tab4 .btn-group button:first-child{
  border:0;	
}
.alltab_tab4 .btn-group button.active {
  background: linear-gradient(180deg, #ff9b63 0%, #ff7663 100%) !important; 
  color: white;
}
.alltab_tab4 .btn-group button:hover {
  box-shadow: 1px 1px 4px black;
}
.alltab_tab4 .content {
  display: none;
}
.alltab_tab4 .active {
  display: block;
}
.alltab_tab4 ul li{
	list-style:none;
}
/* ============student carousel========= */

.stu_carousel .carousel-item {
  background: url("../images/stu-carousel-background.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  border: 1px solid #ff8d4f;
  border-radius: 15px;
}

.stu_carousel .cardz{
  background: white;
  border: 1px solid #DAAF87;
  box-shadow: 0px 4px 4px 0px #00000040;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 10px;
  margin:5px;
  height:100%;
}
.stu_carousel .stu_car_img{
  width: 140px;
}
.stu_carousel .contentz {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 10px;
}
.stu_carousel .contentz h5{
  color: #A81716;
  font-weight: 700;
  font-size: 24px;
}
.stu_carousel .contentz h6{
  color: #D85108;
  font-weight: 400;
  font-size: 26px;
}
.stu_carousel .cardz img{
  width: 70px;
  height: 70px;
  padding:10px 5px;
}
.stu_carousel .cardz .content{
  padding: 10px;
  padding-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40%;
  text-align: center;
}
.stu_carousel .cardz .content a{
text-decoration: none;
color: black;
}
.stu_carousel .cardz .content p{
  margin: 0px;
  font-weight: 500;
  font-size: 14px;
}
.stu-carousal-cards{
  width: 9rem !important;
  width: 150.67px !important;
  height: 140px !important;
  border-radius: 15px 15px 15px 15px !important;
  opacity: 0px !important;
  border: 1px solid rgba(218, 175, 135, 1) !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
@media screen and (max-width: 600px) {
  .stu_carousel .stu_car_img {
    width: 80px;
  }
  .stu_carousel .contentz h5{
  font-size: 12px;
  margin:0;
}
.stu_carousel .contentz h6{
  font-size: 16px;
}
.qlinks img{
	width:20px;	
}
.qlinks h5{
	font-size:15px;
}
}




/* ============Footer========= */
.border-right_1 {
  border-right: 1px solid #ff8d4f;
}
@media screen and (max-width: 978px) {
  .border-right_1 {
    border-right: 0px;
  }
}
#footer_01 a {
  text-decoration: none;
  color: rgba(255, 255, 255, 1);
  transition: 0.3s ease-in-out;
  font-size: 14px;
}

#footer_01 p {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
#footer_02 a {
  color: white;
  font-size: 13.5px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-decoration:none;
}
#footer_02 ul{
	display:flex;
	align-items:center;
	margin:0;
	gap:14px;
}
#footer_02 li{
	position:relative;
	list-style:none;
}
#footer_02 li::after {
	content: "";
    position: absolute;
    top: 15%;
    right: -7px;
    height: 70%;
    width: 1px; 
    background-color: white; 
}
#footer_02 li:last-child::after {
    width: 0px; 
}
#footer_02 p {
	margin:0;
	color:white;
}
#footer_01 a:hover,
#footer_01 p:hover {
  color: #ff8d4f;
  margin-left: 3px;
}

#footer_02 .flex_box {
  gap: 7px;
}

.footer-icons{
  width: 20px !important;
}


/* ======================button styles================ */
.new_btn {
  color: #ff0029;
}

.new_btn:before,
.new_btn:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  border-bottom: 20px solid #cc0021;
}

.new_btn:before {
  right: -50px;
  border-right: 50px solid transparent;
  transform: translateX(-100%);
}

.new_btn:after {
  left: -50px;
  border-left: 50px solid transparent;
  transform: translateX(100%);
}

.new_btn:hover {
  color: #ff9f9f;
}

.new_btn:hover:before {
  transform: translateX(-40%);
}

.new_btn:hover:after {
  transform: translateX(40%);
}



/* <!-- ===========responsive button============ --> */
@media screen and (max-width: 600px) {

.btn-group button {
    font-size: 10px !important;
}
#footer_01{
	    font-size: 11px;
}
#footer_01 h5{
	    font-size: 15px;
}
#footer_02{
	    font-size: 11px;
}
}


/* About CSS */

.breadcrumps_section{
    height: 200px;
    width: 100%;
    background: url('../images/breadcrumps_new.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tringle_div::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000ae;
    width: 70%;
}
.tringle_div::after{
    content: '';
    background: #000000ae;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    width: 162px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 69.95%;
}
.breadcrumps_section .content{
    position: relative;
    z-index: 10;
    color: white;
}
.breadcrumps_section .content ul{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}
.breadcrumps_section .content ul li{
    list-style: none;
    padding: 0 5px;
    font-size: 16px;
}
.breadcrumps_section .content ul li a{
	text-decoration: none;
	color: #fff;
}
.breadcrumps_section .content ul li.active a{
    color: rgb(255, 214, 149);
    font-weight: 600;
}
.breadcrumps_section .content ul li::after{
    content: " /"; 
}
.breadcrumps_section .content ul li:last-child::after{
    content: ""; 
}
@media only screen and (max-width: 600px) {
	.breadcrumps_section{
		height: 150px;
		background-position: right;
	}
	.tringle_div::before{
		width: 60%;
	}
	.tringle_div::after{
		width: 100px;
		left: 59.95%;
	}
	.breadcrumps_section .content h1{
		font-size: 23px !important; 
	}
	.breadcrumps_section .content ul li{
		padding: 0 4px;
		font-size: 12px;
	}
}
#footer .home-sec-1 {
    background: #1f2123;
    padding: 50px;
    width: 100%;
    display: inline-block;
}
#footer .home-sec-1 h3 {
    color: #fff;
    font-size: 18px;
    font-family: 'robotobold';
    position: relative;
    padding-bottom: 6px;
    border-bottom: 2px solid #274aa4;
}
#footer .home-sec-1 ul {
    display: inline-block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#footer .home-sec-1 ul li a {
    color: #9b9b9b;
    opacity: 0.7;
    font-size: 15px;
    text-decoration: none;
    line-height: 16px;
    padding: 10px 0;
    display: block;
    font-weight: 300;
}
#footer .home-sec-1 .locat p {
    padding: 0 0 10px;
    width: 100%;
    font-size: 18px;
    color: #fff;
}
#footer .home-sec-1 p {
    color: #75a2ed;
    font-size: 16px;
    opacity: 0.7;
}
#footer .home-sec-1 .locat {
    padding: 10px 0;
}
.home-tabs ul li a:hover {
    background-color: #ffa06b;
    color: #fff;
    box-shadow: 0 0 10px #d5d5d5;
}
.form-group.col-md-12 {
    margin-bottom: 1rem;
}
.home-sec-2 {
    padding: 25px 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: inline-block;
}
.home-sec-2 .card-header {
    color: #13029c;
    background-color: #ff8d4f29;
    position: relative;
    padding-left: 50px;
}
.home-sec-2 .card-header .fa {
    color: #1302b1 !important;
    position: absolute;
    left: 20px;
    top: 14px;
}
a.btn.btn-success.download {
    background-color: #ff8d4f;
    font-weight: 600;
}
.scroll-label_library {
    background-color: #ff8d4f;
    line-height: 44px;
    colo: whie;
    color: white;
    font-size: 17px;
    padding: 11px;
    font-weight: 600;
}
.home-sec-2 .card-header a {
    color: #13029c;
}
.card .card-body ul.newBooks {
    padding: 0;
    margin: 0;
    color: #13029c;
}
.card .card-body ul.newBooks li {
    padding: 4px 0 4px 0;
    margin: 0 20px;
    line-height: 22px;
}
.pos-relative {
    position: relative;
    padding-top: 30px;
    margin-bottom: 40px;
}

.knimbus {
    padding: 15px;
    border: 1px solid #e5e4e4;
    margin-bottom: 25px;
    border-radius: 5px;
}
.search-label {
    padding: 0 0 5px;
    font-size: 16px;
    color: #13029c;
    background: #fff;
    padding: 0 10px;
    position: absolute;
    top: -12px;
    font-weight: 500;
}
.knimbus iframe {
    margin: -7px -7px 0;
}
.pos-relative {
    position: relative;
    padding-top: 30px;
    margin-bottom: 40px;
}

.opac {
    padding: 15px;
    border: 1px solid #e5e4e4;
    margin-bottom: 25px;
    border-radius: 5px;
}
#cse {
    background-color: #ff8d4f !important;
}
ul.newBooks li a {
    color: #13029c;
    font-weight: 500;
}
.opac #searchsubmit {
    background-color: #ffede3;
    color: #291ca0;
    text-decoration: none;
    border: 1px solid #acbdeb;
    border-radius: 3px;
    transition: 0.3s;
    font-weight: 500;
}
button#searchsubmit:hover {
    background-color: #f2a57b;
    color: white;
}
.home-tabs {
    padding: 15px;
    border: 1px solid #e5e4e4;
    margin-bottom: 25px;
    border-radius: 5px;
}
.search-label {
    padding: 0 0 5px;
    font-size: 16px;
    color: #13029c;
    background: #fff;
    padding: 0 10px;
    position: absolute;
    top: -12px;
}
.home-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
}
.home-tabs ul li {
    margin: 2px 8px;
}
.home-tabs ul li a {
    background-color: #ff8d4f29;
    color: #13029c;
    padding: 5px 15px;
    display: block;
    text-decoration: none;
    border: 1px solid #00000029;
    border-radius: 9px;
    transition: 0.3s;
    font-weight: 500;
}
.owl-carousel .owl-item img {
    height: 246px;
}
.card .card-body .owl-theme .owl-nav [class*=owl-] {
    background: #4773e3;
}
.card .card-body .owl-theme .owl-nav [class*=owl-] {
    background: #4773e3;
}
.card .card-body .owl-carousel .owl-dots {
    display: none;
}
.card.card-no a {
    text-decoration: none;
}
ul.newBooks a {
    text-decoration: none;
}

#opac-main-search .form-row {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    align-items: center;
    gap: 10px; /* Optional spacing between elements */
}

#opac-main-search .form-control {
    min-width: 150px;
}

#opac-main-search select {
    width: auto; /* Let the dropdown size to content */
}

#opac-main-search input[type="text"] {
    flex: 1; /* Input takes remaining space */
}

#opac-main-search button {
    white-space: nowrap;
}


/* ============================introduction page============================== */
.introduction_page p{
	position:relative;
}
.introduction_page p:first-letter {
    font-size: 25px;
	font-weight:500;
	color:#be4400;
}
.introduction_page p::after {
    content: "";
    background: linear-gradient(90deg, #ff8d4f70, transparent);
    position: absolute;
    width: 120px;
    left: -8px;
    top: 0;
    height: 102%;
}


.faculty-list-open ul li:hover a {
    color: #000;
}
.faculty-list-open ul li:hover {
    background: white;
}
.faculty-list-open ul li a {
    text-decoration: none;
    color: #fff;
    transition: 0.3s all ease-in-out;
}
.faculty-list-open ul li {
    margin: 2px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #f56702;
    padding: 5px;
    transition: 0.3s all ease-in-out;
    border-bottom: transparent;
	background: #F56702;
}

.faculty-list-open ul .active{
    background: #fff;
}

.faculty-list-open ul .active a {
    color: #000;
}

.sideways button {
	float: none;
    margin: 0px;
    padding: 10px 20px;
    border: unset;
    text-align: left;
    color: #494949;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.sideways .active {
    background: #f56702;
    color: #f0efef;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

   .faculty-items {
   margin-top: 20px;
   margin-bottom: 10px;
   padding: 0px;
   }
   .faculty-prof-inner {
   position: relative;
   background: none repeat scroll 0% 0% #F5F9FD;
   padding: 10px;
   margin-bottom: 20px;
   box-shadow: 0px 4px 10px 0px, 0px 4px 20px 0px;
   }
   .faculty-items h3 {
   font-size: 14px;
   text-align: center;
   min-height: 32px;
   margin-bottom: 0px;
   color: #023634;
   }
   .faculty-items h4 {
   text-transform: capitalize;
   letter-spacing: 0px;
   font-size: 11px;
   text-align: center;
   margin-top: 5px;
   }
   .team-description {
   position: absolute;
   bottom: 0px;
   left: 0px;
   right: 0px;
   padding: 10px 5px;
   color: #04116E;
   visibility: hidden;
   opacity: 0;
   text-align: center;
   justify-content: center;
   transition: opacity 0.2s ease 0s, visibility 0.2s ease 0s;
   }
   p {
   font-size: 15px;
   color: #636363;
   line-height: 1.6;
   }
   .facultyprofile-img img {
   width: 100%;
   height: 155px;
   padding: 0px;
   margin-bottom: 20px;
   border: 1px solid #CCC;
   }
   
   
/* Loader */
.loader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background-color: #f44336;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: fadeOut;
  animation-fill-mode: forwards;
  animation-delay: 1s;
  pointer-events: none; /* Make loader non-interactive */
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

.loader svg {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.animation {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: square;
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
  opacity: 1;
  stroke-dasharray: 600;
  animation: move 5s linear forwards infinite, fade 5s linear infinite;
}

@keyframes move {
  to {
    stroke-dashoffset: -1200;
  }
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}


/*==============================new updates css===================*/
.THREECARD .cardz{
    padding: 25px 20px 15px 20px;
    border: 0.5px solid #ffd7c1;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffefe6, transparent);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.THREECARD a{
	text-decoration: none;
}
.THREECARD .cardz img{
	width:150px;	
}
.THREECARD .cardz p{
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    padding-top: 15px;
    color: #db753d;
}

/*============updated person==================*/
h6.mb-1.mt-2.jagat {
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
}
p.mb-0.jagat-content {
    color: #ffffff;
    text-align: center;
    font-weight: 600;
}
.updated_person{
	background: url(../../../themes/university/addon_image/bg-2.png);
    background-position: center;
    background-size: cover;
}
.category_class {
    padding-left: 6px;
    margin-top: 4px;
    color: #ff8d4f;
    font-weight: 600;
}
.what_category {
    display: flex;
}
.updated_person .left_div .whatnew_ttl{
	position:relative;
	font-size: 24px;
    font-weight: 501;
    margin-bottom: 15px;
    color: #ff8d4f;    
	padding-bottom: 3px;
    border-bottom: 1px solid black;
}
.updated_person .left_div .slider {
  height: 440px;
  overflow: hidden;
  position: relative;
}

.updated_person .left_div .slider .slide-track {
  display: flex;
  flex-direction: column;
  animation: scroll-vertical 300s linear infinite;
}

/* Pause the animation on hover */
.updated_person .left_div .slider:hover .slide-track {
  animation-play-state: paused;
}

.updated_person .left_div .slider .slide {
  flex-shrink: 0;
  margin: 0; /* Removes gap */
}

@keyframes scroll-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.updated_person .left_div .card {
  border: 1px solid #deaca8;
  background: #f9f1ec;
  padding: 10px;
}
.updated_person .left_div .card:hover {
  background: #ffdbc5;
}
.updated_person .left_div .card button {
  width: max-content;
  background: black;
  color: white;
  font-size: 14px;
}
.updated_person .left_div .card a {
  font-size: 14px;
  text-decoration: none;
  color: #222;
}
.updated_person .center_div .card{
	background: linear-gradient(123.05deg, #F4FFF3 23.26%, #E9FEE8 76.73%);
    border-radius: 12px;
}
.updated_person .center_div .card img{
border-radius: 10px 0 0px 10px;
    height: 100%;
    width: 100%;
    object-fit: fill;
}
.updated_person .center_div .card h5{
	font-size: 18px;
	color: rgba(19, 86, 165, 1);
	font-weight: 600;
}
.updated_person .center_div .card h5 a {
    color: rgba(19, 86, 165, 1);
    text-decoration: none;
}
.updated_person .center_div .card p{
	font-size: 12px;
	color: black;
	line-height: 17px;
}
.updated_person .center_div .card span a{
	color: #E0590D;
	font-size:14px;
}


.updated_person .right_div h3{
	position:relative;
	font-size: 24px;
    font-weight: 501;
    margin-bottom: 15px;
    color: #ff8d4f;    
	padding-bottom: 3px;
    border-bottom: 1px solid black;
}
.updated_person .right_div .btn_div{
	display: flex;
    flex-wrap: wrap;
}
.updated_person .right_div .view-all {	
	background: linear-gradient(180deg, #ff8d4f, #eb3600);
    color: white;
    padding: 10px 16px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 17px;
    width: 48%;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px;
	 display: flex;
    align-items: center;
    justify-content: center;
}
.onlinebookingbtn{
	display:flex;
	justify-content:center;
}
.onlinebookingbtn .view-all {	
	background: linear-gradient(180deg, #ff8d4f, #eb3600);
    color: white;
    padding: 10px 16px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-size: 17px;
    transition: 0.3s ease-in-out;
    margin-bottom: 20px;
}
.updated_person .right_div .view-all:nth-child(odd){
    margin-right: 15px;
}
.updated_person .right_div .director_card{
	padding: 20px 15px;
    border: 0.5px solid #ffc8aa;
    border-radius: 10px;
    background: linear-gradient(150deg, #ffd8c2, transparent);
    display: flex;
    flex-direction: column;
    align-items: center;
	gap: 10px;
}
.updated_person .right_div .director_card .sub_head{
	text-align:left;
}
.updated_person .right_div .director_card img {
    width: 200px;
    border-radius: 10px;
}
.updated_person .right_div .director_card p{
	line-height: 18px;
    font-size: 14px;
    text-align: justify;
    color: black;
}
.updated_person .right_div .director_card .sub_head h5{
	margin: 0;
    color: #f3581f;
    font-size: 18px;
    font-weight: 600;
}
.updated_person .right_div .director_card .sub_head p{
	font-size: 12px;
	font-weight: 500;
}

/*===========pateint_card_container=============*/
#pateint_card_container .left_div .card{
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-bottom:20px;
}
#pateint_card_container .left_div .card img{
	height:150px;
}
#pateint_card_container .left_div .card .content{
	padding:10px;
	display:flex;
	align-items:center;
}
#pateint_card_container .left_div .card p{
	margin:0px;
}
#pateint_card_container .left_div .card span{
	color:#ff8d4f;
	text-decoration:underline;
	font-size:14px;
	cursor:pointer;
}


/*service*/

.services a {
  text-decoration: none;
}
.services .service-box {
  text-align: center;
}
.services .service-box h2 {
  color: #222;
  font-size: 20px;
  padding-top: 10px;
  text-decoration: none;
}
.services a .service-box:hover h2 {
  color: #FB0626;
}
.services .investor-box {
    background-color: #fff;
    background-position: center center;
    padding: 20px;
    width: 100%;
    min-height: 150px;
    display: flex;
    position: relative;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  justify-content: center;
    align-items: center;
}
.services .investor-box h2 {
  font-size: 16px;
}
.services .investor-box .flip-view {
  position: absolute;
  top: 0;
  width: 100%;
  background: transparent linear-gradient(200deg, #ffac79 0%, #ff3d00 100%) 0% 0% no-repeat;
  left: -10%;
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 333ms;
}
.services .investor-box a {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
.services .investor-box:hover .flip-view {
    left: 0;
    visibility: visible;
    opacity: 1;
}

nav#navbar_02{
	background: linear-gradient(180deg, #ffefe6, transparent);

} 
.galleries .card{
  box-shadow:2px 2px 20px rgba(0,0,0,0.3); border:none; margin-bottom:30px;
}
.galleries .card:hover{
  transform: scale(1.05);
  transition: all 1s ease;
  z-index: 999;
}
.galleries .card-01 .card-body{
  position:relative; padding-top:40px;
}
.galleries .card-01 .badge-box{
  position:absolute; 
  top:-20px; left:50%; width:100px; height:100px;margin-left:-50px; text-align:center;
}
.galleries .card-01 .badge-box i{
  background:#ff8d4f; color:#fff; border-radius:50%;  width:50px; height:50px; line-height:50px; text-align:center; font-size:20px;
}
.galleries .card-01 .height-fix{
  height:455px; overflow:hidden;
}

.galleries .card-01 .height-fix .card-img-top{width:auto!imporat;}

.galleries .profile-box{
  background-size:cover; float:left; width:100%; text-align:center; padding:30px 0; position:relative; overflow:hidden;
}

.galleries .profile-box:before{
  filter: blur(10px);background:url("https://images.pexels.com/photos/195825/pexels-photo-195825.jpeg?h=350&auto=compress&cs=tinysrgb") no-repeat; background-size:cover; width:120%; position:absolute; content:""; height:120%; left:-10%;top:0;z-index:0;
}

.galleries .profile-box img{
  width:170px; height:170px; position:relative; border:5px solid #fff;
}

.galleries .social-box i {
  border:1px solid #006EFF; color:#006EFF; width:30px; height:30px; border-radius:50%;line-height:30px;
}

.galleries .social-box i:hover{
  background:#DFC717; color:#fff;
}

.galleries .social-box a{margin: 0 5px;}

.galleries .video-foreground{float:left;width:100%; height:500px;}

.galleries .card-01.height-fix .card-img-overlay{
  top:unset; 
  color:#fff;
  background: -moz-linear-gradient(top, rgba(26,96,111,0) 0%, rgba(26,96,111,0) 1%, rgba(24,87,104,0.91) 31%, rgba(21,65,89,0.91) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(26,96,111,0) 0%,rgba(26,96,111,0) 1%,rgba(24,87,104,0.91) 31%,rgba(21,65,89,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a606f', endColorstr='#e8154159',GradientType=0 );
}
.galleries .card-01.height-fix .fa{color: #fff;font-size: 22px;margin-right: 18px;}
.galleries .card .btn-default{
  background:#ff8d4f; width: 100%; color:#fff; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-size:14px;
}
.galleries .card .btn-default:hover{
  background:#ff8d4f; width: 100%; color:#fff; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-size:14px;
}
.galleries .card h4{font-size: 18px;}
.galleries .card .card-img-top { height: 230px;}

.galleryimages img{
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
} 
nav#navbar_02{
	background: linear-gradient(185deg, #ffefe6, transparent);
}