.elementor-254 .elementor-element.elementor-element-b354135{--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;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-254 .elementor-element.elementor-element-90931b2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-7dc232f .elementor-heading-title{font-family:"Red Hat Text", Sans-serif;font-size:55px;font-weight:900;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-e7170f7 > .elementor-widget-container{margin:0px 0px 5px 0px;}.elementor-254 .elementor-element.elementor-element-605b4b8{--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;--justify-content:flex-end;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-254 .elementor-element.elementor-element-ceb3be5{--icon-box-icon-margin:5px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-ceb3be5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-ceb3be5.elementor-view-framed .elementor-icon, .elementor-254 .elementor-element.elementor-element-ceb3be5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon{font-size:50px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title a{font-family:"Red Hat Text", Sans-serif;font-size:16px;font-weight:500;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#131313;}.elementor-254 .elementor-element.elementor-element-892160e{--icon-box-icon-margin:5px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-892160e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-892160e.elementor-view-framed .elementor-icon, .elementor-254 .elementor-element.elementor-element-892160e.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon{font-size:50px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title a{font-family:"Red Hat Text", Sans-serif;font-size:16px;font-weight:500;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#131313;}.elementor-254 .elementor-element.elementor-element-e7238c9{--icon-box-icon-margin:5px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-e7238c9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-e7238c9.elementor-view-framed .elementor-icon, .elementor-254 .elementor-element.elementor-element-e7238c9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon{font-size:50px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title a{font-family:"Red Hat Text", Sans-serif;font-size:16px;font-weight:500;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-description{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;color:#131313;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-254 .elementor-element.elementor-element-b354135{--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-254 .elementor-element.elementor-element-7dc232f .elementor-heading-title{font-size:50px;}}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-7dc232f .elementor-heading-title{font-size:40px;}.elementor-254 .elementor-element.elementor-element-605b4b8{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon{font-size:40px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title a{font-size:14px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon{font-size:40px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title a{font-size:14px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon{font-size:40px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title a{font-size:14px;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-b354135{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-90931b2{--width:50%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-254 .elementor-element.elementor-element-7dc232f{text-align:center;}.elementor-254 .elementor-element.elementor-element-7dc232f .elementor-heading-title{font-size:23px;line-height:1.3em;}.elementor-254 .elementor-element.elementor-element-605b4b8{--width:50%;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title{margin-block-end:0px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon{font-size:20px;}.elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-ceb3be5 .elementor-icon-box-title a{font-size:10px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title{margin-block-end:0px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon{font-size:20px;}.elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-892160e .elementor-icon-box-title a{font-size:10px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon{font-size:20px;}.elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title, .elementor-254 .elementor-element.elementor-element-e7238c9 .elementor-icon-box-title a{font-size:10px;}}/* Start custom CSS for html, class: .elementor-element-e7170f7 *//* Style the burger button as a perfect circle */
.burger-button {
    width: 65px;              /* Equal width and height for a circle */
    height: 65px;
    border-radius: 50%; /* Creates a perfect circle */
    background-color: transparent; /* Transparent initially */
    display: flex;            /* Center the hamburger icon */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 9999;
    transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transitions */
}

/* (change elementor template number) */
.elementor-270 { 
    width: 100%;
    
}

.burger-navigation {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    transition: all 0.5s ease-out;
    width: 100%;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elementor-270 {
        animation: fadeInRight 1s ease-in-out;
    }

/*/* Mobile styles (slide in from right) *//*
@media (max-width: 767px) {
    .elementor-3397 {
        animation: fadeInRight 1s ease-in-out;
    }
    
    .burger-navigation {
        transform: translateX(100%);
        right: 0;
        left: auto;
    }
    
    .burger-nav_control:checked ~ .burger-navigation {
        transform: translateX(0);
    }
    
    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translateX(300px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
}

.elementor-270 {
        animation: fadeInDown 1s ease-in-out;
    }
    
    /*

/* Desktop styles (slide down from top) */
@media (max-width: 768px) {
    .elementor-270 {
        animation: fadeInDown 1s ease-in-out;
    }
    
    .burger-navigation {
        transform: translateY(-100%);
    }
    
    .burger-nav_control:checked ~ .burger-navigation {
        transform: translateY(0);
    }
    
    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translateY(-300px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* Mobile styles (slide in from right) */
@media (min-width: 767px) {
    .elementor-3397 {
        animation: fadeInLeft 1s ease-in-out;
    }
    
    .burger-navigation {
        transform: translateX(-100%);
        right: 0;
        left: auto;
    }
    
    .burger-nav_control:checked ~ .burger-navigation {
        transform: translateX(0);
    }
    
    @keyframes fadeInRight {
        from {
            opacity: 0;
            transform: translateX(300px);
        }
        to {
            opacity: 1;
            transform: translateX(0);
        }
    }
}

.elementor-270 {
        animation: fadeInDown 1s ease-in-out;
    }


.burger-button .burger {
    position: relative;
    top:-3px;
}

.burger-button .burger span {
    margin-bottom: 2px;
    display: block;
    height: 2px;
    width: 40px;
    background: white;
    transform-origin: 50% 50%;
    transition: all 0.1s 0.2s ease, transform 0.2s ease;
    top:0;
}

@media (max-width: 768px){
    .burger-button .burger span{
        width:30px;
    }
}

.burger-button .burger span:nth-child(2) {
    transform: translate(0, 6px);
}

.burger-button .burger span:nth-child(3) {
    transform: translate(0, 12px);
}

.burger-nav_control {
    position: absolute;
    left: -9999px;
    width: 100%;
    clip: rect(0, 0, 0, 0);
}

.burger-nav_control:checked ~ .burger-navigation {
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
}

.burger-nav_control:checked ~ .burger-button .burger {
    transition: all 0.1s 0s ease;
}

.burger-nav_control:checked ~ .burger-button .burger span {
    background: white;
    transition: all 0.1s ease, transform 0.1s 0.2s ease;
}

.burger-nav_control:checked ~ .burger-button .burger span:first-child {
    opacity: 0;
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(2) {
    transform: translate(0px, 6px) rotate(40deg);
}

.burger-nav_control:checked ~ .burger-button .burger span:nth-child(3) {
    transform: translate(0, 2px) rotate(-40deg);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a842571 *//* Ensure smooth transitions for all elements */
.header-container .left-container .logo,
.header-container .burger-button,
.header-container .right-container {
  transition: transform 0.6s ease, opacity 0.3s ease, background-color 0.3s ease, border 0.3s ease;
}

/* Original state (when not scrolled) */
.header-container .left-container .logo {
  transform: translateX(0);
  opacity: 1;
}

.header-container .burger-button {
  transform: translateX(0);
  background-color: transparent; /* Match your original design */
  border: none; /* Match your original design */
}

.header-container .right-container {
  transform: translateY(0);
  opacity: 1;
}

/* Scrolled state */
.header-container.scrolled .left-container .logo {
  transform: translateX(-100%);
  opacity: 0;
}

.header-container.scrolled .burger-button {
  transform: translateX(-215px); /* Adjust this value based on your logo’s width */
  background-color: #49969BEB;
  border-radius: 100%;
  border: 0px solid black; /* Framed effect */
  padding:20px 10px;
  /* Optional: Adds space around the hamburger for the frame */
}

@media (max-width: 1280px) {
  .header-container.scrolled .burger-button {
    transform: translateX(-195px); /* For tablets */
  }
}

@media (max-width: 1024px) {
  .header-container.scrolled .burger-button {
    transform: translateX(-160px); /* For tablets */
  }
}

@media (max-width: 768px) {
  .header-container.scrolled .burger-button {
    transform: translateX(-93px); /* For mobile */
  }
}

.header-container.scrolled .right-container {
  transform: translateY(-100%);
  opacity: 0;
}

/* Ensure hamburger functionality remains intact */
.burger-button {
  display: flex;
  align-items: center;
  z-index: 9999;
  cursor: pointer;
}

/* Your existing hamburger CSS remains unchanged below this point *//* End custom CSS */