/* Öne Çıkan Yazılımlar - Ultra Modern Tasarım */
.softwares-modern-section {
    padding: 15px 0;
    background: #050505;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.softwares-modern-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at center, rgba(102, 126, 234, 0.08) 0%, transparent 50%);
    animation: rotateBackground 60s linear infinite;
    z-index: 1;
}

.softwares-modern-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    z-index: 1;
}

@keyframes rotateBackground {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.softwares-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}

.softwares-title {
    font-size: 3rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.softwares-title i {
    color: #667eea !important;
    font-size: 2.5rem !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 10px rgba(118, 75, 162, 0.3));
}

.softwares-subtitle {
    font-size: 1.1rem !important;
    color: #a0a0a0 !important;
    margin: 0 auto 30px auto !important;
    line-height: 1.6 !important;
    max-width: 600px;
}

.header-divider {
    width: 80px !important;
    height: 4px !important;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%) !important;
    margin: 0 auto !important;
    border-radius: 2px !important;
    box-shadow: 0 0 20px rgba(118, 75, 162, 0.5);
}

/* Carousel Container */
.softwares-carousel-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1350px !important;
    margin: 0 auto !important;
    z-index: 2;
    padding: 20px 0;
}

.softwares-carousel {
    flex: 1 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding: 20px 10px !important;
    display: flex !important;
    gap: 20px !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x mandatory;
}

.softwares-carousel::-webkit-scrollbar {
    display: none !important;
}

/* Software Card - Premium Glassmorphism */
.software-card {
    min-width: 300px !important;
    max-width: 300px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    scroll-snap-align: start;
}

.software-card:hover {
    transform: translateY(-10px) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(118, 75, 162, 0.3) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(118, 75, 162, 0.2) !important;
}

.software-image {
    height: 200px;
    position: relative;
    overflow: hidden;
}

.software-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.software-card:hover .software-image img {
    transform: scale(1.1);
}

.software-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to top, #050505 0%, transparent 100%);
}

.software-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(118, 75, 162, 0.4);
    z-index: 2;
}

.software-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.software-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
    line-height: 1.3;
}

.software-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.software-tags .tag {
    background: rgba(255, 255, 255, 0.1);
    color: #ccc;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.software-features {
    margin-bottom: 20px;
}

.software-features p {
    color: #888;
    font-size: 0.9rem;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.software-features p i {
    color: #667eea;
    font-size: 0.8rem;
}

.software-footer {
    padding: 20px 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.2);
}

.software-price {
    display: flex;
    flex-direction: column;
}

.price-label {
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 2px;
}

.price-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    display: flex;
    align-items: flex-start;
    gap: 2px;
}

.price-value .currency {
    font-size: 0.8rem;
    margin-top: 4px;
    color: #667eea;
}

.btn-cart {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 10px rgba(118, 75, 162, 0.2);
}

.btn-cart:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-color: transparent;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(118, 75, 162, 0.5), 0 5px 15px rgba(118, 75, 162, 0.3);
}

/* Navigation Buttons */
.carousel-btn {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-size: 1.2rem !important;
    backdrop-filter: blur(5px);
}

.carousel-btn:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: transparent !important;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(118, 75, 162, 0.4);
}

.softwares-footer {
    text-align: center;
    margin-top: 50px;
    position: relative;
    z-index: 2;
}

.view-all-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 30px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 30px;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
}

.view-all-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #fff;
    transform: translateY(-2px);
}

.col-md-6.text-right i.ion-android-done {
    color: #ffffff;
}

/* Modern Animations & Transitions */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scaleInCenter {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    70% {
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Smooth Button Transitions */
.btn,
button,
a.btn,
input[type="button"],
input[type="submit"] {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.btn:hover,
button:hover,
a.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.btn:active,
button:active {
    transform: translateY(-1px);
}

/* Link Smooth Transitions */
a {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a:hover {
    text-decoration: none;
}

/* Form Element Smooth Transitions */
input,
select,
textarea {
    transition: all 0.3s ease;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 3px rgba(0, 201, 183, 0.1);
    border-color: #00c9b7;
}

/* Smooth SVG Transitions */
svg {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* AOS Animation Classes */
.aos-animate {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.aos-delay-1 {
    animation-delay: 0.1s;
}

.aos-delay-2 {
    animation-delay: 0.2s;
}

.aos-delay-3 {
    animation-delay: 0.3s;
}

.aos-delay-4 {
    animation-delay: 0.4s;
}

.aos-delay-5 {
    animation-delay: 0.5s;
}

div#wisecp_brand {
    margin-bottom: 20px !important;
    position: relative;
    top: -20px !important;
}

.wnotificontent.grsbs .wnotifilistcon {
    float: right;
    width: 88%;
}

.kinfo {
    font-size: 11px;
    font-weight: 400;
}

.xsds a {
    font-weight: 600;
    color: #667eea;
    padding-left: 15px;
}

.xsds {
    position: absolute;
    right: 7.3%;
    background: #cdcdcd30;
    padding: 15.5px;
    color: white;
    width: 10%;
    text-align: center;
}

.xsds:hover {
    background: #efefef;
}

.dyrbnd {
    z-index: 9;
    position: relative;
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }

    .logo {
        float: left;
        margin-top: 2px !important;
        position: absolute;
    }

    .sss .ui-state-default,
    .ui-state-hover {
        color: #000000;
    }

    .captcha-content img {
        border-radius: 7px;
        top: 10px;
        position: relative;
    }

    .pakettitle h2 {
        font-size: 22px;
        margin: 15px 0;
        display: inline-block;
        font-weight: 300;
        color: #000000;
    }

    div#group_194 h4.tableslogan.aos-init.aos-animate {
        width: 90%;
    }

    .wclientnotification a {
        color: #607d8b !important;
    }

    /* .anascriptlist div h5 {
    color: #ff5722;
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: 900;
    background: #f2f1f1;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px;
} */


    .clean-theme-signup-box {
        float: left;
        width: 100%;
        border-top: 1px solid #ddd;
        margin-top: 65px;
        padding: 25px 0px;
    }

    .signup-stages-block {
        background: #eee;
        width: 50px !important;
        height: 50px !important;
        display: inline-block;
        border-radius: 100%;
        text-align: center;
        line-height: 50px !important;
        margin: 13px 11% !important;
        font-weight: 500 !important;
        font-size: 23px !important;
    }


}

@media (min-width: 992px) {
    .col-md-10 {
        width: 83.33333%;
    }

}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgb(0 0 0 / 0%) !important;
    display: table;
}

/* .affiliate-banner { background-color: #082235; background-image: linear-gradient(131.07deg,#8f62f8 6.83%,#7038f5 28.07%,#4de5f0 93.61%); color: #fff; } */
.affiliate-banner .banner-text {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 360px;
}

.affiliate-banner .banner-text h1 {
    font-size: 32px;
    line-height: 1.3;
    margin: 0 0 10px;
}

.affiliate-banner .banner-text p {
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 20px;
}

.affiliate-banner .banner-text ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.affiliate-banner .banner-text ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 33.33%;
    font-size: 16px;
    padding: 5px 0;
}

.affiliate-banner .banner-text ul li svg {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    fill: #ffffff;
}

.affiliate-banner img {
    height: 330px;
    margin-top: 30px;
}

.affiliate-agreement {
    padding: 40px 0 20px;
    background-color: #2477eb;
    color: #fff;
    text-align: center;
}

.affiliate-agreement h2 {
    margin-bottom: 10px;
}

.affiliate-agreement p {
    font-size: 18px;
    margin-bottom: 15px;
}

.affiliate-agreement .btn {
    padding: 12px 30px;
    margin: 0 auto;
    width: 200px;
}

.e-content {
    padding: 60px 0;
}

.e-content .row {
    display: flex;
}

.e-content .col-md-6 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.e-content h2 {
    font-size: 28px;
    margin: 0 0 15px;
}

.e-content p {
    font-size: 16px;
    margin: 0 0 20px;
}

.e-content ul {
    font-size: 16px;
    padding-left: 20px;
}

.e-content p:last-child {
    margin: 0 !important;
}

.e-content .btn {
    padding: 12px 30px
}

.e-content.bg-dark {
    background-color: #0f0f23;
    color: #fff;
}

.affiliate-service {
    background-color: #0f0f23;
    padding: 60px 0;
    color: #fff;
}

.affiliate-service .heading {
    margin-bottom: 20px;
}

.affiliate-service .col-md-4 {
    min-height: 136px;
    margin: 15px 0;
    text-align: center;
}

.affiliate-service .col-md-4 img,
.affiliate-service .col-md-4 svg {
    height: 54px;
    width: 54px;
    fill: #fff;
}

.affiliate-service .col-md-4 h3 {
    font-size: 18px;
    margin: 0 0 5px;
}

.affiliate-service .col-md-4 p {
    line-height: 1.4;
    font-size: 15px;
    color: #5f7d92;
    padding: 0 40px;
}

.affiliate-step {
    padding: 50px 0;
    background-color: #f0f3f7;
}

.affiliate-step .heading {
    margin-bottom: 0;
}

.affiliate-step .step-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin: 15px 0;
    text-align: center;
    background-color: #fff;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    min-height: 200px;
    line-height: 1.4;
    border-radius: 10px;
    box-shadow: 0 0.2rem 1.5rem rgb(0 0 0 / 10%);
}

.affiliate-step .step-box small {
    font-weight: normal;
    font-size: 15px;
    color: #5f7d92;
    line-height: 1.3;
    margin-top: 5px;
}

.affiliate-step .step-box img {
    margin-bottom: 15px;
}

@media (max-width: 575.98px) {
    .affiliate-banner .banner-text {
        text-align: center;
        align-items: center;
    }

    .affiliate-banner .banner-text h1 {
        font-size: 24px;
    }

    .affiliate-banner .col-lg-5 {
        text-align: center;
        align-items: center;
    }

    .affiliate-banner img {
        height: 200px;
        margin-top: 0;
    }

    .heading .heading-title {
        font-size: 24px;
    }

    .e-content .col-md-6 {
        text-align: center;
        align-items: center;
    }

    .e-content h2 {
        font-size: 24px;
    }

    .e-content p {
        font-size: 16px;
        line-height: 1.4;
    }
}



h4.scriptlisttitle.bs2 strong {
    background: white !important;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    font-weight: 600;
}

.gsstr svg {
    position: relative;
    top: 5px;
}

.ansyfdn svg {
    position: relative;
    top: 5px;
}

.gzzl svg {
    position: relative;
    top: 5px;
}

.ansyfdn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: absolute;
    padding: 10px;
    color: white;
    cursor: pointer;
    display: none;
    left: 1%;

}

.wnotifilistcon i:hover,
.wnotifilistcon a:hover {
    color: #667eea !important;
}

.cksyps a:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;

}

.gsstr {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: absolute;
    padding: 10px;
    color: white;
    left: 5.5%;
    cursor: pointer;
    display: none;
}

.xsds svg.w-6.h-6 {
    position: absolute;
    left: 13px;
    color: #131313;
}

.xsds a {
    font-weight: 600;
    color: #131313;
}

.headbutonlar.b2 .wclientnotifi.nhyt {
    margin-top: 2px;
    margin-left: -92px;
}

.ansyfdn {
    height: 31px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding-top: 0px;
}

span.menu_tag {
    text-transform: lowercase;
}

.gsstr {
    height: 31px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding-top: 0px;
}

.gzzl {
    height: 31px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding-top: 0px;
    padding-bottom: 15px;
    z-index: 99;
}

.anascriptlist img {
    height: 126px;
    width: 40%;
    border-radius: 5px;
    float: left;
    top: 88px;
    position: relative;
}

.anascriptlist {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    margin: 1%;
    width: 295px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 7px;
    overflow: hidden;
}

.scripthoverinfo {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    filter: alpha(opacity=00);
    position: absolute;
    width: 294px;
    height: 195px;
    background: rgba(0, 0, 0, 0.6);
}

a.sbtn.inc svg {
    position: relative;
    top: 7px;
}

.musterigorusleri .caroufredsel_wrapper {
    width: 100% !important;
}

.anascriptlist.lists1.aos-init.aos-animate {
    height: 430px;
    width: 27%;
    box-shadow: 0 0 4px #e5e2e2;
    padding: 10px;
}

.scripthoverinfos a.inc {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.anascriptlist div h5 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 900;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 3px;
    position: absolute;
    right: 10px;
    width: 25%;
    margin-top: 0px;
}

.scripthoverinfos svg {
    position: relative;
    top: 6px;
}

/* Quintet */
.quintet {
    float: left;
    width: 100%;
    padding: 0px 0 0px 0;
    background: #fff;
    font-family: 'Nunito', sans-serif;
    margin-top: 70px;
    margin-bottom: -50px;
}

.quintet .quintetWrapper {
    float: left;
    width: 100%;
    padding-top: 50px;
}

.quintet .quintetWrapper .box {
    float: left;
    width: 20%;
    text-align: center;
}

.quintet .quintetWrapper .box .boxImg {
    float: left;
    width: 100%;
}

.quintet .quintetWrapper .box .boxImg img {
    margin: 0 auto
}

.quintet .quintetWrapper .box p {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #3b3762;
    /* font-weight: 700; */
    padding: 19px 0 0px 0;
    line-height: 0px;
}

.quintet .quintetWrapper .box span {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #3b3762;
    font-weight: 800;
}

.anascript {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    text-align: center;
    width: 100%;
    background-size: 100% 100%;
    padding: 25px 0;
    box-shadow: inset 0 0 70px 30px #fff;
}

ol,
ul {
    list-style: none;
    padding-inline-start: 1px;
}

.urnaciksl {
    background: #e9f2fa;
    padding: 20px;
    border-radius: 10px;
    padding-top: 35px;
    margin-top: 60px;
}

.urnaciksl h1 {
    margin-bottom: 35px;
}

.urnaciksl h1 svg {
    width: 36px;
    position: relative;
    top: 5px;
}

/* Premium Theme */
.premiumTheme {
    float: left;
    width: 100%;
    padding: 210px 0 58px 0;
    background: #fff;
    font-family: 'Nunito', sans-serif;
}

.premiumTheme .yourPThemeImg {
    float: right;
}

.standartInfoText {
    float: left;
    width: calc(100% - 740px);
    margin-top: 37px;
}

.standartInfoText span.top {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #3b3762;
    font-weight: 600;
    margin-bottom: 14px;
}

.standartInfoText b.top {
    float: left;
    width: 100%;
    font-size: 30px;
    color: #3b3762;
    font-weight: 900;
    margin-bottom: 10px;
}

.standartInfoText p.top {
    float: left;
    w7idth: 100%;
    font-size: 18px;
    color: #696687;
    font-weight: 400;
    line-height: 27px;
}

.standartInfoText p.top strong {
    font-weight: 700;
    color: #79609b;
}

.standartInfoText ul {
    float: left;
    width: 100%;
    margin-top: 31px;
    padding-inline-start: 10px;
}

.standartInfoText ul li {
    float: left;
    width: 100%;
    color: #696687;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 18px;
    position: relative;
    padding-left: 46px;
}

.other-product.bg-grey .heading.text-center {
    padding-top: 50px;
}

.other-product.bg-grey:before {
    position: absolute;
    /* top: -6px; */
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 6px;
    background: url(../assets/images/zipweb/colorful.png)repeat-x left;
}

.standartInfoText ul li a {
    display: inline-block;
    color: #f67600;
    font-weight: 800;
}

.standartInfoText ul li a:hover {
    text-decoration: underline;
}

.standartInfoText ul li:last-child {
    margin-bottom: 0;
}

.standartInfoText ul li:before {
    position: absolute;
    left: 0;
    top: 2px;
    content: "";
    width: 32px;
    height: 32px;
    background: url("../assets/images/zipweb/right-1.png")no-repeat;
}

.standartInfoText ul li:nth-child(2):before {
    background: url("../assets/images/zipweb/right-2.png")no-repeat;
}

.standartInfoText ul li:nth-child(3):before {
    background: url("../assets/images/zipweb/right-3.png")no-repeat;
}

.standartInfoText a.takeOffer {
    float: left;
    margin-top: 32px;
    transition: box-shadow .6s;
    height: 48px;
    line-height: 48px;
    padding: 0 23px;
    font-size: 12px;
    color: #FFF;
    font-weight: 900;
    letter-spacing: 0.5px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 15px 7.5px rgba(246, 52, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px 10px rgba(246, 52, 0, 0.2);
    box-shadow: 0px 0px 20px 10px rgba(246, 52, 0, 0.2);
    background: #f49a00;
    background: -moz-linear-gradient(left, #f49a00 0%, #f67400 100%);
    background: -webkit-linear-gradient(left, #f49a00 0%, #f67400 100%);
    background: linear-gradient(to right, #f49a00 0%, #f67400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f49a00', endColorstr='#f67400', GradientType=1);
}

.standartInfoText a.takeOffer:hover {
    transition: box-shadow .6s;
    box-shadow: 0px 0px 22px 12px rgba(246, 52, 0, 0.26);
}

/* ===========================================
   NEDEN BIZI TERCİH ETMELISINIZ SECTION
   =========================================== */
.nedenbiz {
    position: relative;
    width: 100%;
    padding: 15px 0 0 0 !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    overflow: hidden;
    margin: 0;
}

.nedenbiz::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="rgba(255,255,255,0.1)"><polygon points="0,0 1000,0 1000,60 0,100"/></svg>') no-repeat center bottom;
    background-size: cover;
    pointer-events: none;
}

.nedenbiz #wrapper {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Section Title */
.nedenbiz .pakettitle {
    text-align: center;
    margin-bottom: 60px;
    animation: fadeInUp 0.8s ease-out;
}

.nedenbiz .pakettitle h1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 15px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
}

.nedenbiz .pakettitle h1::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b6b, #4ecdc4);
    border-radius: 2px;
    animation: slideInWidth 1s ease-out 0.5s both;
}

.nedenbiz .pakettitle .line {
    display: none;
}

.nedenbiz .pakettitle h2 {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Features Grid */
.nedenbiz .ozellik {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 40px 30px;
    margin: 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: calc(33.333% - 40px);
    vertical-align: top;
    min-height: 320px;
}

.nedenbiz .ozellik::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s ease;
}

.nedenbiz .ozellik:hover::before {
    left: 100%;
}

.nedenbiz .ozellik:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.98);
}

.nedenbiz .servisikon {
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
}

.nedenbiz .servisikonalt {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: #ffffff;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3);
    position: relative;
    overflow: hidden;
}

.nedenbiz .servisikonalt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease;
}

.nedenbiz .ozellik:hover .servisikonalt::before {
    width: 120px;
    height: 120px;
}

.nedenbiz .servisikonalt i {
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}

.nedenbiz .ozellik:hover .servisikonalt i {
    transform: scale(1.1);
}

.nedenbiz .servisinfos h4 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 15px;
    position: relative;
}

.nedenbiz .servisinfos h4::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    transition: width 0.3s ease;
}

.nedenbiz .ozellik:hover .servisinfos h4::after {
    width: 50px;
}

.nedenbiz .servisinfos p {
    font-size: 0.95rem;
    color: #7f8c8d;
    line-height: 1.6;
    margin: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .nedenbiz .ozellik {
        width: calc(50% - 40px);
        min-height: 300px;
    }

    .nedenbiz .pakettitle h1 {
        font-size: 2.2rem;
    }
}

@media (max-width: 768px) {
    .nedenbiz {
        padding: 60px 0;
        margin: 40px 0;
    }

    .nedenbiz .ozellik {
        width: calc(100% - 40px);
        margin: 15px 20px;
        min-height: 280px;
    }

    .nedenbiz .pakettitle {
        margin-bottom: 40px;
    }

    .nedenbiz .pakettitle h1 {
        font-size: 1.8rem;
    }

    .nedenbiz .pakettitle h2 {
        font-size: 1rem;
    }

    .nedenbiz .servisikonalt {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .nedenbiz {
        padding: 40px 0;
    }

    .nedenbiz .ozellik {
        padding: 30px 20px;
        margin: 10px 15px;
        width: calc(100% - 30px);
    }

    .nedenbiz .pakettitle h1 {
        font-size: 1.6rem;
    }
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInWidth {
    from {
        width: 0;
    }

    to {
        width: 80px;
    }
}

.scripthoverinfos i {
    font-size: 20px;
    padding-right: 7px;
}

span.avntsjl {
    text-align: right;
    right: -63px;
    position: relative;
    top: -3px;
    font-weight: 500;
}

.package .package-price a.detail:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #ffffff;
}

.ackss {
    position: absolute;
    bottom: 77px;
    width: 96%;
    left: 3px;
    background: #f3efef;
    padding: 5px;
    color: #607d8b;
}

a.gonderbtn img {
    width: 59px !important;
    height: 40px !important;
}

.scripthoverinfos a {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin-bottom: 5px;
    padding: 2px;
    padding-bottom: 10px;
    border-radius: 0px;
    color: white;
    font-size: 15px;
    width: 43%;
    height: 33px;
    line-height: 33px;
    font-weight: 600;
}

span.features {
    display: block;
    line-height: 30px;
    font-size: 14px;
    text-align: left;
    position: absolute;
    top: 18%;
    left: 44%;
}

.mysdf {
    padding: 0px;
    width: 90% !important;
    padding-bottom: 40px;
    padding: 20px !important;
}

div#group_262 .tablopaketler .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 20%;
    max-width: 22%;
    display: inline-block;
    margin-left: 0px;
}

div#group_262 .package {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #edf1f9;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    width: 301px;
}

div#group_262 .package .package-content h4.package-title {
    font-size: 16px;
    padding: 20px;
}

div#group_262 .package .package-price {
    background: #607d8b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: 10px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div#group_262 .package .package-content .image {
    margin-top: 15px;
    text-align: center;
    border-bottom: 0px solid #f3f5f9;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: none;
}

div#group_254 .tablopaketler .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 20%;
    max-width: 22%;
    display: inline-block;
    margin-left: 0px;
}

div#group_254 .package {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #edf1f9;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    width: 301px;
}

.scriptdetayinfo {
    float: left;
    width: 71.5%;
    padding-right: 28px;
    margin-right: 15px;
    border-right: 2px solid #ebebeb;
    margin-top: 40px;
}

.col-md-6.text-right i.ion-android-done {
    color: #ffffff;
    font-size: 20px;
    padding-right: 5px;
}

.anascriptlist i.ion-android-done {
    color: #101212;
    font-size: 15px;
}

.scripthoverinfos a.inc:hover {
    background: #9c27b0;
}

span.features h4 {
    font-size: 20px;
    border-bottom: 0px solid #efeaea;
    margin-bottom: 3px;
    padding-bottom: 5px;
}

span.features {
    display: block;
    line-height: 27px;
    font-size: 14px;
}

.scripthoverinfos {
    position: absolute;
    bottom: 5px;
    width: 100%;
}

i.ion-android-done {
    color: #fdffff;
    font-size: 15px;
}

/*-----------------------------------
    3 - Header
------------------------------------*/

/* Modern ve Uyumlu Menü Tasarımı */
.nav-menu {
    position: relative;
    width: 100%;
    z-index: 99;
    background: linear-gradient(90deg, #002573 0%, #0082f8 100%);
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 34, 87, 0.07);
    padding: 0 10px;
    margin-bottom: 18px;
}

.nav-menu .navigation {
    padding-top: 5px;
}

.nav-menu .main-menu {
    display: inline-block;
}

span.ozellkiconxx {
    color: #9c27b0;
}

.nav-menu .main-menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-width: unset;
}

.nav-menu .main-menu a {
    display: block;
    padding: 1px 1px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background: transparent;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    box-shadow: none;
    letter-spacing: 0.01em;
    min-width: 0;
    max-width: 100vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-menu .main-menu a:hover,
.nav-menu .main-menu a:active,
.nav-menu .main-menu a:focus {
    background: #0082f8;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 130, 248, 0.13);
}

.menu-wrap .logo-menu {
    display: grid;
    width: 110px;
}

.nav-menu .main-menu>.menu-item {
    float: left;
    list-style-type: none;
    margin: 0 4px;
}

.nav-menu .main-menu>.menu-item a:hover,
.nav-menu .main-menu>.menu-item a:active {
    text-decoration: none;
}

#mio-cookie-popup .mio-cookie-popup__card {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 50%, #0d0d2b 100%) !important;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 100px rgba(138, 43, 226, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 100% !important;
    position: relative !important;
    width: 440px !important;
    line-height: 1.5 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(138, 43, 226, 0.3) !important;
    overflow: hidden !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

#mio-cookie-popup .mio-cookie-popup__card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(138, 43, 226, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(236, 72, 153, 0.1) 0%, transparent 40%);
    pointer-events: none !important;
    z-index: 0 !important;
}

#mio-cookie-popup .mio-cookie-popup__card::after {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: 
        radial-gradient(2px 2px at 10% 20%, rgba(255,255,255,0.8) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 30% 70%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(2px 2px at 50% 30%, rgba(255,255,255,0.7) 0%, transparent 100%),
        radial-gradient(1px 1px at 70% 60%, rgba(255,255,255,0.5) 0%, transparent 100%),
        radial-gradient(1.5px 1.5px at 90% 40%, rgba(255,255,255,0.6) 0%, transparent 100%),
        radial-gradient(1px 1px at 15% 85%, rgba(255,255,255,0.4) 0%, transparent 100%),
        radial-gradient(2px 2px at 85% 15%, rgba(255,255,255,0.7) 0%, transparent 100%);
    animation: starsFloat 20s linear infinite !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

#mio-cookie-popup {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    left: auto !important;
    z-index: 9999 !important;
    font-family: 'Titillium Web', sans-serif !important;
    opacity: 1 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    animation: slideInRight 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#mio-cookie-popup:hover {
    transform: translateY(-5px) !important;
    box-shadow: 
        0 30px 60px rgba(0, 0, 0, 0.6),
        0 0 120px rgba(138, 43, 226, 0.25) !important;
}

#mio-cookie-popup .mio-cookie-popup__content {
    padding: 32px !important;
    text-align: center !important;
    color: #fff !important;
    position: relative !important;
    z-index: 2 !important;
}

#mio-cookie-popup .cookie-icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 20px !important;
    background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    color: #fff !important;
    box-shadow: 
        0 10px 30px rgba(139, 92, 246, 0.4),
        0 0 40px rgba(236, 72, 153, 0.2) !important;
    animation: iconPulse 3s ease-in-out infinite !important;
    position: relative !important;
}

#mio-cookie-popup .cookie-icon::after {
    content: '' !important;
    position: absolute !important;
    inset: -3px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #8b5cf6, #ec4899, #f59e0b, #8b5cf6) !important;
    z-index: -1 !important;
    animation: borderRotate 3s linear infinite !important;
    opacity: 0.7 !important;
}

#mio-cookie-popup h3 {
    font-size: 22px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #fff 0%, #e0e7ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    letter-spacing: -0.5px !important;
}

#mio-cookie-popup p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
    color: rgba(255, 255, 255, 0.75) !important;
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#mio-cookie-popup p a {
    color: #a78bfa !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-bottom: 1px solid transparent !important;
}

#mio-cookie-popup p a:hover {
    color: #c4b5fd !important;
    border-bottom-color: #c4b5fd !important;
}

#mio-cookie-popup .cookie-buttons {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

#mio-cookie-popup .cookie-accept,
#mio-cookie-popup .cookie-settings,
#mio-cookie-popup .mio-cookie-popup__c-p-button {
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    z-index: 2 !important;
    letter-spacing: 0.3px !important;
    text-transform: none !important;
}

#mio-cookie-popup .cookie-accept,
#mio-cookie-popup .mio-cookie-popup__c-p-button {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%) !important;
    color: #fff !important;
    box-shadow: 
        0 8px 20px rgba(139, 92, 246, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#mio-cookie-popup .cookie-accept:hover,
#mio-cookie-popup .mio-cookie-popup__c-p-button:hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 
        0 15px 35px rgba(139, 92, 246, 0.5),
        0 0 40px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

#mio-cookie-popup .cookie-accept:active,
#mio-cookie-popup .mio-cookie-popup__c-p-button:active {
    transform: translateY(-1px) scale(0.98) !important;
}

#mio-cookie-popup .cookie-settings {
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px) !important;
}

#mio-cookie-popup .cookie-settings:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

#mio-cookie-popup .cookie-policy-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    z-index: 2 !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px) !important;
}

#mio-cookie-popup .cookie-policy-link:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
    color: #fff !important;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%) scale(0.8) !important;
        opacity: 0 !important;
    }
    to {
        transform: translateX(0) scale(1) !important;
        opacity: 1 !important;
    }
}

@keyframes iconPulse {
    0%, 100% {
        transform: scale(1) !important;
        box-shadow: 
            0 10px 30px rgba(139, 92, 246, 0.4),
            0 0 40px rgba(236, 72, 153, 0.2) !important;
    }
    50% {
        transform: scale(1.05) !important;
        box-shadow: 
            0 15px 40px rgba(139, 92, 246, 0.5),
            0 0 60px rgba(236, 72, 153, 0.3) !important;
    }
}

@keyframes borderRotate {
    0% {
        transform: rotate(0deg) !important;
    }
    100% {
        transform: rotate(360deg) !important;
    }
}

@keyframes starsFloat {
    0% {
        transform: translate(0, 0) !important;
    }
    100% {
        transform: translate(-50px, -50px) !important;
    }
}

@media (max-width: 768px) {
    #mio-cookie-popup {
        bottom: 15px !important;
        right: 15px !important;
        left: 15px !important;
        width: auto !important;
    }
    #mio-cookie-popup .mio-cookie-popup__card {
        width: 100% !important;
        border-radius: 20px !important;
    }
    #mio-cookie-popup .mio-cookie-popup__content {
        padding: 24px !important;
    }
    #mio-cookie-popup .cookie-icon {
        width: 60px !important;
        height: 60px !important;
        font-size: 28px !important;
    }
    #mio-cookie-popup h3 {
        font-size: 18px !important;
    }
    #mio-cookie-popup .cookie-buttons {
        flex-direction: column !important;
    }
    #mio-cookie-popup .cookie-accept,
    #mio-cookie-popup .cookie-settings,
    #mio-cookie-popup .mio-cookie-popup__c-p-button {
        width: 100% !important;
    }
}

.dgstr {
    position: absolute;
    color: white;
    top: 8px;
    left: 1%;
    cursor: pointer;
}

.dgstr1 {
    position: absolute;
    color: rgb(255, 251, 0);
    top: 8px;
    left: 1%;
    cursor: pointer;
}

.nav-menu .main-menu>.menu-item>.sub-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 999;
    padding: 20px 30px;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 8px 32px rgba(0, 34, 87, 0.13);
    min-width: 220px;
    transition: opacity 0.2s, visibility 0.2s;
}

/* Responsive Menü */
@media (max-width: 991px) {
    .nav-menu {
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }

    .nav-menu .main-menu {
        display: block;
        width: 100%;
    }

    .nav-menu .main-menu li {
        float: none;
        width: 100%;
        margin: 0;
    }

    .nav-menu .main-menu a {
        width: 100%;
        border-radius: 0;
        padding: 2px 1px;
        font-size: 12px;
        text-align: left;
        background: rgba(0, 130, 248, 0.08);
        border-bottom: 1px solid rgba(0, 130, 248, 0.08);
        min-width: 0;
        max-width: 100vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .nav-menu .main-menu>.menu-item>.sub-menu {
        position: static;
        min-width: 100%;
        box-shadow: none;
        border-radius: 0;
        padding: 10px 0;
    }
}

/* span.rk1 {
    display: none;
} */
.nav-menu .main-menu .menu-item .menu-large .service-list .service .svg {
    display: table;
    height: 44px;
    width: 44px;
    margin: 10px 15px 0px 0px;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item {
    padding: 10px 18px 10px 15px;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item a {
    color: #e8e8e8;
    font-size: 13px;
    white-space: nowrap;
}

.nav-menu .main-menu .menu-item .menu-large .menu-item a:hover {
    color: var(--theme-color-3);
}

.nav-menu .main-menu .menu-item .menu-large .media-body {
    display: table-cell;
    vertical-align: top;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service {
    margin: 10px 0px;
    display: flex;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media {
    padding: 0 0px 10px 0;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-left i {
    text-align: left;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body a {
    padding: 0;
    line-height: 34px;
    color: #313131;
    display: inline-block;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service .media-body p {
    color: #808080;
    font-size: 12px;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special i {
    color: var(--theme-color-3);
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a {
    color: #212122;
    border: none;
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body a:hover {
    color: var(--theme-color-3);
}

.nav-menu .main-menu .menu-item .menu-large .service-list .service.special .media-body p {
    color: #212122;
}

.slider-items.owl-carousel.owl-loaded.owl-drag:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/mar.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.06;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer {
    display: block;
    margin-top: 20px;
    float: right;
    width: 245px;
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div {
    height: 8px
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-XJzS39Yp9MocEKEqSHbh {
    width: 11%;
    background: #7622da
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-J9kz6XE5xUBewIcpWTLH {
    width: 18%;
    background: #47c6eb
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-ctCwvxkDhrJpgTKJ7c04 {
    width: 31%;
    background: #ed5f1f
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-AYpkhq3eFlyRtiPnjhGe {
    width: 15%;
    background: #f59f28
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-E_QqTSkAdsbe0THVzWY1 {
    width: 13%;
    background: #6b1e5b
}

.sf-ColorfulBand-mOTqmcJwuGC3ngeAODaP>div.sf-ColorfulBand-qkpC10UNpkx51dx1rjHF {
    width: 12%;
    background: #45b794
}

.affiliate-banner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/gaf1.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.3;
    float: left;
}

.affiliate-banner2:before {
    position: absolute;
    top: 95px;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/gaf1.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.3;
    float: left;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner {
    border: dashed 2px var(--theme-color-3);
    padding: 20px;
    text-align: center;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .title {
    color: var(--theme-color-3);
    font-size: 22px;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner p {
    font-style: italic;
    color: #808080;
    font-size: 14px;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .val {
    font-size: 13px;
    text-decoration: line-through;
}

.nav-menu .main-menu .menu-item .menu-large li.start-offer .inner .dis {
    font-size: 20px;
    margin-bottom: 20px;
}

.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item {
    padding: 10px 0px;
}

.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item:last-child {
    padding-bottom: 20px;
}

.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item a {
    color: #5b6164;
    font-size: 14px;
    white-space: nowrap;
}

.nav-menu .main-menu>.menu-item>.sub-menu>.menu-item>.sub-menu {
    opacity: 0;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.nav-menu .main-menu .menu-item {
    list-style-type: none;
}

.menu.badge.feat {
    font-size: 10px;
    padding: 4px 7px;
    margin-top: 3px;
    position: absolute;
    right: -1px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

table.dataTable thead th {
    border-left: 1px solid #e6e0e0;
}

.sunucular .dataTables_wrapper table tr td {
    font-size: 15px;
    padding: 10px 0px;
    border-left: 1px solid #e2dfdf;
}

.plans.badge.feat {
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.plans.badge.feat.left {
    position: absolute;
    right: auto;
    left: 10px !important;
}

a.plans.badge.feat {
    top: -40px;
    padding: 8px 15px;
    right: 10px;
    position: absolute;
    background-color: var(--theme-color-3);
    border: none;
    color: #000;
    cursor: pointer;
}

a.plans.badge.feat:hover {
    color: #fff;
    background-color: #808080;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.nav-menu .main-menu a {
    font: 15px "Open Sans";
    margin-right: 35px;
    color: #fff;
    position: relative;
    padding: 25px 0px 15px 0px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.nav-menu .main-menu a.v-stroke {
    padding: 25px 0px 30px 0px;
}

.nav-menu .main-menu a.v-stroke:hover::after {
    height: 30px;
    transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.v-stroke:before {
    content: '';
    position: absolute;
    top: 55px;
    left: 50%;
    width: 2px;
    height: 0px;
    background: #fff;
    transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.v-stroke:hover::before {
    height: 30px;
    transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:hover::after {
    width: 100%;
    transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:before {
    content: '';
    position: absolute;
    top: 55px;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0%;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
}

.nav-menu .main-menu a.h-stroke:hover::before {
    width: 100%;
    transition: all 0.2s ease-in-out;
}

.active {

    font-weight: 600 !important;
}

div#group_254 .package-price {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

div#group_254 a#paketaktifbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.package:hover {
    background: #f2f2f2;
}

.activ2 {

    color: #ee5486 !important;
    font-weight: 600 !important;
}

tr.even {
    background: rgba(102, 126, 234, 0.15) !important;
    color: black;
}

#paketaktifbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 1.25em !important;
}

.anascript .scripthoverinfos {
    position: absolute;
    bottom: 5px;
    width: 96%;
}

tr.even {
    background: rgba(102, 126, 234, 0.15) !important;
    color: black;
}

tr.even:nth-child(4) {
    background: rgba(118, 75, 162, 0.1) !important;
    color: #ffffff;
}

tr.even:nth-child(2) {
    background: rgba(102, 126, 234, 0.1) !important;
    color: #ffffff;
}

tr.even:nth-child(6) {
    background: #03a9f473 !important;
    color: black;
}

tr.even:nth-child(8) {
    background: #9c27b030 !important;
    color: black;
}

tr.even:nth-child(10) {
    background: #607d8b29 !important;
    color: black;
}

.sunucular .dataTables_wrapper table tr td h4 span {
    font-weight: 500 !important;
    color: #ffffff;
    /* background: white; */
    padding: 3px;
    font-size: 11px !important;
}

.sunucular .lbtn {
    padding: 9px 18px;
    border: none;
    background: #2196f3;
    font-size: 14px;
    border-radius: 5px;
    color: white;
    font-weight: 600;
}

.nav-menu .menu-toggle {
    background-color: transparent;
    border: none;
    outline: none;
    display: none;
    float: right;
}

a#paketaktifbtn img {
    width: 59px !important;
    height: 40px !important;
}

.nav-menu .menu-toggle .icon {
    display: block;
    width: 24px;
    height: 4px;
    border-radius: 0px;
    background-color: #181b22;
    margin-top: 0px;
    margin-bottom: 3px;
}

.menu-wrap {
    position: absolute;
    width: 100%;
    padding: 25px 0px 0px 0px;
    background-color: transparent;
    z-index: 9;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.menu-wrap.line {
    background-color: transparent;
    border-bottom: 1px solid #e6e7e8;
    border-top: 0;
}

.menu-wrap.fixed {
    box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
    padding-top: 0;
    padding: 13px 0px 13px 0px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

.menu-wrap.fixed .main-menu>.menu-item>a:before {
    bottom: -12px;
}

.menu-wrap.fixed .main-menu>.menu-item>.sub-menu {
    box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
    top: 50px !important;
}

.menu-wrap.fixed .main-menu>.menu-item>.sub-menu.menu-large {
    box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
    top: 50px !important;
}

.menu-wrap.light.fixed .logo-menu {
    top: -25px;
}

.menu-wrap.active .menu-toggle {
    top: 0px !important;
    right: 0px;
}

.cl-8 a {
    color: #0e0e0e !important;
    font-size: 13px !important;
}

.menu-wrap.mobile .logo-responsive {
    display: none;
}

.menu-item div.badge {
    font-family: "Open Sans";
    letter-spacing: 0.5px;
    padding: 6px 10px 5px;
}

.menu-item .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ansyfdn a {
    color: white;
}

.menu-item div.badge.inside {
    padding: 5px 8px 5px;
    font-size: 10px;
    border-radius: 50px;
    position: absolute;
    top: 7px;
    right: 17px;
    float: right;
}

.sub-menu.megamenu-list.webhst .start-offer .inner {
    height: 100%;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    padding: 30px;
    text-align: left;
    background-color: #fdd700;
    height: 275px;
}

.bg-pink {
    background-color: #ee5586 !important;
    color: white;
}

#nav-toggle {
    position: relative;
    cursor: pointer;
    padding: 17px 37px 20px 2px;
}

#fullwidth .menu ul li ul {
    background: #ffffff00;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    top: 53px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.mega-container.krmsld .mega-left a.item span.top-title {
    display: block;
    text-align: center;
    color: #000;
    font-size: 16px;
    line-height: 40px;
}

.mega-container.dgrmnds {
    background: white;
    width: 95%;
}

.mega-container.krmsld .mega-desc {
    font-size: 17px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    top: 10px;
    left: 2%;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%);
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid rgba(102, 126, 234, 0.3);
}

.sub-menu.megamenu-list.webhst {
    background: white;
}

#megamenu {
    width: auto;
    left: auto;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: top center;
}

.menu-wrap #nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    cursor: pointer;
    height: 2px;
    width: 36px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span:before {
    top: -10px;
}

#nav-toggle span:after {
    bottom: -10px;
}

.active #nav-toggle span:before {
    background: var(--theme-color-3) !important;
}

.active #nav-toggle span:after {
    background: var(--theme-color-3) !important;
}

#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
    transition: all 250ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before,
#nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

.toplang {
    position: absolute;
    display: grid;
    display: -ms-grid;
    z-index: 2;
    right: 15px;
    top: 100px;
}

.toplang .btn {
    font-size: 10px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    height: 23px !important;
}

/*-----------------------------------
    4 - Banner
------------------------------------*/
.top-banner .subheading {
    font-family: "Open Sans";
    color: #fff;
    position: relative;
    line-height: 32px;
    font-size: 18px;
    margin-bottom: 50px;
}

.top-banner .subheading.left {
    margin-left: 0;
}

.top-banner .subheading {
    color: #fff
}

.top-banner .subheading span {
    width: 100%;
    text-align: center;
    font-family: "Open Sans";
}

.top-banner.overlay .heading {
    color: #fff
}

.top-banner.overlay .subheading {
    color: #fff
}

.top-banner.overlay .btn {
    font-size: 18px;
    padding: 15px;
    font-family: Open Sans;
}

.top-banner .heading {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans Bold";
    line-height: 58px;
    font-size: 52px;
}

.top-header {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 90px;
}

.top-header.overlay:before {
    background-color: rgba(0, 0, 0, 0.7);
}

.top-header .wrapper .heading {
    font-family: "Open Sans Bold";
    font-size: 52px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 5px;
}

.top-header .wrapper .subheading {
    font-family: "Open Sans";
    color: #fff;
    position: relative;
    line-height: 32px;
    font-size: 18px;
    margin-bottom: 50px;
}

.top-header .wrapper .subheding {
    font-family: "Open Sans";
    font-size: 18px;
    color: #eaeaea;
}

.products_features i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

.top-header .wrapper .subheding .link {
    color: #fff;
    padding-left: 8px;
    padding-right: 10px;
}

.top-header .wrapper .subheding i {
    font-size: 10px;
}

.top-header .wrapper .subheding .link:first-child {
    padding-left: 0px;
}

.top-header .wrapper .subheding .link.active {
    color: var(--theme-color-3);
    font-weight: bold;
}

.top-header .wrapper .subheding .link:hover {
    text-decoration: none;
    color: var(--theme-color-3);
}

/*-----------------------------------
    20 - Menus
------------------------------------*/

/* Megamenu */
.megamenu {
    padding: 0px !important;
    left: 0;
    right: 0
}

.megamenu .menu-item a {
    color: #e8e8e8;
    font-size: 13px;
    white-space: nowrap;
}

.nav-menu .main-menu .menu-item .megamenu .menu-item a:hover {
    color: #69c399;
}

.megamenu .media-body {
    display: table-cell;
    vertical-align: top;
}

.megamenu .service-list {
    padding: 30px;
}

.megamenu .service-list .service {
    display: inline-table;
    padding: 12px;
}

.megamenu .service-list .service .media {
    padding: 0 0px 10px 0;
}

.megamenu .service-list .service .media-left {
    padding: 10px 15px 15px 0px;
    color: #9e9e9e;
}

.megamenu .service-list .service .media-left .svg {
    height: 44px;
    width: 44px;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 10px;
    margin: 8px 0 0;
    padding: 20px;
    font-size: 18px;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.megamenu .service-list .service .media-body {
    display: table-cell;
    vertical-align: middle;
}

.megamenu .service-list .service .media-body a {
    font: 15px "Open Sans";
    padding: 0;
    line-height: 34px;
    color: #313131;
    margin-right: 0px;
}

div#selection-methods .ui-state-active {
    background: #607d8b;
    border-radius: 0px !important;
}

div#selection-methods .ui-widget-content {
    color: #607d8b;
    background: white;
}

.megamenu .service-list .service .media-body p {
    font-size: 12px;
    color: #808080;
    line-height: 22px;
    margin: 0px;
}

.wnotifititle.slr h5 {
    font-weight: 500;
}

.wclientnotification.v1 h5 {
    font-weight: 500;
}

.megamenu .service-list .service.special .media-body a {
    color: #21252E;
    border: none;
}

.megamenu .service-list .service.special .media-body p {
    color: #21252E;
}

.megamenu .start-offer {
    padding: 0px;
}

.megamenu .start-offer .inner {
    height: 100%;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    padding: 30px;
    text-align: left;
}

.megamenu .start-offer .inner .inner-content {
    font-size: 14px;
    line-height: 26px;
    color: #414142;
}

.megamenu .start-offer .inner .title {
    color: #fff;
    font-size: 22px;
}

.megamenu .start-offer .inner a {
    padding: 17px 26px !important;
    font-family: "Open Sans Semibold";
    display: inline-block;
    line-height: 1;
    font-size: 14px;
}

/* Megamenu List */
.megamenu-list {
    padding: 0px !important;
    left: 0;
    right: 0;
    display: inline-block;
}

.megamenu-list .menu-item a {
    color: #e8e8e8;
    font-size: 13px;
    white-space: nowrap;
}

.megamenu-list .menu-item a:hover {
    color: #69c399;
}

#fullwidth .menu ul li ul li a {
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #2e2727;
    text-transform: capitalize;
    font-family: 'Titillium Web';
    font-weight: 500;
}

.sayfacontent {
    float: left;
    width: 74%;
    margin-bottom: 35px;
}

.sidebar {
    float: right;
    width: 20%;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-style: solid;
    border-bottom-style: solid;
    border-left-color: #ececec;
    border-bottom-color: #fff;
    margin-top: 20px;
    margin-bottom: 35px;
    padding-left: 20px;
    border-right-style: unset;
}


.megamenu-list .service-list {
    padding: 30px;
}

.megamenu-list .service-list .service {
    display: inline-table;
    padding: 12px;
    width: 28%;
}

.megamenu-list .service-list .service .media {
    padding: 0 0px 10px 0;
}

.megamenu-list .service-list .service .media-left {
    padding: 10px 15px 15px 0px;
    color: #9e9e9e;
}

.megamenu-list .service-list .service .media-left .svg {
    height: 44px;
    width: 44px;
}

#fullwidth #megamenu {
    color: #273137;
}

.megamenu-list .service-list .service ul {
    padding: 0px;
}

.megamenu-list .service-list .service .media-body a {
    font: 15px "Open Sans";
    padding: 0;
    line-height: 34px;
    color: #808080;
    margin-right: 0px;
}

.megamenu-list .service-list .service .media-body a:hover {
    color: var(--theme-color-1);
}

.megamenu-list .service-list .service .media-body p {
    font-size: 12px;
    color: #808080;
    line-height: 22px;
    margin: 0px;
}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {
    content: '';
    border: 1.5px solid #d5d3d3;
    border-radius: 5px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.menu_tag {
    margin-top: -5px !important;
}

.rw {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 1px;
}

.mega-container.alnads .container {
    width: 1160px;
    width: 86%;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

/* .mnsvea {
    text-align: left!important;
    padding: 30px 14px;
    overflow: hidden;
} */
.mnsvea {
    position: absolute;
    z-index: 6;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    top: 100%;
    font-size: 14px;
    box-shadow: 0 64px 64px rgb(0 0 0 / 24%);
    display: none;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.cl-8 {
    flex: 0 0 66.666666%;
    width: 66.666666%;
}

.cl-4 {
    padding: 15px;
    border-left: 1px solid rgba(102, 112, 147, .2);
    padding-left: 30px;
}

.cl-4 a i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #078bff;
}

.megamenu-list .service-list .service.special .media-body a {
    color: #21252E;
    border: none;
}

.megamenu-list .service-list .service.special .media-body p {
    color: #21252E;
}

.megamenu-list .start-offer {
    padding: 0px;
    float: right;
    position: absolute;
    right: 0px;
    height: 100%;
}

a.btn.btn-default-pink-fill.mt-4 {
    background: #2196f3 !important;
    color: white !important;
}

.start-offer.col-md-3 small {
    color: #a78bfa !important;
    font-size: 20px !important;
}

.inner.wbrk1 .title.mb-2 {
    color: white !important;
}

.inner.wbrk1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    height: 200px !important;
}

.inner.wbrk1 .start-offer.col-md-3 small {
    color: #c4b5fd;
    font-size: 16px;
}

.webhst .start-offer .inner a {
    padding: 12px 12px !important;
    font-family: "Open Sans Semibold";
    display: inline-block;
    line-height: 1;
    font-size: 14px !important;
}

.inner.wbrk1 {
    color: white !important;
}

.inner.wbrk1 .inner-content {
    font-size: 17px !important;
    line-height: 18px !important;
    color: #ffffff !important;
    margin-top: 8px !important;
    margin-bottom: 15px !important;
}

.badge.inside.bg-pink.ptr {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.inner.wbrrk2 {
    border-radius: 0px !important;
}

.wbrk2 {
    border-radius: 0px !important;
}

.inner.wbrk1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    height: 250px !important;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px !important;
}

.istatistik i {
    font-size: 33px;
    color: #eee;
    float: left;
    position: absolute;
    margin-top: -98px;
    z-index: -1;
    left: 32px;
}

div#group_194 .package .package-content .image img {
    height: 101px;
    display: none;
}


div#group_194 .tablopaketler.products_list {
    background: #f9f9f9;
}

div#group_194 h4.package-title a {
    color: #9c27b0;
    position: relative;
}

div#group_194 .package .popular {

    background: #9c27b0;
}

div#group_194 h4.package-title {
    font-size: 28px;
    background: #f9f1f1;
    position: relative;
    top: -47px;
    padding: 10px;
}

div#group_254 .package .package-content .image img {
    height: 101px;
    display: none;
}

div#group_254 .tablopaketler.products_list {
    background: #ebf5fd;
}

div#group_254 h4.package-title a {
    color: #000000;
    position: relative;
}

.categoriesproduct a img {
    height: 30px;
    width: auto;
    float: left;
    margin-right: 11px;
    top: 10px;
    position: relative;
    border-radius: 5px;
}

.mega-container.krmsld .mega-desc {
    display: none;
}

.mega-container.krmsld .mega-right {
    display: none;
}

.menu li#noborder ul {
    background: white !important;
    left: 0px !important;
}

/* li#noborder:last-child a {
    color: white;
} */
li#noborder:last-child {
    /* background: #ff5722; */
    height: 60px;
}

li#noborder:last-child:hover {
    background: #f1f1f1;
    color: red !important;
}

.logoynmnd:hover {
    background: #ffffff;
}

li#noborder ul {
    width: 220px !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    color: #e0dfdf;
    padding-left: 8px;
}

.orderperiodblock.active {
    border: 2px solid #667eea !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    animation: float 6s ease-in-out infinite;
    box-shadow: 0px 0px 7px #667eea !important;
}

li#noborder ul a {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 600;
}

.active .periodselectbox {
    border: 2px solid #ffffff !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.orderperiodblock.active h3 {
    color: white;
}

.sepetlist:nth-child(1) .sepetlistcon {
    padding: 18px 10px;
}

.sepetlist:nth-child(2) {
    background: #e7f2fa;
}

.sepetlist:nth-child(4) {
    background: #e7f2fa;
}

.sepetlist:nth-child(6) {
    background: #e7f2fa;
}

.sepetlist:nth-child(8) {
    background: #e7f2fa;
}

div#group_254 .package .popular {

    background: #2196f3;
}

div#group_254 h4.package-title {
    font-size: 16px;
    background: #fbf9f9;
    position: relative;
    top: -25px;
    padding: 10px;
}

.package .package-content ul li {
    font-size: 14px;
    color: #23252b;
    line-height: 1.8em;
    font-weight: 500;
    text-align: left;
}

.package .package-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center !important;
    display: inline-table;
}

div#group_hosting .tablopaketler.products_list {
    background: #ffffff;
}

div#group_hosting .package .package-content h4.package-title {
    margin-top: -30px;
    font-size: 20px;
    margin-bottom: 20px;
}

div#group_hosting .package .package-content ul li i {
    color: #a78bfa;
    margin-right: 5px;
    /* text-align: left; */
    /* float: left; */
}

div#group_hosting .package .package-content h4.package-title a {
    color: #667eea;
    font-weight: 800;
}

div#group_254 .package .package-content ul li {
    font-size: 14px;
    color: #23252b;
    line-height: 2em;
    font-weight: 500;
}

.orderperiodblock {
    display: inline-block;
    text-align: center;
    transform: scale(0.90);
    border: 2px solid rgb(239, 239, 239);
    border-radius: 7px;
    width: 22%;
    cursor: pointer;
    padding: 45px 10px;
    background: rgb(239, 239, 239);
    background: -moz-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(239, 239, 239, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.b2 .wclientnotification .padding10 {
    padding-top: 0px;
    padding-bottom: 5px;
}

table.dataTable strong {
    font-weight: 600 !important;
}

.inner.wbrrk2 a.btn.btn-default-pink-fill.mt-4 {
    background: #9c27b0 !important;
    padding: 13px !important;
    position: relative;
    top: 10px;
    right: -13px;
}

div#group_194 .package-price {
    background: #9c27b0 !important;
}

div#group_254 .package .package-content ul li i {
    color: #2196f3;
    margin-right: 5px;
}

div#group_194 .package .package-content ul li i {
    color: #9c27b0;
    margin-right: 5px;
}

div#group_194 a#paketaktifbtn {
    background: #9c27b0;
}

.badge.inside.bg-pink.mbst {
    background: #795548 !important;
}

.badge.inside.bg-pink.gys {
    background: #607d8b !important;
}

.badge.inside.bg-pink.sstr {
    background: #3f51b5 !important;
}

.badge.inside.bg-pink.bst {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff;
}

.badge.inside.bg-pink.ystr {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
}

.badge.inside.bg-pink.bsst {
    background: linear-gradient(135deg, #667eea 0%, #5a67d8 100%) !important;
}

.inner.wbrk1 a.btn.btn-default-pink-fill.mt-4 {
    padding: 13px !important;
    position: relative;
    top: 20px;
    right: -14px;
}

.inner.wbrk1 small {
    color: #a78bfa !important;
    font-size: 16px !important;
}

.megamenu-list .start-offer .inner {
    height: 100%;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    padding: 30px;
    text-align: left;
    background-color: #fdd700;
    height: 288px;
}

.megamenu-list .start-offer .inner .inner-content {
    font-size: 18px;
    line-height: 26px;
    color: #808080;
    margin-top: 20px;
    margin-bottom: 20px;
}

.col-4.service hr {
    border: 1px solid #e9e8e8;
}

.megamenu-list .start-offer .inner .title {
    color: #181b22;
    font-size: 22px;
}

#fullwidth .menu ul li ul li:hover a {
    background: rgb(0 0 0 / 0%);
}

.megamenu-list .start-offer .inner a {
    padding: 17px 26px !important;
    font-family: "Open Sans Semibold";
    display: inline-block;
    line-height: 1;
    font-size: 14px;
}

.megamenu-list .service .top-head {
    position: relative;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    color: #607d8b;
}

.megamenu-list .service .top-head .svg {
    height: 32px;
    width: 32px;
}

.megamenu-list .service .top-head div {
    padding: 12px 0px 0px 12px;
}

ul.sub-menu {
    display: block !important;
}

.menu ul li ul {
    width: 100% !important;
    float: left;
    position: initial;
    top: 68px;
    left: 0px !important;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: #fff;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    line-height: normal;
    color: #353f43;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-repeat: repeat-x;
}

.product-main.p120:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/sftat.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.1;
}

/* .wclientdomainpage:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/dmars.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 86%;
    margin: 0px;
    opacity: 0.1;
} */
.other-product.bg-grey {
    position: relative;
    top: 42px;
}

.sss .ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    font-weight: 600;
    color: #ffffff !important;
    border-radius: 0px !important;
}

#category-button-active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-bottom: 2px solid #667eea;
    color: white;
}

.wclientnotifi.nhyt svg.w-6.h-6:hover {
    opacity: 0.5;
}

.ui-accordion .ui-accordion-content {
    padding: 25px;
    border-top: 0;
    overflow: hidden;
    background: rgba(5, 5, 5, 0.8);
    /* height: 63px; */
    font-size: 17px;
    color: #a0a0a0;
    /* line-height: 63px; */
    margin-bottom: 20px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    font-weight: 400;
    color: #ffffff;
    border: 1px solid rgba(102, 126, 234, 0.3);
}

div#accordion {
    background: transparent;
    padding: 20px;
    border-radius: 10px;
}

.sss #accordion h3 {
    font-size: 17px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    display: inline-table;
    position: relative;
}

.nmrs:hover {
    color: #667eea;
}

.nmrs {
    float: right;
    position: relative;
    right: 15px;
    top: -26px;
    color: #ffffff;
    cursor: pointer;
    padding-left: 10px;
    opacity: 0;
    z-index: 99;
}

.orderuserlogin .radio-custom:checked+.radio-custom-label {
    background: #eee;
    font-weight: 600;
}

.uhperiyod select {
    cursor: pointer;
}

.wnotifititle h5 {
    font-size: 13px;
    position: relative;
    z-index: 12;
    font-weight: 400 !important;
}

.b2 .wnotificontent.grsbs .wnotifilistcon h5 {
    font-size: 15px;
    margin-bottom: -3px !important;
    margin-left: -28px !important;
    margin-top: 2px !important;
}

.wnotificontent.grsbs .wnotifilistcon h5 {
    font-size: 15px;
    margin-bottom: -3px !important;
    margin-left: -30px !important;
    margin-top: 2px !important;
}

.customSwalBtn {
    background-color: rgb(115, 181, 30);
    border-left-color: rgba(214, 130, 47, 1.00);
    border-right-color: rgba(214, 130, 47, 1.00);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 10px 5px 0px 5px;
    padding: 10px 32px;
}

.customSwalBtn1 {
    background-color: rgb(115, 181, 30);
    border-left-color: rgba(214, 130, 47, 1.00);
    border-right-color: rgba(214, 130, 47, 1.00);
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 5px 5px 0px 5px;
    padding: 10px 32px;
}

.headbi3 .wnotificontent .wnotifilistcon a strong {
    font-weight: 600;
    color: #000000;
    font-family: system-ui;
}

.swal2-image {
    max-width: 100%;
    margin: 0.25em auto !important;
}

.close:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.wnotifilistcon h5 {
    font-size: 15px;
    padding-left: 11px;
}

.wclientnotification.v1 .wnotifilistcon h5 a {
    color: #a0a0a0 !important;
    position: absolute;
    left: 0px;
    padding: 4px !important;
    margin-top: -2px;
    font-family: cursive;
    font-weight: 300 !important;
    display: contents;
}

h2#swal2-title {
    font-size: 19px;
    color: #667eea !important;
    margin-top: 12px;
    margin-bottom: 8px;
}

.close {
    position: absolute;
    left: 96%;
    top: -105px;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

input.fip {
    margin: auto;
    width: 80%;
    background: rgba(5, 5, 5, 0.8);
    border: 0;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    color: #ffffff;
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #55595c;
    background-color: #f9f9f9;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.margin-below {
    margin-bottom: 1.2rem;
}

.form-control:focus {
    border-color: #7743ff;
    box-shadow: inset 0 1px 1px rgba(45, 45, 45, 0.07), 0 0 8px rgba(129, 129, 129, 0.6);
}

.btn2 {
    cursor: pointer;
    width: 80%;
    padding: 12px;
    border: 0;
    background: #3e7fb9;
    font-size: 1.1em;
    color: #fff;
    text-shadow: 1px 1px 0px rgb(0 0 0 / 40%);
    /* box-shadow: 0px 3px 0px #3e7fb9; */
    margin-top: 1.2rem;
    border-radius: 0.25rem;
}

.btn2:hover {
    color: #fff;
    background: #3e7fb9;
    border-color: #3e7fb9;
}

/*----------------------------------
    3) Hello CSS
    ----------------------------------*/
.hello {
    width: 100%;
    height: 595px;
    background-color: #1E58D8;
    animation: hellobg 11s infinite linear;
    position: relative;
}

.helloright {
    position: absolute;
    right: 8px;
    bottom: -2px;
    z-index: 9;
}

@keyframes hellobg {
    0% {
        background-color: #2196f3;
    }

    25% {
        background-color: #0862aa;
    }

    50% {
        background-color: #03a9f4;
    }

    75% {
        background-color: #057bd8;
    }

    100% {
        background-color: #2196f3;
    }
}

.hello header {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 36px;
}

nav ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.menu li a {
    float: right;
    font-family: revert;
    color: #000000;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    line-height: 57px;
    font-weight: 600 !important;
    font-size: 16px;
    border-bottom: 2px solid transparent;
}

.sub-menu.megamenu-list.webhst {
    display: block;
}

nav ul li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin: 0 32px;
    position: relative;
}

nav ul li a:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 1px;
    margin-top: 6px;
    transition: all .35s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
}

nav ul li a.active:before,
nav ul li a:hover:before {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.shopping-bag-icon {
    position: relative;
    margin-right: 25px;
    cursor: pointer;
}

.shopping-bag-icon span {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #000000;
    border-radius: 100%;
    text-align: center;
    line-height: 15px;
    z-index: 9;
}

.shopping-bag-icon img {
    position: relative;
    z-index: 1;
}

a.hemenucretsiz {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    height: 44px;
    line-height: 44px;
    padding: 0 19px;
    transition: background-color .35s ease-in-out;
}

.mega-container.alnads .cl-4 ol {
    left: 20px;
    position: relative;
}

a.hemenucretsiz:hover {
    background-color: rgba(255, 255, 255, .30);
}

.gzzl {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    position: absolute;
    padding: 9px;
    color: white;
    left: 1%;
    cursor: pointer;
    display: none;
    top: 5.7% !important;
    z-index: 9;
    height: 28px !important;
}

.syfbsks svg {
    width: 37px;
    padding-right: 10px;
    position: relative;
    top: -3px;
}

.syfbsks {
    position: absolute;
    left: 12%;
    display: flex;
    top: 3%;
    color: white;
}

#sunucutukenbtn {
    opacity: 1;
    filter: alpha(opacity=40);
    background: none;
    color: #ffffff;
    background: #ff000070;
}

#tukendi:after {
    border-color: #667eea transparent transparent rgba(118, 75, 162, 0);
    border-style: solid;
    margin-top: 20px;
    border-width: 5px;
    left: 25%;
}

.sunucustok {
    background: #4caf50;
    color: #fff;
    padding: 2px 0;
    font-size: 12px;
    margin-left: 16px;
    position: absolute;
    margin-top: -45px;
    width: 62px;
}

.sepetright .gonderbtn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: #fff;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgb(0 0 0 / 0%);
}

.mega-container .mega-desc {
    display: none !important;
}

nav ul li:last-child a {
    margin-right: 0;
}

.wclientnotifi.nhyt {
    margin-top: -2px;
    margin-left: -92px;
}

.b2 .wclientnotifi.pros.giris a.wnotifitibtn {
    color: #0e0d0d !important;
    display: inline-flex;
}

.b2 .wnotifititle {
    background: #ffffff !important;
    color: #000000;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    border-bottom: 1px solid #e8e2e2;
}

.b2 .wclientnotifi.pros.giris {
    background: #fff;
    position: relative;
    top: -8px;
    left: 0px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
}

.b2 .wclientnotifi.prof {
    background: #ffffff;
    height: 46px;
    line-height: 21px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: relative;
    top: -9px;
    cursor: pointer !important;
    padding-top: 5px;
}

.b2 .wclientnotifi.prof svg.w-6.h-6 {
    color: #000000;
    position: relative;
    top: 5px;
    width: 32px;
    left: 7px;
}

.b2 .headbi3 {
    z-index: 99;
    top: 0px;
    position: relative;
    float: inherit;
}

.b2 #sepeticon {
    font-size: 26px;
    float: left;
    color: #fff;
    margin-top: 10px;
    margin-right: 9px;
}

.headbutonlar.h2 a {
    float: right;
    color: #ffffff87;
    margin-left: 15px;
    font-size: 15px;
}

.b2 .cksyps a {
    height: 40px !important;
    line-height: 38px !important;
}

.headbutonlar.b2 span#notification_bubble_count {
    top: -2px;
}

.wclientnotifi.prof i {
    margin-right: 8px;
    padding-top: 0px;
    position: relative;
    top: 1px;
    color: #607d8b;
    left: 11px;
}

.b2 .wclientnotifi.prof a.wnotifitibtn {
    font-weight: 500 !important;
    color: #000000 !important;
}

.headbutonlar.b2 {
    float: right;
    font-family: 'Raleway', sans-serif;
    position: absolute;
    right: 1%;
    top: 27px;
    z-index: 99;
}

.b2 .wclientnotifi.prof i.fa.fa-angle-down.hidden-sm {
    color: black;
    left: 7px;
}

.b2 .wclientnotifi.nhyt svg.w-6.h-6 {
    width: 28px;
    top: 7px;
    position: relative;
    left: -3px;
}

.b2 .headbi3 .wclientnotification {

    top: 53px;
}

.b2 div#read_all_notifications a {
    margin-bottom: 14px;
}

.b2 .notifi-count {
    font-size: 13px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #000000;
    position: absolute;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -18px;
    font-weight: 400;
    font-family: 'Titillium Web';
    margin-top: 0px;
    -webkit-animation: alert 2s linear 0s infinite normal;
    animation: alert 2s linear 0s infinite normal;
}

.b2 #sepeticon span {
    font-weight: 400;
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #000 !important;
    position: absolute;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -36px;
    margin-top: -10px;
    font-family: 'Titillium Web';
}

.headbutonlar.b2 {
    display: none;
}

.b2 .wclientnotification.v1 h5 {
    font-weight: 500;
    color: #3c3737;
}

.b2 .wclientnotification.v1 {
    top: 44px;
    right: 34%;
    z-index: 99;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.hello-text {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-top: 70px;
    position: relative;
    z-index: 1;
}

.cl-8 li a:hover {
    background: #f4fad2 !important;
}

.hello-text h3 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
    max-width: 500px;
    margin-bottom: 15px;
}

table.dataTable thead th {
    border-left: 1px solid #e6e0e0;
    background: white;
    border: 1px solid #e9e5e5;
    padding: 13px !important;
}

.affiliate-banner2 img {
    height: 257px;
    margin-top: 0px;
    animation: float 6s ease-in-out infinite;
}

.hello-text h3 u {
    text-decoration: none;
}

.tablopaketler .gonderbtn {
    border: none;
    font-size: 17px;
    padding: 17px 30px;
    color: #473a36;
    float: none;
    margin: 5px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 20px 45px 0px rgb(0 0 0 / 8%);
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 8%);
}

nav {
    margin-left: 36px;
}

.helloleft {
    position: absolute;
    bottom: 102px;
    left: 0;
}

.cl-8 li a strong {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    padding-bottom: 8px;
    color: #000000;
}

.cl-8 a i {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 56px;
    line-height: 56px;
    text-align: center !important;
    background: #fff;
    font-size: 32px;
    color: #667093;
    box-shadow: 0 10px 64px rgb(0 0 0 / 4%);
    border-radius: 8px;
    overflow: hidden;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.cl-8 li {
    padding-top: 12px !important;
}

.cl-8 {
    padding: 15px;
    border-left: 0px solid rgba(102, 112, 147, .2);
}

.cl-4 {
    padding: 15px;
    border-left: 1px solid rgba(102, 112, 147, .2);
}

.cl-4 ol {
    padding-top: 4px;
}

.cl-4 ol li a i {
    position: absolute;
    left: -19px;
    top: 12px;
    font-size: 16px;
    color: #078bff;
}

.cl-4 ol li {
    padding-top: 12px;
}

#header ul.mainMenu>li>div>div>div>div {
    padding: 15px;
    border-left: 1px solid rgba(102, 112, 147, .2);
}

.cl-8 a {
    display: block;
    position: relative;
    background: #f6f6f6 !important;
    border-radius: 8px;
    padding: 12px 12px 12px 80px !important;
    font-size: 12px !important;
    line-height: 19px !important;
    min-height: 60px;
}

.cl-4 ol li a {
    position: relative;
    color: #2D8CFF !important;
    font-size: 15px !important;
    font-weight: 400;
    padding-left: 24px;
}

#megamenuli {
    position: inherit;
    height: 61px;
}

#fullwidth .menu>li>div>div>div>div {
    padding: 15px;
    border-left: 1px solid rgba(102, 112, 147, .2);
}

.cl-8 a:hover {
    background: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / 23%);
}

.hcont {
    height: 100%;
}

img.hellobg {
    position: absolute;
    top: 0;
    left: 0;
}

.menu i.fa.fa-home:hover {
    opacity: 0.7;
}

img.patlangacXX {
    animation: float 6s ease-in-out infinite;
}

.helloleft img {
    animation: float 6s ease-in-out infinite;
}

.tablepaket.active:nth-child(3) {
    background: #00968817;
    border: 2px solid #00968861 !important;
    animation: float 6s ease-in-out infinite;
}

.tablepaket.active:nth-child(5) {
    border: 2px solid rgba(102, 126, 234, 0.3) !important;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

.hello-text p {
    font-size: 26px;
    font-weight: 500;
    color: #CBD9F7;
    line-height: 34px;
    max-width: 480px;
}

.scripthoverinfo a {
    color: #fff;
    background: none;
    border: 2px solid #fff;
    margin: 80px 5px;
    padding: 10px 12px;
    border-radius: 5px;
}

.swal2-title {

    color: #3e7fb9 !important;
}

#pop-msg {
    font-size: 14px;
    color: red;
    font-weight: 700;
}

.swal2-container {
    z-index: 999999999 !important;
}

div#swal2-content h2#swal2-title {
    font-size: 14px;
    color: black !important;
}

#clientAreaMenus-2 .inner {
    padding-inline-start: 2px !important;
}

.tabcontentcon input:focus {
    padding-left: 10px;
}

input,
select,
textarea {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-color: #e3e3e3;
    padding: 10px 0;
    border-style: none none solid;
    padding-left: 10px;
}

.haberblog {
    background: #fff;
    width: 100%;
    float: none;
    margin: 20px 25px;
    display: flex;
    text-align: left;
    vertical-align: top;
    border-radius: 7px;
}

.haberblogst.aos-init.aos-animate {
    margin-top: 50px;
    /* border-top: 2px solid #e8dede; */
}

ul#foo44 h4 {
    font-size: 15px;
}

a.brns.blgs {
    background: #ffffff;
    position: relative;
    top: 10px;
    color: #a99c9c;
}

a.brns.blgs:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: white;
}

a.brns svg {
    height: 27px;
    position: relative;
    top: 7px;
}

.haberbloktitle {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-top: 20px;
    padding-left: 20px;
}

a.brns {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 12px;
    color: white;
    font-weight: bold;
    float: right;
    margin-top: -7px;
    position: absolute;
    padding-top: 2px;
    font-size: 13px;
}

a.brns.nws:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: white;
}

a.brns.nws {
    background: #ece9e8;
    padding: 12px;
    color: #2a2626;
    font-weight: bold;
    float: right;
    margin-top: 32px;
    position: absolute;
    padding-top: 2px;
    margin-left: 54px;
    font-size: 13px;
}

.haberblogs.aos-init.aos-animate {
    background: #f6f6f6;
    margin-top: 50px;
}

ul#foo33 {
    display: flex;
}

ul#foo44 {
    display: flex;
}

ul#foo44 li {
    border: 1px solid #e3dddd;
    margin-left: 10px;
    padding: 20px;
    background: #ebf4e2;
}

ul#foo33 li {
    border: 1px solid #e3dddd;
    margin-left: 10px;
    padding: 20px;
    background: white;
}

ul#foo44 img {
    min-width: 135px;
    min-height: 100px;
    margin-bottom: 20px;
    border-radius: 5px !important;
    float: right;
    right: 10px;
    max-width: 100px;
    max-height: 100px !important;
}

ul#foo33 img {
    min-width: 200px !important;
    min-width: 100px !important;
    margin-bottom: 20px;
    background-size: contain;
    border-radius: 5px;
}

.ebulten.aos-init.aos-animate {
    margin-top: 93px;
}

span.caption small {
    font-size: 18px;
    line-height: 2px;
    font-weight: 500;
    color: #607d8b;
}

.ebultencont {
    background-color: #FFF;
    width: 679px;
    margin: auto;
    height: 55px;
    margin-top: 70px;
    box-shadow: 0 0 45px #a9a9a9a8;
    border-radius: 10px;
    left: 8%;
    position: relative;
}

.wclientnotifis.nhytt {
    position: absolute;
    top: 9px;
    right: 101%;
}

.wclientnotifis.nhytt span#notification_bubble_count {
    top: -8px;
    margin-left: -15px;
}

.sgtr {
    /* position: relative; */
    padding-left: 7%;
}

.caption {
    display: block;
    font-size: 25px;
    font-weight: 300;
    margin-top: 5px;
    position: absolute;
    top: 20px;
    width: 18%;
    line-height: 30px;
    left: 27%;
    font-weight: bold;
}

.caption {
    font-weight: 700;
    background: #bfd6ff00;
    color: #111;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #d8d5d5;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background: #03a9f4;
}

.campaigns-bar svg {
    position: absolute;
    left: 5%;
    top: 7px;
}

.spnsrlmrk svg {
    width: 19px;
    position: relative;
    top: 6px;
}

.headst svg {
    width: 17px;
    top: 4px;
    position: relative;
}

.wclientnotifi.prof svg.w-6.h-6 {
    color: #607d8b;
    position: relative;
    top: 11px;
    width: 33px;
    left: 8px;
}

@media(min-width: 325px) and (max-width: 767px) {

    .swal2-title {

        font-size: 25px !important;
    }

    input.fip {
        margin: auto;
        width: 100%;
    }

    .btn2 {
        width: 100%;
    }
}

.ynbrmus {
    display: none !important;
}

.fixedoffer {
    display: none !important;
    position: fixed;
    width: 200px;
    height: 30px;
    margin: 0;
    padding: 0;
    top: 41%;
    right: -135px;
    z-index: 9;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    cursor: pointer;
}

.fixedoffer .phonenumber {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedcall1 {
    display: none;
}

.fixedoffer .phonenumber span {
    width: 65px;
    height: 35px;
    float: left;
    background: #3e7fb9;
    font-size: 18px;
    margin: 0 15px 0 0;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.fixedoffer .phonenumber p {
    margin: 0;
    padding: 7px;
    color: #3e7fb9;
}

.etbis {
    opacity: 0.7;
}

.phn {

    color: #3e7fb9;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
}

.fixedoffer .phonenumber span i {
    color: #fff;
    -webkit-animation: flipInY 1.25s infinite;
    -moz-animation: flipInY 1.25s infinite;
    -ms-animation: flipInY 1.25s infinite;
    animation: flipInY 1.25s infinite;
}

/*******/
.fixedcall1 {
    display: none !important;
    position: fixed;
    width: 180px;
    height: 45px;
    margin: 0;
    padding: 0;
    top: 28%;
    right: -135px;
    z-index: 9;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedcall1 .phonenumber {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedcall1 .phonenumber span {
    width: 45px;
    height: 45px;
    float: left;
    background: #3e7fb9;
    font-size: 25px;
    margin: 0 15px 0 0;
    text-align: center;
    line-height: 45px;
    color: #fff;
}

.fixedcall1 .phonenumber p {
    margin: 0;
    padding: 7px;
    color: #3e7fb9;
}

.intl-tel-input .country-list .country {
    padding: 6px 16px;
}

.phn {

    color: #3e7fb9;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
}

.fixedcall1 .phonenumber span i {
    color: #fff;
    -webkit-animation: flipInY 1.25s infinite;
    -moz-animation: flipInY 1.25s infinite;
    -ms-animation: flipInY 1.25s infinite;
    animation: flipInY 1.25s infinite;
}

.aboneolbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    margin: 6px;
    width: 95px;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}

.ebulten {
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
    float: unset;
    height: 132px !important;
    width: 100%;
    background-size: 100% auto;
    padding-top: 1px;
    margin-bottom: 0px;
    background: #bfd6ff;
    margin-top: -65px;
    -webkit-box-shadow: 0px 0px 29px -20px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 29px -20px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 29px -20px rgb(0 0 0);
    border-radius: 5px;
    height: 140px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.other-product a {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    color: #0b304a;
    background: #edecec;
    padding: 20px;
    box-shadow: 0px 2px 2px 0 rgb(0 0 0 / 8%);
}

.support-info .support-cover .support-title {
    margin-bottom: 3px;
    font-size: 36px;
    padding-top: 25px;
}

section.home-slider .slider-items .item .slider-image img {
    max-width: 75%;
}

.fixedcall {
    position: fixed;
    width: 180px;
    height: 45px;
    margin: 0;
    padding: 0;
    top: 46%;
    right: -135px;
    z-index: 9;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedcall a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedcall a span {
    width: 45px;
    height: 45px;
    float: left;
    background: #2196f3;
    font-size: 25px;
    margin: 0 15px 0 0;
    text-align: center;
    line-height: 45px;
    color: #fff;
}

.fixedcall a p {
    margin: 0;
    color: #3e7fb9;
    padding: 4px;
    color: #054766;
    line-height: 19px;
}

.turuncbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.mavibtn {
    background: #62A8EA !important;

}

.metalbtn {

    background: #473a36 !important;
}

.fixedcall a svg {
    color: #fff;
    -webkit-animation: tada 1.25s infinite;
    -moz-animation: tada 1.25s infinite;
    -ms-animation: tada 1.25s infinite;
    animation: tada 1.25s infinite;
}

.mgmnust a {
    color: white !important;
}

.mgmnust a#freesslinfobtn {
    margin-top: -10px !important;
    background: #ffffff !important;
    color: #667eea !important;
}

.tldavailable h4 {
    color: #667eea;
    font-size: 26px;
    line-height: 45px;
    padding-top: 43px;
}

.tldlistfoot {
    border: none;
    margin-top: 15px;
    padding-bottom: 49px;
    right: 20px;
    position: relative;
    top: 12px;
}

h4#showTLDStatusAvailable strong {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    padding-bottom: 4px;
}

h4#showTLDStatusAvailable {
    animation: float 6s ease-in-out infinite;
}

.cksyps a {
    height: 21px !important;
}

.domainlookuplist {
    width: 75%;
    margin: auto;
    background: linear-gradient(135deg, rgba(10, 10, 30, 0.98) 0%, rgba(15, 15, 45, 0.98) 100%) !important;
    position: relative;
    z-index: 90;
    border-radius: 20px;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 30px rgba(102, 126, 234, 0.1);
    backdrop-filter: blur(20px);
    overflow: hidden !important;
}

.domainlookuplist form {
    background: transparent !important;
}

.domainlookuplist .lookcolumtitle {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.25) 100%) !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    margin: 0 !important;
}

/* LookupList ve LookupResults Galaxy Theme */
#LookupList,
#LookupResults {
    background: transparent !important;
}

#LookupList .lookcolumlist,
#LookupResults .lookcolumlist {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(20, 20, 50, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-top: none !important;
}

#LookupList .lookcolumlist:first-child,
#LookupResults .lookcolumlist:first-child {
    border-top: 1px solid rgba(102, 126, 234, 0.2) !important;
}

#LookupList .lookcolumlist:last-child,
#LookupResults .lookcolumlist:last-child {
    border-radius: 0 0 15px 15px !important;
}

.fixedwhatapp {
    position: fixed;
    width: 175px;
    height: 45px;
    margin: 0;
    padding: 0;
    top: 53%;
    right: -135px;
    z-index: 9;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedwhatapp a {
    display: block;
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    font-weight: 600;
    letter-spacing: .6px;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.fixedwhatapp a span {
    width: 45px;
    height: 45px;
    float: left;
    background: #009688;
    font-size: 25px;
    margin: 0 15px 0 0;
    text-align: center;
    line-height: 45px;
    color: #fff;
}

.fixedwhatapp a p {
    margin: 0;
    padding: 4px;
    color: #054766;
    line-height: 19px;
}

.fixedwhatapp a svg {
    color: #fff;
    -webkit-animation: flipInY 1.25s infinite;
    -moz-animation: flipInY 1.25s infinite;
    -ms-animation: flipInY 1.25s infinite;
    animation: flipInY 1.25s infinite;
}

.fixedwhatapp:hover {
    right: 0;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.fixedcall:hover {
    right: 0;
}

.fixedcall1:hover {
    right: 0;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

.captcha-content {
    margin: auto;
    margin-top: 50px !important;
    width: 324px;
    text-align: center;
    display: flex;
}

.uyeolgirisslogan-con {
    width: 66%;
    margin: auto;
    margin-top: 25%;
    background: #607d8b61;
    padding: 28px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.uyeolgirisslogan-con {
    width: 70%;
    margin: auto;
    margin-top: 26% !important;
}

.yesilbtn {
    color: #fff;
    border: none;
    box-shadow: 0 0 10px #ccc;
    padding: 15px 0;
    width: 100%;
    background: #00b7b3;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
}

tr#use_coupon {
    background: #f7f3f3;
}

.uyeolgirisyapx .checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {


    border: 1.5px solid #928b89;
    border-radius: 5px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

#Signin_Form {
    width: 85%;
    margin: auto;
    margin-top: 105px;
}

.headbutonlar.b2 a {
    float: right;
    color: #ffffff;
    margin-left: 10px;
    font-size: 13px;
    margin-right: 5px;
    text-align: left;
    position: relative;
    top: 1px;
}

section.home-packages {
    background: url(../images/home-packages-bg.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
}

#mobiluyum {
    margin-bottom: -75px;
    margin-top: 50px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.scriptozellk {
    float: left;
    padding: 3px 10px;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    opacity: .8;
    filter: alpha(opacity=80);
    margin-bottom: -45px;
    margin-top: 15px;
}

.wclientnotifi.prof:hover {
    background: #ffffffd6;
}

section.home-packages h2.section-title {
    color: #3055a4;
    font-size: 26px;
    font-weight: 800;
}

a.scurrencyicon.sds:hover {
    background: #fcfcfcc2 !important;
}

section.home-packages span.desc {
    color: #3055a4;
    font-size: 16px;
    display: block;
}

a.langflagicon.mstds:hover {
    background: #fcfcfcc2 !important;
}

section.home-packages .packages {
    margin-top: 30px;
    margin-bottom: 100px;
}

section.home-packages .packages .tabs {
    text-align: center;
    margin-bottom: 40px;
}

section.home-packages .packages .tabs button {
    background: #fff;
    border: none;
    line-height: 50px;
    padding: 0 70px;
    font-size: 14px;
    font-weight: 700;
    color: #3055a4;
    border-radius: 15px;
    margin: 0 5px;
    -webkit-box-shadow: 0 8px 13px rgba(39, 167, 228, 0.1);
    box-shadow: 0 8px 13px rgba(39, 167, 228, 0.1);
}

section.home-packages .packages .tabs button.tab-active {
    background: #27a7e4;
    color: #fff;
}

.package {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #edf1f9;
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    width: 338px;
}

menu li a {
    float: right;
    font-family: 'Titillium Web';
    color: #080808;
    padding-left: 25px;
    padding-right: 25px;
    text-decoration: none;
    line-height: 63px;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 2px solid transparent;
}

.package .popular {
    background: #2196f3;
    color: #fff;
    position: absolute;
    width: 92px;
    height: 22px;
    text-align: center;
    padding-top: 10px;
    font-size: 12px !important;
    line-height: 1em;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0px;
    left: 37%;
    -webkit-transform-origin: center;
    transform-origin: center;
    font-weight: bold;
}

.package .package-content {
    padding: 20px;
}

.tablopaketler .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: inline-block;
    margin-left: 50px;
}

.package .package-content .image {
    margin-top: 15px;
    text-align: center;
    border-bottom: 0px solid #f3f5f9;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tablopaketler .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.tablopaketler {
    background: url(../images/home-packages-bg.png) no-repeat;
    background-size: cover;
    padding: 60px 0;
}

.package .package-content .image img {
    height: 60px;
}

.package .package-content h4.package-title {
    font-size: 16px;
}

.package .package-content h4.package-title a {
    color: #334999;
    font-weight: 800;
}

.package .package-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#group_hosting .package-price {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.haberblog li h4 a {
    color: #607d8b;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.rakamlarlabiz {
    margin: 0;
    padding: 0;
}

.package .package-content ul li {
    font-size: 16px;
    color: #23252b;
    line-height: 2.3em;
    font-weight: 500;
}

.mega-container.dgrmnds .col-md-30 a.buy {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
}

.package .package-content ul li i {
    color: #26d892;
    margin-right: 5px;
}

.mega-container .mega-right {
    background-image: url(../images/ms.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.mega-right.ms1 {
    background-image: url(../images/ms1.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.mega-right.ms2 {
    background-image: url(../images/ms2.png) !important;
    background-size: cover;
    background-position: center center;
}

.mega-right.ms3 {
    background-image: url(../images/ms1.jpg) !important;
    background-size: cover;
    background-position: center center;
}

.mbnyukptr {
    position: absolute;
    margin-top: 62px;
    z-index: 999;
    background: #fffafa;
    right: 11.5%;
    padding: 3px;
    border-radius: 50%;
    height: 16px;
    width: 14px;
    text-align: center;
    line-height: 16px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
}

.headbutonlar.b2 .mbnyukptr {
    position: absolute;
    margin-top: 54px;
    z-index: 999;
    background: #fffafa;
    right: 39%;
    padding: 3px;
    border-radius: 50%;
    height: 16px;
    width: 14px;
    text-align: center;
    line-height: 16px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
}

.mbnyukptr1 {
    position: absolute;
    margin-top: 59px;
    z-index: 999;
    background: #fffafa;
    right: 4%;
    padding: 3px;
    border-radius: 50%;
    height: 19px;
    width: 19px;
    text-align: center;
    line-height: 20px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
}

.mbnyukptr2 {
    position: absolute;
    margin-top: 56px;
    z-index: 999;
    background: #efeded;
    right: 4%;
    padding: 3px;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 18px;
    color: #607d8b;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.package .package-price {
    background: #009688;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: 10px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.package .package-price .left {
    line-height: 1em;
    color: #fff;
    font-weight: 800;
    font-size: 21px;
}

.package .package-price .left small {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    color: #f2f2f2;
}

.package .package-price a.detail {
    background: #ffffff;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    color: #16171a;
}

.mega-container.websho {
    /* height: 290px; */
    overflow: hidden;
    overflow-y: auto;
    padding-right: 34px;
}

section.home-packages .services {
    background: url(../images/services-bg.png) no-repeat;
    background-size: contain;
}

section.home-packages .services .container {
    max-width: 1250px;
}

section.home-packages .services .services-image img {
    width: 100%;
}

section.home-packages .services .services-container {
    padding-top: 40px;
}

section.home-packages .services h2.title {
    font-size: 26px;
    font-weight: 800;
    color: #2e589c;
}

section.home-packages .services span.desc {
    color: #111111;
    font-size: 13px;
    line-height: 2em;
}

section.home-packages .services .service-item {
    border: 1px solid #27a7e4;
    padding: 20px;
    border-radius: 8px;
    color: #27a7e4;
}

section.home-packages .services .service-item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

section.home-packages .services .service-item .title .icon {
    font-size: 40px;
    line-height: 1em;
}

section.home-packages .services .service-item .title .text {
    margin-left: 10px;
    font-weight: 800;
}

section.home-packages .services .service-item .title .text small {
    display: block;
    font-size: 9px;
    color: #3055a4;
}

section.home-packages .services .service-item .content {
    font-size: 12px;
    margin-bottom: 10px;
}

section.home-packages .services .service-item a.details {
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
}

section.home-packages .services .service-item a.details img {
    height: 20px;
    margin-right: 5px;
}

section.home-packages .services .service-item:hover {
    background: #7818ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#7818ff), to(#32eaff));
    background: linear-gradient(to bottom, #7818ff 0%, #32eaff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7818ff', endColorstr='#32eaff', GradientType=0);
    color: #fff;
}

section.home-packages .services .service-item:hover .title .text small {
    color: #fff;
}

section.home-packages .services .service-item:hover a.details {
    color: #fff;
}

section.home-slider {
    background: #f2f2f2;
    height: 100vh;
    min-height: 100vh;
    max-height: none;
    position: relative;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
}

.container {

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

section.home-slider .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.footsosyal a:hover {
    background: #00000000;
}

section.home-slider .slider-items {
    background-image: url(../assets/images/3.webp);
    height: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a3e 100%);
    font-size: 15px;
    line-height: 1.4;
    color: #ccc;
    /* background-image: url(https://cdn.hosting.com.tr/hosting/img/icon.lines-help.svg); */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: ansyfvea 60s infinite linear;
}

@keyframes ansyfvea {
    0% {
        background-color: #667eea;
    }

    25% {
        background-color: #764ba2;
    }

    50% {
        background-color: #0f0f23;
    }

    75% {
        background-color: #1a1a3e;
    }


    100% {
        background-color: #667eea;
    }
}


.campaigns-bar {
    padding: 10px;
    color: white;
    padding-left: 7.3%;
    /* modern gradient animation for campaigns bar */
    background: linear-gradient(90deg, #1fb6ff 0%, #0ea5a1 30%, #3b82f6 60%, #06b6d4 100%);
    background-size: 300% 100%;
    animation: campaigns-gradient 12s ease infinite;
}

/* (Moved the specific hdzipweb .campaigns-bar rules into inline styles to avoid duplication) */


@keyframes campaigns-gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* Disable animation if user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
    .campaigns-bar {
        animation: none !important;
    }
}

section.home-slider .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

section.home-slider .slider-items .item {
    height: 100%;
}

section.home-slider .slider-items .item .container {
    height: 100%;
}

section.home-slider .slider-items .item .container .row {
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

section.home-slider .slider-items .item span.category {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

section.home-slider .slider-items .item span.category i {
    color: #ffffff;
    margin-right: 5px;
}

section.home-slider .slider-items .item h4.top-title {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
}

section.home-slider .slider-items .item h3.title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}

section.home-slider .slider-items .item .price a.detail {
    display: block;
    float: left;
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #2196f3;
    line-height: 43px;
    border-radius: 2px;
    padding: 0 40px;
    font-size: 17px;
    font-weight: 600;
}

section.home-slider .slider-items .item .price a.detail:hover {
    background: #ffffff00;
    color: #ffffff;
}

section.home-slider .slider-items .item .price span.item-price {
    display: block;
    float: left;
    margin-left: 15px;
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1em;
    margin-top: -5px;
}

.section_404:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background: url(../assets/images/zipweb/4041.webp);

    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.1;
}

section.home-slider .slider-items .item .price span.item-price small {
    font-size: 14px;
    display: block;
}


section.home-slider .slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

section.home-slider .slider-nav .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    margin: 0 -15px;
}

section.home-slider .slider-nav .container {
    overflow-x: auto;
}

section.home-slider .slider-nav .items .item {
    display: block;
    width: 100%;
    margin: 0 15px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 0px;
    border-bottom: 10px solid #fff;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer;
    padding-top: 10px;
}

section.home-slider .slider-nav .items .item.active {
    border-bottom: 20px solid #667eea;
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 0;
}

.domainsvea {
    position: relative;
    margin-top: 125px;
    margin-bottom: 40px;
}

.advice {
    background: url(../assets/images/hstpaet.webp) left 0 no-repeat #eff3f6;
    text-align: right;
    -webkit-box-shadow: inset 0 4px 8px 0 #d5dade;
    -moz-box-shadow: inset 0 4px 8px 0 #d5dade;
    box-shadow: inset 0 0px 0px 0 #d5dade;
    padding: 65px 0 175px;
    margin-top: 15px;
    background-size: contain;
}

ul.tab li a.active {
    border-bottom: 2px solid #fff;
    background: #009688;
    color: white;
}

.row-label {
    display: inline-block;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 11px;
    position: absolute;
    margin-left: -8px;
    height: 19px;
    line-height: 19px;
    border-radius: 2px 0 0 0;
    letter-spacing: 1px;
    margin-top: -6px;
}

.advice .content>div {
    padding: 0;
    width: 64%;
}

.advice h2 {
    font-size: 35px;
    font-weight: 300;
    color: #667eea;
    margin-top: 0;
    margin-bottom: 5px;
}

.kp1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 10px;
    line-height: 8px;
    width: 9px;
    text-align: center;
    right: 3%;
    position: absolute;
    top: 12px;
    cursor: pointer;
    color: white;
    z-index: 99;
}

.mega-container.mgsnc {
    /* height: 288px; */
    overflow: hidden;
    overflow-y: auto;
    padding-right: 34px;
}

.kp2 {
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 10px;
    line-height: 8px;
    width: 9px;
    text-align: center;
    right: 2%;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.kp3 {
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 10px;
    line-height: 8px;
    width: 9px;
    text-align: center;
    right: 2%;
    position: absolute;
    top: 10px;
    cursor: pointer;
}

.advice p {
    color: #463b32;
}

.advice .headline {
    font-size: 22px;
    line-height: 35px;
}

.advice .nav-pills {
    margin-right: -18px;
}

.advice .nav-pills li {
    float: right;
    margin-right: 18px;
    cursor: pointer;
}

.advice .nav-pills li a {
    border: 2px solid #fff;
    color: #34495e;
    font-size: 18px;
    position: relative;
    padding: 18px 0 18px 55px;
    text-align: left;
}

.advice .nav-pills li a.emls,
.advice .nav-pills li a.adshz {
    padding-left: 60px;
}

.advice .nav-pills li a:before {
    content: "";
    position: absolute;
    left: 20px;
    background: url(../assets/images/ht_icons.webp) no-repeat;
}

.advice .nav-pills li a.hstn:before {
    width: 25px;
    height: 26px;
}

.advice .nav-pills li a.emls:before {
    width: 25px;
    height: 24px;
    background-position: 0 -27px;
}

.advice .container {
    width: 85%;
}

.advice .nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.advice .nav-pills li a.adshz:before {
    width: 27px;
    height: 23px;
    background-position: 0 -55px;
}

.advice .nav-pills li a:hover {
    border-color: #667eea;
}

.advice .nav-pills li.active a {
    color: #fff;
    border-color: #667eea;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.advice .nav-pills li.active a.hstn:before {
    background-position: -28px 0;
}

.advice .nav-pills li.active a.emls:before {
    background-position: -28px -27px;
}

.advice .nav-pills li.active a.adshz:before {
    background-position: -28px -55px;
}

.advice .nav-pills li.active a:after {
    content: "";
    position: absolute;
    left: 35px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #667eea transparent transparent;
}

.advice .col-md-18 {
    width: 68%;
}

.tab-content>.active {
    display: block;
    padding-top: 75px !important;
    padding-bottom: 20px;
    color: #282626;
    font-size: 15px !important;
}

.advice .advice-tab-container .tab-content {
    margin-top: 30px;
    padding-left: 55px;
    line-height: 30px;
    text-align: left;
}

.advice .col-md-offset-6 {
    margin-left: 34%;
}

.advice .advice-tab-container .tab-content {
    margin-top: 30px;
    padding-left: 55px;
    line-height: 30px;
    text-align: left;
}

.tab-content>.tab-pane {
    display: none;
}

.advice .advice-btn {
    color: #fff;
    background: #11a8dd;
    border: 0;
    margin-top: 25px;
    font-size: 17px;
    font-weight: 700;
    padding: 9px 15px;
}

.advice .advice-btn:hover {
    background: #0e8fba;
}

.tab-content>.active {
    display: block;
}

.advice .nav-pills li a {
    padding-right: 20px;
}

@media only screen and (max-width: 780px) {

    .domainsvea {
        position: relative;
        margin-top: 95px;
        margin-bottom: 40px;
    }

    section.home-slider .slider-nav .container {
        overflow-x: auto;
        width: 325px;
    }

    .homedomainarea h1 {
        color: #607d8b;
    }

    .advice .col-md-offset-6 {
        margin-left: 0%;
    }

    .advice .col-md-18 {
        width: 93%;
    }

    .advice .nav-pills li {
        float: left;
        margin-right: 18px;
    }

    .advice .container {
        width: 99%;
    }

    .homedomainarea input[type="submit"] {
        width: 110px;
        font-size: 14px;
        padding: 8.5px 0px !important;
        margin-left: -115px;
    }

    .dmuznts {
        background: #ffffff;
        overflow: hidden;
        height: 213px;
        overflow-y: auto;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .advice h2 {
        font-size: 30px;
        font-weight: 300;
        color: #607d8b;
        margin-top: 0;
        margin-bottom: 5px;
        padding-top: 15px;
    }

    .homedomainarea input:not([type="submit"]) {
        border-radius: 2.20588rem;
        width: 60%;
        height: 100%;
        border: 0px;
        padding: 20px 32px;
        -webkit-box-shadow: 0px 10px 45px 0px rgb(0 0 0 / 6%);
        box-shadow: 0px 10px 45px 0px rgb(0 0 0 / 6%);
        border: 1px solid #e2d7d7;
        margin: 25px 0px;
        font-size: 22px;
        font-weight: 300;
        color: #473a36;
    }

    .homedomainarea input:not([type="submit"]) {
        width: 87%;
        padding: 10px !important;
        font-size: 18px;
    }

    .advice .nav-pills li a {
        font-size: 11px;
        position: relative;
        padding: 17px 15px 18px 54px;
        text-align: left;
    }

    .tablopaketler {
        background-repeat: no-repeat;
        background-position: center top;
        float: left;
        width: 100%;
        background-size: 100% 100%;
        text-align: center;
        padding: 0px 0px;
        margin: 0px 0px;
        box-shadow: inset 0 0 0px 0px #fff;
    }
}

/* Mega Menü Ayarı */
.mega-container.mgsnc {
    padding: 30px;
    width: 97%;
}

.mega-container .mega-left a.item span.item-content span.price {
    font-size: 13px;
    text-align: center;
    display: block;
    margin-top: 15px;
    font-weight: 600;
    color: #000000;
    line-height: 1.5;
}

.col-md-30.mgsncd {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    display: none;
}

.mega-right.mss1 {
    background: rgba(102, 126, 234, 0.3) !important;
    color: white !important;
    background-image: url('../images/mns1.webp') !important;
    background-size: cover;
    background-position: center center;
}

.col-md-30.webhstms {
    display: flex;
    flex: 0 0 100%;
    max-width: 100%;
}

.mega-right.mss2 {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%) !important;
    background-image: url('../images/mns2.png') !important;
    background-size: cover;
    background-position: center center;
}

.mega-right.mss3 {
    background: #795548 !important;
    background-image: url('../images/mns3.webp') !important;
    background-size: cover;
    background-position: center center;
}

.mega-right.mss4 {
    background: #03a9f4 !important;
    background-image: url('../images/mns4.webp') !important;
    background-size: cover;
    background-position: center center;
    color: #000000 !important;
}

.col-md-30.kmpy {
    display: flex;
    width: 100%;
    margin-left: 20px;
    margin-right: 20px !important;
    flex: 0 0 100%;
    max-width: 100%;
    display: none;
}

.col-md-30 a.buy {
    background: white !important;
    color: #009688 !important;
}

.col-md-20,
.col-md-80,
.col-md-30,
.col-md-70 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-20 {
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-md-80 {
    -ms-flex: 0 0 80%;
    -webkit-box-flex: 0;
    flex: 0 0 80%;
    max-width: 80%;
}

.col-md-30 {
    -ms-flex: 0 0 30%;
    -webkit-box-flex: 0;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-md-70 {
    -ms-flex: 0 0 70%;
    -webkit-box-flex: 0;
    flex: 0 0 70%;
    max-width: 70%;
}

#header ul.mainMenu>li>div>div>div>div ul li a i {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 56px;
    line-height: 56px;
    text-align: center !important;
    background: #fff;
    font-size: 32px;
    color: #667093;
    box-shadow: 0 10px 64px rgb(0 0 0 / 4%);
    border-radius: 8px;
    overflow: hidden;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.mega-container {
    padding: 30px;
    width: 97%;
}

.mega-container a::after {
    display: none;
}

.mega-container .row {
    width: 100%;
}

.mega-container.dgrmnds span.item-content {
    background: #f5f3f3 !important;
    width: 223px;
}

.mega-container.dgrmnds .mega-left a.item span.item-content span.price {
    font-size: 11px;
    text-align: center;
    display: block;
    margin-top: 10px;
    font-weight: 600;
    color: #000000;
    line-height: 1.5;
}

.mega-container.dgrmnds .mega-left a.item span.top-title {
    display: block;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 40px;
}

.mega-container.krmsld {
    background: white;
    width: 96%;
    border: 1px solid #ebe4e4;
}

.mega-container .mega-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    padding: 15px 0 0;

}

.mega-container .mega-left a.item {
    width: 100%;
    display: block;
    margin: 0 5px;
    line-height: 1em;
}

.mega-container .mega-left a.item:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.gonderbtn {
    border-radius: 7px;
}

.mega-container .mega-left a.item span.top-title {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
}

.mega-container.krmsld span.item-content span.price {
    font-size: 12px !important;
}

.mega-container.websho .mega-left a.item span.item-content span.item-title {
    float: right;
    width: calc(100% - 40px);
    font-weight: 700;
    font-size: 14px;
    color: #667eea;
    line-height: 1.1;
}

.mega-container .mega-left a.item span.item-content {
    background: #ffffff;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.mega-container .mega-left a.item span.item-content .item-top {
    display: inline-block;
}

.mega-container .mega-left a.item span.item-content span.icon {
    display: block;
    float: left;
    width: 30px;
}


.mega-container .mega-left a.item span.item-content span.icon img {
    width: 100%;
}


.mega-container .mega-left a.item span.item-content span.item-title strong {
    color: #000000;
    margin-top: 3px;
    font-weight: 500;
    display: block;
}

.mega-container .mega-left a.item span.item-content span.item-title {
    float: right;
    width: calc(100% - 40px);
    font-weight: 700;
    font-size: 20px;
    color: #667eea;
    line-height: 1.1;
}

.lgdload img {
    width: 14%;
    opacity: 1;
    position: absolute;
    text-align: center;
    margin-left: -98px !important;
    animation: float 6s ease-in-out infinite;
}

div.hbcne {
    position: fixed;
    z-index: 9999999999;
}

.loadsng img {
    /* margin-top: -22px !important; */
    width: 57px !important;
    /* margin-left: -116px !important; */
    animation: float 6s ease-in-out infinite;
}

.mega-container .mega-right a.buy:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    color: white !important;
}

/* .mega-container {
    background-image: url('../assets/images/gnmnd.jpg') !important;  
    background-size: cover;
    background-position: center center;
} */
.mega-container.megkrms {
    /* background-image: url('../assets/images/krmsl1.jpg') !important;   */
    background-size: cover;
    background-position: center center;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.mega-container.mgsnc {
    /* background-image: url(../assets/images/mnsnc.png) !important; */
    background-size: cover;
    background-position: center center;
    background-image: linear-gradient(to right top, #94c6df, #008aba, #f7d40c, #079855, #12e8eb);
    background: white;
}

.mega-container.mgsnc .mega-desc {
    font-size: 17px;
    color: #030303;
    padding-bottom: 15px;
    position: relative;
    top: 10px;
    left: 1%;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.3) 100%);
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.mega-container.mgsnc .mega-left a.item span.item-content {
    background: #f5f5f5;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 30px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.mega-container.mgsnc .mega-left a.item span.top-title {
    display: block;
    text-align: center;
    color: #060606;
    font-size: 12px;
    line-height: 40px;
}

.mega-container.websho {
    /* background-image: url(../assets/images/webhsmn.jpg) !important; */
    background-size: cover;
    background-position: center center;
    background-image: linear-gradient(to right top, #94c6df, #008aba, #f7d40c, #079855, #12e8eb);
}

.mega-container.alnads .mega-left a.item span.item-content {
    background: #f7f7f7;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.mega-container.alnads {
    /* background-image: url(../assets/images/mnalan.jpg) !important; */
    background-size: cover;
    background-position: center center;
    /* background-image: linear-gradient(to right top, #01459f, #f44336, #ff9800, #116fd8, #127eeb) !important; */
    background: white;
}

.wclientnotification .padding10 {
    padding-top: 25px;
    background: #fdfdfd;
}

.mega-container .mega-desc {
    font-size: 17px;
    color: #fff;
    padding-bottom: 15px;
    position: relative;
    top: 10px;
    left: 2%;
}

.mega-container.krmsld .mega-left a.item span.item-content {
    background: #f8f8f8;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.mega-container.alnads .mega-desc {
    font-size: 17px;
    color: #ffffff;
    padding-bottom: 15px;
    position: relative;
    top: 10px;
    left: 2%;
    width: 97%;
    background: #2196f3;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.mega-container .mega-right h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

.mega-container .mega-right {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    font-size: 15px;
    padding: 15px;
    margin-top: 15px;
    border-radius: 15px;
    width: 318px;
    margin-right: 15px;
}

.mega-container .mega-right span {
    display: block;
}

.mega-container .mega-right h4 {
    font-size: 15px;
    font-weight: 600;
}

.mega-container .mega-right span.price {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mega-container .mega-right a.buy {
    background: #fff;
    display: inline-block;
    margin: 0;
    line-height: 35px;
    padding: 0 15px;
    color: #00d17f;
    border-radius: 10px;
}

/* Mega Menü Son */


.headst img {
    width: 18px;
    position: relative;
    top: 5px;
}

.wclientnotification.grsstns .padding10 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.wclientnotification .padding10 {
    padding-top: 22px;
    padding-bottom: 15px;
}

.wnotifilist.kyds a,
.wnotifilist.kyds i {
    color: black !important;
    padding-top: 7px !important;
}

.wnotifilist.kyds a,
.wnotifilist.kyds i {
    color: black !important;
    padding-top: 7px !important;
}

.wclientnotification.grsstns {
    top: 52px !important;
}

.wnotifilist.grsd {
    background: #ffffff;
    color: black !important;
    line-height: 37px !important;
    height: 40px;
    margin-bottom: 7px;
    padding: 10px !important;
}

.wnotifilist.grsd svg {
    position: relative;
    top: 7px;
    width: 30px;
}

.wclientnotification.grsstns .padding15 {
    padding: 12px;
}

.wnotifilist.kyds svg {
    position: relative;
    top: 7px;
    width: 30px;
}

.wnotificontent.grsbs p {
    font-size: 12px;
}

.wnotifilist.kyds {
    background: #ffffff;
    color: black !important;
    line-height: 30px !important;
    height: 38px;
    line-height: 40px !important;
    margin-bottom: 0px;
    padding: 10px !important;
}

.mustu {
    display: none;
}

.mgizler {
    position: absolute;
    right: 130px;
}

.wnotifilist.kyds {
    border-bottom: 0px solid #eee;
    background: #eaf6ff;
}

.wnotifilist.grsd {
    border-bottom: 0px solid #eee !important;
}

.wnotifilist.grsd a,
.wnotifilist.grsd i {
    color: black !important;
    padding-top: 7px !important;
}

.wnotifilist.kyds:hover {
    background: #ededed;
    cursor: pointer;
}

.wnotifilist.grsd:hover {
    background: #ededed;
    cursor: pointer;
}

.wnotifilist.grsd {
    background: #f7f7f9;
    cursor: pointer;
}

.homedomainarea h1 {
    font-size: 23px;
    margin-top: 10px;
}

.clearmob {
    display: none;
}

#clean-theme-client .wnotifitibtn {
    padding: 0px 30px;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 77px;
}

#clean-theme-client .wclientnotifi {
    display: inline-block;
    z-index: 80;
    float: left;
    position: relative;
}

.wclientnotification {
    display: none;
    background: white;
    width: 350px;
    position: absolute;
    top: 77px;
    z-index: 12;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 55px 1px rgb(54 50 64 / 20%);
    box-shadow: 0px 0px 55px 1px rgb(54 50 64 / 20%);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 25px;
    right: 0;
    overflow: hidden;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.wnotifilist1 {
    padding-bottom: 40px;
}

.headbi2 {
    z-index: 9;
}

.sbtn {
    padding: 7px 11px;
    width: auto;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    background: #eee;
    border-radius: 5px;
}

.headbi3 {
    z-index: 99;
    top: 2px;
    position: relative;
}

.headbi3 .wnotificontent .wnotifilistcon a {
    float: none !important;
    color: unset;
    margin-left: 0px;
    font-size: 14px;
    border: 0px solid transparent;
    padding: inherit;
    border-radius: 50px;
}

.wclientnotifi.prof i.fa.fa-user {
    top: 15px;
}

.dropdown-menu li a:before {
    content: "";
    background: #fff;
    position: absolute;
    left: 27px;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #71848f;
}

.wclientnotifi.prof {
    background: #ffffff;
    height: 53px;
    line-height: 20px;
    /* border-top-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    position: relative;
    top: -9px;
    cursor: pointer !important;
    padding-right: 3px;
    text-align: left;
    border-radius: 7px;
}

.hspyst {
    margin-bottom: -7px;
}

.wclientnotifi.prof i {
    margin-right: 8px;
    padding-top: 0px;
    position: relative;
    top: 9px;
    color: #607d8b;
    left: 11px;
}

.sigupbtns {
    display: none;
}

.wclientnotifi.pros.giris a.wnotifitibtn {
    color: #607d8b !important;
    display: inline-flex;
}

.wclientnotifi.pros.giris {
    background: #fff;
    position: relative;
    top: -5px;
    left: 0px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.signbtns {
    display: none;
}

.headbi3 .wnotifilist {
    float: left;
    width: 95%;
    line-height: 20px;
    border-bottom: 2px solid #eee;
    padding: 8px 5px;
}

.wclientnotification.usrmn .wnotifilist {
    float: left;
    width: 95%;
    line-height: 20px;
    border-bottom: 0px solid #eee;
    padding: 8px 5px;
}

.signout {
    display: none;
}

.wclientnotifi.prof a.wnotifitibtn {
    color: #607d8b !important;
}

.notifi-count {
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #000000;
    position: absolute;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -10px;
    font-weight: 400;
    font-family: 'Titillium Web', sans-serif;
    margin-top: 2px;
    -webkit-animation: alert 2s linear 0s infinite normal;
    animation: alert 2s linear 0s infinite normal;
    margin-top: 4px;
}

.wclientnotifi:hover .wnotifitibtn {
    background: #f3f3f300;
}

.headbi3 .wclientnotifi:hover .wnotifitibtn {
    background: #f3f3f300;
}

svg {
    width: 27px;
}

.hide {
    display: none;
}

.headbi3 .wnotifilisticon i {
    font-size: 20px;
    color: #607d8bb0;
    padding-right: 0px;
    padding-left: 8px;
    top: 1px;
}

.ftrac svg:hover {
    background: #607d8b;
    color: #ffffff;
}

.ftrac svg {
    border-radius: 50%;
    padding: 5px;
    border-top: 2px solid red;
    border-right: 2px solid blue;
    border-left: 2px solid orange;
    background: white;
}

#fullwidth #sepeticon svg.w-6.h-6 {
    width: 30px;
}

.ftrac {
    text-align: center;
    position: relative;
    top: 25px;
    cursor: pointer;
}

.wclientnotifi.nhyt svg.w-6.h-6 {
    width: 30px;
    top: 11px;
    position: relative;
    left: 7px;
}

span.kpts:hover {
    background: #f5f4f2;
    cursor: pointer;
}

/* .iziModal .iziModal-header {
    background: #607d8b !important;
    padding: 14px 18px 15px;
    box-shadow: inset 0 -10px 15px -12px rgb(0 0 0 / 30%), 0 0 0 #555;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.iziModal {
    display: block;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    background: #607d8b;
    box-shadow: 0 0 8px rgb(0 0 0 / 30%);
    transition: margin-top .3s ease,height .3s ease;
    transform: translateZ(0);
    box-sizing: border-box;
    width: 100% !important;
    height: 63px !important;
    min-width: 100%;
    border-bottom: 3px solid #ff5722 !important;
    z-index: 99999999999999 !important;
}
.iziModal .iziModal-header-subtitle {
    color: rgb(255 255 255);
    font-size: 14px;
    line-height: 1.45;
} */
div#TransferService_wrap input[type="text"] {
    margin-bottom: 10px;
}

#updownbtn {
    color: #607d8b !important;
}

span.kpts {
    top: -9px;
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 10px;
    line-height: 8px;
    width: 9px;
    text-align: center;
    right: -3%;
    position: absolute;
}

span.kpts1.lkp a {
    color: white;
    font-size: 31px;
}

span.kpts1 {
    top: 46px;
    background: #4caf50;
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 18px;
    line-height: 11px;
    width: 18px;
    text-align: center;
    right: 13%;
    position: relative;
    display: none;
    z-index: 99;
}

.ftrkpt svg:hover {
    background: #607d8b;
    color: #ffffff;
}

.ftrkpt svg {
    border-radius: 50%;
    padding: 5px;
    border-top: 2px solid red;
    border-right: 2px solid blue;
    border-left: 2px solid orange;
    background: white;
}

.ftrkpt {
    text-align: center;
    position: relative;
    top: 25px;
    cursor: pointer;
}

.wnotifititle {
    background: #f7f7f9 !important;
    color: #000000;
    text-align: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.wnotifilisticon .fa-check-circle-o {
    color: #667eea;
    font-size: 22px;
}


.headbi3 .wclientnotification {
    display: none;
    background: white;
    width: 350px;
    position: absolute;
    top: 55px;
    z-index: 12;
    font-size: 13px;
    -webkit-box-shadow: 0px 0px 55px 1px rgb(54 50 64 / 20%);
    box-shadow: 0px 0px 55px 1px rgb(54 50 64 / 20%);
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    line-height: 25px;
    right: 0%;
    overflow: hidden;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.mstrpnls {
    display: none;
}

.wclientnotifi.pros.giris i {
    padding-top: 2px;
}

.cl-8 a i {
    position: absolute;
    left: 3px;
    top: 12px;
    width: 56px;
    line-height: 56px;
    text-align: center !important;
    background: #fff;
    font-size: 32px !important;
    color: #667093;
    box-shadow: 0 10px 64px rgb(0 0 0 / 4%);
    border-radius: 8px;
    overflow: hidden;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.cl-4 a {
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #000000;
    text-transform: capitalize;
    font-family: 'Titillium Web';
    font-weight: 700;
}

.cl-4 a {
    position: relative;
    color: #2D8CFF;
    font-size: 15px;
    font-weight: 400;
    padding-left: 24px;
}

.cl-8 i:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(255.4deg, #078bff 1.6%, #078bff 98.62%);
    opacity: 0;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.anascript #wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #e9f5ff;
    padding-bottom: 30px;
}

.pakettitle.aos-init.aos-animate {
    padding-top: 55px;
}

li#megamenuli:nth-child(9) a {
    color: white;
}

li#megamenuli:nth-child(9) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 0px !important;
    height: 60px;
    padding-left: 0px !important;
    margin-left: 20px;
}

.footinfos.footcopyright h4 {
    color: white;
}

.headbi2 {
    z-index: 9;
    text-align: right;
    position: absolute;
    right: 37%;
    top: 24px;
    color: #ffffff;
}

.headbutonlar i.fa.fa-user {
    font-size: 22px;
}

.wclientnotifi i.fa.fa-bell-o {
    margin-right: -15px;
    margin-top: 10px;
    font-size: 26px;
}

#clean-theme-client .notifi-count {
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: linear-gradient(#f16257 0%, #c83126 100%);
    color: #fff;
    position: absolute;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -10px;
    font-family: 'Titillium Web', sans-serif;
    margin-top: 17px;
    -webkit-animation: alert 2s linear 0s infinite normal;
    animation: alert 2s linear 0s infinite normal;
}

.paymentlogosx {
    float: right;
    line-height: 65px;
    font-size: 33px;
    position: relative;
}

.footsocial-logos {
    display: inline-block;
    margin-right: 25px;
    border-right: 1px solid rgba(0, 0, 0, 0.26);
    padding-right: 25px;
}

.paymentlogosx i {
    margin-left: 5px;
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.endfooter span {
    line-height: 71px;
    font-size: 14px;
    position: relative;
}

.footsocial-logos img {
    height: 29px;
    margin-bottom: -4px;
    opacity: .3;
    margin-left: 5px;
}

.tawk-branding {
    display: none !important;
}

.siparisbilgileri .btn {
    font-size: 16px;
    float: right;
    color: #fff;
    border: none;
    box-shadow: 0 0 10px #ccc;
    padding: 15px 0;
    width: 200px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    font-weight: 700;
}

.cd-top {
    height: 40px;
    width: 40px;
    right: 36px !important;
    bottom: 95px;
    border-radius: 7px;
    z-index: 99;
}

.footlogos {
    text-align: center;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.footer {
    float: left;
    height: auto;
    width: 100%;
    padding: 30px 0 !important;
    color: #fff;
    background: #0f0f23;
    font-size: 15px;
    line-height: 1.4;
    color: #ccc;
    background-image: url(https://cdn.hosting.com.tr/hosting/img/icon.lines-help.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    margin: 0 !important;
}

.footsosyal a {
    display: inline-block;
    color: #ffffff87;
    font-size: 18px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 45px;
    height: 48px;
    text-align: center;
    line-height: 50px !important;
    border: 1px solid transparent;
    margin: 0px 0px;
}

.etbis {
    float: right;
    overflow: hidden;
    width: 35px;
    height: 36px;
    margin-top: 18px;
    margin-left: 15px;
}

.footsocial-logos a {
    line-height: normal;
}

.footinfos.footcopyright {
    FONT-SIZE: 17PX;
}

.endfooter a {
    color: rgba(255, 255, 255, 0.28);
}

.footlogo {
    margin-top: 25px;
    opacity: .4;
    float: left;
    margin-right: 20px;
}

.menucolor {
    background-color: #ffffff;
    float: left;
    z-index: -1;
    height: 53px;
    width: 100%;
    position: absolute;
    opacity: 1;
    filter: alpha(opacity=30);
}

a.wnotifitibtn.cr {
    font-size: 12px !important;
}

#fullwidth .headbutonlar a {
    float: right;
    color: #ffffff;
    margin-left: 0px;
    font-size: 14px;
    border: 0px solid transparent;
    padding: 10px 14px;
    border-radius: 50px;
    font-weight: 500;
}

.logo {
    float: none;
    margin-top: 0px;
    margin-bottom: 0px !important;
    position: relative;
}

#fullwidth .headbutonlar {
    margin-top: 15px;
}

#paketaktifbtn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
}

.wnotifititle h3 {
    font-size: 18px;
    font-weight: 500;
    position: relative;
    z-index: 12;
}

#fullwidth .menu li a {
    font-weight: 500 !important;
    padding: 0px 15px;
    border: none;
    text-transform: capitalize;
    font-size: 16px;
    font-family: inherit;
}

.logoynmnd a {
    font-weight: 600;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
    position: relative;
    padding-left: 0px;
    cursor: pointer;
}

.headst a:hover,
.headst i:hover {
    color: #e4dfdf;
}

#megamenu #kurumsalmenulinks a {
    font-size: 15px;
    color: #415864;
    padding-bottom: 5px;
    font-weight: normal;
    font-family: 'Titillium Web', sans-serif;
    padding: 0px;
    line-height: 35px;
    background: none;
    width: 100%;
    float: left;
}

#fullwidth #megamenuservice {
    width: 20%;
    box-shadow: none;
    background: #ffffff91;
}

#fullwidth #megamenuservice:hover {
    background: #ffffff;
}

a#sepeticon:hover {
    opacity: 0.7;
}

#muspanel .moderncliendblock:nth-child(1) {
    background: white;
    width: 100%;
}

.pakettitle {
    margin-top: 0px;
    padding-bottom: 15px;
    width: 100%;
    padding-top: 15px;
    text-align: center;
    color: #009688;
    position: relative;
    padding: 30px 20px;
    background: #ffffff;
    border-radius: 15px;
    margin-bottom: 25px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.pakettitle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: #007bff;
    border-radius: 2px;
}

.pakettitle h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 10px 0 8px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

.pakettitle h1 strong {
    color: #007bff;
    font-weight: 700;
}

.pakettitle h2 {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 8px 0 0;
    line-height: 1.5;
    font-weight: 400;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/* Hover Effect */
.pakettitle:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}

/* Responsive Design */
@media (max-width: 768px) {
    .pakettitle {
        padding: 25px 15px;
        margin-bottom: 20px;
    }

    .pakettitle h1 {
        font-size: 1.7rem;
    }

    .pakettitle h2 {
        font-size: 0.9rem;
        padding: 0 5px;
    }

    .tableslogan {
        font-size: 16px;
        padding: 20px 15px;
        margin: 20px 15px;
        max-width: none;
    }

    /* Öne Çıkan Yazılımlar - Mobil Responsive */
    .softwares-modern-section {
        padding: 60px 0;
    }

    .softwares-header {
        padding: 12px 6px !important;
        margin-bottom: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
        width: calc(100% - 12px) !important;
        max-width: 100% !important;
        position: relative !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        border-radius: 10px !important;
    }

    .softwares-title {
        font-size: 1.2rem !important;
        flex-direction: column;
        gap: 5px;
        line-height: 1.1;
    }

    .softwares-title i {
        font-size: 1.2rem !important;
        margin-right: 0 !important;
    }

    .softwares-subtitle {
        font-size: 0.75rem !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Mobil Carousel Düzeltmesi */
    .softwares-carousel-wrapper {
        gap: 0 !important;
        max-width: 100% !important;
        padding: 12px 0;
        justify-content: center !important;
        align-items: center !important;
        overflow: visible !important;
    }

    /* Butonları mobilde gizle veya küçült - Mobilde kaydırma daha doğal */
    .softwares-carousel-wrapper .carousel-btn {
        display: none !important;
    }

    .softwares-carousel {
        max-width: 100% !important;
        gap: 18px !important;
        padding: 0 9vw !important;
        justify-content: flex-start !important;
        scroll-snap-type: x mandatory !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Mobil Kart Boyutu - Ekranın %82'si */
    .software-card {
        min-width: 82vw !important;
        max-width: 82vw !important;
        width: 82vw !important;
        flex-basis: 82vw !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center !important;
        scroll-snap-stop: always !important;
    }
}

@media (max-width: 480px) {
    .pakettitle h1 {
        font-size: 1.5rem;
    }

    .pakettitle h2 {
        font-size: 0.85rem;
    }
}

#muspanel .moderncliendblock:nth-child(2) {
    background: white;
    width: 100%;
}

.mclientlastblocks .mpaneltitle .sbtn {
    float: right;
    font-size: 13px;
    margin-top: -2px;
    opacity: .8;
    width: auto;
    padding: 5px 10px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: rgb(255 255 255);
}

#basic_client_rightcon {
    float: right;
    width: 79%;
    margin-bottom: 35px;
}

.logoynmnd a,
.logoynmnd i {
    color: #2b2727;
}

.mpanelleft {
    float: left;
    box-shadow: 0 0 3px #ccc;
    border-radius: 7px;
    width: 20%;
    margin-bottom: 40px;
    background: #fff;
    margin-top: 20px;
}

#muspanel table.dataTable thead th {
    padding: 14px 9px;
}

.sepetbaslik {
    float: left;
    line-height: 50px;
    width: 100%;
    background: #607d8b;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 700;
    text-align: left !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.menu i.fa.fa-home {
    font-size: 24px;
    background: #f1f1f1;
    padding: 14.5px;
    margin-top: 0px;
    border-radius: 0px;
    color: #475258;
}

.fullwidthhead {
    width: 100%;
    height: auto;
    padding: 36px 0;
    float: left;
    background-image: none;
    position: relative;
    margin-top: 0;
    background-size: 100%;
    background-color: #fdfeff;
    animation: ansyfvea 60s infinite linear;
}

.fullwidthhead:before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    /* background: url(../assets/images/zipweb/headar1.jpg); */
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    opacity: 0.06;
}


.campaign-bar {
    background: #fff2d4;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    overflow: hidden;
    height: 0;
    opacity: 0;
    padding: 0;
    -webkit-animation: campaingBarOpen .3s .8s forwards;
    animation: campaingBarOpen .3s .8s forwards;
}

.usthed {
    padding: 12px;
    font-size: 14px;
    font-weight: 500;
}

#fullwidth .logo {
    padding: 5px 0;
    display: inline-block;
    float: left;
    height: 90px;
    position: absolute;
    margin: 0px;
    width: auto;
    top: 14px;
}

.mnurler {
    padding: 10px;
    text-align: center;
    display: flex;
}

.headst a,
.headst i,
.headst strong {
    color: #607d8b;
    font-size: 14px;
}

#fullwidth .headbutonlar {
    margin-top: 15px;
    display: flex;
}

.headst {
    background: #e5eff4;
    height: 42px;
    border-bottom: 0px solid #ffffff;
}

.sagmns {
    text-align: right;
    float: right;
    right: 8%;
    position: absolute;
}

.solmns {
    left: 7%;
    position: absolute;
    z-index: 9;
}

.mpanelinfo {
    float: left;
    width: 100%;
    height: 65px;
    color: #607d8b;
    line-height: 65px;
    font-size: 16px;
}

.sayfabaslik {
    float: right;
    color: #fff;
    text-align: left;
    margin-top: 35px;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 2px #666;
}

#fullwidth .menu {
    height: 53px;
}

#fullwidth .menu {
    float: left;
    width: 100%;
    margin: 0;
    background-image: url(../images/menubg.jpg);
    background-position: top center;
    background: #174e69;
}

.mstrpnls a {
    background: #009688;
    color: white !important;
    border: 2px solid !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin-top: -5px;
    float: right;
}

.ortahed {
    position: absolute;
    text-align: center;
    left: 42%;
    top: 50px;
    background: #ffffff21;
    padding: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 18px;
    border-radius: 10px;
    padding-right: 0px;
    padding-bottom: 17px;
    padding-left: 27px;
    height: 30px;
}

.mstrpnls {
    z-index: 9;
}


span.dsktblr a {
    color: #42535b;
}

span.prmbr a.langflagicon.mstds img {
    position: relative;
    top: 4px;
    float: none;
}

span.dsktblr svg {
    position: relative;
    top: 7px;
    width: 24px;
}

span.dsktblr:hover {
    background: #fcfcfcc2;
}

span.dsktblr {
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

div#wisecp {
    /* background-color: #ffffff !important; */
    width: 100%;
    height: 100%;
    padding-top: 17% !important;
    animation: loadvea 40s infinite linear;
}

@keyframes loadvea {
    0% {
        background-color: #ffffff;
    }

    25% {
        background-color: #e7e6e1;
    }

    50% {
        background-color: #f2de2e;
    }

    75% {
        background-color: #caeca3;
    }


    100% {
        background-color: #ffffff;

    }
}

#clientAreaMenus-2 #active {
    background: #0096881c;
    color: #5c5757;
}

#uyeolgirisbody .iziModal .iziModal-header.iziModal-noSubtitle {
    padding: 15px 15px 20px;
}

.mblokbtn {
    width: 100%;
    color: rgb(255 255 255);
    background: #28262657;
    text-align: left;
    font-size: 14px;
    -webkit-transition: all .3s ease-out;
    position: absolute;
    bottom: 0;
    z-index: 6;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#megamenu #kurumsalmenulinks h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    line-height: 28px;
    margin-bottom: 15px;
    border: 1px solid #667eea;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(102, 126, 234, 0.6);
}

.logoynmnd a:hover,
.logoynmnd i:hover {
    /* color: #05385f; */
    opacity: 0.7;
}

#fullwidth .menu ul li ul a {
    font-size: 13px;
}

#fullwidth .menu li:hover a {
    background: rgb(0 0 0 / 0%);
    color: #000000;
}

span.closed a {
    color: #000000;
    font-size: 15px;
}

span.closed {
    background: #ffffff;
    padding: 6px;
    border-radius: 50%;
    float: right;
    height: 10px;
    line-height: 8px;
    width: 9px;
    text-align: center;
    right: 1%;
    position: absolute;
}

.btncam:hover {
    background: white;
}

.btncam a {
    color: #050505;
    font-weight: 600;
    font-size: 11px;
    font-family: unset;
}

.tablopaketler .gonderbtn {
    border: none;
    font-size: 15px;
    padding: 12px 12px;
    float: none;
    margin: 5px;
    border-radius: 0px;

}

.hizmetblok tr:nth-child(1) td {
    font-size: 15px;
    padding: 12px;
    background: none;
    border-bottom: 1px solid #eee;
    color: #009688;
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #fff 100%);
    background: -webkit-linear-gradient(top, #efefef 0%, #fff 100%);
    background: linear-gradient(to bottom, #efefef 0%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
}

.hizmetblok {
    display: inline-block;
    width: 46%;
    margin: 9px;
    vertical-align: top;
    font-size: 14px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.domainsec .alanadisorgu .gonderbtn {
    text-align: center;
    border: 0px;
    background-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 2.20588rem;
    color: #FFFFFF;
    margin-left: -160px;
    padding: 18px 0px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 150px;
    font-size: 16px;
}

.siparisbilgileri .ui-state-active {
    background: #009688;
    color: white;
}

.sptst span.sptyz {
    top: 14px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: white;
}

.menu li a i {
    font-size: 14px;
    margin-left: 10px;
    padding-right: 4px;
}

.homedomainarea-con {
    width: 85%;
    margin: auto;
}

.wnotifititle.slr i.fa.fa-user {
    font-size: 41px;
    color: #d5d5d5;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 80%;
    margin-top: 13px;
}

.cksyps a {
    background: #607d8b !important;
    color: white !important;
    padding: 0px;
    height: 16px;
    width: 89%;
    text-align: center;
    line-height: 20px;
    border-radius: 20px !important;
    position: relative;
    margin: 3px;
    font-size: 13px !important;
    position: relative;
    top: -2px;
    margin-bottom: 14px;
}

.headbutonlar.b2 .cksyps a {
    background: #607d8b !important;
    color: white !important;
    padding: 0px;
    height: 16px;
    width: 97%;
    text-align: center;
    line-height: 20px;
    border-radius: 20px !important;
    position: relative;
    margin: 3px;
    font-size: 13px !important;
    position: relative;
    top: -2px;
    margin-bottom: 14px;
}

.campaigns-bar strong {
    padding-left: 1%;
    color: #ffffff;
}

#fullwidth #sepeticon {
    margin-top: 1px;
    position: relative;
    z-index: 22;
    color: #ffffff;
    font-size: 22px !important;
    float: left;
    left: 0%;
    position: relative;
}

.sptst {
    display: flex;
    float: right;
    background: #193c4d;
    padding: 1px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-radius: 0px;
}

.uyeol {
    position: absolute;
    width: 40% !important;
    border-radius: 0;
    margin-bottom: 0px;
    right: 0;
    top: 0;
    bottom: 0;
}

.uyeolgirisslogan {
    float: left;
    width: 55% !important;
    text-align: left;
    margin-top: 0;
}

.wclientnotification.v1 .padding30 {
    padding: 15px;
}

.wnotifititle.slr .padding20 {
    padding: 15px;
}

.wnotifititle i {
    font-size: 39px;
    color: rgb(224 224 224);
    margin: auto;
    position: absolute;
    top: 36px;
    bottom: 0;
    left: 4%;
    margin-top: -20px;
    right: auto;
}

section.homepage-information {
    background: #f4f4f4;
    padding-top: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.nedenbiz {
    background-image: url(../images/nedenbizbg.jpg) !important;
    background-repeat: repeat;
    background-position: center center;
    float: left;
    height: auto;
    width: 100%;
    margin: 35px 0;
    box-shadow: inset 0 0 70px 30px #fff;
    text-align: center;
}

span.prmbr {
    padding-left: 30px;
    padding-right: 20px;
}

.logoynmnd a {
    font-weight: 600;
}

#fullwidth #sepeticon span {
    font-size: 14px;
    width: 20px;
    height: 20px;
    background: white;
    color: #000;
    position: absolute;
    text-align: center;
    line-height: 21px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: -15px;
    margin-top: -7px;
    font-weight: 500;
    font-family: initial;
}

.owl-item.active {
    padding-top: 50px;
}

.onrlin.tsrms a {
    color: white;
}

.onrlin.fytav {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%);
    color: white;
    font-size: 17px;
}

.onrlin.tsrms {
    background: #e91e63;
    top: 8px;
}

.onrlin.wphs {
    top: 0px;
    background: #ffffff;
    color: #2196f3;
}

.onrlin {
    position: absolute;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 13px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    float: left;
    top: -7px;
}

.col-md-6.slider-image img {
    width: 90% !important;
    border-radius: 10%;
    float: right;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: unset !important;
    -webkit-transform: translate3d(0, 0, 0);
}

div#group_hosting {
    position: relative;
    top: -100px;
}

.nedenbiz {
    margin-top: -70px;
}

.tableslogan {
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 25px 30px;
    border-radius: 15px;
    margin: 10px auto;
    max-width: 600px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
}

.tableslogan::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: shimmer 3s infinite;
}

.tableslogan a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.tableslogan a:hover {
    color: #a78bfa !important;
    text-shadow: 0 0 10px rgba(167, 139, 250, 0.5);
}

.tableslogan strong {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.domainsvea {
    position: relative;
    margin-top: 0px;
    margin-bottom: -15px;
    height: 590px;
    display: grid;
    background: url(../images/domain-bg.png) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 40px;
}

.tablopaketler {
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    width: 100%;
    background-size: 100% 100%;
    text-align: center;
    padding: 10px 0px;
    margin: 10px 0px;
    box-shadow: inset 0 0 2px 0px #fff;
}

b.spnacik {
    font-weight: 400;
    font-size: 12px;
    color: white;
    background: #2196f3;
    padding-left: 10px;
    padding-right: 10px;
}

.homedomainarea {
    -webkit-box-shadow: 0px 10px 45px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 10px 45px 0px rgb(0 0 0 / 6%);
    width: 100%;
    margin-top: -70px;
    z-index: 50;
    position: relative;
    background: #ffffffb3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.wnotifilistcon h5 {
    font-size: 15px;
}

.fa-trash:before {
    content: "\f1f8" !important;
}

a.wnotifitibtn.cr svg.w-6.h-6 {
    width: 30px;
    left: -5px;
    position: relative;
    top: 0px;
}

span.kads {
    font-size: 12px;
    position: absolute;
    display: flow-root;
}

.b2 span.kads {
    font-size: 13px;
    position: absolute;
    display: flow-root;
}

.wclientnotification.v1 {
    top: 100px;
    right: 11%;
    z-index: 99;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.logoynmnd {
    position: absolute;
    top: 25px;
    left: 19%;
    border-left: 4px solid #667eea;
    padding-left: 12px;
    display: inline-grid;
    background: #ffffffc7;
    padding: 6px;
    padding-left: 10px;
}

#header2 .headerwhite {
    margin-top: -48px;
    bottom: auto;
}

.menu_tag {

    color: #fff;
    padding: 2px 7px;
    font-size: 11px;
    border-radius: 3px;
    text-align: center;
    font-weight: 300;
    margin-top: -5px;
    float: right;
    margin-left: -100px;
    margin-right: 20px;
}

.sayfabaslik {
    float: none;
    color: #fff;
    text-align: left;
    margin-top: 35px;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 2px #666;
}

.signbtns a {
    color: white !important;
    padding: 10px !important;
}

.sigupbtns a {
    z-index: 9;
    background: #607d8b;
    color: #ffffff !important;
    border: 0px solid !important;
    text-transform: uppercase;
    border-radius: 0px !important;
    padding: 14.4px !important;
    margin-top: -3px;
    float: right !important;
    margin-right: 0px;
}

.headbutonlar a:hover {
    opacity: 1;
}

.headbutonlar a {
    font-weight: 600 !important;
}

.signbtns {
    z-index: 9;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
    border: 2px solid !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    border-radius: 0px !important;
    padding: 4px !important;
    margin-top: -5px;
    float: right;
}

span.mns2.lgnus b {
    background: #e91e63;
}

span.prmbr a.langflagicon.mstds {
    padding-left: 8px !important;
    padding-right: 5px !important;
    background: #ffffff;
    color: #4e4c4a;
    margin-right: 7px;
    border-radius: 5px;
    margin-left: 23px;
    padding: 4px;
}

span.prmbr a.scurrencyicon.sds {
    padding: 4px;
    padding-left: 8px;
    padding-right: 7px;
    background: #ffffff;
    color: #343c40;
    margin-right: 7px;
    border-radius: 5px;
}

.logoynmnd {
    font-size: 13px;
    line-height: 1.8;
}

span.closed:hover {
    background: #eee9e2;
    cursor: pointer;
}

#muspanel .moderncliendblock:nth-child(5) {
    background: #fff2f200;
    width: 100%;
}

.campaigns-bar {
    /* background: #607d8b; */
    padding: 10px;
    color: white;
    padding-left: 7.3%;
}

.headst i {
    padding-right: 6px;
}

.btncam {
    float: right;
    right: 8%;
    position: relative;
    background: #ffe500;
    padding: 10px;
    border-radius: 0px;
    margin-top: -10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: transform .18s ease, box-shadow .18s ease;
}

.headst a:hover,
.headst i:hover {
    color: #000000;
}

.btncam a {
    color: #050505;
    font-weight: 600;
    font-size: 13px;
    font-family: unset;
}

.btncam:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.12);
}

.headst a,
.headst i,
.headst strong {
    color: #686363;
    font-size: 14px;
}

.paymentlogosx .footsocial-logos a i {
    font-size: 20px;
    margin: 0px 10px;
    float: left;
    margin-top: 24px;
}

.endfooter {
    float: left;
    width: 100%;
    height: 71px;
    background: #09344e;
    color: rgb(255 255 255 / 45%);
}

.footlogo {
    margin-top: 9px;
    opacity: .4;
    float: left;
    margin-right: 20px;
}

.footlogo {
    width: 99px;
    margin-bottom: 30px;
}





/* mobil */

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    .menuAc {

        text-shadow: 0 0 0px #ccc;
    }

    .checkbox-custom:checked+.checkbox-custom-label:before {
        content: "\f00c";
        font-family: 'FontAwesome';
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: #fff;
        font-size: 15px;
    }

    .notifi-count {
        margin-top: 4px;
    }

    #fullwidth #sepeticon span {
        margin-left: -13px !important;
        margin-top: -7px !important;
    }

    .wclientnotifi.nhyt svg.w-6.h-6 {
        width: 28px;
        top: 10px;
        position: relative;
        left: 11px;
        color: white;
    }

    #fullwidth #sepeticon svg.w-6.h-6 {
        width: 27px;
        top: 1px;
        position: relative;
    }

    .sptst {
        display: flex;
        float: right;
        background: #ffffff00;
        padding: 3px;
        padding-left: 23px;
        padding-right: 16px;
        margin-top: 2px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-right: 6px;
    }

    .tablopaketler .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        display: block;
        margin-left: 0px;
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-left: unset;
        padding-right: unset;
    }

    section.homepage-information {
        background: #f4f4f4;
        padding-top: 50px !important;
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 20px;
    }

    .package .package-price .left small {
        display: block;
        font-size: 15px;
        margin-bottom: 5px;
        color: #f2f2f2;
    }

    a.activelangcur {
        background: white;
    }

    .package {
        margin-top: 20px;
        background: #fff;
        border-radius: 15px;
        border: 1px solid #bbbec4;
        position: relative;
        overflow: hidden;
        margin-bottom: 1px;
        width: 350px;
    }

    .anascript #wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background: #e9f5ff00;
        padding-bottom: 0px;
    }

    .langcurclose {
        top: 0px;
        right: 10px;
    }

    section.home-slider .slider-nav .items .item {
        display: block;
        width: 100%;
        margin: 0 8px;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        padding-bottom: 0px;
        border-bottom: 10px solid #fff;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        cursor: pointer;
        padding-top: 10px;
    }

    section.home-slider .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 90%;
        max-width: 87%;
        padding-left: 25px;
        position: relative;
        top: -32px !important;
    }

    .menucolor {
        /* Reset to existing default header background */
        background-color: #ffffff;
        float: left;
        z-index: -1;
        height: 52px;
        width: 100%;
        position: absolute;
        opacity: 1;
        filter: alpha(opacity=30);
    }

    .sptst span.sptyz {
        top: 13px;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: white;
    }

    .mstrpnls a {
        background: #009688;
        color: white !important;
        border: 0px solid !important;
        text-transform: uppercase;
        font-weight: 600 !important;
        border-radius: 0px !important;
        padding: 10px !important;
        margin-top: -2px;
        float: right;
        font-size: 13px;
    }

    #fullwidth .logo {
        padding: 2px 0;
        display: inline-block;
        height: 59px;
        position: absolute;
        margin: 0px;
        width: auto;
        left: 3px;
        top: -9px;
        width: 125px !important;
    }

    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border-bottom: 1px solid #dbd6d6 !important;
    }

    select:focus {
        border-bottom-width: 1px;
        border-bottom-color: #03a9f4;
        padding-left: 5px;
        border-style: none none solid;
        border-radius: 0px;
    }

    .wnotifititle.slr i.fa.fa-user {
        font-size: 41px;
        color: #607d8b94;
        margin: auto;
        position: absolute;
        top: -4px;
        bottom: 0;
        right: 80%;
        margin-top: 13px;
    }

    .wclientnotification.usrmn .wnotificontent a {
        color: #607d8b !important;
        font-size: 14px !important;
    }

    .wclientnotification.v1 .padding30 {
        padding: 10px;
    }

    .uhperiyod select {
        text-align-last: inherit;
        border: none;
        padding: 1px 0px;
        width: 64%;
        display: block;
        margin: auto;
        font-weight: 600;
        font-size: 14px;
        background: #f4f4f4;
        color: #009688;
    }

    .solmns {
        display: none;
    }

    .fixedwhatapp a span {
        width: 40px;
        height: 45px;
        float: left;
        background: #3e7fb9;
        font-size: 18px;
        margin: 0 15px 0 0;
        text-align: center;
        line-height: 45px;
        color: #fff;
    }

    .logoynmnd {
        display: none !important;
    }

    .mbnyukptr {
        position: absolute;
        margin-top: 55px;
        z-index: 999;
        background: #eaeaea;
        right: 12%;
        padding: 3px;
        border-radius: 50%;
        height: 16px;
        width: 15px;
        text-align: center;
        line-height: 16px;
        color: #000000;
        font-weight: 400;
    }

    .mbnyukptr1 {
        position: absolute;
        margin-top: 62px;
        z-index: 999;
        background: #f4f2f200;
        right: 4%;
        padding: 4px;
        border-radius: 50%;
        height: 16px;
        width: 15px;
        text-align: center;
        line-height: 15px;
        color: #607d8b;
        font-weight: bold;
    }

    .cksyps a {
        background: #607d8b !important;
        color: white !important;
        padding: 0px;
        height: 16px;
        width: 92%;
        text-align: center;
        line-height: 20px;
        border-radius: 0px !important;
        position: relative;
        margin: 21px;
        font-size: 13px !important;
        position: relative;
        top: -8px;
    }

    .wnotifilistcon.grsds a {
        font-size: 15px !important;
        margin-left: 0px !important;
    }

    .mbnyukptr2 {
        position: absolute;
        margin-top: 56px;
        z-index: 999;
        background: #fffafa00;
        right: 4%;
        padding: 3px;
        border-radius: 50%;
        height: 16px;
        width: 14px;
        text-align: center;
        line-height: 16px;
        color: #607d8b;
        font-weight: bold;
    }

    .b2 .wnotificontent.grsbs .wnotifilistcon h5 {
        font-size: 15px;
        margin-bottom: -3px !important;
        margin-left: -22px !important;
        margin-top: 2px !important;
    }

    .wnotifilisticon {
        float: left;
        width: 10%;
        left: 10px;
        position: relative;
    }

    .fixedoffer .phonenumber span {
        width: 65px;
        height: 35px;
        float: left;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        font-size: 18px;
        margin: 0 15px 0 0;
        text-align: center;
        line-height: 30px;
        color: #fff;
    }

    .fixedcall a span {
        width: 45px;
        height: 45px;
        float: left;
        background: #2196f3;
        font-size: 25px;
        margin: 0 15px 0 0;
        text-align: center;
        line-height: 45px;
        color: #fff;
    }

    #fullwidth .menu {
        height: 52px;
    }

    #fullwidth .menu {
        background: #ffffff;
    }

    .menu {
        float: right;
        position: initial;
        z-index: 75;
    }

    #fullwidth .menuAc {
        display: block;
        position: relative;
        float: left;
        text-align: center;
        top: 0;
        font-size: 24px;
        left: -12px;
        padding: 0;
        margin-top: 9px;
    }

    .btncam {
        float: right;
        right: 9%;
        position: absolute;
        background: #ffffff;
        padding: 1px;
        border-radius: 3px;
        margin-top: -15px;
        padding-left: 6px;
        padding-right: 3px;
    }

    span.mgizle {
        display: none;
    }

    .ortahed {
        position: absolute;
        text-align: unset;
        left: 20%;
        top: 52px;
        background: #f5f1f100;
        padding: 10px;
        border-radius: 10px;
        padding-right: 0px;
        z-index: 99;
        font-weight: 600;
        font-size: 13px;
    }

    span.dsktblr span.mgizle {
        display: inline-block !important;
    }

    .wclientnotifi.pros.giris i {
        padding-right: 7px;
        padding-top: 4px;
    }

    .onrlin.tsrms {
        background: #e91e63;
        top: -67px;
    }

    .wclientnotifi.pros.giris {
        text-align: left;
    }

    .wnotificontent.grsbs h5 a {
        color: black !important;
    }

    #header2 .headerwhite {
        margin-top: -76px;
        bottom: auto;
        display: block;
    }

    .wnotifilistcon {
        float: right;
        width: 90% !important;
    }

    .wclientnotifi.nhyt {
        margin-top: -7px;
        margin-left: -34px;
    }

    .wnotifititle h3 {
        font-size: 16px;
        font-weight: 600;
        position: relative;
        z-index: 12;
    }

    #fullwidth #sepeticon {
        margin-top: 7px;
        z-index: 22;
        color: #ffffff;
        font-size: 22px !important;
        float: left;
        left: 2%;
        position: relative;
    }

    span.prmbr {
        padding-left: 4px;
        padding-right: 5px;
    }

    span.dsktblr {
        background: #84a8ba00;
        padding: 5px;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .headbutonlar a {
        float: left;
        margin-right: 0px;
        font-size: 11px !important;
        margin-left: 0;
        text-transform: capitalize !important;
    }

    .signout a {
        color: #4b4747 !important;
        font-size: 13px !important;
    }

    .signout {
        background: #eeeded;
        border-radius: 0px;
        top: -1px;
        position: relative;
        height: 38px;
        left: 3px;
    }

    div#wisecp {
        padding-top: 60% !important;
    }

    span.closed {
        background: #ffffff;
        padding: 6px;
        border-radius: 50%;
        float: right;
        height: 7px;
        line-height: 6px;
        width: 7px;
        text-align: center;
        right: 2%;
        position: absolute;
        margin-top: 2px;
    }

    span.closed a {
        color: #000000;
        font-size: 15px;
    }

    .spottlds {
        width: auto;
        padding: 0px 15px !important;
        border: none;
    }

    #fullwidth .headbutonlar a {
        margin-left: 0px;
        font-size: 10px;
        border: 1px solid transparent;
        padding: 5px 9px;
        border-radius: 50px;
        font-weight: 700;
        /* padding-top: 2px !important; */
        color: #000000;
    }

    .anascript #wrapper {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .anascriptlist {
        position: relative;
        display: inline-block;
        vertical-align: top;
        background-color: #FFF;
        margin: 1%;
        width: 153px;
        text-align: center;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
        border-radius: 7px;
        overflow: hidden;
    }

    .wclientnotifi.prof {

        height: 43px;
        line-height: 15px;

    }

    #fullwidth .headbutonlar {
        margin-top: 0px;
        display: flex;
        position: absolute;
        left: 44%;
        z-index: 99;
        opacity: 1;
    }

    span.mgizleme {
        color: white;
    }

    .homedomainarea-con {
        width: 95%;
        margin: auto;
    }

    #fullwidth #sepeticon span {
        font-size: 15px;
        width: 20px;
        height: 20px;
        background: white;
        color: #000;
        position: absolute;
        text-align: center;
        line-height: 22px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-left: -11px;
        margin-top: -10px;
        font-weight: 500;
    }

    .wclientnotification.v1 {
        top: 53px;
        margin-right: -15px;
        margin-top: 8px;
        font-size: 27px;
    }

    .wclientnotifi i.fa.fa-user {
        font-size: 20px;
    }

    .wclientnotifi.prof i {
        margin-right: 8px;
        padding-top: 0px;
        position: relative;
        top: 1px;
    }

    .wclientnotifi.pros.giris {
        background: #ffffff;
        position: relative;
        top: 0px;
        left: 4%;
        padding-left: 2px;
        padding-right: 0px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .mgizle {
        display: none;
    }

    .mustu {
        position: absolute;
        /* display: contents; */
        left: 25%;
    }

    .wclientnotification.grsstns {
        top: 47px !important;
    }

    .headbi3 .wnotifilist {
        float: left;
        width: 100%;
        line-height: 20px;
        border-bottom: 1px solid #eee;
        padding: 9px 5px;
    }

    .wclientnotification.ntfst {
        right: -203%;
    }

    div#mobmenu .headbutonlar {
        display: none;
    }

    .msfrhg {
        display: none;
    }

    i.fa.fa-shopping-cart {
        padding-top: 0px;
        margin-right: 0px;
        position: relative;
        left: 0px;
    }

    .spottlds {
        width: 20%;
        border: none;
        text-align: center;
        margin: 8px 10px;
    }

    .wclientnotifi.ntfsrtr {
        position: relative;
        top: 2px;
    }

    .tablopaketler .gonderbtn {
        border: none;
        font-size: 15px;
        padding: 12px 4px;
        float: none;
        margin: 5px;
        border-radius: 0px;
        width: 27%;
    }

    .headst a:hover,
    .headst i:hover {
        color: #cccccc;
    }

    .tablopaketler .gonderbtn {
        border: none;
        font-size: 15px;
        padding: 12px 4px;
        float: none;
        margin: 5px;
        border-radius: 0px;
        width: 89%;
    }

    .pakettitle {
        margin-top: 0px;
        padding-bottom: 15px;
    }

    #header2 .sayfabaslik {
        margin-top: 27px;
        display: block;
        text-align: center;
        width: 90%;
        padding: 10px;
        min-height: 32px;

    }

    .signbtns {
        z-index: 9;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white !important;
        border: 4px solid !important;
        text-transform: uppercase;
        font-weight: 600 !important;
        border-radius: 0px !important;
        padding: 3.2px !important;
        margin-top: -5px;
        float: right;
    }

    .headst {
        background: #607d8b;
        height: 25px;
    }

    .usthed {
        padding: 7px;
        font-size: 11px;
        font-weight: 500;
    }

    .mnurler {
        padding: 0px;
        text-align: center;
        display: flex;
    }

    .sigupbtns a {
        z-index: 9;
        background: #dfe6eb;
        color: #4e4949 !important;
        border: 0px solid !important;
        text-transform: uppercase;
        font-weight: 600 !important;
        border-radius: 0px !important;
        padding: 10px !important;
        margin-top: -2px;
        float: right !important;
        margin-right: -26px;
    }

    #basic_client_rightcon {
        width: 100%;
    }

    .mpanelleft {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 0;
    }

    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child {
        position: relative;
        padding-left: 5px !important;
        cursor: pointer;
    }

    .muspanelbloks #blue {
        display: inline-block;
        /* width: 100%; */
    }

    .mclientlastblocks thead {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

    #muspanel .mpanelrightcon {
        padding: 15px;
        word-wrap: break-word;
        background: white;
        margin-bottom: 25px;
        border-radius: 7px;
        box-shadow: 0 0 3px #ccc;
        margin-top: 10px;
        min-height: auto;
    }

    .footer {
        background-image: url(../images/footerbg.png);
        background-color: #184c64;
        background-size: 100% auto;
        background-repeat: repeat;
        background-position: center top;
        float: left;
        height: auto;
        width: 100%;
        padding: 30px 0;
        color: #fff;
    }

    .paymentlogosx {
        float: right;
        line-height: 65px;
        font-size: 33px;
        display: none;
    }

    #muspanel table.dataTable thead th {
        padding: 8px 5px;
        font-size: 12px;
    }

    .mpanelinfo {
        float: left;
        width: 100%;
        height: 65px;
        background: #f4f1ef;
        color: #607d8b;
        line-height: 22px;
        font-size: 16px;
    }

    .sagmns {
        text-align: right;
        float: right;
        right: 10%;
        position: absolute;
    }

    .headst {

        border-bottom: 0px solid #ece8e8;
    }

    #mobmenu ul a span i {
        padding-right: 4px;
        font-size: 18px;
    }

    #mobmenu {
        position: absolute;
        top: 25%;
        width: 100%;
        background: #ffffff;
        z-index: 100;
    }

    #mobmenu ul li a {
        color: black;
        font-weight: 600;
    }

    #mobmenu ul li a.toggle {
        width: 100%;
        display: block;
        background: #1e4658;
        color: #fefefe;
        border-radius: 0.15em;
        transition: background .3s ease;
    }

    .campaigns-bar {
        /* background: #f44336; */
        padding: 9px;
        color: white;
        padding-left: 8.3%;
        font-size: 11px;
    }

    .fullwidthhead {
        width: 100%;
        height: auto;
        padding: 10px 0;
        float: left;
        background-image: none;
        position: relative;
        margin-top: 0;
        background-size: 100%;
        background-color: #ffffff;
        /* background-image: url(../assets/images/headbg.webp) !important; */
        height: 44px;
    }

    span.prmbr a.langflagicon.mstds {
        padding-left: 8px !important;
        padding-right: 9px !important;
        background: #e8ebec00;
        color: #010101;
        margin-right: 0px;
        border-radius: 5px;
        margin-left: 10px;
        padding: 4px;
        font-weight: 600;
    }

    .btnsltr svg {
        width: 22px;
        color: #607d8b;
    }

    .btnsltr {
        position: relative;
        top: -22px;
    }

    span.prmbr a.scurrencyicon.sds {
        padding-left: 0px;
        padding-right: 4px;
        background: #607d8b00;
        color: #040404;
        margin-right: 0px;
        font-weight: 600;
        border-radius: 5px;
    }

    .captcha-content img {
        border-radius: 7px;
        margin-top: 8px;
    }

    .signbtns a {
        color: white !important;
        padding: 5px !important;
    }

    .uyeolgirisslogan-con {
        width: 90%;
        margin: auto;
        margin-top: 10px !important;
    }

    .captcha-content {
        width: 310px;
        transform: scale(0.8);
        margin-left: auto;
        margin-top: 20px;
        margin-bottom: 10px;
        display: flex;
    }

    .signupcon p {
        font-size: 16px !important;
    }

    .logo {
        float: none;
        margin-top: 0px;
        margin-bottom: 0px !important;
        position: relative;
    }

    .signinsignup-title {
        display: inline-block;
        font-size: 19px !important;
        font-weight: 600;
        margin-top: -1px !important;
    }

    .uyeolgirisslogan h4 {
        width: 90%;
        font-size: 17px;
        margin: auto;
        margin-top: 5px !important;
    }

    .signupcon h4 {
        font-size: 13px;
    }

    .signup-stages-block {
        width: 55px !important;
        height: 55px !important;
        line-height: 55px !important;
        margin: 10px 4% !important;
        font-size: 28px;
    }

    .clean-theme-signup-box .sbtn {
        width: auto;
        font-size: 10px !important;
        padding: 6px 20px;
    }

    .headst {
        background: #063850;
        height: 25px;
    }

    .headbutonlar i {
        margin-right: 3px;

    }

    .signout i {
        position: relative;
        top: 2px;
    }

    .signbtns i {
        position: relative;
        top: 1px;
    }

    .siparisbilgileri .ui-state-active {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }

    .headst a,
    .headst i,
    .headst strong {
        color: #ffffff;
        font-size: 13px;
    }

    .campaigns-bar strong {
        padding-left: 1%;
        color: #ffffff;
    }

    .advice .nav-pills li a[href="#advice_server"] {
        display: none;
    }

    section.home-slider .slider-items .item {
        padding: 30px 0;
        position: relative;
        top: 44px;
    }

    section.home-slider .slider-items .item h3.title {
        font-size: 21px;
    }

    section.home-slider .slider-items .item h4.top-title {
        font-size: 17px;
    }

    section.home-slider .slider-items .item .price a.detail {
        padding: 0 19px !important;
    }

    section.home-slider .slider-items .item .slider-image img {
        display: none;
    }


    .spottlds h5 {
        font-weight: 900;
        color: #000000;
        font-size: 14px;
    }

    .wclientnotifi.pros.giris .padding15 {
        padding: 8px;
    }

    .wnotifititle {
        background: #feffff !important;
        color: #6b5f5b;
        text-align: center;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% auto;
        border-bottom: 1px solid #e3e0e0;
    }

    .headbi3 {
        z-index: 99;
        top: -1.5px;
        position: relative;
    }

    .wclientnotifi.pros.giris a.wnotifitibtn {
        font-size: 10px !important;
        color: #000000 !important;
        display: inline-flex;
    }

    .menuAc {

        color: #020202;

    }

    .onrlin.wphs {
        top: -67px;
        background: #ffffff;
        color: #2196f3;
    }

    .owl-item.active {
        padding-top: 0px;
    }

    .wclientnotifi.prof {
        background: #ffffff;
        height: 46px;
        line-height: 18px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
        top: -1px;
    }

    .wclientnotifi i.fa.fa-bell-o {
        margin-right: -15px;
        margin-top: 5px;
        font-size: 27px;
    }

    span.dsktblr a {
        color: #454242;
    }

    .lgdload img {
        width: 42%;
        opacity: 0.5;
        position: absolute;
        text-align: center;
        margin-left: -79px !important;
    }

    .loadsng img {
        /* margin-top: -1px !important; */
        width: 42px !important;
        /* margin-left: -101px !important; */
    }

    .wclientnotifi.nhyt {
        margin-top: -5px;
        margin-left: -53px;
    }

    .campaigns-bar svg {
        position: absolute;
        left: -2%;
        top: 7px;
        display: none;
    }

    .headst svg {
        width: 17px;
        top: 4px;
        position: relative;
        color: white;
    }

    a.wnotifitibtn.cr {
        font-size: 12px !important;
        line-height: 1.6;
    }

    .fixedoffer {
        top: 32%;
    }

    .fixedcall {
        top: 38%;
    }

    .fixedwhatapp {
        top: 46%;
    }

    .advice .nav-pills li a {
        padding-right: 20px !important;
    }

    .homedomainarea h1 {
        font-size: 22px;
        margin-top: 10px;
    }

    .cksyps a {
        padding: 10px !important;
        margin-top: 5px;
        font-size: 14px !important;
    }

    .domainsvea {
        z-index: 1;
    }

    .sunucustok {
        margin-left: 0;
        margin-top: -57px;
    }

    .onrlin {
        padding-left: 20px;
        padding-right: 20px;
    }

    .headst {
        background: #063850;
        height: 35px;
        line-height: 35px;
    }

    .advice .headline {
        font-size: 18px;
        line-height: 35px;
    }

    .advice .advice-tab-container .tab-content {
        margin-top: 30px;
        padding-left: 5px;
        line-height: 30px;
        text-align: left;
    }

    .wclientnotification.usrmn .wnotificontent {
        height: 365px !important;
        padding-top: 18px;
    }

    .wnotificontent.grsbs .wnotifilistcon h5 {
        font-size: 15px;
        margin-bottom: -2px !important;
        margin-left: -21px !important;
        margin-top: 2px !important;
    }

    .wclientnotification .padding10 {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .homedomainarea {
        margin-top: -139px;
    }

    .b2 .wclientnotifi.pros.giris {
        background: #ffffff;
        position: relative;
        top: -5px;
        left: 0px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 5px 0px;
    }

    .scriptdetayinfo {
        float: left;
        width: 99%;
        padding-right: unset;
        margin-right: auto;
        border-right: 0px solid #ebebeb;
        margin-top: 0px;
    }

    .btn {

        padding: 8px 19px !important;
    }

    .wnotifilist.kyds a {
        font-size: 15px !important;
        margin-left: 0px !important;
    }

    .advice {
        margin-top: -50px;
    }

    .wclientnotification.usrmn .padding20 {
        padding: 10px;
        padding-bottom: 8px;
    }

    .nmrs {
        float: right;
        position: relative;
        right: 15px;
        top: -87px;
        color: #607d8b;
        cursor: pointer;
        padding-left: 10px;
        opacity: 0;
        z-index: 99;
    }

    .package .package-content .image {
        margin-top: 0px;
        text-align: center;
        border-bottom: 0px solid #f3f5f9;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .wnotificontent i {
        margin-right: 3px;
        font-size: 19px;
        color: #607d8b;
    }

    .sss #accordion h3 {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .wnotifititle i {
        left: -9%;
        font-size: 36px;
        color: #5e5b5b4a;
        margin: auto;
        position: absolute;
        top: -2px;
        bottom: 0;
        right: 71%;
        margin-top: 13px;
    }

    section.home-slider {
        background: #f2f2f2;
        height: calc(100vh - 60px);
        max-height: 540px;
        position: relative;
        margin-top: 113px;
    }

    .wnotifititle h5 {
        font-size: 13px;
        position: relative;
        z-index: 12;
    }

    .headbi3 .wclientnotification {

        width: 310px;
    }

    .wclientnotifi.prof svg.w-6.h-6 {
        color: #607d8b;
        position: relative;
        top: 9px;
        width: 30px;
        left: 7px;
    }

    .ebultencont {
        margin: 41px auto;
    }

    .ebultencont {
        background-color: #FFF;
        width: 745px;
        margin: auto;
        height: 55px;
        margin-top: 70px;
        box-shadow: 0 0 45px #a9a9a9a8;
        border-radius: 10px;
        left: 8%;
        position: relative;
    }

    .wclientnotification.usrmn .wnotifilisticon {
        float: left;
        width: 10%;
        left: 0px;
        position: relative;
    }

    .wclientnotification.grsstns {
        width: 345px;
    }

    .wnotifilisticon {
        float: left;
        width: 10%;
        left: 0px;
        position: relative;
    }

    a.emls {
        display: none;
    }

    .mega-container.krmsld .mega-left a.item span.item-content {
        background: #f8f8f8;
        display: block;
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 20px !important;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sub-menu.megamenu-list.webhst a {
        color: black !important;
        font-family: inherit !important;
        font-weight: 600 !important;
    }

    .menu-item div.badge.inside {
        padding: 5px 8px 5px;
        font-size: 10px;
        border-radius: 50px;
        position: relative;
        top: 7px;
        right: 0px;
        float: right;
    }

    .col-md-30.kmpy {
        display: flex;
        width: 100%;
        margin-left: 20px;
        margin-right: 20px !important;
        flex: 0 0 100%;
        max-width: 100%;
        display: none;
    }

    .mega-desc {
        display: none;
    }

    .mega-container .mega-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-inline-box;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: flex-start;
        padding: 15px 0 0;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    section.home-slider .slider-items .item .price a.detail {

        font-size: 14px;

    }

    .sub-menu.megamenu-list.webhst ul a span {
        padding: 0px 0px !important;
    }

    .sub-menu.megamenu-list.webhst a {
        width: 79% !important;
    }

    .sub-menu.megamenu-list.webhst a {
        padding: 4px !important;
        border-bottom: 0em solid #0000001a !important;
        width: 80% !important;
    }

    .megamenu-list .service-list {
        padding: 15px;
    }

    .mega-container {
        padding: 19px;
        width: 96%;
    }

    .megamenu-list .service-list .service {
        display: inline-table;
        padding: 12px;
        width: 93%;
    }

    .sub-menu.megamenu-list.webhst a {
        width: 94% !important;
    }

    .mega-right {
        display: none;
    }

    .mega-container .mega-left a.item span.top-title {
        display: block;
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 50px;
    }

    .mega-container a {
        width: 79% !important;
    }

    .mega-container .mega-left a.item span.item-content span.item-title {
        float: right;
        width: calc(101% - 113px);
        font-weight: 700;
        font-size: 20px;
        color: #667eea;
        line-height: 1.1;
    }

    .mega-container .mega-left a.item span.item-content {
        background: #ffffff;
        display: block;
        border-radius: 5px;
        margin-bottom: 15px;
        padding: 20px !important;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .anascriptlist.lists1.aos-init.aos-animate {
        height: 430px;
        width: 95%;
        border: 2px solid #f6f3f3;
    }

    span.features {
        display: block;
        line-height: 22px;
        font-size: 13px;
    }

    .ackss {
        position: absolute;
        bottom: 82px;
        width: 98%;
        left: 0px;
        background: #f3efef;
        padding: 5px;
        color: #607d8b;
    }

    .package .popular {
        background: #2196f3;
        color: #fff;
        position: absolute;
        width: 92px;
        height: 22px;
        text-align: center;
        padding-top: 10px;
        font-size: 12px !important;
        line-height: 1em;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        top: 0px;
        left: 9%;
        -webkit-transform-origin: center;
        transform-origin: center;
        font-weight: bold;
    }

    .tablopaketler .gonderbtn {
        border: none;
        font-size: 15px !important;
        padding: 10px 9px !important;
        float: none;
        margin: 4px !important;
        border-radius: 0px;
        line-height: 42px !important;
        height: 40px !important;
        /* text-align: left; */
    }

    .haberblogst.aos-init.aos-animate {
        margin-top: 0px;
        /* border-top: 2px solid #e8dede; */
        background: white;
    }
}

@media only screen and (max-width: 768px) {
    .xsds {
        display: none;
    }

    .headbi3 .wclientnotification {
        top: 50px;
    }

    .wclientnotifis.nhytt {
        position: absolute;
        top: 6px;
        right: 101%;
    }

    .gzzl {

        position: absolute;
        padding: 6px;
        color: white;
        left: 1%;
        cursor: pointer;
        display: none;
        top: 0%;
        z-index: 999;
        padding-top: 0px;

    }

    .headbutonlar.b2 .cksyps a {
        float: right;
        color: #ffffff;
        margin-left: 10px;
        font-size: 15px;
        margin-right: 5px;
        width: 89%;
    }

    .gzzl:hover {
        background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    }

    .gsstr:hover {
        background: #009688;
    }

    .ansyfdn:hover {
        opacity: 0.8;
    }

    .gsstr {
        background: rgba(102, 126, 234, 0.5);
        position: absolute;
        padding: 6px;
        color: white;
        left: 14%;
        cursor: pointer;
        display: block;
        z-index: 9;
        padding-top: 0px;

    }

    .ansyfdn {
        background: #ffffff66;
        position: absolute;
        padding: 6px;
        color: white;
        cursor: pointer;
        display: block;
        left: 1%;
        z-index: 9;
        padding-top: 0px;

    }

    /* .gzzl {
    display: none !important;
} */
    .affiliate-banner:before {
        display: none
    }

    .other-product.bg-grey {
        position: relative;
        top: 0px;
    }

    .row.services h4 {
        font-size: 15px;
        margin-left: 31px;
        /* font-weight: 600 !important; */
    }

    section.support-info.divider-top .row.services {
        display: flex;
    }

    img.call-center.ls-is-cached.lazyloaded {
        width: 66%;
    }

    .domainsvea {
        position: relative;
        margin-top: 0px;
        margin-bottom: -15px;
        height: 590px;
        display: grid;
        background: none;
        background-size: cover;
        background-position: center center;
        padding-top: 40px;
    }

    .rakamlarlabiz {
        margin-bottom: 0px;
        float: left;
        width: 100%;
    }

    .advice {

        padding: 65px 0 120px;
    }

    .other-product.bg-grey .col-md-3 {
        float: left;
        display: flex;
        width: 46%;
        margin-left: 10px;
    }

    .package {
        width: 370px;
    }

    div#group_254 .package .popular {
        z-index: 99;
        width: 55px;
        height: 47px;
        top: -72px;
        left: -35px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        font-weight: bold;
        font-size: 10px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 24px;
    }

    .istatistik i {
        font-size: 27px;
        color: #eee;
        float: left;
        position: absolute;
        margin-top: -64px;
        z-index: -1;
        left: 49px;
    }

    .package .package-price .left {
        line-height: 1em;
        color: #fff;
        font-weight: 800;
        font-size: 18px;
    }

    .package .package-price {

        padding: 14px 15px;
    }

    .anascriptlist.lists1.aos-init.aos-animate {
        height: 430px;
        width: 90%;
        border: 2px solid #f6f3f3;
    }

    .anascriptlist {

        margin: 0%;
    }

    ul#foo33 {
        display: inline-block;
    }

    ul#foo44 {
        display: inline-block;
    }

    .haberbloktitle h4 {
        font-size: 18px;
        padding-top: 20px;
        padding-left: 20px;
    }

    ul#foo33 img {
        min-width: 200px !important;
        min-width: 100px !important;
        margin-bottom: 20px;
        background-size: contain;
        border-radius: 5px;
        max-width: 134px !important;
        max-height: 100px !important;
    }

    ul#foo44 img {
        width: 98%;
        height: 175px;
        margin-bottom: 20px;
    }

    a.brns svg {
        height: 23px;
        position: relative;
        top: 6px;
    }

    .ebultencont {
        margin: 10px auto;
    }

    .ebultencont {
        margin: 10px auto;
        position: relative;
        top: 70px;
        left: 1px;
    }

    .support-info {
        background: #ffffff !important;
        margin-top: 0px;
        position: relative;
        top: 44px;
        padding-top: 25px;
    }

    .caption {
        display: block;
        font-size: 19px;
        font-weight: 300;
        margin-top: 5px;
        position: absolute;
        top: 1px;
        width: 100%;
        line-height: 24px;
        left: 109%;
        font-weight: bold;
        width: 267px;
    }

    .ebultencont {
        margin: 2px auto;
    }

    a.brns.blgs {
        /* background: #2196f3; */
        position: relative;
        top: -6px;
    }

    .ebulten.aos-init.aos-animate {
        margin-top: 20px;
        /* margin-left: 5px; */
    }

    .sgtr {
        width: 30%;
        padding-left: 2%;
        position: absolute;
    }

    a.brns {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        padding: 10px;
        color: white;
        font-weight: bold;
        float: right;
        margin-top: -7px;
        position: absolute;
        padding-top: 2px;
        font-size: 13px;
    }

    ul#foo33 li {
        border: 1px solid #e3dddd;
        margin-left: 10px;
        padding: 10px;
        margin-bottom: 50px;
        margin-right: 10px;
    }

    ul#foo44 li {
        border: 1px solid #e3dddd;
        margin-left: 10px;
        padding: 10px;
        margin-bottom: 50px;
        margin-right: 10px;
    }

    a.brns.nws {
        background: #ece9e8;
        padding: 12px;
        color: #2a2626;
        font-weight: bold;
        float: right;
        margin-top: 23px;
        position: absolute;
        padding-top: 2px;
        margin-left: 29px;
    }

    .haberblogst.aos-init.aos-animate .haberbloktitle h4 {
        font-size: 18px;
        padding-top: 20px;
        padding-left: 0px;
    }

    .helloleft img {
        animation: float 6s ease-in-out infinite;
        display: none;
    }

    .other-product a {
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 6px;
        color: #0b304a;
        background: #fff;
        padding: 20px;
        box-shadow: 0px 2px 2px 0 rgb(0 0 0 / 8%);
        margin-top: 10px;
    }

    .ansyfdn {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        position: absolute;
        padding: 10px;
        color: white;
        cursor: pointer;
        display: none;
        left: 1%;

    }

    .headbutonlar.b2 {
        float: right;
        font-family: 'Raleway', sans-serif;
        position: absolute;
        right: 2%;
        top: 16px !important;
        z-index: 99;
    }

    .pakettitle h2 {
        font-size: 15px;
    }

    .notifi-count {
        margin-top: 4px !important;
        margin-left: -3px !important;
    }

    .b2 .wclientnotifi.prof {
        background: #ffffff;
        height: 38px;
        line-height: 17px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
        top: -8px;
        cursor: pointer !important;
        padding-top: 7px;
    }

    .b2 .wclientnotifi.prof svg.w-6.h-6 {
        color: #000000;
        position: relative;
        top: 0px;
        width: 32px;
        left: 5px;
    }

    .b2 #sepeticon {
        font-size: 26px;
        float: left;
        color: #fff;
        margin-top: 6px;
        margin-right: 4px;
    }

    .headbutonlar.b2 a {
        float: right;
        margin-left: 10px;
        font-size: 13px;
        margin-right: 5px;
        text-align: left;
        position: relative;
        top: 0px;
    }

    .headbutonlar.b2 .wclientnotifi.nhyt {
        margin-top: -6px;
        margin-left: -55px;
    }

    .b2 #sepeticon span {
        font-size: 14px !important;
        width: 20px;
        height: 20px;
        background: #ffffff;
        color: #fff;
        position: absolute;
        text-align: center;
        line-height: 20px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        margin-left: -27px;
        margin-top: -7px;
        font-family: 'Titillium Web';
    }

    .b2 .notifi-count {
        font-size: 13px;
        width: 21px;
        height: 20px;
        background: #ffffff;
        color: #000000;
        position: absolute;
        text-align: center;
        line-height: 20px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        font-family: 'Titillium Web';
        -webkit-animation: alert 2s linear 0s infinite normal;
        animation: alert 2s linear 0s infinite normal;
        font-weight: 400;
    }

    .headbutonlar.b2 .notifi-count {
        margin-top: 1px !important;
        margin-left: -14px !important;
    }

    .b2 .wclientnotifi.nhyt svg.w-6.h-6 {
        width: 28px;
        top: 11px;
        position: relative;
        left: 11px;
    }

    .gsstr {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        position: absolute;
        padding: 10px;
        color: white;
        left: 5.5%;
        cursor: pointer;
        display: none;
    }

    .b2 .cksyps a {
        height: 20px !important;
        line-height: 19px !important;
    }

    .menu_tag {
        margin-top: 15px !important;
    }

    th {
        text-align: center !important;
    }

    .sayfacontent {
        float: none;
        width: 100%;
        margin-bottom: 35px;
    }

    .sidebar {
        float: unset;
        width: 100%;
        border-right-width: 3px;
        border-bottom-width: 3px;
        border-left-style: solid;
        border-bottom-style: solid;
        border-left-color: #ececec;
        border-bottom-color: #fff;
        margin-top: 20px;
        margin-bottom: 35px;
        padding-left: 20px;
        border-right-style: unset;
    }
}

/* Mobilx Bitiş */

@media only screen and (max-width: 768px) {
    #owl-slider .item {
        height: 100%;
    }

    #owl-slider .owl-pagination {
        display: none;
    }

    #owl-slider .owl-controls .owl-buttons div {
        top: 170px;
    }

    .g-reviews {
        flex-direction: column;
    }
}


.b2 .notifi-count {
    width: 20px;
    height: 20px;
    background: #ffffff;
    color: #0b0b0b;
    line-height: 20px;
}

#mobmenu ul a {
    border-bottom: 1px solid #0000000d;
}

section.home-slider .slider-items .item .price a.detail {
    display: block;
    float: left;
    background: #ffffff00;
    border: 1px solid #ffffff;
    color: #ffffff;
    line-height: 43px;
    border-radius: 2px;
    padding: 0 40px;
    font-size: 17px;
    font-weight: 600;
}

.domain-content2 .col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
    float: unset;
    margin-bottom: 10px;
}

.support-info {
    background: #f0f3f7;
    margin-top: 0px;
    position: relative;
    top: 44px;
    padding-top: 25px;
    padding-bottom: 30px;
}

.ebultencont {
    margin: 40px auto;
}

.patlangacXX {
    margin-top: -130px;
}

.product-info .product-main .product-main-holder p {
    font-size: 22px;
    clear: both;
}

.product-main .row {
    margin-left: -15px;
    margin-right: -15px;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}

.btn-primary {
    color: #fff;
    background-color: #3db9f2;
    border-color: #3db9f2;
}

.section-tech p {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    opacity: .7;
    font-weight: 600;
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.btn-basket {
    white-space: nowrap !important;
    font-weight: 700 !important;
    background-color: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    color: #fff !important;
}

.btn-basket:hover {
    opacity: .9;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
}

.support-info {
    background: #f0f3f7;
    margin-top: 70px;
    position: relative;
    top: 67px;
    /* z-index: -1; */
}

section.other-product.bg-grey {
    margin-bottom: 100px;
}

.support-info .support-cover .support-title {
    margin-bottom: 3px;
    font-size: 36px;
    padding-top: 25px;
}

.support-info .support-cover .services .big-icon img {
    padding: 0 8px;
}

.support-info .support-cover p {
    margin-bottom: 30px;
    font-size: 16px;
}

.big-icon {
    border-radius: 50px;
    color: #1e1e1e;
    display: block;
    height: 84px;
    margin: 0 auto 10px;
    text-align: center;
    width: 84px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.other-product {
    position: relative;
    padding: 0px 0;
    text-align: center;
    background: #f0f3f8;
    padding-bottom: 50px;
}

.anascriptlist {
    position: relative;
    display: inline-block;
    vertical-align: top;
    background-color: #FFF;
    margin: 1%;
    width: 344px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border-radius: 7px;
    overflow: hidden;
}

.other-product a {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 6px;
    color: #0b304a;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, .08);
}

.other-product a:hover {
    text-decoration: none;
}

.other-product img {
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
}

.other-product b {
    font-size: 18px;
    display: block;
}

.nav-tabs>li>a {
    border-radius: 2px 2px 0 0;
    color: #1e1e1e;
    font-size: 12px;
    padding: 10px 20px 11px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.section-tech {
    background-color: #0b2f4a;
    color: #fff;
    padding: 60px 0 70px;
}

.section-tech .heading {
    margin-bottom: 30px;
}

.section-tech .heading .heading-title {
    line-height: 1.4;
}

.section-tech .nav-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 0px solid #284862;
}

.section-tech .nav-tabs>li>a {
    position: relative;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border: 0 !important;
}

.section-tech .nav-tabs>li>a:hover {
    background-color: transparent !important;
    border: 0 !important;
    color: #fec100;
}

.section-tech .nav-tabs>li.active>a {
    color: #fec100;
    background-color: transparent !important;
    border: 0 !important;
}

.section-tech .nav-tabs>li.active>a:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    background-color: #fec100;
    height: 1px;
    width: 100%;
}

.section-tech .col-lg-4 {
    margin: 15px 0;
    text-align: center;
}

.section-tech .col-lg-3 {
    margin: 15px 0;
    text-align: center;
}

.section-tech svg {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
    fill: #fec100;
}

.section-tech h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
}

.section-tech p {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
    opacity: .7;
}

.section-tech .btn {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 30px;
}

@media (max-width: 640px) {
    .section-tech .nav-tabs {
        display: unset;
    }

    .section-tech .heading .heading-title br {
        display: none;
    }

    .section-tech .accordion-tab>li>a {
        background-color: transparent !important;
    }
}

.domain-content2 p {
    margin: 0;
    font-size: 28px;
    color: #fff;
    line-height: 1.4;
    font-weight: 600;
}

.domain-content2 .btn {
    padding: 14px 40px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 13px;
}

.section-tech .nav-tabs>li>a {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    border: 0 !important;
}

.domain-content3 {
    position: relative;
    padding: 50px 0;
}

.domain-content3 .tab-content {
    font-size: 16px;
}

.domain-content3 .nav-tabs>li>a {
    font-size: 15px;
}

.domain-content3 .nav-tabs>.active>a,
.domain-content3 .nav-tabs>.active>a:focus,
.domain-content3 .nav-tabs>.active>a:hover {
    font-weight: normal;
}

.domain-content4 {
    position: relative;
    padding: 50px 0;
    background-color: #f0f3f7;
}

.domain-content4 .heading {
    margin-bottom: 30px
}

.domain-content4 .sss {
    position: relative;
    padding: 30px;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, .08);
    background: #fff;
}

.domain-content4 .sss h3 {
    font-size: 22px;
    margin: 0 0 10px;
}

.domain-content4 .sss p {
    font-size: 16px;
    margin: 0 0 10px;
}

.domain-content4 .sss a {
    display: block;
    font-size: 16px;
}

.domain-content5 {
    position: relative;
    padding: 60px 0;
    color: #fff;
    background-color: #0f0f23;
    text-align: center;
    background-image: url(https://cdn.hosting.com.tr/hosting/img/icon.lines-help.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.domain-content5 p {
    font-size: 16px;
}

.domain-content5 .heading-title {
    line-height: 1.5;
    margin: 0;
}

.domain-content5 .heading-title span {
    display: block;
}

.domain-content5 .btn-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.domain-content5 .btn {
    font-size: 16px;
    margin: 0 10px;
    padding: 12px 20px !important;
}

.domain-content1.content-7 {
    padding-top: 0;
}

.domain-content1.content-7 .btn-list {
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    flex-direction: row !important;
    height: auto !important;
    margin-top: 15px;
}

.domain-content1.content-7 .btn {
    font-size: 16px;
    font-weight: 400 !important;
    padding: 12px 20px !important;
    margin: 0 10px;
}

.hosting-app {
    position: relative;
    padding: 60px 0;
    background-color: #f9fcff;
}

.hosting-app .heading {
    margin-bottom: 40px;
}

.hosting-app .nav {
    margin-top: 4px;
}

.hosting-app .nav-pills .nav-link {
    color: #363636;
}

.hosting-app .nav-pills .nav-link.active,
.hosting-app .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #d7191e;
}

.hosting-app .tab-pane {
    padding-top: 0 !important;
}

.hosting-app .tab-pane h3 {
    font-size: 24px;
    text-align: left;
    margin-bottom: 10px;
}

.hosting-app .tab-pane .content-box {
    margin: 15px 0;
}

.hosting-app .tab-pane .content-box a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 1;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.hosting-app .tab-pane .content-box a:hover {
    text-decoration: none;
    border: 1px solid #d7191e;
}

.hosting-app .tab-pane .content-box a .thumb {
    display: block;
    margin: 0 auto;
    padding: 20px 0 0;
}

.hosting-app .tab-pane .content-box a .thumb img {
    height: 96px;
    width: 90px;
}

.hosting-app .tab-pane .content-box a .name {
    display: block;
    padding: 10px 20px 15px;
    border-bottom: 1px solid #eaeaea;
    font-size: 20px;
    color: #363636;
    font-weight: 600;
}

.hosting-app .tab-pane .content-box a .text {
    display: block;
    line-height: 1.4;
    padding: 10px;
    margin-bottom: 0;
    font-size: 15px;
    min-height: 136px;
    color: #616161;
}

.hosting-app .tab-pane .btn {
    width: 190px;
    margin: 40px auto 0;
    display: block;
    font-weight: 600;
    padding: 8px 10px;
}

.hosting-app .tab-pane .content-box a:hover .name {
    color: #d7191e;
}

@media (max-width: 1198px) {

    ü .new-packs-box .new-packs .pack .title h3,
    .new-packs-box .new-packs .pack .title h5 {
        font-size: 16px;
    }

    .new-packs-box .new-packs .pack.default .title h3,
    .new-packs-box .new-packs .pack.default .title h5 {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {

    .turboPress {
        padding: 60px 0 40px !important;
    }

    .turboPress .heading {
        margin-bottom: 30px;
    }

    .turboPress .heading .heading-title {
        font-size: 24px;
    }

    .turboPress .service {
        margin-bottom: 20px;
    }

    .heading .heading-title {
        font-size: 24px;
    }

    .domain-content5 .heading-title {
        font-size: 24px;
    }

    .domain-content5 .btn-list {
        flex-direction: column !important;
    }

    .domain-content5 .btn-list .btn {
        margin: 5px 0 !important;
    }

    .domain-content1.content-7 .btn-list {
        flex-direction: column !important;
    }

    .domain-content1.content-7 .btn-list .btn {
        margin: 5px 0 !important;
    }

    .domain-content2 p {
        font-size: 20px;
        text-align: center;
    }

    .hosting-app .nav-pills {
        margin-bottom: 30px;
    }

    .hosting-app .nav-pills>li {
        width: 100%;
    }
}

/* ===========================================
   MODERN HEADER TOP BAR STYLES
   =========================================== */

.header-top-bar {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid #dee2e6;
    padding: 8px 0;
    position: relative;
    z-index: 1000;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header-left {
    display: flex;
    align-items: center;
}

.quick-links {
    display: flex;
    gap: 20px;
}

.quick-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6c757d;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.quick-link:hover {
    color: #495057;
    background-color: rgba(0, 123, 255, 0.1);
}

.quick-link i {
    font-size: 16px;
}

.header-right {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

/* Notification Styles */
.header-notification {
    position: relative;
}

.notification-btn {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--header-text);
    cursor: pointer;
    padding: 10px 16px;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.notification-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.notification-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    color: var(--header-text);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.notification-btn:hover::before {
    left: 100%;
}

.notification-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(135deg, #ff4757 0%, #ff3838 100%);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(255, 71, 87, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

.notification-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    width: 320px;
    max-height: 400px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.notification-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.notification-header {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.notification-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #202124;
}

.notification-count {
    font-size: 12px;
    color: #5f6368;
    background: #f1f3f4;
    padding: 2px 8px;
    border-radius: 12px;
}

.notification-content {
    max-height: 300px;
    overflow-y: auto;
}

.notification-item {
    padding: 12px 20px;
    border-bottom: 1px solid #f1f3f4;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: background-color 0.2s ease;
}

.notification-item:hover {
    background-color: #f8f9fa;
}

.notification-item.unread {
    background-color: #e3f2fd;
}

.notification-icon {
    color: #1976d2;
    font-size: 18px;
    margin-top: 2px;
}

.notification-text p {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: #202124;
    line-height: 1.4;
}

.notification-time {
    font-size: 12px;
    color: #5f6368;
}

.no-notifications {
    padding: 40px 20px;
    text-align: center;
    color: #9aa0a6;
}

.no-notifications i {
    font-size: 32px;
    margin-bottom: 8px;
    display: block;
}

.notification-footer {
    padding: 12px 20px;
    border-top: 1px solid #f1f3f4;
    text-align: center;
}

.mark-read-btn {
    background: #1976d2;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.mark-read-btn:hover {
    background: #1565c0;
}

/* Basket Styles */
.header-basket {
    position: relative;
}

.basket-link {
    color: var(--header-text);
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.basket-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.basket-link:hover {
    color: var(--header-text);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.basket-link:hover::before {
    left: 100%;
}

.basket-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.9);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* User Menu Styles */
.header-user-menu {
    position: relative;
}

.user-menu-btn {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    padding: 8px 16px;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    gap: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.user-menu-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.user-menu-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.user-menu-btn:hover::before {
    left: 100%;
}

.user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: white;
}

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

.user-name {
    font-size: 14px;
    font-weight: 600;
    color: #495057;
    line-height: 1.2;
}

.user-info i {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
}

.user-menu-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    width: 240px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.user-menu-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.user-menu-header {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f3f4;
}

.user-details h4 {
    margin: 0 0 4px 0;
    font-size: 16px;
    font-weight: 600;
    color: #202124;
}

.user-details p {
    margin: 0;
    font-size: 12px;
    color: #5f6368;
}

.user-menu-content {
    padding: 8px 0;
}

.menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: #202124;
    text-decoration: none;
    transition: background-color 0.2s ease;
    font-size: 14px;
}

.menu-item:hover {
    background-color: #f8f9fa;
}

.menu-item i {
    width: 18px;
    color: #5f6368;
}

.menu-item.logout {
    color: #dc3545;
}

.menu-item.logout i {
    color: #dc3545;
}

.menu-divider {
    height: 1px;
    background: #f1f3f4;
    margin: 8px 0;
}

/* Header Controls */
.header-controls {
    display: flex;
    gap: 12px;
}

.control-btn {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--header-text);
    padding: 8px 16px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.control-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.control-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.control-btn:hover::before {
    left: 100%;
}

/* Modern Auth Buttons */
.auth-buttons {
    display: flex;
    gap: 12px;
}

.auth-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.auth-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s ease;
}

.auth-btn i {
    font-size: 16px;
}

.login-btn {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--header-text);
    backdrop-filter: blur(10px);
}

.login-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.login-btn:hover::before {
    left: 100%;
}

.register-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: 1px solid rgba(102, 126, 234, 0.3);
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.register-btn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
}

.register-btn:hover::before {
    left: 100%;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .header-container {
        padding: 0 15px;
    }

    .quick-links {
        display: none;
    }

    .header-right {
        gap: 10px;
    }

    .notification-dropdown,
    .user-menu-dropdown {
        width: 280px;
        right: -20px;
    }

    .user-info {
        display: none;
    }

    .auth-buttons {
        flex-direction: column;
        gap: 8px;
    }

    .auth-btn {
        padding: 8px 16px;
        font-size: 14px;
        border-radius: 20px;
    }

    .auth-btn span {
        display: none;
    }
}

/* ===========================================
   MODERN HEADER STYLES
   =========================================== */

:root {
    --header-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --header-bg-scrolled: rgba(102, 126, 234, 0.95);
    --header-text: #ffffff;
    --header-text-hover: #e8eaf6;
    --header-border: rgba(255, 255, 255, 0.1);
    --header-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    --header-shadow-scrolled: 0 2px 10px rgba(0, 0, 0, 0.15);
    --nav-hover-bg: rgba(255, 255, 255, 0.1);
    --dropdown-bg: #ffffff;
    --dropdown-text: #424242;
    --dropdown-border: #e0e0e0;
    --mobile-nav-bg: #ffffff;
    --mobile-nav-text: #424242;
}

/* Modern Header Base Styles */
.modern-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--header-bg);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--header-border);
    box-shadow: var(--header-shadow);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.modern-header.header-scrolled {
    background: var(--header-bg-scrolled);
    box-shadow: var(--header-shadow-scrolled);
}

.modern-header.header-hidden {
    transform: translateY(-100%);
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
}

/* Logo Section */
.header-logo {
    flex-shrink: 0;
}

.logo-link {
    display: block;
    transition: transform 0.3s ease;
}

.logo-link:hover {
    transform: scale(1.05);
}

.logo-image {
    height: 40px;
    width: auto;
    max-width: 200px;
}

/* Navigation */
.header-navigation {
    flex: 1;
    display: flex;
    justify-content: flex-start;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 20px;
    color: var(--header-text);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    border-radius: 8px;
    position: relative;
}

.nav-link:hover {
    background: var(--nav-hover-bg);
    color: var(--header-text-hover);
    transform: translateY(-1px);
}

.nav-link i {
    font-size: 16px;
}

.nav-link span {
    white-space: nowrap;
}

.nav-link .fa-chevron-down {
    transition: transform 220ms ease;
    display: inline-block;
}

/* Dropdown Menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--dropdown-bg);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu li {
    border-bottom: 1px solid var(--dropdown-border);
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu a {
    display: block;
    padding: 12px 20px;
    color: var(--dropdown-text);
    text-decoration: none;
    transition: background 0.3s ease;
}

.dropdown-menu a:hover {
    background: #f5f5f5;
}

/* Header Actions */
.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: auto;
}

/* Header Controls */
.header-controls {
    display: flex;
    gap: 10px;
}

.control-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    color: var(--header-text);
    text-decoration: none;
    font-size: 13px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.control-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.flag-icon {
    width: 16px;
    height: 12px;
    border-radius: 2px;
}

/* User Actions */
.user-actions {
    display: flex;
    align-items: center;
}

/* User Menu */
.user-menu {
    position: relative;
}

.user-menu-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    color: var(--header-text);
    text-decoration: none;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.user-menu-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.user-avatar {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-avatar i {
    font-size: 12px;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.user-name {
    font-weight: 500;
}

.user-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--dropdown-bg);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.user-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.user-details {
    padding: 20px;
    border-bottom: 1px solid var(--dropdown-border);
    text-align: center;
}

.user-details h4 {
    margin: 0 0 5px 0;
    color: #424242;
    font-size: 16px;
}

.user-details p {
    margin: 0;
    color: #666;
    font-size: 12px;
}

.user-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.user-menu-list li {
    border-bottom: 1px solid var(--dropdown-border);
}

.user-menu-list li:last-child {
    border-bottom: none;
}

.user-menu-list a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    color: var(--dropdown-text);
    text-decoration: none;
    transition: background 0.3s ease;
}

.user-menu-list a:hover {
    background: #f5f5f5;
}

.user-menu-list a i {
    width: 16px;
    font-size: 14px;
}

.logout-link {
    color: #667eea;
}

.logout-link:hover {
    background: rgba(102, 126, 234, 0.1);
}

/* Auth Buttons */
.auth-buttons {
    display: flex;
    gap: 10px;
}

.auth-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.auth-btn i {
    font-size: 14px;
}

.login-btn {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--header-text);
}

.login-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-1px);
}

.register-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #667eea;
}

.register-btn:hover {
    background: #f5f5f5;
    transform: translateY(-1px);
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
    display: none;
}

.mobile-menu-btn {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mobile-menu-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.hamburger-line {
    width: 20px;
    height: 2px;
    background: var(--header-text);
    transition: all 0.3s ease;
}

/* Mobile Navigation */
.mobile-navigation {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--mobile-nav-bg);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 999;
    overflow-y: auto;
}

.mobile-navigation.active {
    transform: translateX(0);
}

.mobile-nav-header {
    display: flex;
    justify-content: flex-end;
    padding: 20px;
    border-bottom: 1px solid var(--dropdown-border);
}

.mobile-nav-close {
    padding: 10px;
    background: none;
    border: none;
    font-size: 20px;
    color: var(--mobile-nav-text);
    cursor: pointer;
    transition: color 0.3s ease;
}

.mobile-nav-close:hover {
    color: #667eea;
}

.mobile-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-item {
    border-bottom: 1px solid var(--dropdown-border);
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px;
    color: var(--mobile-nav-text);
    text-decoration: none;
    font-size: 16px;
    transition: background 0.3s ease;
}

.mobile-nav-link:hover {
    background: #f5f5f5;
}

.mobile-nav-link i {
    width: 20px;
    font-size: 18px;
}

.submenu-trigger {
    width: 100%;
    justify-content: flex-start;
}

.mobile-submenu {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.mobile-submenu.active {
    max-height: 500px;
}

.mobile-submenu li {
    border-bottom: 1px solid #e9ecef;
}

.mobile-submenu a {
    display: block;
    padding: 12px 40px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.mobile-submenu a:hover {
    color: #667eea;
}

/* Mobile Auth Buttons */
.mobile-auth-buttons {
    display: flex;
    gap: 15px;
    margin-left: auto;
    padding: 20px;
    border-top: 1px solid var(--dropdown-border);
}

.mobile-auth-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.mobile-auth-btn i {
    font-size: 16px;
}

.mobile-auth-btn.login-btn {
    background: #f5f5f5;
    color: #666;
}

.mobile-auth-btn.login-btn:hover {
    background: #e9ecef;
}

.mobile-auth-btn.register-btn {
    background: #667eea;
    color: #ffffff;
}

.mobile-auth-btn.register-btn:hover {
    background: #5a67d8;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .header-navigation {
        display: none;
    }

    .mobile-menu-toggle {
        display: block;
    }

    .header-controls {
        display: none;
    }
}

@media (max-width: 768px) {
    .header-container {
        padding: 0 15px;
        height: 60px;
    }

    .logo-image {
        height: 35px;
    }

    .user-actions {
        display: none;
    }

    .mobile-navigation {
        top: 60px;
    }

    .mobile-nav-menu {
        padding-bottom: 80px;
    }
}

@media (max-width: 480px) {
    .header-container {
        padding: 0 10px;
    }

    .mobile-nav-link {
        padding: 12px 15px;
        font-size: 15px;
    }

    .mobile-submenu a {
        padding: 10px 30px;
        font-size: 13px;
    }

    .mobile-auth-buttons {
        padding: 15px;
        gap: 10px;
    }

    .mobile-auth-btn {
        padding: 10px;
        font-size: 13px;
    }
}

/* Animations */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mega-menu,
.user-dropdown,
.dropdown-menu {
    animation: slideDown 0.3s ease;
}

.mobile-navigation {
    animation: slideUp 0.3s ease;
}

/* Focus States for Accessibility */
.nav-link:focus,
.control-btn:focus,
.user-menu-btn:focus,
.auth-btn:focus,
.mobile-menu-btn:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* Print Styles */
@media print {
    .modern-header {
        display: none !important;
    }

    .softwares-carousel-wrapper {
        max-width: 1200px !important;
    }
}

/* Modern News & Blog Section Styles */
.news-articles-modern-section {
    padding: 0;
    margin: 0;
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
}

.news-articles-modern-section .section-header {
    text-align: center;
    margin-bottom: 50px;
}

.news-articles-modern-section .section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.news-articles-modern-section .section-title i {
    color: #667eea;
}

.news-articles-modern-section .section-subtitle {
    font-size: 1.1rem;
    color: #718096;
    max-width: 600px;
    margin: 0 auto;
}

.news-articles-modern-section .header-divider {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    margin: 20px auto 0;
    border-radius: 2px;
}

/* Carousel Section */
.carousel-section {
    margin-bottom: 60px;
}

.carousel-section:last-child {
    margin-bottom: 0;
}

.carousel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding: 0 15px;
}

.carousel-header h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d3748;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.carousel-header h3 i {
    color: #667eea;
}

.carousel-controls {
    display: flex;
    align-items: center;
    gap: 15px;
}

.carousel-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #718096;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.carousel-btn:hover {
    background: #667eea;
    color: #fff;
    border-color: #667eea;
}

.view-all-link {
    font-size: 0.95rem;
    color: #667eea;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s ease;
}

.view-all-link:hover {
    color: #764ba2;
}

/* Carousel Wrapper & Grid Fallback */
.carousel-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 5px 40px;
}

.carousel-track {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
}

/* Cards */
.news-card,
.blog-card {
    flex: 0 0 calc(33.333% - 20px);
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
}

.news-card:hover,
.blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.card-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-card:hover .card-image img,
.blog-card:hover .card-image img {
    transform: scale(1.1);
}

.card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #667eea;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.card-content {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.article-date {
    font-size: 0.85rem;
    color: #a0aec0;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.article-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.4;
}

.article-title a {
    color: #2d3748;
    text-decoration: none;
    transition: color 0.3s ease;
}

.article-title a:hover {
    color: #667eea;
}

.article-excerpt {
    font-size: 0.95rem;
    color: #718096;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.read-more {
    font-size: 0.9rem;
    font-weight: 600;
    color: #667eea;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.3s ease;
}

.read-more:hover {
    gap: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {

    .news-card,
    .blog-card {
        flex: 0 0 calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .news-articles-modern-section {
        padding: 50px 0;
    }

    .section-title {
        font-size: 2rem !important;
    }

    .carousel-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .carousel-controls {
        width: 100%;
        justify-content: space-between;
    }

    .carousel-track {
        flex-direction: column;
        gap: 20px;
    }

    .news-card,
    .blog-card {
        flex: 0 0 100%;
        width: 100%;
    }

    .card-image {
        height: 180px;
    }
}

/* Mobile compatibility for Hosting Dünyasında Yeni Çağ section */
@media only screen and (max-width: 768px) {
    .anatanitim {
        padding: 40px 0px;
        text-align: center;
        background-size: cover;
        height: auto;
    }

    .tanslogan {
        width: 100%;
        float: none;
        padding: 0 20px;

        /* Carousel Wrapper & Grid Fallback */
        .carousel-wrapper {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding: 10px 5px 40px;
        }

        .carousel-track {
            display: flex;
            gap: 30px;
            transition: transform 0.5s ease;
        }

        /* Cards */
        .news-card,
        .blog-card {
            flex: 0 0 calc(33.333% - 20px);
            background: #fff;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: column;
        }

        .news-card:hover,
        .blog-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
        }

        .card-image {
            position: relative;
            height: 200px;
            overflow: hidden;
        }

        .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .news-card:hover .card-image img,
        .blog-card:hover .card-image img {
            transform: scale(1.1);
        }

        .card-badge {
            position: absolute;
            top: 15px;
            right: 15px;
            background: rgba(255, 255, 255, 0.95);
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #667eea;
            display: flex;
            align-items: center;
            gap: 6px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .card-content {
            padding: 25px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .article-date {
            font-size: 0.85rem;
            color: #a0aec0;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .article-title {
            font-size: 1.1rem;
            font-weight: 700;
            margin: 0 0 12px;
            line-height: 1.4;
        }

        .article-title a {
            color: #2d3748;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .article-title a:hover {
            color: #667eea;
        }

        .article-excerpt {
            font-size: 0.95rem;
            color: #718096;
            line-height: 1.6;
            margin-bottom: 20px;
            flex: 1;
        }

        .read-more {
            font-size: 0.9rem;
            font-weight: 600;
            color: #667eea;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: gap 0.3s ease;
        }

        .read-more:hover {
            gap: 8px;
        }

        /* Mobile Responsiveness */
        @media (max-width: 992px) {

            .news-card,
            .blog-card {
                flex: 0 0 calc(50% - 15px);
            }
        }

        @media (max-width: 768px) {
            .news-articles-modern-section {
                padding: 50px 0;
            }

            .section-title {
                font-size: 2rem !important;
            }

            .carousel-header {
                flex-direction: column;
                gap: 15px;
                align-items: flex-start;
            }

            .carousel-controls {
                width: 100%;
                justify-content: space-between;
            }

            .carousel-track {
                flex-direction: column;
                gap: 20px;
            }

            .news-card,
            .blog-card {
                flex: 0 0 100%;
                width: 100%;
            }

            .card-image {
                height: 180px;
            }
        }

        /* Mobile compatibility for Hosting Dünyasında Yeni Çağ section */
        @media only screen and (max-width: 768px) {
            .anatanitim {
                padding: 40px 0px;
                text-align: center;
                background-size: cover;
                height: auto;
            }

            .tanslogan {
                width: 100%;
                float: none;
                padding: 0 20px;
                box-sizing: border-box;
                text-align: center;
                margin-bottom: 20px;
            }

            .anatanitim .gonderbtn {
                float: none;
                margin: 0 auto;
                display: inline-block;
                margin-right: 0;
            }

            .anatanitim video {
                display: none;
            }
        }

        /* Statistics Section Fixes */
        .stats-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin-top: 35px;
        }

        .istatistik {
            float: none !important;
            width: auto !important;
            flex: 1 1 250px;
            margin: 0 !important;
            text-align: center;
            background: rgba(255, 255, 255, 0.05);
            padding: 30px 20px;
            border-radius: 15px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .istatistik:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            background: rgba(255, 255, 255, 0.08);
        }

        .istatistik h1 {
            font-size: 48px !important;
            font-weight: 700;
            color: #fff !important;
            margin-bottom: 10px;
            position: relative;
            z-index: 2;
        }

        .istatistik h2 {
            font-size: 18px !important;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.7) !important;
            margin-top: 0 !important;
            position: relative;
            z-index: 2;
        }

        .istatistik i {
            font-size: 100px !important;
            color: rgba(255, 255, 255, 0.05) !important;
            position: absolute;
            right: -20px;
            bottom: -20px;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 600;
            color: #667eea;
            display: flex;
            align-items: center;
            gap: 6px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .card-content {
            padding: 25px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .article-date {
            font-size: 0.85rem;
            color: #a0aec0;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .article-title {
            font-size: 1.1rem;
            font-weight: 700;
            margin: 0 0 12px;
            line-height: 1.4;
        }

        .article-title a {
            color: #2d3748;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .article-title a:hover {
            color: #667eea;
        }

        .article-excerpt {
            font-size: 0.95rem;
            color: #718096;
            line-height: 1.6;
            margin-bottom: 20px;
            flex: 1;
        }

        .read-more {
            font-size: 0.9rem;
            font-weight: 600;
            color: #667eea;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: gap 0.3s ease;
        }

        .read-more:hover {
            gap: 8px;
        }

        /* Mobile Responsiveness */
        @media (max-width: 992px) {

            .news-card,
            .blog-card {
                flex: 0 0 calc(50% - 15px);
            }
        }

        @media (max-width: 768px) {
            .news-articles-modern-section {
                padding: 50px 0;
            }

            .section-title {
                font-size: 2rem !important;
            }

            .carousel-header {
                flex-direction: column;
                gap: 15px;
                align-items: flex-start;
            }

            .carousel-controls {
                width: 100%;
                justify-content: space-between;
            }

            .carousel-track {
                flex-direction: column;
                gap: 20px;
            }

            .news-card,
            .blog-card {
                flex: 0 0 100%;
                width: 100%;
            }

            .card-image {
                height: 180px;
            }
        }

        /* Mobile compatibility for Hosting Dünyasında Yeni Çağ section */
        @media only screen and (max-width: 768px) {
            .anatanitim {
                padding: 40px 0px;
                text-align: center;
                background-size: cover;
                height: auto;
            }

            .tanslogan {
                width: 100%;
                float: none;
                padding: 0 20px;
                box-sizing: border-box;
                text-align: center;
                margin-bottom: 20px;
            }

            .anatanitim .gonderbtn {
                float: none;
                margin: 0 auto;
                display: inline-block;
                margin-right: 0;
            }

            .anatanitim video {
                display: none;
            }
        }

        /* Statistics Section Fixes */
        .stats-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin-top: 35px;
        }

        .istatistik {
            float: none !important;
            width: auto !important;
            flex: 1 1 250px;
            margin: 0 !important;
            text-align: center;
            background: rgba(255, 255, 255, 0.05);
            padding: 30px 20px;
            border-radius: 15px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .istatistik:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            background: rgba(255, 255, 255, 0.08);
        }

        .istatistik h1 {
            font-size: 48px !important;
            font-weight: 700;
            color: #fff !important;
            margin-bottom: 10px;
            position: relative;
            z-index: 2;
        }

        .istatistik h2 {
            font-size: 18px !important;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.7) !important;
            margin-top: 0 !important;
            position: relative;
            z-index: 2;
        }

        .istatistik i {
            font-size: 100px !important;
            color: rgba(255, 255, 255, 0.05) !important;
            position: absolute;
            right: -20px;
            bottom: -20px;
            margin: 0 !important;
            z-index: 1;
            transform: rotate(-15deg);
        }

        .istatistik span {
            display: none !important;
            /* Hide the separator line if present */
        }

        /* ===========================
   CONTACT PAGE STYLING
   =========================== */

        .iletisimpage {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
        }

        .iletisimslogan {
            width: 100%;
            text-align: center;
            font-size: 1.5rem;
            color: #333;
            margin-bottom: 50px;
            font-weight: 600;
        }

        .iletisimblok {
            flex: 1;
            min-width: 250px;
            background: #fff;
            padding: 30px;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            text-align: center;
            transition: all 0.3s ease;
            border: 1px solid #eee;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 15px;
        }

        .iletisimblok:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(255, 107, 53, 0.15);
            border-color: #FF6B35;
        }

        .iletisimblok i {
            font-size: 2.5rem;
            color: #FF6B35;
            margin-bottom: 10px;
            display: block;
        }

        .iletisimblok h3 {
            font-size: 1.2rem;
            font-weight: 700;
            color: #1a1a1a;
            margin: 0;
        }

        .iletisimblok span {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* Map & Form Section */
        .line {
            width: 100%;
            height: 1px;
            background: #eee;
            margin: 50px 0 !important;
        }

        .googlemap,
        .iletisimformu {
            flex: 1;
            min-width: 300px;
            background: #fff;
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            border: 1px solid #eee;
        }

        .iletisimtitle {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 25px;
            color: #1a1a1a;
            border-bottom: 2px solid #FF6B35;
            padding-bottom: 10px;
            display: inline-block;
        }

        /* Form Inputs */
        .iletisimformu input[type="text"],
        .iletisimformu textarea {
            width: 100%;
            padding: 15px;
            border: 2px solid #eee;
            border-radius: 10px;
            margin-bottom: 15px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            box-sizing: border-box;
        }

        .iletisimformu input[type="text"]:focus,
        .iletisimformu textarea:focus {
            border-color: #FF6B35;
            outline: none;
            box-shadow: 0 0 0 4px rgba(255, 107, 53, 0.1);
        }

        padding: 20px !important;
        gap: 15px !important;
        background: transparent !important;
        border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
    }

    .software-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        text-align: center !important;
    }

    .price-label {
        font-size: 13px !important;
        color: #a0aec0 !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .price-value {
        font-size: 28px !important;
        font-weight: 700 !important;
        color: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
    }

    .currency {
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #a78bfa !important;
        margin-top: 5px !important;
    }

    .software-actions {
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .btn-cart {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 50px !important;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
        border: none !important;
        gap: 10px !important;
    }

    .btn-cart:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5) !important;
        color: #fff !important;
    }

    .btn-cart i {
        font-size: 18px !important;
    }

/* ===========================================
   GALAXY THEME FOR DOMAIN SEARCH PAGE
   =========================================== */

/* Tablo Başlık Satırı - Galaxy Theme */
.lookcolumtitle {
    display: flex !important;
    align-items: center !important;
    padding: 18px 25px !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.25) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.4) !important;
    border-bottom: 2px solid rgba(102, 126, 234, 0.5) !important;
    border-radius: 15px 15px 0 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.lookcolumtitle::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: linear-gradient(90deg, 
        rgba(102, 126, 234, 0.1) 0%, 
        rgba(118, 75, 162, 0.15) 50%, 
        rgba(102, 126, 234, 0.1) 100%) !important;
    z-index: 1 !important;
}

.lookcolumtitle .lookcolum {
    flex: 1 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 15px rgba(102, 126, 234, 0.7), 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    position: relative !important;
    z-index: 2 !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.lookcolumtitle .checkbox-custom-label {
    color: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
}

.lookcolumtitle .checkbox-custom {
    position: relative !important;
    z-index: 2 !important;
}

/* Genel lookcolum stili - Galaxy Theme */
.lookcolum {
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* OrderForm Galaxy Theme */
#OrderForm {
    background: transparent !important;
}

#OrderForm .lookcolumtitle {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%) !important;
}

.lookcolumlist {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin: 10px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(102, 126, 234, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.lookcolumlist::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.05) 0%, transparent 50%) !important;
    animation: galaxyRotate 20s linear infinite !important;
    z-index: 1 !important;
}

.lookcolumlist::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 70% 30%, rgba(102, 126, 234, 0.03) 0%, transparent 50%) !important;
    z-index: 2 !important;
}

@keyframes galaxyRotate {
    from {
        transform: rotate(0deg) !important;
    }
    to {
        transform: rotate(360deg) !important;
    }
}

.lookcolumlist:hover {
    border-color: rgba(102, 126, 234, 0.6) !important;
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(102, 126, 234, 0.2),
        0 0 20px rgba(102, 126, 234, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    transform: translateY(-2px) !important;
}

.lookcolumlist > * {
    position: relative !important;
    z-index: 3 !important;
}

.lookcolumlist .tld-name {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0e7ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.lookcolumlist .tld-prices {
    color: #a0a0a0 !important;
    font-size: 0.9em !important;
}

.lookcolumlist .tld-prices select {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 0.9em !important;
    backdrop-filter: blur(5px) !important;
    transition: all 0.3s ease !important;
}

.lookcolumlist .tld-prices select:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.2) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.lookcolumlist .tld-prices select option {
    background: #1a1a2e !important;
    color: #ffffff !important;
}

/* Domain search section galaxy theme */
.domain-search-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%) !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 60px 0 !important;
}

.domain-search-section::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(255, 107, 53, 0.05) 0%, transparent 50%) !important;
    animation: galaxyRotate 25s linear infinite !important;
    z-index: 1 !important;
}

.domain-search-section::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 70% 30%, rgba(102, 126, 234, 0.03) 0%, transparent 50%) !important;
    z-index: 2 !important;
}

.domain-search-section > * {
    position: relative !important;
    z-index: 3 !important;
}

.domain-search-title {
    color: #ffffff !important;
    font-size: 2.5em !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #e0e7ff 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.domain-search-subtitle {
    color: #a0a0a0 !important;
    font-size: 1.1em !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Domain search form galaxy theme */
.domain-search-form {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(102, 126, 234, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.domain-search-form::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        linear-gradient(45deg, rgba(102, 126, 234, 0.05) 0%, transparent 50%, rgba(118, 75, 162, 0.05) 100%),
        radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.02) 0%, transparent 50%) !important;
    z-index: 1 !important;
}

.domain-search-form > * {
    position: relative !important;
    z-index: 2 !important;
}

.domain-search-input {
    width: 100% !important;
    padding: 20px 25px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 15px !important;
    color: #ffffff !important;
    font-size: 1.1em !important;
    backdrop-filter: blur(5px) !important;
    transition: all 0.3s ease !important;
}

.domain-search-input:focus {
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.domain-search-input::placeholder {
    color: #a0a0a0 !important;
}

.domain-search-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 20px 40px !important;
    border-radius: 15px !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.domain-search-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5) !important;
}

.domain-search-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
}

.domain-search-button:hover::before {
    left: 100% !important;
}

/* Domain features section */
.domain-features {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 30px !important;
    margin-top: 60px !important;
}

.domain-feature-card {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 15px !important;
    padding: 30px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2) !important;
}

.domain-feature-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.4) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), 0 0 20px rgba(102, 126, 234, 0.1) !important;
}

.domain-feature-icon {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;
}

.domain-feature-icon img {
    width: 30px !important;
    height: 30px !important;
    filter: brightness(0) invert(1) !important;
}

.domain-feature-title {
    color: #ffffff !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.domain-feature-description {
    color: #a0a0a0 !important;
    font-size: 0.95em !important;
    line-height: 1.6 !important;
}

/* Domain results section */
.domain-results-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%) !important;
    padding: 60px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.domain-results-section::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.06) 0%, transparent 50%) !important;
    animation: galaxyRotate 30s linear infinite !important;
    z-index: 1 !important;
}

.domain-results-section > * {
    position: relative !important;
    z-index: 2 !important;
}

.domain-results-title {
    color: #ffffff !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .domain-search-title {
        font-size: 2em !important;
    }
    
    .domain-search-form {
        padding: 30px 20px !important;
    }
    
    .domain-features {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .lookcolumlist {
        padding: 15px !important;
    }
}

/* Galaxy theme overrides for existing classes */
.bg-white {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    color: #ffffff !important;
}

.bg-white * {
    color: #ffffff !important;
}

.green {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

.green:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    color: #ffffff !important;
}

.incelebtn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.lbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.lbtn:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

.yesilbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.yesilbtn:hover:not([style*="cursor:no-drop"]) {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

.gonderbtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 15px 30px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    font-size: 1.1em !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
    cursor: pointer !important;
}

.gonderbtn:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* btn-basket galaxy theme */
.btn-basket {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.btn-basket:hover {
    background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
    text-decoration: none !important;
}

/* text-muted galaxy theme */
.text-muted {
    color: #a0a0a0 !important;
}

/* heading-title and heading-description galaxy theme */
.heading-title, h2.text-center, h3.heading-title, h4 strong {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.heading-description, p.text-center, .bottom-padding {
    color: #a0a0a0 !important;
}

/* title in big-services-box galaxy theme */
.big-services-box .title, .title {
    color: #ffffff !important;
}

/* tescilucretleri table galaxy theme */
.tescilucretleri {
    background: linear-gradient(135deg, rgba(5, 5, 5, 0.95) 0%, rgba(15, 15, 35, 0.95) 100%) !important;
    padding: 30px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
}

.tescilucretleri table {
    background: transparent !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
}

.tescilucretleri table td, .tescilucretleri table th {
    color: #ffffff !important;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2) !important;
    padding: 12px !important;
}

.tescilucretleri table tr:hover {
    background: rgba(102, 126, 234, 0.1) !important;
}

/* sss accordion galaxy theme */
.sss {
    background: linear-gradient(135deg, rgba(10, 10, 30, 0.98) 0%, rgba(15, 15, 45, 0.98) 100%) !important;
    padding: 40px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(102, 126, 234, 0.25) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4), 0 0 30px rgba(102, 126, 234, 0.1) !important;
    backdrop-filter: blur(10px) !important;
}

.sss h4, .sss h4 strong {
    color: #ffffff !important;
    font-size: 1.8em !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    text-shadow: 0 0 20px rgba(102, 126, 234, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

div#accordion {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

#accordion h3,
.sss #accordion h3,
.ui-accordion .ui-accordion-header {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 12px !important;
    padding: 18px 25px !important;
    margin: 8px 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

#accordion h3::before,
.sss #accordion h3::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.2), transparent) !important;
    transition: left 0.5s ease !important;
}

#accordion h3:hover::before,
.sss #accordion h3:hover::before {
    left: 100% !important;
}

#accordion h3:hover,
.sss #accordion h3:hover,
.ui-accordion .ui-accordion-header:hover {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.25) 0%, rgba(118, 75, 162, 0.25) 100%) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    transform: translateX(5px) !important;
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.2) !important;
}

#accordion h3.ui-state-active,
.sss #accordion h3.ui-state-active,
.ui-accordion .ui-accordion-header-active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3) 0%, rgba(118, 75, 162, 0.3) 100%) !important;
    border-color: rgba(102, 126, 234, 0.6) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0 !important;
}

#accordion div,
.sss #accordion div,
.ui-accordion .ui-accordion-content {
    background: rgba(15, 15, 40, 0.8) !important;
    color: #c0c0d0 !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    padding: 20px 25px !important;
    margin-top: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

#accordion div p,
.sss #accordion div p {
    color: #c0c0d0 !important;
    margin-bottom: 10px !important;
}

#accordion div a,
.sss #accordion div a {
    color: #a78bfa !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

#accordion div a:hover,
.sss #accordion div a:hover {
    color: #667eea !important;
    text-decoration: underline !important;
}

/* jQuery UI accordion icon override */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    background: none !important;
    color: #a78bfa !important;
}

.ui-icon-triangle-1-e:before,
.ui-icon-triangle-1-s:before {
    color: #a78bfa !important;
}

/* wrapper galaxy theme */
#wrapper {
    background: linear-gradient(135deg, rgba(5, 5, 5, 0.95) 0%, rgba(15, 15, 35, 0.95) 100%) !important;
    padding: 40px 20px !important;
}

/* ===========================================
   DOMAIN INFORMATION SECTION - GALAXY THEME
   =========================================== */

.domain-information {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}

.domain-information.bg-grey {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
}

.domain-information h2.text-center {
    color: #ffffff !important;
    font-size: 2.2em !important;
    font-weight: 700 !important;
    text-shadow: 0 0 20px rgba(102, 126, 234, 0.5), 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    margin-bottom: 20px !important;
}

.domain-information p.text-center {
    color: #b0b0c0 !important;
}

/* Big Services Box - Galaxy Theme */
.big-services-box .padding-15.bg-white,
.big-services-box .bg-white {
    background: linear-gradient(135deg, rgba(15, 15, 35, 0.95) 0%, rgba(25, 25, 55, 0.95) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.25) !important;
    border-radius: 15px !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(102, 126, 234, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.big-services-box .padding-15.bg-white::before,
.big-services-box .bg-white::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #667eea 100%) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.big-services-box .padding-15.bg-white:hover,
.big-services-box .bg-white:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 
        0 15px 40px rgba(0, 0, 0, 0.4),
        0 0 30px rgba(102, 126, 234, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.big-services-box .padding-15.bg-white:hover::before,
.big-services-box .bg-white:hover::before {
    opacity: 1 !important;
}

.big-services-box .big-icon {
    text-align: center !important;
    margin-bottom: 15px !important;
}

.big-services-box .big-icon img {
    width: 64px !important;
    height: 64px !important;
    filter: drop-shadow(0 0 10px rgba(102, 126, 234, 0.5)) !important;
    transition: all 0.3s ease !important;
}

.big-services-box:hover .big-icon img {
    transform: scale(1.1) !important;
    filter: drop-shadow(0 0 20px rgba(102, 126, 234, 0.8)) !important;
}

.big-services-box .title,
.big-services-box h3.title {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.big-services-box .title a,
.big-services-box h3.title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.big-services-box .title a:hover,
.big-services-box h3.title a:hover {
    color: #a78bfa !important;
}

.big-services-box .text-muted {
    color: #a0a0b0 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Helloleft and helloright decorative images */
.helloleft, .helloright {
    position: absolute !important;
    opacity: 0.15 !important;
    filter: hue-rotate(200deg) saturate(1.5) !important;
}

.helloleft {
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.helloright {
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Customer review/testimonial section */
.customer-section, .d_user, .d_yorum {
    background: linear-gradient(135deg, rgba(10, 10, 30, 0.98) 0%, rgba(15, 15, 45, 0.98) 100%) !important;
}

.d_yorumbox, .customer-box {
    background: rgba(15, 15, 40, 0.95) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    backdrop-filter: blur(10px) !important;
}

.d_yorumbox p, .customer-box p {
    color: #c0c0d0 !important;
}

.d_yorumbox h4, .customer-box h4 {
    color: #ffffff !important;
}

/* Lookcolum status colors - Galaxy Theme */
.lookcolum .text-success, .tldok, #tldok {
    color: #22c55e !important;
    text-shadow: 0 0 10px rgba(34, 197, 94, 0.5) !important;
}

.lookcolum .text-danger, .tldno, #tldno {
    color: #ef4444 !important;
    text-shadow: 0 0 10px rgba(239, 68, 68, 0.3) !important;
}

/* tld-status styling */
.lookcolumlist .tld-status {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.lookcolumlist .tld-select {
    color: #ffffff !important;
}

/* ===========================================
   DOMAIN WHY SECTION - GALAXY THEME
   =========================================== */

.domain-why {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
    position: relative !important;
}

.domain-why .heading-title,
.domain-why h3.heading-title {
    color: #ffffff !important;
    font-size: 2em !important;
    font-weight: 700 !important;
    text-shadow: 0 0 20px rgba(102, 126, 234, 0.5) !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.domain-why .heading-description {
    color: #a0a0b0 !important;
}

.domain-why .col-md-3 {
    background: rgba(15, 15, 40, 0.6) !important;
    border: 1px solid rgba(102, 126, 234, 0.15) !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin-bottom: 20px !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
}

.domain-why .col-md-3:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

.domain-why .col-md-3 img {
    filter: drop-shadow(0 0 15px rgba(102, 126, 234, 0.6)) !important;
    transition: all 0.3s ease !important;
}

.domain-why .col-md-3:hover img {
    transform: scale(1.1) !important;
    filter: drop-shadow(0 0 25px rgba(102, 126, 234, 0.8)) !important;
}

.domain-why .col-md-3 b {
    color: #ffffff !important;
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.domain-why .col-md-3 p {
    color: #a0a0b0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* customDomain section - Galaxy Theme */
.customDomain {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
}

.customDomain.bg-grey {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
}

.customDomain h2, .customDomain h3 {
    color: #ffffff !important;
}

.customDomain p {
    color: #a0a0b0 !important;
}

/* Image display fix for galaxy theme */
.big-icon img,
.domain-why img,
.domain-information img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* ===========================================
   DOMAIN ADVICE SECTION - GALAXY THEME
   =========================================== */

.domain-advice-section {
    background: linear-gradient(135deg, #0a0a0a 0%, #0f0f23 50%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

.domain-advice-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.08) 0%, transparent 50%) !important;
    pointer-events: none !important;
}

.domain-advice-wrapper {
    position: relative !important;
    z-index: 2 !important;
}

.domain-advice-image {
    position: relative !important;
    text-align: center !important;
    padding: 40px !important;
}

.domain-advice-image img {
    width: 200px !important;
    height: 200px !important;
    filter: drop-shadow(0 0 30px rgba(102, 126, 234, 0.5)) !important;
    animation: floatIcon 3s ease-in-out infinite !important;
}

@keyframes floatIcon {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.domain-advice-image .floating-badge {
    position: absolute !important;
    top: 20px !important;
    right: 30% !important;
    font-size: 40px !important;
    animation: pulse 2s ease-in-out infinite !important;
}

/* Ortalanmış Ampül İkonu */
.floating-bulb-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 30px !important;
}

.floating-bulb {
    font-size: 80px !important;
    filter: drop-shadow(0 0 30px rgba(255, 215, 0, 0.6)) drop-shadow(0 0 60px rgba(102, 126, 234, 0.4)) !important;
    animation: floatBulb 3s ease-in-out infinite, glowBulb 2s ease-in-out infinite !important;
    text-align: center !important;
}

@keyframes floatBulb {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}

@keyframes glowBulb {
    0%, 100% { filter: drop-shadow(0 0 30px rgba(255, 215, 0, 0.6)) drop-shadow(0 0 60px rgba(102, 126, 234, 0.4)); }
    50% { filter: drop-shadow(0 0 50px rgba(255, 215, 0, 0.9)) drop-shadow(0 0 80px rgba(102, 126, 234, 0.7)); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

.domain-advice-content {
    padding: 20px !important;
}

/* Ortalanmış Domain Advice Content */
.domain-advice-content-centered {
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    text-align: center !important;
}

.domain-advice-content-centered .advice-intro {
    text-align: center !important;
    border-left: none !important;
    border-radius: 12px !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
}

.domain-advice-content-centered .advice-questions {
    text-align: center !important;
}

.check-list.centered {
    display: inline-block !important;
    text-align: left !important;
}

.check-list.centered li {
    justify-content: flex-start !important;
}

.section-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    color: #a78bfa !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}

.advice-title {
    color: #ffffff !important;
    font-size: 2.2em !important;
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    line-height: 1.3 !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.advice-intro {
    background: rgba(102, 126, 234, 0.08) !important;
    border-left: 4px solid #667eea !important;
    padding: 20px 25px !important;
    border-radius: 0 12px 12px 0 !important;
    margin-bottom: 30px !important;
}

.advice-intro h3 {
    color: #ffffff !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.advice-intro p {
    color: #b0b0c0 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

.advice-questions h4 {
    color: #ffffff !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.check-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1) !important;
    transition: all 0.3s ease !important;
}

.check-list li:last-child {
    border-bottom: none !important;
}

.check-list li:hover {
    padding-left: 10px !important;
    background: rgba(102, 126, 234, 0.05) !important;
    border-radius: 8px !important;
}

.check-list .check-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    font-weight: bold !important;
    box-shadow: 0 0 15px rgba(102, 126, 234, 0.4) !important;
}

.check-list li span:last-child {
    color: #c0c0d0 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
}

/* ===========================================
   DOMAIN TIPS SECTION - GALAXY THEME
   =========================================== */

.domain-tips-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #0a0a1a 100%) !important;
    padding: 80px 0 !important;
    position: relative !important;
}

.domain-tips-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.5), transparent) !important;
}

.section-header {
    margin-bottom: 50px !important;
}

.section-title {
    color: #ffffff !important;
    font-size: 2.2em !important;
    font-weight: 700 !important;
    margin: 15px 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.section-subtitle {
    color: #a0a0b0 !important;
    font-size: 1.1em !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

/* Tips Grid - Clean CSS Grid Layout */
.tips-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-top: 40px !important;
}

.tips-grid .tip-card {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.95) 0%, rgba(25, 25, 60, 0.95) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.25) !important;
    border-radius: 16px !important;
    padding: 25px 20px !important;
    text-align: center !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.tip-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #667eea, #764ba2) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.tip-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(102, 126, 234, 0.15) !important;
}

.tip-card:hover::before {
    opacity: 1 !important;
}

.tip-icon {
    margin-bottom: 12px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Tip Emoji Icon Styles */
.tip-emoji {
    font-size: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 55px !important;
    height: 55px !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%) !important;
    border-radius: 50% !important;
    border: 2px solid rgba(102, 126, 234, 0.3) !important;
    box-shadow: 0 0 20px rgba(102, 126, 234, 0.2) !important;
    transition: all 0.4s ease !important;
}

.tip-card:hover .tip-emoji {
    transform: scale(1.1) !important;
    border-color: rgba(102, 126, 234, 0.6) !important;
    box-shadow: 0 0 30px rgba(102, 126, 234, 0.4) !important;
}

.tip-title {
    color: #ffffff !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
}

.tip-desc {
    color: #b0b0c0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Responsive - Tips Grid */
@media (max-width: 991px) {
    .tips-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 575px) {
    .tips-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .domain-advice-image img {
        width: 150px !important;
        height: 150px !important;
    }
    
    .advice-title {
        font-size: 1.8em !important;
    }
    
    .section-title {
        font-size: 1.8em !important;
    }
}

@media (max-width: 767px) {
    .domain-advice-section,
    .domain-tips-section {
        padding: 50px 0 !important;
    }
    
    .domain-advice-image {
        margin-bottom: 30px !important;
    }
}

/* ===========================================
   SOFTWARES PAGE - GALAXY THEME
   =========================================== */

/* Hero Section */
.software-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%) !important;
    padding: 100px 0 80px !important;
    position: relative !important;
    overflow: hidden !important;
}

.software-hero-section .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.software-hero-section > .container > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    margin: 0 !important;
}

.software-hero-section > .container > .row > .col-lg-6 {
    float: none !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding: 0 15px !important;
    position: relative !important;
}

.software-hero-section > .container > .row > .col-lg-6:first-child {
    padding-right: 30px !important;
}

.software-hero-section > .container > .row > .col-lg-6:last-child {
    padding-left: 30px !important;
}

@media (max-width: 991px) {
    .software-hero-section > .container > .row {
        flex-wrap: wrap !important;
    }
    
    .software-hero-section > .container > .row > .col-lg-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 15px !important;
    }
    
    .software-hero-section > .container > .row > .col-lg-6:first-child {
        padding-right: 15px !important;
        margin-bottom: 40px !important;
    }
    
    .software-hero-section > .container > .row > .col-lg-6:last-child {
        padding-left: 15px !important;
    }
}

.hero-bg-effects {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.floating-orb {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.3 !important;
}

.floating-orb.orb-1 {
    width: 400px !important;
    height: 400px !important;
    background: #667eea !important;
    top: -100px !important;
    right: -100px !important;
    animation: floatOrb 8s ease-in-out infinite !important;
}

.floating-orb.orb-2 {
    width: 300px !important;
    height: 300px !important;
    background: #764ba2 !important;
    bottom: -50px !important;
    left: 10% !important;
    animation: floatOrb 10s ease-in-out infinite reverse !important;
}

.floating-orb.orb-3 {
    width: 200px !important;
    height: 200px !important;
    background: #a78bfa !important;
    top: 50% !important;
    left: 50% !important;
    animation: floatOrb 12s ease-in-out infinite !important;
}

@keyframes floatOrb {
    0%, 100% { transform: translate(0, 0); }
    50% { transform: translate(30px, -30px); }
}

.hero-content {
    position: relative !important;
    z-index: 2 !important;
}

.hero-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    color: #a78bfa !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
}

.hero-title {
    color: #ffffff !important;
    font-size: 3em !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

.hero-title .gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #a78bfa 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.hero-description {
    color: #b0b0c0 !important;
    font-size: 1.2em !important;
    margin-bottom: 30px !important;
    line-height: 1.6 !important;
}

.hero-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
}

.hero-features li {
    color: #c0c0d0 !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

.hero-features .feature-icon {
    color: #22c55e !important;
    font-weight: bold !important;
}

.hero-buttons {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    margin-bottom: 30px !important;
}

.btn-galaxy-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4) !important;
}

.btn-galaxy-primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.5) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-galaxy-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    color: #ffffff !important;
    padding: 15px 30px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 2px solid rgba(102, 126, 234, 0.5) !important;
}

.btn-galaxy-secondary:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: #667eea !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.hero-trust {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 15px 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    display: inline-flex !important;
}

.hero-trust img {
    height: 30px !important;
}

.hero-trust .trust-text {
    display: flex !important;
    flex-direction: column !important;
}

.hero-trust .trust-text span {
    color: #a0a0b0 !important;
    font-size: 12px !important;
}

.hero-trust .trust-text strong {
    color: #fbbf24 !important;
    font-size: 14px !important;
}

.hero-visual {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 350px !important;
    z-index: 2 !important;
}

.visual-card {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    padding: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Promo Box Stilleri */
.software-hero-section .promo-box,
.software-hero-section .discount-box,
.software-hero-section .taksit-box,
.software-hero-section .support-box {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 25px 20px !important;
    border-radius: 16px !important;
    transition: all 0.4s ease !important;
    min-width: 180px !important;
}

.software-hero-section .promo-box {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(16, 185, 129, 0.2) 100%) !important;
    border: 1px solid rgba(34, 197, 94, 0.4) !important;
}

.software-hero-section .promo-box:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(34, 197, 94, 0.25) !important;
    border-color: rgba(34, 197, 94, 0.6) !important;
}

.software-hero-section .discount-box {
    background: linear-gradient(135deg, rgba(244, 63, 94, 0.2) 0%, rgba(236, 72, 153, 0.2) 100%) !important;
    border: 1px solid rgba(244, 63, 94, 0.4) !important;
}

.software-hero-section .discount-box:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(244, 63, 94, 0.25) !important;
    border-color: rgba(244, 63, 94, 0.6) !important;
}

.software-hero-section .taksit-box {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.4) !important;
}

.software-hero-section .taksit-box:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(102, 126, 234, 0.25) !important;
    border-color: rgba(102, 126, 234, 0.6) !important;
}

.software-hero-section .support-box {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2) 0%, rgba(245, 158, 11, 0.2) 100%) !important;
    border: 1px solid rgba(251, 191, 36, 0.4) !important;
}

.software-hero-section .support-box:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(251, 191, 36, 0.25) !important;
    border-color: rgba(251, 191, 36, 0.6) !important;
}

.software-hero-section .promo-icon,
.software-hero-section .discount-icon,
.software-hero-section .taksit-icon,
.software-hero-section .support-icon {
    font-size: 36px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.software-hero-section .promo-content,
.software-hero-section .discount-content,
.software-hero-section .taksit-content,
.software-hero-section .support-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.software-hero-section .promo-label,
.software-hero-section .discount-label,
.software-hero-section .taksit-label,
.software-hero-section .support-label {
    font-size: 12px !important;
    color: #a0a0b0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 500 !important;
}

.software-hero-section .promo-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #22c55e !important;
}

.software-hero-section .discount-value {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #f43f5e !important;
}

.software-hero-section .taksit-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #a78bfa !important;
}

.software-hero-section .support-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fbbf24 !important;
}

/* Visual Card Responsive */
@media (max-width: 991px) {
    .visual-card {
        max-width: 100% !important;
        margin-top: 40px !important;
    }
}

@media (max-width: 575px) {
    .visual-card {
        grid-template-columns: 1fr !important;
    }
    
    .promo-box,
    .discount-box,
    .taksit-box,
    .support-box {
        padding: 20px 15px !important;
    }
}

/* Steps Section */
.software-steps-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
    position: relative !important;
}

.software-steps-section::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.5), transparent) !important;
}

.steps-grid {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 50px !important;
    flex-wrap: wrap !important;
}

.step-card {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    text-align: center !important;
    width: 250px !important;
    position: relative !important;
    transition: all 0.4s ease !important;
}

.step-card:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(102, 126, 234, 0.15) !important;
}

.step-number {
    position: absolute !important;
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
}

.step-icon {
    font-size: 50px !important;
    margin-bottom: 20px !important;
}

.step-title {
    color: #ffffff !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.step-desc {
    color: #a0a0b0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.step-connector {
    display: flex !important;
    align-items: center !important;
    color: #667eea !important;
    font-size: 30px !important;
}

.connector-arrow {
    color: #a78bfa !important;
}

/* Software List Section */
.software-list-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 100%) !important;
    padding: 80px 0 !important;
}

.software-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin-top: 50px !important;
}

.software-card {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.95) 0%, rgba(25, 25, 60, 0.95) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    position: relative !important;
}

.software-card:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 0 0 40px rgba(102, 126, 234, 0.15) !important;
}

.software-badge {
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    background: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%) !important;
    color: #ffffff !important;
    padding: 6px 15px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    z-index: 10 !important;
}

.software-image {
    position: relative !important;
    overflow: hidden !important;
    height: 200px !important;
}

.software-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.4s ease !important;
}

.software-card:hover .software-image img {
    transform: scale(1.1) !important;
}

.software-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(10, 10, 30, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.software-card:hover .software-overlay {
    opacity: 1 !important;
}

.overlay-btn {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.overlay-btn:hover {
    transform: scale(1.05) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.software-content {
    padding: 25px !important;
}

.software-title {
    color: #ffffff !important;
    font-size: 1.2em !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
}

.software-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.software-features li {
    color: #a0a0b0 !important;
    font-size: 13px !important;
    padding: 5px 0 !important;
}

.software-price {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 20px !important;
    padding: 15px !important;
    background: rgba(102, 126, 234, 0.1) !important;
    border-radius: 12px !important;
}

.price-label {
    color: #a78bfa !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.price-amount {
    color: #ffffff !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
}

.software-actions {
    display: flex !important;
    gap: 10px !important;
}

.btn-software-detail {
    flex: 1 !important;
    text-align: center !important;
    padding: 12px !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 10px !important;
    color: #a78bfa !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-software-detail:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: #667eea !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.btn-software-buy {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

.btn-software-buy:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.no-software {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    padding: 60px !important;
    color: #a0a0b0 !important;
}

.no-software-icon {
    font-size: 60px !important;
    margin-bottom: 20px !important;
}

/* Sidebar Section */
.software-sidebar-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 40px 0 !important;
}

.sidebar-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 30px !important;
    align-items: center !important;
}

.search-box {
    width: 100% !important;
    max-width: 600px !important;
}

.search-box form {
    display: flex !important;
    background: rgba(15, 15, 40, 0.9) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
}

.search-box input {
    flex: 1 !important;
    background: transparent !important;
    border: none !important;
    padding: 18px 25px !important;
    color: #ffffff !important;
    font-size: 16px !important;
}

.search-box input::placeholder {
    color: #6b7280 !important;
}

.search-box input:focus {
    outline: none !important;
}

.search-box .search-btn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    padding: 18px 25px !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.search-box .search-btn:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
}

.categories-box {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
}

.category-tag {
    background: rgba(102, 126, 234, 0.1) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    color: #b0b0c0 !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.category-tag:hover, .category-tag.active {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border-color: #667eea !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.category-tag span {
    opacity: 0.7 !important;
    margin-left: 5px !important;
}

/* Features Section */
.software-features-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
}

.features-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin-top: 50px !important;
}

.feature-card {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 16px !important;
    padding: 30px 20px !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
}

.feature-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;
}

.feature-card .feature-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important;
}

.feature-card .feature-title {
    color: #ffffff !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.feature-card .feature-desc {
    color: #a0a0b0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* FAQ Section */
.software-faq-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
}

.faq-wrapper {
    max-width: 900px !important;
    margin: 50px auto 0 !important;
}

.galaxy-accordion {
    background: transparent !important;
    border: none !important;
}

.galaxy-accordion h3 {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    color: #ffffff !important;
    padding: 20px 25px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.galaxy-accordion h3:hover,
.galaxy-accordion h3.ui-state-active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
}

.galaxy-accordion div {
    background: rgba(15, 15, 40, 0.5) !important;
    border: 1px solid rgba(102, 126, 234, 0.1) !important;
    border-top: none !important;
    color: #b0b0c0 !important;
    padding: 25px !important;
    margin-bottom: 10px !important;
    border-radius: 0 0 12px 12px !important;
    line-height: 1.7 !important;
}

/* Content Sections */
.software-content-section,
.software-category-content {
    background: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 100%) !important;
    padding: 60px 0 !important;
    color: #b0b0c0 !important;
}

.software-content-section h1,
.software-content-section h2,
.software-content-section h3,
.software-category-content h1,
.software-category-content h2,
.software-category-content h3 {
    color: #ffffff !important;
}

/* Software Page Responsive */
@media (max-width: 1199px) {
    .software-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 991px) {
    .hero-title {
        font-size: 2.2em !important;
    }
    
    .step-connector {
        display: none !important;
    }
    
    .steps-grid {
        gap: 30px !important;
    }
}

@media (max-width: 767px) {
    .software-hero-section {
        padding: 60px 0 !important;
    }
    
    .hero-title {
        font-size: 1.8em !important;
    }
    
    .hero-buttons {
        flex-direction: column !important;
    }
    
    .btn-galaxy-primary,
    .btn-galaxy-secondary {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .software-grid {
        grid-template-columns: 1fr !important;
    }
    
    .features-grid {
        grid-template-columns: 1fr !important;
    }
    
    .step-card {
        width: 100% !important;
        max-width: 300px !important;
    }
}

/* ===========================================
   SOFTWARE DETAIL PAGE - GALAXY THEME
   =========================================== */

/* Hero Section */
.sd-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%) !important;
    padding: 100px 0 80px !important;
    position: relative !important;
    overflow: hidden !important;
}

.sd-hero-section .hero-bg-effects {
    z-index: 1 !important;
}

.sd-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Mockup Görseli */
.sd-hero-image {
    position: relative !important;
}

.sd-mockup-wrapper {
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

.sd-mockup-wrapper img {
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.4s ease !important;
}

.sd-mockup-wrapper:hover img {
    transform: scale(1.02) !important;
}

.sd-mockup-glow {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80% !important;
    height: 80% !important;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.3) 0%, transparent 70%) !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Hero Content */
.sd-hero-content {
    position: relative !important;
}

.sd-breadcrumb {
    margin-bottom: 20px !important;
}

.sd-breadcrumb a,
.sd-breadcrumb span {
    color: #a0a0b0 !important;
    font-size: 14px !important;
}

.sd-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    color: #a78bfa !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.sd-title {
    color: #ffffff !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
}

.sd-description {
    color: #b0b0c0 !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* Features List */
.sd-features-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.sd-features-list li {
    color: #c0c0d0 !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 15px !important;
}

.sd-features-list .feature-check {
    color: #22c55e !important;
    font-weight: bold !important;
}

.sd-extra-features {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 25px !important;
}

.sd-extra-feature {
    background: rgba(102, 126, 234, 0.1) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    color: #b0b0c0 !important;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

.sd-extra-feature .feature-check {
    color: #22c55e !important;
}

/* Price Box */
.sd-price-box {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
}

.sd-price-info {
    margin-bottom: 15px !important;
}

.sd-price-label {
    display: block !important;
    color: #a78bfa !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 5px !important;
}

.sd-price-amount {
    color: #ffffff !important;
    font-size: 2.5em !important;
    font-weight: 700 !important;
}

.sd-price-period {
    color: #a0a0b0 !important;
    font-size: 14px !important;
    margin-left: 10px !important;
}

.sd-price-badges {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.sd-badge-item {
    background: rgba(102, 126, 234, 0.15) !important;
    color: #c0c0d0 !important;
    padding: 8px 15px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

/* Buttons */
.sd-buttons {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    margin-bottom: 25px !important;
}

.btn-galaxy-outline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    color: #a78bfa !important;
    padding: 15px 25px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
}

.btn-galaxy-outline:hover {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: #667eea !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Social Share */
.sd-social-share {
    padding-top: 20px !important;
    border-top: 1px solid rgba(102, 126, 234, 0.2) !important;
}

.sd-social-share a {
    color: #a0a0b0 !important;
    margin-right: 15px !important;
    transition: color 0.3s ease !important;
}

.sd-social-share a:hover {
    color: #667eea !important;
}

/* Requirements Section */
.sd-requirements-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 40px 0 !important;
}

.sd-requirements-box {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(245, 158, 11, 0.1) 100%) !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
    border-radius: 16px !important;
    padding: 25px !important;
}

.sd-req-icon {
    font-size: 40px !important;
    flex-shrink: 0 !important;
}

.sd-req-content h3 {
    color: #fbbf24 !important;
    font-size: 1.2em !important;
    margin-bottom: 10px !important;
}

.sd-req-content p {
    color: #c0c0d0 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Features Section */
.sd-features-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 100%) !important;
    padding: 80px 0 !important;
}

.sd-features-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 25px !important;
    margin-top: 50px !important;
}

.sd-feature-card {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
}

.sd-feature-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3) !important;
}

.sd-feature-icon {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
    font-size: 24px !important;
    color: #a78bfa !important;
}

.sd-feature-title {
    color: #ffffff !important;
    font-size: 1.1em !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

.sd-feature-desc {
    color: #a0a0b0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* Content Section */
.sd-content-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
}

.sd-content-header {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin-bottom: 30px !important;
}

.sd-content-icon {
    font-size: 32px !important;
}

.sd-content-header h2 {
    color: #ffffff !important;
    font-size: 1.8em !important;
    margin: 0 !important;
}

.sd-content-body {
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 16px !important;
    padding: 40px !important;
    color: #c0c0d0 !important;
    line-height: 1.8 !important;
}

.sd-content-body h1,
.sd-content-body h2,
.sd-content-body h3,
.sd-content-body h4,
.sd-content-body h5,
.sd-content-body h6 {
    color: #ffffff !important;
}

.sd-content-body a {
    color: #a78bfa !important;
}

.sd-content-body img {
    max-width: 100% !important;
    border-radius: 12px !important;
}

/* Accordion Section */
.sd-accordion-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 100%) !important;
    padding: 60px 0 !important;
}

.sd-accordion-content {
    max-height: 300px !important;
    overflow-y: auto !important;
    padding-right: 10px !important;
}

/* Contact Section */
.sd-contact-section {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 80px 0 !important;
}

.sd-contact-box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 24px !important;
    padding: 50px !important;
}

.sd-contact-badge {
    display: inline-block !important;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(16, 185, 129, 0.2) 100%) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
    color: #22c55e !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.sd-contact-content h2 {
    color: #ffffff !important;
    font-size: 2em !important;
    margin-bottom: 15px !important;
}

.sd-contact-content > p {
    color: #b0b0c0 !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

.sd-contact-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
}

.sd-contact-features li {
    color: #c0c0d0 !important;
    padding: 8px 0 !important;
    font-size: 15px !important;
}

.sd-contact-image {
    text-align: center !important;
}

.sd-contact-image img {
    max-width: 100% !important;
    height: auto !important;
}

/* Related Section */
.sd-related-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #0f0f23 100%) !important;
    padding: 80px 0 !important;
}

.sd-related-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 25px !important;
    margin-top: 50px !important;
}

/* Bottom Features */
.sd-bottom-features {
    background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 100%) !important;
    padding: 60px 0 !important;
}

.sd-bottom-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 20px !important;
}

.sd-bottom-item {
    text-align: center !important;
    padding: 30px 20px !important;
    background: linear-gradient(135deg, rgba(15, 15, 40, 0.9) 0%, rgba(25, 25, 60, 0.9) 100%) !important;
    border: 1px solid rgba(102, 126, 234, 0.2) !important;
    border-radius: 16px !important;
    transition: all 0.3s ease !important;
}

.sd-bottom-item:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(102, 126, 234, 0.5) !important;
}

.sd-bottom-icon {
    font-size: 40px !important;
    margin-bottom: 15px !important;
}

.sd-bottom-label {
    display: block !important;
    color: #a78bfa !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 5px !important;
}

.sd-bottom-value {
    color: #ffffff !important;
    font-size: 16px !important;
}

/* Software Detail Responsive */
@media (max-width: 1199px) {
    .sd-related-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .sd-bottom-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 991px) {
    .sd-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    .sd-hero-image {
        order: -1 !important;
    }
    
    .sd-features-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .sd-contact-box {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }
    
    .sd-contact-image {
        order: -1 !important;
    }
    
    .sd-related-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .sd-bottom-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .sd-hero-section {
        padding: 60px 0 !important;
    }
    
    .sd-title {
        font-size: 1.8em !important;
    }
    
    .sd-price-amount {
        font-size: 2em !important;
    }
    
    .sd-buttons {
        flex-direction: column !important;
    }
    
    .sd-buttons a {
        width: 100% !important;
        justify-content: center !important;
    }
    
    .sd-features-grid {
        grid-template-columns: 1fr !important;
    }
    
    .sd-related-grid {
        grid-template-columns: 1fr !important;
    }
    
    .sd-bottom-grid {
        grid-template-columns: 1fr !important;
    }
    
    .sd-contact-box {
        padding: 30px !important;
    }
}

/* ===========================================
   CURRENCY SYMBOL SPACING - GLOBAL
   =========================================== */

/* Para birimi simgesi boşlukları */
.currposleft {
    margin-right: 10px !important;
    font-style: normal !important;
}

.currposright {
    margin-left: 10px !important;
    font-style: normal !important;
}

/* Fiyat alanlarındaki para birimi */
.sd-price-amount .currposleft,
.sd-price-amount .currposright,
.software-price .currposleft,
.software-price .currposright,
.price-amount .currposleft,
.price-amount .currposright {
    font-style: normal !important;
}

.sd-price-amount .currposleft,
.price-amount .currposleft {
    margin-right: 12px !important;
}

.sd-price-amount .currposright,
.price-amount .currposright {
    margin-left: 12px !important;
}

/* ============================================
   CONTACT PAGE - GALAXY THEME
   ============================================ */

/* Contact Hero Section */
.contact-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

.contact-hero-section .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.contact-hero-section .floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.4;
}

.contact-hero-section .orb-1 {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    top: -100px;
    right: 10%;
    animation: floatOrb1 8s ease-in-out infinite;
}

.contact-hero-section .orb-2 {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #a78bfa, #667eea);
    bottom: -50px;
    left: 5%;
    animation: floatOrb2 10s ease-in-out infinite;
}

.contact-hero-section .orb-3 {
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, #22d3ee, #667eea);
    top: 50%;
    right: 25%;
    animation: floatOrb3 12s ease-in-out infinite;
}

.contact-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

.contact-hero-content .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

.contact-hero-content .section-badge svg {
    stroke: #a78bfa;
}

.contact-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px 0;
    line-height: 1.2;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.contact-hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    line-height: 1.7;
}

/* Contact Info Cards Section */
.contact-info-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 80px 0;
    position: relative;
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.contact-info-card {
    background: rgba(15, 15, 40, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 32px 24px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease;
    overflow: hidden;
}

.contact-info-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2, #a78bfa);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.contact-info-card:hover {
    transform: translateY(-8px);
    border-color: rgba(102, 126, 234, 0.4);
    box-shadow: 0 20px 50px rgba(102, 126, 234, 0.15);
}

.contact-info-card:hover::before {
    opacity: 1;
}

.contact-card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    transition: all 0.4s ease;
}

.contact-card-icon svg {
    stroke: #a78bfa;
    transition: all 0.4s ease;
}

.contact-info-card:hover .contact-card-icon {
    background: linear-gradient(135deg, #667eea, #764ba2);
    transform: scale(1.1);
}

.contact-info-card:hover .contact-card-icon svg {
    stroke: #ffffff;
}

.contact-card-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 16px 0;
}

.contact-card-content {
    margin-bottom: 20px;
}

.contact-link {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    text-decoration: none;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.contact-link:hover {
    color: #a78bfa;
}

.contact-label {
    color: #667eea;
    font-weight: 500;
}

.contact-address {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}

.contact-hours {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    margin: 0 0 8px 0;
}

.contact-hours.weekend {
    color: rgba(255, 107, 107, 0.8);
}

.contact-card-badge {
    display: inline-block;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 6px 16px;
    border-radius: 20px;
    color: #a78bfa;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Contact Main Section - Form & Map */
.contact-main-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 80px 0;
}

.contact-main-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.contact-main-grid.single-column {
    grid-template-columns: 1fr;
    max-width: 700px;
    margin: 0 auto;
}

/* Contact Form Wrapper */
.contact-form-wrapper {
    background: rgba(15, 15, 40, 0.9);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 24px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}

.contact-form-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #667eea, #764ba2, #a78bfa);
}

.contact-form-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.form-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-icon svg {
    stroke: #a78bfa;
}

.form-title {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 4px 0;
}

.form-subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Galaxy Form Styles */
.contact-galaxy-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-galaxy-form .form-group {
    margin-bottom: 24px;
}

.contact-galaxy-form label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
}

.contact-galaxy-form label svg {
    stroke: #667eea;
}

.contact-galaxy-form .form-input {
    width: 100%;
    background: rgba(10, 10, 26, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 15px;
    color: #ffffff;
    transition: all 0.3s ease;
    outline: none;
}

.contact-galaxy-form .form-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.contact-galaxy-form .form-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.contact-galaxy-form .form-input.input-error {
    border-color: #ff6b6b !important;
    box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.15) !important;
}

.contact-galaxy-form .form-textarea {
    min-height: 140px;
    resize: vertical;
}

/* Captcha Group */
.form-captcha-group {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.form-captcha-group .captcha-output {
    flex-shrink: 0;
}

.form-captcha-group .captcha-input {
    width: 150px !important;
}

/* Checkbox Group */
.form-checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
}

.form-checkbox {
    width: 20px;
    height: 20px;
    accent-color: #667eea;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 2px;
}

.form-checkbox-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    line-height: 1.5;
}

.form-checkbox-label a {
    color: #a78bfa;
    text-decoration: none;
}

.form-checkbox-label a:hover {
    text-decoration: underline;
}

/* Galaxy Submit Button */
.btn-galaxy-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 32px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-galaxy-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}

.btn-galaxy-submit.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
}

.btn-galaxy-submit.disabled:hover {
    transform: none;
    box-shadow: none;
}

.btn-galaxy-submit svg {
    stroke: #ffffff;
}

/* Success Message */
.contact-success-message {
    text-align: center;
    padding: 40px 20px;
}

.success-icon {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.2), rgba(34, 197, 94, 0.1));
    border: 2px solid rgba(34, 197, 94, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.success-icon svg {
    stroke: #22c55e;
}

.success-title {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.success-text {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

/* Map Wrapper */
.contact-map-wrapper {
    background: rgba(15, 15, 40, 0.9);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 24px;
    overflow: hidden;
    position: relative;
}

.contact-map-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #22d3ee, #667eea, #764ba2);
    z-index: 2;
}

.map-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 30px;
    background: rgba(10, 10, 26, 0.5);
}

.map-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.2), rgba(102, 126, 234, 0.2));
    border: 1px solid rgba(34, 211, 238, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-icon svg {
    stroke: #22d3ee;
}

.map-title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 4px 0;
}

.map-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #a78bfa;
    text-decoration: none;
    transition: color 0.3s ease;
}

.map-link:hover {
    color: #c4b5fd;
}

.map-link svg {
    stroke: currentColor;
}

.map-container {
    height: 350px;
    position: relative;
}

.map-container iframe,
.map-container #map {
    width: 100%;
    height: 100%;
    border: none;
}

.map-address-box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 30px;
    background: rgba(10, 10, 26, 0.5);
    border-top: 1px solid rgba(102, 126, 234, 0.15);
}

.map-address-box svg {
    stroke: #667eea;
    flex-shrink: 0;
}

.map-address-box span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
}

/* Social Links Section */
.contact-social-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 60px 0;
    border-top: 1px solid rgba(102, 126, 234, 0.1);
}

.social-content {
    text-align: center;
}

.social-title {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.social-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 32px 0;
}

.social-links {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.social-link {
    width: 56px;
    height: 56px;
    background: rgba(15, 15, 40, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all 0.4s ease;
}

.social-link:hover {
    transform: translateY(-5px);
    border-color: transparent;
}

.social-link.facebook:hover {
    background: linear-gradient(135deg, #1877f2, #166fe5);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(24, 119, 242, 0.4);
}

.social-link.twitter:hover {
    background: linear-gradient(135deg, #1da1f2, #0d95e8);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(29, 161, 242, 0.4);
}

.social-link.instagram:hover {
    background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(225, 48, 108, 0.4);
}

.social-link.instagram:hover svg {
    stroke: #ffffff;
}

.social-link.linkedin:hover {
    background: linear-gradient(135deg, #0077b5, #006699);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 119, 181, 0.4);
}

.social-link.youtube:hover {
    background: linear-gradient(135deg, #ff0000, #cc0000);
    color: #ffffff;
    box-shadow: 0 10px 30px rgba(255, 0, 0, 0.4);
}

/* CTA Section */
.contact-cta-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 100%);
    padding: 60px 0;
    border-top: 1px solid rgba(102, 126, 234, 0.15);
}

.cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(15, 15, 40, 0.9);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 40px 50px;
    position: relative;
    overflow: hidden;
}

.cta-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2, #22d3ee);
}

.cta-text h3 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 8px 0;
}

.cta-text p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.cta-buttons {
    display: flex;
    gap: 16px;
}

.btn-galaxy-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-galaxy-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
    color: #ffffff;
}

.btn-galaxy-primary svg {
    stroke: #ffffff;
}

.btn-galaxy-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: transparent;
    border: 1px solid rgba(102, 126, 234, 0.4);
    border-radius: 12px;
    color: #a78bfa;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.btn-galaxy-outline:hover {
    background: rgba(102, 126, 234, 0.1);
    border-color: #667eea;
    color: #c4b5fd;
}

.btn-galaxy-outline svg {
    stroke: currentColor;
}

/* Contact Page Responsive */
@media (max-width: 1200px) {
    .contact-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .contact-hero-title {
        font-size: 34px;
    }
    
    .contact-main-grid {
        grid-template-columns: 1fr;
    }
    
    .cta-content {
        flex-direction: column;
        text-align: center;
        gap: 24px;
        padding: 32px;
    }
    
    .cta-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .contact-hero-section {
        padding: 60px 0 40px;
    }
    
    .contact-hero-title {
        font-size: 28px;
    }
    
    .contact-hero-desc {
        font-size: 16px;
    }
    
    .contact-info-section {
        padding: 50px 0;
    }
    
    .contact-info-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .contact-main-section {
        padding: 50px 0;
    }
    
    .contact-form-wrapper {
        padding: 28px 20px;
    }
    
    .contact-galaxy-form .form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    
    .form-title {
        font-size: 18px;
    }
    
    .social-links {
        flex-wrap: wrap;
    }
    
    .social-link {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .contact-hero-title {
        font-size: 24px;
    }
    
    .contact-info-card {
        padding: 24px 16px;
    }
    
    .form-captcha-group {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .form-captcha-group .captcha-input {
        width: 100% !important;
    }
    
    .btn-galaxy-primary,
    .btn-galaxy-outline {
        padding: 12px 20px;
        font-size: 14px;
        width: 100%;
        justify-content: center;
    }
}

/* intlTelInput Dropdown Fix for Contact Page */
.contact-galaxy-form .intl-tel-input {
    display: block !important;
    width: 100% !important;
}

.contact-galaxy-form .intl-tel-input .selected-flag {
    background: rgba(102, 126, 234, 0.1) !important;
    border-radius: 12px 0 0 12px !important;
    border-right: 1px solid rgba(102, 126, 234, 0.2) !important;
    padding: 0 12px 0 12px !important;
    height: 100% !important;
}

.contact-galaxy-form .intl-tel-input .selected-flag:hover,
.contact-galaxy-form .intl-tel-input .selected-flag:focus {
    background: rgba(102, 126, 234, 0.2) !important;
}

.contact-galaxy-form .intl-tel-input .selected-dial-code {
    color: #a78bfa !important;
    font-weight: 500 !important;
}

.contact-galaxy-form .intl-tel-input .arrow {
    border-top-color: #a78bfa !important;
}

.contact-galaxy-form .intl-tel-input .arrow.up {
    border-bottom-color: #a78bfa !important;
    border-top-color: transparent !important;
}

.contact-galaxy-form .intl-tel-input .country-list {
    background: #1a1a2e !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
    z-index: 99999 !important;
    max-height: 250px !important;
    overflow-y: auto !important;
    margin-top: 5px !important;
}

.contact-galaxy-form .intl-tel-input .country-list .country {
    padding: 10px 16px !important;
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.2s ease !important;
}

.contact-galaxy-form .intl-tel-input .country-list .country:hover,
.contact-galaxy-form .intl-tel-input .country-list .country.highlight {
    background: rgba(102, 126, 234, 0.2) !important;
    color: #ffffff !important;
}

.contact-galaxy-form .intl-tel-input .country-list .country .dial-code {
    color: #a78bfa !important;
}

.contact-galaxy-form .intl-tel-input .country-list .country-name {
    color: rgba(255, 255, 255, 0.9) !important;
}

.contact-galaxy-form .intl-tel-input .country-list .divider {
    border-bottom-color: rgba(102, 126, 234, 0.2) !important;
}

.contact-galaxy-form .intl-tel-input .country-list::-webkit-scrollbar {
    width: 6px;
}

.contact-galaxy-form .intl-tel-input .country-list::-webkit-scrollbar-track {
    background: rgba(15, 15, 40, 0.5);
    border-radius: 3px;
}

.contact-galaxy-form .intl-tel-input .country-list::-webkit-scrollbar-thumb {
    background: rgba(102, 126, 234, 0.4);
    border-radius: 3px;
}

.contact-galaxy-form .intl-tel-input .country-list::-webkit-scrollbar-thumb:hover {
    background: rgba(102, 126, 234, 0.6);
}

/* Ensure dropdown opens properly */
.contact-form-wrapper {
    overflow: visible !important;
}

.contact-galaxy-form .form-group {
    position: relative;
    overflow: visible !important;
}

.contact-galaxy-form .intl-tel-input.allow-dropdown .flag-container {
    cursor: pointer !important;
}

.contact-galaxy-form .intl-tel-input input {
    padding-left: 90px !important;
}

/* Force intlTelInput dropdown visibility */
.contact-main-section,
.contact-main-section .container,
.contact-main-section .contact-main-grid,
.contact-main-section .contact-form-wrapper,
.contact-main-section .contact-galaxy-form,
.contact-main-section .contact-galaxy-form .form-group {
    overflow: visible !important;
}

.intl-tel-input {
    position: relative !important;
}

.intl-tel-input .flag-container {
    position: absolute !important;
    z-index: 10 !important;
}

.intl-tel-input .country-list {
    position: absolute !important;
    z-index: 99999 !important;
    top: 100% !important;
    left: 0 !important;
}

/* ============================================
   KNOWLEDGEBASE PAGE - GALAXY THEME
   ============================================ */

/* KB Hero Section */
.kb-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 80px 0 60px;
    position: relative;
    overflow: hidden;
}

.kb-hero-section .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.kb-hero-section .floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.4;
}

.kb-hero-section .orb-1 {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    top: -100px;
    right: 10%;
    animation: floatOrb1 8s ease-in-out infinite;
}

.kb-hero-section .orb-2 {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #a78bfa, #667eea);
    bottom: -50px;
    left: 5%;
    animation: floatOrb2 10s ease-in-out infinite;
}

.kb-hero-section .orb-3 {
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, #22d3ee, #667eea);
    top: 50%;
    right: 25%;
    animation: floatOrb3 12s ease-in-out infinite;
}

.kb-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.kb-hero-content .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

.kb-hero-content .section-badge svg {
    stroke: #a78bfa;
}

.kb-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px 0;
    line-height: 1.2;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.kb-hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 32px 0;
    line-height: 1.7;
}

/* KB Search Box */
.kb-search-box {
    max-width: 600px;
    margin: 0 auto;
}

.search-input-wrapper {
    display: flex;
    align-items: center;
    background: rgba(15, 15, 40, 0.9);
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 16px;
    padding: 8px;
    transition: all 0.3s ease;
}

.search-input-wrapper:focus-within {
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15);
}

.search-input-wrapper .search-icon {
    stroke: rgba(255, 255, 255, 0.5);
    margin-left: 16px;
    flex-shrink: 0;
}

.kb-search-input {
    flex: 1;
    background: transparent;
    border: none;
    padding: 14px 16px;
    font-size: 16px;
    color: #ffffff;
    outline: none;
}

.kb-search-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.kb-search-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    padding: 14px 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.kb-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.kb-search-btn svg {
    stroke: #ffffff;
}

/* KB Breadcrumb */
.kb-breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.kb-breadcrumb a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.kb-breadcrumb a:hover {
    color: #a78bfa;
}

.kb-breadcrumb a svg {
    stroke: currentColor;
}

.kb-breadcrumb > svg {
    stroke: rgba(255, 255, 255, 0.4);
}

.kb-breadcrumb span {
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
}

/* KB Stats Section */
.kb-stats-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 50px 0;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

.kb-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.kb-stat-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.15);
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

.kb-stat-card:hover {
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateY(-3px);
}

.kb-stat-card .stat-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kb-stat-card .stat-icon svg {
    stroke: #a78bfa;
}

.kb-stat-card .stat-content {
    display: flex;
    flex-direction: column;
}

.kb-stat-card .stat-number {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
}

.kb-stat-card .stat-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

/* KB Categories Section */
.kb-categories-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 70px 0;
}

.kb-categories-section .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.kb-categories-section .section-title {
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.kb-categories-section .section-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.kb-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.kb-category-card {
    background: rgba(15, 15, 40, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 32px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.kb-category-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.kb-category-card:hover {
    transform: translateY(-8px);
    border-color: rgba(102, 126, 234, 0.4);
    box-shadow: 0 20px 50px rgba(102, 126, 234, 0.15);
}

.kb-category-card:hover::before {
    opacity: 1;
}

.kb-category-card .category-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all 0.4s ease;
}

.kb-category-card .category-icon svg {
    stroke: #a78bfa;
    transition: all 0.4s ease;
}

.kb-category-card:hover .category-icon {
    background: linear-gradient(135deg, #667eea, #764ba2);
}

.kb-category-card:hover .category-icon svg {
    stroke: #ffffff;
}

.kb-category-card .category-title {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 8px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.kb-category-card .category-count {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.kb-category-card .category-arrow {
    position: absolute;
    bottom: 32px;
    right: 32px;
    width: 36px;
    height: 36px;
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease;
}

.kb-category-card .category-arrow svg {
    stroke: #a78bfa;
}

.kb-category-card:hover .category-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* KB Main Section */
.kb-main-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 70px 0;
}

.kb-main-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
    align-items: start;
}

/* Articles Wrapper */
.kb-articles-wrapper {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.15);
    border-radius: 24px;
    padding: 32px;
    min-width: 0;
    overflow: hidden;
}

.articles-header {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.15);
}

.articles-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
}

.articles-title svg {
    stroke: #a78bfa;
}

/* Subcategories */
.kb-subcategories {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.subcategory-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(10, 10, 26, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.15);
    border-radius: 16px;
    padding: 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.subcategory-card:hover {
    border-color: rgba(102, 126, 234, 0.3);
    background: rgba(102, 126, 234, 0.05);
}

.subcategory-card .subcat-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border: 1px solid rgba(102, 126, 234, 0.25);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.subcategory-card .subcat-icon svg {
    stroke: #a78bfa;
}

.subcategory-card .subcat-content {
    flex: 1;
}

.subcategory-card .subcat-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 6px 0;
}

.subcategory-card .subcat-content h4 span {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.subcategory-card .subcat-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    line-height: 1.5;
}

.subcategory-card .subcat-arrow {
    width: 36px;
    height: 36px;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.subcategory-card .subcat-arrow svg {
    stroke: #a78bfa;
}

.subcategory-card:hover .subcat-arrow {
    opacity: 1;
}

/* Articles List */
.kb-articles-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.article-item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(10, 10, 26, 0.5);
    border: 1px solid rgba(102, 126, 234, 0.1);
    border-radius: 14px;
    padding: 18px 20px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.article-item:hover {
    border-color: rgba(102, 126, 234, 0.3);
    background: rgba(102, 126, 234, 0.05);
    transform: translateX(5px);
}

.article-item .article-icon {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.article-item .article-icon svg {
    stroke: #667eea;
}

.article-item .article-content {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.article-item .article-title {
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 6px 0;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.article-item:hover .article-title {
    color: #a78bfa;
}

.article-item .article-meta {
    display: flex;
    align-items: center;
    gap: 16px;
}

.article-item .meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.article-item .meta-item svg {
    stroke: rgba(255, 255, 255, 0.4);
}

.article-item .article-arrow {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
}

.article-item .article-arrow svg {
    stroke: #a78bfa;
}

.article-item:hover .article-arrow {
    opacity: 1;
}

/* KB Pagination */
.kb-pagination {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(102, 126, 234, 0.15);
}

.kb-pagination .pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.kb-pagination .pagination li a,
.kb-pagination .pagination li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 14px;
    background: rgba(15, 15, 40, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.kb-pagination .pagination li a:hover {
    border-color: #667eea;
    color: #ffffff;
}

.kb-pagination .pagination li.active span,
.kb-pagination .pagination li.active a {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-color: transparent;
    color: #ffffff;
}

/* No Content */
.kb-no-content {
    text-align: center;
    padding: 50px 20px;
}

.kb-no-content .no-content-icon {
    width: 100px;
    height: 100px;
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
}

.kb-no-content .no-content-icon svg {
    stroke: rgba(255, 255, 255, 0.4);
}

.kb-no-content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 12px 0;
}

.kb-no-content p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Category Content */
.kb-category-content {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(102, 126, 234, 0.15);
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

.kb-category-content h1,
.kb-category-content h2,
.kb-category-content h3,
.kb-category-content h4 {
    color: #ffffff;
}

.kb-category-content a {
    color: #a78bfa;
}

/* KB Sidebar */
.kb-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.sidebar-widget {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.15);
    border-radius: 20px;
    padding: 24px;
    overflow: hidden;
}

.widget-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 20px 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.15);
}

.widget-title svg {
    stroke: #a78bfa;
}

.widget-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.widget-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: rgba(10, 10, 26, 0.5);
    border: 1px solid rgba(102, 126, 234, 0.1);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.widget-link:hover {
    border-color: rgba(102, 126, 234, 0.3);
    background: rgba(102, 126, 234, 0.05);
}

.widget-link .link-text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    transition: color 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.widget-link:hover .link-text {
    color: #ffffff;
}

.widget-link .link-count {
    background: rgba(102, 126, 234, 0.15);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #a78bfa;
    flex-shrink: 0;
}

.widget-articles {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.widget-article {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    text-decoration: none;
    border-bottom: 1px solid rgba(102, 126, 234, 0.08);
    transition: all 0.3s ease;
}

.widget-article:last-child {
    border-bottom: none;
}

.widget-article svg {
    stroke: #667eea;
    flex-shrink: 0;
    margin-top: 2px;
    min-width: 14px;
}

.widget-article span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    transition: color 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.widget-article:hover span {
    color: #a78bfa;
}

/* Sidebar Help Box */
.sidebar-help-box {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 20px;
    padding: 28px;
    text-align: center;
}

.sidebar-help-box .help-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sidebar-help-box .help-icon svg {
    stroke: #a78bfa;
}

.sidebar-help-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 10px 0;
}

.sidebar-help-box p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 20px 0;
    line-height: 1.6;
}

.sidebar-help-box .help-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sidebar-help-box .help-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}

.sidebar-help-box .help-btn svg {
    stroke: #ffffff;
}

/* KB Responsive */
@media (max-width: 1200px) {
    .kb-main-grid {
        grid-template-columns: 1fr 300px;
        gap: 30px;
    }
    
    .kb-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .kb-category-card {
        padding: 24px;
    }
}

@media (max-width: 992px) {
    .kb-hero-title {
        font-size: 34px;
    }
    
    .kb-main-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .kb-sidebar {
        order: 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .kb-sidebar .sidebar-widget,
    .kb-sidebar .sidebar-help-box {
        min-width: 100%;
    }
    
    .kb-articles-wrapper {
        order: 1;
    }
    
    .kb-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .kb-stat-card {
        padding: 20px;
    }
    
    .kb-categories-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .kb-hero-section {
        padding: 60px 0 40px;
    }
    
    .kb-hero-title {
        font-size: 28px;
    }
    
    .kb-hero-desc {
        font-size: 16px;
        margin-bottom: 24px;
    }
    
    .search-input-wrapper {
        flex-direction: column;
        padding: 12px;
        gap: 10px;
    }
    
    .search-input-wrapper .search-icon {
        display: none;
    }
    
    .kb-search-input {
        width: 100%;
        text-align: center;
        padding: 12px 16px;
    }
    
    .kb-search-btn {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
    }
    
    .kb-stats-section {
        padding: 40px 0;
    }
    
    .kb-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .kb-stat-card {
        padding: 16px;
        gap: 12px;
    }
    
    .kb-stat-card .stat-icon {
        width: 44px;
        height: 44px;
    }
    
    .kb-stat-card .stat-icon svg {
        width: 20px;
        height: 20px;
    }
    
    .kb-stat-card .stat-number {
        font-size: 20px;
    }
    
    .kb-stat-card .stat-label {
        font-size: 13px;
    }
    
    .kb-categories-section {
        padding: 50px 0;
    }
    
    .kb-categories-section .section-title {
        font-size: 26px;
    }
    
    .kb-categories-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .kb-category-card {
        padding: 20px;
    }
    
    .kb-category-card .category-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 16px;
    }
    
    .kb-category-card .category-title {
        font-size: 18px;
    }
    
    .kb-main-section {
        padding: 50px 0;
    }
    
    .kb-articles-wrapper {
        padding: 20px;
        border-radius: 20px;
    }
    
    .articles-title {
        font-size: 18px;
    }
    
    .kb-sidebar {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .kb-sidebar .sidebar-widget,
    .kb-sidebar .sidebar-help-box {
        min-width: 100%;
        padding: 20px;
    }
    
    .sidebar-help-box h4 {
        font-size: 16px;
    }
    
    .sidebar-help-box p {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .kb-hero-section {
        padding: 50px 0 30px;
    }
    
    .kb-hero-title {
        font-size: 22px;
        margin-bottom: 16px;
    }
    
    .kb-hero-desc {
        font-size: 14px;
    }
    
    .kb-hero-content .section-badge {
        padding: 6px 14px;
        font-size: 12px;
        margin-bottom: 16px;
    }
    
    .kb-stats-section {
        padding: 30px 0;
    }
    
    .kb-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .kb-stat-card {
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 14px 12px;
    }
    
    .kb-stat-card .stat-icon {
        width: 40px;
        height: 40px;
    }
    
    .kb-stat-card .stat-icon svg {
        width: 18px;
        height: 18px;
    }
    
    .kb-stat-card .stat-number {
        font-size: 18px;
    }
    
    .kb-stat-card .stat-label {
        font-size: 12px;
    }
    
    .kb-categories-section {
        padding: 40px 0;
    }
    
    .kb-categories-section .section-header {
        margin-bottom: 24px;
    }
    
    .kb-categories-section .section-title {
        font-size: 22px;
    }
    
    .kb-categories-section .section-desc {
        font-size: 14px;
    }
    
    .kb-category-card {
        padding: 18px;
        border-radius: 16px;
    }
    
    .kb-category-card .category-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 14px;
    }
    
    .kb-category-card .category-title {
        font-size: 16px;
    }
    
    .kb-category-card .category-count {
        font-size: 13px;
    }
    
    .kb-category-card .category-arrow {
        bottom: 18px;
        right: 18px;
        width: 32px;
        height: 32px;
    }
    
    .kb-main-section {
        padding: 40px 0;
    }
    
    .kb-articles-wrapper {
        padding: 16px;
        border-radius: 16px;
    }
    
    .articles-header {
        margin-bottom: 16px;
        padding-bottom: 14px;
    }
    
    .articles-title {
        font-size: 16px;
        gap: 8px;
    }
    
    .articles-title svg {
        width: 18px;
        height: 18px;
    }
    
    .article-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 16px;
        border-radius: 12px;
    }
    
    .article-item .article-icon {
        width: 36px;
        height: 36px;
    }
    
    .article-item .article-title {
        font-size: 14px;
    }
    
    .article-item .article-meta {
        gap: 12px;
    }
    
    .article-item .meta-item {
        font-size: 11px;
    }
    
    .article-item .article-arrow {
        display: none;
    }
    
    .subcategory-card {
        padding: 16px;
        border-radius: 14px;
    }
    
    .subcategory-card .subcat-icon {
        width: 44px;
        height: 44px;
    }
    
    .subcategory-card .subcat-content h4 {
        font-size: 15px;
    }
    
    .subcategory-card .subcat-content p {
        font-size: 13px;
    }
    
    .widget-title {
        font-size: 15px;
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .widget-link {
        padding: 10px 12px;
    }
    
    .widget-link .link-text {
        font-size: 13px;
    }
    
    .widget-link .link-count {
        font-size: 11px;
        padding: 3px 8px;
    }
    
    .widget-article {
        padding: 8px 0;
    }
    
    .widget-article span {
        font-size: 13px;
    }
    
    .sidebar-help-box {
        padding: 20px;
        border-radius: 16px;
    }
    
    .sidebar-help-box .help-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 16px;
    }
    
    .sidebar-help-box .help-icon svg {
        width: 26px;
        height: 26px;
    }
    
    .sidebar-help-box .help-btn {
        padding: 12px 20px;
        font-size: 14px;
        border-radius: 10px;
    }
    
    .kb-breadcrumb {
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 20px;
    }
    
    .kb-breadcrumb a,
    .kb-breadcrumb span {
        font-size: 13px;
    }
}

/* ============================================
   KNOWLEDGEBASE DETAIL PAGE - GALAXY THEME
   ============================================ */

/* KB Detail Hero */
.kb-detail-hero {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 70px 0 50px;
    position: relative;
    overflow: hidden;
}

.kb-detail-hero .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.kb-detail-hero .floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.35;
}

.kb-detail-hero .orb-1 {
    width: 250px;
    height: 250px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    top: -80px;
    right: 15%;
    animation: floatOrb1 8s ease-in-out infinite;
}

.kb-detail-hero .orb-2 {
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, #a78bfa, #667eea);
    bottom: -40px;
    left: 10%;
    animation: floatOrb2 10s ease-in-out infinite;
}

.kb-detail-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

.kb-detail-hero .kb-breadcrumb {
    justify-content: flex-start;
    margin-bottom: 20px;
}

.kb-detail-title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.kb-detail-meta {
    display: flex;
    align-items: center;
    gap: 24px;
}

.kb-detail-meta .meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
}

.kb-detail-meta .meta-item svg {
    stroke: #a78bfa;
}

/* KB Detail Section */
.kb-detail-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 60px 0 80px;
}

.kb-detail-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 40px;
}

.kb-detail-grid.full-width {
    grid-template-columns: 1fr;
}

.kb-detail-grid.full-width .kb-article-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

/* Article Wrapper */
.kb-article-wrapper {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.15);
    border-radius: 24px;
    padding: 40px;
}

.kb-article-content {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.kb-article-content h1,
.kb-article-content h2,
.kb-article-content h3,
.kb-article-content h4,
.kb-article-content h5,
.kb-article-content h6 {
    color: #ffffff;
    margin-top: 32px;
    margin-bottom: 16px;
}

.kb-article-content h1:first-child,
.kb-article-content h2:first-child,
.kb-article-content h3:first-child {
    margin-top: 0;
}

.kb-article-content p {
    margin-bottom: 16px;
}

.kb-article-content a {
    color: #a78bfa;
    text-decoration: none;
    transition: color 0.3s ease;
}

.kb-article-content a:hover {
    color: #c4b5fd;
    text-decoration: underline;
}

.kb-article-content ul,
.kb-article-content ol {
    margin-bottom: 16px;
    padding-left: 24px;
}

.kb-article-content li {
    margin-bottom: 8px;
}

.kb-article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 20px 0;
}

.kb-article-content pre,
.kb-article-content code {
    background: rgba(10, 10, 26, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 8px;
    font-family: 'Monaco', 'Consolas', monospace;
}

.kb-article-content code {
    padding: 2px 8px;
    font-size: 14px;
    color: #a78bfa;
}

.kb-article-content pre {
    padding: 20px;
    overflow-x: auto;
    margin: 20px 0;
}

.kb-article-content pre code {
    padding: 0;
    border: none;
    background: transparent;
}

.kb-article-content blockquote {
    margin: 20px 0;
    padding: 20px 24px;
    background: rgba(102, 126, 234, 0.1);
    border-left: 4px solid #667eea;
    border-radius: 0 12px 12px 0;
    color: rgba(255, 255, 255, 0.8);
}

.kb-article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.kb-article-content th,
.kb-article-content td {
    padding: 12px 16px;
    border: 1px solid rgba(102, 126, 234, 0.2);
    text-align: left;
}

.kb-article-content th {
    background: rgba(102, 126, 234, 0.1);
    color: #ffffff;
    font-weight: 600;
}

/* Ticket Box */
.kb-ticket-box {
    display: flex;
    align-items: center;
    gap: 20px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    border: 1px solid rgba(102, 126, 234, 0.25);
    border-radius: 16px;
    padding: 24px;
    margin-top: 40px;
}

.kb-ticket-box .ticket-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kb-ticket-box .ticket-icon svg {
    stroke: #a78bfa;
}

.kb-ticket-box .ticket-content {
    flex: 1;
}

.kb-ticket-box .ticket-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 6px 0;
}

.kb-ticket-box .ticket-content p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.kb-ticket-box .ticket-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.kb-ticket-box .ticket-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.kb-ticket-box .ticket-btn svg {
    stroke: #ffffff;
}

/* Voting Section */
.kb-voting-section {
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid rgba(102, 126, 234, 0.15);
}

.voting-content {
    text-align: center;
}

.voting-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0 0 20px 0;
}

.voting-buttons {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.vote-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.vote-btn.vote-useful {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
    color: #22c55e;
}

.vote-btn.vote-useful svg {
    stroke: #22c55e;
}

.vote-btn.vote-useful:hover {
    background: rgba(34, 197, 94, 0.2);
    border-color: rgba(34, 197, 94, 0.5);
    transform: translateY(-2px);
}

.vote-btn.vote-useless {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.vote-btn.vote-useless svg {
    stroke: #ef4444;
}

.vote-btn.vote-useless:hover {
    background: rgba(239, 68, 68, 0.2);
    border-color: rgba(239, 68, 68, 0.5);
    transform: translateY(-2px);
}

.vote-result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
}

.vote-result.vote-success {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #22c55e;
}

.vote-result.vote-success svg {
    stroke: #22c55e;
}

.vote-result.vote-failed {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #ef4444;
}

.vote-result.vote-failed svg {
    stroke: #ef4444;
}

.vote-result.vote-warning {
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #f59e0b;
}

.vote-result.vote-warning svg {
    stroke: #f59e0b;
}

/* KB Detail Responsive */
@media (max-width: 1200px) {
    .kb-detail-grid {
        grid-template-columns: 1fr 300px;
    }
}

@media (max-width: 992px) {
    .kb-detail-title {
        font-size: 30px;
    }
    
    .kb-detail-grid {
        grid-template-columns: 1fr;
    }
    
    .kb-ticket-box {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .kb-detail-hero {
        padding: 50px 0 40px;
    }
    
    .kb-detail-title {
        font-size: 26px;
    }
    
    .kb-detail-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .kb-detail-section {
        padding: 40px 0 60px;
    }
    
    .kb-article-wrapper {
        padding: 24px;
    }
    
    .voting-buttons {
        flex-direction: column;
    }
    
    .vote-btn {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .kb-detail-title {
        font-size: 22px;
    }
    
    .kb-detail-hero .kb-breadcrumb {
        flex-wrap: wrap;
    }
}

/* ============================================
   PAGE DETAIL (NORMAL) - GALAXY THEME
   Hakkımızda, Gizlilik Politikası vb. sayfalar
   ============================================ */

/* Page Hero Section */
.page-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.page-hero-section .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.page-hero-section .floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
}

.page-hero-section .orb-1 {
    width: 300px;
    height: 300px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    top: -100px;
    left: -100px;
    animation: float 15s ease-in-out infinite;
}

.page-hero-section .orb-2 {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #a78bfa, #667eea);
    top: 50%;
    right: 10%;
    animation: float 18s ease-in-out infinite reverse;
}

.page-hero-section .orb-3 {
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, #ec4899, #a78bfa);
    bottom: -50px;
    left: 30%;
    animation: float 12s ease-in-out infinite;
}

.page-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.page-hero-section .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #a78bfa;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.page-hero-section .section-badge svg {
    stroke: #a78bfa;
}

.page-hero-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
    line-height: 1.2;
}

.page-hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 25px 0;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

/* Page Breadcrumb */
.page-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(15, 15, 40, 0.5);
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid rgba(102, 126, 234, 0.2);
    backdrop-filter: blur(10px);
}

.page-breadcrumb a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.page-breadcrumb a:hover {
    color: #a78bfa;
}

.page-breadcrumb a svg {
    stroke: rgba(255, 255, 255, 0.5);
}

.page-breadcrumb a:hover svg {
    stroke: #a78bfa;
}

.page-breadcrumb > svg {
    stroke: rgba(255, 255, 255, 0.3);
}

.page-breadcrumb > span {
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
}

/* Page Content Section */
.page-content-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 60px 0 100px;
    min-height: 50vh;
}

.page-content-grid {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    align-items: start;
}

.page-content-grid.full-width {
    grid-template-columns: 1fr;
}

/* Main Content Card */
.page-main-content .content-card {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 40px;
    backdrop-filter: blur(20px);
}

/* Page Content Body - Typography */
.page-content-body {
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.page-content-body h1 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 24px 0;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(102, 126, 234, 0.3);
}

.page-content-body h2 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin: 35px 0 20px 0;
    position: relative;
    padding-left: 20px;
}

.page-content-body h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 24px;
    background: linear-gradient(135deg, #667eea, #a78bfa);
    border-radius: 2px;
}

.page-content-body h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 30px 0 16px 0;
}

.page-content-body h4 {
    font-size: 18px;
    font-weight: 600;
    color: #a78bfa;
    margin: 25px 0 14px 0;
}

.page-content-body h5,
.page-content-body h6 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
    margin: 20px 0 12px 0;
}

.page-content-body p {
    margin: 0 0 18px 0;
    color: rgba(255, 255, 255, 0.8);
}

.page-content-body a {
    color: #a78bfa;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.page-content-body a:hover {
    color: #667eea;
    border-bottom-color: #667eea;
}

.page-content-body strong,
.page-content-body b {
    color: #fff;
    font-weight: 600;
}

.page-content-body em,
.page-content-body i {
    color: rgba(255, 255, 255, 0.9);
}

/* Lists */
.page-content-body ul,
.page-content-body ol {
    margin: 0 0 24px 0;
    padding-left: 0;
    list-style: none;
}

.page-content-body ul li,
.page-content-body ol li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.page-content-body ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, #667eea, #a78bfa);
    border-radius: 50%;
}

.page-content-body ol {
    counter-reset: list-counter;
}

.page-content-body ol li {
    counter-increment: list-counter;
}

.page-content-body ol li::before {
    content: counter(list-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* Blockquote */
.page-content-body blockquote {
    margin: 30px 0;
    padding: 25px 30px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(167, 139, 250, 0.1));
    border-left: 4px solid #667eea;
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: rgba(255, 255, 255, 0.85);
}

.page-content-body blockquote p {
    margin: 0;
}

/* Code */
.page-content-body code {
    background: rgba(102, 126, 234, 0.15);
    color: #a78bfa;
    padding: 3px 8px;
    border-radius: 4px;
    font-family: 'Fira Code', monospace;
    font-size: 14px;
}

.page-content-body pre {
    background: rgba(10, 10, 26, 0.8);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 12px;
    padding: 20px;
    overflow-x: auto;
    margin: 25px 0;
}

.page-content-body pre code {
    background: none;
    padding: 0;
    color: rgba(255, 255, 255, 0.9);
}

/* Tables */
.page-content-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: rgba(10, 10, 26, 0.5);
    border-radius: 12px;
    overflow: hidden;
}

.page-content-body th {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    color: #fff;
    font-weight: 600;
    padding: 15px 20px;
    text-align: left;
    border-bottom: 1px solid rgba(102, 126, 234, 0.3);
}

.page-content-body td {
    padding: 14px 20px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
    color: rgba(255, 255, 255, 0.8);
}

.page-content-body tr:last-child td {
    border-bottom: none;
}

.page-content-body tr:hover td {
    background: rgba(102, 126, 234, 0.05);
}

/* Images */
.page-content-body img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 20px 0;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

/* Horizontal Rule */
.page-content-body hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.5), transparent);
    margin: 40px 0;
}

/* Page Sidebar */
.page-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: sticky;
    top: 100px;
}

.page-sidebar .sidebar-widget {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 16px;
    padding: 24px;
    backdrop-filter: blur(20px);
}

.page-sidebar .widget-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(102, 126, 234, 0.2);
}

.page-sidebar .widget-title svg {
    stroke: #a78bfa;
}

.page-sidebar .widget-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.page-sidebar .widget-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(102, 126, 234, 0.05);
    border: 1px solid rgba(102, 126, 234, 0.1);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.page-sidebar .widget-link svg {
    stroke: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.page-sidebar .widget-link .link-text {
    flex: 1;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    transition: all 0.3s ease;
}

.page-sidebar .widget-link .arrow-icon {
    opacity: 0;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}

.page-sidebar .widget-link:hover {
    background: rgba(102, 126, 234, 0.15);
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateX(5px);
}

.page-sidebar .widget-link:hover svg {
    stroke: #a78bfa;
}

.page-sidebar .widget-link:hover .link-text {
    color: #fff;
}

.page-sidebar .widget-link:hover .arrow-icon {
    opacity: 1;
    transform: translateX(0);
}

.page-sidebar .widget-link.active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border-color: rgba(102, 126, 234, 0.4);
}

.page-sidebar .widget-link.active svg {
    stroke: #a78bfa;
}

.page-sidebar .widget-link.active .link-text {
    color: #fff;
    font-weight: 500;
}

/* Sidebar Contact Box */
.sidebar-contact-box {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 16px;
    padding: 30px 24px;
    text-align: center;
    backdrop-filter: blur(20px);
}

.sidebar-contact-box .contact-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sidebar-contact-box .contact-icon svg {
    stroke: #fff;
}

.sidebar-contact-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px 0;
}

.sidebar-contact-box p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 20px 0;
}

.sidebar-contact-box .contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sidebar-contact-box .contact-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}

.sidebar-contact-box .contact-btn svg {
    stroke: #fff;
}

/* Page Detail Responsive */
@media (max-width: 1024px) {
    .page-content-grid {
        grid-template-columns: 1fr;
    }
    
    .page-sidebar {
        position: relative;
        top: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .page-sidebar .sidebar-widget,
    .sidebar-contact-box {
        flex: 1;
        min-width: 280px;
    }
}

@media (max-width: 768px) {
    .page-hero-section {
        padding: 80px 0 50px;
    }
    
    .page-hero-title {
        font-size: 32px;
    }
    
    .page-hero-desc {
        font-size: 16px;
    }
    
    .page-content-section {
        padding: 40px 0 60px;
    }
    
    .page-main-content .content-card {
        padding: 28px;
    }
    
    .page-content-body h1 {
        font-size: 26px;
    }
    
    .page-content-body h2 {
        font-size: 22px;
    }
    
    .page-content-body h3 {
        font-size: 18px;
    }
    
    .page-sidebar {
        flex-direction: column;
    }
    
    .page-sidebar .sidebar-widget,
    .sidebar-contact-box {
        min-width: 100%;
    }
}

@media (max-width: 480px) {
    .page-hero-title {
        font-size: 26px;
    }
    
    .page-breadcrumb {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 16px;
    }
    
    .page-main-content .content-card {
        padding: 20px;
        border-radius: 16px;
    }
    
    .page-content-body {
        font-size: 15px;
    }
    
    .page-content-body blockquote {
        padding: 20px;
    }
    
    .page-content-body th,
    .page-content-body td {
        padding: 10px 14px;
        font-size: 14px;
    }
}

/* ============================================
   SPECIAL PRODUCTS (CATEGORY) - GALAXY THEME
   Web Sitesi Paketleri, Özel Ürünler vb.
   ============================================ */

/* SP Hero Section */
.sp-hero-section {
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 100px 0 60px;
    position: relative;
    overflow: hidden;
}

.sp-hero-section .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.sp-hero-section .floating-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
}

.sp-hero-section .orb-1 {
    width: 350px;
    height: 350px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    top: -150px;
    left: -100px;
    animation: float 15s ease-in-out infinite;
}

.sp-hero-section .orb-2 {
    width: 250px;
    height: 250px;
    background: linear-gradient(135deg, #a78bfa, #667eea);
    top: 20%;
    right: 5%;
    animation: float 18s ease-in-out infinite reverse;
}

.sp-hero-section .orb-3 {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #ec4899, #a78bfa);
    bottom: -80px;
    left: 40%;
    animation: float 12s ease-in-out infinite;
}

.sp-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
}

.sp-hero-section .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #a78bfa;
    margin-bottom: 20px;
    backdrop-filter: blur(10px);
}

.sp-hero-section .section-badge svg {
    stroke: #a78bfa;
}

.sp-hero-title {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
    line-height: 1.2;
    background: linear-gradient(135deg, #fff 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sp-hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 25px 0;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* SP Breadcrumb */
.sp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(15, 15, 40, 0.5);
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid rgba(102, 126, 234, 0.2);
    backdrop-filter: blur(10px);
}

.sp-breadcrumb a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.sp-breadcrumb a:hover {
    color: #a78bfa;
}

.sp-breadcrumb a svg {
    stroke: rgba(255, 255, 255, 0.5);
}

.sp-breadcrumb a:hover svg {
    stroke: #a78bfa;
}

.sp-breadcrumb > svg {
    stroke: rgba(255, 255, 255, 0.3);
}

.sp-breadcrumb > span {
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
}

/* SP Categories Section */
.sp-categories-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 30px 0;
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

.sp-categories-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.sp-category-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sp-category-btn i {
    font-size: 16px;
    color: #a78bfa;
}

.sp-category-btn img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.sp-category-btn:hover {
    background: rgba(102, 126, 234, 0.15);
    border-color: rgba(102, 126, 234, 0.4);
    color: #fff;
    transform: translateY(-2px);
}

.sp-category-btn.active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.3), rgba(118, 75, 162, 0.3));
    border-color: rgba(102, 126, 234, 0.5);
    color: #fff;
}

/* SP Products Section */
.sp-products-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 50%, #0a0a1a 100%);
    padding: 60px 0 80px;
}

.sp-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.sp-subcategory-title {
    margin: 50px 0 30px;
    text-align: center;
}

.sp-subcategory-title h3 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 15px;
}

.sp-subcategory-title h3::before,
.sp-subcategory-title h3::after {
    content: '';
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.5));
}

.sp-subcategory-title h3::after {
    background: linear-gradient(90deg, rgba(102, 126, 234, 0.5), transparent);
}

/* SP Product Card */
.sp-product-card {
    background: rgba(15, 15, 40, 0.7);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 24px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
}

.sp-product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2, #a78bfa);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sp-product-card:hover {
    transform: translateY(-8px);
    border-color: rgba(102, 126, 234, 0.4);
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.2);
}

.sp-product-card:hover::before {
    opacity: 1;
}

.sp-product-card.popular {
    border-color: rgba(167, 139, 250, 0.4);
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
}

.sp-product-card.popular::before {
    opacity: 1;
}

/* Popular Badge */
.sp-popular-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}

.sp-popular-badge svg {
    stroke: #fff;
    fill: rgba(255, 255, 255, 0.3);
}

/* Card Header */
.sp-card-header {
    text-align: center;
    margin-bottom: 25px;
}

.sp-card-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.sp-card-icon svg {
    stroke: #a78bfa;
}

.sp-card-title {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 8px 0;
}

.sp-card-subtitle {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

/* Card Pricing */
.sp-card-pricing {
    text-align: center;
    padding: 20px 0;
    margin-bottom: 20px;
    border-top: 1px solid rgba(102, 126, 234, 0.15);
    border-bottom: 1px solid rgba(102, 126, 234, 0.15);
}

.sp-price-period {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sp-price-amount {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.sp-currency {
    font-size: 20px;
    font-weight: 600;
    color: #a78bfa;
    line-height: 1.2;
}

.sp-currency.left {
    align-self: flex-start;
    margin-top: 8px;
}

.sp-currency.right {
    align-self: flex-end;
    margin-bottom: 8px;
}

.sp-amount {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    background: linear-gradient(135deg, #fff 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Card Features */
.sp-card-features {
    flex: 1;
    margin-bottom: 25px;
}

.sp-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(102, 126, 234, 0.08);
}

.sp-feature-item:last-child {
    border-bottom: none;
}

.sp-feature-item svg {
    flex-shrink: 0;
    stroke: #10b981;
    margin-top: 2px;
}

.sp-feature-item span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
}

.sp-feature-item span strong {
    color: #fff;
}

/* Card Action */
.sp-card-action {
    margin-top: auto;
}

.sp-buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.sp-buy-btn svg {
    stroke: #fff;
}

.sp-buy-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}

.sp-buy-btn.disabled {
    background: rgba(100, 100, 120, 0.3);
    cursor: not-allowed;
}

.sp-buy-btn.disabled:hover {
    transform: none;
    box-shadow: none;
}

/* SP Features Section */
.sp-features-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 80px 0;
}

.sp-features-header {
    text-align: center;
    margin-bottom: 50px;
}

.sp-features-header .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #a78bfa;
    margin-bottom: 20px;
}

.sp-features-header .section-badge svg {
    stroke: #a78bfa;
    fill: rgba(167, 139, 250, 0.3);
}

.sp-features-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px 0;
}

.sp-features-desc {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.sp-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.sp-feature-card {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.sp-feature-card:hover {
    transform: translateY(-5px);
    border-color: rgba(102, 126, 234, 0.4);
    background: rgba(102, 126, 234, 0.1);
}

.sp-feature-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.sp-feature-icon svg {
    stroke: #a78bfa;
}

.sp-feature-card h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px 0;
}

.sp-feature-card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
    line-height: 1.6;
}

/* SP Content Section */
.sp-content-section {
    background: #0a0a1a;
    padding: 60px 0;
}

.sp-content-wrapper {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 20px;
    padding: 40px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
}

.sp-content-wrapper h1,
.sp-content-wrapper h2,
.sp-content-wrapper h3,
.sp-content-wrapper h4 {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 15px;
}

.sp-content-wrapper h1:first-child,
.sp-content-wrapper h2:first-child {
    margin-top: 0;
}

.sp-content-wrapper a {
    color: #a78bfa;
    text-decoration: none;
}

.sp-content-wrapper a:hover {
    color: #667eea;
}

/* SP FAQ Section */
.sp-faq-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 80px 0;
}

.sp-faq-header {
    text-align: center;
    margin-bottom: 50px;
}

.sp-faq-header .section-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.15);
    border: 1px solid rgba(102, 126, 234, 0.3);
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #a78bfa;
    margin-bottom: 20px;
}

.sp-faq-header .section-badge svg {
    stroke: #a78bfa;
}

.sp-faq-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.sp-faq-list {
    max-width: 900px;
    margin: 0 auto;
}

.sp-faq-item {
    background: rgba(15, 15, 40, 0.6);
    border: 1px solid rgba(102, 126, 234, 0.2);
    border-radius: 16px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.sp-faq-item:hover {
    border-color: rgba(102, 126, 234, 0.4);
}

.sp-faq-question {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.sp-faq-question svg {
    stroke: #a78bfa;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.sp-faq-question:hover {
    background: rgba(102, 126, 234, 0.1);
}

.ui-accordion-header-active .sp-faq-question svg,
.sp-faq-item.active .sp-faq-question svg {
    transform: rotate(90deg);
}

.sp-faq-answer {
    padding: 0 25px 20px 54px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}

/* SP CTA Section */
.sp-cta-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 80px 0;
}

.sp-cta-card {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15), rgba(118, 75, 162, 0.15));
    border: 1px solid rgba(102, 126, 234, 0.3);
    border-radius: 24px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.sp-cta-content h2 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px 0;
}

.sp-cta-content p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.sp-cta-actions {
    display: flex;
    gap: 15px;
    flex-shrink: 0;
}

.sp-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.sp-cta-btn.primary {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
}

.sp-cta-btn.primary svg {
    stroke: #fff;
}

.sp-cta-btn.primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.4);
}

.sp-cta-btn.secondary {
    background: rgba(37, 211, 102, 0.15);
    border: 1px solid rgba(37, 211, 102, 0.3);
    color: #25d366;
}

.sp-cta-btn.secondary svg {
    fill: #25d366;
}

.sp-cta-btn.secondary:hover {
    background: rgba(37, 211, 102, 0.25);
    transform: translateY(-3px);
}

/* SP Responsive */
@media (max-width: 1200px) {
    .sp-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .sp-hero-title {
        font-size: 38px;
    }
    
    .sp-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .sp-cta-card {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .sp-hero-section {
        padding: 80px 0 50px;
    }
    
    .sp-hero-title {
        font-size: 32px;
    }
    
    .sp-hero-desc {
        font-size: 16px;
    }
    
    .sp-products-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .sp-features-grid {
        grid-template-columns: 1fr;
    }
    
    .sp-features-section,
    .sp-faq-section,
    .sp-cta-section {
        padding: 50px 0;
    }
    
    .sp-features-title,
    .sp-faq-title {
        font-size: 28px;
    }
    
    .sp-cta-card {
        padding: 30px;
    }
    
    .sp-cta-content h2 {
        font-size: 24px;
    }
    
    .sp-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .sp-cta-btn {
        justify-content: center;
    }
    
    .sp-categories-nav {
        gap: 8px;
    }
    
    .sp-category-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .sp-hero-title {
        font-size: 26px;
    }
    
    .sp-breadcrumb {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 16px;
    }
    
    .sp-product-card {
        padding: 24px;
    }
    
    .sp-amount {
        font-size: 38px;
    }
    
    .sp-faq-question {
        padding: 16px 20px;
        font-size: 15px;
    }
    
    .sp-faq-answer {
        padding: 0 20px 16px 44px;
    }
}

/* =====================================================
   HOSTING PRODUCTS PAGE - Galaxy Theme
   ===================================================== */

/* Hero Section */
.hp-hero-section {
    position: relative;
    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #0f0f23 100%);
    padding: 140px 0 80px;
    overflow: hidden;
}

.hp-hero-section .hero-bg-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.hp-hero-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.hp-hero-title {
    font-size: 48px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.2;
    text-shadow: 0 0 40px rgba(102, 126, 234, 0.3);
}

.hp-hero-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Hero Features */
.hp-hero-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 40px;
}

.hp-hero-feature {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(102, 126, 234, 0.1);
    border: 1px solid rgba(102, 126, 234, 0.2);
    padding: 10px 20px;
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}

.hp-hero-feature svg {
    color: #667eea;
    flex-shrink: 0;
}

.hp-hero-feature strong {
    color: #a78bfa;
}

/* Breadcrumb */
.hp-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    padding: 12px 24px;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hp-breadcrumb a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.hp-breadcrumb a:hover {
    color: #667eea;
}

.hp-breadcrumb > svg {
    color: rgba(255, 255, 255, 0.3);
    width: 14px;
    height: 14px;
}

.hp-breadcrumb span {
    color: #a78bfa;
    font-size: 14px;
    font-weight: 500;
}

/* Categories Section */
.hp-categories-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.hp-categories-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
}

.hp-category-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hp-category-btn i {
    font-size: 18px;
    color: #667eea;
}

.hp-category-btn img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.hp-category-btn:hover {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.3);
    color: #ffffff;
    transform: translateY(-2px);
}

.hp-category-btn.active {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2) 0%, rgba(118, 75, 162, 0.2) 100%);
    border-color: #667eea;
    color: #ffffff;
    box-shadow: 0 0 30px rgba(102, 126, 234, 0.2);
}

/* Products Section */
.hp-products-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 60px 0 80px;
}

.hp-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.hp-subcategory-title {
    margin: 50px 0 30px;
    text-align: center;
}

.hp-subcategory-title h3 {
    font-size: 28px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.hp-subcategory-title h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 2px;
}

/* Product Card */
.hp-product-card {
    position: relative;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 35px 30px;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hp-product-card:hover {
    transform: translateY(-8px);
    border-color: rgba(102, 126, 234, 0.3);
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15);
    background: rgba(255, 255, 255, 0.04);
}

.hp-product-card.popular {
    border-color: rgba(167, 139, 250, 0.5);
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
}

.hp-product-card.popular::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2, #a78bfa);
    border-radius: 20px 20px 0 0;
}

.hp-popular-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 50px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.hp-popular-badge svg {
    width: 12px;
    height: 12px;
}

.hp-card-header {
    text-align: center;
    margin-bottom: 25px;
}

.hp-card-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.hp-card-icon svg {
    color: #667eea;
}

.hp-card-title {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.hp-card-subtitle {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

/* Card Pricing */
.hp-card-pricing {
    text-align: center;
    margin-bottom: 25px;
    padding: 25px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.hp-price-period {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.hp-price-amount {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 4px;
}

.hp-currency {
    font-size: 24px;
    font-weight: 600;
    color: #a78bfa;
    line-height: 1;
}

.hp-currency.left {
    margin-top: 10px;
}

.hp-currency.right {
    margin-top: 10px;
}

.hp-amount {
    font-size: 52px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    background: linear-gradient(135deg, #ffffff 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Card Action */
.hp-card-action-top {
    margin-bottom: 25px;
}

.hp-buy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hp-buy-btn svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

.hp-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
    color: #ffffff;
}

/* Card Features */
.hp-card-features {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hp-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.hp-feature-item:last-child {
    border-bottom: none;
}

.hp-feature-item svg {
    color: #667eea;
    flex-shrink: 0;
}

.hp-feature-item span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
}

.hp-feature-item strong {
    color: #a78bfa;
}

/* Features Section */
.hp-features-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 80px 0;
}

.hp-features-header {
    text-align: center;
    margin-bottom: 50px;
}

.hp-features-title {
    font-size: 36px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 15px;
}

.hp-features-desc {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.6);
    max-width: 600px;
    margin: 0 auto;
}

.hp-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.hp-feature-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.hp-feature-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateY(-5px);
}

.hp-feature-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.hp-feature-icon svg {
    color: #667eea;
}

.hp-feature-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

.hp-feature-card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.6;
}

/* Benefits Section */
.hp-benefits-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 80px 0;
}

.hp-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.hp-benefit-card {
    display: flex;
    gap: 25px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 35px;
    transition: all 0.3s ease;
}

.hp-benefit-card:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateY(-3px);
}

.hp-benefit-icon {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.hp-benefit-icon svg {
    color: #667eea;
}

.hp-benefit-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.hp-benefit-content p {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
}

/* Tech Section */
.hp-tech-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 80px 0;
}

.hp-tech-header {
    text-align: center;
    margin-bottom: 50px;
}

.hp-tech-title {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
}

.hp-tech-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.hp-tech-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 30px 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.hp-tech-card:hover {
    background: rgba(102, 126, 234, 0.08);
    border-color: rgba(102, 126, 234, 0.3);
    transform: translateY(-5px);
}

.hp-tech-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.hp-tech-icon svg {
    color: #a78bfa;
}

.hp-tech-card h4 {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
}

.hp-tech-card p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

/* FAQ Section */
.hp-faq-section {
    background: linear-gradient(180deg, #0a0a1a 0%, #0f0f23 100%);
    padding: 80px 0;
}

.hp-faq-header {
    text-align: center;
    margin-bottom: 50px;
}

.hp-faq-title {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
}

.hp-faq-list {
    max-width: 900px;
    margin: 0 auto;
}

/* jQuery UI Accordion Override */
.hp-faq-list.ui-accordion {
    border: none !important;
    background: transparent !important;
}

.hp-faq-item {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    margin-bottom: 16px !important;
    overflow: hidden;
    transition: all 0.3s ease;
}

.hp-faq-item:hover {
    border-color: rgba(102, 126, 234, 0.3) !important;
}

.hp-faq-question {
    display: flex !important;
    align-items: center !important;
    gap: 15px;
    padding: 20px 25px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.hp-faq-question:focus {
    outline: none !important;
}

.hp-faq-question svg {
    color: #667eea;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    width: 16px !important;
    height: 16px !important;
}

.hp-faq-question.ui-accordion-header-active svg,
.hp-faq-question.ui-state-active svg {
    transform: rotate(90deg);
}

.hp-faq-answer {
    padding: 0 25px 20px 56px !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    line-height: 1.7 !important;
    background: transparent !important;
    border: none !important;
}

.hp-faq-answer p {
    margin-bottom: 10px;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.hp-faq-answer ul,
.hp-faq-answer ol {
    padding-left: 20px;
    margin-bottom: 10px;
}

.hp-faq-answer li {
    margin-bottom: 5px;
    font-size: 14px !important;
}

/* jQuery UI State Override */
.hp-faq-list .ui-state-default,
.hp-faq-list .ui-widget-content .ui-state-default,
.hp-faq-list .ui-widget-header .ui-state-default {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.hp-faq-list .ui-state-hover,
.hp-faq-list .ui-widget-content .ui-state-hover,
.hp-faq-list .ui-state-focus,
.hp-faq-list .ui-widget-content .ui-state-focus {
    background: rgba(102, 126, 234, 0.1) !important;
    border: none !important;
    color: #ffffff !important;
}

.hp-faq-list .ui-state-active,
.hp-faq-list .ui-widget-content .ui-state-active {
    background: rgba(102, 126, 234, 0.15) !important;
    border: none !important;
    color: #ffffff !important;
}

.hp-faq-list .ui-accordion-content {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.hp-faq-list .ui-accordion-header-icon {
    display: none !important;
}

/* CTA Section */
.hp-cta-section {
    background: linear-gradient(180deg, #0f0f23 0%, #0a0a1a 100%);
    padding: 60px 0 80px;
}

.hp-cta-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.12) 0%, rgba(118, 75, 162, 0.12) 100%);
    border: 1px solid rgba(102, 126, 234, 0.25);
    border-radius: 24px;
    padding: 50px 60px;
    position: relative;
    overflow: hidden;
}

.hp-cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2, #a78bfa);
}

.hp-cta-content h2 {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
}

.hp-cta-content p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    max-width: 500px;
}

.hp-cta-actions {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

.hp-cta-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 30px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.hp-cta-btn.primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #ffffff;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.3);
}

.hp-cta-btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);
    color: #ffffff;
}

.hp-cta-btn.secondary {
    background: rgba(37, 211, 102, 0.15);
    border: 1px solid rgba(37, 211, 102, 0.4);
    color: #25d366;
}

.hp-cta-btn.secondary:hover {
    background: rgba(37, 211, 102, 0.25);
    transform: translateY(-2px);
    color: #25d366;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .hp-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hp-tech-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .hp-hero-title {
        font-size: 40px;
    }
    
    .hp-products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hp-benefits-grid {
        grid-template-columns: 1fr;
    }
    
    .hp-cta-card {
        flex-direction: column;
        text-align: center;
        padding: 40px;
    }
    
    .hp-cta-content p {
        max-width: none;
    }
}

@media (max-width: 768px) {
    .hp-hero-section {
        padding: 120px 0 60px;
    }
    
    .hp-hero-title {
        font-size: 32px;
    }
    
    .hp-hero-desc {
        font-size: 16px;
    }
    
    .hp-hero-features {
        gap: 12px;
    }
    
    .hp-hero-feature {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .hp-categories-nav {
        gap: 10px;
    }
    
    .hp-category-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .hp-products-grid {
        grid-template-columns: 1fr;
    }
    
    .hp-features-grid {
        grid-template-columns: 1fr;
    }
    
    .hp-features-title,
    .hp-tech-title,
    .hp-faq-title {
        font-size: 26px;
    }
    
    .hp-benefit-card {
        flex-direction: column;
        text-align: center;
    }
    
    .hp-benefit-icon {
        margin: 0 auto;
    }
    
    .hp-tech-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    
    .hp-cta-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .hp-cta-btn {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .hp-hero-title {
        font-size: 26px;
    }
    
    .hp-breadcrumb {
        flex-wrap: wrap;
        justify-content: center;
        padding: 10px 16px;
    }
    
    .hp-product-card {
        padding: 25px 20px;
    }
    
    .hp-amount {
        font-size: 42px;
    }
    
    .hp-faq-question {
        padding: 16px 18px !important;
        font-size: 14px !important;
    }
    
    .hp-faq-answer {
        padding: 0 18px 16px 44px !important;
        font-size: 13px !important;
    }
    
    .hp-cta-card {
        padding: 30px 20px;
    }
    
    .hp-cta-content h2 {
        font-size: 22px;
    }
}

/* ===========================
   FOOTER ALTI BEYAZ BOŞLUK DÜZELTMESİ
   =========================== */
html, body {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body#home,
body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background-color: #0a1628 !important;
}

/* Footer sonrası tüm elementler */
.cd-top,
a.cd-top {
    position: fixed !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

.ynbrmus {
    position: fixed !important;
}

/* Footer modern - sayfa sonunda boşluk kalmasın */
.footer-modern {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Clear div boşluk oluşturmasın */
.clear {
    clear: both;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

/* Body ve HTML sonrası elementler */
body::after {
    display: none !important;
}
/* ===========================
   MODERN HOSTING TABLE REDESIGN
   Dark Glassmorphism Theme
   =========================== */

#wrapper .tablopaketler.products_list {
    background: linear-gradient(135deg, rgba(10, 22, 40, 0.98) 0%, rgba(22, 34, 54, 0.98) 50%, rgba(13, 27, 42, 0.98) 100%) !important;
    border-radius: 25px !important;
    padding: 40px 30px 50px !important;
    margin: 30px auto !important;
    border: 1px solid rgba(102, 126, 234, 0.3) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(102, 126, 234, 0.15) !important;
}

.products_list .pakettitle { color: #ffffff !important; padding-bottom: 30px !important; }
.products_list .pakettitle h1 { color: #ffffff !important; font-size: 2.2rem !important; font-weight: 800 !important; }
.products_list .pakettitle h1 strong { background: linear-gradient(135deg, #00d4ff, #667eea, #764ba2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.products_list .pakettitle h2 { color: rgba(255, 255, 255, 0.75) !important; font-size: 1.1rem !important; }

.products_list .miotab-labels { display: flex !important; justify-content: center !important; gap: 15px !important; flex-wrap: wrap !important; margin-bottom: 35px !important; }
.products_list .miotab-labels a.gonderbtn { background: linear-gradient(135deg, rgba(102, 126, 234, 0.3), rgba(118, 75, 162, 0.3)) !important; border: 1px solid rgba(102, 126, 234, 0.4) !important; color: #ffffff !important; padding: 14px 28px !important; border-radius: 50px !important; font-size: 14px !important; font-weight: 600 !important; transition: all 0.3s ease !important; }
.products_list .miotab-labels a.gonderbtn:hover, .products_list .miotab-labels a.gonderbtn.active { background: linear-gradient(135deg, #667eea, #764ba2) !important; border-color: #667eea !important; transform: translateY(-3px) !important; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4) !important; }

.products_list .tablepaket { background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 20px !important; margin: 12px !important; padding: 0 0 25px 0 !important; transition: all 0.4s ease !important; width: calc(33.33% - 24px) !important; min-width: 280px !important; overflow: hidden !important; }
.products_list .tablepaket:hover { transform: translateY(-10px) !important; border-color: rgba(0, 212, 255, 0.4) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 0 0 40px rgba(0, 212, 255, 0.15) !important; }

.products_list .tablepaket .tpakettitle { background: linear-gradient(135deg, rgba(0, 212, 255, 0.15), transparent) !important; color: #ffffff !important; font-size: 1.5rem !important; font-weight: 700 !important; padding: 25px 20px !important; height: auto !important; line-height: 1.4 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
.products_list .tablepaket img { filter: brightness(0) invert(1) !important; opacity: 0.9 !important; margin: 20px auto !important; display: block !important; }

.products_list .tablepaket .products_features { color: rgba(255, 255, 255, 0.85) !important; font-size: 14px !important; line-height: 2.2 !important; padding: 20px 25px !important; text-align: left !important; }
.products_list .tablepaket .products_features i { color: #00d4ff !important; margin-right: 10px !important; }
.products_list .tablepaket .products_features strong { color: #00d4ff !important; }

.products_list .tablepaket h3, .products_list .tablepaket h3 div { color: #ffffff !important; font-size: 2rem !important; font-weight: 800 !important; }
.products_list .tablepaket h4 { color: rgba(255, 255, 255, 0.6) !important; }

.products_list .tablepaket .gonderbtn { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; color: #ffffff !important; padding: 16px 40px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 600 !important; border: none !important; width: calc(100% - 40px) !important; margin: 0 20px !important; transition: all 0.3s ease !important; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4) !important; }
.products_list .tablepaket .gonderbtn:hover { transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 15px 40px rgba(102, 126, 234, 0.5) !important; }

@media (max-width: 1200px) { .products_list .tablepaket { width: calc(50% - 24px) !important; } }
@media (max-width: 768px) { #wrapper .tablopaketler.products_list { padding: 25px 15px 35px !important; margin: 15px 10px !important; } .products_list .tablepaket { width: calc(100% - 20px) !important; min-width: auto !important; } }

/* ========================
   FULLSCREEN SLIDER - TAM EKRAN
   ======================== */

/* Ana Slider Section */
section.home-slider {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: none !important;
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Fullscreen Slider Container */
#rev_slider_58_1_wrapper,
#rev_slider_58_1_wrapper.fullscreen-container,
#rev_slider_58_1_wrapper.fullwidthbanner-container {
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rev_slider_58_1,
#rev_slider_58_1.fullscreenbanner,
#rev_slider_58_1.fullwidthabanner {
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Forcer Element */
.rev_slider_wrapper .tp-fullscreen-forcer,
#rev_slider_58_1_wrapper .tp-fullscreen-forcer {
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Revslider Main UL */
.tp-revslider-mainul {
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Slide Items */
.tp-revslider-slidesli,
.rev_slider > ul > li {
    height: 100vh !important;
    min-height: 100vh !important;
}

/* Slider background image cover */
.rev_slider .rev-slidebg,
.rev_slider .rs-background-video-layer {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Responsive Tablet */
@media screen and (max-width: 1024px) {
    section.home-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        margin-top: 0 !important;
    }
    
    #rev_slider_58_1_wrapper,
    #rev_slider_58_1_wrapper.fullscreen-container {
        height: 100vh !important;
        min-height: 100vh !important;
    }
    
    section.home-slider .slider-items .item {
        padding: 40px 20px !important;
        top: 0 !important;
    }
    
    section.home-slider .slider-items .item h3.title {
        font-size: 26px !important;
    }
    
    section.home-slider .slider-items .item h4.top-title {
        font-size: 18px !important;
    }
}

/* Responsive Mobile */
@media screen and (max-width: 768px) {
    section.home-slider {
        height: 100vh !important;
        min-height: 100vh !important;
        min-height: 100svh !important;
        margin-top: 0 !important;
    }
    
    #rev_slider_58_1_wrapper,
    #rev_slider_58_1_wrapper.fullscreen-container,
    #rev_slider_58_1_wrapper.fullwidthbanner-container {
        height: 100vh !important;
        min-height: 100vh !important;
        height: 100svh !important;
    }
    
    #rev_slider_58_1,
    .tp-revslider-mainul,
    .tp-revslider-slidesli {
        height: 100vh !important;
        min-height: 100vh !important;
    }
    
    section.home-slider .slider-items .item {
        padding: 30px 15px !important;
        top: 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    section.home-slider .slider-items .item h3.title {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    section.home-slider .slider-items .item h4.top-title {
        font-size: 16px !important;
    }
    
    section.home-slider .slider-items .item .price {
        text-align: center !important;
    }
    
    section.home-slider .slider-items .item .price a.detail {
        display: inline-block !important;
        float: none !important;
        margin: 10px auto !important;
    }
}

/* Responsive Small Mobile */
@media screen and (max-width: 480px) {
    section.home-slider {
        height: 100vh !important;
        height: 100svh !important;
        min-height: -webkit-fill-available !important;
    }
    
    #rev_slider_58_1_wrapper,
    #rev_slider_58_1_wrapper.fullscreen-container {
        height: 100vh !important;
        height: 100svh !important;
    }
    
    section.home-slider .slider-items .item h3.title {
        font-size: 18px !important;
    }
    
    section.home-slider .slider-items .item h4.top-title {
        font-size: 14px !important;
    }
    
    section.home-slider .slider-items .item .price a.detail {
        padding: 0 25px !important;
        font-size: 14px !important;
    }
}

/* Slider Nav Bullets Responsive */
@media screen and (max-width: 768px) {
    .tp-bullets {
        bottom: 30px !important;
    }
    
    .tp-bullet {
        width: 10px !important;
        height: 10px !important;
    }
}