:root {
    --bg: #f8f7fa;
    --menutxtcl: 111,115,145;
    --menutxtweight: 600;
    --intlinear: 90, 99, 129;
    --txtall: 79, 82, 107;
    --cl1: 127, 139, 216;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 192,128,223;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

.duyuru-box.model-paket { max-width: 400px; width: fit-content; } .instagram-bg { background: #ff7f00 !important; }section.howtobuy { .box { padding: 20px; padding-left: 42px; border-radius: 2px; background-color: #455ee0; h2 { color: #fff; font-size: 26px; font-weight: 600; margin-bottom: 22px; margin-top: 22px; position: relative; &:before { box-shadow: -9px 9px 51px rgba(6, 11, 17, 0.29); background-color: #fff; width: 50px; height: 50px; border-radius: 50%; position: absolute; top: -10px; left: -70px; font-family: "remixicon" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "?"; color: #455ee0; display: flex; align-items: center; justify-content: center; font-size: 32px; font-weight: 400; } } p { font-size: 16px; color: #fff; font-weight: 400; line-height: 1.3; margin-bottom: 32px; b { font-weight: 600; } a { color: #fff; } } i.big { color: #fff; font-size: 160px; position: absolute; left: -18%; top: 54%; transform: translateY(-50%); } ul { li { font-size: 16px; color: #fff; font-weight: 400; margin-bottom: 22px; line-height: 1.3; position: relative; padding-left: 20px;list-style: none; &:before { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); background-color: #fff; width: 7px; height: 7px; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; } b { font-weight: 700; } } } } } section.pagetext { .box { box-shadow: -10px 10px 29px rgba(0, 0, 0, 0.05); border-radius: 2px; background-color: #ffffff; padding: 30px; padding-right: 15px; .scrollt { max-height: 400px; overflow-y: scroll; padding-right: 20px; &::-webkit-scrollbar { width: 5px; border-radius: 2px; } &::-webkit-scrollbar-track { border-radius: 2px; background-color: #e4ebf6; } &::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #bec7d6; } &::-webkit-scrollbar-thumb:hover { background: #bec7d6; } & > * { margin-bottom: 20px; &:last-child { margin-bottom: 0; } } h1 { color: #1d3163; font-size: 26px; font-weight: 600; } h2, h3, h4 { color: #1d3163; font-size: 22px; font-weight: 600; } p, li { color: #1d3163; font-size: 16px; font-weight: 400; line-height: 1.3; b, strong { font-weight: 700; } a { color: #1d3163; font-weight: 700; } } a { color: #1d3163; font-weight: 700; } .image-style-align-left { float: left; max-width: 25%; height: auto; padding-right: 30px; img { width: 100%; height: auto; } } .image-style-align-right { float: right; max-width: 25%; height: auto; padding-left: 30px; img { width: 100%; height: auto; } } ul { li { position: relative; padding-left: 25px; margin-bottom: 5px; display: block; align-items: center; &:before { width: 7px; height: 7px; border: 4px solid rgba(24,211,166,.25); background-color: #18d3a6; position: absolute; content: ""; border-radius: 100%; margin-left: -20px; top: 50%; transform: translateY(-50%); } } } } } } @media (max-width: 576px) { section.pagetext .box .scrollt h1 { font-size: 22px; } section.pagetext .box .scrollt .image-style-align-right { max-width: 50%; padding-left: 20px; } section.pagetext .box .scrollt .image-style-align-left { max-width: 50%; padding-right: 20px; } } @media (max-width: 439px) { } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: dotted; border-width: 1px; padding: 10px; }table { caption-side: bottom; border-collapse: collapse; border: 1px solid; width: 100%;margin-bottom:20px; }