:root {
--primary-color: #051135;
--accent-blue: #1943BE;
--blue: #0D2C87;
--secondary-color: #20232F;
--text-secondary: #555;
--black-color: #000;
--white-color: #ffffff;
--divider-light: #E0E2EA;
--body-font-size: 14px;
--body-font-family: 'Libre Franklin', sans-serif;
--instrument-font-family: 'Instrument Sans';
--plusJakartaSan-font-family: 'Plus Jakarta Sans';
--newsreader-font-family: "Newsreader", serif;
;
--dividers-divider-blue: #081E5C;
--font-weight-700: 700;
--link-hover: #1943be;
--tab-color: #484C5D;
--placeholder-color: #C4C7D2;
}
html{
scrollbar-gutter: stable;
}
body {
margin-top: var(--header-height);
}
img {
max-width: 100%;
object-fit: cover;
}
.pointer {
cursor: pointer;
}
.outer-btn {
border-radius: 4px;
border: 2px solid var(--blue);
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
color: var(--primary-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
transition: all 0.2s ease-in-out;
background-color: var(--white-color);
}
.outer-btn:hover {
background-color: var(--blue);
color: var(--white-color);
}
.fill-btn {
border-radius: 4px;
background-color: var(--blue);
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
color: var(--primary-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
transition: all 0.2s ease-in-out;
color: var(--white-color);
border: none;
}
.fill-btn:hover {
background-color: var(--link-hover);
color: var(--white-color);
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 100%;
padding-right: 16px;
padding-left: 16px;
}
a {
text-decoration: none;
color: var(--primary-color);
}
a:hover,
a:focus,
a:active {
color: var(--link-hover);
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: var(--text-secondary) var(--text-secondary) #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: var(--text-secondary) #bbb #aaa;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid var(--text-secondary);
border-radius: 3px;
padding: 3px;
}
select {
border: 1px solid var(--text-secondary);
}
h1 {
font-size: 38px;
font-weight: 700;
line-height: 44px;
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 0px;
margin-bottom: 8px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
word-wrap: break-word;
word-break: break-word;
}
h2 {
font-size: 28px;
line-height: 30px;
font-weight: 600;
}
h3 {
font-size: 20px;
line-height: 26px;
font-weight: 600;
}
h4 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
h5 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
h6 {
font-size: 14px;
line-height: 22px;
font-weight: 600;
}
p {
font-size: 16px;
line-height: 26px;
font-weight: 400;
font-family: var(--body-font-family);
word-wrap: break-word;
word-break: break-word;
}
/* header css */
.custom-logo-link .custom-logo {
max-height: 40px;
}
.custom-main-menu>li>.sub-menu {
display: none;
}
.header-wrapper {
border-bottom: 1px solid var(--divider-light);
background: var(--white-color);
z-index: 100;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
position: fixed;
transition: all 0.3s ease;
width: 100%;
top: 0;
left: 0;
}
.header-wrapper.sticky {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.site-header {
width: 100%;
}
.top-header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-description {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 12px;
line-height: 18px;
letter-spacing: 0.36px;
font-weight: 400;
text-transform: uppercase;
}
.custom-top-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
position: relative;
}
.custom-top-menu li {
display: flex;
}
.custom-top-menu li a {
font-family: var(--body-font-family);
color: var(--primary-color);
font-size: 12px;
line-height: 18px;
letter-spacing: 0.36px;
text-transform: capitalize;
display: inline-block;
padding: 8px 16px
}
.custom-top-menu li .sub-menu{ display:none; }
.custom-top-menu > li > .sub-mobile-menu > .sub-menu {
min-width: 200px;
visibility: hidden;
opacity: 0;
position: absolute;
top:100%;
right: 0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 10px;
z-index: 9;
flex-direction: column;
max-height: 375px;
border-radius: 4px;
background: var(--white-color);
padding: 0px;
overflow: auto;
display: none;
}
.custom-top-menu > li:hover > .sub-mobile-menu .sub-menu {
display: flex;
opacity: 1;
visibility: visible;
}
.custom-top-menu > li:hover > .sub-mobile-menu > .sub-menu ul{ padding-left:0; }
.custom-top-menu > li:hover > .sub-mobile-menu > .sub-menu li{
flex-direction: column;
}
.main-header-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.custom-logo-link {
line-height: normal;
display: flex;
padding-top: 8px;
padding-bottom: 16px;
}
.custom-main-menu>li>a {
position: relative;
padding: 22px 8px;
color: var(--primary-color);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
display: inline-block;
font-family: var(--plusJakartaSan-font-family);
}
.custom-main-menu>li.menu-item-has-children>.next-button-content a {
position: relative;
padding: 22px 8px;
color: var(--primary-color);
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
display: inline-block;
font-family: var(--plusJakartaSan-font-family);
padding-right: 28px;
}
.custom-main-menu>li>a:before,
.custom-main-menu>li>.next-button-content a:before {
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 7px;
content: "";
}
.custom-main-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
column-gap: 16px;
}
.custom-main-menu>li {
position: relative;
}
.custom-main-menu>li>.sub-mobile-menu>.sub-menu {
min-width: 200px;
border-radius: 4px;
visibility: hidden;
opacity: 0;
position: absolute;
top: calc(100% + 6px);
left: 0;
background: var(--white-color);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
z-index: 9;
padding: 0;
flex-direction: column;
max-height: 375px;
overflow: auto;
}
.custom-main-menu>li>.sub-mobile-menu>.sub-menu li {
display: block;
}
.custom-main-menu>li>.sub-mobile-menu>.sub-menu li a {
display: block;
padding: 10px 15px;
text-decoration: none;
background: var(--white-color);
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-transform: lowercase !important;
}
.custom-main-menu>li>.sub-mobile-menu>.sub-menu li a::first-letter{
text-transform: uppercase !important;
}
.custom-main-menu>li>.sub-mobile-menu>.sub-menu li a:hover {
color: var(--primary-color);
}
.custom-main-menu>li:hover>.sub-mobile-menu>.sub-menu {
display: flex;
opacity: 1;
visibility: visible;
}
.custom-main-menu>li.menu-item-has-children>.next-button-content a::after {
content: "";
position: absolute;
right: 8px;
top: 25px;
width: 18px;
height: 18px;
background-position: center;
background-size: 10px;
background-repeat: no-repeat;
transition: transform 0.3s ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M0.599609 0.599976L5.09961 5.09998L9.59961 0.599976' stroke='%23484C5D' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.custom-main-menu>li.menu-item-has-children:hover>.next-button-content a::after {
transform: rotate(180deg);
}
.custom-main-menu>li:last-child>.sub-mobile-menu>.sub-menu,
.custom-main-menu>li:nth-last-child(2)>.sub-mobile-menu>.sub-menu,
.custom-main-menu>li:nth-last-child(3)>.sub-mobile-menu>.sub-menu {
left: initial;
right: 0;
}
.custom-main-menu>li.mega-menu-parent:last-child>.sub-mobile-menu>.sub-menu,
.custom-main-menu>li.mega-menu-parent:nth-last-child(2)>.sub-mobile-menu>.sub-menu,
.custom-main-menu>li.mega-menu-parent:nth-last-child(3)>.sub-mobile-menu>.sub-menu {
right: 16px;
}
.custom-main-menu>li>.sub-mobile-menu>.mega-menu {
width: max-content;
display: none;
flex-wrap: wrap;
max-width: 720px;
padding: 24px;
column-gap: 16px;
right: 16px;
left: initial;
flex-direction: row;
}
.custom-main-menu>li>.sub-mobile-menu>.mega-menu>li {
width: 208px;
border-bottom: var(--divider-light) solid 1px
}
.custom-main-menu>li>.sub-mobile-menu>.mega-menu>li a {
padding: 16px 0;
}
.custom-top-menu li a:hover,
.custom-main-menu>li:hover>a,
.custom-main-menu>li:hover>.next-button-content>a {
color: var(--link-hover);
}
.back-menu {
display: none;
}
.menu-toggle {
padding: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 12H21' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 6H21' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 18H21' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 24px;
height: 24px;
background-color: transparent;
border: none;
display: none;
}
.menu-toggle.close {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 6L6 18' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6L18 18' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.custom-main-menu>li.mega-menu-parent {
position: static;
}
.header-wrapper .container {
position: relative;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu>li>.next-button-content a,
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu>li>a {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
padding: 0;
text-transform: lowercase;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu>li>.next-button-content a::first-letter,
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu>li>a::first-letter{
text-transform: uppercase;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu .sub-menu {
list-style: none;
padding-left: 0;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu .sub-menu li {
border-bottom: var(--divider-light) solid 1px;
width: 208px
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu .sub-menu li a {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-transform: lowercase;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.sub-menu .sub-menu li ::first-letter{
text-transform: uppercase;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.mega-menu {
max-width: 960px;
row-gap: 16px;
flex-direction: row;
}
.custom-main-menu>li.mega-menu-parent.third-level-menu>.sub-mobile-menu>.mega-menu>li {
border-bottom: none;
}
.search-popup .live-search-wrapper {
position: relative;
}
.live-search-results {
position: absolute;
background: #fff;
width: 100%;
max-height: 256px;
overflow-y: auto;
border: 1px solid #ddd;
display: none;
z-index: 999;
top: 100%;
border-radius: 4px;
}
.live-search-results a {
background: url('data:image/svg+xml;utf8,') no-repeat 16px 50%;
display: block;
padding: 12px 16px 12px 50px;
border-bottom: 1px solid var(--divider-light);
overflow: hidden;
color: var(--primary-color);
text-overflow: ellipsis;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
white-space: nowrap;
text-align: left;
}
.live-search-results a:hover {
background-color: #f7f7f7;
}
.live-search-no-results {
padding: 16px;
overflow: hidden;
color: var(--primary-color);
text-overflow: ellipsis;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
/* header css */
.next-arrow {
display: none;
cursor: pointer;
}
.single-post-right .section-info-wrapper {
padding-top: 0;
margin-bottom: 12px;
}
.single-post-right .section-info-wrapper .section-title {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.22px;
}
.site-branding img {
aspect-ratio: 315 / 36;
object-fit: contain;
}
.site-title {
margin: 0;
}
.main-navigation .nav-inner,
.search-inner {
display: flex;
align-items: center;
gap: 16px;
}
.search-inner {
justify-content: flex-end;
}
.main-navigation .nav-inner.hide {
display: none;
}
.main-banner-wrapper {
padding: 16px 0px;
}
.main-banner-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
z-index: 9;
margin-bottom: 166px;
}
.main-banner-content h1 {
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 55px;
font-style: normal;
font-weight: 700;
line-height: 60px;
letter-spacing: -1.65px;
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.main-banner-content h1 span {
background: linear-gradient(90deg, var(--blue) 40.87%, var(--accent-blue) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.main-banner-content h1 span.no-gradiant {
background: none;
-webkit-text-fill-color: var(--blue);
color: var(--blue);
}
.main-banner-content p {
color: var(--white-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: 0.32px;
margin-bottom: 16px;
max-width: inherit !important;
}
.main-banner-wrapper1:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264' height='497' viewBox='0 0 264 497' fill='none'%3E%3Cpath d='M404.633 -35L103.633 534' stroke='url(%23paint0_linear_69_9573)' stroke-width='120'/%3E%3Cpath d='M305.633 -13L17.6328 525' stroke='url(%23paint1_linear_69_9573)' stroke-width='40'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_69_9573' x1='254.133' y1='88.4623' x2='254.133' y2='448.113' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230D2C87'/%3E%3Cstop offset='1' stop-color='%23051135'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_69_9573' x1='161.633' y1='-13' x2='161.633' y2='525' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23051135'/%3E%3Cstop offset='1' stop-color='%23081E5C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
background-size: 100%;
width: 264px;
height: 497px;
position: absolute;
right: 0;
top: 0;
content: "";
pointer-events: none;
background-position: top left;
background-size: 100%;
background-repeat: no-repeat;
}
.main-banner-wrapper1:after {
position: absolute;
left: -109px;
top: 0;
height: 496px;
width: 889px;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='889' height='496' viewBox='0 0 889 496' fill='none'%3E%3Cpath d='M261.27 0H889L627.73 496H0L261.27 0Z' fill='url(%23paint0_linear_70_4431)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_70_4431' x1='793.82' y1='-88.2932' x2='793.82' y2='496' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23081E5C'/%3E%3Cstop offset='0.6' stop-color='%23051135'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
height: 496px;
width: 889px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
pointer-events: none;
z-index: -1;
}
.news-section-wrapper {
margin-bottom: 16px;
}
.news-section-wrapper .article-item-wrapper .news img {
margin-bottom: 8px;
}
.news-section-wrapper .article-item-wrapper .left-side .side-title {
margin-bottom: 12px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.news-section-wrapper .article-wrapper {
justify-content: start;
row-gap: 24px
}
.slash-after::after {
content: "";
display: inline-block;
width: 26px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28' fill='none'%3E%3Cpath d='M14 4.79712H18L10 23.7971H6L14 4.79712Z' fill='%231943BE'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 4px;
vertical-align: middle;
}
.section-info-wrapper {
display: flex;
align-items: center;
padding-top: 16px;
margin-bottom: 16px;
justify-content: space-between;
}
.section-info-wrapper .section-title {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 28px;
font-weight: var(--font-weight-700);
line-height: 34px;
letter-spacing: -0.56px;
}
.footer-column .footer-accordion-title {
margin-bottom: 6px;
}
.section-info-wrapper .section-date {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.section-info-wrapper .allnews-banner {
color: var(--white-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
}
.section-info-wrapper .allnews-banner:hover {
color: var(--link-hover) !important
}
.section-info-wrapper .allnews-banner:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='17' viewBox='0 0 21 17' fill='none'%3E%3Cg clip-path='url(%23clip0_162_7074)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.707 7.29175H0.29061V9.04175H20.707V7.29175Z' fill='%231943BE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8319 9.04175C15.7164 9.04175 12.3535 5.42258 12.3535 1.56335V0.688354H14.1035V1.56335C14.1035 4.49353 16.7199 7.29175 19.8319 7.29175H20.707V9.04175H19.8319Z' fill='%231943BE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8319 7.29175C15.7164 7.29175 12.3535 10.9109 12.3535 14.7701V15.6451H14.1035V14.7701C14.1035 11.84 16.7199 9.04175 19.8319 9.04175H20.707V7.29175H19.8319Z' fill='%231943BE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_162_7074'%3E%3Crect width='21' height='16.3333' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.top-news-section .top-news-grid {
display: flex;
align-items: stretch;
flex-direction: row;
align-content: space-between;
}
.top-news-section .featured-article {
background-color: #F4F5F7;
padding: 24px;
display: flex;
gap: 12px;
flex-direction: column;
max-width: 366px;
}
.news-page .top-news-section .side-news-item:last-child {
border-bottom: 1px solid var(--divider-light)
}
.ga-related-news-block .side-news-list .side-news-item:last-child {
border-bottom: 1px solid var(--divider-light)
}
.tag,
.meta .tag,
.meta span {
font-size: 12px;
line-height: 16px;
font-family: var(--plusJakartaSan-font-family);
}
.tag,
.meta .tag {
color: var(--blue);
font-weight: var(--font-weight-700);
letter-spacing: 0.48px;
text-transform: uppercase;
}
.tag a,
.meta .tag a {
color: var(--blue);
}
.tag a:hover,
.meta .tag a:hover {
color: var(--link-hover);
}
.featured-article .title {
font-size: 38px;
font-style: normal;
font-weight: var(--font-weight-700);
line-height: 44px;
letter-spacing: -1.14px;
margin-bottom: 0px;
color: var(--text-primary, #051135);
font-family: var(--instrument-font-family);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.meta span {
color: var(--text-secondary);
margin-right: 8px;
}
.meta span.dot {
color: #E0E2EA
}
.meta span a {
color: var(--text-secondary);
}
.meta span a:hover {
color: var(--link-hover);
}
.featured-article .excerpt {
overflow: hidden;
color: var(--secondary-color);
font-size: var(--body-font-size);
font-style: normal;
font-weight: 400;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0;
}
.featured-article .meta {
line-height: 16px;
gap: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.featured-article .meta .time,
.featured-article .meta .author {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.24px;
}
.featured-article .meta .author a {
color: var(--text-secondary);
}
.featured-article .meta .author a:hover {
color: var(--link-hover);
}
.main-image {
max-height: 400px;
max-width: 668px;
flex-shrink: 0;
flex: 1;
}
.main-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.side-news-list {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: start;
max-width: 366px;
padding-left: 16px;
padding-right: 16px;
}
.side-title {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 8px;
}
.side-title a {
color: var(--primary-color);
text-decoration: none;
}
.side-title a:hover {
color: var(--link-hover);
}
.side-news-item {
display: flex;
justify-content: space-between;
gap: 15px;
padding-bottom: 16px;
border-bottom: 1px solid var(--divider-light);
}
.side-news-item:last-child {
border-bottom: none;
}
.side-news-item .right-side img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px;
}
.article-item.left-side .meta {
display: flex;
column-gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.article-item.left-side .meta .tag {
color: var(--blue);
font-family: var(--plusJakartaSan-font-family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.48px;
text-transform: uppercase;
margin-right: 0
}
.article-item.left-side .meta .time {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.24px;
margin-right: 0
}
.side-meta {
font-size: 11px;
color: #666;
}
.article-section {
margin: 0px 0px 24px 0px;
}
.article-section .side-title {
font-size: 18px;
}
.article-wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: space-around;
}
.article-wrapper .article-item-wrapper {
width: 267px;
height: auto;
display: flex;
gap: 8px;
flex-direction: column;
border-bottom: 1px solid var(--divider-light);
}
.article-wrapper .article-item-wrapper img {
height: 155px;
width: 100%;
object-fit: cover;
border-radius: 2px;
}
.article-item-wrapper .left-side .side-title {
margin-bottom: 12px;
}
.article-item-wrapper .left-side .meta {
margin-bottom: 16px;
}
.error-404 {
padding: 60px 0px;
}
.search-open-btn {
background: none;
border: none;
cursor: pointer;
padding: 6px;
display: flex;
align-items: center;
color: inherit;
}
.search-open-btn span {
display: none;
}
.search-popup .search-form {
width: 400px;
position: relative;
background: var(--white-color);
display: flex;
align-items: center;
column-gap: 8px;
padding: 0;
}
.search-popup .search-submit {
margin-top: 20px;
width: 100%;
}
.search-popup .search-form>label {
width: 100%
}
.search-popup input[type="search"] {
border-radius: 4px;
border: 1px solid var(--divider-light);
width: 100%;
padding: 10px 24px;
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
height: 44px;
}
.search-popup input[type="search"]:focus,
.search-result-form-wrapper input[type="search"].search-field:focus {
outline: 0;
border: #A3BAFF solid 1px;
}
.search-popup .search-form .search-submit.has-search-icon {
position: absolute;
right: 24px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: 22px;
width: 24px;
height: 24px;
border: none;
cursor: pointer;
padding: 0;
text-indent: -9999px;
overflow: hidden;
margin: 0px;
}
.search-popup input[type="search"]::-webkit-search-cancel-button,
.search-result-form-wrapper input[type="search"].search-field::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
.search-popup .search-close-btn {
position: relative;
background: transparent;
border: none;
cursor: pointer;
color: var(--primary-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
border-radius: 4px;
background: var(--divider-light);
min-width: 191px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
transition: all 0.3s ease;
padding: 12px 24px;
height: 44px;
}
.search-popup .search-close-btn span {
min-width: 111px;
display: inline-flex;
white-space: nowrap;
}
.search-popup .search-close-btn:hover {
background-color: var(--primary-color);
color: #FFF;
}
.search-popup .search-close-btn svg {
flex-shrink: 0
}
.search-popup input[type="search"]::-webkit-input-placeholder,
.search-result-form-wrapper input[type="search"].search-field::-webkit-input-placeholder {
color: var(--placeholder-color);
}
.search-popup input[type="search"]::-moz-placeholder,
.search-result-form-wrapper input[type="search"].search-field::-moz-placeholder {
color: var(--placeholder-color);
}
.search-popup input[type="search"]:-ms-input-placeholder,
.search-result-form-wrapper input[type="search"].search-field:-ms-input-placeholder {
color: var(--placeholder-color);
}
.search-popup input[type="search"]:-moz-placeholder,
.search-result-form-wrapper input[type="search"].search-field:-moz-placeholder {
color: var(--placeholder-color);
}
/* Wrapper */
.main-navigation.search-active {
position: relative;
}
/* Search popup box */
.search-popup {
position: absolute;
width: 100%;
border-radius: 6px;
opacity: 0;
transform: translateY(10px);
pointer-events: none;
transition: all 0.25s ease;
z-index: 99;
display: none;
}
.search-popup.active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
position: relative;
display: flex;
justify-content: flex-end;
gap: 18px;
}
.main-navigation.search-active #primary-menu {
opacity: 0.4;
transition: 0.25s;
}
.overlay {
background-color: rgba(0, 0, 0, 0.3);
display: none;
visibility: hidden;
top: 80.8px;
position: fixed;
border: none;
width: 100%;
bottom: 0px;
z-index: 99;
}
.overlay-active {
background-color: rgba(8, 30, 92, 0.2);
display: block;
visibility: unset;
top: 80.8px;
position: fixed;
border: none;
width: 100%;
bottom: 0px;
z-index: 99;
}
#mobile-menu {
display: none;
position: fixed;
top: 50px;
left: 0;
width: 100%;
height: 100vh;
background: var(--white-color);
padding: 20px 20px 20px;
z-index: 999;
overflow-y: auto;
margin: 0px;
list-style: none;
}
#mobile-menu.open {
display: block;
}
#mobile-menu li a {
display: block;
padding: 14px 0;
font-size: 18px;
border-bottom: 1px solid #eee;
}
.single-quote {
display: flex;
padding: 16px 24px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
border-radius: 2px;
background: #EAEFFF;
}
.single-quote h3 {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px;
text-transform: capitalize;
margin-bottom: 0
}
.single-quote ul {
list-style: none;
padding-left: 18px;
margin-bottom: 0
}
.single-quote ul li {
position: relative;
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.single-quote ul li:after {
content: "";
position: absolute;
top: 10px;
left: -18px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: var(--blue);
}
.single-quote ul li a {
color: var(--blue);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
position: relative;
text-decoration: none;
}
.single-quote ul li a:after {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
border-bottom: solid 2px var(--blue);
content: ""
}
.single-quote ul li a:hover {
color: var(--link-hover)
}
.single-quote ul li a:hover:after {
border-bottom-color: var(--link-hover)
}
/* Single post css*/
.article-wrapper {
justify-content: start;
row-gap: 40px;
}
.pagination {
padding: 24px 24px 32px 24px;
width: 100%;
justify-content: center;
}
.page-numbers {
border: 1px solid #E0E2EA;
background: #FFF;
padding: 8px 15px;
text-decoration: none;
color: #20232F;
text-align: center;
font-family: "Libre Franklin";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.page-numbers.next,
.page-numbers.prev {
padding: 7px;
}
.page-numbers.current {
border: 1px solid #081E5C;
background: #051135;
color: #fff;
}
.search-result-form-wrapper .search-form .search-submit {
display: none;
}
.no-search-wrapper .article-item-wrapper {
border-right: 1px solid var(--divider-light);
border-bottom: 0px;
}
/*single post page css*/
.post-author-meta {
display: flex;
gap: 32px;
margin-bottom: 16px;
align-items: center;
margin-top: 16px;
}
.left-author-box {
display: flex;
align-items: center;
}
.author-badge-wrapper {
display: flex;
flex-direction: row;
flex: 1;
justify-content: space-between;
gap: 10px;
}
.left-author-box .author-info .author-details {
display: flex;
flex-direction: column;
}
.left-author-box .author-info.border-left {
border-left: #E0E2EA solid 1px;
padding-left: 32px;
}
.left-author-box .author-info .author-checked {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
display: flex;
align-items: center;
}
.left-author-box .author-info .author-checked i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M3.11554 8.4042C2.94268 8.4042 2.77703 8.32978 2.66419 8.19774L0.14816 5.31689C-0.0703117 5.06721 -0.0439029 4.6879 0.205779 4.46944C0.455461 4.25097 0.834786 4.27738 1.05326 4.52705L3.11554 6.88936L8.95186 0.205772C9.17033 -0.0439016 9.54966 -0.0703093 9.79934 0.148156C10.049 0.36662 10.0754 0.745933 9.85696 0.995607L3.56929 8.19774C3.45405 8.32738 3.28839 8.4042 3.11554 8.4042Z' fill='%230D2C87'/%3E%3Cpath d='M6.54354 8.45245C6.53153 8.45245 6.52193 8.45245 6.50993 8.45245C6.33467 8.44284 6.17142 8.35642 6.06578 8.21718L5.72247 7.76584C5.5208 7.50176 5.57362 7.12485 5.8353 6.92559C6.06098 6.75274 6.37068 6.76715 6.58195 6.94L12.9657 0.23721C13.1937 -0.00286161 13.5731 -0.0124647 13.8131 0.215603C14.0532 0.443671 14.0628 0.822984 13.8347 1.06305L6.97808 8.26759C6.86524 8.38763 6.70919 8.45245 6.54354 8.45245Z' fill='%230D2C87'/%3E%3C/svg%3E");
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
margin-left: 5px
}
.col-gap-4 {
column-gap: 4px
}
.paragraph {
border-bottom: var(--divider-light) solid 1px;
}
.paragraph p {
margin-bottom: 24px;
color: var(--tab-color);
font-family: var(--body-font-family);
font-size: 12px;
font-weight: 400;
line-height: 16px;
padding-bottom: 16px;
}
.paragraph p a {
color: var(--tab-color);
}
.post-date {
display: flex;
flex-direction: column;
}
.post-date .label {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.post-date .date {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.author-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
background-color: var(--divider-light);
flex-shrink: 0
}
.author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.author-info {
display: flex;
gap: 12px;
align-items: center;
}
.author-details .author-name {
color: var(--blue);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.author-details .author-role {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
}
.source-badge {
max-width: 182px;
display: flex;
align-items: center;
gap: 8px;
border-radius: 4px;
border: 1px solid var(--divider-light);
padding: 6px 12px;
flex-shrink: 0;
margin-top: 3px;
}
.source-badge .google-icon {
width: 25px;
flex-shrink: 0;
display: flex;
}
.source-badge span {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.post-meta {
display: flex;
flex-direction: column;
gap: 16px;
}
.post-meta p {
margin-bottom: 0;
color: var(--secondary-color);
font-family: var(--instrument-font-family);
}
.post-meta p a {
color: #0D2C87;
}
.post-meta p a:hover {
color: #0D2C87;
text-decoration: underline;
}
.post-meta h1,
.post-meta h2,
.post-meta h3,
.post-meta h4,
.post-meta h5,
.post-meta h6 {
margin-bottom: 0
}
.post-author-large .author-name a {
font-size: 22px;
line-height: 26px;
color: var(--dividers-divider-blue);
text-transform: capitalize;
}
.post-author-large .author-name a:hover {
color: var(--link-hover);
}
.post-author-large .author-visit {
display: inline-flex;
}
.post-author-large .author-visit a {
border-radius: 4px;
border: 2px solid var(--blue);
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
color: var(--primary-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
transition: all 0.2s ease-in-out;
background-color: var(--white-color);
}
.post-author-large .author-visit a:hover {
background-color: var(--blue);
color: var(--white-color);
}
.single-post-wrapper {
display: flex;
justify-content: space-between;
gap: 80px;
align-items: flex-start;
margin: 0 0 32px;
}
.single-post-wrapper .single-post-left {
width: 64.3%;
max-width: 900px;
word-wrap: break-word;
word-break: break-word;
}
.single-post-wrapper .single-post-left .post-author-meta {
margin-top: 8px;
}
.single-post-wrapper .single-post-right {
padding-top: 24px;
width: 30%;
display: flex;
flex-direction: column;
row-gap: 32px;
max-width: 420px;
word-wrap: break-word;
word-break: break-word;
}
.single-post-wrapper .single-post-right .widget-area {
display: flex;
gap: 32px;
flex-direction: column;
}
.single-post-wrapper .side-news-list {
max-width: 100% !important
}
.single-post-wrapper .side-news-list .right-side {
display: flex;
align-items: end;
}
.single-post-wrapper .side-news-list .side-news-item:last-child {
border-bottom: none;
}
/* breadcrum css */
.breadcrumbs {
display: flex;
margin-bottom: 12px;
padding-top: 8px;
padding-bottom: 2px;
}
.breadcrumbs span,
.breadcrumbs span a {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.breadcrumbs .breadcrumb-separator {
width: 14px;
height: 14px;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 2px;
margin-left: 2px
}
.breadcrumbs .breadcrumb-separator svg {
width: 6px;
height: 8px;
}
.breadcrumbs .right-symbol {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M5.25 10.5L8.75 7L5.25 3.5' stroke='%2320232F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 14px;
height: 14px;
display: inline-block;
}
/* breadcrum css */
/* post css */
.post-data-wrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
.post-data-wrapper h1 {
margin-bottom: 0
}
.post-data-wrapper .post-excerpt {
color: #20232F;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
transition: max-height 0.4s ease;
-webkit-line-clamp: 3;
max-height: 4.6em;
}
.post-data-wrapper .desktop-open .post-excerpt p{
margin-bottom: 16px;
}
.post-data-wrapper .post-excerpt.full {
display: flex;
flex-direction: column;
gap: 16px;
-webkit-line-clamp: none;
max-height: unset;
}
.post-data-wrapper .desktop-open .post-excerpt.full p{
margin-bottom: 0;
}
.post-meta .news-categories {
margin: 16px 0px;
}
.post-meta .news-categories h6 {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
margin-bottom: 12px;
}
.post-meta .news-categories ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.post-meta .news-categories ul li a {
color: var(--blue);
text-align: center;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.post-author-large {
border-radius: 2px;
border: 1px solid var(--divider-light);
padding: 24px;
gap: 4px 32px;
}
.post-author-large .author-avatar {
width: 140px;
height: 140px;
object-fit: cover;
}
.ga-image-widget {
text-align: center;
}
.post-author-large {
display: grid;
grid-auto-columns: 140px 1fr;
grid-template-areas: "author-avatar author-name"
"author-avatar author-bio"
"author-avatar author-links"
"author-avatar author-visit"
}
.post-author-large .author-avatar {
grid-area: author-avatar;
}
.post-author-large .author-name {
grid-area: author-name;
color: var(--dividers-divider-blue);
font-family: var(--body-font-family);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.post-author-large .author-bio {
grid-area: author-bio;
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.post-author-large .author-links {
grid-area: author-links;
}
.post-author-large .author-visit {
grid-area: author-visit;
}
.post-thumbnail img {
width: 100%;
}
/* post css */
/* guide css */
.single-post-left .post-data-wrapper {
gap: 16px;
display: flex;
flex-direction: column;
margin-bottom: 8px;
}
.single-post-left .post-author-meta .left-author-box {
gap: 32px;
}
.single-post-left .post-data-wrapper p,
.guide-page .post-author-meta {
margin-bottom: 0
}
.single-post-left h2 {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-style: normal;
font-weight: 700;
margin-bottom: 0px;
}
.single-post-left h3,
.single-post-left h4,
.single-post-left h5,
.single-post-left h6 {
margin-bottom: 0
}
.guide-col {
display: flex;
padding: 0 24px;
background-color: var(--primary-color);
border-radius: 2px;
gap: 16px;
position: relative;
}
.guide-col .left-part {
padding: 16px 0;
position: relative;
}
.guide-col .left-part .rating-count {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2px;
background: #FFF;
color: var(--primary-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
position: absolute;
top: 24px;
right: -2px;
}
.guide-col .middle-part {
padding: 24px 0;
display: flex;
flex-direction: column;
}
.guide-col .middle-part .rating-label {
color: #C4C7D2;
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.rating-group .rating-label {
color: var(--placeholder-color);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.guide-col .middle-part h2 {
font-family: var(--instrument-font-family);
font-style: normal;
font-weight: 700;
letter-spacing: 0.24px;
color: var(--white-color);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
word-break: break-word;
margin-bottom: 0;
}
.rating-group {
display: flex;
gap: 10px;
align-items: center;
}
.rating-group .rating-amt {
height: 42px;
width: 42px;
background-color: #0D2C87;
border-radius: 50%;
justify-content: center;
align-items: center;
flex-shrink: 0;
display: flex;
}
.rating-group .rating-amt span {
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.rating-group .star-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M4.58575 0.264083C4.75045 -0.0880278 5.24955 -0.0880277 5.41425 0.264083L6.69693 3.00625L9.61101 3.45301C9.97921 3.50946 10.1296 3.9601 9.86944 4.22762L7.74569 6.41181L8.24214 9.46583C8.30364 9.84414 7.90342 10.1271 7.56911 9.94163L5 8.51656L2.43089 9.94163C2.09658 10.1271 1.69636 9.84414 1.75786 9.46583L2.25432 6.41181L0.130563 4.22762C-0.129551 3.9601 0.0207926 3.50946 0.388988 3.45301L3.30307 3.00625L4.58575 0.264083Z' fill='%237295FF'/%3E%3C/svg%3E");
width: 10px;
height: 10px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.rating-group .rating-grade {
color: var(--white-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.guide-col .right-part {
padding: 24px 0;
gap: 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.guide-col .left-part figure {
padding: 24px;
margin-bottom: 0
}
.guide-col .rating-type {
display: flex;
flex-direction: column;
}
.red-button {
display: flex;
width: 100%;
padding: 12px 24px 12px 32px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 4px;
border: 2px solid #B4052E;
background: linear-gradient(90deg, #B4052E 0%, #6B041C 100%);
color: #FFF;
text-align: center;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
width: 190px;
position: relative;
}
.red-button:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.944 8.92883L4.19529 13.8508C3.45283 14.2681 2.5 13.7628 2.5 12.9216V3.07765C2.5 2.23776 3.45145 1.73117 4.19529 2.14978L12.944 7.07175C13.1129 7.16524 13.2533 7.30037 13.3509 7.46344C13.4486 7.62651 13.5 7.81172 13.5 8.00029C13.5 8.18885 13.4486 8.37407 13.3509 8.53714C13.2533 8.70021 13.1129 8.83534 12.944 8.92883Z' fill='white'/%3E%3C/svg%3E");
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.red-button:hover,
.red-button:focus,
.red-button:active {
background: linear-gradient(90deg, #6B041C 0%, #B4052E 100%);
color: #FFF !important;
border: 2px solid #B4052E;
}
.code {
display: flex;
padding: 4px 8px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
border: 1px dashed var(--accent-blue);
background: var(--dividers-divider-blue);
color: #A3BAFF;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
max-width: 190px;
}
.guide-card-group {
display: flex;
flex-direction: column;
gap: 16px;
}
.guide-tag {
border-radius: 0 0 16px 0;
background: #CA0A37;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 8px 32px 0 rgba(0, 0, 0, 0.10);
position: absolute;
left: -7px;
top: -10px;
display: flex;
padding: 5px 13px 5px 12px;
justify-content: center;
align-items: center;
gap: 6px;
}
.guide-tag span {
color: var(--white-color);
font-family: var(--instrument-font-family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.my-16 {
margin-top: 16px;
margin-bottom: 16px;
}
.ranked-list-round {
display: flex;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 4px;
background: #F4F5F7;
}
.ranked-list {
display: flex;
padding: 24px 32px 32px 32px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 4px;
background: #F4F5F7;
}
.ranked-list ol,
.ranked-list-round ol {
list-style: none;
counter-reset: fuel-awesome-counter;
padding-left: 50px;
display: flex;
gap: 8px;
flex-direction: column;
margin-bottom: 0
}
.ranked-list ol li {
counter-increment: fuel-awesome-counter;
position: relative;
padding-top: 3px;
padding-bottom: 3px;
}
.ranked-list ol li p {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.ranked-list ol li::before {
content: counter(fuel-awesome-counter);
background: #E0E2EA;
width: 32px;
height: 32px;
color: var(--secondary-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 4px;
position: absolute;
left: -49px;
top: 0
}
.ranked-list ol li.fill::before {
background-color: #0D2C87;
color: #fff
}
.ranked-list ol li strong {
border-bottom: #E0E2EA solid 2px;
display: inline-block;
margin-right: 12px
}
.ranked-list ol li.fill strong {
border-bottom-color: #0D2C87
}
.ranked-list-round ol li {
counter-increment: fuel-awesome-counter;
position: relative;
min-height: 32px;
display: flex;
align-items: center;
}
.ranked-list-round ol li p {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.ranked-list-round ol li::before {
content: counter(fuel-awesome-counter);
background: #0D2C87;
width: 32px;
height: 32px;
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
left: -49px;
top: 0
}
.ranked-list-round ol li strong {
border-bottom: none;
}
.ranked-list-round ol li:after {
width: 1px;
background-color: #0D2C87;
position: absolute;
left: -33px;
bottom: -2px;
top: 39px;
content: "";
}
.author-quote-parent {
display: flex;
padding: 24px 24px 0;
align-items: flex-end;
gap: 16px;
border-radius: 4px;
background: #F4F5F7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='326' height='150' viewBox='0 0 326 150' fill='none'%3E%3Cpath d='M250.464 -16.6084C250.755 -16.9235 251.112 -17.0131 251.431 -16.9453C251.753 -16.8766 252.079 -16.6362 252.263 -16.2021V-16.2012C254.166 -11.6542 258.781 -1.51195 265.252 6.57617L265.253 6.57715C266.204 7.75942 267.142 8.85904 268.05 9.92383H268.021L268.73 10.75C271.678 14.1814 274.253 17.1913 275.797 20.6123C277.327 24.0037 277.851 27.8218 276.617 32.875V32.876C275.163 38.8548 271.666 44.498 266.792 48.7715C261.917 53.0455 256.287 55.3973 250.909 55.4404H250.715C245.129 55.4404 240.833 52.8572 238.229 48.3867L237.389 46.9443L237.297 48.6104C237.209 50.2261 237.056 51.977 236.944 53.6748C236.834 55.3521 236.765 56.964 236.855 58.2295V58.2305C237.191 63.2731 238.401 66.7881 239.489 68.9932V68.9941C239.725 69.4745 239.691 70.0045 239.48 70.4111C239.271 70.8173 238.911 71.0625 238.503 71.0625H221.103C220.618 71.0625 220.215 70.7272 220.034 70.2041C219.853 69.6812 219.936 69.073 220.337 68.6553L220.336 68.6543C222.46 66.4579 225.203 63.107 227.874 58.4453L227.873 58.4443C229.302 55.9814 230.832 52.0262 232.268 48.8438L231.474 48.2695C226.505 52.8338 220.812 55.4404 215.206 55.4404H215.014C209.69 55.3759 205.304 53.0601 202.62 48.877C199.929 44.6827 199.266 39.1021 200.807 33.1201C203.427 23.0291 210.642 17.704 219.985 10.8262L219.987 10.8252C221.775 9.49837 223.633 8.12458 225.557 6.66211L225.558 6.66113C236.523 -1.75205 246.595 -12.3991 250.464 -16.6084Z' stroke='%23E0E2EA'/%3E%3Cpath d='M256.021 -49.9014C256.715 -50.6471 257.603 -50.8836 258.412 -50.7129C259.226 -50.5413 259.999 -49.9489 260.422 -48.9551C264.205 -39.9973 273.365 -20.046 286.193 -4.14941L286.194 -4.14844C288.322 -1.52559 290.416 0.889614 292.436 3.24121H292.385L293.102 4.06836C298.956 10.8237 304.132 16.8131 307.237 23.6357C310.233 30.2161 311.309 37.5931 309.12 47.1982L308.897 48.1348C305.98 60.0288 298.966 71.244 289.198 79.7344C279.429 88.2254 268.117 92.9226 257.275 93.0088H256.884C245.593 93.0087 236.884 87.8209 231.615 78.8545L230.775 77.4268L230.685 79.0801C230.509 82.2664 230.203 85.7438 229.982 89.0742C229.777 92.1782 229.645 95.1419 229.776 97.5273L229.807 97.9971C230.47 107.879 232.86 114.749 234.997 119.041V119.042C235.537 120.135 235.46 121.341 234.975 122.271C234.49 123.201 233.623 123.819 232.59 123.819H197.971C196.741 123.819 195.788 122.97 195.379 121.798C194.969 120.626 195.143 119.228 196.089 118.251C200.289 113.946 205.718 107.368 211.012 98.21C213.84 93.3807 216.856 85.6388 219.733 79.3154L218.941 78.7383C208.991 87.7988 197.552 93.0088 186.241 93.0088H185.852C175.108 92.8796 166.221 88.2395 160.785 79.8398C155.342 71.4295 154.022 60.2782 157.114 48.3809C162.049 29.5431 175.111 19.0534 192.021 6.65332L195.454 4.14453L195.456 4.14355C199.013 1.52603 202.706 -1.18226 206.53 -4.06445L206.531 -4.06348L206.533 -4.06543C228.315 -20.632 248.327 -41.6058 256.02 -49.9023L256.021 -49.9014Z' stroke='%23E0E2EA'/%3E%3Cpath d='M263.926 -87.0879C265.197 -88.4598 266.841 -88.905 268.346 -88.5859C269.855 -88.2658 271.267 -87.1654 272.033 -85.3564C278.495 -69.9728 294.133 -35.7262 316.025 -8.4502L316.026 -8.44922C319.838 -3.72585 323.584 0.603159 327.193 4.83398H327.112L327.824 5.66016C337.821 17.2586 346.703 27.5896 352.036 39.3691C357.356 51.1189 359.151 64.3328 354.896 81.7021V81.7031C349.892 102.218 337.862 121.551 321.117 136.186C304.371 150.82 284.961 158.935 266.333 159.084H265.661C246.242 159.084 231.241 150.103 222.172 134.585L221.332 133.148L221.24 134.811C220.94 140.285 220.417 146.278 220.04 151.986C219.688 157.32 219.465 162.393 219.688 166.467L219.739 167.269C220.87 184.205 224.942 195.966 228.574 203.298C229.551 205.284 229.411 207.478 228.532 209.173C227.654 210.867 226.062 212.024 224.143 212.024H164.979C162.692 212.024 160.952 210.433 160.215 208.312C159.478 206.19 159.784 203.64 161.51 201.848C168.669 194.471 177.929 183.19 186.96 167.48C191.781 159.203 196.915 145.944 201.849 135.044L201.056 134.469C184.003 150.081 164.372 159.084 144.933 159.084H144.264C125.796 158.861 110.492 150.836 101.131 136.292C91.7625 121.737 89.5094 102.465 94.8135 81.9463L94.8125 81.9453C103.846 47.2759 128.761 29.0014 160.47 5.7373L160.472 5.73633C166.552 1.23781 172.862 -3.41391 179.396 -8.36523L179.398 -8.36621C216.599 -36.8138 250.784 -72.8347 263.927 -87.0869L263.926 -87.0879Z' stroke='%23E0E2EA'/%3E%3Cpath d='M271.504 -126.469C273.575 -128.702 276.266 -129.44 278.738 -128.916C281.215 -128.392 283.514 -126.592 284.756 -123.664C294.936 -99.4602 319.567 -45.5945 354.041 -2.7002L354.042 -2.69922C360.188 4.90705 366.225 11.8623 372.039 18.6738H371.914L372.628 19.5C388.375 37.7457 402.401 54.0355 410.825 72.6182C419.236 91.1713 422.069 112.033 415.351 139.428V139.429C407.449 171.776 388.459 202.253 362.029 225.32C335.599 248.388 304.948 261.192 275.511 261.427H274.45C243.747 261.427 220.011 247.24 205.667 222.729L204.827 221.295L204.736 222.955C204.263 231.571 203.437 241.016 202.844 249.989C202.252 258.943 201.894 267.412 202.37 274C204.094 299.786 210.161 317.928 215.728 329.497L216.264 330.597C217.845 333.809 217.619 337.358 216.194 340.102C214.77 342.844 212.173 344.744 209.021 344.744H115.789C112.031 344.744 109.2 342.13 108.009 338.707C106.818 335.284 107.308 331.153 110.114 328.242C121.381 316.649 135.959 298.917 150.178 274.216C157.767 261.206 165.84 240.372 173.628 223.188L172.835 222.613C145.925 247.218 114.923 261.427 84.1992 261.427H83.1406C53.9505 261.075 29.7402 248.403 14.9316 225.426C0.115973 202.438 -3.43425 172.022 4.93945 139.672L4.93848 139.671C19.2032 84.9948 58.5592 56.1793 108.513 19.5771L108.515 19.5752C118.097 12.4953 128.038 5.17659 138.334 -2.61426L138.336 -2.61523C196.937 -47.3691 250.793 -104.042 271.503 -126.47L271.504 -126.469Z' stroke='%23E0E2EA'/%3E%3C/svg%3E");
background-size: 326px;
background-position: right bottom;
background-repeat: no-repeat;
}
.author-quote-parent .athor-quote {
width: 100%;
position: relative;
padding: 0 24px 24px 56px
}
.author-quote-parent .athor-quote:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M8.13187 34.4805C5.71429 34.4805 3.73626 33.6746 2.1978 32.0629C0.732601 30.4512 0 28.29 0 25.5794C0 20.8175 1.57509 16.6783 4.72527 13.1618C7.94872 9.6453 11.7949 6.75153 16.2637 4.48047L17.3626 6.3486C15.5311 7.52076 13.8095 9.02259 12.1978 10.8541C10.6593 12.6856 9.45055 14.6636 8.57143 16.7882L11.6484 19.0958C12.8938 19.9017 13.9194 21.0006 14.7253 22.3926C15.5311 23.7112 15.9341 24.9933 15.9341 26.2387C15.9341 28.583 15.2015 30.5611 13.7363 32.1728C12.3443 33.7112 10.4762 34.4805 8.13187 34.4805ZM30.7692 34.4805C28.3516 34.4805 26.3736 33.6746 24.8352 32.0629C23.37 30.4512 22.6374 28.29 22.6374 25.5794C22.6374 20.8175 24.2125 16.6783 27.3626 13.1618C30.5861 9.6453 34.4322 6.75153 38.9011 4.48047L40 6.3486C38.1685 7.52076 36.4469 9.02259 34.8352 10.8541C33.2967 12.6856 32.0879 14.6636 31.2088 16.7882L34.2857 19.0958C35.5311 19.9017 36.5568 21.0006 37.3626 22.3926C38.1685 23.7112 38.5714 24.9933 38.5714 26.2387C38.5714 28.583 37.8388 30.5611 36.3736 32.1728C34.9817 33.7112 33.1136 34.4805 30.7692 34.4805Z' fill='%230D2C87'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
width: 40px;
height: 40px;
position: absolute;
left: 0;
top: 0;
}
.author-quote-parent .athor-quote h3 {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.author-quote-parent .athor-quote span {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.author-quote-parent .author-dtl {
gap: 8px;
align-items: baseline;
}
.author-quote-parent .author-dtl .autho-name {
color: var(--dividers-divider-blue);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.author-quote-parent .author-dtl .athor-designation {
color: #828594;
font-family: var(--body-font-family);
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 16px;
}
.author-quote-parent .author-pic {
width: 126px;
height: 126px;
border-radius: 50%;
background-color: #E0E2EA;
flex-shrink: 0
}
.fill-table {
border-radius: 4px;
overflow: hidden;
}
.fill-table th {
color: var(--primary-color, #051135);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.fill-table th,
.fill-table td {
background: #F4F5F7;
padding: 10px 16px;
}
.right-arrow-list,
.wrong-arrow-list {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.right-arrow-list li,
.wrong-arrow-list li {
position: relative;
padding-left: 36px;
}
.right-arrow-list li p,
.wrong-arrow-list li p {
word-wrap: break-word;
word-break: break-word;
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.right-arrow-list li:after {
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='16' viewBox='0 0 21 16' fill='none'%3E%3Cpath d='M1.41406 9.12835L6.55692 14.2712L19.4141 1.41406' stroke='%230D2C87' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
position: absolute;
left: 0;
top: 0;
content: ""
}
.wrong-arrow-list li:after {
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='none'%3E%3Cpath d='M3.16634 15.8337L15.833 3.16699' stroke='%23FE2D4C' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M15.8337 15.8337L3.16699 3.16699' stroke='%23FE2D4C' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
position: absolute;
left: 0;
top: 0;
content: ""
}
.pros-cons {
display: flex;
gap: 32px;
}
.pros-cons .pros,
.pros-cons .cons {
flex: 1;
}
.pros-cons-sec h3 {
margin-bottom: 16px;
}
.pros-cons h5 {
margin-bottom: 10px;
}
.pros-cons ul {
list-style: none;
padding-left: 0;
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 0
}
.pros-cons ul li {
position: relative;
padding-left: 28px;
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
word-wrap: break-word;
word-break: break-word;
}
.pros-cons ul li:after {
position: absolute;
top: 3px;
left: 0;
content: "";
width: 20px;
height: 20px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.pros-cons .pros ul li:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_19495_9588)'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23081E5C' stroke='%23081E5C' stroke-width='2'/%3E%3Cpath d='M10 5C10.4601 5 10.8328 5.37292 10.833 5.83301V9.16699H14.167C14.6271 9.16717 15 9.53987 15 10C15 10.4601 14.6271 10.8328 14.167 10.833H10.833V14.167C10.8328 14.6271 10.4601 15 10 15C9.53987 15 9.16717 14.6271 9.16699 14.167V10.833H5.83301C5.37292 10.8328 5 10.4601 5 10C5 9.53987 5.37292 9.16717 5.83301 9.16699H9.16699V5.83301C9.16717 5.37292 9.53987 5 10 5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_19495_9588'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.pros-cons .cons ul li:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_19495_9634)'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23CA0A37' stroke='%23CA0A37' stroke-width='2'/%3E%3Crect x='5' y='10.8335' width='1.66667' height='10' rx='0.833333' transform='rotate(-90 5 10.8335)' fill='%23F4F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_19495_9634'%3E%3Crect width='20' height='20' rx='3' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.que-ans {
counter-reset: fuel-awesome-counter;
}
.que-ans .que-cell {
counter-increment: fuel-awesome-counter;
}
.que-ans .que-cell .desktop-title {
position: relative;
padding-left: 40px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 30px;
margin-bottom: 4px;
display: block;
}
.que-ans .que-cell .desktop-title:before {
content: counter(fuel-awesome-counter);
background: #0D2C87;
width: 30px;
height: 30px;
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-style: normal;
font-weight: 700;
line-height: 22px;
text-transform: capitalize;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
font-size: 16px;
}
.que-ans.img-part {
margin-bottom: 16px;
gap: 24px;
display: flex;
flex-direction: column;
}
.que-ans.img-part .que-cell {
display: flex;
gap: 16px;
align-items: stretch;
}
.right-img-part {
min-height: 148px;
background-color: #F4F5F7;
padding: 24px 40px;
width: 180px;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0
}
.right-arrow-list.img-part li {
display: flex;
gap: 16px;
}
.casino-img {
row-gap: 24px;
margin-bottom: 16px;
}
.casino-img .img {
margin-bottom: 16px;
}
.casino-img h4 {
margin-bottom: 12px;
}
.que-ans.no-count .que-cell {
align-items: center;
justify-content: space-between;
}
.que-ans.no-count .que-cell .desktop-title {
padding-left: 0
}
.que-ans.no-count .que-cell .desktop-title:before {
display: none;
}
.que-ans.img-part .img-content-block{display: grid;grid-template-areas:"que-title que-right""que-img que-right";gap: 0px; align-items: inherit;}
.que-ans.img-part .img-content-block .desktop-title{ grid-area:que-title; display:flex; align-items:end; }
.que-ans.img-part .img-content-block .img-paragraph{grid-area:que-img;}
.que-ans.img-part .img-content-block .right-img-part{grid-area:que-right; margin-left: 16px;}
.blue-bg-quote {
background-color: #051135;
border-radius: 2px;
overflow: hidden;
}
.blue-bg-quote .join-bar {
background-color: #081E5C;
padding: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.blue-bg-quote .join-bar span {
color: #E0E2EA;
text-align: center;
font-family: var(--body-font-family);
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 26px;
}
.blue-bg-quote .join-bar strong {
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.blue-bg-quote .blue-quote-content {
padding: 8px 24px 32px;
display: flex;
gap: 32px;
}
.blue-bg-quote .blue-quote-content .left h3 {
color: var(--white-color);
font-family: var(--newsreader-font-family);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 26px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.65934 15.5156C2.57143 15.5156 1.68132 15.153 0.989011 14.4277C0.32967 13.7024 0 12.7299 0 11.5101C0 9.36727 0.708791 7.50464 2.12637 5.92222C3.57692 4.3398 5.30769 3.0376 7.31868 2.01562L7.81319 2.85628C6.98901 3.38376 6.21429 4.05958 5.48901 4.88376C4.7967 5.70793 4.25275 6.59804 3.85714 7.55409L5.24176 8.59255C5.8022 8.95518 6.26374 9.44969 6.62637 10.0761C6.98901 10.6695 7.17033 11.2464 7.17033 11.8068C7.17033 12.8618 6.84066 13.7519 6.18132 14.4772C5.55494 15.1695 4.71429 15.5156 3.65934 15.5156ZM13.8462 15.5156C12.7582 15.5156 11.8681 15.153 11.1758 14.4277C10.5165 13.7024 10.1868 12.7299 10.1868 11.5101C10.1868 9.36727 10.8956 7.50464 12.3132 5.92222C13.7637 4.3398 15.4945 3.0376 17.5055 2.01562L18 2.85628C17.1758 3.38376 16.4011 4.05958 15.6758 4.88376C14.9835 5.70793 14.4396 6.59804 14.044 7.55409L15.4286 8.59255C15.989 8.95518 16.4506 9.44969 16.8132 10.0761C17.1758 10.6695 17.3571 11.2464 17.3571 11.8068C17.3571 12.8618 17.0275 13.7519 16.3681 14.4772C15.7418 15.1695 14.9011 15.5156 13.8462 15.5156Z' fill='%23A3BAFF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left top;
background-size: 18px;
padding-left: 26px;
}
.blue-bg-quote .blue-quote-content .left {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.blue-bg-quote .blue-quote-content .right .quote-logo {
padding: 35px 34px;
}
.blue-bg-quote .blue-quote-content .right:not(:has(.quote-logo)){ display:flex; align-items:center}
.blue-bg-quote .rating-exp-grp {
gap: 8px;
margin-top: 16px;
}
.blue-bg-quote .rating-exp-grp .rating-label {
color: #C4C7D2;
font-family: var(--body-font-family);
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.blue-bg-quote .rating-amt {
height: 42px;
width: 42px;
background-color: #0D2C87;
border-radius: 50%;
justify-content: center;
align-items: center;
flex-shrink: 0;
display: flex;
}
.blue-bg-quote .rating-amt span {
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.blue-bg-quote .star-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M4.58575 0.264083C4.75045 -0.0880278 5.24955 -0.0880277 5.41425 0.264083L6.69693 3.00625L9.61101 3.45301C9.97921 3.50946 10.1296 3.9601 9.86944 4.22762L7.74569 6.41181L8.24214 9.46583C8.30364 9.84414 7.90342 10.1271 7.56911 9.94163L5 8.51656L2.43089 9.94163C2.09658 10.1271 1.69636 9.84414 1.75786 9.46583L2.25432 6.41181L0.130563 4.22762C-0.129551 3.9601 0.0207926 3.50946 0.388988 3.45301L3.30307 3.00625L4.58575 0.264083Z' fill='%237295FF'/%3E%3C/svg%3E");
width: 10px;
height: 10px;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.question-accordion h2 {
margin-top: 0;
margin-bottom: 0;
}
.question-accordion .accordion-button {
background-color: #F4F5F7;
box-shadow: none;
border-radius: 0 !important;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
word-wrap: break-word;
word-break: break-word;
padding: 16px 16px 0 16px
}
.question-accordion .accordion-body {
padding: 3px 16px 16px 16px;
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.question-accordion .accordion-button:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23051135' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: 100%
}
.question-accordion .accordion-collapse {
background-color: #F4F5F7
}
.question-accordion .collapsed {
background-color: #fff;
padding-bottom: 16px;
}
.question-accordion .accordion-button:focus {
box-shadow: none;
}
.question-accordion .accordion-item {
margin-bottom: 12px;
border: #E0E2EA solid 1px;
border-radius: 2px;
}
.question-accordion .accordion-item:last-child {
margin-bottom: 0;
}
.sport-type-tab .accordion-body {
padding: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.sport-type-tab .accordion-button {
background-color: var(--primary-color);
padding: 0;
position: relative;
}
.sport-type-tab .accordion-button:not(:has(.sport-head-logo)) .sport-head-middle{
padding: 33px 32px;
}
.sport-type-tab .accordion-button:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
margin-right: 22px;
}
.sport-type-tab .sport-head-logo {
width: 219px;
display: flex;
align-items: center;
justify-content: center;
padding: 33px 32px;
}
.sport-type-tab .sport-head-middle {
flex: 1;
display: flex;
align-items: center;
}
.sport-type-tab .sport-head-middle h3 {
color: var(--white-color);
font-family: var(--instrument-font-family);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0
}
.sport-type-tab .accordion-button:focus {
box-shadow: none;
}
.sport-type-tab .accordion-item .accordion-header .accordion-button:before {
content: counter(section);
height: 20px;
width: 20px;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-weight: 700;
font-size: 14px;
line-height: 26px;
color: #051135;
position: absolute;
top: 5px;
left: 5px;
font-family: var(--instrument-font-family);
}
.sport-top-block {
background-color: #F4F5F7;
display: flex;
padding: 24px;
margin-left: -24px;
margin-right: -24px;
gap: 32px;
margin-bottom: 0
}
.sport-top-block .left-sport-col {
border-right: #E0E2EA solid 1px;
width: 174px;
display: flex;
flex-direction: column;
gap: 16px;
flex-shrink: 0
}
.sport-top-block .left-sport-col .rat-score-cel {
border-bottom: #E0E2EA solid 1px;
padding-bottom: 16px;
}
.sport-top-block .left-sport-col .rat-score-cel:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.rat-score-cel .rating-group {
flex-direction: column;
align-items: start;
gap: 12px;
}
.rat-score-cel .rating-type {
flex-direction: column;
display: flex;
}
.rat-score-cel .rating-group .rating-label,
.rat-score-cel .rating-group .rating-grade {
color: #051135
}
.rat-score-cel .green-count {
display: flex;
width: 56px;
height: 56px;
justify-content: center;
align-items: center;
gap: 4px;
color: var(--text-contrast-primary, #FFF);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
border-radius: 2px;
background: #30650C;
}
.score-parent {
display: flex;
flex-direction: column;
gap: 16px;
}
.score-log-text {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: italic;
font-weight: 700;
line-height: 22px;
}
.gap-02 {
gap: 2px
}
.score-log-text {
gap: 4px;
}
.score-log-text span {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}
.score-log-text strong {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
text-decoration-line: underline;
}
.ga-text {
display: flex;
align-content: center;
}
.ga-text img {
width: 28px;
}
.ga-text strong {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.ga-text strong em {
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 14px;
font-style: italic;
font-weight: 700;
line-height: 22px;
}
.sport-type-tab .author-quote-parent {
padding-top: 0;
margin-right: -24px;
margin-left: -24px;
background-image: none;
align-items: center;
padding-bottom: 24px;
}
.mp-guide-page .sport-type-tab .author-quote-parent .athor-quote{
padding: 0 0 0 48px;
}
.sport-type-tab .author-quote-parent .author-pic {
overflow: hidden;
width: 80px;
height: 80px;
}
.sport-type-tab .author-quote-parent .athor-quote h3 {
margin-bottom: 16px;
}
.sport-type-tab .accordion-item {
margin-bottom: 16px;
}
.sport-type-tab .accordion-item:last-child {
margin-bottom: 0;
}
.reviews-tab {
color: var(--primary-color);
font-family: var(--plusJakartaSan-font-family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
}
.reviews-parent {
display: flex;
flex-direction: column;
gap: 16px;
background-color: #F4F5F7;
margin-right: -24px;
margin-left: -24px;
border-top: #E0E2EA solid 1px;
padding: 24px 24px 0;
}
.sport-head h3 {
margin-bottom: 16px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 30px;
text-transform: capitalize;
}
.key-list-table {
display: flex;
padding: 16px 24px;
align-items: flex-start;
background: #F4F5F7;
flex-wrap: wrap;
column-gap: 24px;
}
.key-list-table .key-list-cell {
width: calc(50% - 12px);
display: flex;
padding: 10px 0;
border-bottom: 1px solid #E0E2EA;
}
.key-list-cell .key-icon {
width: 24px;
height: 24px;
margin-right: 12px;
}
.key-list-cell .key-title {
width: 178px;
word-break: break-word;
word-wrap: break-word;
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
display: inline-flex;
}
.key-list-cell .key-amt {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
margin-left: 16px;
}
.key-list-cell .key-amt span {
font-weight: 400;
margin-left: 3px
}
.key-list-table .key-list-cell.full {
width: 100%
}
.key-list-table .key-list-cell.full .label {
flex-shrink: 0;
margin-right: 24px;
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
display: inline-block;
}
.key-list-table .key-list-cell.full ul {
flex: 1;
display: flex;
align-items: center;
gap: 5px 24px;
list-style: none;
padding-left: 0;
margin-bottom: 0;
flex-wrap: wrap;
}
.key-list-table .key-list-cell.full {
border-bottom: none;
}
.key-list-table .key-list-cell.full li {
flex-shrink: 0
}
.key-list-table .key-list-cell.full li img {
max-height: 26px;
}
.row-gap-12 {
row-gap: 12px;
}
.mt-16 {
margin-top: 16px;
}
.mb-16 {
margin-bottom: 16px;
}
.row-gap-8 {
row-gap: 8px;
}
.bm-view-btn {
font-size: 16px;
line-height: 26px;
}
.guide-page .single-quote ul li {
margin-bottom: 4px;
}
.guide-page .single-quote ul li:last-child {
margin-bottom: 0px;
}
.guide-page .ranked-list {
margin-top: 16px;
margin-bottom: 16px;
}
.post-data-wrapper {
counter-reset: section;
}
.sport-type-tab {
counter-increment: section;
}
.guide-page .ranked-list-round {
margin-top: 16px;
margin-bottom: 16px;
}
.ranked-play-btn {
width: auto;
display: inline-flex;
padding: 12px 48px;
}
.table-of-contents-section {
border-bottom: #E0E2EA solid 1px;
padding-bottom: 6px;
padding-top: 16px;
}
.post-author-large .author-name-role-wrapper {
display: flex;
flex-direction: column;
}
.page-template-template-guide-page .scroll-tab.nav-tabs {
column-gap: 8px;
}
.page-template-template-guide-page .betting-guide-tab .nav-link {
border-radius: 38px;
}
.sport-type-tab .accordion-body .sport-top-block,
.sport-type-tab .accordion-body .reviews-parent,
.sport-type-tab .accordion-body .betting-tab-content {
margin: 0;
}
.sport-type-tab .accordion-body .sport-head {
padding: 0 24px;
}
.sport-type-tab .accordion-body .keytab .betting-guide-tab {
padding: 0 24px 2px;
column-gap: 8px;
margin-bottom: 24px;
}
.sport-type-tab .accordion-body .sport-head p:not(:last-child) {
margin-bottom: 16px;
}
/* guide css */
.post-data-wrapper .widget .side-news-list {
margin: 0px;
}
.ga-related-news-block .right-side .post-thumbnail {
height: 90px;
width: 90px;
object-fit: cover;
}
.single-page-latest .article-item-wrapper {
width: calc(20% - 13px);
}
.side-news-list.no-search-wrapper,
.search-page .no-search-wrapper {
padding: 24px 24px 12px;
background: #F4F5F7;
}
.search-page .no-search-wrapper {
margin-bottom: 40px;
}
.search-page .search-page-header>p {
margin-bottom: 0
}
.side-news-list.no-search-wrapper .side-news-item {
display: flex !important;
flex: 1;
}
.search-page .article-wrapper .article-item-wrapper {
display: flex !important;
}
.side-news-list.no-search-wrapper .side-news-item .article-item,
.search-page .article-wrapper .article-item-wrapper .article-item {
display: flex;
flex: 1;
justify-content: space-between;
flex-direction: column;
}
.search-page .best-guides-slider .article-item-wrapper img {
margin-bottom: 8px;
}
.side-news-list.no-search-wrapper .right-side {
color: var(--divider-light);
text-align: right;
font-family: var(--newsreader-font-family);
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.88px;
position: relative;
right: -6px;
bottom: -10px;
height: inherit;
}
.search-page .no-search-wrapper .meta .number {
color: var(--divider-light);
text-align: right;
font-family: var(--newsreader-font-family);
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.88px;
position: absolute;
right: 18px;
bottom: 8px;
height: inherit;
}
.search-page .no-search-wrapper .meta .tag {
position: relative;
z-index: 1
}
.right-side,
.search-page .meta .number {
margin-right: 0
}
/* footer css start */
.footer-column h4 {
color: var(--white-color);
font-family: var(--newsreader-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 26px;
letter-spacing: -0.18px;
margin-bottom: 8px;
}
.footer {
position: relative;
background-color: var(--primary-color);
color: var(--white-color);
padding: 40px 0 24px;
position: relative;
z-index: 1;
width: 100%;
overflow: hidden;
}
.footer:after {
position: absolute;
left: -109px;
top: 0;
height: 496px;
width: 889px;
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='889' height='496' viewBox='0 0 889 496' fill='none'%3E%3Cpath d='M261.27 0H889L627.73 496H0L261.27 0Z' fill='url(%23paint0_linear_70_4431)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_70_4431' x1='793.82' y1='-88.2932' x2='793.82' y2='496' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23081E5C'/%3E%3Cstop offset='0.6' stop-color='%23051135'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
height: 496px;
width: 889px;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
pointer-events: none;
}
.footer:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='264' height='497' viewBox='0 0 264 497' fill='none'%3E%3Cpath d='M404.633 -35L103.633 534' stroke='url(%23paint0_linear_69_9573)' stroke-width='120'/%3E%3Cpath d='M305.633 -13L17.6328 525' stroke='url(%23paint1_linear_69_9573)' stroke-width='40'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_69_9573' x1='254.133' y1='88.4623' x2='254.133' y2='448.113' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230D2C87'/%3E%3Cstop offset='1' stop-color='%23051135'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_69_9573' x1='161.633' y1='-13' x2='161.633' y2='525' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23051135'/%3E%3Cstop offset='1' stop-color='%23081E5C'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
background-size: 100%;
width: 264px;
height: 497px;
position: absolute;
right: 0;
bottom: 0;
content: "";
pointer-events: none;
}
.footer .container {
position: relative;
z-index: 1;
}
.custom-footer-menu, .custom-footer-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
column-gap: 32px;
}
.custom-footer-menu .sub-menu,.custom-footer-menu ul .sub-menu{
flex-direction: column;
}
.custom-footer-menu li a, .custom-footer-menu ul li a {
display: block;
color: var(--white-color);
position: relative;
padding-left: 22px;
text-decoration: none;
font-family: var(--body-font-family);
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.custom-footer-menu li a:hover, .custom-footer-menu ul li a:hover {
color: var(--link-hover);
}
.footer-menu-wrapper .menu-footer-menu-container {
flex: 1
}
.footer-top {
border-bottom: 1px solid var(--dividers-divider-blue);
padding-bottom: 24px;
justify-content: space-between;
}
.custom-footer-menu ul li a::before,
.custom-footer-menu li a::before,
.footer-column .menu-links li a::before {
content: "";
width: 12px;
height: 1px;
background-color: #0D2C87;
position: absolute;
left: 0;
top: 11px;
transform: translateY(-50%);
}
.footer-column:first-child {
padding-left: 0
}
.footer-column .footer-accordion-title {
color: var(--white-color);
font-family: var(--newsreader-font-family);
font-size: 18px;
font-weight: 600;
line-height: 26px;
letter-spacing: -0.18px;
margin-bottom: 12px;
}
.footer-logos .logo-title {
color: var(--white-color);
font-family: var(--newsreader-font-family);
font-size: 18px;
font-weight: 600;
line-height: 26px;
letter-spacing: -0.18px;
margin-bottom: 0;
margin-right: 16px;
}
.footer-column .menu-links li a {
display: inline-block;
position: relative;
padding-left: 26px;
color: var(--white-color);
font-family: var(--body-font-family);
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
}
.footer-column .menu-links li a:hover {
color: var(--link-hover);
}
.footer-column .menu-links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px
}
.footer-menus {
margin-top: 32px;
margin-bottom: 32px;
}
.footer-logos .footer-logo-box {
padding: 12px 16px;
}
.footer-logos {
display: flex;
gap: 16px;
align-items: center;
}
.footer-bottom {
border-top: 1px solid var(--dividers-divider-blue);
padding: 24px 0px;
}
.footer-logo-grid {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.footer-logo a {
display: inline-block;
}
.footer-warning {
font-size: 13px;
opacity: 0.9;
margin-bottom: 10px;
}
.footer-copy {
color: var(--white-color);
font-family: var(--body-font-family);
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: -0.2px;
padding-top: 12px;
margin-bottom: 0
}
.footer-menu-wrapper {
display: flex;
gap: 32px;
align-items: center;
}
.footer-menu-wrapper > div:first-child{ width:100% }
.footer-menu-wrapper .dropdown {
position: relative;
display: inline-block;
}
.footer-menu-wrapper .lang-dropdown-btn {
overflow: hidden;
color: var(--black-color);
font-family: var(--instrument-font-family);
font-size: var(--body-font-size);
font-weight: 700;
line-height: 26px;
cursor: pointer;
border-radius: 8px;
border: 1px solid #363636;
background: var(--white-color);
position: relative;
padding: 6px 12px;
width: 109px;
text-align: left;
}
.footer-menu-wrapper .lang-dropdown-btn::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: 100%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
display: inline-block;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.footer-menu-wrapper .lang-dropdown-btn:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.footer-menu-wrapper .dropdown-content {
display: none;
position: absolute;
background: var(--white-color);
min-width: auto;
width: 100%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-radius: 6px;
margin-top: 6px;
z-index: 3;
}
.footer-menu-wrapper .dropdown-content a {
font-family: var(--instrument-font-family);
font-size: var(--body-font-size);
line-height: 26px;
color: var(--text-secondary);
padding: 10px 14px;
display: block;
text-decoration: none;
}
.footer-menu-wrapper .dropdown-content a:first-child {
border-radius: 4px 4px 0 0
}
.footer-menu-wrapper .dropdown-content a:last-child {
border-radius: 0 0 4px 4px
}
.footer-menu-wrapper .lang-dropdown-btn:hover,
.dropdown-content a:hover {
background-color: var(--blue);
color: var(--white-color) !important;
border: 1px solid #363636;
}
.footer-menu-wrapper .dropdown-content a:hover {
border: 0px;
}
.footer-menu-wrapper .dropdown-content.show {
display: block;
}
/* footer css end */
/* search tab css */
.betting-guide-tab {
column-gap: 4px;
border-bottom: none;
}
.betting-guide-tab .nav-link {
padding: 4px 8px;
transition: padding 0.3s ease-in-out;
color: var(--tab-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
border: 2px solid transparent;
border-radius: 30px;
text-transform: lowercase;
}
.betting-guide-tab .nav-link:first-letter { text-transform:uppercase; }
.betting-guide-tab .nav-item.show .nav-link,
.betting-guide-tab .nav-link.active,
.betting-guide-tab .nav-link:focus,
.betting-guide-tab .nav-link:hover {
padding: 4px 16px;
border: 2px solid var(--primary-color);
color: var(--primary-color);
}
.betting-guide-tab .nav-link:focus-visible {
box-shadow: none;
}
.betting-tab-content {
margin-left: -24px;
margin-right: -24px;
}
.best-guides-slider .slick-list {
margin-right: -8px;
margin-left: -8px;
}
.best-guides-slider .slick-track {
display: flex;
column-gap: 0;
}
.best-guides-slider .slick-track .slick-slide{ margin-left:8px; margin-right:8px; }
.best-guides-slider .slick-prev,
.best-guides-slider .slick-next {
width: 36px;
height: 36px;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--divider-light);
background: var(--white-color);
text-indent: -999px;
overflow: hidden;
position: absolute;
right: -15px;
top: 50%;
background-repeat: no-repeat;
background-size: 24px;
background-position: center center;
border-radius: 2px;
}
.best-guides-slider .slick-prev {
margin-top: 17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.best-guides-slider .slick-next {
margin-top: -17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.best-guides-slider .slick-prev:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.best-guides-slider .slick-next:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.igaming-experts .slick-track {
display: flex;
column-gap: 16px;
height: 100%
}
.igaming-experts .slick-prev,
.igaming-experts .slick-next {
width: 36px;
height: 36px;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--divider-light);
background: var(--white-color);
text-indent: -999px;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
background-repeat: no-repeat;
background-size: 24px;
background-position: center center;
border-radius: 2px;
}
.igaming-experts .slick-prev {
margin-top: 0px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.igaming-experts .slick-next {
margin-top: -35px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.igaming-experts .slick-prev:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.igaming-experts .slick-next:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.row-gap-16 {
row-gap: 16px;
}
.w-236 {
width: 236px;
}
.pb-32 {
padding-bottom: 32px;
}
.key-galery-block {
padding: 16px 24px;
background-color: #F4F5F7;
display: flex;
flex-direction: column;
gap: 10px;
}
.key-galery-block .key-galery-group {
display: flex;
gap: 8px;
flex-direction: column;
}
.key-galery-block .key-galery-group .four-img,
.key-galery-block .key-galery-group .five-img {
display: flex;
flex-direction: column;
gap: 8px;
}
.key-galery-block .key-galery-group .four-img .img-box,
.key-galery-block .key-galery-group .five-img .img-box,
.key-galery-block .key-galery-group .five-img .img-box img,
.key-galery-block .key-galery-group .four-img .img-box img {
width: 100%;
}
/* search tab css */
/*directory css*/
.directory {
padding-top: 16px;
}
.directory h1 {
margin-bottom: 16px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 44px;
letter-spacing: -0.88px;
}
.scroll-tab.nav-tabs {
column-gap: 16px;
flex-wrap: nowrap;
overflow-x: scroll;
overflow-y: hidden;
padding-bottom: 2px;
scrollbar-width: none;
}
.scroll-tab.nav-tabs .nav-item {
flex-shrink: 0
}
.directory .head {
padding-bottom: 24px;
border-bottom: var(--divider-light) solid 1px;
margin-bottom: 32px;
}
.directory .tab-content {
padding-top: 40px;
}
.directory .thumb-img {
width: 100px;
height: 100px;
object-fit: cover;
flex-shrink: 0
}
.directory .thumb-img img {
height: 100%;
width: 100%
}
.directory .directory-post {
height: 100%;
display: flex;
gap: 16px;
border-bottom: 1px solid #E0E2EA;
padding-bottom: 16px;
}
.directory .directory-posts {
row-gap: 24px;
}
.directory .directory-term,
.directory .directory-term a {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
word-break: break-word;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.directory .directory-title {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
word-break: break-word;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0
}
.directory .viewall-btn .load-more-btn {
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 2px solid var(--blue);
color: var(--primary-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
background-color: #fff;
transition: all 0.2s ease-in-out;
}
.directory .viewall-btn .load-more-btn:hover {
background-color: var(--blue);
color: var(--white-color);
}
.directory .viewall-btn {
display: flex;
justify-content: center;
margin-top: 24px;
}
.directory .directory-info {
display: flex;
flex-direction: column;
justify-content: center;
}
.directory .betting-guide-tab .nav-item.show .nav-link,
.directory .betting-guide-tab .nav-link.active,
.directory .betting-guide-tab .nav-link:focus,
.directory .betting-guide-tab .nav-link:hover {
border-color: #0D2C87;
}
/*directory css*/
/* news */
.news-page .head {
padding-top: 24px;
margin-bottom: 32px;
}
.news-page .head h1 {
margin-bottom: 16px;
}
.news-page .head p {
color: var(--primary-color);
text-align: center;
text-overflow: ellipsis;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-bottom: 8px;
}
.news-page .top-news-grid .side-news-list {
padding-right: 0;
margin-top: 0
}
.news-page .featured-article .meta .tag a {
color: #CA0A37
}
.news-page .featured-article .meta .tag a:hover {
color: var(--link-hover)
}
.news-page .single-page-latest .article-item-wrapper {
width: calc(20% - 13px);
}
.news-page .latest-slider-block .single-page-latest .article-item-wrapper {
width: calc(25% - 12px);
}
/* news */
/* error-popular */
section.index-error-popular .error-popular {
margin: 40px 0px;
}
.index-error-popular .side-news-list,
.search-page .no-search-wrapper {
gap: 24px;
flex-direction: row;
max-width: 100%;
padding-bottom: 24px
}
.index-error-popular .side-news-item,
.search-page .article-item-wrapper {
gap: 0;
position: relative;
border-bottom: none;
padding-right: 32px;
padding-bottom: 0
}
.index-error-popular .side-news-item .right-side {
position: absolute;
bottom: -5px;
right: 19px
}
.index-error-popular .side-title {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin-bottom: 12px;
padding-right: 10px;
word-wrap: break-word;
word-break: break-word;
}
.index-error-popular .section-long-heading {
margin-bottom: 16px;
}
/* error-popular */
/* north section */
.state-by-state {
margin-bottom: 24px;
}
.state-by-state .section-long-heading {
margin-bottom: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.state-by-state .betting-tab-content {
padding-top: 0
}
.state-by-state .betting-tab-content .news-grid {
padding-top: 0px;
padding-bottom: 0;
gap: 16px;
}
.state-by-state .betting-tab-content .bottom-container .news-grid {
padding-top: 24px;
}
.state-by-state .news-grid .cat-dot {
line-height: 16px;
margin-left: 6px;
}
.state-by-state .tab-author-name {
margin-left: 6px;
}
.state-by-state .betting-guide-tab .nav-item.show .nav-link,
.state-by-state .betting-guide-tab .nav-link.active,
.state-by-state .betting-guide-tab .nav-link:focus,
.betting-guide-tab .nav-link:hover {
border-color: #0D2C87;
}
/* north section */
/* feature css */
section.featured-logos {
overflow: hidden;
position: relative;
padding-top: 24px;
}
section.featured-logos .featured-title {
color: var(--primary-color, #051135);
font-family: var(--newsreader-font-family, Newsreader);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.22px;
margin-bottom: 24px;
text-align: center;
display: block;
}
section.featured-logos .featured-logos-image {
margin-bottom: 24px;
}
.featured-logos {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.featured-logos::-webkit-scrollbar {
display: none;
}
.featured-logos img {
width: 1024px;
max-width: none;
display: block;
}
/* feature css */
/* contact */
.contact-us-section {
padding: 32px 0px;
}
.contact-main-wrapper {
text-align: center;
padding: 24px 0px 40px 0px;
}
.contact-main-wrapper .description {
max-width: 640px;
margin: 0 auto;
color: #20232F;
}
.cf7-row {
display: flex;
gap: 40px;
flex-wrap: wrap;
max-width: 760px;
margin: 0 auto;
text-align: left;
padding: 40px 0px;
}
.cf7-col {
flex: 1;
min-width: 250px;
}
.cf7-col label,
.cf7-col input::placeholder,
.cf7-col textarea::placeholder {
display: block;
color: var(--primary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.cf7-submit {
text-align: center;
margin-top: 20px;
margin: 0px;
}
.cf7-submit .wpcf7-spinner {
display: none;
}
.cf7-submit p {
margin: 0px;
}
.cf7-submit input[type="submit"] {
background-color: var(--primary-color);
color: var(--white-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
border-radius: 4px;
padding: 12px 24px;
border: 0px;
}
.cf7-row .cf7-col p {
margin: 0px;
}
.cf7-row .cf7-col label.mrb-24 {
margin-bottom: 24px;
}
.cf7-col input,
.cf7-col textarea {
margin-top: 8px;
width: 100%;
padding: 12px 16px;
border: 1px solid #E0E2EA;
}
.cf7-col textarea {
max-height: 158px;
}
.cf7-col input::placeholder,
.cf7-col textarea::placeholder {
color: #828594;
}
.contact-main-wrapper h1 {
font-size: 44px;
line-height: 44px;
letter-spacing: -0.88px;
margin-bottom: 24px;
}
/* contact */
/* Banner Section Start For web */
section.banner-wrapper {
margin: 24px 0px;
}
section.banner-wrapper .row {
display: flex;
flex-wrap: wrap;
}
section.banner-wrapper .col-12 {
display: flex;
}
section.banner-wrapper .col-12:first-child {
padding-right: 8px;
}
section.banner-wrapper .col-12:last-child {
padding-left: 8px;
}
section.banner-wrapper .banner-container {
display: flex;
flex-direction: row;
}
section.banner-wrapper .banner-one {
background-color: #EAEFFF;
padding: 32px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 100%;
margin-bottom: 0px;
gap: 12px;
width: 100%;
word-wrap: break-word;
word-break: break-word;
}
section.banner-wrapper .banner-one .content-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
flex: 0 0 66%;
}
section.banner-wrapper .banner-one .banner-small-title {
color: var(--blue, #0D2C87);
/* Tag */
font-family: var(--plusJakartaSan-font-family, "Plus Jakarta Sans");
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.48px;
text-transform: uppercase;
}
section.banner-wrapper .banner-one .banner-title {
color: var(--primary-color, #051135);
font-family: Newsreader;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
/* 115.789% */
letter-spacing: -1.14px;
}
section.banner-wrapper .banner-one .banner-title span {
color: var(--blue, #0D2C87);
font-family: Newsreader;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
letter-spacing: -1.14px;
}
section.banner-wrapper .banner-one .banner-title span i {
font-style: normal;
font-weight: 400
}
section.banner-wrapper .banner-one .banner-text {
color: var(--secondary-color, #20232F);
/* Body/Medium */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
word-wrap: break-word;
word-break: break-word;
/* 162.5% */
}
section.banner-wrapper .banner-one .banner-button a {
display: flex;
width: 170px;
padding: 8px 16px;
justify-content: center;
align-items: center;
text-decoration: none;
cursor: pointer;
border-radius: 4px;
background: var(--primary-color, #051135);
color: var(--white-color, #FFF);
text-align: center;
/* Button/Small */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
/* 162.5% */
}
section.banner-wrapper .banner-one .img-container {
max-width: 278px;
height: 175px;
flex: 0 0 34%;
}
section.banner-wrapper .banner-two {
background-color: #051135;
padding: 32px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: start;
height: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='283' height='131' viewBox='0 0 283 131' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M123.919 46.7407L119.142 47.912L100.824 20.7083C98.0328 18.9179 95.2587 17.4816 92.4868 16.4213C87.5186 14.4964 82.0383 13.537 76.0509 13.537C69.5548 13.5372 63.7279 14.4688 58.5692 16.3333C53.4098 18.1981 49.0131 21.0853 45.3825 24.9954C41.7523 28.9053 38.9804 33.9296 37.0696 40.0648C35.1593 46.2 34.2047 53.5381 34.2047 62.0787C34.2047 75.3123 36.209 86.5326 40.2216 95.7361C44.298 104.879 49.7786 111.826 56.6576 116.579C63.6002 121.271 71.3391 123.616 79.8741 123.616C82.9952 123.616 85.9919 123.379 88.8582 122.898C90.4118 122.637 91.9065 122.296 93.3478 121.894V88.4259L77.6755 83.2824V79.6759H122.961L162.424 5.77778H274.878L328.481 121.907L343 127.046V130.657H276.979V127.046L293.031 122.083L278.21 89.2407H230.512L216.882 122.176L232.647 127.139V130.657H105.061C101.612 131.225 98.1537 131.678 94.6854 132.009C88.3795 132.671 82.0075 133 75.5742 133C63.7909 133 53.2181 131.586 43.8551 128.759C34.4919 125.932 26.528 121.784 19.9673 116.31C13.4704 110.776 8.50312 104.038 5.06357 96.0972C1.6877 88.0967 1.04133e-05 78.9531 0 68.6667C0 55.8541 3.21755 44.606 9.65046 34.9213C16.1474 25.1762 25.3531 17.5945 37.2642 12.1806C49.1749 6.76724 63.2196 4.06019 79.3974 4.06019C84.6203 4.0602 89.4632 4.32899 93.9218 4.87037C97.0263 5.24208 100.339 5.79275 103.864 6.50463L113.125 0H115.801L123.919 46.7407ZM196.988 23.4676C196.455 22.3014 195.001 22.0103 194.104 22.9074C189.859 27.1701 178.826 37.9326 166.826 46.4306C164.717 47.9103 162.68 49.3029 160.716 50.6481C150.485 57.5998 142.384 63.0954 139.45 73.5231C137.73 79.6893 138.458 85.4987 141.513 89.8935C144.568 94.288 149.563 96.7102 155.575 96.7778H155.794C162.12 96.7776 168.497 94.0645 174.024 89.3796C172.425 92.653 170.775 96.599 169.224 99.0648C166.315 103.75 163.335 107.117 161.032 109.315C159.822 110.481 160.621 112.61 162.268 112.611H181.374C182.755 112.611 183.627 111.065 182.95 109.787C181.786 107.612 180.478 104.11 180.114 99.0648C179.921 96.5765 180.402 92.6528 180.596 89.3796C183.554 94.0655 188.457 96.7774 194.785 96.7778H194.999C201.06 96.7329 207.366 94.2878 212.797 89.8935C218.227 85.4988 222.13 79.6891 223.755 73.5231C226.52 63.073 221.43 57.5773 214.981 50.6481H215.005C213.768 49.3027 212.481 47.933 211.172 46.4306C204.117 38.2911 199.074 28.0659 196.988 23.4676ZM234.354 79.9491H274.017L253.325 34.1065L234.354 79.9491Z' fill='%23081E5C'/%3E%3C/svg%3E");
background-position: bottom right;
background-repeat: no-repeat;
background-size: 283px;
width: 100%;
word-wrap: break-word;
word-break: break-word;
}
section.banner-wrapper .banner-two .content-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
flex: 0 0 63%;
flex: 1;
}
section.banner-wrapper .banner-two .banner-small-title {
color: #A3BAFF;
/* Tag */
font-family: var(--plusJakartaSan-font-family, "Plus Jakarta Sans");
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.48px;
text-transform: uppercase;
}
section.banner-wrapper .banner-two .banner-title {
color: var(--white-color, #FFF);
font-family: Newsreader;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
/* 115.789% */
letter-spacing: -1.14px;
word-wrap: break-word;
word-break: break-word;
}
section.banner-wrapper .banner-two .banner-title span {
color: #A3BAFF;
font-family: Newsreader;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
letter-spacing: -1.14px;
}
section.banner-wrapper .banner-two .banner-text {
color: var(--placeholder-color, #C4C7D2);
/* Body/Medium */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
word-wrap: break-word;
word-break: break-word;
}
section.banner-wrapper .banner-two .banner-button a {
border-radius: 4px;
background: var(--white-color, #FFF);
display: flex;
width: 170px;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 12px;
color: var(--primary-color, #051135);
text-align: center;
/* Button/Small */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
/* 162.5% */
}
section.banner-wrapper .banner-one .img-container img {
transform: scale(1.2);
max-height: 100%;
display: block;
margin-left: auto;
}
section.banner-wrapper .banner-two .img-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.banner-wrapper .banner-two .img-container {
max-width: 229px;
max-height: 229px;
flex: 0 0 37%;
position: relative;
top: 18px;
}
section.banner-wrapper .banner-one .content-area {
display: flex;
flex-direction: column;
}
section.banner-wrapper.darkblue .banner-one {
background-color: #051135;
}
section.banner-wrapper.darkblue .banner-text {
color: #C4C7D2;
}
section.banner-wrapper.darkblue .banner-title,
section.banner-wrapper.darkblue .banner-small-title {
color: #fff
}
section.banner-wrapper.darkblue .banner-one .banner-button a {
background-color: #EAEFFF;
color: #051135;
}
.section-heading {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 28px;
font-weight: var(--font-weight-700);
line-height: 34px;
letter-spacing: -0.56px;
flex-shrink: 0;
margin-bottom: 16px;
}
.section-heading.padding-12 {
padding: 12px 0px;
}
.section-heading.mr-32 {
margin-right: 32px;
}
.section-long-heading.mr-32 {
margin-right: 32px;
}
.section-long-heading {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 28px;
font-weight: var(--font-weight-700);
line-height: 34px;
letter-spacing: -0.56px;
flex-shrink: 0;
text-align: left;
padding-bottom: 12px;
}
/* Banner Wrapper End */
.section-heading.other-link{
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 28px;
font-weight: var(--font-weight-700);
line-height: 34px;
letter-spacing: -0.56px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 16px;
}
.section-heading.other-link .title-wrapper {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 28px;
font-weight: var(--font-weight-700);
line-height: 34px;
letter-spacing: -0.56px;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0;
}
/* Worldwide Statistics Start - web*/
section.worldwide-statistics {
margin-bottom: 48px;
}
section.worldwide-statistics .title {
color: var(--primary-color);
font-family: var(--newsreader-font-family);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.22px;
margin-bottom: 24px;
text-align: center;
display: block;
}
section.worldwide-statistics .statistic-container .title {
color: var(--blue);
font-family: var(--newsreader-font-family);
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 50px;
letter-spacing: -1.5px;
}
section.worldwide-statistics .statistic-container .statistic {
color: #20232F;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
section.worldwide-statistics .statistic-container {
display: flex;
flex-direction: row;
gap: 32px;
padding-bottom: 32px;
border-bottom: #E0E2EA solid 1px;
flex-wrap: wrap;
justify-content: space-between;
}
section.worldwide-statistics .statistic-container .value-container {
display: flex;
align-items: center;
gap: 8px;
max-width: 326px;
}
section.worldwide-statistics .statistic-container .value {
color: var(--blue);
font-family: var(--newsreader-font-family);
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: 50px;
/* 100% */
letter-spacing: -1.5px;
transform: translateY(6px);
}
section.worldwide-statistics .statistic-container .value-container>span:last-child {
color: #20232F;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
word-wrap: break-word;
word-break: break-word;
}
/* Worldwide Statistics End */
/* igaming expert css */
.igaming-experts {
display: flex;
gap: 16px;
}
section.other-author-wrapper {
display: flex;
flex-direction: row;
gap: 16px;
margin-bottom: 48px;
}
section.other-author-wrapper .other-author-item {
border: 1px solid var(--divider-light, #E0E2EA);
width: 184px;
overflow: hidden;
}
section.other-author-wrapper .other-author-item .top-container {
background: #F4F5F7;
padding: 12px 10px 0px 10px;
display: flex;
justify-content: center;
position: relative;
}
section.other-author-wrapper .other-author-item .top-container .author-container {
width: 100px;
height: 100px;
position: relative;
}
section.other-author-wrapper .other-author-item .top-container .author-container:after {
content: "";
position: absolute;
background-color: #E0E2EA;
width: 100px;
height: 100px;
border-radius: 50%;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
section.other-author-wrapper .other-author-item .top-container .author-container a {
position: relative;
z-index: 1;
display: inline-flex;
width: 100%;
height: 100%;
}
section.other-author-wrapper .other-author-item .top-container .author-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.other-author-wrapper .other-author-item .bottom-container {
padding: 12px 16px;
}
section.other-author-wrapper .other-author-item .bottom-container .author-name {
color: var(--primary-color, #051135);
text-align: center;
/* Title/H5 Headline */
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 150% */
}
section.other-author-wrapper .other-author-item .bottom-container .author-name a {
text-decoration: none;
color: var(--primary-color, #051135);
}
section.other-author-wrapper .other-author-item .bottom-container .author-name a:hover {
color: var(--link-hover);
}
section.other-author-wrapper .other-author-item .bottom-container .author-role {
color: var(--tab-color, #484C5D);
text-align: center;
font-family: var(--body-font-family, "Libre Franklin");
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 22px;
/* 183.333% */
}
section.other-author-wrapper .other-author-item .bottom-container .author-articles {
color: var(--text-tertiary, #484C5D);
text-align: center;
font-family: var(--body-font-family, "Libre Franklin");
font-size: var(--size-xs, 12px);
font-style: italic;
font-weight: 400;
line-height: 22px;
/* 183.333% */
}
section.other-author-wrapper .all-other-author-links {
display: none;
}
section.other-author-wrapper .igaming-experts .slick-list {
margin-left: -8px;
}
.other-author-wrapper .other-author-link {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 4px;
}
.other-author-wrapper .other-author-link a {
color: #0D2C87;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
}
.other-author-wrapper .other-author-link a:hover {
color: var(--link-hover)
}
.title-tab-wrapper {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 16px;
}
.casino-free-start .section-heading {
margin-bottom: 16px;
}
section.casino-free-start .slick-slider-casino-free-start .slick-prev,
section.casino-free-start .slick-slider-casino-free-start .slick-next {
width: 36px;
height: 36px;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--divider-light);
background: var(--white-color);
text-indent: -999px;
overflow: hidden;
position: absolute;
right: -15px;
top: 50%;
background-repeat: no-repeat;
background-size: 24px;
background-position: center center;
border-radius: 2px;
}
/* igaming expert css */
section.casino-free-start .slick-slider-casino-free-start .slick-prev {
margin-top: 17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
section.casino-free-start .slick-slider-casino-free-start .slick-next {
margin-top: -17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
section.author-content-wrapper .author-left-content {
display: flex;
flex-direction: column;
row-gap: 32px;
width: 100%;
margin-top: 32px;
margin-bottom: 30px;
}
section.other-author-wrapper.author-section .all-other-author-links {
display: block;
color: var(--blue);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
margin-top: 32px;
text-align: center;
}
section.casino-free-start .slick-slider-casino-free-start .slick-prev:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
section.casino-free-start .slick-slider-casino-free-start .slick-next:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
section.best-gambling-guides-wrapper .betting-tab-content {
margin-left: 0px;
margin-right: 0px;
}
section.best-gambling-guides-wrapper .article-item-wrapper .meta .author a {
color: #555;
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
section.best-gambling-guides-wrapper .article-item-wrapper .meta .author a:hover {
color: var(--link-hover);
}
section.best-gambling-guides-wrapper .section-heading,
.error-news .section-heading {
margin-bottom: 0
}
section.best-gambling-guides-wrapper {
margin-bottom: 40px;
}
section.best-gambling-guides-wrapper .directory-item .article-item-wrapper-new .tab-page-title {
font-family: var(--instrument-font-family);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px;
}
/* section.best-gambling-guides-wrapper .best-guides-slider .slick-next{margin-top: -27.5px;}
section.best-gambling-guides-wrapper .best-guides-slider .slick-prev{margin-top: 7.5px;} */
/* Top Reviews 2025 Start */
section.home-top-reviews .top-review {
border-radius: 2px;
border: 1px solid var(--divider-light);
background: #F4F5F7;
width: 267px;
}
section.home-top-reviews .section-heading {
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
section.home-top-reviews {
margin-bottom: 40px;
}
.home-top-reviews .betting-tab-content {
margin-left: 0;
margin-right: 0;
}
.top-review .top-review-logo-wrapper {
background: #051135;
padding: 8px 0px;
min-height: 126px;
}
.slick-slider-casino-free-start {
display: flex;
gap: 1px;
overflow: hidden;
}
.slick-slider-casino-free-start .element {
width: 399px;
}
.slick-slider-casino-free-start .free-casino-container {
width: 100%;
height: 280px;
position: relative;
}
.slick-slider-casino-free-start.slick-slider {
overflow: inherit;
}
.casino-free-start {
margin-bottom: 48px;
}
.casino-free-start .slick-slide {
margin-left: 0.5px;
margin-right: 0.5px;
width: 399px;
}
.slick-slider-casino-free-start .free-casino-container {
position: relative;
}
.slick-slider-casino-free-start .free-casino-container:after {
background: linear-gradient(1deg, var(--surface-dark-blue, #051135) 61.19%, rgba(5, 17, 53, 0.00) 99.54%);
content: "";
bottom: 0;
top: 96px;
width: 100%;
position: absolute;
}
.slick-slider-casino-free-start .free-casino-container .container-img {
position: relative;
}
.slick-slider-casino-free-start .free-casino-container .container-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slick-slider-casino-free-start .free-casino-container .black-overlay {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
/* top transparent */
rgba(0, 0, 0, 0.8) 70%,
/* darker area begins */
rgba(0, 0, 0, 1) 100%
/* full black bottom */
);
}
.slick-slider-casino-free-start .free-casino-container .content-wrapper {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.slick-slider-casino-free-start .free-casino-container .title a {
color: var(--white-color, #FFF);
text-overflow: ellipsis;
font-family: var(--instrument-font-family);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
/* 140% */
}
.slick-slider-casino-free-start .free-casino-container .title a:hover {
color: var(--link-hover);
}
.slick-slider-casino-free-start .free-casino-container .sub-title,
.slick-slider-casino-free-start .free-casino-container .sub-title a {
color: var(--white-color, #FFF);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.24px;
margin-bottom: 16px;
}
.slick-slider-casino-free-start .free-casino-container .button-container {
display: flex;
flex-direction: row;
gap: 8px;
}
.slick-slider-casino-free-start .free-casino-container .play-free {
display: flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
flex: 1 0 0;
align-self: stretch;
border-radius: 4px;
border: 2px solid var(--white-color);
color: var(--white-color);
text-align: center;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
width: 154px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.slick-slider-casino-free-start .free-casino-container .play-free:hover {
background-color: #fff;
color: #010207;
}
.slick-slider-casino-free-start .free-casino-container .play-now {
cursor: pointer;
display: flex;
padding: 12px 10px 12px 24px;
justify-content: center;
align-items: center;
gap: 12px;
flex: 1 0 0;
border-radius: 4px;
border: 2px solid var(--action-primary, #B4052E);
background: linear-gradient(90deg, var(--action-primary, #B4052E) 0%, var(--action-primary-hover, #6B041C) 100%);
color: #FFF;
text-align: center;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
height: 50px;
transition: all 0.3s ease-in-out;
}
.slick-slider-casino-free-start .free-casino-container .play-now:hover {
background: linear-gradient(90deg, var(--action-primary-hover, #6B041C) 0%, var(--action-primary, #B4052E)100%);
color: #FFF;
}
section.article-section .article-wrapper {
gap: 16px;
}
.top-review .top-review-logo-wrapper .logo-container {
padding: 34px 10px 35px 10px;
}
.top-review .top-review-logo-wrapper .top-review-logo {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
.top-review .top-review-logo-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.top-review .top-review-content {
padding: 16px 16px 20px 16px;
}
.top-review-category {
color: var(--blue);
font-family: var(--plusJakartaSan-font-family);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 16px;
/* 133.333% */
letter-spacing: 0.48px;
text-transform: uppercase;
word-wrap: break-word;
word-break: break-word;
}
.top-review .top-review-title {
overflow: hidden;
color: var(--primary-color);
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 133.333% */
margin: 16px 0px 24px 0px;
}
.top-review .top-review-ratting {
display: flex;
flex-direction: row;
gap: 8px;
}
.top-review .top-review-ratting .top-review-start {
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
gap: 4px;
aspect-ratio: 1/1;
border-radius: 40px;
background: var(--blue);
flex-shrink: 0;
}
.top-review .top-review-ratting .top-review-start .blue-star {
display: inline-flex;
}
.top-review .top-review-ratting .top-review-start .number {
color: var(--white-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 26px;
/* 185.714% */
}
.top-review .reviewer {
display: flex;
flex-direction: column;
gap: 0px;
word-wrap: break-word;
word-break: break-word;
}
.top-review .reviewer .grad {
color: #11131A;
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.reviewer .reviewer-name {
color: var(--text-secondary);
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.24px;
}
.ga-related-news-block .side-news-list {
padding-right: 0;
padding-left: 0
}
.ga-related-news-block .side-news-list .article-item .side-title {
height: auto;
}
.ga-related-news-block .side-news-list .right-side a {
height: 90px;
width: 90px;
}
/* Top Reviews 2025 End */
.featured-logos-image .logo-cell img {
max-width: 100%;
object-fit: contain;
max-height: 30px;
}
.featured-logos-image .logo-cell {
max-height: 30px;
width: 200px;
flex-shrink: 0
}
.featured-logos-image {
display: flex;
gap: 10px;
align-items: center;
}
.scrollable-tab .nav-tabs {
border-bottom: none !important;
}
.scrollable-tab .news-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.scrollable-tab .tab-pane .tab-content-wrapper .top-container .news-item {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 16px;
display: flex;
flex-direction: column;
}
.scrollable-tab .tab-pane .tab-content-wrapper .top-container .news-item .title {
overflow: hidden;
color: var(--primary-color, #051135);
text-overflow: ellipsis;
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
margin-top: 8px;
margin-bottom: 12px;
}
.scrollable-tab .tab-pane .tab-content-wrapper .top-container .news-item .news-img {
width: 100%;
height: 197px;
}
.scrollable-tab .tab-pane .tab-content-wrapper .top-container .news-item .news-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.scrollable-tab .tab-pane .bottom-container .news-card .news-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.scrollable-tab .tab-pane .bottom-container .news-card .news-content .title {
margin-bottom: 12px;
}
.scrollable-tab .tab-pane .tab-content-wrapper .top-container .news-item .news-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.scrollable-tab .news-content .title {
color: #051135;
font-family: var(--instrument-font-family);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.scrollable-tab .news-content .title a:hover {
text-decoration: none;
}
.scrollable-tab .meta {
font-size: 14px;
color: #666;
display: flex;
gap: 0 8px;
flex-wrap: wrap;
align-items: center;
}
.scrollable-tab .meta .author {
font-family: var(--body-font-family);
}
.scrollable-tab .meta .time {
font-family: var(--body-font-family);
}
/* CARD */
.scrollable-tab .news-card {
display: flex;
gap: 16px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 16px;
}
.scrollable-tab .news-img {
width: 111px;
height: 111px;
flex-shrink: 0;
}
.scrollable-tab .news-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px;
}
.top-news-grid .side-news-list {
margin-top: 16px;
}
.top-news-grid .side-news-list .right-side {
width: 100px;
height: 100px;
}
.top-news-grid .side-news-list .right-side img {
height: 100px;
}
/* author css */
.authors-group {
display: flex;
gap: 16px;
margin-bottom: 16px;
width: 100%
}
.other-author-wrapper .all-34-authors{ margin-top:16px; }
.home .other-author-wrapper .all-34-authors{ margin-top:0 }
.other-author-wrapper .all-34-authors a {
color: var(--blue);
font-family: var(--body-font-family);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
}
.other-author-wrapper .all-34-authors a:hover {
color: var(--link-hover);
}
.author-page-wrapper .other-author-wrapper {
margin-bottom: 0px;
}
.other-author-wrapper .wrapper {
width: 100%
}
.authors-group .slick-track {
display: flex;
column-gap: 16px;
height: 100%
}
.authors-group .slick-prev,
.authors-group .slick-next {
width: 36px;
height: 36px;
padding: 6px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--divider-light);
background: var(--white-color);
text-indent: -999px;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
background-repeat: no-repeat;
background-size: 24px;
background-position: center center;
border-radius: 2px;
}
.authors-group .slick-prev {
margin-top: 17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.authors-group .slick-next {
margin-top: -17.5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23C4C7D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.authors-group .slick-prev:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.authors-group .slick-next:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%230D2C87' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Author Page Start */
section.author-latest-articles .article-wrapper {
justify-content: left;
}
/* breadcrumbs Start */
section.breadcrumbs {
display: flex;
flex-direction: row;
gap: 2px;
align-items: center;
}
.section.breadcrumbs .parent-link a {
color: var(--secondary-color, #20232F);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-decoration: none;
/* 150% */
}
.section.breadcrumbs .page-link a {
color: var(--secondary-color, #20232F);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-decoration: none;
/* 150% */
}
section.breadcrumbs .arrow {
width: 6px;
height: 10px;
display: flex;
margin: 0px 5px;
position: relative;
top: 1px;
}
section.breadcrumbs .arrow svg {
width: 100%;
height: 100%;
}
/* breadcrumbs End */
section.author-detail-wrapper {
display: flex;
flex-direction: row;
gap: 40px;
align-items: center;
position: relative;
margin-bottom: 16px;
}
section.author-detail-wrapper .author-img-wrapper {
width: 190px;
height: 190px;
}
section.author-detail-wrapper .author-img-wrapper::before {
width: 190px;
height: 190px;
background-color: var(--divider-light);
border-radius: 50%;
content: "";
display: block;
position: absolute;
z-index: -1;
}
section.author-detail-wrapper .author-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.author-detail-wrapper .author-info-wrapper .author-info {
display: flex;
flex-direction: column;
gap: 9px;
margin-bottom: 24px;
align-items: start;
}
section.author-detail-wrapper .author-info-wrapper .author-name {
color: var(--primary-color, #051135);
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
/* 115.789% */
letter-spacing: -1.14px;
margin-bottom: 0px;
}
section.author-detail-wrapper .author-info-wrapper .author-designation {
color: var(--tab-color, #484C5D);
/* Body/Large */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 144.444% */
}
section.author-detail-wrapper .author-info-wrapper .author-social-info {
display: flex;
flex-direction: row;
gap: 8px;
}
section.author-detail-wrapper .author-info-wrapper .author-social-info .facebook-wrapper {
background-color: #3D5395;
border-radius: 32px;
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
section.author-detail-wrapper .author-info-wrapper .author-social-info .facebook-wrapper svg,
section.author-detail-wrapper .author-info-wrapper .author-social-info .x-wrapper svg,
section.author-detail-wrapper .author-info-wrapper .author-social-info .linkedin-wrapper svg {
vertical-align: unset;
}
section.author-detail-wrapper .author-info-wrapper .author-social-info .x-wrapper {
background-color: #11131A;
border-radius: 32px;
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
section.author-detail-wrapper .author-info-wrapper .author-social-info .linkedin-wrapper {
background-color: #0076B4;
border-radius: 32px;
display: flex;
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
/* Author Statistics Wrapper Start */
section.author-statistics-wrapper {
background-color: #F4F5F7;
padding: 16px 24px;
display: flex;
margin-bottom: 32px;
margin-top: -16px;
}
section.author-statistics-wrapper .author-statistics-column {
border-right: 1px solid var(--divider-light, #E0E2EA);
padding-right: 32px;
margin-right: 32px;
width: calc(50% - 16px);
}
section.author-statistics-wrapper .author-statistics-column:last-of-type {
border-right: 0px solid var(--divider-light, #E0E2EA);
padding-right: 0px;
margin-right: 0px;
}
section.author-statistics-wrapper .statistics-row {
display: flex;
flex-direction: row;
gap: 12px;
padding: 10px 0px;
border-bottom: 1px solid var(--divider-light, #E0E2EA);
}
section.author-statistics-wrapper .statistics-row:last-of-type {
border-bottom: 0px solid var(--divider-light, #E0E2EA);
}
section.author-statistics-wrapper .statistics-row .icon-wrapper {
display: flex;
width: 24px;
height: 24px;
padding: 4.8px 4.187px 3.648px 3.6px;
justify-content: center;
align-items: center;
flex-shrink: 0;
}
section.author-statistics-wrapper .statistics-row .label {
color: var(--primary-color, #051135);
/* Body/Medium Bold */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
/* 162.5% */
width: 230px;
}
section.author-statistics-wrapper .statistics-row .value {
color: var(--primary-color, #051135);
/* Body/Medium */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
width: 366px;
}
/* Author Statistics Wrapper end */
/* Author Content Wrapper Start */
section.author-content-wrapper {
display: flex;
flex-direction: row;
gap: 80px;
}
section.author-content-wrapper .author-left-content p {
color: var(--secondary-color, #20232F);
/* Body/Medium */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
/* 162.5% */
}
section.author-content-wrapper .author-left-content .sub-title {
color: var(--primary-color, #051135);
/* Title/h3 title */
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 26px;
/* 118.182% */
margin-bottom: 32px;
}
section.author-content-wrapper .author-right-content {
max-width: 372px;
min-width: 372px;
margin-top: 0px;
}
section.author-content-wrapper .author-right-content .right-container {
background-repeat: no-repeat;
background-size: 250px;
background-position: right bottom;
background-color: #F4F5F7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='282' viewBox='0 0 270 282' fill='none'%3E%3Cpath d='M240.33 108.404C240.604 108.107 240.941 108.023 241.239 108.087C241.542 108.151 241.849 108.378 242.023 108.79C243.85 113.154 248.278 122.887 254.488 130.649L254.489 130.65C255.392 131.773 256.283 132.817 257.146 133.828H257.117L257.826 134.654C260.655 137.947 263.125 140.832 264.604 144.111C266.025 147.259 266.54 150.792 265.496 155.414L265.39 155.865C263.996 161.598 260.642 167.009 255.969 171.106C251.294 175.205 245.898 177.459 240.743 177.5H240.557C235.204 177.5 231.089 175.025 228.594 170.742L227.753 169.3L227.662 170.967C227.577 172.517 227.43 174.196 227.323 175.826C227.231 177.235 227.168 178.597 227.213 179.73L227.239 180.201C227.562 185.041 228.722 188.415 229.768 190.533V190.534C229.991 190.989 229.958 191.491 229.759 191.876C229.56 192.26 229.222 192.489 228.84 192.489H212.144C211.689 192.489 211.311 192.175 211.139 191.679C210.967 191.183 211.045 190.608 211.423 190.214C213.462 188.106 216.093 184.89 218.656 180.416L218.657 180.417C220.03 178.053 221.498 174.252 222.875 171.199L222.081 170.626C217.316 175.003 211.859 177.5 206.486 177.5H206.302C201.2 177.438 196.999 175.219 194.428 171.212C191.85 167.193 191.213 161.844 192.69 156.108L192.689 156.107C195.202 146.434 202.118 141.33 211.084 134.73L211.086 134.729C212.801 133.456 214.584 132.138 216.43 130.734L216.432 130.733C226.954 122.66 236.618 112.443 240.33 108.404Z' stroke='%23E0E2EA'/%3E%3Cpath d='M245.662 76.4619C246.324 75.7514 247.168 75.5263 247.938 75.6885C248.711 75.8516 249.448 76.4156 249.852 77.3633C253.482 85.9584 262.271 105.103 274.582 120.358L274.583 120.359C276.615 122.864 278.614 125.171 280.543 127.417H280.494L281.211 128.244C286.828 134.726 291.792 140.471 294.771 147.014C297.735 153.527 298.74 160.854 296.362 170.507C293.564 181.915 286.837 192.672 277.468 200.815C268.098 208.96 257.249 213.465 246.852 213.548H246.476C235.65 213.548 227.3 208.573 222.248 199.977L221.409 198.549L221.317 200.202C221.149 203.259 220.856 206.595 220.644 209.791C220.433 212.966 220.304 215.99 220.475 218.352V218.353C221.111 227.84 223.405 234.436 225.458 238.557C225.973 239.599 225.898 240.749 225.436 241.636C224.973 242.522 224.148 243.109 223.166 243.109H189.95C188.78 243.109 187.872 242.302 187.481 241.184C187.091 240.066 187.257 238.734 188.157 237.803L188.158 237.804C192.19 233.672 197.399 227.358 202.479 218.568C205.194 213.934 208.088 206.503 210.849 200.438L210.057 199.86C200.512 208.551 189.541 213.548 178.695 213.548H178.321C168.019 213.424 159.499 208.975 154.287 200.922C149.069 192.858 147.803 182.164 150.769 170.753C155.817 151.482 169.733 141.319 187.547 128.32L187.549 128.319C190.962 125.808 194.506 123.21 198.176 120.444L198.177 120.442C219.077 104.546 238.28 84.4217 245.661 76.4609L245.662 76.4619Z' stroke='%23E0E2EA'/%3E%3Cpath d='M253.248 40.7811C254.463 39.4703 256.032 39.045 257.469 39.3495C258.91 39.6551 260.26 40.7063 260.993 42.4364C267.193 57.1971 282.198 90.0581 303.206 116.231L303.207 116.232C306.855 120.752 310.44 124.896 313.895 128.945H313.815L314.527 129.771C324.12 140.9 332.639 150.81 337.755 162.109C342.697 173.027 344.469 185.262 340.864 201.164L340.498 202.715C335.697 222.394 324.158 240.941 308.094 254.979C292.029 269.019 273.411 276.802 255.543 276.945H254.898C236.273 276.945 221.886 268.332 213.188 253.449L212.348 252.013L212.257 253.674C211.969 258.927 211.466 264.676 211.104 270.154C210.744 275.613 210.526 280.788 210.816 284.819C211.901 301.071 215.808 312.358 219.295 319.395V319.396C220.229 321.296 220.095 323.396 219.255 325.016C218.415 326.636 216.894 327.741 215.062 327.741H158.295C156.111 327.741 154.449 326.221 153.743 324.191C153.038 322.162 153.332 319.725 154.981 318.012L154.98 318.011C161.851 310.932 170.737 300.109 179.402 285.035C184.029 277.092 188.956 264.366 193.689 253.908L192.896 253.333C176.538 268.31 157.707 276.945 139.062 276.945H138.419C120.706 276.731 106.029 269.034 97.0508 255.086C88.2061 241.344 85.972 223.218 90.7578 203.88L90.9912 202.959C99.6562 169.701 123.555 152.17 153.98 129.848L153.982 129.847C159.816 125.53 165.871 121.068 172.141 116.317L172.143 116.315C207.837 89.0192 240.638 54.457 253.249 40.7821L253.248 40.7811Z' stroke='%23E0E2EA'/%3E%3Cpath d='M260.519 2.99609C262.501 0.858652 265.076 0.153407 267.441 0.654297C269.811 1.15618 272.011 2.87828 273.2 5.68164C282.968 28.9054 306.602 80.5905 339.681 121.749L339.682 121.751C345.569 129.037 351.353 135.699 356.922 142.224H356.802L357.515 143.051C372.624 160.558 386.081 176.185 394.162 194.012C402.104 211.531 404.862 231.196 398.798 256.874L398.503 258.102C390.923 289.134 372.704 318.373 347.348 340.503C321.991 362.634 292.586 374.916 264.348 375.142H263.33C233.878 375.142 211.111 361.534 197.352 338.022L196.512 336.588L196.421 338.248C195.967 346.514 195.173 355.576 194.604 364.187C194.072 372.241 193.738 379.888 194.074 386.021L194.151 387.228C195.859 412.769 202.006 430.496 207.483 441.538C208.998 444.614 208.781 448.013 207.417 450.64C206.053 453.266 203.568 455.084 200.553 455.084H111.098C107.503 455.084 104.793 452.583 103.652 449.305C102.512 446.027 102.981 442.072 105.666 439.286L105.667 439.287C116.479 428.163 130.468 411.144 144.112 387.44L144.111 387.439C151.393 374.955 159.141 354.965 166.611 338.481L165.818 337.906C140.002 361.511 110.261 375.142 80.7881 375.142H79.7725C51.7712 374.804 28.5483 362.648 14.3438 340.608C0.132203 318.558 -3.27551 289.38 4.75781 258.345C18.4424 205.892 56.1971 178.247 104.128 143.127L104.13 143.126C113.324 136.333 122.863 129.31 132.742 121.835L132.743 121.834C188.971 78.8922 240.647 24.5141 260.518 2.99512L260.519 2.99609Z' stroke='%23E0E2EA'/%3E%3C/svg%3E");
padding: 16px 24px;
border-radius: 4px;
}
section.author-content-wrapper .author-right-content .right-container .single-quat {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.87912 20.6882C3.42857 20.6882 2.24176 20.2047 1.31868 19.2377C0.439561 18.2706 0 16.9739 0 15.3476C0 12.4904 0.945055 10.0069 2.83516 7.89702C4.76923 5.78713 7.07692 4.05087 9.75824 2.68823L10.4176 3.80911C9.31868 4.51241 8.28571 5.41351 7.31868 6.51241C6.3956 7.61131 5.67033 8.79812 5.14286 10.0728L6.98901 11.4575C7.73626 11.941 8.35165 12.6003 8.83517 13.4355C9.31868 14.2267 9.56044 14.9959 9.56044 15.7432C9.56044 17.1498 9.12088 18.3366 8.24176 19.3036C7.40659 20.2267 6.28571 20.6882 4.87912 20.6882ZM18.4615 20.6882C17.011 20.6882 15.8242 20.2047 14.9011 19.2377C14.022 18.2706 13.5824 16.9739 13.5824 15.3476C13.5824 12.4904 14.5275 10.0069 16.4176 7.89702C18.3516 5.78713 20.6593 4.05087 23.3407 2.68823L24 3.80911C22.9011 4.51241 21.8681 5.41351 20.9011 6.51241C19.978 7.61131 19.2527 8.79812 18.7253 10.0728L20.5714 11.4575C21.3187 11.941 21.9341 12.6003 22.4176 13.4355C22.9011 14.2267 23.1429 14.9959 23.1429 15.7432C23.1429 17.1498 22.7033 18.3366 21.8242 19.3036C20.989 20.2267 19.8681 20.6882 18.4615 20.6882Z' fill='%230D2C87'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 24px;
height: 24px;
aspect-ratio: 1/1;
margin-bottom: 10px;
}
section.author-content-wrapper .author-right-content .right-container .right-side-content {
color: var(--primary-color, #051135);
font-family: var(--newsreader-font-family, Newsreader);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 140% */
letter-spacing: -0.2px;
}
section.author-content-wrapper .author-right-content .right-container .right-side-author-name {
color: var(--dividers-divider-blue, #081E5C);
/* Body/Small Bold */
font-family: var(--body-font-family, "Libre Franklin");
font-size: 13px;
font-style: normal;
font-weight: 700;
line-height: 22px;
/* 169.231% */
}
/* Author page Latest Articles Start */
section.author-detail-wrapper .next-author-wrapper {
border-radius: var(--Image-Radius, 2px);
border: 1px solid var(--dividers-divider-light, #E0E2EA);
background: var(--surface-white, #FFF);
/* Elevation/On Light/1 */
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.04);
padding: 12px;
position: absolute;
right: 0px;
}
section.author-detail-wrapper .next-author-container {
display: flex;
flex-direction: row;
gap: 16px;
justify-content: center;
align-items: center;
}
section.author-detail-wrapper .next-author-container .next-author-img {
background-color: #E0E2EA;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
section.author-detail-wrapper .next-author-container .next-author-info .label {
color: var(--tab-color, #484C5D);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 22px;
/* 183.333% */
}
section.author-detail-wrapper .next-author-container .next-author-info .name {
color: var(--primary-color, #051135);
/* Title/H6 Headline */
font-family: var(--instrument-font-family, "Instrument Sans");
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 142.857% */
text-transform: capitalize;
}
section.author-detail-wrapper .next-author-container .next-author-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.author-latest-articles .article-wrapper .article-item-wrapper {
width: 289px;
height: auto;
display: flex;
gap: 8px;
flex-direction: column;
border-bottom: 1px solid var(--divider-light);
}
section.author-latest-articles .article-wrapper> :nth-last-child(-n+3) {
border-bottom: 0px solid var(--divider-light) !important;
}
section.author-latest-articles .article-wrapper> :nth-last-child(-n+3) .article-item-wrapper .left-side .meta {
margin-bottom: 0px !important;
}
/* Author page Latest Articles End */
/* Slick Slider End */
/* Other Author Section Start */
/* Author Content Wrapper End */
.all-34-authors {
display: flex;
flex-direction: row;
color: var(--blue, #0D2C87);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
/* 107.143% */
justify-content: center;
padding: 8px 0px;
}
.other-author-wrapper .my-slider {
margin-bottom: 24px;
}
/* author css */
.search-page {
padding-top: 40px;
}
.search-page .live-search-wrapper .live-search-results {
top: calc(100% + 4px);
}
.search-page .article-wrapper .article-item-wrapper:last-child {
padding-right: 0;
}
.search-page .article-wrapper .article-item-wrapper:last-child .meta .number {
right: -11px;
}
.search-page-header {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
margin-bottom: 40px;
}
.search-page-header h1 {
color: var(--primary-color);
text-align: center;
font-family: var(--instrument-font-family);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 44px;
letter-spacing: -1.14px;
}
.search-page .search-result-form-wrapper {
max-width: 352px;
width: 100%;
position: relative;
}
.search-page .search-result-form-wrapper label {
width: 100%
}
.search-result-form-wrapper .search-form .search-field {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 18px;
background-position: right 24px center;
width: 100%;
padding: 10px 48px 10px 24px;
border: 1px solid #ddd;
border-radius: 4px;
}
.search-page .search-wrapper .article-item-wrapper article {
gap: 8px;
display: flex;
flex-direction: column;
}
.search-page .no-search-wrapper .article-item-wrapper {
width: calc(19% - 7px);
}
.search-page .article-wrapper .article-item-wrapper:last-child {
border-right: none;
}
.search-page .search-wrapper {
justify-content: start;
}
.search-page .article-wrapper .article-item-wrapper article {
width: 100%;
padding-top: 0;
height: 100%;
display: flex;
flex-direction: column;
}
.search-page .article-wrapper .article-item-wrapper article .side-title {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.search-page .article-wrapper .article-item-wrapper article .article-item {
word-wrap: break-word;
word-break: break-word;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.search-page .betting-tab-content {
margin-left: 0;
margin-right: 0;
}
.search-page .best-guides-slider .article-item-wrapper {
padding-right: 0
}
.best-gambling-guides-wrapper .section-heading {
padding: 5px 0;
}
.best-gambling-guides-wrapper .betting-tab-content {
padding-top: 16px;
}
section.author-detail-wrapper .author-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
section.author-detail-wrapper .author-img-wrapper {
width: 190px;
height: 190px;
}
.article-item-wrapper .article-item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.search-page .search-wrapper .article-item-wrapper {
padding-right: 0;
width: calc(20% - 13px);
}
.top-news-section .side-news-list .youtube-wrapper {
height: 320px;
}
.error-page {
margin-bottom: 52px;
}
.author-page-wrapper .author-statistics-wrapper {
margin-top: -16px;
}
.author-page-wrapper .author-content-wrapper .author-left-content{ margin-top:0; }
.privacy-policy .site-main {
padding-top: 32px;
}
.title-slash {
margin-right: 8px;
width: 12px;
display: inline-block;
line-height: normal;
}
.error-cont h1 {
text-transform: inherit;
}
/*.single-directory .error-popular > .container{ padding-right:0; padding-left:0 }*/
.home section.index-error-popular .error-popular {
margin-top: 36px;
}
.search .search-result-form-wrapper .search-form .search-submit {
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: 18px;
background-position: center center;
background-color: transparent;
border: none;
width: 20px;
height: 20px;
position: absolute;
top: 13px;
right: 24px;
display: inline-block;
font-size: 0;
text-indent: -999px;
overflow: hidden;
}
.search .search-result-form-wrapper .search-form .search-field {
background: none;
}
.best-gambling-guides-wrapper .article-item .side-title {
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px;
}
.best-gambling-guides-wrapper .article-item .side-title a {
color: var(--primary-color);
}
.best-gambling-guides-wrapper .article-item .side-title a:hover {
color: var(--link-hover);
}
.error404 .error-news .section-info-wrapper {
margin-bottom: 20px;
}
.error404 .error-news .news-section-wrapper {
margin-bottom: 0
}
/* about */
section.about-us-hero {
gap: 0;
position: relative;
background: none;
align-items: inherit;
}
section.about-us-hero .about-us-hero-img:after {
align-items: end;
gap: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='564' height='221' viewBox='0 0 564 221' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M203.762 77.6669L195.908 79.6132L165.786 34.4101C161.197 31.435 156.635 29.0484 152.077 27.2865C143.908 24.0879 134.897 22.4939 125.052 22.4939C114.37 22.4942 104.789 24.0421 96.3061 27.1404C87.8225 30.239 80.593 35.0365 74.6231 41.5337C68.6539 48.0306 64.096 56.3792 60.9542 66.5739C57.8129 76.7684 56.2434 88.9618 56.2432 103.153C56.2432 125.143 59.539 143.787 66.137 159.08C72.8399 174.273 81.8518 185.817 93.1629 193.713C104.579 201.51 117.304 205.406 131.338 205.407C136.47 205.407 141.398 205.014 146.111 204.214C148.665 203.781 151.123 203.213 153.493 202.545V146.933L127.723 138.387V132.394H202.186L267.075 9.60067H451.985L540.125 202.568L564 211.107V217.107H455.441V211.107L481.835 202.86L457.464 148.287H379.034L356.623 203.014L382.545 211.261V217.107H172.753C167.081 218.05 161.396 218.804 155.693 219.354C145.324 220.453 134.846 221 124.268 221C104.892 221 87.5074 218.651 72.1116 213.953C56.7155 209.255 43.6203 202.363 32.8326 193.267C22.1496 184.071 13.9818 172.874 8.32611 159.68C2.77511 146.386 1.71227e-05 131.193 0 114.1C0 92.8102 5.29066 74.1198 15.8684 58.0271C26.5515 41.8342 41.6884 29.2359 61.2741 20.2399C80.8591 11.2448 103.953 6.74662 130.554 6.74662C139.142 6.74665 147.106 7.19328 154.437 8.09287C159.542 8.71053 164.989 9.62554 170.785 10.8084L186.014 0H190.413L203.762 77.6669ZM323.91 38.995C323.033 37.0572 320.643 36.5736 319.168 38.0642C312.187 45.1473 294.045 63.0308 274.314 77.1515C270.846 79.6103 267.497 81.9244 264.268 84.1597C247.444 95.711 234.124 104.843 229.3 122.17C226.471 132.416 227.668 142.069 232.691 149.372C237.715 156.674 245.928 160.699 255.814 160.811H256.174C266.577 160.811 277.063 156.303 286.151 148.518C283.521 153.957 280.807 160.514 278.257 164.611C273.474 172.397 268.575 177.992 264.788 181.643C262.798 183.581 264.111 187.119 266.819 187.121H298.236C300.507 187.12 301.94 184.551 300.828 182.428C298.914 178.814 296.763 172.995 296.165 164.611C295.846 160.477 296.637 153.957 296.957 148.518C301.821 156.304 309.883 160.811 320.287 160.811H320.639C330.605 160.737 340.975 156.674 349.905 149.372C358.834 142.069 365.252 132.416 367.925 122.17C372.469 104.806 364.1 95.6736 353.496 84.1597H353.536C351.503 81.924 349.386 79.648 347.233 77.1515C335.633 63.6266 327.34 46.6358 323.91 38.995ZM385.353 132.848H450.57L416.546 56.6732L385.353 132.848Z' fill='%23EAEFFF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 554px;
height: 221px;
position: absolute;
top: 45px;
right: -170px;
content: "";
}
section.about-us-hero .about-us-hero-img {
display: flex;
justify-content: end;
position: relative;
}
section.about-us-hero .about-img {
max-width: 525px;
position: relative;
z-index: 1;
padding-top: 170px;
}
/* about */
.box-container {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.mobile-exerpt-view-more {
display: none;
}
.mobile-exerpt-view-more {
position: relative;
z-index: 2;
pointer-events: auto;
cursor: pointer;
}
.mobile-exerpt {
position: relative;
z-index: 1;
}
/*.short{display:none;}*/
.directory-image {
width: 367px;
flex-shrink: 0
}
.directory-image .directory-image-wrapper img {
border-radius: 4px;
}
.error-news {
margin-bottom: 32px;
}
/* admin header */
body.logged-in .header-wrapper {
top: 32px;
}
body.logged-in {
margin-top: 96px !important;
}
/* admin header */
table {
border-color: #F4F5F7
}
table tr td,
table tr th {
color: #20232F;
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
background-color: #F4F5F7;
padding: 10px 16px;
border: #E0E2EA solid 1px !important;
border-right: none !important;
border-left: none !important
}
table tr th {
font-weight: 600
}
table tr th:last-child,
table tr td:last-child {
border-right: #E0E2EA solid 1px !important
}
table tr th:first-child,
table tr td:first-child {
border-left: #E0E2EA solid 1px !important
}
.tax-company_type .scroll-tab.nav-tabs {
display: flex;
justify-content: center;
}
.tax-company_type .head {
padding-bottom: 24px;
border-bottom: var(--divider-light) solid 1px;
}
.tax-company_type .thumb-img {
width: 100px;
height: 100px;
object-fit: cover;
flex-shrink: 0;
}
.tax-company_type .directory-posts {
row-gap: 24px;
}
.tax-company_type .thumb-img img {
height: 100%;
width: 100%;
}
.home section.about-us-author-section .wrapper {
padding-top: 16px;
}
.remove-overlapping .overlapping-section {
margin-top: 0px;
}
.remove-overlapping .section-date,
.remove-overlapping .section-info-wrapper .section-title {
color: var(--primary-color) !important;
}
.overlapping-section.small-area .top-news-section .top-news-grid {
flex-direction: column;
}
.overlapping-section.small-area .top-news-section .featured-article {
padding: 16px;
gap: 8px;
max-width: 100%
}
.overlapping-section.small-area .main-image {
order: 1;
flex: auto;
max-width: 100% !important;
max-height: inherit;
}
.overlapping-section.small-area .top-news-section .side-news-list {
gap: 12px;
margin-top: 0;
order: 3;
padding: 16px 0 8px 0;
width: 100%;
max-width: 100%;
}
.overlapping-section.small-area .side-news-list .side-news-item:last-child {
border-bottom: 1px solid #E0E2EA;
}
.left-side-table {
overflow: auto;
}
.wp-block-table thead {
border-bottom-width: 1px
}
.single-post-left section>.container,
.single-post-left section>.error-popular>.container {
padding-left: 0;
padding-right: 0
}
.schema-faq {
max-width: 100%;
padding-right: 16px;
padding-left: 16px;
display: flex;
gap: 12px;
flex-direction: column;
margin: 32px auto;
}
.schema-faq.custom-width-yoast-faq .faq-custom-heading {
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px;
}
.schema-faq.custom-width-yoast-faq .schema-faq-section,.schema-faq.custom-width-yoast-faq .faq-custom-heading {
width: 58.33333333%;
margin: 0 auto;
}
.schema-faq .schema-faq-section {
border: #E0E2EA solid 1px;
padding: 16px;
}
.schema-faq .schema-faq-section.active {
background-color: #F4F5F7;
}
.schema-faq .schema-faq-section .schema-faq-question {
display: block;
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
word-wrap: break-word;
word-break: break-word;
cursor: pointer;
position: relative;
color: var(--primary-color);
padding-right: 24px;
}
.schema-faq .schema-faq-section .schema-faq-question:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23051135' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
width: 24px;
height: 24px;
background-size: 100%;
width: 24px;
height: 24px;
position: absolute;
top: 0;
right: 0;
content: "";
transition: var(--bs-accordion-btn-icon-transition);
}
.schema-faq .schema-faq-section.active .schema-faq-question:after {
transform: rotate(180deg);
}
.schema-faq .schema-faq-section .schema-faq-answer {
display: none;
color: var(--secondary-color, #20232F) !important;
font-family: var(--body-font-family, "Libre Franklin") !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.post-data-wrapper .post-excerpt p {
color: var(--secondary-color, #20232F);
font-family: var(--body-font-family, "Libre Franklin");
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.fill-table,
table {
table-layout: auto !important;
overflow: visible;
margin: 0;
border-radius: 0;
border-top: transparent;
border-bottom: transparent;
}
.fill-table th,
.fill-table td,
table th,
table td {
border: 1px solid #E0E2EA;
font-family: var(--body-font-family, "Libre Franklin");
}
.fill-table th,
table th {
font-size: 16px;
line-height: 26px;
color: #20232F;
font-weight: 600;
}
.fill-table td,
table th {
font-size: 16px;
line-height: 26px;
color: #20232F;
}
.fill-table tr:last-child td,
table tr:last-child td {
border-bottom: none;
}
.privacy .post-thumbnail {
margin-bottom: 16px;
}
.wp-block-columns {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px;
margin-bottom: 0
}
.wp-block-columns .wp-block-column {
width: calc(50% - 16px);
}
.wp-block-columns .wp-block-column figure {
margin-bottom: 16px !important;
}
.wp-block-columns .wp-block-column .wp-block-heading {
margin-bottom: 12px;
color: var(--primary-color);
font-family: var(--instrument-font-family);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
.wp-block-columns .wp-block-column>p {
color: var(--secondary-color);
font-family: var(--body-font-family);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
margin-bottom: 12px;
}
.table-wrapper {
overflow: auto;
}
.contact-title {
padding-top: 24px;
margin-bottom: 24px;
}
.wpcf7-form {
margin-bottom: 72px;
}
.guide-page .schema-faq {
padding-right: 0;
padding-left: 0;
width: 100%;
margin: 0 auto;
}
.mobile-table-why-trust {
display: none;
}
.mrb-0 {
margin-bottom: 0 !important
}
.mobile-button {
display: none !important;
}
.excerpt-show-less {
margin-top: 5px;
text-decoration: underline;
}
.excerpt-show-more {
text-decoration: underline;
}
.mobile-show {
display: none !important;
}
.remove-bottom-space .main-banner-wrapper1 {
min-height: inherit !important;
margin-bottom: 24px;
}
.remove-bottom-space .main-banner-content {
margin-bottom: 16px;
}
.privacy-policy .site {
padding-top: 32px;
}
.single-post-left .wp-block-heading {
margin-top: 16px;
}
.sport-type-tab .red-button {
min-width: 238px;
width: calc(100% - 20px);
margin-right: 10px;
margin-left: 10px;
}
.sport-type-tab .red-button:after {
flex-shrink: 0
}
.post-image-caption {
color: #484C5D;
font-family: var(--body-font-family);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
margin-top: 10px;
}
.no-scroll {
overflow: hidden;
}
/*custom margin for p tag 29-12*/
.single-post-left .post-data-wrapper .cri-li-p p:not(:last-child){
margin-bottom: 16px;
}
.ranked-list-round ol li.cri-li-p{
display: block;
}
.ranked-list-round ol li.cri-li-p p:first-of-type, ul.cri-li-p li p:first-of-type{
display: inline;
}
.ranked-list-round ol li.cri-li-p p:nth-of-type(2), ul.cri-li-p li p:nth-of-type(2){
margin-top: 16px;
}
p a {
font-weight: 600;
text-decoration: underline;
}
/* Tooltip styles */
.acf-fc-popup ul li { position: relative;}
.acf-layout-tooltip { display: none; position: absolute; right: 100%; top: 0; z-index: 9999; width: 250px; border: 1px solid #ddd; background: #fff; padding: 5px;}
.acf-layout-tooltip img { max-width: 100%; height: auto; display: block; }
.acf-fc-popup ul li:hover .acf-layout-tooltip { display: block; }
span.apexcharts-legend-marker {
display: none;
}
.is-layout-flex > :is(*, div) {
width: 100%;
}