/*
  Theme Name: Name - Multipurpose HTML Template
  Author: NetCoden
  Support: NetCoden
  Web: https://netcoden.com/
  Description: Creative  HTML5 template By Version001
  Version: 1.0
*/

/*=== table of content ===*/

/*
*** theme default
*** header
*** banner
*** footer
*/

/*=== table of content ===*/


/*=== theme default ===*/
html, body {
    scroll-behavior: smooth;
    height: 100%
}

body {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: #344055;
}

.container-fluid {
    max-width: 1600px;
}

.container {
    max-width: 1200px;
}

.img, img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

a, .button {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus, .button:focus {
    text-decoration: none;
    outline: none;
}

a:focus, a:hover {
    color: #091d56;
    text-decoration: none;
}

a, button {
    color: #1696e7;
    outline: medium none;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #344055;
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 15px 0;
    padding: 0;
}

label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #007772;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #007772;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

*::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

.vBtn {
    background: #007772;
    padding: 8px 20px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    border-radius: 35px
}

.vBtn:hover {
    cursor: pointer;
    color: #f1f1f1;
    background: #007772;
}

.bBtn {
    background: #007772;
    padding: 8px 20px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    text-transform: uppercase;
}

.bBtn:hover {
    cursor: pointer;
    color: #f1f1f1;
    background: #007772;
}

.vF100 {
    font-weight: 300;
}

.vF300 {
    font-weight: 300;
}

.vF400 {
    font-weight: 400;
}

.vF500 {
    font-weight: 500;
}

.vF600 {
    font-weight: 600;
}

.vF700 {
    font-weight: 700;
}

.vF800 {
    font-weight: 700;
}

.vF900 {
    font-weight: 900;
}

.font-size-45 {
    font-size: 45px;
}

.vApp ul {
    margin: 0 0 15px 30px;
}

.vApp ul li {
    position: relative;
    padding: 5px 0;
    list-style: none;
}

.vApp ul li:before {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f0a4";
    display: inline-block;
    vertical-align: middle;
    font-weight: 900;
    left: -25px;
    position: absolute;
    color: #007772;
}
.bg-gradient ul li:before{
color:#bcbcbc ;
}

.vApp {
    min-height: 80vh;
}

.blueBg {
    background: #007772;
}

.blueBgG {
    background: linear-gradient(to right, #007772, #092648f0);
    background: -webkit-linear-gradient(to right, #007772, #092648f0);
}

.blackBg {
    background: #1b1a1a;
}
.blueLight {
    background: linear-gradient(
            180deg
            ,#B6D1DB 0%,#EEF1F5 58.85%);
}

.shadow {
    box-shadow: -1px -1px 14px 1px rgba(125 124 124, 0.52);
    -webkit-box-shadow: -1px -1px 14px 1px rgba(125 124 124, 0.52);
    -moz-box-shadow: -1px -1px 14px 1px rgba(125, 124, 124, 0.52);

}

.shadowHover {
    border: 1px solid transparent;
}

.shadowHover:hover {
    box-shadow: none !important;
    border: 1px solid #f7f4f4;
    border-radius: 5px;
}

.vBox {
    padding: 15px 15px 30px 15px;
}

.vBox.Odd {
    border-top: 10px solid #be2534;
    border-bottom: 10px solid #be2534;
    background: linear-gradient(to right, #4c202099, #020b15f0);
    background: -webkit-linear-gradient(to right, #4c202099, #020b15f0);
    color: #fff;
    border-radius: 3px;
    position: relative;
    z-index: 99;
}

.vBox.Odd p {
    color: #fff;
}

.mw-900 {
    max-width: 900px;
    margin: 0 auto;
}
.mw-400 {
    max-width: 400px;
    margin: 0 auto;
}

.br-0{
    border-radius: 0 !important;
}
.bg-gradient {
    position: relative;
    background: -moz-linear-gradient( -45deg, rgba(0, 119, 114, 1) 0%, rgba(0, 119, 114, 1) 47%, rgba(148, 58, 158, 1) 100% );
    background: -webkit-linear-gradient(
            -45deg
            , rgba(0, 119, 114, 0.9) 0%, rgba(0, 119, 114, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
    background: linear-gradient(
            135deg
            , rgba(0, 119, 114, 0.9) 0%, rgba(0, 119, 114, 0.9) 47%, rgba(148, 58, 158, 0.9) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f2b70', endColorstr='#e6943a9e', GradientType=1);
}
.borderTop {
    border-top: 10px solid #007772;
    margin-bottom: 10px;
    max-width: 100px;
}
.borderBGBody{
    padding: 100px;
    border-radius: 30%;
}
/*theme default*/
.vBSocial li:before, .vBtnDesign li:before {
    display: none !important;
}

.vBSocial li, .vBtnDesign li {
    display: inline-block;
    padding: 5px !important;
}

.vBSocial, .vBtnDesign ul {
    margin: 0 !important;
}

.vBSocial a {
    color: #0e0d0d;
}

.vBodyCurveLeftContent {
    position: relative;
}

.vBodyCurveLeftContent:before {
    content: '';
    width: 85%;
    height: 100%;
    background: #10315a;
    position: absolute;
    top: 0;
    border-radius: 0 150px 150px 0;
}

.vBodyCurveLeftContent h2, .vBodyCurveLeftContent h3, .vBodyCurveLeftContent h4, .vBodyCurveLeftContent h5, .vBodyCurveLeftContent h6, .vBodyCurveLeftContent p, .vBodyCurveLeftContent b, .vBodyCurveLeftContent ul li {
    color: #fff;
}

.text-white p {
    color: #fff;
}

.modal {
    padding-right: 0 !important;
}

.pR {
    position: relative;
    z-index: 99;
}

.vBodyDarkBg {
    max-width: 1300px;
    border-radius: 50px;
    background: #007772; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #007772, #007772); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #007772, #007772); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.vBodyDarkBgFull {
    border-radius: 50px;
    background: #007772; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #007772, #007772); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #007772, #007772); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
/*=== header ===*/
.vHeaderTop {
    padding: 2px 0 5px;
    background: #007772;
}

.vHeaderTopLeft p {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 10px;
    color: #83bcfa;
    font-size: 14px;
}

.vHeaderTopLeft i {
    font-size: 12px;
}

.vSocial li,.vHeaderSocial li{
    list-style: none;
    display: inline-block;
    margin: 0 3px;
}

.vSocial li a,.vHeaderSocial li a {
    font-size: 14px;
    padding: 5px;
}
.vSocial li a{
    color: #fff;

}
.vHeaderSocial li a{
    color: #83bcfa;
}

.vSocial li a:hover, .vHeaderSocial li a:hover {
    background: #1a324d;
    border-radius: 5px;
    color: #fff;
}

/*=== Menu ===*/

.vHeaderNav .vLogo {
    max-width: 300px;
}

.vHeaderNav {
    background: -webkit-linear-gradient(to right, #fff, #fff);
    background: linear-gradient(to right, #fff, #fff);
}

.navbar-fixed .vMenu ul li a {
    color: #fff;
}

.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
    padding: 10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, .07);
    background: #000046;
    background: -webkit-linear-gradient(to right, #007772, #007772);
    background: linear-gradient(to right, #007772, #007772);
}

.vMenu {
    text-align: right;
}

.vMenu ul {
}

.vMenu ul li {
    list-style: none;
    display: inline-block;
    position: relative;
}

.vMenu ul li a {
    padding: 15px 5px;
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #3c4d6b;
}

.sub-menu {
    position: absolute;
    background: #fff;
    width: 300px;
    border: 2px solid #fff;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    /*right: -100px;*/
    padding: 10px;
    z-index: 999999;
}
.sub-menu li a{
    color: #333 !important;
}
.vMenu ul li:hover .sub-menu {
    visibility: visible !important;
    opacity: 1 !important;
}

ul.sub-menu li {
    display: block;
    text-align: left;
    left: 0;
}
li.mBtn {
    background: #bd2130;
    border-radius: 3px;
    margin-top: 5px;
}

.mBtn a {
    padding: 5px 10px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

/*===Mobile Menu===*/
.mean-container .mean-bar {
    background: transparent;
}

.mean-container a.meanmenu-reveal {
    background: #000;
    border-radius: 5px;
    top: 4px;
}

.mean-container .mean-nav {
    position: absolute;
}

.vMMenu .sub-menu {
    position: relative;
    background: transparent;
    z-index: 999999;
    width: 300px;
    border: none;
    border-radius: 5px;
    visibility: visible;
    opacity: 1;
    right: 0;
    padding: 10px;
}

/*===Mobile Menu===*/
/*=== Menu ===*/
/*=== header ===*/

/*=== banner === */

.vSliderWrapper,.vBannerWrapper {
    position: relative;
}

.vSliderWrapper:before,.vBannerWrapper:before {
    content: '';
    /*background: rgba(26, 87, 156,.93);*/
    background: rgba(0, 119, 114,.95);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.beforeNone:before,.beforeNone:after{
    display: none;
}
.vSliderWrapper h3, .vSliderWrapper p, .vSliderWrapper a,.vBannerWrapper h1, .vBannerWrapper p, .vBannerWrapper a {
    z-index: 99999;
    position: relative;
    max-width: 900px;
    margin:  auto;
    color: #fff;
}
.w-100 h1,.w-100 p{
    width: 100% !important;
    max-width: 100% !important;
}
.vSliderWrapper a,.vBannerWrapper a {
    display: inline-block;
    margin: 20px 0;
}

.vSliderWrapper,.vBannerWrapper {
    padding: 80px 0;
}

.vSliderWrapper h4 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
}
.vBannerWrapper h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
}
.vSliderWrapper p {
    font-size: 18px;
    color: #fff;
}

.vSliderWrapper h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.vSliderWrapper a {
}


.nav-style {
}

.nav-style .owl-nav div {
    background: #fff;
    font-size: 20px;
    height: 50px;
    left: 30px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 50px;
    opacity: 0;
    visibility: hidden;
    border-radius: 3px;
}

.nav-style .owl-nav div.owl-next {
    left: auto;
    right: 30px;
}

.nav-style:hover .owl-nav div {
    opacity: 1;
    visibility: visible
}

.nav-style .owl-dots {
    bottom: 50px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.nav-style .owl-dot {
    background: #ddd none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin: 0 2px;
    width: 20px;
    border: 2px solid transparent;
}

.nav-style .owl-dot.active {
    background: #2059d3;
    border: 2px solid #fff;
}

.nav-style .owl-nav div:hover {
    background: #507bd6;
    color: #fff
}

/*=== banner ===*/

/*=== footer ===*/
.payment img {
    position: relative;
    padding: 0 30px;
    background: #fff;
    margin: 2px 0;
}
footer {
    background-image: url('../../assets/img/5.html');
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

footer:before {
    content: '';
    background: rgba(0, 119, 114,.95);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

footer h3 {
    color: #f1f1f1;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
}

footer p {
    color: #c5c5c5;
}

footer ul li a:hover {
    color: #a0a2a7
}

footer ul li, footer ul li a {
    color: #c5c5c5;
    list-style: none;
}

footer ul li {
    padding: 5px 0;
}

/* === Footer ===*/
/* === Featured section ===*/

.featuredAreaMarket {
    padding: 30px 15px;
    text-align: center;
    border-radius: 4px;
    min-height: 250px;
}
.featuredAreaMarket i {
    font-size: 50px;
    color: #007772;
}
.featuredAreaMarket h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0;
}
/* === Featured section ===*/
/* === Block Box ===*/
.blockBox h4 {
    font-weight: 900;
    color: #fff;
    margin-top: 10px;
    font-size: 20px;
}
.blockBox i {
    font-size: 50px;
    color: #f7f6f6;
}
.blockBox span {
    font-size: 35px;
    margin-top: 15px;
    display: block;
    color: #efe7e8;
}
.blockBox{
    padding: 25px 10px;
}
.blockBox:hover {
    background: #0077725e;
    padding: 25px 10px;
    border-radius: 5px;
}
/* === Block Box ===*/
/* === Platform ===*/
.platform i {
    font-size: 50px;
    color: #007772;
}
.platform h3 {
    font-weight: 700;
    margin: 15px 0;
    font-size: 20px;
}
.platform {
    text-align: center;
}

/* === Platform ===*/

.testimonial{
    border-left: 4px solid #d45113;
    box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
    padding: 20px;
    margin: 0 15px 30px 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.testimonial:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 25px solid #bd2130;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}
.testimonial .pic{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 20px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #918686;
    line-height: 25px;
    margin-bottom: 15px;
}
.testimonial .title{
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    color: #d45113;
    margin: 0;
}
.testimonial .post{
    display: inline-block;
    font-size: 17px;
    color: #d45113;
}

.testimonial .pic{
    display: block;
    position: static;
    margin: 0 auto 15px;
}

/*about page*/
.aboutSection {
    position: relative;
    top: -170px;
    z-index: 99;
}
.vBox{
    border-radius: 5px;
}
.aboutSection-pt-70{
    position: relative;
    top: -70px;
}
/*about page*/
/*contact*/
.cBox h3 {
    font-weight: 900;
    font-size: 35px;
}
.cBox i {
    font-size: 35px;
    background: #0062cc;
    color: #fff;
    padding: 30px;
    border-radius: 30px;
    margin-bottom: 10px;
}

.cBox .vBSocial i {
    font-size: 15px;
    padding: 10px;
}
.contact label {
    display: block;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    color: #ff4328;
    text-transform: uppercase;
}
.contact .form-control {
    height: 70px;
    background: #F5F6FA;
    border: 1px solid #eaeaee;
}
.contact textarea{
    height: 200px !important;
}

/*education */
.vBannerEducation {
    border-top: 25px solid #007772;
padding-top: 50px;
}
/*education */
/*promotional */
.vContentRelative {
    background: #fff;
    padding: 20px 15px;
    border: 10px solid #007772;
    border-radius: 10px;
    margin-right: -100px;
    z-index: 99;
    position: relative;
}
/*promotional */
/*account */
.vAccountBox {
    padding: 50px 15px;
    border-radius: 50px;
}
.vAccountBox i {
    font-size: 50px;
}
.vAccountBox h3 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 15px;
}
.vAccountBox b,.vAccountBox strong {
    display: block;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 15px;
}
.vType img {
    max-width: 200px;
}
/*account */

/*===============r vai code===============*/
/* === Platform ===*/



.rv-platform {
    background-color: #f5f5f5;
}
.rv-mt5Box{
    background-color: #fff;
    padding: 40px;
    border-radius: 10px;
}
.rv-multiBox-item{
    border-radius: 10px;
    padding: 40px 20px;
    background-color: #e8e8e830;
    color: white;
}
.rv-multiBox-item i{
    font-size: 30px;
    margin-right: 20px;
}
.rv-multiBox-item h4{
    display: inline-block;
    font-size: 28px;
}
.rv-MBtextInfo{
    color: #7aeeff !important;
}
.rv-MBtextSuccess{
    color: #6aff8c !important;
}
.rv-MBtextWarning{
    color: #ffb261 !important;
}
.rv-MBtextFocus{
    color: #c3a0ff !important;
}
.rv-platformType{
    background-color: #E9E9E9;
}
.rv-platformType-1 {
    background-color: #fff;
}

.rv-brTL-40 {
    border-top-left-radius: 40px;
}
.rv-brTR-40 {
    border-top-right-radius: 40px;
}
.rv-brBL-40 {
    border-bottom-left-radius: 40px;
}
.rv-brBR-40 {
    border-bottom-right-radius: 40px;
}
.rv-PTHead-1 {
    background-image: linear-gradient(
            45deg
            , #191e3a, #007772);
    color: white;
}
.rv-PTHead-2 {
    background-color: #007772;
    color: white;
}
.rv-PTHead-3 {
    background-image: linear-gradient(
            45deg
            , #007772, #191e3a );
    color: white;
}
.rv-PTBody {
    min-height: 730px;
}
.ulBeforeNone ul li:before{
    display: none;
}
.ulBeforeNone ul, .ulBeforeNone ul li{
    margin: 0;
    padding: 0;
}

.rv-platformType .bBtn {
    width: 100%;
    border-radius: 0;
    padding: 8px 0;
}
.vIBtn i {
    font-size: 25px;
}

.vIBtn p {
    color: white;
    margin: 0;
    line-height: 18px;
    padding: 5px;
    font-size: 20px;
}
.rv-duelBtn ul li{
    display: inline-block;
    width: 49.5%;

}
.rv-PTBody img {
    height: 320px;
}
/*.rv-duelBtn ul li a{*/
/*    width: 49.5% !important;*/
/*}*/
/* === End Platform ===*/

/* === Product ===*/
.rv-submenu {
    position: sticky;
    top: 73px;
    z-index: 10;
    border-top: 1px solid rgba(219, 218, 218, 0.35);
    background-color: #009688;
}
.rv-submenu  li a{
    color: white;
    font-size: 22px;
}
.rv-submenu  li a:after{
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width:100%;
    height: 5px;
    opacity: 0;
    background-color:#f2ff6c;
}
.rv-submenu  li a.active:after {
    opacity: 1;
}

.rv-submenu  li  a.active , .rv-submenu a.active i , .rv-submenu li a:hover{
    color: #f2ff6c;
}

.rv-chart {
    z-index: 9;
    background-color: #1f264a;
    border-radius: 10px;
}
.rv-fxBenefit i{
    color: #74b238;
    margin-bottom: 15px;
    font-size: 40px;
}
.tab-content .vBannerWrapper:before {
    background: rgba(59,67,113,0.75);;
}
.rv-bgShade1 {
    background-color: #eeeff1;
}
.trioBox {
    min-height: 270px;
}
.trioBox p{
    font-size: 26px;
    line-height: 1.3;
    margin: -20px 30px 35px 30px;
}
.tab-content img {
    width: 60%;
}
.rv-circle {
    font-weight: 900;
    font-size: 45px;
    display: inline-block;
    padding: 19px 40px;
    border-radius: 50%;
    border: 5px solid white;
    color: white;
    transform: translateY(-57px);
}
/* === End Product ===*/
/* === Award ===*/
.rv-GLTop{
    position: relative;
    z-index: 9;
    height: 3px;
    background-image: linear-gradient(to right,#007772, #dc3545);
}
.rv-TAward h1 {
    font-size: 40px;
    font-weight: 900;
    background: linear-gradient(to right,#007772, #dc3545);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rv-HWAward{
    background-color: #F1EFE9;
}
.OLBox{
    width: 80%;
    margin: 0 auto;
}
.OVBoxTop{
    text-align: center;
    width: 80%;
    background-image: linear-gradient(to bottom right, #ffffff, #ffffff,#ffffffa3);
    position: relative;
    box-shadow: 10px 15px 35px -5px rgba(0, 0, 0,.25);
    padding: 80px;
    z-index: 9;
    margin-bottom: -325px;
}
.OVBoxBottom{
    width: 80%;
    margin-right: 0;
    margin-left: auto;
    opacity: 0.7;
}
.rv-Divider {
    position: relative;
}
.rv-Divider hr{
    border-bottom: 3px solid #cccaca;
}
.rv-Divider img{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    bottom: 20px;
    max-width: 200px;
}
.zIndex-9{
    z-index: 9;
}
.rv-AwardItem{
    border: 2px solid #F1EFE9;
    position: relative;
}
.rv-AwardItem .zIndex-9{
    min-height: 195px;
}
.rv-AwardItem img{
    position: absolute;
    bottom: 3px;
    left: 15px;
    max-height: 100%;
}
.rv-bgOffwhite{
    background-color: #F1EFE9;
}
.rv-AwardItemText{
    margin-top: -40px;
}
.rv-TAward .vBannerWrapper{
    z-index: 9;
}

.rv-TAward .vBannerWrapper:before{
    background: rgba(0, 0, 0, 0.75);
}

.rv-BRB{
    padding: 50px;
    background-image: linear-gradient(
            135deg
            ,  #fff, #c9eef3,#56b7c3);
}
.rv-BLB{
    padding: 50px;
    background-image: linear-gradient(
            225deg
            ,  #fff, #c9eef3,#56b7c3);
}
.rv-BTR{
    padding: 50px;
    background-image: linear-gradient(
            135deg
            ,  #fff, #c9eef3,#56b7c3);
}
.rv-BTL{
    padding: 50px;
    background-image: linear-gradient(
            225deg
            ,  #fff, #c9eef3,#56b7c3);
}


/* === End Award ===*/
/* === FAQ  ===*/
.rv-accHead {
    cursor: pointer;
}

.rv-faq .collapsed:before{
    font-family: "Font Awesome 5 Free", serif;
    content: "\f067" !important;  /*Plus Icon*/
    transition: transform .2s ease-in-out;
}
.rv-faq .rv-accHead:before{
    font-family: "Font Awesome 5 Free", serif;
    content: "\f068"; /*Minus Icon*/
    position: absolute;
    font-weight: 600;
    right: 15px;
    font-size: 18px;
    transition: transform .2s ease-in-out;
}
.rv-faq .card {
    margin-left: 80px;
    margin-right: 80px;
    margin-bottom: 20px;
    border:none;
    border-bottom: 2px solid rgba(59,67,112,0.43) !important;
}
.rv-faq .card-body {
    padding: 0 0 1.2rem 0;
    font-weight: 600;
}
.rv-faq h5, .rv-faq i , .rv-faq p , .rv-faq .card-body{
    color: rgba(59, 67, 112, 0.75);
}
.rv-faq i {
    font-size: 22px;
}
.rv-faq h5 {
    margin-right: 33px;
}

/* === End FAQ  ===*/
/* === Instrument ===*/
.rv-border-2 {
    border: 2px solid #afadad;
}
.rv-arrowText {
    width: 95%;
    padding: 40px 10px;
    background-color: #3f4774;
}
.rv-arrowBtn{
    padding: 20px 0 20px 40px;
    background-color: #3f4774;
}
.arrow-right:after, .arrow-right-white:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: -7px;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 60px solid #3f4774;
}
.arrow-right-white:after{
    left: 14px;
    border-left: 60px solid #eeeff1;
}
.rv-textYellow {
    color: yellow;
}

.rv-IBox1{
    border-radius: 20%;
    background-image: linear-gradient(to top, #00bcd438, #fff)
}
.rv-IBox2{
    border-radius: 20%;
    background-image: linear-gradient(to bottom, #00bcd438, #fff)
}
.rv-IBox3{
    background-color: #0f6674;
    border-radius: 10%;
    border: 15px solid #344055;
    /*background-image: linear-gradient(to left, #00bcd438, #fff)*/
}
.rv-IBox4, .rv-IBox4 p {
    background-color: #fff;
    border-radius: 30px;
}
/* === End Instrument ===*/

/*=== Contest ===*/

.text-black {
    color: black !important;
}

.rv-qm {
    width: 120px;
    height: 120px;
    border: 2px solid red;
    padding: 5px;
    background-color: #fbe39c;
}

.rv-qm img {
    transform: rotate(344deg);
}

.rv-qmText p {
    font-size: 22px;
}

.rv-sqrShadow {
    box-shadow: 91px 91px 1px -77px #10315a, -91px -91px 1px -77px #007772;;
}

.rv-testDBlue {
    color: #10315a
}

.rv-WPBox {
    background-color: #ffff;
    border-radius: 5px;
    min-height: 175px;
    position: relative;
    max-width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.rv-wpBox p {
    color: #fff !important;
}

.rv-WPBox:after {
    font-family: "Font Awesome 5 Free", serif;
    content: "\f054";
    position: absolute;
    color: #666666;
    font-weight: 900;
    margin-top: -52px;
    top: 50%;
    right: -57px;
    font-size: 70px;
}

.rv-bgBlue {
    background-color: #10629e
}

.rv-BoxArrowAfterNone:after {
    display: none;
}

.vApp .ulBeforeNone ul {
    margin: 0;
}

.vApp .ulBeforeNone li {
    /*display: inline-block;*/
}

.vApp .ulBeforeNone li:before {
    display: none;
}


/*=== End Contest ===*/

/*===============r vai code===============*/