html,
body {
    overflow-x: hidden;
}

.codegenerator .header-generator {
    font-size: 0px;
    display: table;
    margin: 0px auto !important;
    width: max-content;
}

.codegenerator .content-box {
    padding: 16px;
    padding-top: 30px;
}

.codegenerator .img-generator {
    width: 100%;
    min-height: 100px;
}

.codegenerator .right-align {
    padding: 0px 10px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.codegenerator .title {
    font-weight: bold;
    color: #000;
    font-size: 15px;
}

.codegenerator .btn-generator {
    padding: 20px 0 10px;
    font-size: 14px !important;
}

.codegenerator .btn-generator a {
    color: #fff !important;
    background-color: #8ec63f !important;
    font-size: 16px;
}

.codegenerator .img-box-generator {
    float: left;
}

.codegenerator .right-align-generator {
    float: right;
    font-size: 14px !important;
    text-align: justify;
    padding: 0 15px;
}

.tab-img-first {
    width: 45px;
    height: 45px;
    background: #14c67a;
    border-radius: 25px;
    text-align: center;
}

.tab-img-second {
    width: 45px;
    height: 45px;
    background: #e35d5e;
    border-radius: 25px;
    text-align: center;
}

.tab-img-third {
    width: 45px;
    height: 45px;
    background: #fea164;
    border-radius: 25px;
    text-align: center;
}

.flex-parent {
    display: flex;
    justify-content: left;
    padding-top: 25px;
}

.flex-parent a:hover .tab-parent {
    background-color: white;
    /* border-right: 1px solid #dedede; */
    /* border-left: 1px solid #dedede; */
    border-top: 3px solid #78a22f !important;
}

.tab-parent {
    min-width: 100px;
    background: #e9e9e9;
    min-height: 80px;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
    padding: 5px 15px;
    text-align: center;
    height: 100%;
    border-top: 3px solid #e9e9e9;
}

.bc-content {
    max-width: 1200px;
    margin: 0 auto;
}

.tab-parent-second {
    background-color: white;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-top: 3px solid #78a22f !important;
}

.codegenerator .right-align-generator {
    float: left;
    font-size: 14px !important;
    direction: ltr !important;
    text-align: justify;
    padding-left: 10px;
}

.header-div .first {
    width: 125px;
    border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    margin-top: 24px;
}

.header-div .last {
    width: 50px;
    display: inline-block;
    border-bottom: 1px solid #02786f;
    margin-top: 24px;
}

.header-div .secondfirst {
    width: 50px;
    display: inline-block;
    border-bottom: 1px solid #02786f;
    margin-top: 24px;
}

.header-div .secondlast {
    width: 125px;
    border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    margin-top: 24px;
}

#box2-resize {
    padding-top: 15px !important;
}

@media(max-width:1250px) {
    #box2-resize {
        padding: 15px 10px !important;
    }
}

@media(max-width:600px) {
    .codegenerator .img-box-generator {
        float: none !important;
        margin: 0 auto !important;
    }
}

@media(max-width:480px) {

    .header-div .secondlast,
    .header-div .first {
        display: none;
    }
}

@media(max-width:381px) {
    .flex-parent {
        display: unset;
    }

    .flex-parent a {
        width: 100%;
    }

    .company .tab-parent-second {
        border-bottom: 1px solid #dedede;
    }

    .tab-parent {
        border-top: 1px solid #dedede;
    }
}

/* company */
.company .header-div .title-head {
    font-size: 1.3rem;
    font-weight: 500;
    color: #222;
}

.company .header-div h1 {
    display: inline-block;
    margin: 10px;
    font-size: 1.3rem;
}

.company .bc-white h2.title {
    color: #000;
    margin: 10px 0;
    font-size: 1.1rem;
    font-weight: 400;
    text-align: left;
}

.company .bc-right-align {
    padding-left: 15px;
}

.company .bc-margin.bc-white.bc-company {
    margin-right: 0px !important;
    margin-left: 0px !important;
    border-bottom: 1px solid #d4d4d4;
    min-height: 214px;
}

.company .btn-company {
    font-size: 14px;
    float: left;
    margin: 15px;
    padding: 12px 24px !important;
}

.company .img-box img {
    width: 100%;
    min-height: 100px;
    border: 1px solid #f1f1f1;
}

.company .border-left {
    border-left: 1px solid #dedede;
}

@media(max-width:460px) {

    .company .img-box,
    .company .text-box {
        width: 100% !important;
        float: none;
        text-align: center;
    }

    .company .img-box img {
        width: fit-content;
        width: -moz-fit-content;
    }

    .company .btn-company {
        float: none;
    }

    .company .bc-white h2.title {
        text-align: center;
    }

    .company .btn-box-company {
        text-align: center;
    }

    .company .btn-company {
        float: none !important;
    }
}