/* ----------------------------------------------------
@File: Custom Styles
@Author: Michael Appiah

Table of Content:

00/Reset 

=====================================================================*/
:root {
    --saas-gray-dark: #0f172a;
    --saas-gray: #475569;
    --saas-purple:  rgba(128, 0, 128, 0.8); 
    --saas-blue: #0476D0;
    --saas-Be-Vietnam-Pro: "Be Vietnam Pro", sans-serif;
    --saas-Plus-Jakarta-Sans: "Plus Jakarta Sans", sans-serif;
    --saas-Lexend: "Lexend", sans-serif;
    --saas-Inter: "Inter", sans-serif;
    --shadow: -1px 3px 8px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.5);
  }

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

/**========== Utils ============*/
.grid-col-2 {
    display:grid;
    grid-template-columns:repeat(2,1fr);
}

.grid-col-3 {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
}
.grid-col-single {
    grid-template-columns:1fr;
    gap:1.5vw;
}
.box-shadow {
    box-shadow: var(--shadow);
}
.flex-horizontal-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-start {
    justify-content:start;
}
.flex-end {
    justify-content:end;
}
.flex-vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.c-purple {
    color:var(--bg-purple) !important;
}
.c-white {
    color:white;
}
.c-blue {
    color:#1a5680;
}
.bc-blue {
    background: var(--color-blue) !important;
}
.bc-purple {
    background: var(--bg-purple) !important;
}
.t-align {
    text-align:left;
    white-space: normal;
}
.btn-br {
    border-radius:10px;
}
.br-10 {
    border-radius: 10px;
}
.container-fluid {
    min-height:110vh;
}
/* img {
    height: 90px;
    width: 90px;
    margin-top:2vw;
} */
li {
    font-size:1.3rem;
}
video {
    width:100%;
}

#image {
    width:100%;
    height: auto;
    margin:0px;
}
p {
    margin:20px;
}
.margin-lbt-20 {
    margin:20px 0 40px 20px;
}
.margin-b {
    margin-bottom:50px;
}
.no-margin-l {
    margin-left:0px !important;
}
.margin-top {
    margin-top:20px;
}
#bold {
    font-weight: 600;
}
/**========== Saas_banner_area ============*/
.saas_banner_area {
    padding-top:80px !important;
    min-height: fit-content;
}
.saas_banner_area::before {
    background: none;
}
.video_container {
    position:relative;
}
.video_container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(128, 0, 128, 0.4);
    pointer-events: none;
    clip-path: polygon(50% 0%, 75.2% 50%, 50.4% 100%, 0% 100%, 0% 0%);
}
.saas_banner_area .container {
    margin-top:16vw;
    margin-left:20vw;
    position:absolute;
    top:0;
    width:30%;
}
.saas_banner_content h1, .saas_banner_content p {
    color:white;
}
.mission-purpose {
    margin-top:50px;
}

.title-animation {
    color: var(--saas-purple);
}
.mission-purpose h1 {
    font-weight:200;
    font-size:3rem;
    color:var(--saas-purple);
}
/**========== Saas_features_area ============*/
.section_title {
    margin-bottom: 120px;
}
.saas_features_img{
    background: none;
    background-color: var(--saas-purple) !important;
    display: flex;
    align-items: end !important;
}
.saas_features_img_white {
    background: white !important;
    display: flex;
    align-items: end !important;
}
.saas_features_img img {
    width: 110%;
    margin:0px;
}
.saas_features_area {
    position:relative;
}
.two-overlay {
    z-index:-1000;
    position:absolute;
    left:0;
    min-height:700px;
    /* width:; */
    background: var(--saas-blue);
}
.ione h6, .one h2, .one p, .one li {
    color:white;
}
/**========== Core Values ============*/
.core-header {
    margin:20px 0 20px 0;
}
.cores {
    gap:10rem 1rem;
    padding:50px 0 50px 0;
}
.core-inner-container {
    min-height: 100%;
    width: 80%;
    background:white;
}
.img-container {
    height: 40%;
    width: 100%;
    padding-top:50px 0 30px 0;
}
.img-container img{
    height:60px;
    width: 60px;

}
.core-inner-container {
    box-shadow:var(--shadow);
    padding:20px;
    border-radius:20px;
    width: 100%;
}
/**========== Saas_features_area ============*/
.testimonial_area_one {
    padding-top:50px;
    height:120vh;
    background: none;
}
.item {
    padding:0px 0px 5px !important;
    display:flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:var(--shadow) !important;
}
.item img {
    width:70%;
}

/* ? Btn Custom */
.btn-custom {
    background:white;
    color:var(--saas-purple) !important;
    border:2px solid var(--saas-purple) !important;
    box-shadow: none;
}
.btn-custom:hover {
    background-color: var(--saas-purple) !important;
    color:white !important;
}

.btn_text span::after {
    content: " \2192";
    margin-left: 8px;
  }
.btn-custom-nav {
    color: white !important;
    background: var(--saas-purple) !important;
    border:none !important;
}
.btn-custom-2 {
    color:var(--saas-blue);
    background: white;
}
.btn-custom-2:hover {
    box-sizing: border-box;
    color:white;
    background:var(--saas-blue);

}