/* header hover */
* {
    font-family: 'Nunito', sans-serif;
}

.fs-12 {
    font-size: 0.75rem !important;
    line-height: 1.5;
}

.fs-13 {
    font-size: 0.8125rem !important;
    line-height: 1.5;
}

.fs-14 {
    font-size: 0.875rem !important;
    line-height: 1.6;
}

.fs-15 {
    font-size: 0.875rem !important;
    line-height: 1.5;
}

.fs-16 {
    font-size: 1rem !important;
    line-height: 1.6;
    @include respond ('phone') {
        font-size: 0.875rem !important;
    }
}

.fs-17 {
    font-size: 1.10rem !important;
    line-height: 1.5;
    @include respond ('phone') {
        font-size: 1rem !important;
    }
}

.fs-18 {
    font-size: 1.125rem !important;
    line-height: 1.5;
    @include respond ('phone') {
        font-size: 1rem !important;
    }
}

.fs-19 {
    font-size: 1.2rem !important;
    line-height: 1.5;
    @include respond ('phone') {
        font-size: 1rem !important;
    }
}

.fs-20 {
    font-size: 1.25rem !important;
    line-height: 1.5;
}

.fs-22 {
    font-size: 1.375rem !important;
    line-height: 1.5;
}

.fs-23 {
    font-size: 1.43rem !important;
    line-height: 1.5;
}

.fs-24 {
    font-size: 1.5rem !important;
    line-height: 1.4;
}

.fs-26 {
    font-size: 1.625rem !important;
    line-height: 1.4;
}

.fs-28 {
    font-size: 1.75rem !important;
    line-height: 1.4;
    @include respond ('phone') {
        font-size: 1.5rem !important;
    }
}

.fs-30 {
    font-size: 1.875rem !important;
    line-height: 1.4;
}

.fs-32 {
    font-size: 2rem !important;
}

.fs-34 {
    font-size: 2.125rem !important;
    line-height: 1.25;
}

.fs-35 {
    font-size: 2.1875rem !important;
    line-height: 1.25;
}

.fs-36 {
    font-size: 2.25rem !important;
    line-height: 1.25;
}

.fs-38 {
    font-size: 2.375rem !important;
    line-height: 1.25;
}

.fs-46 {
    font-size: 2.875rem !important;
    line-height: 1.25;
}

.fs-48 {
    font-size: 3rem !important;
    line-height: 1.25;
}

.font-w100 {
    font-weight: 100 !important;
}

.font-w200 {
    font-weight: 200 !important;
}

.font-w300 {
    font-weight: 300 !important;
}

.font-w400 {
    font-weight: 400 !important;
}

.font-w500 {
    font-weight: 500 !important;
}

.font-w600 {
    font-weight: 600 !important;
}

.font-w700 {
    font-weight: 700 !important;
}

.font-w800 {
    font-weight: 800 !important;
}

.font-w900 {
    font-weight: 900 !important;
}

.margin-b10 {
    margin-bottom: 10px;
}

.margin-b15 {
    margin-bottom: 15px;
}

.margin-b20 {
    margin-bottom: 20px;
}

.margin-b25 {
    margin-bottom: 25px;
}

.margin-b30 {
    margin-bottom: 30px;
}

.margin-b35 {
    margin-bottom: 35px;
}

.margin-b40 {
    margin-bottom: 40px;
}

.margin-b45 {
    margin-bottom: 45px;
}

.margin-b50 {
    margin-bottom: 50px;
}

.margin-t10 {
    margin-top: 10px;
}

.margin-t15 {
    margin-top: 15px;
}

.margin-t20 {
    margin-top: 20px;
}

.margin-t25 {
    margin-top: 25px;
}

.margin-t30 {
    margin-top: 30px;
}

.margin-t35 {
    margin-top: 35px;
}

.margin-t40 {
    margin-top: 40px;
}

.margin-t45 {
    margin-top: 45px;
}

.margin-t50 {
    margin-top: 50px;
}


.middle-menu li:hover .yamm-dropdown-menu {
    display: block !important
}

.yamm .dropdown-menu {
    top: 98% !important;
    width: 1113px !important;
    margin: 0 auto;
    left: -171px;
    right: 0;
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #e4e2e2;
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    animation-name: slidenavAnimation;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: .3s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
    background-color: rgba(40, 40, 40, 0.9);
}

.yamm .yamm-content a:hover b, .yamm .yamm-content a:hover strong {
    color: #3f8dbf !important;
}

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

.yamm .yamm-content {
    padding: 0px 10px 0px !important;
    margin: 0;
}

.yamm-content .section-box-menu {
    color: #999;
    font-weight: 300;
    transition: all 0.3s ease;
    padding-top: 25px;
}

.wpb_raw_code {
    margin-bottom: 20px;
    min-height: unset;
}

.n11-scale-set {
    scale: 0.6 !important;
}

.menu-flex {
    display: flex;
}

.pazaryeri-box img {
    scale: 0.8;
}

.yamm-content .section-box-menu .wpb_wrapper > i {
    float: left;
    color: #6e7a83;
    font-size: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 14px;
    margin-right: 0px;
    max-width: 40px;
    /* border-right: 1px solid #eee; */
    transition: all 0.3s ease;
}

.yamm-content .section-box-menu .wpb_wrapper > img {
    max-height: 37px;
    margin-right: 14px;
}


.menu-border {
    padding-left: 12px;
    border-left: 1px solid #eee;
}

.yamm .yamm-content a {
    color: #fff;
}


.yamm-content .section-box-menu strong {
    color: #f7f7f7;
    font-size: 15px;
    font-weight: 400;
    display: block;
    transition: all 0.3s ease;
}

.menu-border .fa-circle-thin, .fa-circle {
    font-size: 8px;
    margin-top: 8px;
    margin-right: 5px;
    margin-left: 10px;
}

.middle-menu li .multi-level {
    transform: translateY(50px);
    top: 98.1% !important;
    visibility: hidden;
    display: block !important;
    opacity: 0;
    user-select: none;
    transition: 500ms all linear;
    width: 130%;
    min-width: 230px;
    left: -30%;
    border-radius: 0;
}

.middle-menu li:hover .multi-level {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
    user-select: unset;
    transition: 300ms all ease-in-out;
}

.multi-level a {
    width: auto !important;
    display: block;
    clear: both;
    font-weight: 400;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    border-top: 0 none;
    line-height: 150%;
    font-size: 13px;
    padding: 10px 20px;
    color: #5E5E5E !important;
}

/* header hover */
/* user dropdown */
.a_d_overlay {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    height: 1600px;
    width: 100%;
    background-color: #0006;
}

.dropdown_account {
    width: 248px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    height: auto;
    background: #fff;
    z-index: 5;
    position: absolute;
    top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-webkit-radius: 4px;
    zoom: 1;
    display: none;
    visibility: visible;
}

.dropdown_top_icon {
    background-color: #ebedff;
    width: 20px;
    height: 20px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -7px;
    left: calc(50% - 9px);
}

.account_dropdown_box {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 16px 0 24px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-webkit-radius: 4px;
    zoom: 1;
    overflow: hidden;
    display: none;
    padding-top: 0 !important;
}

.dropdown_account:before {
    content: "";
    width: 100%;
    height: 30px;
    top: -30px;
    left: 0;
    position: absolute;
    visibility: hidden;
}

.banner_box {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #484848;
    pointer-events: auto !important;
    background-color: #ebedff;
}

.banner_box > a {
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 328px;
    padding: 16px;
    border-radius: 4px;
}

.top_banner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top_inner {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 500;
    line-height: 16px;
}

.top_inner img {
    max-width: 76px;
    width: 30%;
    margin-right: 4px;
}

.bottom_inner {
    max-width: 216px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    line-height: 18px;
    font-weight: 700;
    gap: 6px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom_inner img {
    width: 18.5px;
}

.account_dropdown_box ul {
    margin-top: 8px;
}

.account_dropdown_box ul li {
    width: 100%;
    display: block;
    padding-bottom: 13px;
    padding-left: 16px;
    padding-right: 16px;
}

.account_dropdown_box ul li.bb_li {
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.account_box:hover {
    z-index: 3;
}

.user_box .account_box:hover + .a_d_overlay {
    visibility: visible;
}

.account_box:hover .dropdown_account {
    visibility: visible;
    display: block !important;
    -webkit-transition: visibility 2s;
    -o-transition: visibility 2s;
    transition: visibility 2s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.account_box:hover .dropdown_account:before {
    visibility: visible;
    cursor: default;
    z-index: 99999;
}

.account_box:hover .account_dropdown_box {
    visibility: visible;
    display: block;
}

/* userdropdown */

.main-content-wrap {
    padding-top: 22px !important;
}


#lab_video_text_overlay h2 {
    font-size: 4em
}

#lab_video_text_overlay .btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 200;
}

#lab_video_text_overlay .btn-warning {
    background-color: #F5D328;
}

#lab_video_text_overlay {
    position: absolute;
    color: #FFF;
    width: 100%;
    top: 34%;
    z-index: 9999;
}

.ms-title-1 {
    color: #fff;
    font-size: 28px;
}

.ms-title-2 {
    color: #fff;
    font-size: 160px;
    font-weight: 600;
    margin-top: 70px;
    margin-bottom: 85px;
}

.ms-title-3 {
    color: #fff;
    font-size: 41px;
}

.ms-title-4 {
    color: #fff;
}

#lab_video_text_overlay .container {
    text-align: center;
    margin: 0px auto;
}

.kapak_fotograf {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kapak_fotograf:before {
    position: absolute;
    bottom: -10px;
    border-radius: 100%;
    left: auto;
    right: auto;
    margin: 0 auto;
    width: 70%;
    height: 2px;
    content: '';
}

.kapak_yazi {
    text-align: center;
    width: 100%;
}

.kapak_yazi h2 {
    color: #4c3944;
    font-size: 16px;
    text-align: center;
    width: 100%;
}

.kapak_flex {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.5px;
}

.e_logo,
.e_text {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: end;
}

.e_logo img {
    max-width: 150px;
    position: relative;
    right: -5px;
}

.e_text h2 {
    font-size: 20px;
    color: #4C3944;
    position: relative;
    left: -5px;
}

.e_text b {
    margin-left: 3px;
}

.sanal-pos-carousel .owl-controls {
    bottom: -10px;

}

.sanal-pos-carousel .owl-controls .owl-page span {
    width: 0px;
    padding: 0 15px;
    height: 5.5px;
    background-color: #BABABA;
    display: block;
    border-radius: 15px;
}

.sanal-pos-carousel .owl-controls .owl-page.active span {
    background-color: #3074F1;
    border: 0 !important;
}

.owl-controls {
    position: absolute;
    bottom: 5px;
    right: auto;
    left: auto;
    width: 100%;
}

.owl-controls .owl-page span {
    width: 0px;
    padding: 0 27px;
    height: 5.5px;
    background-color: #BABABA;
    display: block;
    border-radius: 15px;
}

.owl-controls .owl-page.active span {
    background-color: #3BA45B;
    border: 0 !important;
}

.owl-pagination {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.slider_container {
    margin-top: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.slider_container .item {
    border-radius: 10px;
    overflow: hidden;
}

.shadow {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 108;
    top: 0px;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.40);
}

.select-flex {
    position: relative;
}

.double_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.double_box svg {
    width: 15px;
    height: 15px;
    position: relative;
    left: -13px;
    top: 1px;
}

.alanadi-flex {
    display: flex;
    align-items: center;
    flex: 1;
}

.scale_added img:nth-child(1) {
    transform-origin: left top;
    transform: scale(1);
}

.moduller .col-6:nth-child(odd) {
    padding-right: 7.5px !important;
}

.moduller .col-6:nth-child(even) {
    padding-left: 7.5px !important;
}

.e_img {
    margin-top: 10px;
    width: 100%;
    background-color: #fff;
}

.e_shop {
    border: 1px solid #eee;
    height: 120px;
    background-image: url(upload/images/e_shop_kapak.png);
    background-size: auto 125%;
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px;
    border-radius: 10px;
    box-shadow: inset 0px -2px 0.35rem rgb(61 59 59 / 36%);
}

.m_box {
    margin-bottom: 15px;
}

.m-cont {
    background-color: #fff;
    padding: 10px 0 0px 0 !important;
}

.modul_box {
    border-radius: 13px;
    min-height: 120px;
    box-shadow: 0px 0.2rem 0.35rem rgb(61 59 59 / 36%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.e_shop_logo {
    max-width: 195px;
}


.octf-btn-primary {
    background: #4688f1;
    padding: 7px 30px 7px 15px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
}

#alanadi::placeholder {
    color: #868181 !important;
}


.octf-btn-primary img {
    position: absolute;
    right: 11px;
    top: 6px;
    max-width: 14px;
}

.domain-row.m.m {
    margin: 10px auto 0;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #C4C4C4;
    padding: 3px 3px 3px 10px;
    align-items: center;
}

.domain-row.m.m .octf-btn-primary{
    border-radius: 10px !important;
}

.domain-row.m.m input[type="text"],
.domain-row.m.m select {
    border: none !important;
    padding-right: 0;
    width: 100%;
    font-size: 15px;
    color: #868181;
    outline: 0 !important;
    position: relative;
}

.domain-row.m.m select{
    padding-top: 4px;
}

.domain-row.m.m select:focus {
    border: 0 !important;
    box-shadow: none !important;
}

.domain-row.m.m .select-box::before {
    content: '';
    display: block;
    width: 1px;
    height: 17px;
    position: absolute;
    top: 25%;
    left: 4px;
    background: rgba(37, 37, 37, .3);
    z-index: 60;
}

.domain-row.m.m > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1920px) {

    .e_shop {
        height: 200px;
    }

    .e_shop_logo {
        max-width: 250px;
    }

}

@media (min-width: 600px) and (max-width: 1920px) {

    .e_shop {
        height: 185px;
    }

    .e_shop_logo {
        max-width: 225px;
    }
}

@media (max-width: 398px) {
    .domain-row.m.m input[type="text"] {
        font-size: 11.5px;
    }

    .octf-btn-primary {
        padding: 2px 13px;
    }

    .octf-btn-primary img {
        max-width: 16px;
    }

    .kapak_yazi h2 {
        font-size: 13px;
    }
}

@media (max-width: 350px) {
    .domain-row.m .col-8 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .domain-row.m .col-2 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .e_shop_logo {
        max-width: 130px;
    }
}

@media (max-width: 768px) {
    #lab_video_text_overlay {
        top: 0 !important;
        bottom: 0 !important;
        display: flex;
        align-items: center;
    }

    .ms-title-1 {
        color: #fff;
        font-size: 16px !important;
    }

    .ms-title-3 {
        font-size: 18px !important;
    }

    .ms-title-2 {
        font-size: 45px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #lab_video_text_overlay .slidebtn, .video-popup {
        display: none !important;
    }

    .home-service-section {
        margin-top: 30px !important;
    }
}

@media (max-width: 600px) {
    #lab_video_text_overlay {
        top: 0 !important;
        bottom: 0 !important;
        display: flex;
        align-items: center;
    }

    .ms-title-1 {
        color: #fff;
        font-size: 10px !important;
    }

    .ms-title-3 {
        font-size: 12px !important;
    }

    .ms-title-2 {
        font-size: 39px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #lab_video_text_overlay .slidebtn, .video-popup {
        display: none !important;
    }

    .home-service-section {
        margin-top: 30px !important;
    }
    .ara-flex button div{
        display: none;
    }

    .ara-flex .octf-btn-primary img{
        position: relative;
        top: unset;
        right: unset;
        max-width: 20px;
    }

    .ara-flex .octf-btn-primary{
        padding: 7px 15px 7px 15px;
    }

    .domain-row.m.m input[type="text"]{
        font-size: 16px !important;
    }

}

@media (max-width: 360px) and (max-height: 700px) {
    .e_logo img {
        max-width: 120px !important;
    }

    .e_text h2 {
        font-size: 16px;
    }
}

.layout-sidebar-large .sidebar-left .navigation-left {
    width: 180px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
    padding: 15px 0;
}

.badge-square-danger.xg {
    width: 30px;
    height: 30px;
    line-height: 20px;
    font-size: 15px;
    font-weight: 700;
}

.dangerlet {
    border-top: 1px solid #fbc003;
    border-bottom: 1px solid #fbc003 !important;
    border-right: 1px solid #fbc003;
}

.badge-square-opacity-success {
    background: #8bc34a;
    border-radius: 20%;
    width: 25px;
    height: 25px;
    color: #fff;
    line-height: 20px;
    text-align: center;
}

.hizmet_adet {
    font-size: 25px;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {
    font-size: 14px;
}

.navigation-left .countbadge {
    text-align: right;
    padding-right: 20px;
    margin-top: -10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.countbadge .badge-square-warning {
    background: #e73123;
    border-radius: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 15px;
    text-align: center;
    box-shadow: 0px 0px 5px 0px #e73123;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
}

.countbadge .badge-square-opacity-success {
    background: #10b981;
    border-radius: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    box-shadow: 0px 0px 5px 0px #10b981;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
}

.countbadge .badge-square-success {
    background: #54b673;
    border-radius: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    box-shadow: 0px 0px 5px 0px #54b673;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
}

.countbadge .badge-square-opacidyn-success {
    background: #3b82f6;
    border-radius: 0;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    box-shadow: 0px 0px 5px 0px #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 120%;
}

.dayneks-hostingler {
    width: 50px !important;
    height: 50px !important;
}

.dashboards_2 img {
    width: 65px !important;
    height: 65px !important;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .dayneks-ikon-default {
    display: none;
}

.dayneks-ikon-mavi {
    display: none !important;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .dayneks-ikon-mavi {
    display: block !important;
}

.dayneks-sidebar-dropduwn > ul {
    padding: 0 10px 0 17px;
}

.dayneks-sidebar-dropduwn li {
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #d1d5db;
}

.dayneks-sidebar-dropduwn img {
    margin-right: 5px;
}

section.scroll {
    overflow: auto !important;
}

.dayneks-sidebar-dropduwn li:last-child {
    border-bottom: none;
}

.newdropdown-menu li a img {
    width: 2%;
    margin-right: 10px;
}

.new_dropdownMenu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .dayneks-sidebar-dropduwn ul li span {
        display: flex;
        gap: 15px;
        align-items: center;
    }
}

#first_menu .dayneks-sidebar-dropduwn {
    margin-top: 0;
}

.newdropdown-menu {
    display: none;
}

.newdropdown-menu {
    margin-left: 15px;
}

.newdropdown-menu.active {
    display: block;
}

.newdropdown-menu li {
    padding-left: 0px;
    padding-bottom: 5px;
}

.new_dropdownMenu i {
    transition: .2s ease-in;
    transform: rotate(0deg);
}

.new_dropdownMenu.active i {
    transition: .2s ease-in;
    transform: rotate(90deg);
}

/* sidebar değişiklik */

@media(max-width: 1200px) and (min-width: 1000px) {
    #lab_video_text_overlay .video-popup {
        display: none !important;
    }
    .ms-title-2 {
        font-size: 71px;
        margin-top: 9px;
        margin-bottom: 0px;
    }
    .slider_container .e_carousel .slider-video {
        height: auto;
        max-height: unset;
    }
    #lab_video_text_overlay {
        top: 25%;
    }
    #lab_video_text_overlay .ms-title-4.slidebtn {
        display: none !important;
    }
    .notification-dm .notification-details {
        max-width: unset;
        width: 100%;
    }
}

@media (min-width: 1100px) {
    .side-content-wrap {
        display: none;
    }

    .desktop_set {
        padding: 0 15px !important;
    }

    .slider_container {
        padding: 0 15px !important;
    }
}
.temsilci-text.active {
    display: block;
}
@media (max-width: 1024px) {
    .layout-sidebar-large .sidebar-left {
        right: 0 !important;
        left: 0 !important;
        top: 100% !important;
        height: 100% !important;
        user-select: none !important;
        transition: 0.5s ease-in-out;
    }

    .layout-sidebar-large .sidebar-left.open {
        right: 0 !important;
        left: 0 !important;
        top: 61px !important;
        user-select: unset !important;
    }

    .layout-sidebar-large .sidebar-left .navigation-left {
        width: 100%;
    }

    .layout-sidebar-large .sidebar-left.open {
        animation: opacity_animate 0.75s ease-in-out forwards; /* Animasyonu uygulama */
    }

    .dayneks-sidebar-dropduwn ul {
        background-color: #f9faff;
    }

    .dayneks-sidebar-dropduwn ul li a {
        font-size: 20px !important;
        font-weight: 500;
    }

    .dayneks-sidebar-dropduwn ul li.bold a {
        font-weight: 700;
    }

    .newdropdown-menu li a {
        font-size: 15px !important;
    }

    .animate-drop {
        transition: 0s !important;
        animation: 0s !important;
    }
    .temsilci-gorsel.open-temsilci-popup  , .temsilci-text.active , .temsilci-text{
        display: none !important;
    }
}

@keyframes opacity_animate {
    0% {
        opacity: 0; /* Başlangıçta öğeyi tamamen saydam yap */
    }
    100% {
        opacity: 1; /* Bitişte öğeyi tamamen opak hale getir */
    }
}

.user_menu.logged_in {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid #406aa4;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    color: #406aa4;
    background-color: #ebedff;
}

/* .modul_box , .e_shop , .e_carousel .owl-item  */

@media (max-width: 600px) {

    .c_header {
        width: 100% !important;
        max-width: 100% !important;
    }

    .layout-sidebar-large .main-header .logo img {
        margin-left: 0 !important;
    }

    .header-part-right {
        padding-right: 0 !important;
    }

    .user_box {
        gap: 15px !important;
    }

}

.sepet_box:hover {
    color: #fff;
}

#favorite-count {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-webkit-radius: 50%;
    zoom: 1;
    min-width: 20px;
    width: auto;
    height: 20px;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    background-color: #fff;
    border: 2px solid #595959;
    color: #595959;
    text-align: center;
    position: absolute;
    left: 28px;
    top: 7px;
}

#shoppingCart {
    letter-spacing: -.025em !important;
}

.account_box svg {
    width: 20px;
    height: 20px;
}

.account_box {
    width: 157px;
    border: 1.5px dashed #595959;
    padding: 9px 10px 6px 47px;
    background-color: #fff;
    position: relative;
    zoom: 1;
    height: 48px;
    float: left;
    margin: 0 0 0 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-webkit-radius: 5px;
}

.sepet_box {
    width: 157px;
    height: 48px;
    display: block;
    margin-left: 12px;
    padding: 15px 24px 14px 54px;
    background-color: #595959;
    font-size: 15px;
    color: #fff;
    position: relative;
    line-height: 1.2;
    float: left;
    font-weight: 700;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-webkit-radius: 5px;
    zoom: 1;
    margin: 0 0 0 12px;
}

.sepet_box:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 stroke=%27none%27 fill=%27none%27%3E %3Cdefs%3E %3Cstyle%3E .cls-1 { fill: %23fff; stroke: %23fff; stroke-width: 2px; fill-rule: evenodd; } %3C/style%3E %3C/defs%3E %3Cpath id=%27basket_icon%27 data-name=%27basket icon%27 class=%27cls-1%27 d=%27M1222,54c0.03-.719-0.31-2.031-1.44-2h-10.84l-0.81-2.806A1.6,1.6,0,0,0,1207.48,48h-2.47a0.879,0.879,0,0,0-1.01.981v0.193a0.956,0.956,0,0,0,1.19.887l0.89,0,1.76,6.276A2.174,2.174,0,0,0,1210,58h9a2.155,2.155,0,0,0,2-1Zm-12.99,10.5a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,1209.01,64.5Zm7,0a1.49,1.49,0,1,0,1.49-1.5A1.5,1.5,0,0,0,1216.01,64.5Z%27 transform=%27translate%28-1203 -47%29%27/%3E %3C/svg%3E");
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 18px;
}

.account_box .uye_ol {
    width: 63px;
    display: block;
    font-size: 10px;
    color: #484848;
    white-space: nowrap;
    line-height: 1.4;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.account_box.login:before {
    content: attr(data-user-attr);
    position: absolute;
    left: 7px;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #406aa4;
    border-radius: 50%;
    font-size: 100%;
    font-weight: 900;
    color: #406aa4;
    background-color: #ebedff;
}

.account_box:not(.login):before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 preserveAspectRatio=%27xMidYMid%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 stroke=%27none%27 fill=%27%23919191%27%3E %3Cpath d=%27M20.000,16.333 C20.000,18.123 18.406,20.000 16.667,20.000 C16.667,20.000 3.333,20.000 3.333,20.000 C1.594,20.000 -0.000,18.123 -0.000,16.333 C-0.000,12.390 2.594,10.285 6.038,10.445 C4.774,8.918 3.987,7.935 4.000,6.111 C4.024,2.786 6.692,0.010 10.003,0.010 C13.315,0.010 16.000,2.786 16.000,6.111 C16.000,7.936 15.173,8.905 13.896,9.427 C17.373,10.256 20.000,12.364 20.000,16.333 ZM14.000,5.500 C14.000,3.567 12.209,2.000 10.000,2.000 C7.791,2.000 6.000,3.567 6.000,5.500 C6.000,7.433 7.791,9.000 10.000,9.000 C12.209,9.000 14.000,7.433 14.000,5.500 ZM10.000,11.000 C5.830,11.000 2.000,12.255 2.000,15.667 C2.000,16.805 3.275,18.000 4.667,18.000 C4.667,18.000 15.333,18.000 15.333,18.000 C16.725,18.000 18.000,16.805 18.000,15.667 C18.000,12.255 14.170,11.000 10.000,11.000 Z%27 id=%27path-1%27 class=%27cls-2%27 fill-rule=%27evenodd%27/%3E %3C/svg%3E");
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    content: attr(data-user-attr);
    position: absolute;
    left: 12px;
    top: 12px;
}

.account_box:after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%277%27 viewBox=%270 0 14 7%27 stroke=%27none%27 fill=%27%23919191%27%3E %3Cpath id=%27next_arrow_copy%27 data-name=%27next arrow copy%27 class=%27cls-1%27 d=%27M1152,54l-2-1-5,4-5-4-2,1,7,6Z%27 transform=%27translate%28-1138 -53%29%27/%3E %3C/svg%3E");
    content: "";
    width: 15px;
    height: 8px;
    position: absolute;
    top: 19px;
    right: 15px;
}

.account_box .giris_yap {
    display: block;
    color: #484848;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.sepet svg {
    width: 29px;
    height: 29px;
}

.sepet .bildirim {
    background-color: #ff6000;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 19%;
    top: -3%;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
    z-index: 10;
}

.c_header {
    position: relative;
    height: 100%;
}

.sepet {
    position: relative;
}

.middle-menu {
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.user_box .bildirim {
    top: -15%;
    right: -15%;
}

/*.middle-menu .menu__item {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: start;*/
/*    align-items: center;*/
/*    gap: 5px;*/
/*    width: 100px !important;*/
/*    margin: 0 !important;*/
/*    cursor: pointer;*/
/*}*/

.middle-menu > li {
    height: 100%;
    float: left;
    position: relative;
}

.middle-menu > li > a {
    border-right: 1px dashed #595959;
    text-align: center;
    padding: 5px 5px;
    font-size: 12px;
    display: block;
    width: 144px;
    max-height: 70px;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 144px;
}

.middle-menu > li > a > div span {
    font-size: 17px;
}


.middle-menu > li:last-child > a {
    border: 0;
}

.middle-menu > li > a:hover {
    background-color: #595959;
    color: #fff;
    fill: #fff;
    stroke: #fff;
}

.middle-menu > li > a img.white {
    display: none;
}

.middle-menu > li > a:hover img {
    display: none;
}

.middle-menu > li > a:hover img.white {
    display: block !important;
}

.middle-menu > li > a:hover .cls-1 {
    stroke: #fff;
}

.middle-menu > li > a:hover .white {
    display: block;
}

.logo__ {
    width: 155px;
    max-width: 155px;
    margin-right: 15px;
}

.middle-menu > li > a svg {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.middle-menu svg {
    width: 29px;
    height: 29px;
}

.middle-menu > li > a img {
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.middle-menu > li > a img {
    width: 29px;
    height: 29px;
}

.middle-menu svg.white {
    display: none;
}

.middle-men .menu__item.active svg.white {
    display: block !important;
}

.c_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
}

.c_header .header-part-right {
    margin-right: unset !important;
    margin-left: unset !important;
}

.e_shop_24 {
    background-color: #ebedff;
    padding: 13px 16px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    width: 90%;
    margin: 10px auto;
}

.e_shop_24 img {
    max-width: 100%;
    width: 85%;
    display: block;
    float: left;
}

.user_action_buttons {
    gap: 10px;
}

.user_action_button {
    padding: 13px 16px;
    font-size: 20px;
    width: 90%;
    margin: auto;
    background-color: #406aa4;
    color: #fff;
    border-radius: 13px;
}

.user_action_buttons .user_action_button:nth-child(2) {
    background-color: #ebedff;
    color: #406aa4;
}

.user_box {
    display: flex;
    gap: 5px;
}

.notification {
    position: relative;
}

.n-count {
    position: absolute;
    top: -5px;
    right: -7px;
    background-color: #e73123;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bolder;
    padding-top: 1px;
    box-shadow: 0px 0px 10px 0px #e73123;
}

.notification img {
    max-width: 33px;
}

.header-part-right .dropdown.open .dropdown-menu.set-dm {
    display: block;
}

.header-part-right .dropdown.show .dropdown-menu.set-dm {
    display: block;
}

.layout-sidebar-large .main-header .logo {
    width: 180px !important;
}

.layout-sidebar-large .main-header .logo img {
    width: 180px !important;
    height: auto !important;
}

.notification-dm.notification-bakiye {
    margin-bottom: 20px;
}

.price-box {
    padding-top: 20px;
}

@media (min-width: 999px) and (max-width: 1299px) {
    .scale_added img:nth-child(1) {
        transform-origin: bottom;
        transform: scale(1.3);
        max-width: 200px;
    }

    .modul_box {
        max-height: 120px;
        min-height: 120px;
    }

    .scale_added.b2b {
        transform: scale(1.4);
    }

    .header-part-right svg {
        width: 27px;
        height: 27px;
    }

    .main-content-wrap {
        margin-top: 55px;
    }

    .e_shop {
        height: 120px;
    }
}

@media (min-width: 600px) and (max-width: 991px) {

    .notification-dm .notification-details {
        max-width: 100%;
    }

    .user_box {
        gap: 10px;
    }

    .customer-flex {
        display: flex !important;
    }

    .musteri_temsilci {
        padding-left: 20px;
    }

    .customer-flex .customer-text-info .big-blue {
        font-size: 19px;
    }

    .modul_img .second_absolute img {
        max-width: 135px;
    }

    .e_shop {
        height: 150px;
    }

    .kapak_fotograf img {
        max-width: 210px;
    }

    .scale_added img:nth-child(1) {
        transform-origin: bottom;
        transform: scale(1.1);
    }

    .modul_box {
        min-height: 150px;
        max-height: 150px;
    }

    /*test-item = test slider boş */
    .e_carousel .owl-item {
        height: 150px;
    }

    .header-part-right svg {
        width: 27px;
        height: 27px;
    }

    .layout-sidebar-large .main-header {
        height: 70px;
    }

    .layout-sidebar-large .main-header .logo img {
        width: 150px !important;
        height: auto !important;
    }

    .main-content-wrap {
        margin-top: 40px !important;
    }

}

.header-part-right {
    justify-content: end;
}

@media (min-width: 600px) and (max-width: 850px) and (min-height: 999px) and (max-height: 1024px) {
    .container {
        max-width: unset;
    }

    .e_shop {
        height: 165px;
    }

    .e_carousel .owl-item {
        height: 165px;
    }

    .modul_box {
        min-height: 165px;
        max-height: 165px;
    }

    .scale_added.b2b {
        transform: scale(1.2) !important;
    }
}

@media (min-width: 600px) and (max-width: 850px) and (min-height: 800px) and (max-height: 997px) {
    .container {
        max-width: unset !important;
    }

    .e_shop {
        height: 125px;
    }

    .e_carousel .owl-item {
        height: 125px;
    }

    .modul_box {
        min-height: 125px;
        max-height: 125px;
    }

    .scale_added.b2b {
        transform: scale(1.2) !important;
    }
}

@media (max-width: 576px) {

    .layout-sidebar-large .main-header .logo {
        width: auto !important;
        margin: 0 !important;
        max-width: 90px;
    }

    .dropdown-menu.set-dm.dayneks-setdmcover {
        left: -310px !important;
        top: 105px !important;
    }

    .dayneks-x {
        display: block !important;
    }

    .price-box {
        padding-top: 0px !important;
    }

    .layout-sidebar-large .main-header .header-part-right {
        justify-content: flex-end;
    }

    .layout-sidebar-large .main-header .logo {
        width: auto;
    }

    .layout-sidebar-large .main-header .logo img {
        width: 115px !important;
        display: inline;
        height: auto;
    }

    .main-header {
        padding: 10px 0px !important;
    }

    .header-part-right .info-box_ {
        display: flex !important;
    }

    .header-part-right svg {
        width: 25px;
        height: 25px;
    }

    .sidebar-left,
    .sidebar-left-secondary {
        top: 66px !important;
    }

    .dropdown-menu.set-dm.dayneks-setdmcover {
        left: unset !important;
        right: 0 !important;
        top: 75px !important;
    }

    .dropdown-toggle:after {
        display: none !important;
    }
}

.m-top-20 {
    margin-top: 20px;
}

.dayneks-sidebar-dropduwn {
    margin-top: 15px;
}

#user_menu .dayneks-sidebar-dropduwn {
    margin-top: 0 !important;
}

#notification-menu .dayneks-sidebar-dropduwn {
    margin-top: 0 !important;
}


.musteri_temsilci {
    padding-top: 20px !important;
}

.logout {
    background-color: #ebedff;
    padding: 13px 16px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    width: 90%;
    margin: 10px auto 10px;
    border: 2px solid #406aa4;
    color: #406aa4;
}

.logout svg {
    width: 30px;
    height: 30px;
    float: left;
}

.logout span {
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    font-weight: 700;
}

.top_login {
    padding: 0px 15px 10px;
    display: flex;
    align-items: center;
    line-height: normal;
}

#bilgi_menu .close_menu,
#first_menu .close_menu {
    display: none !important;
}

#bilgi_menu .nav-text {
    padding: 0 0 0 10px;
}

#bilgi_menu .dayneks-sidebar-dropduwn {
    margin-top: 0;
}

#bilgi_menu .nav-text.flex {
    display: flex;
    align-items: center;
}

#bilgi_menu .nav-text.flex span {
    margin: 0 auto;
}

#first_menu .close_menu {
    padding: 10px;
    float: left;
    display: block;
}

.close_menu svg {
    width: 25px;
    height: 25px;
    float: left;
}

.top_login .close_menu {
    float: left;
}

.top_login span {
    margin: 0 auto;
    color: #fff;
}

.top_login .notification {
    float: right;
}

.top_login .n-count {
    width: 16px;
    height: 16px;
    font-size: 10px;
    right: -18%;
    top: -22%;
}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item {
    background-color: #f9faff;
}

.account_mobil_info {
    padding: 10px 15px 0;
    width: 100%;
}

.account_circle {
    border-radius: 100%;
    color: rgba(21, 20, 20, 0.94);
    background-color: #fff;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bolder;
    font-size: 19px;
}

.account_full_name {
    margin-top: 10px;
    font-size: 23px;
    color: #fff;
    font-weight: bold;
}

@media (max-width: 1205px) {
    .main-content-wrap {
        margin-top: 70px !important;
        padding-bottom: 100px !important;
    }
}

@media (max-width: 575px) {
    .main-content-wrap {
        margin-top: 60px !important;
        min-height: unset !important;
        padding: 0 !important;
        padding-bottom: 100px !important;
    }
}

@media (min-width: 500px) and (max-width: 650px) {
    .kapak_fotograf img {
        max-width: 150px;
    }
}

@media (max-width: 1024px) {
    .layout-sidebar-large #user_menu .sidebar-left.open {
        top: 0 !important;
        bottom: 0 !important;
        z-index: 9999999 !important;
        height: 100% !important;
    }

    .layout-sidebar-large #user_menu .sidebar-left.open {
        top: 0 !important;
        bottom: 0 !important;
        z-index: 9999999 !important;
        height: 100% !important;
    }

    .layout-sidebar-large #notification-menu .sidebar-left.open {
        top: 0 !important;
        bottom: 0 !important;
        z-index: 9999999 !important;
        height: 100% !important;
    }

    .layout-sidebar-large #notification-menu .sidebar-left.open {
        top: 0 !important;
        bottom: 0 !important;
        z-index: 9999999 !important;
        height: 100% !important;
    }

}

@media (max-width: 600px) {

    .musteri_temsilci {
        padding: 10px 0;
        width: 90%;
        margin: 0 auto;
    }

    .musteri_temsilci .customer-flex .customer-image img {
        max-height: 75px;
        border-radius: 50%;
        border: 5px solid #406aa4;
    }

    .musteri_temsilci .customer-flex .customer-text-info .d-flex {
        font-size: 17.3px;
    }

    .musteri_temsilci .big-black,
    .musteri_temsilci .big-blue {
        font-size: 15px;
    }

    .musteri_temsilci .big-blue {
        margin-top: 3px;
    }

    .musteri_temsilci .customer-flex .orange-text {
        color: #ff6000 !important;
        font-size: 15px;
        font-weight: 700;
    }

    .musteri_temsilci .customer-text-info {
        text-align: left;
    }

    .musteri_temsilci .customer-flex {
        display: flex !important;
    }
}

ul.social_list {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none
}

ul.social_list li {
    float: left;
    padding: 0;
    margin: 10px 7px 10px 7px;
}

ul.social_list li a {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1), 0 0px 5px 1px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    width: 44px;
    height: 44px;
    border-radius: 36px;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 51px;
    transition: 0.3s;
}

ul.social_list li a:hover {
    background-color: #3174f1;
    color: #fff;
    transition: 0.3s;
}

ul.social_list li a:hover .footericon {
    color: #fff;
    transition: 0.3s;
}

.footericon {
    transition: 0.3s;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #3174f1;
    line-height: 45px !important;
}

ul.social_list li a img {
    vertical-align: baseline !important;
    margin-top: 10px;
}

#footer .social_list li a i {
    position: relative;
    top: unset !important;
}


/* detay sayfası - t */
.m-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

._r_img {
    transform: scale(1.3);
    position: relative;
    top: 10px;
}

.left_new {
    display: flex;
    align-items: center;
}

html {
    scroll-behavior: smooth;
}

._header-title span {
    text-align: left;
}

._header-title {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 15px;
}

.e_shop_logo {
    max-width: 160px;
}

.header-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 25px;
}

.header-buttons .detay_incele {
    text-decoration: none;
    font-size: 17px;
    position: relative;
}

.sag-inner .header-text {
    margin-bottom: 20px;
}

.header-buttons .detay_incele:before {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    width: 0%;
    transition: all .3s;
    height: 1px;
    background-color: #4385F5;
}

.detay_incele:hover {
    color: #1b1b1b;
}

.header-buttons .detay_incele:hover:before {
    width: 100%;
}

.golgele {
    display: inline-block;
    position: relative;
    color: #4385F5;
}

.golgele:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background-color: #157efb;
    opacity: 8%;
}

.classic_button {
    text-decoration: none;
    width: auto;
    padding: 12px 30px;
    font-size: 16.5px;
    text-align: center;
    background-color: #4385F5;
    border: 0px none #000000;
    border-right: 0px none #000000;
    border-bottom: 0px none #000000;
    border-left: 0px none #000000;
    border-radius: 8px;
    color: #fff;
    line-height: 26px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 7px 18px 0 rgba(107, 124, 147, .25);
    cursor: pointer;
    display: inline-block;
    z-index: 1;
    transition: all .3s;
}

.classic_button:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #3a416f 100%);
    border-radius: 3px;
    opacity: .2;
}

.classic_button:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 30px 50px rgba(107, 124, 147, .15);
}

.button-set-w {
    padding: 10px 13px;
    max-width: 11rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: center;
    font-size: 15px;
}

.more-button-new {
    text-decoration: none;
    color: inherit;
    font-size: 13px;
    min-width: 234px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    position: relative;
    padding-left: 65px;
    display: inline-block;
    align-items: center;
    height: 50px;
    line-height: 50px;
    z-index: 2;
    transition: 0.5s cubic-bezier(.25, .8, .25, 1) 0s;
}

.more-button-new:before, .more-button-new:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    left: 16px;
    top: 50%;
    z-index: 2;
    background: #6b7c93;
    transform: translateY(-50%);
    border-radius: 3px;
    transition: 0.5s cubic-bezier(.25, .8, .25, 1) 0s;
}

.more-button-new:before {
    transform: translateY(-50%) rotate(90deg);
}

.more-button-new span:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%);
    box-shadow: 0 5px 15px 0 rgba(107, 124, 147, .15), 0 2px 4px 0 rgba(107, 124, 147, .2), inset 0 -2px 0 0 #c2cfde;
    border-radius: 8px;
    transition: 0.5s cubic-bezier(.25, .8, .25, 1) 0s;
}

.more-button-new:hover {
    padding-left: 50px;
    color: inherit;
}

.more-button-new:hover span:before {
    width: 100%;
}

.more-button-new:hover:before {
    transform: translateY(-50%) rotate(-90deg);
}

.more-button-new:hover:after {
    transform: translateY(-50%) rotate(-180deg);
}

.started {
    width: 100%;
    display: flex;
    background-color: #F4F7FF;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 50px 0px 0px 0px;
    padding: 35px 35px 35px 35px;
    border-radius: 8px 8px 8px 8px;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
}

.started:hover {
    box-shadow: 0px 9px 39px -5px rgba(113.67391304347825, 120.79366729678642, 210, 0.28);
}

.started .bg-set {
    z-index: 1;
    border-radius: 8px 8px 8px 8px;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #E2F0FF;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
}

.right-side {
    width: 22%;
    align-self: center;
    position: relative;
    z-index: 2;
}

.left-side {
    position: relative;
    z-index: 2;
}

.left-side {
    width: 75%;
    max-width: 75%;
    margin-bottom: 0;
}

.heading-title {
    padding: 0px 0px 0px 0px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4em;
    color: #141F39;
}

.heading-section-description {
    color: #3C4275BA;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
}

.element-button {
    border-radius: 7px 7px 7px 7px;
    text-align: center;
    transition: all .3s;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.5em;
    fill: #fff;
    color: #fff;
    background-image: linear-gradient(98deg, #141F39 0%, #141F39 100%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #5663D9;
    padding: 15px 30px 15px 30px;
}

.element-button .elementor-align-icon-right {
    margin-left: 5px;
    lex-grow: 0;
    order: 15;
}

.elementor-button-text {
    flex-grow: 1;
    order: 10;
    display: inline-block;
}

.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
}

.element-button:hover {
    color: #FAFBFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #5663D9 0%, #5663D9 100%);
    transform: translateY(-6px);
}

.button-box {
    width: 100%;
    margin: 20px 0px 0px 0px;
}

.more_button {
    font-size: 15px;
    font-weight: 500;
    line-height: 1em;
    color: #fff;
    background-color: #743CDB;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #FFFFFF;
    border-radius: 30px 30px 30px 30px;
    padding: 17px 30px 17px 30px;
    box-shadow: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all .3s;
}

.more_button:hover {
    color: #fff;
    background-color: #31245B;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #31245B;
    border-radius: 30px 30px 30px 30px;
}

.services-details-bg {
    padding-top: 0px;
    padding-bottom: 365px;
}

.breadcrumb-bg {
    background: #F5F5F5;
}

.services-details {
    margin-top: -165px;
    position: relative;
    z-index: 1;
}

.mb-90 {
    margin-bottom: 90px;
}

.ml-95 {
    margin-left: 95px;
}

.services-details-section span {
    font-size: 20px;
    color: #464040;
    display: inline-block;
    margin-bottom: 15px;
}

.services-details-title {
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -.03em;
    color: #0e1331;
    /*margin-bottom: 15px;*/
    display: inline-block;
    position: relative;
}

h4.services-details-title {
    font-size: 40px;
    margin-bottom: 0px;
}

h1.services-details-title {
    font-size: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-20 {
    margin-bottom: 20px;
}

.services-details-thumb img {
    border-radius: 20px;
    width: 100%;
    max-width: 100%;
    height: auto;
    box-shadow: 0px 10px 25px -10px rgb(0 0 0 / 45%);
}

.services-details-wrap {
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(12, 19, 56, .1);
    margin-top: 50px;
}

.services-details-content-box {
    margin-bottom: 22px;
}

.services-details-content-box span {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.42;
    color: #0e1331;
    display: inline-block;
}

.services-details-content-box h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.42;
    color: #0e1331;
    display: inline-block;
}

.services-details-list span {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #4385F5;
    display: inline-block;
    margin-bottom: 13px;
}

.services-details-list-item {
    margin: 0;
    padding: 0;
}

.services-details-list-item li {
    font-weight: 500;
    font-size: 16px;
    color: #55585b;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    display: flex;
}

@media (max-width: 768px) {
    ._r_img {
        transform: scale(1) !important;
    }
}


.services-details-list-item li svg {
    width: 25px;
    height: 25px;
}

.flex_wrap {
    display: flex;
    margin-top: 50px;
}

.sol_fotograflar {
    position: relative;
    min-height: 1px;
    display: flex;
}

.sol_fotograflar img {
    width: 100%;
    height: auto;
    max-height: 536px;
    object-fit: contain;
}

.sag-inner {
    align-content: center;
    align-items: center;
    display: flex;
    position: relative;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.top-text h6 {
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
    color: #743CDB;
    font-size: 14px;
}

.header-text h3 {
    margin-bottom: 20px;
    width: 100%;
    color: #4385F5;
    font-size: 26px;
    font-weight: 700;
}

.long-text {
    text-align: left;
    margin-bottom: 35px;
    color: #757575;
    font-size: 15px;
    width: 100%;
}

.oval-kutu {
    margin-bottom: 20px;
    width: 100%;
}

.oval-inner {
    padding: 15px 25px 15px 25px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #4385F5;
    border-radius: 8px;
    box-shadow: 0px 10px 25px -10px rgba(0, 0, 0, 0.15);
}

.inner-wrapper {
    text-align: left;
    flex-direction: row;
    display: flex;
    align-items: center;
}

.elementor-icon-box-icon {
    display: inline-flex;
    flex: 0 0 auto;
    text-align: left;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: unset;
}

.elementor-icon {
    background-color: #EFF2FB;
    fill: #4385F5;
    color: cadetblue;
    font-size: 16px;
    padding: 13px;
    border-radius: 50%;
    display: inline-block;
    line-height: 1;
    transition: all .3s;
    text-align: center;
    color: #4385F5;
}

.elementor-icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    color: #4385F5;
}

.elementor-icon-box-content {
    flex-grow: 1;
}

.elementor-icon-box-title {
    margin-bottom: 11px;
    color: #4385F5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
}

.elementor-icon-box-description {
    margin: 0;
    font-size: 15px;
    line-height: 1.57;
}

/*entegrasyon detay */

:root {
    --global-blue-color: #4385F5;
    --global-black-color: #212529;
    --global-temsilci-bg-color: #3174F1;
}

. {
    border-color: #e4ecf8 !important;
}

/*accrodion*/
.accrodion-grp .accrodion {
    padding: 12px 40px !important;
    border: 1px solid #e4ecf8;
}

.accrodion-grp .accrodion:not(:first-child) {
    margin-top: 20px;
}

.accrodion-grp .accrodion .accrodion-title {
    cursor: pointer;
}

.accrodion-grp .accrodion .accrodion-title h4 {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    padding: 0px 0;
    padding-top: 0;
    padding-left: 0px;
    padding-right: 30px;
    line-height: 30px;
    position: relative;
    color: #616161;
    transition: all 0.4s ease;
}

.accrodion-grp .accrodion .accrodion-title h4:before {
    color: var(--global-blue-color);
    font-family: "FontAwesome";
    content: "\f067";
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    transition: all 0.4s ease;
}

.accrodion-grp .accrodion .accrodion-content .inner-new {
    margin-top: 30px;
}

.accrodion-grp .accrodion .accrodion-content .inner-new p {
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    color: #777b92;
}

.images_box_ {
    margin-top: 30px;
}

.images_box_ img {
    max-width: 100%;
    height: auto;
}

.description_font-s {
    font-size: 18px;

}

@media (max-width: 768px) {
    .description_font-s {
        margin-top: 0px !important;
    }

}

.images_box_ .img-block:hover {
    box-shadow: 0px 8px 14px 0px rgb(114 121 210 / 58%);
}

.images_box_ .img-block {
    min-height: 168px;
    height: 168px;
    width: 100%;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: initial;
    overflow: hidden;
    margin: 0 0 15px;
    color: #222444;
    font-size: 16px;
    font-weight: 300;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 8px 14px 0px rgba(113.67391304347825, 120.79366729678642, 210, 0.28);
}

/*.scale-1 {*/
/*    transform: scale(1.1);*/
/*}*/

li svg {
    width: 20px;
    height: 20px;
}

.text-style-1 {
    line-height: 1.08;
    color: #292929;
    font-weight: 400;
}

.text-style-2 {
    line-height: 1.08;
    font-weight: 700;
    color: var(--global-blue-color);
}

.breadcrumb-bg {
    background: #e4ecf8;
}


.fs-14 {
    font-size: 14px !important;
}

.fw-500 {
    font-weight: 500;
}

.fw-700 {
    font-weight: 700;
}

.text-blue {
    color: var(--global-blue-color);
}

.fs-11 {
    font-size: 11px !important;
}

a {
    text-decoration: none;
}

@media (max-width: 600px) {

    .images_box_ .img-block {
        padding: 5px;
    }

}

@media (min-width: 1025px) and (max-width: 1199px) {

    ._r_img_box {
        display: flex;
        align-items: center;
    }

    ._r_img_box img {
        top: 0px;
    }
}

@media (max-width: 767px) {
    .images_box_ .img-block {
        min-height: 128px;
        height: 128px;
    }

    .faq-style-one .accrodion-grp .accrodion .accrodion-title h4 {
        font-size: 15px;
        line-height: 25px;
    }

    .m_font_set {
        line-height: 1.4;
    }
}

@media (max-width: 374px) {
    .images_box_ .img-block {
        min-height: 108px;
        height: 108px;
    }
    .domain-row.m.m input[type="text"]{
        font-size: 14px !important;
    }
}

/*entegrasyon detay - trendyol detay mobile devam ediyor*/

@media (min-width: 768px)and (max-width: 1025px) {
    .text-style-1, .text-style-2 {
        text-align: left !important;
    }

    .services-details-section span {
        font-size: 13.5px;
    }

    h1.services-details-title {
        font-size: 34px;
    }

    .services-details {
        margin-top: -115px;
    }

    .services-details-bg {
        padding-bottom: 250px;
    }

    .flex_wrap {
        gap: 50px;
    }

    .flex_wrap > div {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100%;
    }

    .services-details-list-item li {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    #favorite-count {
        top: 0;
        left: 18px;
    }

    .started {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        gap: 5px;
        padding: 20px;
    }

    .right-side {
        width: 100%;
    }

    .more-button-new span:before {
        width: 100%;
    }

    .detay_incele {
        display: none;
    }

    h1.services-details-title {
        font-size: 30px;
    }

    .button-set-w {
        padding: 8px 11px;
        max-width: 10rem;
        font-size: 14px;
    }

    .services-details {
        margin-top: -115px;
    }

    .services-details-bg {
        padding-top: 0px;
        padding-bottom: 255px;
    }


}

.text-left {
    text-align: left !important;
}

.entegrasion-box {
    transition: 0.3s ease;
}

.entegrasion-box:hover {
    box-shadow: 0px 3px 20px 12px rgba(113.67391304347825, 120.793667, 210, 0.28);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-details-title {
        font-size: 50px;
    }

    .services-details-section {
        margin: 0;
    }
}


@media (max-width: 767px) {
    .services-details-title {
        font-size: 40px;
        letter-spacing: -.01em;
    }

    .services-details-section {
        margin-left: 0;
    }

    .oval-inner {
        border-width: 0px 0px 3px 0px;
    }

    .inner-wrapper {
        display: block;
        text-align: center;
    }

    .elementor-icon-box-icon {
        display: block;
        margin-bottom: 15px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .services-details-bg {
        padding-top: 0;
    }

    .services-details-content-box {
        display: none;
    }

    .e_shop_logo {
        display: none;
    }

    h1.services-details-title, h4.services-details-title {
        font-size: 25px;
    }
}

@media (max-width: 530px) {
    h4.services-details-title, h1.services-details-title {
        font-size: 20px;
    }

    .services-details-section span {
        font-size: 14px;
    }

    .button-set-w {
        padding: 8.7px 11.4px;
        max-width: 11.5rem;
        font-size: 15px;
    }


    .header-buttons {
        justify-content: center;
    }

    .services-details-list span, .header-text h3 {
        font-size: 18px;
    }

    .long-text {
        margin-bottom: 30px;
    }

    .started {
        margin-bottom: 30px;
    }

    .flex_wrap {
        gap: 30px;
        margin-top: 30px;
    }

    .services-details-wrap {
        padding-bottom: 30px;
    }

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

    .heading-section-description {
        font-size: 14px;
    }

    .more-button-new {
        height: 40px;
        line-height: 40px;
        padding-left: 40px;
        min-width: 205px;
        font-size: 11.2px;
        padding-left: 47px;
    }

    .more-button-new span:before {
        height: 40px;
    }

    .more-button-new:before, .more-button-new:after {
        width: 14px;
    }

}

@media (min-width: 353px)and(max-width: 767px) {
    .services-details {
        margin-top: -130px !important;
    }
}

@media (max-width: 353px) {
    h4.services-details-title, h1.services-details-title {
        font-size: 20px !important;
    }

    .services-details-list span, .header-text h3 {
        font-size: 14px;
    }

    .services-details-list-item li {
        font-size: 12px;
    }

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

    .heading-section-description {
        font-size: 13px;
    }

    .started {
        gap: 10px;
    }

    .services-details-bg {
        margin-top: -10px;
        padding-bottom: 311px !important;
    }

    .services-details {
        margin-top: -141px !important;
    }
}


@media (max-width: 500px) {

    ._header-title {
        flex-direction: column;
    }

    .email-verify-modal {
        width: 345px !important;
    }

    .verify .text {
        font-size: 20px !important;
    }

}

@media (max-width: 400px) {
    h4.services-details-title, h1.services-details-title {
        font-size: 14px;
    }

    .services-details {
        margin-top: -135px;
    }

    .services-details-bg {
        padding-bottom: 290px;
    }
}

.background-gradient-white {
    background-color: #fff;
    padding: 25px 0;
}

.head-image {
    max-width: 100%;
    position: relative;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.head-image.option-3 {
    height: 100px;
    background-color: #eee;
    background-image: none !important;
}

.head-image .overlay.light {
    background: #f3f7fd;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.option-3 h1 {
    font-size: 22px !important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.head-image.option-3 .page-title {
    color: #515151;
    font-size: 22px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: -11px 0 0 0;
    line-height: 1;
}

.resetcol {
    padding-left: 0;
    padding-right: 0;
}

.bordered {
    border: 1px solid #e3e3e3;
    padding: 20px 25px 25px 25px;
    padding-bottom: 10px;
    background: #FFF;
}

.banks-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.top-bg {
    display: flex;
    width: 35%;
    flex: 0 0 35%;
    justify-content: center;
    border-top-right-radius: 9px;
    border-top-left-radius: 9px;
    height: 100%;
    min-height: 130px;
}

.top-bg img {
    max-width: 65%;
    object-fit: contain;
}

.banks-bottom {
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    border-right: 0.3px solid #dedede;
    border-left: 0.3px solid #dedede;
    padding: 10px;
}

.banks-bottom.left {
    left: -3%;
    position: relative;
    width: 100%;
}

.banks-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 7px 15px;
    gap: 7px;
    border-bottom: 0.3px solid #dedede;
    color: #3A3A3A;
    font-size: 19px;
    font-weight: 500;
    line-height: 15px
}

.banks-field b {
    color: #3A3A3A;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px;
    text-wrap: nowrap;
}

.banks-bottom .banks-field:last-child {
    border: 0;
}

.row.reverse {
    flex-direction: row-reverse;
}

.copy {
    cursor: pointer;
    position: relative;
}

.copyText {
    font-size: 130%;
}

.changeSvg {
    position: absolute;
    right: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: lineAnimation 5s ease-in-out forwards;
    font-size: 125%;
}

.changeSvg.animate {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: lineAnimation 5s ease-in-out forwards;
}

.banks-big-title {
    font-weight: 700;
    font-size: 23px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.banks-big-title span {
    position: absolute;
    right: 0;
    font-weight: 400 !important;
    font-size: 80%;
}

@keyframes lineAnimation {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@media (max-width: 768px) {
    .banks-wrapper {
        flex-direction: column;
    }

    .banks-bottom.left {
        left: 0;
        top: -35px;
    }

    .top-bg {
        flex: 0 0 95%;
        width: 95%;
        min-height: 125px;
    }

    .top-bg img {
        max-width: 30%;
        object-fit: contain;
        margin-top: -30px;
    }

    .head-image.option-3 .page-title {
        text-align: center;
        left: 0;
        width: 100%;
    }

    .banks-field b, .banks-field {
        font-size: 19px;
    }

    .banks-big-title {
        padding-left: 18px;
    }
}

@media (max-width: 500px) {
    .top-bg img {
        max-width: 45%;
        object-fit: contain;
    }

    .top-bg.finansbank img {
        max-width: 40%;
        object-fit: contain;
    }

    .head-image.option-3 {
        height: 0px;
    }

    .top-bg {
        min-height: 90px;
    }

    .changeSvg {
        top: 10px;
    }

    .copyText {
        font-size: 117%;
    }

    .banks-wrapper {
        margin-bottom: -20px !important;
    }

    .top-bg img {
        max-width: 55%;
        object-fit: contain;
    }

    .banks-big-title {
        font-size: 16px;
        padding-left: 12px;
    }

}

@media (max-width: 375px) {

    .email-verify-modal {
        width: 320px !important;
    }

    .dyn-modal-content {
        padding: 42px 10px 20px !important;
    }

    .email-verify-modal .evm-form .valid-code-info {
        font-size: 11px !important;
    }

    .email-verify-modal .evm-descs .title{
        font-size: 26px !important;
    }

    .banks-field {
        font-size: 13px;
        padding: 0;
    }

    .banks-field b {
        font-size: 13px;
    }

    .banks-big-title {
        font-size: 16px;
    }

    .top-bg img {
        max-width: 45%;
    }

    .top-bg {
        min-height: 93px;
    }

    .top-bg.finansbank img {
        max-width: 40%;
    }

    .option-3 h1 {
        font-size: 18.5px;
    }
}

@media (max-width: 330px) {
    .main-content-wrap {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 1300px) and (min-height: 600px) and (max-height: 800px) {
    .main-content-wrap {
        padding-bottom: 100px !important;
    }

    .banks-field, .banks-field b {
        font-size: 13px;
    }

    .head-image .overlay.light {
        top: 10px;
    }
}

@media (max-width: 768px ) {

    .center-aligned-text {
        text-align: center !important;

    }
}

@media (max-width: 999px) and (min-height: 800px) and (max-height: 1200px) {
    .banks-field, .banks-field b {
        font-size: 15px;
    }

    .head-image .overlay.light {
        top: 10px;
    }
}

@media (max-width: 600px) {
    ._r_img {
        top: 0;
    }

    ._r_img_box {
        top: -48px;
        margin-top: 37px;
        margin-bottom: -48px;
    }

    .services-details-list span, .header-text h3 {
        font-size: 22px !important;
    }

    .services-details-wrap {
        margin-top: 0;
    }

    .services-details-list-item li {
        font-size: 17px;
    }

    .services-details-list-item li > div {
        width: 100%;
        font-size: 18px;
    }

    .services-details-list-item li svg {
        width: 20px;
        height: 20px;
    }

    .services-details-list-item li {
        gap: 5px;
    }

    .elementor-icon-box-title, .elementor-icon-box-description, .heading-title, .heading-section-description {
        font-size: 17px;
    }

    .sag-inner .header-text {
        margin-bottom: 0px;
        text-align: center;
    }

    .started .left-side {
        width: 100%;
        max-width: 100%;
    }

    .more-button-new {
        font-size: 15px;
        min-width: 257px;
    }

    .services-details-list span {
        text-align: center;
    }

    .services-details-section span {
        font-size: 18px;
    }

    h4.services-details-title, h1.services-details-title {
        font-size: 24px;
    }
}

.introicons form .btn {
    margin-top: 10px;
}

.introicons i {
    display: flex;
    align-items: center;
    justify-content: center;
}

.label-danger {
    background-color: #d9534f
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

#notification-menu .notification-dm {
    padding: 0;
}

#notification-menu .notification-dm li {
    padding: 0;
    border: 0;
}

.account_dropdown_box ul li .user_action_button {
    width: 95%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    font-size: 18px;
}

.account_dropdown_box .register-button-li .user_action_button {
    background-color: #ebedff;
    color: #406aa4;
}

.account_dropdown_box #login:hover {
    color: #ebedff;
}

.bg-footer {
    position: relative;
    background-color: #f4f4f4;
    margin-top: 10px;
}

.footer-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #3c3c3c;
    position: relative;
}

.new-social-list li {
    display: inline-block;
    float: left;
}

.new-social-list li:not(:last-child) {
    margin-right: 10px;
}

.new-social-list li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 5px #d3d3d3;
    border-radius: 50%;
    transition: 300ms all linear;
}

.new-social-list li a i {
    color: #3c3c3c;
    transition: 300ms all linear;
}

.new-social-list li a:hover {
    background-color: #3c3c3c;
}

.new-social-list li a:hover i {
    color: #fff;
}

.copyright {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 15px;
}

.new-footer {
    padding: 0.25rem;
}

.footer-wrapper .middle-menu > li > a {
    margin: 0;
    padding: 0.5rem 0;
}

.footer-wrapper .middle-menu > li > a svg {
    margin-top: 0;
}

.new-footer .absolute_daynex {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    height: 7px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d_red {
    background-color: #d7312c;
    flex: 1;
    height: 100%;
}

.d_blue {
    background-color: #29579c;
    flex: 1;
    height: 100%;
}

.d_green {
    background-color: #33a052;
    flex: 1;
    height: 100%;
}

.d_yellow {
    background-color: #f1bb3c;
    flex: 1;
    height: 100%;
}

.footer-wrapper .middle-menu {
    position: unset;
}

.footer-wrapper .middle-menu > li {
    position: unset;
}

.footer-menu {
    position: absolute;
    top: -61px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 17px;
    background: #fff;
    z-index: 3;
    box-shadow: 0px 0px 5px #d3d3d3;
    visibility: visible;
    user-select: none;
    pointer-events: none;
    opacity: 0;
    transition: 300ms all ease;
    justify-content: center;
}

.footer-menu li {
    padding: 1rem;
}

.footer-menu li a span {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer-menu:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 100%;
    height: 7px;
}

.footer-wrapper .middle-menu > li:hover .footer-menu {
    visibility: visible;
    user-select: unset;
    pointer-events: unset;
    opacity: 1;
}

.footer-menu li:before {
    display: none;
}

#notification-menu .notification-dm .dropdown-item {
    height: auto !important;
}

#notification-menu .notification-details p.d-flex {
    flex-wrap: wrap;
}

#notification-menu .notification-details p.d-flex > span:first-child {
    text-wrap: wrap;
}

@media (max-width: 600px) {
    .loader_area {
        flex-direction: column !important;
        align-items: center !important;
        height: auto;
        width: auto;
    }

    .loader_text {
        font-size: 23px;
        width: auto;
        margin: 23px auto;
    }
}

.urun-scroll {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.solid-black {
    color: #3B4044 !important;
}

/*daynex home*/

.daynex-home .ms-title-2 {
    line-height: 38px;
}

.daynex-home .ms-title-1 {
    line-height: 22px;
}

.daynex-home .ms-title-3 {
    line-height: 25px;
}

.domain-home {
    background: #f5f5f5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.daynex-home .domain-title {
    color: #3a3a3a;
    font-size: 22px;
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
}

.daynex-home .domain-title span {
    color: #3174f1;
}

.daynex-home #domain_control {
    margin-top: 0px !important;
}

.daynex-home .domain-row input[type="text"].form-control {
    font-size: 18px !important;
    height: 45px !important;
    text-transform: inherit !important;
    border-radius: 50px 0px 0px 50px !important;
}

.daynex-home .domain-row select.form-control {
    height: 45px !important;
    font-size: 20px !important;
}

.daynex-home .domain-row button[type="submit"] {
    height: 45px !important;
    font-size: 17px !important;
    font-weight: normal !important;
    border-radius: 50px !important;
    background-color: #4285f4 !important;
    padding: 5px 5px 5px 5px !important;
}

.daynex-home .domain-row {
    background: #fff;
    border-radius: 50px;
    height: 65px;
    width: 100%;
    border: 1px solid #cecece;
    padding: 10px;
}

.daynex-home .domain-row .col-sm-2.select-box::before {
    top: 13px !important;
    width: 1px !important;
}

.daynex-home .submit-search-domain svg {
    width: 20px;
    height: 20px;
}

.daynex-home .domain-row input[type="text"]:focus {
    border: inherit;
    background-color: inherit !important;
}

.daynex-home .domain-row input[type="text"]:focus .domain-row {
    border: 1px red;
}

.home-boxs {
    border-radius: 25px;
    background-color: #fff;
    display: block;
}

.home-boxs img {
    max-width: 80%;
    margin: 10px auto;
    display: block;
}

.home-boxs > div{
    margin: 0 auto 10px;
    text-align: center;
}


.home-boxs div h2{
    color: #111c;
    font-size: 22px;
}

.home-lasts .inner {
    width: 100%;
    max-width: 20%;
    flex: 0 0 20%;
    padding: 0 15px;
}

.home-lasts .inner:nth-child(2){
    max-width: 15%;
    flex: 0 0 15%;
}

.home-lasts .inner:last-child{
    max-width: 15%;
    flex: 0 0 15%;
}

.home-lasts .inner:nth-child(3){
    max-width: 30%;
    flex: 0 0 30%;
}

.home-lasts .inner > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    justify-content: center;
}

.home-lasts .inner .inner-list {
    margin: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
}


.home-lasts h3 {
    font-size: 1.28em;
    text-align: left;
    width: 100%;
    font-weight: 800;
    border-bottom: 1px solid rgb(168 163 163 / 25%);
    padding-bottom: 20px;
    position: relative;
    line-height: 1.25;
}

.home-lasts h3:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #3074F1;
}

.home-lasts .inner:nth-child(3) h3:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background-color: #3074F1;
}

.home-lasts a {
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
    position: relative;
}

.home-lasts a:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: auto;
    color: #3074F1;
}

.p-set-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    gap: 5px;
    flex-wrap: nowrap;
}

.p-set-wrapper [class^='col-'] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 24%;
    flex: 0 0 24%;
}

.m_u .basic-list img {
    padding: 0 !important;
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .daynex-home .domain-title {
        font-size: 20px;
    }
}

@media (min-width: 1023px) and (max-width: 1279px) {
    .daynex-home .domain-title {
        font-size: 20px;
        margin-top: 6px !important;
    }

    .daynex-home .domain-row select.form-control {
        padding: 7px !important;
    }

    .daynex-home .domain-row button[type="submit"] {
        margin-top: -30px !important;
    }
}

/*daynexhome bitis*/

.temsilci-wrapper {
    position: fixed;
    width: auto;
    z-index: 999999999;
    right: 15px;
    bottom: 20px;
}

.open_temsilci_popup{
    min-width: 60px;
    height: 60px;
    background-color: var(--global-temsilci-bg-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.temsilci-body{
    opacity: 0;
    transform: translateY(5%);
    width: 0;
    min-height: 0;
    max-height: 0;
    /*visibility: hidden;*/
    user-select: none;
    pointer-events: none;
    background-color: #F9FAFA;
    transition: opacity 300ms ease , transform 300ms ease , visibility 300ms ease;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden auto;
    scroll-behavior: smooth;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 5px 30px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
    position: relative;
    top: -10px;
}


.temsilci-body.active{
    opacity: 1;
    transform: translate(0);
    /*visibility: visible;*/
    user-select: inherit;
    pointer-events: inherit;
    width: 350px;
    min-height: 250px;
    max-height: 640px;
}

.temsilci-body.openedPopup{
    overflow: hidden;
}

.temsilci-content {
    display: none;
    width: 100%;
    flex-direction: column;
}

.temsilci-content.active {
    display: flex;
}

.temsilci-stick-body{
    background-color: var(--global-temsilci-bg-color);
    height: 48px;
    max-width: 100vw;
    min-height: 48px;
    position: relative;
    width: 100%;
    color: white;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-left: 5px;
    position: sticky;
    top: 0px;
    z-index: 11;
}

.temsilci-stick-body .temsilci-stick-body-inner {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: center;
    max-width: 100%;
}

.second .tickets-list {
    min-height: calc(590px - 118px) !important;
}

.temsilci-stick-body .temsilci-stick-body-inner.error{
    max-width: 85%;
}

.temsilci-stick-body .temsilci-stick-body-inner div {
    max-width: 100%;
    min-width: 0px;
    color: white;
}

.temsilci-stick-body .temsilci-stick-body-inner div a {
    font-size: 13px;
    font-weight: bold;
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0px) scale(1, 1);
    border-radius: 9999px;
    display: inline-block;
    line-height: 1;
    padding: 2px 15px 2px 8px;
    max-width: 100%;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
}

.temsilci-stick-body .temsilci-stick-body-inner a svg{
    width: 24px;
    height: 24px;
    fill: #fff;
}

.temsilci-stick-body .temsilci-stick-body-inner div a.active {
    background-color: #406aa4;
}

.temsilci-header{
    position: relative;
    width: 100%;
    margin-bottom: 0px;
    z-index: 2;
    background-color: var(--global-temsilci-bg-color);
    overflow: hidden;
    height: 0;
    transition: 300ms all ease;
}

.back-to-home {
    fill: #fff;
    top: 10px;
    left: 10px;
    position: absolute;
    display: none;
    background-color: transparent;
}

.close-temsilci-popup {
    fill: #fff;
    top: auto;
    right: 20px;
    position: absolute;
    background-color: transparent;
}

.close-temsilci-popup svg{
    max-width: 22px;
    max-height: 22px;
}

.back-to-home.active {
    display: block;
}

.back-to-home svg {
    width: 24px;
    height: 24px;
}

.temsilci-header.send {
    border-radius: 0 0 35% 35%;
}

.empty {
    cursor: pointer;
}

.temsilci-body .temsilci-header.active:not(.second-tab) {
    height: 120px;
    overflow: visible;
    padding: 0px 20px 31px;
}

.second-tab.active {
    padding: 0px 20px 31px;
    overflow: visible;
    text-align: center;
    height: 70px;
}

.ss .tickets-list{
    position: relative;
    z-index: 2;
}

.ss .tickets-list .boxes:first-child{
    margin-top: -30px;
}

.second-tab span {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
}

.temsilci-header .temsilci-avatar-list , .temsilci-header h2 , .temsilci-header p {
    transition: 600ms all linear;
    transform: translateY(30%);
    opacity: 0;
}

.temsilci-body.active .temsilci-avatar-list , .temsilci-body.active h2 , .temsilci-body.active p {
    transform: translateY(0);
    opacity: 1;
}

.temsilci-avatar-list{
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: auto;
    min-height: 64px;
    width: 100%;
    min-width: 0px;
    padding-top: 8px;
    display: inline-flex;
    width: 100%;
}

.avatar-box{
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 2;
}

.temsilci-avatar-list .avatar-box:nth-child(1){
    z-index: 5;
    order: 1;
}

.temsilci-avatar-list .avatar-box:nth-child(2){
    order: 0;
    right: -5px;
}

.temsilci-avatar-list .avatar-box:nth-child(3){
    left: -5px;
    order: 2;
}

.temsilci-header .nasil-yardimci {
    margin-bottom: 8px;
    padding-top: 7px;
    text-align: center;
    color: white;
    font-size: 15px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 0;
}

.temsilci-header p {
    margin-top: -9px;
    opacity: 0.65;
    text-align: center;
    color: white;
}

.temsilci-success-box{
    display: flex;
    flex-direction: column;
}

.temsilci-success-box-inner {
    padding: 80px 30px 60px;
    text-align: center;
}

.temsilci-success-box-inner h2{
    color: #314351;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.2;
}

.temsilci-success-box-inner span{
    color: #748494;
    font-size: 14px;
    line-height: 1.5;
}

.temsilci-success-box-inner a{
    color: var(--global-temsilci-bg-color) !important;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    padding: 0px 2px;
}

.success-svg{
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.temsilci-form  {
    padding: 20px 29px;
    width: 100%;
    background-color: #FAFAFA;
    transition: 300ms all linear;
    visibility: visible;
}

.temsilci-form.send {
    display: none;
}

.temsilci-input-group {
    margin-bottom: 10px;
}

.temsilci-form label {
    color: #556575;
    font-weight: 500;
    font-size: 13px;
    display: block;
    margin: 0;
}

.temsilci-input {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    display: flex;
    padding: 1px 16px;
    position: relative;
}

.temsilci-input svg , .temsilci-select svg{
    fill: #e73123;
    width: 24px;
    height: 24px;
    position: relative;
    z-index: 1;
}
.temsilci-select svg {
    margin-right: 15px;
}


.temsilci-input.textarea {
    overflow-y: auto;
    max-height: 100px;
    min-height: 50px;
    padding: 10px;
    position: relative;
}

.temsilci-header-buttons.hide {
    visibility: hidden;
    width: 0 !important;
    opacity: 0;
    transition: 300ms all ease;
}

.temsilci-input-group .g-recaptcha{
    transform:scale(0.93);
    -webkit-transform:scale(0.93);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.temsilci-select {
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    display: flex;
    position: relative;
}

.temsilci-select select {
    height: 36px;
    font-size: 13px;
    margin: 0px;
    line-height: inherit;
    appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: currentcolor;
    display: block;
    margin-bottom: 1px;
    margin-top: 1px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1;
    padding: 1px 16px;
}

.tickets-list {
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
    padding: 10px 6px;
    min-height: calc(590px - 48px);
}

.tickets-list .boxes{
    box-shadow: 0 0 0 1px rgba(197,206,214,0.7), 0 1px 0 0 #b7c2cc, 0 4px 20px rgba(0,0,0,0.1);
    background-color: rgb(255, 255, 255);
    transition: all 0.16s ease 0s;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 20px 20px 22px;
    position: relative;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    border: 0px !important;
}

.tickets-list .boxes.cevaplanmis {
    box-shadow: 0 0 0 1px rgba(197,206,214,0.7), 0 1px 0 0 #b7c2cc, 0 4px 20px rgba(0,0,0,0.1);
    animation: cevaplanmis-box 3s infinite, salla 0.3s 0.3s, salla 0.3s 0.7s;
}

@keyframes cevaplanmis-box {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(197,206,214,0.7), 0 1px 0 0 #b7c2cc, 0 4px 20px rgba(0,0,0,0.1);
    }
    50% {
        box-shadow: 0 0 0 1px rgba(40, 168, 83, 0.9), 0 1px 0 0 #b7c2cc, 0 4px 20px rgba(0,0,0,0.1);
    }
}

@keyframes salla {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(5px);
    }
    75% {
        transform: translateX(-5px);
    }
    100% {
        transform: translateX(5px);
    }
}

.tickets-list .boxes:hover {
    box-shadow: 0 0 0 1px rgba(197,206,214,0.7), 0 1px 0 0 #b7c2cc, 0 4px 20px rgba(0,0,0,0.1);
    transform: translateY(-4px) scale(1.01);
}

.tickets-list .boxes-title {
    line-height: 1.5;
    margin-bottom: 7px;
    color: var(--global-temsilci-bg-color);
    font-weight: 500;
    font-size: 13px;
}

.tickets-list .boxes-footer {
    margin-top: 10px;
    display: flex;
    gap: 2px;
    align-items: center;
}

.tickets-list .boxes-footer span {
    font-size: 14px;
    line-height: 1.5;
    color: #a5b2bd;
}

.tickets-list .boxes-footer img{
    max-width: 24px;
    max-height: 24px;
}

.tickets-list .boxes-footer svg {
    max-width: 24px;
    max-height: 24px;
    fill: #56c288;
}

.tickets-list .boxes-footer strong {
    color: #93a1b0;
    font-weight: 500;
}

.temsilci-input input , .temsilci-input textarea{
    height: 36px;
    font-size: 13px;
    margin: 0px;
    line-height: inherit;
    border-radius: 0px;
    appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: currentcolor;
    display: block;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.temsilci-input textarea {
    line-height: 20px;
    appearance: none;
    resize: none;
    display: block;
    height: 50px;
    max-height: 50px;
    min-height: unset !important;
}

.temsilci-form .g-recaptcha .rc-anchor-normal {
    width: 100%;
}

.temsilci-form button {
    background-color: var(--global-temsilci-bg-color);
    border-color: var(--global-temsilci-bg-color);
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    color: white;
    display: block;
    font-weight: 600;
    font-size: 14px;
    height: 48px;
    line-height: 46px;
    padding: 0px 1.5em;
    vertical-align: middle;
    width: 100%;
}

.temsilci-input-backdrop {
    background-color: white;
    border: 1px solid #c5ced6;
    border-radius: 3px;
    inset: 0px;
    box-shadow: 0 0 0 0 #e5e9ec;
    position: absolute;
    transition: box-shadow 100ms ease 0s, background-color 100ms ease 0s, border-color 100ms ease 0s;
}

.temsilci-input-backdrop.error {
    border-color: #e73123;
}

.temsilci-popup-footer {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.open_temsilci_popup img {
    border-radius: 50%;
    max-width: 54px;
    max-height: 54px;
}

.temsilci-close {
    position: absolute;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    box-shadow: 0 0 50px rgb(0 0 0 / 20%);
    border-radius: 50%;
    float: right;
    cursor: pointer;
    background-color: var(--global-temsilci-bg-color);
    color: #fff;
    z-index: 9;
    top: -5px;
    right: -5px;
    font-weight: 800;
}

.temsilci-text {
    padding: 15px 14px;
    font-size: 13px;
    border-radius: 10px;
    cursor: pointer;
    color: #000;
    background-color: #fff !important;
    max-width: 200px;
    font-weight: 600 !important;
    text-shadow: none;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    position: relative;
    display: none;
}

.temsilci-text i {
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    -webkit-font-smoothing: antialiased;
}

.temsilci-first-page {
    width: 100%;
    position: relative;
    z-index: 10;
    transition: 500ms all ease;
    flex: 1;
}

.temsilci-first-page-inner {
    margin-top: 15px;
    min-height: calc(590px - 208px);
    display: flex;
    flex-direction: column;
}

.temsilci-boxes {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.temsilci-list-card {
    background-color: rgb(255, 255, 255);
    transition: all 0.16s ease 0s;
    will-change: box-shadow;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
    color: currentcolor;
    margin-left: 4px;
    margin-right: 4px;
    padding: 25px 20px;
    border-radius: 3px;
    cursor: pointer;
}

.temsilci-list-card:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 15px;
    transform: translateY(-4px);
}

.temsilci-list-card-inner {
    -webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.temsilci-list-card-inner svg{
    width: 50px;
    height: 50px;
    fill: var(--global-temsilci-bg-color);
}

.temsilci-list-card-inner > div {
    margin-left: 16px;
}

.temsilci-list-card-inner > div .email-card-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #314351;
}

.temsilci-list-card-inner > div .email-card-desc {
    font-size: 13px;
    line-height: 1.5;
    color: #748494;
}

.temsilci-all-tickets {
    margin-top: auto;
    position: relative;
    overflow: hidden;
}

.ticketPopup{
    border-radius: 3px;
    position: absolute;
    /*left: 5px;*/
    /*right: 5px;*/
    /*bottom: 5px;*/
    /*top: 10px;*/
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 13;
    box-shadow: rgb(0 0 0 / 38%) 0px 0px 20px 20px;
    opacity: 0;
    /*transform: translateY(20px);*/
    pointer-events: none;
    transition: opacity 300ms ease , transform 300ms ease;
}

.ticketPopup.active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: inherit;
}

.all-tickets {
    height: 62px;
    width: 100%;
    position: relative;
    top: 10px;
    cursor: pointer;
    opacity: 0.7;
}

.svg-scale {
    transform: scale(1.76);
}

.popupInner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px;
    max-height: 100%;
    overflow-y: auto;
    background-color: #F9FAFA;
    padding-bottom: 57px;
    padding-top: 80px;
}

.popupInner .textarea-content {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #a5b2bd;
    padding: 5px 4px 4px;
    z-index: 11;
    background-color: #fff;
}

#musteriCevapSendButton svg{
    width: 24px;
    height: 24px;
    position: absolute;
    right: 25px;
    top: 30%;
}

.popupInner .textarea-content textarea {
    overflow: hidden;
    max-height: 140px;
    height: 43px;
    padding: 12px 16px;
    padding-right: 65px;
    width: 100%;
    resize: none;
    top: 1px;
    overflow-y: auto;
    min-height: 47px !important;
    line-height: 20px !important;
    appearance: none;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: currentcolor;
    display: block;
}

.popupInner .flex-div span:not(.time) {
    font-weight: 800;
}

.mesaj-kutusu {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

.mesaj-kutusu .mesaj-kutusu-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.mesaj-kutusu .mesaj-kutusu-inner .time{
    white-space: nowrap;
}

.mesaj-kutusu.soru .mesaj-kutusu-inner{
    justify-content: space-between;
}

.mesaj-kutusu.soru {
    text-align: right;
}

.mesaj-kutusu.mt .icerik {
    border: 1px solid;
    background-color: white;
    border-radius: 3px 8px 8px 3px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-color: #d5dce1;
    max-width: 100%;
    padding: 12px 15px;
}

.mesaj-kutusu.soru .icerik {
    background-color: #e5e9ec;
    border: 1px solid #e5e9ec;
    border-radius: 8px 8px 3px;
    max-width: 100%;
    padding: 12px 15px;
    text-align: left;
    word-break: break-word;
}

.closeTicketPopup{
    position: fixed;
    top: 24px;
    right: 14px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 3;
}

.closeTicketPopup svg{
    width: 100%;
    height: 100%;
    fill: #fff;
}

.popupInner h1 {
    font-size: 16px;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 1rem 1.2rem;
    background-color: var(--global-temsilci-bg-color);
}

.all-tickets:hover > div {
    transform: translateY(-5%);
}

.all-tickets:hover > div:last-child {
    transform: translateY(-15%);
}

.all-tickets > div{
    position: absolute;
    right: 10px;
    left: 10px;
    transition: 300ms all ease;
}

.all-tickets > div:last-child{
    left: 13px;
    right: 13px;
}

.all-tickets > div:first-child{
    top: 10px;
}


.index-1 {
    position: relative;
    z-index: 1;
}

.onceki-konusmalar{
    color: #314351;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.page-card {
    background-color: white;
    border: 1px solid rgba(193, 203, 212, 0.7);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    color: currentcolor;
    display: block;
    padding: 16px;
    text-decoration: none;
    position: relative;
}

.all-tickets .page-card > div{
    border-radius: 9999px;
    height: 9px;
    margin-bottom: 11px;
    background-color: #f1f3f5;
    width: 70%;
}

.wws-lau00001 {
    fill: #0568a080;
}


.wws-lau00002 {
    fill: #0568a0;
}

@media(max-width: 365px){
    .domain-row.m.m input[type="text"]{
        font-size: 13px !important;
    }
}

.border-radius-25 , .border-radius-25 img{
    border-radius: 25px;
}

.deneyimler-slider img{
    width: 50px !important;
    height: 50px;
    box-sizing: content-box;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 5px;
    object-position: top center;
}

.deneyimler-slider {
    background-color: #F4F7FE;
    padding-top: 5px;
}

.deneyimler-slider .new-item{
    display: flex;
    flex-direction: column;
    align-items: center !important;
    text-align: left;
    font-size: 13px;
    color: #111;
    font-weight: bold;
    padding: 0 10px;
}

.deneyimler-slider .new-item p{
    font-size: 14px;
    font-weight: 500;
}

.deneyimler-slider .isim{
    color: #6298FD;
    margin: 10px 0 0;
    font-weight: bold;
}

.deneyimler-slider .unvan{
    white-space: nowrap;
    margin-bottom: 5px !important;
}

.shine-efect{
    overflow: hidden;
    position: relative;
}

.shine-efect:before{
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: all 0.3s ease;
}

.shine-efect:hover:before{
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.zoom-efect{
    transition: 300ms all ease-in-out;
}

.zoom-efect:hover{
    transform: scale(1.03);
}

.inset-shadow{
    box-shadow: inset 0px -2px 0.35rem rgb(61 59 59 / 36%);
}

.deneyimler-slider .owl-dots{
    text-align: center;
    margin-bottom: 5px;
}

.deneyimler-slider .owl-dot span{
    width: 10px;
    height: 10px;
    background-color: #D6D6D6;
    margin: 5px 5px;
    display: block;
    transition: opacity .2s ease;
    border-radius: 50%;
}

.deneyimler-slider .owl-dot.active span , .deneyimler-slider .owl-dot:hover span{
    background-color: #346bb6 !important;
}

.video-content{
    max-height: 350px;
    overflow: hidden;
}
.slider-video{
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
    overflow: hidden;
}

.loadingGifDiv {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    text-align: center;
}

.loadingGifDiv svg{
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

.loadingGifDiv svg path{
    fill: #fff;
}

.playSong{
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 54px;
    gap: 5px;
    background-color: #F1F3F3;
    width: 90%;
    height: 54px;
    margin: 0 auto;
    font-size: 15px;
    font-weight: normal;
}

.playSong svg{
    width: 24px;
    height: 24px;
    box-shadow: 0 0 0 0 rgb(61 141 223 / 59%);
    webkit-animation: playSongAnimate 3s infinite;
    -moz-animation: playSongAnimate 3s infinite;
    -ms-animation: playSongAnimate 3s infinite;
    -o-animation: playSongAnimate 3s infinite;
    animation: playSongAnimate 3s infinite;
    border-radius: 50%;
}

.playSong svg:before , .playSong svg:after{
    content: '';
    position: absolute;
    top: auto;
    left: auto;
    height: 25px;
    width: 25px;
    webkit-animation: playSongAnimate 3s infinite;
    -moz-animation: playSongAnimate 3s infinite;
    -ms-animation: playSongAnimate 3s infinite;
    -o-animation: playSongAnimate 3s infinite;
    animation: playSongAnimate 3s infinite;
    border-radius: 50%;
}

@keyframes playSongAnimate {
    70% {
        box-shadow: 0 0 0 15px rgba(244, 68, 56, .0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
    }
}

.audio{
    visibility: visible;
    opacity: 0;
    width: 0;
    height: 0;
    transition: 300ms width;
}

.audio.open{
    visibility: visible;
    opacity: 1;
    width: 90%;
    height: 54px;
    margin: -54px auto 0;
}
a.domain-metch-title-price.sf:hover{
    color: #111 !important;
}

a.domain-metch-title-price.sf{
    color: #111;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 500px){
    a.domain-metch-title-price.sf{
        font-size: 20px;
    }
    .bg-standart.b2b{
        padding-bottom: 45px !important;
    }
    .buy_info_box .price_box.sf{
        font-size: 22px;
        position: relative;
        top: -6px;
        padding-top: 50px;
        padding-bottom: 10px;
        padding-right: 0 !important;
        padding-left: 0 !important;
        flex-direction: row;
        gap: 5px;
    }
}
@media(max-width: 410px){
    a.domain-metch-title-price.sf{
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .buy_info_box .price_box.sf{
        font-size: 19px;
    }
}
@media(max-width: 375px){
    a.domain-metch-title-price.sf{
        font-size: 19px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .buy_info_box .price_box.sf{
        font-size: 19px;
    }
}

@media(max-width: 350px){
    a.domain-metch-title-price.sf{
        font-size: 18px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.vidsayunew a {
    color: #1970ba;
    background: #fff;
    position: relative;
    font-size: 28px;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.vidsayunew a::before, .vidsayunew a::after {
    border-color: #1970bab3;
    width: 70px;
    height: 70px;
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    border: 10px solid;
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
        opacity: 0;
    }
}

.hediyeler {
    width: 100%;
    margin-bottom: 20px;
    margin-top: -30px;
}

.hediye-header{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 11px 11px rgba(0, 0, 0, 0.01), 0 11px 11px rgba(0, 0, 0, 0.01);
    padding: 7.5px 15px;
    position: relative;
    z-index: 2;
    padding-top: 30px;
}

.hediye-header hr{
    background-color: #FCFCFC;
    flex: 0 0 60%;
    margin: 0 auto;
    display: inline-block;
}

.hediye-header div{
    width: 96%;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.hediye-header h2{
    color: #111;
    font-weight: 850;
    font-size: 26px;
    letter-spacing: 0;
}

.hediye-body{
    background-color: #4286f5;
    border-radius: 5px;
    width: 96%;
    margin-left: auto;
    padding: 10px 15px 0;
    margin-top: -10px;
    height: 53px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 19px;
    color: #fff;
    font-weight: 700;
}

.hediye-listesi li{
    display: inline-flex;
    align-items: center;
}

.hediye-toplam {
    margin-left: auto;
    font-size: 26px;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: line-through;
}

.hediye-text{
    margin-left: 15px;
    font-size: 21px;
    font-weight: 800;
    text-shadow: 0 0 5px;
    transition: 1s all ease;
    animation: shadowAnim 1s linear infinite alternate;
}

.kurdele {
    position: absolute;
    left: -10px;
    top: 10px;
}

@keyframes shadowAnim {
    0% {
        text-shadow: 0 0 0;
    }
    100% {
        text-shadow: 0 0 7px;
    }
}

@media (max-width: 768px) {
    .hediyeler{
        margin: 0;
    }
    .hediye-header hr {
        flex: 0 0 38%;
        margin: 0 auto;
    }
    .hediye-header div{
        width: 92%;
    }
    .hediye-header{
        padding: 7.5px 15px;
    }
    .kurdele {
        top: -10px;
    }
}
@media(max-width: 600px){
    .hediyeler{
        margin: 0;
    }
    .hediye-header{
        padding: 7.5px 15px;
    }
    .hediye-header h2 {
        font-size: 21px;
        text-align: right;
        width: 100%;
    }
    .hediye-header hr{
        display: none;
    }
    .kurdele {
        max-width: 60px;
        top: -10px;
    }
    .hediye-header div{
        width: 100%;
    }
    .hediye-body{
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }
    .hediye-listesi{
        flex: 0 0 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: right;
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .hediye-listesi .hediye-plus:nth-child(2){
        display: none;
    }
    .hediye-listesi li:first-child{
        flex: 0 0 100%;
        width: 100%;
    }
    .hediye-listesi li:not(:first-child , :last-child) {
        margin-right: 5px;
    }
    .hediye-listesi li{
        display: block;
        font-size: 20px;
        text-align: right;
        font-weight: 400;
    }
    li.hediye-plus {
        top: -9px;
        height: 16px;
        position: relative;
    }
}

.path-animation {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: lineAnimation 5s ease-in-out forwards;
}

@keyframes lineAnimation {
    0% {
        stroke-dashoffset: 1000;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

textarea:focus{
    outline: 0;
    border: 0;
}

textarea::-webkit-scrollbar-track , .temsilci-body::-webkit-scrollbar-track , .popupInner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
}

textarea::-webkit-scrollbar-thumb , .temsilci-body::-webkit-scrollbar-thumb , .popupInner::-webkit-scrollbar-thumb{
    border: 2px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.1);
}

textarea::-webkit-scrollbar , .temsilci-body::-webkit-scrollbar , .popupInner::-webkit-scrollbar-thumb{
    width: 12px;
}

.popupInner::-webkit-scrollbar{
    display: none;
}

@media(max-width: 1440px) {
    .temsilci-body.active {
        max-height: calc(100vh - (80px + 50px));
    }
    .second .tickets-list{
        min-height: 332px !important;
        padding-bottom: 0;
    }
}

.plus-sign[data-disabled="disable"] svg {opacity: .1;}

.plus-sign:not([data-disabled="disable"]) svg  , .daynex-dv-9 .daynex-a-3 svg{
    filter: brightness(1);
    animation: svg-efekt-parlama 2s infinite;
}

.daynex-dv-9 .daynex-a-3 svg {
    width: 35px;
}

@keyframes svg-efekt-parlama {
    0% {
        filter: brightness(1);
        transform: scale(1);
    }
    50% {
        filter: brightness(1.5);
        transform: scale(1.12);
    }
    100% {
        filter: brightness(1);
        transform: scale(1);
    }
}

.cursor-not .rowmarg {
    opacity: 1 !important;
}

@media (max-width: 375px) {
    .user_box {
        gap: 15px !important;
    }
    .user_box.no-gap {
        gap: 0 !important;
    }
}

@media(max-width: 350px) {
    .temsilci-body.active {
        width: 335px !important;
    }
    .temsilci-wrapper {
        right: 2px !important;
    }
    .account_box {
        width: 135px !important;
    }
    .account_box:after {
        display: none !important;
    }
}

.set-dm-nt.dropdown-menu {
    left: -125px;
    border-radius: 10px;
    overflow: hidden;
}

.notification-details .uc-nokta-no-w {
    font-weight: 600;
}

#VirtualLicense .modal-header {
    gap: 10PX;
    align-items: center;
    flex-direction: row-reverse;
    padding-top: 41px;
}

.sss {
    position: relative;
    display: flex;
    justify-content: center;
}
.sss-bg {
    position: absolute;
    bottom: 0;
    left: auto;
    right: auto;
    user-select: none;
    pointer-events: none;
}
.sss-flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 5rem 0;
}
.sss-logo {
    max-width: 200px;
}
.sss-text {
    font-size: 22px;
    color: #3074F1;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}
.sss-input {
    display: flex;
    gap: 12px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.44);
    width: 100%;
    max-width: 500px;
    margin-top: 10px;
}
.sss-input input {
    border: 0;
    outline: 0;
    color: #333;
    width: 100%;
}
.sss-input svg {
    cursor: pointer;
}
.sss-input svg path {
    fill: #333;
}
.sss-list-wrap {
    margin-top: 30px;
    display: block;
}
.sss-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.sss-list-item {
    width: calc(25% - 15px);
    flex: 0 0 calc(25% - 15px);
}
.sss-list-item > div {
    min-height: 9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(221, 221, 221, 0.44);
    transition: 300ms all ease;
}
.sss-list-item:hover div {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}
.sss-list-item h3 {
    font-size: .875rem;
    margin-top: 10px;
}
.sss-list-item img {
    max-width: 64px;
    margin: 0 auto;
}
.sss-container {
    margin-bottom: 30px;
}
@media(min-width: 1200px) {
    .sss-container {
        max-width: 900px !important;
    }
}
.sss-big-desc {
    margin-top: 30px;
    text-align: center;
}
.sss-big-desc h1 {
    margin-bottom: 15px;
    color: #3074F1;
    font-weight: 700;
    font-size: 35px;
}
.sss-big-desc p {
    font-size: ;
    margin-bottom: 15px;
    color: #333;
    font-weight: 500;
    font-size: 18px;
}

.sss-left-side {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
    padding: 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.sss-left-side .sss-left-side-header {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 15px;
    border: 0;
    text-align: center !important;
}

.sss-detay-cont {
    margin-top: 30px;
}

.sss-left-side-body {
    flex: 1 1 auto;
    min-height: 1px;
}

.sss-left-side-list-group {
    list-style: none;
    padding-left: 0;
}

.sss-left-side-list-group li svg.rotate {
    transform: rotate(90deg);
}

.sss-left-side-list-group .sss-left-side-list-group{
    padding-left: 25px;
}

.sss-left-side-list-group .sss-left-side-list-group .sss-left-side-list-item:first-child {
    margin-top: 10px;
}
.sss-left-side-list-group .sss-left-side-list-group li a{
    font-size: 16px;
    padding: 0.5rem 0;
    text-decoration: none;
    display: block;
}


.sss-left-side-list-item {
    padding: 0.55rem 0;
    border: none;
    margin-bottom: 0.4rem;
    border-radius: 0 !important;
}

.sss-left-side-list-item>span {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 16px;
}
.sss-left-side-list-item>span:hover {
    color: #3074F1;
}

.sss-right-list-item {
    width: 100%;
    margin: 0 0 24px;
    padding: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.02);
    border-radius: 8px;
    transition: .3s linear;
    box-shadow: 0px 8px 15px 4px rgba(0,0,0,.05);
    cursor: pointer;
}

.sss-right-list-item-title {
    margin-top: 0.3rem;
    font-size: 24px;
    color: #3074F1;
}

.sss-right-side-detay-title {
    font-size: 2.5rem;
    margin: 0 0 30px;
}

.sss-right-side-detay-inner {
    display: block;
}

.sss-right-side-detay-inner > * {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}

.sss-right-side-detay-inner h2 {
    font-size: 1.8rem;
    padding-top: 25px;
}
.kat_agaci {
    margin-bottom: 15px;
}
.kat_agaci li {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

.kat_agaci li a {
    color: #3074F1;
}

.kat_agaci li:not(:first-child):before {
    color: #3074F1;
    padding: 0 7px;
    content: '>';
    font-size: 12px;
    font-weight: 700;
}