/* Internal styles extracted from Review/Main_Review_All.blade.php */

/* CSS Block 1 */
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    padding: 0;
    margin: 0;
    font-family: 'Montserrat';
}


/*---------------button hover effect--------------*/

/*---------------End button hover effect--------------*/

h1.text-center {
    background-color: #fff;
    border-radius: 51px;
    width: 94px;
    margin: auto;
    border: solid 5px #001d58;
    padding: 15px;
    color: #fff;
    position: relative;
    top: 43px;

}
.sec-2.pt-5 h5{
    font-size: 22px;
}
.row.mt-5.mb-5 {
    display: flex;
    justify-content: space-around;
    padding: 0px 30px;
}

p.fw-light.text-center.text-white,
.four-box-sec.mt-5.mb-5 p {
    font-size: 20px;
}

button.btn.fw-light.text-white a {
    text-decoration: none;
    color: white;
    font-weight: 500;
}


.sec-2.pt-5 {
    background-color: #001d58;
  /*  border-top: 4px solid #C1D6FF;
  height: 280px;*/
    padding-left: 20px;
    padding-right: 20px;
    
    text-align: center;
}


    .four-box-sec .first-box, .fourth-box{
        background: #001D58;
        color: #fff;
        padding: 40px;
        width: 600px !important;
        border-top: 5px solid #C1D6FF;
    }
    .four-box-sec .second-box, .third-box{
        background: #C1D6FF;

        color: #001D58;
        padding: 40px;
        width: 600px !important;
        height: 323px;
        border-top: 5px solid #001D58;
    }
   .Third-box {
    background: url(images/How-do-reviews-work.webp);
    width: 100%;
    height: 240px;
    display: flex
;
    align-items: center;
    background-size: 100%;
    background-repeat: no-repeat;
    justify-content: center;
}
    .four-box-sec .row{
        gap: 40px;
    }
    section.four-box-sec p {
        font-size: 18px;
        font-family: 'Montserrat';
    }

    .Skilled-Professionals-sec .row {
        gap: 0px;
    }
    .Skilled-Professionals-sec h2 {
        font-family: 'Montserrat';
        font-size: 40px;
        font-weight: 400;
        line-height: 44px;
            color: #001D58;
    }
    .Skilled-Professionals-sec h4 {
        font-family: 'Montserrat';
        font-size: 22px;
        font-weight: 600;

    }

.col-md-7.pt-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8%;
}

    .col-md-10 {
        flex: 0 0 auto;
        width: 85.333333%;
            margin: auto;
    }


    section.Skilled-Professionals-sec p {
        font-size: 18px;
        font-family: 'Montserrat';
        font-weight: 300;
    }
    section.Go-to-the-Sign-sec .row {
        align-items: center;
    }
    section.Go-to-the-Sign-sec h2 {
        font-size: 45px;
        font-weight: 400;
        font-family: 'Montserrat';
        color: #001D58;
    }
    section.Go-to-the-Sign-sec p {
        font-size: 18px;
        font-weight: 300;
        font-family: 'Montserrat';
        color: #001D58;
        padding-right: 110px;
    }

.col-md-5.first-box {
    background-color: #001D58;
    border-radius: 4px;
}

.col-md-5.second-box{
    background-color: #EEF4FF;
     border-radius: 4px;
}

.col-md-5.Five-box {
    background-color    : #001D58;
}

.col-md-5.four-box {
    background-color: #EEF4FF;
}


p.fw-semibold.text-white img {
    margin-right: 10px;
}

.row.mx-auto {
    justify-content: center;
    column-gap: 30px;
}


.col-md-5 {
    padding-right: 0;
}

    @media only screen and (max-width: 767px) {
        .banner-sec {
        height: 200px;
        background-size: 100% 100%;
    }
        .Skilled-Professionals-sec h4 {
        width: unset;
        font-size: 18px;
    }
        .Skilled-Professionals-sec h2 {
        font-size: 25px;
        line-height: 28px;
    }
        section.Go-to-the-Sign-sec h2 {
        font-size: 25px;
        margin-top: 30px;
    }
        section.Go-to-the-Sign-sec p {
        padding-right: 10px;
    }
    .four-box-sec .second-box, .third-box{
        height: unset;
    }
}


@media (min-width: 350px) and (max-width: 430px) {
  .sec-2.pt-5 {
    height: 335px;
}

    h1.text-center {
    width: 88px;
}

    section.banner-sec h2 {
    margin-top: 70px;
}
h1.text-center {
    margin-left: 35%;

}
}

@media (min-width: 768px) and (max-width: 1000px) {
    .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .banner-sec {
    height: 280px;
}

    h1.text-center {
        margin-left: 28%;
    }

    .sec-2.pt-5 {
    height: 415px;
}

    .Third-box {
    height: 130px;
}
}

.four-box-sec.mt-5.mb-5 {
    padding-top: 70px;
}

button.btn.fw-light.text-white {
    background-color: #00f19c;
   /* margin-left: 37%;*/
}


button.btn1.fw-medium.text-white {
    background-color: #00f19c;
    border: none;
    padding: 12px 25px;
    font-size: 24px;
    border-radius: 6px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


button.btn.fw-light.text-white a {
    text-decoration: none;
    color: white;
}
.Main-id-0{
    margin-bottom: 20px;
}


.Main-id-0 {
    padding-bottom: 20px;
}
@media (max-width: 767px) {
    .sec-2.pt-5 {
        height: auto;
    }
}