@font-face {

    font-family: 'Newsreader';

    src: url('../fonts/newsreader/Newsreader-Regular.woff2') format('woff2'),

    url('../fonts/newsreader/Newsreader-Regular.woff2') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Newsreader';

    src: url('../fonts/newsreader/Newsreader-Medium.woff2') format('woff2'),

    url('../fonts/newsreader/Newsreader-Medium.woff2') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Newsreader';

    src: url('../fonts/newsreader/Newsreader-SemiBold.woff2') format('woff2'),

    url('../fonts/newsreader/Newsreader-SemiBold.woff2') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Newsreader';

    src: url('../fonts/newsreader/Newsreader-Bold.woff2') format('woff2'),

    url('../fonts/newsreader/Newsreader-Bold.woff2') format('woff');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}









/*****************************/

@font-face {

    font-family: 'IBM Plex Sans';

    src: url('../fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2') format('woff2'),

    url('../fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2') format('woff');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'IBM Plex Sans';

    src: url('../fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2') format('woff2'),

    url('../fonts/ibm-plex-sans/IBMPlexSans-Medium.woff2') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'IBM Plex Sans';

    src: url('../fonts/ibm-plex-sans/IBMPlexSans-SemiBold.woff2') format('woff2'),

    url('../fonts/ibm-plex-sans/IBMPlexSans-SemiBold.woff2') format('woff');

    font-weight:600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'IBM Plex Sans';

    src: url('../fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2') format('woff2'),

    url('../fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2') format('woff');

    font-weight:700;

    font-style: normal;

    font-display: swap;

}



* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



:root {

    --primary-color:#132540;

    --secondary-color:#FFFFFF;

    --text-green:#0C6E4A;

    --bg-green:#0C6E4A;

    --blue-gray-light:#77839A;

    --blue-gray:#5A6A80;

    --text-light:#98A2B0;

    --blue-gray-dark:#3B4C63;

    --border-color:#EEEAE0;

}





body {

   font-family:IBM Plex Sans;

   font-size: 16px;

   font-weight: 400;

   line-height: 1.3;

   background: #FAF8F4;



}

a {

    text-decoration: none;

}

ul {

    padding: 0;

    list-style: none;

}

.container{

    max-width: 1210px;

    margin: 0 auto;

    padding: 0 20px;

}

h1{

    font-size: 56px;

    font-weight: 500;

    color:var(--primary-color);

    line-height: normal;

}

h2{

    font-size:36px;

    font-weight: 700;

    color:var(--primary-color);

    line-height: normal;

}

h3{

    font-size:22px;

    font-weight: 700;

    color:var(--primary-color);

    line-height: normal;

}

h4{

    font-size:20px;

    font-weight: 700;

    color:var(--primary-color);

    line-height: normal;

}
.blue-gray{
    color: #3B4C63;
}


.golden-logo {

    background-color: #A9791B;

    color: var(--secondary-color);

    line-height: normal;

    width: 50px;

    height: 50px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 17px;

    font-weight: 700;

}   



.logo-color{
    line-height: normal;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--secondary-color);   
    font-weight: 700;
}
.blue-logo{
    background-color: #1F5FA8;

}
.green-logo{
    background-color: #0C6E4A;

}
.purple-logo{
  background-color: #5B4AB8;
}

.red-logo{
    background-color: #B23B3B;
}







p.nocomments {

    display: none;

}



.header-sec {

    background-color: var(--primary-color);

    color: #fff;

    padding: 17px 0;

}

.primary-btn a {
    width: 100%;
    color: var(--secondary-color);
    background: var(--bg-green);
    border-radius: 7px;
    padding: 9px 21px;
    font-weight: 500;
    display:inline-block ;
    text-align: center;

}

.outline-btn{

    width: 100%;

    border:1px solid #D6CFC1;

    border-radius: 7px;

    padding: 9px 21px;

    font-weight: 500;



}

#header .wp-block-navigation {

    font-family: IBM Plex Sans;

    font-weight: 500;

}

.header-left-side {

    font-size: 14px;

    font-family: IBM Plex sans;

    font-weight: 500;

}

/*Header Search Bar*/

.header-left-side {

    position: relative;

}



.header-left-side .wp-block-search__inside-wrapper {

    position: absolute;

    top: 50%;

    right:128px;

    transform: translateY(-50%) scaleX(0);

    transform-origin: right center;

    opacity: 0;

    visibility: hidden;

    transition: all .35s ease;

    width: 360px;

}





.header-left-side .wp-block-search.search-open .wp-block-search__inside-wrapper {

    transform: translateY(-50%) scaleX(1);

    opacity: 1;

    visibility: visible;

    background: unset;

}

.header-left-side .wp-block-search__button.wp-element-button {

    background-color: #0c6e4a;

    padding-top: 9px;

    padding-right: 10px;

    padding-bottom: 9px;

    padding-left: 10px;

    font-size: 14px;

    border-radius: 5px;

    margin-left: 5px;

}

.header-left-side .wp-block-search .wp-block-search__inside-wrapper input {

    background: unset;

}

.header-left-side .wp-block-search.search-open .wp-block-search__inside-wrapper input {

    background: unset;

    border-radius: 5px;



}

p.top-bar__info {

    border: 1px solid #35507A;

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 5px;

    line-height: normal;

}





/*Home Page*/



.title-border{

    position: relative;

}

.title-border::before {

    border-bottom: 2px solid var(--bg-green);

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    width: 35px;

    top: 7px;

}



.title-border {

    position: relative;

    padding-left: 45px;

}



.trust-list li {

    position: relative;

    padding-left: 20px;

}



.trust-list li::before {

    content: "";

    display: inline-block;

    width: 14px;

    height: 14px;

    margin-right: 8px;

    background: url("../images/check.svg") no-repeat center;

    background-size: contain;

    position: absolute;

    left: 0;

    top: 3px;

}



.trust-list {

    display: flex;

    gap: 22px;

    margin-top: 40px;

}



/*Banner Review*/

.review-card-top {

    padding: 20px;

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #F0EBE1;

    align-items: center;

    font-family: 'IBM Plex Sans';

}



.review-card-sec {

    background-color: var(--secondary-color);

    border: 1px solid #F0EBE1;

    border-radius: 15px;

    box-shadow: 0px 18px 50px rgba(19, 37, 64, 0.1);

}

.review-info {

    padding: 25px;

}

.review-card-sec .trust-list {

    flex-direction: column;

    gap: 0;

    line-height: 1.5;

    margin-top: 0;

}



.card-cta a {

    display: block;

}

.review-card-sec .card-cta{

    text-align: center;

}

.reviewer-info {

    display: flex;

    gap: 15px;

}



.review-card-top p {

    font-size: 12px;

    font-weight: 600;

    color: #8A94A4;

    line-height: normal;

}



.review-info-top {

    display: flex;

    align-items: center;

    gap: 15px;

}

.review-name p {

    font-size: 13px;

    color: #6B7A90;

    font-weight: 700;

}

.bonus-card {

    border: 1px solid #DDEBE1;

    background-color: #F4F8F5;

    padding: 15px;

    border-radius: 10px;

    margin: 20px 0;

}

.bonus-card span {

    font-size: 12px;

    font-weight: 600;

    color: #0C6E4A;

    margin-bottom: 5px;

    display: block;

}

.review-card-sec .trust-list li::before {

    top: 8px;

}

.review-card-sec .trust-list li {

    color: #3B4C63;

}

.review-card-sec .card-cta .primary-btn {

    padding: 15px 21px;

    color: var(--secondary-color);

    margin-top: 20px;

}

.review-card-sec .card-cta .read-review {

    font-weight: 600;

    color: #0C6E4A;

    margin: 15px 0;

    line-height: normal;

}

.review-card-sec .card-cta span {

    font-size: 12px;

    color: #98A2B0;

    line-height: normal;

}



/*Image With Text Section*/



.image-with-text-sec div p {

    white-space: nowrap;

}

.border-right{

    position: relative;

}

.border-right::after {

    content: "";

    border-right: 1px solid #EAE4D9;

    position: absolute;

    left: 0;

    height: 100%;

    right: -40px;

}

.review-card-sec .primary-btn a {
    padding: 14px 21px;
}
.reviewer-info h4 {
    font-size: 16px;
    font-family: 'IBM Plex Sans';
}
.reviewer-info a {
    color: #0C6E4A;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 3px;
}
span.badge {
    color: #0C6E4A;
    font-weight: 600;
    background: #F4F8F5;
    border: 1px solid #DDEBE1;
    border-radius: 5px;
    padding: 7px 10px;
}
.rating small {
    color: #6B7A90;
    font-weight: 600;
}
.visit-btn a {
    color: var(--secondary-color);
    background: var(--bg-green);
    border-radius: 7px;
    padding: 10px 26px;
    font-weight: 500;
}
.visit-btn {
    text-align: end;
}
p.number {
    font-size: 20px;
    font-family: 'Newsreader';
    color: #C3BCAD;
    font-weight: 600;
}




/**************Featured Review Section******************/

table {

    width: 100%;

}



th {

    text-align: start;

}





.section-header p {

    max-width: 340px;

    color: #5A6A80;

}

.section-header {

    display: flex;

    justify-content: space-between;

    gap: 20px;

    border-bottom: 2px solid #132540;

    padding-bottom: 20px;

}



.featured-review-sec {

    padding: 80px 0;

}





.section-header .sub-title {

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 2px;

    color: var(--text-green);

    margin-bottom: 8px;

    display: inline-block;

}

.table-wrapper {

    border: 1px solid #F1ECE3;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    margin-top: 20px;

}

.table-wrapper table{

    width: 100%;

    border-collapse: collapse;

}



.table-wrapper thead th {

    background: #F5F2EC;

    border-bottom: 1px solid #F1ECE3;

    color: var(--blue-gray-light);

}

.table-wrapper th,

.table-wrapper td{

    padding: 20px;

    text-align: left;

}



.table-wrapper tbody td{

    border-bottom: 1px solid #F1ECE3;

}



.table-wrapper tbody tr:last-child td{

    border-bottom: none;

}
.view-all-review a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #0C6E4A;
    font-weight: 600;
    margin-top: 20px;
}























.copy-right-sec {

    border-top: 1px solid #1C2C46;

    margin-top: 30px;

    padding: 25px 0;

}

.copy-right-sec .right-side ul {

    display: flex;

}

.copy-right-sec .right-side ul li{

    position: relative;

}

.copy-right-sec .right-side ul li:not(:last-child)::after {

    content: "";

    background: #3A4E6B;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    display: inline-block;

    margin: 0 10px;

}

/*Featured Review Section*/
.featured-casino-review-sec {
    background-color: var(--primary-color);
    color: #fff;
    padding: 70px 0;
}
.featured-casino-review-sec  h2{
    color: var(--secondary-color);
}

.casino-review-card {
    background-color: var(--secondary-color);
    color: var(--primary-color);
}
.featured-casino-review-sec .review-header {
    padding: 20px;
    border-bottom: 1px solid #F1ECE3;
    display: flex;
    align-items: center;
    gap: 10px;
}

.casino-rating span {
    color: #6B7A90;
    font-weight: 600;
}


.featured-casino-review-sec .review-content span {
    font-size: 14px;
    font-weight: 600;
    color: #8A94A4;
    display: inline-block;
    margin-bottom: 5px;
}




.casino-review-card .trust-list {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.read-review a {
    color: #0C6E4A;
    font-weight: 600;
    margin-top: 15px;
    display: block;
    text-align: center;
}
.review-content {
    padding: 20px;
}
.review-card-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.casino-review-card {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    border-radius: 10px;
}
.featured-casino-review-sec .review-header h5 {
    font-size: 16px;
    font-family: 'IBM Plex Sans';
    line-height: normal;
    margin-bottom: 2px;
}

.featured-casino-review-sec  .review-content h5 {
    font-size: 17px;
    font-family: 'IBM Plex Sans';
    line-height: normal;
    margin-bottom: 15px;
}
.casino-review-card .trust-list {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.casino-review-card .trust-list li {
    line-height: 1.8;
}
.casino-review-card .trust-list li::before {
    top: 8px;
    width: 13px;
    height: 13px;
}
.casino-review-card .primary-btn a {
    padding: 10px 21px;
  
}