body{
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.red-hat {
  font-family: "Red Hat Display", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.fw-100{font-weight: 100;}.fw-200{font-weight: 200;}.fw-300{font-weight: 300;}.fw-400{font-weight: 400;}.fw-500{font-weight: 500;}.fw-600{font-weight: 600;}.fw-700{font-weight: 700;}.fw-800{font-weight: 800;}.fw-900{font-weight: 900;}
.mb-15{margin-bottom:15px}.mb-80{margin-bottom:80px}.mb-60{margin-bottom:60px}

.wp-bg-color{background-color:#b2dcf5;}
.ww-bg-color{background-color:#1e71b8;}
.ww-text-color{color:#1e71b8;}
.wp-text-color{color:#4e565a}
.wp-wr-color{color:#ffcc0e}
.wp-sc-bg{background-color:#f3f3f3;}

.banner-text{position: relative;z-index: 1;color: #fff;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;}
.banner-text h2.red-hat{font-size: 1.75rem;}
.banner-list{list-style: none;width: 100%;padding: 0;margin: 5px 0 0;}
.banner-list li{display: flex;align-items: center;justify-content: flex-start;padding: 7px 0;}
.banner-list li p{margin-bottom:0px;}
.banner-list li p span{color:#ffcc0e}
.banner-list svg{width: 20px;height: 20px;fill: #ffffff;margin-right: 5px;}

.single-feature {padding: 30px 35px;border-radius: 10px;margin-bottom: 40px;margin-top: 30px;box-shadow: 0px 5px 25px rgba(218, 211, 211, 0.3);}
.single-feature .icon {width: 72px;height: 72px;border-radius: 50%;background: #2F80ED;color: #ffffff;font-size: 35px;display: flex;justify-content: center;align-items: center;margin-bottom: 20px;margin-top: -60px;}
.single-feature .icon:hover{background: #ffcc0e;color:#000000}
.section-50{padding:50px 0 60px}
.section-80{padding:80px 0 60px}
.section-100{padding:100px 0 60px}

.pricing-table-wrapper .pricing-table table.table > :not(:last-child) > :last-child > *{border-color: #dee2e6;}
.pricing-table-wrapper .pricing-table table.table > :not(caption) > * > * {padding:10px;border-right: 1px solid #dee2e6;}
.pricing-table-wrapper .pricing-table table tr th {text-align: center;}
.pricing-table-wrapper .pricing-table table tr th, .pricing-style-3 .pricing-table-wrapper .pricing-table table tr td {min-width: 200px;vertical-align: middle;}
.pricing-table-wrapper .pricing-table table tr th h6 {margin-bottom: 14px;}
.pricing-table-wrapper .pricing-table table tr th h3 {color: #2F80ED;}
.pricing-table-wrapper .pricing-table table tr th h3 span {font-size: 20px;}
.pricing-table-wrapper .pricing-table table tr th h3 {color: #2F80ED;}
.pricing-table-wrapper .pricing-table table tr th p {font-weight: 500;color: #323450;}
.pricing-table-wrapper .pricing-table table tr td p {margin-bottom: 0px;}
.pricing-table-wrapper .pricing-table table tr:last-child td {border-bottom: none;padding: 25px 10px;}

.accordion-button:not(.collapsed){color:#000000;background-color: #ffffff;box-shadow: none;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.accordion-button:focus{border-color:#dfdfdf;box-shadow: none;}
h2.accordion-header{font-family:"Red Hat Display", sans-serif;}

.sepet .btn-outline-secondary {border-color:#cfd4db}
.sepet .sepet-toplam{padding:0px 16px}

.payment .nav-link,.desk-index .nav-link {color:#000;font-weight:100}
.payment .nav-tabs .nav-link,.desk-index .nav-tabs .nav-link {margin-bottom: -1px;background: 0 0;border: none;border-top-left-radius: 0; border-top-right-radius: 0;}
.payment .nav-tabs .nav-link.active,.desk-index .nav-tabs .nav-link.active{border-bottom:2px solid #0d6ffd;font-weight: 700;}

.deskbox a{color: #000000;text-decoration: none;}

#iletisim .material-icons {font-size:2rem;font-weight: 100;margin-bottom: .5rem}

.desk-index .list-group-item {padding: .5rem 0px;}
.desk-index .list-group-item a{color: #000;text-decoration: none;}

.desk-index table th{font-weight: 300;background-color: #eaeaea;}
.break-all{word-break: break-word;white-space: normal;}
#deskContent li{margin-bottom:10px;}
#deskContent b{font-weight:500}
#deskContent span{font-weight:100;font-style: italic;font-size: 80%; color:grey}
.highlight {padding: 1rem;margin-bottom: 1rem;background-color: #f8f9fa;}