@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html {
    font-family: 'Inter', sans-serif !important;
    font-family: 'Open Sans' !important;
}

body {
    font-family: 'Open Sans' !important;
    overflow-x: hidden !important;
}

.container {
    max-width: 1280px !important;
}

.heading_h4 {
    /* font-size: 46px; */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 55.9491px;
    text-transform: capitalize;
    color: #0CC0FF;
}

.heading_h5 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #fff;
    text-transform: capitalize;
    color: #575757;
}

.heading_h3 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    color: #fff;
    text-transform: capitalize;
    color: #262626;
}

.parag_p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #575757;
    line-height: 30px;
    text-align: justify;
}

.btn_started {
    background: linear-gradient(275.03deg, #53D2FF 9.24%, #0CC0FF 95.67%);
    box-shadow: 0px 2.39137px 3.58706px rgba(165, 159, 159, 0.25);
    border-radius: 4.69199px;
    color: #fff !important;
    position: relative;
    margin-left: 60px;
}

.btn_started::after {
    border-right: 1px solid #0CC0FF;
    content: "";
    position: absolute;
    left: -40px;
    height: 30px;
    top: 5px;
}




.btn_learn {
    color: #fff !important;
    font-size: 22px !important;
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    display: inline-block !important;
    position: relative !important;
    transition: 0.5s !important;
    width: 195px !important;
    background: linear-gradient(275.03deg, #53D2FF 9.24%, #0CC0FF 95.67%) !important;
    border-radius: 4.69199px !important;
}

.btn_learn::after {
    content: '»' !important;
    position: absolute !important;
    opacity: 0 !important;
    top: 7px !important;
    right: -20px !important;
    transition: 0.5s !important;
}

.btn_learn:hover {
    padding-right: 24px !important;
    padding-left: 8px !important;
}


.btn_develop {
    border: 1px solid #0fbfff !important;
    color: #505050 !important;
    font-size: 22px !important;
    font-family: 'Open Sans' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    display: inline-block !important;
    position: relative !important;
    transition: 0.5s !important;
    width: 215px !important;
    background: transparent !important;
    border-radius: 4.69199px !important;
}

.btn_develop::after {
    content: '»' !important;
    position: absolute !important;
    opacity: 0 !important;
    top: 7px !important;
    right: -20px !important;
    transition: 0.5s !important;
}

.btn_develop:hover {
    padding-right: 24px !important;
    padding-left: 8px !important;
}

button.btn_learn:hover:after, button.btn_develop:hover:after {
    opacity: 1 !important;
    right: 14px !important;
}

/* Header Component Css Start */

.top_navbar {
    padding: 30px 0px !important;
    background: #fff;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
}

.top_navbar.scroll-sticky {
    /* padding: 10px !important;
    background: #f5f5f5; */
}

.top_navbar .navbar-brand {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    background: linear-gradient(91.55deg, #4B9ADF -7.26%, #26CBD6 86.53%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

/* .top_navbar.example .navbar-brand{
    font-size: 28px;
} */
.top_navbar .navbar_links>a {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #767676 !important;
    padding: 0px 15px !important;
}

.top_navbar .navbar_links>a.active {
    color: #0fbfff !important;
    position: relative;
}

.top_navbar .navbar_links>a.active::before {
    border-bottom: 1px solid #0fbfff;
    content: "";
    position: absolute;
    width: 55px;
    bottom: -6px;
}

/* Header Component Css End */

.banner_slide .text {
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(5%, 0);
    top: 20%;
    left: 100px;
    /* top: 100px;
    left: 100px; */
    max-width: 60%;
}

.banner_slide .text h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    font-family: 'Open Sans';
}

.banner_slide .text h1 span {
    color: #FFE600;
    display: block;
    border-bottom: 2px solid #fff;
    /* max-width: 250px; */
}

.banner_slide .text p {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #FFFFFF;
    /* max-width: 630px; */
}

.carousel-images img {
    padding: 0px 35px;
}

section.business_level {
    background: url(../images/png/exploreback.png);
    background-repeat: no-repeat, no-repeat;
    /* padding: 0px 0px 30px 0px;
    margin-top: -100px; */
    background-position: 45%, left;
    background-size: 20%, contain;
    margin-bottom: 80px;
}

section.trade {
    background-color: #F1F4F7;
    background-image: url(../images/png/tradeback.png);
    background-repeat: no-repeat;
    /* padding: 0px 0px 30px 0px;
    margin-top: -100px; */
    background-position: left 70%;
    background-size: 15%;
    min-height: 700px;
    position: relative;
    z-index: 9;
}

section.privacy {
    background-image: url(../images/png/privacyback.png);
    background-repeat: no-repeat;
    /* padding: 0px 0px 30px 0px;
    margin-top: -100px; */
    background-position: left 70%;
    background-size: 18%;
}

section.trade img {
    position: absolute;
    right: 100px;
    top: 0px;
    max-width: 550px;
}

section.vorbit_latest {
    margin-bottom: 100px;
}

section.vorbit_latest .news {
    background: #F1F4F7;
    border: 1px solid #0fbfff;
    border-radius: 10px;
    padding: 10px;
    color: #0b0b0b;
}

section.vorbit_latest .news h4 {
    font-size: 20px;
}

section.vorbit_latest .news:hover {
    text-decoration: none;
}

/* Contact Us Section Css Start */

section.contact_us {
    margin-bottom: 100px;
}

/* Contact Us Section Css End */

/* Footer Section Css Start */

section.footer {
    background-color: #F1F4F7;
    padding: 100px 0px;
}

section.footer .social_links {
    padding: 0px 0px 30px 0px;
}

section.footer .social_links img {
    max-width: 50px;
    padding: 0px 10px;
}

.Footer_Links {
    position: relative;
}

.Footer_Links::after {
    content: "";
    /* border-right: 1px solid #654e4e; */
    position: absolute;
    right: 0px;
    height: 100px;
    top: 0px;
}

.Footer_Links.border-none::after {
    border-right: none;
}

.Footer_Links h4 {
    color: #262626;
    font-size: 24px;
    font-weight: 700;
}

.Footer_Links a {
    color: #505050;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 8px;
    display: block;
}

.Footer_Links a:hover {
    color: #505050;
}

.footer_bottom {
    background: #001A30;
    padding: 15px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.Footer_Links span.navbar-brand {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    background: linear-gradient(91.55deg, #4B9ADF -7.26%, #26CBD6 86.53%);
    -webkit-text-fill-color: transparent;
}

/* Footer Section Css End */


/* Blog Page Css Start */
.blog_list a:hover {
    text-decoration: none;
}

.blog_post .text {
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 45%;
}

.blog_title h6 {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 19.5264px;
    line-height: 27px;
    text-transform: capitalize;
    color: #474747;
    margin: 0px;
}

.blog_post span {
    font-family: 'Open Sans';
    font-style: normal;
    color: #4B4B4B;
    font-weight: 300;
    font-size: 13.0176px;
    line-height: 18px;
    text-transform: capitalize;
}

.blog_description p {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 15.1872px;
    line-height: 21px;
    text-transform: capitalize;
    color: #565656;
}



.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.accordion-button:not(.collapsed) {
    color: #6b5fba;
    background-color: #f1f0fa;
    -webkit-box-shadow: inset 0 -1px 0 #eff0f2;
    ;
    box-shadow: inset 0 -1px 0 #eff0f2;
}

.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: .9rem;
    color: var(--bs-body-color);
    text-align: left;
    background-color: var(--bs-card-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease, -webkit-box-shadow .15s ease-in-out;
}

.accordion-button::after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-left: auto;
    content: "";
    background-image: url("../images/png/download.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    /* background-image: url("../images/png/download (1).svg"); */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.blog-post-img {
    height: 225px;
    background-size: cover !important;
    width: 100%;
    background-position: center !important;
    border-radius: 20px 20px 0px 0px;
}

.blog-featured-post-img {
    height: 390px;
    background-size: cover !important;
    width: 100%;
    background-position: center !important;
    border-radius: 20px 20px 0px 0px;
}


@media only screen and (max-width:991px) {

    .banner_slide .text {
        -moz-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        -o-transform: translate(0%, 0);
        -webkit-transform: translate(0%, 0);
        transform: translate(0%, 0%);
        top: 25px;
        left: 10px;
        max-width: 80%;
    }

    .navbar-expand-lg>.container {
        padding: 0px 15px !important;
    }

    .banner_slide .text h1 {
        font-size: 40px;
    }

    .btn_started {
        display: none !important;
    }

    .Footer_Links img {
        display: none;
    }

}

@media only screen and (max-width:768px) {


    .banner_slide .text h1 {
        font-size: 20px;
    }

    .banner_slide .text p {
        font-size: 18px;
    }

    .banner_slide .text h1 span {
        margin-bottom: 0px !important;
    }

    .heading_h4 {
        font-size: 35px;
    }

    section.vorbit_latest .news img {
        max-width: 100px;
    }

    .d-sm-none {
        display: none;
    }
    .about-container .banner-section .banner-title{
        font-size: xx-large !important;
        padding-bottom: 50px;
    }
    .about-container .about-body .about-cards .card-img img{
        height: auto !important;
    }
    .about-container .about-body .about-cards .card-content{
        transform: translate(0%, 0%) !important;
    }
    .top_navbar .navbar_links>a{
        margin-top: 20px;
    }
    .position-relative.bottom-85{
        bottom: 0px !important;
    }
    section.trade img{
        z-index: -1;
        opacity: .1;
        right: 0px;
    }
    .custom-model-gitex .modal-dialog .custom-model-body .model-image-gitex .model-body-gitex h5,.custom-model-header .modal-dialog .custom-model-body .model-image-header .model-body-header{
        font-size: 30px !important;
    }

}