.elementor-9858 .elementor-element.elementor-element-11643142{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-9858 .elementor-element.elementor-element-705781ff .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:var( --e-global-color-accent );--e-contact-buttons-contact-gap:6px;--e-contact-buttons-contact-padding-block-end:12px;--e-contact-buttons-contact-padding-block-start:12px;--e-contact-buttons-contact-padding-inline-end:12px;--e-contact-buttons-contact-padding-inline-start:12px;}.elementor-9858 .elementor-element.elementor-element-705781ff .e-contact-buttons__contact-icon-link{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;}/* Start custom CSS for contact-buttons-var-10, class: .elementor-element-705781ff */.floating a .e-contact-buttons__contact-icon-container svg{
    display: none;
}
.floating a:first-child span.e-contact-buttons__contact-icon-container:before {
    background: url(https://www.class24.study/exams/wp-content/uploads/2026/02/trophy.png) no-repeat;
    width: 20px;
    height: 22px;
    content: '';
    background-size: 20px;
    z-index: 999;
}

/* 2nd child icon replace */
.floating a:nth-child(2) .e-contact-buttons__contact-icon-container::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 22px;
    background: url("https://www.class24.study/exams/wp-content/uploads/2026/02/Untitled-design-8.png") no-repeat center;
    background-size: contain;
}

/* 3nd child icon replace */
.floating a:nth-child(3) .e-contact-buttons__contact-icon-container::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 22px;
    background: url("https://www.class24.study/exams/wp-content/uploads/2026/02/search.png") no-repeat center;
    background-size: contain;
}




.custom-date-archive-wrapper {
				display: flex;
				flex-direction: column;
				gap: 16px; /* controlled by Elementor */
			}

			.date-item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				text-decoration: none;
				transition: all 0.3s ease;
			}

			.date-inner {
				display: flex;
				align-items: center;
				width: 100%;
			}

			.before-icon {
				margin-right: 12px;
				display: flex;
				align-items: center;
			}

			.date-text {
				flex-grow: 1;
			}

			.after-icon {
				display: flex;
				align-items: center;
			}
			.calendar-input-wrapper {
				position: relative;
			}

			.archive-calendar-input {
				width: 100%;
				padding-right: 40px;
				border: 1px solid #ddd;
			}

			.calendar-icon {
				position: absolute;
				right: 12px;
				top: 56%;
				transform: translateY(-50%);
				pointer-events: none;
			}


			/* Remove default appearance */
			.archive-calendar-input {
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
			}
			.flatpickr-input.active {
				outline: none;
			}
			.flatpickr-current-month {
				display: flex;
				gap: 10px;
			}/* End custom CSS */