.elementor-5971 .elementor-element.elementor-element-581e715{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5971 .elementor-element.elementor-element-581e715.e-con{--align-self:center;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), sf pro display;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), sf pro display;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), sf pro display;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-fd8282a .swiper-slide-bg{background-image:url(https://wideinn.com/wp-content/uploads/2024/11/02-1.svg);background-size:cover;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-fd8282a .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-e201f66 .swiper-slide-bg{background-image:url(https://wideinn.com/wp-content/uploads/2024/11/sodic-02.svg);background-size:cover;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-e201f66 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-87fe5b3 .swiper-slide-bg{background-image:url(https://wideinn.com/wp-content/uploads/2024/11/02.svg);background-size:cover;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-repeater-item-87fe5b3 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-5971 .elementor-element.elementor-element-209f46a .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-5971 .elementor-element.elementor-element-209f46a{width:100%;max-width:100%;}.elementor-5971 .elementor-element.elementor-element-209f46a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-209f46a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5971 .elementor-element.elementor-element-209f46a .swiper-slide-contents{max-width:66%;}.elementor-5971 .elementor-element.elementor-element-209f46a .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-heading{color:var( --e-global-color-text );font-family:"Cairo", sf pro display;font-size:30px;font-weight:400;text-transform:capitalize;line-height:63px;letter-spacing:-1px;word-spacing:-1px;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-description{color:var( --e-global-color-text );font-family:"Cairo", sf pro display;font-size:20px;font-weight:400;line-height:34px;letter-spacing:0px;word-spacing:0px;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-button{font-family:"Cairo", sf pro display;font-weight:400;text-transform:capitalize;border-width:0px;border-radius:0px;color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-209f46a .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-text );opacity:var( --e-global-color-text );}.elementor-5971 .elementor-element.elementor-element-209f46a .swiper-pagination-bullet-active{background-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-69bba63{--display:flex;--min-height:20vh;--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:flex-end;}.elementor-5971 .elementor-element.elementor-element-922f4d4{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sf pro display;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-5971 .elementor-element.elementor-element-c4375ec{text-align:center;}.elementor-5971 .elementor-element.elementor-element-c4375ec .elementor-heading-title{font-family:"Cairo", sf pro display;font-size:24px;font-weight:400;text-transform:capitalize;line-height:44px;letter-spacing:0px;word-spacing:-1px;color:var( --e-global-color-text );}.elementor-5971 .elementor-element.elementor-element-307964f{--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-5971 .elementor-element.elementor-element-c6d0a99{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-5971 .elementor-element.elementor-element-02ec3e0{--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;--justify-content:center;}.elementor-5971 .elementor-element.elementor-element-c600b2f{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), sf pro display;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5971 .elementor-element.elementor-element-96e06bb img{width:350px;height:200px;object-fit:cover;object-position:center center;}.elementor-5971 .elementor-element.elementor-element-9c62cc3{text-align:center;}.elementor-5971 .elementor-element.elementor-element-9c62cc3 .elementor-heading-title{font-family:"Poppins", sf pro display;font-size:16px;font-weight:400;text-transform:capitalize;line-height:15px;letter-spacing:0px;word-spacing:-1px;color:var( --e-global-color-text );}.elementor-5971 .elementor-element.elementor-element-83b4f13{--display:flex;--align-items:center;--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 ), sf pro display;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button{background-color:#FA8F3C00;font-family:"Cairo", sf pro display;font-size:18px;font-weight:400;text-transform:capitalize;line-height:1px;letter-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0s;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-ac8255d{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-5971 .elementor-element.elementor-element-ac8255d > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-ac8255d:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button:hover, .elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button:focus{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button:hover svg, .elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-46ffef3{--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;--justify-content:center;}.elementor-5971 .elementor-element.elementor-element-6fd7750{--display:flex;}.elementor-5971 .elementor-element.elementor-element-b7a6b4e img{width:350px;height:200px;object-fit:cover;object-position:center center;}.elementor-5971 .elementor-element.elementor-element-caa0fe9{text-align:center;}.elementor-5971 .elementor-element.elementor-element-caa0fe9 .elementor-heading-title{font-family:"Poppins", sf pro display;font-size:16px;font-weight:400;text-transform:capitalize;line-height:15px;letter-spacing:0px;word-spacing:-1px;color:var( --e-global-color-text );}.elementor-5971 .elementor-element.elementor-element-c56e474{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button{background-color:#FA8F3C00;font-family:"Cairo", sf pro display;font-size:18px;font-weight:400;text-transform:capitalize;line-height:1px;letter-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0s;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-dc3071d{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-5971 .elementor-element.elementor-element-dc3071d > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-dc3071d:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button:hover, .elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button:focus{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button:hover svg, .elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-fa73987{--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;--justify-content:center;}.elementor-5971 .elementor-element.elementor-element-0d800fe{--display:flex;}.elementor-5971 .elementor-element.elementor-element-19aed71 img{width:350px;height:200px;object-fit:cover;object-position:center center;}.elementor-5971 .elementor-element.elementor-element-61c687d{text-align:center;}.elementor-5971 .elementor-element.elementor-element-61c687d .elementor-heading-title{font-family:"Poppins", sf pro display;font-size:16px;font-weight:400;text-transform:capitalize;line-height:15px;letter-spacing:0px;word-spacing:-1px;color:var( --e-global-color-text );}.elementor-5971 .elementor-element.elementor-element-7fffa3f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button{background-color:#FA8F3C00;font-family:"Cairo", sf pro display;font-size:18px;font-weight:400;text-transform:capitalize;line-height:1px;letter-spacing:0px;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );transition-duration:0s;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-78f6476{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-5971 .elementor-element.elementor-element-78f6476 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;}.elementor-5971 .elementor-element.elementor-element-78f6476:hover .elementor-widget-container{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button:hover, .elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button:focus{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button:hover svg, .elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button:focus svg{fill:var( --e-global-color-accent );}@media(min-width:768px){.elementor-5971 .elementor-element.elementor-element-581e715{--content-width:1600px;}.elementor-5971 .elementor-element.elementor-element-02ec3e0{--width:50%;}.elementor-5971 .elementor-element.elementor-element-46ffef3{--width:50%;}.elementor-5971 .elementor-element.elementor-element-fa73987{--width:50%;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-heading{font-size:12px;line-height:18px;letter-spacing:0px;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-description{font-size:12px;line-height:18px;}.elementor-5971 .elementor-element.elementor-element-209f46a .elementor-slide-button{font-size:12px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-5971 .elementor-element.elementor-element-c4375ec .elementor-heading-title{font-size:15px;line-height:23px;}.elementor-5971 .elementor-element.elementor-element-307964f{--min-height:10vh;}.elementor-5971 .elementor-element.elementor-element-c6d0a99{--gap:70px 0px;--row-gap:70px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5971 .elementor-element.elementor-element-9c62cc3 .elementor-heading-title{line-height:26px;}.elementor-5971 .elementor-element.elementor-element-ac8255d .elementor-button{font-size:14px;line-height:1px;}.elementor-5971 .elementor-element.elementor-element-caa0fe9 .elementor-heading-title{line-height:26px;}.elementor-5971 .elementor-element.elementor-element-dc3071d .elementor-button{font-size:14px;}.elementor-5971 .elementor-element.elementor-element-61c687d .elementor-heading-title{line-height:26px;}.elementor-5971 .elementor-element.elementor-element-78f6476 .elementor-button{font-size:14px;}}/* Start custom CSS for slides, class: .elementor-element-209f46a *//* Basic button styling */
.elementor-slides .elementor-button {
    position: relative;
    padding: 10px 20px;
    background-color: transparent;
    color: #000;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
}

/* Initial border setup */
.elementor-slides .elementor-button::before,
.elementor-slides .elementor-button::after,
.elementor-slides .elementor-button span::before,
.elementor-slides .elementor-button span::after {
    content: "";
    position: absolute;
    background-color: #fa8f3c; /* Updated border color */
    transition: all 0.5s ease;
}

.elementor-slides .elementor-button::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px; /* Border thickness */
    transform: scaleX(1); /* Keep the bottom border visible */
    transform-origin: left;
}

.elementor-slides .elementor-button::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 2px; /* Border thickness */
    transform: scaleX(0);
    transform-origin: right;
}

.elementor-slides .elementor-button span::before {
    top: 0;
    left: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: top;
}

.elementor-slides .elementor-button span::after {
    bottom: 0;
    right: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
}

/* Hover effect */
.elementor-slides .elementor-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.elementor-slides .elementor-button:hover::after {
    transform: scaleX(1);
    transform-origin: right;
}

.elementor-slides .elementor-button:hover span::before {
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.5s ease 0.5s;
}

.elementor-slides .elementor-button:hover span::after {
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform 0.5s ease 0.5s;
}
.portfolio-slider{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-581e715 */.portfolio-carousel img {
    height: 550px; /* Set all images to a fixed height */
    width: 100%; /* Ensures the image fills the container width */
    object-fit: cover; /* Makes sure the image covers the container without stretching */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ac8255d *//* Basic button styling */
.border-animation-button {
    position: relative;
    padding: 10px 20px;
    background-color: transparent;
    color: #000;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
}

/* Initial border setup */
.border-animation-button::before,
.border-animation-button::after,
.border-animation-button span::before,
.border-animation-button span::after {
    content: "";
    position: absolute;
    background-color: #fa8f3c; /* Updated border color */
    transition: all 0.5s ease;
}

.border-animation-button::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* Border thickness */
    transform: scaleX(1); /* Keep the bottom border visible */
    transform-origin: left;
}

.border-animation-button::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 2px; /* Border thickness */
    transform: scaleX(0);
    transform-origin: right;
}

.border-animation-button span::before {
    top: 0;
    left: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: top;
}

.border-animation-button span::after {
    bottom: 0;
    right: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
}

/* Hover effect */
.border-animation-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.border-animation-button:hover::after {
    transform: scaleX(1);
    transform-origin: right;
}

.border-animation-button:hover span::before {
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.5s ease 0.5s;
}

.border-animation-button:hover span::after {
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform 0.5s ease 0.5s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dc3071d *//* Basic button styling */
.border-animation-button {
    position: relative;
    padding: 10px 20px;
    background-color: transparent;
    color: #000;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
}

/* Initial border setup */
.border-animation-button::before,
.border-animation-button::after,
.border-animation-button span::before,
.border-animation-button span::after {
    content: "";
    position: absolute;
    background-color: #fa8f3c; /* Updated border color */
    transition: all 0.5s ease;
}

.border-animation-button::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* Border thickness */
    transform: scaleX(1); /* Keep the bottom border visible */
    transform-origin: left;
}

.border-animation-button::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 2px; /* Border thickness */
    transform: scaleX(0);
    transform-origin: right;
}

.border-animation-button span::before {
    top: 0;
    left: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: top;
}

.border-animation-button span::after {
    bottom: 0;
    right: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
}

/* Hover effect */
.border-animation-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.border-animation-button:hover::after {
    transform: scaleX(1);
    transform-origin: right;
}

.border-animation-button:hover span::before {
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.5s ease 0.5s;
}

.border-animation-button:hover span::after {
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform 0.5s ease 0.5s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-78f6476 *//* Basic button styling */
.border-animation-button {
    position: relative;
    padding: 10px 20px;
    background-color: transparent;
    color: #000;
    border: none;
    font-size: 1rem;
    cursor: pointer;
    overflow: hidden;
    text-transform: uppercase;
}

/* Initial border setup */
.border-animation-button::before,
.border-animation-button::after,
.border-animation-button span::before,
.border-animation-button span::after {
    content: "";
    position: absolute;
    background-color: #fa8f3c; /* Updated border color */
    transition: all 0.5s ease;
}

.border-animation-button::before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* Border thickness */
    transform: scaleX(1); /* Keep the bottom border visible */
    transform-origin: left;
}

.border-animation-button::after {
    top: 0;
    right: 0;
    width: 100%;
    height: 2px; /* Border thickness */
    transform: scaleX(0);
    transform-origin: right;
}

.border-animation-button span::before {
    top: 0;
    left: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: top;
}

.border-animation-button span::after {
    bottom: 0;
    right: 0;
    width: 2px; /* Border thickness */
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
}

/* Hover effect */
.border-animation-button:hover::before {
    transform: scaleX(1);
    transform-origin: left;
}

.border-animation-button:hover::after {
    transform: scaleX(1);
    transform-origin: right;
}

.border-animation-button:hover span::before {
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.5s ease 0.5s;
}

.border-animation-button:hover span::after {
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform 0.5s ease 0.5s;
}/* End custom CSS */