@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');  body, html {     margin: 0;     padding: 0;     font-family: "Roboto", sans-serif; }  * {     -webkit-box-sizing: border-box;     box-sizing: border-box; }  a {     text-decoration: none; }  img {     height: auto;     max-width: 100%;     border: none;     -webkit-border-radius: 0;     border-radius: 0;     -webkit-box-shadow: none;     box-shadow: none; }  .container {     max-width: 1140px;     margin: 0 auto;     padding: 10px; }  .section__top {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     padding: 30px 0 100px;     z-index: 0;     background: url(/shared/3165/bg.jpg) no-repeat; }  .header {     display: flex;     justify-content: space-between;     align-items: center; }  .logo__link {     display: block;     padding: 10px; } .btn {     cursor: pointer;     display: inline-block;     outline: none;     position: relative;     transition: all .3s ease-out;     z-index: 0;     text-align: center;     border-style: none;     border-radius: 15px 15px 15px 15px;     box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);     font-family: roboto, sans-serif;     font-size: 20px;     font-weight: 400;     text-transform: none;     color: #ffffff;     padding: 10px 20px; }  .btn--yellow {     margin-right: 20px;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%); }  .btn--green {     background: linear-gradient(177deg,#f4f4f4 2%,#dcdcdc);     color: #000000; } .content {     color: #cfcfcf;     width: 59.911%;     padding: 10px; } .content__title {     padding: 0;     line-height: 1;     color: #fff;     font-family: "Roboto", sans-serif;     font-size: 55px;     font-weight: 300;     letter-spacing: -3px;     margin: 0 0 85px; }  .content p {     padding: 0;     margin: 0;     font-family: "Roboto", sans-serif;     font-size: 22px;     font-weight: 300;     line-height: 1.6em; }  .content__button {     padding: 15px 0;     margin-top: 40px; } .content__button__link {     font-family: "Roboto", sans-serif;     font-size: 22px;     font-weight: 400;     fill: #0e1f04;     color: #0e1f04;     background-color: #e3e3e3;     border-radius: 15px 15px 15px 15px;     padding: 15px 30px; }  .content {     margin-top: 10%; }  .btn:hover {     animation-name: elementor-animation-pop;     animation-duration: .3s;     animation-timing-function: linear;     animation-iteration-count: 1; }  @keyframes elementor-animation-pop {     50% {         transform: scale(1.2);     } }   .text {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -40px;     margin-bottom: 0;     padding: 70px 0;     z-index: 1;     background: url(/shared/3165/bottom-top-bg.png) no-repeat top center;     background-size: cover;     color: #131313;     font-size: 16px;     font-weight: 400;     line-height: 1.4em; } .text * {     padding: 10px; } .text h2 {     padding: 0;     margin: 0;     line-height: 1;     color: #0e1f04;     font-size: 32px;     font-weight: 300;     text-align: center; }  .text img {     padding: 0; }  .provider {     text-align: center; }  .footer {     position: relative;     transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;     margin-top: -50px;     margin-bottom: -50px;     padding: 70px;     z-index: 0;     background-color: #131313; }  .footer__top {     display: flex;     justify-content: center;     align-items: center;     gap: 10px; }  .footer__top p {     color: #cfcfcf;     font-size: 13px;     font-weight: 600; }  .footer__nav {     margin-bottom: 25px; }  .nav {     display: flex;     justify-content: space-between;     align-items: center;     flex-wrap: wrap; }  .nav__link {     color: #ffffff;     text-decoration: underline;     text-transform: uppercase; }  .nav__link:hover {     color: #fb3c3c; } .footer__copy {     text-align: center; } .footer__copy__title {     color: white;     margin-top: 1em;     text-align: center;     font-size: 1em; }  .footer__copy__info {     margin-top: 1em;     text-align: center;     font-size: .75em;     opacity: .7;     color: white; }  .footer__copy img {     max-width: 200px;     width: 100%;     height: auto; } .giris-buton {     display: none;     padding: 16px 32px;     text-align: center;     font-weight: 700;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%);     border-radius: 4px;     margin-bottom: 1em;     color: #000;     transition: all 200ms linear;     font-size: 16px;     letter-spacing: 1px;     margin-top: 25px; }  .scroll-to-top {     display: none;     width: 40px;     height: 40px;     background: linear-gradient(177deg,#fb3c3c 1.96%,#880303 98.23%);     position: fixed;     bottom: 20px;     right:20px;     color: #fff;     cursor: pointer;     padding: 10px;     border-radius: 4px;     border: none;     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);     z-index: 100; } @media (max-width: 1024px) {     .content {         width: 100%;     }     .content__button {         display: none;     }     .giris-buton {         display: block;     } }  @media (max-width: 768px) {     .header {         flex-direction: column;     }     .button {         padding: 10px;         width: 100%;         display: flex;         justify-content: space-between;     }      .header .btn {         display: block;         width: 50%;     }     .footer__top {         flex-direction: column;     }     .footer {         padding: 70px 0;     }     .content__title {         font-size: 39px;     }     .content p {         font-size: 18px;     } }  @media (max-width: 412px) {     .btn {         font-size: 15px;     } }  table {     width: 100%;     border: 2px solid #fb3c3c; }  th, td {     padding: 10px;     border: 1px solid #fb3c3c; }