#contact{padding:60px 0;}

#contact .sect20c{}
#contact .sect20c .grid{display:grid;grid-template-columns:1fr 2px 2fr;grid-gap:40px;}
#contact .sect20c .grid .s{}
#contact .sect20c .grid .s.s1{align-self:center;}
#contact .sect20c .grid .s.s1 .inner{}
#contact .sect20c .grid .s.s1 .inner .head1{margin:0 0 40px 0;}
#contact .sect20c .grid .s.s1 .inner .head1 h1{font-size:1.5rem;font-family:'fonttip2_semibold',Arial,sans-serif;letter-spacing:1px;color:#0066a1;}
#contact .sect20c .grid .s.s1 .inner .head1 .info{margin:15px 0 0 0;}
#contact .sect20c .grid .s.s1 .inner .box{margin:0 0 20px 0;text-align:center;}
#contact .sect20c .grid .s.s1 .inner .box .icon{}
#contact .sect20c .grid .s.s1 .inner .box .icon svg{height:30px;width:auto;fill:#0066a1;}
#contact .sect20c .grid .s.s1 .inner .box .title{margin:7px 0 7px 0;font-size:1.1rem;color:#444;}
#contact .sect20c .grid .s.s1 .inner .box .info{color:#888;}
#contact .sect20c .grid .s.s2{background:#0066a1;}
#contact .sect20c .grid .s.s3{}
@media only screen and (max-width:680px){
  #contact .sect20c .grid{grid-template-columns:1fr;grid-gap:40px;}
  #contact .sect20c .grid .s.s1 .inner .box{margin-bottom:10px;}
  #contact .sect20c .grid .s.s1 .inner .box .icon{font-size:1.2rem;}
  #contact .sect20c .grid .s.s1 .inner .box .title{display:none;}
  #contact .sect20c .grid .s.s1 .inner .box .info{}
  #contact .sect20c .grid .s.s2{display:none;}
}

/* MEHMET START*/


.sect10{position: relative;z-index: 2;}
.sect10 .banner { position: relative; width: 100%; height: 400px; background: url('https://hcetin.web.tr/demo2/labx/doc/static/home.webp') center/cover no-repeat; }
.sect10 .banner .overlay { position: absolute; inset: 0; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; }
.sect10 .banner .overlay .content { text-align: center; color: #fff; padding: 0 20px; max-width: 800px; margin: 0 auto; }
.sect10 .banner .overlay .content h1 { margin: 0 0 10px 0; font-size: 2.5rem; letter-spacing: 1px; }
.sect10 .banner .overlay .content p { margin: 0; font-size: 1.2rem; }
.sect10 img.yatay1{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: auto; transform: translate(0,50%); }


@media only screen and (max-width: 680px) {
  .sect10 .banner { height: 250px; }
  .sect10 .banner .overlay .content h1 { font-size: 1.5rem; }
  .sect10 .banner .overlay .content p { font-size: 1rem; }
}

#contact .sect15 { padding: 60px 0; }
#contact .sect15 .grid { display: grid; grid-template-columns: 1fr 2fr; grid-gap: 40px; align-items: center; }
#contact .sect15 .grid .s { color: #333; }
#contact .sect15 .grid .s.s1 { font-size: 2.8rem;}
#contact .sect15 .grid .s.s2 { font-size: 1.2rem; line-height: 1.6; color: #555; }
#contact .sect15 .grid .s.s2 a { display: inline-block; margin-top: 15px; font-size: 1.3rem; }
#contact .sect15 .grid .s.s2 a:hover { color: #004e80; text-decoration: none; }
#contact .sect15 .grid .s.s2 a i { margin-left: 8px; transition: transform 0.3s ease; font-size: 1rem; }
#contact .sect15 .grid .s.s2 a:hover i { transform: translateX(4px); }

@media only screen and (max-width: 768px) {
  #contact .sect15 .grid { grid-template-columns: 1fr; grid-gap: 20px; }
  #contact .sect15 .grid .s.s1 { text-align: center; font-size: 1.5rem; }
  #contact .sect15 .grid .s.s2 { text-align: center; }
}


#contact .sect30 { position: relative; z-index: 2; padding: 100px 0; color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
#contact .sect30 .standard_center4 { overflow: hidden; }
#contact .sect30 img.yatay1 { position: absolute; z-index: -1; left: 0; bottom: 0; width: 100%; height: auto; transform: translate(0,50%); }
#contact .sect30 .grid1 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; }
#contact .sect30 .grid1 .s {}
#contact .sect30 .grid1 .s.s1 { font-size: 2.6rem; transform: translateX(-50%); opacity: 0; transition: all 1s ease; }
#contact .sect30 .grid1.scroll_action .s.s1 { transform: translateX(0); opacity: 1; }
#contact .sect30 .grid1 .s.s2 { font-size: 1.1rem; transform: translateX(50%); opacity: 0; transition: all 1s ease; }
#contact .sect30 .grid1.scroll_action .s.s2 { transform: translateX(0); opacity: 1; }
#contact .sect30 .grid2 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; margin: 50px 0 0 0; transform: translateY(50%); opacity: 0; transition: all 1s ease; }
#contact .sect30 .grid2.scroll_action { transform: translateY(0); opacity: 1; }
#contact .sect30 .grid2 .s { display: grid; grid-template-rows: subgrid; grid-row: span 4; gap: 5px; padding: 20px; text-align: center; color: #fff; border-radius: 15px; transition: all 0.3s ease; }
#contact .sect30 .grid2 .s:hover { background: rgba(0,76,204,0.7); }
#contact .sect30 .grid2 .s .im {font-size: 1.3rem;}
#contact .sect30 .grid2 .s .text1 { display: block; margin: 8px 0; font-size: 1.1rem; }
#contact .sect30 .grid2 .s .text2 { display: block; }

@media only screen and (max-width: 1000px) {
  #contact .sect30 { padding: 100px 0; }
  #contact .sect30 .grid1 { grid-template-columns: 1fr; gap: 10px; text-align: center; }
  #contact .sect30 .grid1 .s {}
  #contact .sect30 .grid1 .s.s1 { font-size: 2rem; }
  #contact .sect30 .grid1 .s.s2 { font-size: 1.1rem; }
}

@media only screen and (max-width: 800px) {
  #contact .sect30 .grid2 { grid-template-columns: 1fr 1fr 1fr; gap: 5px; margin: 40px 0 0 0; }
  #contact .sect30 .grid2 .s { gap: 2px; padding: 8px; }
}

@media only screen and (max-width: 650px) {
  #contact .sect30 .grid2 { grid-template-columns: 1fr; gap: 15px; margin: 30px 0 0 0; }
  #contact .sect30 .grid2 .s { gap: 2px; padding: 10px; }
}

.standard_center4 .map { border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); }
.standard_center4 .map iframe { border: 0; width: 100%; height: 500px; border-radius: 16px; }

@media only screen and (max-width: 768px) {
  .standard_center4 .map iframe { height: 350px; }
}

@media only screen and (max-width: 480px) {
  .standard_center4 .map iframe { height: 250px; }
}



/* MEHMET END*/

.form101{margin:30px auto 30px auto;background:none;color:#000;}
.form101 .info1{
margin:0 0 50px 0;
}
.form101 .form_title{margin:0 0 10px 0;font-size:1.2em;}
.form101 .group1{margin:0 0 20px 0;}
    .form101 .group1 .title{margin:0 0 1px 0;color:#444;font-family:"tip1_semibold";font-size:0.9rem;}
    .form101 .group1.required .title::after{content:' *';margin:0 5px 0 0;font-weight:600;color:#cc0000; }
    .form101 .group1 .explain{padding:2px 0;color:#b0b6c8;}
.form101 input[type="text"],
.form101 input[type="number"],
.form101 input[type="email"],
.form101 input[type="date"],
.form101 input[type="password"]{display:block;width:100%;height:40px;padding:0 5px;box-sizing:border-box;background:#fff;color:#666;border:2px solid #0066a1;border-radius:12px;}
.form101 select{display:block;width:100%;height:40px;padding:0 5px;box-sizing:border-box;background:#fff;color:#666;border:2px solid #0066a1;border-radius:12px;}
.form101 textarea{display:block;width:100%;height:120px;padding:5px;box-sizing:border-box;background:#fff;color:#666;border:2px solid #0066a1;border-radius:12px;}
.form101 input[type="text"]:focus,
.form101 input[type="number"]:focus,
.form101 input[type="email"]:focus,
.form101 input[type="date"]:focus,
.form101 input[type="password"]:focus,
.form101 select:focus{border:1px solid #4daed2;}
.form101 .submit_line{text-align:right;}
    .form101 .submit_line img.submit_loading{display:none;height:20px;width:auto;}
    .form101 .submit_line button.reset{}
    .form101 .submit_line button.submit{
    padding:10px 35px;background:#0066a1;color:#fff;font-size:1em;font-family:"tip1_semibold";
    border:none;outline:none;border-radius:5px;cursor:pointer;transition:all 300ms;
}
.form101 .submit_line button.submit:hover{background:#222;color:#fff;}

.form101 .form_grid{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:10px;grid-row-gap:0px;}
    .form101 .form_grid_self{grid-column:12 span;}
    .form101 .form_grid_self.type_2{padding:10px;background:#eee;}
    .form101 .form_grid_self.w2{grid-column:6 span;}
    .form101 .form_grid_self.w3{grid-column:4 span;}
    .form101 .form_grid_self.w4{grid-column:3 span;}
@media only screen and (max-width:850px){
    .form101 .form_grid_self.w4{grid-column:6 span;}
}
@media only screen and (max-width:750px){
    .form101 .form_grid_self.w2{grid-column:12 span;}
    .form101 .form_grid_self.w3{grid-column:12 span;}
    .form101 .form_grid_self.w4{grid-column:12 span;}
}




#contact .map{position:relative;z-index:1;aspect-ratio:2 / 1;}
#contact .map iframe{
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border:none;
}
@media only screen and (max-width:650px){
    #contact .map{aspect-ratio:1 / 1;}
}