/* Start Chat Bubble Tooltip sticky*/
#thumbs-hover-box .elementor-icon::after {
    content: "Click here for Compliment!";
    position: absolute;
    bottom: 100%;
    left: -20%;
    transform: translateX(-50%);
    background-color: white;
    color: var(--color-black);
    padding: 14px 18px;
    border-radius: 12px;
    width: 150px;
    text-align: center;
    font-size: 15px;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    pointer-events: none;
    white-space: normal;
}
#thumbs-hover-box .elementor-icon:hover::after {
	opacity: 1;
	visibility: visible;
	bottom: 112%;
}
#thumbs-hover-box .elementor-icon::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 30%;
    transform: translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid white;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}
#thumbs-hover-box .elementor-icon:hover::before {
	opacity: 1;
	visibility: visible;
}
#thumbs-hover-box .elementor-icon::after[data-badge]::after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--color-white);
	color: white;
	font-size: 10px;
	padding: 2px 10px;
	border-radius: 20px;
	font-weight: bold;
}

/* End Chat Bubble Tooltip */
/* End Chat Bubble Tooltip */
/* .elementor-408 {
    overflow-x: hidden;
} */
.vicom-font-break-word a, .vicom-font-break-word p {
	word-wrap: break-word;
}
#header-mobile .elementskit-navbar-nav .elementskit-submenu-panel {
    right: auto !important;
    left: auto !important;
}
#header-mobile .elementskit-navbar-nav #menu-item-419 .elementskit-submenu-panel {
    right: -100px !important;
    left: auto !important;
}
#header-mobile .elementskit-navbar-nav .elementskit-submenu-panel li a {
    line-height: 1.5em;
}
.hero-banner-home-page{
	background-size: contain !important;
}
.swiper-slide{
	height: 100% !important;
}
.vicom-loading{
    text-align:center;
}

.vicom-skewed-border {
    position: relative;
    transform: skewX(-25deg);
    overflow: visible;
}

/* Skewed border */
.vicom-skewed-border::before {
    content: "" !important;
    position: absolute;
    inset: 0; /* border thickness */
    border-right: 5px solid #1FADE9 !important; /* border color */
    transform: skewX(0);
}

/* Counter-skew inner content */
.vicom-skewed-border > * {
    transform: skewX(25deg);
}


/****** Start Hero Slider Widget Css ******/

.vicom-hero-slider {
	height: 668px;
	position: relative !important;
	overflow: hidden !important;
}

.vicom-hero-slider .swiper-slide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	overflow: hidden;
}

.vicom-hero-slider .swiper-slide::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
	z-index: 1;
}

.vicom-hero-content {
	position: absolute;
	left: 80px;
	bottom: 80px;
	right: 80px;
	max-width: 574px;
	z-index: 2;
}

.vicom-hero-content span {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-style: var(--font-style-italic);
	font-size: var(--font-size-14px);
	line-height: 1;
	letter-spacing: 0;
	text-transform: var(--font-text-transform-upper);
	color: var(--color-sub-heading2);
	margin: 0 0 10px;
}

.vicom-hero-content .vicom-hero-banner-title {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-primary);
	line-height: var(--font-primary-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-white);
	margin: 0 0 10px;
}

.vicom-hero-content .vicom-hero-banner-desc {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-white);
	margin: 0 0 20px;
}

a.vicom-hero-btn {
	display: inline-block;
	padding: 16px 34.12px;
	background: var(--color-accent);
	color: var(--color-white) !important;
	text-decoration: none !important;
	font-family: var(--font-primary) !important;
	font-weight: var(--font-weight-medium) !important;
	font-size: var(--font-size-accent) !important;
	line-height: 1 !important;
	letter-spacing: var(--letter-spacing-none);
	border-radius: 25px;
	border: 1px solid var(--color-accent);
	transition: all 0.3s ease;
}

a.vicom-hero-btn:hover {
	background: transparent;
	color: var(--color-accent) !important;
}

.vicom-hero-pagination {
	position: absolute;
	right: 80px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 25px;
	width: auto !important;
}

.vicom-hero-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: var(--color-white);
	opacity: 0.8;
	border-radius: 50%;
	transition: all 0.3s ease;
	position: relative;
	margin: 0 !important;
}

.vicom-hero-pagination .swiper-pagination-bullet-active {
	width: 50px;
	height: 50px;
	background: none;
	border: 1px solid var(--color-white);
	display: flex !important;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.vicom-hero-pagination .swiper-pagination-bullet-active::before {
	content: attr(data-number);
	color: var(--color-white);
	font-family: var(--font-primary);
	font-weight: var(--font-weight-light);
	font-size: var(--font-size-14px);
	line-height: 1;
	letter-spacing: var(--letter-spacing-none);
}

/****** End Hero Slider Widget Css ******/

/****** Start Home Page Css ******/

.vicom-video-overlay .ekit-inline-video-content .ekit-inline-video-overlay-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
	border-radius: 50px;
}

.vicom-corporate-video .ekit-inline-video-content iframe,
.vicom-corporate-video .ekit-inline-video-content .ekit-inline-video-overlay-image img,
.vicom-video-overlay .ekit-inline-video-content .ekit-inline-video-overlay-image img,
.vicom-video-overlay .ekit-inline-video-content iframe {
	border-radius: 50px;
}

.vicom-corporate-video .elementor-widget-container .ekit-wid-con,
.vicom-video-overlay .elementor-widget-container .ekit-wid-con {
	line-height: 0;
}

.vicom-home-service-icon .elementor-icon-wrapper .elementor-icon {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s ease;
	background-color: #FFFFFF99;
}

.vicom-home-service-slider:hover .vicom-home-service-icon .elementor-icon-wrapper .elementor-icon {
    background-color: var(--color-light-blue);
	transform: rotate(-45deg);
	color: white !important;
}

.vicom-home-service-slider-wrp .swiper-slide {
	height: auto !important;
}
.vicom-home-promotion-slider.elementor-arrows-position-inside .elementor-swiper-button,
.vicom-home-service-slider-wrp.elementor-arrows-position-inside .elementor-swiper-button {
	height: 40px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vicom-home-promotion-slider.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-next,
.vicom-home-service-slider-wrp.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-next {
	border-radius: 0 20px 20px 0;
/* 	padding: 14px 19px 14px 19px; */
}
.vicom-home-promotion-slider.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-prev,
.vicom-home-service-slider-wrp.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-prev {
	border-radius: 20px 0 0 20px;
/* 	padding: 14px 19px 14px 19px; */
}
#vicom-arrow-circle.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-prev, 
#vicom-arrow-circle.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-prev,
#vicom-arrow-circle.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-next, 
#vicom-arrow-circle.elementor-arrows-position-inside .elementor-swiper-button.elementor-swiper-button-next{
	border-radius: 20px;
	height: 40px;
    width: 40px;
}
.vicom-home-service-slider-wrp .elementor-swiper-button.swiper-button-disabled {
	opacity: 1 !important;
}
.vicom-home-service-slider-wrp .elementor-swiper-button.swiper-button-disabled i {
	color: var(--color-sub-heading) !important;
}

.vicom-home-promotion-slider .swiper{
	padding: 10px;
}

.vicom-search-result-wrp article .elementor-post__read-more,
.vicom-promotion-slider .vicom-promotion-slider-link a .elementor-button-text,
.vicom-promotion-slider .vicom-promotion-slider-link-shortcode .vicom-promotion-link {
    transition: all 0.3s ease;
}
.vicom-search-result-wrp article:hover .elementor-post__read-more,
.vicom-promotion-slider:hover .vicom-promotion-slider-link a .elementor-button-text,
.vicom-promotion-slider:hover .vicom-promotion-slider-link-shortcode .vicom-promotion-link {
    text-decoration: underline;
    underline-color: #1FADE9;
}
.vicom-promotion-slider .vicom-promotion-slider-link .elementor-button-icon i,
.vicom-promotion-slider:hover .vicom-promotion-slider-link-shortcode i {
    font-size: 15px;
    transition: all 0.3s ease;
}
.vicom-search-result-wrp article:hover .elementor-post__read-more::after,
.vicom-promotion-slider:hover .vicom-promotion-slider-link .elementor-button-icon i,
.vicom-promotion-slider:hover .vicom-promotion-slider-link-shortcode i{
    transform: rotate(-45deg);
}
.vicom-promotion-slider-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;    
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: calc(1.5em * 3);
}

.vicom-footer-list-link .elementor-icon-list-items .elementor-icon-list-item:hover a{
	text-decoration: underline;
	color: #fff;
}
/****** End Home Page Css ******/

/****** Start Inspection Due Form CSS ******/
.vicom-inspection-form { 
	width: 100%; 
	max-width: 100%; 
}
.vicom-inspection-field { 
	width: 100%;
}
.vicom-verification-input input[type=text],
.vicom-inspection-field input[type=text],
.vicom-inspection-field input[type=email]{
    font-family: Figtree;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    width: 100%;
    padding: 16.5px 20px;
    border-radius: 10px;
    border: none;
    outline: 0;
    background-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}
.vicom-inspection-field input {
    margin-bottom: 20px;
}
.vicom-inspection-verification input::placeholder,
.vicom-inspection-field input::placeholder {
    color: #FFFFFF;
}
.vicom-inspection-or {
    text-align: start;
    margin-bottom: 20px;
    font-family: Figtree, sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
}
.vicom-inspection-verification {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.vicom-verification-input {
    flex: 1;
}
.vicom-verification-code-wrp {
    display: flex;
    align-items: center;
    gap: 20px;
}
#vicom-inspection-code {
    white-space: nowrap;
    font-family: Figtree, sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 1;
    letter-spacing: 4px;
    padding: 12px 14px;
    border: none;
    outline: 0;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
}
#vicom-inspection-refresh {
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    color: #fff;
}
.vicom-inspection-submit-btn {
    text-align: center;
}
.vicom-inspection-submit-btn button.vicom-inspection-submit {
    margin-top: 20px;
    background-color: var(--color-light-blue);
    border: 1px solid var(--color-light-blue);
    padding: 16px 34.3px;
    border-radius: 25px;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-accent);
    line-height: var(--font-primary-line-height);
    letter-spacing: var(--letter-spacing-none);
    color: var(--color-white);
    outline: 0;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.vicom-inspection-submit:hover {
    background-color: transparent !important;
    color: var(--color-accent) !important;
}
.vicom-inspection-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.vicom-inspection-message {
    margin-top: 10px;
    font-size: 14px;
}
.vicom-msg-error {
    color: #e53e3e;
}
.vicom-msg-success {
    color: #38a169;
}

/****** End Inspection Due Form CSS ******/

/***** Start Common Css *****/
.dialog-lightbox-widget.vicom-search-popup {
    height: calc(100vh - 100px);
}

.vicom-search-result-wrp article {
    background-color: var(--color-secondary);
    border-radius: 20px;
    padding: 30px !important;
	transition: all 0.3s ease;
}
.vicom-search-result-wrp article .elementor-post__read-more::after {
	content: "\f061";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    margin-left: 7px;
    transition: all 0.3s ease;
    display: inline-flex;
    font-size: 20px;
    color: var(--color-accent);
}

.vicom-search-result-wrp .elementor-pagination {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.vicom-search-result-wrp .elementor-pagination .prev {
  position: absolute;
  left: 0;
  opacity: 0.5;
}

.vicom-search-result-wrp .elementor-pagination .next {
  position: absolute;
  right: 0;
  opacity: 0.5;
}
.vicom-search-result-wrp .elementor-pagination a.prev,
.vicom-search-result-wrp .elementor-pagination a.next {
	opacity: 1;
}


.vicom-search-result-wrp .elementor-pagination .prev,
.vicom-search-result-wrp .elementor-pagination .next {
  width: 50px;
  height: 50px;
  border: 1px solid var(--color-light-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vicom-search-result-wrp .elementor-pagination .prev i,
.vicom-search-result-wrp .elementor-pagination .next i {
  font-size: 20px;
	color: var(--color-light-blue);
}
.vicom-search-result-wrp .elementor-pagination a.page-numbers:hover.prev i,
.vicom-search-result-wrp .elementor-pagination a.page-numbers:hover.next i {
	color: var(--color-white);
}

.vicom-search-result-wrp .elementor-pagination a.page-numbers:hover,
.vicom-search-result-wrp .elementor-pagination .page-numbers.current {
  background: var(--color-light-blue);
  color: var(--color-white) !important;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 !important;
}

.vicom-search-result-wrp  a.page-numbers {
    background: transparent;
    transition: all 0.3s ease;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-text);
    line-height: var(--font-text-line-height);
    letter-spacing: 0;
    text-align: center;
    color: #24386F;
    border: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.vicom-search-result-wrp .elementor-pagination .dots {
    color: var(--color-accent);
    letter-spacing: 0;
    margin: 0 !important;
}

.vicom-services-box .elementskit-infobox{
    flex-direction: column !important;
/*     justify-content: space-between !important; */
}
.vicom-services-box .elementskit-infobox .box-body {
    text-align: left !important;
}
.vicom-services-box .elementskit-infobox:hover .elementskit-info-box-icon i{
	transform: rotate(-45deg);
}
.vicom-evalution-tab-content .elementkit-tab-nav .elementkit-nav-link:hover {
	background-color: var(--color-light-blue) !important;
	color: var(--color-white) !important;
}
.vicom-corporate-video .ekit-inline-video-content .ekit-inline-video-overlay-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1;
	border-radius: 50px;
}

.vicom-pay-online-faq .e-n-accordion details .e-n-accordion-item-title-icon .e-closed,
.vicom-pay-online-faq .e-n-accordion details .e-n-accordion-item-title-icon .e-opened{
	height: 30px;
    width: 30px;
    border: 1px solid var(--color-light-blue);
	align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.vicom-pay-online-faq .e-n-accordion details[open] .e-n-accordion-item-title-icon .e-opened {
    background-color: var(--color-light-blue);
}

.vicom-pay-online-faq .e-n-accordion details[open] summary {
	padding-bottom: 10px;
}
.vicom-pay-online-faq .e-n-accordion details[open] {
	box-shadow: 0px 4px 32px 0px #00000029;
	border-radius: 20px;
	overflow: hidden;
}
/***** End Common Css *****/

/****** Start Motor Get a Quote Form Css ******/
.vicom-compliment-form_wrapper .gform_heading,
.vicom-enquiry-feedback-form_wrapper .gform_heading,
.vicom-investor-relation-form_wrapper .gform_heading,
.vicom-motor-get-quote_wrapper .gform_heading {
	display: none;
}

.vicom-compliment-form .gform_fields,
.vicom-enquiry-feedback-form .gform_fields,
.vicom-investor-relation-form .gform_fields,
.vicom-motor-get-quote .gform_fields {
	row-gap: 20px !important;
	column-gap: 20px !important;
}

.vicom-compliment-form .gfield label.gfield_label,
.vicom-enquiry-feedback-form .gfield label.gfield_label,
.vicom-investor-relation-form .gfield label.gfield_label,
.vicom-motor-get-quote .gfield label.gfield_label {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-black);
	margin-bottom: 10px;
}

.vicom-compliment-form .gfield .ginput_container textarea,
.vicom-compliment-form .gfield .ginput_container select,
.vicom-compliment-form .gfield .ginput_container input,
.vicom-enquiry-feedback-form .gfield .ginput_container textarea,
.vicom-enquiry-feedback-form .gfield .ginput_container select,
.vicom-enquiry-feedback-form .gfield .ginput_container input,
.vicom-investor-relation-form .gfield .ginput_container textarea,
.vicom-investor-relation-form .gfield .ginput_container select,
.vicom-investor-relation-form .gfield .ginput_container input,
.vicom-motor-get-quote .gfield .ginput_container select,
.vicom-motor-get-quote .gfield .ginput_container input{
	border-radius: 10px;
	height: 50px;
	padding: 16.5px 20px !important;
	border: 0;
	outline: 0;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px) !important;
	line-height: var(--font-primary-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-black);
}

.vicom-compliment-form .gfield .ginput_container textarea,
.vicom-enquiry-feedback-form .gfield .ginput_container textarea,
.vicom-investor-relation-form .gfield .ginput_container textarea {
	min-height: 130px;
}

.vicom-compliment-form .gfield .ginput_container textarea,
.vicom-compliment-form .gfield .ginput_container select,
.vicom-compliment-form  .gfield .ginput_container input,
.vicom-enquiry-feedback-form .gfield .ginput_container textarea,
.vicom-enquiry-feedback-form .gfield .ginput_container select,
.vicom-enquiry-feedback-form .gfield .ginput_container input,
.vicom-motor-get-quote .gfield .ginput_container select,
.vicom-motor-get-quote .gfield .ginput_container input{
	background-color: var(--color-secondary);
}
.vicom-investor-relation-form .gfield .ginput_container select,
.vicom-investor-relation-form .gfield .ginput_container input{
	background-color: var(--color-white);
}

.vicom-compliment-form textarea::placeholder,
.vicom-compliment-form input::placeholder,
.vehicle-plate-form input::placeholder,
.vicom-enquiry-feedback-form .gfield .ginput_container textarea::placeholder,
.vicom-enquiry-feedback-form .gfield .ginput_container input::placeholder,
.vicom-investor-relation-form .gfield .ginput_container textarea::placeholder,
.vicom-investor-relation-form .gfield .ginput_container input::placeholder,
.vicom-motor-get-quote .gfield .ginput_container input::placeholder {
  color: #AAAAAA;
}

.vicom-compliment-form .ginput_container_select,
.vicom-enquiry-feedback-form .ginput_container_select,
.vicom-investor-relation-form .ginput_container_select,
.vicom-motor-get-quote .ginput_container_select {
    position: relative;
}
 
.vicom-compliment-form .ginput_container_select select,
.vicom-enquiry-feedback-form .ginput_container_select select,
.vicom-investor-relation-form .ginput_container_select select,
.vicom-motor-get-quote .ginput_container_select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.vicom-compliment-form .ginput_container_select::after,
.vicom-enquiry-feedback-form .ginput_container_select::after,
.vicom-investor-relation-form .ginput_container_select::after,
.vicom-motor-get-quote .ginput_container_select::after {
    content: "\f107"; 
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 18px;
    color: #000000;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
}

.vicom-motor-get-quote .ginput_container_date input {
	width: 100% !important; 
}
.vicom-motor-get-quote .ginput_container_date {
    position: relative;
}

.vicom-motor-get-quote .ginput_container_date .ui-datepicker-trigger {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.vicom-motor-get-quote .get-quote-conset-text p{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-text);
	margin: 10px 0 0;
}

.vicom-enquiry-feedback-form .ginput_container_consent,
.vicom-investor-relation-form .ginput_container_consent,
.vicom-motor-get-quote .ginput_container_consent {
	display: flex;
	gap: 10px;
	align-items: start;
}

.vicom-enquiry-feedback-form .ginput_container_consent input[type="checkbox"],
.vicom-investor-relation-form .ginput_container_consent input[type="checkbox"],
.vicom-motor-get-quote .ginput_container_consent input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    min-width: 16px;
    height: 16px;
    border: 1px solid #D6DAE5;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    transition: all 0.3s ease;
	padding: 0 !important;
	background: #ffffff;
}

.vicom-enquiry-feedback-form .ginput_container_consent input[type="checkbox"]:checked,
.vicom-investor-relation-form .ginput_container_consent input[type="checkbox"]:checked,
.vicom-motor-get-quote .ginput_container_consent input[type="checkbox"]:checked {
    background-color: var(--color-accent);
}

.vicom-enquiry-feedback-form .ginput_container_consent input[type="checkbox"]:checked:after,
.vicom-investor-relation-form .ginput_container_consent input[type="checkbox"]:checked:after,
.vicom-motor-get-quote .ginput_container_consent input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.vicom-enquiry-feedback-form .ginput_container_consent label,
.vicom-investor-relation-form .ginput_container_consent label,
.vicom-motor-get-quote .ginput_container_consent label {
    font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px);
	line-height: 1.4em;
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-text);
	margin-bottom: 0;
}

.vicom-compliment-form .gform_footer,
.vicom-enquiry-feedback-form .gform_footer,
.vicom-investor-relation-form .gform_footer,
.vicom-motor-get-quote .gform_footer {
	margin: 0 !important;
	padding: 20px 0 0 !important;
}
.vicom-compliment-form .gform_footer input,
.vicom-enquiry-feedback-form .gform_footer input,
.vicom-investor-relation-form .gform_footer input,
.vicom-motor-get-quote .gform_footer input {
	margin: 0 !important;
}

.vicom-compliment-form .gform_button,
.vicom-load-more-btn button,
.vicom-enquiry-feedback-form .gform_button,
.vicom-investor-relation-form .gform_button,
.vicom-motor-get-quote .gform_button {
	background-color: var(--color-light-blue);
	border: 1px solid var(--color-light-blue);
	padding: 16px 34.3px;
	border-radius: 25px;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-accent);
	line-height: var(--font-primary-line-height) !important;
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-white);
	outline: 0;
}

.vicom-compliment-form .gform_button:focus,
.vicom-compliment-form .gform_button:hover,
.vicom-vehicle-plate-form button:focus,
.vicom-vehicle-plate-form button:hover,
.vicom-load-more-btn button:focus,
.vicom-load-more-btn button:hover,
.vicom-enquiry-feedback-form .gform_button:focus,
.vicom-enquiry-feedback-form .gform_button:hover,
.vicom-investor-relation-form .gform_button:focus,
.vicom-investor-relation-form .gform_button:hover,
.vicom-motor-get-quote .gform_button:focus,
.vicom-motor-get-quote .gform_button:hover{
	background-color: transparent;
	color: var(--color-accent) !important;
}

/****** End Motor Get a Quote Form Css ******/

/****** Start Vehicle Inspection Single  Css ******/
.vicom-single-container {
    position: relative;
}

.vicom-custom-single-content-wrp{
	max-width: 1268px;
	margin: 0 auto;
	padding: 100px 50px;
}

.vicom-single-container::before {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
	background-image: url('../images/background-right-top-shape.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 647px;
}

.vicom-vehicle-inspection-title {
	font-family: var(--font-primary) !important;
	font-weight: var(--font-weight-bold) !important;
	font-size: var(--font-size-28px) !important;
	line-height: 1.25em !important;
	letter-spacing: var(--letter-spacing-none) !important;
	color: var(--color-primary) !important;
	margin: 0;
}

/****** End Vehicle Inspection Single  Css ******/

/****** Start Common  Css ******/

.vicom-table-scroll-wrapper {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.vicom-table-scroll-inner {
  min-width: 1000px !important;
}
.vicom-table-promotion-single-scroll-inner {
	min-width: 500px !important;
}

.vicom-table-scroll-wrapper::-webkit-scrollbar {
  height: 6px !important;
}

.vicom-table-scroll-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1 !important; 
  border-radius: 10px !important;
}

body:not(.elementor-editor-active) .vicom-advtab-to-dropdown .elementkit-tab-wraper .nav-tabs{
	display: none !important;
}

.vicom-advtab-to-dropdown .vicom-select-wrp{
    width: 100%;
    max-width: 475px;
	position: relative;
	margin-bottom: 30px;
}
.vicom-select-wrp::after {
    content: "\f107";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 18px;
    color: #23366E;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    pointer-events: none;
	z-index: 1;
}
.vicom-select-wrp .vicom-select {
	border: 0;
    font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
    color: var(--color-primary);
    padding: 13px 45px 13px 30px;
    border-radius: 25px;
    outline: none;
    z-index: 1;
    position: relative;
    background: var(--color-secondary);
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.vicom-select-wrp .vicom-select option {
    color: var(--color-text);
}

/****** End  Common Css ******/

/****** Start Promotion Archive  Css ******/
.vicom-filter-wrp {
	margin-bottom: 30px;
	max-width: 277px;
}
.vicom-select-input {
	border: 0;
	border-radius: 10px;
	background-color: var(--color-secondary);
	padding: 13px 20px;
	color: var(--color-text);
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	outline: 0;
}
.vicom-select-input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('../images/down-chevron.svg');
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 14px;
}
.vicom-promotion-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 20px;
}
	
.vicom-promotion-card {
	background-color: var(--color-secondary);
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.vicom-search-result-wrp article:hover,
.vicom-promotion-card:hover {
	background-color: var(--color-white);
	box-shadow: 0px 4px 32px 0px #00000029;
}
.vicom-promotion-image {
	line-height: 0;
}
.vicom-promotion-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vicom-promotion-content {
	padding: 30px;
}

.vicom-financial-title,
.vicom-announcement-title,
.vicom-promotion-title {
	font-family: var(--font-primary) !important;
	font-weight: var(--font-weight-bold) !important;
	font-size: var(--font-size-18px) !important;
	line-height: var(--font-18px-line-height) !important;
	letter-spacing: var(--letter-spacing-none) !important;
	color: var(--color-primary) !important;
}

.vicom-promotion-title {
	margin: 0 0 10px;
}
.vicom-promotion-excerpt {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-text);
	margin: 0 0 20px;

	display: -webkit-box;
	-webkit-line-clamp: 3;    
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: calc(1.5em * 3);
}
a.vicom-promotion-link {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-accent);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-accent);
	transition: all 0.3s ease;
}
.vicom-promotion-link i {
	font-size: 16px;
	transition: all 0.3s ease;
	margin-left: 7px;
}
.vicom-promotion-card:hover a.vicom-promotion-link {
	 text-decoration: underline;
}
.member-card-wrp:hover .member-btn span i,
.vicom-financial-item:hover .vicom-financial-link i,
.vicom-announcement-item:hover .vicom-announcement-link i,
.vicom-promotion-card:hover .vicom-promotion-link i {
	transform: rotate(-45deg);
}
/****** End Promotion Archive  Css ******/

/****** Start Announcements Archive Css ******/
.vicom-financial-results,
.vicom-announcement-list{
	display:flex;
	flex-direction:column;
	gap: 20px;
}
.vicom-financial-item,
.vicom-announcement-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 50px;
    background: var(--color-secondary);
    border-radius: 20px;
	transition: all 0.3s ease;
	position: relative;
	gap: 20px;
}

.vicom-financial-item:hover,
.vicom-announcement-item:hover {
	background: var(--color-white);
	box-shadow: 0px 4px 32px 0px #00000029; 
	cursor: pointer;
}

.vicom-financial-date,
.vicom-announcement-date{
	display: block;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-14px);
	line-height: var(--font-primary-line-height);
	letter-spacing: var(--letter-spacing-none);
	text-transform: var(--font-text-transform-upper);
	color: var(--color-sub-heading);
	margin-bottom: 10px;
}

.vicom-financial-link,
.vicom-announcement-link {
    width: 50px;
    height: 50px;
    border-radius: 50%;
	border: 1px solid var(--color-accent);
    background: transparent;
    color: var(--color-accent) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
	transition: all 0.3s ease;
}
.vicom-financial-item .vicom-financial-link i,
.vicom-announcement-item .vicom-announcement-link i{
	font-size: 20px;
	transition: all 0.3s ease;
}
.vicom-financial-item:hover .vicom-financial-link,
.vicom-announcement-item:hover .vicom-announcement-link {
	background: var(--color-accent);
	color: var(--color-white) !important;
}
.vicom-badge-new {
	position: absolute;
    background-color: #1FADE9;
    height: 30px;
    width: 50px;
    text-align: center;
    left: 50px;
    top: -9px;
    color: #fff;
    border-radius: 0 0 15px 15px;	    
}

.vicom-badge-new::before {
	content: "";
    position: absolute;
    top: 0;
    left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 9px solid #23366E;
	z-index: -1;
}
.vicom-badge-new span{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: 10px;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: var(--font-text-transform-upper);
	line-height: 3em;
}
.vicom-pagination{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 50px;
}

.member-btn a,
.member-btn span,
.vicom-page-btn {
	width: 50px;
    height: 50px;
	background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: all 0.3s ease;
}

.member-btn a,
.member-btn span,
.vicom-page-btn.arrow {
    border-radius: 50%;
	border: 1px solid var(--color-accent);
	color: var(--color-accent) !important;
}

.member-btn a i,
.member-btn span i,
.vicom-page-btn.arrow i{
	font-size: 20px;
}
.vicom-pagination-number {
	display: flex;
	gap: 20px;
}
.vicom-page-btn.number{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: 0;
	text-align: center;
	color: #24386F;
	border-radius: 50%;
	border: 0;
}
.vicom-page-btn.number.active,
.vicom-page-btn:hover{
	background: var(--color-accent);
	color: var(--color-white) !important;
}
.vicom-page-btn.disabled{
	opacity: 0.4;
	pointer-events:none;
}
.vicom-dots {
	display: inline-flex;
	align-items: end;
	gap: 4px;
	padding: 0 6px;
	height: 35px;
}

.vicom-dots i {
	width: 3px;
	height: 3px;
	background-color: var(--color-accent);
	border-radius: 50%;
	display: block;
}

.vicom-load-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

/****** End Announcements Archive Css ******/


/****** Start Memeber Directory Css ******/

.member-directory-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	gap: 20px;
}
.member-card-wrp {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
    transition: all 0.3s ease-in-out;
}

.member-card-wrp .member-image {
	height: 100%;
	width: 100%;
	line-height: 0;
}
.member-card-wrp .member-image img {
	aspect-ratio: 277 / 346;
	object-fit: cover;
	width: 100%
}

.member-card-wrp .member-image::before {
   	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.68%, #000000 83.53%);
	opacity : 0.7;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
	line-height: 0;
}

.member-overlay {
	padding: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
	height: 100%;
    transition: 0.3s all  ease-in-out;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.memeber-title {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold) !important;
	font-size: var(--font-size-18px) !important;
	line-height: var(--font-primary-line-height) !important;
	letter-spacing: var(--letter-spacing-none) !important;
	color: var(--color-white) !important;
	margin: 0 0 10px;
}
.member-content p{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-secondary);
	margin: 0;
}

.member-card-wrp:hover .member-image::before{
	background: var(--color-black);
	opacity: 0.7;
}
.member-card-wrp .member-btn{
 	display: flex;
	justify-content: end; 
}
.member-btn span {
    width: 50px;
    height: 50px;
    background: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-white) !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.member-card-wrp:hover .member-btn span {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.member-btn span i{
	font-size: 20px;
}

/****** End Memeber Directory Css ******/


/****** Start Memeber Directory Single Css ******/

.vicom-member-single-wrp {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.vicom-member-single-wrp .vicom-single-member-left-side {
    width: 100%;
    max-width: 376px;
}
.vicom-member-single-wrp .vicom-single-member-right-side {
    width: 100%;
    max-width: calc(100% - 376px);
    padding-left: 80px;
}
.vicom-member-single-wrp .vicom-single-member-left-side .vicom-member-thumb {
    line-height: 0;
}
.vicom-member-single-wrp .vicom-single-member-left-side .vicom-member-thumb img {
    border-radius: 20px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    width: 100%;
	aspect-ratio: 376 / 470;
/*     max-width: 376px; */
}
.vicom-single-member-details {
    border-bottom: 1px solid #D6DAE5;
    padding-bottom: 20px;
	margin-bottom: 20px;
}
.vicom-single-member-title {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold) !important;
	font-size: var(--font-size-28px) !important;
	line-height: 1.25em !important;
	letter-spacing: var(--letter-spacing-none) !important;
	color: var(--color-primary) !important;
	margin: 0 0 10px;
}
.vicom-single-member-detials p{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-primary);
	margin: 0;
}
.vicom-single-member-election-date{
	margin-top: 10px;
}
.vicom-single-member-election-date p{
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-text);
	margin: 0;
}
.vicom-single-member-description strong {
	color: var(--color-primary);
}
/****** End Memeber Directory Single Css ******/


/****** Start Annual Report  Css ******/

.vicom-annual-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.vicom-annual-card {
	position: relative;
}

.vicom-annual-image {
	position: relative;
	overflow: hidden;
	border: 1px solid #D6DAE5;
	border-radius: 20px;
}

.vicom-annual-image img {
	width: 100%;
	display: block;
	aspect-ratio: 0.69 / 1;
	object-position: center center;
	object-fit: cover;
}
.vicom-annual-download {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.7);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .3s ease;
	text-decoration: none;
}

.vicom-annual-image:hover .vicom-annual-download {
	opacity: 1;
}
	
.vicom-annual-download a{
	background-color: #1FADE9;
	color: #ffffff !important;
	border: 1px solid #1FADE9;
	border-radius: 25px;
	font-family: var(--font-primary);
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	padding: 15px 35px;
}

.vicom-annual-report-title {
	margin-top: 18px;
	font-family: var(--font-primary);
	font-weight: 700;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: 0; 
	color: #23366E;
}


/****** End Annual Report Css ******/

/****** Start Online Payment Css ******/

.vicom-vehicle-plate-form {
    display: flex;
    gap: 20px;
	flex-wrap: wrap;
}
.vicom-vehicle-plate-form input {
	border-radius: 10px !important;
	padding: 16.5px 20px !important;
	border: 0 !important;
	outline: 0;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-14px) !important;
	line-height: var(--font-primary-line-height);
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-black);
	background-color: var(--color-secondary);
	max-width: 376px;
}

.vicom-vehicle-plate-form button {
	background-color: var(--color-light-blue);
	color: var(--color-white) !important;
	border: 1px solid var(--color-light-blue);
	border-radius: 25px;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-size: var(--font-size-accent);
	line-height: var(--font-primary-line-height);
	letter-spacing: var(--letter-spacing-none);
	padding: 15px 34.1px;
}

/****** End Online Payment Css ******/

/****** Start Financial Calendar Css ******/
.vicom-calender-current-wrp{
	margin-bottom: 30px;
}
.vicom-calendar-heading {
	font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-28px);
	line-height: 1.25em;
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-primary);
	margin-bottom: 20px;
}

.vicom-calendar-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.vicom-calendar-card {
    background-color: var(--color-secondary);
    padding: 30px;
    border-radius: 20px;
}
.vicom-calendar-content-wrp {
   display: flex;
   align-items: center;
}
.vicom-calendar-date {
   max-width: 90px;
    text-align: center;
    margin-right: 30px;
	padding-right: 30px;
	border-right: 1px solid #D6DAE5;
}
.vicom-calendar-date .vicom-calendar-day {
    display: block;
    font-family: var(--font-primary);
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-28px);
	line-height: 1.25em;
	letter-spacing: var(--letter-spacing-none);
	color: var(--color-primary);
}
.vicom-calendar-date .vicom-calendar-month {
    display: block;
    font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-14px);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	text-transform: var(--font-text-transform-upper);
	color: var(--color-primary);
}
.vicom-calendar-content {
    flex: 1;
}
.vicom-calendar-content .vicom-calender-year {
    display: block;
    font-family: var(--font-primary);
	font-weight: var(--font-weight-semibold);
	font-size: var(--font-size-14px);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
	text-transform: var(--font-text-transform-upper);
	color: var(--color-sub-heading);
	margin-bottom: 7px;
}
.vicom-calendar-content p {
    font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-size: var(--font-size-text);
	line-height: var(--font-text-line-height);
	letter-spacing: var(--letter-spacing-none);
    margin: 0;
	color: var(--color-text);
}
#vicom-calendar-results {
    position: relative;
}

#vicom-calendar-results .vicom-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/****** End Financial Calendar Css ******/


/****** Start  Css ******/


/****** End  Css ******/


/****** Start  Css ******/


/****** End  Css ******/

/* ══════════════════════════════════════════════
   Image Carousel — Custom Numbered Pagination
   ══════════════════════════════════════════════ */
#image-carousel-pagination img {
    aspect-ratio: 1 / 0.4;
    object-fit: cover;
}
#image-carousel-pagination .swiper-pagination {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    position: absolute !important;
    right: 40px;           /* sits inside the carousel on all screens */
    top: 50%;
    transform: translateY( -50% );
    z-index: 10;
    width: auto !important;
    height: auto !important;
    bottom: auto !important;  /* reset Swiper's bottom: 8px default */
    left: auto !important;    /* reset Swiper's left: 0 default */
}
#image-carousel-pagination .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: var( --color-white );
    opacity: 0.8;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: relative;
    margin: 0 !important;
    cursor: pointer;
    display: block;
    flex-shrink: 0;
}
#image-carousel-pagination .swiper-pagination .swiper-pagination-bullet-active {
    width: 50px;
    height: 50px;
    background: none;
    border: 1px solid var( --color-white );
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
#image-carousel-pagination .swiper-pagination .swiper-pagination-bullet-active::before {
    content: attr( data-number );
    color: var( --color-white );
    font-family: var( --font-primary );
    font-weight: var( --font-weight-light );
    font-size: var( --font-size-14px );
    line-height: 1;
    letter-spacing: var( --letter-spacing-none );
}
#image-carousel-pagination .swiper-pagination .swiper-pagination-bullet:not( .swiper-pagination-bullet-active ):hover {
    opacity: 1;
    transform: scale( 1.2 );
}
#image-carousel-pagination .swiper-pagination .swiper-pagination-bullet:focus-visible {
    outline: 2px solid var( --color-white );
    outline-offset: 3px;
}
#image-carousel-pagination .swiper-slide .elementor-widget-image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 180deg, rgba( 0, 0, 0, 0 ) 0%, rgba( 0, 0, 0, 0.35 ) 100% );
    z-index: 1;
	border-radius: 0 0 50px 50px;
}
/* ══════════════════════════════════════════════
   TABLET — 1024px and below
   ══════════════════════════════════════════════ */
@media ( max-width: 1024px ) {
    #image-carousel-pagination .swiper-pagination {
        flex-direction: row;        /* horizontal row */
        gap: 10px;
        right: 50% !important;
        transform: translateX( 50% ) !important;  /* center horizontally */
        top: auto !important;
        bottom: 20px !important;   /* pin to bottom of carousel */
        left: auto !important;
    }
    #image-carousel-pagination .swiper-pagination .swiper-pagination-bullet-active {
        width: 38px;
        height: 38px;
    }
}

/* ══════════════════════════════════════════════
   MOBILE — 767px and below
   ══════════════════════════════════════════════ */
@media ( max-width: 767px ) {

    #image-carousel-pagination .swiper-pagination {
        flex-direction: row;
        gap: 8px;
        right: 50% !important;
        transform: translateX( 50% ) !important;
        top: auto !important;
        bottom: 14px !important;
        left: auto !important;
    }
    #image-carousel-pagination .swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    #image-carousel-pagination .swiper-pagination .swiper-pagination-bullet-active {
        width: 30px;
        height: 30px;
    }
    #image-carousel-pagination .swiper-pagination .swiper-pagination-bullet-active::before {
        font-size: 11px;
    }
}
@media (max-width: 1024px) {
    #header-mobile .elementskit-navbar-nav #menu-item-419 .elementskit-submenu-panel {
        right: auto !important; 
    }
}