.elementor-3627 .elementor-element.elementor-element-3a058a1{--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;--margin-top:0%;--margin-bottom:-7%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-3627 .elementor-element.elementor-element-b6fc8e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3627 .elementor-element.elementor-element-de5eb8f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3627 .elementor-element.elementor-element-cdb849d{width:var( --container-widget-width, 25% );max-width:25%;--container-widget-width:25%;--container-widget-flex-grow:0;text-align:start;}.elementor-3627 .elementor-element.elementor-element-cdb849d img{width:90%;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-wrapper{text-align:start;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title{margin-block-end:1px;color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title, .elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title a{font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:700;}.elementor-3627 .elementor-element.elementor-element-08ad547:has(:hover) .elementor-icon-box-title,
					 .elementor-3627 .elementor-element.elementor-element-08ad547:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-description{font-family:"Urbanist", Sans-serif;font-size:12px;font-weight:400;color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-29dc56e{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-primary );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a, .elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a:hover,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a:focus,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-menu-toggle:hover,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a:hover,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a:focus,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown .elementor-item, .elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Urbanist", Sans-serif;font-weight:700;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-3627 .elementor-element.elementor-element-a355b99{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3627 .elementor-element.elementor-element-b828255 .elementor-button{background-color:#375A7F00;}.elementor-3627 .elementor-element.elementor-element-b828255 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3627 .elementor-element.elementor-element-b828255 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3627 .elementor-element.elementor-element-de5eb8f{--width:20%;}.elementor-3627 .elementor-element.elementor-element-29dc56e{--width:65%;}.elementor-3627 .elementor-element.elementor-element-a355b99{--width:15%;}}@media(max-width:767px){.elementor-3627 .elementor-element.elementor-element-3a058a1{--margin-top:0%;--margin-bottom:-22%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3627 .elementor-element.elementor-element-de5eb8f{--width:80%;}.elementor-3627 .elementor-element.elementor-element-cdb849d{--container-widget-width:17%;--container-widget-flex-grow:0;width:var( --container-widget-width, 17% );max-width:17%;}.elementor-3627 .elementor-element.elementor-element-cdb849d img{width:100%;}.elementor-3627 .elementor-element.elementor-element-08ad547{margin:-9px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title{margin-block-end:0px;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title, .elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-title a{font-size:16px;}.elementor-3627 .elementor-element.elementor-element-08ad547 .elementor-icon-box-description{font-size:16px;}.elementor-3627 .elementor-element.elementor-element-29dc56e{--width:20%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown .elementor-item, .elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--dropdown a{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;}.elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-3627 .elementor-element.elementor-element-9ec0d26 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}/* Start custom CSS for button, class: .elementor-element-b828255 *//* ========================================
   CLIF BUTTON STYLES - WRAPPER BASED
   Add class to Button Widget Wrapper in Elementor
   ======================================== */

/* CSS Variables */
:root {
    --primary: #375A7F;
    --primary-light: #4a7099;
    --primary-dark: #2a4661;
    --white: #ffffff;
    --off-white: #FAFBFC;
    --light-bg: #F0F4F8;
    --text-dark: #1a2332;
    --text-gray: #5a6877;
    --accent-coral: #FF6B6B;
    --accent-gold: #C9A962;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
}

/* ========================================
   PRIMARY BUTTON (Blue Filled)
   Add class: clif-btn-primary to Button Widget Wrapper
   ======================================== */

.clif-btn-primary a.elementor-button {
    position: relative;
    padding: 16px 32px;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    background: var(--primary) !important;
    color: #ffffff;
    border: 2px solid var(--primary) !important;
    border-radius: var(--radius-md);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Urbanist', sans-serif;
    box-sizing: border-box;
}

/* Fill effect overlay */
.clif-btn-primary a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #ffffff;
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}

/* Button text */
.clif-btn-primary a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Urbanist', sans-serif;
    color: #ffffff;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Button icon */
.clif-btn-primary a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: #ffffff;
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-primary a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.clif-btn-primary a.elementor-button .elementor-button-icon svg {
    fill: #ffffff;
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hover state */
.clif-btn-primary a.elementor-button:hover::before {
    width: 100%;
}

.clif-btn-primary a.elementor-button:hover {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.clif-btn-primary a.elementor-button:hover span,
.clif-btn-primary a.elementor-button:hover i {
    color: var(--primary) !important;
}

.clif-btn-primary a.elementor-button:hover .elementor-button-icon svg {
    fill: var(--primary) !important;
}

/* ========================================
   OUTLINE BUTTON (Transparent)
   Add class: clif-btn-outline to Button Widget Wrapper
   ======================================== */

.clif-btn-outline a.elementor-button {
    position: relative;
    padding: 16px 32px;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    background: transparent !important;
    color: var(--primary);
    border: 2px solid var(--primary) !important;
    border-radius: var(--radius-md);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Urbanist', sans-serif;
    box-sizing: border-box;
}

.clif-btn-outline a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--primary);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}

.clif-btn-outline a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Urbanist', sans-serif;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-outline a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-outline a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.clif-btn-outline a.elementor-button .elementor-button-icon svg {
    fill: var(--primary);
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-outline a.elementor-button:hover::before {
    width: 100%;
}

.clif-btn-outline a.elementor-button:hover {
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

.clif-btn-outline a.elementor-button:hover span,
.clif-btn-outline a.elementor-button:hover i {
    color: #ffffff !important;
}

.clif-btn-outline a.elementor-button:hover .elementor-button-icon svg {
    fill: #ffffff !important;
}

/* ========================================
   WHITE BUTTON (For dark backgrounds)
   Add class: clif-btn-white to Button Widget Wrapper
   ======================================== */

.clif-btn-white a.elementor-button {
    position: relative;
    padding: 16px 32px;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    background: #ffffff !important;
    color: var(--primary);
    border: 2px solid #ffffff !important;
    border-radius: var(--radius-md);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Urbanist', sans-serif;
    box-sizing: border-box;
}

.clif-btn-white a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--primary);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}

.clif-btn-white a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Urbanist', sans-serif;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.clif-btn-white a.elementor-button .elementor-button-icon svg {
    fill: var(--primary);
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white a.elementor-button:hover::before {
    width: 100%;
}

.clif-btn-white a.elementor-button:hover {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.clif-btn-white a.elementor-button:hover span,
.clif-btn-white a.elementor-button:hover i {
    color: #ffffff !important;
}

.clif-btn-white a.elementor-button:hover .elementor-button-icon svg {
    fill: #ffffff !important;
}

/* ========================================
   WHITE BUTTON WITH BLUE BORDER (For light backgrounds)
   Add class: clif-btn-white-bordered to Button Widget Wrapper
   ======================================== */

.clif-btn-white-bordered a.elementor-button {
    position: relative;
    padding: 16px 32px;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0px;
    background: #ffffff !important;
    color: var(--primary);
    border: 2px solid var(--primary) !important;
    border-radius: var(--radius-md);
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: 'Urbanist', sans-serif;
    box-sizing: border-box;
}

.clif-btn-white-bordered a.elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var(--primary);
    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
    pointer-events: none;
}

.clif-btn-white-bordered a.elementor-button span {
    position: relative;
    z-index: 2;
    pointer-events: none;
    font-family: 'Urbanist', sans-serif;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white-bordered a.elementor-button i {
    position: relative;
    z-index: 2;
    pointer-events: none;
    color: var(--primary);
    transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white-bordered a.elementor-button .elementor-button-icon {
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.clif-btn-white-bordered a.elementor-button .elementor-button-icon svg {
    fill: var(--primary);
    transition: fill 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.clif-btn-white-bordered a.elementor-button:hover::before {
    width: 100%;
}

.clif-btn-white-bordered a.elementor-button:hover {
    color: #ffffff !important;
    border-color: var(--primary) !important;
}

.clif-btn-white-bordered a.elementor-button:hover span,
.clif-btn-white-bordered a.elementor-button:hover i {
    color: #ffffff !important;
}

.clif-btn-white-bordered a.elementor-button:hover .elementor-button-icon svg {
    fill: #ffffff !important;
}

/* ========================================
   BUTTON SIZES
   Combine with primary classes
   ======================================== */

/* Small Button - Add class: clif-btn-sm */
.clif-btn-sm a.elementor-button {
    padding: 12px 24px !important;
    font-size: 14px !important;
}

/* Medium (Default) - No additional class needed */

/* Large Button - Add class: clif-btn-lg */
.clif-btn-lg a.elementor-button {
    padding: 18px 36px !important;
    font-size: 16px !important;
    border-radius: var(--radius-lg) !important;
}

/* Extra Large Button - Add class: clif-btn-xl */
.clif-btn-xl a.elementor-button {
    padding: 20px 40px !important;
    font-size: 18px !important;
    border-radius: var(--radius-lg) !important;
}

/* ========================================
   FULL WIDTH BUTTON
   Add class: clif-btn-full
   ======================================== */

.clif-btn-full a.elementor-button {
    width: 100%;
}

/* ========================================
   COLOR VARIATIONS
   ======================================== */

/* Coral Button - Add class: clif-btn-coral */
.clif-btn-coral a.elementor-button {
    background: var(--accent-coral) !important;
    border-color: var(--accent-coral);
    color: #ffffff;
}

.clif-btn-coral a.elementor-button::before {
    background: #ffffff;
}

.clif-btn-coral a.elementor-button:hover {
    color: var(--accent-coral) !important;
}

.clif-btn-coral a.elementor-button:hover span,
.clif-btn-coral a.elementor-button:hover i {
    color: var(--accent-coral) !important;
}

/* Gold Button - Add class: clif-btn-gold */
.clif-btn-gold a.elementor-button {
    background: var(--accent-gold) !important;
    border-color: var(--accent-gold);
    color: #ffffff;
}

.clif-btn-gold a.elementor-button::before {
    background: #ffffff;
}

.clif-btn-gold a.elementor-button:hover {
    color: var(--accent-gold) !important;
}

.clif-btn-gold a.elementor-button:hover span,
.clif-btn-gold a.elementor-button:hover i {
    color: var(--accent-gold) !important;
}

/* Dark Button - Add class: clif-btn-dark */
.clif-btn-dark a.elementor-button {
    background: var(--text-dark) !important;
    border-color: var(--text-dark);
    color: #ffffff;
}

.clif-btn-dark a.elementor-button::before {
    background: #ffffff;
}

.clif-btn-dark a.elementor-button:hover {
    color: var(--text-dark) !important;
}

.clif-btn-dark a.elementor-button:hover span,
.clif-btn-dark a.elementor-button:hover i {
    color: var(--text-dark) !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .clif-btn-primary a.elementor-button,
    .clif-btn-outline a.elementor-button,
    .clif-btn-white a.elementor-button {
        padding: 14px 28px;
        font-size: 14px !important;
    }
    
    .clif-btn-lg a.elementor-button {
        padding: 16px 32px !important;
        font-size: 15px !important;
    }
    
    .clif-btn-xl a.elementor-button {
        padding: 18px 36px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .clif-btn-primary a.elementor-button,
    .clif-btn-outline a.elementor-button,
    .clif-btn-white a.elementor-button {
        padding: 12px 24px;
        font-size: 13px !important;
    }
    
    .clif-btn-full a.elementor-button {
        width: 100%;
    }
}

/* ========================================
   REMOVE DEFAULT ELEMENTOR STYLES
   ======================================== */

/* Remove default focus/active states */
.clif-btn-primary a.elementor-button:focus,
.clif-btn-outline a.elementor-button:focus,
.clif-btn-white a.elementor-button:focus {
    outline: none;
    box-shadow: none;
}

.clif-btn-primary a.elementor-button:active,
.clif-btn-outline a.elementor-button:active,
.clif-btn-white a.elementor-button:active {
    transform: none;
}

/* Remove background image if any */
.clif-btn-primary a.elementor-button,
.clif-btn-outline a.elementor-button,
.clif-btn-white a.elementor-button {
    background-image: none !important;
}

/* Ensure button content wrapper doesn't interfere */
.clif-btn-primary .elementor-button-content-wrapper,
.clif-btn-outline .elementor-button-content-wrapper,
.clif-btn-white .elementor-button-content-wrapper {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Make sure icon aligns properly */
.clif-btn-primary .elementor-button-icon,
.clif-btn-outline .elementor-button-icon,
.clif-btn-white .elementor-button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Additional icon fixes */
.clif-btn-primary a.elementor-button .elementor-button-icon i,
.clif-btn-outline a.elementor-button .elementor-button-icon i,
.clif-btn-white a.elementor-button .elementor-button-icon i {
    font-size: inherit;
    line-height: 1;
}/* End custom CSS */