/* Hero Section */
body {
    background-color: #101015 !important;
    color: #fff !important;
}

p {
    margin-bottom: 0;
}

.blu {
    color: #039be5;
}

.yellow {
    color: #ff6f00;
}

.hero-section {
    background-image: url(../../images/box11.webp);
    background-size: contain;
    background-position: left center;
    min-height: 100vh;
    background-repeat: no-repeat;
    align-items: center;
    text-align: center;
    padding-top: 100px;

}

.hero-section-8 {
    min-height: 100vh;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.hero-section-8 .content-section-hero.pt-5 {


    background-repeat: no-repeat;
    text-align: left;

}
.mton {
    text-align: left;
}
.mton span{
    color: #C4C4C4;
}
.h-form{
    font-size: 22px;
    text-align: left;
    padding: 10px;

}
.h-form span{
    font-size: 22px !important;
    margin: 0 5px;

}

.box-8{
    background-color: #1d1c1c;
    border-radius: 10px;
    padding: 30px;
    font-size: 17px;
    border: 1px solid #2e2e2e;
    text-align: left;
}

.box-8 span{
    font-size: 17px;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow:unset !important;
}
.hero-section-8 .card-body{
    border: unset !important;
    background-color: transparent !important;
    color: #c4c4c4;
    font-size: 14px;
}

#btn-8 {
    background-color: #e34d00;
    width: 100%;
    gap: 15px;
    height: max-content;
    padding: 5px;
    border: unset;
}
#btn-8 p {
    background-color: #e34d00;
    gap: 15px;
    height: max-content;
    padding: 5px;
    margin-left: 120px;
}
#btn-8:focus{
    outline: none;
}

#btn-8 .img-abou {
    background-color: white;
    width: 33px;
    height: 33px;

}

#btn-8 img {
    filter: invert(1);
    width: 10px;
}
.p-hero-section {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.807);
    font-weight: 300;
}
.h-section {
    font-size: 36px;

}

.btn-about {
    background-color: #ffffff0d;
    border: 1px solid #ffffff59;
    border-radius: 31px;
    width: 190px;
    height: 52px;
    display: flex
;
    color: white;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    font-size: 15px;
}
.img-abou {
    width: 43px;
    height: 43px;
    background-color: #FF6F00;
    border-radius: 26px;
    align-items: center;
    display: flex
;
    justify-content: center;
}
.m-20 {
    margin: 35px 0;
}
.box-8 .form-control {
    background-color: #161313;
    border: unset;
    border-radius: 10px;
    padding: 10px;
    color: #c4c4c4;
    height: 75px;
}
#w3review {
    height: 260px;
}
.form-control:focus{
    box-shadow: unset;
    border-color: unset;
}
#box-form{
    padding: 40px;
}
#box-form input::placeholder{
    color: #c4c4c4;
}
.box-8:hover img {
    filter: invert(1);
    transition: all .3s;
}
.card-body{
    background-color: transparent;

}
@media (max-width: 1440px) {
    #btn-8 p{
        margin-left: 90px;
    }
}
@media (max-width:768px) {
    .desc{
        display: none;
    }
    .box-8 {
        padding: 10px;
    }
    .box-8 span {
        font-size: 14px;
    }
    #box-form {
        padding: 15px;
    }
}