.kampanyaUstBannerWrap{background: #2C4695}
.kampanyaUstBannerWrap .container .row{display: flex;align-items: center;}
.kampanyaUstBannerWrap .container .row h1{font: normal normal bold 36px/45px Poppins;color: #FFFFFF;margin-bottom: 15px;}
.kampanyaUstBannerWrap .container .row ul{padding-left: 25px;margin-bottom: 15px;}
.kampanyaUstBannerWrap .container .row ul li{font: normal normal normal 20px/28px Poppins;color: #FFFFFF;list-style-type: disc;}

.bannerText.text,
.bannerText.text *{font: normal normal normal 24px/36px Poppins;color: #FFFFFF!important;padding: 0px;}
.kampanyaBanner{display: flex;justify-content: flex-end;}
.kampanyaBanner img{max-height: 400px;}


.modemListWrap{margin-top: 45px;}
.modemListWrap .modemList_{margin-bottom: 30px;}

.modemList_ .whiteCol{padding: 30px;display: flex;align-items: center;justify-content: center;}
.modemList_ .whiteCol .col-sm-4{display: flex;align-items: center;justify-content: center;}
.modemList_ .whiteCol .col-sm-4 img{max-width: 75%;}

.modemTitle{margin-bottom: 30px;}
.modemTitle h3{font: normal normal bold 24px/35px Poppins;color: #2C4695;}
.modemTitle p{margin: 0px;font: normal normal normal 14px/22px Poppins;color: #2C4695;}

.modemFiyatlari {display: flex;align-items: center;justify-content: space-between;gap:30px;margin-bottom: 30px; flex-wrap: wrap;}
.modemFiyatlari ul{background: #B8BED1;border-radius: 16px;padding: 15px;text-align: center;flex: 1;}
.modemFiyatlari ul h4{font: normal normal bold 16px/26px Poppins;color: #FFFFFF;}
.modemFiyatlari ul li{font: normal normal normal 13px/18px Poppins;color: #FFFFFF;}

.modemList_ .text{margin-bottom: 30px;}
.modemList_ .text,
.modemList_ .text *{ color: #2C4695!important}
.modemList_ .dokuman ul{display: flex;align-items: center;gap:30px}
.modemList_ .dokuman ul a{display: flex;font: normal normal bold 20px/28px Poppins;color: #2C4695;align-items: center;gap:8px;}
.modemList_ .dokuman ul i{font-size: 32px;color:#E88989}




.sssAccordionWrap{margin-top: 45px;}
.sssAccordionWrap .text{padding: 0px;color:#fff!important}
.sssAccordionWrap .text *{background-color: inherit!important;color:#fff!important}


.footerWrap{margin-top: 0px;}
@media(max-width:768px){
    .titleWrap{margin-top: 0px;}
    .titleWrap ul{flex-direction: column;}
    .titleWrap ul li{flex: 1;}

    .greenPageWrap .container .row{padding: 30px 15px;}

    .kampanyaUstBannerWrap{padding-bottom: 0px!important;}
    .kampanyaUstBannerWrap{padding-bottom: 45px;}
    .kampanyaUstBannerWrap .container .row h1{font: normal normal bold 24px/34px Poppins;}
    .kampanyaUstBannerWrap .container .row{display: block;padding: 30px 15px;}
    .bannerText.text, .bannerText.text *{font:normal normal normal 15px/22px Poppins!important}
    .kampanyaUstBannerWrap p{max-width: 100%;}


    .modemListWrap{margin-top: 0px;}
    .modemFiyatlari{flex-direction: column;}
    .modemList_ .whiteCol{padding:15px 0px;}
    .modemFiyatlari ul{width: 100%;padding: 8px 15px;}
    .modemFiyatlari ul h4{font: normal normal bold 14px/24px Poppins;}

    .modemTitle h3{font: normal normal bold 16px/26px Poppins;}
    .modemTitle p{font: normal normal normal 12px/19px Poppins;}
    .modemList_ .dokuman ul a{font: normal normal bold 14px/18px Poppins;}


}

@font-face {
    font-family: 'Poppins';
    src: url('./font/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }