/*=========================================
        TESTIMONIAL PAGE HEADER
=========================================*/

.page-header-section{
    position:relative;
    width:100%;
    height:460px;
   background:url("../home3_image/temp/4.jpg") center center/cover no-repeat;
    overflow:hidden;
}

.page-header-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.58);
}

.page-header-wrapper{
    position:relative;
    z-index:2;
    width:90%;
    max-width:1320px;
    height:100%;
    margin:auto;
    display:flex;
    align-items:center;
}

.page-header-content{
    max-width:700px;
}

.page-header-title{
    font-size:46px;
    font-weight:800;
    color:#fff;
    line-height:1.1;
    margin-bottom:28px;
}

.page-header-breadcrumb{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.page-header-link,
.page-header-separator,
.page-header-current{
    color:#fff;
    font-size:26px;
    font-weight:600;
    text-decoration:none;
    transition:.35s;
}

.page-header-link:hover{
    color:#ff6b1a;
}


/*=========================================
       Responsive
=========================================*/



/*=========================================
            TABLET
=========================================*/

@media (max-width:992px){

.page-header-section{
    height:350px;
}

.page-header-wrapper{
    width:92%;
}

.page-header-title{
    font-size:46px;
    margin-bottom:18px;
}

.page-header-link,
.page-header-separator,
.page-header-current{
    font-size:20px;
}

}


/*=========================================
            MOBILE
=========================================*/

@media (max-width:768px){

.page-header-section{
    height:300px;
    background-position:center;
}

.page-header-wrapper{
    justify-content:center;
    text-align:center;
}

.page-header-content{
    width:100%;
}

.page-header-title{
    font-size:36px;
    margin-bottom:15px;
}

.page-header-breadcrumb{
    justify-content:center;
    gap:8px;
}

.page-header-link,
.page-header-separator,
.page-header-current{
    font-size:17px;
}

}


/*=========================================
        SMALL MOBILE
=========================================*/

@media (max-width:576px){

.page-header-section{
    height:250px;
}

.page-header-title{
    font-size:30px;
    line-height:1.2;
}

.page-header-link,
.page-header-separator,
.page-header-current{
    font-size:15px;
}

}


/*=========================================
        EXTRA SMALL MOBILE
=========================================*/

@media (max-width:400px){

.page-header-section{
    height:220px;
}

.page-header-title{
    font-size:26px;
}

.page-header-link,
.page-header-separator,
.page-header-current{
    font-size:14px;
}

}

/*===============================
      TESTIMONIAL
================================*/

.testimonial-section{
    padding:60px 0;
    background:#fff;
}

.testimonial-container{
    width:90%;
    max-width:1320px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.testimonial-card{

    background:#f8f8f8;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    transition:.45s;
    overflow:hidden;

    min-height:450px;
}

.testimonial-card:hover{

    transform:translateY(-12px);
    box-shadow:0 25px 70px rgba(0,0,0,.12);

}

.testimonial-rating{

    color:#ff7a00;
    font-size:28px;

    letter-spacing:4px;

    padding:35px 35px 15px;

}

.testimonial-text{

    padding:0 35px;

    color:#202020;

    font-size:18px;

    line-height:1.9;

    font-weight:400;

    flex:1;

}

.testimonial-user{

    background:#000;

    display:flex;

    align-items:center;

    gap:18px;

    padding:22px 35px;

}

.testimonial-user img{

    width:66px;
    height:66px;

    border-radius:50%;

    object-fit:cover;

}

.testimonial-user h4{

    color:#ff6b00;

    font-size:22px;

    margin-bottom:8px;

    font-weight:600;

}

.testimonial-user span{

    color:#fff;

    font-size:16px;

    opacity:.8;

}










/*==============================
        Large Laptop
===============================*/

@media(max-width:1200px){

.testimonial-container{

grid-template-columns:repeat(2,1fr);

}

}


/*==============================
        Tablet
===============================*/

@media(max-width:768px){

.testimonial-container{

grid-template-columns:1fr;

}

.testimonial-card{

min-height:auto;

}

.testimonial-text{

font-size:18px;

line-height:1.8;

}

.testimonial-user h4{

font-size:22px;

}

}


/*==============================
        Mobile
===============================*/

@media(max-width:576px){

.testimonial-section{

padding:30px 0;

}

.testimonial-rating{

font-size:22px;

padding:25px 25px 10px;

}

.testimonial-text{

padding:0 25px;

font-size:16px;

}

.testimonial-user{

padding:20px 25px;

}

.testimonial-user img{

width:55px;
height:55px;

}

.testimonial-user h4{

font-size:20px;

}

.testimonial-user span{

font-size:15px;

}

}