.elementor-1252 .elementor-element.elementor-element-7bd6f8a{--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:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;--z-index:9998;}.elementor-1252 .elementor-element.elementor-element-0c901f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 12px;text-align:start;}.elementor-1252 .elementor-element.elementor-element-0c901f1 img{width:48px;}.elementor-1252 .elementor-element.elementor-element-91991f9{--display:flex;}.elementor-1252 .elementor-element.elementor-element-66903c3{--display:flex;}.elementor-1252 .elementor-element.elementor-element-9c372cb{--display:flex;}.elementor-1252 .elementor-element.elementor-element-da2b59e{--display:flex;}.elementor-1252 .elementor-element.elementor-element-d5924a4{--display:flex;}.elementor-1252 .elementor-element.elementor-element-c855bac{--display:flex;}.elementor-1252 .elementor-element.elementor-element-3fed376{--display:flex;}.elementor-1252 .elementor-element.elementor-element-07ff417{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;width:100%;max-width:100%;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:17px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1252 .elementor-element.elementor-element-07ff417 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#000000B5;}.elementor-1252 .elementor-element.elementor-element-07ff417.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-07ff417 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1252 .elementor-element.elementor-element-07ff417 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1252 .elementor-element.elementor-element-07ff417 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"iranyekan-extrabold-fanum", Sans-serif;}.elementor-1252 .elementor-element.elementor-element-07ff417 {--n-menu-title-color-hover:#FEFFE5;--n-menu-title-color-active:#EBEBEB;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button{background-color:#FFFFFF14;font-size:13px;font-weight:normal;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.3s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF40;border-radius:12px 12px 12px 12px;padding:15px 15px 16px 15px;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button:hover, .elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button:focus{background-color:#FFFFFF14;color:#FFFFFF;border-color:#F2B01A;}.elementor-1252 .elementor-element.elementor-element-32e53d3.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button:hover svg, .elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1252 .elementor-element.elementor-element-7bd6f8a{--padding-top:0px;--padding-bottom:0px;--padding-left:14px;--padding-right:14px;}.elementor-1252 .elementor-element.elementor-element-0c901f1.elementor-element{--order:2;}.elementor-1252 .elementor-element.elementor-element-0c901f1 img{width:40px;}.elementor-1252 .elementor-element.elementor-element-07ff417{width:initial;max-width:initial;margin:0px 10px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1252 .elementor-element.elementor-element-07ff417.elementor-element{--order:1;}.elementor-1252 .elementor-element.elementor-element-32e53d3{width:var( --container-widget-width, 27px );max-width:27px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;--container-widget-width:27px;--container-widget-flex-grow:0;}.elementor-1252 .elementor-element.elementor-element-32e53d3.elementor-element{--order:3;--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button{border-radius:7px 7px 7px 7px;padding:7px 7px 7px 7px;}}@media(max-width:767px){.elementor-1252 .elementor-element.elementor-element-7bd6f8a{--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:space-between;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1252 .elementor-element.elementor-element-0c901f1.elementor-element{--order:2;}.elementor-1252 .elementor-element.elementor-element-0c901f1 img{width:34px;}.elementor-1252 .elementor-element.elementor-element-07ff417{width:var( --container-widget-width, 20px );max-width:20px;--container-widget-width:20px;--container-widget-flex-grow:0;--n-menu-title-space-between:0px;--n-menu-icon-size:0px;--n-menu-icon-gap:0px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1252 .elementor-element.elementor-element-07ff417.elementor-element{--order:1;}.elementor-1252 .elementor-element.elementor-element-32e53d3{width:var( --container-widget-width, 27px );max-width:27px;--container-widget-width:27px;--container-widget-flex-grow:0;}.elementor-1252 .elementor-element.elementor-element-32e53d3.elementor-element{--order:3;--flex-grow:0;--flex-shrink:1;}.elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button{font-size:13px;padding:7px 7px 7px 7px;}}/* Start custom CSS for image, class: .elementor-element-0c901f1 *//* Navy part rendered white, yellow part keeps its brand colour */
.elementor-1252 .elementor-element.elementor-element-0c901f1 a {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.elementor-1252 .elementor-element.elementor-element-0c901f1 img {
    filter: brightness(0) invert(1);
    clip-path: polygon(0 0, 49% 0, 54.4% 12.5%, 60% 20%, 64.5% 25.6%, 68.5% 42%, 100% 42%, 100% 100%, 0 100%);
}
.elementor-1252 .elementor-element.elementor-element-0c901f1 a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://takpay.co/wp-content/uploads/2026/09/tiamelec-logo-m01.webp") center / 100% 100% no-repeat;
    clip-path: polygon(49% 0, 100% 0, 100% 42%, 68.5% 42%, 64.5% 25.6%, 60% 20%, 54.4% 12.5%);
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-07ff417 */@media screen and (max-width:768px) {
    .elementor-1252 .elementor-element.elementor-element-07ff417 ul li div {
        padding: 0.45rem;
    }
}

/* glass hover pill on menu titles */
.elementor-1252 .elementor-element.elementor-element-07ff417 .e-n-menu-title {
    border-radius: 10px;
    transition: background-color .25s ease;
}
.elementor-1252 .elementor-element.elementor-element-07ff417 .e-n-menu-title:hover {
    background-color: rgba(255,255,255,.10);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-32e53d3 */.elementor-1252 .elementor-element.elementor-element-32e53d3 span {
    flex-direction: row !important;
}

@media screen and (max-width:1024px) { .elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button-text {
        font-size: 0;
}
    .elementor-1252 .elementor-element.elementor-element-32e53d3 .elementor-button-content-wrapper {
            gap: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e40663 */.elementor-1252 .elementor-element.elementor-element-9e40663 {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0b17fba */.elementor-1252 .elementor-element.elementor-element-0b17fba {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bd6f8a */.pepro-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a {
    padding-top: 24px;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner {
    --pb-l: 0px;
    --pb-r: 0px;
    --pb-radius: 20px;
    position: relative;
    isolation: isolate;
    padding: 10px 14px 10px 18px;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner::before,
.elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pb-l);
    right: var(--pb-r);
    z-index: -1;
    border-radius: var(--pb-radius);
    pointer-events: none;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner::before {
    background:
        linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 45%),
        linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 55%, rgba(255,255,255,.08) 100%),
        rgba(14, 22, 42, .30);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    backdrop-filter: blur(20px) saturate(170%);
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        inset 0 -1px 0 rgba(255,255,255,.06),
        0 12px 32px -12px rgba(0,0,0,.45);
    transition: background .4s ease, box-shadow .4s ease, border-color .4s ease;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner::after {
    opacity: 0;
    background: linear-gradient(100deg, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%) 0 0 / 250% 100% no-repeat;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a:not(.pepro-header--ready) > .e-con-inner {
    visibility: hidden;
    animation: peproHeaderShow 0s 1.2s forwards;
}

@keyframes peproHeaderShow {
    to { visibility: visible; }
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--scrolled > .e-con-inner::before {
    background:
        linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 55%, rgba(255,255,255,.06) 100%),
        rgba(14, 22, 42, .62);
    border-color: transparent transparent rgba(255,255,255,.10) transparent;
    box-shadow: 0 14px 34px -16px rgba(0,0,0,.6);
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--scrolled > .e-con-inner::after {
    animation: peproDockSheen 1.1s cubic-bezier(.4,0,.2,1) .35s 1;
}

@keyframes peproDockSheen {
    0% { opacity: 1; background-position: 100% 0; }
    100% { opacity: 1; background-position: -50% 0; }
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light > .e-con-inner::before {
    background: #FFFFFF;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-color: transparent;
    box-shadow: 0 6px 18px -10px rgba(1,4,34,.18);
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light.pepro-header--scrolled > .e-con-inner::before {
    box-shadow: 0 8px 22px -14px rgba(1,4,34,.22);
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light > .e-con-inner::after {
    background-image: linear-gradient(100deg, transparent 38%, rgba(242,176,26,.16) 50%, transparent 62%);
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .header-logo img {
    filter: none;
    clip-path: none;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .header-logo a::after {
    display: none;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-07ff417 {
    --n-menu-title-color-normal: #1B2F5C;
    --n-menu-title-color-hover: #010422;
    --n-menu-title-color-active: #010422;
    --n-menu-toggle-icon-color: #1B2F5C;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .e-n-menu-title:hover {
    background-color: rgba(27,47,92,.07);
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-32e53d3 .elementor-button {
    background-color: #1B2F5C;
    border-color: #1B2F5C;
    color: #FFFFFF;
    fill: #FFFFFF;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-32e53d3 .elementor-button:hover,
.elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-32e53d3 .elementor-button:focus {
    background-color: #1B2F5C;
    border-color: #F2B01A;
    color: #FFFFFF;
    fill: #FFFFFF;
}

@media (min-width: 1025px) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-07ff417 .e-n-menu-title:not(.e-current) {
        background: transparent !important;
    }
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-07ff417 .e-n-menu-title:hover {
        background: rgba(255,255,255,.10) !important;
    }
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-07ff417 .e-n-menu-title:hover {
        background: rgba(27,47,92,.07) !important;
    }
}

@media (max-width: 1024px) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--light .elementor-element-07ff417 .e-n-menu-heading {
        --n-menu-title-color-normal: #FFFFFF;
        --n-menu-title-color-hover: #FEFFE5;
        --n-menu-title-color-active: #EBEBEB;
    }
}

@media (max-width: 1024px) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a {
        padding-top: 14px;
    }
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a > .e-con-inner {
        --pb-radius: 16px;
        padding: 8px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a.pepro-header--scrolled > .e-con-inner::after {
        animation: none;
    }
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    transition: border-color .35s ease, box-shadow .45s ease;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3,
.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button-wrapper {
    display: flex;
    align-items: center;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%) 0 0 / 250% 100% no-repeat;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button:hover::after,
.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button:focus-visible::after {
    animation: peproBtnFlash .85s cubic-bezier(.4,0,.2,1) 1;
}

.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button:hover,
.elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button:focus-visible {
    box-shadow:
        0 0 0 4px rgba(242,176,26,.14),
        0 10px 24px -10px rgba(242,176,26,.55);
}

@keyframes peproBtnFlash {
    0% { opacity: 1; background-position: 100% 0; }
    100% { opacity: 1; background-position: -50% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .elementor-1252 .elementor-element.elementor-element-7bd6f8a .elementor-element-32e53d3 .elementor-button:hover::after {
        animation: none;
    }
}/* End custom CSS */