* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Poppins', sans-serif;
}
.home .site-main {
	position: relative;    
}
h1 {
    font-weight: 500;
    color: #515459;
}
h2 {
    font-weight: 500;
    text-align: center;
    color: #515459;
}
.banner {
    background-color: #fff;
    position: relative;
}
.real-time {
    font-weight: 500;
    text-align: left;
    position: absolute;
    color: #515459;
}
.real-time span,
.real-time a {
    font-weight: 700;
    color: #F5C24B;
    display: block;
    text-align: right;
    text-decoration: none;
}
.banner-welcome {
    border: 2px solid #F5C24B;
    background-color: #FFFBF2;
    position: absolute;
}
.banner-welcome div {
    font-weight: 500;
    text-align: center;
    color: #515459;
}
.banner-welcome span {
    font-weight: 400;
    text-align: center;
    color: #515459;   
    display: block;  
}
/*** why-cyboard section start ***/
.why-cyboard {
    margin: 0 auto;
}

.features {
    display: flex;
}

.feature-box {

}
.feature-box .icon-box {

}
.feature-box h3 {
    font-weight: 500;
    text-align: left;
    color: #515459;
}
.feature-box p {
    font-weight: 500;
    text-align: left;
    color: #8F8F8F;
}
/*** why-cyboard section end ***/

/*** key-features section start ***/
.key-features {
    background-color: #F6F6F6;
    position: relative;
}
.feature-grid-container {
}
/*.feature-grid {    
    text-wrap: nowrap;   
    display: flex;
    flex-wrap: nowrap;
}*/
.feature-item {
    display: inline-block;
    position: relative;
    z-index: 9;
}
.feature-item h3 {
    font-weight: 500;
    text-align: left;
    color: #515459;
    text-wrap: wrap;
}
.feature-item p {
    text-wrap: wrap;
    color: #8F8F8F;
}
.key-features .bg-img {
    position: absolute;
    left: 0;
}
.key-features .bg-img object{
    width: 100%;
}
.key-features .bg-img img {
    width: 100%;
}
 /*** key-features section end ***/

 /*** full-potential section start ***/
 .full-potential {
    background-color: #FFF;
    position: relative;
}
.full-potential h2 {
    margin: 0 auto;
}
.full-potential-container {
    display: flex;
}
.full-potential-items {

}
.full-potential-item {
    font-weight: 500;
    text-align: left;
}
.full-potential-item .atitle {
    cursor: pointer;
}
.full-potential-item .atitle::after {
    content: ">";
    transform: rotate(90deg);
    display: inline-block;
    transition: all 0.4s ease-in-out;
}
.full-potential-item.show .atitle::after {
    transform: rotate(-90deg);
}
.full-potential-item .acont {
    display: none;
    height: 0;
}
.full-potential-item.show .acont {
    display: block;
    height: auto;
}
.full-potential-main-img {

}
.full-potential .bg-img {
    position: absolute;
    left: 0;
}
.full-potential .bg-img object,
.full-potential .bg-img img,
.full-potential-main-img object,
.full-potential-main-img img {
    width: 100%;
}
/*** full-potential section end ***/

/*** cyboard-transforms section start ***/
.cyboard-transforms {
    background-color: #F6F6F6;
    position: relative;
}
.cyboard-transforms h2 {
    margin: 0 auto;
}
.cyboard-transforms-container {
    display: flex;
}
.cyboard-transform {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.cyboard-transforms-item {
    float: left;
    display: flex;
    justify-content: space-between;
}
.cyboard-transforms-info {
}
.cyboard-transforms-item h3 {
    font-weight: 500;
    text-align: left;
    color: #515459;
    text-wrap: wrap;
}
.cyboard-transforms-item p {
    text-wrap: wrap;
}
.cyboard-transforms .icon-box {
    position: relative;
}
.cyboard-transforms .icon-box .numeric {
    position: absolute;
    border-radius: 50%;
    background-color: #515459;
    text-align: center;
    color: #F5C24B;
}
/*** cyboard-transforms section end ***/

 /*** testimonials section start ***/
 .testimonials {
    background-color: #FFF;
    position: relative;
}
.testimonials-container {
    position: relative;
}
.testimonials-bg-first {
    position: absolute;
}
.testimonials-bg-second {
    position: absolute;
}
.testimonials-bg-first object,
.testimonials-bg-first img {
    width: 100%;
}
.testimonials-items {
    margin: 0 auto;
}
.testimonials-item {
    text-align: left;
    background-color: #FFF;
}

.testimonials-text-cont {
    margin: 0 auto;
    border: 2px solid #515459;
}
.te-title {
    font-weight: 500;
    color: #515459;
}
.te-author {
    font-weight: 700;
    color: #F5C24B;
}
/*** testimonials section end ***/

.to-top {
    position: fixed;
    background-image: url(../images/to-top.png);
    cursor: pointer;
	background-size: contain;
	z-index: 99;
}
@media (min-width: 900px) {
    h1 {
        font-size: 1.875vw;
        line-height: 2.813vw;
    }
    h2 {
        font-size: 1.875vw;
        line-height: 2.813vw;
    }
    .home .site-main {
        margin-top: -4vw;    
    }
    .banner {
        height: 54.083vw;
    }
    .real-time,
    .real-time h1 {
        font-size: 2.5vw;
        line-height: 2.917vw;
        width: 31.25vw;
        top: 16.5vw;
        left: 16vw;
        z-index: 13;
    }
    .real-time span,
    .real-time a {
        font-size: 0.833vw;
        line-height: 1.094vw;
    }
    .banner-welcome {
        width: 45.55vw;
        height: 14.79vw;
        top: 29.27vw;    
        left: 26.82vw;   
        border-radius: 16px;
        z-index: 13;
    }
    .banner-welcome div {
        font-size: 2.083vw;
        line-height: 3.125vw;
        margin-top: 4.531vw;
    }
    .banner-welcome span {
        font-size: 0.938vw;
        line-height: 1.25vw; 
    }
    /*** why-cyboard section start ***/
    .why-cyboard {
        width: 66.979vw;
        padding-bottom: 6.25vw;
    }

    .features {
        margin-top: 2.917vw;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .feature-box {
        width: 21.146vw;
    }
    .feature-box .icon-box {
        margin-bottom: 1.771vw;
    }
    .feature-box h3 {
        font-size: 1.25vw;
        line-height: 1.667vw;
    }
    .feature-box p {
        margin-top: 1.042vw;
        font-size: 0.833vw;
        line-height: 1.094vw;
    }
    /*** why-cyboard section end ***/

    /*** key-features section start ***/
    .key-features {
        padding: 6.25vw 0;
    }
    .feature-grid-container {
        /*padding: 0 2.5vw;*/
        /*width: 95vw;*/
    }
    #scrollFeatureGrid .feature-grid {    
        margin-top: 2.917vw;
    }
    .feature-item {
    }
    /*.feature-item:first-child {
        margin-left: 0;
    }
    .feature-item:last-child {
        margin-right: 0;
    }*/
    .feature-item .icon-box {
        margin-bottom: 1.771vw;
    }
    .feature-item h3 {
        font-size: 0.938vw;
        line-height: 1.25vw;
    }
    .feature-item p {
        margin-top: 1.042vw;
        font-size: 0.833vw;
        line-height: 1.094vw;
    }
    .key-features .bg-img {
        width: 25.26vw;
        height: 31.771vw;
        top: -6.094vw;
    }
    .key-features .bg-img object{
    }
    .key-features .bg-img img {
    }
    /*** key-features section end ***/

    /*** full-potential section start ***/
    .full-potential {
        padding: 6.25vw 0;
    }
    .full-potential h2 {
        width: 35.156vw;
    }
    .full-potential-container {
        width: 66.719vw;
        margin: 3.177vw auto 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    .full-potential-items {
        width: 19.271vw;
    }
    .full-potential-item {
        margin-top: 1vw;
    }
    .full-potential-item .atitle {
        font-size: 1.25vw;
        line-height: 1.25vw;
        margin-bottom: 1.1vw;
		margin-top: 1.5vw;
    }
    .full-potential-item .atitle::after {
        margin-left: 0.521vw;
    }
    .full-potential-item.show .atitle::after {
    }
    .full-potential-item .acont {
        font-size: 0.833vw;
        line-height: 1.25vw;        
    }
    .full-potential-item.show .acont {
    }
    .full-potential-main-img-container {
        width: 43.646vw;
        height: 26.458vw;
    }
    .full-potential-main-img {
        width: 43.646vw;
        height: 26.458vw;
        position: absolute;
        left: 23vw;
        top: 1vw;
        z-index: 9;
    }
    .full-potential .bg-img {
        width: 43.646vw;
        height: 26.458vw;
        top: -6.094vw;
    }
    .right-bg-cont  {
        width: 29.896vw;
        height: 88.958vw;
        position: absolute;        
        right: 2.875vw;
        top: 10vw;
        z-index: 5;
    }
    .full-potential-line {
        height: 79.896vw;
        position: absolute;
        width: 28.542vw;
        right: 0;
        z-index: 5;
    }
    .full-potential-bottom {
        width: 10.052vw;
        height: 10.99vw;
        position: absolute;
        z-index: 5;
        right: -2vw;
        top: 74vw;
        
    }
    .full-potential-top {
        width: 18.906vw;
        height: 53.75vw;
        position: absolute;
        z-index: 5;
        right: 1vw;
        top: -5vw;
    }
    /*** full-potential section end ***/

    /*** cyboard-transforms section start ***/
    .cyboard-transforms {
        padding: 6.25vw 0;
    }
    .cyboard-transforms h2 {
        width: 35.156vw;
    }
    .cyboard-transforms-container {
        width: 64vw;
        margin: 3.177vw auto 0;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .cyboard-transform {
    }

    .cyboard-transforms-item {
        width: 26.875vw;
        margin-right: 5vw;
        margin-bottom: 2.083vw;
    }
    .cyboard-transforms-info {
        width: 20.833vw;
    }
    .cyboard-transforms-item h3 {
        font-size: 1.25vw;
        line-height: 1.667vw;
		margin-bottom: 0.3vw;
    }
    .cyboard-transforms-item p {
        font-size: 0.833vw;
        line-height: 1.25vw;
    }
    .cyboard-transforms .icon-box {
    }
    .cyboard-transforms .icon-box .numeric {
        top: -1px;
        right: -12px;
        width: 24px;
        height: 24px;
        font-size: 16px;
    }
    /*** cyboard-transforms section end ***/

    /*** testimonials section start ***/
    .testimonials {
        padding: 6.25vw 0;
    }
    .testimonials-container {
        width: 55.208vw;
        margin: 3.177vw auto 0;
    }
    .testimonials-bg-first {
        width: 16.51vw;
        height: 16.042vw;
        left: -13.615vw;
        top: -8vw;
    }
    .testimonials-bg-second {
        width: 8.802vw;
        height: 17.865vw;
        right: -5.5vw;
        top: 3.5vw;
    }
    .testimonials-bg-first object,
    .testimonials-bg-first img {
    }
    .testimonials-items {
        width: 55.208vw;
    }
    .testimonials-item {
        border-radius: 0.833vw;
    }

    .testimonials-text-cont {
        width: 55.208vw;
        padding: 4.167vw 5.208vw;
        border-radius: 0.833vw;
    }
    .te-title {
        font-size: 1.25vw;
        line-height: 2.083vw;
        margin-bottom: 1.146vw;
    }
    .te-author {
        font-size: 0.833vw;
        line-height: 1.094vw;
    }
    /*** testimonials section end ***/
	.to-top {
		width: 4.375vw;
		height: 3.125vw;
		left: 2.083vw;
		bottom: 3.927vw;
	}
}
@media (max-width: 899px) {   
    h1 {
        font-size: 5.385vw;
        line-height: 8.205vw;
    } 
    h2 {
        font-size: 5.385vw;
        line-height: 8.205vw;
    }
    .site-main {
        margin-top: 0;    
    }
    .banner {
        height: 213.59vw;
    }
    .real-time,
    .real-time h1 {
        font-size: 6.154vw;
        line-height: 8.205vw;
        width: 76.923vw;
        top: 14.103vw;
        left: 5.128vw;
        z-index: 13;
    }
    .real-time span,
    .real-time a {
        font-size: 3.077vw;
        line-height: 4.103vw;
    }
    .banner-welcome {
        width: 89.744vw;
        height: 44.872vw;
        top: 115.897vw;    
        left: 5.128vw;   
        border-radius: 16px;
        z-index: 13;
    }
    .banner-welcome div {
        font-size: 6.154vw;
        line-height: 8.205vw;
        margin-top: 10.256vw;
    }
    .banner-welcome span {
        font-size: 3.59vw;
        line-height: 5.385vw; 
    }
    /*** why-cyboard section start ***/
    .why-cyboard {
        width: 89.744vw;
        padding-bottom: 10.256vw;
    }
    .features {
        flex-direction: column;
    }
    .feature-box {
        margin-bottom: 5.128vw;
    }
    .icon-title-container {
        display: flex;
        justify-content: space-between;
        align-items: center; 
    }
    .feature-box .icon-box {
    }
    .feature-box h3 {
        width: 72.308vw;
        display: inline-block;
        font-size: 4.103vw;
        line-height: 6.154vw;
    }
    .feature-box p {
        margin-top: 2.564vw;
        font-size: 3.077vw;
        line-height: 5.385vw;
    }
    /*** why-cyboard section end ***/

    /*** key-features section start ***/
    .key-features {
        padding: 6.25vw 0;
    }
    .feature-grid-container {
        padding: 0 5vw;
        width: 100vw;
    }
    .feature-grid {    
        margin-top: 2.917vw;
    }
    .feature-item {
    }
    .feature-item:first-child {
        margin-left: 0;
    }
    .feature-item:last-child {
        margin-right: 0;
    }
    .feature-item .icon-box {
        margin-bottom: 1.771vw;
    }
    .feature-item h3 {
        width: 52vw;
        font-size: 4.103vw;
        line-height: 6.154vw;
    }
    .feature-item p {
        font-size: 3.077vw;
        line-height: 5.385vw;
    }
    .key-features .bg-img {
        width: 25.26vw;
        height: 31.771vw;
        top: -6.094vw;
    }
    .key-features .bg-img object{
    }
    .key-features .bg-img img {
    }
    /*** key-features section end ***/

    /*** full-potential section start ***/
    .full-potential {
        padding: 10.256vw 0;
    }
    .full-potential h2 {
        width: 89.744vw;
    }
    .full-potential-container {
        width: 89.744vw;
        margin: 24.872vw auto 0;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .full-potential-items {
        width: 100%;
    }
    .full-potential-item {
        margin-top: 1vw;
    }
    .full-potential-item .atitle {
        font-size: 4.103vw;
        line-height: 6.154vw;
        margin-bottom: 5.128vw;
        position: relative;
    }
    .full-potential-item .atitle::after {
        margin-left: 0.521vw;
        position: absolute;
        right: 0
    }
    .full-potential-item.show .atitle::after {
    }
    .full-potential-item .acont {
        font-size: 3.077vw;
        line-height: 4.615vw;
    }
    .full-potential-item.show .acont {
    }
    .full-potential-main-img {
        width: 89.744vw;
        height: 54.615vw;
        margin-bottom: 5.128vw;
    }
    .full-potential .bg-img {
        width: 100%;
    }
    /*** full-potential section end ***/

    /*** cyboard-transforms section start ***/
    .cyboard-transforms {
        padding: 10.256vw 0;
    }
    .cyboard-transforms h2 {
        width: 69.231vw;
    }
    .cyboard-transforms-container {
        width: 89.744vw;
        margin: 5.128vw auto 0;
        flex-direction: column;
    }
    .cyboard-transform {
    }
    .cyboard-transforms-item {
        width: 100%;
        margin-bottom: 5.128vw;
    }
    .cyboard-transforms-info {
        width: 70.833vw;
    }
    .cyboard-transforms-item h3 {
        font-size: 4.103vw;
        line-height: 6.154vw;
    }
    .cyboard-transforms-item p {
        font-size: 3.077vw;
        line-height: 5.385vw;
    }
    .cyboard-transforms .icon-box {
    }
    .cyboard-transforms .icon-box .numeric {
        top: -1px;
        right: -12px;
        width: 24px;
        height: 24px;
        font-size: 16px;
    }
    /*** cyboard-transforms section end ***/

    /*** testimonials section start ***/
    .testimonials {
        padding: 10.256vw 0;
    }
    .testimonials-container {
        width: 89.744vw;
        margin: 5.128vw auto 0;
    }
    .testimonials-bg-first object,
    .testimonials-bg-first img {
    }
    .testimonials-items {
        width: 89.744vw;
    }
    .testimonials-item {
        border-radius: 4.103vw;
    }
    .testimonials-text-cont {
        width: 89.744vw;
        padding: 5.128vw;
        border-radius: 4.103vw;
    }
    .te-title {
        font-size: 4.103vw;
        line-height: 6.154vw;
        margin-bottom: 5.128vw;
    }
    .te-author {
        font-size: 3.077vw;
        line-height: 5.385vw;
    }
    /*** testimonials section end ***/
	.to-top {
		width: 17.179vw;
		height: 12.308vw;
		left: 5vw;
		bottom: 17vw;
	}
}