#hizmetler{}


#hizmetler .head1{position:relative;z-index:1;padding-top:18%;margin:0 0 50px 0;}
  #hizmetler .head1:before{
    content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;
  }
  #hizmetler .head1 img.back{
    display:block;
    position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;
  }
  #hizmetler .head1 h1{
    position:absolute;z-index:3;left:50%;bottom:10px;translate:-50% 0;text-align:center;
    padding:0!important;margin:0!important;font-weight:normal;font-size:3rem;letter-spacing:2px;
    /*-webkit-text-stroke: 1px #30d5c8;color:transparent;*/color:#fff;
  }
@media only screen and (max-width:1200px){
  #hizmetler .head1 h1{font-size:2rem;}
}
@media only screen and (max-width:1000px){
  #hizmetler .head1{padding-top:25%;}
}
@media only screen and (max-width:700px){
  #hizmetler .head1{padding-top:40%;}
  #hizmetler .head1 h1{font-size:1.8rem;}
}
@media only screen and (max-width:500px){
  #hizmetler .head1{padding-top:55%;}
  #hizmetler .head1 h1{font-size:1.1rem;}
}



#hizmetler .sect20{}
#hizmetler .sect20 .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:30px;grid-row-gap:50px;}
#hizmetler .sect20 .grid .s{}
#hizmetler .sect20 .grid .s a.im1{position:relative;z-index:1;display:block;aspect-ratio:3/2;}
#hizmetler .sect20 .grid .s a.im1 img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#hizmetler .sect20 .grid .s .title{display:block;margin:5px 0;font-size:1.1rem;font-family:'poppins_semibold';}
#hizmetler .sect20 .grid .s .content{color:#777;}
@media only screen and (max-width:700px){
    #hizmetler .sect20 .grid{grid-template-columns:repeat(2,1fr);}
}
@media only screen and (max-width:450px){
    #hizmetler .sect20 .grid{grid-template-columns:repeat(1,1fr);}
    #hizmetler .sect20 .grid .s a.im1{aspect-ratio:2/1;}
}