@font-face{
      font-family:"PPAgrandir";
      src:url("../fonts/pp-agrandir/ppagrandir.woff2") format("woff2");
      font-weight:400;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"PPAgrandir";
      src:url("../fonts/pp-agrandir/Agrandir-TextBold.otf") format("opentype");
      font-weight:700 950;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Proxima Nova";
      src:url("../fonts/f_3.woff2") format("woff2");
      font-weight:400;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:"Proxima Nova";
      src:url("../fonts/f_4.woff2") format("woff2");
      font-weight:600;
      font-style:normal;
      font-display:swap;
    }
    :root{
      color-scheme:light;
      --bg:#ffffff;
      --tx:#0a2940;
      --mu:#6b7c88;
      --ln:#e7edf1;
      --cr:#f4f7fa;
      --dk:#092d43;
      --dk2:#071f31;
      --ac:#ffd92e;
      --ac2:#f0b529;
      --wh:#ffffff;
      --sd:0 1.2rem 3rem rgba(8,33,51,.12);
    }
    [data-th="dark"]{
      color-scheme:dark;
      --bg:#071f31;
      --tx:#f3f8fb;
      --mu:#b1c1cb;
      --ln:#173a50;
      --cr:#0b2a3f;
      --dk:#061b2b;
      --dk2:#041521;
      --wh:#0a2940;
      --sd:0 1.2rem 3rem rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    .sp{position:absolute}
    body{
      margin:0;
      background:var(--bg);
      color:var(--tx);
      font-family:"Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:1.3125rem;
      line-height:1.5;
    }
    img{display:block;max-width:100%;height:auto}
    a{color:inherit;text-decoration:none}
    button,input,textarea{font:inherit}
    .wr{width:min(100% - 2rem,72rem);margin-inline:auto}
    .hd{
      position:absolute;
      inset-block-start:2rem;
      inset-inline:0;
      z-index:5;
      color:#fff;
    }
    .nv{
      display:flex;
      align-items:center;
      justify-content:stretch;
      gap:0;
      min-height:5.35rem;
      border-radius:.3rem;
      overflow:visible;
      background:rgba(9,45,67,.72);
      box-shadow:0 1.8rem 4rem rgba(0,13,27,.22);
      backdrop-filter:blur(.9rem);
    }
    .lg{
      display:flex;
      align-items:center;
      gap:.75rem;
      align-self:stretch;
      min-width:13.7rem;
      padding-inline:1.6rem;
      background:#06243a;
      border-radius:.3rem 0 0 .3rem;
    }
    .lg img{
      width:8.3rem;
      filter:drop-shadow(0 .2rem .7rem rgba(0,0,0,.18));
    }
    .mn{
      display:flex;
      align-items:center;
      align-self:stretch;
      flex:1;
      gap:1.9rem;
      position:relative;
      margin:0;
      padding-inline:2.4rem;
      list-style:none;
      font-size:1.125rem;
      font-weight:800;
      background:rgba(9,45,67,.58);
    }
    .mn li{
      position:relative;
      flex:0 0 auto;
      display:flex;
      align-items:center;
      align-self:stretch;
    }
    .mn a,.ddt{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      gap:.35rem;
      white-space:nowrap;
      opacity:.82;
    }
    .mn .on:before{
      content:"";
      position:absolute;
      inset-block-start:0;
      inset-inline-start:50%;
      width:5.4rem;
      height:.24rem;
      background:var(--ac);
      transform:translateX(-50%);
    }
    .ddt .ic{
      width:.72rem;
      height:.72rem;
      opacity:.6;
      transition:transform .2s ease,opacity .2s ease;
    }
    .mn a:hover,.mn a:focus-visible,.dd:hover .ddt,.dd:focus-within .ddt,.mn .on{
      opacity:1;
      color:var(--ac);
    }
    .dd:hover .ddt .ic,.dd:focus-within .ddt .ic{
      opacity:1;
      transform:rotate(90deg);
    }
    .sm{
      position:absolute;
      inset-block-start:calc(100% + 1.15rem);
      inset-inline-start:0;
      min-width:17rem;
      margin:0;
      padding:.65rem;
      list-style:none;
      border-radius:.3rem;
      background:rgba(7,31,49,.96);
      border:.0625rem solid rgba(255,255,255,.1);
      box-shadow:0 1.2rem 2.6rem rgba(0,13,27,.25);
      opacity:0;
      visibility:hidden;
      transform:translateY(.45rem);
      transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
    }
    .sm:before{
      content:"";
      position:absolute;
      inset-inline-start:1.1rem;
      inset-block-start:-.4rem;
      width:.8rem;
      height:.8rem;
      background:inherit;
      transform:rotate(45deg);
      border-left:.0625rem solid rgba(255,255,255,.1);
      border-top:.0625rem solid rgba(255,255,255,.1);
    }
    .dd:hover .sm,.dd:focus-within .sm{
      opacity:1;
      visibility:visible;
      transform:none;
    }
    .sm a{
      position:relative;
      z-index:1;
      display:block;
      padding:.75rem .85rem;
      border-radius:.25rem;
      color:#fff;
      font-size:1rem;
      opacity:.82;
      transition:background .2s ease,color .2s ease,opacity .2s ease;
    }
    .sm a:hover,.sm a:focus-visible{
      background:rgba(255,217,46,.12);
      color:var(--ac);
      opacity:1;
    }
    .rt{
      align-self:stretch;
      display:flex;
      align-items:center;
      gap:1.4rem;
      padding-inline:2rem 1.45rem;
      background:linear-gradient(90deg,rgba(14,55,78,.8),rgba(126,132,50,.82));
      border-left:.0625rem solid rgba(255,255,255,.12);
      border-radius:0 .3rem .3rem 0;
    }
    .ct{
      display:flex;
      align-items:center;
      gap:.8rem;
      font-size:1.125rem;
      font-weight:800;
      white-space:nowrap;
    }
    .ct b{display:block;line-height:1}
    .ct .sub{
      display:block;
      margin-block-start:.2rem;
      color:rgba(255,255,255,.7);
      font-family:"Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:1rem;
      font-weight:600;
    }
    .ch{
      width:3.05rem;
      height:3.05rem;
      margin-inline-end:1.1rem;
      border:.0625rem solid rgba(255,255,255,.25);
      border-radius:50%;
      background:rgba(255,255,255,.08);
      color:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
    .ic{
      width:1.05rem;
      height:1.05rem;
      flex:0 0 auto;
      fill:none;
      stroke:currentColor;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
    .bn,.tb button,.tb .lb,.fl button{
      border:0;
      border-radius:.25rem;
      cursor:pointer;
      font-weight:900;
    }
    .bn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      min-height:2.9rem;
      padding:.85rem 1.15rem;
      background:var(--ac);
      color:#092d43;
      font-size:1.125rem;
      box-shadow:0 .7rem 1.4rem rgba(255,217,46,.22);
    }
    .bn.gh{
      background:#fff;
      color:#0b2b42;
      box-shadow:none;
    }
    .bn.dk{
      background:var(--dk);
      color:#fff;
      box-shadow:none;
    }
    .hh{
      min-height:42.2rem;
      color:#fff;
      position:relative;
      display:grid;
      align-items:center;
      overflow:hidden;
      background:
        radial-gradient(circle at 82% 18%,rgba(255,217,46,.24),transparent 16rem),
        linear-gradient(101deg,rgba(3,20,36,.98) 0%,rgba(3,20,36,.92) 24%,rgba(3,20,36,.64) 51%,rgba(3,20,36,.26) 100%),
        url("../img/bekdik-bg2.jpg") center/cover no-repeat;
    }
    .hh:after{
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:.25rem;
      background:linear-gradient(90deg,var(--ac),transparent 55%);
      opacity:.9;
    }
    .hx{
      width:min(100% - 2rem,72rem);
      margin-inline:auto;
      padding-block:11.5rem 5rem;
    }
    .ey{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      margin-block-end:1rem;
      min-height:2.2rem;
      padding:.12rem .75rem 0;
      border-radius:.25rem;
      background:var(--ac);
      color:#003973;
      font-size:.9375rem;
      font-weight:900;
      letter-spacing:.08rem;
      line-height:1;
      text-transform:uppercase;
    }
    .ey:before{
      content:"";
      width:1.65rem;
      height:.18rem;
      border-radius:.2rem;
      background:currentColor;
      transform:translateY(-.02rem);
      display:none;
    }
    .hh .ey{
      min-height:0;
      padding:0;
      margin-bottom:3rem;
      border-radius:0;
      background:transparent;
      color:var(--ac);
    }
    .hh .ey:before{display:block}
    h1,h2,h3,p{margin-block-start:0}
    h1,h2,h3,.mn,.bn,.ey,.ct,.fl button{
      font-family:"PPAgrandir","Proxima Nova",Arial,Helvetica,sans-serif;
    }
    h1{
      max-width:44rem;
      margin-block-end:1.45rem;
      font-size:4.5rem;
      line-height:.92;
      letter-spacing:0;
      font-weight:950;
    }
    h1 span,.yl{color:var(--ac)}
    .hh p{
      width:min(31rem,100%);
      margin-block-end:2.35rem;
      color:rgba(255,255,255,.72);
      font-size:1.3125rem;
      font-weight:600;
    }
    .ha{display:flex;flex-wrap:wrap;gap:.75rem}
    .hh .bn{
      min-width:12.8rem;
      min-height:3.9rem;
      background:#fff;
      color:#092d43;
      box-shadow:none;
      font-size:1.125rem;
    }
    .hh .bn.gh{
      min-width:auto;
      background:transparent;
      color:#fff;
      padding-inline:1.4rem;
    }
    .st{
      padding-block:4.5rem;
    }
    .pt{
      padding-block:3.8rem 5.4rem;
      background:
        linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.38)),
        url("../img/bg-1.webp") center top / 2.9rem auto repeat;
    }
    [data-th="dark"] .pt{
      background:
        linear-gradient(rgba(7,31,49,.68),rgba(7,31,49,.68)),
        url("../img/bg-1.webp") center top / 2.9rem auto repeat;
    }
    .st.cr{background:var(--cr)}
    .st.dk{
      background:var(--dk2);
      color:#fff;
    }
    .pn{
      display:grid;
      grid-template-columns:repeat(7,1fr);
      gap:1.8rem;
      align-items:center;
      padding-block:1.9rem 6.5rem;
    }
    .cl{
      margin:0;
      text-align:center;
      color:#003973;
      font-size:1.3125rem;
      line-height:1.5;
      font-weight:600;
    }
    .cl span{color:#5a96e3}
    [data-th="dark"] .cl{color:#f3f8fb}
    .pn img{
      width:7rem;
      max-height:3.2rem;
      object-fit:contain;
      margin:auto;
      filter:grayscale(1);
      opacity:.78;
    }
    [data-th="dark"] .pn img{filter:grayscale(1) brightness(2.6)}
    .sh{
      text-align:center;
      max-width:42rem;
      margin-inline:auto;
      margin-block-end:3rem;
    }
    .pt .sh{margin-block-end:5.2rem}
    .pt .ey{
    }
    .sh h2{
      margin-block:.3rem .7rem;
      font-size:2.5rem;
      line-height:1;
      letter-spacing:0;
    }
    .sh p{color:var(--mu);margin:0}
    .dk .sh p{color:#b8c8d1}
    .gr{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
    }
    .pt .gr{gap:4.6rem}
    .bx{
      background:var(--bg);
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      overflow:hidden;
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .bx img{
      width:100%;
      aspect-ratio:1.62;
      object-fit:cover;
    }
    .pt .bx{
      background:transparent;
      border:0;
      box-shadow:none;
      overflow:visible;
    }
    .pt .bx img{display:none}
    .ci{
      width:4.7rem;
      height:4.7rem;
      margin-block-end:2.2rem;
      border-radius:50%;
      background:var(--ac);
      color:#003973;
      display:grid;
      place-items:center;
    }
    .ci .ic{
      width:2rem;
      height:2rem;
      stroke-width:2.25;
    }
    .bi{
      padding:1.35rem;
    }
    .pt .bi{padding:0}
    .bi h3{
      margin-block-end:.5rem;
      font-size:1.5625rem;
      line-height:1.28;
      font-weight:950;
    }
    .bi p{margin:0;color:var(--mu);font-size:1.3125rem}
    .sr{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1.1rem;
    }
    .sc{
      min-height:9.7rem;
      padding:1.4rem;
      border-radius:.25rem;
      background:#f5f8fb;
      border:.0625rem solid #edf2f5;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      transition:transform .2s ease,box-shadow .2s ease;
    }
    [data-th="dark"] .sc{background:#0c2b40;border-color:#183c52}
    .sc:hover{transform:translateY(-.25rem);box-shadow:var(--sd)}
    .si{
      width:2.8rem;
      height:2.8rem;
      color:#174d6e;
    }
    [data-th="dark"] .si{color:#d8eef8}
    .sc h3{margin:1.15rem 0 0;font-size:1.5625rem;line-height:1.28;font-weight:950}
    .sc p{
      margin:.65rem 0 0;
      color:var(--mu);
      font-size:1.125rem;
      font-weight:600;
    }
    .wp{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:3rem;
      align-items:center;
    }
    .ph{
      position:relative;
      min-height:20rem;
    }
    .ph img{
      position:absolute;
      border-radius:.25rem;
      box-shadow:var(--sd);
      object-fit:cover;
    }
    .ph .a{
      width:72%;
      inset:1rem auto auto 0;
    }
    .ph .b{
      width:48%;
      inset:auto 0 0 auto;
      border:.35rem solid var(--bg);
    }
    .mk{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:.8rem;
      margin-block-start:1.6rem;
    }
    .mk strong{
      display:block;
      font-size:3.5rem;
      line-height:1;
      color:var(--tx);
      font-weight:950;
    }
    .mk span{font-size:1.125rem;color:var(--mu);font-weight:800}
    .dk .mk strong,.dk .mk span{color:#fff}
    .fl{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:.65rem;
      margin-block:-.5rem 2rem;
    }
    .fl button{
      padding:.65rem .9rem;
      background:transparent;
      color:var(--tx);
      font-size:1.125rem;
      text-transform:uppercase;
    }
    .fl .on{
      background:var(--ac);
      color:#092d43;
    }
    .wk{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
    }
    .wc{
      position:relative;
      overflow:hidden;
      border-radius:.25rem;
      background:var(--dk);
      min-height:14rem;
      color:#fff;
    }
    .wc[hidden]{display:none}
    .wc img{
      width:100%;
      height:100%;
      min-height:14rem;
      object-fit:cover;
      opacity:.82;
      transition:transform .35s ease,opacity .35s ease;
    }
    .wc:hover img{transform:scale(1.05);opacity:.55}
    .wo{
      position:absolute;
      inset:auto 0 0;
      padding:1rem;
      background:linear-gradient(transparent,rgba(3,18,29,.9));
    }
    .wo strong{display:block;font-size:1.5625rem;line-height:1.28;font-weight:950}
    .wo span{font-size:.9375rem;color:var(--ac);font-weight:900}
    .pc{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1rem;
    }
    .pl{
      min-height:8rem;
      border-radius:.25rem;
      background:#0b3854;
      border:.0625rem solid rgba(255,255,255,.08);
      display:grid;
      place-items:center;
      padding:1.2rem;
    }
    .pl img{
      max-width:8rem;
      max-height:3rem;
      object-fit:contain;
      filter:grayscale(1) brightness(5);
      opacity:.92;
    }
    .qa{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:24rem;
      overflow:hidden;
      border-radius:.25rem;
      box-shadow:var(--sd);
    }
    .qm{
      background:url("../img/ofis.jpg") center/cover no-repeat;
      min-height:20rem;
    }
    .qf{
      padding:2.1rem;
      background:var(--bg);
    }
    .qf h2{font-size:3.5rem;line-height:.86;margin-block-end:1.2rem}
    .fm{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:.8rem;
    }
    .fm label{display:grid;gap:.3rem;font-size:.9375rem;color:var(--mu);font-weight:850}
    .fm .fw{grid-column:1/-1}
    .fm input,.fm textarea{
      width:100%;
      border:.0625rem solid var(--ln);
      background:var(--cr);
      color:var(--tx);
      border-radius:.25rem;
      min-height:2.8rem;
      padding:.8rem;
      outline:0;
    }
    .fm textarea{min-height:7rem;resize:vertical}
    .tb{
      display:flex;
      align-items:center;
      gap:.25rem;
      padding:0;
      border-radius:50%;
      background:transparent;
      border:0;
      backdrop-filter:blur(.7rem);
      box-shadow:none;
    }
    .tb button{
      width:3.05rem;
      height:3.05rem;
      padding:0;
      border:.0625rem solid rgba(255,255,255,.25);
      border-radius:50%;
      background:rgba(255,255,255,.08);
      color:rgba(255,255,255,.82);
      font-size:.9375rem;
      line-height:1;
      display:grid;
      place-items:center;
    }
    .tb .ic{width:1.05rem;height:1.05rem}
    .fi{
      width:1.18rem;
      height:1.18rem;
      display:block;
      border-radius:50%;
      box-shadow:0 0 0 .0625rem rgba(255,255,255,.32);
    }
    .tb .on{
      background:rgba(255,255,255,.12);
      color:#fff;
      box-shadow:none;
    }
    .ft{
      background:var(--dk2);
      color:#fff;
      padding-block:3.4rem 2rem;
    }
    .fg{
      display:grid;
      grid-template-columns:1.4fr 1fr 1fr 1fr;
      gap:2rem;
      padding-block-end:2.3rem;
      border-bottom:.0625rem solid rgba(255,255,255,.1);
    }
    .fh{font-size:.9375rem;text-transform:uppercase;color:var(--ac);margin-block-end:.8rem;font-weight:950}
    .fg p,.fg a{color:#b8c8d1;font-size:1.3125rem}
    .fg ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
    .fb{
      display:flex;
      justify-content:space-between;
      gap:1rem;
      padding-block-start:1.5rem;
      color:#9eb1be;
      font-size:1.125rem;
    }
    .rv{
      opacity:1;
      transform:translateY(.8rem);
      transition:transform .55s ease;
    }
    .rv.in{transform:none}
    .pg{
      min-height:38rem;
      color:#fff;
      position:relative;
      display:grid;
      align-items:center;
      overflow:hidden;
      background:
        linear-gradient(90deg,rgba(4,22,37,.58),rgba(5,30,50,.94) 58%,rgba(5,30,50,.98)),
        url("../img/bekdik-bg2.jpg") center/cover no-repeat;
    }
    .pg:after{
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:.25rem;
      background:linear-gradient(90deg,var(--ac),transparent 55%);
      opacity:.9;
    }
    .pi{
      display:grid;
      justify-items:center;
      text-align:center;
      padding-block:10.8rem 4.8rem;
    }
    .pi h1{
      max-width:none;
      margin-block:0 1.6rem;
      font-size:5.6rem;
      line-height:.92;
      font-weight:950;
    }
    .pi p{
      width:min(42rem,100%);
      margin-block:0 2.9rem;
      color:rgba(255,255,255,.68);
      font-size:1.5625rem;
      font-weight:600;
    }
    .bc{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      gap:.65rem;
      max-width:100%;
      min-height:3.05rem;
      padding:.15rem 1.15rem 0;
      border-radius:.3rem;
      background:rgba(255,255,255,.12);
      color:rgba(255,255,255,.72);
      font-size:1.125rem;
      backdrop-filter:blur(.65rem);
    }
    .bc a{color:#fff}
    .bc a,.bc span{white-space:nowrap}
    .bc span:last-child{white-space:normal}
    .ap{padding-block:5.6rem}
    .ag{
      display:grid;
      grid-template-columns:.82fr 1.18fr;
      gap:4rem;
      align-items:start;
    }
    .al h2,.sl h2{
      margin-block:.45rem 0;
      font-size:3rem;
      line-height:1.1;
    }
    .at{
      display:grid;
      gap:1.15rem;
      color:var(--mu);
      font-size:1.3125rem;
    }
    .at p{margin:0}
    .vg{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
    }
    .vc{
      padding:1.8rem;
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      background:var(--bg);
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .vc .ci{margin-block-end:1.5rem}
    .vc h3{
      margin-block-end:.6rem;
      font-size:1.5625rem;
      line-height:1.28;
      font-weight:950;
    }
    .vc p{
      margin:0;
      color:var(--mu);
      font-size:1.3125rem;
    }
    .sg{
      display:grid;
      grid-template-columns:.8fr 1.2fr;
      gap:3rem;
      align-items:start;
    }
    .sl p{
      margin-block:1rem 0;
      color:var(--mu);
      font-size:1.3125rem;
      font-weight:600;
    }
    .sk{
      display:grid;
      grid-template-columns:1fr;
      gap:1rem;
    }
    .sk .sc{
      min-height:0;
      gap:.8rem;
    }
    .sk .sc p{
      margin:0;
      color:var(--mu);
      font-size:1.125rem;
      font-weight:600;
    }
    .tl{
      position:relative;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1.1rem 4rem;
    }
    .tl:before{
      content:"";
      position:absolute;
      inset-block:0;
      inset-inline-start:50%;
      width:.125rem;
      transform:translateX(-50%);
      background:linear-gradient(var(--ac),var(--ln));
    }
    .te{
      position:relative;
      display:grid;
      grid-template-columns:6rem 1fr;
      gap:1rem;
      align-items:start;
    }
    .te:nth-child(odd){
      grid-column:1;
      text-align:right;
      grid-template-columns:1fr 6rem;
    }
    .te:nth-child(even){grid-column:2}
    .te:nth-child(odd) .ty{grid-column:2}
    .te:nth-child(odd) .tc{grid-column:1;grid-row:1}
    .te:after{
      content:"";
      position:absolute;
      inset-block-start:1.05rem;
      width:.8rem;
      height:.8rem;
      border-radius:50%;
      background:var(--ac);
      box-shadow:0 0 0 .45rem rgba(255,217,46,.18);
    }
    .te:nth-child(odd):after{inset-inline-end:-2.4rem}
    .te:nth-child(even):after{inset-inline-start:-2.4rem}
    .ty{
      display:grid;
      place-items:center;
      min-height:3rem;
      border-radius:.25rem;
      background:var(--ac);
      color:#003973;
      font-family:"PPAgrandir","Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:1.125rem;
      font-weight:950;
      line-height:1;
    }
    .tc{
      padding:1.35rem;
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      background:var(--bg);
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .tc h3{
      margin-block-end:.5rem;
      font-size:1.5625rem;
      line-height:1.28;
      font-weight:950;
    }
    .tc p{
      margin:0;
      color:var(--mu);
      font-size:1.125rem;
      font-weight:600;
    }
    .pr{
      display:grid;
      gap:1rem;
    }
    .pa{
      display:grid;
      grid-template-columns:18rem 1fr;
      gap:0;
      overflow:hidden;
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      background:var(--bg);
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .plg{
      min-height:11rem;
      display:grid;
      place-items:center;
      padding:1.4rem;
      background:var(--cr);
      border-inline-end:.0625rem solid var(--ln);
    }
    .plg img{
      max-width:11rem;
      max-height:4.2rem;
      object-fit:contain;
      filter:grayscale(1);
    }
    [data-th="dark"] .plg img{filter:grayscale(1) brightness(2.6)}
    .pb{
      display:grid;
      align-content:center;
      padding:1.55rem 1.7rem;
    }
    .pb span{
      margin-block-end:.55rem;
      color:#5a96e3;
      font-size:.9375rem;
      font-weight:900;
      text-transform:uppercase;
    }
    .pb h3{
      margin-block-end:.45rem;
      font-size:1.5625rem;
      line-height:1.28;
      font-weight:950;
    }
    .pb p{
      margin:0;
      color:var(--mu);
      font-size:1.3125rem;
      font-weight:600;
    }
    .sdg{
      display:grid;
      grid-template-columns:.95fr 1.05fr;
      gap:3rem;
      align-items:center;
    }
    .sdm{
      margin:0;
      overflow:hidden;
      border-radius:.25rem;
      box-shadow:var(--sd);
      background:var(--dk);
    }
    .sdm img{
      width:100%;
      object-fit:contain;
    }
    .sdc h2{
      margin-block:.45rem 1rem;
      font-size:2.5rem;
      line-height:1;
    }
    .sdc p{
      margin-block:0 .9rem;
      color:var(--mu);
      font-size:1.3125rem;
    }
    .bf{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
    }
    .ug{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap:.75rem;
    }
    .ug span,.ug a{
      display:inline-flex;
      align-items:center;
      min-height:3rem;
      padding:.15rem 1rem 0;
      border-radius:.25rem;
      background:var(--ac);
      color:#003973;
      font-family:"PPAgrandir","Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:1.125rem;
      font-weight:950;
    }
    .ug a:hover,.ug a:focus-visible{
      background:var(--dk);
      color:#fff;
    }
    .cta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:2rem;
    }
    .cta > div{
      flex:1 1 auto;
      min-width:0;
    }
    .cta .cth{
      margin-block:.35rem .7rem;
      font-family:"PPAgrandir","Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:3rem;
      line-height:1;
      font-weight:950;
    }
    .cta p{
      max-width:38rem;
      margin:0;
      color:#b8c8d1;
      font-weight:600;
    }
    .cta .bn{
      flex:0 0 auto;
      background:#fff;
      color:#092d43;
    }
    .gl{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1rem;
    }
    .gi{
      display:block;
      width:100%;
      padding:0;
      border:0;
      border-radius:.25rem;
      background:var(--dk);
      cursor:pointer;
      overflow:hidden;
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .gi img{
      width:100%;
      aspect-ratio:1.28;
      object-fit:cover;
      transition:transform .25s ease,opacity .25s ease;
    }
    .gi:hover img,.gi:focus-visible img{
      transform:scale(1.04);
      opacity:.82;
    }
    .pg.co{
      background:
        linear-gradient(90deg,rgba(4,22,37,.7),rgba(5,30,50,.94) 58%,rgba(5,30,50,.98)),
        url("../img/iletisim.jpg") center/cover no-repeat;
    }
    .cg{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
    }
    .cc{
      display:grid;
      align-content:start;
      min-height:14rem;
      padding:1.8rem;
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      background:var(--bg);
      box-shadow:0 .2rem 0 rgba(9,45,67,.03);
    }
    .cc .ci{margin-block-end:1.5rem}
    .cc strong{
      margin-block-end:.5rem;
      font-family:"PPAgrandir","Proxima Nova",Arial,Helvetica,sans-serif;
      font-size:1.5625rem;
      line-height:1.2;
      font-weight:950;
    }
    .cc span:last-child{
      color:var(--mu);
      font-size:1.3125rem;
      font-weight:600;
    }
    .ca{
      display:grid;
      grid-template-rows:auto 1fr;
      overflow:hidden;
      border:.0625rem solid var(--ln);
      border-radius:.25rem;
      background:var(--bg);
      box-shadow:var(--sd);
    }
    .ca.cx{
      grid-template-columns:1.05fr .95fr;
      grid-template-rows:1fr;
    }
    .ca img{
      width:100%;
      height:100%;
      min-height:24rem;
      object-fit:cover;
    }
    .ca div{
      display:grid;
      align-content:start;
      padding:1.8rem;
    }
    .ca h2{
      margin-block:.45rem .9rem;
      font-size:2.15rem;
      line-height:1;
    }
    .ca p{
      margin-block:0 1.4rem;
      color:var(--mu);
      font-size:1.3125rem;
      font-weight:600;
    }
    .ca .bn{justify-self:start}
    .ciq{background-image:url("../img/iletisim.jpg")}
    .fm .bn{justify-self:start}
    .lb{
      position:fixed;
      inset:0;
      z-index:50;
      display:grid;
      place-items:center;
      padding:2rem;
      background:rgba(3,18,29,.88);
      opacity:0;
      visibility:hidden;
      transition:opacity .2s ease,visibility .2s ease;
    }
    .lb.on{
      opacity:1;
      visibility:visible;
    }
    .lbp{
      position:relative;
      display:grid;
      place-items:center;
      max-width:min(100%,68rem);
      max-height:44rem;
    }
    .lbp img{
      max-width:100%;
      max-height:44rem;
      width:auto;
      height:auto;
      object-fit:contain;
      border-radius:.25rem;
      box-shadow:0 1.4rem 4rem rgba(0,0,0,.35);
    }
    .lbb{
      position:absolute;
      border:0;
      border-radius:50%;
      background:rgba(255,255,255,.95);
      color:#092d43;
      width:3rem;
      height:3rem;
      display:grid;
      place-items:center;
      cursor:pointer;
      box-shadow:0 .7rem 1.8rem rgba(0,0,0,.22);
    }
    .lbb .ic{width:1.25rem;height:1.25rem}
    .lbx{inset-block-start:-1.4rem;inset-inline-end:-1.4rem}
    .lbv{inset-block:50% auto;transform:translateY(-50%)}
    .lbv.prv{inset-inline-start:-1.4rem}
    .lbv.nxt{inset-inline-end:-1.4rem}
    .lbv.prv .ic{transform:rotate(180deg)}
    body.lb-open{overflow:hidden}
    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      .rv,.sc,.wc img,.gi img,.lb{transition:none;transform:none}
    }
    @media (max-width:56rem){
      .mn{display:none}
      .nv{justify-content:space-between}
      .rt{margin-inline-start:auto}
      .hh{min-height:38rem}
      .gr,.sr,.wk,.pc{grid-template-columns:repeat(2,1fr)}
      .wp,.qa,.ag,.sg,.sdg{grid-template-columns:1fr}
      .ph{min-height:23rem}
      .fg{grid-template-columns:1fr 1fr}
      .vg,.bf,.gl,.cg{grid-template-columns:repeat(2,1fr)}
      .ca.cx{grid-template-columns:1fr;grid-template-rows:auto 1fr}
      .tl{
        grid-template-columns:1fr;
        gap:1rem;
      }
      .tl:before{
        inset-inline-start:1.5rem;
        transform:none;
      }
      .te,.te:nth-child(odd),.te:nth-child(even){
        grid-column:1;
        grid-template-columns:2.8rem minmax(0,1fr);
        text-align:left;
        padding-inline-start:2.9rem;
      }
      .te:nth-child(odd) .ty,.te:nth-child(even) .ty{grid-column:1}
      .te:nth-child(odd) .tc,.te:nth-child(even) .tc{grid-column:2;grid-row:1}
      .te:nth-child(odd):after,.te:nth-child(even):after{inset-inline-start:1.1rem}
      .ty{
        writing-mode:vertical-rl;
        min-height:4.8rem;
      }
      .pa{grid-template-columns:1fr}
      .plg{
        min-height:8rem;
        border-inline-end:0;
        border-block-end:.0625rem solid var(--ln);
      }
    }
    @media (max-width:38rem){
      .wr{width:min(100% - 1.2rem,72rem)}
      .hd{inset-block-start:.65rem}
      .nv{min-height:4.45rem}
      .lg{min-width:8.7rem;padding-inline:.75rem}
      .lg img{width:7.1rem}
      .rt{padding-inline:.5rem;gap:.4rem}
      .tb button{width:2.4rem;height:2.4rem}
      .tb .ic{width:.95rem;height:.95rem}
      .fi{width:1rem;height:1rem}
      .ct{display:none}
      .ch{display:grid}
      .lb{padding:.8rem}
      .lbp{max-height:38rem}
      .lbp img{max-height:38rem}
      .lbb{width:2.6rem;height:2.6rem}
      .lbx{inset-block-start:.5rem;inset-inline-end:.5rem}
      .lbv.prv{inset-inline-start:.5rem}
      .lbv.nxt{inset-inline-end:.5rem}
      .hh{min-height:34.5rem}
      .hx{padding-block:7.2rem 3rem}
      .pg{min-height:31rem}
      .pi{padding-block:7.2rem 3.5rem}
      h1{font-size:3.5rem;line-height:.92}
      .pi h1{font-size:3.1rem}
      .pi p{font-size:1.3125rem;margin-block-end:2rem}
      .bc{gap:.45rem;font-size:1rem}
      .hh .bn{min-width:10.9rem;min-height:3.25rem;font-size:1.125rem}
      .pn{grid-template-columns:repeat(2,1fr)}
      .gr,.sr,.wk,.pc,.mk,.fm,.fg,.vg{grid-template-columns:1fr}
      .bf,.gl,.cg{grid-template-columns:1fr}
      .ca h2{font-size:1.9rem}
      .cta{align-items:flex-start;flex-direction:column}
      .cta .cth{font-size:2.35rem}
      .st{padding-block:3.5rem}
      .ap{padding-block:4rem}
      .al h2,.sl h2,.sdc h2{font-size:2.8rem}
      .qa{box-shadow:none}
      .qf{padding:1.3rem}
      .fb{flex-direction:column}
    }