/* Live Chat */
	.chat-widget { 
		position: fixed;
		bottom: 0;
		right: 20px;
		z-index: 1000;
		font-family: 'Inter', Helvetica, sans-serif;
		width: 320px;
		height: auto;
		transform-origin: bottom center;
	}

	.chat-widget .chat-button, .chat-widget .chat-button-nosession {
		width: 100%;
		background: #25d366;
		color: white;
		border: none;
		border-radius: 12px 12px 0 0;
		padding: 6px 18px;
		cursor: pointer;
		display: flex;
		align-items: center;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
		position: absolute;
		bottom: 0;
		right: calc((100vw - 1320px) / 2);
		transform: translateY(0);
		z-index: 2;
	}

	.chat-widget .chat-content {
		background: white;
		border-radius: 12px 12px 0 0;
		width: 100%;
		border: 1px solid rgba(0, 0, 0, 0.08);
		border-bottom: none;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
		position: absolute;
		bottom: 100%;
		right: calc((100vw - 1320px) / 2);
		transform: translateY(100%);
		z-index: 1;
		pointer-events: none;
	}

	.chat-widget .chat-content.active {
		transform: translateY(0);
		pointer-events: all;
	}

	.chat-widget .chat-header {
		background: #25d366;
		color: white;
		padding: 7px 10px;
		border-radius: 12px 12px 0 0;
		position: relative;
		display: flex;
		align-items: center;
	}

	.chat-widget .chat-header h5 {
		font-weight: 600;
		margin: 0;
		font-size: 1.1rem;
		letter-spacing: -0.02em;
	}

	.chat-widget .chat-header .close-btn {
		position: absolute;
		right: 11px;
		top: 39%;
		transform: translateY(-50%);
		color: white;
		cursor: pointer;
		background: transparent;
		border: 1px solid #fff;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		transition: all 0.3s ease;
		padding-bottom: 4px;
	}

	.chat-widget .chat-header .close-btn:hover {
		background: rgba(255, 255, 255, 0.2);
	}

	.chat-widget .chat-body {
		padding: 16px 20px;
	}

	.chat-widget .chat-body p {
		margin-bottom: 16px;
		color: #555;
		font-size: 0.875rem;
		line-height: 1.5;
	}

	.chat-widget .chat-body p a {
		color: #525252;
		text-decoration: none;
		font-weight: 500;
	}

	.chat-widget .form-control,
	.chat-widget .form-select {
		border: 1px solid #e5e5e5;
		padding: 8px 14px;
		border-radius: 8px;
		font-size: 0.875rem;
		transition: all 0.2s ease;
		background: #f8f9fa;
	}

	.chat-widget .form-control:focus,
	.chat-widget .form-select:focus {
		border-color: #525252;
		box-shadow: 0 0 0 2px rgba(82, 82, 82, 0.08);
		background: white;
	}

	.chat-widget .form-control::placeholder {
		color: #999;
		font-size: 0.875rem;
	}

	.chat-widget .phone-input-group {
		display: flex;
		gap: 8px;
	}

	.chat-widget .country-code {
		width: 100px;
	}

	.chat-widget .phone-number {
		flex: 1;
	}

	.chat-widget .status-dot {
		width: 8px;
		height: 8px;
		background-color: #2ecc71;
		border-radius: 50%;
		display: inline-block;
		margin-right: 6px;
		position: relative;
	}

	.chat-widget .status-dot:after {
		content: '';
		position: absolute;
		width: 12px;
		height: 12px;
		background-color: #2ecc71;
		border-radius: 50%;
		left: -2px;
		top: -2px;
		animation: pulse 2s infinite;
		opacity: 0.5;
	}

	.chat-widget .chat-submit-btn {
		background: linear-gradient(135deg, #525252 0%, #414141 100%);
		border: none;
		padding: 10px 24px;
		border-radius: 8px;
		font-weight: 500;
		font-size: 0.875rem;
		letter-spacing: 0.3px;
		transition: all 0.2s ease;
		margin-top: 16px;
		color: white;
		width: 100%;
	}

	.chat-widget .chat-submit-btn:hover {
		background: linear-gradient(135deg, #474747 0%, #363636 100%);
		transform: translateY(-1px);
	}

	.chat-widget .mb-3 {
		margin-bottom: 10px !important;
	}

	.chat-widget .mb-3:last-child {
		margin-bottom: 0 !important;
	}

	.chat-widget .small {
		font-size: 0.75rem;
		opacity: 0.85;
	}

	.chat-widget .chat-button.hidden, .chat-widget .chat-button-nosession.hidden {
		transform: translateY(100%);
		pointer-events: none;
	}

	.chat-widget .chat-button img, .chat-widget .chat-button-nosession img {
		width: 52px;
		height: 52px;
		border-radius: 6px 0 0 6px;
		margin-right: 14px;
		object-fit: cover;
	}

	.chat-widget .chat-button .text-container, .chat-widget .chat-button-nosession .text-container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.phone-input-group .intl-tel-input .flag-dropdown .selected-flag {
		margin: 1px;
		padding: 12px 16px 10px 12px !important;
		width: 95px;
	}

	.chat-widget #country_code {
		text-align: right;
		padding-right: 20px !important;
	}

	.intl-tel-input .flag-dropdown .country-list {
		position: absolute !important;
		top: auto !important;
		bottom: 100% !important;
		z-index: 9999 !important;
		z-index: 9999 !important;
		width: 270px !important;
	}

	.chat-widget .form-control,
	.chat-widget .form-select,
	.chat-widget #country_code {
		border: 1px solid #e5e5e5;
		padding: 8px 14px;
		border-radius: 8px;
		font-size: 0.875rem;
		transition: all 0.2s ease;
		background: #f8f9fa;
		height: 40px;
		width: 100%;
	}

	.chat-widget #country_code {
		width: 95px;
		background: white;
		display: flex;
		align-items: center;
		padding: 0;
		border: 1px solid #e5e5e5;
		border-radius: 8px;
		height: 40px;
		cursor: pointer;
		justify-content: space-between;
	}

	.iti__flag-container {
		padding: 0;
		margin-left: 12px;
	}

	.iti__selected-flag {
		padding: 0;
		background: transparent !important;
		height: 38px;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
		padding-right: 12px;
	}

	.iti__flag {
		margin: 0;
	}

	.iti__selected-dial-code {
		color: #333;
		font-size: 0.875rem;
		font-weight: 400;
		order: 2;
	}

	.iti__arrow {
		margin-left: 6px;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 4px solid #555;
		order: 3;
	}

	@keyframes pulse {
		0% {
			transform: scale(1);
			opacity: 0.5;
		}

		70% {
			transform: scale(2);
			opacity: 0;
		}

		100% {
			transform: scale(1);
			opacity: 0;
		}
	}

	.ledgers-switch .form-switch.form-check-custom .form-check-input {
		height: 1.6rem;
		width: 2.8rem;
		cursor: pointer;
	}

	.ledgers-switch .form-check-input:checked {
		background-color: #25D366;
		border-color: #25D366;
	}
	/* Live Chat end */

	/* Ledgers Form  */
	.accountants-form input {
        border: 1px solid #dbdfe9 !important;
        font-size: 12px;
        background: #f9f9f9 !important;
    }

    .w-40 {
        width: 40% !important;
    }

    .country-flag-design {
        width: 95px;
        background: white;
        display: flex;
        align-items: center;
        padding: 0;
        border: 1px solid #E5E5E5 !important;
        border-radius: 6px;
        height: 42px !important;
        cursor: pointer;
        justify-content: space-between;
        margin-right: 5px;
    }

    @media (max-width:767px) {
        .d-change {
            display: inline;
        }
    }

    .accountants-form .ledger-started {
        position: absolute;
        bottom: 10px;
        background: #25d366 !important;
        width: 89% !important;
    }

    .accountants-form .btn.btn-primary.ledger-started:hover,
    .accountants-form .btn.btn-primary.ledger-started:active,
    .accountants-form .btn.btn-primary.ledger-started:focus {
        background-color: #25d366 !important;
        transition: all linear .4s;
    }
    .whitespace-nowrap{white-space: nowrap !important;}
    .h-400{height:400px;}

	@media (max-width: 767px) {
		.chat-widget .chat-button, .chat-widget .chat-button-nosession {
			right: 0;
			border-radius:0px;
		}
		.chat-widget .chat-content{
			right:0;
		}
	}

	/* Wave-like gradient background */
	.wave-gradient-bg {
		background: linear-gradient(135deg, #e3f2fd 0%, #f8f9ff 50%, #e8f4fd 100%);
		position: relative;
		overflow: hidden;
	}

	.wave-gradient-bg::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: 
			radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.8) 0%, transparent 50%),
			radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.6) 0%, transparent 50%),
			radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.4) 0%, transparent 50%);
		opacity: 0.7;
	}

	.wave-gradient-bg::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: 
			linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%),
			linear-gradient(-45deg, transparent 30%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);
		animation: wave-movement 8s ease-in-out infinite;
	}

	@keyframes wave-movement {
		0%, 100% {
			transform: translateX(0) translateY(0);
		}
		25% {
			transform: translateX(10px) translateY(-5px);
		}
		50% {
			transform: translateX(-5px) translateY(10px);
		}
		75% {
			transform: translateX(5px) translateY(-3px);
		}
	}

	/* Alternative static wave pattern */
	.wave-gradient-static {
		background: 
			linear-gradient(135deg, #e3f2fd 0%, #f8f9ff 25%, #e8f4fd 50%, #f0f7ff 75%, #e3f2fd 100%),
			radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.8) 0%, transparent 50%),
			radial-gradient(circle at 75% 75%, rgba(255, 255, 255, 0.6) 0%, transparent 50%);
		background-size: 100% 100%, 200px 200px, 300px 300px;
		background-position: 0 0, 0 0, 100px 100px;
	}
	 /* Hero Background Effects */
	 .hero_banner_black::before {
		content: '';
		position: fixed;
		inset: -20% -10% -10% -10%;
		z-index: 0;
		pointer-events: none;
		background:
			radial-gradient(50rem 36rem at 18% 12%, rgba(20, 184, 166, 0.11), transparent 60%),
			radial-gradient(60rem 44rem at 82% 18%, rgba(14, 165, 233, 0.12), transparent 65%),
			radial-gradient(46rem 30rem at 50% 70%, rgba(236, 72, 153, 0.10), transparent 60%);
		background-repeat: no-repeat;
		background-size: 120% 120%, 120% 120%, 120% 120%;
		animation: radial-drift 28s ease-in-out infinite alternate;
	}

	.hero_banner_black::after {
		content: '';
		position: absolute;
		top: -50%;
		left: -50%;
		width: 100%;
		height: 100%;
		background: radial-gradient(circle, rgba(59, 130, 246, 0.03) 0%, transparent 50%);
		pointer-events: none;
	}
	.page-loader-ledgers {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #0000004d;
        z-index: 999999;
    }
	@keyframes pulse {
        from {
            opacity: 1;
            transform: scale(1);
        }

        to {
            opacity: .25;
            transform: scale(.75);
        }
    }
	 /* PULSE BUBBLES */
	 .pulse-container {
        width: 120px;
        position: absolute;
        top: 48%;
        left: 48%;
        width: 40px;
        height: 40px;
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    .pulse-bubble {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .pulse-bubble-3 {
        background-color: #EE1C25;
    }

    .pulse-bubble-2 {
        background-color: #0A833C;
    }

    .pulse-bubble-1 {
        background-color: #FFC90E;
    }

    .pulse-container .pulse-bubble-1 {
        -webkit-transform: scale(1.1) rotateZ(90deg);
        transform: scale(1.1) rotateZ(90deg);
    }

    .pulse-container .pulse-bubble-2 {
        -webkit-transform: scale(1.1) rotateZ(180deg);
        transform: scale(1.1) rotateZ(180deg);
    }

    .pulse-container .pulse-bubble-3 {
        -webkit-transform: scale(1.1) rotateZ(270deg);
        transform: scale(1.1) rotateZ(270deg);
    }

    .pulse-bubble-1 {
        animation: pulse .4s ease 0s infinite alternate;
    }

    .pulse-bubble-2 {
        animation: pulse .4s ease .2s infinite alternate;
    }

    .pulse-bubble-3 {
        animation: pulse .4s ease .4s infinite alternate;
    }

	.modal-content-area {
		max-height: 60vh;
		scrollbar-width: thin;
		scrollbar-color: #d1d5db #f3f4f6;
	}
	.vip-card-container {
		min-height: 60px;
		position: relative;
		overflow: hidden;
		background: linear-gradient(to right, rgba(255, 251, 235, 0.3), rgba(254, 243, 199, 0.4));
		border: 1px solid rgba(251, 191, 36, 0.3);
		border-radius: 16px;
		box-sizing: border-box;
	}
	.vip-card-content {
		min-height: 44px;
		display: flex;
		align-items: center;		
		z-index: 9;
		flex-direction: row;
		justify-content: space-between;
		padding: 16px;
		gap: 16px;
	}
	.vip-card-button {
		min-height: 36px;
		min-width: 120px;
		flex-shrink: 0;
		background: linear-gradient(to right, rgba(245, 158, 11, 0.8), rgba(217, 119, 6, 0.9));
		color: white;
		/* font-weight: 600; */
		border-radius: 12px;
		border: none;
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
		padding: 10px 20px;
		font-size: 12px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
	}
	.vip-card-button:hover {
		background: linear-gradient(to right, rgba(245, 158, 11, 0.9), rgba(180, 83, 9, 0.95));
		transform: scale(1.05);
		box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
	}
	.vip-card-text {
		white-space: normal;
		overflow: visible;
		text-overflow: unset;
		flex: 1;
		min-width: 0;
		word-wrap: break-word;
		hyphens: auto;
		text-align: left;
		display: flex;
		align-items: center;
		width: auto;
	}
	.vip-icon-container {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		background: linear-gradient(to bottom right, rgba(245, 158, 11, 0.8), rgba(217, 119, 6, 0.9));
		border-radius: 10px;
		flex-shrink: 0;
		box-shadow: 0 2px 6px rgba(245, 158, 11, 0.2);
	}
	.vip-icon {
		width: 22px;
		height: 22px;
		color: white;
	}
	.vip-text {
		color: rgba(146, 64, 14, 0.8);		
		font-size: 14px;
		line-height: 1.5;
	}
	.vip-top-border {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, rgba(251, 191, 36, 0.4), rgba(245, 158, 11, 0.6), rgba(217, 119, 6, 0.7));
	}
	.vip-particles {
		position: absolute;
		top: 8px;
		right: 16px;
		width: 6px;
		height: 6px;
		background: rgba(251, 191, 36, 0.5);
		border-radius: 50%;
		opacity: 0.6;
		animation: pulse 2s infinite;
	}
	.vip-particles-2 {
		position: absolute;
		bottom: 12px;
		left: 32px;
		width: 4px;
		height: 4px;
		background: rgba(245, 158, 11, 0.4);
		border-radius: 50%;
		opacity: 0.4;
		animation: ping 1s infinite;
	}
	.uae-zone .kt-select-wrapper{
		min-width: 300px;
		background: transparent;
	}
	.uae-zone .kt-select-wrapper .kt-select-display{
		background: transparent;
		color: white;
		border: 0;
	}
	@keyframes pulse {
		0%, 100% { opacity: 0.6; }
		50% { opacity: 0.3; }
	}
	@keyframes ping {
		0% { transform: scale(1); opacity: 0.4; }
		75%, 100% { transform: scale(1.5); opacity: 0; }
	}
	@media (min-width: 640px) {
		.vip-particles, .vip-particles-2 {
			display: block;
		}
	}
	@media (max-width: 639px) {
		.vip-card-content {
			flex-direction: column;
			gap: 12px;
			padding: 12px;
		}
		.vip-left-section {
			flex-direction: column;
			align-items: center;
			gap: 12px;
			width: 100%;
		}
		.vip-card-button {
			width: 100%;
			padding: 8px 16px;
			font-size: 14px;
		}
		.vip-card-text {
			text-align: center;
			width: 100%;
		}
		.vip-text {
			font-size: 14px;
		}
		.vip-icon {
			width: 20px;
			height: 20px;
		}
		.vip-particles, .vip-particles-2 {
			display: none;
		}
	}
	@media (max-width: 768px) {
		.modal-content-area {
			max-height: 35vh;
		}
	}
	/* Responsive table wrapper for article content */
	.table-responsive-wrapper {
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: 1.5rem 0;
	}
	.table-responsive-wrapper table {
		margin: 0;
		min-width: 600px; /* Prevent tables from being too compressed on mobile */
	}
	@media (max-width: 768px) {
		.table-responsive-wrapper {
			width: 100%;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
		}
		.table-responsive-wrapper table {
			width: 100%;
			min-width: 600px;
		}
	}
	.banner_left_content h1{
		font-size: 1rem;
		text-transform: uppercase;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.banner_left_content p:first-of-type{
		font-size: 1.875rem;
		font-weight: 700;
	}
	.banner_left_content p:last-of-type{
		font-style: italic;
	}
	.ul-list{
		list-style: disc;
	}
	.ul-list li{
		padding-bottom: 10px;
	}
	::marker {
		color: #f0b100;
		font-size: 16px;
	}
	/* #ip_search{
		text-transform: uppercase;
	}             */
	.dark\:inline-block{
		display: inline-block !important;
	}
	.dark\:hidden {
		display: none;
	}
	.uae-select select{
		border: none !important;
		outline: none !important;
		box-shadow: none !important;
		background: transparent !important;
		padding: 0px !important;
	}
	.uae-select [data-kt-select-wrapper]{
		width: 63% !important;
	}
	.banner_feature_list li{
		margin: 7px 5px;
		padding: 5px 10px;
	}
	.uae_select .kt-select-display.kt-select{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		text-overflow:ellipsis !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		padding-right: 30px !important;
		display: block;
		line-height: 1;
	}
	.uae_select .kt-select-search-empty {
		padding: 8px 15px;
		font-size: 13px;
		color: #a1a5b7;
		display: block !important;
	}
	.d-none{
		display: none;
	}
	.uae_select.select-mobile .kt-select-dropdown, .uae-zone .uae_select .kt-select-dropdown{
		z-index: 9999 !important;
	}
	.uae_select.select-mobile .kt-select-display.kt-select{
		background-color: transparent;
		text-align: left;
		color: #fff;
	}
	.uae-zone .uae_select .kt-select-display.kt-select{
		width:300px;     
		padding-right: 10px !important;
		background: transparent !important;  
		color: white !important;
		border: 0 !important;
	}
	@media (max-width: 767px) {
		.menu-icon {
			display: none;
		}
		.chat-button-mobile{
			justify-content: center;
		}
		.banner_img_div{
			display: none;
		}
		.login_header_icon{
			display: block !important;
		}
		.login_header_txt{
			display: none;
		}
		#country_select_div span.text-foreground{
			display: none;
		}
		.signup_mobile_btn, .login_mobile_btn{
			display: none;
		}
	}

	/*Material css - signup*/
	.iti--allow-dropdown{
		width: 100%;
	}
	.invalid-input, .invalid-input:focus{
		border-color: transparent;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #F44336;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #F44336;
	}
	.spinner-border .ki-loading {
		display: inline-block;
		animation: 1s linear infinite spin;
	}
	.material-textfield {
		position: relative;
	}

	.material-textfield label {
		position: absolute;
		font-size: 13px;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #fcfcfc;
		color: #8f9092;
		padding: 0 0.3rem;
		margin: 0 0.5rem;
		transition: .1s ease-out;
		transform-origin: left top;
		pointer-events: none;
	}

	.material-textfield input,
	.material-textfield select,
	.material-textfield textarea {
		font-size: 15px;
		outline: none;
		border: 1px solid var(--color-gray-300);
		color: #495057 !important;
		transition: 0.1s ease-out;
		background-color: #fcfcfc;
	}

	.material-textfield input:focus,
	.material-textfield select:focus,
	.material-textfield textarea:focus {
		border-color: #1b84ff !important;
	}

	.material-textfield input:focus+label,
	.material-textfield select:focus+label,
	.material-textfield textarea:focus+label {
		color: #1b84ff;
		background-color: #fcfcfc;
		top: 0;
		transform: translateY(-50%) scale(.9);
	}

	.material-textfield input:not(:placeholder-shown)+label,
	.material-textfield select:not(:placeholder-shown)+label,
	.material-textfield textarea:not(:placeholder-shown)+label {
		top: 0;
		transform: translateY(-50%) scale(.9);
	}
	#signup-mobile-flag .intl-tel-input input{
		height:calc(var(--spacing) * 10);
	}
	#signup-mobile-flag .intl-tel-input .flag-dropdown .selected-flag{
		padding: 11px 16px 11px 6px;
	}
	.verify-mobile-div .intl-tel-input input{
		height:40px;
	}
	.verify-mobile-div .intl-tel-input .flag-dropdown .selected-flag{
		padding: 11px 16px 11px 6px;
	}
	.info{
		display: none;
		color: #F44336;
		font-weight: 300;
		font-size: .85rem;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}

	.info-default, .info-message{ display: inline-block !important; color: #7b7e8a; }
	.info-warning{ display: inline-block !important; color: yellow; }
	.info-danger{ display: inline-block !important; color: #F44336; }
	.info-success{ display: inline-block !important; color: green; }
	
	
	.verify-mobile-div .intl-tel-input .flag-dropdown{
		pointer-events: none;
	}
	#recaptcha-form {
		border: 1px solid #F44336 !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 2px #F44336 !important;
		width: 76% !important;
		height: 78px !important;
	}
	@media (min-width: 991px) {
		.otp-input{
			width:50px !important;
		}
	}