.elementor-11 .elementor-element.elementor-element-250c0e3{--display:flex;--min-height:100vh;--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;--justify-content:space-around;}.elementor-11 .elementor-element.elementor-element-250c0e3:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-250c0e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kotarehomes.co.nz/wp-content/uploads/2026/08/Kotare-background-web.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-753b19b{text-align:center;}.elementor-11 .elementor-element.elementor-element-753b19b .elementor-heading-title{font-size:32px;font-weight:normal;text-transform:uppercase;line-height:37px;letter-spacing:-0.2px;color:var( --e-global-color-770b28d );}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon{font-size:9vw;}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon svg{height:9vw;}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon-wrapper svg{width:auto;}.elementor-11 .elementor-element.elementor-element-1fad495 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-1fad495 .elementor-icon-wrapper svg{width:auto;}.elementor-11 .elementor-element.elementor-element-26e3b38{padding:0px 0px 0px 0px;z-index:1;text-align:center;}.elementor-11 .elementor-element.elementor-element-26e3b38 .elementor-heading-title{color:var( --e-global-color-770b28d );}.elementor-11 .elementor-element.elementor-element-ed20cd1{--display:grid;--min-height:69px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-731e60f .elementor-button:focus{background-color:var( --e-global-color-accent );box-shadow:3px 3px 8px 0px rgba(0.4478668478260852, 2.8837778034174053, 3.399999999999988, 0.5);}.elementor-11 .elementor-element.elementor-element-731e60f{z-index:1;}.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button{font-family:"DM Sans", Sans-serif;font-size:17px;transition-duration:0.8s;border-radius:50px 50px 50px 50px;padding:17px 17px 17px 17px;}.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button:focus{background-color:var( --e-global-color-accent );box-shadow:3px 3px 8px 0px rgba(0.4478668478260852, 2.8837778034174053, 3.399999999999988, 0.5);}.elementor-11 .elementor-element.elementor-element-f3e8a3f{z-index:1;}.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button{font-family:"DM Sans", Sans-serif;font-size:17px;transition-duration:0.8s;border-radius:50px 50px 50px 50px;padding:17px 17px 17px 17px;}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-ed20cd1{--width:100%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-753b19b .elementor-heading-title{font-size:30px;}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon{font-size:14vw;}.elementor-11 .elementor-element.elementor-element-1402a9c .elementor-icon svg{height:14vw;}.elementor-11 .elementor-element.elementor-element-ed20cd1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-250c0e3{--min-height:100vh;--padding-top:15px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-753b19b .elementor-heading-title{font-size:15px;}.elementor-11 .elementor-element.elementor-element-1fad495 .elementor-icon{font-size:91px;}.elementor-11 .elementor-element.elementor-element-1fad495 .elementor-icon svg{height:91px;}.elementor-11 .elementor-element.elementor-element-26e3b38{text-align:center;}.elementor-11 .elementor-element.elementor-element-ed20cd1{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-731e60f *//* Base button layout setup */
.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent !important;
    border: 1px solid #ffffff !important; /* Change to your brand color */
    color: #ffffff !important; /* Change to your text color */
    border-radius: 100px !important;
    transition: color 0.4s ease-in-out !important;
}

/* Creating the sliding background background layer */
.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #BB6122; /* Color that slides in on hover */
    z-index: -1;
    transition: width 0.5s ease-in-out;
}

/* Hover state triggers */
.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button:hover {
    color: #ffffff !important; /* Text color when hovered */
    border-color: #BB6122 !important; /* Keeps the 1px border visible on hover */
    box-shadow: none !important; /* Ensures no shadow appears on hover */
}

.elementor-11 .elementor-element.elementor-element-731e60f .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f3e8a3f *//* Base button layout setup */
.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent !important;
    border: 1px solid #ffffff !important; /* Change to your brand color */
    color: #ffffff !important; /* Change to your text color */
    border-radius: 100px !important;
    transition: color 0.4s ease-in-out !important;
}

/* Creating the sliding background background layer */
.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #BB6122; /* Color that slides in on hover */
    z-index: -1;
    transition: width 0.5s ease-in-out;
}

/* Hover state triggers */
.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button:hover {
    color: #ffffff !important; /* Text color when hovered */
    border-color: #BB6122 !important; /* Keeps the 1px border visible on hover */
    box-shadow: none !important; /* Ensures no shadow appears on hover */
}

.elementor-11 .elementor-element.elementor-element-f3e8a3f .elementor-button:hover::before {
    width: 100%;
}/* End custom CSS */