@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Cursive:wght@400..700&display=swap');


header.tech-automation {

    ul {
        li {
            &:nth-of-type(3) {
                a {
                    background-color: #ffb535;
                    color: #151515;
                    padding: .5rem 1rem;
                    border-radius: .5rem;
                }
            }
        }
    }

}


section.banner.tech-automation {
    background: url(./images/9.jpg);
    background-position: bottom;

    .content {
        h1 {
            margin-bottom: .5rem;

            span {
                color: #ffb535;
            }
        }

        p {
            font-size: 15px;
            font-weight: 300;
            letter-spacing: .3rem;
            width: 100%;
            max-width: 50rem;
          margin: 0 auto 2rem auto !important;
            margin-bottom: 5rem;

            &:nth-of-type(1) {
                max-width: unset;
                margin-bottom: 1rem;
                font-size: 25px;
                font-weight: 500;
                text-transform: uppercase;
            }
        }
    }

}




section.chasing-bid {
    .content {
        h2 {
            text-align: center;
            width: 70%;
            margin: 0 auto;
            margin-bottom: 2rem !important;
            font-weight: 900;

            @media(max-width: 1024px) {

                br{
                    display: none;
                   
                }


                h2{
                    width: 100% !important;
                }
            }

            @media(max-width: 767px) {
                width: unset;
            }
        }

        p {
            text-align: center;
            font-size: 20px;
            font-weight: 300;
           
            width: 100%;
            max-width: 40rem;
            margin: 0 auto;
            margin-bottom: 3rem;

            



            &:nth-of-type(2) {
                margin-bottom: 0rem;
                font-size: 22px;

            }
        }

        .card-container {
            display: flex;
            gap: 4rem;
            margin-bottom: 2rem;

            @media(max-width: 1440px) {
                gap: 3rem;
            }

            @media(max-width: 1024px) {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }

            @media(max-width: 767px) {
                grid-template-columns: repeat(1, 1fr) !important;
            }


            .card {
                background-color: #f4f4f4;
                position: relative;
                border-radius: 1rem;
                padding: 2rem 1rem;

                @media(max-width: 1440px) {
                    padding: 1rem;

                }

                h3 {

                    font-size: 30px;
                    font-weight: 700;
                    text-align: center;
                    margin-bottom: 1rem;

                    @media(max-width: 1440px) {
                        font-size: 20px;

                    }

                    @media(max-width: 767px) {
                        font-size: 20px;
                    }
                }

                p {
                    margin-bottom: 0rem;

                    @media(max-width: 1440px) {
                        font-size: 12px;

                    }
                }

                &::after {
                    position: absolute;
                    content: "";
                    height: 100%;
                    width: 100%;
                    top: 0px;
                    left: 0px;
                    z-index: -1;
                    background-color: #ffb535;
                    margin-left: 1rem;
                    margin-top: 1rem;
                    border-radius: 1rem;
                }
            }

        }
    }
}


.merline-replaces {
    .content {
        h2 {
            text-align: center;
            font-size: 3rem;
                   margin-bottom: 2rem;

            @media(max-width: 1440px){
                font-size: 35px;
            }

            span {
                color: #ffb535;
                              font-size: 1.3rem;
                b{
                    font-size: 1.2rem;
                }
            }
        }

        .row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 5rem;
            @media(max-width: 1440px){
               align-items: start;
            }

            @media(max-width: 767px){
                flex-direction: column;
                gap: 1rem;
            }

            ul {

                p {
                    font-size: 35px;
                    font-weight: 900;
                    margin-bottom: 1rem !important;
                    margin-left: 6rem;

                    @media(max-width: 1440px){
                        font-size: 20px;
                    }
                }

                li {
                    list-style: none;
                    font-size: 25px;
                    margin-bottom: 3rem;
                    position: relative;
                    width: 70%;
                    margin-left: 0rem;

                    @media(max-width: 1440px){
                        font-size: 20px;
                    }

                    @media(max-width: 767px) {
                        font-size: 18px;
                        width: unset;
                    }

span{
    font-size: 1rem;
                    b {
                        font-weight: 600;
                        font-size: 1.2rem;
                    }
                }
                    &::before {
                        content: "\f00c";
                        position: absolute;
                        font-size: 50px;
                        color: #ffb535;
                        font-family: "Font Awesome 6 Free";
                        /* Correct spelling */
                        font-weight: 900;
                        /* Solid style */
                        display: inline-block;
                        margin-left: -4rem;
                        /* Space after icon */
                    }
                }
            }

            .card {
                background-color: #ffb535;
                height: 100%;
                padding: 2rem;
                border-radius: 1rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 3rem;
                width: 70%;

                @media(max-width: 1440px){
                    gap: 1rem;
                }

                @media(max-width: 767px){
                    width: unset;
                }

                h3 {
                    font-size: 40px;
                    text-align: center;
                    font-family: "Edu NSW ACT Cursive", cursive;
                    line-height: 60px;

                    @media(max-width: 1440px){
                        font-size: 20px;
                        line-height: normal;
                    }

                    @media(max-width: 767px) {
                        font-size: 20px;
                        line-height: normal;
                    }
                }

                .image {
                    height: 8rem;

                    @media(max-width: 1440px){
                        height: 5rem;
                       
                    }

                    @media(max-width: 767px) {
                        height: 5rem;
                    }

                    svg {
                        height: 100%;
                    }
                }

                .content {
                    background-color: #fff;
                    padding: 2rem;
                    border-radius: 1rem;
                    text-align: center;

                    @media(max-width: 1440px){
                      padding: 1rem;
                    }

                    h4 {
                        font-weight: 900;
                        font-size: 20px;
                        margin-bottom: 1rem;

                        @media(max-width: 1440px){
                            font-size: 18px;
                        }
                    }

                    p {
                        font-weight: 300;

                        @media(max-width: 1440px){
                          font-size: 16px;
                        }
                    }
                }
            }
        }


    }

}


section.testimonial.tech-automation {
    .content {
        h2 {
            text-align: center;
            margin-bottom: 2rem;
            font-size: 50px;
            @media(max-width: 1024px){
                font-size: 35px;
            }
        }

        .slider2 {

            .item {
                background-color: #fff;
                border: 3px solid #000;
                border-radius: 1rem;
                padding: 2rem;
                width: 100%;

                @media(max-width: 1440px){
                  padding: 1rem;
                }

                .avatar {
                    display: flex;
                    gap: 1rem;
                    align-items: center;
                    margin-bottom: 1rem;

                    .image {
                        width: 5rem;
                        height: 5rem;
                        border-radius: 50%;
                    }

                    h3 {
                        font-weight: 700;
                        font-size: 25px;
                        @media(max-width: 1440px){
                            font-size: 12px;
                        }

                    }



                }

                p {
                    font-style: italic !important;
                    margin-bottom: 3rem;
                    font-size: 25px;
                    font-weight: 300;
                    @media(max-width: 1440px){
                        font-size: 12px;
                    }
                }

                .star-container {
                    display: flex;
                    justify-content: center;

                    i {
                        color: #ffb535;
                        font-size: 25px;
                    }
                }


            }

            .owl-item {
                display: flex;
            }

            .owl-stage {
                display: flex;
            }

            .owl-dots {
                margin-top: 5rem;
            }
        }
    }
}



section.getting-started {
    background-color: #e7e7e7;

    .content {
        h2 {
            text-align: center;
            width: 70%;
            margin: 0 auto;
            margin-bottom: 5rem;
            font-size: 50px;


            @media(max-width: 1440px){
                width: unset;
            }

            @media(max-width: 1440px){
                font-size: 35px;
            }

            span {
                color: #ffb535;
            }
        }

        p {
            font-size:1.3rem;
            text-align: center;
           
            font-weight: 300;
        }
.text{
    margin-top:2rem !important;
}
        .card-container {
            display: flex;

            gap: 3rem;

            @media(max-width: 1440px){
                gap: 2rem;
            }



            .card {
                display: flex;
                flex-direction: column;
                justify-content:flex-start;
                align-items: center;
                text-align: center;

                h3 {
                    margin-bottom: 2rem;
                    font-weight: 700;
                    font-size: 16px ;

                    @media(max-width: 1440px){
                        margin-bottom: 0rem;
                    }
                }

                p {
                    margin-top: 0rem;
                    font-size: 14px ;

                    &:nth-of-type(1) {
                        background-color: #151515;
                        display: inline-block;
                        color: #fff;
                        padding: 1rem 1.4rem;
                        border-radius: 50%;
                        width: fit-content;
                        margin-bottom: 1.5rem;
                    }

                    &:nth-of-type(2) {
                        font-weight: 300;
                        font-size: 20px;
                        text-align: center;
                    }
                }


            }
        }
    }
}



section.choose-brotara {
    .content {
        h2 {
            font-size: 50px;
            font-weight: 900;
            width: 80%;
            margin: 0 auto;
            margin-bottom: 2rem;
            text-align: center;

            @media(max-width: 767px) {
                width: unset;
            }

            @media(max-width: 1024px){
                font-size: 35px;
            }

            span {
                color: #ffb535;
            }
        }

        .listing-con {
            width: 70%;
            margin: 0 auto;

            @media(max-width: 1440px) {
                width: 60%;
            }

            @media(max-width: 767px) {
                width: unset;
            }

            .list {
                display: flex;
                align-items: center;
                gap: 2rem;
                margin-bottom: 2rem;

                .image {
                    height: 4rem;
                    @media(max-width: 1440px) {
                        height: 3rem;
                    }

                    svg {
                        height: 100%;
                        width: 100%;
                    }
                }

                p {
                    font-size: 1.2rem;
                    font-weight: 300;

                    @media(max-width: 1440px) {
                        font-size: 1rem;
                    }

                    b {
                    
                        font-weight: 600;
                           font-size: 1.4rem;
                    }
                        @media(max-width:1440px){
                            
                    b {
                        font-size: 1.2rem;
                        font-weight: 600;
                          
                        }
                    }
                }
                        @media(max-width:1440px){
                            
                  p {
                                        font-size: 1rem;
                        
                          
                        }
                    }
            }
        }
    }

}



section.explore.tech-automation {
    .content {

        h2{
            font-size: 34px;
            margin-bottom: 1rem !important;
            @media(max-width: 1440px) {
                
            }
        }

        p{
            font-size: 15px;
        }

        .cta-con {
            display: flex;
            gap: 3rem;
            justify-content: center;

            @media(max-width: 767px) {
                flex-wrap: wrap;
                gap: 1rem;
            }

            .cta {
                &:nth-of-type(1) {
                    background-color: #ffb535;
                    color: #393434;
                }

                &:nth-of-type(2){
                    background-color: #fff;
                  color: #393434;
                }
            }
        }
    }
}





@media(max-width: 767px) {
    section.getting-started {
        .content {
            .card-container {
                flex-direction: column;
                gap: 1rem;
            }
        }
    }
}