*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}



html{

    scroll-behavior:smooth;

}



body{

    font-family:Arial,sans-serif;

    background:#07172c;

    color:#fff;

    padding-top:90px;

}



body.home-page{

    overflow:hidden;

}



a{

    text-decoration:none;

    color:inherit;

}



ul{

    list-style:none;

}



img{

    max-width:100%;

    display:block;

}



.container{

    width:90%;

    max-width:1400px;

    margin:0 auto;

}



/* HEADER */



.header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:90px;

    background:#07172c;

    z-index:999;

    border-bottom:1px solid rgba(255,255,255,.06);

    transition:.35s;

}



.header.scrolled{

    height:76px;

    background:rgba(7,23,44,.92);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    box-shadow:0 10px 35px rgba(0,0,0,.25);

}



.header .container{

    height:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.logo img{

    height:55px;

}



.navbar ul{

    display:flex;

    gap:38px;

}



.navbar a{

    position:relative;

    color:#fff;

    font-size:16px;

    font-weight:600;

}



.navbar a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:0;

    height:2px;

    background:#8F163A;

    transition:.3s;

}



.navbar a:hover::after,

.navbar a.active::after{

    width:100%;

}



.navbar a.active{

    color:#8F163A;

}



.header-btn{

    background:#8F163A;

    color:#fff;

    padding:13px 28px;

    border-radius:40px;

    font-weight:700;

    transition:.3s;

}



.header-btn:hover{

    background:#5F1028;

}



/* HAMBURGER */



.menu-toggle{

    display:none;

    width:45px;

    height:45px;

    background:none;

    border:none;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    cursor:pointer;

}



.menu-toggle span{

    width:28px;

    height:3px;

    background:#fff;

    border-radius:20px;

    transition:.35s;

}



.menu-toggle.active span:nth-child(1){

    transform:translateY(9px) rotate(45deg);

}



.menu-toggle.active span:nth-child(2){

    opacity:0;

}



.menu-toggle.active span:nth-child(3){

    transform:translateY(-9px) rotate(-45deg);

}



/* OVERLAY */



.overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:998;

}



.overlay.active{

    opacity:1;

    visibility:visible;

}



body.menu-open{

    overflow:hidden;

}



/* HOME */



.home-main{

    height:calc(100vh - 90px - 60px);

}



.services-home{

    height:100%;

    display:flex;

    align-items:center;

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.section-title{

    text-align:center;

    margin-bottom:34px;

}



.section-title span{

    display:block;

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    letter-spacing:7px;

    margin-bottom:12px;

}



.section-title h1{

    color:#fff;

    font-size:38px;

    line-height:1.15;

    max-width:950px;

    margin:0 auto 12px;

}



.section-title p{

    color:rgba(255,255,255,.78);

    font-size:17px;

    line-height:1.5;

    max-width:650px;

    margin:0 auto;

}



/* SERVICE CARDS */



.service-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:26px;

}



.service-card{

    position:relative;

    height:330px;

    border-radius:12px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.22);

    background-size:cover;

    background-repeat:no-repeat;

    transition:.35s ease;

}



.social-card{

    background-image:url("../images/social.jpg");

    background-position:center;

}



.web-card{

    background-image:url("../images/web.jpg");

    background-position:right center;

}



.photo-card{

    background-image:url("../images/product.jpg");

    background-position:right center;

}



.ads-card{

    background-image:url("../images/digital.jpg");

    background-position:right center;

}



.service-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

            to top,

            rgba(7,23,44,.98) 0%,

            rgba(7,23,44,.80) 48%,

            rgba(7,23,44,.35) 100%

    );

    z-index:1;

}



.service-card:hover{

    transform:translateY(-6px);

    border-color:#8F163A;

}



.service-content{

    position:relative;

    z-index:2;

    height:100%;

    padding:26px;

}



.service-icon{

    width:66px;

    height:66px;

    border-radius:50%;

    background:#8F163A;

    display:flex;

    align-items:center;

    justify-content:center;

}



.service-icon i{

    font-size:28px;

    color:#fff;

}



.service-card h3,
.service-card h2{
    position:absolute;

    left:26px;

    bottom:34px;

    font-size:25px;

    line-height:1.15;

    color:#fff;

    transition:.35s;

    margin:0;
}



.service-detail{

    position:absolute;

    left:26px;

    right:26px;

    bottom:30px;

    opacity:0;

    transform:translateY(15px);

    transition:.35s;

}



.service-card:hover h3,
.service-card:hover h2{
    bottom:145px;

}



.service-card:hover .service-detail{

    opacity:1;

    transform:translateY(0);

}



.service-detail p{

    position:relative;

    padding-left:22px;

    margin-bottom:8px;

    font-size:13px;

    line-height:1.3;

    color:#fff;

}



.service-detail p::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#8F163A;

    font-weight:900;

}



/* THEME TEASER */

.theme-teaser{
    margin-top:34px;
    padding:26px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:16px;
    background:linear-gradient(135deg,rgba(143,22,58,.24),rgba(255,255,255,.04));
}

.theme-teaser span{
    display:block;
    color:#8F163A;
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    margin-bottom:8px;
}

.theme-teaser h2{
    font-size:26px;
    line-height:1.2;
    margin-bottom:8px;
}

.theme-teaser p{
    color:rgba(255,255,255,.76);
    line-height:1.6;
    max-width:780px;
}

.theme-teaser-btn{
    min-width:160px;
    padding:14px 18px;
    border-radius:10px;
    text-align:center;
    background:#8F163A;
    color:#fff;
    font-weight:800;
}

/* FOOTER */


.footer{

    height:60px;

    background:#061324;

    border-top:1px solid rgba(255,255,255,.07);

}



.footer .container{

    height:100%;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.footer p{

    font-size:14px;

    color:rgba(255,255,255,.75);

}



.footer-links{

    display:flex;

    gap:20px;

}



.footer-links a{

    font-size:14px;

    color:#fff;

}

/* ABOUT PAGE */



.about-main{

    min-height:calc(100vh - 90px - 60px);

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.about-section{

    padding:15px 0;

}



.about-title{

    text-align:center;

    max-width:850px;

    margin:0 auto 50px;

}



.about-title span{

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    letter-spacing:7px;

}



.about-title h1{

    font-size:42px;

    line-height:1.2;

    margin:16px 0;

}



.about-title p{

    color:rgba(255,255,255,.75);

    font-size:17px;

    line-height:1.7;

}



.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:35px;

    align-items:stretch;

}



.about-card,

.about-image{

    border:1px solid rgba(255,255,255,.15);

    background:rgba(255,255,255,.035);

    border-radius:16px;

    overflow:hidden;

}



.about-card{

    padding:38px;

}



.about-card h2{

    font-size:30px;

    margin-bottom:18px;

}



.about-card p{

    color:rgba(255,255,255,.75);

    line-height:1.8;

    margin-bottom:28px;

}



.about-services{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

}



.about-services div{

    background:rgba(143,22,58,.18);

    border:1px solid rgba(143,22,58,.45);

    padding:15px;

    border-radius:10px;

    font-weight:700;

}



.about-services i{

    color:#8F163A;

    margin-right:8px;

}



.about-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}



.stats-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:24px;

    margin-top:35px;

}



.stat-box{

    border:1px solid rgba(255,255,255,.15);

    border-radius:14px;

    padding:28px;

    background:rgba(255,255,255,.035);

}



.stat-box strong{

    display:block;

    color:#8F163A;

    font-size:36px;

    margin-bottom:8px;

}



.stat-box span{

    color:rgba(255,255,255,.75);

}

/* SERVICES PAGE */



.services-page-main{

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.services-page{

    padding:15px 0;

}



.page-head{

    text-align:center;

    max-width:850px;

    margin:0 auto 38px;

}



.page-head span,

.process span{

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    letter-spacing:5px;

}



.page-head h1{

    font-size:40px;

    line-height:1.2;

    margin:14px 0;

}



.page-head p{

    color:rgba(255,255,255,.75);

    font-size:17px;

    line-height:1.6;

}



.services-page-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:14px;

}



.service-page-card{

    position:relative;

    min-height:210px;

    border-radius:10px;

    overflow:hidden;

    background-size:cover;

    background-position:center;

    border:1px solid rgba(255,255,255,.12);

}



.service-page-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

            to top,

            rgba(143,22,58,.82) 0%,

            rgba(7,23,44,.75) 48%,

            rgba(7,23,44,.2) 100%

    );

    z-index:1;

}



.service-page-content{

    position:relative;

    z-index:2;

    height:100%;

    padding:22px;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

}



.service-page-content i{

    width:42px;

    height:42px;

    border:1px solid rgba(255,255,255,.55);

    border-radius:8px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    color:#fff;

    margin-bottom:auto;

}



.service-page-content h3,
.service-page-content h2{
    font-size:20px;

    line-height:1.2;

    color:#fff;

    margin-bottom:8px;

}



.service-page-content p{

    font-size:13px;

    line-height:1.45;

    color:rgba(255,255,255,.82);

    margin-bottom:10px;

}



.service-page-content span{

    font-size:13px;

    font-weight:700;

    color:#fff;

}



.process{

    text-align:center;

    margin:45px 0 30px;

}



.process h2{

    font-size:30px;

    margin:12px 0 28px;

}



.process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:18px;

}



.process-grid div{

    border:1px solid rgba(255,255,255,.13);

    border-radius:14px;

    padding:22px;

    background:rgba(255,255,255,.03);

}



.process-grid strong{

    color:#8F163A;

    font-size:24px;

}



.process-grid h4{

    margin:10px 0;

}



.process-grid p{

    color:rgba(255,255,255,.7);

    font-size:14px;

}



.service-cta{

    border:1px solid rgba(255,255,255,.13);

    border-radius:16px;

    padding:26px 32px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:rgba(255,255,255,.03);

}



.service-cta h2{

    font-size:26px;

}



.service-cta p{

    color:rgba(255,255,255,.7);

    margin-top:8px;

}



.service-cta a{

    background:#8F163A;

    padding:14px 30px;

    border-radius:8px;

    font-weight:700;

}

/* SERVICE DETAIL PAGE */



.service-detail-main{

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.service-detail-hero{

    padding:70px 0;

}



.service-detail-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:45px;

    align-items:center;

}



.service-detail-text span{

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    letter-spacing:5px;

}



.service-detail-text h1{


    margin:16px 0;

}



.service-detail-text p{

    color:rgba(255,255,255,.75);

    font-size:18px;

    line-height:1.7;

    max-width:560px;

}



.service-detail-buttons{

    display:flex;

    gap:16px;

    margin-top:28px;

}



.detail-btn{

    padding:14px 28px;

    border-radius:40px;

    font-weight:700;

}



.detail-btn.primary{

    background:#8F163A;

    color:#fff;

}



.detail-btn.outline{

    border:1px solid rgba(255,255,255,.35);

    color:#fff;

}



.service-detail-image{

    border-radius:18px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.15);

}



.service-detail-image img{

    width:100%;

    height:390px;

    object-fit:cover;

}



.service-detail-content{

    padding:0 0 70px;

}



.detail-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}



.detail-cards div{

    border:1px solid rgba(255,255,255,.14);

    background:rgba(255,255,255,.035);

    border-radius:16px;

    padding:30px;

}



.detail-cards i{

    color:#8F163A;

    font-size:30px;

    margin-bottom:18px;

}



.detail-cards h3,
.detail-cards h2{
    font-size:22px;

    margin-bottom:10px;

}



.detail-cards p{

    color:rgba(255,255,255,.7);

    line-height:1.6;

}

/* PORTFOLIO PAGE */



.portfolio-main{

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.portfolio-page{

    padding:15px 0;

}



.portfolio-filter{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}



.portfolio-filter button{

    background:rgba(255,255,255,.04);

    color:#fff;

    border:1px solid rgba(255,255,255,.14);

    padding:11px 20px;

    border-radius:40px;

    cursor:pointer;

    font-weight:600;

}



.portfolio-filter button.active{

    background:#8F163A;

    border-color:#8F163A;

}

.portfolio-filter button{



    transition:.3s;

}



.portfolio-filter button:hover{



    background:#8F163A;

    border-color:#8F163A;

    transform:translateY(-3px);

}



.portfolio-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

}



.portfolio-card{

    position:relative;

    height:330px;

    border-radius:16px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.14);

    background:#0B1F3A;

}



.portfolio-card img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.45s ease;

}



.portfolio-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(

            to top,

            rgba(7,23,44,.96) 0%,

            rgba(7,23,44,.65) 45%,

            rgba(143,22,58,.18) 100%

    );

    z-index:1;

}



.portfolio-content{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    padding:28px;

    z-index:2;

}



.portfolio-content span{

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    letter-spacing:2px;

}



.portfolio-content h3,
.portfolio-content h2{
    font-size:25px;

    margin:8px 0 14px;

}



.portfolio-meta{

    margin-bottom:16px;

}



.portfolio-meta p{

    font-size:14px;

    color:rgba(255,255,255,.75);

    margin-bottom:5px;

}



.portfolio-meta strong{

    color:#fff;

}



.portfolio-link{

    display:inline-block;

    color:#fff;

    font-weight:800;

    font-size:14px;

    border-bottom:2px solid #8F163A;

    padding-bottom:4px;

}



.portfolio-card:hover img{

    transform:scale(1.08);

}

.portfolio-card{



    transition:.35s;

}



.portfolio-card.hide{



    opacity:0;

    transform:scale(.9);

}

.portfolio-card:hover{



    transform:translateY(-8px);



    box-shadow:

            0 15px 40px rgba(143,22,58,.28);

}

.portfolio-card::after{



    content:"";



    position:absolute;



    left:-150%;



    top:0;



    width:60%;



    height:100%;



    background:linear-gradient(



            90deg,



            transparent,



            rgba(255,255,255,.12),



            transparent



    );



    transition:.7s;

}



.portfolio-card:hover::after{



    left:160%;

}

/* CONTACT PAGE */



.contact-main{

    background:radial-gradient(circle at top,#0d2748,#07172c 70%);

}



.contact-page{

    padding:55px 0 70px;

}



.contact-grid{

    display:grid;

    grid-template-columns:.8fr 1.2fr;

    gap:32px;

    align-items:stretch;

}



.contact-info,

.contact-form{

    border:1px solid rgba(255,255,255,.14);

    background:rgba(255,255,255,.035);

    border-radius:16px;

    padding:34px;

}



.contact-info h2{

    font-size:28px;

    margin-bottom:28px;

}



.contact-item{

    display:flex;

    gap:18px;

    margin-bottom:24px;

}



.contact-item i{

    width:46px;

    height:46px;

    min-width:46px;

    background:#8F163A;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

}



.contact-item span{

    display:block;

    color:#8F163A;

    font-size:13px;

    font-weight:800;

    margin-bottom:6px;

}



.contact-item a,

.contact-item p{

    color:rgba(255,255,255,.84);

    line-height:1.45;

}



.form-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:16px;

    margin-bottom:16px;

}



.contact-form input,

.contact-form select,

.contact-form textarea{

    width:100%;

    background:#132842;

    border:1px solid rgba(255,255,255,.14);

    color:#fff;

    border-radius:10px;

    padding:16px 18px;

    outline:none;

    font-size:15px;

    margin-bottom:16px;

}



.form-row input,

.form-row select{

    margin-bottom:0;

}



.contact-form input::placeholder,

.contact-form textarea::placeholder{

    color:rgba(255,255,255,.45);

}



.contact-form select{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    cursor:pointer;

    padding-right:50px;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right 18px center;

    background-size:15px;

}



.contact-form option{

    background:#fff;

    color:#111;

}



.contact-form textarea{

    height:145px;

    resize:none;

}



.contact-form input:focus,

.contact-form select:focus,

.contact-form textarea:focus{

    border-color:#8F163A;

    box-shadow:0 0 0 3px rgba(143,22,58,.16);

}



.contact-form button{

    width:100%;

    background:#8F163A;

    color:#fff;

    border:none;

    padding:16px;

    border-radius:10px;

    font-weight:800;

    cursor:pointer;

}



.contact-form button i{

    margin-right:8px;

}



.contact-map{

    margin-top:35px;

    border-radius:16px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.14);

}



.contact-map iframe{

    width:100%;

    height:360px;

    border:0;

    display:block;

}



.form-alert{

    padding:14px 16px;

    border-radius:10px;

    margin-bottom:16px;

    font-weight:700;

}



.form-alert.success{

    background:rgba(0,180,120,.18);

    border:1px solid rgba(0,180,120,.45);

}



.form-alert.error{

    background:rgba(180,0,40,.18);

    border:1px solid rgba(180,0,40,.45);

}

/* PREMIUM EFFECTS */





/* ==========================

LOADER

========================== */



.loader{

    position:fixed;

    inset:0;

    background:#07172C;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:99999;

    transition:.7s ease;

}



.loader.hide{

    opacity:0;

    visibility:hidden;

}



.loader-logo{

    display:flex;

    flex-direction:column;

    align-items:center;

}



.loader-top{

    display:flex;

    align-items:center;

}



.loader-46{



    color:#8F163A;



    font-size:64px;



    font-weight:900;



    letter-spacing:1px;



    transform:translateX(-60px);



    opacity:0;



    animation:loader46 .8s forwards;

}



.loader-ajans{



    color:#fff;



    font-size:64px;



    font-weight:900;



    margin-left:10px;



    letter-spacing:1px;



    transform:translateX(60px);



    opacity:0;



    animation:loaderAjans .8s forwards;

}



.loader-media{



    margin-top:6px;



    color:rgba(255,255,255,.45);



    font-size:17px;



    letter-spacing:12px;



    font-weight:700;



    opacity:0;



    animation:loaderMedia .5s forwards;



    animation-delay:.8s;

}



@keyframes loader46{



    to{



        opacity:1;



        transform:translateX(0);



    }



}



@keyframes loaderAjans{



    to{



        opacity:1;



        transform:translateX(0);



    }



}



@keyframes loaderMedia{



    from{



        opacity:0;



        transform:translateY(12px);



    }



    to{



        opacity:1;



        transform:translateY(0);



    }



}



.scroll-progress{

    position:fixed;

    top:0;

    left:0;

    height:3px;

    width:0;

    background:#8F163A;

    z-index:10000;

}



.cursor-light{

    position:fixed;

    width:260px;

    height:260px;

    background:rgba(143,22,58,.22);

    border-radius:50%;

    pointer-events:none;

    filter:blur(70px);

    z-index:2;

    transform:translate(-50%,-50%);

}



body{

    opacity:0;

    animation:pageFade .5s ease forwards;

}



@keyframes pageFade{

    to{

        opacity:1;

    }

}



.header{

    transition:.35s ease;

}



.header.scrolled{

    height:76px;

    background:rgba(7,23,44,.92);

    backdrop-filter:blur(14px);

    -webkit-backdrop-filter:blur(14px);

    box-shadow:0 10px 35px rgba(0,0,0,.28);

}



.header-btn{

    position:relative;

    overflow:hidden;

}



.header-btn::before,

.detail-btn.primary::before,

.contact-form button::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:60%;

    height:100%;

    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);

    transition:.6s;

}



.header-btn:hover::before,

.detail-btn.primary:hover::before,

.contact-form button:hover::before{

    left:140%;

}



.detail-btn.primary,

.contact-form button{

    position:relative;

    overflow:hidden;

}



.service-page-card,

.portfolio-card,

.detail-cards div,

.about-card,

.contact-info,

.contact-form{

    transition:.35s ease;

}



.service-page-card:hover,

.portfolio-card:hover,

.detail-cards div:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(143,22,58,.18);

}

.form-alert{

    padding:14px;

    border-radius:8px;

    margin-bottom:16px;

    font-weight:700;

}



.form-alert.success{

    background:rgba(0,180,90,.18);

    border:1px solid rgba(0,180,90,.45);

}



.form-alert.error{

    background:rgba(180,0,40,.18);

    border:1px solid rgba(180,0,40,.45);

}

/* WHATSAPP FLOAT */



.whatsapp-float{

    position:fixed;

    right:28px;

    bottom:28px;

    height:58px;

    width:58px;

    background:#25D366;

    color:#fff;

    border-radius:50px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    z-index:9998;

    box-shadow:0 15px 35px rgba(37,211,102,.35);

    transition:.35s ease;

    overflow:hidden;

}



.whatsapp-float i{

    font-size:28px;

}



.whatsapp-float span{

    opacity:0;

    width:0;

    white-space:nowrap;

    font-size:15px;

    font-weight:700;

    transition:.35s ease;

}



.whatsapp-float:hover{

    width:150px;

    padding:0 20px;

}



.whatsapp-float:hover span{

    opacity:1;

    width:auto;

}

/* ===========================

   SCROLL REVEAL

=========================== */



.reveal{



    opacity:0;



    transform:translateY(70px);



    transition:

            opacity .8s ease,

            transform .8s ease;



    will-change:transform,opacity;



}



.reveal-left{



    opacity:0;



    transform:translateX(-80px);



    transition:

            opacity .8s ease,

            transform .8s ease;



}



.reveal-right{



    opacity:0;



    transform:translateX(80px);



    transition:

            opacity .8s ease,

            transform .8s ease;



}



.reveal-scale{



    opacity:0;



    transform:scale(.88);



    transition:

            opacity .8s ease,

            transform .8s ease;



}



.reveal.active,

.reveal-left.active,

.reveal-right.active,

.reveal-scale.active{



    opacity:1;



    transform:none;



}

/* PERFORMANCE AND HOMEPAGE FLOW OVERRIDES */
body.home-page{overflow:auto;}
.home-main{min-height:calc(100vh - 90px - 60px);height:auto;}
.services-home{min-height:calc(100vh - 90px - 60px);height:auto;padding:42px 0;}

.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.blog-page{padding:120px 0 72px;background:#f8fafc}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card,.blog-article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.blog-card{padding:20px}.blog-card img{width:100%;height:190px;object-fit:cover;border-radius:10px;margin-bottom:16px}.blog-card p,.blog-category{color:#8f163a;font-weight:800;font-size:13px}.blog-card h2{font-size:22px;margin:10px 0}.blog-card a,.blog-back{display:inline-block;margin-top:18px;color:#8f163a;font-weight:800}.blog-article{max-width:860px;margin:0 auto;padding:32px}.blog-article>img{width:100%;height:auto;border-radius:12px;margin:20px 0}.blog-article h1{font-size:42px;line-height:1.15}.blog-summary{font-size:20px;line-height:1.6;color:#475467}.blog-body{line-height:1.8;margin-top:26px}@media(max-width:768px){.blog-page{padding:96px 0 48px}.blog-grid{grid-template-columns:1fr}.blog-article{padding:22px}.blog-article h1{font-size:32px}}

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}



/* v3.40.0 - Panelden yönetilen 46Ajans ana site bölümleri */
.home-managed-section{
    padding:90px 0;
    background:#0b1f3a;
}
.home-managed-section:nth-of-type(even){
    background:#07172c;
}
.managed-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}
.managed-card{
    min-height:210px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:14px;
    padding:28px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:28px;
    background:linear-gradient(145deg, rgba(95,16,40,.92), rgba(11,31,58,.90));
    box-shadow:0 22px 55px rgba(0,0,0,.24);
    transition:.28s ease;
}
.managed-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,255,255,.22);
}
.managed-card strong{
    font-size:24px;
    line-height:1.15;
}
.managed-card p{
    color:rgba(255,255,255,.76);
    line-height:1.7;
}
.managed-card span{
    color:#fff;
    font-weight:800;
}
@media(max-width:900px){
    .managed-card-grid{grid-template-columns:1fr;}
    .managed-card{min-height:auto;}
}


/* v3.40.1 - 46Ajans ana site hizmet kartları düzeltmesi */
.service-grid{
    align-items:stretch;
}
.service-card{
    background-image:var(--service-image);
    background-size:cover;
    background-position:center;
    box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.service-card:not([style*="--service-image"]).social-card{background-image:url("../images/social.jpg");}
.service-card:not([style*="--service-image"]).web-card{background-image:url("../images/web.jpg");}
.service-card:not([style*="--service-image"]).photo-card{background-image:url("../images/product.jpg");}
.service-card:not([style*="--service-image"]).ads-card{background-image:url("../images/digital.jpg");}
.service-card .service-content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.service-card .service-icon{
    flex:0 0 auto;
    box-shadow:0 14px 34px rgba(143,22,58,.35);
}
.service-card h2{
    max-width:220px;
    text-shadow:0 8px 24px rgba(0,0,0,.45);
}
.service-detail p{
    margin:0 0 9px;
}
.service-detail p:last-child{
    margin-bottom:0;
}

.services-page-grid{
    gap:24px;
}
.service-page-card{
    min-height:320px;
    border-radius:24px;
    background-image:var(--service-page-image);
    background-size:cover;
    background-position:center;
    box-shadow:0 24px 60px rgba(0,0,0,.22);
    transition:.32s ease;
}
.service-page-card:hover{
    transform:translateY(-7px);
    border-color:rgba(143,22,58,.72);
}
.service-page-card::before{
    background:linear-gradient(
        to top,
        rgba(7,23,44,.98) 0%,
        rgba(7,23,44,.76) 48%,
        rgba(95,16,40,.20) 100%
    );
}
.service-page-content{
    padding:28px;
}
.service-page-content i{
    width:56px;
    height:56px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.38);
    background:rgba(143,22,58,.82);
    box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.service-page-content h2{
    font-size:26px;
    margin-bottom:10px;
}
.service-page-content p{
    font-size:15px;
    line-height:1.6;
    color:rgba(255,255,255,.86);
}
.service-page-content span{
    display:inline-flex;
    align-items:center;
    margin-top:6px;
    font-size:14px;
    color:#fff;
}

@media(max-width:1100px){
    .service-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .services-page-grid{
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:640px){
    .service-grid,
    .services-page-grid{
        grid-template-columns:1fr;
    }
    .service-card,
    .service-page-card{
        min-height:280px;
        height:auto;
    }
    .service-card h2{
        font-size:23px;
        bottom:32px;
    }
    .service-card:hover h2{
        bottom:138px;
    }
    .service-page-content{
        padding:24px;
    }
    .service-page-content h2{
        font-size:23px;
    }
}


/* v46ajans-bursa-ajans-guncelleme */
body.home-page{
    overflow:auto;
}
.home-main{
    height:auto;
    min-height:calc(100vh - 90px);
}
.services-home{
    min-height:calc(100vh - 90px);
    padding:54px 0 70px;
}
.home-service-grid{
    grid-template-columns:repeat(3,1fr);
}
.mobile-card{
    background-image:url("../images/blog/mobil-uygulama-gelistirme-bursa.jpg");
    background-position:center;
}
.brand-strip{
    margin-top:34px;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:26px;
    align-items:stretch;
    padding:28px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(143,22,58,.13));
}
.brand-strip span,
.services-intro span,
.local-service-note span,
.detail-content-box span,
.blog-faq-feature span,
.faq-hero-text span,
.faq-hero-card span,
.faq-side-card span,
.brand-card span,
.blog-cta-inline span,
.more-faq-card span{
    display:block;
    color:#8F163A;
    font-size:13px;
    font-weight:900;
    letter-spacing:4px;
    margin-bottom:10px;
}
.brand-strip h2{
    font-size:28px;
    line-height:1.2;
    margin-bottom:10px;
}
.brand-strip p{
    color:rgba(255,255,255,.74);
    line-height:1.7;
}
.brand-mini-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}
.brand-mini-card{
    display:grid;
    grid-template-columns:150px 1fr;
    gap:15px;
    align-items:center;
    padding:14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(7,23,44,.55);
    transition:.3s;
}
.brand-mini-card:hover{
    transform:translateY(-4px);
    border-color:#8F163A;
}
.brand-mini-card img{
    width:150px;
    height:92px;
    object-fit:cover;
    border-radius:10px;
}
.brand-mini-card strong{
    display:block;
    font-size:18px;
    margin-bottom:4px;
}
.brand-mini-card small{
    color:rgba(255,255,255,.72);
    line-height:1.4;
}

.services-page-grid-expanded{
    grid-template-columns:repeat(4,1fr);
}
.services-page-grid-expanded .service-page-card{
    min-height:260px;
}
.services-intro,
.local-service-note,
.detail-content-box,
.service-faq-block,
.blog-faq-feature,
.more-faq-card{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.035);
    border-radius:18px;
}
.services-intro{
    padding:28px 34px;
    margin:0 auto 30px;
    max-width:1050px;
    text-align:center;
}
.services-intro h2,
.local-service-note h2,
.detail-content-box h2,
.more-faq-card h2{
    font-size:28px;
    line-height:1.25;
    margin-bottom:12px;
}
.services-intro p,
.local-service-note p,
.detail-content-box p,
.more-faq-card p{
    color:rgba(255,255,255,.75);
    line-height:1.75;
}
.local-service-note{
    margin-top:30px;
    padding:30px 34px;
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(143,22,58,.18));
}
.local-service-note a,
.more-faq-card a,
.blog-cta-inline a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:170px;
    padding:14px 20px;
    border-radius:10px;
    background:#8F163A;
    color:#fff;
    font-weight:900;
}
.service-faq-block{
    margin-top:34px;
    padding:32px;
}
.small-title{
    margin-bottom:20px;
}
.small-title h2{
    font-size:30px;
}
.compact-faq-list{
    display:grid;
    gap:12px;
    margin-bottom:22px;
}
.faq-item{
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.035);
    border-radius:14px;
    overflow:hidden;
}
.faq-item summary{
    cursor:pointer;
    padding:18px 22px;
    display:flex;
    gap:14px;
    align-items:center;
    color:#fff;
    font-weight:900;
    list-style:none;
}
.faq-item summary::-webkit-details-marker{
    display:none;
}
.faq-item summary::after{
    content:"+";
    margin-left:auto;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#8F163A;
    color:#fff;
}
.faq-item[open] summary::after{
    content:"×";
}
.faq-item summary span{
    display:inline-flex;
    align-items:center;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(143,22,58,.18);
    color:#ff4f78;
    font-size:11px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    white-space:nowrap;
}
.faq-item p{
    padding:0 22px 20px;
    color:rgba(255,255,255,.74);
    line-height:1.75;
}

.enhanced-detail-hero{
    padding:70px 0 34px;
}
.detail-content-box{
    padding:34px;
    margin-bottom:30px;
}
.service-body{
    color:rgba(255,255,255,.78);
    line-height:1.9;
    font-size:17px;
}
.more-faq-card{
    margin-top:28px;
    padding:28px;
    display:flex;
    justify-content:space-between;
    gap:25px;
    align-items:center;
    background:linear-gradient(135deg,rgba(143,22,58,.22),rgba(255,255,255,.04));
}

.blog-faq-feature{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
    padding:30px 34px;
    margin-bottom:30px;
    background:linear-gradient(135deg,rgba(143,22,58,.20),rgba(255,255,255,.04));
}
.blog-faq-feature h2{
    font-size:28px;
    line-height:1.25;
    margin-bottom:10px;
}
.blog-faq-feature p{
    color:rgba(255,255,255,.74);
    line-height:1.7;
}
.blog-faq-feature strong{
    min-width:180px;
    color:#fff;
    background:#8F163A;
    padding:14px 18px;
    border-radius:10px;
    text-align:center;
}
.blog-grid-modern{
    grid-template-columns:repeat(3,1fr);
}
.blog-grid-modern .blog-card{
    overflow:hidden;
    min-height:100%;
    display:flex;
    flex-direction:column;
}
.blog-grid-modern .blog-card img{
    height:230px;
    object-fit:cover;
    width:100%;
}
.blog-card-content{
    padding:24px;
    display:flex;
    flex-direction:column;
    gap:12px;
    flex:1;
}
.blog-card-content p{
    color:#8F163A;
    font-weight:900;
    letter-spacing:1.5px;
    font-size:12px;
    text-transform:uppercase;
}
.blog-card-content h2{
    font-size:22px;
    line-height:1.25;
}
.blog-card-content div{
    color:rgba(255,255,255,.72);
    line-height:1.65;
}
.blog-card-content a{
    margin-top:auto;
    color:#fff;
    font-weight:900;
}
.blog-article img{
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    object-fit:cover;
}
.blog-cta-inline{
    margin-top:34px;
    padding:28px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(135deg,rgba(143,22,58,.22),rgba(255,255,255,.04));
}
.blog-cta-inline h2{
    font-size:26px;
    line-height:1.25;
    margin-bottom:18px;
}

.faq-main{
    background:radial-gradient(circle at top,#0d2748,#07172c 72%);
}
.faq-hero{
    padding:70px 0 55px;
}
.faq-hero-grid{
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:42px;
    align-items:center;
}
.breadcrumb{
    color:rgba(255,255,255,.5);
    margin-bottom:25px;
}
.faq-hero-text h1{
    font-size:56px;
    line-height:1.05;
    margin-bottom:20px;
}
.faq-hero-text p{
    color:rgba(255,255,255,.76);
    font-size:18px;
    line-height:1.75;
    max-width:720px;
}
.faq-hero-card{
    border:1px solid rgba(255,255,255,.14);
    border-left:5px solid #8F163A;
    background:#061324;
    padding:18px;
    border-radius:18px;
}
.faq-hero-card img{
    width:100%;
    height:310px;
    object-fit:cover;
    border-radius:12px;
    margin-bottom:18px;
}
.faq-hero-card div{
    background:#fff;
    color:#07172c;
    padding:22px;
    border-radius:12px;
}
.faq-hero-card h2{
    font-size:22px;
    line-height:1.25;
}
.faq-page{
    padding:55px 0 75px;
}
.faq-page-head{
    text-align:left;
    max-width:none;
    margin-bottom:22px;
}
.faq-page-head h2{
    font-size:38px;
}
.faq-filter{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:28px;
}
.faq-filter button{
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.04);
    color:#fff;
    padding:13px 16px;
    border-radius:999px;
    font-weight:900;
    cursor:pointer;
}
.faq-filter button.active{
    background:#8F163A;
    border-color:#8F163A;
}
.faq-layout{
    display:grid;
    grid-template-columns:1fr 340px;
    gap:30px;
    align-items:start;
}
.faq-side-card{
    position:sticky;
    top:105px;
    border-left:5px solid #8F163A;
    background:#061324;
    padding:28px;
    border-radius:16px;
}
.faq-side-card h2{
    font-size:26px;
    line-height:1.2;
    margin-bottom:12px;
}
.faq-side-card p{
    color:rgba(255,255,255,.74);
    line-height:1.7;
    margin-bottom:22px;
}
.faq-side-card a{
    display:block;
    background:#8F163A;
    padding:14px 16px;
    text-align:center;
    border-radius:10px;
    font-weight:900;
}

.brands-main,
.portfolio-main,
.blog-main,
.services-page-main,
.service-detail-main{
    min-height:calc(100vh - 90px);
}
.brands-page{
    padding:70px 0;
    background:radial-gradient(circle at top,#0d2748,#07172c 70%);
}
.brands-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}
.brand-card{
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    background:rgba(255,255,255,.035);
}
.brand-card img{
    width:100%;
    height:280px;
    object-fit:cover;
}
.brand-card div{
    padding:26px;
}
.brand-card h2{
    font-size:28px;
    margin-bottom:10px;
}
.brand-card p{
    color:rgba(255,255,255,.74);
    line-height:1.7;
    margin-bottom:20px;
}
.brand-card a{
    color:#fff;
    font-weight:900;
}

.site-footer{
    height:auto;
    padding:34px 0 16px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr .8fr;
    gap:28px;
    align-items:start;
}
.footer-logo-text{
    color:#fff !important;
    font-size:22px !important;
    font-weight:900;
    margin-bottom:8px;
}
.footer-brand p:not(.footer-logo-text){
    color:rgba(255,255,255,.70);
    line-height:1.7;
}
.footer-nav{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px 20px;
}
.footer-nav a,
.footer-contact a{
    color:rgba(255,255,255,.82);
    font-weight:700;
}
.footer-contact{
    display:grid;
    gap:12px;
}
.footer-bottom{
    margin-top:26px;
    padding-top:16px;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex;
    justify-content:space-between;
    gap:15px;
}
.footer-bottom p{
    color:rgba(255,255,255,.55);
    font-size:13px;
}

.portfolio-card.hide{
    opacity:0;
    transform:scale(.96);
}

@media (max-width:1200px){
    .home-service-grid,
    .blog-grid-modern,
    .services-page-grid-expanded{
        grid-template-columns:repeat(2,1fr);
    }
    .faq-layout,
    .faq-hero-grid,
    .brand-strip{
        grid-template-columns:1fr;
    }
    .faq-side-card{
        position:static;
    }
}
@media (max-width:768px){
    body{
        padding-top:76px;
    }
    .home-service-grid,
    .blog-grid-modern,
    .services-page-grid-expanded,
    .brands-grid,
    .footer-grid,
    .footer-nav,
    .process-grid{
        grid-template-columns:1fr;
    }
    .services-home{
        padding:36px 0 50px;
    }
    .section-title h1,
    .page-head h1,
    .faq-hero-text h1{
        font-size:34px;
    }
    .brand-strip,
    .services-intro,
    .local-service-note,
    .service-faq-block,
    .blog-faq-feature,
    .more-faq-card{
        padding:22px;
    }
    .local-service-note,
    .blog-faq-feature,
    .more-faq-card,
    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }
    .brand-mini-card{
        grid-template-columns:1fr;
    }
    .brand-mini-card img{
        width:100%;
        height:150px;
    }
    .faq-hero-card img{
        height:220px;
    }
    .faq-filter{
        overflow:auto;
        flex-wrap:nowrap;
        padding-bottom:8px;
    }
    .faq-filter button{
        white-space:nowrap;
    }
    .faq-item summary{
        align-items:flex-start;
        flex-direction:column;
    }
    .faq-item summary::after{
        position:absolute;
        right:16px;
    }
}


/* v46.2 - 46Ajans görsel düzen, blog detay, hizmet kartları ve header düzeltmeleri */
:root{
    --ajans-navy:#07172c;
    --ajans-navy-2:#0b1f3a;
    --ajans-bordo:#8F163A;
    --ajans-bordo-2:#5F1028;
    --ajans-soft:#f4f7fb;
    --ajans-text:#0b1220;
}

.header .container{gap:24px;}
.logo img{
    width:auto;
    height:52px;
    object-fit:contain;
    display:block;
}
.navbar ul{gap:28px;}
.navbar a{font-size:15px;}
.header-btn{padding:12px 24px;white-space:nowrap;}

body.home-page .brand-strip{display:none!important;}
body.home-page .services-home{padding:46px 0 54px;min-height:calc(100vh - 78px);}
body.home-page .section-title{max-width:920px;margin-bottom:28px;}
body.home-page .section-title h1{font-size:clamp(34px,4vw,56px);}
body.home-page .home-service-grid{gap:22px;}

.blog-main{background:var(--ajans-soft);}
.blog-index-page{
    padding:118px 0 86px;
    background:
        radial-gradient(circle at 52% 0%,rgba(143,22,58,.18),transparent 34%),
        linear-gradient(180deg,#07172c 0,#07172c 330px,#f4f7fb 331px,#f4f7fb 100%);
}
.blog-index-hero{
    text-align:center;
    max-width:900px;
    margin:0 auto 34px;
    color:#fff;
}
.blog-index-hero span,
.blog-detail-copy .blog-category{
    display:block;
    color:#d81d42;
    font-weight:900;
    letter-spacing:5px;
    font-size:13px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.blog-index-hero h1{
    font-size:clamp(34px,4vw,58px);
    line-height:1.08;
    margin-bottom:14px;
}
.blog-index-hero p{
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.7;
}
.blog-faq-feature{
    max-width:1180px;
    margin:0 auto 34px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:22px;
    align-items:center;
    padding:28px 32px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 0% 0%,rgba(255,255,255,.2),transparent 35%),
        linear-gradient(135deg,#8F163A,#5F1028 42%,#07172c);
    box-shadow:0 26px 70px rgba(7,23,44,.22);
    color:#fff;
}
.blog-faq-feature span{
    color:#fff!important;
    opacity:.85;
}
.blog-faq-feature h2{
    font-size:28px;
    line-height:1.2;
    margin-bottom:8px;
    color:#fff;
}
.blog-faq-feature p{
    color:rgba(255,255,255,.78);
    line-height:1.6;
}
.blog-faq-feature strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:190px;
    padding:15px 20px;
    border-radius:14px;
    background:#fff;
    color:#8F163A;
    font-weight:900;
}
.blog-grid-modern{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
}
.blog-grid-modern .blog-card{
    position:relative;
    padding:0;
    background:#fff;
    border:1px solid #dde5ef;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 24px 65px rgba(7,23,44,.08);
    transition:.28s ease;
    min-height:100%;
}
.blog-grid-modern .blog-card:hover{
    transform:translateY(-7px);
    border-color:rgba(143,22,58,.35);
    box-shadow:0 32px 85px rgba(7,23,44,.14);
}
.blog-card-image{
    display:block;
    padding:14px 14px 0;
}
.blog-grid-modern .blog-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    border-radius:18px;
    margin:0;
}
.blog-card-content{
    padding:22px 24px 26px;
}
.blog-card-content p{
    color:#8F163A;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.blog-card-content h2{
    font-size:24px;
    line-height:1.2;
    margin:0 0 12px;
}
.blog-card-content h2 a{
    color:#0b1220;
}
.blog-card-content div{
    color:#516070;
    line-height:1.7;
    min-height:78px;
}
.blog-card-content .read-more{
    display:inline-flex;
    margin-top:20px;
    color:#8F163A;
    font-weight:900;
}

.blog-detail-page{
    padding:118px 0 90px;
    background:
        linear-gradient(180deg,#07172c 0,#07172c 430px,#f5f7fb 431px,#f5f7fb 100%);
}
.blog-detail-shell{
    max-width:1180px;
    margin:0 auto;
}
.blog-back{
    display:inline-flex;
    margin-bottom:20px;
    color:#fff;
    font-weight:900;
}
.blog-detail-hero{
    display:grid;
    grid-template-columns:1.02fr .98fr;
    gap:28px;
    align-items:center;
    padding:32px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    background:
        radial-gradient(circle at 10% 0%,rgba(143,22,58,.28),transparent 36%),
        rgba(255,255,255,.035);
    color:#fff;
    box-shadow:0 30px 90px rgba(0,0,0,.24);
}
.blog-detail-copy h1{
    font-size:clamp(38px,4.5vw,64px);
    line-height:1.06;
    margin-bottom:18px;
    color:#fff;
}
.blog-detail-copy .blog-summary{
    color:rgba(255,255,255,.78);
    font-size:19px;
    line-height:1.7;
}
.blog-detail-cover{
    margin:0;
    position:relative;
}
.blog-detail-cover img{
    width:100%;
    height:360px;
    object-fit:cover;
    border-radius:24px;
    display:block;
    border:1px solid rgba(255,255,255,.14);
}
.blog-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:30px;
    margin-top:30px;
    align-items:start;
}
.blog-detail-content{
    background:#fff;
    border:1px solid #dfe7f0;
    border-radius:28px;
    padding:38px;
    box-shadow:0 26px 70px rgba(7,23,44,.08);
}
.blog-detail-content p{
    color:#334155;
    line-height:1.86;
    font-size:18px;
    margin:0 0 20px;
}
.blog-detail-content p:first-of-type{
    font-size:20px;
    color:#172033;
    font-weight:700;
}
.blog-content-image{
    margin:30px 0;
    padding:12px;
    border-radius:24px;
    border:1px solid #e2e8f0;
    background:linear-gradient(135deg,#fff,#f8eef2);
}
.blog-content-image img{
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:cover;
    border-radius:18px;
    display:block;
}
.blog-content-image figcaption{
    padding:13px 6px 3px;
    color:#64748b;
    font-size:14px;
    line-height:1.5;
}
.blog-detail-aside{
    display:grid;
    gap:18px;
    position:sticky;
    top:106px;
}
.aside-card{
    padding:26px;
    border-radius:24px;
    border:1px solid #e2e8f0;
    background:#fff;
    box-shadow:0 20px 60px rgba(7,23,44,.08);
}
.aside-card.dark{
    border-color:rgba(255,255,255,.12);
    background:linear-gradient(145deg,#07172c,#0b1f3a 55%,#5F1028);
    color:#fff;
}
.aside-card span,
.blog-detail-faq span{
    color:#8F163A;
    font-weight:900;
    letter-spacing:3px;
    font-size:12px;
    text-transform:uppercase;
    display:block;
    margin-bottom:10px;
}
.aside-card.dark span{color:#fff;opacity:.74;}
.aside-card h2,.aside-card h3{
    line-height:1.22;
    margin-bottom:12px;
}
.aside-card p{
    color:#667085;
    line-height:1.7;
    margin-bottom:16px;
    font-size:15px;
}
.aside-card.dark p{color:rgba(255,255,255,.75);}
.aside-card a{
    display:inline-flex;
    padding:12px 16px;
    border-radius:12px;
    background:#8F163A;
    color:#fff;
    font-weight:900;
}
.blog-detail-faq{
    margin-top:36px;
    border-top:1px solid #e2e8f0;
    padding-top:28px;
}
.blog-detail-faq h2{
    font-size:28px;
    margin-bottom:16px;
    color:#0b1220;
}
.blog-detail-faq details{
    border:1px solid #e2e8f0;
    border-radius:16px;
    padding:18px 20px;
    margin-bottom:12px;
    background:#f8fafc;
}
.blog-detail-faq summary{
    cursor:pointer;
    font-weight:900;
    color:#0b1220;
}
.blog-detail-faq p{
    margin:14px 0 0;
    font-size:16px;
}

.services-page-main{
    background:
        radial-gradient(circle at 50% 0%,rgba(143,22,58,.18),transparent 28%),
        linear-gradient(180deg,#07172c 0,#07172c 100%);
}
.services-page{padding:80px 0 92px;}
.services-page .page-head{
    margin-bottom:34px;
}
.services-page .page-head h1{
    color:#fff;
    font-size:clamp(34px,4.2vw,58px);
}
.services-page .page-head p{max-width:780px;margin:0 auto;color:rgba(255,255,255,.78);}
.services-page-grid-expanded{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:26px;
    max-width:1220px;
    margin:0 auto;
}
.services-page-grid-expanded .service-page-card{
    min-height:360px!important;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 28px 70px rgba(0,0,0,.22);
    transition:.28s ease;
}
.services-page-grid-expanded .service-page-card:hover{
    transform:translateY(-8px);
    border-color:rgba(143,22,58,.75);
}
.service-page-card::before{
    background:linear-gradient(180deg,rgba(7,23,44,.2),rgba(7,23,44,.7) 45%,rgba(7,23,44,.95))!important;
}
.service-page-content{
    padding:30px!important;
}
.service-page-content i{
    margin-bottom:78px!important;
    width:58px!important;
    height:58px!important;
    border-radius:16px!important;
    background:rgba(143,22,58,.88);
    border-color:rgba(255,255,255,.18)!important;
}
.service-page-content h2{
    font-size:28px;
    line-height:1.05;
    color:#fff;
    margin-bottom:12px;
}
.service-page-content p{
    color:rgba(255,255,255,.82);
    line-height:1.65;
    font-size:16px;
}
.service-page-content span{
    display:inline-flex;
    margin-top:18px;
    color:#fff;
    font-weight:900;
}
.services-intro{
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(143,22,58,.13))!important;
}
.local-service-note{
    max-width:1220px;
    margin-left:auto;
    margin-right:auto;
}
.process{max-width:1220px;margin-left:auto;margin-right:auto;}

.portfolio-filter{
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:24px;
    background:rgba(255,255,255,.035);
}
.portfolio-filter button{
    border-radius:16px;
    font-weight:900;
}
.portfolio-card.hide{display:none!important;}

.brands-page{
    padding:100px 0!important;
}
.brands-grid{
    max-width:1100px;
    margin:0 auto;
}

@media (max-width:1200px){
    .navbar ul{gap:18px;}
    .navbar a{font-size:14px;}
    .services-page-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .blog-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr));}
    .blog-detail-layout{grid-template-columns:1fr;}
    .blog-detail-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:992px){
    .navbar a{font-size:22px;}
    .blog-faq-feature{grid-template-columns:1fr;}
    .blog-detail-hero{grid-template-columns:1fr;}
    .blog-detail-cover img{height:auto;}
}
@media (max-width:768px){
    .logo img{height:44px;}
    .blog-index-page,.blog-detail-page{padding:90px 0 54px;}
    .blog-grid-modern{grid-template-columns:1fr;}
    .blog-detail-hero{padding:22px;border-radius:22px;}
    .blog-detail-content{padding:24px;border-radius:22px;}
    .blog-detail-content p{font-size:16px;}
    .blog-detail-aside{grid-template-columns:1fr;}
    .services-page{padding:54px 0;}
    .services-page-grid-expanded{grid-template-columns:1fr!important;}
    .services-page-grid-expanded .service-page-card{min-height:330px!important;}
}


/* ===== 46Ajans v3.0 görsel, blog, hizmet ve ana sayfa düzeltmeleri ===== */
body{
    background:#07172c;
    font-size:15px;
}

body.home-page{
    overflow:auto !important;
}

.container{
    width:min(1180px, calc(100% - 48px));
    max-width:1180px;
}

.header{
    height:82px;
}

.header .container{
    width:min(1250px, calc(100% - 48px));
}

.logo img{
    height:46px;
    width:auto;
    object-fit:contain;
}

.navbar ul{
    gap:28px;
}

.navbar a{
    font-size:14px;
}

.header-btn{
    padding:11px 24px;
    font-size:14px;
}

.home-main{
    min-height:auto !important;
    height:auto !important;
    background:#07172c;
}

.services-home{
    height:auto !important;
    min-height:auto !important;
    padding:0 !important;
}

.home-hero{
    position:relative;
    padding:72px 0 34px;
    background:
        radial-gradient(circle at 50% 0%, rgba(143,22,58,.24), transparent 35%),
        linear-gradient(180deg, #07172c 0%, #0a203c 100%);
    overflow:hidden;
}

.home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:72px 72px;
    opacity:.36;
    pointer-events:none;
}

.home-hero-inner{
    position:relative;
    max-width:980px;
    margin:0 auto;
    text-align:center;
}

.eyebrow,
.section-title span{
    display:block;
    color:#c71d4d;
    font-size:12px;
    font-weight:900;
    letter-spacing:7px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.home-hero h1{
    color:#fff;
    font-size:clamp(42px,5.2vw,76px);
    line-height:1.04;
    letter-spacing:-1.5px;
    margin:0 auto 20px;
    max-width:1050px;
}

.home-hero p{
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.7;
    max-width:760px;
    margin:0 auto;
}

.home-actions{
    margin-top:30px;
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}

.detail-btn.ghost{
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.055);
    color:#fff;
}

.home-trust{
    margin:30px auto 0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
}

.home-trust span{
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:rgba(255,255,255,.76);
    font-size:13px;
    font-weight:700;
}

.home-service-section,
.home-brands-section,
.home-blog-section,
.home-final-cta{
    background:#07172c;
    padding:58px 0;
}

.home-service-section{
    padding-top:36px;
}

.section-title{
    text-align:center;
    margin-bottom:34px;
}

.section-title-left{
    text-align:left;
    max-width:790px;
}

.section-title-left h2,
.section-title-left h1{
    margin-left:0;
    margin-right:0;
}

.section-title h1,
.section-title h2{
    color:#fff;
    font-size:clamp(30px,3.4vw,48px);
    line-height:1.12;
    letter-spacing:-.6px;
    max-width:900px;
}

.section-title p{
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.7;
    max-width:760px;
    margin-top:12px;
}

.home-service-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px !important;
}

.service-card.modern-service-card{
    height:360px;
    min-height:360px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.14);
    background:#0b203a;
    box-shadow:0 24px 70px rgba(0,0,0,.18);
    overflow:hidden;
}

.service-card.modern-service-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.01);
    transition:.45s ease;
}

.service-card.modern-service-card::before{
    background:linear-gradient(180deg,rgba(7,23,44,.20) 0%,rgba(7,23,44,.62) 46%,rgba(7,23,44,.98) 100%);
}

.service-card.modern-service-card:hover img{
    transform:scale(1.055);
}

.service-card.modern-service-card .service-content{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:24px;
}

.service-card.modern-service-card .service-icon{
    position:absolute;
    top:24px;
    left:24px;
    width:54px;
    height:54px;
    border:1px solid rgba(255,255,255,.22);
    background:rgba(143,22,58,.92);
    box-shadow:0 12px 30px rgba(143,22,58,.22);
}

.service-card.modern-service-card h2{
    position:static;
    font-size:25px;
    line-height:1.12;
    color:#fff;
    max-width:82%;
    margin:0 0 10px;
}

.service-card.modern-service-card p{
    color:rgba(255,255,255,.80);
    line-height:1.55;
    font-size:14px;
    max-width:92%;
    margin-bottom:14px;
}

.service-card.modern-service-card span{
    color:#fff;
    font-weight:900;
    font-size:13px;
}

.service-card.modern-service-card .service-detail{
    position:static;
    opacity:1;
    transform:none;
    max-height:none;
}

.service-card:hover h2{
    bottom:auto;
}

.service-card:hover .service-detail{
    opacity:1;
}

.brand-strip{
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(143,22,58,.16));
    border-color:rgba(255,255,255,.14);
    border-radius:24px;
}

.home-blog-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:22px;
}

.home-blog-card{
    display:block;
    overflow:hidden;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.045);
    color:#fff;
    transition:.35s ease;
}

.home-blog-card:hover{
    transform:translateY(-6px);
    border-color:rgba(199,29,77,.75);
}

.home-blog-card img{
    width:100%;
    height:190px;
    object-fit:cover;
}

.home-blog-card span{
    display:block;
    color:#c71d4d;
    font-size:11px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
    padding:22px 22px 0;
}

.home-blog-card h3{
    font-size:20px;
    line-height:1.2;
    padding:10px 22px 0;
}

.home-blog-card p{
    color:rgba(255,255,255,.70);
    line-height:1.6;
    padding:10px 22px 24px;
    font-size:14px;
}

.services-page-main{
    background:#07172c;
}

.services-page{
    padding:62px 0 70px;
    background:
        radial-gradient(circle at 50% 0%, rgba(143,22,58,.16), transparent 32%),
        #07172c;
}

.services-page .page-head{
    max-width:890px;
    text-align:center;
    margin:0 auto 36px;
}

.services-intro{
    max-width:900px;
    margin:0 auto 34px;
    padding:28px 34px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.13);
    background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(143,22,58,.11));
    text-align:center;
}

.services-page-grid-expanded{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px !important;
    max-width:1180px;
    margin:0 auto;
}

.service-page-card{
    min-height:350px !important;
    border-radius:22px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    background-size:cover !important;
    background-position:center !important;
    box-shadow:0 24px 70px rgba(0,0,0,.20);
    transform:translateZ(0);
}

.service-page-card::before{
    background:
        linear-gradient(180deg,rgba(7,23,44,.18) 0%,rgba(7,23,44,.62) 48%,rgba(7,23,44,.98) 100%) !important;
}

.service-page-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:radial-gradient(circle at 10% 5%, rgba(143,22,58,.28), transparent 28%);
    z-index:1;
    pointer-events:none;
}

.service-page-content{
    padding:26px !important;
    justify-content:flex-end !important;
}

.service-page-content i{
    position:absolute;
    top:24px;
    left:24px;
    width:54px !important;
    height:54px !important;
    border-radius:15px !important;
    background:rgba(143,22,58,.92);
    border-color:rgba(255,255,255,.22) !important;
}

.service-page-content h2{
    font-size:28px !important;
    line-height:1.08 !important;
    max-width:86%;
}

.service-page-content p{
    font-size:15px !important;
    line-height:1.58 !important;
    max-width:88%;
    margin-bottom:14px !important;
}

.local-service-note,
.service-faq-block,
.process,
.service-cta{
    max-width:1180px;
    margin-left:auto;
    margin-right:auto;
}

.blog-main{
    background:#f5f7fb;
}

.blog-index-page{
    padding:76px 0 92px !important;
    background:
        linear-gradient(180deg,#07172c 0,#07172c 255px,#f5f7fb 256px,#f5f7fb 100%) !important;
}

.blog-index-hero{
    max-width:1040px;
    margin:0 auto 34px !important;
    padding:46px 42px;
    border-radius:30px;
    background:
        radial-gradient(circle at 50% 0%, rgba(143,22,58,.28), transparent 42%),
        linear-gradient(135deg,#091b33,#111934 64%,#5F1028);
    color:#fff;
    box-shadow:0 32px 90px rgba(7,23,44,.20);
}

.blog-index-hero h1{
    font-size:clamp(34px,4.2vw,56px) !important;
    line-height:1.08;
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}

.blog-index-hero p{
    color:rgba(255,255,255,.78) !important;
    font-size:17px !important;
}

.blog-faq-feature{
    max-width:1040px !important;
    border-radius:24px !important;
    margin-bottom:30px !important;
}

.blog-grid-modern{
    max-width:1040px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:24px;
}

.blog-card{
    background:#fff;
    border:1px solid #dfe7f0;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(7,23,44,.08);
    min-height:0 !important;
    transition:.32s ease;
}

.blog-card:hover{
    transform:translateY(-5px);
    box-shadow:0 28px 80px rgba(7,23,44,.13);
}

.blog-card-image{
    display:block;
    padding:14px 14px 0;
}

.blog-card-image img{
    width:100%;
    height:190px;
    object-fit:cover;
    border-radius:16px;
}

.blog-card-content{
    padding:22px !important;
}

.blog-card-content p{
    color:#8F163A !important;
    font-size:11px !important;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.blog-card-content h2{
    font-size:21px;
    line-height:1.24;
    color:#07172c;
    margin-bottom:12px;
}

.blog-card-content h2 a{
    color:#07172c;
}

.blog-card-content div{
    color:#5f6b7a;
    font-size:14px;
    line-height:1.62;
    margin-bottom:18px;
}

.blog-card-content .read-more{
    color:#8F163A;
    font-weight:900;
    font-size:13px;
}

.blog-detail-page{
    padding:76px 0 94px !important;
    background:#f5f7fb !important;
}

.blog-detail-shell{
    max-width:1120px !important;
}

.blog-back{
    color:#07172c !important;
    margin-bottom:18px !important;
    font-size:14px;
}

.blog-detail-hero{
    grid-template-columns:1fr 1fr !important;
    background:
        radial-gradient(circle at 0 0, rgba(143,22,58,.36), transparent 38%),
        linear-gradient(135deg,#07172c,#101b38 58%,#5F1028) !important;
    color:#fff !important;
    border:1px solid rgba(255,255,255,.16) !important;
    border-radius:28px !important;
    padding:34px !important;
    overflow:hidden;
}

.blog-detail-copy h1{
    font-size:clamp(34px,4vw,56px) !important;
    color:#fff !important;
    line-height:1.08 !important;
}

.blog-detail-copy .blog-summary{
    color:rgba(255,255,255,.80) !important;
    font-size:17px !important;
}

.blog-detail-cover img{
    height:330px !important;
    object-fit:cover;
}

.blog-detail-layout{
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:26px !important;
}

.blog-detail-content{
    padding:34px !important;
    border-radius:24px !important;
}

.blog-detail-content p{
    color:#263445 !important;
    font-size:16.5px !important;
    line-height:1.86 !important;
}

.blog-detail-content p:first-of-type{
    font-size:18px !important;
}

.blog-content-image img{
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:cover;
}

.aside-card.dark,
.aside-card{
    border-radius:20px !important;
}

.footer.site-footer{
    height:auto !important;
    padding:42px 0 22px;
    background:
        radial-gradient(circle at 10% 0%,rgba(143,22,58,.18),transparent 28%),
        #061324 !important;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer.site-footer .footer-grid{
    height:auto !important;
    display:grid !important;
    grid-template-columns:1.2fr 1fr .85fr;
    gap:30px;
    align-items:start !important;
    justify-content:initial !important;
}

.footer-logo-text{
    color:#fff !important;
    font-size:22px !important;
    font-weight:900;
    margin-bottom:10px;
}

.footer-brand p:not(.footer-logo-text){
    color:rgba(255,255,255,.72);
    line-height:1.7;
}

.footer-nav{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
}

.footer-nav a,
.footer-contact a{
    color:rgba(255,255,255,.78);
    font-weight:700;
    font-size:14px;
}

.footer-nav a:hover,
.footer-contact a:hover{
    color:#fff;
}

.footer-contact{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.footer-bottom{
    height:auto !important;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:16px;
}

.footer-bottom p{
    color:rgba(255,255,255,.62) !important;
}

/* ===== 46Ajans v3.0 mobil düzeltmeleri ===== */
@media(max-width:1100px){
    .home-service-grid,
    .services-page-grid-expanded,
    .blog-grid-modern,
    .home-blog-grid{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .blog-detail-layout{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:768px){
    body{
        padding-top:78px;
    }

    .container,
    .header .container{
        width:min(100% - 28px, 1180px);
    }

    .home-hero{
        padding:48px 0 28px;
    }

    .home-hero h1{
        font-size:34px;
        letter-spacing:-.6px;
    }

    .home-hero p{
        font-size:15.5px;
    }

    .home-service-grid,
    .services-page-grid-expanded,
    .blog-grid-modern,
    .home-blog-grid{
        grid-template-columns:1fr !important;
    }

    .service-card.modern-service-card,
    .service-page-card{
        height:auto !important;
        min-height:320px !important;
    }

    .service-card.modern-service-card h2,
    .service-page-content h2{
        font-size:24px !important;
    }

    .blog-index-page,
    .blog-detail-page{
        padding-top:44px !important;
    }

    .blog-index-hero{
        padding:32px 24px;
        text-align:left;
    }

    .blog-index-hero h1{
        font-size:32px !important;
    }

    .blog-faq-feature{
        grid-template-columns:1fr;
        padding:24px;
    }

    .blog-detail-hero{
        grid-template-columns:1fr !important;
        padding:24px !important;
    }

    .blog-detail-cover img{
        height:235px !important;
    }

    .blog-detail-content{
        padding:24px !important;
    }

    .footer.site-footer .footer-grid{
        grid-template-columns:1fr;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start !important;
    }
}