/* New Css Start 28 Oct 2026 */


.slotai .slot-features h3 {margin-bottom:7px; font-size:20px;}
.slotai .slot-challenges {background:#fff !important;}
.slotai .slot-challenges .Challenges_Box p span {font-size:17px; margin-bottom:8px; display:inline-block;}
.slotai .slot-challenges .Challenges_Box p {margin-bottom:8px !important;}
.slotai .New_Design .Challenges .Challenges_Box {background-color:#efe9ff45;}
.slotai .New_Design .Challenges .Challenges_Box_2 {background-color:#fff0cb33;}
.slotai .New_Design .Challenges .Challenges_Box_3 {background-color:#cbe5ff3d;}
.slotai .slot-directions {padding:30px 15px; background:#0e202b; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.slotai .directions-box {max-width:1600px; margin:auto; padding:45px 32px 38px; border:1px solid rgba(140, 175, 196, .24); border-radius:30px; background:radial-gradient(ellipse at 50% 75%, rgba(19, 87, 190, .38) 0%, rgba(15, 52, 92, .15) 38%, transparent 70%), linear-gradient(135deg, #112b3a 0%, #142b39 50%, #102633 100%);}
.slotai .direction-card {height:100%; padding:26px 12px 18px; text-align:center; border-radius:6px; transition:transform .3s ease; background:#3a3fca; min-height:324px; margin-bottom:28px;}
.slotai .slot-Directions {background:linear-gradient(to right,#2e5cfd 0,#7639f9 100%) !important;}
.slotai .direction-card:hover {transform:translateY(-5px);}
.slotai .direction-icon {width:84px; height:84px; margin:0 auto 17px; display:flex; align-items:center; justify-content:center; color:#f2fbff; border:1px solid rgba(154, 191, 210, .35); border-radius:6px; background:linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(0, 180, 207, .10)); box-shadow:inset 0 0 15px rgba(105, 219, 255, .04), 0 0 20px rgba(0, 145, 255, .05); transition:all .3s ease;}
.slotai .direction-icon svg {width:39px; height:39px; filter:drop-shadow(0 0 5px rgba(99, 211, 255, .2));}
.slotai .direction-card:hover .direction-icon {border-color:rgba(74, 174, 255, .7); background:rgba(26, 115, 190, .2); box-shadow:0 0 25px rgba(0, 140, 255, .15);}
.slotai .direction-card h3 {color:#f8fafc; line-height:1.4; margin:0 0 10px;}
.slotai .direction-card p {color:#ffffffba; font-size:15.5px; text-align:left;}
.slotai .SlotGame_Box {margin-bottom:26px; display:flex; border-radius:7px; overflow:hidden; transition:all .3s ease;}
.slotai .SlotGame_Box:hover {box-shadow:0 0 20px rgba(0, 140, 255, .15); cursor:pointer; transform:translateY(-3px);}

.slotai .Explore_New {background:linear-gradient(to right,#2e5cfd 0,#7639f9 100%) !important; padding:30px 15px; color:#fff; border-radius:10px; margin-bottom:30px;}
.slotai .ExploreNewhd {margin-bottom:20px;}
.slotai .Explore_New_row {padding-bottom:0px;}
.slotai .Details_Item_P {min-height:130px !important;}
.slotbannerimg {border-radius:9px; overflow:hidden; display:flex;}

.slotai .mb-0 {margin-bottom:0px;}
.hoverdemo .SlotGame_Box {position:relative; overflow:hidden; cursor:pointer;}
.hoverdemo .SlotGame_Box img {width:100%; height:auto; display:block; transition:transform 0.4s ease;}
.hoverdemo .SlotGame_Box::after {content:""; position:absolute; inset:0; background:rgba(0, 0, 0, 0.6); opacity:0; transition:opacity 0.3s ease; z-index:1;}
.hoverdemo .SlotGame_Box .playnow {position:absolute; top:50%; left:50%; transform:translate(-50%, -40%); opacity:0; z-index:2; transition:all 0.3s ease;}
.hoverdemo .SlotGame_Box .playnow span {display:inline-block; padding:8px 20px; color:#fff; background:#4c35f5; border:1px solid #7565ff; border-radius:6px; font-size:15px; font-weight:600; white-space:nowrap; transition:background 0.3s ease;}
.hoverdemo .SlotGame_Box:hover::after {opacity:1;}
.hoverdemo .SlotGame_Box:hover .playnow {opacity:1; transform:translate(-50%, -50%);}
.hoverdemo .SlotGame_Box:hover img {transform:scale(1.05);}
.hoverdemo .SlotGame_Box .playnow span:hover {background:#3520d8;}

.slotai .GameDemo_sec .direction-card{min-height: auto;}

@media (max-width: 1167px) {
.slotai .direction-card{min-height: 374px;}
/* .slotai .Details_Item_P { min-height: 167px !important;} */
.New_Design .new-main-hedding h2{line-height: normal;}
}


@media (max-width: 991px) {
.slotai .col-sm-3{width: 33.33333333%; margin-bottom: 28px;}
}

@media (max-width: 768px) {
.slotai .col-sm-7{width: 100%;}
.slotai .col-sm-5{width: 100%;}
.slotai .col-sm-6{width: 100%;}
.slotai .col-sm-3{width: 50%;}
.slotai .Features_Img{text-align: center; margin-bottom: 20px;}
/* .slotai .New_Design .new-main-hedding h2{font-size: 28px !important;} */
.hoverdemo .SlotGame_Box{margin: auto;}
}




@media (min-width: 768px) {
.slotai .directions-box .row {row-gap:20px !important;}
}

@media (max-width: 767px) {
.slotai .slot-directions {padding:18px 10px;}
.slotai .directions-box {padding:35px 14px 25px; border-radius:20px;}
.slotai .direction-card {padding:12px 12px 20px;}
.slotai .direction-card h3 {font-size:20px;}
.slotai .direction-card p {font-size:14px;}
.slotai .Features .Features_Content{margin-right: 0px;}
.slotai .col-sm-7.banner_left_content p{text-align: left !important;}
}

@media (max-width: 567px) {
.slotai .col-sm-3{width: 100%;}
.New_Design p {text-align:left;}
.slotai .direction-card{min-height: 254px !important;}
}

.slotai .row {display:flex; flex-wrap:wrap; align-items:stretch;}
.slotai .row > .col-sm-4 {display:flex; margin-bottom:24px;}
.slotai .direction-card {width:100%; height:100%; min-height:324px; margin-bottom:0; box-sizing:border-box;}

/* New Css End 28 Oct 2026 */

 .New_Design .new-main-hedding h2 {font-size:34px;}
 .New_Design .Details .Details_Item {background-color:#032152; border-radius:15px; padding-top:19px; box-shadow:0 0 5px #ccc; overflow:hidden; margin-bottom:28px;}
 .New_Design .Details .Details_Item .Details_Item_Hd h3 {color:#fff; font-size:20px; margin-bottom:16px;}
 .New_Design .Details .Details_Item .Details_Item_P {background-color:#fff; border-radius:0px; padding:18px 11px; min-height:80px; border-top-left-radius:15px; border-top-right-radius:15px;}
 .New_Design .Details .Details_Item .Details_Item_P p {margin-bottom:0; color:#000; text-align:left;}
 .New_Design .Features {background:#f1f5fb;}
 .New_Design p {font-size:16px;}
 .New_Design .Features .Features_Content {margin-right:30px;}
 .New_Design .Features .Features_Img img {border-radius:20px;}
 .New_Design .List_Items li {line-height:42px; font-size:16px; position:relative; padding-left:30px;}
 .New_Design .List_Items li::after {content:""; position:absolute; top:12px; left:0; background:url(../images/check.png) no-repeat; background-size:18px; width:100%; height:100%; filter:brightness(0.5);}
 .New_Design .Challenges {background:#f1f5fb;}
 .New_Design .Challenges .Challenges_Box {background-color:#efe9ff; border:1px solid #c6bae6; border-bottom:3px solid #c6bae6; border-top:3px solid #c6bae6; display:flex; flex-direction:column; height:100%; border-radius:10px; font-size:14px; font-weight:500; padding:16px 16px; min-height:250px; margin-bottom:30px;}
 .New_Design .Challenges .Challenges_Box_2 {background-color:#fff0cb; border:1px solid #ffe6a9; border-bottom:3px solid #ffe6a9; border-top:3px solid #ffe6a9;}
 .New_Design .Challenges .Challenges_Box_3 {background-color:#cbe5ff; border:1px solid #a9d3fd; border-bottom:3px solid #a9d3fd; border-top:3px solid #a9d3fd;}
 .New_Design .Challenges .Challenges_Box_4 {background-color:#ccffec; border:1px solid #b5ead6; border-bottom:3px solid #b5ead6; border-top:3px solid #b5ead6;}
 .New_Design .Challenges .Challenges_Box_5 {background-color:#fce4ec; border:1px solid #f3cfdb; border-bottom:3px solid #f3cfdb; border-top:3px solid #f3cfdb;}
 .New_Design .Challenges .Challenges_Box p {margin-bottom:0px; text-align:left; font-size:15px;}
 .New_Design .Challenges .Challenges_Box h4 {font-size:15px; line-height:normal;}
 .New_Design .Challenges .Challenges_Box .border-seprator {display:inline-block; text-align:center; margin:17px auto; height:3px; background-color:rgb(80 80 80 / 19%); width:35%; position:relative;}
 .New_Design .Challenges .Challenges_Box .border-seprator::before {content:''; height:8px; width:8px; background-color:rgb(80 80 80 / 19%); position:absolute; left:-8px; border-radius:50%; top:50%; transform:translateY(-50%);}
 .New_Design .Challenges .Challenges_Box .border-seprator::after {content:''; height:8px; width:8px; background-color:rgb(80 80 80 / 19%); position:absolute; right:-8px; border-radius:50%; top:50%; transform:translateY(-50%);}