@charset "UTF-8";
/*
Theme Name: Sports Academy
Author: DS Web Technologies Pvt. Ltd.
Author URI: https://www.dswtechnologies.com/
Description: DS Web Technologies is a leading web design, web development, and digital marketing company delivering innovative, scalable, and result-driven solutions for businesses worldwide. We specialize in custom website development, eCommerce solutions, UI/UX design, WordPress development and SEO to help brands grow digitally.
Version: 3.0.0
Tags: web development, web design, wordpress development, ecommerce development, digital marketing, seo services, custom web solutions, UI UX design
*/

@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------- */
@font-face { font-family: 'Open-Sans-medium'; src: url('fonts/OpenSans-Medium.eot'); src: url('fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Medium.woff2') format('woff2'), url('fonts/OpenSans-Medium.woff') format('woff'), url('fonts/OpenSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open-Sans-semibold'; src: url('fonts/OpenSans-SemiBold.eot'); src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiBold.woff2') format('woff2'), url('fonts/OpenSans-SemiBold.woff') format('woff'), url('fonts/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open-Sans-light'; src: url('fonts/OpenSans-Light.eot'); src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open-Sans-Regular'; src: url('fonts/OpenSans-Regular.eot'); src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open-Sans-bold'; src: url('fonts/OpenSans-Bold.eot'); src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Open-Sans-extrabold'; src: url('fonts/OpenSans-ExtraBold.eot'); src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/OpenSans-ExtraBold.woff') format('woff'), url('fonts/OpenSans-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }





:root{
--body-color: #000;  
--header: #000;
--primary-color: rgba(16, 89, 173, 1);
--secondary-color: rgba(8, 66, 190, 1);
--light-color:rgba(244, 244, 244, 1);
--black-color:rgba(0, 0, 0, 1);
--white-color:rgba(255, 255, 255, 1);


--body-font: 'Open-Sans-Regular';
--heading-font: 'Open-Sans-bold';
--font-light: 'Open-Sans-light';
--font-semibold:'Open-Sans-semibold';
--font-medium:'Open-Sans-medium';
--font-extrabold:'Open-Sans-extrabold';

}

/* ::selection{
color: var(--body-color);
background-color: var(--white-color);
} */

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0; list-style-type: none;}
ul, ol {margin:0 0 0 0px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size: 20px; color: var(--body-color); line-height: 28px; box-sizing: border-box; overflow-x: hidden;}
*, *:after, *:before {box-sizing: border-box;}

svg path{ transition: all 0.3s; }

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: normal;color: var(--header); line-height:1.2; font-family: var(--heading-font);}

/* Specific Header Settings */
h1,.h1 {font-size:65px;}
h2,.h2 {font-size:40px;}
h3,.h3 {font-size:32px;}
h4,.h4 {font-size:30px;}
h5,.h5 {font-size: 28px;}
h6,.h6 {font-size: 24px;}

/* Create the Default Paragraphs */
p {margin-bottom: 25px; text-transform: capitalize;}

/* Other Typo */
strong {font-weight: bold; color: #000; }
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {text-decoration:none;transition: 0.5s; display: inline-block; color:var(--primary-color); }


/* **********--------------------- def-page css ----------------------------**************** */
.def-page{padding: 60px 0px 60px;}
.def-page p:last-child{margin-bottom: 0;}
.def-page p{ color: var(--body-color); font-size: 20px; font-style: normal; font-weight: normal; line-height: 28px;}
.def-page .right-img{float:right; margin:0 0 15px 40px; position: relative; z-index: 0; }
.def-page .left-img{float:left; margin:0 40px 15px 0; position: relative;}
.def-page .right-img img{border-radius: 0px; position: relative; border-radius: 8px;}
.def-page .left-img img{border-radius: 0px; position: relative; border-radius: 8px;}
.def-page h2, .def-page h3, .def-page h4, .def-page h5, .def-page h6{ margin: 0 0 23px 0;}


.def-page h1,.def_banner h1 { font-size: 65px;}
.def-page h2 { font-size: 40px; }
.def-page h3{font-size: 32px;}
.def-page h4{font-size: 30px;}
.def-page h5{font-size: 28px;} 
.def-page h6{font-size: 24px;}

.def-page ul {margin: 0;padding-bottom: 10px;}
.overflow{ overflow: inherit !important;}
.def-page ul li { list-style: none; text-align: left; color: var(--body-color); font-size: 20px; line-height: 28px; position: relative; padding: 6px 8px 6px 18px; overflow: hidden; }
.def-page ul li:last-of-type{padding-bottom: 5px;}
.def-page ul li:before { position: absolute; content: ""; width: 6px; height: 6px; background-color: var(--body-color); top: 17px; left: 0; border-radius: 50%;}
.def-page ol { margin-bottom:20px;}
.def-page ol li {line-height: normal; list-style-type:none;counter-increment:item;  padding: 5px 0 5px 0;  color: var(--body-color); font-size: 20px;}
.def-page ol li:before {display:inline-block; content: counter(item) "."; color: var(--body-color); padding-right:10px;}
.def-page ul.col-2, .def-page ul.col-3 { overflow: hidden }
.def-page ul.col-2 li {width: 50%;float: left;}
.def-page ul.col-3 li {width: 33.33%;float: left;}

.privacy-page ol { margin-bottom: 25px;}
.privacy-page ol>li:before { padding-right: 05px;}
.privacy-page .privacy-inner{ padding-left: 0px; margin-bottom: 20px;}
.privacy-page .privacy-inner ul{ margin-top: 05px; }
.privacy-page ul,.privacy-page ol{ margin-left:0px;}
.privacy-page ol li{padding: 6px 8px 6px 18px;}
.pagenotfound {width: 100%;display: block;padding: 80px 0px;text-align: center;}
.pagenotfound h2 {font-size: 50px;font-weight: 600;}
.pagenotfound p{font-size: 20px;}
.thankyou {text-align: center;}
/* .thankyou h3 strong {font-size: 46px;} */
.clearfix:after { clear: both; display: block; visibility: hidden; content: ""; }
.def-page a{ color: var(--primary-color); font-size: 20px; text-decoration: none; transition: 0.5s;}
.def-page a.button{ color: var(--primary-color); }
.def-page a.button:hover{text-decoration: none;}
.def-page a:hover{ text-decoration: underline;}
.def-page a.button:hover{color: var(--white-color); }
/* .def-page strong{ font-size: 24px; } */

blockquote {
    position: relative;
    margin: 30px 0;
    padding: 20px 25px;
    background: rgba(224, 224, 224, 1);
    border-left: 5px solid var(--primary-color);

}

.def-page blockquote p {
    margin: 0;
    color: var(--body-color);
    font-size: 18px;
    line-height: 1.7;
    font-style: italic;
}

blockquote::before {
    content: "“";
    position: absolute;
    top: -10px;
    left: 15px;
    font-family: Georgia, serif;
    font-size: 60px;
    line-height: 1;
    color: var(--primary-color);
    opacity: 0.2;
}

blockquote cite {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
       color: var(--body-color);
}

blockquote cite::before {
    content: "— ";
}
/* 5. Forms
------------------------------------------------------------------------------*/
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { font-family: var(--font-semibold) ; margin: 0 0 0 0;  padding:15px 29px;  border-radius:0px; background-color:var(--primary-color); border: 1px solid transparent; display: inline-block; vertical-align: middle;  font-size: 20px; color: var(--white-color); line-height: 28px; position: relative;outline: none;box-shadow: none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 0; text-transform: uppercase; }


.button:hover:after, a.button:hover:after {width: 0%;}

.button.button-border, a.button.button-border, button.button-border, html input[type="button"].button-border, input[type="reset"].button-border, input[type="submit"].button-border {background-color:transparent; color: var(--primary-color); border: 1px solid var(--primary-color);}

.button.button-border:after, a.button.button-border:after {border-radius:0; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); z-index: -2; transition: all .35s}
.button.button-border:hover:after, a.button.button-border:hover:after {width: 0%;}

.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { color: var(--secondary-color); background-color: transparent; border-color: var(--secondary-color); }

input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea,select{padding:26px 16px; font-family: var(--body-font); font-size: 24px; background-color:#fff; letter-spacing: 0;width: 100%; color: var(--body-color);text-transform: none;filter: alpha(opacity=100);border: 1px solid rgba(115, 110, 110, 1);border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius:8px; line-height:32px; box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;outline: none !important; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none;}

input::-webkit-input-placeholder {color: rgb(51, 51, 51); ;opacity:1;} 
input:-moz-placeholder {color:rgb(51, 51, 51); ; opacity:1;} 
input::-moz-placeholder {color: rgb(51, 51, 51); ; opacity:1; } 
input:-ms-input-placeholder {color: rgb(51, 51, 51); ;opacity:1;} 
textarea::-webkit-input-placeholder {color:  rgb(51, 51, 51); ; opacity:1; } 
textarea:-moz-placeholder {color:rgb(51, 51, 51); ; opacity:1; } 
textarea::-moz-placeholder {color: rgb(51, 51, 51); ; opacity:1; } 
textarea:-ms-input-placeholder {color: rgb(51, 51, 51); ;opacity:1; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width: 1660px; width: 100%; padding-left: 50px; padding-right: 50px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.cols-12,.cols-11,.cols-10,.cols-9,.cols-8,.cols-7,.cols-6,.cols-5,.cols-4,.cols-3,.cols-2,.cols-1{position: relative;  width: 100%; /*padding-right: 15px; padding-left: 15px;*/ } .cols-6 {max-width: 50%;}


.cols-1 {max-width: 100%;}
.cols-3 {max-width: 33.33%;}
.cols-4 {max-width: 25%;}

.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.font-light {font-weight: 300;}
.table {width: 100%;}

/* Sub_menu */
ul li ul.sub-menu { padding-left: 0; gap: 0 ; white-space: nowrap; background-color: var(--secondary-color); display: block; border-radius: 5px; flex-direction: column; gap: 0; position: absolute; margin: 0; z-index: 3; margin-top: 11px; text-align: center; transform: scaleY(0); /* Hidden initially */ transition: all 0.3s ease; transform-origin: top; box-shadow: rgba(50, 50, 93, 0.15) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
ul li:hover > ul.sub-menu { transform: scaleY(1); }
ul li ul.sub-menu li{ padding: 10px 15px; display: block; border-bottom: 1px solid #fff; }
ul li ul.sub-menu li::before{ display: none; }
ul li ul.sub-menu li:last-child{ border-bottom: 0; }
ul li ul.sub-menu li a{ color: var(--white-color); text-align: left; display: block; text-shadow: none !important; }
ul li ul.sub-menu li a:hover{ color: #FFE388; }
ul li ul.sub-menu li a::before{ display: none; }
ul li ul.sub-menu li > ul.sub-menu { left: 103%; top: 5px; }

header{ display: flex; align-items: center; justify-content: space-between; padding: 33px 45px; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
.header-logo{ max-width: 21%; width: 100%; line-height: 0; }
.header-btn{ max-width:15%; width: 100%;     text-align: right;}
.header-logo a{ width: 100%; line-height: 0; }
.header-logo a img{ width: 100%; height: 100%; object-fit: contain;  }
header nav{ max-width: 60%; width: 100%; }
header nav ul{ display: flex; justify-content: center; align-items: center; gap: 46px; }
header nav ul li a{ color: var(--white-color); font-family: var(--font-semibold); font-size: 20px; text-transform: uppercase; }
header nav ul li a:hover{ color: rgba(224, 149, 9, 1); }

.banner_content { padding: 291px 0 211px; }

/* .banner_img {height: 768px;} */
/* .banner h1 {
    color: var(--white-color);
    font-family: var(--font-extrabold); */
.banner-slider-sec::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.52)); z-index: 1; }
.banner .container{ position: relative; z-index: 1; }
.banner_img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 0; }
.banner_img img{ width: 100%; height: 100%; object-fit: cover; }
.banner h1 a,.banner h2 a{text-transform: uppercase; color: var(--white-color); font-size: 65px; font-family: var(--font-extrabold); line-height: 72px; padding-bottom: 20px; }
.common_div{ padding: 4px 9px; background-color: var(--white-color); font-family: var(--heading-font); font-size: 16px; line-height: 24px; text-transform: uppercase; width: fit-content; color: var(--secondary-color); margin-bottom: 20px; }
.auther_div { display: flex; gap: 12px; align-items: center; }
.auther_div .auther_img{ width: 50px; height: 50px; object-fit: cover; overflow: hidden; border-radius: 50%; }
.auther_div .auther_img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; }
.auther_div a.auther,.auther_div span.auther{ font-family: var(--font-semibold); font-size: 20px; line-height: 28px; letter-spacing: 0%; color: var(--white-color); }
.auther_div a:hover,.auther_div span.auther:hover{color: rgba(224, 149, 9, 1);}
/* letest-news */
.letest-news{ padding: 72px 0;  }
.letest-news h2{ padding: 0 0 32px; }
.letest_news_inr{ display: flex; justify-content: center; gap: 40px 0; margin: 0 -20px; flex-wrap: wrap; }
.letest_news_inr .letest_item{ max-width: 25%; width: 100%; padding: 0 20px; }
.letest_news_inr .letest_item .letest_box,.sport-right .letest_item .letest_box{ position: relative; width: 100%; }
.letest_news_inr .letest_item .letest_box .news_img,.letest_item .letest_box .news_img{ width: 100%; height: 100%; line-height: 0; position: relative; margin-bottom: 14px; overflow: hidden; }
.letest_news_inr .letest_item .letest_box .news_img img,.letest_item .letest_box .news_img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.letest_news_inr .letest_item .letest_box .news_img:hover img,.letest_item .letest_box .news_img:hover img{ transform: scale(1.1); }
.letest_news_inr .letest_item .letest_box .news_img .common_div,.letest_item .letest_box .news_img .common_div{ position: absolute; right: 0; bottom: 0; margin-bottom: 0; }
.letest_news_inr .letest_item .letest_box h3,.letest_item .letest_box h3{ font-size: 24px; line-height: 32px; font-family: var(--font-semibold); }
.letest_news_inr .letest_item .letest_box h3 a,.letest_item .letest_box h3 a{ color: var(--body-color); }
.letest_news_inr .letest_item .letest_box h3 a:hover,.letest_item .letest_box h3 a:hover{ color: var(--secondary-color); }

/* post */
.post{ padding: 0 0 72px; }
.post_inr{ display: flex; justify-content: flex-start; gap: 80px 0; margin: 0 -20px; flex-wrap: wrap; }
.post_inr .post_item{ max-width: 50%; width: 100%; padding: 0 20px; }
.post_inr .post_item .post_box{ width: 100%; }
.post_box .post_heading{ padding-bottom: 32px; }
.post_box .post_heading h2{ line-height: 48px; }
.post_box .post_heading a{ font-size: 20px; color: var(--secondary-color); line-height: 28px; font-family: var(--font-semibold); }
.post_box .post_heading a:hover{ color: var(--header); }
.post_box .post_main_img{ width: 100%; height: 420px; overflow: hidden; line-height: 0; position: relative; margin-bottom: 32px; }
.post_box .post_main_img a::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 88.69%); }
.post_box .post_main_img img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3ms; }
/* .post_box .post_main_img:hover img{ transform: scale(1.1); } */
.post_box .post_main_img .post_img_content{ position: absolute; bottom: 0; left: 0; padding: 0 28px 28px; width: 100%; color: var(--white-color);  font-family: var(--font-semibold); font-size: 24px; line-height: 32px; } 
.post_box .post_main_img .post_img_content p{ margin-bottom: 12px; }
.post_box p.dates{ margin-bottom: 0; font-size: 16px; line-height: 24px; font-family: var(--body-font); }
.post_box .post-listing-item{ margin-bottom: 16px; display: flex; align-items: center; gap: 24px; justify-content: flex-start; }
.post_box .post-listing-item .listing-box{ max-width: 38%; width: 100%; line-height: 0; }
.post_box .post-listing-item .listing-content{ max-width: 62%; width: 100%; }
.post_box .post-listing-item .listing-content h3{ font-size: 24px; line-height: 32px; font-family: var(--font-semibold); padding-bottom: 8px; }
.post_box .post-listing-item .listing-content h3 a{ color: var(--body-color); }
.post_box .post-listing-item .listing-content h3 a:hover{ color: var(--secondary-color); }
.post_box .post-listing-item .listing-content p.dates{ color: rgba(91, 89, 89, 1); }
.post_box .post-listing-item:last-child{ margin-bottom: 0; }

/*  */
.editor{background: rgba(244, 244, 244, 1); }
.editor .letest_news_inr .letest_item{ max-width: 33.33%; }
.editor .letest_news_inr .letest_item .letest_box .news_img{ margin-bottom: 20px; }
.editor .letest_news_inr .letest_item .common_div{ margin-bottom: 16px; min-width: 102px; text-align: center; }
.editor .letest_news_inr .letest_item h3{ padding-bottom: 24px; }
.editor .auther_div span.auther{ color: var(--body-color); }

/*  */
section.listing_post{ position: relative; padding: 72px 0; }
.listing_post .post-listing-item{ margin-bottom: 32px; display: flex; gap: 40px; align-items: center; }
.listing_post .post-listing-item .listing-box{ max-width: 31.7%; width: 100%; line-height: 0; position: relative;  }
.listing_post .post-listing-item .listing-box a::before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.2); }
.listing_post .post-listing-item:last-child{ margin-bottom: 0; }
.listing_post .common_div{ border: 0.5px solid rgba(0, 0, 0, 1); margin-bottom: 16px; min-width: 102px; text-align: center; }
.listing_post h3{ font-size: 24px; line-height: 32px; font-family: var(--font-semibold); padding: 0 0 16px; }
.listing_post h3 a{ color: var(--body-color); }
.listing_post h3 a:hover{ color: var(--secondary-color); }
.listing_post p{ margin-bottom: 20px; }
.listing_post p.dates,.sport-inr .sport-right p.dates{ margin-bottom: 0; font-size: 16px; line-height: 24px; font-family: var(--body-font); color: rgba(91, 89, 89, 1);  }
.listing_post  .listing-content{ max-width: 68.3%; width: 100%; }
.listing-box{overflow: hidden;}
.listing-box:hover img{    transform: scale(1.1);}
.listing-box img{width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;}

/* footer */ 
footer{ background: rgba(45, 45, 45, 1); padding: 50px 0 0px; }
.footer_inr{ display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 61px; border-bottom: 1px solid rgba(70, 70, 70, 1) }
.footer_item{ width: 625px; color: var(--white-color); }
.footer_item .footer_logo{ line-height: 0; width: 381px; display: block; line-height: 0; margin-bottom: 18px; } 
.footer_list{ max-width: 386px; width: 100% }
.footer_list h2,.footer_social h2{ color: var(--white-color); font-family: var(--font-semibold); padding-bottom: 27px; text-transform: uppercase; }
.footer_list ul{ gap: 20px 40px; display: flex; align-items: center; flex-wrap: wrap; }
.footer_list ul li a{ color: var(--white-color); }
.footer_list ul li a:hover{ color: rgba(224, 149, 9, 1); }
.footer_social{ width: 167px; }
.footer_social ul{ display: flex; align-items: center; gap: 12px; }
.footer_social ul li a{ background: rgba(224, 149, 9, 1); width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.footer_social ul li a:hover{ background-color: var(--primary-color); }
.footer_social ul li a img{ width: 24px; height: 24px; }
.footer_item p{ margin-bottom: 0; }
.copy-right{ display: flex; padding: 20px 0; font-size: 16px; line-height: 24px; color: var(--white-color); display: flex; align-items: center; justify-content: space-between; }
.copy-right p{ margin-bottom: 0; display: flex; gap: 32px; align-items: center; justify-content: flex-end;  }
.copy-right p a{ color: var(--white-color); }
.copy-right p a:hover{ color: rgba(224, 149, 9, 1); }


/*  */
header.header-inr{ position: relative;background: rgba(224, 224, 224, 1); padding: 19px 45px; }
header.header-inr ul li a{ color: var(--body-color); }

.listing-page-news{  background-color: transparent; padding: 40px 0; }
.sport h2{ text-align: center; }


.sport-details{ padding: 40px 0; }
.sport-inr{ display: flex; align-items: flex-start; gap: 50px; }
.sport-inr .sport-left{ max-width: 70%;  width: 100%; color: rgba(91, 89, 89, 1); }
.sport-inr .sport-left h1{  padding: 0 0 24px; }
.sport-inr .sport-left p.dates{ color: var(--body-color); font-family: var(--font-semibold);  } 
/*
.sport-inr .sport-left h2{ font-size: 24px; font-family: var(--font-semibold); padding-bottom: 12px; line-height: 32px; }
*/
.sport-inr .sport-right{ max-width: 30%; width: 100%; } 
.sport-full-img{ line-height: 0; width: 100%; margin: 0 0 12px; }
.sport-full-img img{ width: 100%; height: 100%; object-fit: cover; }
.sport-inr .sport-right h2{ padding: 90px 0 33px; }
.sport-inr .sport-right h3{ padding-bottom: 16px; }
.sport-inr .sport-right .letest_item{ margin-bottom: 28px; }


.listing-box .common_div{    position: absolute; right: 0; bottom: 0; margin-bottom: 0; z-index:1;}
.listing-box .common_div{border: none;}
.listing-content p.dates{margin-bottom: 20px;}
.listing-content span.auther{color: var(--body-color);}
.menu-toggle { display: none; }
.post-content.def-page {
    padding: 0;
}
.header-btn.mobile_btn{display: none;}

.follow_content h2{padding: 28px 0 8px 0 !important;}

.follow_content p{color: rgba(91, 89, 89, 1);}

.follow_content ul li a{ background: rgba(224, 149, 9, 1); width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}

.follow_content ul li a img{ width: 24px; height: 24px; object-fit: contain;}

.follow_content ul{display: flex; align-items: center; gap: 20px; }

.follow_content ul li a:hover{ background-color: var(--primary-color);}


.authorithy-box { padding:115px 0 0px 0 ; display: flex; align-items: flex-start; gap: 40px; justify-content: space-between;}

.authorithy-box .authorithy-image { width: 200px; height: 200px; border-radius: 50%; overflow: hidden; }

.authorithy-box .authorithy-image img { width: 100%; height: 100%; object-fit: cover; }

.authorithy-content { max-width: 76%; width: 100%; }

.authorithy-content p{padding-bottom: 30px; border-bottom: 1px solid rgba(172, 172, 172, 1);}

.authorithy-content h2{font-size: 40px !important; line-height: 48px !important; font-family: var(--font-semibold) !important;}

.bottom_content p { width: 75%; margin-bottom: 0;}

.share_post ul{display: flex; justify-content: center; align-items: center; gap: 11px;}

.share_post ul li a{line-height: 0;}

.share_post ul li a:hover svg *{ fill: var(--primary-color); transition: .3s; }

.bottom_content{align-items: center;}

.auther .letest_news_inr p{margin-bottom: 0; color: rgba(91, 89, 89, 1);}

.auther_image{ width: 280px; height: 280px; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}

.auther_image img{ width: 100%; height: 100%; object-fit: cover;}

.auther_content_box { text-align: left; display: flex; flex-wrap: wrap;}

.auther_content_box h2{padding-bottom: 20px; font-family: var(--font-semibold);}

.auther_content_box p{margin-bottom: 16px !important;}

.auther_box .share_post ul{justify-content: flex-start;}

.span_otr span{font-family: var(--heading-font); font-size: 16px; line-height: 24px; color: rgba(8, 66, 190, 1); text-transform: uppercase;}

.auther-listing .auther_content_box h2 a{color: rgba(224, 149, 9, 1);}

.auther-listing .auther_content_box h2 a:hover{ color: var(--primary-color);}

.sport_edi .auther_div a.auther,.listing_post .auther_div a.auther{color: var(--black-color);}
.sport_edi .auther_div a.auther:hover,.listing_post .auther_div a.auther:hover{color: rgba(224, 149, 9, 1);}

#category-pagination {margin-top: 40px; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; gap: 10px; }
#category-pagination a:hover, #category-pagination span.current { border-color: #000; color: #fff; background: rgba(224, 149, 9, 1);}
/* #category-pagination a, #category-pagination span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } */
#category-pagination a, #category-pagination span { text-decoration: none; border: 1px solid #000; padding: 0; font-size: 20px; line-height: 28px; color: #000; display: flex; align-items: center; margin: 0; border-radius: 4px; height: 38px; width: 38px; vertical-align: top; transition: all .4s ease-in-out; justify-content: center; }

.sport-details .news_img a{width: 100%;}

.subscribe{ padding: 60px 0;}
.subscribe_content h2{ padding-bottom: 25px;}
.subscribe_content p{margin: 0 auto 10px; text-align: center;  max-width: 760px;}
.subscribe .es-field-wrap input{ margin-top: 15px !important; }

.subscribe .es-subscribe-btn:hover{
    background: #E09509 !important;
    border-color: #E09509 !important;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.banner-slider .slick-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 0;
    cursor: pointer;
    transition: all .35s ease;
    z-index: 1;
    padding: 0 !important;
}

.banner-slider .slick-prev{
    left: 40px;
}

.banner-slider .slick-next{
    right: 40px;
}

.banner-slider .slick-prev:before,
.banner-slider .slick-next:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
    transition: .35s ease;
    
}

.banner-slider .slick-prev:before{
    transform: translate(-35%,-50%) rotate(-135deg);
}

.banner-slider .slick-next:before{
    transform: translate(-65%,-50%) rotate(45deg);
}

.banner-slider .slick-arrow:hover{
    background: var(--primary-color);
    border-color: var(--primary-color);
    transform: translateY(-50%) scale(1.08);
}

.banner-slider .slick-arrow:hover:before{
    border-color: #fff;
}

.auther.auther-listing .auther_box{display: flex; flex-direction: column; height: 100%;}

.auther.auther-listing .span_otr{margin-top: auto;}

/* .page-template-default .def-page ul li:before{content: none;} */

.fpp-wrap .fpp-form-group label{font-size: 16px !important;}

.fpp-wrap{font-family: var(--body-font) !important;}


.def-page .fpp-notice{
    position: relative;
    padding: 22px 25px 22px 65px;
    background: #fff;
    border-left: 5px solid var(--primary-color);
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    font-size: 18px;
    line-height: 1.6;
    color: var(--body-color);
    font-weight: 500;
}

.def-page .fpp-notice::before{
    content: "✓";
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
}

.def-page .fpp-notice a{
    color: var(--primary-color);
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.def-page .fpp-notice a:hover{
    color:  rgba(224, 149, 9, 1);
    text-decoration: underline;
}

.contact-us{ padding: 60px 0; background: rgba(244, 244, 244, 1); }
.contact_form_div{ max-width: 900px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 0; box-shadow: 0 15px 50px rgba(0,0,0,0.08); position: relative; }
.contact_form_div::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: rgba(224, 149, 9, 1); }
.contact_form_div h1 { text-align: center; margin-bottom: 15px; font-size: 36px; line-height: normal; color: #111; }

.contact_frm_otr form{ display: grid; gap: 18px; }
.contact-us .input-fild{ display: flex; flex-direction: column; }
.contact-us .input-fild label{ font-size: 14px; text-transform: uppercase; letter-spacing: 2px; color: rgba(224, 149, 9, 1); margin-bottom: 10px; font-weight: 600; }
.contact-us .input-fild input, .contact-us .input-fild textarea { width: 100%; border: 1px solid #e2e8f0; padding: 11px 14px !important; transition: all .3s ease; font-size: 16px; line-height: 20px; }
.contact-us .input-fild textarea { min-height: 130px; resize: vertical; margin: 0; }
.contact-us .input-fild input:focus, .contact-us .input-fild textarea:focus{ border-color: rgba(224, 149, 9, 1); box-shadow: 0 0 0 4px rgba(200,161,74,0.15); }
.contact-us .input-fild input::placeholder, .contact-us .input-fild textarea::placeholder{ color: #999; }
.contact-us .input-fild:last-child{ margin-top: 10px; }
.contact-us .input-fild input[type="submit"]{ width: fit-content;}
textarea.wpcf7-form-control.wpcf7-textarea,.contact-us .input-fild input {
    border-radius: 0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner { max-width: fit-content; cursor: pointer; padding: 10px 22px; font-size: 15px;}

.submit_btn{display: flex; gap: 30px;}

input.wpcf7-not-valid { border: 1px solid red !important; }

.wpcf7-not-valid-tip { display: none; }

.wpcf7-response-output {text-align: center;}

.contact-us input::-webkit-input-placeholder{font-size: 16px; line-height: 20px;}

@media(max-width:767px){
    .def-page{
        padding: 30px 0;
    }

    .def-page .fpp-notice{
        padding: 18px 18px 18px 55px;
        font-size: 16px;
    }

    .def-page .fpp-notice::before{
        left: 16px;
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
}

/* 10-07-2026 */
#wpconsent-container::part(wpconsent-banner){ 
  max-width: 25%; width: 100%; padding: 10px 24px; text-align: center; margin: 0 auto 10px; border-radius:4px; box-shadow:rgba(0,0,0,.19) 0 10px 20px, rgba(0,0,0,.23) 0 6px 6px;
 }

 @media(max-width:767px){
  #wpconsent-container::part(wpconsent-banner){ padding: 10px 5px; max-width: 100%; margin: 0 0px; }
 #wpconsent-container::part(wpconsent-banner-footer){ flex-direction: row; }
 #wpconsent-container::part(wpconsent-banner-body){ margin: 0; padding: 0 0 0px; }

 }