/* DETAILS

==================================================

	Theme Name: 

==================================================

*/



@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');



:root{

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    --transition-common: all 0.4s ease 0s;

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */



    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    --color-accent: #FE6100;

    --color-primary: #757575;       /* 1st */

    --color-secondary: #012351;     /* 2nd */

    --color-tertiary: #262626;      /* 3rd */

    --color-quaternary: #804228;    /* 4th */

    --color-quinary: #EBEEF3;       /* 5th */

    --color-senary: #284495;        /* 6th */

    --color-octonary: #284495;      /* 7th */

    --color-nonary: #284495;        /* 8th */

    --color-denary: #284495;        /* 9th */

    

    --color-white: #fff;

    --color-black: #000;

    /* ~-~-~-~-~ colors ~-~-~-~-~ */



    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    --ff-base: "Manrope", sans-serif;

    --ff-awesome: "Font Awesome 6 Free";

    --fw-regular: 400;

    --fw-medium: 500;

    --fw-semi-bold: 600;

    --fw-bold: 700;

    --fw-extra-bold:800;

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */



    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --f-size-XXXL:120px;  /* large font */

    --f-size-XXL: 60px;     /* h1 */

    --f-size-XL: 48px;      /* h2 */

    --f-size-L: 32px;       /* h3 */

    --f-size-M: 24px;       /* h4 */

    --f-size-S: 20px;       /* h5 */

    --f-size-Body: 16px;

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */



    /* only for spanish lang */

    --f-size-XXXL-lang-es:100px;  /* large font */

    --f-size-XXL-lang-es: 55px;     /* h1 */

    --f-size-XL-lang-es: 45px;      /* h2 */

    --f-size-L-lang-es: 28px;       /* h3 */

    --f-size-M-lang-es: 22px;       /* h4 */

    --f-size-S-lang-es: 18px;       /* h5 */

    --f-size-Body-lang-es: 15px;

     /* only for spanish lang */



    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    --margin-title: 0 0 20px 0;

    --margin-paragraph: 0 0 20px 0;

    --gap-40:40px;

    --gap-50:50px;



    --border-radius-image: 10px;

    --padding-height: clamp(60px, 9.76563vw, 100px);

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */



    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

    --form-height: 54px;

    --form-font-color: #757575;

    --form-placeholder-color: #757575;

    --form-border-radious: 100px;

    --form-holder-bg: #FFFFFF;

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */

}

@media only screen and (max-width: 1599px) {

    :root{

        --f-size-XXXL:90px;  /* large font */

        --f-size-XXL: 50px;     /* h1 */

        --f-size-XL: 42px;      /* h2 */

        --f-size-L: 28px;       /* h3 */



        /* only for spanish lang */

    --f-size-XXXL-lang-es:85px;  /* large font */

    --f-size-XXL-lang-es: 55px;     /* h1 */

    --f-size-XL-lang-es: 38px;      /* h2 */

    --f-size-L-lang-es: 26px;       /* h3 */

    }

}

@media only screen and (max-width: 1399px) {

    :root{

        --f-size-XXXL:70px;  /* large font */

        --f-size-XXL: 40px;     /* h1 */

        --f-size-XL: 36px;      /* h2 */

        --f-size-L: 25px;       /* h3 */

        --f-size-M: 22px;       /* h4 */



        /* only for spanish lang */

    --f-size-XXXL-lang-es:60px;  /* large font */

    --f-size-XXL-lang-es: 35px;     /* h1 */

    --f-size-XL-lang-es: 32px;      /* h2 */

    --f-size-L-lang-es: 23px;       /* h3 */

    --f-size-M-lang-es: 20px;       /* h4 */

    }

}

@media only screen and (max-width: 1199px){

    :root{

        --gap-40:30px;

        --gap-50:40px;

    }

}

@media only screen and (max-width: 991px){

    :root{

        --f-size-XXXL:50px;  /* large font */

        --f-size-XXL: 34px;     /* h1 */

        --f-size-XL: 30px;      /* h2 */

        --f-size-L: 23px;       /* h3 */

        --f-size-M: 20px;       /* h4 */



        /* only for spanish lang */

    --f-size-XXXL-lang-es:45px;  /* large font */

    --f-size-XXL-lang-es: 30px;     /* h1 */

    --f-size-XL-lang-es: 28px;      /* h2 */

    --f-size-L-lang-es: 20px;       /* h3 */

    --f-size-M-lang-es: 18px;       /* h4 */

    --f-size-S-lang-es: 17px;       /* h5 */

     /* only for spanish lang */



        --gap-40:25px;

        --gap-50:30px;

    }

}

@media only screen and (max-width: 575px){

    :root{

        --f-size-XXXL:35px;  /* large font */

        --f-size-XXL: 30px;     /* h1 */

        --f-size-XL: 27px;      /* h2 */

        --f-size-Body: 15px;

        /* only for spanish lang */

    --f-size-XXXL-lang-es:32px;  /* large font */

    --f-size-XXL-lang-es: 28px;     /* h1 */

    --f-size-XL-lang-es: 25px;      /* h2 */

    --f-size-L-lang-es: 28px;       /* h3 */

    --f-size-M-lang-es: 20px;       /* h4 */

    --f-size-S-lang-es: 16px;       /* h5 */

    --f-size-Body-lang-es: 14px;

     /* only for spanish lang */

    }

}

/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */

html{ overflow-x: hidden;}

body{ font-family: var(--ff-base); font-weight: var(--fw-regular); font-size: var(--f-size-Body); color: var(--color-primary); overflow-x: hidden; margin: 0;}

[lang="es-ES"] body{ font-size: var(--f-size-Body-lang-es);}



h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{ font-family: var(--ff-base); color: var(--color-secondary); margin: var(--margin-title);}

h1,.h1{ font-size: var(--f-size-XXL);}

h2,.h2{ font-size: var(--f-size-XL); font-weight: var(--fw-bold);}

h3,.h3{ font-size: var(--f-size-L);}

h4,.h4{ font-size: var(--f-size-M);}

h5,.h5{ font-size: var(--f-size-S);}

h6,.h6{ font-size: var(--f-size-Body);}

p{ line-height: 1.5; margin: var(--margin-paragraph)}

p:last-child{ margin-bottom: 0;}





/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */

img{ max-width: 100%;}

a, img{ border: none; text-decoration: none; outline: none;}

a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}

ul{ list-style: none; margin: 0; padding: 0;}



.padding-common{ padding-top: var(--padding-height); padding-bottom: var(--padding-height);}

.title-design span{ color: var(--color-accent);}

.title-design h5{ letter-spacing: 12px;}

.mb-55{ margin-bottom: 55px;}

/* ==##==##== utility classes ==##==##== */

.image-adjustment{ position: relative; overflow: hidden;}

.image-adjustment img{ display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.background-adjustment{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}

.background-black{ background-color: var(--color-primary);}

.overlay-content{ position: relative; z-index: 3;}

.section-title{ margin-bottom: 30px;}

.sub-title{ color: var(--color-accent); font-weight: var(--fw-bold); text-transform: uppercase; margin-bottom: 12px;}

.fade-bg{ background: var(--color-quinary);} 

/* ==##==##== utility classes ==##==##== */

@media only screen and (min-width: 1600px){

    .container{ max-width: 1440px;}

}

@media only screen and (max-width: 1199px){

    .mb-55{ margin-bottom: 40px;}

}

@media only screen and (max-width: 991px){

    .mb-55{ margin-bottom: 30px;}

    .section-title{ margin-bottom: 25px;}

}





/* ==##==##== button settings ==##==##== */

.button__primary, a.button__primary, li.header-button a { display: inline-block; vertical-align: top; background: var(--color-secondary); border: 0; border-radius: 100px;  font-size: var(--f-size-Body); font-family: var(--ff-base); font-weight: var(--fw-semi-bold); line-height: 1; color: var(--color-white); text-align: center; text-transform: capitalize; padding: 20px 40px; position: relative; transition: var(--transition-common);}

.button__primary:hover, a.button__primary:hover{ background: var(--color-quaternary);}



.button__primary.button__blur, li.header-button a{ backdrop-filter: blur(10px);}

.button__primary.button__blur.button__white__blur, li.header-button a{ background: rgba(255, 255, 255, 0.1);}

.button__primary.button__blur.button__accent__blur{ background: rgb(254, 97, 0, 0.5);}

.button__primary.button__blur.button__white__blur:hover, .button__primary.button__blur.button__accent__blur:hover, li.header-button a:hover{ background: var(--color-quaternary);}

@media only screen and (max-width: 1399px){

    .button__primary, a.button__primary, li.header-button a{ padding: 18px 32px;}

}

@media only screen and (max-width: 991px){

    .button__primary, a.button__primary, li.header-button a{ padding: 17px 28px;}

}

@media only screen and (max-width: 767px){

    .button__primary, a.button__primary, li.header-button a{ padding: 16px 25px;}

}

/* ==##==##== button settings ==##==##== */



/* ==##==##== form control settings ==##==##== */

.form-row{ margin-bottom: 15px;}

.form-control { background-color: var(--form-holder-bg); height: var(--form-height); border: none; border-radius: var(--form-border-radious); box-shadow: none !important; color: var(--form-font-color); font-size: var(--f-size-Body); padding-right: 20px; padding-left: 20px; }

select.form-control { background: url(../images/select-arrow.svg); background-position: right 5px center; background-size: 13px; background-repeat: no-repeat; padding: 2px 22px 2px 15px; height: fit-content; color: var(--color-secondary); cursor: pointer;}

textarea.form-control{ height: 130px; padding-top: 15px; border-radius: 15px; resize: none;}



.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}

.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}

.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}

@media only screen and (max-width: 991px){

    textarea.form-control{ height: 100px;}

}



/* ==##==##== form control settings ==##==##== */





/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */

/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */



/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */

/* ~~hamburger menu start~~ */

.hamburger-nav { display: none; vertical-align: top; width: 32px; height: 26px; position: relative; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }

.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }

.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }

.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }

.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }

/* ~~hamburger menu end~~ */



.header-wraper { position: absolute; z-index: 999; top: 0; right: 0; left: 0; padding: 30px 0; }

.header-wraper .container-fluid { max-width: 1500px; margin: 0 auto; }

.header-wraper .left-menu, .header-wraper .right-menu { width: 40%; }

.site-logo { height: 130px; transition: var(--transition-common);}

.site-logo *{ display: inline-block; height: 100%; transition: var(--transition-common);}

.header-wraper .desktop-menu li{ text-transform: uppercase; margin: 0 16px;}

.header-wraper .desktop-menu li:first-child{ margin-left: 0;}

.header-wraper .desktop-menu li:last-child{ margin-right: 0;}

.header-wraper .desktop-menu li:not(.header-button) a { padding: 5px 10px; color: var(--color-white); position: relative;}

.header-wraper .desktop-menu li:not(.header-button) a::after{ content: ""; position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(90deg, #FE6100 0%, rgba(255, 255, 255, 0.2) 100%); border-radius: 100px; margin: 0 auto; visibility: hidden; transition: var(--transition-common);}

.header-wraper .desktop-menu li:not(.header-button) a:hover{ color: var(--color-accent);}

.header-wraper .desktop-menu li:not(.header-button) a:hover::before{ border-color: var(--color-accent);}

.header-wraper .desktop-menu li:not(.header-button) a:hover::after, .header-wraper .desktop-menu li.current-menu-item:not(.header-button) a::after{ width: 100%; visibility: visible;}

.current-menu-item:not(.header-button) a { color: var(--color-accent) !important; font-weight: var(--fw-bold);}

.header-wraper .button-row { margin-left: 35px; }

.wpml-ls-legacy-dropdown{ width: fit-content;}

.language-box{ margin-left: 20px;}

.language-box .wpml-ls-current-language, .language-box select { background-color: #FFFFFF; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: right 20px center; background-size: 12px; padding: 16px 40px 16px 25px; border: 0; border-radius: 100px; outline: none; color: var(--color-accent); font-weight: var(--fw-semi-bold); cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.language-box .wpml-ls-current-language .wpml-ls-item-toggle { padding: 0; border: 0; width: fit-content; background: transparent !important; color: var(--color-accent) !important; font-weight: var(--fw-semi-bold);}

.wpml-ls-legacy-dropdown a span { line-height: 1; display: block; }

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{ display: none;}



.wpml-ls-legacy-dropdown .wpml-ls-sub-menu { margin-top: 1px; border: 0; text-align: center; padding: 10px 0; background: #fff; border-radius: 5px; transition: var(--transition-common); opacity: 0;}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { background: transparent; border: 0; padding: 5px 0; color: var(--color-accent); }



.language-box .wpml-ls-current-language:hover .wpml-ls-sub-menu{ opacity: 1;}



/* sub-menu start */

.header-wraper .menu-item-has-children{ position: relative;}

.header-wraper .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 335px; border-radius: var(--border-radius-image);  position: absolute; z-index: 1; top: 100%; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common); }

.header-wraper .desktop-menu ul{ align-items: center;}

.header-wraper .desktop-menu .menu-item-has-children .sub-menu li{ margin: 0;}

.header-wraper .desktop-menu .menu-item-has-children .sub-menu a { display: block; padding: 10px 15px; color: var(--color-primary) !important; position: relative;}

.header-wraper .desktop-menu .menu-item-has-children .sub-menu a:hover { background: rgba(128, 128, 128, 0.3); color: var(--color-accent) !important;}

.header-wraper .desktop-menu .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }

.header-wraper .desktop-menu .menu-item-has-children>a { padding-right: 25px !important; }

.header-wraper .desktop-menu .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-white); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 8px; top: 10px; transition: var(--transition-common); }

/* sub-menu end */





.mobile-menu { display: none; background: var(--color-secondary); width: 100vw; height: 100vh; position: fixed; top: 0; left: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common); }

.mobile-menu .top-row { padding: 20px; }

.menu-open .mobile-menu { left: 0; }

.mobile-menubar{ padding: 20px 0; overflow: auto; height: calc(100vh - 140px); height: calc(100dvh - 140px);}





/* .mobile-menubar::-webkit-scrollbar { width: 5px; }



.mobile-menubar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }



.mobile-menubar::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 10px; }  */



html:has(body.menu-open){ height: 100vh; overflow: hidden;}

.mobile-menu .mobile-menubar li{ opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 20px; text-align: center; font-size: 20px; text-transform: uppercase; position: relative;}

.menu-open .mobile-menu .mobile-menubar li{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}

.menu-open .mobile-menu .mobile-menubar li:nth-child(2){ transition-delay: 0.24s;}

.menu-open .mobile-menu .mobile-menubar li:nth-child(3){ transition-delay: 0.32s;}

.menu-open .mobile-menu .mobile-menubar li:nth-child(4){ transition-delay: 0.40s;}

.menu-open .mobile-menu .mobile-menubar li:nth-child(5){ transition-delay: 0.48s;}

.menu-open .mobile-menu .mobile-menubar li:nth-child(6){ transition-delay: 0.56s;}

.menu-open .mobile-menu .mobile-menubar li:nth-child(7){ transition-delay: 0.56s;}

.mobile-menu .mobile-menubar li:not(.header-button):nth-child(odd) { background: rgba(242, 245, 249,0.12); }

.mobile-menu .mobile-menubar li:not(.header-button):nth-child(even) { background: rgba(242, 245, 249, 0.08); }

.mobile-menu .mobile-menubar li:not(.header-button) a{ display: inline-block; padding: 15px 0; color: var(--color-white);}

.mobile-menu .mobile-menubar li.header-button{ margin-top: 20px;}

.mobile-menu .mobile-menubar li .arrow { position: absolute; z-index: 1; top: 14px; right: 20px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: end; color: #fff; }

.mobile-menu .mobile-menubar li .arrow svg { display: block; height: 18px; transition: var(--transition-common); }

.no-banner .header-wraper, .error404 .header-wraper, .single-post .header-wraper, .single-players .header-wraper{ position: relative; background: linear-gradient(180deg, #012351 0%, #012351 100%); }

/* ~~ header sticky start ~~ */

@keyframes slide-down {

	0% {

		opacity: 0;

		transform: translateY(-100%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}

.header-sticky .header-wraper { position: fixed !important; padding: 12px 0; background: rgba(1, 35, 81,0.9) !important; box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1); animation: slide-down 0.5s; backdrop-filter: blur(10px); }

.header-sticky .header-wraper .site-logo{ height: 80px;}

.header-sticky .header-wraper li.header-button a{ background: rgba(255, 255, 255, 0.3);}

.header-sticky .header-wraper li.header-button a:hover{ background: var(--color-quaternary);}

.no-banner.header-sticky main, .error404.header-sticky main, .single-post.header-sticky main, .single-players.header-sticky main { padding-top: 190px; }

/* ~~ header sticky end ~~ */

@media only screen and (max-width: 1599px){

    .header-wraper .left-menu, .header-wraper .right-menu { width: 42%; }

    .header-wraper .desktop-menu li{ margin: 0 12px;}

}

@media only screen and (max-width: 1399px){

    .header-wraper{ padding: 22px 0;}

    .header-wraper .desktop-menu li{ margin: 0 10px;}

    .header-wraper .desktop-menu li:not(.header-button) a{ padding: 5px;}

    .site-logo { height: 100px; }

    .language-box{ margin-left: 10px;}

    .no-banner.header-sticky main, .error404.header-sticky main, .single-post.header-sticky main, .single-players.header-sticky main { padding-top: 144px; }

}

@media only screen and (max-width: 1199px) {

    .header-wraper .left-menu, .header-wraper .right-menu { width: 20%; }

	.desktop-menu { display: none; }

	.hamburger-nav { display: block; }

	.mobile-menu { display: block;}

	.mobile-menu .sub-menu { display: none; width: calc(100% - 30px); margin: 0 auto; padding-bottom: 25px;}

}

@media only screen and (max-width: 991px){

    .header-wraper { padding: 15px 0; }

    .site-logo { height: 80px; }

    .header-sticky .header-wraper .site-logo { height: 70px; }

    .no-banner.header-sticky main, .error404.header-sticky main, .single-post.header-sticky main, .single-players.header-sticky main { padding-top: 110px; }

}

@media only screen and (max-width: 767px){

    .header-wraper .left-menu, .header-wraper .right-menu { width: 30%; }

    .mobile-menubar { height: calc(100vh - 110px); height: calc(100dvh - 110px);}

}

@media only screen and (max-width: 575px){

    .site-logo { height: 70px; }

    .mobile-menu .mobile-menubar li{ font-size: 18px;}

    .language-box .wpml-ls-current-language { background-position: right 10px center; background-size: 10px; padding: 10px 25px 10px 15px; }

    .header-sticky .header-wraper{ padding: 8px 0;}

    .header-sticky .header-wraper .site-logo { height: 55px; }

    .no-banner.header-sticky main, .error404.header-sticky main, .single-post.header-sticky main, .single-players.header-sticky main { padding-top: 100px; }

    

}

@media only screen and (max-width: 419px){

    .site-logo { height: 60px; }

    .mobile-menubar { height: calc(100vh - 100px); height: calc(100dvh - 100px);}

    .header-sticky .header-wraper .site-logo { height: 50px; }

    .no-banner.header-sticky main, .error404.header-sticky main, .single-post.header-sticky main, .single-players.header-sticky main { padding-top: 90px; }

}

/* HOME PAGE START HERE----------- */

/* HOME PAGE START HERE----------- */

.hero-banner .banner-bg { padding-bottom: 49.5%;}

.hero-banner .banner-bg::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(1, 35, 81, 0.6) 0%, rgba(1, 35, 81, 0.4) 100%); }

.hero-banner .container-holder{ position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: end;}

.hero-banner .banner-info { padding-right: 25%; padding-bottom: 6%;}

.hero-banner .banner-info h1, .hero-banner .banner-info p{ color: var(--color-white);}

.hero-banner .banner-info h1 { max-width: 980px; margin: 0 auto var(--gap-50); text-align: end;}

.hero-banner .banner-info h1 span{ display: inline-block; font-size: var(--f-size-XXXL); font-weight: var(--fw-extra-bold); text-transform: uppercase; position: relative;}

.hero-banner .banner-info h1 span::before { content: attr(data-text); position: absolute; z-index: -1; font-size: var(--f-size-XXXL); font-weight: var(--fw-extra-bold); top: -2px; left: 8px; color: transparent; -webkit-text-stroke: 2px white; }

.hero-banner .banner-info .button-row { margin-left: 30%; margin-bottom: 100px; }

.hero-banner .banner-info .description-wrap { max-width: 620px;}

.hero-banner .banner-info .image-wraper { max-width: 40%; position: absolute; z-index: -2; right: 0; bottom: 0; }

.hero-banner .banner-info .image-wraper::before { content: ""; background: #426EC0; filter: blur(150px); position: absolute; width: 69%; height: 60%; border-radius: 50%; right: 0; bottom: 0; left: 0; margin: auto; z-index: -1; }



.about-section  .image-wraper{ border-radius: 10px; overflow: hidden;}

.about-section .big-image-outer { padding-right: 15%; height: 100%; min-height: 450px; }

.about-section .big-image-outer .image-wraper{ height: 100%; position: relative;}

.about-section .big-image-outer .image-wraper img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; }

.about-section .info-outer .small-image-outer{ max-width: 65%; margin: var(--gap-50) 0 0 auto;}

.about-section .info-outer .small-image { padding-bottom: 65%; z-index: 1; overflow: visible; }

.about-section .info-outer .small-image::before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #8B8F95; border-radius: 10px; transform: translate(-20px , -20px); transition: var(--transition-common);}

.about-section .info-outer .small-image img{ border-radius: 10px;}

.about-section .info-outer .small-image:hover::before { transform: none;}



.transfers-section::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 50%; height: 100%; margin: auto; background: url(../images/transfer-logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%;}

.transfers-section .title-row{ margin-bottom: var(--gap-50);}

.transfers-section .title-row .title-wrap{ max-width: calc(100% - 170px);}

.transfers-section .title-row h2{ margin-bottom: 0;}

.player-profile-card .player-profile-image-outer{ border-radius: 10px; overflow: hidden; margin-bottom: 20px;}

.player-profile-card .player-profile-image { padding-bottom: 130.2%; }

.player-profile-card .player-profile-image-outer .player-contract-wrap { padding: 20px 15px; /*background: linear-gradient(360deg, #F2F2F2 35.23%, rgba(242, 242, 242, 0) 100%);*/ position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; }

.player-profile-card .player-profile-image-outer .player-contract-wrap .button-wrap { opacity: 0; transition: var(--transition-common);}

.player-profile-card .player-profile-image-outer .player-contract-wrap strong{ font-weight: var(--fw-regular); color: var(--color-tertiary); margin-right: 5px;}

.contract-club { height: 100%; align-items: center; color: var(--color-tertiary);}

.contract-club .logo{ width: 17px; height: 20px; margin-left: 10px;}

.contract-club .logo img{ display: block; height: 100%;}

.player-profile-card .player-profile-details-row h5{ font-weight: var(--fw-semi-bold); color: var(--color-tertiary); font-size: var(--f-size-M); margin-bottom: .25rem;}

.age-wrap{ color: var(--color-tertiary);}

.player-profile-card .player-profile-details-row h5 a{ color: var(--color-tertiary);}

.player-profile-card:hover .player-profile-image-outer .player-contract-wrap .button-wrap{ opacity: 1; transform: translateY(-15px);}

.player-profile-card:hover .button__primary{ background: var(--color-quaternary);}

.transfers-arrow{ background: url(../images/blue-triple-arrow.svg) top left no-repeat; background-size: 100%; width: 45px; height: 16px;}

.slider-arrow { width: 70px; height: 50px; background-color: var(--color-secondary); background-size: 20px !important; background-repeat: no-repeat !important; background-position: center !important;  border-radius: 10px; transition: var(--transition-common); cursor: pointer;}

.slider-arrow:not(:last-child){ margin-right: 10px;}

.slider-arrow.slick-disabled{ background-color: #b0b1b4;}

.slider-arrow-prev.slick-arrow{ background-image: url(../images/prev-arrow.svg);}

.slider-arrow-next.slick-arrow{ background-image: url(../images/next-arrow.svg);}

.slick-list { margin-right: -12px; margin-left: -12px;}

.slick-slide{ padding-right: 12px; padding-left: 12px;}



.featured-section .featured-card-box{ display: flex; flex-direction: column; transition: var(--transition-common); height: 100%; opacity: 0.3;}

.featured-card-box .featured-card-image { padding-bottom: 130%; border-radius: 10px; margin-bottom: 20px; }

.featured-card-box .player-profile-details-row{ border-bottom: 1px solid #DEDEDE; margin-bottom: 15px; padding-bottom: 15px;}

.featured-card-box .player-profile-details-row h5{ font-size: var(--f-size-M); font-weight: var(--fw-semi-bold); color: var(--color-tertiary); margin-bottom: 0;}

.featured-card-box .player-profile-details-row h5 a{ color: var(--color-tertiary);}

.featured-section .featured-card-box .button__primary{ width: fit-content; margin-top: auto;}

.featured-slider .slick-list{ overflow: visible; clip-path: inset(-100vw -100vw -100vw 0);}

.featured-section .slick-active .featured-card-box{ opacity: 1;}

.featured-slider .slick-track{ display: flex;}

.featured-slider .slick-slide{ height: inherit;}



.services-section::before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; background: url(../images/transfer-logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.services-card-box{ border-radius: 10px; overflow: hidden;}

.services-card-box .image-box { padding-bottom: 124%; }

.services-card-box .image-box::before{ content: ""; background: linear-gradient(180deg, rgba(1, 35, 81, 0) 46.73%, #012351 94.96%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}

.services-card-box .info-box{ position: absolute; z-index: 3; padding: 30px; right: 0; bottom: 0; left: 0; transition: var(--transition-common);}

.services-card-box .button__primary{ background: var(--color-quaternary);}

.services-card-box h4{ font-weight: var(--fw-semi-bold); color: var(--color-white); margin-bottom: 0;}

.services-card-box h4 a{ color: var(--color-white);}

.services-card-box .description-wrap p{ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;  color: var(--color-white); margin-top: 20px;}

.services-card-box-col{ margin-top: 25px;}

@media only screen and (min-width: 768px){

    .services-card-box-col:nth-child(-n+2){ margin-top: 0;}

}

@media only screen and (min-width: 992px){

    .services-card-box-col:nth-child(-n+3){ margin-top: 0;}

    .services-card-box .info-box .description-wrap { max-height: 0; overflow: hidden; transition: max-height 0.5s;}

    .services-card-box:hover .info-box .description-wrap{ max-height: 170px; overflow: visible;}

}

.news-section .title-row{ margin-bottom: var(--gap-50); gap: 20px;}

.news-section .title-row h2{ margin-bottom: 0;}

.latest-news-box-card .latest-news-image-box { padding-bottom: 54%; border-radius: 10px; margin-bottom: 20px; }

.latest-news-box-card h5{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--color-tertiary); font-size: var(--f-size-M); font-weight: var(--fw-semi-bold); margin-bottom: 15px; transition: var(--transition-common);}

.latest-news-box-card h5 a{ color: var(--color-tertiary);}

[lang="es-ES"] .latest-news-box-card h5{ font-size: var(--f-size-M-lang-es);}

.news-card-box:not(:last-child){ margin-bottom: 25px;}

.news-card-box .image-wrap { width: 215px; height: 135px; border-radius: 10px; overflow: hidden; }

.news-card-box .image-wrap img, .news-card-box .image-wrap video, .news-card-box .image-wrap iframe{ width: 100%; height: 100%; object-fit: cover;}

.news-card-box .info-wrap{ width: calc(100% - 215px); padding-left: 24px;}

.news-card-box .info-wrap p{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--color-primary);}

.date{ margin-bottom: 5px;}

.news-card-box .info-wrap h5{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: var(--color-tertiary); font-size: var(--f-size-M); font-weight: var(--fw-semi-bold); margin-bottom: 15px; transition: var(--transition-common);}

.news-card-box .info-wrap h5 a{ color: var(--color-tertiary);}

.news-card-box a:hover h5{ color: var(--color-accent);}

@media only screen and (max-width: 1799px){

    .hero-banner .banner-info .image-wraper{ max-width: 25%;}

}

@media only screen and (max-width: 1599px){

    .hero-banner .banner-info h1{ max-width: 70%;}

    .hero-banner .banner-info{ padding-right: 15%;}

    .hero-banner .banner-info .button-row{ margin-bottom: 60px;}

    .hero-banner .banner-info .image-wraper{ max-width: 23%;}

}

@media only screen and (max-width: 1399px){

    .news-card-box .image-wrap { width: 160px; height: 120px; }

}

@media only screen and (max-width: 1199px){

    .hero-banner .banner-info{ padding-bottom: 30px;}

    .hero-banner .banner-info h1 span::before{ left: 5px;}

    .hero-banner .banner-info .button-row { margin-bottom: 40px; }

    .about-section .big-image-outer{ padding-right: 5%;}

    .about-section .info-outer .small-image::before{ transform: translate(-10px, -10px);}

    .slider-arrow { width: 60px; height: 45px; background-size: 18px !important; }

}

@media only screen and (max-width: 991px){

    .hero-banner .banner-bg { position: absolute !important; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: 0; }

    .hero-banner .container-holder{ position: relative; padding: 120px 0 30px; min-height: 400px;}

    .hero-banner .container-holder .position-relative{ position: static !important;}

    .hero-banner .banner-info { padding: 0 15%; text-align: center; }

    .hero-banner .banner-info h1 { max-width: 100%; text-align: center; }

    .hero-banner .banner-info h1 span { display: block; width: fit-content; margin: 0 auto; }

    .hero-banner .banner-info .button-row{ margin: 0 auto 20px;}

    .hero-banner .banner-info .image-wraper { max-width: 19%; }

    .about-section .big-image-outer { padding-right: 0; margin-bottom: 25px; height: auto; min-height: auto;}

    .about-section .big-image-outer .image-wraper { padding-bottom: 130%; }

    .about-section .info-outer .small-image-outer { max-width: calc(100% - 15px); margin-top: 35px; }

    .transfers-section::before{ width: 80%;}

    .transfers-section .arrow-row, .featured-section .arrow-row { margin-top: 25px; }

    .player-profile-card .player-profile-image-outer .player-contract-wrap .button-wrap{ opacity: 1; transform: translateY(-15px);}

    .slider-arrow { width: 50px; height: 40px; background-size: 15px !important; }

    .services-card-box .info-box{ padding: 15px 15px 20px;}

    .latest-news-box-card{ margin-bottom: 25px;}

    .latest-news-outer .button-row { margin-top: 25px; }

}

@media only screen and (max-width: 800px){

    .hero-banner .banner-info .image-wraper { max-width: 22%; }

}

@media only screen and (max-width: 767px){

    .hero-banner .container-holder{ padding: 240px 0 20px;}

    .hero-banner .container{ max-width: 100%;}

    .hero-banner .banner-info{ padding: 0; text-align: left;}

    .hero-banner .banner-info h1{ font-size: 20px; margin-bottom: 20px; text-align: left;}

    .hero-banner:not(.inner-banner) .banner-info h1 span{ margin: 0;}

    .hero-banner .banner-info .description-wrap{ max-width: 300px;}

    .hero-banner .banner-info p{ font-size: 14px;}

    .hero-banner .banner-info .image-wraper { max-width: 220px; }









    .services-card-box-col:first-child { margin-top: 0; }

    .transfers-section .title-row .title-wrap{ width: 100%;}

    .news-card-box .image-wrap { width: 100px; height: 80px; }

    .news-card-box .info-wrap { width: calc(100% - 100px); padding-left: 12px; }

}

@media only screen and (max-width: 575px){

    .hero-banner .banner-info{ padding: 0;}

    .hero-banner .banner-info h1 span::before { left: 3px; top: -1px; }

}

@media only screen and (max-width: 419px){

    .hero-banner .container-holder{ padding-top: 135px;}

    .hero-banner .banner-info h1{ max-width: 210px; margin-left: 0; font-size: 18px;}

    .hero-banner .button__primary{ font-size: 13px;}

    .hero-banner .banner-info .description-wrap { max-width: 200px; }

    .hero-banner .banner-info p { font-size: 13px; }

    .hero-banner .banner-info .image-wraper { max-width: 180px; }



}

/* HOME PAGE END HERE----------- */

/* HOME PAGE END HERE----------- */



/* FOOTER PART START HERE----------- */

/* FOOTER PART START HERE----------- */

.main-footer{ background: var(--color-secondary);}

.main-footer p, .main-footer a, .main-footer .share-link p{ color: #97A7BE;}

.main-footer a:hover{ color: var(--color-accent);}

.footer-about{ max-width: 360px;}

.main-footer .footer-logo{ height: 100px; width: fit-content; margin-bottom: 30px;}

.main-footer .footer-logo *{ display: inline-block; height: 100%;}

.main-footer h4{ color: var(--color-white); font-weight: var(--fw-semi-bold);}

.footer-menu li a{ display: inline-block; padding: 12px 0; text-transform: uppercase;}

.main-footer .share-link{ padding: 0; margin-bottom: 0; border: 0;}
.main-footer .share-link ul li:not(:last-child) { margin-right: 8px; }
.main-footer .share-link a{ background: var(--color-black);}
.main-footer .share-link a:hover{ background: var(--color-accent);}

.footer-contact .footer-contact-item-row{ padding-top: 12px;}

.footer-contact .footer-contact-item-row .icon{ display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border: 1px solid #2B4D7A; border-radius: 50%;;}

.footer-contact .footer-contact-item-row .info{ width: calc(100% - 54px); padding-left: 20px;}

.footer-bottom{ padding: 35px 0; border-top: 1px solid #3E5A80;}

.main-footer .policy-col li:not(:last-child){ margin-right: 35px;}


@media only screen  and (min-width: 992px) and (max-width: 1199px){
    .footer-about{ max-width: 420px; margin: 0 auto 30px; text-align: center;}
    .main-footer .footer-logo{ margin: 0 auto 25px;}
}
@media only screen and (max-width: 991px){

    .footer-about { max-width: 480px; margin-bottom: 30px; }

    .main-footer .footer-logo{ height: 80px;}

    .main-footer h4{ margin-bottom: 8px;}

    .footer-menu { margin-bottom: 18px; }

    .main-footer .policy-col li:not(:last-child) { margin-right: 15px; }

}

@media only screen and (max-width: 767px){

    .footer-menu li a { padding: 10px 0; }

    .footer-contact .footer-contact-item-row .icon { width: 45px; height: 45px; }

    .footer-contact .footer-contact-item-row .info { width: calc(100% - 45px); padding-left: 10px; }

    .footer-bottom{ padding: 20px 0;}

    .footer-bottom .copy-col{ width: 100%; text-align: center;}

}

/* FOOTER PART END HERE----------- */

/* FOOTER PART END HERE----------- */



/* ABOUT PAGE START HERE----------- */

/* ABOUT PAGE START HERE----------- */

.inner-banner .banner-bg{ padding-bottom: 33.64%;}

.inner-banner .banner-bg::before{ background: linear-gradient(180deg, #012351 0%, rgba(1, 35, 81, 0.4) 100%); }

.inner-banner .banner-info{ padding-right: 0; padding-bottom: 10%;}

.inner-banner .banner-info h1 { max-width: 100%; text-align: center; margin-bottom: 0; }

.inner-banner .banner-info h1 span::before { font-size: var(--f-size-XXXL); }



.common-section .image-outer { padding-right: 20%; }

.common-section .image-wraper { padding-bottom: 82%; overflow: visible;}

.common-section .image-wraper::before { content: ""; width: 80%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; border: 1px solid #8B8F95; border-radius: 10px; transition: var(--transition-common); transform: scale(1.07); }

.common-section .image-wraper img{ border-radius: 10px;}

.common-section .image-wraper:hover::before{ transform: none;}



.value-wraper ul { display: flex; flex-wrap: wrap; margin: 0 -12px; }

.value-wraper ul li { width: 50%; padding: 0 12px; margin-bottom: 25px; }

.value-wraper ul li strong { display: flex; align-items: center; color: var(--color-secondary); margin-bottom: 10px;}

.value-wraper ul li strong::before{ content: ""; display: block; width: 5px; height: 5px; background: var(--color-secondary); border-radius: 50%; margin-right: 8px;}

.value-wraper .bottom-des p{ font-weight: var(--fw-semi-bold); color: var(--color-tertiary); font-size: var(--f-size-M);}



.team-section{ background: var(--color-quinary); position: relative;}

.team-section::before{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 50%; height: 100%; margin: auto; background: url(../images/transfer-logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%;}

.team-box-card .team-image { width: 330px; height: 330px; border-radius: 50%; overflow: hidden; margin: 0 auto 20px; }

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

.team-box-card h4 { color: var(--color-tertiary); font-weight: var(--fw-semi-bold); margin-bottom: 10px; }

.team-box-card-col{ margin-top: 25px;}

@media only screen and (min-width: 768px){

    .team-box-card-col:nth-child(-n+2){ margin-top: 0;}

}

@media only screen and (min-width: 992px){

    .team-box-card-col:nth-child(-n+3){ margin-top: 0;}

}

@media only screen and (min-width: 1200px){

    .team-box-card-col:nth-child(-n+4){ margin-top: 0;}

}



.testimonial-section .slider-outer{ max-width: 1000px; margin: 0 auto;}

.review-info p { color: #262626; font-size: var(--f-size-M); font-weight: var(--fw-semi-bold);}

.testimonial-box{ padding: 30px 0 0; position: relative;}

.testimonial-box::before { content: ""; background: url(../images/quote.svg); background-position: center; background-size: 100%; background-repeat: no-repeat; width: 40px; height: 40px; position: absolute; z-index: -1; top: 0; left: 0; opacity: 0.12; }

.testimonial-box .profile-wrap { display: flex; justify-content: center; margin-top: 25px; }

.testimonial-box .profile-wrap::before { content: ""; display: block; width: 60px; height: 2px; background: #F17225; margin: 13px 10px 0 0; }

.testimonial-box .profile-wrap h4{ color: #482F27; font-weight: var(--fw-medium); margin-bottom: 0;}

.testimonial-box .profile-wrap p{ color: #414141;}



.testimonial-lower-box{gap: 40px;}

.testimonial-lower-box .thumb-holder{ width: 150px; height: 150px; position: relative; border-radius: 50%; overflow: hidden;}

.testimonial-lower-box .thumb-holder img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}



@media only screen and (max-width: 1599px){

    .team-box-card .team-image{ width: 250px; height: 250px;}

}

@media only screen and (max-width: 1399px){

    .common-section .image-outer { padding-right: 12%; }

}

@media only screen and (max-width: 1199px){

    .inner-banner .banner-info{ padding-bottom: 6%;}

    .common-section .image-outer { padding-right: 5%; }

    .testimonial-box{ padding: 30px 0 0; }

    .testimonial-box::before { width: 32px; height: 32px;}

}

@media only screen and (max-width: 991px){

    .inner-banner .banner-bg{ padding-bottom: 0;}

    .inner-banner .banner-info{ padding: 0;}

    .inner-banner .container-holder { min-height: 300px; padding: 140px 0 50px; }

    .common-section .image-outer { padding-right: 15px; margin-bottom: 45px; }

}

@media only screen and (max-width: 767px){

    .team-section::before{ width: 100%;}

    .team-box-card-col:first-child{ margin-top: 0;}

    .testimonial-box{ padding: 25px 0 0; }

    .testimonial-box::before { width: 25px; height: 25px;}



    .testimonial-lower-box{gap: 20px;}

    .testimonial-lower-box .thumb-holder{ width: 100px; height: 100px;}

    .testimonial-box .profile-wrap{ width: calc(100% - 120px);}

}

@media only screen and (max-width: 575px){

    .common-section .image-outer { padding-right: 12px; margin-bottom: 30px; }

    .common-section .image-wraper::before{ transform: scale(1.05);}

}

@media only screen and (max-width: 479px){

    .value-wraper ul li{ width: 100%;}

    .team-box-card .team-image { width: 200px; height: 200px; }

    .testimonial-box .profile-wrap::before{ width: 35px;}

    .review-info p{ font-size: 18px;}

}

/* ABOUT PAGE END HERE----------- */

/* ABOUT PAGE END HERE----------- */



/* PLAYERS PAGE START HERE----------- */

/* PLAYERS PAGE START HERE----------- */

.featured-players-section .title-row{ margin-bottom: var(--gap-40);}

.featured-players-section .title-row h2{ margin-bottom: 0;}

.successful-transfers-player-profile-outer .player-profile-card-col{ margin-top: 25px;}

.featured-players-slider .slick-track{ display: flex;}

.featured-players-slider .slick-slide{ height: inherit;}

@media only screen and (min-width: 768px){

    .successful-transfers-player-profile-outer .player-profile-card-col:nth-child(-n+2){ margin-top: 0;}

}

@media only screen and (min-width: 992px){

    .successful-transfers-player-profile-outer .player-profile-card-col:nth-child(-n+3){ margin-top: 0;}

}

@media only screen and (min-width: 1200px){

    .successful-transfers-player-profile-outer .player-profile-card-col:nth-child(-n+4){ margin-top: 0;}

}

.pagination-wraper{ margin-top: 30px;}

.pagination-wraper ul.page-numbers { display: flex; justify-content: center; }

.pagination-wraper .page-link { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0; background-color: var(--color-secondary); border: 0; border-radius: 50% !important; box-shadow: none; color: #fff; font-weight: var(--fw-semi-bold); margin: 0 5px !important; transition: var(--transition-common);}

.page-link[aria-label="Previous"], .page-link[aria-label="Next"]{ font-size: 0; background-position: center !important; background-size: 18px !important; background-repeat: no-repeat !important;}

.page-link[aria-label="Previous"]{ background-image: url(../images/pagination-prev.svg);}

.page-link[aria-label="Next"]{ background-image: url(../images/pagination-next.svg);}



.pagination-wraper .page-link:hover, .pagination-wraper .active .page-link{ background-color: var(--color-quaternary);}

/* .fake-scrollbar { position: absolute; top: 0; right: 5px; width: 5px; height: 50px; background: rgba(0, 0, 0, 0.3); border-radius: 5px; } */

@media only screen and (max-width: 991px){

    .pagination-wraper .page-link { width: 50px; height: 50px; margin: 0 3px !important; }

    .page-link[aria-label="Previous"], .page-link[aria-label="Next"]{ background-size: 16px !important;}

}

/* PLAYERS PAGE END HERE----------- */

/* PLAYERS PAGE END HERE----------- */







/* SERVECES PAGE START HERE----------- */

/* SERVECES PAGE START HERE----------- */

.common-bg{ background: var(--color-quinary);}

.common-bg::before { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 80%; height: 100%; margin: auto; background: url(../images/transfer-logo.png); background-repeat: no-repeat; background-position: center; background-size: 100%; }

.offer-card-box { background: #FFFFFF; border-radius: 20px; padding: 40px; height: 100%; transition: var(--transition-common);}

.offer-card-box .icon { width: 100px; height: 100px; border-radius: 50%; background: var(--color-quaternary); display: flex; align-items: center; justify-content: center; margin: 0 auto 30px; }

.offer-card-box .icon img{ transition: var(--transition-common);}

.offer-card-box h4{ font-weight: var(--fw-semi-bold); color: var(--color-tertiary); margin-bottom: 15px; transition: var(--transition-common);}

.offer-card-box-col{ margin-top: 25px;}

.offer-card-box:hover{ box-shadow: 5px 5px 0px 0px rgba(1, 35, 81, 0.9);}

.offer-card-box:hover .icon img{ transform: scale(1.1);}

.offer-card-box:hover h4{ letter-spacing: 0.2px;}

@media only screen and (min-width: 768px){

    .offer-card-box-col:nth-child(-n+2){ margin-top: 0;}

}

@media only screen and (min-width: 992px){

    .offer-card-box-col:nth-child(-n+3){ margin-top: 0;}

}

@media only screen and (max-width: 1399px){

    .offer-card-box{ padding: 25px;}

}

@media only screen and (max-width: 1199px){

    .offer-card-box{ padding: 20px 15px;}

    .offer-card-box .icon{ width: 80px; height: 80px; margin-bottom: 20px;}

}

@media only screen and (max-width: 767px){

    .offer-card-box-col:first-child{ margin-top: 0;}

}

/* SERVECES PAGE END HERE----------- */

/* SERVECES PAGE END HERE----------- */





/* NEWS PAGE START HERE----------- */

/* NEWS PAGE START HERE----------- */

.all-news-card-box-holder{ padding-bottom: 30px; border-bottom: 1px solid #D6D6D6;}

.all-news-card-box-holder .news-card-box-col{ margin-top: 25px;}

.all-news-card-box-holder .news-card-box .image-wrap { width: 100%; height: auto; padding-bottom: 70%; margin-bottom: 20px; }

.news-card-box .image-wrap video, .news-card-box .image-wrap iframe{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;}

.all-news-card-box-holder .news-card-box  .info-wrap { padding: 0; width: 100%;}

.all-news-card-box-holder .news-card-box  .info-wrap p{ -webkit-line-clamp: 3;}



.gallery-card-box .video-box{ border-radius: 10px; overflow: hidden; margin-bottom: 20px;}

.gallery-card-box .video-box::before { content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; transition: var(--transition-common);}

.all-news-card-box-holder .news-card-box .video-box .image-wrap{ margin-bottom: 0;}

.gallery-card-box .video-control{ display: flex; align-items: center; justify-content: center; background: #fff; border: 0; padding: 0; width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transition: var(--transition-common);}

.gallery-card-box.show-video .video-box::before{ opacity: 0;}

.gallery-card-box .video-control.playing { opacity: 0; visibility: hidden; }

.gallery-card-box:hover .video-control.playing { opacity: 1; visibility: visible; }

.news-details-wraper{ max-width: 1175px; margin: 0 auto;}

.news-details-section  .gallery-card-box{ margin-bottom: 30px;}

.news-details-section .news-gallery { position: relative; padding-bottom: 51.1%;}

.news-details-section .news-gallery>* { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.news-details-section .gallery-card-box{ position: relative; max-height: 780px; overflow: hidden; border-radius: 10px;}

.news-details-section .gallery-card-box img{ width: 100%; border-radius: 10px;}

.share-link { margin: 40px 0; padding: 40px 0; border-top: 1px solid#C7C7C7; border-bottom: 1px solid #C7C7C7; }

.news-details-wraper .gallery-card-box .video-control{ width: 92px; height: 92px;}

.share-link p{ margin: 0 15px 0 0; font-size: var(--f-size-M); font-weight: var(--fw-semi-bold); color: #262626;}

.share-link ul{ display: flex; flex-wrap: wrap; align-items: center;}

.share-link ul li:not(:last-child){ margin-right: 15px;}

.share-link li a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: var(--color-secondary); border-radius: 50%;}
.share-link li a img{ max-width: 20px; filter: brightness(0) invert(1);}

.share-link li a:hover{ background: var(--color-tertiary);}

.news-details-section  .button__primary.disabled { background: #b0b1b4; color: #ffffff; pointer-events: none; }



@media only screen and (min-width: 768px){

    .all-news-card-box-holder .news-card-box-col:nth-child(-n+2){ margin-top: 0;}

}

@media only screen and (min-width: 992px){

    .all-news-card-box-holder .news-card-box-col:nth-child(-n+3){ margin-top: 0;}

}

@media only screen and (max-width: 1199px){

    .news-details-wraper .gallery-card-box .video-control{ width: 60px; height: 60px;}

    .share-link { margin: 30px 0; padding: 30px 0;}

}

@media only screen and (max-width: 991px){

    .share-link { margin: 25px 0; padding: 25px 0;}

    .share-link ul li:not(:last-child){ margin-right: 8px;}

}

@media only screen and (max-width: 767px){

    .all-news-card-box-holder .news-card-box-col:first-child{ margin-top: 0;}

    .news-details-section .news-gallery{ padding-bottom: 62%;}

    .share-link { padding: 15px 0;}

}

/* NEWS PAGE END HERE----------- */

/* NEWS PAGE END HERE----------- */



/* CONTACT US PAGE START HERE----------- */

/* CONTACT US PAGE START HERE----------- */

.contact-info { padding-right: 7%; }

.contact-list-row:not(:last-child){ margin-bottom: 10px;}

.contact-list-row .icon { display: flex; justify-content: center; align-items: center; width: 54px; height: 54px; flex: 0 0 auto; background: var(--color-secondary); border-radius: 50%; margin-right: 20px; }

.contact-list-row p, .contact-list-row a{ color: var(--color-secondary);}

.contact-list-row a:hover{ color: var(--color-accent);}

.contact-info .share-link { margin: 30px 0 0; padding: 30px 0 0; border-bottom: 0; }

.contact-form { background: #EBEEF3; padding: 40px; }

.contact-form h2{ margin-bottom: 30px;}

.contact-form .button-row { margin-top: 20px; }

.wpcf7-response-output { margin: 25px 0 0 !important; border-color: var(--color-secondary) !important; border-radius: 5px; color: var(--color-accent); }

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

.wpcf7-not-valid{ border: 1px solid #dc3232;}

@media only screen and (max-width: 1199px){

    .contact-info { padding-right: 0; }

    .contact-info .share-link{ padding-top: 20px; margin-top: 20px;}

    .contact-form{ padding: 25px;}

}

@media only screen and (max-width: 991px){

    .contact-info{ margin-bottom: 25px;}

    .contact-list-row .icon { width: 45px; height: 45px; margin-right: 12px; }

    .contact-form { padding: 20px 15px; }

    .contact-form h2 { margin-bottom: 20px; }

}

.default-inner-wrap { max-width: 850px; padding: 80px; margin: 0 auto; background: rgba(128, 66, 40, 0.1); border: 1px solid var(--color-secondary); border-radius: 20px; }

@media only screen and (max-width: 991px){

    .default-inner-wrap{ padding: 60px 15px;}

}

@media only screen and (min-width: 992px){

    .default-section{ min-height: calc(100dvh - 770px);}

}

 /* SPANISH LANGUAGE FONT SIZE ADJUSTMENT START HERE */

 /* SPANISH LANGUAGE FONT SIZE ADJUSTMENT START HERE */

[lang="es-ES"] body{ font-size: var(--f-size-Body-lang-es);}

[lang="es-ES"] .button__primary, a.button__primary, li.header-button a{ font-size: var(--f-size-Body-lang-es);}

[lang="es-ES"] .form-control{ font-size: var(--f-size-Body-lang-es);}



[lang="es-ES"] h1,[lang="es-ES"] .h1{ font-size: var(--f-size-XXL-lang-es);}

[lang="es-ES"] h2,[lang="es-ES"] .h2{ font-size: var(--f-size-XL-lang-es); font-weight: var(--fw-bold);}

[lang="es-ES"] h3,[lang="es-ES"] .h3{ font-size: var(--f-size-L-lang-es);}

[lang="es-ES"] h4,[lang="es-ES"] .h4{ font-size: var(--f-size-M-lang-es);}

[lang="es-ES"] h5,[lang="es-ES"] .h5{ font-size: var(--f-size-S-lang-es);}

[lang="es-ES"] h6,[lang="es-ES"] .h6{ font-size: var(--f-size-Body-lang-es);}



[lang="es-ES"] .hero-banner .banner-info h1 span{ font-size: var(--f-size-XXXL-lang-es);}

[lang="es-ES"] .hero-banner .banner-info h1 span::before { font-size: var(--f-size-XXXL-lang-es);}

[lang="es-ES"] .inner-banner .banner-info h1 span::before { font-size: calc(var(--f-size-XXXL-lang-es) - 2px); }

@media only screen and (max-width: 1199px){

    [lang="es-ES"] .inner-banner .banner-info h1 span::before { font-size: calc(var(--f-size-XXXL-lang-es) - 1px); }

}

 /* SPANISH LANGUAGE FONT SIZE ADJUSTMENT END HERE */

 /* SPANISH LANGUAGE FONT SIZE ADJUSTMENT END HERE */



.players-details-section .single-profile-details{ margin-bottom: 25px;}

.players-details-section .profile-details-image { padding-bottom: 130%; border-radius: 10px; }

.players-details-section .single-profile-details-info { background: var(--color-quinary); padding: 30px; border-radius: 10px; height: 100%; }

.players-details-section .single-profile-details-info .name-row { margin-bottom: 30px; }

.players-details-section .single-profile-details-info .name-row h2{ margin-bottom: 0;}

.players-details-section .single-profile-details-info .name-row .contact-year { margin-right: 22px; color: var(--color-tertiary);}

.players-details-section .single-profile-details-info .name-row .contact-year span { display: block; color: #757575; margin-left: 10px; }

.player-single-details-information .details-item-row{ color: var(--color-tertiary);}

.player-single-details-information .details-item-row:not(:last-child){ margin-bottom: 20px;}



.achievements-outer{ margin-bottom: 25px;}

.players-details-section h3{ margin-bottom: 0; line-height: 1; font-weight: var(--fw-bold);}

.achievements-wrap h3{ margin-bottom: 20px;}

.achievements-wrap{ background: var(--color-quinary); padding: 30px; border-radius: 10px; height: 100%;}

.achievements-wrap .achievements-image { width: 100%; height: 130px; background: #FFFFFF; border-radius: 20px; padding: 25px 0; text-align: center; }

.achievements-wrap .achievements-image img{ display: inline-block; height: 100%; width: auto;}



.stats-club{ background: var(--color-quinary); padding: 30px 0 20px; border-radius: 10px; height: 100%;}

.stats-club .section-title{ margin-bottom: 15px; padding: 0 30px 20px; border-bottom: 1px solid #D1D4D9;}

.stats-club-details{ padding: 0 10px 0 30px;}

.stats-club-details-header { padding-bottom: 15px; }

.stats-club-details-header p{ color: var(--color-tertiary);}

.stats-club-details-header .icon { height: 25px; text-align: center; }

.stats-club-details-header .icon img{ height: 100%;}

.stats-club-details-col p{ text-align: center; color: var(--color-tertiary);}

.stats-club-details .contract-club{ color: var(--color-tertiary);}

.stats-club-details .contract-club .logo{ margin: 0 10px 0 0; height: 22px;}

.stats-club-details-col:not(:last-child){ margin-bottom: 12px;}

.stats-club-details .row { margin-right: -5px; margin-left: -5px; }

.stats-club-details .row>*{ padding-right: 5px; padding-left: 5px;}

.stats-club-details-col-outer { max-height: 115px; padding-top: 10px; padding-bottom: 10px; overflow-y: auto; overflow-x: hidden; }



.player-stats-all-season{ background: var(--color-quinary); padding: 30px 0 20px; border-radius: 10px;}

.player-stats-all-season .section-title{ margin-bottom: 15px; padding: 0 30px 20px; border-bottom: 1px solid #D1D4D9;}

.player-stats-season-body{ padding: 0 10px 0 30px;}

.small-col { width: 9%; }

.large-col{ width: 20%;}

.extra-large-col { width: 26%; }

.player-stats-all-season .col-row{ margin-right: -5px; margin-left: -5px;}

.player-stats-all-season .col-row>*{ padding-right: 5px; padding-left: 5px;}

.player-stats-season-body *{ color: var(--color-tertiary);}

.player-stats-season-body .player-stats-all-season-header { margin-bottom: 30px; }



.player-stats-all-season-col:not(:last-child){ margin-bottom: 20px;}

.player-stats-all-season-col .contract-club .logo { margin: 0 10px 0 0; height: 22px; }

.player-stats-all-season-col .club-logo{ height: 22px;}

.player-stats-all-season-col .club-logo img{ width: auto; height: 100%;}

.player-stats-all-season .club-wrap, .player-stats-all-season .appearances-wrap, .player-stats-all-season .goals-wrap, .player-stats-all-season .assists-wrap, .player-stats-all-season .card-wrap, .player-stats-all-season .min-played-wrap { text-align: center; }

.player-stats-all-season-col-outer{ max-height: 445px; padding-top: 10px; padding-bottom: 10px; overflow-y: auto; overflow-x: hidden;}



/* Width and color of scrollbar */

.players-details-section *::-webkit-scrollbar, .successful-transfers-table-outer *::-webkit-scrollbar{ width: 5px; }

/* Track (the area where scrollbar moves) */

.players-details-section *::-webkit-scrollbar-track, .successful-transfers-table-outer *::-webkit-scrollbar-track{ background: #D9D9D9; /* Light gray background */ border-radius: 10px;}

/* Handle (the moving part) */

.players-details-section *::-webkit-scrollbar-thumb, .successful-transfers-table-outer *::-webkit-scrollbar-thumb{ background: #012351; /* Dark gray */ border-radius: 10px;}

/* Handle on hover */

.players-details-section *::-webkit-scrollbar-thumb:hover, .successful-transfers-table-outer *::-webkit-scrollbar-thumb:hover{ background: #012351;}





.successful-transfers-table-outer .col-row{ margin-right: 0; margin-left: 0;}

.successful-transfers-table-outer .col-row>*{ padding-right: 12px; padding-left: 12px;}

.successful-transfers-table-outer .small-col, .successful-transfers-table-outer .medium-col{ width: 100%;}

@media only screen and (min-width: 992px){

    .successful-transfers-table-outer .small-col{ width: 10%;}

    .successful-transfers-table-outer .medium-col{ width: 26.6667%;}

    .successful-transfers-table-outer .player-stats-all-season-col{ border-style: solid; border-color: #bbb; border-width: 0 1px 1px 1px; padding: 8px 0;}

    .successful-transfers-table-outer .player-stats-all-season-col:not(:last-child){ margin: 0;}

    .successful-transfers-table-outer .player-stats-all-season-col-outer{ padding: 0;}

}

.successful-transfers-table-outer .player-stats-all-season-header{ font-weight: var(--fw-semi-bold); border: 1px solid #bbb; border-radius: 10px 10px 0 0; padding: 12px 0;}



/* Width and color of scrollbar */

.players-details-section *::-webkit-scrollbar { width: 5px; }

/* Track (the area where scrollbar moves) */

.players-details-section *::-webkit-scrollbar-track { background: #D9D9D9; /* Light gray background */ border-radius: 10px; }

/* Handle (the moving part) */

.players-details-section *::-webkit-scrollbar-thumb { background: #012351; /* Dark gray */ border-radius: 10px; }

/* Handle on hover */

.players-details-section *::-webkit-scrollbar-thumb:hover { background: #012351; }







@media only screen and (max-width: 1399px){

    .achievements-wrap .achievements-image{ height: 110px;}

}

@media only screen and (max-width: 1199px){

    .players-details-section .single-profile-details-info{ padding: 20px 15px;}

    .players-details-section .single-profile-details-info .name-row { margin-bottom: 25px; }

    .player-single-details-information .details-item-row:not(:last-child) { margin-bottom: 15px; }

    .achievements-wrap{ padding: 20px 15px;}

    .stats-club { padding: 20px 0 10px; }

    .stats-club .section-title{ padding: 0 15px 15px;}

    .stats-club-details{ padding-left: 15px;}

    .stats-club-details .contract-club .logo{ height: 18px;}

    .player-stats-all-season{ padding: 20px 0 10px;}

    .player-stats-all-season .section-title { padding: 0 15px 15px; }

    .player-stats-season-body{ padding-left: 15px;}

    .player-stats-season-body *{ font-size: 14px;}

    .player-stats-season-body .player-stats-all-season-header { margin-bottom: 15px; }

    .player-stats-all-season-col .contract-club .logo{ height: 18px;}

    .player-stats-all-season-col .club-logo { height: 18px; }

}

@media only screen and (max-width: 991px){

    .players-details-section .single-profile-details-info .name-row .name-details { width: 100%; margin-bottom: 5px; }

    .players-details-section .single-profile-details-info .name-row .name-details p{ font-size: 13px;}

    .players-details-section .single-profile-details-info .name-row .contract-details{ font-size: 14px;}

    .players-details-section .single-profile-details-info .name-row .contact-year{ margin-right: 12px;}

    .players-details-section .single-profile-details-info .name-row .contact-year span{ margin-left: 6px;}

    .players-details-section .single-profile-details-info .name-row .logo { height: 18px; margin-left: 6px; }

    .player-single-details-information .row { margin-right: -5px; margin-left: -5px; }

    .player-single-details-information .row>* { padding-right: 5px; padding-left: 5px; }

    .player-single-details-information .details-item-row { margin-bottom: 10px !important; font-size: 15px; }

    .players-details-section .single-profile-details-info{ padding-bottom: 10px;}



    .achievements-wrap{ margin-bottom: 25px; height: auto;}

    .achievements-slider .slick-list { margin-right: -5px; margin-left: -5px;}

    .achievements-slider .slick-slide{ padding-right: 5px; padding-left: 5px;}

    .achievements-wrap .achievements-image { border-radius: 10px; height: 100px; padding: 12px 0; }

    .player-stats-season-body .player-stats-all-season-header{ display: none;}

    .player-stats-all-season-col-outer{ padding-right: 10px;}

    .small-col, .large-col, .extra-large-col{ width: 50%;}

    .player-stats-all-season .col-row { margin-right: -12px; margin-left: -12px; }

    .player-stats-all-season .col-row>* { padding-right: 12px; padding-left: 12px; }

    .player-stats-all-season-col .td{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px;}

    .player-stats-all-season-col .td::before{ content: attr(data-label); font-weight: var(--fw-semi-bold);}

    .player-stats-all-season-col { padding: 10px; background: #97A7BE80; border-radius: 10px; }



    .successful-transfers-table-outer .player-stats-all-season-header{ display: none;}

}



@media only screen and (max-width: 767px){

    .players-details-section .single-profile-details { margin-bottom: 20px; }

    .players-details-section .profile-details-image{ margin-bottom: 20px;}

    .players-details-section .single-profile-details-info .name-row { margin-bottom: 15px; }

    .achievements-wrap { margin-bottom: 20px; }

    .stats-club-details-col-outer{ max-height: 125px;}

    .small-col, .large-col, .extra-large-col { width: 100%; }

    .player-stats-all-season-col-outer{ max-height: 420px;}

}

@media only screen and (max-width: 479px){

    .player-single-details-information  .details-item-row-col{ width: 100%;}

    .stats-club-details-inner { font-size: 14px; }

    .stats-club-details-col-outer{ max-height: 120px;}

    .stats-club-details-header .icon{ height: 20px;}

    /* .player-stats-all-season-col-outer{ max-height: 520px;} */

    .player-stats-all-season .col-row { margin-right: -5px; margin-left: -5px; }

    .player-stats-all-season .col-row>* { padding-right: 5px; padding-left: 5px; }

    .player-stats-all-season-col .contract-club .logo { height: 16px; margin-right: 5px; }



}