:root{
  --conic-gradient: conic-gradient(
    #FF2E2E,
    #FF831E,
    #FCFF51,
    #58FF57,
    #575FFF,
    #D257FF,
    #FF57E5,
    #FF1556
  );
}

.newsCatBanner,.newsSBanerTBC,.newsSBanerTT,.newsSBanerTxC{width:100%;height:auto}.contactIcon,.formSubject,a.contactCheck{text-align:center;transition:.4s ease-in-out}.contactBtnC,.contactIcon,.formSubject,a.contactCheck{transition:.4s ease-in-out}.newsCatBanner{position:relative;background:#011e65;padding:0 0 200px}.newsSBanerTT{font-size:38px;color:#fff;font-weight:500;line-height:50px;padding:150px 0 0 100px}.newsSBanerTxC{font-size:16px;color:rgba(255,255,255,.5);line-height:21px;padding:30px 200px 0 100px}.newsSBanerTBC{padding:25px 0 0 100px}a.contactCheck{display:block;width:124px;height:164px;background:#fcfcfc;border:1px solid rgba(112,112,112,.06);padding:30px 0;float:left;margin-right:15px}.contactIcon{width:64px;height:64px;border-radius:64px;background:#011e65;display:flex;align-items:center;justify-content:center;margin:0 auto}.contactIcon path{width:30px}.contactText{width:100%;height:auto;padding:20px 0;font-size:14px;color:#000}a.contactCheck:hover{background:#011e65;border-color:#011e65}a.contactCheck:hover .contactIcon{background:#fff}a.contactCheck:hover .contactIcon path{fill:#011E65}a.contactCheck:hover .contactText{color:#fff}.contactBtnC{display:inline-block;width:100%;margin:20px 0;border-radius:10px;padding:5px 50px!important;font-size:16px!important;color:#fff!important;height:40px;border:1px solid #e31b5d;font-weight:600;position:relative;background:#e31b5d}.contactBtnC:hover{color:#e31b5d!important;background:#fff}.contactBtnC:disabled{color:#fff!important;background:#e31b5d;opacity:.5}input[type=radio]{display:none}.formSubject{display:block;width:124px;height:164px;background:#fcfcfc;border:1px solid rgba(112,112,112,.06);padding:30px 0;float:left;margin-right:15px;cursor:pointer}.formtTboxC,.formtTboxT{height:auto;font-size:14px; position: relative;}#formSbj1:checked:checked~.formSubject1,#formSbj2:checked:checked~.formSubject2,#formSbj3:checked:checked~.formSubject3,#formSbj4:checked:checked~.formSubject4{background:#011e65;border-color:#011e65}#formSbj1:checked:checked~.formSubject1 .contactIcon,#formSbj2:checked:checked~.formSubject2 .contactIcon,#formSbj3:checked:checked~.formSubject3 .contactIcon,#formSbj4:checked:checked~.formSubject4 .contactIcon{background:#fff}#formSbj1:checked:checked~.formSubject1 .contactIcon path,#formSbj2:checked:checked~.formSubject2 .contactIcon path,#formSbj3:checked:checked~.formSubject3 .contactIcon path,#formSbj4:checked:checked~.formSubject4 .contactIcon path{fill:#011E65}#formSbj1:checked:checked~.formSubject1 .contactText,#formSbj2:checked:checked~.formSubject2 .contactText,#formSbj3:checked:checked~.formSubject3 .contactText,#formSbj4:checked:checked~.formSubject4 .contactText{color:#fff}.error{border:1px solid #aa7476 !important;}label.error{border:none !important;color:#aa7476;}.contactKvkk{width:auto;display:inline-block;min-width:150px;float:left;font-size:14px;color:#474a4d;line-height:80px}.formtTboxT{width:100%;color:#474a4d;padding:5px 0}.formtTboxC{width:100%;color:#fff;padding:10px 0 10px 0;}.formInputTxt{padding:12px 36px 12px 24px!important;min-height:30px!important;background-color:transparent;border:1px solid rgba(202,208,215,.28);color:#474a4d;width:100%;font-size:16px;border-radius:10px; margin-bottom: 10px;}.btnn{
  width: 270px;
  height: 100px;


  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;
  cursor: pointer;

  transition: transform .3s ease;
}

.btnn::before{
  content: '';
  position: absolute;
  width: 110%;
  height: 350%;
  background: var(--conic-gradient);
}

.btnn::after{
  content: 'İş Ortağımız Olun';
  position: absolute;
  background-color: #011e65;
  width: 96%;
  height: 90%;

  font-size: 18px;
  color: #fff;
  font-weight: 500;

  display: flex;
  align-items: center;
  justify-content: center;
}

.btnn:hover{
 /*transform: scale(1.1);*/
}

.btnn::before{
  animation: spin .8s infinite linear;
}

@keyframes spin {
  to{
    transform: rotate(360deg);
  }
}