body, html {     overflow-x: hidden; } p img {   max-width: 100%;   height: auto; } body {     margin: 0;     padding: 0;     line-height: 1;     color: #000;     text-align: left;     z-index: 1;     position: relative;     -webkit-font-smoothing: antialiased;     font-size: 14px;   	font-family: "Open Sans", "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }  * {     box-sizing: border-box; }  .container {     max-width: 960px;     margin: 0 auto;     padding: 0 10px; }  .header__r {     background: #e53600;     position: fixed;     top: 0;     left: 0;     width: 100%;     z-index: 100; }  .header__top {     padding: 5px 0; }  .nav {     background: #c1001b;     height: 50px; }  .logo {     min-width: 370px;     z-index: 8;     display: block; }  .nav__list {     width: 100%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     position: relative;     list-style: none;     padding: 0;     margin: 0;     height: 50px;     max-width: 960px; }  .nav__item {     -webkit-transition: all .3s;     -moz-transition: all .3s;     -ms-transition: all .3s;     -o-transition: all .3s;     transition: all .3s;     color: #fff;     font-size: 13px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-flex: 1;     -ms-flex-positive: 1;     flex-grow: 1;     height: 100%;     cursor: pointer;   margin: 0; }  .nav__item:hover {     background: #920000; }  .nav__link {     color: #fff;     font-size: 13px;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -webkit-box-flex: 1;     -ms-flex-positive: 1;     flex-grow: 1;     height: 100%;     cursor: pointer;     font-weight: 700;     text-decoration: none; }  .menu-title:after {     content: "";     width: 6px;     height: 6px;     border: 2px solid #fff;     border-width: 0 2px 2px 0;     transform: rotate(45deg);     margin: 0 0 0 10px;     display: block;     position: relative;     top: -1px; }  .nav__item:hover .menu-title:after {     transform: rotate(225deg);     top: 4px; }  .menu-list {     max-width: 960px;     width: 100%;     padding: 30px 50px; }  .nav__list .menu-list {     display: none;     position: relative;     width: 100%;     background: #920000;     padding: 30px 20px;     border-radius: 0 0 4px 4px;     box-shadow: 0 3px 6px rgba(0, 0, 0, .16078); }  .nav__item:hover .menu-list {     position: absolute;     top: 100%;     height: auto;     left: -1px;     cursor: default;     width: 100%;     display: flex;     z-index: 9; }  .menu-list-col {     flex-grow: 1; }  .menu-list-col-title {     text-transform: uppercase;     margin: 0 0 20px;     font-weight: 600; }  .subMenuItem {     color: #fff;     display: block;     line-height: 17px;     margin: 15px 0 0;     text-decoration: none; }  .subMenuItem:hover {     color: #ffa386; }  .nav__item--position {     position: relative; }  .nav__item:hover .menu__list--none-flex {     display: block;     max-width: 300px; }   .logo {     height: 35px; } .logo__link {     display: block;     width: 100%;     height: 100%; } .logo__link img {     height: 100%; } .button, .button__inner {    display: flex;     justify-content: space-between;     align-items: center;     gap: 22px; } .open-menu-holder {   display: none; } input {           max-width: 450px;     width: 100%;     height: 40px;     padding: 0 10px 0 32px;     color: #fff;     font-family: open sans, sans-serif;     font-style: normal;     font-weight: 600;     font-size: 14px;     background-color: rgb(193 0 27 / 60%);     border: none;     border-radius: 20px;     top: 0;     position: relative; } input::placeholder {    color: #fff; } .button__inner a {   color: #fff;     margin: 0;     position: relative;     display: flex;     align-items: center;     border: 2px solid rgb(193, 0, 27);     font-size: 14px;     cursor: pointer;     height: 40px;     justify-content: center;     border-radius: 20px;     padding: 13px 17px;   min-width: 90px;       text-decoration: none; } .button__inner a:hover { background-color: #c10000;     border: 2px solid #c10000; } .header__top .container {     display: flex;     justify-content: space-between;     align-items: center;     gap: 22px; } @media (max-width: 835px) {   input {     display: none;   } } @media (max-width: 675px) {   .button__inner a:last-child {     display: none;   }   .logo {         min-width: 185px;     }   .logo img {     width: 100%;     height: auto !important;   } } @media (max-width: 460px) {     .header__top .container {         gap: 5px;     }   .button__inner a {     font-size: 12x;     padding: 5px 3px;     min-width: 60px;   } }  .main {     margin-top: 90px;     background: #f5f5f5; } .main__banner__wrapper.container {     max-width: 1170px; } .main__banner {     padding: 50px 0;     position: relative;   margin-top: 100px;   background: #fff; } .main__banner__wrapper {     display: flex;     justify-content: center;     align-items: center;     gap: 80px;     position: relative;     z-index: 1;     text-align: center; } .main__banner__wrapper .green-span {     text-align: center;     font-weight: bold; } .logo__casino {     display: flex;     justify-content: center;     align-items: center;     flex-direction: column; } .logo__casino__image { 	max-width: 150px;     height: 150px;     overflow: hidden;     background: #fff;     margin-bottom: 5px;     padding: 5px 5px;     border-radius: 50%; } .logo__casino__image img {     width: 100%;     height: 100%;     object-fit: cover; } .welcome {   order: 1; } .welcome__title, .welcome__bonus {     color: #000;   	margin: 0; } .welcome__title {     text-transform: uppercase;     font-size: 20px; } .welcome__bonus {     font-size: 20px;     font-weight: bold; } td button a:hover, .logo__casino button a:hover {     background: #c10094; }  .title-r {     margin: 0;     text-align: center;     font-weight: bold;     font-size: 28px;     line-height: 45px;     letter-spacing: 0;     color: #000; }  .description {     letter-spacing: 0;     color: #fff;     max-width: 603px;     display: block;     font-weight: 600;     font-size: 16px;     line-height: 24px; }  .row_boxes {     margin: 20px 0 10px;     display: flex;     flex-wrap: wrap;     max-width: 680px; }  .box_content-col {     width: calc(33.3333333333% - 10px);     background: #fff 0 0 no-repeat padding-box;     box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137);     border-radius: 6px;     opacity: .96;     margin-bottom: 10px;     display: flex;     flex-wrap: wrap;     flex-direction: column;     font-size: 12px;     font-weight: bold;     line-height: 28px;     letter-spacing: .36px;     color: #645e62;     text-transform: uppercase;     justify-content: center;     padding: 16px 20px;     text-decoration: none; }  .box_content-col:hover {     background: #fff3f3 0 0 no-repeat padding-box; }  .box_content-col:not(:nth-of-type(3n)) {     margin-right: 10px; }  .green-span {     text-align: left;     font-size: 22px;     font-weight: 600;     line-height: 28px;     letter-spacing: 0;   	color: #000;   	margin: 0; }  .main__content {     padding: 52px 0; } .main__content .container {     background-color: #fff;     box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16);     padding: 20px;     border-radius: 6px; } h2 {     margin: 24px 0;     color: #433f42;     font-size: 22px;     line-height: 26px;     font-weight: 700;     max-width: 780px; }  p {     font-size: 16px;     line-height: 28px;     letter-spacing: 0;     color: #645e62;     margin: 20px 0 0; }  .main__content a {     color: #c1001b;     font-size: 14px;     font-style: normal;     line-height: 18px;     text-decoration: none; }  .main__content a:hover {     text-decoration: underline;     color: #e53600; }  table {     width: 100%;     background: #fff;     font-size: 13px;     border-radius: 6px;     padding: 20px;     box-shadow: 0 1px 6px rgba(0, 0, 0, .16);     margin: 15px 0;     border-collapse: collapse; }  td p {     color: #645e62;     line-height: 18px;     font-size: 13px;     text-transform: capitalize;     margin: 0 0 2px; }  td, th {     padding: 20px; }  td .green-span {     line-height: 18px;     font-size: 13px;     text-transform: capitalize; }  td:first-child a {     font-weight: 600; }  td:last-child {     text-align: center; }  td button, .logo__casino button {     background: none;     border: none;     padding: 0;     text-align: center; } td button a, .logo__casino button a {     display: block;     background: #920071;     text-align: center;     width: 110px;     border-radius: 20px;     font-size: 12px;     color: #fff !important;     line-height: 20px;     height: 40px;     vertical-align: middle;     padding: 10px;     font-weight: 700;     transition: .2s ease-out;     text-decoration: none; }  tr {     display: table-row; }  tbody tr {     border-top: #ebebeb 1px solid; }  td button a:hover {     background: #e500a7;     color: #fff;     transition: .3s ease-in;     text-decoration: none !important; }  .main__content ul, .main__content ol {     line-height: 28px; }  .main__content li::marker {     color: #920071; }  .footer {     padding: 32px 0 0;     background: #e53600; }  .footer .container {     max-width: 1170px;     width: 100%;     margin: 0 auto; }  .footer__wrapper {     padding: 32px 1% 31px;     background: 0 0;     color: #fff;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-pack: justify;     -ms-flex-pack: justify;     justify-content: space-between;     align-items: center; }  .footer__logo__block {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column;     -webkit-box-flex: 1;     -ms-flex-positive: 1;     flex-grow: 1;     margin-right: 0; }  .footer__logo__link img {     width: 227px;     height: 18px;     background-size: contain;     margin: 0 0 0 6px; }  .footer-social {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     margin-top: 32px;     margin-left: 6px; }  .social_link {     width: 40px;     height: 40px;     background: #fff;     box-shadow: 0 1px 3px rgba(0, 0, 0, .16);     border-radius: 50%;     display: -webkit-box;     display: -ms-flexbox;     display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     -webkit-box-pack: center;     -ms-flex-pack: center;     justify-content: center;     -ms-flex-negative: 0;     flex-shrink: 0;     margin: 0 0 0 20px; }  .footer-social .col svg {     width: 1.3em;     height: 1.2em; }  .footer__navigate {     text-align: left;     width: fit-content;     margin: 22px 0 0 10px;     flex-grow: 1; }  .footer__navigate-holder {     display: -webkit-box;     display: -ms-flexbox;     display: flex;     margin: 0 0 18px;     flex-wrap: wrap;     justify-content: space-between;     gap: 60px; }  .footer__navigate dl:first-child {     margin: 0; }  .footer__navigate dt {     font-size: 16px;     font-weight: 700;     line-height: 31px;     margin: 0 0 22px; }  .footer__navigate dd {     margin: 0 0 15px; }  .footer__navigate a {     color: #fff;     text-decoration: none;     white-space: nowrap;     font-size: 13px; }  .footer__navigate a:hover {     text-decoration: underline; }  .footer__navigate-bottom img {     width: 290px; }  .footer-disclaimer {     margin-top: 16px;     padding: 16px;     color: rgba(255, 255, 255, .9);     font-size: 13px;     font-style: normal;     font-weight: 400;     line-height: 20px;     border-radius: 6px;     background: rgba(133, 29, 110, .19); }  .footer-disclaimer span {     display: block; }  .footer-disclaimer a {     color: #fff;     text-decoration: underline; }  .footer-disclaimer span:nth-child(2) {     font-weight: 600;     margin-top: 16px; }  .footer-disclaimer-links {     display: flex;     margin-top: 16px; }  .footer-disclaimer-links a {     margin-right: 24px; }  .footer-disclaimer-links a:hover {     text-decoration: underline; }  .copyright {     white-space: nowrap;     background-color: #b81313;     height: 50px;     color: #fff;     text-align: center;     line-height: 50px;     font-size: 12px; } @media (max-width: 1470px) {   .main__banner {       padding: 20px 0;   } } @media (max-width: 860px) {     .main__banner {         background-position: left !important;       margin-top: 50px;     }     .main__banner:after {         background: rgba(255, 255, 255, .8);     }     .main__banner__wrapper {         flex-direction: column;         gap: 0;     }     .footer__wrapper {         flex-direction: column;     }      .footer__logo__block {         margin: 0;     }      .open-menu-holder {         width: 51px;         height: 40px;         border: 2px solid #c1001b;         border-radius: 20px;         display: flex;         align-items: center;         margin-left: 8px;         justify-content: center;     }      .header__top .container {         display: flex;         justify-content: space-between;         align-items: center;         gap: 22px;     }      .open-menu {         position: relative;         width: 21px;         padding-top: 12px;         font-size: 14px;         color: #fff;         transition: transform .3s ease;         -webkit-transition: transform .3s ease;         z-index: 9;         cursor: pointer;         display: block;         -ms-flex-negative: 0;         flex-shrink: 0;     }     .open-menu span, .open-menu:after, .open-menu:before {         position: absolute;         top: 5px;         left: 0;         right: 0;         border-top: 1px solid #fff;         border-bottom: 1px solid #fff;         border-radius: 10px;         transition: border-top-color .3s ease;         -webkit-transition: border-top-color .3s ease;     }     .open-menu:before {         content: "";         top: 0;     }      .open-menu:after {         content: "";         top: 0;         top: 10px;     }     .nav {         display: none;         height: auto;         padding: 20px 0;     }     .nav.open {         display: block;     }     .nav__list {         height: auto;         display: block;     }     .nav__item {         display: block;     }     .nav__link {         justify-content: flex-start;         padding: 20px 0;     }     .logo {         height: 35px;     }     .logo__link {         display: block;         height: 100%;     }     .logo__link img {         height: 100%;     }     .main {         margin-top: 50px;     }     .header__top {         padding: 5px 0;     }     .nav__item {         display: block;         position: relative;     }     .nav__item:hover .menu-list {         display: block;         height: 400px;         overflow-y: scroll;     }     .menu-list-col {         margin-bottom: 10px;     } }  @media (max-width: 510px) {     .welcome p,     .logo__casino__image{         margin: 0;         padding: 0 10px;     }     .logo__casino__image img {       object-fit: contain;   	}     .main__banner__wrapper {         gap: 0;     }     .main__banner {         padding: 20px 0;     }     .logo__casino {         margin-top: 10px;     }     .box_content-col {         width: calc(50% - 10px);     }     .box_content-col:not(:nth-of-type(3n)) {         margin-right: 0;     }     .box_content-col:not(:nth-of-type(2n)) {         margin-right: 10px;     }     .row_boxes {         justify-content: space-between;     }     td, th {         padding: 20px 10px;     }     .footer-disclaimer-links {         flex-wrap: wrap;         gap: 20px;     }  } @media (max-width: 460px) {     .footer__wrapper {         display: block;     }     .footer__navigate {         width: auto;         margin: 22px 0 0 0;     }     .logo {         min-width: 185px;     }     td, th {         padding: 20px 5px;     }     td:first-child a,     td a {         font-size: 13px !important;     }     td,     td p {         font-size: 12px;     }     td button a {         width: 60px;     }     td, th {         padding: 10px 5px;     } }  .scroll-to-top-btn {     background: no-repeat center;     display: none;     position: relative;     width: 60px;     height: 60px;     border-radius: 50%;     position: fixed;     z-index: 9999;     right: 15px;     bottom: 15px;     font-size: 24px;     background: #fff;     box-shadow: 0 1px 3px rgba(0, 0, 0, .16); }  .scroll-to-top-btn  svg {     position: absolute;     top: 50%;     left: 50%;     -webkit-transform: translate(-50%, -50%);     -moz-transform: translate(-50%, -50%);     -ms-transform: translate(-50%, -50%);     -o-transform: translate(-50%, -50%);     transform: translate(-50%, -50%); } .cookieWrap {     position: fixed;     bottom: 60px;     left: 50%;     -webkit-transform: translateX(-50%);     transform: translate(-50%);     display: -webkit-box;     display: -ms-flexbox;     display: none;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;     gap: 16px;     width: 85%;     max-width: 512px;     min-height: 72px;     padding: 16px;     -webkit-backdrop-filter: blur(27.1828174591px);     backdrop-filter: blur(27.1828174591px);     border-radius: 6px;     z-index: 1000;     background: rgba(0, 0, 0, 0.60);     box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.45);     border: 1px solid #2a2a2a; } .mainBtn {     display: inline-block;     padding: 12px 26px;     border: none;     border-radius: 5px;     font-weight: 700;     text-align: center;     font-size: 14px;     line-height: 14px;     cursor: pointer;     outline: none;     background: #c1001b;     color: #ffffff;     margin-left: auto;     margin-top: 0; } .mainBtn:hover {   background: #e53600; } .author, .author__wrapp {     display: flex;     justify-content: space-between;     align-items: center;     gap: 20px; } .author {     margin-top: 22px;     background: #f3f3f3;     margin-left: -20px;     margin-right: -20px;     padding: 15px;     flex-wrap: wrap; } .author__img {     padding: 5px;     border-radius: 50%;     background: #ffffff; } .author__wrapp img {     width: 50px;     height: 50px; } .author__wrapp p span {     font-weight: bold; }   .author p {     margin: 0; } .logo__casino button a {     display: flex;     flex-direction: column;     height: 55px; } .main__content .button {     display: contents;     background: none;     border: none; } .main__content .button a {   display: block;   background: #920071;   color: #fff;   font-size: 16px;   padding: 15px 5px;   border-radius: 10px; } .main__content .button a:hover {     background: #e500a7;     color: #fff;     transition: .3s ease-in;     text-decoration: none !important; }   /* Update blocks style main all section*/ .details-box {     background: #fff 0 0 no-repeat padding-box;     box-shadow: 0 1px 6px rgba(0, 0, 0, .16);     border-radius: 6px;     margin-bottom: 20px;     padding: 30px; } .details-box h3 {     font: normal normal bold 18px / 27px "Open Sans", sans-serif;     letter-spacing: 0;     color: #433f42;     margin: 0 0 20px; }  .detail-box-list {     list-style: none;     padding: 0; } .detail-box-list li:not(:last-of-type) {     border-bottom: 1px solid #e3e3e3;     padding-bottom: 15px;     margin-bottom: 15px; } .detail-box-list li .detail-box-title {     display: block;     font: normal normal 600 12px / 16px "Open Sans", sans-serif;     letter-spacing: 0;     color: #867e84;     text-transform: uppercase;     margin-bottom: 6px; } .detail-box-list li .detail-box-item {     font: normal normal 600 14px / 24px "Open Sans", sans-serif;     letter-spacing: 0;     color: #535353;     word-break: break-word; } .detail-box-flex {     list-style: none;     padding: 0;     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 20px; } .detail-box-flex img {     width: 151px; } .detail-box-flex a {     display: block;     text-align: center; }  @media (max-width: 415px) {     .detail-box-flex {         grid-template-columns: repeat(1, 1fr);     } } /* Update blocks style main all section end*/  /* Update blocks style software section*/ .software {     grid-template-columns: repeat(3, 1fr); } .software li {     text-align: center; } .software img {     width: 90px;     height: 60px; } @media (max-width: 570px) {     .software {         grid-template-columns: repeat(2, 1fr);     } } @media (max-width: 415px) {     .software {         grid-template-columns: repeat(1, 1fr);     } } /* Update blocks style software section end*/  /* Update blocks style types and banking and sport section*/ .types .detail-box-item {     display: grid;     grid-template-columns: repeat(6,  16.6%);     text-align: center; } .types .detail-box-item img {     margin: 0 auto; }  .banking .detail-box-item {     grid-template-columns: repeat(5,  16.6%);     gap: 20px; } .banking--height {     height: 110px;     overflow: hidden; } .banking--height.open {     height: 100%; } .types .no-grid {     display: inline-block;     text-align: left; } .types .no-display {     display: none; }  .types .no-display.open {     display: list-item; }  @media (max-width: 570px) {     .banking .detail-box-item {         grid-template-columns: repeat(3, 1fr);     } } @media (max-width: 414px) {     .banking .detail-box-item {         grid-template-columns: repeat(2, 1fr);     } } .detali-btn {     color: #c1001b;     cursor: pointer; } .detali-btn:hover {   color: #e53600; }  .sport .detail-box-item {     gap: 20px;     grid-template-columns: repeat(6, 14%); }  @media (max-width: 670px) {     .sport .detail-box-item {         grid-template-columns: repeat(4, 1fr);     } } @media (max-width: 460px) {     .sport .detail-box-item {         grid-template-columns: repeat(2, 1fr);     } } /* Update blocks style types and banking and sport section end*/  /* Update blocks style Bonuslar section*/ .detail-box-list-num li {     margin-bottom: 15px; }  .title__bonuses {     display: flex;     align-items: center;     gap: 5px; } .detail-box-list .title__bonuses .detail-box-title {     margin: 0; } .title__bonuses svg {     width: 30px;     height: 30px; }  .detail-box-list-num {     border-bottom: 1px solid #e3e3e3; } /* Update blocks style Bonuslar section end*/ /* Update blocks style Support section end*/ .db4 .detail-box-list li .detail-box-item {     display: flex;     align-items: center; }  .detail-box-item svg {     width: 20px;     height: 15px;     margin-right: 8px; } /* Update blocks style Support section end*/ /* Update blocks style pros cons section*/ .details-box__wrapp li {     display: flex;     align-items: center; } .details-box__wrapp svg {     max-width: 16px;     max-height: 16px;     margin-right: 8px;     width: 100%;     height: 100%; }  .pros-cons {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 20px }  .details-box__wrapp h3 {     color: #4a5b68;     font-size: 12px;     font-weight: 700;     line-height: 16px;     text-transform: uppercase; }  @media (max-width: 810px) {     .pros-cons {         grid-template-columns: repeat(2, 1fr);     } } @media (max-width: 530px) {     .pros-cons {         grid-template-columns: repeat(1, 1fr);     } } /* Update blocks style pros cons section end*/  /*update review*/  .logo__casino__btn {   position: relative;   z-index: 99;   display: flex;   justify-content: center;   max-width: 1170px;   margin: 0 auto; } .logo__casino__btn button a:hover {   background: linear-gradient(177deg, #880303 1.96%, #fb3c3c 98.23%); } .logo__casino__btn button {   background: none;   border: none;   padding: 0;   text-align: center;   margin: 20px 0 0;   max-width: 570px;   width: 100%; } .logo__casino__btn button a {   background: linear-gradient(177deg, #fb3c3c 1.96%, #880303 98.23%);   text-align: center;   width: 100%;   border-radius: 20px;   font-size: 12px;   color: #fff !important;   line-height: 15px;   vertical-align: middle;   padding: 5px;   font-weight: 700;   transition: .2s ease-out;   text-decoration: none;   display: flex;   flex-direction: column; } .rating {   color: #fff;   margin: 0;   position: relative;   display: flex;   align-items: center;   font-size: 14px;   justify-content: center;   border-radius: 20px;   padding: 13px 17px;   text-decoration: none;   flex-direction: column; } .rating p {   margin: 0; } .rating p:last-child {   font-size: 12px; } .rating p span {   font-size: 12px; }  /*Screenshots start*/ .screenshots h2 {   margin-bottom: 0; } .image-grid {     display: flex;     justify-content: center;     gap: 10px;     padding: 20px; }  .thumbnail {   width: 100%;   height: 250px;   cursor: pointer;   object-fit: cover; }  .slider {     position: fixed;     top: 0;     left: 0;     width: 100%;     height: 100%;     background-color: rgba(0, 0, 0, 0.9);     display: flex;     flex-direction: column;     justify-content: center;     align-items: center;     z-index: 101; }  .hidden {     display: none; }  .slider-image {     max-width: 90%;     max-height: 80%; }  .controls {     margin-top: 20px; }  .prev, .next {   position: absolute;   top: 50%;   cursor: pointer;   background: none;   border: none;   transform: translateY(-50%); } .prev {   left: 12px; } .next {   right: 12px; }  .prev svg, .next svg {   height: 100px;   width: 60px; } .next svg {   transform: rotate(180deg); } .close {     position: absolute;     top: 20px;     right: 20px;     font-size: 30px;     color: white;     cursor: pointer; } .image-grid--inner {   position: relative;   width: 50%;   cursor: pointer; } .image-grid--inner svg {   position: absolute;   display: block;   top: 10px;   right: 10px;   width: 24px;   height: 24px; } .image-grid--inner:after {   content: '';   display: none;   border-radius: 2px;   bottom: 0;   left: 0;   position: absolute;   right: 0;   top: 0;   width: 100%;   align-items: center;   justify-content: center;   backdrop-filter: blur(5px);   background: rgba(0, 0, 0, .4); }  .image-grid--inner:hover:after {   display: flex; }   .image-grid--inner:hover svg {   position: absolute;   display: block;   top: 10px;   right: 10px;   width: 40px;   height: 40px;   z-index: 10;   right: 43%;   top: 43%; } @media only screen and (max-width: 875px) {  .image-grid {    flex-wrap: wrap;  }  .image-grid--inner {   	width: 49%;  } } @media only screen and (max-width: 460px) {   .image-grid {     display: flex;     justify-content: center;     gap: 10px;     padding: 20px;     flex-direction: column;   }   .image-grid--inner {     position: relative;     width: 100%;   } }   /*Screenshots done*/