.elementor-kit-7{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#343434;--e-global-color-accent:#E31E25;--e-global-color-d27c7c7:#F5F5F5;--e-global-color-ca0997d:#110229;--e-global-color-9c2353d:#292929;--e-global-color-5c478c6:#FAFAFA;--e-global-color-b27972a:#B5B5B5;--e-global-color-a470b68:#E31E2500;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-1d7a3ad-font-family:"Roboto";--e-global-typography-1d7a3ad-font-size:16px;--e-global-typography-1d7a3ad-font-weight:600;--e-global-typography-1d7a3ad-line-height:1.5em;--e-global-typography-aa8efbe-font-family:"Roboto";--e-global-typography-aa8efbe-font-size:18px;--e-global-typography-aa8efbe-font-weight:600;--e-global-typography-aa8efbe-line-height:1.2em;--e-global-typography-bb021bf-font-family:"Roboto";--e-global-typography-bb021bf-font-size:20px;--e-global-typography-bb021bf-font-weight:600;--e-global-typography-bb021bf-line-height:1.1em;--e-global-typography-a7c01b0-font-weight:700;--e-global-typography-991bb25-font-family:"Roboto";--e-global-typography-991bb25-font-size:14px;--e-global-typography-991bb25-font-weight:400;--e-global-typography-991bb25-line-height:1.4em;--e-global-typography-c43c2c2-font-size:24px;--e-global-typography-c43c2c2-font-weight:700;--e-global-typography-c43c2c2-line-height:16px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#808080;border-style:solid;border-width:1px 1px 1px 1px;border-color:#808080;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:var( --e-global-typography-1d7a3ad-font-family ), Sans-serif;font-size:var( --e-global-typography-1d7a3ad-font-size );font-weight:var( --e-global-typography-1d7a3ad-font-weight );line-height:var( --e-global-typography-1d7a3ad-line-height );border-radius:28px 28px 28px 28px;padding:12px 24px 12px 24px;}.elementor-kit-7 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-1d7a3ad-font-size );line-height:var( --e-global-typography-1d7a3ad-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:56px;--e-global-typography-secondary-font-size:40px;--e-global-typography-a7c01b0-font-size:24px;--e-global-typography-a7c01b0-line-height:1.3em;--e-global-typography-c43c2c2-font-size:24px;--e-global-typography-c43c2c2-line-height:1.3em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-1d7a3ad-font-size );line-height:var( --e-global-typography-1d7a3ad-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Pagination wrapper position */
.swiper-pagination {
    position: relative !important;
    bottom: -10px !important;
    margin-top: 40px;
}

/* Normal dot – exact border/padding like screenshot */
.swiper-pagination-bullet {
     position: relative;
    width: 20px !important;          /* Slightly bigger circle */
    height: 20px !important;
    border: 2.5px solid #000 !important; /* Thicker border */
    background: transparent !important;
    opacity: 1 !important;
    border-radius: 50% !important;

    margin: 0 8px !important;   /* exact symmetrical spacing */
}

/* Active dot – perfect same style */
.swiper-pagination-bullet-active::before {
    content: "";
    height: 10px;
    width: 10px;
    background: grey;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

/*button hover effects*/
.before-hover .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Background sliding layer */
.before-hover .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: grey; /* Change color */
    z-index: -1;
    transition: all 0.9s ease;
}

/* Hover animation */
.before-hover .elementor-button:hover::before {
    left: 0;
}

/* Text color change on hover */
.before-hover .elementor-button:hover {
    color: #ffF; /* optional */
}
/*button active style*/
.elementor-element.elementor-element-da7b97e .elementor-button:focus {
    color: #000000 !important;
   
}

 .before-hover .elementor-button:focus {
    color: #000000 !important;

}/* End custom CSS */