* { margin: 0;padding: 0; outline: none; box-sizing: border-box;}
html { font-size: 16px;  height: auto;overflow-x: hidden; }
body { font-family: 'Poppins', sans-serif ;  height: 100%; font-weight: 400; overflow-x: hidden ;font-size: 1rem;  line-height: 1.5rem; display: flex; flex-direction: column; min-height: 100vh;  color: #333;}
footer {margin-top: auto; }

main {flex-grow: 1; flex-shrink: 0; flex-basis: auto;}
a { text-decoration: none; border: solid 0px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }

.bg-red{background-color:#D7333C ; z-index: 3;margin-right:-4rem ;}
.bg-aqua{background-color:#35B6B4; }
header .active {color: #D7333B !important;}
header .nav-link{ color: #191F33  ;font-weight: 800;height: 100%; display: flex; align-items: center; justify-content: center;}

header .dropdown-menu li  a:hover {color: black  !important;background-color:transparent !important; }
.dropdown-menu{--bs-dropdown-bg:#D7333C;color:#FFF}
header .dropdown-menu li a{color:#FFF}
header .nav-item {
    font-size: 1.0625rem;
}
#securityCodeImage {
    background-image: url('/Panel/images/Guvenlik.jpg');
    background-size: cover;
    background-position: center
}
.menu-top {position: relative; z-index: 999;}
.menu-top a{color:#fff; } 
.menu-top a:hover{color: black;} 
.menu-bottom{background:#fff ;z-index:99;position:relative;}
.dbLine { border-right: 1px solid #78D8D6;  border-left: 1px solid #78D8D6;  height: 100%;display: inline-block; }
.navbar-nav .nav-item .nav-link {display: inline-block; position: relative; padding-bottom: 5px;}
.navbar-nav .nav-item .nav-link::after { content: ""; position: absolute; bottom: 0; left: 0;width: 0; height: 2px;  background-color: #000;  transition: width 0.3s ease;}
.navbar-nav .nav-item .nav-link:hover::after {width: 100%;}
.navbar-nav .nav-item .nav-link.no-underline::after { content: none;}
.navbar-nav .nav-item .nav-link:hover::after { width: 99%; }
header.fixed {position: fixed; width: 100%; top: 0; padding: 0 !important; z-index: 999;  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); transition: all 0.5s ease;}
header:not(.fixed) img { width: 100%;transition: width 0.5s ease;}
.fixed img { width: 80% !important;transition: width 0.5s ease;}
#navigationtoptitlesmain {max-height: 10rem; opacity: 1;transition: max-height 0.3s ease, opacity 0.3s ease; font-size: 1rem;}

header.fixed #navigationtoptitlesmain {max-height: 0;opacity: 0; margin: 0; padding: 0;}

.fixed .shadow {box-shadow: none !important;}
.fixed .menu-bottom { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}

.btnn{background-color:#35B6B4;  padding: .4rem .75rem .4rem .75rem !important; color: #fff !important; display: inline-block;border-radius: .5rem;}
.btnn:hover{background-color: black;color: #FFFFFF !important;}
header .border-start {opacity: .5;}

.copyrightline{background-color: #D7333C; color: #ffffff !important; font-size: .9375rem;}
.copyrightline a{font-weight:500;}
.copyrightline a:hover{color:black !important} 

.navbar-brand{z-index:999 !important;max-width:18%;}
.navbar-toggler:focus { box-shadow: none !important;}
.navbar-toggler span { display: block; background-color: #000; height: 3px; width: 20px; margin-top: 3px; margin-bottom: 3px; position: relative; left: 0; opacity: 1; transition: all 0.2s ease-out; transform-origin: center left; z-index: 999;}
.navbar-toggler span:nth-child(1) { margin-top: 0.3em;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: translate(15%, -33%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {transform: translate(15%, 33%) rotate(-45deg) ;}
.navbar-toggler span:nth-child(1) {transform: translate(0%, 0%) rotate(0deg) ;}
.navbar-toggler span:nth-child(2) { opacity: 1;}
.navbar-toggler span:nth-child(3) { transform: translate(0%, 0%) rotate(0deg) ;}
header h1{text-indent:-9999px; display:block; font-size:1px; line-height:0px; padding:0; margin:0;background-color: #fff;}

.dropdown-item > li:hover> .dropdown-menu{display: block;}



#topBtn {   display: none ; position: fixed; bottom: 90px; right: 1%; background-color: #D7333C; color: #fff; width: 3rem;height: 3rem;    border-radius: 50%;    align-items: center;   justify-content: center;   cursor: pointer; font-size: 1rem;  transition: background-color 0.3s ease-in-out;   border: 1px solid #ccc;  z-index: 10;}


#carouselExampleAutoplaying .arac{left:55%;bottom: 36%;}
#carouselExampleAutoplaying .text-decoration{background-color: #35B6B4; }
.carousel-inner{overflow: initial !important;}
.carousel-control-next,.carousel-control-prev {width: 5% !important;}
.change  .h5{font-size: 1.4rem !important;font-weight: 400;}
.swiper-slide {
    position: relative;
}

.MultiCarouselSecond  .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgb(25,32,32);
    background: linear-gradient(0deg, rgba(25,32,32,1) 0%, rgba(215,51,60,0.7) 100%);
    opacity: 0;
    transition: all 0.4s ease;
    display: flex;
border-radius: 1rem;
    visibility: hidden;
}

.MultiCarouselSecond  a:hover .overlay {
    opacity: 1;
    visibility: visible;
}
.MultiCarouselSecond .overlay .bg-danger{background-color: #D7333B !important; font-size: .9375rem !important;}

.MultiCarouselSecond img.w-100 {
    width: 100%;
    height: auto;
    display: block;
}
.swiper-button-next-custom {
    --swiper-navigation-size: 1.3rem;
    color: #D7333B !important;
    --swiper-navigation-sides-offset: 0;
    position: absolute;
    top: -9%;
    right: 48%;
    transform: translateX(50%);
    z-index: 10;
 
}

.swiper-button-next-custom::after {
content: '>';
font-size: 2.5rem; 
color: #D7333B; 
}

.swiper-button-prev-custom {
--swiper-navigation-size: 1.3rem;
color: #D7333B !important;
--swiper-navigation-sides-offset: 0;
position: absolute;
top: -9%;
left: 48%;
transform: translateX(-50%);
z-index: 10;

}

.swiper-button-prev-custom::after {
content: '<'; 
font-size: 2.5rem; 
color: #D7333B; 
}

.MultiCarouselSecond  .swiper {overflow: visible !important;}
.Montserrat{font-family: 'Montserrat', sans-serif !important;}
.MultiCarouselSecond  a:hover .circle{background-color: #D7333B !important;}
.MultiCarouselSecond .swiper-button-next-custom {color: #D7333B !important;--swiper-navigation-sides-offset: 0;z-index: 10;}
.MultiCarouselSecond .swiper-button-prev-custom{  color: #D7333B !important; --swiper-navigation-sides-offset: 0 ;z-index: 10;}
.MultiCarouselSecond p {color: #11110C;}
.MultiCarouselSecond h2 {color: #1D1D2B;font-weight: 800 !important;font-size: 2.25rem !important;font-family: 'Montserrat', sans-serif;}
.MultiCarouselSecond .position-relative { height: 100%;}
.SwiperSecond {margin-top: 5rem;}
.SwiperSecond .circle{transition: all .4s ease;background-color:#35B6B4 ;z-index: 2;  width: 6rem; height: 6rem;border-radius: 50%;filter: drop-shadow(0px 7px 0px #ffffff);-webkit-filter: drop-shadow(0px 7px 0px #ffffff);-moz-filter: drop-shadow(0px 7px 0px #ffffff);}
.MultiCarouselSecond .swiper { width: 100%; margin-left: auto; margin-right: auto;}
.MultiCarouselSecond .swiper-slide .bg-color { background-color: #EFF4F5; height: 100%;}
.MultiCarouselSecond .bg-color p { position: absolute;bottom: 7%; left: 50%; transform: translateX(-50%);}
.card-img-top{height: 100%;;}
.MultiCarouselSecond .swiper-slide { padding: .5rem;text-align: center;height: calc(100% / 2) !important;font-size: 1.1125rem; color: #D7333C; font-weight: 500; display: flex;  justify-content: center;  align-items: center;}
.MultiCarouselSecond a p { transition: color 0.3s ease;}
.MultiCarouselSecond a:hover p { color: #D7333C;}
.swiper-button-next ,  .swiper-button-prev{--swiper-navigation-size:1.5rem;color: black !important;--swiper-navigation-sides-offset:0;}
.swiper-grid-column>.swiper-wrapper {justify-content: center; align-items: center;}


iframe{ width: 100%; max-height:25rem; }



.MultiCarousel a {     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);   }
.MultiCarousel .card{padding: 1.5rem;}
.MultiCarousel .title{color:#264652 ;font-size: 1.125rem; font-weight: bold;margin-top: 1rem; transition: all .5s ease;}
.MultiCarousel p{color: #1D1D2B;margin-top: 1rem;display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

.MultiCarousel span{color:#264653 ;font-size: 0.8125rem;font-weight: bold;transition: all .5s ease;}

.MultiCarousel a:hover .title, .MultiCarousel a:hover span{color: #34B6B3 ;}

.was-validated .form-control:invalid,
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid:focus,
.was-validated .custom-select:invalid:focus {border-color: #dc3545;}

.form-control{font-size: .8rem;}
select.form-control option { font-size: 0.8rem; }
.bgimg { background-image: url('../../Panel/images/Guvenlik.jpg'); background-size: cover; background-position: center}
#success-container {
    display: none;
    position: static;
    text-align: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.error {border: 1px solid red !important; text-align:left}
#error-message { color: red; }
#success-message { color: green;}



#Hakkimizda img{border-radius: .5rem;}
#Hakkimizda .title1{font-size: 1.125rem; letter-spacing: 4px; color: #000000;}
#Hakkimizda .title2{font-size: 2.25rem;line-height: 2.5rem;font-weight: bold; color: #0E0E1E;}
#Hakkimizda p{margin-bottom:  0;margin-top: 1rem;}
@keyframes slideInRight {from { transform: translateX(100%); opacity: 0; }to {  transform: translateX(0);   opacity: 1; }}
@keyframes slideInLeft {from { transform: translateX(-100%);  opacity: 0;  }to { transform: translateX(0);  opacity: 1; }}
.Left, .Right { opacity: 0; }
.animated {opacity: 1;  animation:slideInLeft  1s ease;}
.animate { opacity: 1; animation:slideInRight  .5s ease;}
.a1 {opacity: 0;transform: translateY(50%);transition: opacity .4s ease-out, transform .4s ease-out;}
.a1.show { opacity: 1; transform: translateX(0);}
.b1 {opacity: 0;transform: translateY(50%);transition: opacity .4s ease-out, transform .4s ease-out;}
.b1.show { opacity: 1; transform: translateX(0);}
.c1 {opacity: 0;transform: translateY(50%);transition: opacity .4s ease-out, transform .4s ease-out;}
.c1.show { opacity: 1; transform: translateX(0);}


.Counter .box{background: #D7333C; padding: .5rem; border-radius: .3rem;}
.Counter .title{color: #0E0E1E ;font-size: 2.125rem;margin-top: 2rem;line-height: 1.5;}
.Counter .number{font-size:2.75rem; font-weight: bold;}
.Counter p{ color: #FFF;font-weight: 600; font-size: 1.125rem;}
.Counter .box2{background:#35B6B4 ; padding: .5rem; border-radius: .3rem;}
.Counter span { line-height: 1;}

@keyframes fadeIn {
from {opacity: 0; }
to {opacity: 1;}}
.fade-in { opacity: 0;  transition: opacity 2s ease-out, transform 2s ease-out;}
.fade-in-visible {animation: fadeIn 2s ease-out forwards;}
    
@keyframes slideIn {
    0% {
        opacity: 0.5;
        transform: translateY(20%);
    }
    25% {
        opacity: 1;
        transform: translateY(0);
    }
}
#Sektorler{margin: 4.2rem 0;}
#Sektorler .box {background-color: #96A7B1;min-width: 6rem;min-height: 6rem;display: flex;justify-content: center; align-items: center; transition: all ease .3s; margin-bottom: .5rem;}
#Sektorler .box img {max-width: 100%;  max-height: 100%; object-fit: contain;}
#Sektorler span{font-weight: bold; color: #2C505F; transition: all ease .3s;}
#Sektorler .col{margin: 2rem 0 0 0; display: flex;  justify-content: center;}
#Sektorler a{width: fit-content;}
#Sektorler a:hover .box{background-color:#35B6B4 ;}
#Sektorler a:hover span{color: #35B6B4;}
#Sektorler  h2 {color: #1D1D2B;font-weight: 800 !important;font-size: 2.25rem !important;font-family: 'Montserrat', sans-serif;}
#Sektorler .side{background-color: #F5F5F5; padding: 2rem 0;}

#AnaHatlarimiz {background-size: 100% auto; color: #0E0E1E;background: url('../images/DigerIcerikler/bgAnahatlarimiz.webp'); background-size: cover;  background-position: center; padding: 5rem 0;  background-repeat: no-repeat;  background-color:#F5F5F5 ;}
#AnaHatlarimiz img { max-width: 1000px; height: auto;    display: block; width: 100%;}
#AnaHatlarimiz .box .title{font-size: 2.25rem; line-height: 1.2; width: 85%; margin-bottom: .5rem;}
#AnaHatlarimiz .box{width: min-content; padding: 4rem 3rem;}
#AnaHatlarimiz li{font-size:1.375rem ; font-weight: 600; margin-top:.5rem;width: fit-content;}
#AnaHatlarimiz ul{  list-style-type: none;display:inline-block;padding-left:0;}

.Marka span { font-size: 4rem;     margin: 0 .5rem;  color: #999999;}


footer{background-color: #F0F3F4;font-size: 15px;color:#1D1D1A ;}
footer a,footer p{color: #1D1D1A;font-weight: 500;}
footer a:hover{color: #dc3545;}
footer a:hover i {
    color: white !important; 
}
footer .title{color: #1D1D1A;font-weight: bold;border-bottom: 1px solid #B6C8CD;margin-right: 2rem;padding-bottom: .5rem;}
footer i{color: #34B6B3;}
footer li{margin-bottom: .5rem;}
footer a:hover .fa-brands.fa-linkedin {color: #0077B5; }
footer a:hover .fa-brands.fa-x-twitter { color: #000000; }
footer a:hover .fa-brands.fa-instagram { color: #C13584;}
footer a:hover .fa-brands.fa-facebook { color: #3b5998;}
footer a:hover .fa-brands.fa-youtube {color: #FF0000;}

#navigationtoptitlesmain {background: url('../images/DigerIcerikler/navImage.png');background-size: 100% ; background-position:center; }
code {font-size:1rem;font-family: 'Poppins', sans-serif;}

#BizeYazin { z-index:100; position: fixed; top: 30%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform-origin: top right; right: 1.5% }
#BizeYazin a:hover { background-color: black; }
#BizeYazin a {border-radius:.3rem .3rem 0 0; background-color: #D7333C; border: none;  padding: 0.5rem 1.5rem; color: #FFF;  font-weight: 600;font-size:1rem }
.modal-dialog .send{background:#D7333C; color:#FFF; display:inline-block !important;transition:ease .5s all}
.modal-dialog .send:hover{background:black; }
#success-container, #success-container2 {
    display: none;
    position: static;
    text-align: center;
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#error-message {
    color: red;
}
.contactbtn {background-color: #D7333C;border: none;padding: .5rem 2rem .5rem 2rem;color: white; transition: background-color 0.3s ease;}
.contactbtn:hover {background-color: #000000;color:#fff !important }

.fastMenu {background-color: #35B6B4;}
.fastTitle {font-size:1rem;font-weight: 700;}
.fastMenu .fastLink a, .fastMenu .fastLink span{ font-size: 1.125rem;margin-right:.5rem}
.fastMenu .endHead{color:#FFF ;background:#D7333C;display:block; width:fit-content;padding:.2rem .5rem;border-radius:.3rem}
.fastMenu a:hover{color: black !important;}
.fastLink{display:flex;flex-wrap:wrap;align-items:center}
.pageHead {margin: 2rem 0 1rem 0 !important;}
.pageHead {font-size:1.75rem; color:black ;font-weight: bold;}
    .pageHead .line::after {
        content: '';
        position: absolute;
        bottom: -1rem;
        left: 0;
        width: 100%;
        height: .4rem; 
        background-image: url('/images/DigerIcerikler/line.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        transform: translateY(0); 
    }
.pageHead .line { display: inline-block; position: relative; }


#EtkinlikveHaberler a {     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);   }
#EtkinlikveHaberler .card{padding: 1.5rem;}
#EtkinlikveHaberler .title{color:#264652 ;font-size: 1.125rem; font-weight: bold;margin-top: 1rem; transition: all .5s ease;}
#EtkinlikveHaberler p{color: #1D1D2B;margin-top: 1rem;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
#EtkinlikveHaberler span{color:#264653 ;font-size: 0.8125rem;font-weight: bold;transition: all .5s ease;}
#EtkinlikveHaberler a:hover .title, #EtkinlikveHaberler a:hover span{color: #34B6B3 ;}
#EtkinlikveHaberler .card{border: 1px solid #EBEBEB !important;}

.kategoriBtn {
    background-color: #D7333C;
    transition: 0.2s all ease;
    border-radius: 1rem;
    font-size: 1rem;
}
#HaberDetay .title strong{font-size:2rem;color:#35B6B4}
.kategoriBtn:hover {
    background-color: black;
}
#HaberDetay .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background: rgba(0, 0, 0, 0.70);}
#HaberDetay .overlay:hover {opacity: 1;}
#HaberDetay .overlay span{font-size:1rem; font-weight:600}
#HaberDetay .overlay .text {display: flex; color: #b3acac;}
#HaberDetay .overlay .text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #b3acac;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size:2rem;
    transform: translate(-50%, -50%);
}.overlay .text i {font-size: 38px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.MultiCarouselSecond img.w-100 { width: 100%; height: auto; display: block;}

#Hizmetlerimiz .col{margin-bottom:5rem;}
#Hizmetlerimiz  a:hover .circle{background-color: #D7333B !important;}
#Hizmetlerimiz  p {color: #11110C;}
#Hizmetlerimiz  h2 {color: #1D1D2B;font-weight: 800 !important;font-size: 2.25rem !important;font-family: 'Montserrat', sans-serif;}
#Hizmetlerimiz  .position-relative { height: 100%;}
#Hizmetlerimiz  {margin-top: 3rem;}
#Hizmetlerimiz  .circle{transition: all .4s ease;background-color:#35B6B4 ;z-index: 2;  width: 6rem; height: 6rem;border-radius: 50%;filter: drop-shadow(0px 7px 0px #ffffff);-webkit-filter: drop-shadow(0px 7px 0px #ffffff);-moz-filter: drop-shadow(0px 7px 0px #ffffff);}
#Hizmetlerimiz .bg-color p { position: absolute;bottom: 7%; left: 50%; transform: translateX(-50%);}

#Hizmetlerimiz  a p { transition: color 0.3s ease;}
#Hizmetlerimiz  a:hover p { color: #D7333C;}
#Hizmetlerimiz .overlay { position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%; height: 100%; background: rgb(25,32,32); background: linear-gradient(0deg, rgba(25,32,32,1) 0%, rgba(215,51,60,0.7) 100%);  opacity: 0;transition: all 0.4s ease;display: flex;  border-radius: 1rem;  visibility: hidden;}
#Hizmetlerimiz .overlay {
position: absolute;  top: 50%; left: 50%;
transform: translate(-50%, -50%);width: 100%;
height: 100%; background: rgb(25,32,32); background: linear-gradient(0deg, rgba(25,32,32,1) 0%, rgba(215,51,60,0.7) 100%); 
opacity: 0; transition: all 0.4s ease; display: flex;   border-radius: 1rem; visibility: hidden;
}

#Hizmetlerimiz a:hover .overlay {opacity: 1;visibility: visible;}
#Hizmetlerimiz .overlay .bg-danger {background-color: #D7333B !important;font-size: .9375rem !important;}

/* #HizmetDetay{  margin:0 5rem ; } */
#HizmetDetay .box{ padding: 2rem 1rem 2rem 1rem;display: flex;align-items: center;justify-content: center; color: #000000; transition: all .5s ease; border-radius: .5rem;}
#HizmetDetay .box:hover {color:#fff !important; background-color: #D7333C;}
.Top{opacity: 0;}
@keyframes slideInTop {from { transform: translateY(-100%); opacity: 0.3;}to { transform: translateY(0); opacity: 1;}}
.animatedTop { animation: slideInTop 1s ease;transition: transform 1s ease; opacity: 1;}

#SektorlerDetay{min-height:50vh;}
#SektorlerDetay .box {background-color: #96A7B1;min-width: 6rem;min-height: 6rem;display: flex;justify-content: center; align-items: center; transition: all ease .3s; margin-bottom: .5rem;}
#SektorlerDetay .box img {max-width: 100%;  max-height: 100%; object-fit: contain;}
#SektorlerDetay span{font-weight: bold; color: #2C505F; transition: all ease .3s;}
#SektorlerDetay .col{margin: 2rem 0 0 0; display: flex;  justify-content: center;}
#SektorlerDetay a{width: fit-content;}
#SektorlerDetay a:hover .box{background-color:#35B6B4 ;}
#SektorlerDetay a:hover span{color: #35B6B4;}
#SektorlerDetay  h2 {color: #1D1D2B;font-weight: 800 !important;font-size: 2.25rem !important;font-family: 'Montserrat', sans-serif;}
#SektorlerDetay .side{background-color: #F5F5F5; padding: 2rem 0;}





#SektorDetay {margin-bottom:5rem;}
#SektorDetay { position: relative;}
#SektorDetay .col {   position: relative; display: flex; justify-content: center;}
#SektorDetay .circle {width: 125px; height: 125px;z-index:2; border-radius: 50%; background-color: #C19C56; display: flex; align-items: center; justify-content: center;filter: drop-shadow(1px -15px 0px #000000);}
#SektorDetay .circle img{filter: brightness(100);}


#SektorDetay .circle {width: 125px; height: 125px;z-index:2; border-radius: 50%; background-color: #D7333C; display: flex; align-items: center; justify-content: center;filter: drop-shadow(1px -15px 0px #000000);}
#SektorDetay .box{ padding: 2rem 1rem 2rem 1rem;display: flex;align-items: center;justify-content: center; color: #000000; transition: all .5s ease; border-radius: .5rem;}
#SektorDetay .box:hover {color:#fff !important; background-color: #D7333C;}
.Top{opacity: 0;}
@keyframes slideInTop {from { transform: translateY(-100%); opacity: 0.3;}to { transform: translateY(0); opacity: 1;}}
.animatedTop { animation: slideInTop 1s ease;transition: transform 1s ease; opacity: 1;}
.AboutUs strong{display:inline-block; margin:1.5rem 0 .5rem 0; width:100%; font-size:1.25rem; color:#000}
.AboutUs .col-3, .AboutUs .col-4{border-bottom:solid 1px #EBEBEB; padding:5px 0}
.AboutUs .h4{color:#0E0E1E !important;}
#FaydaliBilgiler  .FaydaShodow {box-shadow: 0px 0px 10px 6px rgba(0, 0, 0, 0.116);}
#FaydaliBilgiler .title{font-size: 1.25rem; font-weight: 600; color: rgb(25,32,32);} 
#FaydaliBilgiler .border-bottom{    --bs-border-color: #CACAD9;}
#FaydaliBilgiler .faydaBorder{border:1px solid #DDDDDD; }
.slide-downDOM {
    opacity: 0;
    transform: translateY(-100%);
    transition: opacity 1.5s ease, transform 0.5s ease;
    z-index: 20;
}
.slide-downDOM.gorunur {opacity: 1;transform: translateY(0);}


#Iletisim .circle i{width: 3rem; height: 3rem; border-radius: 50%; font-size: 1rem; display: flex; align-items: center; justify-content: center; background-color: #F9F5EE;margin-right: 1.5rem;}

#Iletisim .col:nth-child(n) .box{color:#FFF;border-radius:.5rem;}
#Iletisim .col:nth-child(1) .box{background-color:#35B6B4;}
#Iletisim .col:nth-child(2) .box{background-color:#D7333C;}
#Iletisim .col:nth-child(3) .box{background-color:#94A5AF;}
#Iletisim .col:nth-child(1) i{color:#35B6B4;}
#Iletisim .col:nth-child(2) i{color:#D7333C;}
#Iletisim .col:nth-child(3) i{color:#94A5AF;}
#Iletisim a{color: #FFF;}
#Iletisim a:hover{color: #D7333C !important;}
#Iletisim .title{font-weight: 600;font-size: 1.125rem; color: #1B1A17;}

#Iletisim   button {background-color: #D7333C;border: none; padding: .5rem 2rem .5rem 2rem; color: white; border-radius: 2rem;transition: background-color 0.3s ease;}
#Iletisim   button:hover {background-color: #000000; }

#Kariyer  .Gonder {background-color: #D7333C;border: none; padding: .5rem 2rem .5rem 2rem; color: white; border-radius: 2rem;transition: background-color 0.3s ease;}
#Kariyer  .Gonder:hover {background-color: #000000; }
.form-control:invalid:not(:focus):not(:placeholder-shown) {
    border-color: #dc3545;
}
.form-control:valid:not(:focus):not(:placeholder-shown) {
    border-color: #28a745; 
}
#Uyeliklerimiz .img-original {
width:fit-content;
height: auto; 
display: block; 
}
#Uyeliklerimiz {margin-bottom:6rem}
header .dropdown-item:active {--bs-dropdown-link-active-bg:transparent;color:black !important}
header .dropdown-item:focus{--bs-dropdown-link-hover-bg:transparent !important;}
.dropdown-item:hover{--bs-dropdown-link-hover-bg:transparent !important;--bs-dropdown-link-active-bg:transparent;color:black !important}
.fa-linkedin-in, .fa-linkedin {
    color: white;
    background-color: #0077B5 !important;
    padding: .2rem;
    border-radius: 5px; 
    transition: background-color 0.3s, transform 0.3s;
}

.fa-instagram {
    color: white;
    background-color: #C13584; 
    padding: .2rem;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.3s; 
}

.fa-x-twitter {
    color: white;
    background-color: #1DA1F2;
    padding: .2rem;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.3s; 
}

.fa-youtube {
    color: white;
    background-color: #FF0000;
    padding: .2rem;
    border-radius: 5px; 
    transition: background-color 0.3s, transform 0.3s; 
}

.fa-facebook {
    color: white;
    background-color: #3b5998; 
    padding: .2rem;
    border-radius: 5px; 
    transition: background-color 0.3s, transform 0.3s;
}

.fa-linkedin-in:hover,
.fa-instagram:hover,
.fa-x-twitter:hover,
.fa-youtube:hover,
.fa-facebook:hover {
    transform: scale(1.1); 
      
}

#success-message2, #success-message{font-size:1.3rem;}
.fa-check{color:green;font-size:2rem;}