.main-text{
    color: #4512b1 !important;
    font-size: 2vw !important;
    font-weight: 600 !important;
    margin-bottom: 0.5vh !important;
    letter-spacing: -1px !important;
}
.header-title{
    height: 111px !important;
}
.header-text p{
   font-size: 1.7vw !important;
    line-height: 5.5vh !important;
}

.text-anime{
    border-right: .05em solid #000;
    animation: caret 1s steps(1) infinite;
}

@keyframes caret {
    50% {
        border-color: transparent;
    }
}


.text-write{
    line-height: 50px !important;
    font-size: 30px !important;

}
.navbar-brand img{
    width: 65px;
    margin-top: 3px;
}
#scroll-to-top {
    bottom: 24px !important;
    right: 19px !important;

}
.footer-content{
    padding: 8px 10px;
    color: #262aaa;
    align-items: center;
    border-bottom: 1px solid #373434;
}
.footer-content img{
    width: 33px;
}
.footer-divider{
    width: 0.1vw;
    height: 5vh;
    background-color: #1b1e21;
}
.features-item {
    /*padding: 40px 30px !important;*/
    padding: 25px 26px !important;
    box-shadow:  6px -6px 14px #d6d6d6,
    -6px 6px 14px #f2f2f2

    !important;
    border-radius: 10px !important;

}
.features-item p{
    font-size: 15px !important;
    line-height: 34px;
}

.content-info p{
    font-size: 1.2vw !important;
    line-height: 4.4vh !important;
    margin-bottom: 6vh !important;
    color: #221e54 !important;
}
.navbar-fixed-top{

}
.custom-btn{
   /* background: rgb(3,0,255) !important;
    background: linear-gradient(90deg, rgba(3,0,255,1) 0%, rgba(232,11,38,1) 100%) !important;*/
    padding: 0.18vh 3vh !important;
    letter-spacing: 0px !important;
    font-size: 2vh !important;
    border-radius: 50px !important;
}
.gradient-1{
    background: rgb(3,0,255) !important;
    background: -moz-linear-gradient(90deg, rgba(3,0,255,1) 0%, rgba(232,11,38,1) 100%) !important;
    background: -webkit-linear-gradient(90deg, rgba(3,0,255,1) 0%, rgba(232,11,38,1) 100%) !important;
    background: linear-gradient(90deg, rgba(3,0,255,1) 0%, rgba(232,11,38,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0300ff",endColorstr="#e80b26",GradientType=1) !important;
}
.gradient-2{
    background: rgb(21,223,78);
    background: -moz-linear-gradient(90deg, rgba(21,223,78,1) 0%, rgba(13,177,228,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(21,223,78,1) 0%, rgba(13,177,228,1) 100%);
    background: linear-gradient(90deg, rgba(21,223,78,1) 0%, rgba(13,177,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#15df4e",endColorstr="#0db1e4",GradientType=1);
}
.img-size:nth-of-type(2){
    text-align: end;
}
.img-size img{
    width: 36vw;
}
#putText{
    color: #217dc5;
}
.default-btn {
    background-color: #1c0c82 !important;
    font-size: 1vw !important;
    border-radius: 7px !important;
    letter-spacing: 0.5px !important;
    padding: 0 18px !important;
    box-shadow: 6px -6px 14px #d6d6d6, -6px 6px 14px #f2f2f2 !important;
}
.topic{
    line-height: 7.75vh !important;
}
.slicknav_btn {
    margin: -60px 0 0 !important;
}


@media screen and (max-width: 500px) {
    .img-size img{
        width: 70vw !important;
    }
    .txt{
        text-align: center !important;
    }
    .content-info p{
        font-size: 4vw !important;
        line-height: 4vh !important;
        margin-bottom: 5vh !important;
    }
    .default-btn {
        font-size: 3.5vw !important;
        padding: 0 10px !important;
    }
    .topic{
        line-height: 6.5vh !important;
    }
    .header-text p{
        font-size: 5.2vw !important;
    }
    .main-text {
        font-size: 6vw!important;
    }
    #home .hero-content img{
        max-width: 90%;
    }
    #home .hero-content{
        text-align: center;
    }
}

@media screen and (min-width: 500px) and (max-width: 992px) {
    .main-text {
        font-size: 3.5vw!important;
    }
    .header-text p{
        font-size: 2.7vw !important;
    }
    .txt{
        text-align: center !important;
    }
    .content-info p{
        font-size: 2.8vw !important;
    }
    .img-size img{
        width: 50vw !important;
    }
    .default-btn {
        font-size: 1.6vw !important;
        padding: 0 15px !important;
    }
    #home .hero-content img{
        max-width: 90%;
    }
    #home .hero-content{
        text-align: center;
    }

}