.st0{fill:#1b1463;}
.st1{fill:#1b1463;}
.st2{fill:#1b1463;}
.st3{fill:#1b1463;}
.st4{fill:#1b1463;}
.st5{fill:#1b1463;}
.st6{fill:#1b1463;}
.st7{fill:#1b1463;}
.st8{fill:#1b1463;}
.st9{fill:#1b1463;}
.st10{fill:#1b1463;}
.st11{fill:#1b1463;}

.header-logo p{
    margin:0;
}



.google-sans-flex-<uniquifier> {
  font-family: "Google Sans Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "ROND" 0;
}

html, body, h1, h2, h3, h4, h5, h6 {
    font-family: "Google Sans Flex", sans-serif;
}


/*Footer Start*/
/* ============================================================
   PASTEL FOOTER — hero (.wt-hero-slider) ile aynı görsel aile:
   135deg şeftali(#fdf3ec) → lavanta(#f3eefa) → nane(#ecf8f1) degrade
   + aynı radial "blob" glow tekniği, footer için daha sakin
   (düşük opaklık, yavaş animasyon) ve KENDİ keyframe'ine sahip.
   Alt copyright/legal şeridi (.footer-copyright) ayrı, biraz daha
   koyu sıcak bej/toprak bir katmanla görsel olarak ikincilleştirildi.
   Metin renkleri kullanıcı talebiyle #222 (turuncu accent hariç).
   ============================================================ */
#footer{
    --footer-ink: #222;              /* başlıklar, ikonlar, .footer-lower metni */
    --footer-ink-soft: #222;         /* #footer p gövde metni */
    --footer-muted: #222;            /* copyright / developed-by / noticebar */
    --footer-accent: #8a4d0a;        /* metin/hover için okunabilir "kavrulmuş turuncu" */
    --footer-accent-strong: #d98a0f; /* sadece dekoratif: üst border + köşe glow */
}

#footer ul{
    margin:0;
    padding:0;
}
#footer ul li{
    list-style:none;
    display: flex;
}
#footer ul li a{
    padding: 0 0 10px 0;
    line-height: normal;
    color: var(--footer-ink, #222) !important;
}
#footer ul li i{
    color: var(--footer-ink, #222);
    min-width: 20px;
    margin-top: 3px;
}
#footer p{
    color: var(--footer-ink-soft, #222);
}
#footer .footer-copyright p, #footer .footer-developed-by a {
    color: var(--footer-muted, #222)!important;
}
#footer .footer-copyright.pt-md.pb-md.tleft{text-align:center;}
#footer .footer-copyright img{opacity:1;}
#footer .footer-copyright .footer-developed-by{z-index:2;}

.footer-lower__content {
    font-size: .875rem;
    line-height: 1.1875rem;
    font-weight: 700;
    color: var(--footer-ink, #222);
}
.footer-lower a{
    color: var(--footer-ink, #222) !important;
}
.footer-lower__content-links a {
    text-decoration: none;
    color: currentColor;
    margin-left: .625rem;
}
.footer-lower a::before {
    content: "\00b7";
    margin-right: .625rem;
}
.footer-noticebar {
    color: var(--footer-muted, #222);
    text-align: center;
    font-size: 0.9em;
    padding: 0.5em;
}

.web-tasarim-wrp{
    position: absolute;
    right: 0;
    top: -10px;
    text-align: right;

}
.web-tasarim-wrp a{
    font-size: 11px !important;
    color: #595959 !important;
}
.web-tasarim-wrp a::before {
    content: "";
}
#footer-wrapper>.container>.col-md-3{
    z-index: 2;
}
@media (max-width: 767px) {
    footer#footer:before {
        background: transparent;
        animation: none;
    }
    #footer{
        background-position: 81% 100%!important;
        padding: 0px!important;
        margin-bottom: 88px;
        padding-top: 50px!important;
    }
    #footer-wrapper{text-align:center;padding: 0!important;}
    #footer-wrapper .footerlogo{margin:0 auto 15px;}
}

#footer .footer-copyright {
    margin-top:0;
    background: linear-gradient(135deg, #f6e8d2 0%, #f0dcc0 100%);
    border-top: 1px solid rgba(34,34,34,.12);
    position: relative;
    z-index: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}
#footer .container .row>div {
    margin-bottom: 0;
}

#footer-wrapper .col-md-3 .phone-no p {
    margin-bottom: 2px;
}

#footer-wrapper {
    position: relative;
    padding: 60px 0 60px 0;
}
#footer-wrapper .footer-social-icons {
    margin-top: 20px;
    padding-left:0;
}
#footer-wrapper .footer-social-icons li{display: inline-block;}
#footer{
    margin-top: 0;
    border: 0;
    padding:0;
}

.phone-no span, .phone-no a:hover, .col-md-3 h5 span, .widget-column-2 ul li a:hover, .widget-column-2 ul li.current_page_item a {
    color: var(--footer-accent, #8a4d0a);
}

#menu-footer-menu{list-style: none;padding-left:0}
#footer h5 {
    margin-top:0;
    text-transform: uppercase;
    padding-bottom: 15px;
    color: var(--footer-ink, #222);
    font-size: 20px;
}
#footer-wrapper > .container {
    display: flex !important;
    flex-wrap: wrap; /* Mobilde alt alta düşmeleri için */
}

#footer-wrapper > .container::before,
#footer-wrapper > .container::after {
    display: none !important;
}

#footer-wrapper .col-md-1 {
    display: flex !important;
}

#footer-wrapper .footer-upper-socials {
        justify-content: space-between;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        display: flex !important;

}
.widget-column-1{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}
.footerlogo img{
    background: linear-gradient(135deg, rgba(44, 62, 80, .92), rgb(2 29 68));
    border-radius: 12px;
    padding: 20px;
    opacity: 1;
    box-shadow: 0 8px 22px rgba(44,62,80,.18);
}

#footer{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#fdf3ec 0%,#f3eefa 50%,#ecf8f1 100%)!important;
    border-top:3px solid var(--footer-accent-strong, #d98a0f)!important;
        margin-top: 50px;
}
#footer::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background-repeat:no-repeat;
    background-image:
        radial-gradient(circle, rgba(255,178,145,.34), transparent 46%),
        radial-gradient(circle, rgba(150,210,175,.32), transparent 48%),
        radial-gradient(circle, rgba(206,183,224,.30), transparent 44%);
    background-size:55% 55%, 50% 50%, 48% 48%;
    background-position:8% 12%, 88% 15%, 45% 94%;
    animation: wtFooterBlobDrift1 28s ease-in-out infinite alternate;
}
#footer::after{
    content:"";
    position:absolute;
    top:-50px;
    right:-50px;
    width:240px;
    height:240px;
    pointer-events:none;
    z-index:0;
    background:radial-gradient(circle, rgba(217,138,15,.20), transparent 70%);
}
#footer>*{position:relative;z-index:1;}

@keyframes wtFooterBlobDrift1{
    0%{ transform: translate3d(0,0,0) scale(1); }
    100%{ transform: translate3d(-2%,2.5%,0) scale(1.045); }
}
@media (prefers-reduced-motion: reduce){
    #footer::before{animation:none;}
}
/*Footer End*/

.blog-form-cta{background:linear-gradient(135deg,#ffffff 0%,#fff6e9 100%);border-left:5px solid #f39c12 !important;border-radius:12px;padding:36px 40px;box-shadow:0 10px 28px rgba(0,0,0,.07);}
.blog-form-cta-title{color:#1a2540;font-weight:600;margin:0 0 22px;}
.blog-form-cta label{color:#555;font-size:14px;display:block;margin-bottom:6px;}
.blog-form-cta input,.blog-form-cta textarea{width:100%;background:#fff;border:1px solid #e6d8dc;border-radius:8px;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s;}
.blog-form-cta input:focus,.blog-form-cta textarea:focus{outline:none;border-color:#f39c12;box-shadow:0 0 0 3px rgba(243,156,18,.12);}
.blog-form-cta input::placeholder,.blog-form-cta textarea::placeholder{color:#aaa;}
.blog-form-cta button,.blog-form-cta .btn,.blog-form-cta input[type="submit"]{background:#f39c12;color:#fff;font-weight:600;border:none;border-radius:8px;padding:13px 36px;font-size:15px;cursor:pointer;transition:background .2s,transform .1s;}
.blog-form-cta button:hover,.blog-form-cta .btn:hover,.blog-form-cta input[type="submit"]:hover{background:#c67e0e;}
.blog-form-cta button:active,.blog-form-cta .btn:active,.blog-form-cta input[type="submit"]:active{transform:scale(.98);}
@media (max-width:600px){.blog-form-cta{padding:26px 22px;}}

.blog-toc {
    border-left: 3px solid #021d44 !important;
}
.blog-toc-link.is-active {
    color: #1b1463 !important;
    border-left-color: #1b1463 !important;
}
a, a:hover, a:focus {
    color: #1b1463;
}
@media (min-width: 992px) {
    #header .header-nav.header-nav-stripe nav>ul>li:hover>a {
        color: inherit;
    }    
    #header .header-nav-main nav>ul>li.open>a, #header .header-nav-main nav>ul>li:hover>a {
        background: #fff;
    }
    #header .header-nav-main nav>ul>li.dropdown .dropdown-menu {
            border-top: 0;
    }
    #header .header-logo svg {
        width: 200px;
    }      
    .sticky-header-active #header .header-logo svg {
        width: 130px;
        margin-top: 10px;
    } 
    .sticky-header-active #header .header-body {
        background: #fff;
    }    
    .sticky-header-active #header .header-body svg polygon,
    .sticky-header-active #header .header-body svg path,
    .sticky-header-active #header .header-body svg rect{
        fill:#1b1463
    }
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header    .header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a {
        color: #222;
    }
    html #header.header-semi-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-semi-transparent-light .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after, html:not(.sticky-header-active) #header.header-transparent .header-nav-main nav>ul>li:not(.active)>a.dropdown-toggle:after {
        border-color: #222 transparent transparent;
    }    
    html:not(.ie) #header.header-flex .header-container {
        width: 100%;
    }    
}
#header .header-body {
    background: transparent;
    border-top: 0;
}
#header-search{
    display:none !important;
}
@media (max-width: 991px) {
    #header .header-logo svg {
        margin:0;
        width: 165px;
    }
    #header .header-btn-collapse-nav {
        margin: 34px 0 0px 15px;
    }    
    #header .header-btn-collapse-nav {
        background: #1b1463;
    }
    .sticky-header-active #header .header-logo img {
        margin: 10px 0 0;
    }       
    .sticky-header-active #header .header-btn-collapse-nav {
        margin: 45px 0 0px 15px;
    }    
}

.page-header{
    position: relative;
    border: 0px solid #f1f0ea;
    margin: -145px 0 35px;
    padding: 174px 0 20px;
    background: transparent;
    z-index: 0;
}
.wt-hero-slider {
    position: relative;
    overflow: hidden;
    padding-top: 144px;
    background: linear-gradient(135deg, #fdf3ec 0%, #f3eefa 50%, #ecf8f1 100%);
}
.wt-hero-slider::before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-repeat:no-repeat;
    background-image:
        radial-gradient(circle, rgba(255,178,145,.42), transparent 46%),
        radial-gradient(circle, rgba(150,210,175,.40), transparent 48%),
        radial-gradient(circle, rgba(206,183,224,.38), transparent 44%);
    background-size:55% 55%, 50% 50%, 48% 48%;
    background-position:8% 15%, 88% 12%, 45% 90%;
    animation: wtHeroBlobDrift1 22s ease-in-out infinite alternate;
}
.wt-hero-slider::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-repeat:no-repeat;
    background-image: radial-gradient(circle, rgba(255,206,150,.32), transparent 50%);
    background-size:65% 65%;
    background-position:80% 78%;
    animation: wtHeroBlobDrift2 28s ease-in-out infinite alternate;
}
.wt-hero-slide{position:relative;background:transparent!important;z-index:1;}
.wt-hero-slide-content h5{color:#7a8a99!important;}
.wt-hero-slide-content h2{color:#2c3e50!important;}
.wt-hero-slide-content p{color:#4a5a68!important;}
.wt-hero-btn-outline{border-color:#2c3e50!important;color:#2c3e50!important;}
.wt-hero-btn-outline:hover,.wt-hero-btn-outline:focus{background-color:#2c3e50!important;color:#fff!important;}
.wt-hero-dot{background-color:rgba(44,62,80,.28)!important;}
.wt-hero-dot:hover{background-color:rgba(44,62,80,.5)!important;}
.wt-hero-dot.active{background-color:#2c3e50!important;}
@keyframes wtHeroBlobDrift1{
    0%   { background-position:8% 15%, 88% 12%, 45% 90%; }
    50%  { background-position:22% 30%, 72% 28%, 30% 72%; }
    100% { background-position:4% 8%, 92% 22%, 58% 88%; }
}
@keyframes wtHeroBlobDrift2{
    0%   { background-position:80% 78%; }
    50%  { background-position:60% 58%; }
    100% { background-position:85% 68%; }
}


.featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured {
    border-color:#f39c12;
    color: #f39c12;}

/* header_wrapper: #header + .page-header (breadcrumb) icin TEK birlesik pastel arkaplan.
   :has(.page-header) ile SADECE ic sayfalarda eslesir - anasayfada header_wrapper sadece
   #header'i sarar ve #header.header-transparent orada position:absolute'dur (foot.css:467,
   width:100%, min-height:0!important). overflow:hidden KASITLI OLARAK YOK: 2026-07-09'da
   overflow:hidden eklenince anasayfada header_wrapper 0-yukseklige collapse olup absolute
   header'i (logo+menu) komple kirpmisti - geri alindi. Ayrica ic sayfalarda acilan dropdown
   menuler header'in altina tasabildigi icin overflow:hidden onlari da kirpardi. */
/* Bu kutu (header+breadcrumb) kisa ve genis - hero'nun radial "blob" katmanlari
   (yuzde bazli boyut/pozisyon) bu oranda yumusak sonumlenemeyip keskin bir kenar/
   cizgi gibi kesiliyordu (kullanici ekran goruntusuyle yakaladi). Bu yuzden burada
   blob YOK, sadece yatayda kayan, kesinti riski olmayan duz bir gradient akisi var. */
.header_wrapper:has(.page-header){
    position: relative;
    background: linear-gradient(90deg, #fdf3ec 0%, #f3eefa 50%, #ecf8f1 100%);
    background-size: 200% 100%;
    animation: wtHeaderWrapGradientShift 24s ease-in-out infinite alternate;
}
@keyframes wtHeaderWrapGradientShift{
    0%   { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.header_wrapper:has(.page-header) #header{
    background: transparent !important;
}
#header:not(.header-transparent){
    position: relative;
    z-index: 1;
}
.page-header > .container{
    position: relative;
    z-index: 2;
}
.page-header h1{color:#2c3e50!important;}
.page-header h1 span{color:#5c6b78!important;}
@media (min-width: 992px) {
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
        font-size: 14px;
    }
    .sticky-header-active #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
    }
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 8px;
    }     
}

@media (min-width: 1350px) {
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        font-size: 16px;
    }
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding: 20px 14px;
    }
}

.page-header .breadcrumb>li a,
.page-header .breadcrumb>li a span,
.breadcrumb>.active{
    color:#2c3e50;
}
.page-header .breadcrumb>li+li:before{
    color:#2c3e50;
    opacity:.45;
}

@media (min-width: 1200px) {
    .wt-hero-content-layer > .container {
        width: 1175px !important;
    }
}
#footer:not(.light) a, #footer:not(.light) h1, #footer:not(.light) h2, #footer:not(.light) h3, #footer:not(.light) h4 {
    color: #222;
}
#header .header-logo svg {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

@media (max-width: 1200px) {
    #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-dark-dropdown nav>ul>li>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li:hover>a, #header.header-narrow .header-nav.header-nav-stripe nav>ul>li>a {
        padding-right: 6px;
        padding-left: 6px;
    }
    #header .header-nav.header-nav-stripe nav>ul>li>a {
        color: #222;
        font-size: 13px;
    }    
}

.custom-fixed-btn{
    line-height: 22px;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 14px;
    cursor: pointer;
    box-shadow: 0 0 50px rgba(0,0,0,0.2);
    right: 12px;
    width: auto;
    position: fixed;
    z-index: 9999999;    
}
.custom-fixed-btn:hover{
    color:#fff;
    text-decoration:none;
}
.custom-fixed-btn-whatsapp{
    bottom: 10px;
    background-color: #25D366;
    color: #fff;
}
.custom-fixed-btn-mobil{
    bottom: 60px;
    background-color: #0959bc;
    color: #fff;
}
.custom-fixed-btn-form{
    bottom: 112px;
    background: #5D001E;
    color: #fff;
    width: 50%;
}
.custom-fixed-btn-instagram{
    bottom: 112px;
    background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7) !important;
    background-color: #ee2a7b !important; /* gradient desteklemeyen durumlar icin yedek */
    color: #fff;
   
}
.custom-fixed-btn-sabit{
    bottom: 100px;
    background: #5D001E;
    color: #fff;
}
@media only screen and (min-width: 768px){
    .custom-fixed-btn{
        padding: 11px 15px;
        font-size: 20px;
        border-radius: 20px;
        min-width: 200px;
    }
}
@media only screen and (max-width: 600px){
    .custom-fixed-btn-form{
        left: 0;
        border-radius: 0;
        padding: 15px;
        width: 50%;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-mobil{
        width: 50%;
        right: 0;
        bottom: 0;
        text-align: center;
    }
    .custom-fixed-btn-whatsapp{
        bottom: 50px;
        width: 50%;
        text-align: center;
        right: 0;
    }
    .custom-fixed-btn {
        border: 3px solid white;
        font-size: 15px;
        text-align: center;
        right: 0;
         width: 50%;
    }
    .custom-fixed-btn-instagram{
        bottom: 100px;
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}


.sticky-header-active #header .header-body {
    background: #fff !important;
}
    
html .scroll-to-top {
    border-radius: 7px;
    bottom: 170px;
    background: #1b1463;
}

.footer-lower + div.container {
    display: none;
}
.content-821{
    line-height:26px
}