/*
Theme Name: APCO Bootstrap Theme Child
Text Domain: apco-bootstrap-theme-child
Theme URI: https://apcoholdings.com/
Author: APCO Holdings Application Team
Author URI: https://apcoholdings.com/
Description:  APCO Bootstrap Child Theme.
Template: apco-bootstrap-theme
Version: 1.0
Tested up to: 5.6
*/ 
/* Custom CSS goes after this line */
#menu-apco-mobile-menu{
    display: block;
}
header > .navbar {
    padding:0;
}
.navbar-brand {
    padding-top: 0.75rem;
    padding-left:2rem;
    padding-bottom: 0.75rem;
}
.navbar-collapse {
    padding-right: 2rem;
    height: 100%;
}
.jumbotron.top-banner {
    background-color: #00539b;
    margin-bottom: 0;
}
.top-banner p.lead,
.top-banner h1{
    color:#fff;
}

h1.entry-title{
    font-family: "proxima-nova", sans-serif;
    padding: .5em 0 0 0;
}
.entry-date, .before-author, .byline,.before-category{
    text-transform: none;
}

.btn.btn-subscribe{
    border-width: 2px;
    border-radius: 25px;
    padding-left: 25px;
    padding-right:25px;
    padding-top:8px;
}
.btn.btn-backhub-cta{
    color: #fff;
    border-color: #00539b;
    border-width: 2px;
    border-radius: 25px;
    padding: 0.5em 2em;
    font-weight: 600;
    font-size:.85rem;
    background-color:#00539b ;
}
.btn.btn-backhub-cta:hover{
    background-color: #ffffff;
    color:#00539b;
}
.related-posts{
    border-top: #00539b 1px solid;;
    padding: 2em 0;
}
/*carousel for related posts*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
  color: #00539b; 
  font-size: 24px; 
}
ol.apco-num-tab>li{
    list-style-position: outside;
    margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .carousel-inner .active + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations 
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }*/
    /* right or prev direction 
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }*/
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction 
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }*/
    /* right or prev direction
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    } */
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction 
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }*/
    /* right or prev direction //t - previous slide direction last item animation fix 
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }*/
}

/*--------------------------------------------------------------
## EasyCare Rebranding
--------------------------------------------------------------*/
.site {
    position: relative;
  }

  header {
    transition: transform 200ms ease;
    background-color: transparent; /* Set the background color as needed */
    /* Add any other styling for your header */
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    z-index: 2000;
  }

  .site-content {
    transition: transform 200ms ease, opacity 300ms ease;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    overflow: hidden;
  }
  #apcoHeader {
    background-color: white; /* Default background color for the header */
    color: black; /* Default text color for the header */
  }
 #apcoHeader.nav-transparent-bg{
    background-color: transparent;
    box-shadow: none; /* Optional: remove box shadow for transparency */
  }
ul#menu-apco-mega-menu >li>a.depth-0.nav-transparent-bg{ 
    color: #fff;
}
.hero-with-margin{
    margin: 0 2rem;
    padding:0;
  }
.segment-btns{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    margin:0;
    gap:0;
}
.header-info{
    position: absolute;
    bottom: 0;
    left:0;
    width:100%;
    padding:0;
    margin:0;
    gap:0;
}
.header-info h6{
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: uppercase;
    padding: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.consumer-cta a::after{
    content: "";
    background-color: #00539b;
    display: block;
    border-radius: 0;
    position: absolute;
    top:  0;
    left: 0;
    width: 33.33%;
    height: 45px;
    z-index:-3;
}
.dealer-cta a::after{
    content: "";
    transform: skewX(-45deg);
    height: 45px;
    background-color:  #CFA352;
    display: block;
    width: 40%;
    position: absolute;
    top: 0;
    left: 30%;
    z-index: -1;
}
.dealer-cta a,.agent-cta a,.consumer-cta a{
    font-size: 1rem;
    letter-spacing: 3px;
    font-weight: 700;
    background-color:transparent;
    display: block;
    border-radius: 0;
    height: 45px;
}
.dealer-cta a:hover,.agent-cta a:hover,.consumer-cta a:hover{    
    color: #fff;
}
.agent-cta a::after{
    content: "";
    background-color: #00b7f1;
    display: block;
    border-radius: 0;
    position: absolute;
    top:  0;
    right: 0;
    width: 35%;/*extend to 35% not 33.33% to avoid the gap on mobile size*/
    height: 45px;
    z-index:-3;
}
.forest-bg{
	background-size:contain !important;
	background-repeat:no-repeat;
	background-position:center bottom;
}
.adventure-club-hero-bg{
	aspect-ratio:432/353 !important;
}
/*home-demo1-page-start*/
.hero-with-margin-demo1{
    margin: 0 2rem;
    padding:0;
    height: calc(100vh - 133px);
}
.segment-btns-demo1{
    width:100%;
    margin:0;
    gap:0;
}
.dealer-cta-demo1 a{
    background-color:#CFA352;
}
.agent-cta-demo1 a{
    background-color:#00b7f1;
}
.consumer-cta-demo1 a{
    background-color:#00539b;
}
.dealer-cta-demo1 a,.agent-cta-demo1 a,.consumer-cta-demo1 a{
    font-size: 1rem;
    letter-spacing: 3px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    height: 65px;
}

.dealer-cta-demo1 a:hover,.agent-cta-demo1 a:hover,.consumer-cta-demo1 a:hover{    
    color: #fff;
}
.landscape-img-bg-vh{
    height:100vh;
}
.landscape-video-bg-vh{
    height: calc(100vh - 68px);
}
p.count-title{
    font-size:1rem;
    line-height: 1.1;
    margin-bottom:2rem;
}
/*home-demo1-page-end*/
.blue-cta a::before{
    content: "";
    border: none;
}
.blue-cta a{
    background-color: transparent;
    border:none;
    color:#00b7f1;
    font-weight:800;
    letter-spacing: 1px;
    font-size:1.5rem;
    padding:0;
    text-transform: uppercase;
}
.ezc-blue-btn a,.ezc-cyan-btn a{
    border: none;
    font-weight: 800;
    letter-spacing: 3px;
    font-size:1rem;
    color: #fff;
    padding:0.75rem 2.75rem;
}
.ezc-blue-small-btn a{
    border: none;
    font-weight: 700;
    letter-spacing: 1px;
    font-size:.875rem;
    color: #fff;
    padding:0.375rem 1.375rem;
}
.ezc-blue-btn a,.ezc-blue-small-btn a{
    background-color: #00539b;
}
.ezc-cyan-btn a{
    background-color: #00b7f1;
}
.ezc-blue-btn a:hover,.ezc-blue-small-btn a:hover,.ezc-cyan-btn a:hover{
    color: #fff;
}
.ezc-white-btn a{
    background-color: transparent;
    color: #fff;
    font-weight: 800;
    letter-spacing: 3px;
    font-size:1rem;
    border:1px solid #fff;
    padding:0.75rem 2.75rem;
}
.ezc-white-small-btn a{
    background-color: transparent;
    color: #fff;
    letter-spacing: 1px;
    font-size:.875rem;
    border:1px solid #fff;
    padding:0.375rem 1.375rem;
}
.ezc-white-btn a:hover,.ezc-white-small-btn a:hover{
    color: #fff;
}
.mtc-red{
    color: #db4636;
}
.wp-block-separator{
    border-bottom: 1px solid;
    color:#848484
}
/*privacy policy*/
table#privacy{
    background: #ffffff;
    margin: 0 0 18px;
    border: 1px solid #ddd;
}
table#privacy tbody tr:nth-child(even) {
    background: #f4f4f4;
}
table#privacy tbody tr th {  
    padding: 9px 10px; 
}
table#privacy tbody tr td {
    color: #333;
    padding: 9px 10px;
    vertical-align: top;
    border: none;
}
/* POP page */
button.copy-btn{
    background-color: #00539b;
    color: #fff;
    border: none;
    padding: 0.5rem 2rem;
    border-radius: 50px;
    font-family: 'proxima-nova';
    font-weight: 600;
    letter-spacing: 1px;
}
/*home page*/
.cf-logo{
    padding-right:1rem;
}
.cf-logo-dealer-agent{
    padding-right:3rem;
}
.cloud-grp{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.greater-than-ever-grp,
.dealer-hero-mb-grp{
    position: relative;
    top:5%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
    display:flex;
    align-items: center;
    background-image: url('/wp-content/uploads/2024/03/EC_mark-gray_784x964.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size:contain;
    padding:6em 1em;
}
ul.more-than-fi-list-white li,
ul.more-than-fi-list-gray li{
    margin: 0 0 8px -32px;
    padding: 0 0 0 26px;
    list-style: none;
    font-size: 1.25rem;   
}
ul.more-than-fi-list-white li{
    background: url('/wp-content/uploads/2024/03/EC_mark_949494_26x32.svg') no-repeat 0 0;
}
ul.more-than-fi-list-gray li{
    background: url('/wp-content/uploads/2024/03/EC_mark_949494_26x32.svg') no-repeat 0 0;
}
/*dealer page*/
.ezc-logo-bg>.wp-block-cover__image-background{
    object-fit: contain;
}
.alert{
    margin-bottom: 0;
    border:none;
    border-radius: 0;
    height:100px;
}
.alert-event{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 200;
    width: 100%;
}
h6.event,p.event{
    margin:0
}
#linkedin-carousel>.carousel-inner.row{
    flex-direction: row;
    flex-wrap: nowrap !important;
}
.feature-card{
    box-shadow:
    0px 0.2px 0.3px hsl(0deg 0% 73% / 0.09),
    0px 1.2px 1.7px -0.4px hsl(0deg 0% 73% / 0.25),
    -0.1px 3.5px 4.9px -0.7px hsl(0deg 0% 73% / 0.41);
}
.hide-content{
    display: none !important;
}
ul.club-coverage-list{
	padding-top:1rem;
	list-style: none;
    padding-left: 1em;
    font-weight: 400;
	line-height:1.3rem;
}
ul.fsp-coverage-list{
	padding-top:0;
	list-style: none;
    padding-left: 1em;
    font-weight: 400;
	line-height:1.3rem;
}
ul.club-coverage-list>li,
ul.fsp-coverage-list>li{
    padding-left: 1em;
    text-indent: -2.8em;
}
ul.fsp-coverage-list>li{
	padding-bottom:1em;
	font-size:1.375rem;
}
ul.club-coverage-list>li:before,
ul.fsp-coverage-list>li::before{
    content: "\2022";
    color: #00b7f1;
    margin: 0.5em;
    font-size: 2em;
    vertical-align: sub;
}
p.f-w-700>span.smaller{
	font-size:1.2rem;
	font-weight:normal;
}
.deal-example {
	padding:1.5rem 0;
	width:100%;
}

.number-row {
    margin: 0;
}
.result-row {
	display:flex;
	align-items:center;
    margin: 10px -10px;
	padding:0 .5rem;
	color:white;
	background-color:#00529b;
}
.result-row>.comment {
	margin-left:1rem;
}

.number {
    font-size: 1.4rem;
	font-weight:600;
}
.comment{
	font-size:1.3rem;
}
.operator {
    font-size: 1.5rem;
    margin-left:-1.1rem;
}

.result {
    font-size: 2rem;
    font-weight: 700;
}

/*----------------------------------------------
#responsive design
----------------------------------------------*/
hr{
    margin-top:0;
    margin-bottom:0;
}
.entry-content{
    margin-top:68px !important;/*branding header height + Navigation Height*/
}
.f-w-700{
	font-weight:700;
}
.remove-flex-gap{
    gap: 0;
}
.remove-cover-padding,.remove-group-padding,.remove-col-padding{
    padding:0;
}
.remove-col-margin{
    margin:0;
}
.landscape-video-bg{
    align-items: flex-end;
}
.mobile-segment-col{
    gap:.5em;
}
.mtc-homepage img{
    width:65%;
}
h1.primary-title>sup{
    font-size: 1.5rem;
    top: auto;
    vertical-align: super;
}
.show-in-tablet-above{
    display:inherit;
}
.show-flex-in-tablet-above{
    display:flex;
}
.show-in-mobile,.show-flex-in-mobile{
    display: none;
}
/* Extra Small screen in landscape/Portrait mode */
@media only screen
and (max-width: 575.98px) and (orientation: landscape){
    .portal-icons{
        display: none;
    }
    .landscape-video-bg,.landscape-img-bg,
    .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: flex;
      }
    .portrait-video-bg,.portrait-img-bg{
        display: none;
      }
    .greater-than-ever-grp{
        padding:2em 1em;
    }
    h1.primary-title{
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 1rem;
    }
    h1.primary-title>sup{
        font-size: 1rem;
    }
    .primary-sub-title{
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1;
    }
    .secondary-title{
        font-size: 2.125rem;
        font-weight: 700;
        line-height: 1;
    }
    p{
        font-size: 1rem;
    }
    .blue-cta a{
        font-size: 1rem;
    }
    .ezc-year, .ezc-dealer, .ezc-wealth, .ezc-claims, .ezc-dealer, .ezc-driver, .ezc-employee, .ezc-train-hours, .ezc-courses, .ezc-afip {
        font-size: 2rem;
    }
    /*dealer page*/
    .show-in-tablet-above, 
    .show-flex-in-tablet-above{
        display: none;
    }
    .show-in-mobile{
        display:block;
    }
    .show-flex-in-mobile{
        display: flex;
    }
}
@media only screen
and (max-width: 575.98px) and (orientation: portrait){
    .portal-icons{
        display: none;
    }
    .landscape-video-bg,.landscape-img-bg,
    .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: none;
      }
    .portrait-video-bg.portrait-img-bg{
        display: inherit;
    }
    .greater-than-ever-grp{
        padding:2em 1em;
    }
    .greater-than-ever-grp .wp-block-group__inner-container>.wp-block-columns,
    .trust-by-dealership .wp-block-group__inner-container>.wp-block-columns{
        flex-wrap: wrap !important;
        gap:0;
    }
    .greater-than-ever-grp .wp-block-group__inner-container>.wp-block-columns>.wp-block-column,
    .trust-by-dealership .wp-block-group__inner-container>.wp-block-columns>.wp-block-column{
        flex-basis: 50% !important;
    }
    h1.primary-title{
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 1rem
    }
    h1.primary-title>sup{
        font-size: 1rem;
    }
    .primary-sub-title{
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1;
    }
    .secondary-title{
        font-size: 2.125rem;
        font-weight: 700;
    }
    .secondary-sub-title{
        font-size: 1.25rem;
        font-weight: 400;
    }
    p{
        font-size: 1rem;
    }
    .blue-cta a{
        font-size: 1rem;
    }
    /*dealer page*/
    .show-in-tablet-above,
    .show-flex-in-tablet-above{
        display: none;
    }
    .show-in-mobile{
        display:block;
    }
    .show-flex-in-mobile{
        display: flex;
    }
}
@media only screen
and (min-width: 576px) 
and (max-width: 599.98px) and (orientation: landscape){
    .portal-icons{
        display: none;
    }
    .landscape-video-bg,.landscape-img-bg,
    .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: flex;
      }
    .portrait-video-bg,.portrait-img-bg{
        display: none;
      }
      .greater-than-ever-grp{
        padding:2em 1em;
    }
    .secondary-title{
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1;
    }
    p{
        font-size: 1rem;
    }
    .blue-cta a{
        font-size: 1rem;
    }
    .ezc-year, .ezc-dealer, .ezc-wealth, .ezc-claims, .ezc-dealer, .ezc-driver, .ezc-employee, .ezc-train-hours, .ezc-courses, .ezc-afip {
        font-size: 2rem;
    }
    /*dealer page*/
    .show-in-tablet-above,.show-flex-in-tablet-above{
        display: none;
    }
    .show-in-mobile{
        display:block;
    }
    .show-flex-in-mobile{
        display: flex;
    }
}
@media only screen
and (min-width: 576px) 
and (max-width: 599.98px) and (orientation: portrait){
    .portal-icons{
        display: none;
    }
    .landscape-video-bg,.landscape-img-bg,
    .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: none;
      }
    .portrait-video-bg.portrait-img-bg{
        display: inherit;
    }
    .greater-than-ever-grp{
        padding:2em 1em;
    }
    .greater-than-ever-grp .wp-block-group__inner-container>.wp-block-columns{
        flex-wrap: wrap !important;
        gap:0;
    }
    .greater-than-ever-grp .wp-block-group__inner-container>.wp-block-columns>.wp-block-column{
        flex-basis: 50% !important;
    }
    .secondary-title{
        font-size: 1.5rem;
        font-weight: 500;
    }
    p{
        font-size: 1rem;
    }
    .blue-cta a{
        font-size: 1rem;
    }
    /*dealer page*/
    .show-in-tablet-above,.show-flex-in-tablet-above{
        display: none;
    }
    .show-in-mobile{
        display:block;
    }
    .show-flex-in-mobile{
        display: flex;
    }
}
/* Mobiles Phone in landscape/Portrait mode */
@media only screen
and (min-width: 600px){
    /*home page*/
/*#home-demo1 {
    width:100%;
    height:100vh;
    overflow-y:auto;
    scroll-snap-type: y mandatory;
  }
#home-demo1::-webkit-scrollbar{
    display:none;
}
#home-demo1>section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

#home >section.hero-mb{
    scroll-snap-align: end !important;
    scroll-margin-bottom:68px;
}
#home >section.pr-video-mb{
    scroll-snap-align: end !important;
}
#home >section.embrace-journey-mb,
#home >section.more-than-fi-mb{
    scroll-snap-align:start !important;
}*/
    .portal-icons{
        display: none;
    }
    .landscape-video-bg,.landscape-img-bg
    {
        display: inherit;
      }
      .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: flex;
      }
      .portrait-video-bg,.portrait-img-bg{
        display: none;
      }
    .custom-cover-image {
        /* Remove the default height set by the Gutenberg cover block */
        min-height: 0 !important;
        height: auto;
    }
    
    /* Maintain the aspect ratio of the background image */
    .custom-cover-image::before {
        content: "";
        display: block;
        padding-top: 48.1%; /* Adjust this value based on your image's aspect ratio (e.g., 16:9 -> 56.25%) */
    }
   
      .custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    .hero-with-margin.custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: 50% 100% !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    .hero-with-margin.custom-cover-image .wp-block-cover__inner-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: inherit;
        justify-content: inherit;
    }
    .hero-with-margin>.wp-block-cover__inner-container>.wp-block-columns{
        width: 100%;
    }
    .landscape-video-bg.custom-cover-image .wp-block-cover__inner-container{
        align-items:flex-end;
        justify-content: center;
    }
    .fullsize-section.custom-cover-image .wp-block-cover__inner-container>.wp-block-group{
        width:100%;
    }
    .custom-cover-image .wp-block-cover__inner-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .greater-than-ever-grp{
        padding:2em 1em;
    }
    .greater-than-ever-grp .wp-block-group__inner-container{
        width:100%;
    }
    .greater-than-ever-grp .wp-block-group__inner-container>.wp-block-columns{
        gap:0;
    }
    h1.primary-title{
        font-size: 2.5rem;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 1rem;
    }
    .primary-sub-title{
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1;
    }
    .secondary-title{
        font-size: 2.1rem;
        font-weight: 600;
        line-height: 1;
    }
    .secondary-sub-title{
        font-size: 1.15rem;
        font-weight: 400;
    }
    p{
        font-size: 1rem;
    }
    .blue-cta a{
        font-size: 1rem;
    }
    .ezc-year, .ezc-dealer, .ezc-wealth, .ezc-claims, .ezc-dealer, .ezc-driver, .ezc-employee, .ezc-train-hours, .ezc-courses, .ezc-afip {
        font-size: 2rem;
    }
    /*dealer page*/
    .show-in-tablet-above,.show-flex-in-tablet-above{
        display: none;
    }
    .show-in-mobile{
        display:block;
    }
    .show-flex-in-mobile{
        display: flex;
    }
   
}

/* Small Tablet devices (portrait and landscape) 
600px is wordpress two columns break point*/
@media only screen 
and (min-width: 992px){
    .portal-icons{
        display: flex;
    }
    .landscape-video-bg,.landscape-img-bg,
    .landscape-video-bg-vh,.landscape-img-bg-vh{
        display: flex;
      }
      .portrait-video-bg,.portrait-img-bg{
        display: none;
      }
    .custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    .greater-than-ever-grp{
        padding:6em 1em;
    }
    .ezc-year, .ezc-dealer, .ezc-wealth, .ezc-claims, .ezc-dealer, .ezc-driver, .ezc-employee, .ezc-train-hours, .ezc-courses, .ezc-afip {
        font-size: 3rem;
    }
    h1.primary-title{
        font-size: 3rem;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 2rem;
    }
    .secondary-title{
        font-size: 2.15rem;
        font-weight: 600;
        line-height: 1;
    }
    /*dealer page*/
    .show-in-tablet-above{
        display: block;
    }
    .show-flex-in-tablet-above{
        display: flex;
    }
    .show-in-mobile,.show-flex-in-mobile{
        display:none;
    }
    h5.secondary-sub-title{
        font-size: 1.375rem;/*in this screen size the font size is 42px*/
        font-weight: 500;
    }
}

@media only screen
and (min-width: 1200px) {
    .portal-icons{
        display: flex;
    }
    .portrait-video-bg,.portrait-img-bg{
        display: none;
    }
    .custom-cover-image img.wp-block-cover__image-background {
        object-fit: cover !important;
        object-position: center !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
    }
    h1.primary-title{
        font-size: 3.5rem;
        line-height: 1;
        margin-top:2rem;
    }
    .primary-sub-title{
        font-size: 1.35rem;
    }
    .secondary-title{
        font-size: 3rem;
        line-height: 1;
    }
    .secondary-sub-title{
        font-size: 1.25rem;
    }
}

@media only screen
and (max-width : 781px){
    .wp-block-columns.counting-block:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 25% !important;
        width:50%;
    }
}

/* added for the dealer section button  */
.dealer-cta-demo1 a, .agent-cta-demo1 a, .consumer-cta-demo1 a {
    position: relative;
}

.dealer-cta-demo1 a::after {
    content: "";
    position: absolute;
    inset: 0px -35px 0px -35px;
    background: inherit;
    z-index: -1;
    transform: skewX(-45deg);
}

.dealer-block {
    z-index: 10;
}