* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    list-style-type: none;
    outline: 0;
  }
  img {
    max-width: 100%;
  }
  figure {
    margin: 0;
  }
  a {
    text-decoration: none !important;
    cursor: pointer;
    color: #000000;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    cursor: text;
    margin: 0;
  }
  article,
  aside,
  figure,
  footer,
  header,
  main,
  nav,
  section {
    display: block;
  }
  ul {
    margin: 0;
  }
  label {
    margin-bottom: 0;
  }
  html {
    height: 100% !important;
  }
  body {
    min-height: 100% !important;
  }
  body,
  html {
    width: 100%;
    font-family: 'Poppins', sans-serif;    
    font-size: 1.1rem;
    background-color: #fff;
    color: #000000;
  }
  /*----------General Codes------------*/
  .generalPadding {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .generalPaddingBottom {
    padding-bottom: 4rem;
  }
  .padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .padding0 {
    padding: 0;
  }
  .padding2{
    padding: 2rem;
  }
  .paddingBottom0{
    padding-bottom: 0;
  }
  .paddingBottom1 {
    padding-bottom: 1rem;
  }
  .paddingBottom2 {
    padding-bottom: 2rem;
  }
  .paddingBottom2-5 {
    padding-bottom: 2.5rem;
  }
  .paddingLeft1 {
    padding-left: 1rem;
  }
  .paddingLeft1-5 {
    padding-left: 1.5rem;
  }
  .paddingRight1 {
    padding-right: 1rem ;
  }
  .paddingTop1 {
    padding-top: 1rem ;
  }
  .paddingTop2 {
    padding-top: 2rem ;
  }
  .marginBottom0 {
    margin-bottom: 0;
  }
  .marginBottom1 {
    margin-bottom: 1rem;
  }
  .marginBottom2 {
    margin-bottom: 2rem;
  }
  .marginTop1 {
    margin-top: 1rem;
  }
  .marginRight1 {
    margin-right: 1rem;
  }
  .marginRight0-5 {
    margin-right: 0.5rem;
  }
  .marginLeft1-5 {
    margin-left: 1.5rem;
  }
  .marginRight1-5 {
    margin-right: 1.5rem;
  }
  .marginLeft4 {
    margin-left: 4rem;
  }
  .paddingLeftRight3 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .marginLeftRight {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .noWrap {
    white-space: nowrap;
  }
  .text-left{
    text-align: left;
  }
  /*----------Header------------*/
  header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 1px 1px #f5f5f5;
  }
  .logo {
    width: 125px;
  }
  .headerPage{
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 1.1rem;
  }
.bannerImage {
  position: relative;
  opacity: 0.6;
}
.bannerSlogan {
  position: absolute;
  top: 20%;
  left: 6%;
}
.title {
  font-size: 6.125rem;
  font-weight: 500;
  color: #000000;
}
.fontSize2{
  font-size: 2rem;
}
.slogan{
  color: #000000;
  font-weight: 400;
}
.fontSize0-9 {
  font-size: 0.9rem;
}
.fontSize1-2 {
  font-size: 1.2rem;
}
.fontSize1-3 {
  font-size: 1.3rem;
}
.phoneButton{
  border-radius: 0rem 20rem 20rem 0rem;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  padding-left: 2rem;
  padding: 0.8rem 1rem;
  background-color: rgb(255, 255, 255, 0.7);
}
.colorButton {
  background-image: linear-gradient(to right, rgba(0,154,211,1), rgba(0,103,160,1));
  border-radius: 20rem 0rem 0rem 20rem;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
  padding: 0.5rem 1.4rem;
  font-size: 1.7rem;
}
.bannerSlogan a:hover {
  color: #000000;
}
.headerPage ul li a:hover {
  color:rgba(0,103,160,1) ;
  border-bottom: 2px solid rgba(0,103,160,1);
  width: 50%;
}
/*--------------Section----------*/
.bannerSection { 
  padding-left: 0;
  padding-right: 0;
}
.lineBottom {
  width: 10rem;
  border-bottom: 3px solid #000000;
  height: 3px !important;
  margin-left: auto;
  margin-right: auto;
}
.lineBottomİletişim {
  border-bottom: 3px solid #00000050;
}
.line {
  border-right: 2px solid #000000 ;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 13rem; 
}
.generalTitle{
padding-bottom: 0.3rem;
letter-spacing: 2px;
}
.hizmetlerimizAltTitle {
  background: linear-gradient(to left, #05FBFF,#2a2172);
  border-radius: 80px;
  display: inline-block;
  padding: 5px;
  width: 100%;
}
.hizmetlerimizAltTitle span {
  background: #fff;
  display: block;
  border-radius: 60px;
}
.hizmetlerimizArrow{
  width: 115px;
  padding-right: 2rem;
}
.hizmetlerimizSlogan {
  text-align: left;
  font-size: 2rem;
}
.colorBlueLight {
  color: rgba(0,154,211,1);
  font-size: 2rem;
}
/*------------İLetişim-----------*/
.borderRadius{
  border: 1px solid black;
  padding: 3px 11px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.mobilBorderRadius {
  padding: 3px 15px;
  font-size: 1rem;
  border: 1px solid black;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.iletisimLeft{
  padding: 1rem 2.5rem;
}
.iletisimLeftHover:hover {
  color: rgba(0,154,211,1);
}
.submitBtn {
  background-color:rgba(0,154,211,1);
  color: #fff;
  font-size: 1.5rem;
  border-radius: 20rem;
  padding: 0.5rem 2rem;
}
.submitBtn:hover{
  color: #fff;
  background-color:rgba(0,103,160,1);
}
.haritaBorder {
  border: 20px solid rgba(0,103,160,1); 
  padding: 0;
  border-radius: 1rem;
}
.footerBaglanti ul li a:hover {
  color:rgba(0,103,160,1) ;
  border-bottom: 2px solid rgba(0,103,160,1);
  width: 50%;
}
.socialIcon {
  background-image: linear-gradient(to right, rgba(0,154,211,1), rgba(0,103,160,1));
  border-radius: 20rem;
  padding: 0.2rem 0.55rem;
  font-size: 1rem;
  width: 34px;
}
.socialIcon a {
  color: #fff;
}
.baglanti {
    font-size: 1.3rem;
}
#menuToggle
{
  display: block;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle a
{
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
  font-size: 1rem;
}
#menuToggle a:hover
{
  color: rgba(0,103,160,1);
}
#menu {
  background: #ededed;
  opacity: 0.9;
  position: absolute;
  right: 0rem;
  height: 120vh;
  padding: 2rem 1rem;
  top: -1rem;
}
.closeXMark {
  margin-left: 6rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
}
.openXMArk {
  padding-right: 1rem;
}
.iconWidth{
  width: 30px;
}
.fontSize2rem{
  font-size: 1.5rem;
}
.paLeftIcon {
  padding-left: 0.2rem;
}
.paLeftIcon {
  padding-left: 0rem;
  margin-left: -0.3rem;
}
/* -----Responcive------- */
.mobilHeader{
  display: none;
}
.navbarMobil li a {
  display: none;
}
  @media only screen and (min-width: 2000px) {
    .bannerSection {
      margin-left: auto;
      margin-right: auto;
      max-width: 1700px;
    }
    .bannerSlogan {
      top: 15%;
      left: 20%;
    }
  }
@media only screen and (max-width: 1110px) {
  .bannerSlogan {
    top: 20%;
  }
  .title {
    font-size: 5.125rem;
  }
  .fontSize2{
    font-size: 1.8rem;
  }
  .phoneButton{
    padding: 0.9rem 1rem;
  }
  .colorButton {
    font-size: 1.5rem;
  }
  .fontSize1-2 {
    font-size: 1.1rem;
  }
  
}
@media only screen and (max-width: 1000px) {
  .bannerSlogan {
    top: 15%;
  }
  .title {
    font-size: 4.125rem;
  }
  .fontSize2{
    font-size: 1.5rem;
  }
  .fontSize1-3 {
    font-size: 1.1rem;
}
  .phoneButton{
    padding: 0.6rem 1rem;
  }
  .colorButton {
    font-size: 1.3rem;
  }
  .generalPadding {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .hakkimizdaP{
    font-size: 0.8rem;
  }

}
@media only screen and (max-width: 850px) {
  .bannerSlogan {
    top: 15%;
  }
  .title {
    font-size: 3.125rem;
  }
  .fontSize2{
    font-size: 1.4rem;
  }
  .phoneButton{
    padding: 0.4rem 1rem;
  }
  .colorButton {
    font-size: 1.1rem;
  }
  .colorBlueLight {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .mobilHeader{
    display: flex;
    justify-content: end;
    padding-right: 0rem;
  }
  .headerPage {
    display: none;
  }
  .bannerSlogan {
    top: 10%;
  }
  .title {
    font-size: 2.125rem;
  }
  .fontSize2{
    font-size: 1.1rem;
  }
  .phoneButton{
    padding: 0.2rem 0.8rem;
  }
  .colorButton {
    font-size: 0.9rem;
  }
  .fontSize1-2 {
    font-size: 1rem;
  }
  .padding {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .line {
    border-right: 0px solid #000000 ;
    border-bottom: 2px solid #000000 ;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 5rem;
    height: 50%;
   
  }
  .paddingBottom2-5 {
    padding-bottom: 1.5rem;
}
.paddingBottom2 {
  padding-bottom: 1rem;
}
  #hakkimizda {
    padding-bottom: 0;
  }
  .hizmetlerimizAltTitle{
    padding: 6px;
  }
  .hizmetlerimizArrow{
    width: 90px;
    padding-right: 1rem;
  }
  .hizmetlerimizSlogan {
    font-size: 1.5rem;
  }
  .generalPaddingBottom {
    padding-bottom: 2rem;
}
.fontSize1-3 {
  font-size: 1rem;
  padding: 1rem;
}
.colorBlueLight {
  font-size: 1.6rem;
}
.baglanti {
  font-size: 1rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem !important;
  padding-top: 1rem;
}
.marginRight1-5 {
  margin-right: 0rem;
  margin-bottom: 3rem;
}
.marginLeft1-5 {
  margin-left: 0rem;
}
.marginRight1-5 {
  margin-right: 0rem;
}
.form {
  display: none;
}
.fontSize2rem{
  font-size: 1.2rem;
}
.haritaBorder {
  margin-top: 2rem;
}
.iletisimLeft {
    padding: 1rem 3.5rem;
}
.paLeftIcon {
  padding-left: 0rem;
  margin-left: -0.1rem;
}
.footerBaglanti {
padding-left: 0 !important;
}
.footerBaglanti ul li {
  margin-left: 0.5rem;
}
.socialIconWrapper {
  padding-top: 4rem;
}
}
@media only screen and (max-width: 600px) {
  .bannerSlogan {
    top: 9%;
  }
  .title {
    font-size: 2rem;
  }
  .fontSize2{
    font-size: 1rem;
  }
  .phoneButton{
    padding: 0.1rem 0.7rem;
  }
  .colorButton {
    font-size: 0.9rem;
    padding: 0.4rem 1.2rem;
  }
  .fontSize1-2 {
    font-size: 1rem;
  }

}
@media only screen and (max-width: 500px) {
  .bannerSlogan {
    top: 7%;
  }
  .marginTop1 {
    margin-top: 0.5rem;
}
  .title {
    font-size: 1.8rem;
  }
  .hizmetlerimizArrow{
    width: 60px;
    padding-right: 1rem;
  }
  .fontSize2{
    font-size: 0.8rem;
  }
  .phoneButton{
    padding: 0rem 0.5rem;
  }
  .colorButton {
    font-size: 0.8rem;
    padding: 0.3rem 0.5rem;
  }
  .fontSize1-2 {
    font-size: 0.8rem;
  }
  .padding {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }
  .paLeftIcon {
    padding-left: 0rem;
  }
  .mobilBorderRadius {
    padding: 2px 10px;
  }
}
@media only screen and (max-width: 400px) {
  .bannerSlogan {
    top: 6%;
  }
  .title {
    font-size: 1.4rem;
  }
  .fontSize2{
    font-size: 0.7rem;
  }
  .marginTop1 {
    margin-top: 0.1rem;
}
.paddingBottom2-5 {
  padding-bottom: 1rem;
}
.generalPaddingBottom {
  padding-bottom: 1rem;
}
#hakkimizda {
  padding-bottom: 0;
}
.hizmetlerimizAltTitle{
  padding: 6px;
}
.hizmetlerimizSlogan {
  font-size: 1rem;
}
.fontSize1-3 {
font-size: 0.8rem;
padding: 1rem;
}
.generalPadding {
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
.iconWidth{
  width: 20px;
}
.line {
  height: 60%;
}
.colorBlueLight {
  font-size: 1.4rem;
}
.paddingTop2 {
  padding-top: 1rem;
}
.paddingBottom2 {
  padding-bottom: 0rem;
}
#iletisim {
  margin-bottom: 2rem;
}
.haritaBorder figure {
  height: 100px;
}
.mobilBorderRadius {
  font-size: 1rem;
  padding: 2px 15px;
}
.paLeftIcon {
  padding-left: 0rem;
  margin-left: -0.4rem;
}
}