/* Root */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700&display=swap');

body{
    font-family: 'Outfit', sans-serif;
}
.outfit{ font-family: 'Outfit', sans-serif;}

li{
    list-style: none;
}

h1{font-family: 'Jomolhari', serif;}


/* TOP HEADER    */
section.logo-info-section .d-flex.justify-content-center {
    justify-content: end !important;
}
.modal-dialog.wpr-login-wrapper {
    font-family: 'Outfit', sans-serif;
}
.icon-col-header .fa {
    border: 1px solid #222;
    border-radius: 100%;
    padding: 8px 10px;
    font-size: 23px;
}
.info-col-header-contacts p {
    margin: 0;font-size: 15px;text-align: left;
}
.info-col-header-contacts a {
    font-size: 16px;
}
.info-col-header-contacts {
    padding-left: 10px;
}
.icon-col-header {
    width: auto; 
}
.header-contact-info.d-flex.align-items-center.mr {
    margin-right: 40px;
}
nav.navbar.navbar-expand-lg.bg-transparent .container {
    background: #ECECEC;
    margin-bottom: -30px;
    z-index: 9;
    border-radius: 14px;
    padding: 30px 100px;
}
/* Start Main Header */
.header_main_section_section {
    background: #2A312E;
}
#menu-main-header-menu li a {
    text-decoration: none;
	padding: 0 18px 0 18px;
}
#menu-main-header-menu li a span {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0em;
}
/* end Main header */

/* footer css start */
.footer_social ul {
    display: flex;
    justify-content: end;
    gap: 10px;
}
.footer_social li img {
    width: 45px;
    height: 45px;
}
/* footer css end */
section.main-blogs {
    padding-top: 60px;
}
.home-blog a.eael-grid-post-link {
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    color: #1E1E1E;
    line-height: 15px;
}
a.eael-grid-post-link {
    font-family: Outfit;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    color: #1E1E1E;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
 border-radius: 5px;
}
section.main-blogs {
    padding-bottom: 60px;
}
h5.wp-block-heading {
    color: #626262;
    font-size: 16px;
    padding: 0 0 10px 0;
}
body .wp-block-latest-posts__featured-image img {
    height: 265px;
    max-width: 100% !important;
    width: 100%;
    border-radius: 0.375rem;
    object-fit: cover;
}
body .wp-block-latest-posts__featured-image a {
    width: 100% !important;
}
.right-blogs a.wp-block-latest-posts__post-title {
    text-decoration: none;
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
}
.wp-block-latest-posts__featured-image {
    padding-bottom: 1rem;
}

.right-blog-box figure {
    margin: 1em 0px;
}
.right-blog-box .wp-block-image img {
    width: 100%;
}
.right-blog-box ul.wp-block-latest-posts__list.has-dates li {
    border-bottom: 1px solid #BFBFBF;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}
.section_gap.bg-black {
    background: #1E1E1E !important;
}
section.footer.section_gap.bg-black ul.wp-block-social-links.is-layout-flex.wp-block-social-links-is-layout-flex {
    justify-content: right;
}

/* Single blog post css start */

.single-page-section .eael-entry-thumbnail img {
    height: 100vh;
    border-radius: 0px !important;
    object-fit: cover;
}
.single_postes h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-decoration: none;
    color: #1E1E1E;
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.single_des p {
    color: #626262;
    font-size: 16px;
    line-height: 30px;
    padding: 1rem 0rem 1rem 0rem;
}
.single-post h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    text-decoration: none;
}
.single_des .single-post img {
    width: 100%;
    height: 100%;
}


h5.small-heading {
    font-size: 16px;
}
.black-100{
	color: #1E1E1E;
}
.black-70{
	color: #626262;
}
p.blog-content {
    line-height: 30px;
    text-align: justify;
}
.left-blogs h2 {
    border-bottom: 1px solid #BFBFBF;
    padding-bottom: 23px;
    margin-bottom: 14px;
    font-size: 30px;
}
.right-blogs a.wp-block-latest-posts__post-title { 
    width: 100%;
    display: block;
}
.wp-block-latest-posts__post-author, time.wp-block-latest-posts__post-date {
    display: inline-block;
    margin-top: 10px;
} 
time.wp-block-latest-posts__post-date {
    margin-left: 10px;
}
.left-blogs {
    padding-right: 30px;
    border-right: 1px solid #BFBFBF;
}
.right-blogs {
    padding-left: 10px;
}
.center-footer { 
    align-items: end;
}
.right-blogs h3 {
    font-size: 20px;
}
.comments_section h2 {
    font-size: 24px;
    color: #1E1E1E;
}
.single_des img {
    width: 100%;
    height: 100%;
}
/* Single blog post css end */

/* login and register page */
h2.login_heading {
    text-align: center;
    padding: 30px 0 10px 0;
    font-size: 28px;
}

section.login-main-section.float-left, section.footer.section_gap {
    float: left;
    width: 100%;
}
.login-section {
    width: 50%;
    margin: 0 auto;
}
.login-section #ur-frontend-form {
    border-radius: 10px;
}
input.user-registration-Button.button {
    background-color: #254c3b;
}
p.user-registration-LostPassword.lost_password a {
    color: #254c3b;
}
p.user-registration-register a {
    color: #254c3b;
}
.page-id-109 h2 {
    text-align: center;
    padding: 30px 0 25px 0;
    font-size: 28px;
}
.page-id-109 #user-registration-form-111 {
    width: 50%;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 50px;
}
.ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="text"]{
    border-radius: 5px;
}
.page-id-109 .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]{
    border: 1px solid #c0c4d4;
    border-radius: 5px;
    outline: none;
    transition: all 0.35s;
    padding: 10px 15px;
    background: #ffffff;
    color: #676d8a;
    height: 45px;

}
.page-id-109 .ur-form-row .ur-form-grid input[type="email"], input#user_pass{
  border: 1px solid #c0c4d4;
    border-radius: 5px !important;
    outline: none;
    transition: all 0.35s;
    padding: 10px 15px;
    background: #ffffff;
    color: #676d8a;
    height: 45px;
}
.page-id-109 button.btn.button.ur-submit-button {
    background-color: #254c3b;
    color: #fff;
    font-weight: 300;
}
.page-id-109 label.ur-label {
    font-weight: 300 !important;
}
/* Start Media Query Mobile Menu */


@media only screen and (max-width: 767px){
	.login-section {
    width: 100%;
    margin: 0 auto;
}
	.page-id-109 #user-registration-form-111 {
    width: 100%;
}
	ul#menu-main-header-menu li {
    line-height: 35px;
}
	.right_header {
    display: none;
}
.last-footer .products-list p {
    text-align: center  !important;
}
.footer_social ul {
    justify-content: center;
padding: 0;
}
.footer.section_gap #menu-footer-menu {
    display: grid !important;
    align-items: center;
    gap: 10px !important;
    justify-content: center;
    padding: 0 !important;
}
.last-footer {
    padding: 20px 0 20px 0 !important;
}
.center-footer figure.wp-block-image.size-full {
    text-align: -webkit-center;
    margin: 1rem 20px;
}
.center-footer {
    padding: 15px 0 15px 0 !important;
}
	.footer_social {
    padding: 12px 0 0 0;
}
	body .page-header .form-search {
    width: 100%;
}
	body h1.entry-title {
    font-size: 38px;
    margin: 15px 0px 15px 0;
}
	a.eael-grid-post-link {
    font-size: 16px;
    line-height: 0;
}
body p.blog-content {
    line-height: 28px;
}
body .right-blogs a.wp-block-latest-posts__post-title {
    font-size: 16px;
    line-height: 22px;
}
.single-post .left-blogs {
    padding-right: 0;
    border-right: 0;
}
.single-post .left-blogs h2 {
    font-size: 16px;
	 line-height: 22px;
}
.single-post .full-info-single-blog-page {
    padding: 15px 15px;
}
.single-post img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100%;
    height: auto;
}
}
/* End Media Query Mobile Menu */

/* Start Media Query Tab Menu */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.main-blogs .right-blogs {
    margin-top: 0;
}
	body .wp-block-latest-posts__featured-image img {
    height: auto;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: auto;
}
.left-blogs h2 {
    font-size: 26px;
}
.right-blogs a.wp-block-latest-posts__post-title {
    font-size: 16px;
}
}

/* End Media Query Tab Menu */

/* Home Page css start */


.inner_head {
    padding: 60px 0 60px 0;
}
.display-6 {
    font-size: 52px;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
}
.text-secondary {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-align: center;
}
.right {
    text-align: right;
}
.g-3 {
    padding: 50px 0 50px 0;
    background-color: #ededed52;
    border-radius: 6px;
    margin-bottom: 50px;
}
.pd {
    padding: 35px 0 10px 0;
}
.tenis-header h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.1em;
    text-align: left;
}
.pad {
    padding-bottom: 80px;
    padding-top: 30px;
}
.elementor-grid-eael-col-4 h6.blog-date.black-100 {
    font-weight: 300;
}
button#dropdownMenuButton1 {
    background-color: #254c3b;
}
section.main-banner {
    background-image: url(http://wbspicks.com/wp-content/uploads/2023/12/Frame-1000001715-1.png);
   background-size: cover;
    height: 90vh;
    display: flex !important;
    align-items: end;
    background-position: 100% 100%;
}
.inner-banner-home-page.position-relative {
    z-index: 999;
}
.slick-prev:before, .slick-next:before {
    color: #000 !important;
}
.feautre .bg {
    background: #23473705;
}
.middle-section {
    padding: 30px 25px 10px;
}
.bottom-section {
    padding: 15px 15px;
}
.blog-home-section {
    padding: 80px 0;
}
.blog-home-section img.attachment-post-thumbnail {
    width: 100%;
      height: 255px;
    object-fit: cover;
}
/* Home Page css End */

#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background: #254c3b !important;
    border-color: #254c3b !important;
    color: #fff;
}
#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    color: #000;
    font-family: 'Outfit';
    font-weight: 400;
}
input.user-registration-Button.button {
    border: 0px;
    color: #fff;
    font-family: 'Outfit';
    font-weight: 400;
    text-transform: capitalize;
}
.inner-banner-col-image img {
    width: 65%;
}







/* MY CSS START HERE */
/* COMMAN CSS */
@font-face {
font-family: 'HATTEN';
src: url('../fonts/HATTEN.woff') format('woff'),
url('../fonts/HATTEN.woff') format('woff')
} 
.hatten-font{
font-family: 'HATTEN';
}
h2.hatten-font.font-size-100 {
    font-size: 120px;
}
.sub-inner-heading h5 {
    font-size: 63px;
    margin: 0;font-weight: 500;
    position: relative;
}
.sub-inner-heading h5 img {
    width: 180px;
    position: absolute;
    top: -60px;
}
.sub-inner-heading p.w-90 {
    width: 85%;    margin: 20px 0;
}
button.btn.btn-yellow {
    background: #FFB000;
}
.banner-button-row .btn {
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;    width: 45%;
    padding: 13px 30px;
}
.banner-button-row {
    gap: 15px;
    display: flex;
}
section.sports-betting-section h2 {
    width: 66%;
    margin: 0 auto;
    font-size: 40px;
    font-weight: 500;
}
.about_headings {
    padding: 30px 0 0 0;
}
.inner-colom-sport {
    background: #8080800f;
    padding: 40px;
}
.inner-colom-sport p {
    font-size: 16px;
    margin: 20px 0;
    color: #1E1E1EB2;
    padding: 0 20px 0 20px;
}
.inner-colom-sport img {
    width: 31px;
    object-fit: contain;
}
.inner-colom-sport h3 {
    font-size: 20px;
    color: #1E1E1E;
    TEXT-TRANSFORM: UPPERCASE;
}
.inner-colom-sport SPAN {
    color: #234737;
    font-size: 14px;
    text-transform: uppercase;
}
.slick-prev:before {
    content: "\f104" !important;
}
.slick-next:before {
    content: "\f105" !important;
}
.slick-prev:before, .slick-next:before {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 40px !important;
    color: #222 !important;
    opacity: 1 !important;
}
.row.middle-section h3 {
    color: #000;
    font-size: 27px;
    margin: 0 0 0 3.9rem;
}
.artical-slider button.btn.border-btn {
    margin: 0 6rem 0 0;
}
.row.bottom-section.text-center span {
    font-size: 16px;
    color: #1E1E1EB2;
}
.row.cstm-bag-light-gray {
    background: #d7d7d71f;
}
.row.bottom-section.text-center h3 {
    font-size: 36px;
    color: #1E1E1E;
}
.row.bottom-section.text-center .col-md-4 {
    border-right: 1px solid #8b8b8b;
}
button.btn.border-btn {
    border: 1px solid #ababab;
    border-radius: 0;
    font-size: 13px;
}
section.about-section-main {
    padding: 70px 0 40px;
}
.row.text-center.about-top-row h2 {
    margin: 15px 0;
    font-size: 44px;
    font-weight: 500;
}
.row.text-center.about-top-row {
    width: 60%;
    margin: 0 auto 40px;
}
.row.text-center.about-top-row span {
    color: #234737;
}
.about-top-row p {
    color: #1E1E1EB2;
    font-family: Outfit;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
}
.col-inners p {
    font-size: 15px;
    color: #0000009e;
    padding: 0 34px 0px 34px;
}
.blog-headig {
    margin-bottom: 15px;
}
.blog-headig {
    margin-bottom: 15px;
    font-size: 40px;
    letter-spacing: 0em;
}
.col-inners h3 {
    color: #0000009e;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 22px 0 10px 0;
}
.col-inners img {
    width: 20%;
}
.row.bottom-section.text-center .col-md-4:last-child {
    border: none;
}

.col-inners:after {
    background: #2226;
    content: " ";
    display: block;
    height: 70px;
    width: 1px;
    position: absolute;
    right: -40px;
    bottom: 20%;
}
.col-inners {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
.col-inners.last-child-none-after:after {
    display: none;
}
section.blog-home-section {
    background: #d7d7d71f;
    margin-top: 40px;
}
header.eael-entry-header h2.black-100 {
    line-height: 23px;
}
.home-blog header.eael-entry-header h2.black-100{
    margin: 0 0 30px 0;
}
.home-blog h6.blog-date.black-100 {
    margin: 5px 0 10px 0;
}
a.text-uppercase.black-100.rd-more {
    text-decoration: none;
    font-size: 14px;
    color: #000;
}
.row.text-center.mt-btn-read-more a.btn.border-btn {
    border: 1px solid #ababab;
    border-radius: 0;
    font-size: 13px;
    width: auto;
    margin: 50px auto 0;
	    font-weight: 500;
}
.eael-grid-post-holder {
    background: #fff;
}
.home-blog .eael-grid-post-holder .eael-entry-wrapper {
    padding: 2px 15px 30px;
}
.artical-slider  .slick-prev, .artical-slider  .slick-next {
    top: 40%;
}
.home-banner button.btn.btn-success {
    background-color: #254c3b;
    border-color: #254c3b;
}
@media screen and (min-width:1399px) and (max-width:25000px){
.sub-inner-heading h5 {
    font-size: 73px; 
}
}
@media screen and (min-width:768px) and (max-width:991px){
	.sub-inner-heading h5 img, .inner-banner-col-image img {
    display: none;
}
	.inner-colom-sport { 
	padding: 40px 13px;
}
	section.home-banner.d-flex.align-items-center .col-xs-12 {
    width: 85%;
}}
@media screen and (min-width:992px) and (max-width:1199px){
	.sub-inner-heading h5 {
		font-size: 47px; 
	}
.inner-colom-sport { 
	padding: 40px 13px;
}
.banner-button-row .btn { 
    padding: 13px 16px;
}
.sub-inner-heading p.w-90 {
width: 100%; 
}}
@media screen and (min-width:320px) and (max-width:767px){
	body section.home-banner {
    height: 70vh;
}
	.blog-home-section {
    padding: 40px 0;
}
	.home-blog .eael-grid-post-holder .eael-entry-wrapper {
    padding: 2px 0px 15px;
}
	.slick-arrow {
    display: none !important;
}
body .second-section {
    padding: 40px 0;
}
section.sports-betting-section h2 {
    font-size: 22px;
}
	.row.middle-section h3 {
    margin: 0;
}
.row.bottom-section.text-center .col-md-4 {
    border-right: 0px solid #8b8b8b;
}
.artical-slider .col-md-12.feautre img {
    height: 250px;
}
.row.middle-section h3 {
    text-align: center;
}
section.sports-betting-section h2, .row.text-center.about-top-row {
    width: 100%;
}
.inner-colom-sport {
    padding: 40px 20px;
    margin: 10px 0;
}
.inner-banner-home-page.position-relative { 
    text-align: center;
}
.sub-inner-heading h5 {
    font-size: 30px; 
}
.sub-inner-heading h5 img, .inner-banner-col-image img {
display:none;
}
.sub-inner-heading p.w-90{
	width:100%;text-align:center;
}
h2.hatten-font.font-size-100 {
    font-size:70px;
}
	section.home-banner { 
    height: 70vh; 
}
button.navbar-toggler {
    border-color: #fff;    background: #fff;
}}

.banner-button-row button.btn.btn-success a {
    color: #fff;
    text-decoration: none;
}
.banner-button-row button.btn.btn-yellow a {
    color: #000;
    text-decoration: none;
}
.hm a {
    text-decoration: none;
    color: #000;
    font-weight:500;
}
@media only screen and (min-width: 768px){
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: auto;
    border-radius: 5px;
}
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 5px;
}