a:focus, .button-1:focus {
    /*  outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;*/
    outline: none;
    outline-offset: -2px;
}

input[type='date'], input[type='time'] {
    -webkit-appearance: none;
}

a, .button-1, .page-card-grid > * {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

:root {
    --gradient-v: linear-gradient(-135deg,
    var(--colorFirst) 0%,
    var(--colorThird) 53%,
    var(--colorSecond) 100%);
    --fontFamily: "Nunito", sans-serif;
    --gradient-r: linear-gradient(45deg, var(--colorFirst) 0%, var(--colorThird) 53%, var(--colorSecond) 100%);
    --gradient: linear-gradient(45deg, var(--colorSecond) 0%, var(--colorThird) 53%, var(--colorFirst) 100%);
    --scrollbarBG: #F7F7F7;
    --thumbBG: var(--colorFirst);
}


/* Generated by Glyphter (http://www.glyphter.com) on  Fri Apr 02 2021*/
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Glyphter.woff') format('woff'),
    url('../fonts/Glyphter.ttf') format('truetype'),
    url('../fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon2-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon2-house2:before {
    content: '\0047';
}

.products {
    --width-second: calc(var(--width-first) * 1.85);
}


.mobileCampaigns .splide__slide, .homeProducts .splide__slide {
    width: calc(var(--width-first) - 25px);
}

@media (max-width: 1200px) {
    .custom-hunter-width {
        --width-first: 100%;
    }
    .container-width {
        max-width: 800px !important;
    }
    .contact-section {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 50px !important;
        padding-left: 50px !important;
    }

    .custom-mobile-container {
        padding-left: 0;
    }

    .custom-mobile-hunter {
        margin: 10px;
    }
    .search-p{
        color:#CCCCCC !important
    }
    .mobile-lottie {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
        /* margin-top: 60px; */
        justify-content: space-between;
        right: auto !important;
    }
}

@media (max-width: 769px) {
    .custom-hunter-width {
        --width-first: 100%;
    }
    .desktop-tabs{
        display: none;
    }

    .custom-hunter-width h4 {
        width: 50%;
    }
}

.button-1.outline {
    border: 1px solid #d2d2d2
}

.page .accordion .page-list input {
    display: block !important;
}

.social a:last-of-type img {
    max-height: 15px;
    filter: brightness(0) invert(1);
}

/*.social a:last-of-type:hover img {*/
/*    filter: url()*/
/*}*/

.page-list-buttons {
    z-index: 2;
}

.page-list table{
    text-align: center;
}

.page-list table td{
    text-align: center;
}

div#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: white;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}

.desktop-menu-quick {
    filter: drop-shadow(0 .2rem .25rem rgba(0, 0, 0, .2));
}

.page .corporate .banner {
    margin-top: 0px;
}

.sss a {
    font-size: var(--fontSize);
}

.menu-search form input {
    color: #333333;
}

.menu-search form input {
    font-size: var(--fontSize);
}

@media (max-width: 769px) {

    .menu-search form input {
        font-size: 12px;
    }
}

.page .saving-select-item label {
    cursor: pointer
}

.header-nav-item.search:hover:before {
    content: unset;
}

select {
    -webkit-appearance: none;
}

.header-nav .dropdown .menu-dropdown .noImage:before {
    content: unset !important;

}

.noImage {
    border-top-left-radius: 10px;
}

.map-canvas:hover {
    cursor: pointer;
}

.saving-content form input:checked + label i:before {
    -webkit-text-fill-color: unset;
}

.form-select:focus {
    box-shadow: unset
}

.show .header-nav-item:hover {
    color: #fff;
}

.show .dropdown .columns li:last-child {
    border-bottom: .7px solid rgba(51, 51, 51, .5);
}

/*.products .splide__caption {*/
/*    min-height: unset;*/
/*}*/
.header,
.menu-toggle-link {
    height: 75px
}

.menu-quick > a {
    -webkit-appearance: none;

}

.menu-quick > a:before {
    content: unset
}

.header {
    filter: blur();
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, .15)
}

.saving-image img {
    margin-right: -100px;
    transform: translateY(-30px);
    border-radius: 10px;
}

.page-accordion-body p,
.page-accordion-body h1,
.page-accordion-body h2,
.page-accordion-body h3,
.page-accordion-body h4,
.page-accordion-body h5,
.page-accordion-body span,
.page-accordion-body b,
.page-accordion-body em,
.page-accordion-body strong {
    text-align: left;
}

.productsTab .page-list h1,
.productsTab .page-list h1,
.productsTab .page-list h2,
.productsTab .page-list h3,
.productsTab .page-list h4,
.productsTab .page-list h5 {
    color: var(--colorThird);
    font-size: 18px;
}

.page-file-item a {
    text-transform: uppercase;
}

.pagination {
    margin-top: 25px
}

@media (max-width: 769px) {
    .pagination {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.revSubscriber-item i.top25 {
    position: absolute;
    left: 10px;
    top: 52px;
    width: 50px;
    height: 40px;
    background-image: var(--gradient-v);
    font-size: 23px;
    color: #fff;
    border-radius: 10px;
}

.page .revSubscriber-item span {
    flex-direction: column;
}

.page .revSubscriber-item span .h3,
.page .revSubscriber-item span h3 {
    color: #333;
    font-weight: 700;
    font-size: 18px;
}

#sub-tab-button {
    z-index: 555;
    display: block;
    position: absolute;
    top: 3.8em;
}

#sub-tab-button .sub-page-buttons-item {
    padding: 5px 3em;
    background: 0 0;
    color: #fff;
}

#sub-tab-button .sub-page-buttons-item[aria-selected=true] {
    background-color: #00000029;
}

.tab-selected-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.tab-selected-container .tab-selected-text {
    /*padding: 5px 1.5em;*/
    /*color: #757575;*/
    /*border: 1px solid #757575;*/
    /*border-radius: 5px;*/
    opacity: 1;
    margin: 0px 5px;
    margin-bottom: 10px;

}

.page-buttons-item .subTabsArea {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.subTabsArea {
    display: flex;
    flex-direction: row;
}

.subTabsArea div {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}

.page-buttons-item.active {
    padding-bottom: 0px;
}

.subTabsArea div:hover,
.subTabsArea div.activeInnerTab {
    background-color: #00000029
}

.page-buttons-item small {
    opacity: 1;
    visibility: visibility;
    transition: visibility 0s, opacity 0.5s linear;
}

.page-buttons-item.active small {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.page-buttons-item.active .subTabsArea {
    opacity: 1;
    visibility: visible;
    display: flex
}

.page-buttons-item h2 {
    margin-bottom: 0px
}

.page-buttons-item {
    transition: all .4s ease-in-out;
}

.bidder-group {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.bidder-checked select {
    cursor: pointer;
    border-radius: 10px;
    height: 56px;
    min-width: auto;
    padding-left: var(--gutter-xxl);
    padding-right: var(--gutter-xxl);
    box-shadow: var(--shadow);
    border: unset;

}

.bidder-checked label {
    min-width: auto;
    text-align: center;
}

@media (max-width: 769px) {
    .bidder-checked label {
        text-align: left;
    }
}

.page .saving-detail-line {
    position: relative;
}

.page .saving-detail-line:not(:first-child) input {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #f5f5ff;
    text-align: center;
    font-size: 10px;
    outline: 0;
    -webkit-appearance: textfield;
    width: calc((100vw - 30px) / 2);
}

.page .saving-detail-line:not(:first-child) input:read-only {
    background-color: #f3f4fa;
}


.page .saving-detail-line:not(:first-child) .savingIcon i {
    right: -8px;
    height: 16px;
    background: #f7f7f7;
    width: 16px;
    border-radius: 10px;
    color: var(--colorFirst);
    cursor: pointer;
    position: absolute;
    top: -8px;
    font-size: 10px !important;
    z-index: 9;
}

.page .saving-detail-line:not(:first-child) i span {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 100%;
    top: 100%;
    font-family: var(--fontFamilySecond);
    white-space: nowrap;
    color: #999;
    font-size: 8px;
    border: 1px solid rgba(229, 229, 229, .3);
    border-radius: 3px;
    background-color: #fff;
    padding: 2px 4px;
}

.page .saving-detail-line .savingIcon {
    background-color: var(--colorFirst);
    color: white;
    border-radius: 5px;
    justify-content: flex-start;
    padding-left: 10px
}

.saving-detail-line .savingIcon span {
    position: relative;
    right: unset;
    text-align: left;
}

.page.saving .page-list {
    margin-top: 30px
}

.saving-detail-line div span {
    position: absolute;
    right: 10px;
}

.saving-info .saving-detail {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul.columns li {
    float: left;
    margin: 0 10px 10px 0;
    width: 47%;
}

ul.columns li:nth-child(even) {
    margin-right: 0;
}

.page .saving-detail-line:not(:first-child) i span {
    background-color: #923c8c;
    color: white;
    font-size: 12px;
    right: unset;
}


.saving-info .saving-detail table th,
.saving-info .saving-detail table td {
    font-weight: unset;
    font-size: 16px;
}

.page .saving-detail-line:not(:first-child) i:hover span {
    opacity: 1;
}

#up {
    z-index: 9;
}

.flush-collapseOne .mims {
    padding-top: 0px
}

.pagination .page-item.active .page-link {
    background: #923c8c;
    border-color: #923c8c;
}

.bidder {
    margin: auto;
    margin-bottom: var(--gutter-xxl);
}

.bidder-line {
    width: 100%;
    /*transform: translateX(-8%);*/
    background: white;
}

.bidder-checked label:before {
    content: unset;
    display: none;
}

.page .corporate .banner h4,
.page .corporate .banner p {
    margin-bottom: 0px;
    text-align: center;
}

.map-canvas #map {
    height: 600px;
}

.page-members-grid {
    display: flex;
    flex-basis: auto;
}

.page-members-item {
    flex: 1;
    width: 190px;
}

.splide-nav a:hover i {
    color: white
}

.form .form-footer .button-1 {
    height: 40px;
    font-size: 16px;
}

.form .form-footer .button-1:hover i {
    color: white
}

.form .form-footer .button-1 i {
    color: var(--colorSecond)
}

.notFoundHolder {
    padding-top: 90px;
}

/*.map ymaps {*/
/*    -ms-touch-action: auto !important;*/
/*    touch-action: auto !important;*/
/*    pointer-events: none;*/
/*}*/

.press-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page .press-item .press-content {
    justify-content: space-between;
    height: 100%;
}

.page .channel .button-wrapper .button-1 {
    padding: 10px 100px;
}

.page .channel .jestek {
    max-width: 70%;
}
.lineBox .line {
    height: 8px;
    position: absolute;
    width: 1295px;
    margin-top: 30px;
    margin-bottom: 32px;
    border-radius: 5px;
}
.revSubscriber-item p {
    padding-right: 20px;
}

.page .mims-grid-item a:first-of-type {
    font-weight: bold;
}

.page .mims-grid-item h3 {
    color: #333333;
}

.page .projectDetail .splide .splide__slide:before {
    content: unset
}

.page .project .splide .splide__slide {
    height: auto;
}

.event-content .date {
    margin-top: 20px;
    color: #ccc;
    font-size: 16px;
    text-align: right;
}

/*V2 START*/
.button-1.outline::before {
    z-index: -1;
    transition: width 400ms;
}

.project-filters {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

.project-filters a {
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    background-color: white;
    border-radius: 50px;
    cursor: pointer;
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
}

.project-filters .active-filter {
    background: var(--gradient-r);
    color: white;
    transition: all .4s ease-in-out;
    border: unset;
}

/*V2 END*/

.page-list .pageListTitle, .hasTitle p:first-of-type {
    color: var(--colorThird);
    font-weight: 700;
    font-size: 18px;
}

@media (max-width: 769px) {
    .page-list .pageListTitle, .hasTitle p:first-of-type {
        position: relative;
        top: 10px;
    }
}

.page-accordion-button::after {
    content: "\6b";
    font-family: var(--fontIcon);
    color: var(--colorThird);
    transform: rotate(
            0deg
    );
    transition: transform 250ms;
}

.page-accordion-button.collapsed:after {
    transform: rotate(
            -90deg
    );
}

#savingForm input, #savingForm input:hover {
    cursor: default;
}

.header-nav .dropdown .menu-dropdown ul li a b {
    font-size: var(--fontSize);
}

main > section .splide-nav a:hover {
    background-image: unset;
    color: #7f7f7f;
}

.splide-nav .button-1.outline {
    background-color: white;
}

.splide-nav .button-1.outline:hover i {
    transform: translateX(10px);
    z-index: 100;
}

.button-1.outline:hover:before {
    z-index: 99;
}

.button-1.outline:hover i {
    z-index: 99;
}

.page .subscriber-item.bg-gradient .bg-gradient-button {
    border-radius: 15px;
}

.public-nav a:hover, .splide-nav a:hover {
    background: white;
    background-image: unset;
    color: #7f7f7f;
}

.form .form-group label {
    flex: 1;
}

.form .form-group .custom-label {
    padding-right: 0;
    display: flex;
    flex-direction: row;
    flex: 1.5;
}

.form .form-group .form-control, .form .form-group .form-select {
    flex: 2;
}

.page .saving-select-item label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.page .saving-select button[type=submit] {
    background: white;
    font-weight: 500;
    font-size: var(--fontSize);
    color: #333;
    height: 45px;
    padding: 0px 40px;
    border-radius: 30px;
    margin-left: unset;
}

.page .saving-select button[type=submit] i {
    color: var(--bs-purple);
}

.page .saving-select button[type=submit]:before {
    border-radius: 35px;
}

.saving-select-item label div p {
    font-weight: 400;
    color: #7f7f7f;
    font-size: var(--fontSize);
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: left;
}

.saving-select-item label div span {
    font-size: var(--fontSize-l);
}

.page .saving-select button[type=submit]:hover i {
    color: #fff;
    transform: translateX(25px);
}

.page .saving-select-item input:checked + label p {
    color: #fff;
}

.page .saving-select-item input:checked + label::after {
    right: -10px;
    top: -10px;
}

.page .saving-detail-line div {
    font-size: var(--fontSize);
}

.page .calculateTableBorder {
    width: 110%;
    margin-left: -5%;
    background: var(--gradient);
    border-radius: 10px;
    padding: 5px;
}

@media (max-width: 769px) {
    .page .calculateTableBorder {
        width: 100%;
        margin-left: 0;
    }

}

.page .calculateTableHolder {
    padding: 40px 0px;

    background: white;
    border-radius: 10px;
}

.page .calculateTableHolder table {
    z-index: 3;
    min-height: 120px;
}

.page .calculateTableHolder td, .page .calculateTableHolder td span, .page .calculateTableHolder table td i {
    color: white
}

.page .calculateTableHolder table th, .page .calculateTableHolder table td {
    font-size: var(--fontSize-l);

}

.page .miniCalculateTableHolder table th, .page .miniCalculateTableHolder table td {
    font-size: var(--fontSize)
}

.page .calculateTableHolder table td {
    font-weight: 500;
    color: white
}

/*.page .calculateTableHolder:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*   bottom: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    background: var(--gradient);*/
/*    z-index: 1;*/
/*    border-radius: 10px;*/
/*    width: calc(100% + 120px);*/
/*    left: -60px;*/
/*}*/

.page .calculateTableHolder table th {
    background: white;
    color: #333333;
    font-weight: bold;
}

.page .saving-detail {
    overflow: hidden;
}

.page .minisaving-detail {
    overflow: visible;
}

@media (max-width: 769px) {
    .page .minisaving-detail {
        margin: -50px;
    }
}

.page .saving-detail {
    overflow: visible;
}

.btrr {
    border-top-right-radius: 10px;
}

.bblr {
    border-bottom-right-radius: 10px;
}

.page .saving-detail table td, .page .saving-detail table th {
    line-height: 1.1;
    border: 1px solid rgb(193 193 193);
}

.page .saving-detail table {
    /* border-collapse: collapse; */
    border-radius: 10px;
    border-bottom-left-radius: 10px;
    border-style: hidden;
    box-shadow: 0 0 0 1px rgb(204 204 204 / 97%);
}

.page .saving-detail table td {
    background: var(--gradient)
}

.saving-detail .button-1 {
    height: 40px;
    color: #333;
    font-size: var(--fontSize);
}

.page-center .search .sss a {
    color: #333;
}

@media (max-width: 769px) {
    .page-center .search .sss a {
        color: #333;
        width: 100%;
        font-size: 14px;
    }
}

.hero .splide__arrows {
    position: absolute;
    display: flex;
    flex-direction: row;
    right: 66px;
    content: '';
    z-index: 5;
    bottom: 27px;
}

.hero .splide__arrows button {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    -webkit-align-items: center;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 13px;
    background-color: #fff;
    box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 15%);
    -webkit-appearance: none;
    --webkit-transform: unset;

}

.hero .splide__arrows button i {
    position: relative;
}

.hero .splide__arrows button i:before {
    color: #ccc;
}

.hero .splide__arrows button i:hover:before {
    color: #d41c64;
}

.hero .splide__pagination button {
    width: 20px;
    height: 7.5px;
}

.hero .splide__pagination button.is-active {
    width: 30px;
}

.header-nav .dropdown-toggle:after {
    display: none;
}

.revSubscriber-item i.top25 img {
    max-height: 60px;
    display: block;
    margin: auto;
    filter: brightness(0) invert(1);
    margin-top: 10px;
}

.saving-content form label {
    background: unset;
    cursor: default;
}

.page-accordion-item.page-list {
    position: relative;
    padding: unset;
    background-color: #fff;
    color: #7f7f7f;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    padding-right: 50px;
    padding-left: 50px;
}

.page-accordion-item.page-list i.top25 {
    top: -5px;
}

.page-accordion-item.page-list i.top25 img {
    max-height: 70px;
    display: block;
    margin: auto;
}

.subscription-page .page-list > i {
    background: white;
}

.subscription-page .page-list > i {
    color: var(--colorThird);
    -webkit-box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 9%);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 9%);
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 9%)
}

.subscription-page .page-list i.top25 img {
    max-height: 60px;
    display: block;
    margin: auto;
    margin-top: 10px;
}

.page-accordion-item.page-list {
    margin-top: 20px;
}

.newscast-item::before {
    opacity: .3;
}

.saving-content form label:hover {
    color: #fff;
}

.page .invoice * {
    position: relative;
}

.page-tooltip .introjs-arrow {
    display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.page .event-other .splide__track .splide__list .splide__slide:focus {
    outline: unset;
}

div#event-other img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    height: 400px;
}

.bidder .form-select:focus {
    box-shadow: var(--shadow);
}

.corporate.members-holder {
    position: relative;
}

.corporate.members-holder:before {
    content: '';
    width: 200px;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url(../images/triangles.svg);
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .3;
    z-index: 0;
}

.member-image-holder {
    position: relative;
    margin-bottom: 10px;
    padding: 10px;

}

.member-image-holder img {
    position: relative;
    border-radius: 100%;
    margin-bottom: 0px;
    height: 170px;
    object-fit: cover;
    width: 190px;
}

.member-image-holder:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--gradient);
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 190px;
    height: 190px;
}

.modal-body .page-accordion-item {
    background-color: #f5f2f2;
}

.modal-body .page-accordion-body {
    max-height: 400px;
    overflow-x: scroll;
}

.news-item.activeNew .news-inner {
    max-height: 5000px;
}

.page .news-item h2:before {
    color: var(--colorFirst);
    transition: all .3s ease-out;
}

.accordion-annList-text {
    font-size: 14px;
    padding-right: 20px;
    color: var(--colorFirst);
}

.annList-desc p:first-child {
    display: block;
}

.annList-desc p {
    display: none;
}

.news-inner p:first-child {
    display: none;
}

.custom-annList-btn::after {
    content: "\6b";
    font-family: var(--fontIcon);
    color: var(--colorFirst);
    transform: rotate(
            0deg
    );
    transition: transform 250ms;
}

.custom-annList-margin {
    margin-top: 50px;
}

.page .news-item h2 {
    cursor: pointer;
}

@media (max-width: 769px) {
    .page .news-item h2 {
        font-size: 14px;
        padding-right: 20px;
    }
}

.page .news-item h2:before {
    color: var(--colorFirst);
    transition: all .3s ease-out;
}

.page .news-item.activeNew h2:before {

    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(
            90deg
    );
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(
            90deg
    );
    color: var(--colorSecond);
    transition: all .3s ease-out;
}

#mapAccordion .mims-grid-item {
    background-color: #f7f7f7;
}

.emptyAlert {
    background: var(--gradient);
    text-align: center;
    padding: 15px;
    border-radius: 15px;
}

.emptyAlert p {
    font-size: var(--fontSize);
    font-weight: 600;
    color: white;
    margin-bottom: 0px;
}

.products .splide__caption a, .products-wrapper__caption a {
    min-height: 35px;
}

.footer-center nav a {
    -webkit-appearance: none;
}

.tab-pane .table {
    color: #7f7f7f;
    margin-top: 20px;
    overflow-x: auto;
    max-width: 100vw;
}

.tab-pane .table * {
    border-radius: 15px;
}

.bankHolder ul li::before {
    background: white;
}

.hero .splide__slide, .hero .splide__slider {
    background: unset !important;
}

.hero .splide__slide img {
    position: absolute;
    right: 0;
    top: 0;
}

.hero .splide__slide img:first-of-type, .hero .splide__slider:first-of-type {
    display: block !important;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

@media (max-width: 1220px) {
    .custom-main-slider .splide__track {
        height: 400px;
    }

    .hero .splide__slide img:first-of-type, .hero .splide__slider:first-of-type {
        display: block !important;
        width: 100%;
        height: 400px;
        object-fit: cover;
    }

    .custom-main-slider .splide__track .splide__list .splide__slide {
        height: 300px !important;
    }
}

@media (max-width: 769px) {
    .custom-main-slider .splide__track {
        height: 500px;
    }

    .hero .splide__slide img:first-of-type, .hero .splide__slider:first-of-type {
        display: block !important;
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .custom-main-slider .splide__track .splide__list .splide__slide {
        height: 500px !important;
    }
}

.page .invoice i.triggerTour {
    color: var(--colorFirst);
    margin-left: 0px;
    font-size: 14px;
    transition: all ease-in .1s;
    cursor: pointer;
}

.page .invoice i.triggerTour:hover {
    font-size: 18px;
}

.header-nav .dropdown .menu-dropdown ul li:hover:before {
    transition: all .1s ease-in;
}

.page .invoice th, .page .invoce td {
    padding: 8px;
}

.header:before {
    margin-top: -2px;
    background-image: url(../images/headeralternative-shadow.png);
}

.page-contact-text .map {
    height: 475px;
}

.saving-detail .button-1 {
    border-radius: 30px;
}

.products .splide__caption img, .products-wrapper__caption img {
    object-position: right;
}

.page-file-grid .page-file-item a {
    font-size: var(--fontSize-s) !important;
    padding: 10px 10px !important;
    justify-content: center;
}

.page-file-grid .page-file-item a i {
    color: #FFFFFF;
}

.page-banner-two .buttons a:not(:last-of-type) {
    margin-bottom: 0px;
}

.home-campaing .splide__caption {
    height: 100%;
    max-height: unset !important;
}

.bigone.second .splide__caption img {

    object-position: right;
}

.page-buttons-item > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
}

.hero .splide__slide p {
    font-size: 15px;
}

.hero .button-1.outline:hover i {
    color: white !important
}

.gallery-image img {
    height: 235px;
}

.saving-table-header {
    background-color: #f3f4fa;
    border-radius: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.saving-table-header div:not(:first-child) {
    border-left: 1px solid #ccc;
}


.form .form-group {
    box-shadow: 0px 0px 15px 0px #e2e3e8;
}

.products .splide__caption .button-1, .products-wrapper__caption .button-1 {
    margin: 0px;
    position: absolute;
    bottom: 15px;
}

.products .splide__caption, .products-wrapper__caption {
    justify-content: flex-start;
    padding-right: 45%;
}

.jumbotron .caption .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    background: attr(data-color);
}

.jumbotron.filter::before {
    content: '';
    position: absolute;
    top: 0;
    right: 250px;
    bottom: 0;
    background-image: url("../images/header-filter.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    width: 100%
}

.hero .splide__slide.filter::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 250px;
    bottom: 0;
    background-image: url("../images/header-filter.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    width: 100%;
}

@media (max-width: 1220px) {
    .hero .splide__slide.filter::before {
        z-index: 2;
        width: 97.2%;
    }
}

@media (max-width: 1024px) {

    .hero .splide__slide.filter::before {
        right: 0px;
        background-image: url(../images/slidermobil.png);
        width: 120%;
        height: 100%
    }
}

@media (max-width: 769px) {
    .hero .splide__slide.filter::before {
        right: 0px;
        background-image: url(../images/slidermobil.png);
        width: 120%;
        height: 140%
    }
}

.hero .splide__slide p {
    display: block;
    max-width: 48%;
}

@media (min-width: 769px) and (max-width: 1300px) {
    .hero .splide__slide p {
        display: block;
        /* word-break: break-all; */
        width: 450px;
    }
}

.newsItem {
    cursor: pointer;
}

.home-campaing {
    display: none
}

.mobileCampaigns {
    display: block;
}

.mobileCampaigns .splide__slide, .mobileCampaigns .splide__slide.bigone {
    width: 330px;
}


@media (max-width: 769px) {

    .mobileCampaigns .splide__slide, .mobileCampaigns .splide__slide.bigone, .products .splide__slide.bigone {
        width: 330px;
    }
}

@media (max-width: 1200px) {
    .mobileCampaigns .splide__slide, .mobileCampaigns .splide__slide.bigone {
        margin-right: 10px;
    }

    .products .splide__caption, .campaing .splide__caption {
        padding-right: 20% !important;
    }
}

.mobileCampaigns .splide__caption {
    padding-right: 45%;
}

.mobileCampaigns .splide-header h2 {
    color: var(--colorThird)
}

.page .event-image-item img {
    height: 300px;
    object-fit: cover;
}

.bidder-line {
    position: relative;
}

.bidder-line b {
    position: absolute;
    top: -60px;
    text-align: center;
}

.bidder-line {
    justify-content: space-between;
    padding: 10px var(--gutter-xl);
    margin-top: 30px;
}

.bidderGroup .bidder-checked select {
    height: 80px;
}

.offer-hunter .bidderGroup .bidder-checked select {
    /*opacity: 0;*/
    /*height:0px;*/
    padding: 0px;
    text-align: center;
    text-indent: 30px;
    font-size: 15px;
}


.bidderGroup {
    position: relative;
}

.bidderGroup:first-of-type {

}

.invoice-method-grid img {
    max-height: 100px;
}

@media (max-width: 769px) {
    .invoice-method-grid img {
        object-fit: contain;
    }
}

.header-nav .dropdown > .header-nav-item:focus {
    outline: unset;
}

#headerCollapse dropdown-toggle:focus {
    outline: unset;
}

#headerCollapse .dropdown-toggle:after {
    border: 0;
    font-family: var(--fontIcon);
    content: "\6b";
    font-size: 10px;
    margin-left: 10px;
}

.dropdown-toggle:focus {
    outline: unset;
}

.page-members-item * {
    width: 190px;
}

.page-members-item .small, .page-members-item small {
    display: block;
}


.aui-wrapper {
    height: 1500px;
    /*background-color: red;*/
    margin-top: 32px;
    position: relative;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}

.cpImageHolder {
    position: relative;
}

.cpImageHolder img {
    position: absolute;
    max-width: 100%;
    transform: translate(0px, -35%);
    z-index: 1;
}

.aui_1 {
    position: absolute;
    top: 57px;
    left: 5px;
    width: 215px;
}

.aui_2 {
    position: absolute;
    top: 135px;
    left: 79px;
    width: 83px;
}

.aui_3 {
    position: absolute;
    top: 70px;
    left: 173px;
    width: 109px;
}

.aui_4 {
    position: absolute;
    display: none;
    top: 13px;
    left: 173px;
    width: 109px;
}

.aui_5 {
    position: absolute;
    top: 381px;
    left: 2px;
    width: 175px;
}

.aui_6 {
    position: absolute;
    top: 376px;
    left: 140px;
    width: 73px;
}

.aui_7 {
    position: absolute;
    top: 280px;
    left: 82px;
    width: 192px;
}

.aui_8 {
    position: absolute;
    top: 683px;
    left: 5px;
    width: 215px;
}

.aui_9 {
    position: absolute;
    top: 645px;
    left: 150px;
    width: 82px;
}

.aui_10 {
    position: absolute;
    top: 528px;
    left: 122px;
    width: 175px;
}

.aui_11 {
    position: absolute;
    top: 1048px;
    left: 0;
    width: 175px;
}

.aui_12 {
    position: absolute;
    top: 1002px;
    left: 129px;
    width: 80px;
}

.aui_13 {
    position: absolute;
    top: 851px;
    left: 122px;
    width: 175px;
}

.aui_14 {
    position: absolute;
    display: none;
    top: 851px;
    left: 122px;
    width: 175px;
}

.aui_15 {
    position: absolute;
    top: 1244px;
    right: 0;
    width: 175px;
}

.aui_16 {
    position: absolute;
    top: 1169px;
    right: 52px;
    width: 80px;
}
.li-style{
    font-weight: 700 !important;
    color: var(--colorThird) !important;
    cursor:  pointer !important;
}
.aui_17 {
    position: absolute;

    top: 1370px;

    left: 0;
    width: 199px;
}
@media (min-width: 992px){
    .color-gray-li {
        color: #7f7f7f;
    }
}

@media (min-width: 768px) {
    .aui-wrapper {
        max-width: 696px;
        height: 836px;
    }

    .aui_5 {
        left: calc(388px + 2px);
        top: calc(381px - 234px);
        width: 200px;
    }

    .aui_6 {
        left: calc(402px + 140px);
        top: calc(376px - 241px);
    }

    .aui_7 {
        left: calc(418px + 19px);
        top: calc(280px - 271px);
        width: 261px;
    }

    .aui_8 {
        top: calc(683px - 250px);
        left: 5px;
        width: 215px;
    }

    .aui_9 {
        top: calc(645px - 250px);
        left: 150px;
        width: 82px;
    }

    .aui_10 {
        top: calc(528px - 250px);
        left: 122px;
        width: 175px;
    }

    .aui_11 {
        top: calc(1048px - 568px);
        left: calc(0px + 285px);
        width: 175px;
    }

    .aui_12 {
        top: calc(1002px - 568px);
        left: calc(129px + 285px);
        width: 80px;
    }

    .aui_13 {
        top: calc(851px - 568px);
        left: calc(122px + 285px);
        width: 175px;
    }

    .aui_15 {
        top: calc(1244px - 735px);
        right: 0;
        width: 175px;
    }

    .aui_16 {
        top: calc(1169px - 735px);
        right: 52px;
        width: 80px;
    }

    .aui_17 {
        top: 704px;
        left: 225px;
        width: 217px;
    }

    /* tablet, landscape iPad, lo-res laptops ands desktops */
}


@media (min-width: 1281px) {
    /* hi-res laptops and desktops */
}


.gptwImage {
    max-height: 200px;
    object-fit: contain;
    display: block;
    float: left;
    margin-left: 0px;
    width: 120px;
    margin-bottom: 10px;
}

.abgptw {
    position: absolute;
    right: 50px;
    top: -75px;
    max-height: 200px;
}

.news-inner a {
    color: var(--colorFirst);
    font-weight: bold;
}

.splide__slide:focus {
    outline: unset;
}

.bankHolder li a {
    color: white;
}

.products .splide__caption, .products-wrapper__caption {
    min-height: 190px;
}

@media (max-width: 1200px) {
    .products .splide__caption, .products-wrapper__caption {
        min-height: 235px;
    }
}

.jumbotron .caption .h1, .jumbotron .caption h1, .jumbotron h1 {
    width: 55%
}

.form .form-check input {
    display: block;
    position: absolute;
    left: 25px;
    background-color: transparent;
    outline: unset;
    border: transparent;
    opacity: 0
}

.gallery-item p {
    text-align: left;
}

.form .form-check {
    position: relative
}

#kvkkModal .page-text, #kvkkModal2 .page-text,
#kvkkParamKartAydinlatmaModal .page-text {
    max-height: 500px;
    overflow-y: scroll;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

@-webkit-keyframes autofill {
    0%, 100% {
        color: #666;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.newsListing .caption {
    min-height: 130px;
    max-height: 130px;
}

.newsListing .caption h4 {
    line-height: 22px;
}

.newsListing .newscast-item {
    cursor: pointer;
}

.newsListing .newscast-item img {
    height: 66%;
}

.customtabtext h2:before, .customtabtext h1:before, .customtabtext h3:before, .customtabtext h4:before, .customtabtext h5:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 9px;
    width: 7px;
    height: 6px;
    background: var(--colorThird);
    border-radius: 10px
}

.customtabtext h2, .customtabtext h1, .customtabtext h3, .customtabtext h4, .customtabtext h5 {
    position: relative
}


.filteredProjects .customFilter:after, .splide__slide.customFilter:after {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
    box-shadow: var(--shadow);
    opacity: 1;
    width: 100%;
    /* background: rgb(234, 100, 36); */
    /* background: linear-gradient(
71deg
, rgba(234, 100, 36, 1) 0%, rgba(212, 28, 100, 1) 30%, rgb(146 60 140 / 14%) 71%); */
    background-image: url(../images/smallfilter.png);
    background-size: cover;
}


.splide__slide.customFilter::after {
    top: 13px;
    box-shadow: unset;
    height: calc(100% - 26px);
}

.filteredProjects .customFilter:after {
    top: 0;
    height: 100%
}

.campaignFilter::after, .listingFilter::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 7px;
    bottom: 0;
    background-image: url(../images/bigfilter.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    width: 97.2%;
    height: calc(100% - 24px);
    border-radius: 10px;
    border: 1px solid transparent
}

.homeProducts .campaignFilter::after {
    background-image: url(../images/smallfilter.png);
    border-radius: 0px;
    left: 6px;
}

@media (max-width: 769px) {
    .campaignFilter::after, .listingFilter::after {
        height: calc(100% - 46px);
    }

    .homeProducts .campaignFilter::after {
        height: calc(100% - 24px);
        border-radius: 0px;
        left: 5px;
        top: 12px;
    }
}

.listingFilter::after {
    height: 101%;
    top: -1px;
    left: 0px;
}

.col-6.campaignFilter::after, #campaignsMobile .campaignFilter::after {
    background-image: url(../images/smallfilter.png);
}

#campaignsMobile .campaignFilter::after {
    left: 0px;
    height: calc(100% - 24px);
}

@media (max-width: 769px) {
    #campaignsMobile .campaignFilter::after {
        min-height: 210px;
        height: 212px;
        max-height: 100%;
    }
}

@media (max-width: 400px) {
    #campaignsMobile .campaignFilter::after {
        min-height: 210px;
    }

}

.invoiceModal .modal-header .modal-title, .invoiceModal h1, .invoiceModal h2, .invoiceModal h3, .invoiceModal h4, .invoiceModal h5 {
    color: var(--colorFirst);
}

.invoiceModal ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

.invoiceModal li {
    width: 50%;
}

.invoiceModal .mims {
    padding-top: 15px
}

.invoiceModal .mims-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}

.page .subscriber-item.sub-link.otherChannels .button-1 {
    position: absolute;
    bottom: -25px;
    left: calc(50% - 150px);
    width: 300px
}

.page .subscriber-item.sub-link.otherChannels i {
    display: flex;
    justify-content: center;
    align-items: center
}

.page .subscriber-item.sub-link.otherChannels img {
    margin: unset;
}

#projects .button-1, #projects .button-1 * {
    color: #fff
}

#cardForm label small {
    display: block;
    font-size: 13px;
    min-height: 50px;
}

.page-card-intro.company-item {
    flex-wrap: unset;
    padding: 45px 15px
}

.page-card-intro {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    margin-bottom: 30px;
}

.page-card-intro small {
    font-size: .7em;
    line-height: 1.25em;
    display: block;
}


.page-card-intro h3 {
    color: var(--colorFirst);
    font-weight: 700;
    font-size: 3.5em;
    line-height: 1em;
}

.page-card-text {
    height: auto;
    display: block;
    margin: auto;
    font-size: 1.2em;
    padding-left: 35px;
}

.brandImageHolder {
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.smoothTrigger {
    cursor: pointer
}

.brandsSlider .splide__slide {
    padding-bottom: 30px;
}

.cardJumbo {
    height: 350px !important;
}

.splide__pagination {
    display: none;
}

.hero .splide__pagination {
    display: inline-flex;
}

.oimHolder {
    background: white;
    border-radius: 10px;
    padding: 35px;

}

.oimHolder img {
    height: 140px;
    object-fit: contain;
    margin-bottom: 25px;
}

.oimHolder h4 {
    font-size: 1.5em;
    font-weight: 600;
    color: var(--colorFirst);
    margin-bottom: 30px;
}

.modal .modal-content .saving-select-grid {
    grid-template-columns: repeat(2, 1fr);
}

.modal .modal-content .saving-select-item label {
    flex-direction: column;
}

.modal .page .saving-select-item {
    border: 1px solid #f4f4f4;
    border-radius: 10px;
}

.modal .page .saving-select-grid {
    margin-top: 20px;
    margin-bottom: 0px;
    max-height: 500px;
    padding: 0px 20px;
}

@media (max-width: 769px) {
    .modal .page .saving-select-grid {
        padding: 0;
    }

    .custom-mobile-saving-select {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .custom-mobile-saving-item {
        width: 45%;
    }

    .custom-mobile-saving-btn {
        width: 100%;
    }
}

.modal .page {
    padding-bottom: 0px;
}

.page .saving-detail-table::-webkit-scrollbar {
    width: 11px;
}

.page .saving-detail-table {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.page .saving-detail-table::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

.page .saving-detail-table::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

.page .saving-detail-line:not(:first-child) .activeInfo span {
    opacity: 1;
}

.listingGrid .splide__slide img:first-of-type {
    display: block;
}

.listingGrid .splide__slide img:last-of-type {
    display: none;
}

.newsListing .newscast-item img {
    object-fit: contain;
}

.page-card .subscriber-item.bg-gradient:before {
    width: calc(100% + 60px);
    left: -30px;
}

.page-card-info img {
    margin-top: -150px;
}

.cardTabs.page-tabs .nav-link {
    justify-content: flex-start;
}

.cardTabs.page-tabs .nav-link:after {
    display: none
}

.chosen-select {
    display: block !important;
    position: absolute;
    /*opacity: 0;*/
    z-index: 2;
}

@media (max-width: 1000px) and (min-width: 770px) {
    .chosen-select {
    }

}

.header-nav .dropdown .menu-dropdown ul {
    min-height: unset
}

.mobile-edit {
    display: flex;
    flex-direction: column;
}

.disabledForm {
    display: none;
}

.follow img {
    max-height: 180px;
    object-fit: contain;
    object-position: left;
}

.alert {
    color: #363736;
    background-color: white;
    border-color: transparent;
    border-radius: 10px;
    text-align: center;
}

.alert i {
    display: block;
    text-align: center;
    font-size: 30px;
    color: var(--colorFirst);
    border: 1px solid var(--colorFirst);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    margin-top: 25px;
    padding-top: 20px;
}

.road {
    cursor: pointer
}

.kvkkInfo a {
    font-weight: bold;
    text-decoration: underline;
}

#_sorun_icon {
    right: 30px !important;
    bottom: 30px !important;
    z-index: 10 !important;
}

.offer-hunter .chosen-container {
    position: absolute;
    top: 0;
}

.news-item .page-accordion-button {
    font-weight: inherit;
    font-size: inherit;
    color: #7f7f7f
}

.counter.custom-offer-counter.warningPrice:after {
    content: 'Minimum : 250TL';
    position: absolute;
    top: -5px;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.cardBrandsHolder, .cardBrandsHolder h3 {
    padding: 3rem 0px
}

.cardApplicationForm .form-group label {
    flex: unset;
    width: 41%;
    padding: 10px 10px 10px 30px;
}

.cardApplicationForm .postAddress label {
    width: 18%
}

.cardFileHolder {
    margin-top: 20px
}

.alert.fancybox-content {
    min-width: 420px;
    width: 420px;
}

.tab-pane .table thead tr th {
    background: rgb(237, 237, 237);
    border-radius: 0px !important;
    font-weight: bold;
    text-align: center;
}

.invoiceFirmButtons .page-buttons-item > img {
    height: 50px;
    transition: .5s ease all;
}

.invoiceFirmButtons .page-buttons-item > img {
    left: 20px;
}

.invoiceFirmButtons .page-buttons-item:first-child > img {
    right: 20px;
    left: unset;
}

.invoiceFirmButtons .page-buttons-item:last-child {
    padding-left: 110px;
}

.invoiceFirmButtons .page-buttons-item:last-child.active {
    padding-left: 150px;
}

.invoiceFirmButtons .page-buttons-item:first-child.active {
    padding-right: 150px;
}

.invoiceFirmButtons .page-buttons-item:first-child {
    padding-right: 110px;
}

.invoiceFirmButtons .page-buttons-item.active img {
    height: 70px;
    filter: brightness(0) invert(1)
}

.page .corporateInvoice .invoiceTitle {
    background: var(--colorSecond);
    color: white;
    display: block;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}

.page .corporateInvoice .invoice-table td, .page .corporateInvoice .invoice-table th {
    background: unset;
    border-bottom: unset;
    padding: 5px
}

.page .corporateInvoice .invoiceStats p {
    font-weight: 800;
    margin: 7px 0px;
}

.page .corporateInvoice .invoiceStats p span:last-of-type {
    float: right
}

.page .corporateInvoice .invoiceStats p i {
    margin-left: 5px
}

.page .corporateInvoice .invoiceStatsHeader h4 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    display: inline-block;
    overflow: visible;
    margin-left: 0px;
    height: 10;
    width: 100%;
    height: 70px;
    text-align: center;
    background: var(--colorFirst);
    color: white;
    border: unset;
}

.page .corporateInvoice .invoiceStats .invoiceStatsHeader h4 {

    writing-mode: unset;
    transform: unset;
    height: unset;
    padding: 5px 15px;
}

.page .corporateInvoice .invoiceCorporateText {
    margin-top: 20px;
    padding: 30px 10px;
    border: 1px dashed var(--colorSecond);
}

.page .corporateInvoice .invoiceStatsHeader h4 i {
    color: white;
    transform: rotate(180deg);
    margin-right: -2px;
}

.page .invoiceFirmInfo h4 {
    color: black;
    border: unset;
    font-size: 15px;
}

.page .invoiceCorporatePageTwo .invoice-table tr {
    display: flex
}

.page .invoiceCorporatePageTwo .invoice-table td {
    font-weight: 800;
    padding: 3px 0px;
}

.page .invoiceCorporatePageTwo .invoice-table td:first-of-type {
    width: 80px
}

.page .invoiceCorporatePageTwo .invoiceTitleType:first-of-type, .page .invoiceCorporatePageTwo .invoiceTitleType:last-of-type {
    background: var(--colorFirst);
    border: var(--colorFirst);
}

.page .invoiceCorporatePageTwo .priceTags {
    color: var(--colorFirst)
}

.page .invoiceCorporatePageTwo .priceTags span {
    color: black
}

.page .invoiceCorporatePageTwo .priceSumTags p {
    border-bottom: 1px dashed var(--colorSecond);
    padding: 7px 0px
}

.page .invoiceCorporatePageTwo .corporateInvoicePrice {
    width: 70%;
    margin-left: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid var(--colorFirst);
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 13px;
}

.page .corporateInvoicePrice span:first-of-type {
    color: var(--colorFirst);
    font-size: 15px;
    font-weight: 800
}

.page .corporateInvoicePrice span:last-of-type {
    font-weight: 900;
    font-size: 16px;
    margin-top: 20px;
}

.page .invoiceNavigation {
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    font-size: 18px
}

.page .invoiceNavigation button {
    padding: 7px 20px;
    font-size: 15px;
}

.invoiceNext {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.invoicePrev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.invoiceNavigation button {
    background: #e2e1e1;
    overflow: hidden;
    color: rgb(113, 111, 111);
    width: 100px
}

.invoiceNavigation button:disabled, .invoiceNavigation button[disabled] {
    background-color: #cccccc;
    color: rgb(50, 49, 49) !important;
}

#pf-clock {
    --hourstodeg: calc(var(--hour) * 30deg);
    --minutestodeg: calc(var(--minute) * 0.5deg);
    --hourhand: calc(var(--hourstodeg) + var(--minutestodeg));
    --minutehand: calc(var(--minute) * 6deg);
    width: 5rem;
    max-width: 100%;
    width: 70px;
    margin-left: calc(50% - 35px);
    margin-bottom: 10px;
}

#clockface {
    stroke-width: 30px;
    stroke: var(--colorFirst);
}

#clockface path {
    fill: rgba(255, 255, 255, 0);
}


#hours, #minutes {
    stroke: var(--colorFirst);
    stroke-width: 10px;
}


/* set clock hand positions - transform from center of SVG, rotate to calculated degrees */
#hours {
    transform-origin: center;
    transform: rotate(var(--hourhand));
    opacity: 1; /* set element html to opacity 0 to prevent FOUC */
}

#minutes {
    transform-origin: center;
    transform: rotate(var(--minutehand));

    opacity: 1; /* set element html to opacity 0 to prevent FOUC */
}

/* don't show time while updating if no animation - uses AK's class .updating */
.updating #minutes,
.updating #hours {
    opacity: 0;
}

/* only show animation for people who haven't set reduced motion to reduce */
@media (prefers-reduced-motion: no-preference) {
    /* initialize transparent to prevent incorrect time display before animation, from starting position at 12 o'clock */
    #hours,
    #minutes {
        opacity: 0;
        transform: rotate(0deg);
    }

    /* glide to time value */
    #hours {
        animation: hour-animate 3s both ease-out;
    }

    #minutes {
        animation: minute-animate 3s both ease;
    }

    /* rotate indecisively while updating */
    .updating #hours {
        animation: updating-time 10s infinite ease-in-out 0.25s;
        opacity: 1;
    }

    .updating #minutes {
        animation: updating-time 8s infinite ease-in-out 0.25s;
        opacity: 1;
    }

    /* hour hand motion */
    @keyframes hour-animate {
        to {
            transform: rotate(var(--hourhand));
            opacity: 1;
        }
    }
    /* minute hand motion */
    @keyframes minute-animate {
        to {
            transform: rotate(var(--minutehand));
            opacity: 1;
        }
    }

    /* update motion, both hands */
    @keyframes updating-time {
        to {
            transform: rotate(10turn);
            opacity: 0.5;
        }
    }
}

form.form {
    position: relative
}

form.form.formProgress .form-group, form.form.formProgress .form-check, form.form.formProgress button {
    opacity: 0.6;
}

form.form .formProgressBox {
    position: absolute;
    top: 0;
    background: white;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    color: var(--colorFirst);
    width: 240px;
    height: 200px;
    left: calc(50% - 120px);
    top: calc(50% - 100px);
    z-index: 10;
}

form.form .formProgressBox p {
    margin-top: 10px;
    text-align: center;
}

#bulettinListing .gallery-item {
    background: white;
    border-radius: 10px;
}

#bulettinListing .gallery-image {
    padding: 20px 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#bulettinListing .gallery-item .caption {
    padding: var(--gutter) var(--gutter-xl)
}

#bulettinListing .gallery-image img {
    mix-blend-mode: unset;
    height: 80px;
    width: auto;
    display: block;
    margin: auto;
}

#bulettinListing.gallery-grid {
    grid-template-columns: repeat(2, 1fr);
}

#bulettinListing .gallery-image i, #bulettinListingΠ.gallery-item:hover i {
    position: unset;
    left: unset;
    top: unset;
    transform: unset;
    color: unset;
    background-color: unset;
    border-radius: unset;
    width: unset;
    height: unset;
    font-size: unset;
}

#bulettinListing .button-1 {
    height: 35px
}

.mims-grid .mimsCapacity {
    display: flex;
    flex-wrap: wrap;
    padding-left: var(--gutter);
    list-style: none;
    width: 100%
}

.mims-grid .mimsCapacity li {
    flex: 1 1 50%;
    max-width: 50%;
}

.mims-grid .mimsCapacity li:before {
    content: "\2022";
    color: var(--colorFirst);
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.map-filter .mimCapacityTitle {
    font-size: 15px;
    color: #6f6d6d;
}

.page .mims-grid-item p.mimCapacityTitle {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.custom-mims-mobile.map-filter {
    width: auto;
    box-shadow: unset;
    max-height: 350px;
}

.map-filter .accord {
    max-height: 290px;
}

.page-list .subscriptionAdditional {
    display: flex
}

.page-list .subscriptionAdditional .subscriptionNoteIcons {
    flex: 2;
    padding-right: 20px
}

.page-list .subscriptionAdditional .subscriptionNoteIcons .subscriptionNoteElement .subscriptionNoteImage {
    background: var(--gradient);
    width: 60px;
    height: 60px;
    display: table;
    border-radius: 10px;
    margin-right: 15px;
    min-width: 60px;
}

.page-list .subscriptionAdditional .subscriptionNoteList {
    flex: 1
}

.page-list .subscriptionAdditional .subscriptionNoteIcons .subscriptionNoteElement {
    display: flex;
    align-items: center;
    margin-top: 10px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.page-list .subscriptionAdditional .subscriptionNoteIcons div img {
    max-height: 40px;
    display: block;
    margin: auto;
    filter: invert(1) brightness(1);
    margin-top: 10px
}

.page-list .subscriptionAdditional .subscriptionNoteList {
    border: 1px solid #0000000d;
    border-radius: 10px;
    box-shadow: 0 0.5rem 1rem #0000000d;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-list .subscriptionAdditional .subscriptionNoteList h4 {
    font-size: 1.25em;
    text-align: center;
    color: var(--colorFirst);
    margin-top: 20px
}

.page-list .subscriptionAdditional .subscriptionNoteList ul {
    margin: unset;
    padding: unset;
    padding: 0px 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.page-list .subscriptionAdditional .subscriptionNoteList ul li:before {
    margin-right: 10px;
    background: var(--colorFirst);
    top: 25px
}

.mobile-invoice-btn i {
    font-size: 100px;
    margin-bottom: 15px
}

.mobile-invoice-btn:hover i {
    color: var(--colorFirst);
}

.bulettinContainer {
    display: flex;
    justify-content: space-around;
}

.bulettinItem {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.bulettinItem * {
    cursor: pointer
}

.bulettinItem img {
    object-fit: contain;
    width: 100%
}

.bulettinItem .button-1 {
    color: white
}

.bulettinItem .testTextBox {
    position: absolute;
    bottom: -80px;
    width: 100%;
    color: white;
    transition: .5s ease all;
    padding: 30px;
    opacity: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bulettinItem p {
    font-size: 1.25em;
    margin-bottom: 0px;
}

.bulettinItem:hover .testTextBox {
    bottom: 0px;
    opacity: 1
}

a.bulettinItem:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--gradient);
    opacity: 0;
    transition: .5s ease all;
    border-radius: 10px;
    cursor: pointer
}

a.bulettinItem:hover:before {
    opacity: 1
}

.energyButtonsBox {
    background: white;
    border-radius: 15px;
    display: flex;
    padding: 35px
}

.energyButtonsBox div:first-of-type {
    flex: 2;
    position: relative
}

.energyButtonsBox div:first-of-type i {
    position: absolute;
    right: 20px;
    top: 45%;
}

.energyButtonsBox div:first-of-type p {
    padding: 30px
}

.energyButtonsBox div:last-of-type {
    flex: 3;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 15px;
}

.energyButtonsBox div:last-of-type a {
    border-radius: 5px;
    font-size: 15px;
    padding: 25px 0px;
    font-weight: bold;
}

.energyButtonsBox div:last-of-type a:first-of-type i {
    margin-left: 0px;
    margin-right: var(--gutter)
}

.checkList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding-left: 0px;
}

.checkList li {
    margin-bottom: 15px;
    font-weight: bold;
    padding-left: 25px;
    position: Relative
}

.checkList li:before, .page-list .checkList li::before {
    content: '';
    font-family: energytrack;
    color: var(--colorThird);
    font-size: 14px;
    margin-right: 15px;
    /* background: transparent; */
    background: url(../images/enerji-izleme/tik.svg);
    width: 20px;
    height: 15px;
    position: absolute;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 5px;
    left: 0;
}

.energyIconBoxHolder .energyIconBox {
    background: white;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    padding: 45px 20px;
    justify-content: center;
    align-content: center;
    position: relative;
    margin-top: 15px
}

.energyIconBoxHolder .energyIconBox img {
    max-height: 115px;
    margin-bottom: 15px;
    object-fit: contain
}

.energyIconBoxHolder .energyIconBox h3 {
    text-align: center;
    color: var(--colorFirst);
    margin-top: 15px;
    font-size: 1.25em;
    font-weight: bold;
}

.energyIconBoxHolder .energyIconBox h3 i {
    font-size: 1em;
    font-weight: normal;
    margin-left: 10px;
}

.energyIconBoxHolder .energyIconBox .energyIconBoxText {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 45px 20px;
    background: var(--gradient);
    border-radius: 15px;
    opacity: 0;
    transition: .5s ease all;
    display: grid;
    align-items: center;
    align-content: center;
}

.energyIconBoxHolder .energyIconBox:hover .energyIconBoxText {
    opacity: 1
}

.energyIconBoxHolder .energyIconBox .energyIconBoxText h3, .energyIconBoxHolder .energyIconBox .energyIconBoxText p {
    color: #FFFFFF;
}

.energyOffersHolder {
    position: relative
}

.bundlesList .energyOffersHolder:before {
    display: none
}

.energyOffersHolder:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 108%;
    left: -4%;
    height: 50%;
    background: var(--gradient);
    border-radius: 15px;
    z-index: 0;
}

.energyOffers {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 30px
}

.energyOfferBox {
    background: #ffff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    padding: 25px;
    z-index: 2;
    transition: .5s ease all
}

.energyOfferBox:hover .energyOfferGift {
    transform: scale(1.2);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}


.energyOfferBox h3 {
    font-size: 1.25em;
    color: var(--colorFirst);
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px
}

.energyOfferList {
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.energyOfferList ul {
    list-style: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
}

.energyOfferList ul li {
    color: #7f7f7f;
    position: relative;
    display: inline-block;
    padding-left: 15px
}

.energyOfferList ul li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    margin-right: 22px;
    content: "";
    background-color: #b5b5b5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.energyOfferGift {
    position: relative;
    padding: 10px;
    transition: .5s ease all;
}

.energyOfferGift:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--gradient);
    width: 106%;
    height: 100%;
    z-index: 0;
    border-radius: 10px;
    left: -3%;
}

.energyOfferGift * {
    position: relative
}

.energyOfferGift p {
    color: white;
    border-bottom: 1px solid #ffffff63;
    padding: 5px 0px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 5px
}

.energyOfferGift i {
    font-size: 1.7em;
    transition: .5s ease all
}

.energyOfferGift .checkList {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset;
}

.energyOfferGift .checkList li {
    color: #FFFFFF;
    font-weight: normal;
    margin-bottom: 0px
}

.energyOfferGift .checkList li:before {
    margin-right: 5px;
    color: white;
    font-size: .75em;
    filter: brightness(0) invert(1)
}

.energyOfferPrice {
    margin-top: 15px
}

.energyOfferPrice p {
    text-align: center;
    margin-bottom: 0px
}

.energyOfferPrice p:first-of-type {
    color: #7f7f7f;
    font-size: 1em;
}

.energyOfferPrice p:last-of-type {
    font-size: 1.75em;
    color: #333;
    font-weight: bold;
}

.energyOffersBottom {
    display: flex;
    padding: 40px 0px 40px 0px;
    justify-content: space-between;
    align-items: center;
}

.bundlesList .energyOffersBottom {
    display: block;
    text-align: center;
}

.bundlesList .energyOffersBottom p {
    color: #7f7f7f
}

.energyOffersBottom * {
    z-index: 1;
}

.energyOffersBottom .button-1 {
    font-size: 1em;
    padding: 5px 40px;
    margin-top: 15px;
    font-size: 14px;
}

.energyOffersBottom p {
    color: #FFFFFF;
    margin-bottom: 0px;
}

.energyUsageHolder {
    background: white;
    padding: 40px;
    border-radius: 15px;
}

.energyUsageHolder h3 {
    color: #333333;
}

.energyUsageHolder .checkList {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 30px
}

.energyUsageHolder .energyUsageList {
    margin-top: 20px
}

.energyUsageHolder .checkList li {
    width: 25%;
    margin-bottom: 10px
}

.energyModulesIntro {
    display: flex
}

.energyModulesIntro .energyModulesIntroText, .energyModulesIntro .energyModulesIntroText {
    flex: 1
}

.energyModulesIntro .energyModulesIntroText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.energyModulesIntro .energyModulesIntroImage img {
    height: 100%;
}

.energyModulesIntro .energyModulesIntroText h3 {
    font-size: 2em;
    color: #333333;
    font-weight: bold;
}

.energyModulesIntro .energyModulesIntroText a {
    border-radius: 10px;
    padding: 5px 35px;
    margin-top: 15px;
    font-size: 18px
}

.energyExploreHolder {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 30px;
}

.energyExploreHolder * {
    position: relative;
}

.energyExploreHolder:before {
    position: absolute;
    content: '';
    background: var(--gradient);
    width: 108%;
    left: -4%;
    top: 0;
    height: 100%;
    border-radius: 10px;
}

.energyExploreHolder .energyExploreText {
    flex: 1;
    align-items: center;
    display: flex;
    padding-right: 40px
}

.energyExploreHolder .energyExploreText h3 {
    font-size: 2em;
    color: white;
    font-weight: bold;

}

.energyExploreHolder .energyExploreSelect {
    flex: 2;
    display: flex;
    background: white;
    border-radius: 10px;
    padding: 30px;
    align-items: center;
}

.energyExploreHolder .energyIndexSelect a {
    margin-top: 25px
}

.energyExploreHolder .energyExploreSelect div {
    padding: 0px 15px
}

.energyExploreHolder .energyExploreSelect div:first-of-type {
    flex: 1
}

.energyExploreHolder .energyExploreSelect div:first-of-type select {
    border-radius: 10px;
}

.energyExploreHolder .energyExploreSelect div:last-of-type {
    flex: 1;

}

.energyExploreHolder .energyExploreSelect div:last-of-type a {
    width: 100%;
    border-radius: 10px;
}

.energyExploreHolder .energyExploreSelect div:first-of-type span {
    color: #7f7f7f;
    font-size: 16px;
    margin-left: 5px
}

.energySaleProgress .news-item {
    margin-top: 10px;
    overflow: hidden;
    position: relative
}

.energySaleProgress .news-item:before {
    content: '';
    width: 5px;
    height: 100%;
    background: var(--colorThird);
    left: 0;
    top: 0;
    position: absolute;
    transition: .5s ease all;
}

.energySaleProgress .news-item .accordion-annList-text {
    margin-bottom: 5px;
    color: var(--colorThird)
}

.energySaleProgress .custom-annList-btn:after {
    color: var(--colorThird)
}

.energySaleProgress .activeNew .custom-annList-btn:after {
    color: var(--colorFirst);
}

.energySaleProgress .activeNew:before {
    background: var(--colorFirst)
}

.energySaleProgress .activeNew .accordion-annList-text {
    color: var(--colorFirst);
}

.energySaleProgress .news-inner {
    border-top: 1px solid #d8d8d8;
    padding-top: 15px
}

.energyInfoButtons {
    background: var(--gradient);
    border-radius: 15px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.energyInfoButtons div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px 0px;
    height: 100%;
    width: 50%;
    position: relative
}

.energyInfoButtons div:first-of-type:before {
    content: '';
    width: 1px;
    height: 70%;
    bottom: 15%;
    position: absolute;
    right: 0;
    background: #ffffff57;
}

.energyInfoButtons div p {
    font-size: 1.25em;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 0px 20%;
}

.energyInfoButtons div a {
    color: #333333;
    font-weight: bold;
}

.modulesList {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    gap: 10px 20px
}

.modulesElement {
    background: white;
    border-radius: 10px;
    padding: 30px
}

.modulesElement h3 {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 1px solid #e0dede;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.modulesList:first-of-type {
    background: red;
}

.modulesList.firstColor .modulesElement h3 {
    color: var(--colorFirst)
}

.modulesList.secondColor .modulesElement h3 {
    color: var(--colorThird)
}

.modulesElement ul {
    padding-left: 15px;
    list-style: none;
}

.modulesElement li {
    color: #7f7f7f;
    position: relative
}

.modulesElement li:before {
    position: absolute;
    top: 10px;
    transform: translateY(-50%);
    left: -15px;
    margin-right: 22px;
    content: "";
    background-color: var(--colorSecond);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.modulesList.firstColor .modulesElement li:before {
    background-color: var(--colorThird);
}

.modulesList.secondColor .modulesElement li:before {
    background-color: var(--colorSecond);
}

.energyOffersButtonHolder {
    background: var(--gradient);
    border-radius: 10px;
    padding: 45px 70px;
    padding-bottom: 100px;
    text-align: center;
    position: relative
}

.energyOffersButtonHolder .energyOffersButtonBox {
    position: absolute;
    background: white;
    border-radius: 10px;
    padding: 30px;
    width: 70%;
    left: 50%;
    transform: translate(-50%, 15%);
}

.energyOffersButtonHolder .energyOffersButtonBox a:first-of-type {
    margin-right: 15px;
}

.energyOffersButtonHolder p:first-of-type {
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 600;
}

.energyOffersButtonHolder .energyOffersButtonBox p {
    color: red;
}

.energyOffersButtonHolder .energyOffersButtonBox p {
    color: #333333;
    font-weight: 900;
}


.energySolutions ul li::before {
    background-color: var(--colorThird);
}

.energySolutions i.top25 {
    background: var(--gradient);
    color: white
}

.energyExploreHolder.solutionsFilter {
    padding: 0px
}

.energyExploreHolder.solutionsFilter:before {
    display: none
}

.energyExploreHolder.solutionsFilter .energyExploreSelect div:last-of-type {
    flex: 1;
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    gap: 20px;
}

.energyExploreHolder.solutionsFilter .energyExploreSelect div:first-of-type span {
    font-size: 1.25em
}

.energyExploreHolder {
    margin-bottom: 35px
}

.filteredDiv .checkList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#solutionTypeButton {
    cursor: pointer;
}

.event-text b {
    color: #333;
}

.energyIntroHolder {
    padding-top: 50px;
    padding-bottom: 35px
}

.energyIntroHolder img {
    position: absolute;
    bottom: -35px;
    max-height: 165%;
    z-index: 2
}

.energy-page {
    overflow: visible
}

.bulettincast {
    height: unset;
}

.bulettincast img {
    position: relative
}

.bulettincast .caption {
    min-height: 120px;
    /*        bottom: 30px;
        position: absolute;*/

}

.bulettincast::before {
    display: none
}

.bulettincast:hover .caption {
    background: white
}

.bulettincast:hover .caption h4 {
    color: #333333;
}

.bulettincast:hover .caption a {
    color: white;
    background-image: var(--gradient);
    background-color: #fff;
}

.bulettincast:hover > img {
    border-radius: 0px
}

.bulettincast:hover .caption a:hover {
    color: #FFFFFF;
}

.bulettincast .caption span:last-of-type {
    color: #333;
    font-size: .8em;
}

.bulettincast:hover .caption span:last-of-type {
    color: #333;
}

.page-banner-two .buttons a.bulettinMediaBox {
    font-size: 18px
}

#product .products .splide__slide {
    width: calc(var(--width-first) - 15px);
}

.saving-image img {
    width: 450px;
    height: 330px;
    object-fit: cover
}

ymaps.ymaps-2-1-78-balloon__layout, ymaps.ymaps-2-1-78-balloon__layout * {
    max-width: 250px;
}

ymaps.ymaps-2-1-78-balloon__content > ymaps {
    width: 230px !important;
}

/*RESPONSIVE AREA*/
@media (max-width: 1440px) {
    .mobileCampaigns .splide__slide .campaignFilter::after, .homeProducts .splide__slide .listingFilter::after {
        top: 13px;
        height: calc(100% - 25px);
    }

    .page .corporate .banner:before {
        width: 106%;
        left: -3%;
    }

    .saving-image img {
        margin-right: -40px;
        height: 330px;
    }
}

@media (max-width: 1400px) and (min-width: 992px) {
    .cardApplicationForm .form-group label {
        width: 58%
    }

    .cardApplicationForm .postAddress label {
        width: 27%;
    }
}

@media (max-width: 1399px) {
    .saving-image img {
        height: 390px;
    }

    .saving-content form button.button-1 {
        left: 120%;
    }
}


@media (max-width: 1366px) {
    .map .mims-map-header .h2, .map .mims-map-header h2 {
        text-align: center;
    }
    .energyButtonsBox div:first-of-type p {
        padding-right: 30px;
    }

    .energyButtonsBox div:first-of-type i {
        right: 0px;
    }

    .energyUsageHolder .checkList li {
        width: 33.333%;
    }

    .filteredDiv .checkList {
        grid-template-columns: repeat(2, 1fr);
    }

    .saving-select-item label div span {
        font-size: var(--fontSize);
    }
    .page .mims-map-header {
        flex-direction: column;
        /* margin-top: 30px; */
    }
}

@media screen and (min-width: 1199px) and (max-width: 1400px) {
    .products .splide__caption h4 {
        line-height: 32px;
        font-size: var(--fontSize-l);
    }

    .products .splide__caption p {
        display: none
    }
}

@media (max-width: 1024px) {
    .cpImageHolder img {
        transform: translate(0px, 0px);
    }

    .energyButtonsBox div:first-of-type p {
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .energyButtonsBox div:first-of-type i {
        bottom: -25px;
        right: unset;
        transform: rotate(90deg);
    }

    .energyIconBoxHolder .energyIconBox h3 {
        font-size: 1.2em
    }

    .filteredDiv .checkList {
        grid-template-columns: repeat(2, 1fr);
    }

    .energyInfoButtons div {
        padding: 40px 25px
    }

    .energyUsageHolder .checkList li {
        width: 33.33333%;
        margin-bottom: 10px
    }


    .energyOffers {
        grid-template-columns: repeat(2, 1fr);
        padding: 0px 50px;
    }

    .counter.custom-offer-counter.warningPrice:after {
        top: 5px;
    }

    .listingGrid .splide__caption p {
        display: none;
    }

    /* big landscape tablets, laptops, and desktops */
    .aui-wrapper {
        display: block;
    }
    .d-none-mobil{
        display: none;
    }

    .inografikImage {
        display: none;
    }

    .abgptw {
        position: absolute;
        right: unset;
        top: unset;
        left: 50px;
        bottom: 15px;
    }

    .bidder {
        display: flex;
        flex-direction: column;
    }

    .bidder .bidder-line {
        /* display: flex;
         flex-direction: column;
         height: auto;
         background: unset;
         box-shadow: unset;
         margin: 0;*/
    }

    .mobile-edit {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 24px;
    }


    .mobile-edit .bidder-checked label {
        min-width: 280px !important;
        max-width: 100%;
        word-break: break-all;
        text-align: left;

    }

    .bidder-line-price .counter:before {
        z-index: -1;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0px;
        bottom: 0px;
        border-radius: 10px;
        background-image: var(--gradient);
        box-shadow: var(--shadow);
    }

    .bidder-line-price .counter input {
        text-align: center;
        width: 70px;
        font-size: 25px;
        -webkit-appearance: textfield;
        background-color: transparent;
        border: 0;
        color: inherit;
        outline: 0;
        border-bottom: 1px solid #fff;
    }

    .mobile-bold-one {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-bottom: 30px;
    }

    .mobile-bold-one b {
        position: unset;
    }

    .mobile-bold {
        margin-top: 30px;
    }

    .bidder form {
        padding: 0;
    }

    .mobile-bold b {
        top: -30px;
        left: 0px;
    }

    .bidder-group {
        flex-direction: column;
    }

    .bidder-checked select, .bidder-checked label {
        /*min-width: 470px;*/
    }

    .saving-content form {
        padding: 45px 15px;
    }

    .mims {
        /* margin-right: 15px;
        margin-left: 15px; */
    }

    .page .mims-grid-item a {
        /* padding: 5px; */
    }
}
.flex-contact{
    display: flex !important;
    flex-direction: column !important;
}
.contact-svg{
    margin: 0 auto;
       }
       @media (max-width: 1200px){
        .lineBox .line {
            width: 917px !important;
        }
        #lottie1 {
            right: -34px;
        }
        .section-application .col-lg-10 {
            width: 59.33333%;
        }
        .section-application .col-lg-2 {
            width: 37.66667%;
        }
       }

       @media (max-width: 1400px){
        .lineBox .line {
            width: 1100px;
        }
        .discover-text p {
            font-size: 15px !important;
        }
       }
       .steps .button-1 {
        max-width: 166px;
        width: 100%;
    }

@media (max-width: 992px) {
    .saving-image img {
        margin-right: -15px;
    }
    .collapse .page-list table tbody tr {
        font-size: 12px !important;
        color: #7f7f7f !important;
    }
    .flex-mobile{
        flex-direction: column;
    }
    .advantages-title{
        margin-top: 10px !important;
    }
    #lottie1 {
        position: relative !important;
        bottom: 0px !important;
        right: 0px !important;
        transform: translateY(33px) !important;
    }
    .mobile-text {
        width: 100% !important;
        text-align: center;
    }
    .steps {
        display: flex;
        flex-direction: column;
        background-color: transparent !important;
    }
    .mobile-lottie {
        width: 100% !important;
    }
    .steps {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .steps {
        top: 0px !important;
    }
    .steps li {
        width: 100%;
        background: white;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    .invoice-row {
        height: 100% !important;
    }
    .discover {
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }
    .invoice-row {
        margin-top: 50px !important;
    }
    .offer-title {
        margin-top: 40px !important;
    }
    .offer-card {
        height: 236px !important;
        padding: 0px 30px 24px 26px !important;
        margin-bottom: 40px !important;
    }
    .document-section {
        margin-top: 10px !important;
    }
    .mb-3r {
        margin-bottom: 3rem !important;
    }
    .advantages-card {
        margin-bottom: 10px !important;
        padding: 0px 30px 30px 30px !important;
    }
    .advantages-card {
        height: 350px !important;
    }
    .mt-60 {
        margin-top: 0px !important;
    }
    .section-application {
        margin-top: 40px !important;
    }
    .document-text {
        margin-bottom: 2rem;
    }
    #myTabContent{
        display: block;
    }
    .mobile-discover {
        margin-top: 10px !important;
        flex-direction: column;
    }.discover-content {
        width: 100% !important;
    }
    .discover-text {
        margin-top: 20px !important;
    }

    .offer-card h5 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }
    .steps li {
        width: 100% !important;
        background: white;
        margin-bottom: 20px;
        border-radius: 10px;
    }
    .account-section {
        margin-top: 50px !important;
    }

    .invoice-row {
        margin-top: 50px !important;
    }.invoice-row img {
        position: relative;
        bottom: 0px !important;
    }
    .invoice-text {
        padding-top: 0px !important;
        padding-bottom: 20px;
        padding-left: 10px;
        text-align: center;
    }
    .consumer-info {
        margin-top: 50px !important;
    }
    .accordionn {
        min-height: 100% !important;
    }
    .consumer-card {
        margin-bottom: 20px;
    }
    .accordionn .accordion-itemm .accordion-itemm-title .accordion-togglerr {
        right: 10px !important;
    }
    .progress-bar-consumer {
        margin-top: 30px !important;
    }
    .progress-bar-title {
        margin-bottom: 40px !important;
    }
    .lineBox {
        display: none;
    }



    .energyExploreHolder .energyExploreText h3 {
        margin-bottom: 25px
    }

    .energyOffersBottom {
        flex-direction: column;
        text-align: center;
    }

    .energyModulesIntroImage {
        display: none
    }

    .energyExploreHolder {
        margin-top: 40px
    }

    .energyUsageHolder .checkList li {
        width: 50%;
    }

    .energyExploreHolder.solutionsFilter .energyExploreSelect div:last-of-type {
        grid-template-columns: repeat(1, 1fr);
    }

    .cardApplicationForm .postAddress label {
        width: 37%
    }

    .cardBrandsHolder {
        padding: 0px 20px 3rem 20px
    }

    .cardBrandsHolder h3 {
        padding: 1em 0px;
    }

    .page-card-brands .button-2 {
        margin-top: 30px;
        display: block
    }

    .custom-social-mobile {
        justify-content: center;
    }

    .follow img {
        object-position: center;
    }

    .hero .splide__pagination {
        display: none
    }

    .page .dept-content.subscriber-content:before {
        content: unset;
        display: none
    }

    .page .dept-content.subscriber-content {
        background: white
    }

    .cardJumbo .caption h1 {
        display: none;
    }

    .jumbotron.cardJumbo {
        height: 150px !important
    }

    .modal .saving-select-item label div span {
        font-size: var(--fontSize-s)
    }

    .page-card .subscriber-item.bg-gradient:before {
        width: 100%;
        left: 0;
    }

    .page-card .company-item:before {
        width: 100%;
        left: 0;
    }

    .page-card-intro.company-item {
        flex-direction: column;
        padding: 40px;
    }

    .page-card-heading {
        margin-bottom: 20px;
    }

    .page-card-text {
        padding-left: 0px;
    }

    .col-6.campaignFilter::after, #campaignsMobile .campaignFilter::after, .homeProducts .campaignFilter::after, .filteredProjects .customFilter:after, .splide__slide.customFilter:after {
        background-image: url(../images/mobilfilter.png);
    }

    .hero .splide__arrows {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        content: '';
        z-index: 5;
        bottom: 22px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .hero .splide__arrows button {
        margin-right: 5px;
    }

    .listingGrid .splide__caption {
        min-height: 225px;
    }

    .products .splide__caption img, .products-wrapper__caption img {
        object-position: right;
    }


    .abgptw {
        left: calc(50% - 100px);
    }

    #headerCollapse .dropdown-menu .button-1 {
        color: white;
        display: block;
        font-weight: 600;
        font-size: var(--fontSize);
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .saving-content form button.button-1 {
        left: 120%
    }

    .revSubscriber-item i.top25 img {
        max-height: 30px;
        margin-top: 5px;
    }

    .subscription-page .page-list i.top25 img {
        max-height: 30px;
        margin-top: 5px;
    }

    .revSubscriber-item p {
        padding-right: 0px;
    }

    .footer-top .d-flex {
        flex-wrap: wrap;
        justify-content: space-around !important;
    }

    .footer-top img {
        flex: 1;
        width: 100%;
        flex-basis: auto;
        display: block;
        margin-bottom: 20px;
    }

    .revSubscriber-item i.top25 {
        top: 30px
    }

    .page .subscriber-item.sub-link span:last-child {
        margin-left: -20px;
        width: 100%;
        max-width: 100%;
    }

    .page .subscriber-item.sub-link.otherChannels .button-1 {
        width: 200px;
        left: calc(50% - 100px);
        margin-left: 0px;
        min-width: unset;
    }

    .page .channel .jestek {
        max-width: 90%;
    }

    .page .revSubscriber-item {
        padding-left: 60px
    }

    .page .revSubscriber-item span {
        padding-left: 22px
    }

    .tab-selected-container .tab-selected-text {
        font-size: 14px
    }

    .page .saving-detail-line .savingIcon {
        height: 40px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .saving-info .saving-detail table th,
    .saving-info .saving-detail table td {
        font-size: 12px;
    }

    .page-members-item {
        flex: auto;

    }


    .page-members-grid {
        flex-wrap: wrap;
        margin-top: 25px;
        grid-template-columns: unset;
        display: flex;
        flex-wrap: wrap;
    }

    .page .corporate .banner h3 {
        border-bottom: unset;
    }

    .page .corporate .banner.banner-border .h3:nth-child(2),
    .page .corporate .banner.banner-border h3:nth-child(2) {
        border-top: 1px solid rgba(255, 255, 255, .5);

    }

    .page-banner-two .info {
        padding: 10px;
    }

    .page-banner-two .info::before {
        width: 100%;
        border-radius: 10px;
    }

}

@media (max-width: 991px) {
    .page .saving-detail-table {
        overflow-y: scroll;
        padding: 10px 0px;
    }

    .cpImageHolder img {
        position: relative;
    }

    .products .splide__caption {
        padding-right: 39% !important;
    }

    .jumbotron {
        height: 250px;
    }

    /*.jumbotron img {
        object-position: right;
    }
*/
    .saving-content form button.button-1 {
        left: unset !important;
    }
}

@media (max-width: 808px) {
    .energyIntroHolder {
        padding: unset
    }

    .energyIntroHolder img {
        position: relative;
        bottom: unset;
        max-height: unset;
        margin-top: 20px;
        max-height: 350px;
        display: block;
        margin: auto;
    }
}

@media (max-width: 768px) {

    .page .event {
        margin-top: 10px;
    }
    .custom-border-2{
        margin-left:0px !important
    }
    .overflow-x p {
        font-size: 10px !important;
    }
   .modal-content-tablo .corporate{
    padding-right: 0px !important;
    padding-left: 0px !important;
   }

    .cardApplicationForm.form .form-group .form-select {
        padding-left: 30px;
    }

    .energyOffers {
        padding: 0px 10px;
    }

    .energyOffersButtonHolder .energyOffersButtonBox {
        width: 90%
    }

    .energyButtonsBox {
        flex-direction: column;
    }

    .products .splide__caption img, .products-wrapper__caption img {

        object-position: right
    }

    .energyButtonsBox div:last-of-type a {
        width: 100%
    }

    .checkList {
        display: flex;
        flex-direction: column;
    }


    .energyExploreHolder .energyExploreText {
        margin-bottom: 15px
    }

    .energyModulesIntroImage {
        display: none
    }

    .energyModulesIntro {
        margin-bottom: 50px;
    }

    .energyUsageHolder .checkList {
        padding: 0px
    }


    .page-list .subscriptionAdditional {
        flex-direction: column;
    }

    .page-list .subscriptionAdditional .subscriptionNoteList {
        margin-top: 25px;
        padding-bottom: 25px;
    }

    body .detail-page-list .products .splide__slide {
        width: 310px;
    }

    .jumbotron.filter::before {
        right: 150px
    }

    .products #products .splide__slide.bigone img {
        object-position: 85% 100%;
    }

    .page-list > i {
        left: -10px
    }

    .jumbotron img {
        object-position: right;
        padding-top: 1rem;
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        object-position: right;
    }

    .jumbotron .caption .h1, .jumbotron .caption h1 {
        font-size: 16px
    }

    .hero .splide__slide .button-1, .hero .splide__slide .button-1 i {
        color: #7f7f7f !important
    }

    .hero .splide__slide img:first-of-type, .hero .splide__slider:first-of-type {
        display: none !important;
        width: 100%;
    }

    .hero .splide__slide img:last-of-type, .hero .splide__slider:last-of-type {
        display: block !important;
        object-fit: cover;
        height: 500px;
        width: 100%;
    }

    .saving-content form {
        padding: 15px 15px;
    }

    .page-accordion-item.page-list i.top25 {
        top: 0px;
        left: 0px;
    }

    .page .miniCalculateTableHolder table th, .page .miniCalculateTableHolder table td {
        width: 50%;
    }

    .page .calculateTableHolder {
        flex-direction: column;
        padding: 10px;
    }

    .page .calculateTableHolder table {
        margin-top: 15px;
    }

    .page .calculateTableHolder table th, .page .calculateTableHolder table td {
        font-size: var(--fontSize);
        font-weight: 500;
    }

    .page .saving-select-item label {
        flex-direction: column;
    }

    .page .saving-select-item label * {
        text-align: center !important;
        display: block;
        width: 100%;
    }

    .page .saving-select-item label i {
        font-size: 50px;
    }

    .page .saving-select-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

.jumbotron .caption {
    z-index: 3;
}


@media (min-width: 770px) and (max-width: 1219px) {
    /*.splide--draggable>.splide__track>.splide__list>.splide__slide {
        height: 220px !important;
    }*/
    .custom-main-slider {
        height: 300px !important;
    }

    .custom-height-campaign {
        height: 640px !important;
    }

    .hero .splide__slide img:first-of-type, .hero .splide__slider:first-of-type {
        height: 100%;
    }
}


@media (max-width: 1300px) {
    .bidder-line {
        margin-bottom: 0px
    }

    .offer-hunter .bidderGroup {
        margin-bottom: 15px
    }

    .listingGrid .custom-caption {
        min-height: 225px !important;
    }
}

@media (max-width: 576px) {
    .homeProducts .splide__slide {
        width: 330px
    }

    .jumbotron {
        height: 200px;
    }

    .energyExploreHolder .energyExploreText {
        padding-right: 0px
    }

    .energyExploreHolder .energyIndexSelect a {
        margin-top: 0;
    }

    .energyExploreHolder .energyExploreText h3 {
        font-size: 1.5em
    }

    .energyOffersHolder:before, .energyExploreHolder:before {
        border-radius: 0px
    }

    .energyOffersButtonHolder .energyOffersButtonBox {
        padding: 15px;
        transform: translate(-50%, -10%);
    }

    .energyOffersButtonHolder {
        padding: 30px 40px;
    }

    .energyOffersButtonHolder p:first-of-type {
        font-size: 1.25em
    }

    .modulesList {
        grid-template-columns: repeat(1, 1fr);
        display: grid;
    }

    .energyInfoButtons {
        flex-direction: column
    }

    .energyInfoButtons div {
        width: 100%
    }

    .energyInfoButtons div:first-of-type:before {
        bottom: 0;
        height: 1px;
        width: 70%;
        left: 15%;
    }

    .energyExploreHolder .energyExploreText h3 {
        text-align: center;
    }

    .energyExploreHolder .energyExploreSelect {
        flex-direction: column;
    }

    .energyOffers {
        gap: 10px
    }

    .energyExploreHolder .energyExploreSelect div {
        width: 100%
    }

    .energyExploreHolder .energyExploreSelect div:last-of-type {
        margin-top: 20px
    }

    .energyOffers {
        padding: 0px
    }

    .energyUsageHolder .checkList li {
        width: 50%
    }

    .bulettinContainer {
        flex-direction: column;
    }

    .bulettinItem {
        margin-bottom: 20px;
    }

    .bulettinItem img {
        max-height: 100%
    }

    .cardApplicationForm .postAddress label, .cardApplicationForm .form-group label {
        width: 50%
    }

    .page-card .subscriber-item.bg-gradient:before {
        border-radius: 0px
    }

    .listingGrid .splide__slide img:first-of-type {
        display: none;
    }

    .listingGrid .splide__slide img:last-of-type {
        display: block;
    }

    .page .saving-detail-line:not(:first-child) i span {
        left: -300%;
        top: 130%;
    }

    .page .saving-detail-line:nth-child(1) div {
        width: calc((100vw - 150px) / 2);
    }

    .page .saving-detail-line:not(:first-child) .savingIcon i {
        top: 10px;
        right: 10px;
    }

    .custom-kvkk {
        padding: 15px
    }

    .listingGrid .splide__caption {
        min-height: 330px;
    }


    .saving-content .info::before, .saving-content form::before {
        width: calc(var(--container));
    }

    .page .calculateTableHolder table th, .page .calculateTableHolder table td {
        font-size: var(--fontSize-s);
    }

    .projects .splide__slide {
        background-position: right;
    }

    .page-buttons-item:first-child.active {
        padding-right: 120px;
    }

    .page-buttons-item:last-child.active {
        padding-left: 120px;
    }

    .subtabFilter p {
        font-size: 10px;
    }


    .page .corporate .banner:before {
        width: 100%;
        left: 0;
    }

    .notFoundHolder {
        padding-top: 70px;
    }

    .page .mims-grid-item a {
        padding: 10px;
    }
}

@media (max-width: 460px) {
    .jumbotron {
        height: 150px;
    }

    .energyOfferList {
        min-height: unset;
    }
    .mobile-mim {
        width: 100%;
        flex-direction: column;
    }
    .page .mims-grid-item a {

    width: 100%;
}
    .filteredDiv .checkList {
        grid-template-columns: repeat(1, 1fr);
    }


    .energySolutions .pageListTitle {
        color: var(--colorFirst);
        font-size: 18px;
    }

    .energyOffersButtonHolder {
        margin-bottom: 40px;
        padding-bottom: 100px
    }

    .energyOffersButtonHolder .energyOffersButtonBox {
        padding: 15px;
        transform: translate(-50%, 0%);
    }

    .energyUsageHolder {
        padding: 20px
    }

    .energyOffersButtonHolder .energyOffersButtonBox a {
        width: 100%;
        margin-top: 15px;
    }

    .energyOffers {
        grid-template-columns: repeat(1, 1fr);
        padding: 0px 40px;
    }

    .page-list .subscriptionAdditional .subscriptionNoteIcons .subscriptionNoteElement {
        align-items: flex-start;
    }

    .page-contact-text .map > a {
        width: 80%;
        font-size: 12px;
    }

    .page .corporateInvoice .invoiceStats p {
        font-size: 8px;
        font-weight: 400;
    }

    .page .corporateInvoice .invoiceStatsHeader {
        padding: 0px
    }

    .page .corporateInvoice .invoiceStatsHeader h4 {
        width: 55%;
        height: 70px;
        font-size: 9px
    }
}

@media (max-width: 425px) {
    .energyButtonsBox div:first-of-type i {
        bottom: -50px;
    }

    .energyUsageHolder .checkList li {
        width: 100%;
    }

    #_sorun_icon {
        bottom: 15px !important;
        right: 15px !important;
    }

    .modal .page-card-intro.company-item {
        padding: 0px
    }

    .jumbotron.filter::before {
        right: 10px;
    }

    .page-card-intro h3 {
        font-size: 2.5em
    }

    .jumbotron.filter::before {
        background-image: url("../images/mobilfilter.png");

    }
}

@media (max-width: 420px) {
    .energyButtonsBox {
        padding: 35px 15px
    }

    .cardApplicationForm .postAddress label, .cardApplicationForm .form-group label {
        width: 55%;
    }

    .energyOffers {
        padding: 0px 20px;
    }

    .subscriptionAdditionalList {
        padding: 20px
    }

    .alert.fancybox-content {
        min-width: 360px;
        width: 360px;
    }

    .campaignFilter::after, .listingFilter::after {
        background-image: url(../images/mobilfilter.png);
    }

    .page .channel .jestek {
        flex-direction: column
    }

    .page .channel .jestek i {
        margin-bottom: 20px
    }

    .page .channel .jestek span:before {
        content: unset
    }

    .invoiceModal li {
        width: 100%
    }

    .listingGrid .splide__caption {
        min-height: 180px;
        padding-bottom: 50px;
    }

    .listingGrid .splide__slide img {
        object-position: right;
    }

    .hero .splide__slide .caption {
        width: 70%;
        float: left;
        justify-content: flex-start;
        padding-top: 20%;
    }

    .page .saving-detail-line div {
        font-size: var(--fontSize-s);
    }

    .tab-selected-container {
        flex-direction: column;
    }

    .tab-selected-container .tab-selected-text {
        width: 100%;
        text-align: center;
    }

    .page .mims-map-header .form-select {
        min-width: calc(70% - 10px);
    }

    .mims-map-header {
        align-items: flex-start;
    }

    .page-members-grid {
        flex-direction: column;
    }

    .page-contact-text address {
        padding: 28px 0 28px 10px
    }

    .page .channel .jestek {
        max-width: 100%;
    }

    .products {
        padding-right: 15px;
    }
}

@media (max-width: 375px) {
    .energyExploreHolder .energyExploreSelect {
        padding: 20px;
    }

}


@media (max-width: 360px) {
    .alert.fancybox-content {
        min-width: 310px;
        width: 310px;
    }

    .mobileCampaigns .splide__slide, .mobileCampaigns .splide__slide.bigone, .products .splide__slide.bigone, .homeProducts .splide__slide {
        width: 300px
    }

    .splide__caption p, .splide-caption p {
        display: none
    }

    .cardApplicationForm .form-group label {
        white-space: break-spaces;
    }
}
.advantages-card h4{
    text-align: center;
}
@media (max-width: 320px) {
    .energyExploreHolder.solutionsFilter .energyExploreSelect {
        padding: 20px 10px;
    }

    .energyOffersButtonHolder .energyOffersButtonBox {
        position: relative;
        margin-top: 30px;
        transform: unset;
        left: unset;
        width: 100%
    }


    .energyOffersButtonHolder {
        padding: 30px 20px;
    }

    .energyOffersButtonHolder p:first-of-type {
        font-size: 1em;
        margin-bottom: 0px
    }

    .energyInfoButtons div p {
        font-size: 1em;
    }

    .energyButtonsBox {
        padding: 35px 10px;
    }

    .energyButtonsBox div:last-of-type {
        padding: 0px
    }

    .energyExploreHolder {
        padding: 40px 10px;
    }

    .energyExploreHolder .energyExploreSelect {
        padding: 10px
    }

    .page-list .subscriptionAdditional .subscriptionNoteIcons .subscriptionNoteElement .subscriptionNoteImage {
        position: absolute;
        left: -10px;
        height: 45px;
        width: 45px
    }

    #bulettinListing.gallery-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .page-list .subscriptionAdditional .subscriptionNoteIcons div img {
        max-height: 30px
    }

    .subscriptionAdditionalList {
        padding-left: 40px
    }

    .page .corporateInvoice .invoiceStats p span:last-of-type {
        display: block;
        float: unset;
        margin-top: 10px;
    }

    .invoiceFirmButtons .page-buttons-item.active img {
        height: 40px;
    }

    .invoiceFirmButtons .page-buttons-item:first-child.active {
        padding-right: 110px;
    }

    .invoiceFirmButtons .page-buttons-item:last-child.active {
        padding-left: 110px;
    }

    body .detail-page-list .products .splide__slide {
        width: 250px;
    }

    .detail-page-list .products .splide__caption {
        height: 160px;
    }

    .jumbotron.filter::before {
        opacity: 0.9;
    }

    .mobileCampaigns .splide__slide, .mobileCampaigns .splide__slide.bigone, .products .splide__slide.bigone, .products .splide__slide {
        width: 270px;
    }

    .listingGrid .splide__slide {
        width: 100%
    }

    .products .splide__caption, .products-wrapper__caption {
        min-height: 235px;
    }

    .modal-content {
        padding: 20px 15px;
    }

    .hero .splide__slide .caption {
        color: #333333 !important;
    }

    .page-buttons-item:first-child.active > i {
        right: 20px;
    }

    .page-buttons-item:first-child.active {
        padding-right: 80px;
    }

    .page-buttons-item:last-child.active > i {
        left: 20px;
    }

    .page-buttons-item:last-child.active {
        padding-left: 80px;
    }

    .footer-top-link:not(:first-child) {
        margin-top: 25px;
    }

    .page .mims-grid-item a {
        padding: 5px;
    }

    .page .saving-select-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .page-banner-two .info a {
        font-size: 12px;
    }
    .modal-content-tablo {
        padding: 20px 0px !important
    }

    .header .button-1 {
        font-size: 13px;
    }
}
.modal-content-tablo .modal-header{
    padding-right: 20px;
}
.modal-content-tablo {
    border-radius: 10px;
    padding: 7px 0px !important;
    color: #7f7f7f;
}
.modal-content-tablo .overflow-x p {
    font-size: 12px !important;
    /* padding-left: 2px; */
    margin-top: 16px;
    font-weight: 700;
}
.pointer{
    font-size: 19px !important;
}
@media (max-width: 991px) {
    .saving-table-header div:not(:first-child) {
        border-top: 1px solid #ccc;
        border-left: unset
    }

    .page .saving-detail-line:nth-child(1) {
        position: sticky;
        left: -1px;
        top: 0;
        z-index: 9;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .page .saving-detail-line:nth-child(1) div {
        width: calc((var(--container) - 30px) / 3);
        height: 50px;
        border-top: 1px solid #c7c7c7;
        margin-bottom: 8px;
    }

    .page .saving-detail-line:nth-child(1) div:first-of-type {
        border-top: unset;
        height: 20px;
    }

    .page .saving-detail-line:nth-child(1) div:last-of-type {
        margin-bottom: 0px;

    }
}

@media (max-width: 991px) and (min-width: 576px) {
    .page .saving-detail-line:nth-child(1) div {
        width: calc((var(--container) - 30px) / 3);
    }

}

@media (max-width: 576px) {
    .page .saving-detail-line div {
        font-size: var(--fontSize-s);
    }

    .page .saving-detail-line:nth-child(1) div {
        width: calc((100vw - 150px) / 2);
    }

}


@media (min-width: 576px) {
    .page .saving-detail-line:not(:first-child) input {
        width: calc((var(--container) - 30px) / 2);
    }
}

@media (max-width: 360px) {
    .page .saving-detail-line:nth-child(1) {
        position: relative;
    }

    .page .saving-detail-line:nth-child(1) div {
        width: calc((100vw - 150px) / 1.5);
    }
}

/* Mobile Accordion */

.mobile-accordion {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mobile-collapse {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    border: 0 !important;
    width: 100%;
    background-color: rgba(255, 255, 255, .5);
    height: 60px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    transform: translateY(10px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-collapse::after {
    content: "\46";
    font-family: var(--fontIcon);
    font-size: 13px;
    transform-origin: center center;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(
            180deg
    );
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(
            180deg
    );
    color: var(--colorSecond);
    transition: all .3s ease-out;
    margin-left: 50px;
}

.mobile-collapse.open::after {
    content: "\46";
    font-family: var(--fontIcon);
    font-size: 13px;
    transform-origin: center center;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(
            180deg
    );
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    color: var(--colorSecond);
    transition: all .3s ease-out;
    margin-left: 50px;
    transform: rotateY(0deg);
}

@media (min-width: 769px) {
    .mobile-accordion {
        display: none;
    }
}

.header-nav .dropdown .menu-dropdown {
    border-radius: 25px;
    box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 14%);
    background-color: #fff;
}


@media (max-width: 1280px) {
    .chosen-select {
        z-index: 99;
        /*opacity: 1;*/
    }

    /* .chosen-container {
         width: 280px !important;
         height: 58px !important;
     }*/
    .bidder-checked label {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    .bidder-checked select {
        font-size: 12px;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}
@media (min-width:992px) and (max-width:1250px){
    .header-nav-item{
        font-size: 12px;
    }
}
@media (max-width: 1200px) {
    .energyButtonsBox {
        flex-direction: column;
        text-align: center;


    }

    .saving-image img {
        height: 230px;
        width: 300px;
    }

    .saving-content form button.button-1 {
        left: 109%;
    }
}

@media (max-width: 1300px) {
    .bidderGroup {
        /* margin-right: 60px;*/
    }

    .mobile-choosen-form {
        width: 100%;
    }

    .mobile-bidder {
        width: 100%;
    }

    /* .chosen-container {
         width: 150px !important;
         height: 78px !important;
     }*/
}

@media (max-width: 1024px) {
    .saving-image img {
        height: 260px;
    }

    .energyButtonsBox div:last-of-type {
        grid-template-columns: unset;
        display: flex;
        flex-direction: column;
    }


    .energyButtonsBox div:last-of-type a {
        width: 100%
    }

    .energyExploreHolder {
        flex-direction: column;
    }

    .energyInfoButtons div p {
        padding: 0px;
    }

    .header-nav .dropdown .menu-dropdown {
        overflow: hidden;
        position: static !important;
        width: calc(100% + 30px);
        border: 0;
        border-radius: 0;
        margin-left: -15px;
        margin-right: -15px;
        background-color: rgba(0, 0, 0, .2);
    }
}

@media (min-width: 992px) {
    .energySolutions .pageListTitle {
        color: var(--colorFirst);
        font-size: 24px;
    }
    .mt-122{
        margin-top: 12px !important;
    }

    .subscriptionBottomButtons a {
        padding: 14px 30px;
    }

    #bulettinListing.gallery-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .button-2.gradient {
        min-width: 180px;
    }

    .page-card-info img {
        margin-top: 0px;
    }

    #cardForm label.text-muted {
        margin-top: 25px
    }

    .page-card-brands a {
        position: relative;
        left: unset;
        transform: unset;
        margin-left: unset;
        margin-top: 30px;
    }

    .header-nav .dropdown .noImageMenuHolder.menu-dropdown {
        min-width: 400px;
    }

    /*
        .jumbotron {
            height: 500px;
        }*/
    .header-nav .dropdown .menu-dropdown > a.button-1 {
        left: 40px;
        transform: translateY(-75px);
    }

    .bidderGroup {
        /*       width: calc(100% / 4);*/
        margin-right: 0px;
        justify-content: flex-end;
    }

    .jumbotron img {
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        object-position: right;
    }

    .page .saving-detail-line:nth-child(1) div:not(:first-child) {
        border-left: 1px solid #ccc;
    }

    .header-nav .dropdown .menu-dropdown {
        min-width: 650px;
    }

    .header-nav .dropdown .menu-dropdown ul {
        /*padding: var(--gutter-l) 30px 50px 0px;*/
        width: 100%;
    }

    .header-nav .dropdown .menu-dropdown ul li {
        padding-left: 30px;
    }

    .header-nav .dropdown .menu-dropdown ul li a {
        width: 100%;
    }

    .page-list-buttons {
        position: unset;
        bottom: unset;
        left: unset;
        transform: unset;
    }


    .page-buttons-item::before {
        width: calc(47.5vw - 15px);
    }

    .campaing {
        width: calc(var(--container) - 30px);
    }

    .campaing .splide-header {
        /*margin-right: 65px;*/
        margin-right: 45px;
    }

    .header-nav .dropdown .menu-dropdown ul li:hover:before {
        color: var(--colorSecond);

    }

    .header-nav .dropdown .menu-dropdown {
        padding: 3px 0px;
    }

    .tab-pane .table {
        width: 70%;
        margin-left: 30px;
        border-radius: 15px;
    }

    .modal-body .page-accordion-item {
        font-size: 15px;
    }

    .saving-content form span:not(:first-child) {
        margin-left: 10px;
    }

    .campaing .splide-header .h2, .campaing .splide-header h2 {
        font-size: var(--fontSize-xxl);
    }

    .header-nav .dropdown .menu-dropdown ul li a:hover {
        color: #ea6424;
    }

    .subscription-page .page-list > i.top25 {
        left: 20px;
        z-index: 5;
    }

    .page-list-buttons {
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin-top: 40px;
    }

    .subscriptionBottomButtons {
        grid-template-columns: repeat(3, 1fr);
    }

    main > section .splide-nav a {
        padding-left: var(--gutter-xl);
        padding-right: var(--gutter-xl);
    }

    main > section .splide-nav .button-1.outline:hover:before {
        width: 50px;
    }

    .page .saving-detail .reduceTable td {
        padding: 10px;
    }

    .page .saving-detail:before {
        left: -29px;
        right: -29px;
    }

    .page .saving-detail table td {
        min-width: 130px;
        padding: 0px 40px;
    }

    .page .saving-select-item label i {
        margin: 0px 15px;
        height: 55px;
        width: 55px;
        font-size: 45px;
    }

    .products .splide__caption, .campaing .splide__caption {
        max-height: 260px;
    }

    .page .saving-select-item {
        min-height: 90px;
    }

    .subscriber-item .bg-gradient-button.button-1.outline:hover i {
        transform: translateX(55px);
    }

    .dropdown:hover > .dropdown-menu:not(.menu-quick) {
        display: flex;
    }

    .page .saving-select-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .dropdown > .dropdown-toggle:active {
        pointer-events: none;
    }

    .header-nav .dropdown .noImageMenuHolder.menu-dropdown {
        min-width: 435px;
    }

    .header-nav .dropdown .customWidth.menu-dropdown {
        min-width: 600px;
    }

    .header-nav .dropdown .noImageMenuHolder.menu-dropdown ul {
        padding: var(--gutter-l) 20px 50px 35px;

    }

    .header-nav .dropdown .menu-dropdown ul.noImage {
        width: 100%;
    }

    .campaing .splide-header {
        padding-bottom: 5em;
    }

    .hero .splide__slide .button-1 {
        padding: 4px 20px;
    }


    .page-accordion-button {
        padding: 25px 0 20px 32px;
    }

    .splide-nav a {
        height: 35px;
        font-size: 15px;
    }

    main > section .splide-nav a {
        height: 35px;
        font-size: 15px;
    }

    .products-wrapper {
        margin: 50px -15px;
    }

    .page .corporate .page-text {
        padding: 50px 0 15px;
    }

    .modal-dialog {
        max-width: 700px;
        margin: 1.75rem auto;
    }

    .products .splide__caption,
    .campaing .splide__caption {
        padding-right: 50%;
    }

    .products .splide__caption,
    .campaing .splide__caption {
        min-height: 260px;
    }

    .gallery-item p {
        display: block;
        flex: 1;
    }

    .page .event-text {
        padding-left: 30px;
        margin-top: 40px;
    }

    .page .project .splide .splide__slide {
        height: auto;
    }

    .page-tabs li {
        flex: 1;
    }

    .revSubscriber-item i.top25 {
        left: 0;
        top: 50px;
        width: 100px;
        height: 80px;
        font-size: 46px;
        transform: translateX(-50%);
        top: 50px;
    }

    .page .subscriber-item span .h3,
    .page .subscriber-item span h3 {
        font-size: 24px;
    }

    .page-buttons-item {
        width: calc(50% - 30px);
    }

    .page .saving-detail-line:not(:first-child) input {
        width: 100%;
        font-size: var(--fontSize);
        font-weight: 600;
    }

    .page .saving-detail-line:not(:nth-child(2)) {
        margin-top: 10px
    }

    .page .saving-detail-line {
        grid-template-columns: repeat(8, 1fr);
    }

    .page .corporate .banner.gradient .h3 p,
    .page .corporate .banner.gradient h3 p {
        font-size: 16px;
    }
}
@media (max-width:550px){
    .tab-pane .table{
        display: block;
    }
}

@media (min-width: 1440px) {

    .menu .menu-online-link,
    .menu .menu-quick-link {
        padding-right: var(--gutter);
    }
}

@media (min-width: 1400px) {
    .bidder-line b {
        width: 200px;
    }
}


@media (min-width: 1200px) {
    .products-wrapper .splide__slide {
        width: calc(50% - 30px);
    }

    .page-file-grid {
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }

    .page .mims-map {
        margin-left: 0px;
    }

    .page .mims-map-header {
        transform: unset;
        /* margin-top: 30px; */
    }
    .position-form{
        position: absolute;
    top: 12%;
    z-index: 9;
    }
}

@media (min-width: 1366px) {


}

@media (min-width: 1300px) {
    .home-campaing {
        display: flex
    }

    .mobileCampaigns {
        display: none
    }
}

@media (min-width: 1600px) {
    .page .mims-map {
        margin-left: 0px;
    }

    .page .mims-map-header {
        transform: unset;
    }
}

.custom-border {
    background: var(--gradient);
    border-radius: 10px;
    padding: 5px;
    width: 100%;
}

.chosen-container {
    width: 277px;
    font-size: unset;
}

@media (min-width: 1280px) and (max-width: 1400px) {
    .chosen-container {
        width: 220px;
    }
}

@media (max-width: 280px) {
    body .detail-page-list .products .splide__slide {
        width: 220px;
    }

    body .detail-page-list .products .splide__caption {
        height: 140px;
        min-height: unset;
    }
}

.chosen-container.chosen-container-single.chosen-container-single-nosearch {
    z-index: 2;
}

.chosen-container-single .chosen-single {
    position: relative;
    z-index: 555;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 84px;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    background: unset;
    background: unset;
    background: unset;
    background: #fff;
    background-clip: unset;
    box-shadow: var(--shadow);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chosen-container-single .chosen-single:after {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    width: 29px;
    height: 15px;
    right: 9px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    background-image: unset;
    background-color: #fff;
    box-shadow: var(--shadow);
}

.chosen-container .chosen-drop {
    border: none;
}

.chosen-container-single .chosen-single span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
}

.chosen-container .chosen-results li.highlighted {
    padding: 10px;
}

.chosen-container .chosen-results li.highlighted {
    background: var(--gradient);
    border-radius: 10px;
}

@media (max-width: 769px) {
    .chosen-select {
        display: flex !important;
        position: absolute;
        /*opacity: 1;*/
        z-index: 99;
        width: 100% !important;
        /*padding: 10px 42px !important;*/
    }

    .bidder-checked select, .bidder-checked label {
        min-width: auto !important;
    }
}

.offer-hunter {
    background: var(--gradient);
    border-radius: 10px;
    padding: 5px;
    width: 100%;
}

.offer-container {
    padding: 64px 12px 120px 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.offer-line {
    width: 100%;
    height: 62px;
    max-height: 100%;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 10%);
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    border-radius: 10px;
}

.offer-line b {
    position: absolute;
}

.custom-offer-counter {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 8px;
    margin-right: 10px;
    height: 80px;
    max-height: 100%;
    padding: 10px;
    border-radius: 10px;
    background-image: var(--gradient);
    box-shadow: var(--shadow);
}

.custom-offer-counter input {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 32px;
    text-align: center;
}

.custom-offer-counter button {
    background-color: transparent;
    color: #fff;
}

.choosen-custom-offer b {
    position: absolute;
    top: -35px;
}

.choosen-custom-offer {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 80px;
    box-shadow: var(--shadow);
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 8px;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
}

.custom-offer-select {
    position: relative;
    border: 8px;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 25px;
    border-radius: 10px;
}

.custom-margin-left {
    margin-left: 25px;
}

.chosen-container-single .chosen-single div b {
    display: none;
}

.form-group.mobile-choosen-form {
    width: 100%;
}

.chosen-container.chosen-container-single.chosen-container-single-nosearch {
    width: 100% !important;
}

.bidder-checked {
    width: 100%;
}

.chosen-select {
    width: 100%;
    box-shadow: unset !important;
    border: none !important;
}


.custom-offer-btn {
    position: absolute;
    bottom: 0px;
    width: 20%;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    min-width: 280px;
    height: 60px;
    transform: translateY(50%);
    border-radius: 30px;
    border-color: #e5e5e5 !important;
    box-shadow: var(--shadow);
    background-color: #fff !important;
    color: #333;
}

.custom-offer-btn .button-1 i {
    margin-left: var(--gutter);
    transition: transform 200ms 150ms;
    color: var(--colorThird);
}

.mobile-txt {
    display: none;
}

@media (max-width: 1300px) {
    .offer-line {
        width: 100%;
        height: 100%;
        max-height: 100%;
        display: unset;
    }

    .choosen-custom-offer {
        margin: 10px 0;
        bottom: 0;
    }

    .custom-offer-select {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .custom-offer-select .bidder-checked {
        width: 100%;
    }

    .custom-offer-select .bidder-checked label {
        width: 100%;
        display: inline-grid;
        text-align: center
    }

    .bidder-checked {
        width: 100%;
        margin-bottom: 0;
    }

    .chosen-select {
        display: flex !important;
        position: relative;
        top: 0;
        box-shadow: unset !important;
    }

    .bidder .form-select:focus {
        box-shadow: none;
    }

    .offer-mobile-height {
        height: 80px;
    }

    .offer-mobile-height.typeB {
        margin-bottom: 10px;
    }

    .offer-mobile-height label {
        height: 100%;
    }

    .offer-line b {
        position: relative;
        top: 0;
    }

    .offer-line {
        box-shadow: unset;
    }

    .web-txt {
        display: none;
    }

    .mobile-txt {
        margin: auto;
        display: block;
        margin: 20px 0px;
    }

    .bidder-checked, .bidder-line-radio label {
        height: 80px;
    }

    .bidderGroup .bidder-checked select {
        width: 100%;
    }

    .bidder-line-price .counter {
        width: 200px;
        flex: unset;
    }

    .bidder-line-price .counter:before {
        width: 100%;
    }
}
@media(max-width:500px){
    .page .subscriber-item.sub-link span:last-child{
        min-width: 250px !important;
    }
    .mapAlertBox {
        margin-top: 115px !important;
    }
}
@media (max-width:340px){
    .mapAlertBox {
        margin-top: 135px !important;
    }
}
@media (max-width:322px){
    .mapAlertBox {
        margin-top: 165px !important;
    }
}
/* CAREER */
@media (max-width: 380px){
    .contact-section-mobile {
        padding-left: 9px !important;
        padding-right: 0px !important;
    }
    .contact-flex-mobile {
        padding: 14px 4px 20px 2px !important;
    }
}


/*CAREER*/
.careerImage {
    border-radius: 10px;
}

.career-banner {
    margin-top: 100px
}

.ci-wrapper {
    display: flex;
    background-color: #fff;
    justify-content: center;
    flex-wrap: wrap;
    padding: 16px;
    margin-bottom: 32px;
    flex-shrink: 0;
    align-items: center;
    border-radius: 10px;
}

.ci {
    border: 1px dashed #000;
    padding: 16px;
    margin-top: 16px;
    height: 400px;
    position: relative;
}

.ci p {
    font-size: 1.75em;
    font-weight: 900;
    color: #535353;
    position: absolute;
    z-index: 2;
}

.ci p:nth-of-type(1) {
    top: 60px;
    right: 15px;
}

.ci p:nth-of-type(2) {
    top: 230px;
    right: 15px;
}

.ci img {
    width: auto;
    height: 330px;
    max-width: 300px;
}

.ci.aydemPersonalMap span {
    position: absolute;
    font-weight: 600;
    color: #fff
}

.ci.aydemPersonalMap span:nth-of-type(1) {
    right: 155px;
    top: 135px;
}

.ci.aydemPersonalMap span:nth-of-type(2) {
    right: 200px;
    top: 170px;
}

.ci.aydemPersonalMap span:nth-of-type(3) {
    right: 170px;
    top: 215px;
}

.ci.aydemPersonalMap span:nth-of-type(4) {
    right: 80px;
    top: 215px;
}

.ci.aydemPersonalMap span:nth-of-type(5) {
    right: 170px;
    top: 255px;
}

.storyHolder .storyBox {
    display: flex;
    position: relative;
    margin-top: 100px;
}

.storyHolder .storyBox:first-of-type {
    margin-top: 40px;
}

.storyHolder .storyBox:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 106%;
    left: -3%;
    background: var(--gradient);
    height: 100%;
    z-index: -1;
    border-radius: 10px;
}

.storyHolder .storyBox:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 20px;
    background-image: url('../images/triangles.svg');
    width: 170px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    z-index: -1;
    opacity: 0.5;
}

.storyHolder .storyBox .storyImage {
    position: absolute;
    height: 360px;
    width: 300px;
    top: 50%;
    left: 1%;
    transform: translate(0, -50%);
}

.storyHolder .storyBox .storyImage img {
    width: 100%;
    border-radius: 5px;
}

.storyHolder .storyBox .storyText {
    margin-left: 25%;
    padding: 20px 10px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.storyHolder .storyBox .storyText h3, .storyHolder .storyBox .storyText h4, .storyHolder .storyBox .storyText p {
    color: #fff
}

.storyHolder .storyBox .storyText h3 {
    font-weight: 800;
    margin-bottom: 5px;

}

.storyHolder .storyBox .storyText h4 {
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 15px;
}


@media (max-width: 1400px) {
    .cpImageHolder img {
        transform: unset;
    }

    .ci {
        height: unset;
        border: unset;

    }

    .ci img {
        height: 270px;
    }

    .ci p {
        font-size: 1.25em
    }

    .ci p:nth-of-type(1) {
        top: 40px;
        right: 30px;
    }

    .ci p:nth-of-type(2) {
        top: 200px;
        right: 30px;
    }

    .ci.aydemPersonalMap span {
        font-size: .8em;
    }

    .ci.aydemPersonalMap span:nth-of-type(1) {
        right: 130px;
        top: 115px;
    }

    .ci.aydemPersonalMap span:nth-of-type(2) {
        top: 150px;
        right: 175px;
    }

    .ci.aydemPersonalMap span:nth-of-type(3) {
        right: 145px;
        top: 190px;
    }

    .ci.aydemPersonalMap span:nth-of-type(4) {
        right: 60px;
        top: 190px;
    }

    .ci.aydemPersonalMap span:nth-of-type(5) {
        right: 146px;
        top: 230px;
    }

    .ci-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .ci div {
        width: 300px;
        position: relative;
        height: 320px;
        display: block;
        margin: auto
    }

    .ci img {
        width: 300px;
        height: 320px;
        object-fit: contain;
    }
}

@media (max-width: 1399px) {
    .storyHolder .storyBox .storyText {
        margin-left: 30%
    }
}

@media (max-width: 1366px) {
    .storyHolder .storyBox .storyImage {
        left: -2%;
    }
    .mims-map-header small {
        margin-top: 15px;
        margin-bottom: 0px;
        text-align: center;
    }

    .storyHolder .storyBox .storyText {
        margin-left: 25%;
    }
}

@media (max-width: 1024px) {
    .storyHolder .storyBox:before {
        border-radius: 0px;
    }

    .storyHolder .storyBox .storyImage {
        position: relative;
        left: 0;
        top: 0;
        transform: unset;
        width: 100%;
        height: unset;
        flex: 2;
    }

    .storyHolder .storyBox .storyImage img {
        border-radius: 5px;
        height: 95%;
        width: 100%;
        margin-top: 2.5%;
    }

    .storyHolder .storyBox .storyText {
        margin-left: 0px;
        flex: 4;
    }
}

@media (max-width: 1999px) {
    .storyHolder .storyBox .storyImage {
        width: 250px;
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .storyHolder .storyBox, .storyHolder .storyBox:first-of-type {
        margin-top: 180px;
    }
    .invoice-row-2 {
        height: auto !important;
    }

    .storyHolder .storyBox:before {
        border-radius: 10px;
    }

    .ci-wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .storyHolder .storyBox {
        flex-direction: column;
        padding-top: 170px;
    }

    .storyHolder .storyBox .storyImage {
        position: absolute;
        top: -160px;
        max-width: 300px;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .storyHolder .storyBox .storyText h3, .storyHolder .storyBox .storyText h4 {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .careerImage {
        display: none;
    }

    .storyHolder .storyBox .storyImage {
        max-width: 200px;
    }

    .storyHolder .storyBox {
        padding-top: 120px;
    }

    .storyHolder .storyBox:before {
        border-radius: 0px;
    }
}

@media (min-width: 768px) {
    .ci-2 {
        margin-left: 16px;
    }

    .ci-4 {
        margin-left: 16px;
    }
}

@media (min-width: 1200px) {
    /* big landscape tablets, laptops, and desktops */
    .ci-3 {
        margin-left: 16px;
    }

    .ci-4 {
        margin-left: 0;
    }
}

@media (min-width: 1400px) {
    /* hi-res laptops and desktops */
    .ci {
        border: 0;
    }

    .ci-2 {
        margin-left: 0;
        border-left: 1px dashed #000;
    }

    .ci-3 {
        margin-left: 0;
        border-left: 1px dashed #000;
    }

    .ci-4 {
        margin-left: 0;
        border-left: 1px dashed #000;
    }
}

.custom-file span {
    width: calc(100% - 115px);
    position: absolute;
    height: 100%;
    top: 15px;
    left: 115px;
    height: 33px;
    background-color: #f3f4fa;
    line-height: 35px;
    padding: 0 15px;
    font-weight: 700;
    font-size: 14px;
    color: #7f7f7f;
}

/* CAREER */


.mapAlertBox {
    background: white;
    border-radius: 15px;
    padding: 30px 0px;
    display: flex;
    justify-content: center;
    align-content: center;
margin-top:20px
}

.mapAlertBox p {
    margin-bottom: 0px;
}

.campaignAlert {
    display: flex;

}

.campaignAlert div {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 70%;
}

@media (max-width: 576px) {
    .campaignAlert {
        flex-direction: column;
    }
}

.compensationAlert {
    background-color: #f7f7f7;
    z-index: 2;
}


.inputSeperator {
    text-align: center;
    display: block;
    width: 100%;
}

.inputSeperator:before, .inputSeperator:after {
    content: '';
    position: absolute;
    left: calc(50% - 70px);
    width: 35px;
    background: rgb(208, 206, 206);
    height: 1px;
    top: 50%;
}

.inputSeperator:after {
    left: calc(50% + 35px);
}


.childDivs {
    display: none;
    margin-top: 25px;
}

.newApplicationResult table tbody td {
    border-width: 1px
}

.newApplicationResult table tbody td:first-of-type {
    border-bottom-left-radius: 10px
}

.newApplicationResult table tbody td:last-of-type {
    border-bottom-right-radius: 10px
}

.newApplicationResult table thead {
    background: var(--colorFirst)
}

.newApplicationResult table thead th {
    color: white
}

.newApplicationResult table thead th:first-of-type {
    border-top-left-radius: 10px;
}

.newApplicationResult table thead th:last-of-type {
    border-top-right-radius: 10px;
}

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

.newApplicationHeading i {
    background: var(--gradient-r);
    padding: 12px;
    border-radius: 10px;
    color: white;
    font-size: 24px;
    margin-right: 15px
}

.newApplicationInfo {
    margin-top: 35px;
}

.newApplicationInfo {
    margin-left: 50px
}

.newApplicationInfo .page-list-buttons a {
    font-size: 14px;
    cursor: pointer;
}

.newApplicationInfo .page-list-buttons a img {
    width: 24px;
    height: 24px;
    margin-right: 25px;
}

.calculateInstallmentInput::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #7f7f7f !important;
}

.calculateInstallmentInput:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7f7f7f !important;
    opacity: 1;
}

.calculateInstallmentInput::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7f7f7f !important;
    opacity: 1;
}

.calculateInstallmentInput:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7f7f7f !important;
}

.calculateInstallmentInput::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7f7f7f !important;
}

.calculateInstallmentInput::placeholder {
    /* Most modern browsers support this now. */
    color: #7f7f7f !important;
}

.codeCheckTrigger {
    height: 50px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-border-2 {
    margin-left: 32px;
    background: var(--gradient);
    border-radius: 10px;
    padding: 5px;
    width: 100%;
}

.subscriber-item-2 {
    padding-left: 32px !important;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 20px;
    font-family: var(--fontFamilySecond);
    padding: 30px 36px;
    position: relative;
    flex-direction: column;
}

.blue-table {
    background: #dce6f1;
}

.yellow-table {
    background: #ffc000;
    /* border-width:3px !important */
}

.pink-table {
    background: #d41c62ba;
}

.pink-two-table {
    background: #d41c6285;
}

.pink-three-table {
    background: #d41c624a;
}

.pink-four-table {
    background: #d41c621f;
}

#tablepopup tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 1px !important;
}

.overflow-x {
    overflow-x: auto
}

.overflow-x p {
    font-size: 10px !important;
    padding-left: 2px;
    margin-top: 16px;
}

.pointer {
    cursor: pointer !important;
}

#tableModal {
    width: 100%;
    text-align: center;

}

#tablepopup strong {
    color: black
}

.border-color-white {
    border-bottom-color: white;
}

.border-color-gray {
    border-bottom-color: gray;
}

.compensationAdditionalMessage {
    background: var(--gradient);
    padding: 10px;
    display: flex;
    color: white;
    flex-direction: column;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.compensationAdditionalMessage * {
    color: white
}


@media (max-width: 769px) {
    .blogBreadCrumb {
        display: inline-flex;
    }

    .jumbotron {
        margin-top: 20px;
        overflow: initial;
    }

    .jumbotron .caption {
        height: 100%;
        align-items: flex-end;
        display: flex;
    }

    .jumbotron .caption .breadcrumb {
        position: absolute;
        top: -15px;
        z-index: 1;
        display: block;
        padding: 8px 10px;
        left: 0px;
        background: var(--gradient);
        width: 100%;
        overflow: scroll;
        white-space: nowrap;

        overflow-x: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }

    .jumbotron .caption .breadcrumb .breadcrumb-item {
        display: inline-flex;
    }

    .jumbotron .caption .breadcrumb .breadcrumb-item a {
        color: white !important
    }

    .jumbotron .caption .breadcrumb .breadcrumb-item.active {
        color: rgba(255, 255, 255, .5) !important;
    }

    .jumbotron .container {
        max-width: 100%;
    }
}

@media (max-width: 1200px) {
    .header-collapse {
        padding: 0px 0px 0px 0px !important;
    }
}

.header-nav .search {
    margin-right: 7px
}

@media (min-width: 1600px) {
    .header-nav-item {
        margin-right: var(--gutter-xl);
        font-size: var(--fontSize);
    }
}

@media (min-width: 1300px) {
    .header-nav-item {
    margin-right: 13px !important;
}
}

.map .mims-map-header .h2, .map .mims-map-header h2 {
    font-size: 18px;
}

.page .contact-mim #map {
    height: 410px;
}

@media (max-width: 991px) {
    .page .mims-map-header div {
        margin-top: 15px;
    }
}

@media (max-width: 1200px) {
    .map .mims-map-header {
        flex-direction: column;
    }
}

@media (max-width: 420px) {
    .map .mims-map-header .d-flex {
        width: 100%
    }

    .map .mims-map-header .form-select {
        min-width: 50%;
    }
}

.maintainTitle {
    font-size: 1.5em;
    color: var(--colorThird);
    font-weight: bold;
    text-align: center;
}

.map .mims-map-header .h2, .map .mims-map-header h2 {
    color: var(--colorThird)
}

.map .mims-map-header .form-select {
    border-color:rgba(173, 172, 172, 1);
    font-size : var(--fontSize-m)
}
.map .mims-map-header .form-select:first-of-type {
    border-right-color: rgba(173, 172, 172, 1);;
}

.mobileBanner {
    display: none;
}
@media(max-width: 991px) {
.mobileBanner {
    display: block;
}
.desktopBanner {
    display:none
}
}
.text-h2{
    color: var(--colorThird);
    font-size: 32px;
    font-weight: 700;
}
.border-th{
    background: #923c8c;
    color: white !important;
    border-bottom: 3px solid transparent !important;
    border-top: 3px solid #923c8c !important;
    border-left: 3px solid #923c8c !important;
    border-right: 3px solid #923c8c !important;

}
.border-th-two{
    border-bottom: 3px solid #923c8c !important;
    border-top: 3px solid #923c8c !important;
    border-left: 3px solid #923c8c !important;
    border-right: 3px solid #923c8c !important;

}
.search-p{
    text-align: center;
    color:white
 }
 #psn-widget-container iframe {
    bottom: 115px !important;
    right: 35px !important;
    }
    .page .mims {
        width: 100%;
    }

    .contactPage .page-text p {
        padding: 0 20px;
    }
    .deptPage .page-tabs-content .tab-pane:before {
        content:unset;
    }
.fButtonMobile {
    display: none;
}
@media (max-width: 991px) {
    .fButtonMobile {
        display: block;
    }
    .fButtonDesktop {
        display: none;
    }
}
@media (min-width: 992px) and (max-width:1200px) {
    .mobile-mim{
        flex-direction: column;
        width: 100%;
    }
    .page .mims-grid-item a, ymaps a.road.mimRoad, ymaps a.randevu.mimRandevu, ymaps a.mimPhone{
        width: 100% !important;
    }

}
.invoice-row {
    background: transparent linear-gradient(80deg, #EA6424 0%, #D41C64 50%, #923C8C 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    width: 100%;
    margin-top: 114px;
    height: 232px;
}
.transform20 {
    transform: rotate(20deg);
}
.invoice-row img {
    position: relative;
    bottom: 76px;
}
.invoice-text {
    padding-top: 60px;
}
.invoice-row h3 {
    font-size: 24px;
    color: white;
    font-weight: 700;
}
.invoice-row p {
    color: white;
    font-size: 18px;
}
.consumer-info {
    margin-top: 109px;
}
.consumer-title {
    margin-bottom: 40px;
}
.consumer-title h2 {
    color: #D41C64;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.consumer-title p {
    font-size: 16px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
}
.accordionn {
    transition: min-height 800ms cubic-bezier(0.39, 0, 0.4, 0.95);
    min-height: unset !important;
    margin-bottom: 1em;
}
.consumer-card {
    position: relative;
    background-color: white;
    border-radius: 10px;
    padding: 40px 29px 40px 29px;
}
.accordionn .accordion-itemm .accordion-itemm-title {
    position: relative;
    cursor: pointer;
}
.accordion-itemm-title h4 {
    color: #333333 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.accordionn .accordion-itemm .accordion-itemm-title .accordion-togglerr {
    position: absolute;
    width: 18px;
    height: 18px;
    top: calc(29% - 9px);
    right: 18px;
    transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.95);
}
.orange .accordion-togglerr {
    border: 3px solid #EA6424 !important;
}
.accordion-togglerr {
    border: 3px solid #963284;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
}

.accordionn .accordion-itemm .accordion-itemm-title .accordion-togglerr:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 4px;
    width: 17px;
    height: 3px;
    border-radius: 5px;
    background-color: #963284;
    transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.9);
}
.orange .accordion-togglerr:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 4px;
    width: 17px;
    height: 3px;
    border-radius: 5px;
    background-color: #EA6424 !important;
    transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.9);
}
.accordionn .accordion-itemm .accordion-itemm-title .accordion-togglerr:after {
    content: '';
    position: absolute;
    top: 5px;
    right: calc(50% - 2px);
    width: 3px;
    border-radius: 5px;
    height: 17px;
    background-color: #963284;
    transition: all 200ms linear;
}
.orange .accordion-togglerr:after {
    content: '';
    position: absolute;
    top: 5px;
    right: calc(50% - 2px);
    width: 3px;
    border-radius: 5px;
    height: 17px;
    background-color: #EA6424 !important;
    transition: all 200ms linear;
}
.accordionn .accordion-itemm .accordion-item-contentt {
    width: 100%;
    max-width: 400px;
    height: auto;
    max-height: 0px;
    overflow: hidden;
    transition: all 200ms linear;
}
.accordion-item-content-innerr {
    margin-top: 20px;
}
.accordion-item-content-innerr p {
    color: #7F7F7F;
    font-size: 16px;
}
.consumer-card {
    position: relative;
    background-color: white;
    border-radius: 10px;
    padding: 40px 29px 40px 29px;
}
.consumer-card:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
    background-color: #742557;
}
.progress-bar-consumer {
    margin-top: 90px;
}
.progress-bar-title {
    margin-bottom: 76px;
}
.progress-bar-title h2 {
    font-size: 32px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
}
.progress-bar-title p {
    font-size: 16px;
    color: #7F7F7F;
    text-align: center;
}
.lineBox {
    position: relative;
    width: 100%;
    z-index: 1;
    height: 80px;
}
.lineBox .gr {
    background: #d0d0d0;
    left: 0;
}

.lineBox .line .point:nth-child(1) {
    margin-left: calc(14% - 10px);
}
.lineBox .line .point {
    position: absolute;
    height: 68px;
    width: 68px;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border-radius: 50%;
    transition: all ease-out 0.3s;
}
.gr .point {
    z-index: 9;
    height: 52px !important;
    width: 52px !important;
    left: 8px !important;
}
.progress-bg {
    text-align: center;
    font-size: 35px;
    display: flex;
    padding: 6px;
    color: #7F7F7F;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.steps {
    background: white;
    top: -44px;
    position: relative;
    z-index: 0;
    margin-right: 30px;
    margin-left: 30px;
    padding-left: 29px !important;
    padding-right: 29px !important;
}
.steps li {
    width: 25%;
    float: left;
    list-style: none;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}
.active .lineBox-content {
    opacity: 0.9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.lineBox-content h3 {
    font-size: 24px;
    color: #333333;
    margin-top: 20px;
}
.steps li p {
    margin-top: 2vh;
}
.lineBox-content p {
    color: #7F7F7F;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.steps:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.discover {
    margin-top: 50px;
    margin-bottom: 40px;
}
.discover-title p {
    color: #333333;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}
.mb-20 {
    margin-bottom: 20px;
}
.discover-title h2 {
    color: #D41C64;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
}
.discover-title p {
    color: #333333;
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
}
.discover-content {
    width: 70%;
    position: relative;
}
.discover-flex {
    padding: 23px 15px 23px 15px;
    border-radius: 10px;
    background-color: white;
    align-items: center;
}
.discover-text {
    background: transparent linear-gradient(90deg, #EA6424 0%, #E45134 17%, #D5205F 52%, #D41C63 55%, #923B8D 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 40px;
    color: white;
    width: 100%;
}
.discover-text p {
    font-size: 16px;
    margin-bottom: 0px !important;
}
.discover-content p {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    padding-left: 20px;
    margin-bottom: 0px;
}
.discover-a ul li {
    list-style: none;
    margin-bottom: 10px;
}
.discover-a ul li::before {
    content: "\2022";
    color: #D41C64;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    margin-right: 12px;
}
.discover-a li {
    font-size: 14px;
    color: #7F7F7F;
}
.offer-title {
    margin-top: 60px;
    margin-bottom: 60px;
}
.offer-title h2 {
    font-size: 32px;
    color: #333333;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center;
}
.offer-card {
    border-radius: 10px;
    background: white;
    height: 100%;
    padding: 0px 30px 40px 30px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
}
.offer-title p {
    font-size: 16px;
    color: #7F7F7F;
    text-align: center;
}
.offer-card {
    border-radius: 10px;
    background: white;
    height: 100%;
    padding: 0px 30px 40px 30px;
    max-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5rem;
}
.offer-card img {
    transform: translateY(-25px);
}
.offer-card h5 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.offer-card .button-1 {
    background-color: #F5F5F5;
    width: 100%;
    max-width: 166px;
}
.document-title h2 {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}

.document-content {
    background: transparent linear-gradient(86deg, #EA6424 0%, #E45134 17%, #D5205F 52%, #D41C63 55%, #923B8D 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 30px 30px 30px 30px;
    display: flex;
    align-items: center;
}
.document-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    margin-left: 20px;
    margin-bottom: 0px !important;
}
.document-text {
    background-color: white;
    border-radius: 10px;
    padding: 30px;
    margin-right: 30px;
    margin-left: 30px;
}
.document-text p {
    font-size: 16px;
    color: #7F7F7F;
    margin-bottom: 20px;
}
.document-text ul li {
    list-style: none;
}

.document-text-orange ul li::before {
    content: "\2022";
    color: #EA6424;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.bg-purple {
    background: transparent linear-gradient(86deg, #EA6424 0%, #E45134 -21%, #D5205F -2%, #D41C63 55%, #923B8D 100%) 0% 0% no-repeat padding-box !important;
}
.document-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    margin-left: 20px;
    margin-bottom: 0px !important;
}
.document-text {
    background-color: white;
    border-radius: 10px;
    padding: 30px;
    margin-right: 30px;
    margin-left: 30px;
}
.document-text p {
    font-size: 16px;
    color: #7F7F7F;
    margin-bottom: 20px;
}
.document-text-pink ul li::before {
    content: "\2022";
    color: #D41C64;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.advantages-title {
    margin-top: 114px;
    margin-bottom: 60px;
}

.advantages-title h2 {
    text-align: center;
    font-size: 32px;
    color: #D41C64;
    font-weight: 700;
}
.advantages-title {
    margin-top: 114px;
    margin-bottom: 60px;
}
.advantages-title p {
    text-align: center;
    font-size: 16px;
    color: #7F7F7F;
}

.advantages-card {
    background: white;
    border-radius: 10px;
    padding: 0px 30px 60px 30px;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    /* margin-top: 60px; */
    justify-content: space-between;
}
.advantages-card img {
    transform: translateY(-32px);
}
.advantages-card p {
    color: #7F7F7F;
    font-size: 16px;
    text-align: center;
}
.mt-60 {
    margin-top: 60px;
}

.section-application {
    background: transparent linear-gradient(78deg, #EA6424 0%, #D41C64 50%, #923C8C 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 150px;
    padding: 40px;
}
.section-application h2 {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
}
.section-application p {
    color: #FFFFFF;
    font-size: 18px;
}
.section-application .button-1 {
    max-width: 166px;
    width: 100%;
    border: 1px solid #E5E5E5;
    background: #F5F5F5;
}

.orange.consumer-card:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
    background-color: #EA6424 !important;
}
.pink.consumer-card:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
    background-color: #D5205F !important;
}.pink .accordion-togglerr:before {
    content: '';
    position: absolute;
    top: calc(50% - 1px);
    right: 4px;
    width: 17px;
    height: 3px;
    border-radius: 5px;
    background-color: #D41C64 !important;
    transition: all 200ms cubic-bezier(0.39, 0, 0.4, 0.9);
}
.pink .accordion-togglerr:after {
    content: '';
    position: absolute;
    top: 5px;
    right: calc(50% - 2px);
    width: 3px;
    border-radius: 5px;
    height: 17px;
    background-color: #D41C64 !important;
    transition: all 200ms linear;
}
.pink .accordion-togglerr {
    border: 3px solid #D41C64 !important;
}
.lineBox .progress {
    background-color: transparent !important;
}
.lineBox .progress {
    position: relative;
    height: 70px;
    width: 0;
}
.lineBox .black {
    background: transparent linear-gradient(90deg, #EA6424 0%, #E45134 17%, #D5205F 52%, #D41C63 55%, #923B8D 100%) 0% 0% no-repeat padding-box;
    left: 0;
}
.lineBox .black .point:nth-child(1) {
    background: transparent linear-gradient(90deg, #ea6424 0%, #E45134 17%, #ea6424 52%, #ea6424 55%, #ea6424 100%) 0% 0% no-repeat padding-box;
}
.lineBox .black .point {
    background: transparent linear-gradient(90deg, #EA6424 0%, #E45134 17%, #D5205F 52%, #D41C63 55%, #923B8D 100%) 0% 0% no-repeat padding-box;
    left: 0;
}
.lineBox .black .point:nth-child(2) {
    background: transparent linear-gradient(90deg, #e45134 0%, #e45134 17%, #e45134 52%, #e45134 55%, #d41c63 100%) 0% 0% no-repeat padding-box;
}
.lineBox .black .point:nth-child(3) {
    background: transparent linear-gradient(90deg, #d5205f 0%, #d5205f 17%, #d5205f 52%, #D41C63 55%, #d5205f 100%) 0% 0% no-repeat padding-box;
}
.lineBox .black .point:nth-child(4) {
    background: transparent linear-gradient(90deg, #923b8d 0%, #923b8d 17%, #923b8d 52%, #923b8d 55%, #923b8d 100%) 0% 0% no-repeat padding-box;
}
.lineBox .line .point:nth-child(2) {
    margin-left: calc(36.50% - 7px);
}
.lineBox .line .point:nth-child(3) {
    margin-left: calc(60% - 7px);
}
.lineBox .line .point:nth-child(4) {
    margin-left: calc(82.5% - 7px);
}
.lineBox-content {
    margin-top: 54px;
    padding-bottom: 27px;
}
.lineBox-content {
    opacity: 0;
}
.active .lineBox-content {
    opacity: 0.9;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.account-section {
    margin-top: 150px;
}
.account-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.account-text h3 {
    font-size: 22px;
    color: #333333;
    font-weight: bold;
}
.account-text p {
    font-size: 15px;
    color: #7F7F7F;
}
.account-section .button-1 {
    border: 1px solid #E5E5E5;
    color: #333333;
    font-weight: bold;
    max-width: 197px;
    font-size: 16px;
    width: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.account-section i {
    color: #923C8C;
}
.account-content {
    height: 283px;
    position: relative;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.account-content::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 2;
    background-color: var(--colorSecond);
}

.section-application .button-1.outline:hover i {
    color: #fff;
    transform: translateX(32px);
}

#lottie1 {
    position: absolute;
    width: 298px;
    height: 511px;
    right: 0;
    transform: translateY(-176px);
}
.link-free{
    color: #D41C64;
    font-weight: bold;
}
.contact-flex h3{
    font-size: 16px;
    color: #7F7F7F;
    text-align: center;
    font-weight: bold;
    margin-bottom: 50px;
}
.contact-flex h4{
    font-size: 12px;
    color: #444444;
    text-align: center;
    font-weight: bold;
margin-top: 50px;
position: relative;

}
.contact-flex{
    position: relative;
    max-width: 150px;
    padding-top: 10px;
    width: 100%;

}
.contact-flex svg{
    margin: 0 auto;
    /* z-index: 9; */
    top: -7px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-flex:before{
    content: "";
    display: flex;
    background-color: #EA6424;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    /* top: 18%; */
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 21px;
}
.contact-flex:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 10px ;
}
.contact-flex:hover h4{
color: white;
}
.contact-flex:hover path{
    fill:#EA6424
}

.contact-flex-2:before{
    content: "";
    display: flex;
    background-color: #E24C39;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 19px;
}
.contact-flex-2:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 9px;
}
.contact-flex-2:hover path{
    fill:#E24C39
}


.contact-flex-3:before{
    content: "";
    display: flex;
    background-color:#DE3B49;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 17px;
}
.contact-flex-3:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 10px;
}
.contact-flex-3:hover path{
    fill:#DE3B49
}


.contact-flex-4:before{
    content: "";
    display: flex;
    background-color:#DE3B49;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 19px;
}
.contact-flex-4:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 10px;
}
.contact-flex-4:hover path{
    fill:#DE3B49
}
.contact-flex-4:hover #Group_279 circle{
    fill:#DE3B49
}
.contact-flex-4:hover #Group_280 circle{
    fill:#DE3B49
}


.contact-flex-5:before{
    content: "";
    display: flex;
    background-color:#CF1F67;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 19px;
}
.contact-flex-5:hover::before{
    bottom: 0px;
    top: auto;
    width: 140px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 5px;
}
.contact-flex-5:hover path{
    fill:#CF1F67
}

.contact-flex-6:before{
    content: "";
    display: flex;
    background-color:#BD2772;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 19px;
}
.contact-flex-6:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 10px;
}
.contact-flex-6:hover path{
    fill:#BD2772
}

.contact-flex-7:before{
    content: "";
    display: flex;
    background-color:#AB307D;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 18px;
}
.contact-flex-7:hover::before{
    bottom: 0px;
    top: auto;
    width: 140px;
    height: 48px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 5px;
}
.contact-flex-7:hover path{
    fill:#AB307D
}

.contact-flex-mobile{
    cursor: pointer;
}
.contact-flex-8:before{
    content: "";
    display: flex;
    background-color:#983988;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 69px;
    left: 19px;
}
.contact-flex-8:hover::before{
    bottom: 0px;
    top: auto;
    width: 130px;
    height: 89px;
    border-radius: 4px;
    transition:  0.3s;
    -webkit-transition:  0.3s;
    left: 10px;
}
.contact-flex-8:hover path{
    fill:#983988
}
.contact-section{
    align-items: center;
    justify-content: space-between;
}
.hover-social{
    display: none;
}
.contact-flex-8:hover .hover-social{
    display: block;
}
.contact-flex-8:hover .hover-social-text{
    display: none;
}
.hover-social .social{
    margin-bottom: 0px !important;
}
.contact-flex-8:hover svg{
    top: -38px;
    transition:  0.3s;
}
.social a:hover .facebook, .custom-social-mobile a:hover .icon-facebook {
    color: #3b5998 !important;
    position: relative;
}
.social a:hover .twitter, .custom-social-mobile a:hover .icon-twitter {
    color: #00acee !important;
    position: relative;
}
.social a:hover .linkedin, .custom-social-mobile a:hover .icon-linkedin {
    color:  #0e76a8 !important;
    position: relative;
}
.social a:hover .youtube, .custom-social-mobile a:hover .icon-youtube {
    color:  #c4302b !important;
    position: relative;
}

.social a{
    color: white;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 6px;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 10px;
}
.contact-flex-8:hover  .hover-social{
    flex-direction: column;
    display: flex;
    align-items: center;
}
.social a:hover::before {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    opacity: 1;
}
.social a:before {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    top: 15px;
    background-color: #fff;
    transition: all .3s ease-out;
    border-radius: 50%;
    opacity: 0;
}
.social a:hover i {
    color: #d41c64;
    position: relative;
}

.social a:hover img{
    filter: none;
    position: relative;
}
.contact-flex:hover{
    background: #F5F5F5 0% 0% no-repeat padding-box;
border-radius: 10px;

}
.contact-flex:hover h3{
color: #333333;
}
.contact-section{
    background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
margin-bottom: 5rem;
padding:25px ;

}
@media (max-width: 1400px){
    .contact-section {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}


@media (max-width:1250px){
    .contact-flex:before{
        width: 90px !important;
        height: 90px !important;
        left: 30px !important;
        top: 85px ;

    }
    .contact-flex-8:hover::before {
        height: 89px !important;
    }

    .contact-flex svg{
        width: 50px;
        top: 0px;
    }
    .contact-flex:hover::before{
        width: 140px !important;
        height: 48px ;
        left: 4px !important;
    }
    .contact-flex-2:hover::before{
        width: 100px ;
    height: 48px !important;
    }
    .contact-flex-3:hover::before{
    height: 48px !important;
    }
    .contact-flex-4:hover::before{
        height: 48px !important;
        }
        .contact-flex-5:hover::before{
            height: 48px !important;
            }
            .contact-flex-6:hover::before{
                height: 48px !important;
                }
                .contact-flex-7:hover::before{
                    height: 48px !important;
                    }
                    .contact-flex-1:hover::before{
                        height: 48px !important;
                        }
    .contact-flex {
        margin-bottom: 3rem;
    }
}
@media (max-width:1200px){
    .contact-section{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 50px !important;
        padding-left: 50px !important;
    }
}
@media (max-width:991px){
    .contact-section{
display: none !important;
    }
}
@media (min-width:992px){
    .contact-section-mobile{
        display: none !important;
    }
}
.contact-flex-mobile h3{
    font-size: 10px;
    color: #444444;
    font-weight: bold;
text-align: center;
}
.bg-contact-circle{
    width: 76px;
    display: flex;
    align-items: center;
height: 76px;
background-color: #E96028;
border-radius: 50%;
}
.contact-flex-mobile{
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background: #F5F5F5 0% 0% no-repeat padding-box;
border-radius: 10px;
    margin-bottom: 10px;
    padding:20px 11px 20px 11px;
    margin-right:10px
}
.contact-flex-mobile svg{
margin: 0 auto
}
.contact-section-mobile{
    background: #FFFFFF 0% 0% no-repeat padding-box;
border-radius: 30px;
padding:16px;
margin-bottom: 5rem;
}
.contact-flex-2-mobile div{
background-color: #E24C39;
}
.contact-flex-3-mobile div{
    background-color: #DE3B49;
    }
.contact-flex-4-mobile div{
background-color: #D82959;
        }
.contact-flex-5-mobile div{
       background-color: #CF1F67;
}
.contact-flex-6-mobile div{
    background-color: #BD2772;
}
.contact-flex-7-mobile div{
    background-color: #AB307D;
}
.contact-flex-8-mobile .bg-circle-mobile{
    background-color: #983988 !important;
}
.contact-flex-8-mobile.active .bg-circle-mobile{
     display: none;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.contact-flex-8-mobile.active .social-mobile{
    display: block;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.social-mobile{
    display: none ;
}

.social-mobile .social a{
    background: #983988;
    border: 1px solid #983988;
}
.mim-contact{
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-contact{
    margin-bottom: 0px !important;
    transform: translateY(110px) !important;
    margin-top: 1rem;
}
.container-width .row{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.end{
    display: flex;
    justify-content: flex-end;
}
.contact-flex{
    cursor: pointer;
}
.contact-flex-mobile .center-a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page .mims-grid-item a, ymaps a.road.mimRoad, ymaps a.randevu.mimRandevu, ymaps a.mimPhone {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: var(--gutter-s) var(--gutter);
    font-size: var(--fontSize-s);
    margin-bottom: var(--gutter);
    width: calc((100% - var(--gutter-s)) / 2);
}
.page .mims-grid-item a i, ymaps a.road.mimRoad i, ymaps a.randevu.mimRandevu i, ymaps a.mimPhone i {
    margin-right: var(--gutter-s);
    color: var(--colorSecond);
}

#guvenceIade {
    display: none;
    max-width: 600px;
    padding: 35px 20px;
    border-radius: 10px;
}

.iadeButton {
    background: var(--colorFirst);
    border-radius: 10px;
    padding: 10px;
    color: white;
    font-weight: 600;
}
#tabloModal .modal-header .modal-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
#tabloModal th{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
#tabloModal span{
    color: var(--colorFirst);
    font-weight: bold !important;
}
#tabloModal tr{
    text-align: center;
}
#tabloModal .modal-dialog {
    max-width: 1000px;
}
.table-a{
    color: var(--colorFirst);
    font-weight: bold !important;
    display: flex;
    align-items: center;
}
.table-a i{
    margin-left: 10px;
}
.testtable{
    text-align: center;
    width: 100% !important;
    display: table;
}
.mr-20{
    margin-right: 20px;
}
@media (min-width: 992px){
    .page-list > .h2, .page-list > .h3, .page-list > .h4, .page-list > h2, .page-list > h3, .page-list > h4 {
        padding-left: 32px !important;
    }
    .site-map h4{
        margin-left: 50px;
    }
}

.invoice-row-2 {
    height: auto !important;
}
.mobile-invoice-btn b{
    color:#333
  }
  .mobile-invoice-btn:hover b{
    color: var(--colorFirst)
  }
.invoice-row-2 img {
    position: relative;
    bottom: 0px !important;
    height: auto;
    object-fit: cover;
margin: 20px;
box-shadow: none !important;
}
.invoice-row-2 .invoice-text {
    padding: 15px !important;
}
.bottoom .col-lg-5{
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (min-width: 1800px){
    .page-buttons-item.active::before {
        width: calc(54.5vw - 15px) !important;
    }
}
@media (min-width: 992px) and (max-width: 1800px) {
    .page-buttons-item.active::before {
        width: calc(55.5vw - 15px) !important;
    }
}
@media (min-width: 992px) and (max-width: 1440px) {
.page-buttons-item::before {
    width: calc(45.5vw - 15px) !important;
}
}
@media (min-width: 992px) and (max-width: 1200px){
    .page-list-buttons {
        grid-template-columns: auto !important;
    }
}

.logo .cls-1 {
    fill: url(#linear-gradient);
}

.logo .cls-2 {
    fill: url(#linear-gradient-2);
}

.logo .cls-3 {
    fill: url(#linear-gradient-3);
}

.logo .cls-4 {
    fill: url(#linear-gradient-4);
}

.logo .cls-5 {
    fill: url(#linear-gradient-5);
}

.logo .cls-6 {
    fill: #ea6424;
}
.mt-100{
    margin-top: 100px;
}
.mt-50{
    margin-top: 50px;
}