/* =====================================================
   KTC PARTNER HERO SECTION
===================================================== */


.ktc-partner-hero{

background:#f8eee3;

overflow:hidden;

}




.hero-left{
    min-height: 800px;
    padding: 70px 80px;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    background: linear-gradient(90deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .65)), url(../images/stock.webp);
    background-size: cover;
    background-position: top;
    position: relative;

}




.hero-logo{

width:95px;

margin-bottom:25px;

}




.hero-left h1{

font-size:58px;

line-height:1.05;

font-weight:700;

color:#252525;

margin-bottom:20px;

}



.hero-left h1 span{

color:#bb481b;

}




.hero-left h3{

font-size:25px;

font-weight:600;

color:#bb481b;

margin-bottom:20px;

}




.hero-left p{

font-size:16px;

line-height:1.8;

color:#444;

max-width:470px;

}









/* =====================================================
 FORM AREA
===================================================== */


.hero-form-area{


background:

linear-gradient(
135deg,
#bd4b1c,
#e17a35
);


height:100%;

padding:35px 45px;

display:flex;

align-items:center;


}





.apply-form{


background:#ffffff;

padding:35px;

width:100%;

border-radius:12px;


box-shadow:

0px 15px 45px rgba(0,0,0,.18);


}



.apply-form h2{


font-size:32px;

font-weight:700;

color:#a94319;

margin-bottom:12px;


}




.apply-form h5{


font-size:14px;

font-weight:600;

color:#333;

margin-bottom:15px;


}







/* RADIO */


.radio-area{


display:flex;

gap:25px;

margin-bottom:18px;


}



.radio-area label{


font-size:14px;

color:#333;

display:flex;

gap:8px;

align-items:center;


}


.radio-area input{


accent-color:#bb481b;

}








/* INPUT */


.form-input{


position:relative;

margin-bottom:12px;


}



.form-input i{


position:absolute;

left:14px;

top:13px;

font-size:14px;

color:#bb481b;


}



.form-input input,
.form-input select,
.form-input textarea{


width:100%;

border:1px solid #ddd;

background:#fff;

padding:11px 12px 11px 40px;

border-radius:6px;

font-size:13px;

outline:none;


}





.form-input textarea{


height:85px;

resize:none;


}




.form-input input:focus,
.form-input select:focus,
.form-input textarea:focus{


border-color:#bb481b;


}






.submit-btn{


width:100%;

border:none;

background:#bb481b;

color:white;

padding:14px;

font-size:15px;

font-weight:600;

border-radius:6px;

transition:.3s;


}



.submit-btn:hover{


background:#9d3914;


}









/* =====================================================
 PARTNERSHIP SECTION
===================================================== */


.partner-section{


padding:70px 0;

background:#fffaf4;


}





.partner-section h2{


text-align:center;

font-size:38px;

font-weight:700;

color:#252525;

margin-bottom:50px;


}



.partner-section h2:after{


content:"";

display:block;

width:75px;

height:3px;

background:#bb481b;

margin:15px auto 0;


}







/* CARD */


.partner-box{


background:white;

border-radius:18px;

padding:35px 35px 30px;

text-align:center;


box-shadow:

0 12px 35px rgba(0,0,0,.08);


transition:.3s;


}




.partner-box:hover{


transform:translateY(-8px);


}




.partner-icon{


height:55px;

width:55px;

background:#bb481b;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

margin:auto;


color:white;

font-size:22px;


}






.partner-box h3{


font-size:23px;

font-weight:700;

color:#bb481b;

margin:18px 0;


}






.partner-box p{


font-size:14px;

line-height:1.7;

color:#555;

min-height:50px;


}






.partner-detail{


display:flex;

justify-content:space-between;

align-items:center;

padding:13px 0;

border-bottom:1px solid #eee;

font-size:13px;


}



.partner-detail span{


color:#555;


}



.partner-detail i{


color:#bb481b;

margin-right:7px;


}



.partner-detail b{


color:#bb481b;


}





.partner-box a{


display:block;

margin-top:25px;

padding:12px;

border-radius:6px;

border:1px solid #bb481b;

color:#bb481b;

font-size:14px;

font-weight:600;

transition:.3s;


}



.partner-box a:hover{


background:#bb481b;

color:#fff;


}









/* =====================================================
 RESPONSIVE
===================================================== */



@media(max-width:1199px){


.hero-left{


padding:50px;


}


.hero-left h1{


font-size:48px;


}



.hero-form-area{


padding:25px;


}



}





@media(max-width:991px){



.hero-left{


min-height:550px;

padding:40px 30px;


}




.hero-left h1{


font-size:40px;


}




.hero-left h3{


font-size:20px;


}



.hero-form-area{


padding:25px 15px;


}




.apply-form{


padding:25px;


}


}





@media(max-width:575px){



.hero-left h1{


font-size:34px;


}



.hero-left p{


font-size:14px;


}




.radio-area{


flex-direction:column;

gap:10px;


}



.partner-section h2{


font-size:30px;


}



.partner-box{


padding:25px;


}



}


/* ===================================
WHY PARTNER SECTION
=================================== */


.why-section{

padding:70px 0;

background:#faf7f2;

}



.why-section h2{


text-align:center;

font-size:36px;

font-weight:700;

color:#222;

margin-bottom:45px;


}



.why-section h2:after{


content:"";

display:block;

height:3px;

width:70px;

background:#bb481b;

margin:15px auto;


}




.why-box{


text-align:center;

padding:20px 10px;

transition:.3s;


}



.why-box:hover{


transform:translateY(-8px);


}




.why-box i{


height:70px;

width:70px;

border-radius:50%;

background:#fff;

display:flex;

align-items:center;

justify-content:center;

margin:auto;


font-size:30px;

color:#bb481b;


box-shadow:

0 8px 25px rgba(0,0,0,.10);


}





.why-box p{


margin-top:18px;

font-size:15px;

font-weight:600;

line-height:1.5;

color:#333;


}