@import "/css/reset.css";
.flickity-page-dots {
    display: none !important;
}

@media only screen and (max-width: 5000px) and (min-width: 1600px) {
    .ortala {
        width: 1600px !important;
        margin-left: calc(50% - 800px) !important;
    }
    .sliderarkaplan {
        width: 1638px !important;
        margin-left: calc(50% - 819px) !important;
    }
    .isletmelericin::before {
        width: 560px !important;
    }
    .isletmelericin {
        padding-left: 258px !important;
    }
    .referanslar::before {
        width: 654px !important;
    }
}

@media only screen and (max-width: 5000px) and (min-width: 1200px) {
    .urun:hover .urunalani::after {
        margin-left: -342px;
    }
    .container {
        float: left;
        max-width: 1280px !important;
        margin-left: calc(50% - 640px);
        padding: 0px !important;
    }
    .ortala {
        float: left;
        width: 1280px;
        margin-left: calc(50% - 640px);
    }
    .pcdegizle {
        display: none !important;
    }
    .hakkimizda {
        float: left;
        width: 100%;
        margin-top: 150px;
    }
    .hakresimler {
        float: right;
        width: 740px;
    }
    .hakkimizdaresim {
        float: right;
        width: 740px;
        height: 394px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
        margin-right: 50px;
    }
    .hakkimizdaresim img {
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        object-fit: cover;
    }
    .hakkimizdayazi {
        float: left;
        width: 476px;
    }
    .hakkimizdayazi b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        color: #122b77;
        line-height: normal;
        margin-bottom: 13px;
    }
    .hakkimizdayazi span {
        float: left;
        width: 100%;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
    }
    .hakbuton {
        float: left;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-top: 25px;
    }
    .hakbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hakbuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .hakbuton:hover .hakbutondiv {
        background-color: #04b0f0;
    }
    .sliderarkaplan {
        float: left;
        width: 1300px;
        height: 590px;
        margin-left: calc(50% - 650px);
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        overflow: unset;
    }
    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: flex-start;
    }
    .swiper-zoom-target {
        float: left;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .slideryazi {
        position: absolute;
        width: 587px;
        height: 202px;
        background: rgba(46, 36, 130, 0.88);
        box-shadow: 0px 3px 6px rgb(0 0 0 / 29%);
        bottom: -72px;
        left: 55px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 97px;
        padding-right: 57px;
    }
    .slideryazi b {
        float: left;
        font-weight: bold;
        font-size: 32px;
        text-align: left;
        color: #fff;
        line-height: normal;
    }
    .slideryazi span {
        float: left;
        height: 85px;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        color: #fff;
        overflow: hidden;
    }
    .referansvecozum {
        float: left;
        width: 100%;
    }
    .referanslar {
        float: left;
        width: 267px;
        margin-top: 50px;
    }
    .referanslar::before {
        content: '';
        position: absolute;
        left: 0;
        width: 384px;
        height: 294px;
        background: #eef8ff;
        z-index: -1;
    }
    .referanslar b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        color: #122b77;
        line-height: normal;
        margin-bottom: 10px;
        margin-top: 73px;
    }
    .referanslar span {
        float: left;
        width: 100%;
        height: 108px;
        overflow: hidden;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
    }
    .referanslarimiz {
        float: right;
        width: 72%;
        margin-top: 115px;
    }
    .referanscaro {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .referanscaro picture {
        float: left;
        width: 100%;
    }
    .refbuton {
        float: right;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
    }
    .refbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .refbuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .refbuton:hover .refbutondiv {
        background-color: #04b0f0;
    }
    .urungruplari {
        float: left;
        width: 100%;
        margin-top: 180px;
    }
    .urun {
        float: left;
        width: 50%;
        height: 316px;
    }
    .urun:nth-child(3) .urunalani,
    .urun:nth-child(4) .urunalani,
    .urun:nth-child(7) .urunalani,
    .urun:nth-child(8) .urunalani,
    .urun:nth-child(11) .urunalani,
    .urun:nth-child(12) .urunalani,
    .urun:nth-child(15) .urunalani,
    .urun:nth-child(16) .urunalani {
        float: left;
    }
    .urun:nth-child(3) .urunresim,
    .urun:nth-child(4) .urunresim,
    .urun:nth-child(7) .urunresim,
    .urun:nth-child(8) .urunresim,
    .urun:nth-child(11) .urunresim,
    .urun:nth-child(12) .urunresim,
    .urun:nth-child(15) .urunresim,
    .urun:nth-child(16) .urunresim {
        float: right;
    }
    .urun:nth-child(3):hover .urunalani::after,
    .urun:nth-child(4):hover .urunalani::after,
    .urun:nth-child(7):hover .urunalani::after,
    .urun:nth-child(8):hover .urunalani::after,
    .urun:nth-child(11):hover .urunalani::after,
    .urun:nth-child(12):hover .urunalani::after,
    .urun:nth-child(15):hover .urunalani::after,
    .urun:nth-child(16):hover .urunalani::after {
        margin-left: 57px;
        margin-top: 59px;
    }
    .urunresim {
        float: left;
        width: 50%;
        height: 100%;
        overflow: hidden;
    }
    .urun:hover .urunresim img {
        transform: scale(1.1);
    }
    .urunresim img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .5s ease;
    }
    .urunalani {
        float: right;
        width: 50%;
        height: 100%;
        background-color: #fff;
        padding: 84px 68px 35px 45px;
    }
    .urun:hover .urunalani {
        background-color: #04b0f0;
    }
    .urun:hover .urunalani::after {
        content: '';
        position: absolute;
        width: 21px;
        height: 21px;
        background: #04b0f0;
        transform: rotate(45deg);
        margin-top: 59px;
    }
    .urunbaslik {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        color: #3e3c3c;
    }
    .urun:hover .urunbaslik,
    .urun:hover .urunyazi {
        color: #fff;
    }
    .urun:hover .urunbuton {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .urun:hover .urunbuton div {
        background-color: #04b0f0;
    }
    .urunyazi {
        float: left;
        width: 100%;
        height: 78px;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        color: #3e3c3c;
        overflow: hidden;
        margin: 10px 0px 15px 0px;
    }
    .urunbuton {
        float: left;
        width: 213px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
    }
    .urunbuton div {
        float: left;
        width: 41px;
        height: 41px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .isletmelericin {
        float: left;
        width: 100%;
        height: 472px;
        background: #2e2482;
        margin-top: 150px;
        padding-left: 68px;
    }
    .isletmelericin::before {
        content: '';
        position: absolute;
        width: 356px;
        height: 516px;
        background: #eef8ff;
        margin-top: -43px;
        left: 0;
    }
    .isletmeler {
        float: left;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    .isletmeler img {
        float: left;
        margin-top: -94px;
    }
    .isletmeyazialani {
        float: left;
        width: 603px;
        padding-top: 55px;
        padding-bottom: 25px;
        margin-left: 130px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    }
    .isletmeyazialani b {
        float: left;
        width: 50%;
        line-height: normal;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        color: #fff;
        margin-bottom: 25px;
    }
    .isletmeyazialani span {
        float: left;
        width: 390px;
        height: 89px;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #fff;
        overflow: hidden;
    }
    .isletmebuton {
        float: left;
        width: 213px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
    }
    .isletmebutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .isletmebuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .isletmebuton:hover .isletmebutondiv {
        background-color: #04b0f0;
    }
    .isletmeiconalani {
        float: left;
        width: 603px;
        margin-top: 50px;
        margin-left: 130px;
    }
    .iconlar {
        float: left;
        width: 95px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        margin-right: 50px;
    }
    .iconlar:last-child {
        margin-right: 0px !important;
        width: 155px;
    }
    .iconlar b {
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        text-align: left;
        line-height: normal;
        color: #fff;
        margin-top: 12px;
    }
    .haberlerbaslik {
        float: left;
        width: 100%;
        margin-top: 100px;
    }
    .haberlerbaslik b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 28px;
        text-align: left;
        color: #122b77;
    }
    .haberleralani {
        float: left;
        width: 100%;
        margin-top: 30px;
    }
    .haber:first-child {
        float: left;
        width: 565px;
    }
    .habersagtaraf {
        float: right;
        width: 657px;
    }
    .habersagtaraf::after {
        content: '';
        position: absolute;
        width: 53.124%;
        height: 885px;
        background: #eef8ff;
        right: 0;
        z-index: -1;
        margin-top: -146px;
    }
    .haber:first-child .haberresimalani {
        float: left;
        width: 100%;
        height: 316px;
        border-radius: 3px;
        overflow: hidden;
    }
    .haber:first-child .haberresimalani .haberresim {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .5s;
        background-color: black;
    }
    .haber:first-child:hover .haberresimalani .haberresim {
        transform: scale(1.1);
    }
    .haber:first-child b {
        float: left;
        width: 100%;
        line-height: normal;
        font-weight: 500;
        font-size: 18px;
        text-align: left;
        color: #122b77;
        margin-top: 30px;
    }
    .haber:first-child .habertarih {
        float: left;
        width: 100%;
        font-weight: normal;
        font-size: 16px;
        text-align: left;
        color: #d5d5d5;
        margin: 13px 0px;
    }
    .haber:first-child span {
        float: left;
        width: 100%;
        height: 160px;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
        overflow: hidden;
    }
    .haberaltkisim {
        float: left;
        width: 100%;
        margin-bottom: 34px;
    }
    .haberaltresimalani .haberaltresim {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 3px;
        transition: transform .5s;
    }
    .haberaltkisim .haberaltresimalani {
        float: left;
        width: 223px;
        height: 172px;
        border-radius: 3px;
        overflow: hidden;
    }
    .haberaltkisim:hover .haberaltresim {
        transform: scale(1.1)
    }
    .haberaltkisim b {
        float: right;
        width: 63%;
        font-weight: 500;
        font-size: 18px;
        text-align: left;
        color: #122b77;
        line-height: normal;
    }
    .haberaltkisim span {
        float: right;
        width: 63%;
        height: 89px;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
        overflow: hidden;
        margin-top: 10px;
    }
    .haberaltkisim p {
        float: right;
        width: 63%;
        font-weight: normal;
        font-size: 16px;
        text-align: left;
        color: #d5d5d5;
        margin-top: 10px;
    }
    .tumhaberlerbuton {
        float: right;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-right: calc(0% + 30.8%);
    }
    .tumhaberlerbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tumhaberlerbuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .tumhaberlerbuton:hover .tumhaberlerbutondiv {
        background-color: #04b0f0;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 0px) {
    .tumhaberlerbuton {
        float: left;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-top: 25px;
    }
    .tumhaberlerbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .tumhaberlerbuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .tumhaberlerbuton:hover .tumhaberlerbutondiv {
        background-color: #04b0f0;
    }
    .haberleralani {
        float: left;
        width: 100%;
        margin-top: 30px;
    }
    .haberlerbaslik {
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .haberlerbaslik b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 24px;
        text-align: left;
        color: #122b77;
    }
    .haberaltkisim {
        float: left;
        width: 100%;
    }
    .haberaltkisim img {
        float: left;
        width: 100%;
        height: 136px;
        border-radius: 7px;
        object-fit: cover;
    }
    .haberaltkisim b {
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 15px;
        text-align: left;
        color: #022d7b;
        margin-top: 20px;
        line-height: normal;
    }
    .haberaltkisim p {
        float: left;
        width: 100%;
        font-weight: normal;
        font-size: 13px;
        text-align: left;
        color: #022d7b;
        margin: 10px 0px;
    }
    .haberaltkisim span {
        float: right;
        width: 100%;
        height: 89px;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
        overflow: hidden;
        margin-top: 10px;
    }
    .referansvecozum {
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .referanslar {
        float: left;
        width: 100%;
    }
    .referanslarimiz {
        float: right;
        width: 100%;
    }
    .referanscaro {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .referanscaro picture {
        float: left;
        width: 100%;
    }
    .referanslar b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 24px;
        text-align: left;
        color: #122b77;
        line-height: normal;
        margin-bottom: 10px;
        margin-top: 73px;
    }
    .referanslar span {
        float: left;
        width: 100%;
        height: 73px;
        overflow: hidden;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
    }
    .refbuton {
        float: left;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-top: 20px;
    }
    .refbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .refbuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .refbuton:hover .refbutondiv {
        background-color: #04b0f0;
    }
    .hakkimizda {
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .hakresimler {
        float: right;
        width: 100%;
    }
    .hakkimizdaresim {
        float: right;
        width: 100%;
        height: 245px;
        box-shadow: 0px 3px 6px rgb(0 0 0 / 11%);
    }
    .hakkimizdaresim img {
        float: left;
        width: 100%;
        height: 100%;
        border-radius: 7px;
        object-fit: cover;
    }
    .hakkimizdayazi {
        float: left;
        width: 100%;
        margin-top: 25px;
    }
    .hakkimizdayazi b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 20px;
        text-align: left;
        color: #122b77;
        line-height: normal;
        margin-bottom: 13px;
    }
    .hakkimizdayazi span {
        float: left;
        width: 100%;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: left;
        color: #2a2a2d;
    }
    .hakbuton {
        float: left;
        width: 261px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-top: 25px;
    }
    .hakbutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .urungruplari {
        float: left;
        width: 100%;
        margin-top: 40px;
    }
    .urun {
        float: left;
        width: 100%;
    }
    .urunresim {
        float: left;
        width: 100%;
        height: 200px;
    }
    .urunresim img {
        float: left;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .urunalani {
        float: left;
        width: 100%;
    }
    .urunbaslik {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 24px;
        text-align: left;
        color: #3e3c3c;
        line-height: normal;
        margin-top: 10px;
    }
    .urunyazi {
        float: left;
        width: 100%;
        height: 78px;
        overflow: hidden;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: left;
        color: #3e3c3c;
    }
    .urunbuton {
        float: left;
        width: 100%;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        padding: 0px 10px 0px 23px;
        margin-top: 25px;
    }
    .urunbuton div {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ortala {
        float: left;
        width: 100%;
        padding: 0px 10px;
    }
    .container {
        float: left;
        width: 100%;
        padding: 0px 10px;
    }
    .mobildegizle {
        display: none !important;
    }
    .sliderarkaplan {
        float: left;
        width: 100%;
        height: 350px;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -ms-flex-align: center;
        align-items: flex-start;
    }
    .swiper-zoom-target {
        float: left;
        width: 100%;
        height: 350px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .slideryazi {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 146px;
        background: rgba(46, 36, 130, 0.88);
        padding: 20px 20px 0px 20px;
    }
    .slideryazi b {
        float: left;
        width: 100%;
        font-weight: bold;
        font-size: 26px;
        text-align: left;
        color: #fff;
        line-height: normal;
    }
    .slideryazi span {
        float: left;
        width: 100%;
        height: 79px;
        overflow: hidden;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #fff;
    }
    .isletmelericin {
        float: left;
        width: 100%;
        background: #2e2482;
        margin-top: 50px;
        padding: 20px 10px;
    }
    .isletmeler {
        float: left;
        width: 100%;
        position: relative;
        z-index: 10;
    }
    .isletmeler img {
        display: none;
    }
    .isletmeyazialani {
        float: left;
        width: 100%;
        padding-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.22);
    }
    .isletmeyazialani b {
        float: left;
        width: 100%;
        line-height: normal;
        font-weight: bold;
        font-size: 24px;
        text-align: left;
        color: #fff;
        margin-bottom: 25px;
    }
    .isletmeyazialani span {
        float: left;
        width: 100%;
        height: 92px;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #fff;
        overflow: hidden;
    }
    .isletmebuton {
        float: left;
        width: 213px;
        height: 58px;
        border-radius: 29px;
        background: #04b0f0;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        fill: #04b0f0;
        margin-top: 20px;
        padding: 0px 10px 0px 23px;
    }
    .isletmebutondiv {
        float: left;
        width: 41px;
        height: 41px;
        background-color: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .isletmebuton:hover {
        fill: #fff;
        background-color: #fff;
        color: #04b0f0;
    }
    .isletmebuton:hover .isletmebutondiv {
        background-color: #04b0f0;
    }
    .isletmeiconalani {
        float: left;
        width: 100%;
        margin-top: 50px;
        /* margin-left: 130px; */
    }
    .iconlar {
        float: left;
        width: 95px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        margin-right: 20px;
    }
    .iconlar:last-child {
        margin-right: 0px !important;
    }
    .iconlar b {
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: 18px;
        text-align: left;
        line-height: normal;
        color: #fff;
        margin-top: 12px;
    }
}