@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap');
.footer-products-menu img {
  display: none !important;
}

    .fil1 {fill:#00649D}

    .fil2 {fill:#D12734}

    .fil0 {fill:white}
	
	@media (min-width: 1200px) {
       .fil1 { fill: #ffffff; }
    }

.pagetitle-bg {
/*	 background:#005696; */
}

@media (min-width: 992px) {
/* Target the parent row */
    .row-cols-lg {
        display: flex;
        flex-wrap: nowrap !important; /* Prevents items from dropping to a new line */
    }

    /* Target all immediate children that are 'cols' */
    .row-cols-lg > .col, 
    .row-cols-lg > [class*="col-"] {
        flex: 1 0 0% !important; /* Forces them to grow and share 100% width equally */
        width: auto !important;   /* Overrides the Bootstrap row-cols width */
    }
}

.anamenu > li > a {
	font-weight:bold;
}

#long-menu, #markalar {
  flex-direction: unset !important;
}


#dunya {
	background:linear-gradient(45deg,rgb(19, 50, 82) 0%, rgb(0, 69, 157) 100%);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: white;
}

.breadcrumb {
  background-color: unset !important;
}

#top-menu-hizli a {
 /* line-height: 14px !important; */
}

div.mod-languages li {
  margin: unset !important;
}

#testimonial {
margin-top: unset;
}


.faq-accordion {

  cursor: pointer;

}

.faq-panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.faq li {
	border-bottom: 1px solid #dfe3e74d !important;
}

.service_support li {
	line-height: 1.2;
padding-bottom: .75em;
padding-top: .25em;
  }

  .service_support a {
	text-decoration: none !important;
	color:white !important;
  }
  
  .faq-panel > p {
	/* this code clamps based on specified lines */
	overflow: hidden;
   -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
}


	.slide-title {
	font-size: 35px;
	margin-top: 1rem;
}

.slide-sub-title {
	font-size: 13px !important;
}

.urunler {
	margin-top: 0;
}

#case-study > div {
  min-height: 55rem;
}
	

@media (min-width: 1538px) {


#AnaSayfaSlider .carousel-item {
  height: auto !important; /* 58 olacak */
}

  .urunler {
    margin-top: -455px !important;
  }

}	

@media (min-width: 1200px) and (max-width: 1537px) {

	.urunler {
	margin-top: -334px !important;
}

}	


@media (min-width: 1200px) {
  .responsive-absolute {
    position: absolute !important;
    top: 0;
    left:0;
    right:0;
  }
  .responsive-absolute > nav > div > #navbarCollapse > ul > li > a {
  color: white !important;
}

.white-svg {
    /* Step 1: Invert black (#000) to white (#fff) */
    filter: invert(100%);
    
    /* Step 2: Ensure it is pure white and not gray */
    brightness: 200%; 
}

.slide-title {
	font-size: 100px;
	margin-top: 12rem;
}
.slide-sub-title {
	font-size: 23px !important;
}



}

@media (min-width: 992px) {
  .row-cols-lg-8 > * {
    flex: 0 0 auto;
    width: 12.5%;
  }

#AnaSayfaSlider .carousel-item {
  height: 58rem; /* 58 olacak */
}
  .brand-section {
	height: 40rem !important;
}
#case-study > div {
  min-height: 35rem !important;
}

}

@media (min-width: 768px) {
	


.blue-title {
	color: #08589d;
}

#testimonial {
margin-top: -140px;
}
}

.brand-section {
	height: 16rem;
}




@media (min-width: 576px) {
	
	.transparent-fade {
  /* Standard property */
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 51%, rgba(0,0,0,0) 75%);
  
  /* Required for Chrome, Safari, and Edge */
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 51%, rgba(0,0,0,0) 75%);
}
	
  .custom-rounded {
    border-radius: 1rem !important; 
  }
  .custom-padding-10px {
	  padding-top:10px !important; 
	  padding-left:10px !important; 
	  padding-right: 10px !important;
  }
  
  .small-sm {
	  font-size:.855rem !important;
	  line-height: 19px;
  }
  
  .menu-svg {
	  width:85px !important;
  }
  
  .brand-section {
	height: 31rem;
}


  
}

@media (min-width: 576px) and (max-width: 767px) {
		.slide-title {
font-size: 53px;
    margin-top: 5rem;
}

.slide-sub-title {
	font-size: 23px !important;
}

	.urunler {
	margin-top: -392px !important;
}
	}
	
	@media (min-width: 768px) and (max-width: 991px) {
			.slide-title {
font-size: 53px;
    margin-top: 5rem;
}
	.slide-sub-title {
	font-size: 23px !important;
}

		.urunler {
	margin-top: -247px !important;
}

		}

@media (min-width: 992px) and (max-width: 1199px) {
		.slide-title {
	font-size: 100px;
	margin-top: 12rem;
}	
.slide-sub-title {
	font-size: 23px !important;
}

	.urunler {
	margin-top: -490px !important;
}
	}
	
	
	
.custom-rounded {
  border-radius: 0;
}

  .custom-padding-10px {
	  padding:0 !important;
  }
  
    .menu-svg {
	  width:55px;
  }



.anasayfa-nav > ul > li > a {
  color: white !important;
}

.anasayfa-nav > ul > li > .show {
  color: #c2c2c2 !important;
}

footer ul, .mod-list {
  list-style: none;
  padding: 0 !important;
  font-size: 12px !important;
}
   .brand-section {
        position: relative;
        overflow: hidden;
    }

    .slider-viewport {
        overflow: hidden;
        margin: 0 60px;
    }

    .slider-track {
        display: flex;
        /* Transition is handled via JS to allow "instant" jumps */
        transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1);
        gap: 20px;
    }

    .brand-card {
        background: #145daa;
        border-radius: 12px;
        width: 120px; 
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-weight: bold;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    }

    .nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #08589D;
        font-size: 2.5rem;
        cursor: pointer;
        z-index: 100;
        padding: 0 10px;
        transition: opacity 0.3s;
    }

    .nav-btn:hover { opacity: 0.7; }
    .prev-btn { left: 10px; }
    .next-btn { right: 10px; }

 /* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
	.emsawidth {
	max-width:1536px !important;
	}
	



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel-control-next, .carousel-control-prev {
  width: 5% !important;
}
/* Since positioning the image, we need to help out the caption */


/* Declare heights because of positioning of img element */



/* RESPONSIVE CSS
-------------------------------------------------- */

.text-shadow {
    /* Horizontal | Vertical | Blur | Color */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Stronger shadow for heavy "Impact" style headers */
.text-shadow-bold {
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.8);
}


/* Target screens 768px and wider */


/* Add this at the very top of your CSS file or within your existing media query 
body {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in;
    transform-origin: top left;
}
*/

@media (min-width: 1535px) {
   /* body {
        width: 1536px; 
        overflow-x: hidden;
        position: absolute;  
    }
*/

            /* Force the grid to be 8 columns fixed */
            .custom-grid-8 > * {
                flex: 0 0 12.5%;
                width: 12.5%;
                max-width: 12.5%;
            }

            
            /* Increase base font size for the 1536px canvas so it scales down nicely */
            .fs-canvas-title { font-size: 80px; }
            .fs-canvas-text { font-size: 24px; }
	}
		


/* Base State */
.btn-katalog {
  color: #fff;
  background-color: #08589d;
  border-color: #08589d;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  /* padding: 0.375rem 0.75rem; */
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Hover State */
.btn-katalog:hover {
  color: #fff;
  background-color: #094579;
  border-color: #094579;
}

/* Focus State */
.btn-katalog:focus {
  color: #fff;
  background-color: #094579;
  border-color: #094579;
  outline: 0;
}

/* Active State */
.btn-katalog:active, 
.btn-katalog.active {
  color: #fff !important;
  background-color: #094579;
  border-color: #094579 !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Disabled State */
.btn-katalog:disabled, 
.btn-katalog.disabled {
  color: #fff;
  background-color: #094579;
  border-color: #094579;
  opacity: 0.65;
  pointer-events: none;
}


.image-wrapper-before::before {
    content: ""; /* REQUIRED: Without this, nothing renders */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#053675 -13%, #073F6F94 22%);
    z-index: 1; /* Puts the white layer ON TOP of the image */
    pointer-events: none; /* Allows clicks to pass through to the image */
}

.image-wrapper-before-2::before {
    content: ""; /* REQUIRED: Without this, nothing renders */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(#053675ad 7%, #073F6F00 20%);
    z-index: 1; /* Puts the white layer ON TOP of the image */
    pointer-events: none; /* Allows clicks to pass through to the image */
}

.image-wrapper-blue-2 {
    background: linear-gradient(#05367563 8%, #073F6F00 19%);
  z-index: 1 !important;
}

.image-wrapper-blue {
    background: linear-gradient(#05367563 70%, #073F6F00 85%);
  z-index: 1 !important;
}



.blue-wrapper-after::after {
    content: ""; /* REQUIRED: Without this, nothing renders */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(#2A6AD100 54%, #0a174d 139%);
    z-index: 0 !important; /* Puts the white layer ON TOP of the image */
    pointer-events: none; /* Allows clicks to pass through to the image */
}

.blue-wrapper-after-3 {

    background: radial-gradient(#2A6AD100 54%, #0a174d 139%);
    z-index: 0 !important; /* Puts the white layer ON TOP of the image */
    pointer-events: none; /* Allows clicks to pass through to the image */
}



.urunler-bg::before {
	background:linear-gradient(to top,#08589D 40%,rgba(0,0,0,0) 91%) !important;
	    content: ""; /* REQUIRED: Without this, nothing renders */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: -1 !important;
}



.title-font {
  transform: skewX(-6deg) !important;
}

/* Custom Bootstrap-style utility */
.filter-gray {
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}

.filter-gray:hover {
  filter: grayscale(0%);
}



.ust-bosluk {
margin-top:15%;
}