@charset "UTF-8";

body {background: #010205;}
body, body #site-logo #site-logo-inner a{    color: #87959d;}
body a, body .hero-content h1, body .proof div b, body .wrap .title h2, body .wrap .service h3, body h2.po, body .why div b{    color: #fff;}
body .hero-content h1 span, body .wrap .more{       color: #009ee1; }

body #site-logo #site-logo-inner a, body .btns .btn, body .proof div b {       font-size: 13.5px;}
body .sbu a, body p.lead {     font-size: 20px;}

body div#contap {    position: relative;        background: linear-gradient(to right, #000408 10%, #000408 35%, transparent 45%), url(../../../../../wp-content/uploads/2026/05/9797aa.png) no-repeat center center;
    background-size: cover;      padding: 125px 0 65px 0;}
body div#contap .hero-content:after{    content: '';    background: url(../../../../../wp-content/uploads/2026/05/e67.png);    width: 900px;    height: 510px;    display: block;    position: absolute;     top: 20px;    right: 50px;   z-index: 1;}

body .hero-content {    max-width: 2000px;    margin: 0 auto;    position: relative;}
body .hero-content .container {    position: relative;    z-index: 2;      padding: 60px 570px 40px 0;}

body #site-logo #site-logo-inner a{    border-bottom: 2px solid transparent;}
body #site-logo #site-logo-inner a:hover{    border-bottom: 2px solid #009ee1;}

body a,body a:focus,body a:active{      box-shadow: none !important;outline: transparent !important;   outline: none!important; }


body div#copyright {    padding: 0px 0 20px;}
body #site-logo #site-logo-inner a{    line-height: 84px;    padding: 0 20px;}
body .proof img{    height: 35px;    display: block;    margin: 0;    position: absolute;    left: 0;    top: 0;}
body .proof div {    position: relative;    padding-left: 45px;}

body .guggu2pp {    background: #040a10;    display: inline-block;    line-height: 70px;    padding: 0;    width: 100%;    border-radius: 0;
    top: -70px !important;    position: relative;    box-sizing: border-box;    margin: 0;    color: transparent;}

body .brands {    display: grid;    grid-template-columns: repeat(9, 1fr);    gap: 14px;    padding: 50px 0 0;}
body .brands .brand {    display: flex;    flex-direction: column;    align-content: center;    align-items: center;    justify-content: center;    gap: 10px;    opacity: 0.8;}
body .brands .brand img {    height: 45px;    margin: 0;    opacity: 0.8;}

body .sms .map iframe{    border-radius: 20px;}

body .sms .map{    margin: 0;    flex: 1;}
body .psht.container .panel .gan{    margin: 0;    padding: 30px 0;}
body .psht.container {    display: grid;       grid-template-columns: 2fr 3fr; gap: 22px;    margin: 0 auto 30px;}
body .psht.container .panel {    border-radius: 28px;    padding: 32px;    background: linear-gradient(145deg, rgb(4 10 16), rgb(4 9 15));}


body .why {    display: grid;    grid-template-columns: repeat(5, 1fr);    gap: 14px;    margin: 30px 0 0;}
body .why div{      background: rgb(4 9 15);    border-radius: 18px;    padding: 20px 20px 20px 63px;    position: relative;}
body .why div p{    padding: 10px 0 0 0 !important;}
body .why div img{    position: absolute;    left: 10px;    top: 20px;    width: 34px;}


body .wrap .title {    display: flex;    justify-content: space-between;    align-items: end;       margin: 0;   padding: 50px 0;}
body .wrap .more {    font-size: 12px;    text-transform: uppercase;    font-weight: 900;}
body .wrap .title h2, body h2.po{    font-size: 30px;    }
body .poc.container.clr {    padding: 50px 0;    border-top: 1px solid rgba(255, 255, 255, .08);    margin-top: 60px;}

body .wrap .services {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 18px;}
body .wrap .service {    position: relative;    min-height: 250px;    padding: 28px;    border-radius: 26px;    background: #06111a;    overflow: hidden;}
body .wrap .service:before {    content: "";    position: absolute;    inset: 0;background: 
  linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
  url(../../../../../wp-content/uploads/2026/05/glass-card.png) center / cover no-repeat;}
body .wrap .service img {       width: 34px;    margin: 0 0 10px 0;}
body .wrap .service>* {    position: relative;}
body .wrap .service h3, body .why div b {    text-transform: uppercase;    font-size: 20px;    line-height: 1.2;}
body .wrap .service ul, body .why div p {    line-height: 1.4;    font-size: 16px;    padding-left: 18px;}


body .mof a img{       display: table;    height: 35px;    padding: 7px;}
body    .mof {    display: flex;    align-items: center;    gap: 0 20px;}

body .proof {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 16px;    margin-top: 56px;}
body .sbu {    display: flex;    flex-direction: column;    text-align: left;}
body .sbus{    display: flex;    gap: 0 10px;    align-content: center;    align-items: center;}
body .sbu a {    font-weight: 700;    text-transform: uppercase;   }
body #site-header.medium-header .top-col.col-2 {    margin-left: auto;}
body .proof div b{    font-weight: 700;    text-transform: uppercase;  }

body #site-logo #site-logo-inner a img{    max-width: max-content;    height: 80px;    outline: transparent !important;}

body #site-header.medium-header .top-header-inner {    width: 100%;    margin: 0;    height: 84px;    display: flex;    align-items: center;    justify-content: space-between;}
body.admin-bar header#site-header { top: 32px;}
body header#site-header {    position: fixed;    top: 0;    left: 0;    right: 0;    z-index: 30;      background: rgb(1 2 5 / 90%);
    backdrop-filter: blur(17px);    border-bottom: 1px solid rgba(0, 174, 239, .16);   }

body .hero-content h1 {   font-size: 45px;}
body .hero-content h1 span{       display: block;}

body p.lead {    margin: 0;    padding: 30px 0;}
body .btns {    display: flex;    gap: 12px;    flex-wrap: wrap;margin: 20px 0;}
body .btns .btn.primary {    background: linear-gradient(135deg, #00aeef, #006dff);    border: 0;}
body .btns .btn {    padding: 17px 24px;    border-radius: 10px;    border: 1px solid rgba(255, 255, 255, .22);    text-transform: uppercase;    font-weight: 900;    line-height: 1;}