.pdl12 {
    padding-left: 12px;
}

.pdr12 {
    padding-right: 12px;
}

.owl-next {
    margin-right: 24px !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fcmenu-item {
    overflow: hidden;
}

.badge {
    border-radius: 1rem !important;
    font-weight: 100;
	font-size: 12px !important;
}

#header .header-nav-main nav > ul > li > a {
    font-size: 15px;
}

.header-nav-features-toggle.text-giris {
    letter-spacing: 0em;
}

.nav-secondary .nav-pills > li a {
    padding: 10px 12px 10px 10px;
}

.text-color-fb {
    color: #0055cc;
}

.panel-fb .fa-caret-right {
    color: #0D3A74 !important;
}

.panel-fb .fa-check {
    color: #0D3A74 !important;
}



html .btn-primary-new {
    background-color: #0adea0 !important;
    border-color: #0adea0 !important;
    color: #212529 !important;
    hover: #0adea0 !important;
    disabled: #535a72 !important;
    active: #0adea0 !important;
}

    html .btn-primary-new:hover, html .btn-primary-new.hover {
        background-color: #ffffff !important;
        border-color: #0adea0 #0adea0 #0adea0 !important;
        color: #212529 !important;
    }


.pb-5 {
    padding-bottom: 0rem !important;
}

.w-79 {
    width: 79% !important;
}

.h-giris-card {
    min-height: 303px !important;
}

.banner-spot {
    position: relative;
    /* bottom: 30rem;*/
    z-index: 3;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

.header-slider {
    height: 100%;
}

@media (min-width: 992px) {
    .banner-spot {
        max-width: 960px;
        /* left:18%;*/
    }
}

@media (min-width: 1200px) {
    .banner-spot {
        max-width: 1200px;
        /* left:18%;*/
    }
}

@media (max-width: 768px) {
    .header-panel {
        margin-top: 80px;
        max-width: 90% !important;
    }
}

@media (max-width: 1200px) {
    .header-panel {
        margin-top: 80px;
    }
}

@media (max-width: 768px) {
    .cards-container {
        margin-right: auto;
        margin-left: auto;
        width: 322px;
    }
}



.banner-spot img {
    width: 100%;
}

.header-card {
    max-width: 300px;
    margin-bottom: 26px;
}

.header-card-body {
    padding: 0px !important;
}

.header-card-body-content {
    text-align: center;
    padding: 16px;
}

@media (max-width: 1025px) {
    .banner-spot {
        /*display: none;*/
        position: relative;
    }
}

.bg-gradient {
    background-color: #4246fd !important;
    background-image: linear-gradient(to right, #0096d1 0%, #3ebdc6 100%) !important;
}
	
	}
	
	section.section2 {
	background: #f7f7f7;
	
	}
	
	.img-fluid2 {
    max-width: 80%;
    height: auto;
	
	}
	
		.img-fluid3 {
    max-width: 100%;
    height: auto;
	
	}
	
	.py-kvkk {
    /* padding-top: 2.5rem !important; */
    padding-bottom: 2.5rem !important;
}

.pricing-tab-content{
	display: inline-flex;
}

.modal-footer {
    display: grid;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 24px 0px 24px;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}


.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #0D3A74;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #0D3A74;
}

.giris-button,.giris-button:hover{text-decoration: none!important;cursor:pointer;color:#fff;}

.w-20 {
    width: 20%;
}



.m-h-200{
	
	min-height: 284px;
	
}

.mb-26{
	
	margin-bottom: 30px;
	
}


.mb-24{
	
	margin-bottom: 24px;
	
}

.cd2{
	background: #ffffff;
    box-shadow: 0 2px 4px 0 #22364933;
    overflow: hidden;
    transition: box-shadow .3s ease, border .1s ease, background .3s ease;
    border-radius: 12px;
}


article.blog-post .blog-post-image-wrapper .blog-post-date {
    position: absolute;
    top: 65%;
    right: 10px;
    font-size: 3em;
    text-align: center;
    line-height: 1;
    padding: 25px 15px;
    transform: translateY(-50%);
}


.tabs-left{
   text-align: left !important;
}


.m-h-252 {
    min-height: 252px;
}

.blog-pb-2 {
    padding-bottom: 1.5rem !important;
}


.img-fluid3 {
    max-width: 100%;
    height: auto;
}

html:not(.sticky-header-active) .m-color-blue {
    color: #001446 !important;
}

html:not(.sticky-header-active) .trans-m-color-blue {
    background-color: #00144642 !important;
}

html:not(.sticky-header-enabled a.dropdown-item) .wt {
    color: #091E42 !important;
}


.sticky-header-enabled a.dropdown-item {
    color: #091E42 !important;
}

.sticky-header-active a.dropdown-item {
    color: #091E42 !important;
}


@media (min-width: 991px) {
    .ul-urunler {
    width: 550px;
    display: flex !important;
 }
}


@media (max-width: 990px) {
    .open .ul-urunler {
        width: 250px;
        display: contents!important;
    }

    .ul-urunler li img{
        display:none!important;
    }
}

.ul-tabs li {
    min-width: 160px;
}


.sticky-header-mobile-disabled .owl-dots{
	display:none;
}



.img-btn {
    position: absolute;
    top: 83%;
    left: 73%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #ffffff;
    color: #0096d1;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}


/* Ekran boyutu 768 piksel ve altındaysa (mobil görünüm) */
@media (max-width: 768px) {
  /* Ürünler butonunu gizle */
  a.img-btn {
    display: none;
  }
}



@media (min-width: 991px) {
.ul-dil {
    width: 159px;
    display: flex !important;
	min-width: 159px !important;
}


.dil-pd {
padding: 12px 20px 12px 12px !important;
}

.f13 {
    font-size: 13px;
}


#mainNav a.dropdown-item{
	
width: inherit !important;
	
}

.anime {
animation-name: blurIn;
-webkit-animation-fill-mode: both;
}


.brc a:hover {
    color: #a4caff;
}


