body {
	  font-family: "Poppins", sans-serif;
}

.padding0 {
	padding-right:0px;
	padding-left:0px;
}

h2 {
	color:#fa9500;
}

.uclurow {
	padding:50px;
}

.mainheader {
	position: relative;
	background-size: 20px;
	padding-bottom:0px !important;
	background-color: #f9f9fc;
	overflow: hidden;
	margin-bottom:50px;
	background-image: url("img/container-bg.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.dropdown-menu {
  z-index: 9999;
  position: absolute;
}

.modal-body {
    text-align:left;
}

.card div img {
      /* filter: grayscale(100%) brightness(1.2); */
}

.resetcard div img {
    filter: unset !important;
}



.grayImg {
    filter: grayscale(100%) brightness(1.3);
}

.smlist ul {
	margin-bottom:0px;
	float:right;
}

.smlist ul li {
	float:left;
	list-style: none;
	margin-left:5px;
}

.smlist ul li img {
	width: 23px;
	height: 23px;
}

.smlist ul li img:hover {
	opacity: 0.5;
}

.subheader {
    background-image:none !important;
    padding-bottom:50px !important;
}

.subheader::after {
    background-image:none !important;
    width:0px !important;
    height:0px !important;
}

.mainheader::after {
    content: "";
    top:0px;
	z-index: 10;
	position:absolute;
	background-image: url("img/header-left-bg.svg");
	background-repeat: no-repeat;
	background-position: top;
	background-size: 30px;
	width: 30px;
	height: 100vh;
    background-color:#1892d7;
}

.borderradius {
	border-radius: 50px;
	padding:10px 30px 10px 30px;
	font-size: 13px;
}

.bluebtn i {
	margin-right: 10px;
}

.BGORANGE {
	background-color:#fa9500;
	border:none;
}

.BGORANGE i {
	margin-right: 10px;
}

.BGLIGHT i {
	margin-right: 10px;
}

.BGORANGE:hover {
	background-color:#d78103;
}

.BGLIGHT {
	background-color:transparent;
	border:none;
	color:#000;
}

.BGLIGHT:hover {
	background-color:transparent;
	color:#000;
	opacity: 0.5;
}

.bnt-group {
	margin-top:50px;
}

.nav-link {
	color:#000;
}

.heroImg img {
	max-width: 600px;
}

.mainContainer {
	margin-top:100px;
}

.mainColText {
	margin-top:100px;
	padding-left:100px;
	padding-right: 100px;
}

.mainColText h1 {
	font-weight: 400;
	font-size: 50px;
	margin-bottom:40px;
}

.mainColText p {
	font-weight:300;
}

section {
	padding-top:50px;
	padding-bottom:50px;
}

/* Kartların yüksekliklerini eşitlemek için */
.card {
	border:none;
  display: flex;
  flex-direction: column;
  height: 100%;  /* Kartların yüksekliğini tamamen kullan */
  border-radius: 25px;
  text-align: center;
}


.cardbg1 {
	  	background-image: url("img/top-line-bg.png");
	background-repeat: no-repeat;
	background-position: bottom -1px right -80px;
	background-size:600px;
	overflow:hidden;
}

.card-body {
  display: flex;
  justify-content: center;  /* Yatayda ortalama */
  
  height: 100%;             /* Kartın yüksekliğini tamamen kullan */
  padding-top:5px;
  overflow:hidden;
}

.card-title {
    font-weight:600;
	padding:20px;
	padding-left:30px;
	font-size: 16px;
	text-align: center;
}

.card {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); /* Yumuşak gölge */
  transition: all 0.3s ease; /* Efektlerin geçişi için animasyon */
}

.card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 10px 30px rgba(0, 0, 0, 0.1); /* Hover durumunda gölgeyi büyütme */
  transform: translateY(-5px); /* Hover'da kartı hafifçe yukarı kaydırma */
  filter: brightness(1.1); /* Hover'da kartı biraz daha parlak yapma */
}


.footerContainer {
    margin-top:100px;
    background-color:#333333;
    padding:50px 100px 50px 100px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-image: url("img/icon-bg.png");
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: center center;
    
}


.footerContact {
    color:#fff;
    font-size: 20px;
    font-weight: 300;
}

.footerContact i {
    font-size: 30px;
    display: block;
}

section h2 {
    
}

.menubg {
    background-color:#f9f9fc;
    
}

.leftbg {
    background-image: url("img/header-left-bg.png");
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

footer a {
    color:#fff;
}


@media only screen and (max-width : 1280px) {

}

@media only screen and (max-width : 1199px) {
	

	
}

@media only screen and (max-width : 1105px) {

    nav { display: none; }

}

@media only screen and (max-width : 1024px) {
    
    .mainColText {
        margin-top: 0px;
        padding-left: 100px;
        padding-right: 100px;
    }

        .mainContainer {
        margin-top: 50px;
    }

     .footerContainer img { 
        margin-bottom:50px;
        max-width: 150px;
    }
    
	
}

@media only screen and (max-width : 991px){
	
	.mainColText {
        margin-top: 0px;
        margin-bottom:100px;
    }
        
    .mainheader::after {
        content: "";
        top: 0px;
        z-index: 10;
        position: absolute;
        background-image: url(img/header-left-bg.svg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 40px;
        width: 10px;
        height: 100vh;
        background-color: #1892d7;
    }
    
    .logo {
        padding-left:15px;
    }

}
	
@media only screen and (max-width : 768px){
	

	

	
}


@media only screen and (max-width : 580px){
	
    .col {
        flex:none;
    }

    .mainColText {
        text-align: center;
        margin-top: 0px;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .footerContainer {
        margin-top: 50px;
        background-color: #333333;
        padding: 50px 60px 50px 60px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        background-image: url(img/icon-bg.png);
        background-repeat: no-repeat;
        background-size: 600px;
        background-position: center right -350px;
    }
    
    .footerContainer img { 
        margin-bottom:50px;
        max-width: 150px;
    }

	
}


@media only screen and (max-width : 520px) {
	
}


@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 370px){
	
	
}

@media only screen and (max-width : 320px) {


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}