/* home page */
.landingPicture
{
    height: 110%;
    background-image: url("../Assets/Images/Home/landingBgSugestions/1/siva\ pc_medium_compressed.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 55%;
    /* background-position: 65% center; */
    /* background-position: center -220px; */
    /* background-attachment: fixed; */
    /* background-position: center; */
}

/* .light-low-opacity-bg
{
    background-color: rgba(255, 255, 255, 0.9);
} */

.light-cover
{
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0; bottom: 0; left: 0; right: 0;
}

.dark-cover
{
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0; bottom: 0; left: 0; right: 0;
}

.text-size-15 { font-size: 15px; }
.text-size-20 { font-size: 20px; }
.text-size-25 { font-size: 25px; }
.text-size-30 { font-size: 30px; }
.text-size-35 { font-size: 35px; }
.text-size-40 { font-size: 40px; } /* only this is used */
.text-size-45 { font-size: 45px; }

.step-card-icon
{
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: -60px auto 0 auto;
}

.step-card-bookmarker
{
    margin-left: -6.5%; 
    border-radius: 0 100px 100px 0; 
    width: 20%;
}

#firstSteps
{
    position: relative;
    transition: all 0.5s ease-out;
}



#workMethodImg
{
    position: relative;
    background-image: url('../Assets/Images/Home/workMethodBg_hard_Compressed.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
    height: 25%;
 

    /*
        overflow: hidden; // added for pseudo-element
        position: relative; // added for pseudo-element
        
        // Fixed-position background image
        &::before {
            content: ' ';
            position: fixed; // instead of background-attachment
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: white;
            background: url('/img/front/strategy.jpg') no-repeat center center;
            background-size: cover;
            will-change: transform; // creates a new paint layer
            z-index: -1;
        }
    
    */
}




#workMethodTitle
{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* font-size: 45px; */
    color: white;
}

#workMethodCardImg1
{
    height: 200px;
    background-image: url('../Assets/Images/Home/workMethodCard1_small_compressed.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

#workMethodCardImg2
{
    height: 200px;
    background-image: url('../Assets/Images/Home/workMethodCard2_2_small_compressed.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#workMethodCardImg3
{
    height: 200px;
    background-image: url('../Assets/Images/Home/workMethodCard3_small_compressed.jpg');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

#workMethodCardImg4
{
    height: 200px;
    background-image: url('../Assets/Images/Home/workMethodCard4_small_compressed.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

#workMethodCardImg5
{
    height: 200px;
    background-image: url('../Assets/Images/Home/workMethodCard5_small_compressed.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

#carouselBgImg
{
    position: relative;
    background-image: url('../Assets/Images/Home/carouselBgDesktop_hard_Compressed.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    /* background-attachment: fixed; */
    /* height: 80% !important; */
    height: fit-content !important;
}

.carouselQuotesCircle
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100px; 
    border-radius: 100%; 
    padding: 15px; 
    background-color: white;
    position: absolute;
    top: -30px;
    left: -20px;
    width: 70px;
    
}

.carousel-inner
{
    height: 570px; /* prev. value: 510px */
}

.reviewOuterCard
{
    height: 100%; /* prev. value: 85% */
}



@media (max-width: 992px)
{
    .landingPicture
    {
        background-image: url('../Assets/Images/Home/landingBgSugestions/1/siva_light\ mob_medium_compressed.jpg');
        background-position: 30% top;
        /* background-position: 100% 100%; */
    }

}

@media (max-width: 1200px) 
{
    .landingPicture
    {
        height: 90%;
    }

    #workMethodImg
    {
        background-attachment: scroll;
    }

    #carouselBgImg
    {
        background-image: url('../Assets/Images/Home/carouselBgMobile_hard_Compressed.jpg');
    }

    .carouselQuotesCircle
    {
        width: 50px;
        padding: 12px;
        top: -20px;
        left: -15px;
    }

    .reviewText
    {
        font-size: small !important;
    }
}

@media (max-width: 364px) 
{
    .carousel-inner
    {
        height: 650px; /* prev. value: 510px */
    }
}

@media (max-width: 300px) 
{
    .reviewText
    {
        font-size: x-small !important;
    }    
}


/* scroll style */

#firstSectionScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

#firstStepsScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

#workMethodScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

#carouselScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}