:root {
  --eublu: #003399;
  --euylw: #ffca00;
  --drkblu: #002c83;
  --lhtgry: #f2f2f2;
  --gry: #ededed;
  --drkgry: #2e3136;
  --mgry: #d0d0d0;
  --lhtblu: #0b41b5;
  --opqblu: #003399C0;
}
body{
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: darkgrey;
}
/*
body {
  font-family: 'jost', sans-serif;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0;
  color: darkgrey;
}*/
.region {
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  color: #a19d9d;
}
a {
  color: #007dcf;
  text-decoration: none;
}
a:hover {
  color: unset;
  text-decoration: none;
}
.bg-bl a.cl-wh {
  color: #fff!important;
}

/* Header */
/* Header Top */
div#block-topleftheader {
  font-size: 14px;
}
.header-top-left a {
  color: gray;
}
#header-top {
  background: #fff;
  border-bottom: 1px solid lightgray;
}
/* Header Top Left */
.phone {
  background-image: url('../img/phone.png'); /* Path to phone icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.location {
  background-image: url('../img/location.png'); /* Path to phone icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.mail {
  background-image: url('../img/mail.png'); /* Path to phone icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#block-topleftheader .icon {
  width: 21px;
  height: 21px;
  display: inline-block;
}
div#block-topleftheader {
  font-size: 14px;
  padding-top: 9px;
}
@media (min-width: 1400px) {
  div#block-topleftheader {
    margin-left: 80px;
  }
  div#block-topleftheader p {
    margin-bottom: 0;
  }
}
.dropdown-item:hover {
  color: gray;
  background: #0a58ca66;
}
/* orta slider */
#current-projects .carousel-control-prev{
    position: absolute !important;
    bottom: 2px !important;
    top: auto !important;
    left: 87%;
    transform: translateX(-150%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    background-color: #3b769d !important;
    border: none !important;
    z-index: 11 !important;
    color: white !important;
    opacity: 1 !important;
}
#current-projects .carousel-control-next {
    position: absolute !important;
    bottom: 2px !important;
    top: auto !important;
    left: 90%;
    transform: translateX(-150%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    background-color: #3b769d !important;1200
    border: none !important;
    z-index: 11 !important;
    color: white !important;
    opacity: 1 !important;
}
#finished-projects .carousel-control-prev {
    position: absolute !important;
    bottom: 2px !important;
    top: auto !important;
    left: 87%;
    transform: translateX(-150%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    background-color: #3b769d !important;
    border: none !important;
    z-index: 11 !important;
    color: white !important;
    opacity: 1 !important;
}
#finished-projects .carousel-control-next {
    position: absolute !important;
    bottom: 2px !important;
    top: auto !important;
    left: 90%;
    transform: translateX(-150%) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 30px !important;
    height: 30px !important;
    background-color: #3b769d !important;
    border: none !important;
    z-index: 11 !important;
    color: white !important;
    opacity: 1 !important;
}
@media (max-width: 767px) {
		#current-projects .carousel-inner .carousel-item > div,
		#finished-projects .carousel-inner .carousel-item > div {
			display: none;
		}
		#current-projects .carousel-inner .carousel-item > div:first-child,
		#finished-projects .carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}

	#current-projects .carousel-inner .carousel-item.active,
	#current-projects .carousel-inner .carousel-item-next,
	#current-projects .carousel-inner .carousel-item-prev,
	#finished-projects .carousel-inner .carousel-item.active,
	#finished-projects .carousel-inner .carousel-item-next,
	#finished-projects .carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		#current-projects .carousel-inner .carousel-item-end.active,
		#current-projects .carousel-inner .carousel-item-next,
		#finished-projects .carousel-inner .carousel-item-end.active,
		#finished-projects .carousel-inner .carousel-item-next{
			transform: translateX(50%);
		}

		#current-projects .carousel-inner .carousel-item-start.active,
		#current-projects .carousel-inner .carousel-item-prev,
		#finished-projects .carousel-inner .carousel-item-start.active,
		#finished-projects .carousel-inner .carousel-item-prev {
			transform: translateX(-50%);
		}
	}

	#current-projects .carousel-inner .carousel-item-end,
	#current-projects .carousel-inner .carousel-item-start,
	#finished-projects .carousel-inner .carousel-item-end,
	#finished-projects .carousel-inner .carousel-item-start {
		transform: translateX(0);
	}

/* Header Top Right */
#block-footermenu .header-top-right ul.corporate.sm-block {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.header-top-right ul.corporate.sm-block li {
  display: inline-block;
  margin-left: 10px;
  margin-top: 10px;
}
div#block-toprightsocials a {
  width: 20px;
  height: auto;
}
div#block-toprightsocials {
  display: inline-block;
  padding-top: 5px;
}
/* Header Bottom */
a.dropdown-item {
    color: white;
}
/*nav#block-custom-main-menu a{
  color: grey;
}*/
.image-hover {
    cursor: pointer;
}

@media (min-width: 992px) {
    #header-bottom {
    border-bottom: 1px solid lightgray;
    transform: translateZ(0);
    position: relative;
    top: 100%;
    left: 0;
    z-index: 5;
    }
        #main-menu nav.navbar ul.level_0 > li:last-child:hover:after {
            background: #007dcf;
}
    #main-menu nav.navbar ul.level_0 > li:last-child:after {
        display: block;
        background: #006bb2;
        width: 25px;
        height: 100%;
        content: ' ';
        right: 0;
        position: absolute;
        top: 0;
        transform: skewX(-18deg);
    }
}

/* Header Bottom Left */
/* branding */
#branding {
  background: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #branding a img {
    width: 116px;
    height: auto;
    margin: 20px 36px;
  }
}
@media (min-width: 320px) and (max-width: 991px) {
  #branding a img {
    width: 135px;
    height: auto;
    margin: 20px 36px;
  }
}

@media (min-width: 1200px) {
  #branding a img {
    width: 100%;
    height: auto;
    margin: 10px 10px;
  }
}

@media  (max-width: 319px) {
  #branding a img {
    width: calc(100% - 80px);
    margin: 20px 5px;
  }
}
@media (min-width: 1400px) {
  div#block-custom-site-branding {
    margin-left: 70px;
  }
}

/* Header Bottom Right */
/* main_menu */
@media (min-width: 992px) {
  #main-menu nav.navbar ul.level_0 {
    list-style: none;
    padding: 0;
    display: flex;
    margin: 0;
  }
  #main-menu nav.navbar ul.level_0 > li {
    position: relative;
  }
   #main-menu nav.navbar ul.level_0 > li:before {
     content: '';
     position: absolute;
     width: 1px;
     height: 100%;
     background-color: lightgray; /* Adjust the color as needed */
     z-index: 1;
   }

#main-menu nav.navbar ul.level_0 > li.nav-item {
    transform: skewX(18deg);
}
#main-menu nav.navbar ul.level_0 > li.nav-item > a, #main-menu nav.navbar ul.level_0 > li.nav-item > span, #main-menu nav.navbar ul.level_0 > li.nav-item > ul {
    transform: skewX(-18deg);
    width: 100%;
}
  .navbar {
    --bs-navbar-padding-y: 0;
  }
      #main-menu .dropdown-menu {
        margin-top: -1px !important;
        min-width: calc(100% + -1px);
        text-align: center;
        border: none;
        /* margin-left: -1px; */
        background-color: #006bb2;
        left: -28px;
    }
  .dropdown-menu {
    --bs-dropdown-link-hover-bg: #006bb2;
  }
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    /*color: #fff;*/
    text-transform: uppercase;
    display: inline-block;
    /*margin: 0 -1px;*/
  }
  #main-menu nav.navbar ul.level_0 > li:hover {
    background: #007dcf;
    color: white;
  }

  #main-menu nav.navbar ul.level_0 > li:hover > a, #main-menu nav.navbar ul.level_0 > li:hover > span {
    /*color: white;*/
  }

  #main-menu nav.navbar ul.level_0 > li:hover:before, #main-menu nav.navbar ul.level_0 > li:hover + li:before {
    height: 100%;
    top: 0;
  }
  #main-menu .dropdown-menu {
    --bs-dropdown-border-radius: 0;
    margin-top: -1px !important;
    min-width: calc(100% + -1px);
    text-align: center;
    border: none;
    /*margin-left: -1px;*/
    background-color: #006bb2;
    left: -28px;
  }
  #main-menu {
      z-index: 1;
      padding-left: 32px;
  }
  #mainMenuBackdrop{
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    line-height: 120px;
    padding: 0 18px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    line-height: 133px;
    padding: 0 35px;
    font-size: 16px;
  }
}
@media (min-width: 1400px) {
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    line-height: 137px;
    padding: 0 3vw;
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  /*.navbar .nav-item .dropdown-menu{ display: none; }*/
  .navbar .nav-item:hover .nav-link{   }
  .navbar .nav-item:hover .dropdown-menu{ display: block; }
  .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
@media (min-width: 576px) and (max-width: 991px){
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    font-size: 26px;
    margin: 20px 0;
  }
  #main-menu .dropdown-menu li > a {
    font-size: 18px;
    color: grey;
  }
  #main-menu .corporate.sm-block a span:before {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 575px){

  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    font-size: 20px;
    margin: 29px 16px;
    line-height: 30px!important;
  }
  #main-menu .dropdown-menu li > a {
    font-size: 18px;
    color: grey;
  }
  #main-menu .corporate.sm-block a span:before {
    width: 27px;
    height: 27px;
  }
}

@media (max-width: 991px){
  #main-menu .language-switcher {
    margin-bottom: 30px;
  }
  #main-menu .language-switcher a {
    font-size: 13px;
  }
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    line-height: 38px;
    font-weight: 500;
    margin-left: auto;
  }
  #main-menu nav.navbar ul.level_0 > li > a:after, #main-menu nav.navbar ul.level_0 > li > span.nav-link:after {
    display: none;
  }

  #main-menu .dropdown-menu {
    display: inline-block;
    width: 100%;
  }
  #main-menu .close {
    width: fit-content;
  }
  #main-menu .dropdown-menu li > a {
    text-align: center;
    text-transform: uppercase;
  }
  #main-menu .corporate.sm-block {
    display: block;
    text-align: right;
    width: 100%;
    justify-content: end;
  }
  #main-menu .corporate.sm-block li {
    display: inline;
  }
  #mainMenuContainer {
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    display: none;
    overflow: hidden;
    padding: 34px;
    transform: translateX(100vw);
    transition: all 0.3s;
    width: 65vw;
    min-width: 250px;
    margin-right: -15px;
  }
  .language-switcher li a {
    font-size: 20px;
    color: gray;
  }
  #mainMenuContainer.collapsing {
    display: block;
    height: 100%;
  }
  .navbar .nav-item .dropdown-menu{
    display: block;
    position: relative;
    border: none;
  }

  #main-menu nav.navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  #main-menu nav.navbar {
    height: 100%;
    padding-right: 20px;
  }

  #mainMenuContainer.show {
    display: block;
    transform: translateX(0);
  }
  #mainMenuBackdrop {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #000a;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    transition: all 0.3s;
  }
  #main-menu #mainMenuContainer.collapsing ~ #mainMenuBackdrop{
    display: block;
  }
  #main-menu #mainMenuContainer.show ~ #mainMenuBackdrop{
    display: block;
    opacity: 1;
  }
  header #search-form input[type="search"]{
    background-color: var(--gry)!important; ;
    border-radius: 10px;
  }
  header #search-form input[type="search"]::placeholder {
    color: #999!important;
  }
  header #search-form .form-item.form-item-keys{
    text-align: right;
    margin: 30px 0;
  }
  .highlighted a {
    margin: 10px 0;
    display: block;
  }
  .highlighted {
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    color: yellow;
    font-weight: bold;
  }
}
/* info */


@media (max-width: 991px) {
}

/* search_form */
@media (min-width:992px) and (max-width:1199px) {
  header #search-form {
    padding-left: 0;
  }
  header #search-form input[type="search"] {
    width: 120px;
    background-image: url(../img/search.svg);
  }
}
@media (min-width:1200px) and (max-width:1399px) {
  header #search-form {
    padding-left: 22px;
  }
  header #search-form input[type="search"] {
    width: 144px;
    background-image: url(../img/search.svg);
  }
}
@media (min-width:1400px) {
  header #search-form {
    padding-left: 40px;
  }
  header #search-form input[type="search"] {
    width: 166px;
    background-image: url(../img/search.svg);
  }
}
@media (max-width:991px) {
  header #search-form {
    padding-left: 40px;
  }
  header #search-form input[type="search"] {
    width: 166px;
    background-image: url(../img/search-gry.svg);
  }
}
header #search-form {
  padding-right: 0;
}
header #search-form input[type="search"] {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 15px center;
  height: 47px;
  padding-left: 40px;
}

header #search-form input[type="search"]::placeholder {
  color: #fffa;
}
header #search-form .form-actions {
  display: none;
}
/* showcase */
#showcase .slide .content {
  color: var(--eublu);
}
@media (min-width: 1400px) {
  #showcase .slide .content .inner {
    max-width: 450px;
    margin: 0 auto;
  }

  #showcase .slide .content h2.title {
    font-size: 45px;
    font-weight: 600;
    border-bottom: 3px solid var(--euylw);
    padding-bottom: 43px;
    margin-bottom: 35px;
    line-height: 57px;
  }

  #showcase .slide .content h5.date {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 78px;
  }
  #showcase .slide .content .summary {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 78px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  #showcase .slide .content .inner {
    max-width: 400px;
    margin: 0 auto;
  }

  #showcase .slide .content h2.title {
    font-size: 40px;
    font-weight: 600;
    border-bottom: 3px solid var(--euylw);
    padding-bottom: 25px;
    margin-bottom: 25px;
    line-height: 52px;
  }

  #showcase .slide .content h5.date {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 40px;
  }
  #showcase .slide .content .summary {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #showcase .slide .content .inner {
    max-width: 250px;
    margin: 0 auto;
  }

  #showcase .slide .content h2.title {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid var(--euylw);
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 30px;
  }

  #showcase .slide .content h5.date {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 12px;
  }
  #showcase .slide .content .summary {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #showcase .slide .content .inner {
    max-width: 250px;
    margin: 0 auto;
  }

  #showcase .slide .content h2.title {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 2px solid var(--euylw);
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 30px;
  }

  #showcase .slide .content h5.date {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 12px;
  }
  #showcase .slide .content .summary {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .controls-wrapper {
    padding-left: 40px;
  }
  #showcase .slide .content .inner {
    width: 100%;
    margin: 0 auto;
    padding: 50px 40px;
  }

  #showcase .slide .content h2.title {
    font-size: 30px;
    font-weight: 600;
    border-bottom: 2px solid var(--euylw);
    padding-bottom: 24px;
    margin-bottom: 24px;
    line-height: 40px;
  }

  #showcase .slide .content h5.date {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 40px;
  }
  #showcase .slide .content .summary {
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 40px;
  }
  #showcase .slide .content {
    min-height: 440px;
  }
}
@media (max-width: 575px) {
  .controls-wrapper {
    padding-left: 40px;
  }
  #showcase .slide .content .inner {
    width: 100%;
    margin: 0 auto;
    padding: 50px 40px;
  }

  #showcase .slide .content h2.title {
    font-size: 24px;
    font-weight: 600;
    border-bottom: 2px solid var(--euylw);
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 40px;
  }

  #showcase .slide .content h5.date {
    font-size: 12px;
    font-weight: 400;
    font-family: 'Sora', sans-serif;
    margin-bottom: 40px;
  }
  #showcase .slide .content .summary {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 40px;
  }
  #showcase .slide .content {
    min-height: 520px;
  }
}

#block-tinyslidercarousel {
  position: relative;
}
#block-tinyslidercarousel .controls {
  display: inline-block;
  background: var(--lhtgry);
  padding-top: 4px;
}
/* highlighted */



#bottom-showcase {
  padding-top: 20px;
  padding-bottom: 50px;
}

/* featured_top */

/* top */
/* breadcrumbs */
/* help */
/* content_top */
#content-top {
  background-image: url("../img/title-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  /*padding: 100px 0;*/
}
#content-top .block-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
}
.block-content hr {
  width: 70%;
  border: 1px solid var(--euylw);
  margin: 40px auto;
}
#content-top .block-content h2 {
  font-size: 44px;
}
.block-content .links a {
  margin: 0 20px;
  font-weight: bold;
}

/* content */
main.region {
  color: gray;
  font-size: 21px;
}

main.region a{
  /*color: #007dcf;*/
}
main.region .header {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.subheader {
  padding: 80px;
}

.subheader span::after {

  position: relative;
  top: 6px;
}
/* sidebar_first */
/* sidebar_second */
/* content_bottom */
/* bottom */
@media (min-width: 1400px) {
  .secondary-menu > a {
    min-height: 450px;
  }
  .secondary-menu .label {
    font-size: 30px;
    bottom: 60px;
    left: 60px;
  }
  main.region .header {
    padding: 60px;
    font-size: 32px;
  }
  main.region h2.title {
    padding: 30px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  main.region h3.title {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .secondary-menu > a {
    min-height: 290px;
  }
  .secondary-menu .label {
    font-size: 28px;
    bottom: 36px;
    left: 50px;
  }
  main.region .header {
    padding: 60px;
    font-size: 32px;
  }
  main.region h2.title {
    padding: 30px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  main.region h3.title {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .secondary-menu > a {
    min-height: 230px;
  }
  .secondary-menu .label {
    font-size: 26px;
    bottom: 21px;
    left: 40px;
  }
  main.region .header {
    padding: 60px;
    font-size: 32px;
  }
  main.region h2.title {
    padding: 30px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  main.region h3.title {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .secondary-menu > a {
    min-height: 200px;
  }
  .secondary-menu .label {
    font-size: 22px;
    bottom: 21px;
    left: 40px;
  }
  main.region .header {
    padding: 60px;
    font-size: 32px;
  }
  main.region h2.title {
    padding: 30px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  main.region h3.title {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .secondary-menu > a {
    min-height: 200px;
  }
  .secondary-menu .label {
    font-size: 22px;
    bottom: 21px;
    left: 40px;
  }
  main.region .header {
    padding: 60px;
    font-size: 32px;
  }
  main.region h2.title {
    padding: 30px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 50px;
    margin-bottom: 30px;
  }
  main.region h3.title {
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 16px;
  }
}

@media (max-width: 575px) {
  .secondary-menu > a {
    min-height: 140px;
  }
  .secondary-menu .label {
    font-size: 22px;
    bottom: 21px;
    left: 40px;
  }

  main.region .header {
    padding: 30px;
    font-size: 28px;
  }
  main.region h2.title {
    padding: 15px;
    text-transform:uppercase;
    text-align:center;
    margin-top: 30px;
    margin-bottom: 16px;
  }
  main.region h3.title {
    padding: 10px;
    margin-top: 16px;
    margin-bottom: 10px;
  }
}

.secondary-menu > a {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}
.secondary-menu > a:hover {
  opacity: 0.8;
}
.secondary-menu .label {
  position: absolute;
  color: #fff;
  text-shadow: 0 0 5px #000;
  font-weight: 500;
}
/* featured_bottom */

@media (max-width: 575px) {
  ul.corporate.ft-block span.info-line .value {
    display: block;
    width: 50%;
    min-width: 200px;
    margin: 0 auto;
  }

}

/* bottom_showcase */

/* footer */
div#block-takip {
  font-size: 22px;
  margin-left: 40px;
  text-transform: uppercase;
  padding-top: 3px;
}
@media (max-width: 1400px) {
  div#block-takip {
    font-size: 21px;
    margin-left: 10px;
    text-transform: uppercase;
    padding-top: 3px;
  }
}
div#block-takip p {
  color:#007dcf;
}
div#block-sitebranding img {
  margin-top: -17px;
  margin-left: 45px;
}
div#block-footermenu li a {
  display: block;
  color: darkgray;
  text-align: center;
  font-size: 19px;
  padding: 7px 26px;
  text-transform: uppercase;
}
div#block-footermenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
div#block-footermenu li {
  float: left;
}

footer.region {
  color: #007dcf;
  padding-top: 10px;
  border-top: 1px solid #007dcf;
}
footer.region a{
  color: #007dcf;
}
@media (min-width: 1680px) {
  footer.region .footer>div {
    padding: 0 20px;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 10px;
  }

}
@media (max-width: 1679px) and (min-width: 1400px) {
  footer.region .footer>div {
    padding: 0 30px;
  }
  footer.region .footer:nth-child(2) h2{
    padding-left: 34px;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 10px;
  }
}
@media (max-width: 1399px) and (min-width: 1200px) {
  footer.region .footer>div {
    padding: 0 10px;
  }
  footer.region .footer:nth-child(2) h2{
    padding-left: 34px;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 10px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  footer.region .footer>div {
    padding: 0;
  }
  footer.region .footer:nth-child(2) h2{
    padding-left: 34px;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 4px;
  }
}
@media (max-width: 767px) {
  footer.region .footer>div {
    padding: 0 20px;
  }
}
footer.region .footer {
  margin-top: 20px;
  margin-bottom: 17px;
  padding-top: 20px;
}
@media (max-width:991px){
  footer.region .footer {
    border-left: none;
  }
  footer.region .footer:last-child {
    border-bottom: none;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 4px;
  }
  footer.region #block-sitebranding img {
  /*  max-width: 150px;*/
  }
  footer.region #block-sitebranding {
    text-align: center;
  }

}
@media (max-width:576px){
  footer.region .footer {
    text-align: center;
  }
  ul.corporate.ft-block span.info-line {
    display: inline!important;
  }
  ul.corporate.ft-block span.info-line:before {
    display: block!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }
  footer.region .footer ul.corporate.sm-block {
    display: inline!important;
  }
  footer.region .footer ul.corporate.sm-block li {
    margin-right: 4px;
  }

  div#block-sitebranding img {
    margin-top: 0;
    margin-left: 5px;
  }
}
@media (min-width:1300px) {
  .bordy {
    border-left: 1px solid gray;
  }
  div#block-footermenu {
    padding: 0 25px;
  }
}

ul.corporate.ft-block {
  padding-left: 0;
  list-style: none;
}

ul.corporate.ft-block li {
  margin-bottom: 19px;
}
ul.corporate.ft-block span.info-line {
  display: flex;
  line-height: 21px;
}
ul.corporate.ft-block span.info-line:before {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}

footer.region .footer ul.corporate.sm-block {
  list-style: none;
  padding: 0;
  display: flex;
  margin-bottom: 25px;
}

footer.region .footer ul.corporate.sm-block li {
  display: inline-block;
}

/* copyright */
.copyright {
  display: flex;
  align-items: center;
  padding: 18px 0;
  color: #fff;
}

.copyright .image img {
  max-width: 72px;
  border: 1px solid #fff;
  margin-right: 20px;
}

#copyright {
  background: var(--eublu);
}

.copyright p {
  margin: 0;
  font-weight: 500;
  font-size: 17px;
}
@media (min-width: 1680px) {
  .copyright p {
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .copyright .image {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
/* ----------------------- */

.btn-primary {
  --bs-btn-bg: var(--eublu);
  --bs-btn-border-color: var(--eublu);
  --bs-btn-hover-bg: var(--lhtblu);
  --bs-btn-hover-border-color: var(--lhtblu);
  --bs-btn-active-bg: var(--drkblu);
  --bs-btn-active-border-color: var(--drkblu);
  --bs-btn-disabled-bg: var(--eublu);
  --bs-btn-disabled-border-color: var(--eublu);
  --bs-btn-disabled-color: #aaa;
}
.btn-secondary {
  --bs-btn-color: var(--eublu);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--lhtgry);
  --bs-btn-hover-color: var(--eublu);
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: var(--lhtgry);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
  font-weight: bold;
  font-size: 15px;
  font-family: 'Sora', sans-serif;
  padding: 11px 30px;
}
.btn-secondary:hover span[class*="svgicon"] {
  margin-left: 20px;
  width: auto;
}
.btn-secondary span[class*="svgicon"] {
  position: relative;
  top: 4px;
  margin-left: 0;
  width: 0;
  display: inline-flex;
  overflow: hidden;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.btn {
  border-radius: 0;
}
a {
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

[class*="line-spacer"] {
  margin-top: 80px;
  width: 100%;
}
.line-spacer-m {
  margin-top: 80px;
  width: 100%;
}

.image-list .content {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.block-content .links a span:after {
  top: 4px;
  position: relative;
  margin: 0 6px;
}
.primary.title {
  font-weight: bold;
  margin-bottom: 40px;
}

main .projects p span:before {
  margin-right: 16px;
  top: 3px;
  position: relative;
}
main .projects p {
  font-size: 20px;
  line-height: 41px;
}
main .projects .content {
  border: 1px solid var(--lhtgry);
  padding: 50px;
}
main .projects h3 {
  margin-bottom: 30px;
}

@media (min-width:996px) {
  .article-filter {
    position: absolute;
  }
}
.article-filter input[type="checkbox"]{
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.article-filter label{
  display: block;
  width: 100%;
  color: #fff;
  background-color: var(--eublu);
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  padding: 10px 5px;
}

div.ajax-progress {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: #fffa;
  z-index: 100;
}
div.ajax-progress-fullscreen {
  background-image: url("../img/leuthrobber.gif");
}
div.ajax-progress .throbber{
  left: calc(50% - 50px);
  top:  calc(50% - 50px);
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: contain;
  background-image: url("../img/euthrobber.gif");
}
.about-us main .content {
  font-size: 24px;
}


div#block-corporatesocialmediaicons-2 {
  display: inline-block;
}

/* language switcher */
div#block-languageswitcher {
  display: inline-block;
  margin-left: 15px;
}
#block-languageswitcher ul {
  display: flex;
  margin: 0;
  padding: 0;
  top: -5px!important;
  position: relative;
}
#block-languageswitcher ul li{
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
}
#block-languageswitcher ul li a {
  display: block;
  color: darkgrey;
  padding-left: 10px;
}
#block-languageswitcher ul li {
  position: relative;
}
#block-languageswitcher ul li:before {
  content: '';
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: lightgray; /* Adjust the color as needed */
  transform: rotate(-20deg);
  z-index: 1;
}


.article-subheader {
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-us-page input[type="text"], .contact-us-page input[type="email"], .contact-us-page input[type="tel"] {
  max-width: 100%;
  width: 100%;
  border: 2px solid #e9e8e8;
  padding: 14px 40px;
  margin-bottom: 20px;
  height: 5rem;
  font-size: 24px;
}
.contact-us-page #edit-submit {
  background: white;
  border: 2px solid #e9e8e8;
  padding: 15px 35px;
  color: #7d7272;
  float: right;
  font-size: 22px;
}
.contact-us-page h3 {
  text-transform: uppercase;
  margin-bottom: 30px;
}
.contact-us-page textarea {
  max-height: 240px;
  width: 100%;
}
.contact-us-page label {
  display: none;
}
.contact-us-page iframe {
  height: 800px;
}
.video-frame {
  margin-left:auto;
  margin-right:auto;
  width: max-content;
}
main ul.pager__items, #content-bottom ul.pager__items {
  display: flex;
  padding: 0;
  list-style: none;
  margin: 0;
}

main ul.pager__items .pager__item a, #content-bottom ul.pager__items .pager__item a {
  display: inline-block;
  min-width: 30px;
  background: var(--eublu);
  color: #fff;
  margin-right: 1px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  padding: 0 10px;
  font-weight: 400;
}
main nav.pager, #content-bottom nav.pager {
  display: block;
  margin: 50px auto;
  width: fit-content;
  background: var(--gry);
  padding: 10px 10px;
}

main nav.pager li.pager__item, #content-bottom  nav.pager li.pager__item {
  line-height: 0;
}
main nav.pager li.pager__item.pager__item--ellipsis, #content-bottom  nav.pager li.pager__item.pager__item--ellipsis {
  display: none;
}
.youtube-modal figure.youtube-container {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}

.youtube-modal figure.youtube-container iframe {
  height: 100%;
  width: 100%;
}
.youtube-modal.modal.show .modal-content {
  width: 100%;
  padding: 0;
  height: 70vh;
}
.youtube-modal.modal .modal-dialog, .photo-gallery .modal .modal-dialog {
  max-width: calc(70vh * 1.5);
  width: 100%;
}
.youtube-modal.modal .modal-body, .photo-gallery .modal .modal-body {
  padding:0;
  background: none;
}
.youtube-modal .close, .photo-gallery .modal .close {
  position: fixed;
  right: 20px;
  top: 20px;
  opacity: 0.8;
  cursor: pointer;
}
.video-col .play-btn {
  width: 100px;
  height: 100px;
  background: #fffd;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px #0003;
  opacity: 0.7;
  transition: opacity 300ms ease;
}
.video-col .play-btn:after {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}
.video-col .video-thumb {
  cursor: pointer;
}
.video-col .video-thumb:hover .play-btn {
  opacity: 1;
}
.video-col .video-thumb .title{
  height: 230px;
  text-align: center;
  padding: 20px;
  border: 1px solid #00339917;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.video-col .video-thumb .title h3 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vertical-line {
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
}

body.user-login .user-login-form label {
  display: block;
  clear: both;
}
body.user-login .user-login-form .description {
  font-size: 16px;
  margin-bottom: 20px;
}
body.user-login .user-login-form {
  padding: 5% 20%;
  background: var(--gry);
  margin-bottom: 80px;
}

.dropbutton-widget {
  background: var(--lhtgry);
  border: 1px solid #ddd;
  padding: 5px 10px;
  border-radius: 5px;
}
.all-events-list {
  padding: 50px 8%;
}
.all-events-list .all-events .event-list {
  margin-top: 20px;
}
.all-events-list .all-events .date{
  font-size: 16px;
}

.single-event .photo-gallery .carousel {
  background: #333;
}
.single-event .video-thumb .title {
  padding: 20px;
  text-align: center;
}
.single-event .other-events .image img {
  width: 100%;
}
.search-node .search-form ~ ol li {
  padding: 20px;
}

.search-node .search-form ~ ol {
  padding: 50px;
}

.search-node main.region {
  padding: 20px 60px;
}

.search-node .search-form ~ ol li:nth-child(even) {
  background: var(--lhtgry);
}
.search-node .search-form ~ ol li p {
  color: #333;
  font-size: 20px;
}
#featuredmobilecarousel .carousel-item img {
  width: 100%;
}

.container-base {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.latest-videos span.play {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

main .search-help-link {
  display: none;
}

#galleryMain .carousel-inner .carousel-item {
  background-image: url(../img/euthrobber.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
}

ul.graph-list {
  list-style: none;
  padding-left: 0;
}


aside.layout-sidebar-first nav>ul a {
  display: block;
  border: 1px solid #d2d8e5;
  max-width: 250px;
  margin-bottom: 11px;
  padding: 4px 10px;
  font-size: 20px;
}

aside.layout-sidebar-first nav>ul {
  list-style: none;
  padding: unset;
}

aside.layout-sidebar-first {
 /* padding: 40px; */
}

aside.layout-sidebar-first h2 {
  font-size: 18px;
  font-weight: bold;
}

.editor-menu nav > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.editor-menu nav > ul a {
  display: block;
  padding: 5px 10px;
  margin-top: 6px;
  font-size: 12px;
  font-weight: bold;
}
main.region a.btn-primary, main.region a.btn-danger {
  color: #fff;
}

#main-menu nav.navbar li:last-child {
  background-color: #006bb2;
  color: white!important;
}
#main-menu nav.navbar li:last-child a{
  color: white!important;
}

/*  slanted img */
@media (min-width: 768px) {
  .slanted-img img {
    clip-path: polygon(0 0, 84% 0 , 100% 100%, 100% 100%,0 100%);
    z-index: 1;
    width: 100%;
    position: relative;
    bottom: 70px;
  }
}
@media (max-width: 767px) {
  .col-12.col-md-12.col-lg-5.side-txt {
    padding-right: 1%;
    padding-left: 4%;
    padding-top: 15px;
  }
  .col-12.col-md-12.col-lg-7.slanted-img img {
    z-index: 1000;
    width: 100%;
    position: relative;
    bottom: 0;
  }
}
div#block-slantedtextimg {
  background-color: #007dcf;
  height: 425px;
  margin-top: 70px;
  margin-bottom: 12rem;
}
@media (min-width: 768px) {
  div#block-slantedtextimg .side-txt p {
    color: white !important;
  }
}
#block-slantedtextimg  p.txt-title {
  font-size: 30px;
  padding-bottom: 6px;
}
#block-slantedtextimg  p.txdt {
  font-size: 21px;
}


.btn-one {
  background-color: white;
  margin-right: 25px;
  color: #007dcf!important;
  font-weight: unset;
  font-size: 13px;
  border: 1px solid #007dcf;
  margin-bottom: 10px;
}

/*  block under  */
div#block-selbahakkinda em {
  padding: 15px;
}

div#block-selbahakkinda {
  background-image: url(../img/back-txt.jpg);
  text-align: center;
  margin-top: 100px;
  margin-bottom: 50px;
  padding: 65px 0;
  color: #007dcf;
  background-size: cover;
}
.line-one {
  font-size: 22px;
  padding-bottom: 25px;
}
.line-two {
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: 500;
}
div#buttons {
  transform: translate(0,5rem);
}

/*  guncel projeler  */

#block-views-block-guncel-proje-block-1 .guncel {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-left: 1px solid lightgray;
  margin: 30px 25px;
}
.guncel-img img {
  width: 100%;
}
#block-views-block-guncel-proje-block-1  .guncel-img {
  clip-path: polygon(2% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%);
}
#block-views-block-guncel-proje-block-1 .guncel-body {
  padding: 50px;
}
.guncel-title {
  font-size: 30px;
  padding-bottom: 23px;
  text-transform: uppercase;
}
#block-views-block-guncel-proje-block-1  a.view-link {
  border: 1px solid lightgray;
  padding: 5px 18px;
  font-size: 12px;
  color: gray;
  position: absolute;
  bottom: 0;
  transform: translate(30%, 30%);
  z-index: 10000!important;
  background-color: white;
  width: auto;
}

/*  hakkimizda page */
.hakkimizda {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.hakkimizda-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.hakkimizda-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.hakkimizda-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.hakkimizda-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.hakkimizda-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.hakkimizda-txt {
  margin-bottom: 50px;
}
.hakkimizda a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  vizyon page */
.vizyon {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.vizyon-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.vizyon-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.vizyon-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.vizyon-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.vizyon-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.vizyon-txt {
  margin-bottom: 50px;
}
.vizyon a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  blog page */

.blogg {
  border: 1px solid lightgray;
  margin: 25px 23px;
}
.blog-img img {
  width: 100%;
 /* height: 320px;*/
}
.blog-img {
  clip-path: polygon(2% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%);
  padding: 0;
}
.blog-body {
  padding: 50px 30px 35px 50px;
  margin: auto;
}
.blog-title {
  color: #007dcf!important;
  font-size: 21px;
  padding-bottom: 23px;
  font-weight: 700;
}
.blog-txt {
  font-size: 17px;
}
.blog a.view-linkk {
  padding: 5px 14px;
  font-size: 12px;
  color: white;
  position: absolute;
  bottom: 25px;
  right: 50px;
  background-color: #007dcf;
  width: auto;
  border: 1px solid white;
}
div#block-blogmain {
  margin-bottom: 75px;
  border-bottom: 1px solid lightgray;
}


/*  news page */
.news-title {
  font-size: 28px;
  color: lightgray;
  /* padding-bottom: 23px; */
  margin-bottom: 50px;
  font-weight: 600;
}

.news-body {
  padding: 40px 30px 40px 155px;
  font-size: 21px;
  margin: auto;
}
.news-txt {
  padding-bottom: 40px;
}
.news-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.news-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}
.news a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  press page */
.press {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.press-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.press-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.press-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.press-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.press-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.press-txt {
  margin-bottom: 50px;
}
.press a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  sell page */
.sell {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.sell-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.sell-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.sell-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.sell-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.sell-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.sell-txt {
  margin-bottom: 50px;
}
.sell a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  project page */
.project {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.project-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.project-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.project-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 70px;
    margin-top: 50px;
}
.project-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.project-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.project-txt {
  margin-bottom: 50px;
}
.project a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  kariyer page */
.kariyer {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.kariyer-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.kariyer-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.kariyer-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.kariyer-body {
  font-size: 21px;
  margin: auto;
  padding-left: 10rem;
  padding-right: 45px;
}
.kariyer-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.kariyer-txt {
  margin-bottom: 50px;
}
.kariyer a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  blog page */
.blog {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.blog-img-one img {
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  width: 100%;
  height: 600px;
}
.blog-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}

.blog-title {
  font-size: 32px;
  color: #007dcf;
  padding-bottom: 23px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.blog-body {
  font-size: 21px;
  margin: auto;
  padding-left: 2rem;
  padding-right: 0;
}
.blog-body-two {
  font-size: 21px;
  width: 400px;
  margin: auto;
  padding: 50px;
}
.blog-txt {
  margin-bottom: 50px;
}
.blog a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  2 similar blocks */
.slick-prev,
.slick-next {
  top: 0;
  left: unset;
  right: 30px;
}

.slick-prev {
  right: 60px;
}

.slider-section {
  margin: 50px 0;
}

.slider-box {
  display: flex;
  flex-wrap: wrap;
}

.slider-content {
  width: 37%;
  padding: 40px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 375px;
  font-size: 16px;
}

.read-more-btn {
  position: absolute;
  bottom: 0;
  display: flex;
  margin-bottom: -20px;
}

.read-more-btn a {
  display: flex;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ebebeb;
  padding: 7px 20px;
  color: #a19d9d;
  font-size: 14px;
}

.slider-img {
  width: 63%;
}

/* .slider-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    background: url(./shape.svg) no-repeat center center / 100% auto;
    z-index: 9;
} */
div#block-views-block-guncel-proje-block-1 {
  margin-bottom: 8rem;
}
.slider-img img {
  max-width: 100%;
}
.slider-box-main {
  padding: 23px 23px;
}
.slider-head {
  width: 100%;
  margin: auto;
  max-width: 1590px;
  /* padding: 0 15px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-left: 50px;
}
.slider-head h3 {
  color: #007dcf;
  font-size: 41px;
  font-weight: 400;
  margin: 0;
}
.slider-box {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}
@media (min-width: 900px) {
  .slider-img {
    clip-path: polygon(2% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%) !important;
  }
}
.slider-img {
  position: relative;
  overflow: hidden;
  /* padding-top: 40%;*/
}
.slider-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slick-slider {
  padding-top: 25px;
}
.slider-content h4 {
  color: #5893dd;
  margin-bottom: 23px;
  text-transform: uppercase;
  font-size: 35px;
  font-weight: 400;
}
.slick-prev:before,
.slick-next:before {
  color: #5893dd;
}
.slider-arrow {
  display: flex;
  gap: 18px;
}
.slider-arrow div {
  background-color: #007dcf;
  width: 39px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 37px;
  line-height: 1;
  padding-bottom: 8px;
  cursor: pointer;
  font-weight: 400;
}
@media only screen and (max-width: 991px) {
  .slider-content {
    padding: 20px;
  }

  .slider-box-main {
    padding: 0 20px;
  }

  .slider-img::before {
    width: 115px;
  }
  .slider-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: 225px;
    font-size: 14px;
  }
  .slider-content h4 {
    color: #5893dd;
    margin-bottom: 23px;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
  }
}

@media only screen and (max-width: 767px) {
  .slider-box-main {
    padding: 0 15px;
  }

  .slider-img {
    width: 100%;
    order: 1;
  }
  .slider-content {
    order: 2;
    width: 100%;
  }

  .slider-img::before {
    display: none;
  }

  .slider-img {
    padding-top: 50%;
  }
  .slider-head {
    width: 100%;
    margin: auto;
    /* max-width: 1590px; */
    /* padding: 0 15px; */
    display: block;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
    padding-left: 14px;
  }
  .slider-head h3 {
    color: #007dcf;
    font-size: 30px;
    font-weight: 400;
    margin: 20px 0;
  }
}

/* contact page  */
iframe {
  width: 100%;
}
.contact-info .iletisim-gec {
  font-size: 45px;
  text-transform: uppercase;
  word-spacing: 10px;
  padding-bottom: 45px;
}
.contact-info .iletisim-gec p {
  color: #5893dd;
}
.contact-info .adres {
  padding-bottom: 30px;
  font-size: larger;
}
.contact-info .phone-mail {
  padding-bottom: 30px;
  font-size: larger;
}
.contact-info {
  margin-top: 30px;
  margin-bottom: 45px;
}
div#block-iletisimegec {
  padding: 50px;
}
.contact {
  float: left!important;
}

/*  kariyer page */

.blogg a.view-linkk {
  padding: 5px 14px;
  font-size: 12px;
  color: white;
  position: absolute;
  bottom: 25px;
  right: 50px;
  background-color: #007dcf;
  width: auto;
  border: 1px solid white;
}

div#block-kariyerbanner {
  margin-bottom: 85px;
}

div#block-contactblock label {
  display: none;
}
div#block-contactblock .form-text {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid lightgray;
}
div#block-contactblock textarea#edit-message-0-value {
  padding: 17px;
  margin-bottom: 25px;
  border: 1px solid lightgray;
  width: 75%;
  font-size: x-large;
}
#contact-message-feedback-form textarea#edit-message-0-value {
  padding: 30px;
  margin-bottom: 25px;
  border: 1px solid lightgray;
 /* width: 75%;*/
  font-size: x-large;
}
div#block-contactblock #edit-submit {
  background: white;
  border: 2px solid #e9e8e8;
  padding: 15px 15px;
  color: #878282;
  /*float: right;*/
  font-size: 22px;
}
.form-text {
  margin-top: .25rem;
  font-size: inherit;
  color: #6c757d;
}
div#block-views-block-kariyer-block-block-1 .kariyer-title {
  font-size: 37px;
  color: #007dcf;
  padding-left: 4rem;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.row.blogg.career {
  margin: 30px 55px;
}

/*  Projeler page and view  */
.proje-img img {
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%);
  width: 100%;
  height: 600px;
}
.proje-img-two img {
  clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
  width: 100%;
  height: 600px;
}
.proje-body {
  font-size: 21px;
  width: 450px;
  margin: auto;
  padding: 60px;
}
.proje-title {
  font-size: 37px;
  color: #007dcf;
  padding-bottom: 10px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.proje-txt {
  margin-bottom: 32px;
  font-size: 22px;
}

.proje a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}
.proje {
  margin-bottom: 100px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
/*
.project-title {
  font-size: 37px;
  color: #007dcf;
  margin-bottom: 70px;
  margin-top: 50px;
}
*/
.real-estate-projects-view .rooms {
  background-image: url('../img/first-icon.png'); /* Path to mail icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.social-media-icons .area {
  background-image: url('../img/sec-icon.png'); /* Path to mail icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}



/* projeler node inside  */

.photo-gallery {
  margin-top: 60px;
}

.gallery-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  padding-bottom: 25px;
}

/* Clipping styles
.gallery-image:nth-child(3n+1) img {
  clip-path: polygon(0 0, 83% 0%, 100% 100%, 0% 100%);
}

.gallery-image:nth-child(3n+2) img {
  clip-path: polygon(5% 0%, 80% 0%, 100% 100%, 23% 100%);
}

.gallery-image:nth-child(3n+3) img {
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 23% 100%);
}*/
.box {
  padding: 25px;
}

.price-box {
  position: relative;
  width: 100%;
  height: 275px;
  margin: 0 auto;
  border: 1px solid #e9e7e7;
  text-align: center;
  /* padding: 60px 20px 20px; */
  box-sizing: border-box;
  align-items: center;
  display: grid;
}

.icon-container {
  position: absolute;
  top: -35px; /* Adjust to position the icon */
  left: 50%;
  transform: translateX(-50%);
  background: white; /* Match the background of the box */
  padding: 10px 13px;
  border: 1px solid #e9e7e7;
}

.icon {
  width: 30px; /* Adjust size as needed */
  height: 30px;
}

.price-content {
 /* margin-top: 20px;  Adjust to create space for the icon */
}

.price-content h3 {
  margin: 0;
  font-size: 32px;
  font-weight: 300;
  color: #000000;
}

.price-content p {
  margin: 10px 0 0;
  font-size: 38px;
  color: black;
}

@media (max-width: 600px) {
  .price-box {
    padding: 40px 10px 10px; /* Adjust padding for smaller screens */
  }

  .icon {
    width: 25px; /* Adjust size as needed for smaller screens */
    height: 25px;
  }

  .price-content h3 {
    font-size: 1em;
  }

  .price-content p {
    font-size: 1.2em;
  }
}

.satir {
    font-size: 27px;
}
#backg-one {
  background-image: url('../img/backg3.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 650px;
  color: white;
  padding-bottom: 45px;
}

#backg-two {
    background-image: url(../img/backg3.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 732px;
    padding-top: 201px;
    color: white;
    text-align: center;
}
#backg-one p, #backg-two p{
    color: #fff;
}
#backg-two .paddy {
  padding: 0;
}
#backg-one .text-area {
  text-align: center;
  padding: 95px 20px;
  width: 50%; /* Use 70% of the container width */
  box-sizing: border-box;
}

#backg-one .logo {
  font-size: 2em;
  margin-bottom: 60px;
}

#backg-one .par-one, .par-two {
  margin-bottom: 55px;
  line-height: 35px;
}

@media (max-width: 768px) {
  .text-area {
    width: 90%; /* Adjust width for smaller screens */
  }

  .logo {
    font-size: 1.5em;
  }

  .par-one, .par-two {
    font-size: 1em;
  }
}


/*  slider */
#carouselExampleControls .carousel-item {
  position: relative;
}

#carouselExampleControls .carousel-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#carouselExampleControls .carousel-text-area {
  position: relative;
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#carouselExampleControls .text-area {
  font-size: 21px;
  width: 470px;
  margin: auto;
  /*padding: 50px;*/
}
#carouselExampleControls .carousel-text-area .container {
  padding: 20px;
}
#carouselExampleControls .text-area-title {
  font-size: 3rem;
  color: #007bff;
  margin-bottom: 25px;
}

#carouselExampleControls .text-area-body  {
  font-size: 1.2em;
  color: lightgray;
  margin-bottom: 40px;
}

#carouselExampleControls .carousel-text-area .btn {
  margin-top: 20px;
}

#carouselExampleControls .carousel-control-prev,
#carouselExampleControls .carousel-control-next {
  position: absolute !important;
  bottom: -20px !important; /* Force position to bottom */
  top: auto !important; /* Override top property */
  left: 15%;
  transform: translateX(-150%) !important; /* Adjust to position the controls side by side */
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  background-color: #007dcf !important; /* Adjust background color as needed */
  border: none !important;
  z-index: 11 !important; /* Ensure controls are above other elements */
  color: white !important; /* Ensure the icon is visible */
  opacity: 1 !important; /* Ensure full opacity */
}

#carouselExampleControls .carousel-control-next {
  transform: translateX(5%) !important; /* Adjust to position the controls side by side */
}
#carouselExampleControls .carousel-inner {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
#carouselExampleControls .carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: #fff;
  text-align: initial;
}
@media (min-width: 1400px) {
  #carouselExampleControls .carousel-item img {
    height: 630px;
  }
}
#carouselExampleControls .carousel-control-prev-icon, #carouselExampleControls .carousel-control-next-icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
#carouselExampleControls a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}

/*  mini sliders  */
.carousel-item {
  position: relative;
}

.carousel-text-area {
  position: relative;
  width: 45%;
  height: 100%;
  background: rgba(255, 255, 255);
  /*clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);*/
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.carousel-text-area .container {
  padding: 20px;
}
.text-area-title {
  font-size: 44px;
  color: #007dcf;
  text-transform: uppercase;
}
.text-area-body  {
  font-size: 27px;
  color: lightgray;
  margin-bottom: 20px;
}

.carousel-text-area .btn {
  margin-top: 20px;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute !important;
  bottom: 30px !important; /* Force position to bottom */
  top: auto !important; /* Override top property */
  left: 90%;
  transform: translateX(-150%) !important; /* Adjust to position the controls side by side */
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  background-color: #3b769d !important; /* Adjust background color as needed */
  border: none !important;
  z-index: 11 !important; /* Ensure controls are above other elements */
  color: white !important; /* Ensure the icon is visible */
  opacity: 1 !important; /* Ensure full opacity */
}

.carousel-control-next {
  transform: translateX(5%) !important; /* Adjust to position the controls side by side */
}
@media (max-width: 767px) {
		.slider-bottom  .carousel-item > div {
			display: none;
		}
		.slider-bottom  .carousel-item > div:first-child {
			display: block;
		}
	}

	.slider-bottom  .carousel-item.active,
	.slider-bottom  .carousel-item-next,
	.slider-bottom  .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.slider-bottom  .carousel-item-end.active,
		.slider-bottom  .carousel-item-next {
			transform: translateX(25%);
		}

		.slider-bottom  .carousel-item-start.active,
		.slider-bottom  .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.slider-bottom  .carousel-item-end,
	.slider-bottom  .carousel-item-start {
		transform: translateX(0)
	}
.carousel-inner {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
.slider-section .carousel-inner {
  border-top: 0 solid lightgray;
  border-bottom: 0 solid lightgray;
  border-left: 0 solid lightgray;
  border-right: 0 solid lightgray;
}

.slidermini-row .carousel-item img {
  height: 340px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  /*border: 2px solid white;
  padding: 13px;*/
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.minislide-body h3 {
  color: #007bff;
}
.minislide-body p {
  font-size: 20px;
  color: black;
}
.minislide-body {
   padding:20px;
 }
.slidermini-row {
  padding: 10px 20px;
}
.slider-one, .slider-two, .slider-three, .slider-four {
  padding: 20px 20px;
}


/*  socials */
.social-media-icons {
  display: flex;
  justify-content: center; /* Center the icons */
  gap: 5px; /* Space between the icons */
  list-style: none;
  padding: 0;
  margin: 0;
}

.social-media-icons .icon {
  width: 38px;
  height: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* text-decoration: none; */
  /* color: #000; */
}

.social-media-icons .icon span {
  margin-top: 5px;
  font-size: 12px;
  display: none;
}

.social-media-icons .facebook {
  background-image: url('../img/facebook.png'); /* Path to phone icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.social-media-icons .whatsapp {
  background-image: url('../img/whatsapp.png'); /* Path to location icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.social-media-icons .insta {
  background-image: url('../img/insta.png'); /* Path to mail icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*  frontpage carousel  */
#frontpage-carousel .carousel-text-area {
  position: relative;
  width: 48%;
  height: 100%;
  background: rgba(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
}
#frontpage-carousel .carousel-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#frontpage-carousel .frontcarousel-image img{
  width: 100%;
}
#frontpage-carousel .frontcarousel-image:after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 13%;
  height: 100%;
  top: 0;
  transform: skewX(18deg) translateX(-56%);
}
#frontpage-carousel a.view-link {
  border: 1px solid lightgray;
  padding: 8px 18px;
  font-size: 15px;
  color: gray;
  background-color: white;
}
#frontpage-carousel .carousel-control-prev, #frontpage-carousel .carousel-control-next {
  position: absolute !important;
  bottom: -20px !important;
  top: auto !important;
  left: 15%;
  transform: translateX(-150%) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  background-color: #007dcf !important;
  border: none !important;
  z-index: 11 !important;
  color: white !important;
  opacity: 1 !important;
}
#frontpage-carousel .carousel-control-next {
  transform: translateX(2%) !important;
}
div#frontpage-carousel {
  margin-bottom: 90px;
}

.col-12.col-md-6.vid-one {
  padding:40px;
}
.col-12.col-md-6.vid-two {
  padding: 40px;
}
.video-area {
  margin: 75px 5px;
}
figure.youtube-container iframe {
  height: 400px;
  width: 100%;
}
/*  gallery */
.photo-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.photo-gallery .row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.image-container {
  width: 33%;
  padding: 0.5%;
  transform: rotate(-5deg);
}
.image-container img {
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .image-container {
    width: 100%;
    padding: 0.5% 0;
  }
}

/*  makale */
.carousel-img img {
  width: 100%;
  height: 620px;
}
@media (min-width: 768px) {
  .text-end {
    text-align: left !important;
    margin-top: 10px;
  }
}
/* responsive   */
@media (max-width: 767px) {
    div#block-haritalocation {
    padding: 26px;
    }
    .contact-us-page #edit-submit {
    padding: 5px 105px 5px 16px;
    margin-top: -23px;
    margin-bottom: 32px;
    }
    .contact-us-page input[type="text"], .contact-us-page input[type="email"], .contact-us-page input[type="tel"] {
    text-align: center;
    }
    .hakkimizda-img-one img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%, 0 100%);
    width: 100%;
    height: auto;
    }
    .hakkimizda-img-two img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0% 100%);
    width: 100%;
    height: auto;
    }
  .text-end {
    text-align: left!important;
  }
  .hakkimizda-body {
    font-size: 21px;
    margin: auto;
    padding-left: 3rem;
    padding-right: 1rem;
  }
  .hakkimizda-title {
    font-size: 30px;
    color: #007dcf;
    padding-bottom: 23px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .blog-img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 100% 100%, 0% 100%);
    padding: 0;
  }
  .row.blogg.career {
    margin: 25px 30px;
  }
  aside.layout-sidebar-second.col-12.col-md-5 {
    padding: 25px;
  }
  div#block-cvgondertitle {
    text-align: center;
  }
  #frontpage-carousel .carousel-caption {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #frontpage-carousel .carousel-text-area {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255);
    /*clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);*/
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  #frontpage-carousel .text-area {
    font-size: 18px;
    width: auto;
    margin: auto;
    padding: 15px;
  }
  .text-area-title {
    font-size: 35px;
    color: #007dcf;
    margin-bottom: 15px;
  }
  .text-area-body {
    font-size: 21px;
    color: lightgray;
    margin-bottom: 15px;
  }
  #frontpage-carousel a.view-link {
    border: 1px solid lightgray;
    padding: 8px 18px;
    font-size: 15px;
    color: gray;
    background-color: white;
    /* margin-bottom: 32px; */
    float: right;
  }
  #frontpage-carousel .carousel-control-prev, #frontpage-carousel .carousel-control-next {
    position: absolute !important;
    bottom: -20px !important;
    top: auto !important;
    left: 20%;
    /* transform: perspective(10px); */
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 40px !important;
    height: 40px !important;
    /* background-color: #007dcf !important; */
    border: none !important;
    z-index: 11 !important;
    color: white !important;
    opacity: 1 !important;
  }
  div#buttons {
    transform: translate(0,6rem);
    display: grid;
    width: auto;
    margin-bottom: 50px;
  }
  div#block-slantedtextimg .side-txt p {
    color: darkgray !important;
    padding-left: 10px;
  }
  div#block-slantedtextimg {
    background-color: white;
    height: auto;
    margin-top: 10px;
    margin-bottom: 1rem;
  }
}

.real-estate-projects-view .rooms {
  background-image: url('../img/first-icon.png'); /* Path to mail icon */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.real-estate-projects-view .area {
  background-image: url('../img/sec-icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
i.rooms {
  display: block;
  width: 40px;
  height: 20px;
}
i.area {
  display: block;
  width: 40px;
  height: 20px;
}
.property-details {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #ccc;
}

.property-detail {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-bottom: 30px;
}

.property-detail i {
  margin-right: 20px;
}

/*  whatsapp block  */

.whats {
  background-image: url('../img/whats.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/*
.whats i{
  width: 21px;
  height: 21px;
  display: inline-block;
}*/
#whatsapp-chat-widget {
  position: fixed;
  bottom: 80px;
  right: 50px;
  width: 275px;
  background-color: #f5f4f4;
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: block;
  z-index: 995;
  height: 290px;
}

.whatsapp-chat-header {
  background-color: #25d366;
  color: #ffffff;
  padding: 12px 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 25px 25px 0 0;
}

.close-chat {
  cursor: pointer;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
}

.whatsapp-title {
  font-size: 15px;
  /*font-weight: bold;*/
  padding-left: 10px;
}

.whatsapp-chat-body {
  padding: 15px;
}

.whatsapp-chat-body p {
  margin: 0 0 18px;
  color: black;
}

.whatsapp-chat-body textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  resize: none;
  color: black!important;
  overflow: hidden;
}

.whatsapp-send-btn {
  width: 69%;
  padding: 12px;
  background-color: #25d366;
  color: #ffffff;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  margin-top: 10px;
}

.whatsapp-send-btn:hover {
  background-color: #1ebc59;
}

.whatsapp-float-btn {
  position: fixed;
  bottom: 20px;
  right: 48px;
  width: 70px;
  height: 71px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  border: 3px solid white;
}

.whatsapp-float-btn img {
  width: 50px;
  height: 40px;
}

#whatsapp-chat-widget.hidden {
  display: none;
}

button.whatsapp-send-btn img {
  width: 25px;
  height: 23px;
  display: inline-block;
}
/* Media queries to hide chat widget on mobile */
@media (max-width: 767px) {
  #whatsapp-chat-widget {
    display: none;
  }
}

@media (max-width: 767px) {
  .whatsapp-float-btn {
    display: none;
  }
}

/* tekli projeler  */
@media (min-width: 719px) {
  div#block-views-block-bitmis-proje-mb-block-1 {
    display: none;
  }
}
/*  cift projeler */
@media (max-width: 718px) {
  div#block-views-block-bitmis-proje-block-1-2 {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .blog-title {
    color: #007dcf!important;
    font-size: 16px;
    padding-bottom: 13px;
    font-weight: 700;
  }
  .blog-body {
    padding: 15px;
    margin: auto;
  }
  .blog-txt {
    font-size: 15px;
  }
  .contact-info .iletisim-gec {
    font-size: 33px;
    text-transform: uppercase;
    word-spacing: 10px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .proje-img img {
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%);
    width: 100%;
    height: 600px;
  }
  .proje-img-two img {
    clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
    width: 100%;
    height: 600px;
  }
  .proje-img-two img {
    clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
    width: 100%;
    height: 600px;
  }
}
/*
@media (max-width: 767px) {
  div#block-footermenu li {
    float: none;
  }
  div#block-takip {
    text-align: center;
  }
}*/

/* apt css */
.apt-body {
  height: 329px;
  border-right: none;
  padding-left: 32px;
  width: 108%;
}
.apt-body h3 {
  color: #007bff;
  font-size: 19px;
}
.apt-body p {
  color: black;
  font-size: 16px;
}
div#aptSlider_1 .carousel-inner {
  border: none;
}
.aptminis-one {
  padding: 23px;
}
.aptmini-row {
  padding: 81px;
  padding-left: 40px;
}
.gen {
  padding: 0;
}
.carousel-text {
  width: 33%;
}
.gen .carousel-inner {
  border: none;
}
.apt-title h3 {
  font-size: 33px;
  text-align: center;
}
.apt-title {
  color: #007bff;
}
.aptminis-box {
  border: 1px solid lightgrey;
}
div#aptSlider_1 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_2 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_3 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_4 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_5 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_6 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_7 img {
  width: 98.5%;
  height: 330px;
}
div#aptSlider_8 img {
  width: 98.5%;
  height: 330px;
}
#press img {
    height: auto;
    padding: 41px 41px 41px 43px;
}
#press .image-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
  transform: rotate(0);
  width: 100%;
}

#press .image-hover {
  display: block;
  width: 100%;
  transition: transform 0.3s ease;
}

#press .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Siyah transparan arka plan */
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* Overlay'in tıklanmasını engeller */
}

#press .zoom-text {
  color: white;
  font-size: 20px;
  font-weight: bold;
}

#press .image-container:hover .overlay {
  opacity: 1; /* Görselin üzerine gelindiğinde overlay görünür */
}

#press .image-container:hover .image-hover {
  transform: scale(1.1); /* Görsel üzerine gelindiğinde büyütme efekti */
  cursor: pointer; /* İmleci pointer (el işareti) yapar */
}

/* responsive */

@media (max-width: 1680px) {

  div#block-footermenu li a {
    padding: 7px 16px;
  }
  footer.region .footer {
    padding-left: 0;
  }
  .proje-img img {
    clip-path: polygon(6% 0, 100% 0, 100% 100%, 100% 100%, 20% 100%);
    width: 100%;
    height: 526px;
  }
  #main-menu .dropdown-menu {
    min-width: calc(100% + -1px);
    margin-left: 2px;
  }
  .blog-title {
    font-size: 29px;
    color: #007dcf;
    padding-bottom: 23px;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .blog-body {
    font-size: 27px;
    margin: auto;
    padding: 0 30px 0 50px;
  }
  .btn-one {
    margin-right: 9px;
  }
  .whatsapp-float-btn {
    right: 30px;
  }
  .social-media-icons {
    padding-right: 31px;
  }
  .news-img-two img {
    clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
    width: 86%;
    height: 600px;
  }
}
@media (max-width: 1400px) {
    #press .image-hover {
    height: auto;
}
  a.dropdown-item {
    font-size: 14px;
  }
  .blog-body {
    font-size: 21px;
    margin: auto;
    padding-left: 51px;
    padding-right: 32px;
    padding-bottom: 0;
  }
  .blog-txt {
    margin-bottom: 37px;
  }
  .blog-title {
    color: #007dcf !important;
    font-size: 16px;
    padding-bottom: 13px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .vizyon-txt {
    margin-bottom: 16px;
  }
  .vizyon-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .slanted-img img {
    bottom: 16px;
  }
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    line-height: 104px;
    padding: 0 42px;
    font-size: 15px;
  }
  #block-slantedtextimg p.txt-title {
    padding-bottom: 0;
  }
  div#buttons {
    transform: translate(0, 25px);
  }
  .btn-one {
    margin-right: 0;
    margin-bottom: 0;
    font-size: 11px;
  }
  .hakkimizda-body {
    font-size: 18px;
    padding-left: 5rem;
    padding-right: 36px;
  }
  #branding a img {
    width: 78%;
  }
  .hakkimizda-img-one img {
    height: 523px;
  }
  .haber-txt {
    padding-bottom: 0;
    font-size: 20px;
    padding-top: 16px;
  }
  .haber-body {
    padding: 0 42px 0 86px;
  }
  .haber-title {
    font-size: 25px;
    margin-bottom: -18px;
  }
  [class*="line-spacer"] {
    margin-top: 0;
  }
  .proje {
    margin-bottom: 100px;
  }
  div#aptSlider_1 img {
    width: 97.8%;
    height: 301px;
  }
  .aptminis-box .carousel-control-prev, .carousel-control-next {
    left: 85%;
  }
  .apt-body h3 {
    font-size: 17px;
  }
  .carousel-text {
    height: 301px;
  }
  .apt-body {
    height: 330px;
    border-right: none;
    padding-top: 13px;
    padding-left: 17px;
  }
}
@media (max-width: 1200px) {
    .proje-img img {
    height: 458px;
    }
    .proje-body {
    padding: 51px;
}
    #carouselExampleControls .carousel-control-prev {
    bottom: -51px !important;
}
    #carouselExampleControls .carousel-control-next {
    bottom: -51px !important;
}
    div#aptSlider_2 img {
    width: 98.5%;
    height: 301px;
}
    #backg-one .par-two {
    margin-bottom: 69px;
    line-height: 35px;
}
    .blog-img img {
    width: 100%;
    height: 255px;
}
    a.dropdown-item {
        font-size: 13px;
    }
    .blogg a.view-linkk {
    padding: 5px 9px;
    bottom: 10px;
    right: 10px;
}
    .project-img-one img {
    height: 491px;
}
    .text-area-body {
    font-size: 19px;
    color: lightgray;
    margin-bottom: 20px;
}
    #frontpage-carousel .carousel-control-prev, #frontpage-carousel .carousel-control-next {
    width: 35px !important;
    height: 35px !important;
}
    .slider-content h4 {
    font-size: 26px;
}
    .slider-content {
    width: 37%;
    padding: 6px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: 375px;
    font-size: 16px;
}
  .blog-txt {
    margin-bottom: 25px;
  }
  .blog-body {
    font-size: 21px;
    margin: auto;
    padding-left: 22px;
    padding-right: 16px;
    padding-bottom: 0;
  }
    .proje-img-two img {
        width: 94%;
        height: 457px;
    }
  .proje-img-two img {
    width: 87%;
    height: 440px;
  }
  .proje .col-md-8 {
    flex: 0 0 auto;
    width: 62.666667%;
  }
  .vizyon-title {
    font-size: 28px;
  }
  .vizyon-txt {
    margin-bottom: 16px;
    font-size: 17px;
  }
  .vizyon-body {
    padding-left: 5rem;
  }
  #main-menu nav.navbar ul.level_0 > li:hover > a, #main-menu nav.navbar ul.level_0 > li:hover > span {
    font-size: 12px;
  }
  #frontpage-carousel .text-area {
    padding: 50px;
  }
  .slanted-img img {
        height: 103.1%;
    }
  #block-slantedtextimg p.txt-title {
    font-size: 27px;
  }
  .slanted-img img {
    height: 101.8%;
  }
  #buttons {
    transform: translate(0, 30px);
  }
  .btn-one {
    font-size: 10px;
  }
  #block-sitebranding img {
    margin-top: -4px;
  }
  #block-takip {
    font-size: 19px;
    margin-left: 10px;
    padding-top: 10px;
  }
  #block-footermenu li {
    display: inline-block;
    margin: -10px;
    padding-top: 15px;
  }
  .social-media-icons {
    padding-right: 48px;
  }
  .whatsapp-float-btn {
    right: 17px;
  }
  #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
    line-height: 101px;
    padding: 0 35px;
    font-size: 15px;
  }
  #branding a img {
    width: 67%;
    margin: 0 22px;
  }
  .news-title {
    font-size: 25px;
    color: lightgray;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 600;
  }
  .news-txt {
    padding-bottom: 0;
  }
  .news-body {
    padding: 40px 29px 6px 155px;
    font-size: 19px;
    margin: auto;
  }
  .news-body {
    padding: 9px 0px 0px 127px;
    font-size: 19px;
    margin: auto;
  }
  .apt-body p {
    font-size: 15px;
  }
  .satir {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
    .blog-img-one img {
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
    width: 100%;
    height: 450px;
}
    .blog-body-two {
    font-size: 21px;
    width: 33.3%;
    margin: 0;
    padding: 50px;
}
    .project-txt {
    margin-bottom: 10px;
}
    .project-title {
    font-size: 37px;
    color: #007dcf;
    padding-bottom: 0;
    text-transform: uppercase;
    margin-bottom: 70px;
    margin-top: 50px;
}
    .vizyon-img-two img {
    height: 446px;
}
    .news-img-two img {
        width: 100%;
        height: 398px;
    }
    .news-txt {
        padding-bottom: 0;
        font-size: 16px;
    }
    .news-img-one img {
    height: 506px;
}
    .line-two {
    padding-bottom: 4px;
    font-size: 27px;
}
        div#buttons {
        transform: translate(0, 3px);
    }
    .project-body-two {
    font-size: 21px;
    width: 28%;
    margin: auto;
    padding: 50px;
}
    #main-menu .dropdown-menu {
    margin-left: 6px;
    }
    #press img {
    padding: 22px 18px 41px 15px;
    }
  .kariyer-body-two {
        font-size: 21px;
        margin: auto;
        width: 33%;
        padding: 50px;
    }
  .whatsapp-float-btn {
    width: 62px;
    height: 63px;
  }
  .whatsapp-float-btn img {
    width: 42px;
    height: 34px;
  }
  .blog-body {
    padding-top: 27px;
  }
  .blog-img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 100% 100%, 0% 100%);
  }
  .project-body-two {
    padding: 50px;
  }
  .sell-txt {
    margin-bottom: 50px;
    font-size: 19px;
  }
  .sell-img-two img {
    clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
    width: 100%;
    height: 100%;
}
.sell-body {
        text-align: center;
        font-size: 21px;
        margin: auto;
        padding-left: 65px;
        padding-right: 0;
    }
.sell-img-one img {
    height: 100%;
}
     .sell .text-end {
        text-align: left !important;
        margin-top: 23px;
        font-size: 18px;
    }
  .sell-title {
    font-size: 24px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news-title {
    font-size: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .news-body {
    padding: 9px 27px 0px 127px;
    font-size: 19px;
    margin: auto;
  }
  #block-footermenu li {
    display: inline-block;
    margin: -10px;
    padding-top: 45px;
  }
  .haber-txt {
    padding-bottom: 0;
    font-size: 18px;
    padding-top: 16px;
  }
  .haber-title {
    font-size: 23px;
    margin-bottom: -18px;
  }
   .hakkimizda-title {
    font-size: 28px;
    color: #007dcf;
    padding-bottom: 17px;
    text-transform: uppercase;
    margin-bottom: -28px;
    text-align: center;
}
  .hakkimizda-img-two img {
    height: 479px;
}
  .hakkimizda-txt {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 16px;
    text-align: center;
  }
  .contact-us-page #edit-submit {
    border: 1px solid #e9e8e8;
    padding: 6px 16px;
    font-size: 18px;
    margin-top: 18px;
  }
  #contact-message-feedback-form textarea#edit-message-0-value {
    padding-top: 10px;
    padding-left: 40px;
    border: 1px solid #e9e8e8;
    font-size: smaller;
    height: 165px;
  }
  div#block-sitebranding img {
    margin-top: -7px;
    margin-left: 0;
  }
  .contact-us-page input[type="text"], .contact-us-page input[type="email"], .contact-us-page input[type="tel"] {
    border: 1px solid #e9e8e8;
    padding: 14px 40px;
    margin-bottom: 4px;
    height: 52px;
    font-size: 17px;
  }
  .contact-info .phone-mail {
    padding-bottom: 0;
    font-size: smaller;
  }
  .contact-info .adres {
    padding-bottom: 6px;
    font-size: 20px;
  }
  .contact-info .iletisim-gec {
    font-size: 24px;
    padding-bottom: 0;
  }
  div#block-iletisimegec {
    padding-top: 12px;
  }
  .contact-info {
    margin-top: 0;
  }
  .proje-body {
    width: 197px;
    padding: 0;
  }
  .blog-img {
    clip-path: 0;
    padding: 0;
  }
  .proje {
    margin-bottom: 0;
  }
  .proje-title {
    font-size: 28px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .proje-img img {
    height: 397px;
  }
  .proje-img-two img {
    width: 82%;
    height: 397px;
  }
  aside.layout-sidebar-second {
    text-align: center;
  }
  .hakkimizda-img-one img {
    height: 100%;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
  }
  .hakkimizda-body-two {
    font-size: 18px;
    width: 284px;
    margin: auto;
    padding: 36px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #current-projects .carousel-control-next {
    left: 91%;
}
.slider-content {
        font-size: 16px;
        padding: 6px 8px;
    }
.col-12.col-md-12.col-lg-5.side-txt {
        padding-right: 10%;
        padding-left: 4%;
        padding-top: 33px;
    }57
  .slider-content {
        font-size: 14px;
    }
      a.dropdown-item {
        font-size: 10px;
        padding: 5px;
    }
      #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
        line-height: 77px;
        padding: 17px;
        font-size: 14px;
    }
  #branding a img {
    width: 189px;
    margin: 10px 0;
  }
  .text-area-body {
    font-size: 19px;
    margin-bottom: 0;
  }
  #frontpage-carousel .text-area {
    font-size: 21px;
    width: 348px;
  }
  .read-more-btn a {
    font-size: 12px;
        padding: 8px 27px;
}
#block-slantedtextimg p.txdt {
    font-size: 18px;
    line-height: 35px;
}
  .text-area-title {
    font-size: 29px;
    margin-bottom: 0;
  }
  #frontpage-carousel .text-area {
    width: 374px;
    margin: auto;
  }
  .side-txt {
    padding-top: 35px;
  }
  .btn-one {
    padding: 12px;
  }
  .slanted-img img {
    height: 103.3%;
  }
  #block-sitebranding img {
    margin-top: 0;
    margin-left: 0;
  }
   div#block-footermenu ul {
    margin: -26px;
    padding-top: 0;
  }
  #carouselExampleControls .text-area-title {
    font-size: 37px;
  }
  #carouselExampleControls .text-area-body {
    font-size: 16px;
  }
  #carouselExampleControls a.view-link {
    padding: 4px 14px;
    font-size: 14px;
  }
  div#aptSlider_1 img {
    width: 95.8%;
    height: 266px;
  }
}
@media (max-width: 768px) {
        .project-txt {
        margin-bottom: 10px;
        font-size: 19px;
    }
        .proje-img-two img {
        width: 100%;
        height: 397px;
        clip-path: polygon(0 0, 85% 0, 97% 79%, 100% 100%, 0% 100%);
    }
    .sell-img-two img {
        clip-path: polygon(0% 0, 100% 0, 100% 100%, 20% 100%, 0% 100%);
        padding: 30px;
        height: 479px;
    }
        .sell-body {
        padding-left: 0;
    }
    #finished-projects .carousel-control-next {
    left: 92%;
}
        .slider-content {
        width: 37%;
        padding: 6px 48px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        min-height: 314px;
        font-size: 16px;
    }
    #current-projects .carousel-control-prev {
    left: 85%;
}
    .slider-box {
    border: 1px solid #ebebeb;
    margin-bottom: 32px;
}
    .hakkimizda-img-two img {
    clip-path: polygon(0);!importent
}
    .hakkimizda-img-one img {
                clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%, 0% 100%);
    }
    #main-menu nav.navbar ul.level_0 > li > a, #main-menu nav.navbar ul.level_0 > li > span.nav-link {
        line-height: 0;
        padding: 13px;
        font-size: 18px;
    }
        .read-more-btn a {
        font-size: 10px;
        padding: 8px 10px;
    }
    #frontpage-carousel .carousel-caption {
    height: 102%;
}
      .project-img-one img {
        clip-path: polygon(9% 0, 100% 0, 100% 100%, 20% 100%, 22% 100%);
        width: 100%;
        height: 392px;
    }
  .blog-body {
    padding-top: 27px;
    height: 163px;
  }
  .project-body-two {
    width: 263px;
    padding: 50px;
  }
  .social-media-icons {
    padding-left: 15px;
  }
  .contact-info {
    margin-top: 0;
    text-align: center;
  }
  .proje-txt {
    margin-bottom: 32px;
    font-size: 17px;
  }
      .project-title {
        font-size: 26px;
        margin-bottom: 0;
        margin-top: 0;
    }
  .sell {
    border-top: 0;
    border-bottom: 0;
  }
  .sell .text-end {
    text-align: center !important;
    margin-top: 0;
    font-size: 18px;
  }
  .sell-img-one img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 20% 100%, 0% 100%);
    padding: 30px;
    height: 516px;
  }
  footer.region .footer:last-child {
    border-bottom: none;
    padding-left: 0;
  }
  div#block-takip p {
    color: #007dcf;
    text-align: center;
  }
  #block-footermenu li {
    display: contents;
    margin: -10px;
    padding-top: 45px;
  }
  footer.region #block-sitebranding img {
    max-width: 150px;
  }
  .news-body {
    padding: 29px;
    font-size: 19px;
    margin: auto;
    text-align: center;
  }
  .news-img-one img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%, 0% 100%);
    width: 100%;
    height: 462px;
    padding: 46px;
  }
  .news-img-two img {
        clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%, 0% 100%);
        height: 462px;
        padding: 46px;
    }
  .news-title {
    text-align: center;
  }
  .vizyon-title {
    font-size: 23px;
  }
  .vizyon-img-two img {
    clip-path: polygon(0 0, 85% 0, 97% 100%, 100% 100%, 0% 100%);
    width: 100%;
    height: 403px;
  }
  .vizyon-txt {
    margin-bottom: 16px;
    font-size: 12px;
  }
  .vizyon-title {
    font-size: 23px;
  }
  .vizyon-img-one img {
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 20% 100%, 32.5% 100%);
    width: 100%;
    height: 391px;
    padding-left: 55px;
  }
  #frontpage-carousel .text-area {
    width: 325px;
  }
  .text-area-body {
        font-size: 15px;
        margin-bottom: -32px;
    }
  #frontpage-carousel .carousel-control-prev, #frontpage-carousel .carousel-control-next {
    left: 18.4%;
    bottom: -48px !important;
  }
  .slider-box-main {
    padding: 5px 20px;
  }
  .slanted-img img {
    display: none;
  }
  .side-txt {
    padding-right: 4%;
    padding-left: 4%;
    padding-top: 35px;
    text-align: center;
  }
  #block-footermenu li a {
    font-size: 25px;
  }
  #block-footermenu ul {
    display: grid;
    padding-left: 0;
    margin-bottom: 0;
  }
  #block-takip {
    margin-left: 0;
  }
  #block-takip p {
    text-align: center;
  }
  .social-media-icons {
    padding-right: 0;
  }
  .contact {
  float: none!important;
}
  #backg-one .text-area {
    padding: 49px 20px;
  }
  #backg-one .logo {
    margin-bottom: 24px;
  }
  .price-content p {
    margin: 16px 0 0;
    font-size: 24px;
  }
  #backg-two {
    padding-top: 67px;
  }
  #carouselExampleControls .text-area-body {
    font-size: 12px;
  }
  #carouselExampleControls a.view-link {
    font-size: 12px;
  }
  #carouselExampleControls .text-area-title {
    font-size: 28px;
  }
}
@media (max-width: 576px) {

  .contact-us-page #edit-submit {
    border: 1px solid #e9e8e8;
    padding: 5px 15px 5px 15px;
    font-size: 18px;
    margin-top: -23px;
    margin-bottom: 32px;
  }
  .social-media-icons {
    padding-left: 15px;
  }
  .proje-img img {
    height: 320px;
  }
  .proje .col-md-8 {
    flex: 0 0 auto;
    width: 54.666667%;
  }
  .proje-txt {
    margin-bottom: 17px;
    font-size: 16px;
  }
  .proje-title {
    font-size: 23px;
  }
  .project-body-two {
    width: 0;
    padding: 50px;
    text-align: center;
  }
  .project-img-one img {
    display: none;
  }
  .proje-img-two img {
    width: 98%;
    height: 317px;
  }
  .sell .text-end {
    text-align: center !important;
    font-size: 17px;
  }
  .sell-txt {
    margin-bottom: 50px;
    font-size: 18px;
    padding: 13px;
  }
  #frontpage-carousel .carousel-text-area{
    transform: skewX(0);
  }
  #frontpage-carousel .text-area {
    transform: skewX(0);
    padding-top: 13px;
  }
  .vizyon-body {
    padding-left: 0;
    padding-right: 0;
  }
  .vizyon-txt {
    margin-bottom: 16px;
    font-size: 15px;
    text-align: center;
  }
  .vizyon-title {
    font-size: 23px;
    text-align: center;
  }
  .vizyon-img-one img {
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 20% 100%, 0% 100%);
    height: 391px;
    padding-left: 0;
  }
  .vizyon-img-two img {
    display: none;
  }
  .text-end {
    text-align: center !important;
  }
  .par-one, .par-two {
    font-size: 16px;
  }
  .satir {
    font-size: 13px;
  }
  .apt-body h3 {
    font-size: 14px;
  }
  .apt-body p {
    font-size: 14px;
  }
  div#aptSlider_1 img {
    width: 95.8%;
    height: 330px;
  }
}
@media (max-width: 300px) {
    div#block-selbahakkinda em {
    padding: 2px;
}
    #finished-projects .carousel-control-prev {
    left: 78%;
}
    .col-12.col-md-12.col-lg-5.side-txt {
        padding-right: 0;

    }
    #current-projects .carousel-control-prev {
    left: 78%;
}
    #frontpage-carousel a.view-link {
        margin-left: 16px;
    }
            .text-area-title {
        font-size: 29px;
        margin-bottom: 0;
        text-align: center;
    }
    .text-area-body {
        font-size: 16px;
        margin-bottom: -32px;
        text-align: center;
    }
    #frontpage-carousel .frontcarousel-image img {
    width: 83%;
}
  .proje-img-two img {
    display: none;
  }
  .sell .text-end {
    text-align: center !important;
    margin-top: 0;
    font-size: 16px;
    padding: 20px;
  }
  .sell-img-one img {
    height: 255px;
  }
  .sell-txt {
    margin-bottom: 0;
    font-size: 16px;
    padding: 13px;
  }
  .hakkimizda-txt {
    padding-right: 46px;
  }
}