*{padding:0;margin:0;box-sizing:border-box;}
body{font-family:Outfit !important;min-height:100vh;width:100%;color:#281D1B;display:flex;flex-direction:column;margin:0;padding:0;}
input,button{font-family:Outfit !important;}
body.modal-open{overflow:hidden;position:fixed;width:100%;}
h2{font-size:48px;font-weight:700;}
h4{font-size:28px;font-weight:700;}
h5{font-weight:700;font-size:17px;}
p{font-size:15px;font-weight:400;}
a.btn{padding:8px 16px;background:#FF5733;color:#fff;text-decoration:none;border-radius:8px;font-size:15px;font-weight:500;line-height:20px;}

/* Header styling */
header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px 0px 40px;position:fixed;width:100%;top:0;background:#fff;z-index:999;}
input.searchField{background:#281D1B17;border:none;font-weight:400;font-size:15px;line-height:20px;border-radius:56px;height:40px;padding:10px 12px 10px 44px;width:173px;display:flex;align-items:center;}
input.searchField::placeholder{color:#281D1B99;}
.HeadsarchField{background:#FF5733;padding:8px 22px;font-size:15px;line-height:20px;cursor:pointer;font-weight:500;border-radius:48px;text-decoration:none;color:#fff;height:40px;display:flex;align-items:center;}
.HeadsarchField a{text-decoration:none;color:#fff;}
.HeadsarchField.logoutBtn a{display:flex;align-items:center;gap:8px;color:#281D1B;}
button.logout-close-button{gap:20px;background:#281D1B17;padding:8px 22px;border-radius:8px;font-size:15px;line-height:20px;cursor:pointer;font-weight:500;border-radius:18px;text-decoration:none;color:#281D1B;border:0;}
.HeadsarchField.logoutBtn{background:#281D1B17;height:40px;}
.logout-modal h2{text-align:center;}
.logout-modal .modal-body{align-items:center;}
.logout-modal .modal-body h2{text-align:center;}
a.head-btn{background:#281D1B17;color:#281D1B;padding:10px 12px 10px 44px;text-decoration:none;border-radius:56px;font-size:15px;font-weight:400;height:40px;display:flex;align-items:center;}
.logoutWrap{position:relative;}
.logoutWrap::before{content:' ';position:absolute;top:50%;left:12px;background-image:url("../images/user-icon.svg");width:24px;height:24px;background-repeat:no-repeat;transform:translateY(-50%);background-position:center;}
.bottomeImageWrap img {width: 100%;height: 100%;object-fit: contain;}
.bottomeImageWrap {width: 478px;height: 478px;display: flex;align-items: center;justify-content: center;}
/* Header styling End */
.sectionSpace{height:40px;}
section{margin:0px 40px;border-radius:16px;}
.BannerSec{margin-top:110px;padding:40px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:60px;}
.MainBannerSection{flex-direction: row;justify-content: space-between;}
.Explore-card-set {margin-top: 100px;}
.topTitleWrap{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;}
.MainBannerSection .topTitleWrap{width: 50%;align-items:flex-start;}
.MainBannerSection .topTitleWrap h2,.MainBannerSection .topTitleWrap p{text-align: left;}
.topTitleWrap h2{text-align:center;}
.topTitleWrap p{font-size:20px;text-align:center;font-weight:400;}
section.BannerSec.expert-sec.next-banner-sec p{font-size:15px;line-height:20px;}
section.BannerSec.expert-sec.next-banner-sec h2{font-size:28px;font-weight:700;}
.vedioWrap{overflow:hidden;position:relative;width:calc(100% - 80px);height:563px;}
.vedioWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#FF5733CC;border-radius:16px;z-index:1;pointer-events:none;}
.pauseIconWrapper{height:28px;width:28px;}
.vedioWrap video{width:100%;height:100%;display:block;font-size:20px;font-weight:600;z-index:2;pointer-events:auto;object-fit:cover;object-position:top;}
.playPauseBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFFBFA;border:none;border-radius:8px;padding:12.23px 20px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.3s ease;color:#FF5733;font-size:15px;font-weight:500;z-index:9;font-family:Outfit !important;}
.playPauseBtn img{width:28px;height:28px;}
.playIcon{display:block;}
.pauseIcon{display:none;}
.teamTacties{margin-top:100px;}
section.teamTacties svg{width:100%;}
.categories-img-wrap{height:325px;border-radius:15px;position:relative;overflow:hidden;}
.categories-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;}
.categories-img-wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#FF5733CC;border-radius:15px;}
.image-content{position:absolute;top:0;width:100%;height:100%;padding:40px;DISPLAY:flex;FLEX-DIRECTION:column;justify-content:space-between;color:#fff;}
.categories-Sec{display:flex;gap:40px;}
.categories-sidebar{width:240px;background:#fff;min-height:600px;margin-left:20px;}
.categories-sidebar{display:flex;flex-direction:column;gap:20px;border-right:1px solid #281D1B33;width:20%;}
.category-head{font-size:17px;font-weight:700;}
.categories-sidebar ul{list-style:none;padding:0;margin:0;}
.categories-sidebar li{display:flex;align-items:center;font-size:17px;cursor:pointer;transition:background 0.2s,border-color 0.2s;font-weight:400;gap:5px;}
.categories-sidebar ul{display:flex;flex-direction:column;gap:15px;}
.categories-content{flex:1;width:80%;}
.cards-grid {display: flex;margin-top: 32px;align-items: center;justify-content: flex-start;row-gap: 16px;gap: 16px;}
.category-card img {width: 100%;height: 100%;max-height: 207px;border-radius: 12px;margin-bottom: 10px;object-fit: contain;}
.category-card{width:calc(25% - 12px);/* height:411px; */text-decoration:none;}
section.TeamTactics{margin-top:100px;padding:0px 140px;display:flex;align-items:center;gap:48px;}
.TeamTacticsLeft img{width:100%;height: 100%;object-fit: contain;}
.TeamTacticsLeft{width:60%;height:100%;}
.TeamTacticsright{width:40%;padding:24px 0px;}
.TeamTacticsright ul{padding-left:10px;}
.TeamTacticsright li{line-height:22px;font-size:15px;font-weight:400;}
a.buyNowBtn{padding:15px;width:100%;text-align:center;background:#FF5733;border-radius:8px;text-decoration:none;color:#fff;font-size:15px;font-weight:500;margin-top:9px;}
.pricecont{font-size:28px;font-weight:400;padding-bottom:24px;}
.card-heading{font-size:15px;font-weight:700;}
.card-details{display:flex;flex-direction:column;gap:15px;border-top:1.5px solid #281D1B33;padding-top:16px;}
.card-cetegories-view{margin-top:100PX;}
/* Footer Styling Start */
footer{background:#281D1B17;display:flex;justify-content:space-between;padding:15px 40px;align-items:center;margin-top:auto;width:100%;}
.footerLogo img{height:28px;}
.footerLogo,.footerPara,.footerIcons{width:33.33%;height:28px;}
.footerPara{display:flex;align-items:center;justify-content:center;}
.footerIcons{display:flex;align-items:center;gap:27px;justify-content:end;}
.footerIcons a{width:19px;height:19px;}
.footerPara p{font-size:15px;font-weight:600;}

/* Footer Styling End */
.back-btn{z-index:10; /* Ensure button is above the overlay */background:#FFFBFA33;color:#FFFBFA;padding:8px 12px 8px 35px;border-radius:24px;font-size:15px;text-decoration:none;font-weight:400;display:flex;align-items:center;gap:8px;position:relative;width:max-content;}
.back-btn::before {content: ' ';position: absolute;top: 6px;left: 7px;background-image: url(../images/back-arrow.svg);height: 20px;width: 20px;}
.tab-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;}
.category-card h3{font-size:15px;font-weight:600;color:#281D1B;text-align:center;min-height: 38px;}
section.card-cetegories-view .back-btn{background:#281D1B17;color:#281D1B;z-index:auto;}
section.card-cetegories-view .back-btn::before{background-image:url("../images/black-back-arrow.svg");}

/* Our Grid Code */
.app-layout-wrapper{width:100%;overflow:hidden;position:relative;}
.app-layout{display:grid;grid-template-columns:repeat(4,1fr);width:100%;transition:transform 0.3s ease-in-out;row-gap:20px;}
.page-content{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;}
.container.explore-container{padding:0px 80px;}
.explore-box,.banner-box{padding:10px;text-align:center;    /* display: flex !important; */align-items:center;flex-direction:column;gap:12px;text-decoration:none;max-height: 460px;}
.explore-box img,.banner-box img{width:100%;height:100%;object-fit:contain;}
.explore-box p,.banner-box p{font-size:15px;font-weight:600;color:#281D1B;margin:0;text-decoration:none;}
.app-layout-pagination-footer{padding-top:40px;display:flex;align-items:center;justify-content:end;}
button.pageBTn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#281D1B99;background:transparent;border:none;transition:all 0.3s ease;font-weight:500;}
button.pageBTn.active{color:#FF5733;color:#fff;border-radius:50%;}
.paginationBtnCOnt{display:flex;gap:8px;}
.next-btn{background:#FF5733;border-radius:50%;}
.next-btn img{width:20px;height:20px;}

/* Modal Styles */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#281D1B99;z-index:1000;justify-content:center;align-items:center;}
.modal-container{background-color:#FFFBFA;padding:20px 20px 40px 20px;border-radius:16px;width:90%;max-width:428px;position:relative;max-height:400px;}
.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
.modal-logo{height:25px;}
.close-button{font-size:24px;cursor:pointer;color:#281D1B;background:#281D1B17;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:30px;}
.modal-body{text-align:center;display:flex;flex-direction:column;align-items:flex-start;}
.modal-body h2{margin-bottom:5px;font-size:28px;text-align:left;font-weight:600;}
.modal-body p{margin-bottom:20px;}
.form-group{margin-bottom:20px;text-align:left;width:100%;}
.form-group label{display:block;margin-bottom:8px;font-size:13px;color:#281D1B;font-weight:500;}
.form-group input{width:100%;padding:12px;border-radius:18px;font-size:15px;background:#281D1B17;font-weight:400;border:none;padding:8px 12px;line-height:20px;}
.form-group input::placeholder{font-size:15px;font-weight:400;line-height:20px;}
.send-otp-button,.verify-otp-button{background:#FF5733;color:white;border:none;padding:8px 12px;border-radius:8px;font-size:15px;line-height:20px;cursor:pointer;width:100%;font-weight:500;border-radius:18px;}
input:focus{outline:none;}
.send-otp-button:hover{background:#FF5733;}

/* OTP Modal Specific Styles */
.otp-modal{display:none;}
.otp-message{color:#281D1B99;font-size:14px;margin-bottom:20px;}
.verify-otp-button:hover{background:#e64d2a;}
.resend-otp{font-size:14px;color:#281D1B99;}
.resend-link{color:#FF5733;text-decoration:none;font-weight:500;}
.resend-link:hover{text-decoration:underline;}
.viewcontainer{width:840px;margin:auto;}
.main-view{display:flex;flex-direction:column;gap:20px;}
.card-image-view-container{display:flex;gap:20px;}
.card-img-view-one,.card-img-view-two{width:50%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;}
.card-img-view-one img,.card-img-view-two img{width:100%;height:100%;}
.card-img-view-one img{width:100%;height:100%;}
.vedio-cont{position:relative;width:195px;border-radius:8px;overflow:hidden;background:#281D1B17;height:195px;}
.vedio-cont video{width:100%;display:block;border-radius:8px;height:100%;object-fit:cover;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;padding:0;}
.vedio-cont::before{content:' ';position:absolute;top:0;left:0;background:#281D1B99;width:100%;height:100%;}
.play-icon{width:30px;height:30px;transition:all 0.3s ease;}
.pause-icon{display:none;width:25px;height:25px;transition:all 0.3s ease;}
.play-btn:hover .play-icon path:first-child{fill:#FF5733;}
.play-btn:hover .play-icon path:last-child{fill:white;}
.vedio-section{margin-top:40px;padding-bottom:16px;border-bottom:1.5px solid #281D1B33;}
.vedio-section h5{margin-bottom:20px;}
.card-description{display:flex;flex-direction:column;gap:10px;padding-bottom:16px;border-bottom:1.5px solid #281D1B33;padding-top:16px;}
section.BannerSec.expert-sec{margin-top:auto;PADDING:60PX 40PX;}
.overlay{display:none; /* Hidden initially */position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:999;}
button.send-otp-button-card{background:#FF5733;color:white;border:none;padding:8px 12px;border-radius:8px;font-size:15px;line-height:20px;cursor:pointer;width:100%;font-weight:500;border-radius:18px;}
a.confirm-logout-button{gap:20px;background:#FF5733;padding:8px 22px;border-radius:8px;font-size:15px;line-height:20px;cursor:pointer;font-weight:500;border-radius:18px;text-decoration:none;color:#fff;}
ul.teamlistshow{display:flex;flex-wrap:wrap;gap:19px;}
/* ul.teamlistshow li img{max-width:201px;border-radius:10px;} */
ul.teamlistshow li {list-style: none;width: calc(100% / 3 - 13px);}
section.TeamTactics.teamListmainshow .TeamTacticsright{padding:0px 0px;}
section.TeamTactics.teamListmainshow{align-items:start;}
.card-description-cont h5{margin-bottom:15px;}
.title-wrap{text-align:center;font-weight:600;font-size:20px;line-height:24px;margin-bottom:20px;}
.cards-grid{flex-wrap:wrap;}
.send-otp-button:focus{outline:none;}
.header-btns{display:flex;align-items:center;gap:10px;}
 .blank-card-data .container.explore-container {padding: 0px 80px;height: calc(100vh - 120px);margin-top: 60px;}
.blank-card-data .no-data-message {display: flex;align-items: center;text-align: center;}
.blank-card-data .app-layout {grid-template-columns: auto;height: 100%;text-align: center;justify-content: center;}
.no-data-message p {background: #281D1B17;padding: 40px;border-radius: 10px;}
button.verify-otp-button-card {background: #FF5733;color: white;border: none;padding: 8px 12px;border-radius: 8px;font-size: 15px;line-height: 20px;cursor: pointer;width: 100%;font-weight: 500;border-radius: 18px;}
section.TeamTactics,section.TeamTactics.teamListmainshow {margin-left: 0;margin-right: 0;}
section#explore-section {margin: 0;}
.app-layout.Banner-App-Layout .banner-box {padding: 0;width: -webkit-fill-available;height: -webkit-fill-available;}
.app-layout.Banner-App-Layout{grid-template-columns: repeat(7, 1fr);gap: 20px;}
.logoWrap {width: 107px;height: 94px;}
.logoWrap a,.logoWrap a img{width: 100%;height: 100%;}
section.BannerSec.expert-sec.next-banner-sec {padding: 60px 120px;}
/*********************************************************responsive start here********************************************************/
@media screen and (max-width:1540px){
    .category-card{width:calc(100% / 3.3);text-decoration:none;}
    .category-card img{max-height:331px;height:361px;}
    .topTitleWrap p{
    font-size: 18px;}
    .logoWrap {width: 70px;height: 60px;}
    h2 {font-size: 36px;}
    .BannerSec {padding: 30px 40px;}
    .logoWrap a,.logoWrap a img{width: 100%;height: 100%;}
    .BannerSec {margin-top: 83px;}
    section.BannerSec.expert-sec.next-banner-sec p {font-size: 15px;}
    section.BannerSec.expert-sec.next-banner-sec {padding: 40px 70px;}
 }
@media screen and (max-width:1200px){
    section.BannerSec.expert-sec.next-banner-sec {padding: 40px;}
    section.BannerSec.expert-sec.next-banner-sec p {font-size: 13px;}
}
@media (max-width:1024px){
    .footerLogo,.footerPara,.footerIcons{width:auto;}
    .container.explore-container{padding:0px;}
    .BannerSec{padding:40px 60px;}
    section.BannerSec.expert-sec.next-banner-sec p {font-size: 13px;}
    section.BannerSec.expert-sec.next-banner-sec {padding: 20px;}
    section.BannerSec.expert-sec.next-banner-sec p {font-size: 12px;}
    }
@media (max-width:992px){
    .categories-content{padding:0 10px;}
    .cards-grid{gap:16px;flex-wrap:wrap;}
    .categories-Sec{gap:20px;}
    .container.explore-container{padding:0px 20px;}
    .sectionSpace{height:20px;}
    section{margin:0px 20px;}
    .vedioWrap{width:calc(100% - 40px);width:auto;}
    .explore-box,.banner-box{padding:14px;}
    h2{font-size:38px;}
    .app-layout-pagination-footer{padding-top:20px;}
    header{padding:20px;}
    .BannerSec{margin-top: 100px;
    padding: 20px 40px;gap:30px;}
    .Explore-card-set {margin-top: 80px;}
    footer{padding:15px 20px;}
    .footerPara p{font-size:14px;}
    .footerLogo,.footerPara,.footerIcons{width:auto;gap:20px;}
    section.TeamTactics{flex-direction:column;padding:0px 40px;gap:20px;margin-top:100px;}
    .TeamTacticsLeft,.TeamTacticsright{width:100%;}
    .TeamTacticsLeft{display:flex;align-items:center;justify-content:center;}
    .TeamTacticsright{display:flex;flex-direction:column;align-items:flex-start;}
    .modal-header{margin-bottom:30px;}
    .category-card{max-width:253px;max-height:300px;width:calc(100% / 2);}
    .category-card img{max-height:300px;}
    .explore-box img{width:130px;height:118px;max-width:130px;min-height:118px;}
    .banner-box{width:}
    .topTitleWrap  p br {display: none !important;}
    .MainBannerSection {flex-direction: column-reverse;}
    .bottomeImageWrap {width: 100%;}
    .MainBannerSection .topTitleWrap {width: 100%;}
    section.BannerSec.expert-sec.next-banner-sec p {font-size: 13px;}
    .viewcontainer{width: auto;}
    section.BannerSec.expert-sec.next-banner-sec {padding: 20px;}
    }
@media (min-width: 1024px) and (max-width: 1365px) {
    .MainBannerSection {padding: 20px 40px;}
    h2 {font-size: 30px;}
    br{display: none;}
    .MainBannerSection .topTitleWrap {width: 70%;}
  }
  
@media (max-width:767px){
    p{font-size:12px;}
    .topTitleWrap p{font-size:15px;}
    .categories-Sec{flex-direction:column;gap:20px;}
    .categories-sidebar{width:100%;min-height:unset;margin-bottom:16px;background:none;box-shadow:none;border-radius:0;padding:0;margin:0;display:flex;gap:10px;border-right: none;}
    .categories-sidebar ul{flex-direction:row;gap:12px;overflow-x:auto;white-space:nowrap;padding:0 8px 8px 8px;margin:0;scrollbar-width:none; /* Firefox */}
    .categories-sidebar ul::-webkit-scrollbar{display:none; /* Chrome/Safari */}
    .categories-sidebar li{min-width:max-content;border-radius:24px;border:1px solid #eee;padding:8px 16px;font-size:15px;background:#fff;border-left:none;font-weight:400;gap:5px;margin-bottom:0;margin-right:0;transition:background 0.2s,color 0.2s;}
    .categories-content{padding:0 0px;width:100%;}
    .cards-grid{grid-template-columns:repeat(2,1fr);row-gap:12px;margin-top:15px;flex-wrap:wrap;}
    footer{flex-direction:column;gap:7px;padding:15px;}
    .footerLogo,.footerPara,.footerIcons{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;}
    .footerPara p{font-size:12px;}
    section{margin:0px 20px;}
    .categories-sidebar ul{border-bottom:1px solid #281D1B33;padding:0;padding-bottom:10px;}
    .categories-sidebar li{border:none;padding:0;}
    header {padding: 16px;}
    .app-layout.Banner-App-Layout{grid-template-columns: repeat(2, 1fr);gap:15px;}
    .teamTacties{margin-top:77px;}
    .logoWrap{width: 45px;height: 45px;}
    .logoWrap a,.logoWrap a img {width: 100%;height: 100%;}
    input.searchField{width:44px;padding:10.5px 14.5px;}
    input.searchField::placeholder{font-size:0;}
    .HeadsarchField::before,.logoutWrap::before{height:18PX;width:18PX;BACKGROUND-SIZE:contain;}
    a.head-btn{font-size:12px;padding:8px 12px 8px 40px;}
    .HeadsarchField {gap: 10px;padding: 4px 10px;font-size: 13px;height: 30px;}
    .MainBannerSection {flex-direction: column-reverse;}
    .MainBannerSection  .topTitleWrap{width: 100%;}
    .image-content{padding:16px;}
    h2{font-size:20px;line-height:24px;}
    section.BannerSec.expert-sec.next-banner-sec h2{font-size:20px;line-height:24px;}
    .title-wrap h3{font-size:18px;}
    .categories-img-wrap{height:195px;}
    .sectionSpace{height:15px;}
    .category-card h3{font-size:12px;min-height:30px;}
    .BannerSec{margin-top: 77px;padding: 20px 10px;gap: 20px;}
    .Explore-card-set {margin-top:77px;}
    .bottomeImageWrap {WIDTH: 100%;height: -webkit-fill-available;}
    .topTitleWrap br{display:none;}
    .topTitleWrap{gap:10px;}
    .vedioWrap{height:363px;width:calc(100% - 40px);}
    .playPauseBtn{padding:8px 12px;font-size:13px;width:max-content;border-radius:6px;}
    .playPauseBtn img{width:20px;height:20px;}
    .vedioWrap::before{border-radius:8px;}
    section.BannerSec.expert-sec{PADDING:20PX 20PX;margin-top:auto;}
    a.btn,a.buyNowBtn{font-size:14px;font-weight:400;padding:8px 14px;border-radius:6px;line-height:normal;}
    .app-layout{grid-template-columns:repeat(2,1fr);row-gap:10px;}
    .container.explore-container{padding:0px;}
    .explore-box p,.banner-box p{font-size:12px;}
    .explore-box,.banner-box{padding:10.5px;gap:4px;}
    .app-layout-pagination-footer{padding-top:16px;justify-content:center;}
    button.pageBTn{width:30px;height:30px;font-size:12px;}
    button.pageBTn img{width:14px;height:12px;}
    section.TeamTactics{padding:0 20px;margin-top: 77px;}
    h4,.pricecont{font-size:24px;}
    .TeamTacticsright{padding:12px 0px;}
    .pricecont{padding-bottom:12px;}
    .card-details{gap:12px;padding-top:12px;}
    .TeamTacticsright li{font-size:13px;}
    .modal-body h2{font-size:22px;}
    .category-card{max-width:none;width:calc(50% - 10px);}
    .category-card img{max-height:140px;height:140px;}
    ul.teamlistshow li{width: calc(100% / 2 - 10px);min-height: 151px;max-height: 151px;}
    .TeamTacticsLeft img {width: 100%;}
    section.BannerSec.expert-sec.next-banner-sec{padding: 10px;}
    .card-description-cont h5 {margin-bottom: 7px;}
    a#logout-take svg {width: 14px;height: 18px;}
    .HeadsarchField.logoutBtn{height: 30px;}
    .blank-card-data .container.explore-container {padding: 0px 20px;height: calc(100vh - 60px - 128px);margin-top: 60px;}
    .no-data-message p{padding: 20px;}
    .viewcontainer{ width: 100% !important;}
    .vedio-cont{width: 100%;}
    .card-cetegories-view {margin-top: 77px;}
    .vedio-section{margin-top: 10px;}
    .vedio-section h5 {margin-bottom: 10px;font-size: 14px;}
    .back-btn::before {top: 4px;left: 7px;height: 18px;width: 18px;}
    .main-view{gap:10px;}
    .card-description{padding-top: 10px;padding-bottom: 10px;}
    .footerIcons a img {width: 100%;height: 100%;}
    .footerIcons a {width: 15px;height: 15px;}
    .footerIcons{gap:10px;}
    h5 {font-weight: 700;font-size: 14px;}
    br { display: none !important; }
}

/* Mobile Landscape Media Queries */
@media screen and (max-width:992px) and (orientation:landscape){
    .BannerSec{padding:60px 20px 20px;}
    .topTitleWrap h2{font-size:20px;line-height:1.3;}
    .topTitleWrap p{font-size:14px;}
    .vedioWrap{height:200px;}
    .explore-container{padding:10px;}
    .app-layout{grid-template-columns:repeat(4,1fr);gap:10px;}
    .explore-box,.banner-box{padding:10px;}
    .explore-box img,.banner-box img{max-width:100%;height:auto;}
    .explore-box p,.banner-box p{font-size:12px;margin-top:5px;}
    .paginationBtnCOnt{margin-top:15px;}
    .pageBTn{padding:5px 10px;font-size:12px;}
    section.TeamTactics{flex-direction:row;gap:12px;padding:0px 20px;}
    .TeamTacticsLeft img{width:100%;}
    .TeamTacticsright{padding:10px 0px;}
    h4,.pricecont{font-size:20px;}
    .pricecont{padding-bottom:12px;}
    .card-details{padding-top:12px;gap:12px;}
    .TeamTacticsright li{font-size:12px;}
    a.buyNowBtn{padding:8px 12px;margin:0;}
    p{font-size:12px;}
    .MainBannerSection {flex-direction: row;padding: 20px 30px;margin-top: 61px;}
    .MainBannerSection .topTitleWrap {width: 50%;}
    .bottomeImageWrap {width: 200px;height: 200px;}
    .footerLogo, .footerPara, .footerIcons{width: auto;}
    footer {flex-direction: row;}
    header {padding: 16px 16px 0px 16px;}
}