body,html{
    height: auto;
    min-height: 100vh;
  }
/* color */
.bg-black{
    background-color: #000 !important;
}

/* banner */
.kw-full-banner{
    background-image: url('../images/bg-better-02.jpg');
    /* background-position: 50% 50%; */
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
    min-height: 100vh;
}

.kw-full-planet{
    background-image: url('../images/Planet.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
    min-width: 100%;
    min-height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
    .kw-full-planet2{
        background-image: url('../images/Planet.jpg');
        background-position: 33% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -100;
        align-items: flex-start;
        min-width: 100%;
        min-height: auto;
    }
    }
@media (max-width: 575px) {
.kw-full-sm-planet{
    background-image: url('../images/bg-galaxy-phone.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: flex-start;
    min-width: 100%;
    min-height: auto;
}
}
.kw-full-game{
    background-image: url('../images/bg-game.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
    min-width: 100%;
    min-height: auto;
}
@media (max-width: 575px) {
    .kw-full-sm-game{
        background-image: url('../images/bg-game-m.jpg');
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        align-items: flex-start;
        min-width: 100%;
        min-height: auto;     
    }
    }
.kw-full-systemimg{
    background-image: url('../images/bg-3system.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
    min-width: 100%;
    min-height: auto;
}
.bg01{
    background-image: url('../images/bg-marketing.jpg');
    /* background-position: 50% 50%; */
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
}
.bg02{
    background-image: url('../images/bg-technology.jpg');
    /* background-position: 50% 50%; */
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
}
.bg03{
    background-image: url('../images/bg-design.jpg');
    /* background-position: 50% 50%; */
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -100;
    align-items: center;
}

.pc-svg{
    display: inline-block;
    width: 90vh;
    margin-top: 20vh;
    /* height:84vh ; */
}

.mt-10{
    margin-top: 10rem;
}
.py-6{
    padding: 5rem 0;
}
.py-10{
    padding: 18rem 0;
}
@media (max-width: 575px) {
.py-sm-10{
    padding-top:8rem;
    padding-bottom: 34rem; 
}
}
.w-40{
    width: 40%;
}
.w-30{
    width: 35%;
}
.pl-6{
    padding-left: 10rem;
}
.pl-7{
    padding-left: 20rem;
}
.pt-6{
    padding-top: 8rem;
}
.img-w{
    width: 6rem;
}
@media (min-width: 992px){
    .pl-lg-6{
        padding-left: 10rem;
    }
}
@media (max-width: 575px) {
    .pb-sm-6{
      padding-bottom: 22rem;
    }
    }

.box-rounded{
    box-shadow: 0 17px 13px 0 rgba(6,17,26,0.6);
    border-radius: 6px;
}
.btn2{
   color: rgba(255 , 255, 255, 0.95);
    background-color: rgb(59, 61, 66);
    border: 1px solid rgb(59, 61, 66);
    font-weight: 400;
    text-align: center;
    white-space:nowrap;
    vertical-align: middle;
    user-select:none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn2:hover{
    background-color: rgb(76, 79, 83);
}
.btn2:focus{
    box-shadow: none;
    outline: 1px dotted;
}

.btn2:active{
    box-shadow: none;
   
}
.form-control:focus{
    color: #495057;
    background-color:#fff;
    box-shadow: none;
    border-color:rgb(135, 139, 148);

}
.box-sha{
    box-shadow: 0 30px 50px 0 rgba(5, 19, 29, 0.685);
}
.bg-dark2{
    background-color: #282E32;
}
@media (max-width: 767px) {
.w-phone-100{
    width: 100%;
    font-size: 1.3rem;
    line-height: 2.2rem;
}
}
.alert-black{
    background-color: rgb(60, 68, 88);
    color: rgba(255 , 255, 255, 0.95);
    border-color: rgb(126, 129, 138);
}
#contactForm{
    margin: 0 auto;
    width: 304px;
}