.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#152E2C;--e-global-color-text:#000000;--e-global-color-accent:#CA8A04;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.e-con{--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:640px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html,
body{
  width:100%;
  overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6{
    /* letter-spacing: -0.04em;
    line-height: 150%; */
    margin-top:0;
}
span.breadsep{ 
    margin: 0 0.5rem;
}
span.breadsep img {
    width: 0.6em;
}
#breadcrumbs a {
    text-decoration: underline;
}
#breadcrumbs a:hover, #breadcrumbs a:focus{
    color: #CA8A04;
}
@media screen and (min-width: 37.5rem) {
    p#breadcrumbs {
        font-size: 0.8125rem;
        line-height: 1rem;
    }
} 
@media screen and (min-width: 20rem) {
    p#breadcrumbs {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
} 
p#breadcrumbs{
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: ReithSans, Helvetica, Arial, sans-serif;
}
h3.e-loop-nothing-found-message__text{
    color: #ffffff;
}
@media screen and (min-width: 20rem) {
    .elementor-element.size-xl h1{
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    .elementor-element.size-xl  h2{
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .elementor-element h1 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .elementor-element h2 {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .elementor-element.size-sm h3 {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .elementor-element h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .elementor-element h4 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .elementor-element h5 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .elementor-element h6 {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .elementor-element p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .elementor-element .sub-heading h5{
        font-size: 1.25rem;
        line-height: 1.5;
        font-weight: 100;        
    }
}
@media screen and (min-width: 37.5rem) {
    .elementor-element.size-xl h1{
        font-size: 3.5rem;
        line-height: 3.75rem;
    }
    .elementor-element.size-xl h2{
        font-size: 2.75rem;
        line-height: 3rem;
    }
    .elementor-element h1 {
        font-size: 2.75rem;
        line-height: 3rem;
    }
    .elementor-element h2 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
    .elementor-element h3 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .elementor-element.size-sm h3 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
    .elementor-element h4 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .elementor-element h5 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .elementor-element h6 {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .elementor-element p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}

/* Headings Styling */
@media screen and (min-width: 20rem) {
    .petrol-card h1,.petrol-card h2,.petrol-card h3,.petrol-card h4,.petrol-card h5{
        font-weight: bold;
    }
    .petrol-card h1 {
        font-size: 2rem;
        line-height: 2.25rem;
    }
    .petrol-card h2 {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }
    .petrol-card h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .petrol-card h4 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .petrol-card h5 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .petrol-card h6 {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .petrol-card p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
   .card-date span{
        font-size: 0.8rem;
        line-height: 1.125rem;
    }
   .article-date span{
        font-size: 0.875rem;
        line-height: 1.125rem;
    }
}
@media screen and (min-width: 37.5rem) {
    .petrol-card h1 {
        font-size: 2.75rem;
        line-height: 3rem;
    }
    .petrol-card h2 {
        font-size: 1.75rem;
        line-height: 2rem;
    }
    .petrol-card h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .petrol-card h4 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }
    .petrol-card h5 {
        font-size: 1.125rem;
        line-height: 1.375rem;
    }
    .petrol-card h6 {
        font-size: 1rem;
        line-height: 1.25rem;
    }
    .petrol-card p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
   .article-date span{
        font-size: 0.8125rem;
        line-height: 1rem;
    }
}
/* END */

/* CONTAINER SETTINGS */
header .e-con>.e-con-inner{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.petrol-container {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* max-width: 63rem; */
}
.petrol-container .e-con-inner {
    max-width: 100%!important;
}
@media screen and (min-width: 63rem) {
    header .e-con>.e-con-inner, .petrol-boxed.e-con>.e-con-inner {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 63rem;
    }
    .petrol-container.e-con-boxed {
        padding-left: 1rem;
        padding-right: 1rem;
        max-width: 63rem;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 80rem) {
    header .e-con>.e-con-inner, .petrol-boxed.e-con>.e-con-inner  {
        max-width: 80rem;
    }
    .petrol-container.e-con-boxed {
        max-width: 80rem;
    }
}
 
.petrol-card div{
    transition: 0.5s all ease-in-out;
}
.petrol-card:hover .post-image {
    filter: brightness(50%) /* Example scale effect */
}
.petrol-card:hover h5, .petrol-card:hover h3 {
    text-decoration: underline;
    color: #CA8A04;
}
.petrol-card p, .petrol-card li span{
    color: #001024;
}
.petrol-banner-card div{
    transition: 0.5s all ease-in-out;
}
.petrol-banner-card:hover .post-image {
    filter: brightness(50%) /* Example scale effect */
}
.petrol-banner-card:hover h3{
    text-decoration: underline;
    color: #CA8A04;
}
.petrol-banner-card p, .petrol-banner-card li span{
    color: #001024;
}
.ad-feature h3{
    color:#ffffff;
}
.ad-feature:hover h3{
    color:#ecff00;
}
.petrol-banner-card.ad-feature h3{
    color:#ffffff;
}
.petrol-banner-card.ad-feature:hover h3{
    color:#ecff00;
}
.petrol-card.tabs h3,.petrol-card.tabs h5{
    color:#ffffff;
}
.petrol-card.tabs:hover h3,.petrol-card.tabs:hover h5{
    color: #CA8A04;
}

.styled-tabs .e-n-tabs-heading {
    border-bottom: 1px solid #091F29;
    overflow-y: hidden !important;
    overflow-x: scroll;
    margin-bottom: 30px
}
.styled-tabs .e-n-tabs-heading .e-n-tab-title{ 
    border: none;
    margin-bottom: 5px;
    webkit-tap-highlight-color: transparent;
}
.styled-tabs .e-n-tabs-heading .e-n-tab-title {
    display: inline-block;
    border-right: 1px solid #000;
    line-height: 5px; 
}
.styled-tabs .e-n-tabs-heading .e-n-tab-title:last-child {
    border-right: 0;
}
.styled-tabs .e-n-tabs-heading .e-n-tab-title{ 
    margin: 15px 0; 
    padding: 10px 20px
}
.styled-tabs .e-n-tab-title[aria-selected="true"]{ 
    font-weight: 600; 
}
.styled-tabs .e-n-tab-title[aria-selected="true"]:before {
    border-bottom: 10px solid #CA8A04;
    height: 18px!important;
    width: 100%!important;
    content: "";
    position: absolute;
    right: 0!important;
    bottom: -20px;
}
.styled-tabs .e-n-tab-title[aria-selected="true"]:after {
    display: none;
}
.styled-tabs .e-n-tabs-content{
    border:none;
    padding: 0;
}
.styled-tabs .e-n-tab-title:first-child{
   padding-left: 0!important; 
}
.styled-tabs .e-n-tabs-content {
    padding: 0;
}
button.e-filter-item img {
    max-width: 100px;
    max-height: 48px;
}
button.e-filter-item {
    height: 40px !important;
}
button.e-filter-item {
    height: 40px !important;
}
 
.elementor-share-btn__icon i {
    font-size: var(--e-share-buttons-icon-size,1.7em);
    color: #010101;
}
.elementor-share-btn__icon:hover i {
    color: #ffffff;
}
 
@media (min-width: 320px) {
  #m-tabs .e-n-tabs {
    display: flex;
    flex-direction: row;
  }
  #m-tabs .elementor-tab-mobile-title {
    display: none;
  }
}
.social span.elementor-icon-list-icon {
    display: block!important;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-49, #e-n-menu-title-7388 {
    background: #152E2C;
    color: #ffffff!important;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-49 a, #e-n-menu-title-7388 span{
    color: #ffffff;
}
#e-n-menu-title-7388:hover{
    background: #A7722A; 
}
#e-n-menu-title-7388:hover span{
     color: #152E2C;
}/* End custom CSS */