:root{--teal:#08677a;--teal-dark:#064552;--teal-deep:#042f38;--gold:#cda960;--cream:#f7f5ef;--ink:#14272b;--muted:#66767a;--line:#dfe6e4;--white:#fff;--radius:24px;--shadow:0 22px 60px rgba(7,48,57,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff;line-height:1.65}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--teal-deep);color:#dbe9e9;font-size:13px}.topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.topbar-inner>div,.topbar-inner span{display:flex;align-items:center;gap:8px}.topbar-inner>div{gap:22px}.topbar a{margin-left:14px}.site-header{height:88px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:100;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{height:76px;box-shadow:0 10px 35px rgba(13,55,62,.09);border-color:#edf1ef}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:165px;max-height:64px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.main-nav>a,.nav-dropdown>button{transition:.2s}.main-nav>a:hover,.nav-dropdown>button:hover{color:var(--teal)}.nav-dropdown{position:relative}.nav-dropdown>button{border:0;background:none;padding:26px 0;color:inherit;font-weight:600;cursor:pointer}.dropdown-menu{display:none;position:absolute;top:70px;left:-20px;background:#fff;padding:10px;min-width:210px;border-radius:15px;box-shadow:var(--shadow)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown.open .dropdown-menu{display:grid}.dropdown-menu a{padding:10px 12px;border-radius:9px}.dropdown-menu a:hover{background:var(--cream);color:var(--teal)}.main-nav .nav-cta{background:var(--teal);color:#fff;padding:12px 18px;border-radius:50px}.main-nav .nav-cta:hover{background:var(--teal-dark);color:#fff}.nav-toggle{display:none;border:0;background:none;width:42px}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:7px}.hero{height:680px;position:relative;background:var(--teal-deep);overflow:hidden}.hero-track,.hero-slide{height:100%}.hero-slide{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .8s,transform 7s}.hero-slide.active{opacity:1;transform:scale(1)}.hero-fallback{background:linear-gradient(120deg,#043844,#0b8196)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,34,41,.88) 0%,rgba(3,45,54,.52) 48%,rgba(3,45,54,.08) 80%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;padding-bottom:50px}.eyebrow{text-transform:uppercase;color:var(--teal);font-size:12px;letter-spacing:.18em;font-weight:800;display:inline-flex;align-items:center;gap:7px}.eyebrow.light{color:#e6c87f}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:800px;margin:18px 0 10px}.hero-subtitle{font-size:22px;margin:0 0 5px;font-weight:600}.hero-description{max-width:620px;color:#d8e4e5;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{border:0;border-radius:50px;min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 25px rgba(8,103,122,.25)}.btn-gold{background:var(--gold);color:#17343a}.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.5)}.btn-outline{border:1px solid var(--teal);color:var(--teal)}.hero-controls{position:absolute;z-index:4;bottom:42px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));display:flex;align-items:center;justify-content:flex-end;gap:14px}.hero-controls>button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.15);color:#fff}.hero-dots{display:flex;gap:6px}.hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#ffffff70}.hero-dots button.active{width:25px;background:#fff}.quick-search{position:relative;margin-top:-28px;z-index:8}.search-panel{display:grid;grid-template-columns:repeat(3,1fr) auto;background:#fff;padding:18px 18px 18px 28px;border-radius:18px;box-shadow:var(--shadow);gap:18px;align-items:end}.search-panel label,.special-form label,.callback-form label{font-size:12px;font-weight:700;color:#53666a;display:grid;gap:6px}.search-panel input,.search-panel select,.special-form input,.special-form select,.special-form textarea,.callback-form input,.callback-form select,.callback-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.search-panel input,.search-panel select{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0}.section{padding:105px 0}.section h2{font:800 clamp(34px,4vw,52px)/1.14 Manrope,sans-serif;letter-spacing:-.035em;margin:12px 0 20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading.centered{display:block;text-align:center}.lead{font-size:20px;color:var(--teal)}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.intro-grid p{color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.feature-list>div{display:flex;gap:10px}.feature-list i{font-size:24px;color:var(--teal)}.feature-list span{display:grid}.feature-list small{color:var(--muted);line-height:1.4}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--teal)}.intro-visual{position:relative}.intro-visual>img{width:100%;height:570px;object-fit:cover;border-radius:180px 24px 24px 24px}.intro-visual:before{content:"";position:absolute;inset:-16px 25% 15% -16px;border:1px solid var(--gold);border-radius:190px 20px 20px 20px;z-index:-1}.experience-card{position:absolute;bottom:30px;left:-45px;padding:22px 28px;background:#fff;border-radius:18px;box-shadow:var(--shadow);display:grid}.experience-card b{font:800 25px Manrope;color:var(--teal)}.experience-card span{font-size:13px;color:var(--muted)}.tours-section,.journal{background:var(--cream)}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tour-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(7,53,62,.06);transition:.3s}.tour-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.tour-image{height:245px;display:block;position:relative;overflow:hidden}.tour-image img,.hotel-card img,.post-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.tour-card:hover img,.hotel-card:hover img,.post-card:hover img{transform:scale(1.05)}.tour-badge,.tour-type,.post-image span{position:absolute;top:15px;border-radius:50px;padding:6px 11px;font-size:11px;font-weight:800}.tour-badge{left:15px;background:var(--gold)}.tour-type{right:15px;color:#fff;background:rgba(3,49,59,.78);backdrop-filter:blur(8px)}.tour-body{padding:22px}.tour-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.tour-meta i{color:var(--teal)}.tour-body h3{font:800 21px/1.3 Manrope;margin:12px 0}.tour-body>p{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tour-route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-top:17px;display:grid;grid-template-columns:auto 1fr;gap:0 9px;font-size:13px}.tour-route i{grid-row:1/3;color:var(--teal)}.tour-route small{color:var(--muted)}.tour-footer{display:flex;align-items:end;justify-content:space-between;padding-top:18px}.price{display:grid}.price small,.price span{font-size:11px;color:var(--muted)}.price b{font:800 23px Manrope;color:var(--teal)}.price em{font-size:12px;font-style:normal}.circle-link{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f3f4;color:var(--teal)}.stats{padding:55px 0;background:var(--teal-deep);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid>div{border-right:1px solid #ffffff24}.stats-grid>div:last-child{border:0}.stats b{font:800 38px Manrope;color:#e7c878;display:block}.stats span{font-size:13px;color:#b9cdcf}.special{background:linear-gradient(120deg,#075a6b,#073d48);color:#fff}.special-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.special-copy p{color:#c7d9db}.special-copy ul{list-style:none;padding:0}.special-copy li{margin:12px 0}.special-copy i{color:var(--gold);margin-right:8px}.special-form{background:#fff;color:var(--ink);border-radius:24px;padding:32px}.form-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.form-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e8f4f5;color:var(--teal);font-weight:800}.form-title div{display:grid}.form-title small{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}.special-form .btn{margin-top:20px;width:100%}.hotel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.hotel-card{height:440px;border-radius:20px;overflow:hidden;position:relative}.hotel-card a,.hotel-card img{height:100%;width:100%}.hotel-gradient{position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(2,30,35,.92))}.hotel-content{position:absolute;bottom:0;padding:25px;color:#fff}.hotel-content span{font-size:12px}.hotel-content h3{font:800 24px Manrope;margin:7px 0}.hotel-content p{color:#d5e0e0;font-size:13px}.stars{color:#efc96d;font-size:11px}.testimonials{background:#f0f6f5;overflow:hidden}.testimonial-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding:10px 0 25px;scrollbar-width:none}.testimonial-card{min-width:min(390px,85vw);background:#fff;padding:30px;margin:0;border-radius:20px;scroll-snap-align:start}.quote{font-size:40px;color:#b9dadb}.testimonial-card p{font-size:16px;color:#465c60}.testimonial-card footer{display:flex;align-items:center;gap:12px;margin-top:20px}.testimonial-card footer img{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimonial-card footer div{display:grid}.testimonial-card footer span{font-size:12px;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.post-card{background:#fff;border-radius:17px;overflow:hidden}.post-image{height:210px;position:relative;display:block;overflow:hidden}.post-image span{left:14px;background:#fff;color:var(--teal)}.post-card>div{padding:20px}.post-card small{color:var(--muted)}.post-card h3{font:800 18px/1.4 Manrope;margin:8px 0}.post-card p{color:var(--muted);font-size:13px}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-grid>div:first-child p{color:var(--muted);margin-bottom:26px}.accordion article{border-bottom:1px solid var(--line)}.accordion button{width:100%;border:0;background:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:700;cursor:pointer}.accordion article>div{display:grid;grid-template-rows:0fr;transition:.3s;overflow:hidden}.accordion article>div>*{min-height:0}.accordion article.open>div{grid-template-rows:1fr;padding-bottom:18px}.accordion article.open button i{transform:rotate(45deg)}.accordion p{color:var(--muted);margin:0}.accordion small{color:var(--teal)}.certificates{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.certificates .container{display:flex;align-items:center;gap:35px}.certificates>.container>span{font-size:12px;color:var(--muted);max-width:130px}.certificate-row{display:flex;gap:25px;overflow:auto}.certificate-row a{display:flex;align-items:center;gap:9px;min-width:max-content}.certificate-row i{font-size:28px;color:var(--teal)}.certificate-row div{display:grid}.certificate-row small{color:var(--muted)}.callback{background:var(--teal);color:#fff}.callback-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:center}.callback-grid p{color:#c5dadc}.callback-form{background:#fff;border-radius:22px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px;color:var(--ink)}.callback-form .btn{grid-column:1/-1}.site-footer{background:#032f38;color:#c3d4d6;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:55px}.footer-grid h3{color:#fff;font:700 16px Manrope}.footer-grid>div{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-about img{width:180px;max-height:80px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}.footer-about p{max-width:330px}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border:1px solid #ffffff2c;border-radius:50%;display:grid;place-items:center}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.whatsapp-float{position:fixed;right:24px;bottom:26px;z-index:90;background:#25d366;color:#fff;border-radius:50px;padding:12px 18px;display:flex;gap:8px;box-shadow:0 12px 30px #16863f50}.to-top{position:fixed;left:22px;bottom:22px;width:42px;height:42px;border:0;border-radius:50%;background:var(--teal-deep);color:#fff;opacity:0;pointer-events:none;transition:.2s}.to-top.show{opacity:1;pointer-events:auto}.toast-message{position:fixed;right:25px;top:135px;z-index:200;background:#fff;border-left:4px solid #28a56b;padding:16px 18px;box-shadow:var(--shadow);border-radius:12px;display:flex;align-items:center;gap:12px;max-width:420px}.toast-message i{color:#28a56b}.toast-message button{border:0;background:none;font-size:20px}.reveal{opacity:0;transform:translateY(20px)}.reveal.visible{opacity:1;transform:none;transition:.6s}
@media(max-width:1050px){.main-nav{display:none;position:fixed;inset:126px 0 0;background:#fff;padding:30px;flex-direction:column;align-items:flex-start;overflow:auto}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-dropdown>button{padding:0}.dropdown-menu{position:static;box-shadow:none;margin-top:10px}.tour-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.special-grid{gap:45px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.topbar-hide{display:none!important}.site-header{height:72px}.brand img{width:135px}.main-nav{inset:110px 0 0}.hero{height:610px}.hero-slide{background-image:var(--hero-mobile)}.hero-overlay{background:linear-gradient(90deg,rgba(2,34,41,.9),rgba(2,34,41,.38))}.hero h1{font-size:42px}.hero-description{font-size:15px}.hero-controls{bottom:22px}.quick-search{margin-top:0;padding:14px;background:var(--cream)}.search-panel{grid-template-columns:1fr;border-radius:14px;padding:20px}.section{padding:72px 0}.section-heading{align-items:flex-start;gap:15px}.section-heading>.text-link{display:none}.intro-grid,.special-grid,.faq-grid,.callback-grid{grid-template-columns:1fr;gap:40px}.intro-visual>img{height:430px}.experience-card{left:15px}.feature-list{grid-template-columns:1fr}.tour-grid,.hotel-grid,.post-grid{grid-template-columns:1fr}.tour-image{height:260px}.stats-grid{grid-template-columns:1fr 1fr;gap:30px}.stats-grid>div{border:0}.special-form{padding:22px 18px}.form-grid,.callback-form{grid-template-columns:1fr}.form-grid .wide,.callback-form .btn{grid-column:auto}.hotel-card{height:410px}.certificates .container{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}.whatsapp-float span{display:none}.whatsapp-float{width:52px;height:52px;padding:0;display:grid;place-items:center}.toast-message{left:14px;right:14px;top:120px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
.home-faq-section {
    padding: 90px 0;
    background: #f7f5f0;
}

.home-faq-wrapper {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 40px;
    align-items: start;
}

.home-faq-intro {
    position: sticky;
    top: 120px;
}

.home-faq-kicker {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .18em;
    color: #0d7a88;
}

.home-faq-intro h2 {
    margin: 0 0 18px;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.02;
    font-weight: 800;
    color: #12343b;
}

.home-faq-intro p {
    margin: 0 0 28px;
    max-width: 280px;
    font-size: 18px;
    line-height: 1.75;
    color: #5d7378;
}

.home-faq-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 28px;
    border-radius: 999px;
    border: 1.5px solid #0d7a88;
    background: transparent;
    color: #0d7a88;
    font-weight: 700;
    text-decoration: none;
    transition: .25s ease;
}

    .home-faq-all-btn:hover {
        background: #0d7a88;
        color: #fff;
    }

.home-faq-content {
    min-width: 0;
}

.home-faq-card {
    padding: 18px;
    border-radius: 30px;
    background: linear-gradient(180deg, #ffffff 0%, #fdfcf9 100%);
    border: 1px solid #e7e2d7;
    box-shadow: 0 18px 50px rgba(16, 43, 50, 0.08);
}

.home-faq-item {
    border-radius: 22px;
    background: #fff;
    border: 1px solid #ebe5da;
    transition: .25s ease;
    overflow: hidden;
}

    .home-faq-item + .home-faq-item {
        margin-top: 14px;
    }

    .home-faq-item.active {
        border-color: rgba(13, 122, 136, 0.22);
        box-shadow: 0 10px 28px rgba(13, 122, 136, 0.08);
    }

.home-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 26px;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

    .home-faq-question span {
        font-size: 23px;
        line-height: 1.45;
        font-weight: 700;
        color: #102f35;
    }

    .home-faq-question i {
        flex: 0 0 auto;
        font-size: 20px;
        color: #0d7a88;
    }

.home-faq-item .faq-minus {
    display: none;
}

.home-faq-item.active .faq-plus {
    display: none;
}

.home-faq-item.active .faq-minus {
    display: inline-block;
}

.home-faq-answer {
    padding: 0 26px 24px;
}

    .home-faq-answer[hidden] {
        display: none !important;
    }

.home-faq-answer-inner {
    padding: 18px 20px;
    border-radius: 18px;
    background: #f8fbfb;
    border: 1px solid #e2eeee;
}

.home-faq-answer p {
    margin: 0;
    font-size: 17px;
    line-height: 1.85;
    color: #556c72;
}

.home-faq-empty {
    padding: 40px 24px;
    text-align: center;
    border-radius: 22px;
    background: #fff;
    border: 1px dashed #d7d1c5;
    color: #5d7378;
}

    .home-faq-empty i {
        display: block;
        margin-bottom: 10px;
        font-size: 30px;
        color: #0d7a88;
    }

@media (max-width: 991.98px) {
    .home-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .home-faq-intro {
        position: static;
    }

        .home-faq-intro p {
            max-width: 100%;
        }

    .home-faq-question {
        padding: 20px 20px;
    }

        .home-faq-question span {
            font-size: 19px;
        }

    .home-faq-answer {
        padding: 0 20px 20px;
    }
}
/* =========================================================
   HOME FAQ SECTION
   ========================================================= */

.home-faq-section {
    padding: 90px 0 85px;
    background: #f7f5ef;
}

    .home-faq-section .container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 24px;
    }

.home-faq-wrapper {
    display: grid;
    grid-template-columns: 380px minmax(0, 1fr);
    gap: 56px;
    align-items: center;
}

/* SOL ALAN */

.home-faq-intro {
    max-width: 360px;
}

.home-faq-kicker {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #0d7a84;
}

.home-faq-intro h2 {
    margin: 0 0 18px;
    font-size: 64px;
    line-height: .95;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #14353b;
}

.home-faq-intro p {
    margin: 0 0 28px;
    font-size: 18px;
    line-height: 1.8;
    color: #6c8084;
    max-width: 320px;
}

.home-faq-all-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 54px;
    padding: 0 26px;
    border: 1.5px solid #0d7a84;
    border-radius: 999px;
    background: transparent;
    color: #0d7a84;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    transition: all .25s ease;
}

    .home-faq-all-btn:hover {
        background: #0d7a84;
        color: #fff;
    }


/* SAĞ ALAN */

.home-faq-content {
    min-width: 0;
}

.home-faq-card {
    padding: 16px;
    border: 1px solid #e4ddd1;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 18px 44px rgba(24, 47, 53, 0.08);
}

.home-faq-item {
    overflow: hidden;
    border: 1px solid #e7e0d6;
    border-radius: 18px;
    background: #fff;
    transition: all .25s ease;
}

    .home-faq-item + .home-faq-item {
        margin-top: 14px;
    }

    .home-faq-item.active {
        border-color: rgba(13, 122, 132, 0.28);
        box-shadow: 0 10px 24px rgba(13, 122, 132, 0.08);
    }

/* SORU SATIRI */

.home-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 28px;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

    .home-faq-question span {
        display: block;
        font-size: 28px;
        line-height: 1.3;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #16373d;
    }

    .home-faq-question i {
        flex: 0 0 auto;
        font-size: 24px;
        color: #0d7a84;
        transition: transform .22s ease;
    }

.home-faq-item.active .home-faq-question i {
    transform: rotate(45deg);
}


/* CEVAP */

.home-faq-answer {
    padding: 0 28px 24px;
}

    .home-faq-answer[hidden] {
        display: none !important;
    }

.home-faq-answer-inner {
    padding: 18px 20px;
    border-radius: 14px;
    background: #f4f8f8;
    border: 1px solid #e6f0f0;
}

.home-faq-answer p {
    margin: 0;
    font-size: 17px;
    line-height: 1.85;
    color: #5e7277;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1200px) {
    .home-faq-wrapper {
        grid-template-columns: 320px minmax(0, 1fr);
        gap: 40px;
    }

    .home-faq-intro h2 {
        font-size: 52px;
    }

    .home-faq-question span {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .home-faq-section {
        padding: 70px 0;
    }

    .home-faq-wrapper {
        grid-template-columns: 1fr;
        gap: 30px;
        align-items: start;
    }

    .home-faq-intro {
        max-width: 100%;
    }

        .home-faq-intro h2 {
            font-size: 46px;
            line-height: 1;
        }

        .home-faq-intro p {
            max-width: 100%;
            font-size: 17px;
        }

    .home-faq-card {
        padding: 12px;
        border-radius: 22px;
    }

    .home-faq-question {
        padding: 20px 22px;
    }

        .home-faq-question span {
            font-size: 22px;
        }

    .home-faq-answer {
        padding: 0 22px 20px;
    }

        .home-faq-answer p {
            font-size: 16px;
        }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 576px) {
    .home-faq-section .container {
        padding: 0 18px;
    }

    .home-faq-intro h2 {
        font-size: 36px;
    }

    .home-faq-intro p {
        font-size: 15px;
        line-height: 1.75;
        margin-bottom: 22px;
    }

    .home-faq-all-btn {
        min-width: 132px;
        height: 48px;
        font-size: 15px;
    }

    .home-faq-card {
        padding: 10px;
        border-radius: 18px;
    }

    .home-faq-item {
        border-radius: 14px;
    }

    .home-faq-question {
        padding: 16px 16px;
        gap: 14px;
    }

        .home-faq-question span {
            font-size: 17px;
            line-height: 1.45;
        }

        .home-faq-question i {
            font-size: 18px;
        }

    .home-faq-answer {
        padding: 0 16px 16px;
    }

    .home-faq-answer-inner {
        padding: 14px 15px;
        border-radius: 12px;
    }

    .home-faq-answer p {
        font-size: 14px;
        line-height: 1.7;
    }
}
/* =====================================================
   SIDRE HOME FAQ - NEW DESIGN
   ===================================================== */

.sidre-faq-new {
    padding: 88px 0 96px;
    background: #f8f7f3;
    border-top: 1px solid #ece9e2;
}

    .sidre-faq-new .container {
        max-width: 1180px;
    }


/* HEADER */

.sidre-faq-new-head {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 90px;
    align-items: end;
    margin-bottom: 54px;
}

.sidre-faq-new-title > span {
    display: block;
    margin-bottom: 14px;
    color: #087682;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

.sidre-faq-new-title h2 {
    margin: 0;
    color: #12343a;
    font-size: 52px;
    line-height: 1.02;
    font-weight: 800;
    letter-spacing: -.035em;
}


.sidre-faq-new-intro {
    padding-bottom: 5px;
}

    .sidre-faq-new-intro p {
        max-width: 470px;
        margin: 0 0 22px;
        color: #687c80;
        font-size: 15px;
        line-height: 1.8;
    }


.sidre-faq-new-all {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #087682;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

    .sidre-faq-new-all i {
        transition: transform .2s ease;
    }

    .sidre-faq-new-all:hover i {
        transform: translate(3px, -3px);
    }


/* LIST */

.sidre-faq-new-list {
    border-top: 1px solid #dce3e2;
}


.sidre-faq-new-item {
    position: relative;
    border-bottom: 1px solid #dce3e2;
    transition: background .2s ease;
}

    .sidre-faq-new-item::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        background: #087682;
        transform: scaleY(0);
        transform-origin: center;
        transition: transform .25s ease;
    }

    .sidre-faq-new-item.active::before {
        transform: scaleY(1);
    }

    .sidre-faq-new-item.active {
        background: rgba(255, 255, 255, .52);
    }


/* QUESTION */

.sidre-faq-new-question {
    width: 100%;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 22px;
    padding: 27px 10px 27px 20px;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}


.sidre-faq-new-number {
    color: #9aa8a9;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
}


.sidre-faq-new-question-text {
    color: #17363b;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
}


.sidre-faq-new-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #ccd9d8;
    border-radius: 50%;
    color: #087682;
    font-size: 14px;
    transition: background .2s ease, color .2s ease, transform .25s ease;
}

.sidre-faq-new-item.active .sidre-faq-new-icon {
    background: #087682;
    border-color: #087682;
    color: #fff;
    transform: rotate(45deg);
}


/* ANSWER */

.sidre-faq-new-answer[hidden] {
    display: none !important;
}

.sidre-faq-new-answer-inner {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 44px;
    gap: 22px;
    padding: 0 10px 30px 20px;
}

    .sidre-faq-new-answer-inner > span {
        display: block;
    }

.sidre-faq-new-answer p {
    max-width: 760px;
    margin: 0;
    color: #63777b;
    font-size: 14px;
    line-height: 1.85;
}


/* HOVER */

@media (hover: hover) {

    .sidre-faq-new-question:hover
    .sidre-faq-new-question-text {
        color: #087682;
    }

    .sidre-faq-new-question:hover
    .sidre-faq-new-icon {
        border-color: #087682;
    }
}


/* TABLET */

@media (max-width: 900px) {

    .sidre-faq-new {
        padding: 65px 0 70px;
    }

    .sidre-faq-new-head {
        grid-template-columns: 1fr;
        gap: 22px;
        margin-bottom: 38px;
    }

    .sidre-faq-new-title h2 {
        font-size: 42px;
    }

    .sidre-faq-new-intro p {
        max-width: 620px;
    }
}


/* MOBILE */

@media (max-width: 600px) {

    .sidre-faq-new {
        padding: 50px 0 60px;
    }

    .sidre-faq-new-title h2 {
        font-size: 34px;
    }

    .sidre-faq-new-question {
        grid-template-columns: 36px minmax(0, 1fr) 34px;
        gap: 10px;
        padding: 20px 4px;
    }

    .sidre-faq-new-question-text {
        font-size: 15px;
    }

    .sidre-faq-new-number {
        font-size: 10px;
    }

    .sidre-faq-new-icon {
        width: 32px;
        height: 32px;
    }

    .sidre-faq-new-answer-inner {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 10px;
        padding: 0 4px 22px;
    }

    .sidre-faq-new-answer p {
        font-size: 13px;
        line-height: 1.75;
    }
}
/* SIDRE LOGO WORDMARK */

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

    .brand > img {
        width: 76px;
        height: 62px;
        object-fit: contain;
        flex: 0 0 auto;
    }

.brand-logo-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #08677a;
    line-height: 1;
    white-space: nowrap;
}

    .brand-logo-text strong {
        font-family: "Manrope", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: .95;
        letter-spacing: -1.15px;
        color: #08677a;
    }

    .brand-logo-text small {
        position: relative;
        margin-top: 6px;
        padding: 0 19px;
        font-family: "Manrope", sans-serif;
        font-size: 7px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 5px;
        color: #315c68;
    }

        .brand-logo-text small::before,
        .brand-logo-text small::after {
            content: "";
            position: absolute;
            top: 50%;
            width: 15px;
            height: 1px;
            background: #315c68;
        }

        .brand-logo-text small::before {
            left: 0;
        }

        .brand-logo-text small::after {
            right: 0;
        }

@media (max-width: 767.98px) {

    .brand {
        gap: 7px;
    }

        .brand > img {
            width: 57px;
            height: 48px;
        }

    .brand-logo-text strong {
        font-size: 18px;
        letter-spacing: -.8px;
    }

    .brand-logo-text small {
        margin-top: 5px;
        padding: 0 14px;
        font-size: 5.5px;
        letter-spacing: 3.5px;
    }

        .brand-logo-text small::before,
        .brand-logo-text small::after {
            width: 10px;
        }
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

    .brand > img {
        width: 64px;
        height: 52px;
        object-fit: contain;
        flex: 0 0 auto;
    }

.brand-wordmark {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.9px;
    color: #08677a;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .brand {
        gap: 9px;
    }

        .brand > img {
            width: 54px;
            height: 44px;
        }

    .brand-wordmark {
        font-size: 20px;
        letter-spacing: -0.7px;
    }
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

    .brand > img {
        width: 82px;
        height: 66px;
        object-fit: contain;
        flex: 0 0 auto;
    }

.brand-wordmark {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1.3px;
    color: #08677a;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .brand {
        gap: 10px;
    }

        .brand > img {
            width: 64px;
            height: 52px;
        }

    .brand-wordmark {
        font-size: 23px;
        letter-spacing: -1px;
    }
}
.brand-wordmark {
    color: #00627F;
}
.brand {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    flex-shrink: 0;
}

    .brand .brand-mark {
        width: 78px;
        height: 62px;
        object-fit: contain;
        display: block;
    }

    .brand .brand-name-image {
        width: 175px;
        height: auto;
        object-fit: contain;
        display: block;
        /* iki görseli birbirine yaklaştır */
        margin-left: -5px;
    }

@media (max-width: 768px) {
    .brand {
        gap: 2px;
    }

        .brand .brand-mark {
            width: 62px;
            height: 50px;
        }

        .brand .brand-name-image {
            width: 135px;
            margin-left: -4px;
        }
}
/* =========================================================
   FOOTER ALT BÖLÜM
   ========================================================= */

.footer-lower {
    margin-top: 34px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.footer-legal {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.footer-legal-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    color: rgba(255, 255, 255, .48);
    font-size: 13px;
    line-height: 1.6;
}

    .footer-legal-left a {
        color: rgba(255, 255, 255, .60);
        text-decoration: none;
        transition: color .2s ease;
    }

        .footer-legal-left a:hover {
            color: #d7b878;
        }

.footer-dot {
    color: rgba(255, 255, 255, .20);
}


/* GÜVEN İKONLARI */

.footer-trust-icons {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .footer-trust-icons span {
        width: 38px;
        height: 30px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 7px;
        color: rgba(255,255,255,.52);
        background: rgba(255,255,255,.035);
        transition: .2s ease;
    }

        .footer-trust-icons span:hover {
            color: #d7b878;
            border-color: rgba(215,184,120,.25);
            background: rgba(215,184,120,.06);
        }

    .footer-trust-icons i {
        font-size: 15px;
    }


/* INALCODE */

.footer-credit {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: rgba(255, 255, 255, .42);
    font-size: 12px;
    letter-spacing: .01em;
}

    .footer-credit strong {
        color: #d7b878;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .045em;
    }


/* MOBİL */

@media (max-width: 768px) {

    .footer-legal {
        padding: 22px 0;
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }

    .footer-legal-left {
        gap: 8px 11px;
        font-size: 12px;
    }

    .footer-credit {
        min-height: auto;
        padding: 20px 0;
        flex-wrap: wrap;
        text-align: center;
    }
}
/* =========================================================
   SIDRE PREMIUM FOOTER
   ========================================================= */

.site-footer {
    position: relative;
    overflow: hidden;
    padding: 0;
    color: #fff;
    background: radial-gradient(circle at 8% 10%, rgba(8, 103, 122, .20), transparent 27%), radial-gradient(circle at 92% 20%, rgba(215, 184, 120, .09), transparent 24%), #071b21;
}

    .site-footer::before {
        content: "";
        position: absolute;
        width: 460px;
        height: 460px;
        right: -220px;
        top: 60px;
        border: 1px solid rgba(255,255,255,.035);
        border-radius: 50%;
        pointer-events: none;
    }

.footer-accent {
    height: 4px;
    background: linear-gradient( 90deg, #08677a 0%, #0c8795 38%, #d7b878 70%, #b89453 100% );
}


/* ANA FOOTER */

.footer-main {
    display: grid;
    grid-template-columns: 1.45fr .8fr .85fr .75fr 1.15fr;
    gap: 52px;
    padding-top: 72px;
    padding-bottom: 62px;
}


/* MARKA */

.footer-brand {
    max-width: 330px;
}

.footer-logo-link {
    display: inline-block;
}

.footer-brand img {
    width: 205px;
    max-height: 78px;
    object-fit: contain;
    object-position: left center;
}

.footer-brand-description {
    margin: 23px 0 25px;
    color: rgba(255,255,255,.57);
    font-size: 13px;
    line-height: 1.8;
}


.footer-company-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 13px 14px;
    border: 1px solid rgba(215,184,120,.16);
    border-radius: 12px;
    background: rgba(215,184,120,.045);
}

    .footer-company-badge > i {
        flex: 0 0 auto;
        color: #d7b878;
        font-size: 22px;
    }

    .footer-company-badge strong,
    .footer-company-badge span {
        display: block;
    }

    .footer-company-badge strong {
        color: #fff;
        font-size: 12px;
    }

    .footer-company-badge span {
        margin-top: 3px;
        color: rgba(255,255,255,.43);
        font-size: 10px;
    }


/* SOSYAL */

.footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .footer-socials a {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 9px;
        color: rgba(255,255,255,.72);
        background: rgba(255,255,255,.035);
        text-decoration: none;
        transition: .2s ease;
    }

        .footer-socials a:hover {
            color: #071b21;
            background: #d7b878;
            border-color: #d7b878;
            transform: translateY(-2px);
        }


/* KOLONLAR */

.footer-column-kicker {
    display: block;
    margin-bottom: 8px;
    color: #d7b878;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .15em;
}

.footer-column h3,
.footer-contact h3 {
    margin: 0 0 23px;
    color: #fff;
    font: 700 17px "Manrope", sans-serif;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .footer-column a {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        margin-bottom: 11px;
        color: rgba(255,255,255,.54);
        font-size: 12px;
        text-decoration: none;
        transition: .18s ease;
    }

        .footer-column a i {
            width: 0;
            overflow: hidden;
            color: #d7b878;
            opacity: 0;
            transition: .18s ease;
        }

        .footer-column a:hover {
            color: #fff;
            transform: translateX(3px);
        }

            .footer-column a:hover i {
                width: 15px;
                opacity: 1;
            }


/* İLETİŞİM */

.footer-contact {
    min-width: 0;
}

.footer-contact-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    margin-bottom: 13px;
    color: inherit;
    text-decoration: none;
}

.footer-contact-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    color: #d7b878;
    background: rgba(255,255,255,.035);
}

.footer-contact-item small,
.footer-contact-item strong,
.footer-contact-item p {
    display: block;
}

.footer-contact-item small {
    margin-bottom: 2px;
    color: rgba(255,255,255,.35);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.footer-contact-item strong,
.footer-contact-item p {
    margin: 0;
    color: rgba(255,255,255,.70);
    font-size: 11.5px;
    line-height: 1.55;
    font-weight: 600;
}

a.footer-contact-item:hover strong {
    color: #fff;
}


/* ALT BÖLÜM */

.footer-bottom-area {
    border-top: 1px solid rgba(255,255,255,.07);
    background: rgba(0,0,0,.14);
}

.footer-bottom {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.footer-bottom-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    color: rgba(255,255,255,.38);
    font-size: 11px;
}

    .footer-bottom-left a {
        position: relative;
        color: rgba(255,255,255,.48);
        text-decoration: none;
        transition: color .2s ease;
    }

        .footer-bottom-left a::before {
            content: "•";
            position: absolute;
            left: -11px;
            color: rgba(255,255,255,.15);
        }

        .footer-bottom-left a:hover {
            color: #d7b878;
        }


/* GÜVEN İKONLARI */

.footer-bottom-trust {
    display: flex;
    gap: 7px;
}

    .footer-bottom-trust span {
        width: 34px;
        height: 29px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 6px;
        color: rgba(255,255,255,.44);
        background: rgba(255,255,255,.025);
    }


/* INALCODE */

.footer-developer {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-top: 1px solid rgba(255,255,255,.045);
    color: rgba(255,255,255,.32);
    font-size: 10.5px;
}

    .footer-developer strong {
        color: #d7b878;
        font-size: 10.5px;
        font-weight: 800;
        letter-spacing: .06em;
    }

.footer-developer-divider {
    color: rgba(255,255,255,.14);
}


/* TABLET */

@media (max-width: 1199px) {

    .footer-main {
        grid-template-columns: 1.3fr repeat(2, 1fr);
        gap: 45px;
    }

    .footer-contact {
        grid-column: span 2;
    }
}


/* MOBİL */

@media (max-width: 767px) {

    .footer-main {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-top: 52px;
        padding-bottom: 45px;
    }

    .footer-brand {
        max-width: 100%;
    }

    .footer-contact {
        grid-column: auto;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        gap: 17px;
    }

    .footer-bottom-left {
        gap: 8px 15px;
    }

    .footer-developer {
        padding: 18px 0;
        flex-wrap: wrap;
        text-align: center;
    }
}
/* =========================================================
   SAĞ SABİT İLETİŞİM MENÜSÜ
   ========================================================= */

.sidre-contact-float {
    position: fixed;
    right: 24px;
    bottom: 105px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}


/* TEK BUTON */

.sidre-contact-action {
    position: relative;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    text-decoration: none;
    border-radius: 999px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(4, 31, 37, .18);
    transition: width .28s cubic-bezier(.2,.8,.2,1), transform .2s ease, box-shadow .2s ease;
    width: 56px;
}


    /* WHATSAPP */

    .sidre-contact-action.whatsapp {
        background: #20c997;
    }


    /* TELEFON */

    .sidre-contact-action.call {
        background: #0c334d;
    }


/* İKON */

.sidre-contact-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 21px;
}

.sidre-contact-action.whatsapp .sidre-contact-icon {
    color: #fff;
}

.sidre-contact-action.call .sidre-contact-icon {
    color: #e5bd58;
}


/* AÇILAN YAZI */

.sidre-contact-label {
    width: 0;
    opacity: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    white-space: nowrap;
    transform: translateX(12px);
    transition: width .28s cubic-bezier(.2,.8,.2,1), opacity .18s ease, transform .28s ease;
}

    .sidre-contact-label small {
        color: rgba(255,255,255,.65);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .12em;
        line-height: 1;
    }

    .sidre-contact-label strong {
        margin-top: 4px;
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
    }


/* HOVER / JS ACTIVE */

.sidre-contact-action:hover,
.sidre-contact-action.is-open,
.sidre-contact-action:focus-visible {
    width: 154px;
    transform: translateX(-2px);
    box-shadow: 0 16px 35px rgba(4, 31, 37, .25);
}

    .sidre-contact-action:hover .sidre-contact-label,
    .sidre-contact-action.is-open .sidre-contact-label,
    .sidre-contact-action:focus-visible .sidre-contact-label {
        width: 82px;
        margin-left: 17px;
        opacity: 1;
        transform: translateX(0);
    }


/* MOBİL */

@media (max-width: 768px) {

    .sidre-contact-float {
        right: 14px;
        bottom: 85px;
        gap: 8px;
    }

    .sidre-contact-action {
        width: 52px;
        height: 52px;
    }

    .sidre-contact-icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
        font-size: 20px;
    }

    .sidre-contact-action.is-open {
        width: 145px;
    }
}
.sidre-contact-float .to-top {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    background: #123f48;
    color: #fff;
    cursor: pointer;
}

    .sidre-contact-float .to-top:hover,
    .sidre-contact-float .to-top.is-open {
        width: 154px;
    }

    .sidre-contact-float .to-top .sidre-contact-icon {
        background: #123f48;
        color: #fff;
    }