/* =========================================================
   61MEDYA - TRABZON URUN FOTOGRAF CEKIMI
   INFORMATION ID 17
   ========================================================= */

body.information-information-17{
    background:#f5f7fa;
}


/* FULL WIDTH */

body.information-information-17
#information-information{
    max-width:1180px;
    margin:0 auto;
}

body.information-information-17
#content{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
    padding-left:15px!important;
    padding-right:15px!important;
}

body.information-information-17
#column-right{
    display:none!important;
}


/* PRODUCT MODULES */

body.information-information-17
.module-side_products-222,

body.information-information-17
.module-side_products-255,

body.information-information-17
.module-side_products-39,

body.information-information-17
.m61-uf-hidden{
    display:none!important;
}


/* =========================================================
   HERO
   ========================================================= */

body.information-information-17
.m61-uf-hero{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(390px,.95fr);

    overflow:hidden;

    margin:
        18px
        0
        14px;

    border-radius:
        18px;

    background:
        linear-gradient(
            135deg,
            #10263f 0%,
            #173b63 58%,
            #1d5484 100%
        );

    box-shadow:
        0 18px 45px
        rgba(8,35,72,.14);
}


body.information-information-17
.m61-uf-copy{

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-height:400px;

    padding:
        46px
        46px
        42px;
}


body.information-information-17
.m61-uf-eyebrow{

    display:inline-flex;

    align-self:flex-start;

    margin-bottom:14px;

    padding:
        7px
        11px;

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

    border-radius:
        999px;

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

    color:#fff;

    font-size:10px;

    font-weight:850;

    letter-spacing:.45px;
}


body.information-information-17
.m61-uf-hero h1{

    margin:
        0
        0
        13px!important;

    padding:0!important;

    border:0!important;

    color:#fff!important;

    -webkit-text-fill-color:#fff!important;

    font-size:
        clamp(35px,4vw,48px)!important;

    line-height:
        1.06!important;

    font-weight:
        900!important;

    letter-spacing:
        -1.2px!important;
}


body.information-information-17
.m61-uf-hero h2{

    margin:
        0
        0
        15px!important;

    color:#fff!important;

    -webkit-text-fill-color:#fff!important;

    font-size:
        22px!important;

    line-height:
        1.28!important;

    font-weight:
        850!important;
}


body.information-information-17
.m61-uf-hero h2 strong{

    color:#ff3049!important;

    -webkit-text-fill-color:#ff3049!important;
}


body.information-information-17
.m61-uf-copy > p{

    max-width:590px;

    margin:
        0
        0
        22px!important;

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

    font-size:
        14px!important;

    line-height:
        1.72!important;
}


body.information-information-17
.m61-uf-actions{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:24px;
}


body.information-information-17
.m61-uf-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:43px;

    padding:
        0
        18px;

    border-radius:
        8px;

    font-size:
        11px;

    font-weight:
        850;

    text-decoration:none!important;
}


body.information-information-17
.m61-uf-primary{

    background:#ef233c;

    color:#fff!important;

    box-shadow:
        0 8px 18px
        rgba(239,35,60,.22);
}


body.information-information-17
.m61-uf-secondary{

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

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

    color:#fff!important;
}


body.information-information-17
.m61-uf-trust{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:8px;
}


body.information-information-17
.m61-uf-trust span{

    display:flex;

    align-items:center;

    min-height:
        34px;

    padding:
        8px
        10px;

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

    border-radius:
        7px;

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

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

    font-size:
        10px;

    font-weight:
        700;
}


body.information-information-17
.m61-uf-trust span:before{

    content:"✓";

    margin-right:7px;

    color:#38d996;

    font-weight:900;
}


/* =========================================================
   IMAGE
   ========================================================= */

body.information-information-17
.m61-uf-media{

    position:relative;

    min-height:400px;

    overflow:hidden;

    background:#e7ebef;
}


body.information-information-17
.m61-uf-media:after{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(16,38,63,.18),
            transparent 40%
        );

    pointer-events:none;
}


body.information-information-17
.m61-uf-media img{

    display:block;

    width:100%;

    height:100%;

    min-height:400px;

    object-fit:cover;
}


/* =========================================================
   VALUE STRIP
   ========================================================= */

body.information-information-17
.m61-uf-values{

    display:grid;

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

    gap:10px;

    margin-bottom:18px;

    padding:10px;

    border:
        1px solid
        #e1e7ef;

    border-radius:
        13px;

    background:#fff;

    box-shadow:
        0 7px 20px
        rgba(15,45,85,.035);
}


body.information-information-17
.m61-uf-value{

    padding:
        15px
        13px;

    text-align:center;

    border:
        1px solid
        #edf1f6;

    border-radius:
        9px;

    background:#fff;
}


body.information-information-17
.m61-uf-value i{

    display:block;

    margin-bottom:7px;

    color:#ef233c;

    font-size:18px;
}


body.information-information-17
.m61-uf-value strong{

    display:block;

    margin-bottom:4px;

    color:#102b57;

    font-size:12px;

    font-weight:850;
}


body.information-information-17
.m61-uf-value small{

    display:block;

    color:#718096;

    font-size:10.7px;

    line-height:1.5;
}


/* MOBILE */

@media(max-width:767px){

    body.information-information-17
    #content{
        padding-left:10px!important;
        padding-right:10px!important;
    }

    body.information-information-17
    .m61-uf-hero{
        grid-template-columns:1fr;
    }

    body.information-information-17
    .m61-uf-copy{

        min-height:auto;

        padding:
            30px
            21px
            26px;
    }

    body.information-information-17
    .m61-uf-hero h1{
        font-size:34px!important;
    }

    body.information-information-17
    .m61-uf-hero h2{
        font-size:19px!important;
    }

    body.information-information-17
    .m61-uf-media,

    body.information-information-17
    .m61-uf-media img{
        min-height:250px;
    }

    body.information-information-17
    .m61-uf-trust{
        grid-template-columns:1fr;
    }

    body.information-information-17
    .m61-uf-values{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}

/* M61_UF_V2_START */


/* ESKI GOVDE */

body.information-information-17
#content > .content{
    display:none!important;
}


/* GENERAL */

body.information-information-17
.m61-uf-body{
    margin-bottom:28px;
}

body.information-information-17
.m61-uf-section{
    margin:18px 0;
    padding:38px;
    border:1px solid #e2e8f0;
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 24px rgba(16,43,87,.035);
}

body.information-information-17
.m61-uf-kicker{
    display:inline-flex;
    margin-bottom:8px;
    padding:6px 9px;
    border-radius:999px;
    background:#fff0f2;
    color:#ef233c;
    font-size:10px;
    font-weight:900;
    letter-spacing:.45px;
}

body.information-information-17
.m61-uf-section h2{
    max-width:820px;
    margin:0 0 11px!important;
    color:#102b57!important;
    -webkit-text-fill-color:#102b57!important;
    font-size:29px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:-.55px!important;
}

body.information-information-17
.m61-uf-section h2 strong{
    color:#ef233c!important;
    -webkit-text-fill-color:#ef233c!important;
}

body.information-information-17
.m61-uf-lead{
    max-width:800px;
    margin:0 0 25px!important;
    color:#65778d!important;
    font-size:13px!important;
    line-height:1.7!important;
}


/* TYPES */

body.information-information-17
.m61-uf-types{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}

body.information-information-17
.m61-uf-type{
    padding:20px;
    border:1px solid #e7ecf3;
    border-radius:11px;
    background:#f9fbfd;
}

body.information-information-17
.m61-uf-type i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:35px;
    margin-bottom:11px;
    border-radius:9px;
    background:#fff0f2;
    color:#ef233c;
    font-size:15px;
}

body.information-information-17
.m61-uf-type h3{
    margin:0 0 6px!important;
    color:#102b57!important;
    font-size:14px!important;
    font-weight:850!important;
}

body.information-information-17
.m61-uf-type p{
    margin:0!important;
    color:#718096!important;
    font-size:11.5px!important;
    line-height:1.6!important;
}


/* BENEFITS */

body.information-information-17
.m61-uf-benefits{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

body.information-information-17
.m61-uf-benefit{
    padding:18px;
    border:1px solid #e7ecf3;
    border-radius:10px;
    background:#fff;
}

body.information-information-17
.m61-uf-benefit i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    margin-bottom:10px;
    border-radius:8px;
    background:#fff0f2;
    color:#ef233c;
    font-size:14px;
}

body.information-information-17
.m61-uf-benefit strong{
    display:block;
    margin-bottom:5px;
    color:#102b57;
    font-size:12.5px;
    font-weight:850;
}

body.information-information-17
.m61-uf-benefit p{
    margin:0!important;
    color:#718096!important;
    font-size:11.5px!important;
    line-height:1.6!important;
}


/* PROCESS */

body.information-information-17
.m61-uf-process{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:28px;
    margin:18px 0;
    padding:38px;
    border-radius:15px;
    background:linear-gradient(135deg,#10263f,#1d5484);
    box-shadow:0 15px 35px rgba(8,42,85,.12);
}

body.information-information-17
.m61-uf-process-copy{
    align-self:center;
}

body.information-information-17
.m61-uf-process-copy > span{
    display:inline-block;
    margin-bottom:8px;
    color:#ff6073;
    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
}

body.information-information-17
.m61-uf-process-copy h2{
    margin:0 0 12px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:28px!important;
    line-height:1.2!important;
    font-weight:900!important;
}

body.information-information-17
.m61-uf-process-copy h2 strong{
    color:#ff3049!important;
    -webkit-text-fill-color:#ff3049!important;
}

body.information-information-17
.m61-uf-process-copy p{
    margin:0 0 18px!important;
    color:rgba(255,255,255,.74)!important;
    font-size:12px!important;
    line-height:1.7!important;
}

body.information-information-17
.m61-uf-process-copy a{
    display:inline-flex;
    align-items:center;
    min-height:41px;
    padding:0 16px;
    border-radius:7px;
    background:#ef233c;
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}

body.information-information-17
.m61-uf-steps{
    display:grid;
    gap:8px;
}

body.information-information-17
.m61-uf-step{
    display:grid;
    grid-template-columns:35px 1fr;
    gap:11px;
    align-items:center;
    padding:13px 14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(255,255,255,.055);
}

body.information-information-17
.m61-uf-step-no{
    display:flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border-radius:8px;
    background:rgba(239,35,60,.16);
    color:#ff6073;
    font-size:11px;
    font-weight:900;
}

body.information-information-17
.m61-uf-step strong{
    display:block;
    margin-bottom:2px;
    color:#fff;
    font-size:12px;
}

body.information-information-17
.m61-uf-step small{
    color:rgba(255,255,255,.67);
    font-size:11px;
    line-height:1.45;
}


/* DELIVERY */

body.information-information-17
.m61-uf-delivery{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}

body.information-information-17
.m61-uf-delivery-card{
    padding:20px;
    border:1px solid #e6ecf3;
    border-radius:11px;
    background:#f9fbfd;
}

body.information-information-17
.m61-uf-delivery-card i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-bottom:11px;
    border-radius:9px;
    background:#fff0f2;
    color:#ef233c;
    font-size:14px;
}

body.information-information-17
.m61-uf-delivery-card h3{
    margin:0 0 6px!important;
    color:#102b57!important;
    font-size:14px!important;
    font-weight:850!important;
}

body.information-information-17
.m61-uf-delivery-card p{
    margin:0!important;
    color:#718096!important;
    font-size:11.5px!important;
    line-height:1.6!important;
}


/* CHANNELS */

body.information-information-17
.m61-uf-channels{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

body.information-information-17
.m61-uf-channel{
    padding:18px;
    text-align:center;
    border:1px solid #e7ecf3;
    border-radius:10px;
    background:#fff;
}

body.information-information-17
.m61-uf-channel i{
    display:block;
    margin-bottom:9px;
    color:#ef233c;
    font-size:20px;
}

body.information-information-17
.m61-uf-channel strong{
    display:block;
    margin-bottom:5px;
    color:#102b57;
    font-size:12px;
}

body.information-information-17
.m61-uf-channel small{
    color:#718096;
    font-size:10.5px;
    line-height:1.5;
}


/* RELATED */

body.information-information-17
.m61-uf-related{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:11px;
}

body.information-information-17
.m61-uf-related a{
    display:block;
    padding:20px;
    border:1px solid #e6ecf3;
    border-radius:11px;
    background:#fff;
    color:#102b57!important;
    text-decoration:none!important;
    transition:.2s ease;
}

body.information-information-17
.m61-uf-related a:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(16,43,87,.06);
}

body.information-information-17
.m61-uf-related small{
    display:block;
    margin-bottom:6px;
    color:#ef233c;
    font-size:9px;
    font-weight:900;
}

body.information-information-17
.m61-uf-related strong{
    display:block;
    margin-bottom:6px;
    font-size:14px;
}

body.information-information-17
.m61-uf-related span{
    color:#718096;
    font-size:11px;
    line-height:1.55;
}


/* FAQ */

body.information-information-17
.m61-uf-faq{
    overflow:hidden;
    border:1px solid #e5eaf1;
    border-radius:11px;
}

body.information-information-17
.m61-uf-faq-item{
    border-bottom:1px solid #edf1f5;
    background:#fff;
}

body.information-information-17
.m61-uf-faq-item:last-child{
    border-bottom:0;
}

body.information-information-17
.m61-uf-faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:15px 16px;
    border:0;
    background:transparent;
    color:#102b57;
    text-align:left;
    font-family:inherit;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
}

body.information-information-17
.m61-uf-faq-question b{
    color:#ef233c;
    font-size:16px;
}

body.information-information-17
.m61-uf-faq-answer{
    display:none;
    padding:0 16px 16px;
}

body.information-information-17
.m61-uf-faq-answer p{
    margin:0!important;
    color:#718096!important;
    font-size:11.5px!important;
    line-height:1.65!important;
}

body.information-information-17
.m61-uf-faq-item.is-open
.m61-uf-faq-answer{
    display:block;
}


/* FINAL CTA */

body.information-information-17
.m61-uf-final{
    margin:18px 0 28px;
    padding:44px 28px;
    text-align:center;
    border-radius:15px;
    background:linear-gradient(135deg,#10263f,#1d5484);
    box-shadow:0 15px 35px rgba(8,42,85,.11);
}

body.information-information-17
.m61-uf-final > span{
    display:inline-block;
    margin-bottom:7px;
    color:#ff6375;
    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
}

body.information-information-17
.m61-uf-final h2{
    max-width:720px;
    margin:0 auto 10px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:30px!important;
    line-height:1.2!important;
    font-weight:900!important;
}

body.information-information-17
.m61-uf-final h2 strong{
    color:#ff3049!important;
    -webkit-text-fill-color:#ff3049!important;
}

body.information-information-17
.m61-uf-final p{
    max-width:700px;
    margin:0 auto 20px!important;
    color:rgba(255,255,255,.74)!important;
    font-size:12px!important;
    line-height:1.7!important;
}

body.information-information-17
.m61-uf-final-actions{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
}

body.information-information-17
.m61-uf-final-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 17px;
    border-radius:7px;
    color:#fff!important;
    font-size:11px;
    font-weight:800;
    text-decoration:none!important;
}

body.information-information-17
.m61-uf-final-wa{
    background:#20c96b;
}

body.information-information-17
.m61-uf-final-phone{
    border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.07);
}


/* RESPONSIVE */

@media(max-width:991px){

    body.information-information-17
    .m61-uf-types,
    body.information-information-17
    .m61-uf-delivery,
    body.information-information-17
    .m61-uf-related{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.information-information-17
    .m61-uf-benefits,
    body.information-information-17
    .m61-uf-channels{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.information-information-17
    .m61-uf-process{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    body.information-information-17
    .m61-uf-section{
        padding:27px 19px;
    }

    body.information-information-17
    .m61-uf-section h2{
        font-size:24px!important;
    }

    body.information-information-17
    .m61-uf-types,
    body.information-information-17
    .m61-uf-benefits,
    body.information-information-17
    .m61-uf-delivery,
    body.information-information-17
    .m61-uf-channels,
    body.information-information-17
    .m61-uf-related{
        grid-template-columns:1fr;
    }

    body.information-information-17
    .m61-uf-process{
        padding:29px 20px;
    }

    body.information-information-17
    .m61-uf-final{
        padding:35px 20px;
    }

    body.information-information-17
    .m61-uf-final h2{
        font-size:25px!important;
    }
}

/* M61_UF_V2_END */