body{
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 14px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	float: left;
}
a {
	color: #78b744;
}
.btn-cstm {
	background: #78b744;
	color: #fff;
	font-weight: 500;
}
.btn-cstm:hover {
	background: #679f39;
}
.app-link img {
	height: 39px;
	margin-right: 8px;
	cursor: pointer;
}
.login-form {
	background: #f5f5f5;
    padding: 42px 28px 0px 28px
}
.header {
	border-bottom: 1px solid #e3e3e3;
	padding: 10px 0;
}

.login-form form {
    margin-top:130px;
	margin-bottom:0px;
}

.form--inner {
    width: 100%;
    max-width: 370px;
    margin: auto;
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #e0e1e0;
    border-radius: 6px;
}

.cp--right {
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
    color: #767070;
}

.form-control {
    box-shadow: none!important;
}


.form--inner label {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    color: #72757c;
    font-weight: 500;
}

.flex-card {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    margin: auto;
}

.flex-card .support-card:last-of-type {
    margin-right: 0;
}

.sp--title {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    margin-top:15px;
    margin-bottom: 16px;
    font-weight: 600;
}

.support-card {
    display: flex;
    align-items: center;
    color: #3c3838;
    margin-right: 24px;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    padding: 10px;
    border: 1px solid #e0e1e0;
    border-radius: 6px;
}

.card-icon {
    margin-right: 10px;
}

.app-link img:last-of-type {
    margin-right: 0;
}






p {
	font-weight: 500;
}
.logo-left {
	display: inline-block;
}
.logo-name {
	display: inline-block;
	margin-left: 12px;
	text-align: left;
	vertical-align: middle;
}
.logo-name h2 {
	font-weight: bold;
	margin: 0px;
	color: #0099ff;
	word-wrap: break-word;
	font-size:16px;
}
.logo-name h4 {
	margin: 0px;
	font-size: 13px;
	word-wrap: break-word;
}
.app {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	width: 48%;
	padding: 16px;
	float: left;
	border-radius: 7px;
	border: 1px solid #e6e6e6;
}

.brand {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

::placeholder{
	font-size:12px;
	font-weight:500;
}

.login-form select {
    font-size: 12px!important;
	cursor: pointer;
}



.login-form form h3{
    font-size: 20px;
}

.heading--3 {
    font-size:16px;
	margin-top: 15px;
	margin-bottom: 16px;
}


.login-form button {
    font-size: 15px!important;
    height:48px;
    box-shadow: none!important;
}



#carouselExampleIndicators .carousel-item img {
    height: calc(75vh + 120px);
    object-fit: cover;
    object-position: left;
}





.brand h4 {
    margin-top: 5px;
    color: #726d6d;
}



.app  h5 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.app img {
	width: 85px;
	margin-bottom: 13px;
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .9s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px;
	text-indent: -999px;
	cursor: pointer;
	/* background-color: #000\9; */
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	background-color: #fff;
}

.form-control{
    font-size: 14px;
}

.login-form select, .form-control {
    height: 42px;
    box-shadow: 0px 0px 2px rgb(0 0 0 / 12%) inset!important;
}


.col-lg-5.text-center.p-0 p {
    font-size: 13px;
}


@media only screen and (max-width:768px){
    .card-row {
        display: flex;
        flex-direction: column;
        flex-basis: fit-content;
    }

    .flex-card{
        padding-left: 15px;
        flex-direction: column;
    }

    .support-card {
        min-width: 250px;
        text-align: center;
        justify-content: center;
        margin: 0;
    }

    .support-card:first-of-type{
        margin-bottom:10px;
    }

    .app-link img {
        height:32px;
    }
    
    .app-link img:last-of-type {
        margin-right: 0;
    }

    .card-row .login-form {
        order: 1;
        padding:15px;
    }

    .card-row .col-lg-8.p-0 {
        order: 2;
    }

    .login-form form {
        margin-top: 34px;
    }
    #carouselExampleIndicators .carousel-item img {
        height: calc(15vh + 120px);
    }
    .col-lg-5.text-center.p-0 p {
        padding: 0px 20px;
        font-size: 13px;
    margin-bottom: 14px;
    display: block;
    }

    .app-link {
        margin-bottom: 30px;
        margin-top: 25px;
    }

    .login-form form .row .col-md-6:first-of-type {
        margin-bottom: 13px;
    }

    .form--inner label{
        font-size: 12px;
    }

    .form-group {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .login-form form{
        margin-top: 0;
    }
}


@media only screen and (min-width:1280px) and (max-width: 1660px){
    .login-form form {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .login-form select, .form-control {
        height: 32px;
        box-shadow: 0px 0px 2px rgb(0 0 0 / 12%) inset!important;
    }

    .login-form button {
        font-size: 15px!important;
        height: 38px;
        box-shadow: none!important;
    }

    .login-form{
        padding-top:15px
    }

    .app-link img {
        height: 24px;
    }
    
    #carouselExampleIndicators .carousel-item img {
        height: calc(62vh + 120px);
    }

    .col-lg-5.text-center.p-0 p {
        font-size: 13px;
        padding: 0px 34px;
    }


}