.elementor-kit-9{--e-global-color-primary:#D42124;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#D42124;--e-global-color-e815f3e:#FFFFFF;--e-global-color-90aaa86:#000000;--e-global-color-e2fc153:#030F27;--e-global-color-44c3240:#8A99C0;--e-global-color-aec793f:#222222;--e-global-color-45388ae:#E7E7E7;--e-global-color-87f2679:#D4212400;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 h1{font-family:"Barlow", Sans-serif;}.elementor-kit-9 h2{font-family:"Barlow", Sans-serif;}.elementor-kit-9 h3{font-family:"Barlow", Sans-serif;}.elementor-kit-9 h4{font-family:"Barlow", Sans-serif;}.elementor-kit-9 h5{font-family:"Barlow", Sans-serif;}.elementor-kit-9 h6{font-family:"Barlow", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.section-title::before {
    content: '';
    position: absolute;
    height: 5px;
    width: 50px;
    bottom: 0;
    left: 0;
    background-color: red;
}
.section-title {
    padding-bottom: 20px !important;
}

.breadcrum-title {
    padding-bottom: 20px !important;
}
.breadcrum-title::before {
    content: '';
    position: absolute;
    height: 5px;
    width: 70px;
    bottom: 0;
    left: 50%;
    transform: translateX(-35px);
    background-color: red;
}

.my-hover-box {
  background-color: #ffffff;
  color: #ff0000;
  transition: all 0.3s ease;
}

.my-hover-box:hover {
  background-color: red !important;
  color: #ffffff;
}

.my-hover-box i,
.my-hover-box svg {

  transition: all 0.3s ease;
}

.my-hover-box:hover h1,
.my-hover-box:hover h2,
.my-hover-box:hover h3,
.my-hover-box:hover h4,
.my-hover-box:hover h5,
.my-hover-box:hover h6,
.my-hover-box:hover p,
.my-hover-box:hover span,
.my-hover-box:hover a,
.my-hover-box:hover i,
.my-hover-box:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.my-hover-box .elementor-button {
  transition: all 0.3s ease;
  overflow: hidden;
  position: relative;
}


.my-hover-box .elementor-button .elementor-button-icon {
  display: inline-block;
  transition: transform 0.3s ease;
  position: relative;
}

.elementor-button:hover .elementor-button-icon {
  animation: arrow-move 0.3s ease-in-out forwards;
}

@keyframes arrow-move {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    transform: translateX(10px);
    opacity: 0;
  }
  60% {
    transform: translateX(-20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}


/*Burası Uzun Çizgi İçin */


.my-long-border {
    position: relative;
    padding-bottom: 20px !important;
    text-align: center;
    margin-bottom: 36px;
}

.my-long-border::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 300px;
    bottom: -36px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #E1E6EE;
}

/*Projelerimiz Sayfasında css var*/

.service-card {
    cursor: pointer;
}

.service-item-image-wrapper {
    overflow: hidden;
    height: 250px;
}

.service-card:hover .service-card-image {
    transform: scale(1.1);
}

.service-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: red;
    transition: all 0.3s ease-in-out;
}

.service-card:hover::after {
    height: 6px;
}

.header-2 {
    position: fixed !important;
    top: 40px;
    transition: all 0.3s ease-in-out;
}

.top20 {
    top: 10px !important
}/* End custom CSS */