/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
    Theme name: BigCity Theme
*/

.bloghero {
    background-image: url(../assets/blogheromask.png);
    background-size: cover;
}

.blogerhero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.blogherotext {
    max-width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}

button {
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
  }
  

.blogheroimage {
    padding-right: 10%;
}

.joindreamteam {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-radius: 10px;
    border: 1px solid #E1E1E1;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(190, 195, 204, 0.20);
            box-shadow: 0px 3px 8px 0px rgba(190, 195, 204, 0.20);
    height: 100px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem 2rem 0.5rem 2rem;
    width: 80%;
    margin-left: 8.33%;
    position: relative;
    margin-bottom: -60px;
}

.joindreamteam a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 28px;
    border-radius: 30px;
    border: 1px solid #172C5D;
    color: #172C5D;
    width: 240px;

    /* h6/16/avenir/medium */
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    letter-spacing: 0.08px;
}

.dreamteamtext {
    color: #143F93;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.5px;
    padding-left: 1rem;
    border-left: 3px solid #ABC44A ;
}


/* test start */

.carousel-indicators {
    margin-top: 20px;
}

.dot {
    height: 15px;
    width: 15px;
    margin: 0 5px;
    background-color: #CFE4FF;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active {
    background-color: #2F89FC; /* Darker color for the active dot */
    width: 45px !important;
    border-radius: 12px;
}

/* test end */

.employeetestimonial {
    background: -o-linear-gradient(297deg, #4A2068 12.73%, #172C5D 119.34%);
    background: linear-gradient(153deg, #4A2068 12.73%, #172C5D 119.34%);
    padding-top: 120px;
    padding-bottom: 60px;
}

.employeetestimonial h1 {
    text-align: center;
    padding-bottom: 5rem;
}

.emptest {
    /* display: flex; */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 3rem;
}

.emptext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
}

.whatlookheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 5rem;
}

.attributecol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.attributerow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
}

.attribute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1rem;
    border-radius: 0px 20px 20px 20px;
    border: 1px solid #ECECEC;
    background: #FFF;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(190, 195, 204, 0.20);
            box-shadow: 0px 3px 8px 0px rgba(190, 195, 204, 0.20);
}

.attributetext{
    color: #000;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.unlockpotential {
    background: -o-linear-gradient(333deg, #172C5D 27.09%, #234492 88.59%);
    background: linear-gradient(117deg, #172C5D 27.09%, #234492 88.59%);
    padding-top: 80px;
    padding-bottom: 80px;
}

.unlockpotential h1, .potentialsubtext {
    text-align: center;
}

.potentialsubtext {
    margin-bottom: 40px;
    margin-top: 20px;
}

.potentialgrid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.potentialgrid div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.potential1, .potential2, .potential3, .potential4, .potential5, .potential6 {
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    width: 24%;
    height: 120px;
}

.p1, .p2, .p3, .p4, .p5, .p6 {
    display: none;
}

.potential1:hover, .potential2:hover, .potential3:hover, .potential4:hover, .potential5:hover, .potential6:hover {
    mix-blend-mode: hard-light;
}

.potential1:hover .p1, .potential2:hover .p2, .potential3:hover .p3, .potential4:hover .p4, .potential5:hover .p5, .potential6:hover .p6  {
    display: block;
}

.potential1 {
    background-image: url(../assets/potential1.png);
}

.potential2 {
    background-image: url(../assets/potential2.png);
}

.potential3 {
    background-image: url(../assets/potential3.png);
}

.potential4 {
    background-image: url(../assets/potential4.png);
}

.potential5 {
    background-image: url(../assets/potential5.png);
}

.potential6 {
    background-image: url(../assets/potential6.png);
}

/* careers page */
.cpotential1 {
    background-image: url(../assets/cpotential1.png) !important;
}

.cpotential2 {
    background-image: url(../assets/cpotential2.png) !important;
}

.cpotential3 {
    background-image: url(../assets/cpotential3.png) !important;
}

.cpotential4 {
    background-image: url(../assets/cpotential4.png) !important;
}

.cpotential5 {
    background-image: url(../assets/cpotential5.png) !important;
}

.cpotential6 {
    background-image: url(../assets/cpotential6.png)!important;
}

.potentialheader {
    text-shadow: 0px 2px 6px rgba(105, 144, 0, 0.50);
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 123.682%; /* 29.684px */
}

.openingheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.5rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.jobsection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 28px;
}

.indjob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: space-between; */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #D1D1D1;
    
}

.jobtitle{
    color: #17173A;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
    letter-spacing: 0.1px;
    min-width: 60%;
}

.joblocation {
    color: #17173A;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: 0.08px;
    min-width: 20%;
}

.applynow {
    visibility: hidden;
}

.indjob:hover {
    border: none;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

.indjob:hover .applynow {
    visibility: visible;
}

.jobsectionheader {
    color: #17173A;
    -webkit-font-feature-settings: 'clig' off, 'liga' off;
            font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px; /* 200% */
    letter-spacing: 0.5px;
}



@media screen and (max-width: 576px) {
    .blogherotext {
        text-align: center;
        max-width: 90%;
        margin-top: 12%;
    }

    .chronicles h1, .chronicles p, .makesectiontext h1, .makesectiontext p {
        text-align: center;
    }

    .blogerhero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .joindreamteam {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 240px;
        width: 70%;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .emptest {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .employeeimage {
        width: 25%;
    }

    .attributerow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .attribute {
        width: 80%;
    }
    
    .potential1, .potential2, .potential3, .potential4, .potential5, .potential6 {
        width: 60%;
    }

    .potential1 .p1, .potential2 .p2, .potential3 .p3, .potential4 .p4, .potential5 .p5, .potential6 .p6 {
        display: block;
    }

    .openingheader {
        text-align: center;
    }

    .joblocation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .indjob {
        display: block;
    }

    .applynow {
        display: none;
    }

}