@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
:root {
    --base-color: #00ce9b;
    --alt-font: 'Manrope', sans-serif;
    --primary-font: 'Manrope', sans-serif;
    --dark-gray: #252840;
    --medium-gray: #868d98;
    --dark-blue: #011936;
}
body {
    font-size: 17px;
    line-height: 32px;
    color: rgba(11, 28, 45, 0.8);
}
a {
    color: #868d98;
}
b, strong, p{
    font-weight: 600;
}
p{
    font-size: 18px;
}
::-webkit-input-placeholder {
    color: #868d98 !important;
    text-overflow: ellipsis;
}
::-moz-placeholder {
    color: #868d98 !important;
    text-overflow: ellipsis;
    opacity:1;
}
:-ms-input-placeholder {
    color: #868d98 !important;
    text-overflow: ellipsis;
    opacity:1;
}
.bg-gradient-emerald-blue-emerald-green {
    background-image:linear-gradient(50deg,#09afea 0,#19e089 100%);
}
.bg-gradient-black-green {
    background-image: linear-gradient(to right top, #1f2021, #1b1d1c, #1b1d1c, #222523, #333c37);
}
.text-gradient-emerald-blue-emerald-green {
    background-image: linear-gradient(to right top, #09afea, #19e089);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-gradient-emerald-blue-emerald-green {
    background-image: linear-gradient(to right, #09afea, #19e089, #09afea);
    background-size: 200% auto;
    color: var(--white);
}
.fnp_container{
    max-width: 1440px;
}
.btn{
    font-weight: 500;
    text-transform: inherit;
}
.btn.btn-extra-large {
    font-size: 22px;
}
.btn.btn-large {
    font-size:18px;
    font-weight: 600;
}
.btn.btn-medium {
    font-size: 16px;
}
.btn.btn-small {
    font-size: 15px;
}
.btn.btn-very-small {
    font-size: 13px;
}
.btn.btn-large .btn-icon i {
    top: 1px;
}
.btn.btn-link {
    padding: 0 0 2px;
}
.btn.btn-link-gradient {
    padding: 0 0 3px;
}
header .navbar-brand img {
    max-height: 30px;
}
.navbar .navbar-nav .nav-link {
    font-size: 20px;
    letter-spacing: .5px;
    padding: 10px 22px
}
.navbar .navbar-nav .nav-link i {
    font-size: 15px;
}
.push-menu .close-menu {
    right: 30px;
    top: 30px;
}
.newsletter-style-02 input {
    font-size: 14px;
}
footer ul li {
    margin-bottom: 2px;
}
@media (max-width: 1199px) {
    .navbar .navbar-nav .nav-link {
        padding: 10px 17px;
    }
}
.navbar .navbar-nav .nav-link{
    text-wrap: nowrap;
}
:root {
    --dark-blue: #0B1C2D;
    --yellow: #fee600;
}
/* MEGA MENU START */
.mega-dropdown{ position: static; }
.mega-dropdown > .dropdown-menu.mega-menu{
    top: 70px;
    display: block;
    width: 70%;
    left: 50%;
    transform: translateY(18px) translateX(-50%);
    position: absolute; /* önemli */
    background: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform-origin: top center;
    transition: opacity .3s ease-in-out,
    transform .3s ease-in-out,
    visibility .3s ease-in-out;
    will-change: opacity, transform;
    padding: 35px;
}

.mega-dropdown.show > .dropdown-menu.mega-menu,
.mega-dropdown.open > .dropdown-menu.mega-menu,
.mega-dropdown > .dropdown-menu.mega-menu.show{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) translateX(-50%);
}

@media (min-width: 992px){
    .mega-dropdown:hover > .dropdown-menu.mega-menu{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) translateX(-50%);
    }
}

.mega-left-tech{
    position: relative;
    border-radius: 6px;
    padding: 30px!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(1,25,54,0.06);
}
.mega-left-tech::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:16px;
    background: linear-gradient(
            120deg,
            transparent 28%,
            rgba(249,220,92,0.40),
            transparent 75%
    );
    opacity: 1;
    transition: opacity .3s ease-in-out;
    pointer-events:none;
}
.mega-left-tech h5{
    position: relative;
    z-index: 1;
    color: var(--dark-blue);
    font-weight: 700;
    margin: 0;
}
.mega-left-tech p{
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: 14px;
    color: #555;
    max-width: 34ch;
}
.mega-tag{
    position: relative;
    z-index: 1;
    display: inline-block;
    width: fit-content;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--yellow);
    background: var(--dark-blue);
    padding: 6px 10px;
    border-radius: 20px;
}
.mega-btn{
    position: relative;
    z-index: 1;
    width: fit-content;

    background: var(--dark-blue);
    color: var(--yellow);
    border-radius: 30px;
    padding: 8px 22px;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.mega-btn:hover{
    background: var(--yellow);
    color: var(--dark-blue);
    box-shadow: 0 0 20px rgba(249,220,92,0.6);
}
.mega-list{
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}
.mega-list.tech li{
    display:flex;
    align-items: center;
    gap: 14px;
    background:#fff;
    border: 1px solid rgba(1,25,54,0.10);
    border-radius: 6px;
    padding: 14px;
    margin-bottom: 10px;
    cursor:pointer;
    transition: transform .3s ease-in-out,
    box-shadow .3s ease-in-out,
    border-color .3s ease-in-out;
    height: 125px;
}
.mega-list.tech li:hover{
    border-color: var(--yellow);
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(1,25,54,0.12);
}
.mega-list.tech i{
    font-size: 26px;
    color: var(--dark-blue);
    transition: color .3s ease-in-out;
}
.mega-list.tech li:hover i{
    color: var(--yellow);
}
.mega-list.tech span{
    display:block;
    color: var(--dark-blue);
    font-weight: 600;
    line-height: 1.2;
}
.mega-list.tech p{
    margin: 2px 0 0 0;
    font-size: 13px;
    color: #666;
}
/* MEGA MENU END */

/* SEARCH POPUP START */
.search-modal{
    position: fixed;
    inset: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease-in-out,
    visibility .3s ease-in-out;
}
.search-modal.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.search-modal-backdrop{
    position: absolute;
    inset: 0;
    background: rgba(1, 25, 54, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity .3s ease-in-out;
}
.search-modal.is-open .search-modal-backdrop{
    opacity: 1;
}
.search-modal-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(760px, calc(100% - 28px));
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 40px 120px rgba(1,25,54,0.35);
    border: 1px solid rgba(1,25,54,0.10);
    padding: 26px;
    overflow: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
    transition: opacity .3s ease-in-out,
    transform .3s ease-in-out;
}
.search-modal.is-open .search-modal-dialog{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.search-modal-close{
    position: absolute;
    right: 14px;
    top: 10px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 12px;
    background: rgba(1,25,54,0.06);
    color: var(--dark-blue);
    font-size: 24px;
    cursor: pointer;
    transition: .2s ease-in-out;
}
.search-modal-close:hover{
    background: rgba(249,220,92,0.35);
}
.search-modal-header{
    text-align: center;
    padding: 22px 10px 14px;
}
.search-modal-header h2{
    margin: 8px 0 6px;
    color: var(--dark-blue);
    font-weight: 800;
}
.search-modal-header p{
    margin: 0;
    color: #5b6470;
    font-size: 14px;
}
.search-modal-form{
    padding: 8px 10px 18px;
}
.search-input-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(1,25,54,0.12);
    border-radius: 8px;
    padding: 12px;
    background: #fff;

    transition: box-shadow .25s ease-in-out,
    border-color .25s ease-in-out;
}
.search-input-wrap:focus-within{
    border-color: rgba(249,220,92,0.9);
    box-shadow: 0 0 0 6px rgba(249,220,92,0.22);
}
.search-input{
    flex: 1;
    border: 0;
    outline: 0;
    font-size: 15px;
    color: var(--dark-blue);
}
.search-submit{ border: 0; border-radius: 4px; padding: 22px 16px; font-weight: 700; background: var(--dark-blue); color: var(--yellow); cursor: pointer; transition: .25s ease-in-out; } .search-submit:hover{ background: var(--yellow); color: var(--dark-blue); box-shadow: 0 0 18px rgba(249,220,92,0.55); }
@media (max-width: 575px){
    .search-modal-dialog{ padding: 18px; }
}
.swiper-pagination {
    bottom: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    opacity: 1;
    position: relative;
    transition: all .3s ease-in-out;
}
.swiper-pagination-bullet:hover {
    background: rgba(249,220,92,0.6);
}
.swiper-pagination-bullet-active {
    background: #ffd000;
    transform: scale(1.4);
    box-shadow: 0 0 0 6px rgba(249,220,92,0.25);
}

/* Active pulse ring */
.swiper-pagination-bullet-active::before {
    content: "" !important;
    position: absolute!important;
    width: auto!important;
    height: auto!important;
    inset: -8px!important;
    border-radius: 50%!important;
    border: 1px solid rgba(249,220,92,0.6)!important;
    animation: bulletPulse 1.8s infinite ease-out!important;
}

/* Pulse animation */
@keyframes bulletPulse {
    0% {
        transform: scale(0.6);
        opacity: 0.8;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.navbar .navbar-nav .nav-item>i{
    display: inline-block;
}
.dropdown-toggle:empty::after{
    display: none;
}
.fnp_btn, .fnp_btn:hover{
    background-color: var(--yellow);
    color: var(--dark-blue);
}
.about_right {
    position: relative;
    display: inline-block;
}
.pulse-dot {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: var(--yellow);
    border-radius: 50%;
    animation: bounce 1s infinite ease-in-out;
    border: 2px solid #fff
}
.pulse-dot::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff0;
    box-shadow: 0 0 10px #fff;
    transform: translate(-50%, -50%);
    animation: pulse 2s infinite
}
@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1
    }
    100% {
        transform: translate(-50%, -50%) scale(3.5);
        opacity: 0
    }
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-2.5px)
    }
}

.dot1 {
    top: 21.5%;
    left: 57.5%
}

.dot2 {
    top: 64%;
    left: 68%;
}

#pulse-dot-box-1 {
    position: absolute;
    top: 65%;
    left: 12%;
    width: 54.9%;
    height: 20%;
    border-top: 3px dashed var(--yellow);
    border-left: 3px dashed var(--yellow);
}

#pulse-dot-box-2 {
    position: absolute;
    top: 5%;
    left: 30%;
    width: 28.9%;
    height: 15%;
    border-top: 3px dashed var(--yellow);
    border-right: 3px dashed var(--yellow);
}

.pulse-dot-box-inner {
    position: absolute;
    padding: 15px;
    background-color: var(--dark-blue);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
}

.pulse-dot-box-inner-1 {
    top: 0;
    left: 12%
}

.pulse-dot-box-inner-2 {
    top: 77%;
    left: 0
}
.dot3{
    top: 55%;
    left: 76%;
}
#pulse-dot-box-3 {
    position: absolute;
    top: 12%;
    left: 76.8%;
    width: 5%;
    height: 42%;
    border-top: 3px dashed var(--yellow);
    border-left: 3px dashed var(--yellow);
}
.pulse-dot-box-inner-3 {
    top: 3%;
    left: 70%;
}
.fnp_title {
    font-family: var(--primary-font);
    font-size: 52px!important;
    font-weight: 900;
    color: var(--dark-blue);
    line-height: 1.3;
}
.fnp_sub_title{
    position: relative;
    font-family: var(--primary-font);
    font-size: 24px!important;
    font-weight: 700;
    color: var(--yellow);
    padding: 0 25px;
    max-width: max-content;
}
.fnp_sub_title:before, .fnp_sub_title:after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: var(--yellow);
}
.fnp_sub_title:before{
    left: -40px;
}
.fnp_sub_title:after{
    right: -40px;
}
.solutions_section, .how_it_section{
    position: relative;
}
.solutions_section{
    padding:90px 0 50px;
}
.solutions_section .card{
    border: none;
    border-radius: 5px;
    position: relative;
    height: 100%;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-transition: all .3s cubic-bezier(.2, 0, .3, 1);
    transition: all .3s cubic-bezier(.2, 0, .3, 1);
}
.solutions_section .card .card_title{
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    padding: 30px 0 30px;
    color: #fff;
    background-color: var(--dark-blue);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
}
.solutions_section .card .card_spot{
    padding: 15px 25px 60px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}
.solutions_section .card .card_button{
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--yellow);
    color: var(--dark-blue);
    font-size: 18px;
    font-weight: 600;
    border-radius: 4px;
    max-width: max-content;
    padding: 12px 28px;
    transition: .3s ease-in-out;
}
.solutions_section .card .card_button:hover{
    background-color: var(--yellow);
    color: var(--dark-blue);
}
.solutions_section .card .card_image {
    display: block;
    overflow: hidden;
}
.solutions_section .card .card_image img{
    transform: scale(1);
    transition: .3s ease-in-out;
}
.solutions_section .card:hover .card_image img{
    transform: scale(1.1);
}
.solutions_section .card:hover .card_button{
    background-color: var(--dark-blue);
    color: var(--yellow);
}
.solutions_section .solutions_bg, .how_it_section .how_it_bg{
    position:absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index:0;
    height: 100%;
}
.solutions_section .container, .how_it_section .container{
    position: relative;
    z-index: 1;
}
.maps_box {
    position: absolute;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 1;
    background-color: #fff;
}
.maps_box::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid rgba(249, 220, 92, 0);
    border-bottom: 8px solid  rgba(249, 220, 92, 0);
    border-right: 8px solid rgb(255, 255, 255);
}
.maps_box span,
.maps_box a {
    font-weight: 700;
    color: var(--dark-blue);
}
.maps_box .right {
    font-size: 13px;
    font-weight: 500
}
.maps_box hr {
    margin: 5px 0
}
.maps_box_animation {
    animation: bounce 1s infinite ease-in-out
}
.how_it_section .card{
    background: rgba(255, 255, 255, 0.85);
   /* backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); */
    border-radius: 6px;
    padding: 40px 30px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border: 1px solid rgba(255,255,255,0.4);
    transition: .3s ease-in-out;
}
.how_it_section .card .card_top{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.how_it_section .card:hover {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: translateY(-8px);
    box-shadow: 0 35px 70px rgba(15, 23, 42, 0.12);
}
.how_it_section .card .hiw-icon {
    width: 110px;
    height: 110px;
}
.how_it_section .card .hiw-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.how_it_section .card .card_title {
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    margin-left: 20px;
}
.how_it_section .card p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
}

/* PRODUCT START */
/*.rev_column_inner {z-index:9;flex-direction:column;padding-left: 30% !important; padding-right: 15% !important; }*/
/*.next-btn { background-size: 110% auto; background-position: right center; transition: 0.5s cubic-bezier(0.61, 1, 0.88, 1) !important; }*/
/*.next-btn:hover { background-position: left center; }*/
/*#gym-and-fitness-slider .uranus.tp-leftarrow:before{width:50px; height:50px; line-height:50px; font-size:25px; content: "\F12F"; font-family: bootstrap-icons!important;}*/
/*#gym-and-fitness-slider .uranus.tp-rightarrow:before{width:50px; height:50px; line-height:50px; font-size:25px; content: "\F138"; font-family: bootstrap-icons!important;}*/
/*@media (max-width: 1500px) {*/
/*    .rev_column_inner {padding-left: 10% !important; padding-right: 10% !important; }*/
/*    .background-text {display: none !important;}*/
/*}*/
/*@media (max-width: 1399px) {*/
/*    .accordion-style-01 .accordion-item .accordion-body {*/
/*        padding-right: 40px;*/
/*    }*/
/*}*/
/*@media (max-width: 1199px) {*/
/*    .accordion-style-01 .accordion-item {*/
/*        padding: 20px 20px;*/
/*    }*/
/*    .accordion-style-01 .accordion-item.active-accordion {*/
/*        padding-left: 20px;*/
/*        padding-right: 20px;*/
/*    }*/
/*    .accordion-style-01 .accordion-item .accordion-body {*/
/*        padding-right: 10px;*/
/*    }*/
/*    .lg-left-minus-250px {*/
/*        left: -250px !important;*/
/*    }*/
/*    .next-btn {transition:  none !important;}*/
/*}*/
/*@media (max-width: 1023px) {*/
/*    .rev_column {width: 50% !important;}*/
/*}*/
/*@media (max-width: 778px) {*/
/*    .rev_row_zone .row { display: flex !important; flex-direction: column-reverse; }*/
/*    .rev_column { height: 100%; }*/
/*    .rev_column_inner {padding-bottom: 6% !important; padding-top: 6% !important; }*/
/*    #rs-gym-and-fitness-01 .tp-bgimg {background-image: url("https://placehold.co/1920x1100") !important;}*/
/*    #rs-gym-and-fitness-02 .tp-bgimg {background-image: url("https://placehold.co/1920x1100") !important;}*/
/*    #rs-gym-and-fitness-03 .tp-bgimg {background-image: url("https://placehold.co/1920x1100") !important;}*/
/*}*/
/*@media (max-width: 479px) {*/
/*    .rev_column_inner {padding-bottom: 8% !important; padding-top: 8% !important; padding-left: 3% !important; padding-right: 3% !important; }*/
/*}*/
/*@media  (max-width: 900px) and (orientation: landscape) {*/
/*    .right-col {padding: 35% 0 !important;}*/
/*}*/
/* PRODUCT END */

/* PARALLAX SECTION START */
.parallax_section{
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
/* PLAY BUTTON */
.fnp-play-btn{
    display: inline-flex;
    align-items: center;
    gap: 0 12px;
    text-decoration: none;
    position: relative;
}

.play-icon{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--yellow);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--dark-blue);
    font-size: 18px;
    position: relative;
    z-index: 2;
    box-shadow: 0 10px 30px rgba(1, 25, 54, 0.35);
}
.play-ring{
    position: absolute;
    left: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(249, 220, 92, 0.35);
    animation: pulse-ring 1.8s infinite ease-out;
    z-index: 1;
}

@keyframes pulse-ring{
    0%{
        transform: scale(1);
        opacity: .65;
    }
    100%{
        transform: scale(1.8);
        opacity: 0;
    }
}

.play-text{
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    transition: color .3s ease;
}
/* PARALLAX SECTION END */

/* BLOG SECTION START */
.post-content-wrapper{
    position: absolute;
    bottom: -100px;
    z-index: 1;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
}
.mb-100px{
    margin-bottom: 100px;
}
/* BLOG SECTION END */

/* FOOTER START */
.footer-menureen{
    position: relative;
    padding: 70px 0 26px;
    background: #011936;
    overflow: hidden;
}

/* soft wave + gradient light */
.footer-menureen .footer-bg{
    position: absolute;
    inset: 0;
    background-image: url("/files/footer-bg.jpg");
    background-position: center;
    pointer-events: none;
}

/*.footer-menureen .footer-noise{*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    opacity: .06;              !* soft *!*/
/*    mix-blend-mode: overlay;*/
/*    pointer-events: none;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");*/
/*}*/

/* layout */
.footer-menureen .footer-top{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.15fr 2fr;
    gap: 42px;
    align-items: start;
    padding-bottom: 34px;
    border-bottom: 1px solid rgba(255,255,255,.10);
}

.footer-menureen .footer-brand .brand-row{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

/* simple mark (replace with your logo image if you want) */
.footer-menureen .brand-mark{
    width: 34px;
    height: 34px;
    border-radius: 4px;
    background: linear-gradient(135deg, rgba(249,220,92,.95), rgba(249,220,92,.55));
    box-shadow: 0 10px 30px rgba(249,220,92,.18);
}

.footer-menureen .brand-name{
    font-size: 28px;
    font-weight: 800;
    letter-spacing: .2px;
    color: rgba(255,255,255,.92);  /* soft white */
}

.footer-menureen .brand-tagline{
    color: rgba(255,255,255,.70);
    max-width: 420px;
    line-height: 1.55;
    margin-top: 18px;
    margin-bottom: 18px;
}

.footer-menureen .footer-social{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-menureen .social-btn{
    width: 42px;
    height: 42px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(255,255,255,.78);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
    transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}

.footer-menureen .social-btn:hover{
    transform: translateY(-2px);
    background: rgba(249,220,92,.10);
    border-color: rgba(249,220,92,.28);
    color: rgba(255,255,255,.92);
}

/* columns */
.footer-menureen .footer-cols{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.footer-menureen .footer-col-wide{
    grid-column: span 1;
}

.footer-menureen .footer-title{
    font-size: 16px;
    font-weight: 800;
    color: rgba(255,255,255,1);
    margin-bottom: 14px;
    letter-spacing: .2px;
}

.footer-menureen .footer-link{
    display: block;
    text-decoration: none;
    color: rgba(255,255,255,.92);
    padding: 6px 0;
    transition: color .2s ease, transform .2s ease;
}

.footer-menureen .footer-link:hover{
    color: rgba(255,255,255,1);
    transform: translateX(2px);
}

.footer-menureen .footer-text{
    color: rgba(255,255,255,.92);
    line-height: 1.6;
    margin-bottom: 12px;
}

/* form */
.footer-menureen .footer-form{
    display: grid;
    grid-template-columns: 1fr 52px;
    gap: 10px;
    align-items: center;
    margin: 10px 0 14px;
}

.footer-menureen .footer-input{
    height: 48px;
    border-radius: 4px;
    padding: 0 14px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.88);
    outline: none;
    font-size: 14px;
}

.footer-menureen .footer-input::placeholder{
    color: rgba(255,255,255,.45);
}

.footer-menureen .footer-submit{
    height: 48px;
    border-radius: 4px;
    border: 1px solid rgba(249,220,92,.35);
    background: rgba(249,220,92,.14); /* soft accent */
    color: rgba(255,255,255,.92);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.footer-menureen .footer-submit:hover{
    transform: translateY(-2px);
    background: rgba(249,220,92,.20);
    border-color: rgba(249,220,92,.55);
}

/* meta rows */
.footer-menureen .footer-meta{
    display: grid;
    gap: 8px;
}

.footer-menureen .meta-row{
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.62);
    font-size: 14px;
}

.footer-menureen .meta-row i{
    color: rgba(249,220,92,.92);
}

/* bottom */
.footer-menureen .footer-bottom{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding-top: 18px;
    color: rgba(255,255,255,.92);
    font-size: 14px;
    flex-wrap: wrap;
}

.footer-menureen .footer-bottom-links a{
    color: rgba(255,255,255,.92);
    text-decoration: none;
}

.footer-menureen .footer-bottom-links a:hover{
    color: rgba(255,255,255,1);
}

.footer-menureen .sep{
    margin: 0 8px;
    opacity: .6;
}

/* responsive */
@media (max-width: 1200px){
    .footer-menureen .footer-top{
        grid-template-columns: 1fr;
    }
    .footer-menureen .footer-cols{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px){
    .footer-menureen{
        padding: 54px 0 22px;
    }
    .footer-menureen .footer-cols{
        grid-template-columns: 1fr;
    }
}
.x-icon{
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.x-icon svg{
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.blur{
    backdrop-filter: blur(10px);
}
.language-switcher {
    position: relative;
    font-family: inherit;
    margin-left: 15px;
}
.lang-current {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.85);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 8px;
    transition: color .3s ease;
}
.lang-current i {
    font-size: 15px;
}
.lang-current:hover {
    color: #ffd000;
}
.lang-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    /*box-shadow: 0 12px 40px rgba(0,0,0,0.25);*/
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all .25s ease;
    z-index: 1000;
}
.lang-dropdown li {
    list-style: none;
}
.lang-dropdown a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
    text-decoration: none;
    transition: background .25s ease, color .25s ease;
}
.lang-dropdown a:hover {
    background: var(--yellow);
    color: var(--dark-blue);
}
.language-switcher:hover .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-icon .icon>a{
    font-size: 24px;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a{
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-blue);
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a:hover{
    background:var(--yellow);
}
.breadcrumb li, .breadcrumb li a{
    font-size: 22px;
    color: #fff;
}
.breadcrumb li.active{
    color: var(--yellow);
}

/* =============================
   TECH UI SIDEBAR - #011936
============================= */

.tech-card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(14px);
    border-radius: 6px;
    padding: 32px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
}

.tech-title {
    font-size: 28px;
    font-weight: 700;
    color: #011936;
    display: block;
    margin-bottom: 18px;
    letter-spacing: -0.2px;
    position: relative;
    z-index: 2;
}

/* MENU */
.tech-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 2;
}

.tech-menu li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    border-radius: 5px;
    transition: all 0.25s ease;
    margin-bottom: 8px;
    border: 1px solid transparent;
}

.tech-menu li a {
    font-size: 18px;
    font-weight: 500;
    color: rgba(1, 25, 54, 0.85);
    text-decoration: none;
    transition: all 0.25s ease;
}

.tech-menu li i {
    font-size: 16px;
    opacity: 0.6;
    color: rgba(1, 25, 54, 0.85);
    transition: all 0.25s ease;
}

/* Hover effect */
.tech-menu li:hover {
    border-color: rgba(1, 25, 54, 0.25);
    background: rgba(1, 25, 54, 0.06);
    transform: translateX(4px);
}

.tech-menu li:hover a,
.tech-menu li:hover i {
    color: #011936;
    opacity: 1;
}

/* Active state */
.tech-menu li.active {
    background: var(--yellow);
    box-shadow: 0 10px 25px rgba(1, 25, 54, 0.1);
}

.tech-menu li.active a,
.tech-menu li.active i {
    color: var(--dark-blue) !important;
    opacity: 1;
}

/* CONTACT ITEMS */
.tech-contact-item {
    display: flex;
    align-items: center;
    padding: 14px 12px;
    border-radius: 14px;
    transition: 0.25s ease;
    position: relative;
    z-index: 2;
}

.tech-contact-item:hover {
    background: rgba(1, 25, 54, 0.05);
    transform: translateX(4px);
}

.tech-icon {
    width: 54px;
    height: 54px;
    border-radius: 5px;
    background: #011936;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    box-shadow: 0 10px 22px rgba(1, 25, 54, 0.18);
}

.tech-icon i {
    font-size: 22px;
    color: white;
}

.tech-contact-content {
    display: flex;
    flex-direction: column;
}

.tech-label {
    font-size: 18px;
    font-weight: 500;
    color: rgb(1, 25, 54);
}

.tech-value {
    font-size: 16px;
    font-weight: 600;
    color: #011936;
    text-decoration: none;
}

.tech-value:hover {
    color: #011936;
}
/* WHATSAPP special style */
.tech-icon.whatsapp {
    background: #25D366;
}

.whatsapp-text {
    color: #25D366 !important;
}
.whatsapp-text:hover {
    color: #25D366;
}
/* Sticky spacing */
.tech-sticky {
    position: sticky;
    padding-bottom: 18px;
}

/* Responsive */
@media (max-width: 991px) {
    .tech-card {
        padding: 24px;
    }
}

.fnp_list {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

.fnp_list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
}

.fnp_list li:last-child {
    margin-bottom: 0;
}

.bullet-dot {
    width: 6px;
    height: 6px;
    margin-top: 9px;
    border-radius: 50%;
    background: var(--dark-blue);
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(11, 28, 45, 0.25);
}
.how_it_section .fnp_sub_title:before,.how_it_section .fnp_sub_title:after, .solutions_section .fnp_sub_title:before, .solutions_section .fnp_sub_title:after , .content_section .fnp_sub_title:before, .content_section .fnp_sub_title:after, .news_section .fnp_sub_title:before, .news_section .fnp_sub_title:after, .home_maps .fnp_sub_title:before, .home_maps .fnp_sub_title:after, .home_form .fnp_sub_title:before, .home_form .fnp_sub_title:after, .sss_section .fnp_sub_title:before, .sss_section .fnp_sub_title:after, .inner_page_section .fnp_sub_title:before, .inner_page_section .fnp_sub_title:after, .urun_problem .fnp_sub_title:before, .urun_problem .fnp_sub_title:after, .urun_cozum .fnp_sub_title:before, .urun_cozum .fnp_sub_title:after, .urun_specs .fnp_sub_title:before, .urun_specs .fnp_sub_title:after, .urun_sss .fnp_sub_title:before,.urun_sss .fnp_sub_title:after, .references_sec .fnp_sub_title:before, .references_sec .fnp_sub_title:after, .product-downloads .fnp_sub_title:before, .product-downloads .fnp_sub_title:after{
    background: #011936;
}
.news_inner{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
            to bottom,
            #d8d8d8,
            #dbdbdb,
            #e0e0e0,
            #e7e7e7,
            #eeeeee
    );
    bottom: 25%;
}
.text-gradient-light-gray {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(
            to bottom,
            #d8d8d8,
            #dbdbdb,
            #e0e0e0,
            #e7e7e7,
            #eeeeee
    );
}
.news_section .box-hover .blog-image img{
    transform: scale(1);
    transition: .3s ease-in-out;
}
.news_section .box-hover:hover .blog-image img{
    transform: scale(1.1);
}
.solutions_swiper_wrap .solutionsSwiper{
    padding: 20px 10px 120px 10px;
}
.solutions_swiper_wrap .swiper-pagination {
    bottom: 20px;
    gap: 25px;
}
.solutions_swiper_wrap .swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(1, 25, 54, 0.25);
    border: 1px solid rgba(1, 25, 54, 0.5);
}
.solutions_swiper_wrap .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--dark-blue);
    box-shadow: 0 0 0 6px rgba(1, 25, 54, 0.25);
}
.solutions_swiper_wrap .swiper-pagination .swiper-pagination-bullet-active:before {
    border: 1px solid rgba(1, 25, 54, 0.6) !important;
}
.solutions_swiper_wrap .swiper-button-prev, .solutions_swiper_wrap .swiper-button-next {
    background-color: white;
    border-radius: 4px;
    opacity: .9;
}
.solutions_swiper_wrap .swiper-button-prev:hover, .solutions_swiper_wrap .swiper-button-next:hover {
    opacity: 1;
}
.solutions_swiper_wrap .swiper-button-prev i, .solutions_swiper_wrap .swiper-button-next i {
    font-size: 18px;
}
.accordion.accordion-style-02.accordion-tech {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(1, 25, 54, 0.12);
    border-radius: 6px;
    padding: 32px;
    box-shadow: 0 12px 30px rgba(1, 25, 54, 0.10);
    position: relative;
    overflow: hidden;
}
.accordion.accordion-style-02.accordion-tech .accordion-header{
    padding:12px 14px;
    border:1px solid rgba(1, 25, 54, 0.2);
    background: rgba(1, 25, 54, 0.06);
    border-radius: 5px;
}
.accordion-style-02 .accordion-item.active-accordion .accordion-header {
    border-bottom: 1px solid rgba(1, 25, 54, 0.2) !important;
    background-color: var(--yellow);
    box-shadow: 0 10px 25px rgba(1, 25, 54, 0.1);
}
.accordion-style-02 .accordion-item.active-accordion .accordion-header .accordion-title {
    color: var(--dark-blue);
}
.accordion.accordion-style-02.accordion-tech .accordion-item {
    position: relative;
    z-index: 2;
    margin-bottom: 15px;
}

.accordion-style-02 .accordion-item .accordion-body {
    padding: 15px 10px 0;
}
.fnp_detail_hx h2, .fnp_detail_hx h3, .fnp_detail_hx h4{
    font-family: var(--primary-font);
    font-size: 42px !important;
    font-weight: 900;
    color: var(--dark-blue);
    line-height: 1.3;
}
@media (min-width: 1400px) {
    .section_container {
        max-width: 1520px;
    }
}
.icon-with-text-style-04 .feature-box {
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(1, 25, 54, 0.12);
    box-shadow: 0 12px 30px rgba(1, 25, 54, 0.10);
    position: relative;
    overflow: hidden;
}
.icon-with-text-style-04 .feature-box:before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right bottom, rgba(1, 25, 54, 0.12), rgba(1, 25, 54, 0));
    pointer-events: none;
}
.icon-with-text-style-04 .feature-box:hover {
    background-color: rgba(1, 25, 54, 0.06) !important;
}
.icon-with-text-style-04 .feature-box:hover span, .icon-with-text-style-04 .feature-box:hover p {
    color: var(--dark-blue) !important;
}

.bg_section {
    background: #f8f8f8!important;
}
.fnp_title .fst-italic {
    font-style: italic;
}
.footer-pro--light{
    background: var(--dark-blue);
    overflow:hidden;
    padding: 90px 0
}

/* TOP CTA AREA */
.footer-pro--light .footer-cta--light{
    padding:40px 0;
}
.footer-pro--light .footer-cta__inner{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:18px;
    align-items:stretch;
}
.footer-pro--light .footer-cta__content{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    padding:10px 4px;
}
.footer-pro--light .footer-cta__kicker{
    font-size:22px;
    font-weight: 700;
}
.footer-pro--light .footer-cta__title{
    font-size:22px;
    font-weight:800;
    margin-top:4px;
}
.footer-pro--light .footer-cta__sub{
    opacity:.78;
    max-width:560px;
    line-height:1.5;
}
.footer-pro--light .footer-cta__actions{
    display:flex;
    gap:12px;
    margin-top:10px;
    flex-wrap:wrap;
}

/* BUTTONS */
.footer-pro--light .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 16px;
    border-radius:12px;
    text-decoration:none;
    font-weight:700;
    border:1px solid rgba(17,24,39,.14);
}
.footer-pro--light .btn-primary{
    background: linear-gradient(135deg, rgba(245,158,11,.25), rgba(17,24,39,.02));
    box-shadow: 0 16px 40px rgba(17,24,39,.12);
    color:#111827;
}
.footer-pro--light .btn-ghost{
    background: rgba(17,24,39,.02);
    color:#111827;
}

/* BRAND CARD */
.footer-pro--light .brand-title{ font-size:44px; letter-spacing:-.02em; }
.footer-pro--light .brand-sub{ opacity:.78; padding-top:15px; line-height:1.45; }

.footer-pro--light .brand-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:16px;
}
.footer-pro--light .chip{
    font-size:12px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(17,24,39,.10);
    background: rgba(17,24,39,.02);
    opacity:.92;
}

.footer-pro--light .brand-stats{
    margin-top:16px;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:10px;
}
.footer-pro--light .stat{
    padding:12px;
    border-radius:7px;
    border:1px solid rgba(17,24,39,.10);
    background: rgba(17,24,39,.02);
}
.footer-pro--light .stat__num{ font-size:18px; font-weight:900; }
.footer-pro--light .stat__label{ font-size:12px; opacity:.70; margin-top:2px; }

.footer-pro--light .social-row{ display:flex; gap:10px; margin-top:16px; }
.footer-pro--light .social{
    width:42px; height:42px;
    display:grid; place-items:center;
    border-radius:5px;
    text-decoration:none;
    border:1px solid rgba(17,24,39,.12);
    background: rgba(17,24,39,.04);
    color:#111827;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.footer-pro--light .social:hover{
    transform: translateY(-2px);
    background: rgba(17,24,39,.04);
    border-color: rgba(17,24,39,.20);
}

/* MAIN 5 EQUAL CARDS */
.footer-pro--light .footer-main--light{
    position: relative;
    padding: 60px 0;
}
.footer-pro--light .footer-cols{
    display:grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:20px;
}
.footer-pro--light .col{
    border-radius:8px;
    padding:18px 16px;
    position: relative;
}
.footer-pro--light .col-title{ font-size:22px;font-weight:900; letter-spacing:.02em; margin-bottom:12px; color: var(--yellow) }

.footer-pro--light .col-link{
    display:block;
    text-decoration:none;
    color: rgba(255, 255, 255, 1);
    padding:8px 0;
    border-bottom:1px dashed rgba(255, 255, 255, 0.12);
    transition: color .18s ease, transform .18s ease;
    font-weight: 500;
}
.footer-pro--light .col-link:last-child{ border-bottom:0; }
.footer-pro--light .col-link:hover{ color:#efefef; transform: translateX(2px); }

/* CONTACT */
.footer-pro--light .contact-item{
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:13px;
    line-height:1.5;
    color: rgba(17,24,39,.80);
    text-decoration:none;
    margin:10px 0;
}
.footer-pro--light .dot{
    width:8px; height:8px; border-radius:999px;
    background: rgba(245,158,11,.95);
    margin-top:6px;
    box-shadow: 0 0 18px rgba(245,158,11,.25);
}

/* MINI FORM (compact) */
.footer-pro--light .mini-form{
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid rgba(17,24,39,.10);
    display:flex;
    flex-direction:column;
    gap:10px;
}
.footer-pro--light .mini-form__title{ font-weight:800; }
.footer-pro--light .mini-input{
    height:42px;
    border-radius:6px;
    border:1px solid rgba(17,24,39,.12);
    background: rgba(17,24,39,.02);
    color:#111827;
    padding:0 12px;
    outline:none;
}
.footer-pro--light .mini-btn{
    height:42px;
    border-radius:6px;
    border:1px solid rgba(17,24,39,.14);
    background: rgba(245,158,11,.20);
    color:#111827;
    font-weight:900;
    cursor:pointer;
}
.footer-pro--light .mini-form__hint{ font-size:12px; opacity:.70; }

/* BOTTOM */
.footer-pro--light .footer-bottom--light{
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding:16px 0;
}
.footer-pro--light .footer-bottom__inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
    font-size:16px;
}
.footer-pro--light .bottom-links a{
    color: rgba(255, 255, 255, 1);
    text-decoration:none;
    margin-left:12px;
}
.footer-pro--light .bottom-links a:hover{ color: #efefef; }
.footer-pro--light .sep{ margin:0 8px; opacity:1; color: #fff}

/* RESPONSIVE */
@media (max-width: 1100px){
    .footer-pro--light .footer-cta__inner{ grid-template-columns: 1fr; }
    .footer-pro--light .footer-cols{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
    .footer-pro--light .footer-cols{ grid-template-columns: 1fr; }
    .footer-pro--light .footer-bottom__inner{ flex-direction:column; align-items:flex-start; }
    .footer-pro--light .bottom-links a{ margin-left:0; margin-right:12px; }
}
.footer-contact{
    margin-top:12px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.footer-contact__item{
    display:flex;
    gap:10px;
    align-items:flex-start;
    text-decoration:none;
    color: rgba(17,24,39,.84);
    line-height:1.5;
    padding:5px 12px;

}
.footer-contact__item i{
    font-size:16px;
    margin-top:2px;
    opacity:.85;
}
.footer-contact__item:hover {
    color: var(--dark-blue);
}
.blog_card_detail{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.blog_card_img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.blog_detail_img {
    width: 100%;
    aspect-ratio: 13/9;
    object-fit: cover;
}
.news_section .box-hover .post-content-wrapper .bg-dark-gray {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out;
    min-height: 116px;
    background: var(--dark-blue);
}
.news_section .box-hover:hover .post-content-wrapper .bg-dark-gray{
    background-color: var(--yellow) !important;
}
.news_section .box-hover:hover .post-content-wrapper .bg-dark-gray .card-title {
    color: var(--dark-blue) !important;
}
.home_maps .fnp_sub_title {
    margin-left: 45px;
}
.sss_section .accordion.accordion-style-02 .accordion-header {
    padding: 12px 14px;
    border: 1px solid rgba(1, 25, 54, 0.2);
    background: rgba(1, 25, 54, 0.06);
    border-radius: 5px;
}
.sss_section .accordion-style-02 .accordion-item.active-accordion .accordion-header {
    border-bottom: 1px solid rgba(1, 25, 54, 0.2) !important;
    background-color: var(--yellow);
    box-shadow: 0 10px 25px rgba(1, 25, 54, 0.1);
}
/* Kart */
.hiw_card{
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 260px;
    color: #fff;
}

/* Arka plan görseli */
.hiw_card::before{
    content:"";
    position: absolute;
    inset: 0;
    background-image: var(--card-bg);  /* her karta ayrı görsel */
    background-size: cover;
    background-position: center;
    transform: scale(1.02);
    transition: filter .25s ease, transform .25s ease;
    z-index: 1;
}

.hiw_card::after{
    content:"";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.15)), radial-gradient(circle at 20% 10%, rgba(255,255,255,.05), transparent 45%);

    transition: backdrop-filter .25s ease, background .25s ease;
    z-index: 2;

    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

.hiw_card:hover::after{
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background:
            linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55)),
            radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 45%);
}

/* Hover’da görseli de hafif blur/kontrast istersen (opsiyonel) */
.hiw_card:hover::before{
    filter: saturate(1.05) contrast(1.05);
    transform: scale(1.05);
}

/* İçerik üstte kalsın + ortalama */
.hiw_card .card_content{
    position: relative;
    z-index: 3;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 28px 22px;
}

.hiw_card .card_top{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.hiw_card .card_title{
    color:#fff;
    font-weight: 700;
    font-size: 30px;
}

.hiw_card p{
    margin: 12px 0 0;
    color: rgba(255,255,255,.9);
    max-width: 280px;
}
.section_top {
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 60px 0;
}

.section_top__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
}

.footer_top_left{
    max-width: 800px;
}

.footer_top_logo img{
    height: 34px;
    width: auto;
    display:block;
    margin-bottom: 10px;
}

.footer_top_text{
    margin-top: 20px;
    margin-bottom: 0;
    color: rgba(255,255,255,1);
    line-height: 1.6;
    font-size: 17px;
}

.footer_top_right{
    min-width: 450px;
}

.footer_news_title{
    color:#fff;
    font-weight:600;
    margin-bottom:10px;
}

.footer_news_form{
    display:flex;
    gap:10px;
}

.footer_news_input{
    flex:1;
    height:44px;
    padding:0 14px;
    border-radius:6px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.15);
    color:#fff;
    outline:none;
}

.footer_news_input::placeholder{
    color: rgba(255,255,255,.45);
}

.footer_news_btn{
    height:44px;
    padding:0 16px;
    border-radius:5px;
    border:0;
    background: var(--yellow);
    color:#111;
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
}

.footer_news_note{
    display:block;
    margin-top:8px;
    color: rgba(255,255,255,.55);
    font-size: 12px;
}

@media (max-width: 768px){
    .footer_top_right{ min-width: 100%; }
    .footer_news_form{ flex-direction: column; }
    .footer_news_btn{ width:100%; }
}
.footer_img{
    position: absolute;
    bottom: 5%;
    left: 10%;
    z-index: 9;
    width: 200px;
    height: 200px;
}

.footer_img .footer_icon{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 1. resim sonsuz 360 döner */
.footer_icon--spin{
    animation: footerSpin 40s linear infinite;
    transform-origin: 50% 50%;
}

/* 2. resim üstte sabit */
.footer_icon--top{
    pointer-events: none;
}

@keyframes footerSpin{
    from { transform: rotate(0deg); }
    to   { transform: rotate(-360deg); }
}


/* Wrapper sabit oran: 1920x815 */
.image-comparison__slider-wrapper{
    position: relative;
    width: 100%;
    aspect-ratio: 1920 / 815;
    overflow: hidden;
    border-radius: 16px;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}

/* Fallback */
@supports not (aspect-ratio: 1 / 1){
    .image-comparison__slider-wrapper{
        height: 0;
        padding-top: 42.4479%;
    }
}

/* A11y label gizle */
.image-comparison__label{
    position:absolute;
    width:1px;height:1px;
    padding:0;margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;border:0;
}

/* Range tüm alan */
.image-comparison__range{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    background:transparent;
    border:none !important;
    appearance:none;
    -webkit-appearance:none;
    outline:none;
    cursor: ew-resize;
    z-index: 50;
    touch-action: none;
    border-radius: 16px;
}

/* Range görünmez */
.image-comparison__range::-webkit-slider-runnable-track{ height:100%; background:transparent; }
.image-comparison__range::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:44px;height:44px;
    background:transparent;
    border:none;
}
.image-comparison__range::-moz-range-track{ height:100%; background:transparent; }
.image-comparison__range::-moz-range-thumb{
    width:44px;height:44px;
    background:transparent;
    border:none;
}

/* Katmanlar */
.image-comparison__image-wrapper{
    position:absolute;
    inset:0;
}

/* Base altta */
.image-comparison__image-wrapper--base{ z-index: 1; }

/* Overlay üstte: SABİT, sadece clip ile kırp */
.image-comparison__image-wrapper--overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:10;
    overflow:hidden;

    clip-path: inset(0 calc(100% - var(--pos, 50%)) 0 0);
    will-change: clip-path;
}

/* Figure / img */
.image-comparison__figure{
    position:absolute;
    inset:0;
    margin:0;
}

.image-comparison__image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* Slider line */
.image-comparison__slider{
    position:absolute;
    top:0;
    left:50%;
    width:2px;
    height:100%;
    background: rgba(255,255,255,.95);
    z-index: 20;
    pointer-events: none;
}

/* Thumb */
.image-comparison__thumb{
    position:absolute;
    top:50%;
    left:50%;
    width:44px;
    height:44px;
    transform: translate(-50%,-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0091df;
    color:#fff;
    border-radius:999px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    transition: transform .15s ease, background-color .15s ease;
}

/* Active hissi */
.image-comparison__range:active ~ .image-comparison__slider .image-comparison__thumb,
.image-comparison__range:focus  ~ .image-comparison__slider .image-comparison__thumb,
.image-comparison__range.image-comparison__range--active ~ .image-comparison__slider .image-comparison__thumb{
    transform: translate(-50%,-50%) scale(1.1);
    background: rgba(255, 234, 35, 0.8);
}

/* Captionlar: wrapper içinde ve en üstte */
.image-comparison__caption{
    position:absolute;
    bottom:12px;
    z-index: 60;
    pointer-events:none;
    color:#fff;
    font-weight:700;
    text-transform: uppercase;
    transition: opacity .15s ease, transform .15s ease;
}

/* ÖNCESİ solda */
.image-comparison__caption--before{
    left:12px;
    right:auto;
    text-align:left;
}

/* SONRASI sağda */
.image-comparison__caption--after{
    right:12px;
    left:auto;
    text-align:right;
}

.image-comparison__caption-body{
    display:inline-block;
    padding:6px 12px;
    background: rgba(0,0,0,.55);
    border-radius: 6px;
    white-space: nowrap;
}

.image-comparison__caption.is-hidden{
    opacity: 0;
    transform: translateY(4px);
}
.image-comparison__thumb{
    background: var(--yellow);
    color: var(--dark-blue);
}
.image-comparison__thumb-icon{
    width: 25px;
    height: 25px;
    display:block;
    fill: currentColor;
}
.ikon_section .hiw_card{
    min-height: 400px;
    height: 100%;
}
.ikon_section .hiw_card .card_content {
    height: 100%;
}
.product_box {
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.product_box a .title {
    display: block;
    padding: 12px 24px;
    background: var(--yellow);
    color: var(--dark-blue);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 22px;
    font-weight: 700;
}
.product_box .gallery-image  {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.position-sticky {
    position: sticky;
}
.home_form {
    background-attachment: fixed;
}
.sozlesme input {
    max-width: max-content;
    margin-bottom: 25px;
}

.text_absolute {
    position: absolute;
    bottom: 100px;
    font-weight: 700;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    font-size: 38px;
    color: var(--yellow);
    padding: 20px 30px;
    border-radius: 4px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.text_dark_blue {
    color: var(--dark-blue);
}
.banner_section .extra-small-screen {
    height: 400px !important;
}
header.sticky .navbar {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff!important;
    padding: 10px 0;
    box-shadow: 0 0 50px 0 rgb(0 0 0 / .1);
    z-index: 999;
}
header.sticky .navbar .nav-link , header.sticky .navbar .header-icon .icon>a, header.sticky .navbar .lang-current{
    color: var(--dark-blue);
}
header .no_sticky_logo {
    display: block;
}
header.sticky .navbar  .no_sticky_logo {
    display: none;
}

header .sticky_logo {
    display: none;
}
header.sticky .navbar  .sticky_logo {
    display: block;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    width: 300px;
}
#searchModal .search-input {
    padding: 7px 25px;
}

#searchModal .search-submit {
    padding: 8px 16px;
}
.contact-form-style-03 .form-control, .contact-form-style-03 .form-control.is-invalid, .contact-form-style-03 .was-validated .form-control:invalid, .contact-form-style-07 .form-control, .contact-form-style-07 .form-control.is-invalid, .contact-form-style-07 .was-validated .form-control:invalid {
    color: var(--dark-blue);
}
.copy, .bottom-links a{
  font-size: 18px;
}
.tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link.show, .tab-style-08 ul .nav-item .nav-link:hover {
    color: var(--dark-blue);
}
.section_tab .fnp_sub_title:before, .section_tab .fnp_sub_title:after {
    background-color: var(--dark-blue);
}
.tp-caption.rev-btn {
    padding: 18px 34px!important;
    background: var(--yellow);
    -webkit-transition: all .3s ease-in-out!important;
    transition: all .3s ease-in-out!important;
}
.tp-caption.rev-btn:hover {
    background-color: var(--dark-blue);
    color: #fff;
}
.bg-ghost-white {
    background-color: #F4F6FF;
}
.bg-cosmic-latte-white {
    background-color: #F2FBF9;
}
.bg-lavender-violet {
    background-color: #F5EDFC;
}
.bg-chablis-red {
    background-color: #FEF3F5;
}
.yt-wrap{
    position: relative;
    height: 100%;
    min-height: 420px;
    overflow: hidden;
}

.yt-wrap iframe.yt-tab{
    position: absolute;
    inset: 0;
    width: 115%;
    height: 115%;
    left: -10%;
    top: -10%;
    pointer-events: none;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: none;
}

.services_detail_prd .interactive-banner-style-05 .bg-gradient-gray-light-dark-transparent{
    opacity: 0;
}
.services_detail_prd .interactive-banner-style-05:hover .bg-gradient-gray-light-dark-transparent{
    opacity: 1;
}
/* Offer form styles - search modal tasarımına uyumlu */
.offer-form-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.offer-field{ display:flex; flex-direction:column; gap:8px; }
.offer-field label{
    font-size: 13px;
    font-weight: 700;
    color: var(--dark-blue);
}

.offer-field-full{ grid-column: 1 / -1; }

.offer-input{
    width: 100%;
    border: 1px solid rgba(1,25,54,0.12);
    border-radius: 8px;
    padding: 12px 12px;
    outline: 0;
    font-size: 15px;
    color: var(--dark-blue);
    transition: box-shadow .25s ease-in-out, border-color .25s ease-in-out;
}

.offer-input:focus{
    border-color: rgba(249,220,92,0.9);
    box-shadow: 0 0 0 6px rgba(249,220,92,0.22);
}

.offer-textarea{ resize: vertical; }

.offer-actions{
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 6px;
}

.offer-btn{
    border: 0;
    border-radius: 10px;
    padding: 12px 16px;
    font-weight: 800;
    cursor: pointer;
    transition: .25s ease-in-out;
}

.offer-btn-primary{
    background: var(--dark-blue);
    color: var(--yellow);
}
.offer-btn-primary:hover{
    background: var(--yellow);
    color: var(--dark-blue);
    box-shadow: 0 0 18px rgba(249,220,92,0.55);
}

.offer-btn-light{
    background: rgba(1,25,54,0.06);
    color: var(--dark-blue);
}
.offer-btn-light:hover{
    background: rgba(249,220,92,0.35);
}

/* mobile */
@media (max-width: 575px){
    .offer-form-grid{ grid-template-columns: 1fr; }
}

/* PRODUCT DETAIL START */
.urun_problem{
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.urun_problem .overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    background:linear-gradient(90deg, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 55%);
}
.urun_problem .section_container{
    position: relative;
    z-index: 1;
}

.urun_problem__wrap{
    display:flex;
    align-items:center;
    min-height: 420px;
}

.urun_problem__content{
    max-width: 600px;
}

.urun_problem__kicker{
    display:inline-block;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(255,255,255,.78);
    margin-bottom: 12px;
}

.urun_problem__title{
    margin: 0 0 14px 0;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.08;
    font-weight: 800;
    color: #fff;
}
.urun_problem p {
    color: var(--dark-blue);
}
.urun_problem__hint{
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.14);
    font-size: 16px;
    line-height: 1.5;
    color: var(--dark-blue);
}

@media (max-width: 991px){
    .urun_problem{
        background-attachment: scroll;
        padding: 80px 0;
    }
    .urun_problem__content{
        max-width: 100%;
        padding: 34px 26px;
    }
    .urun_problem__wrap{
        min-height: auto;
    }
}

.urun_cozum{
    background:#fff;
}
.urun_cozum .cozum_showcase{
    position:relative;
}

.urun_cozum .cozum_visual img{
    width:100%;
    height:auto;
    display:block;
    border-radius:18px;
}

.urun_cozum .cozum_card{
    position:absolute;
    display:flex;
    gap:12px;
    align-items:flex-start;
    width:min(360px, 44%);
    padding:16px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(11,28,44,.10);
    box-shadow: 0 18px 50px rgba(11,28,44,.12);
    backdrop-filter: blur(6px);
}

.urun_cozum .cozum_icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background: rgba(11,28,44,.06);
    border:1px solid rgba(11,28,44,.08);
    flex:0 0 42px;
}

.urun_cozum .cozum_title{
    font-weight:800;
    color:var(--dark-blue);
    font-size:16px;
    line-height:1.1;
    margin-top:2px;
}

.urun_cozum .cozum_text{
    font-size:14px;
    opacity:.80;
    margin-top:6px;
    line-height:1.35;
}

.urun_cozum .cozum_card--tl{ top:5%; left:26px; }
.urun_cozum .cozum_card--tr{ top:35%; right:26px; }
.urun_cozum .cozum_card--bl{ bottom:15%; left:26px; }
.urun_cozum .cozum_card--br{ bottom:26px; right:26px; }

@media (max-width: 991px){
    .urun_cozum{ padding:70px 0; }

    .urun_cozum .cozum_showcase{
        padding:18px;
    }
    .urun_cozum .cozum_card{
        position:static;
        width:100%;
        margin-top:12px;
    }
}
.cozum_icon{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--dark-blue);
    background: rgba(11,28,44,.06);
    border: 1px solid rgba(11,28,44,.10);
    flex: 0 0 46px;
}
.cozum_icon svg{ display:block; }

.urun_experience{
    background:#0B1C2D;
    padding:120px 0;
    color:white;
}

.urun_experience .experience_desc{
    max-width:700px;
    margin:auto;
    opacity:.8;
}

.urun_experience .usecases{
    margin-top:60px;
}

.urun_experience .usecase_card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
}

.urun_experience .usecase_img{
    width:100%;
    display:block;
}

.urun_experience .usecase_content{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:25px;
    background:linear-gradient(transparent,rgba(0,0,0,.8));
}

.urun_experience .usecase_icon{
    width:28px;
    margin-bottom:8px;
}

.urun_experience .display_row{
    margin:80px 0;
}

.urun_experience .experience_display{
    max-width:100%;
}

.urun_experience .features{
    margin-top:40px;
}

.urun_experience .feature_box{
    background:rgba(255,255,255,.04);
    padding:35px;
    border-radius:12px;
    text-align:center;
    height: 100%;
}

.urun_experience .feature_box img{
    width: 75px;
    height: 75px;
    margin-bottom: 15px;
    object-fit: contain;
}

.urun_experience .feature_box h4{
    margin-bottom:10px;
}
.urun_specs{
    background:#fff;
    padding:120px 0;
}

.specs_head{
    max-width:900px;
    margin:0 auto 40px;
    text-align:left;
}

.specs_desc{
    max-width:640px;
    opacity:.75;
    margin-top:10px;
}

.specs_table_wrap{
    background:#fff;
    border-radius:14px;
    box-shadow:0 18px 40px rgba(11,28,45,.08);
    overflow:hidden;
}

.specs_table_wrap table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
}

.specs_table_wrap table thead th{
    background:rgba(11,28,45,.04);
    padding:18px 16px;
    font-weight:800;
    color:#0B1C2D;
    border-bottom:1px solid rgba(11,28,45,.10);
}

.specs_table_wrap table tbody td{
    padding:16px 16px;
    border-bottom:1px solid rgba(11,28,45,.08);
    color:#0B1C2D;
}

.specs_table_wrap table tbody tr:last-child td{
    border-bottom:none;
}

.specs_table_wrap table tbody td:first-child{
    font-weight:700;
    background:rgba(11,28,45,.02);
    width:220px;
}

.specs_note{
    padding:14px 16px;
    font-size:13px;
    color:rgba(11,28,45,.65);
    border-top:1px solid rgba(11,28,45,.08);
}

/* responsive: table scroll */
@media(max-width:991px){
    .specs_table_wrap{overflow:auto;}
    .specs_table_wrap table{min-width:760px;}
}
/* PRODUCT DETAIL END */

.header-icon .icon>button {
    font-size: 24px;
    color: var(--white);
    background: transparent;
    border: none;
}
.hakkimizda_detay ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    padding-left: 20px;
}
.hakkimizda_detay ul li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 600;
}
.hakkimizda_detay ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dark-blue);
    flex-shrink: 0;
    box-shadow: 0 0 0 4px rgba(11, 28, 45, 0.25);
}
.services_detail_prd .interactive-banner-style-05 .bg-gradient-gray-light-dark-transparent{
    opacity: .8;
}
.single-product-thumb .slider-vertical .swiper-slide {
    border: 1px solid #efefef;
}
.product-image-thumb .swiper-slide.swiper-slide-thumb-active {
    border-color: #a8a8a8;
}
.product-downloads {
    background: #f3f4f6;
    padding: 90px 0;
    position: relative;
}

.downloads-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 50px;
}

.downloads-label {
    display: inline-block;
    font-size: 13px;
    color: #7b8190;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.downloads-heading h2 {
    margin: 0 0 14px;
    font-size: 38px;
    line-height: 1.2;
    color: #1b2430;
    font-weight: 700;
}

.downloads-heading p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #667085;
}

.downloads-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.download-card {
    background: #ffffff;
    border-radius: 14px;
    padding: 26px;
    box-shadow: 0 10px 30px rgba(10, 24, 45, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 240px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.download-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(10, 24, 45, 0.12);
}

.download-top {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.file-badge {
    min-width: 62px;
    height: 62px;
    border-radius: 8px;
    background: linear-gradient(135deg, #0d1b2a, #183a63);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    box-shadow: 0 8px 18px rgba(13, 27, 42, 0.18);
}

.file-content h3 {
    margin: 2px 0 10px;
    font-size: 22px;
    line-height: 1.3;
    color: #1b2430;
    font-weight: 700;
}

.file-content p {
    margin: 0;
    color: rgba(11, 28, 45, 0.8);
    font-size: 17px;
    line-height: 1.7;
}
.download-bottom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
}
.card-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 18px;
    border-radius: 8px;
    background: #fee600;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: background 0.3s ease, transform 0.3s ease;
    width: 125px;
    position: relative;
}
.download-card:hover .card-download {
    background: #e8ba12;
    transform: translateY(-1px);
}
.download_img {
    position: absolute;
    width: 125px;
    bottom: -5px;
    left: -15px;
    opacity: .6;
}
@media (max-width: 991px) {
    .downloads-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .downloads-heading h2 {
        font-size: 32px;
    }
}

@media (max-width: 640px) {
    .product-downloads {
        padding: 70px 0;
    }

    .downloads-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .download-card {
        min-height: auto;
        padding: 22px;
        border-radius: 20px;
    }

    .file-content h3 {
        font-size: 20px;
    }

    .downloads-heading h2 {
        font-size: 28px;
    }

    .download-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-download {
        width: 100%;
    }
}