/********** TEMPLATE CSS – KURUMSAL TURKUAZ PALET **********/

:root{
    /* ANA RENK – Kurumsal Turkuaz */
    --bs-primary: #0FA4A9;
    --bs-primary-rgb: 15,164,169;

    /* İKİNCİL RENK – Koyu Lacivert */
    --bs-secondary: #0B1F2A;

    /* METİN / GRİ TON */
    --bs-tertiary: #6F7782;

    --bs-dark: #0B1F2A;
    --bs-light: #f8f9fa;
    --bs-white: #ffffff;
}

/* Genel */
.back-to-top{position:fixed;display:none;right:30px;bottom:30px;z-index:99}
.fw-bold{font-weight:700!important}
.fw-medium{font-weight:600!important}
.fw-normal{font-weight:400!important}

/*** Spinner ***/
#spinner{opacity:0;visibility:hidden;transition:.5s;z-index:99999}
#spinner.show{opacity:1;visibility:visible}

/*** Button ***/
.btn{transition:.4s}
.btn-square,.btn-sm-square,.btn-lg-square{
    padding:0;display:flex;align-items:center;justify-content:center
}
.btn-square{width:38px;height:38px}
.btn-sm-square{width:32px;height:32px}
.btn-lg-square{width:48px;height:48px}

/*** Top Bar ***/
.top-bar{
    height:190px;
    padding:0 90px;
    background:#145E57;
    border-bottom:2px solid rgba(255,255,255,.15)
}
.top-bar,.top-bar *{color:#fff!important}
.top-bar i{color:#0B1F2A!important}
.top-bar .btn-square{background:#0FA4A9!important}

/*** Navbar ***/
.nav-bar{padding:0 90px;transition:.5s}
.navbar.bg-primary{
    background:#0FA4A9!important;
    box-shadow:0 4px 12px rgba(0,0,0,.15)
}
.navbar .navbar-nav .nav-link{
    margin-right:30px;
    padding:20px 0;
    font-size:18px;
    color:#fff!important
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active{
    text-decoration:underline
}
.navbar .dropdown-toggle::after{
    content:"\f107";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    margin-left:8px;
    border:none
}

/*** Header ***/
.header-carousel,
.page-header{
    background:linear-gradient(rgba(11,31,42,.85),rgba(11,31,42,.85)),url(../img/bg.jpg) center/cover no-repeat
}

/*** Section Title ***/
.section-title{
    position:relative;
    display:inline-block;
    text-transform:uppercase;
    color:var(--bs-secondary)
}
.section-title::before,
.section-title::after{
    content:"";
    position:absolute;
    width:120%;
    height:2px;
    background:var(--bs-primary);
    left:-10%
}
.section-title::before{top:5px}
.section-title::after{bottom:6px}

/*** Service ***/
.service-title{
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(rgba(11,31,42,.85),rgba(11,31,42,.85)),url(../img/bg.jpg) center/cover no-repeat;
    color:#fff
}
.service-item{
    box-shadow:0 0 25px rgba(0,0,0,.08);
    transition:.4s
}
.service-item:hover{
    box-shadow:0 0 35px rgba(0,0,0,.15)
}

/*** Banner ***/
.banner .banner-inner{
    background:linear-gradient(rgba(15,164,169,.9),rgba(15,164,169,.9)),url(../img/bg.jpg) center/cover no-repeat
}

/*** Testimonial ***/
.testimonial-img::before{background:var(--bs-primary)}
.testimonial-carousel .owl-prev,
.testimonial-carousel .owl-next{
    background:var(--bs-secondary);
    color:#fff;
    transition:.4s
}
.testimonial-carousel .owl-prev:hover,
.testimonial-carousel .owl-next:hover{
    background:#fff;
    color:var(--bs-secondary)
}

/*** Footer ***/
.footer{
    background:linear-gradient(rgba(11,31,42,.97),rgba(11,31,42,.97)),url(../img/bg-footer.jpg) center/cover no-repeat;
    color:#cfd4da
}
.footer a{color:#cfd4da}
.footer a:hover{color:#fff}

/*** ZORLA RENK OVERRIDE ***/
.bg-primary{background:#0FA4A9!important}
.text-primary{color:#0FA4A9!important}
.btn-primary{
    background:#0FA4A9!important;
    border-color:#0FA4A9!important;
    color:#fff!important
}
.btn-primary:hover{
    background:#0D8C90!important;
    border-color:#0D8C90!important
}
.btn-outline-primary{
    color:#0FA4A9!important;
    border-color:#0FA4A9!important
}
.btn-outline-primary:hover{
    background:#0FA4A9!important;
    color:#fff!important
}

/*** Sabit WhatsApp / Telefon ***/
.fixed-left-icon{
    position:fixed;
    left:20px;
    bottom:20px;
    z-index:9999
}
.fixed-left-icon img{
    width:70px;
    border-radius:12px;
    transition:.3s
}
.fixed-left-icon img:hover{transform:scale(1.08)}
@media(max-width:768px){
    .fixed-left-icon img{width:88px}
}