body {   font-family: "Poppins", sans-serif;   color: #0c0c0c;   background-color: #ffffff;   width: 100%;     max-width: 100%;     overflow-x: hidden; }  .layout_padding {   padding-top: 90px;   padding-bottom: 90px; }  .layout_padding2 {   padding-top: 45px;   padding-bottom: 45px; }  .layout_padding2-top {   padding-top: 45px; }  .layout_padding2-bottom {   padding-bottom: 45px; }  .layout_padding-top {   padding-top: 90px; }  .layout_padding-bottom {   margin-top: 130px;   padding-bottom: 90px; }  .heading_container {   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-align: start;       -ms-flex-align: start;           align-items: flex-start;   text-align: center; }  .heading_container h2 {   position: relative;   font-weight: bold;   text-transform: uppercase; }  /*header section*/ .hero_area {   height: 98vh;   position: relative;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-orient: vertical;   -webkit-box-direction: normal;       -ms-flex-direction: column;           flex-direction: column;   background-image: url(/shared/empty.gif);   background-size: cover;   background-position: bottom; }  .sub_page .hero_area {   height: auto;   background: none;   background-color: #371e71; }  .sub_page .footer_bg {   background: none;   background-color: #371e71; }  .sub_page .footer_bg .info_section {   padding-top: 90px; } .header_section {   position: fixed;   top: 0;   width: 100%;   background: linear-gradient(90deg, #1e1a56, #2e1a5d, #371e73);   z-index: 9999; } .header_section .container {   padding: 0; }  .header_section .nav_container {   margin: 0 auto; }  .custom_nav-container .navbar-nav .nav-item .nav-link {   padding: 7px 20px;   margin: 10px 15px;   color: #ffffff;   text-align: center;   border-radius: 6px;   text-transform: uppercase;   font-size: 15px; }  .custom_nav-container .navbar-nav .nav-item.active .nav-link, .custom_nav-container .navbar-nav .nav-item:hover .nav-link {   background-color: #582fd7; }  a, a:hover, a:focus {   text-decoration: none; }  .btn, .btn:focus {   outline: none !important;   -webkit-box-shadow: none;           box-shadow: none; }  .custom_nav-container .nav_search-btn {   background-image: url(/shared/empty.gif);   background-size: 22px;   background-repeat: no-repeat;   background-position-y: 7px;   width: 35px;   height: 35px;   padding: 0;   border: none; }  .navbar-brand span {   font-size: 24px;   font-weight: 700;   color: #ffffff;   text-transform: uppercase; } .navbar-brand {     width: 200px !important;     height: auto !important; } .navbar-brand img {   width: 100%; } .custom_nav-container {   z-index: 99999; }  .navbar-expand-lg .navbar-collapse {   -webkit-box-align: end;       -ms-flex-align: end;           align-items: flex-end; }  .custom_nav-container .navbar-toggler {   outline: none; }  .custom_nav-container .navbar-toggler {   padding: 0;   width: 37px;   height: 42px; }  .custom_nav-container .navbar-toggler span {   display: block;   width: 35px;   height: 4px;   background-color: #ffffff;   margin: 7px 0;   -webkit-transition: all .3s;   transition: all .3s; }  .custom_nav-container .navbar-toggler[aria-expanded="true"] .s-1 {   -webkit-transform: rotate(45deg);           transform: rotate(45deg);   margin: 0;   margin-bottom: -4px; }  .custom_nav-container .navbar-toggler[aria-expanded="true"] .s-2 {   display: none; }  .custom_nav-container .navbar-toggler[aria-expanded="true"] .s-3 {   -webkit-transform: rotate(-45deg);           transform: rotate(-45deg);   margin: 0;   margin-top: -4px; }  .custom_nav-container .navbar-toggler[aria-expanded="false"] .s-1, .custom_nav-container .navbar-toggler[aria-expanded="false"] .s-2, .custom_nav-container .navbar-toggler[aria-expanded="false"] .s-3 {   -webkit-transform: none;           transform: none; }  .slider_section {   -webkit-box-flex: 1;       -ms-flex: 1;           flex: 1;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   position: relative;   z-index: 2;   color: #3b3a3a;   padding-bottom: 90px; }  .slider_section .row {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center; }  .slider_section div#carouselExampleIndicators {   width: 100%;   position: unset; }  .slider_section .detail_box {   color: #ffffff; }  .slider_section .detail_box h1 span {   color: #fbb03b; }  .slider_section .detail_box p {   margin-top: 20px; }  .slider_section .detail_box a {   display: inline-block;   padding: 10px 45px;   background-color: #582fd7;   color: #ffffff;   border-radius: 5px;   margin-top: 35px; }  .slider_section .detail_box a:hover {   background-color: #6944db; }  .slider_section .img-box img {   width: 100%; }  .slider_section .slider_number-container {   position: absolute;   top: 8%;   left: 10%;   display: -webkit-box;   display: -ms-flexbox;   display: flex; }  .slider_section .carousel_btn-container {   width: 95px;   position: absolute;   bottom: 120px;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: justify;       -ms-flex-pack: justify;           justify-content: space-between;   right: 50%;   z-index: 999;   -webkit-transform: translateX(50%);           transform: translateX(50%); }  .slider_section .carousel_btn-container .carousel-control-prev, .slider_section .carousel_btn-container .carousel-control-next {   position: relative;   width: 45px;   height: 45px;   border: none;   border-radius: 100%;   opacity: 1;   background-repeat: no-repeat;   background-size: 8px;   background-position: center; }  .slider_section .carousel_btn-container .carousel-control-prev {   background-image: url(/shared/empty.gif);   background-color: #ffffff; }  .slider_section .carousel_btn-container .carousel-control-next {   background-image: url(/shared/empty.gif);   background-color: #582fd7; }  .service_section {   text-align: center; }  .service_section .heading_container {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center; }  .service_section .service_container {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   padding: 35px 0;   -ms-flex-wrap: wrap;       flex-wrap: wrap; }  .service_section .service_container .box {   margin: 25px 1%;   -ms-flex-preferred-size: 31%;       flex-basis: 31%;   border: 1px solid #d7d6d6;   padding: 45px 25px 25px; }  .service_section .service_container .box .img-box {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   background-color: #ffffff;   border-radius: 15px; }  .service_section .service_container .box .img-box img {   width: 75px; }  .service_section .service_container .box .img-box .img2 {   display: none; }  .service_section .service_container .box .detail-box {   margin-top: 25px; }  .service_section .service_container .box .detail-box h5 {   font-weight: 600;   position: relative; }  .service_section .service_container .box:hover .img-box .img1, .service_section .service_container .box.active .img-box .img1 {   display: none; }  .service_section .service_container .box:hover .img-box .img2, .service_section .service_container .box.active .img-box .img2 {   display: inline-block; }  .service_section .btn-box {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center; }  .service_section .btn-box a {   display: inline-block;   padding: 10px 35px;   background-color: #582fd7;   color: #ffffff;   border-radius: 5px; }  .service_section .btn-box a:hover {   background-color: #6944db; }  .about_section {   background-color: #f8f7fb; }  .about_section .img-box {   margin-left: 10%;   margin-right: 5%; }  .about_section .img-box img {   width: 100%; }  .about_section .detail-box {   margin-right: 15%; }  .about_section .detail-box p {   margin-top: 25px; }  .about_section .detail-box a {   border-radius: 5px;   margin: 25px 0 45px 0; }  .ref{ 	 display: inline-block;   padding: 10px 35px;   background-color: #582fd7;   color: #ffffff;   display: block;   text-align: center;   margin-top: 15px; } .fortuneimg{ 		display: block; 	margin: 0 auto; }  .portfolio_section .heading_container {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center; }  .portfolio_section .col-md-4 {   padding: 0; }  .portfolio_section .img-box {   position: relative;   margin: 10px; }  .portfolio_section .img-box img {   width: 100%; }  .portfolio_section .img-box a {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   position: absolute;   opacity: 0;   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   width: 50px;   height: 50px;   border-radius: 100%;   background-color: #ffffff;   top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);           transform: translate(-50%, -50%);   -webkit-transition: opacity 0.2s;   transition: opacity 0.2s; }  .portfolio_section .img-box a img {   width: 20px;   opacity: 0;   -webkit-transition: opacity 0.2s;   transition: opacity 0.2s; }  .portfolio_section .img-box::before {   content: "";   position: absolute;   top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);           transform: translate(-50%, -50%);   width: 0;   height: 0;   background-color: rgba(37, 28, 229, 0.8);   border-radius: 7px;   -webkit-transition: all 0.1s;   transition: all 0.1s; }  .portfolio_section .img-box:hover::before {   width: 90%;   height: 90%; }  .portfolio_section .img-box:hover a {   opacity: 1; }  .portfolio_section .img-box:hover a img {   opacity: 1; }  .portfolio_section .btn-box, .btn-box__content {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   margin-top: 55px; } .btn-box__content {   margin: 0 0 15px; } .portfolio_section .btn-box a, .btn-box__content a {   display: inline-block;   padding: 10px 35px;   background-color: #582fd7;   color: #ffffff;   border-radius: 5px; } .btn-box__content a {     color: #9ac7f7;     width: 100%;     text-align: center; } .portfolio_section .btn-box a:hover, .btn-box__content a:hover {   background-color: #6944db; }  /* contact section */ .contact_section .heading_container {   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center; }  .contact_section .contact-form {   padding: 25px;   border-radius: 20px; }  .contact_section .contact-form input {   border: none;   outline: none;   background-color: transparent;   width: 100%;   margin: 15px 0;   padding: 10px 20px;   border: 1px solid rgba(0, 0, 0, 0.4);   border-radius: 30px; }  .contact_section .contact-form input.input_message {   height: 175px; }  .contact_section .contact-form input::-webkit-input-placeholder {   color: #3d3c3c; }  .contact_section .contact-form input:-ms-input-placeholder {   color: #3d3c3c; }  .contact_section .contact-form input::-ms-input-placeholder {   color: #3d3c3c; }  .contact_section .contact-form input::placeholder {   color: #3d3c3c; }  .contact_section .contact-form button {   border: none;   outline: none;   display: inline-block;   padding: 10px 45px;   background-color: #582fd7;   color: #ffffff;   border-radius: 5px;   text-transform: uppercase;   margin-top: 25px; }  .contact_section .contact-form button:hover {   background-color: #6944db; }  /* end contact section */ .footer_bg {   background-image: url(/shared/3578/footer-bg.png);   background-size: cover;   background-position: top; }  .info_section {   color: #ffffff;   padding-top: 195px;   padding-bottom: 75px; }  .info_section h5 {   margin-bottom: 25px;   font-size: 24px; }  .info_section .info_insta .insta_container > div {   display: -webkit-box;   display: -ms-flexbox;   display: flex; }  .info_section .info_insta .insta_container img {   width: 100%; }  .info_section .info_insta .insta_container .insta-box {   margin: 5px;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-align: stretch;       -ms-flex-align: stretch;           align-items: stretch;   background-color: #ffffff;   padding: 10px 20px; }  .info_section .info_contact .img-box {   width: 35px;   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center; }  .info_section .info_contact p {   margin: 0; }  .info_section .info_contact > div {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-align: center;       -ms-flex-align: center;           align-items: center;   margin: 20px 0; }  .info_section .info_contact > div img {   height: auto;   margin-right: 12px; }  .info_section .info_form form input {   outline: none;   width: 100%;   padding: 7px 10px; }  .info_section .info_form form button {   border: none;   display: inline-block;   padding: 8px 30px;   background-color: #582fd7;   color: #ffffff;   border-radius: 0;   margin-top: 15px;   text-transform: uppercase;   font-size: 15px; }  .info_section .info_form form button:hover {   background-color: #6944db; }  .info_section .info_form .social_box {   margin-top: 35px;   width: 100%;   display: -webkit-box;   display: -ms-flexbox;   display: flex; }  .info_section .info_form .social_box a {   margin-right: 25px; }  /* footer section*/ .footer_section {   display: -webkit-box;   display: -ms-flexbox;   display: flex;   -webkit-box-pack: center;       -ms-flex-pack: center;           justify-content: center;   position: relative; }  .footer_section p {   color: #ffffff;   margin: 0 auto;   text-align: center;   padding: 20px;   border-top: 1px solid #ffffff; }  .footer_section a {   color: #ffffff; } .fortuneimg{ 	width: 100%; 	overflow: hidden; } .jackpot{ 	display: contents; 	position: absolute; } .jackpot table  {   font-family: arial, sans-serif;   border-collapse: collapse;   width: 100%;   margin-top: 15px; }  .jackpot td, th {   border: 1px solid #dddddd;   text-align: left;   padding: 8px; } .jackpot table caption{ 	font-size: 16px; }  .breadcrumbs{ 	position:absolute; 	width:390px; 	height:20px; 	margin-top:-32px;  } .listing li{ 	display: inline; 	margin-right: 5px; } .listing li:after{ 	content: ">" } @media (max-width: 992px) {    .hero_area {     height: auto;   }    .slider_section {      padding-top: 75px;     padding-bottom: 150px;    }    .about_section .img-box {     margin: 0 5%;   }    .about_section .detail-box {     margin-right: 5%;   }    .service_section .service_container .box {     -ms-flex-preferred-size: 48%;     flex-basis: 48%;   }   }  @media (max-width: 768px) {     .slider_section .detail_box {     text-align: center;   }    .slider_section .img-box {      margin: 75px 0;    }    .about_section .img-box {     margin: 0;     margin-bottom: 55px;   }    .about_section .detail-box {     margin-right: 0;   }    .contact_section .contact-form {     padding: 25px 0;   }    .info_section .info_contact {      display: flex;     flex-direction: column;     align-items: center;    }    .info_section .info_form .social_box {     justify-content: center;   }    .info_section .info_form .social_box a {     margin: 0 10px;   } }  @media (max-width: 576px) {   .service_section .service_container .box {     -ms-flex-preferred-size: 98%;     flex-basis: 98%;   } }  @media (min-width: 1200px) {   .container {     max-width: 1170px;   } } .contact_section img {   max-width: 100%;   height: auto;   margin: 10px 0; } .btn-up {   	display: inline-flex     align-items: center;     gap: 8px;     background-color: #582fd7;     color: #fff;     font-weight: bold;     border: none;     border-radius: 999px;     padding: 10px 18px;     cursor: pointer;     font-family: sans-serif;     font-size: 14px;     transition: background 0.3s;     position: fixed;     right: 40px;     bottom: 40px; } .cookie-banner { 	position: fixed;     bottom: 20px;     left: 50%;     transform: translateX(-50%);     background: #fff;     border: 1px solid #ccc;     padding: 15px 40px 15px 15px;     box-shadow: 0 2px 6px rgb(55 30 115);     border-radius: 8px;     max-width: 450px;     z-index: 1000; }  .cookie-banner__wrap {     position: relative;     display: flex;     align-items: center;     gap: 10px; }  .cookie-banner__text {     flex: 1;     font-size: 14px;     color: #333; }  .cookie-banner__close {     position: absolute;     top: -10px;     right: -35px;     background: transparent;     border: none;     font-size: 25px;     cursor: pointer;     line-height: 1; }  @media (max-width: 576px) {   .cookie-banner {     max-width: 90%;         width: 100%;   } }  .contact_section a:hover {   background-color: #6944db !important; }  .schemalist ol li > * {   color: #007bff;   text-decoration: none; } .schemalist ol {   list-style: none;   padding: 0;   display: flex;   gap: 5px; } .schemalist ol li > a:hover { 	background-color: transparent !important; } .schemalist ol li { 	display: flex;     align-items: center;     gap: 5px; }  .author-box {   display: flex;   align-items: center;   gap: 20px;   box-shadow: 0 2px 6px rgb(55 30 115);   padding: 15px 40px 15px 15px;   border-radius: 8px;   flex-wrap: wrap; }  .author-box img {   width: 190px;   height: auto;   border-radius: 50%; } .author-box__name {     display: inline-block;     margin-bottom: 5px; } .img-box {   position: sticky;     top: 125px; } table {     table-layout: fixed;     text-align: center;     width: 100%;     border-collapse: collapse; } caption {     padding-top: 0.75rem;     padding-bottom: 0.75rem;     color: #6c757d;     text-align: left;     caption-side: bottom; } .jackpot td, th {     border: 1px solid #dddddd;     text-align: left;     padding: 8px; } .iframe-block {     max-width: 100%;     margin: 0 auto;     width: 100%;     position: relative;     z-index: 0;     margin-bottom: 30px; }  .iframe {     position: relative;     z-index: 100;     margin-bottom: 15px;     width: 100%;     height: 550px; }  .iframe__item {     text-align: center;     position: relative;     width: 100%;     height: 100%; }  .iframe__item::before {     content: "";     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: url('/uploads/3383/pages/36309/36309.jpeg') center center / cover no-repeat;     filter: blur(10px);     z-index: -1; }  #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999;     padding: 10px 20px;     text-transform: uppercase;     cursor: pointer;     transition: all 0.3s ease;     width: 150px;     z-index: 9;     height: 45px;     line-height: 0;     border: none;     border-radius: 3px;  }  #loadIframeBtn:after {     content: '';     top: 10px;     z-index: -1;     right: 0;     bottom: 0;     left: 0;     position: absolute;     box-shadow: 0 6px 5px #645c5c00; }  .show-support {     display: inline-block;     margin: 0 auto;     position: static;     margin-bottom: 20px;     transform: translate(0, 0);     text-align: center;     text-decoration: none; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; } .container {     margin-right: auto !important;     margin-left: auto !important; }