.wsmobileheader{
    height: auto !important;
}

.wsmobileheader .smllogo {
    margin-bottom: 20px;
}

#wsnavtoggle{
    padding-top: 30px;
}

.wsmainwp{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.wsmenu{
    margin-left: 50px;
}

.tra-menu .wsmainfull.scroll, .white-menu .wsmainfull.scroll, .dark-menu.dark-scroll .wsmainfull.scroll{
    padding: 20px 0 !important;
}

#hero-bg-img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#backdrop{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.5);
    /*clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);*/

}

.typewrite{
    position: absolute;
    z-index: 3;
    text-align: center;
    /* color: rgba(119, 0 ,244,1); */
    color: #fff;
    /* transform: skew(-20deg); */

}

#hero-1{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    height: 100vh;
    font-size: 100px;
    /* transform: skew(20deg); */
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);

}


#hero-bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    width: 100%;
    height: 100%;
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
    /* border-radius: 0 20% 0 20% ; */

}
  

.blinky{
    /* border-right: 4px solid rgba(119, 0 ,244, 0.8); */
    border-right: 4px solid #fff;
    animation: 
    blink-caret 0.35s step-end infinite;
     /*word-break: break-word;*/
}

@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { 
        border-color: rgba(119, 0 ,244, 0.8);
        border-color: #fff
    }
}

.video-preview img{
    border-radius: 20px;
}

.video-btn{
    background-color: #FF0073 !important;
}

#content-3{
    background-color:rgba(119, 0 ,244, 1) ;
    color: rgb(246, 246, 246);
}

#content-3 p, #content-3 i{
    color: #ddd;
}

.cbox-3{
    padding: 4%;
}

.primary-list .list-box i, .option-list.primary-list::after, .option-list.primary-list::before, .fa-check{
    background-color: #FF0073 !important;
}

footer{
    text-align: center;
}

footer .footer-copyright {
    text-align: center !important;
}


.nl-simple.simple-active a, .nl-simple a:hover{
    color: #FFC03C !important;
}


@media only screen and (max-width: 1200px){
    #hero-1{
        clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
    }
}

@media only screen and (max-width: 1024px){
    #services-3 .sbox-3-wrapper .row{
        justify-content: center;
    }

    #services-3 .sbox-3-wrapper .row .sbox-3{
        display: flex;
        flex-direction: column;
    }

    #services-3 .sbox-3-wrapper .row .sbox-3-txt{
        text-align: center;
        padding: 20px;
    }
}

@media only screen and (max-width: 600px){
    #hero-1{
        font-size: 58px;
    }

    .hero-txt{
        font-size: 12px;
    }
}


@media only screen and (max-width: 365px){
    .wsmenu > .wsmenu-list{
        width: 75% !important;
    }

    .wsactive .wsmobileheader{
        margin-right: 75%;
    }

    .overlapblackbg {
        width: 15%;
    }

}

.logo-black img {
    max-width:96px;
}



@media (max-width: 767px) {
    /*#hero-1, #backdrop {*/
    /*    clip-path: none;*/
    /*}*/
    #hero-bg-img {
        /*height: 100%;*/
        /*width: initial;*/
    }

    #team-page {
        padding:170px 16px !important;
        padding-bottom:40px !important;
    }
    .sbox-3:last-child {
        margin-bottom:0px;
    }
    .hero-section {
        margin-top:0px !important;
    }
    .hero-7-txt, .hero-15-txt {
        margin-bottom: 0px !important;
    }
    #content-3 {
        padding-top:80px;
    }
    .cstm-group p {
        margin-left: auto !important;
    }
    .btn-primary.tra-primary-hover {
        width:100% !important;
        left:0px !important;
    }
    .reversed {
        flex-direction: column-reverse;
    }
    .custom-pad-mob {
        padding-bottom:20px;
    }
}