/* ==========================================================
   3 SEAS - TESTIMONIALS GRID ONLY

   IMPORTANT:
   Bu dosya hero, header, footer veya global site
   elementlerine hiçbir stil uygulamaz.
========================================================== */


/* ----------------------------------------------------------
   SECTION
---------------------------------------------------------- */

.cp-testi-section {
    width: 100%;

    padding: 70px 0 110px;

    background-color: #f3f1eb;
}


/* ----------------------------------------------------------
   GRID
---------------------------------------------------------- */

.cp-testi-grid {
    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 0;

    width: 100%;

    border-top: 1px solid #ced0ca;
    border-left: 1px solid #ced0ca;
}


/* ----------------------------------------------------------
   CARD
---------------------------------------------------------- */

.cp-testi-card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    margin: 0;
    padding: 0;

    background-color: #f7f5ef;

    border-right: 1px solid #ced0ca;
    border-bottom: 1px solid #ced0ca;
}


/* ----------------------------------------------------------
   IMAGE
---------------------------------------------------------- */

.cp-testi-image {
	
	

    width: 100%;

  

    margin: 0;
    padding: 0;

    overflow: hidden;

    background-color: #deded8;
}


.cp-testi-image img {
    display: block;
	aspect-ratio: 1.2;
	object-position: center top;
	object-fit: cover;
 
	display: block;

    width: 100%;
  

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center top;

    filter: grayscale(100%);
}


/* ----------------------------------------------------------
   CONTENT
---------------------------------------------------------- */

.cp-testi-content {
    display: flex;
    flex-direction: column;

    flex: 1;

    min-height: 285px;

    padding: 23px 22px 20px;
}


/* ----------------------------------------------------------
   QUOTE MARK
---------------------------------------------------------- */

.cp-testi-quote {
    height: 22px;

    margin: 0 0 7px;
    padding: 0;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 27px;
    line-height: 22px;

    font-weight: 400;

    color: #b46f3a;
}


/* ----------------------------------------------------------
   QUOTE TEXT
---------------------------------------------------------- */

.cp-testi-text {
    margin: 0;
    padding: 0;

    font-family: Georgia, "Times New Roman", Times, serif;

    font-size: clamp(19px,1.55vw,24px);
    line-height: 1.42;

    font-weight: 400;

    letter-spacing: -0.01em;

    color: #151515;
}


/* ----------------------------------------------------------
   PERSON
---------------------------------------------------------- */

.cp-testi-person {
    margin-top: auto;

    padding-top: 34px;
}


.cp-testi-person h3 {
    margin: 0 0 5px;
    padding: 0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: clamp(19px,1.25vw,24px);
    line-height: 1.25;

    font-weight: 400;

    letter-spacing: 0;

    color: #161616;
}


.cp-testi-person span {
    display: block;

    margin: 0 0 3px;
    padding: 0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 80%;
    line-height: 1.3;

    font-weight: 400;

    color: #b46f3a;
}


.cp-testi-person small {
    display: block;

    margin: 0;
    padding: 0;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 9px;
    line-height: 1.35;

    font-weight: 400;

    color: #919089;
}


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

@media (max-width: 991px) {

    .cp-testi-section {
        padding: 55px 0 90px;
    }


    .cp-testi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .cp-testi-content {
        min-height: 270px;
    }

}


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

@media (max-width: 767px) {

    .cp-testi-section {
        padding: 40px 0 70px;
    }


    .cp-testi-grid {
        grid-template-columns: 1fr;
    }


    .cp-testi-image {
        aspect-ratio: 4 / 3;
    }


    .cp-testi-content {
        min-height: 250px;

        padding: 22px 20px 20px;
    }


    .cp-testi-text {
        font-size: 16px;
    }

}