@font-face {
    font-family: sora;
    src: url(./assets/font/Sora-Regular.ttf);
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "sora";
}

section {
    padding: 40px 0;
    position: relative;
}

.section-logo img {
    width: 100px;
}

.section-logos img {
    width: 200px;
}

.home {
    width: 100%;
    height: 120vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./assets/images/banner-main.png);
    position: relative;

}

.banner {
    object-fit: contain;
    height: 100vh;
    width: 100%;
}

.navbar-brand img {
    width: 100px;
}

.navbar-brand {
    z-index: 1;
}

.sec-mul-text {
    color: #ACACAC;
    padding: 20px 0 0 0;
    font-weight: 400;
}

.t-black {
    color: #000;
    font-weight: 600;
}

.b-black {
    color: #3BABFF;
    font-weight: 600;
}

.b-r-black {
    display: block;
    color: #3BABFF;
    font-weight: 400;
}

.sec-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec-logo img {
    width: 200px;
}

.p-line-text {
    color: #383838;
    font-size: 20px;
    position: relative;
    border-bottom: 1px dotted #383838;
    margin-bottom: 20px;
}


.p-sec-line {
    color: #767676;
    font-size: 15px;
    font-weight: 400;
}

.box-list {
    background-color: #0C172F0A;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 5px 0;
    font-size: 14px;
}

.second-g {
    color: #949494;
}



.banner-img {
    background-image: url(./assets/images/1-st.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    z-index: 1;
}

.bg-con {
    height: fit-content;
    position: relative;
    width: 100%;
}

.bg-con::before {
    position: absolute;
    content: '';
    background-image: url(./assets/images/frame.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.group-content {
    background: linear-gradient(rgba(0, 0, 0, 0.5),
            /* top: light black */
            rgba(0, 0, 0, 0.5)
            /* bottom: light black */
        ),
        url(./assets/images/1-st.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.group-content img {
    padding-top: 30%;
}

.list-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: stretch;
    width: 100%;
    height: 100vh;
    position: relative;
}

.list {
    display: flex;
    gap: 20px;
    align-items: center;
}

.num {
    width: 10px;
    height: 10px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #3BABFF;
    border-radius: 50%;
    margin: 20px;
    font-size: 20px;
}

.p-con {
    font-size: 24px;
    width: 60%;
    color: #ACACAC;
    font-weight: 400;
}

.bl {
    color: #3BABFF;
}

.blac {
    color: #383838;
}

.ltwo {
    padding-left: 10%;
}

.lthree {
    padding-left: 30%;
}

.to {
    position: relative;
    background-image: url(./assets/images/elipsse.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.to h2 {
    font-size: 30px;
    font-weight: 600;
}

.p-ma {
    font-size: 18px;
    color: #767676;
    width: fit-content;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ma p {
    width: 80%;
}

.dark-bg {
    background-image: url(./assets/images/dark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.m-con h6 {
    color: white;
}

.m-con p {
    color: #A8A8A8;
    font-size: 14px;
}

.black-bg {
    background-color: #0C0C0C;
}

.p-lis {
    color: #525151;
}

.p-lis span {
    color: #fff;
}

.bg-below {
    background-image: url(./assets/images/below-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    margin: 100px;

}

.bg-box {
    display: flex;
    width: 100%;
}

.bg-box img {
    width: 50%;
}

.main-g-n {
    background-image: url(./assets/images/bg-sd.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50vh;
}

.main-g-p {
    background-image: url(./assets/images/is-3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    display: block;
}

.kl-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.6),
            /* top: light black */
            rgba(0, 0, 0, 0.6)
            /* bottom: light black */
        ),
        url(./assets/images/kl-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* height: 100vh; */
}

.h-col {
    width: 33%;

}

.h-col img {
    width: 100%;
}

.bg-4,
.bg-5 {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    background-size: cover;
}

.bg-4 {
    background-image: url(./assets/images/bg-4.png);
}

.bg-5 {
    background-image: url(./assets/images/bg-5.png);
}

.map-row {
    background-image: url(./assets/images/map.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 140vh;
    object-fit: contain;
    margin: 0 20px;
}

.bg-man {
    background-image: url(./assets/images/bg-man.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh;
    width: 100%;
}

.cen {
    width: 50%;
    display: flex;
    align-items: first baseline;
    justify-content: center;
}
.cen img{
    width: 40px;
}

.cen span {
    color: #F7F8F8;
    text-align: start;
    font-size: 14px;
}

.dashboard {
    width: 100%;
}

.bgs {
    width: 100%;
    height: 100vh;
    background-size: 50%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;

}

.bg01 {
    background-position: right;
    background-image: url(./assets/images/bg01.png);
}

.bg02 {
    background-position: right;
    background-image: url(./assets/images/bg02.png);
}

.bg03 {
    background-position: left;
    background-image: url(./assets/images/bg03.png);
}

.bgs p {
    color: #767676;
    font-weight: 400;
}

.bg-blue {
    background-color: #3BABFF;
    /* background-image: url(./assets/images/bg-blue.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;

}

.bg-blu-p {
    color: #ffff;
    font-weight: 400;
}

.banner-3 {
    background-image: url(./assets/images/banner-3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh;

}

.overlap-img {
    background-image: url(./assets/images/las-o.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.edge-content {
    justify-content: end;
    display: flex;
    flex-direction: column;
    height: 80vh;
    align-items: end;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.edge-content p {
    text-align: left;
    font-weight: 300;
}

.new-p-lin {
    padding-top: 200px;
    color: #acacac;
    font-weight: 400;
    font-size: 20px;
}

.foo-abov {
    padding: 20px 90px 0 0;
    color: #767676;
}

.footer {
    background-image: url(./assets/images/footer.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.footer h3{
    color: #fff;
    font-size: 50px;
}

.footer h3 span{
    color: #3BABFF;
}
.thanks{

    width: 90%;
    text-align: center;
    padding-left: 50px;

}

.secondary-sec-tit{
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    height: 200px;

}

.secondary-sec-tit p{
    color: #767676;
    /* padding: 20px 60px; */
}

.line{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 320px;

}
.line img{
    width: 50px;
}

.user{
    width: 80px;
}

.user-bot{
    margin: 50px !important;
}
@media screen and (max-width:689px) {
    .ltwo {
        padding-left: 0%;
    }

    .lthree {
        padding-left: 0%;
    }

    .p-con {
        font-size: 20px;
        width: 100%;
        color: #ACACAC;
        font-weight: 400;
    }

    .map-row {
        height: 70vh;
    }

    .num {
        margin: 0;
        padding: 15px;
    }

    .bg-box {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }

    .bg-box img {
        width: 100%;
    }

    .home{
        height: 80vh;
    }

    .img-logo{
        margin-top: -80px;
    }

    .group-content{
        width: 100%;
    }
    .list-container{
        height: 80vh;
    }
    .bg-below {
        height: 60vh;
         margin: 10px;
    }
    .h-col{
        width: 100%;
    }
    .bg-5{
        height: fit-content;
    }
    .bg-man{
        height: fit-content;
    }
    .cen{
        width: 100%;
        padding: 10px;
    }
    .cen img{
        width: 40px;
    }
    .bgs{
        height: fit-content;
          padding: 10px 0;
    }

    .bg01,.bg02,.bg03{
        background-image: none;
    }

    .bg-blue{
        height: fit-content;
    }
    .banner-3 {
        padding: 0 !important;
        height:33vh;
        background-size: contain;
    }
    .edge-content {
        height: fit-content;
        font-size: 22px;
    }

    .new-p-lin {
        padding-top: 20px;
    }
    .foo-abov {
    padding: 20px 0px 0 0;
    }

    .footer{
        height: fit-content;
    }
    .bg-4{
        height: 50vh;
    }
    .line{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 320px;
}
.line img{
    margin-right: 100px;
    width:100px ;
}

.user{
    width: 50px;
}

.user-bot{
    margin: 50px !important;
}

}