.google-noto-sans{
  font-family: "Noto Sans Devanagari", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}


		.nivaran {
		    background: linear-gradient(
		        to left,
		        #000000 20%,
		        #ffffff 30%,
		        #ffcc00 70%,
		        #ffffff 80%
		    );
		    -webkit-background-clip: text;
		    background-clip: text;
		    -webkit-text-fill-color: transparent;
		    text-fill-color: transparent;
		    background-size: 500% auto;
		    animation: textShine 5s ease-in-out infinite alternate;
		}
		
		@keyframes textShine {
		    0% {
		        background-position: 0% 50%;
		    }
		    100% {
		        background-position: 100% 50%;
		    }
		}
		
		
.animated-gradient-text {
  background: linear-gradient(90deg, #000000, #ff006e, #fb5607, #ffbe0b, #06ffa5, #118ab2, #8338ec, #ff006e, #000000);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradient-flow 4s linear infinite;
  display: inline-block; /* Ensures background-clip works correctly */
}

@keyframes gradient-flow {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
}

.jskb-gradient-text {
	background: linear-gradient(90deg, #325403, #57C785, #EDDD53, #325403);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  animation: gradient-flow 4s linear infinite;
  display: inline-block; /* Ensures background-clip works correctly */
}

@keyframes gradient-flow {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: 0% center;
  }
}




/* Main menu hover */
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-item:hover > .nav-link,
.navbar .navbar-nav .nav-link.active {
    color: #28a745 !important;
}

/* Dropdown menu hover */
.navbar .dropdown-menu li a:hover,
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    color: #28a745  !important;
}

/* Parent menu active while dropdown open */
.navbar .nav-item.dropdown:hover > .nav-link {
    color: #28a745 !important;
}

.other-link a:hover {
    color: #28a745 !important;
}












/* bg color */
.bg-cabaret-red {
    background-color: #d94f6f;
}
.bg-ghost-white{
    background-color: #F4F6FF;
}
.bg-cosmic-latte-white{
    background-color: #F2FBF9;
}
.bg-chablis-red{
    background-color: #FEF3F5;
}
.bg-lavender-violet{
    background-color: #F5EDFC;
}
.bg-clear-green {
    background-color: #E9F6F5;
}
.bg-dark-green {
    background-color: #002010;
}
.bg-very-dark-green {
	background-color: #002D16;
}

.bg-linen-white {
    background-color: #FBF3EE;
}
.bg-lavender-violet-light {
    background-color: #ECF7FC;
}
.bg-midnight-blue {
    background-color: #242e45;
}
.bg-nero-grey, .bg-nero-grey:focus {
    background-color: #1B1B1B;
}
.bg-gradient-flamingo-amethyst-green {
    background-image: linear-gradient(to right, #E3545C, #c84d9d, #885dd1, #2f86bc, #01a89e);
}
.bg-gradient-very-light-gray {
    background-image: linear-gradient(to bottom, #f9eaec, #f9eaec, #faf5f9, #fcfafc, #ffffff);
}
.bg-gradient-very-ghost-white {
    background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #ffffff);
}

/* Background color */
.bg-light-green {
    background-color: #c4e7cc;
}
.bg-very-light-green {
    background-color: #ebf3ed;
}
/* Transparent background color */
.bg-gradient-green-transparent {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%,  #ebf3ed 100%);
}
/* Transparent background color */
.bg-gradient-green-transparent-bottom {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,  #ebf3ed 100%);
}


.bg-gradient-black-top-transparent {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
}




/* btn color */
.btn.btn-transparent-green-color {
  background-color: transparent;
  border-color: var(--green);
  color: var(--green);
}
.btn.btn-transparent-green-color i {
  color: var(--green);
}

.btn.btn-transparent-green-color:hover, .btn.btn-transparent-green-color:active {
  background-color: var(--green);
  border-color: var(--green);
  color: var(--white);
}
.btn.btn-transparent-green-color:hover i {
  color: var(--white);
}

.btn.btn-green-color {
  background-color: var(--green);
  color: var(--white);
}
.btn.btn-green-color:hover, .btn.btn-green-color:active {
  background-color: transparent;
  border-color: var(--green);
  color: var(--green);
}

.btn.btn-border-color {
  --borderWidth: 3px;
  position: relative;
  border-radius: var(--borderWidth);
}
.btn.btn-border-color i {
  color: var(--red);
}
.btn.btn-border-color:hover i {
  color: var(--white);
}

.btn.btn-border-color:hover, .btn.btn-border-color:active {
  background-color: transparent;
  color: var(--white);
  border: 0;
}


.btn.btn-border-color:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: calc(100 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



/* angle variable */
@property --angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.btn-gradient-border{
    position: relative;
    background-color:#fff;
    border:none;
    z-index:1;
    --angle:0deg;
}

/* hover background gradient */
.btn-gradient-border:hover{
    background: linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);
    background-size:500% 500%;
    animation: gradientBG 3s ease alternate infinite;
}

.btn-gradient-border:hover i{
  color:var(--white);
}

/* animated rotating border */
.btn-gradient-border::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;

    background:
    conic-gradient(
        from var(--angle),
        #ffffff 0deg,
        #f36fff 60deg,
        #268aff 120deg,
        #52eaea 180deg,
        #ffffff 240deg,
        #ffffff 360deg
    );
    z-index:-2;
    animation: rotateBorder 5s linear infinite;
}

.btn-gradient-border:hover::before{
    inset:0;
}

/* inner background */
.btn-gradient-border::after{
    content:"";
    position:absolute;
    inset:1px;
    border-radius:inherit;
    background:inherit;
    z-index:-1;
}

.btn-gradient-border:hover::after{
    inset:0;
}

/* rotating border animation */
@keyframes rotateBorder{
  to{
    --angle:360deg;
  }
}

/* hover background animation */
@keyframes gradientBG{
    0%{background-position:0%}
    50%{background-position:100%}
    100%{background-position:0%}
}


.box {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3/1;
  border-radius: 100px;
  border: 5px solid transparent;
  animation: gradientBorder 1s linear infinite;
  background: linear-gradient(to right, #ffffff) content-box, conic-gradient(from var(--angle), #ffffff 0deg, #f36fff 53.3deg, #268aff 90.46deg, #52eaea 126.24deg, #ffffff 178.82deg, #ffffff 360deg) border-box;
}
.fraud {
    background: linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);
    background-size:500% 500%;
    animation: gradientBG 3s ease alternate infinite;
  color: #ffffff;
}
.fraud a{
  color: #ffffff;
}

.fraud a:hover {
  color: #ffffff;
}

@keyframes gradientBorder {
  from {
    --angle: 0turn;
  }
  to {
    --angle: 1turn;
  }
}
@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}






/* Border color */
.border-color-green {
  border-color: var(--green) !important;
}






/* ball notification code */
/*------------------------*/
/* Wrapper */
.notification-wrapper {
  position: relative;
  display: inline-block;
}

/* Bell Animation */
.bell-icon {
  color: #555;
  animation: bellShake 3s infinite;
  transform-origin: top center;
  transition: 0.3s;
}

.notification-btn:hover .bell-icon {
  color: var(--green);
}

/* Notification Count Badge */
.notification-count {
  position: absolute;
  top: 4px;
  right: 4px;
  background: #ff3b3b;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 6px;
  border-radius: 50px;
  line-height: 1;
}

.notification-count::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: rgba(255, 59, 59, 0.6);
  z-index: -1;
  animation: ripple 1.5s infinite;
}

/* Dropdown Card */
.notification-dropdown {
  width: 340px;
  border: none;
  border-radius: 12px;
  padding: 0;
  overflow: hidden;
  transform: translateY(15px);
  opacity: 0;
  transition: all 0.25s ease;
  z-index: 999;
}

.dropdown-menu.show.notification-dropdown {
  transform: translateY(0);
  opacity: 1;
}

/* Header */
.notification-header {
	background: #2ebb79;
	color: #FFFFFF;
}

/* Scroll Body */
.notification-body {
  max-height: 260px;
  overflow-y: auto;
  background: #f8f9fa;
}

/* Item */
.notification-item {
  display: flex;
  gap: 12px;
  padding: 14px;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #eee;
  transition: 0.2s;
}

/* Odd (1,3,5...) */
.notification-item:nth-child(odd) {
  background-color: #f5f7fa;
}

/* Even (2,4,6...) */
.notification-item:nth-child(even) {
  background-color: #ffffff; /* light grey */
}
.notification-item:hover {
  background: #d8f5ef;
  color:#000000;
}

/* Content */
.notif-title {
}
.notif-title:hover {
color: var(--green);
}

.notif-desc {
}

.notif-time {
  font-size: 12px;
  color: #999;
}

/* Footer */
.notification-footer {
	text-align: center;
	padding: 12px;
	background: #2ebb79;
	color: #FFFFFF;
}
.notification-footer a {
	color: #FFFFFF;
}
.notification-footer a:hover {
	color: #000;
}


/* Scrollbar */
/* Scrollable Body */
.notification-body {
  max-height: 260px;
  overflow-y: auto;

  /* Firefox default hidden */
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

/* Chrome / Edge scrollbar width */
.notification-body::-webkit-scrollbar {
  width: 10px;
}

/* Default hidden thumb */
.notification-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
  transition: background 0.3s ease;
}

/* Hover → Chrome / Edge visible */
.notification-body:hover::-webkit-scrollbar-thumb {
  background: #999;
}

/* Hover → Firefox visible */
.notification-body:hover {
  scrollbar-color: #999 transparent;
}

/* Darker when thumb hover */
.notification-body:hover::-webkit-scrollbar-thumb:hover {
  background: #000;
}
/* Animations */
@keyframes ripple {
  0% { transform: scale(1); opacity: 0.8; }
  70% { transform: scale(2.2); opacity: 0; }
  100% { transform: scale(2.2); opacity: 0; }
}

@keyframes bellShake {
  0% { transform: rotate(0); }
  5% { transform: rotate(15deg); }
  10% { transform: rotate(-10deg); }
  15% { transform: rotate(8deg); }
  20% { transform: rotate(-6deg); }
  25% { transform: rotate(4deg); }
  30% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/* Remove Button Focus */
.notification-btn,
.notification-btn:focus,
.notification-btn:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}


.trin-trin
{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}





.dropdown-item:active {
  background-color: transparent !important;
}
.dropdown-item:hover {
  color: var(--green);
}





/* Scroll Top Button */
#scrollTopBtn {
	border: 1px solid #11838C;
	position: fixed;
	right: 10px;
	bottom: 30px;
	width: 45px;
	height: 45px;
	opacity: 0;
	z-index: 1000;
	font-size: 30px;
	border-radius: 4px;
	color: #18bcc7;
	background-color: #ffffff;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#scrollTopBtn:hover {
	background-color: #18bcc7;
	color: #ffffff;
}

#scrollTopBtn.actived {
  right: 10px;
  opacity: 1;
}



/* Pricing table style 04 */
.pricing-table-style-04 .accordion-item.active-accordion {
  padding: 30px 40px;
  background-color: var(--green) !important;
  color: var(--white) !important;
}


/* Data Table Pagination */

/* Active page */
.dt-paging .pagination .page-item.active .page-link {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}

/* Normal buttons */
.dt-paging .pagination .page-link {
    color: #198754 !important;
    border: 1px solid #19875433;
}

/* Hover effect */
.dt-paging .pagination .page-link:hover {
    background-color: #198754 !important;
    color: #fff !important;
    border-color: #198754 !important;
}

/* Disabled buttons (First/Prev) */
.dt-paging .pagination .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Search input */
.dt-search input {
    padding: 2px 8px !important;
    font-size: 13px !important;
}

/* Entries dropdown */
.dt-length select {
    padding: 2px 25px 2px 8px !important;
    font-size: 13px !important;
}

/* Labels spacing fix */
.dt-length label,
.dt-search label {
    margin-bottom: 0;
    margin-right: 5px;
}

/*
.table-hover tbody tr:hover td, 
.table-hover tbody tr:hover th {
    background-color: rgba(46, 187, 121, 0.12) !important;
    color: #000;
}
*/




/* ===================================
FOOTER DIRECT MENU CSS
=================================== */

.footer-direct-box{
    border-radius:14px;
    padding:15px;
    height:100%;
}

/* UL */

/* UL */

.footer-direct-box ul{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));
    gap:15px;

    margin:0;
    padding:0;
    list-style:none;
}

/* LI */

.footer-direct-box ul li{
    width:100%;
}
/* LINK */

.footer-direct-box ul li a{
    display:block;
    background:#ffffff;
    border-radius:4px;
    padding:10px 10px;
    text-align:center;
    color:#333;
    line-height:20px;
    text-decoration:none;
    transition:all .4s ease;
    height:100%;
}

/* ICON */

.footer-direct-box ul li a span{
    display:block;
    margin-bottom:12px;
}

.footer-direct-box ul li a img{
    width:46px;
}

/* HOVER */

.footer-direct-box ul li a:hover{
    background:#a20a3a;
    color:#fff !important;
    transform:translateY(-4px);
}

/* TABLET */

@media(max-width:991px){

    .footer-direct-box ul li{
        width:calc(50% - 8px);
    }

}

/* MOBILE */

@media(max-width:767px){

    .footer-direct-box ul li{
        width:100%;
    }

}


@keyframes fadeInOut {
    0%, 100% { opacity: 0; }  /* Invisible */
    50% { opacity: 1; }       /* Fully Visible */
  }

  .fade-animation {
    animation: fadeInOut 1s infinite; /* 2 sec duration, infinite loop */
  }
  

/* Normal link */
.custome-hover-link {}
.custome-hover-link:hover {
    color: #198754 !important;
}