:root {
    --main-color: #B11016;
    --secondary-color: #231F20;
}

html{
    text-align: right;
}

.color-main{
    color: var(--main-color);
}

.bg-color-main{
    background-color: var(--main-color);
}

#input-search{    
    background-color: #FFFFFF1A;
    border: 1px solid #FFFFFF;    
}   

header.home{
    min-height: 70vh;
    color: #FFFFFF;
    background-color: var(--secondary-color);
    background-image: url(image/FaceBook-bootom.svg), url(image/FaceBook-top.svg);
    background-position: right bottom, left top, center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto, auto, cover;
}

header.secondary{
    box-shadow: -2px 1px 12px 2px rgba(0, 0, 0, 0.25);
}

header nav{
    height: 20%;
}

header li, footer li{
    display: inline-block;
}

header li{
    margin: 0 15px;
}

footer li{
    margin: 0 5px;
}


.main-border {
    border-right: 5px solid var(--main-color);
    font-weight: 400, Regular;
    padding-right: 12px;
    text-align: right;
    font-size: 38px;
}

.bg-color-secondary{
    background-color: var(--secondary-color);
}

.bg-main-background{
    background-image: url(image/bg-main.svg);
    background-repeat: no-repeat;
    background-position: left top;
}

#partner-banks{
    background-image: url(image/partner-banks.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}

.bg-main-full-background{
    background-image: url(image/bg-main-full.svg);
    background-repeat: no-repeat;
    background-position: left top;
}

#about{
    background-image: url(image/about-side.svg);
    background-repeat: no-repeat;
    background-position: left;
    color: #231F20;
    background-color: #ffffff;
}    

.border-top-bottom-main{
    border-top: 10px solid var(--main-color);
    border-bottom: 10px solid var(--main-color);
}

#about button{
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    background:#231F20;
    border-radius: 10px;
    width: 163px;
    height: 44px;
    color: #F0FDF4;
    border: 0;
}


.point{
    background-color: var(--main-color);
    transform: rotate(45deg);
    margin-bottom: 14px;
    display: block;
    Height: 14px;
    Width: 14px;
}

.unselect-point{
    background: #B1101633;
}

#partner{
    border-top: 10px solid var(--main-color);
}

#banks{
    border-bottom: 10px solid var(--main-color);
}

.news{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 261px;
    max-width: 95%;
}

footer{
    border-top:  10px solid var(--main-color);
    color: #FFFFFF;
    background-color: var(--secondary-color);
    background-image: url(image/footer/bootom.svg), url(image/footer/top.svg);
    background-position: left bottom, right top;
    background-repeat: no-repeat, no-repeat;
}

#service_provide p.number{
    background-color: var(--secondary-color);
    transform: rotate(-45deg);   
    margin-bottom: 42px;
    height: 66.34px;
    width: 66.34px;
    color: #fff;
}

#service_provide p.number.actives{
    background-color: var(--main-color);
}

#service_provide p.number span{
    display: block;
    transform: rotate(45deg);   
}

.secondary-color{
    color: var(--secondary-color);
}

.main-color{
    color: var(--main-color);
}

.service_provide_card{
    border: 1px solid #231F20;
    border-radius: 50px;
    padding: 20px;
}

.team{
    background-position: center center;
    background-repeat: no-repeat;
}

.boss-img{
    background-image: url(image/boss.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 255.7px;
}

.video{
    background-image: url(image/video.png);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 558px;
    min-width: 100%;
}

#about{
    min-height: 635px;
}

dl, ol, ul{
    margin-bottom: 0px;
}

.slick-slider-dots {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.slick-slider-dots ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.slick-slider-dots ul li {
    margin: 0 4px;
}

.slick-slider-dots ul li button {
    background: #B1101633;
    transform: rotate(45deg);
    margin-bottom: 14px;
    display: block;
    Height: 14px;
    Width: 14px;
}

.slick-slider-dots ul li.slick-active button {
    background-color: var(--main-color);
}


.navbar-nav{
    text-align: right;
    padding-right: 0;
}

nav .active {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
  }
  
 nav .active::before {
    transform: translateX(-50%);
    border-radius: 100%;
    position: absolute;
    background: #fff;
    bottom: 8px;
    height: 6px;
    content: '';
    width: 6px;
    left: 50%;
  }

.notFound{
    min-height: 100vh;
    color: #FFFFFF;
    background-color: var(--secondary-color);
    background-image: url(image/footer/bootom.svg), url(image/footer/top.svg);
    background-position: left bottom, right top;
    background-repeat: no-repeat, no-repeat;
}

.notFound button{
    box-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
    background: #FFFFFF4D;
    border-radius: 10px;
    width: 163px;
    height: 44px;
    color: #F0FDF4;
    border: 0;
}

.bg-opacity{
    background-color: #dddddd45;
}

.transition{
    transition: all 4s linear 2s;
}

html {
    scroll-behavior: smooth;
  }

.carousel-indicators li{
	width: 20px;
    height: 20px;
    transform: rotate(45deg);
    margin-bottom: 10px;
	margin-right: 15px;
}

  

ul{
  list-style-type: none;
}

li{
	text-align: justify;
	position: relative;
}

li::marker {
	transform: rotate(90deg);
}

section ul li:before {
	position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #000;
    right: -20px;
    top: 8px;
    transform: rotate(45deg);
}