/***font family***/
@font-face{
    font-family: Poppin;
    src: url(./../font/Poppins/Poppins-Regular.ttf);
    font-weight: normal;
    font-style: normal;
}
/*----------------------- public style */
body{
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
    font-family: Poppin;
}
/* border */
.border-header{
    width: 50px;
    height: 1px;
    background-image: linear-gradient(#FFFFFF 0%,#FFFFFF 100%,#FFFFFF 0%);
}
/* color */
.color-white{
    color:#FAFAFA;
}
.color-blue{
    color: #2E8EFF;
}
.text-gray{
    color: #555555;
}
.bg-gray{
    background-color: #F0F0F0;
}
.box-1{
    border: 1px solid #2E8EFF;
}
.bg-blue{
    background-color: #2E8EFF;
}
.color-gray{
    color: #898989;
}
/* button */
.btn-blue{
    background-color: #2E8EFF;
}
.btn-blue:hover{
    background-color: #105ab1;
    border-color: transparent;
}
.btn-outline-blue{
    background-color: transparent;
    border-color: #2E8EFF;
}
.btn-outline-blue:hover{
    background-color: #2E8EFF;
    border-color: transparent;
    color: white !important;
}
/* list */
.list-group-none{
    list-style-type: none;
}
/* width */
.w-20{
    width: 20%;
}
.w-15{
    width: 15%;
}
/* font size */
.fs-14{
    font-size: 14px;
}
.fs-13{
    font-size: 13px;
}
.fs-10{
    font-size: 10px;
}
/* slider */
.slick-dots li{
    width: 6px;
}
/* slider dots */
.slick-dots li.slick-active button:before{
    opacity: unset;
    content: url(./../img/Rectangle\ 29.png);
}
.slick-dots li button:before{
    opacity: unset;
    color: #BFD8D7;
}
/* cards */
.bg-card{
    background-color: #EBEBEB;
}

.fw-bold{
    line-height:36px!important;
}

.card .card-img-top
{
    height:60px!important;
    width:100%!important;
    object-fit:contain!important;
    position:center!important;
}

/* -------- navbar menu */
.nav-link:hover{
    color: #d1cccc !important;
}
.navbar-toggler{
    border: none;
}
/* ---------- header */
.bg-header{
    background-image: linear-gradient(to bottom right,#ABABAB,#014C4B,#014746,#012D2C,#001919,#000B0B,#000202,#000000);
}
/* ---------- slider logo */
.slider-logo{
    direction: ltr;
}
.bg-slider-logo{
    background-color: #EBEBEB;
}



.slider-logo .slick-dots{
    bottom: 10px;
}
.slider-logo .slick-list {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
/* ---------- part video and form */
.bg-form{
    background-color: #EBEBEB;
}
.nav-pills .nav-link.active{
    color: white !important;
    background-color: #2E8EFF;
}
.tab-pane input::placeholder{
    font-size: .75rem;
}
.btn-form:hover{
    color: unset !important;
}
/* ---------- part off banner */
.bg-banner-off{
    background-image: url(./../img/Mask\ group\ 1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}
.holder>div>p{
    font-size: 7.5rem;
}
.holder>div>span{
    margin-bottom: 2.5rem;
}
/* --------- slider */
.bg-slide-card{
    background-color: #EBEBEB;
}
.slider-trust-building{
    direction: rtl;
}
.slick-slide{
    margin-right: 10px;
    margin-left: 10px;
}
.date{
    color: #BEBEBE;
}
.slider-trust-building .slick-dots{
    bottom: -40px;
}
/* -------------- footer */
.bg-footer{
    background-color: #262626;
}
.footer-copyright{
    background-color: #1B1B1B;
}
.Relationship ul li a:hover, .links ul li a:hover{
    color: #FAFAFA;
}
.links ul li a:hover, .Relationship ul li a:hover{
    color: #d1cccc;
}
.Relationship-icon{
    width: 20px;
    height: 18px;
    margin-top: .25rem;
}
/* -------------- media query for max width 992 px */
@media screen and (max-width: 992px){
    .navbar-toggler:focus{
        box-shadow: none;
    }
    .navbar-collapse.show {
        top: 0;
        -webkit-transition: left 0.3s linear 0s;
        -moz-transition: left 0.3s linear 0s;
        -ms-transition: left 0.3s linear 0s;
        -o-transition: left 0.3s linear 0s;
        transition: left 0.3s linear 0s;
    }
    .navbar-collapse {
        background: linear-gradient(148deg,#ABABAB,#014C4B,#014746,#012D2C,#001919,#000B0B,#000202,#000000);
        width: 250px;
        left: 0;
        position: fixed;
        top: 0;
        height: 100vh;
        z-index: 4;
        -webkit-transition: left 0.3s linear 0s;
        -moz-transition: left 0.3s linear 0s;
        -ms-transition: left 0.3s linear 0s;
        -o-transition: left 0.3s linear 0s;
        transition: left 0.3s linear 0s;
    }
    .close-collapse{
        width: 12px;
    }
    .close-collapse svg{
        fill: white;
    }
    .navbar-toggler svg{
        width: 20px;
        fill: white;
    }
    .navbar-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgb(247 246 246 / 29%);
        top: 0;
        left: 0;
        display: none;
        z-index: 1;
    }
}
/* -------------- media query for max width 576 px */
@media (max-width: 575.98px) { 
    .img-icon-card{
        width: 25% !important;
    }
}
/* -------------------------------------------- About Us */
.bg-header-logo{
    background-image: url(./../img/Group\ 4490.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

.img-icon-card{
    width: 15%;
}
/* ----------------------------------------- Cashnet Business */
.bg-part-mobile{
    background-color: #d1d0d0;
}