/*----------------------------------------------------------------------------
    BACKGROUND TINT LAYERS
-----------------------------------------------------------------------------*/
.imgBlockTint,
.imgBlockHover { opacity: 0; content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; display: block; transition: 0.7s; pointer-events: none; cursor: pointer; }
.imgBlockTint { opacity: 0.49; }
[class*="e_"]:hover .imgBlockHover { opacity: 0.87; }

/*----------------------------------------------------------------------------
    ROLL ARROW ICON
-----------------------------------------------------------------------------*/
.rollArrow { position: absolute; top: 25px; right: 35px; display: flex; width: 30px; height: 30px; opacity: 0; transition: 0.7s; }
[class*="e_"]:hover .rollArrow { transition: 0.7s; opacity: 0.9; cursor: pointer; right: 25px; }
.rollArrow a { display: inherit; }
.rollArrow svg { display: inherit; width: 100%; height: 100%; }


/*----------------------------------------------------------------------------
    SEARCH ELEMENT
-----------------------------------------------------------------------------*/
.e_search { padding-bottom: 10px; }
.ucSearch { background-color: #f6f6f6; padding: 25px; padding-bottom: 20px; height: 365px; display: flex; flex-direction: column; justify-content: space-between; }
.ucSearch h5 { font-weight: 700; margin-top: 0; margin-bottom: 0px; line-height: 1; font-size: 16px; }
.ucSearch select:first-of-type { margin-top: 25px; }
.ucSearch select { border-radius: 4px; margin-bottom: 15px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); }
.ucSearch select:last-of-type { }
.ucSearch .button { border: 3px solid #ededed; height: 45px; border-radius: 50px; margin-top: 5px; }
.ucSearch .row .col { flex-basis: initial; }

.mini-links { margin-top: 20px; text-align: right; text-transform: uppercase; display: flex; flex-direction: column; align-items: flex-end; }
.mini-links a { font-size: 12px; font-weight: 700; color: var(--theme-color); line-height: 1; margin-bottom: 1.25rem; }
.mini-links a:last-child { margin-bottom: 0; }

.bulletsUl { margin-top: 20px; margin-bottom: 0px; }
.bulletsUl li { font-size: 12px; list-style: none; font-weight: 700; position: relative; line-height: 1; width: 100%; margin-bottom: 1.25rem; }
.bulletsUl li:last-child { margin-bottom: 0; }
.bulletsUl li:after { /*content: ""; width: 3px; height: 3px; background: var(--theme-color); position: absolute; top: 45%; right: -10px; border-radius: 50%;*/ }
.bulletsUl li:last-child:after { display: none; }


.switchGroup { position: relative; cursor: pointer; width: 85px; margin-right: 0; margin-left: auto; /*margin-bottom: 25px;*/ }
.switchGroup .switch__lbl { background-color: #FFF; border-radius: 50px; position: relative; cursor: pointer; text-align: center; margin: auto; height: 30px; -moz-box-shadow: -2px 1px 5px rgb(0 0 0 / 13%); -webkit-box-shadow: -2px 1px 5px rgb(0 0 0 / 13%); box-shadow: -2px 1px 5px rgb(0 0 0 / 13%); border: 2px solid transparent; }
.switchGroup .toggle { position: absolute; width: 50%; background-color: var(--theme-color); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 50px; height: 100%; }

.switchGroup .names { font-weight: bolder; position: absolute; display: flex; justify-content: space-between; user-select: none; align-items: center; align-content: center; width: 100%; padding: 0; height: 100%; }
.switchGroup .names p { margin: 0; color: #fff; line-height: 1; width: 50%; font-size: 11px; font-weight: 600; }

.switchGroup [type="checkbox"] { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; opacity: 0; cursor: pointer; box-shadow: none; }
.switchGroup [type="checkbox"]:checked + .switch__lbl .toggle { transform: translateX(103%); }
.switchGroup [type="checkbox"]:checked + .switch__lbl .names .monthly { color: #aeaeae; }
.switchGroup [type="checkbox"]:not(:checked) + .switch__lbl .names .cash { color: #aeaeae; }

/*----------------------------------------------------------------------------
    AI BLOCK ELEMENT 
-----------------------------------------------------------------------------*/
.e_aiblock { padding-bottom: 10px; }
.ucAiBlock { position: relative; height: 365px; }
.ucAiBlock .rollArrow { display: none; }
.aiThumb { display: none; }
.aiBackground { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.aiTagline { color: var(--theme-color); line-height: 1; margin-bottom: 7px; }
.aiHeading { color: #fff; font-size: 22px; line-height: 1; }
.aiContent { padding: 25px; height: 100%; display: flex; position: relative; z-index: 2; flex-direction: column; justify-content: space-between; }

.ucAiBlock.fullBoxLink .aiText { padding-top: 22px; }
.ucAiBlock.blankButton .aiText { padding-top: 0 !important; }
.ucAiBlock.fullBoxLink .box-link-button { padding: 25px; align-items: flex-start; color: var(--theme-color) !important; }
.ucAiBlock:not(.fullBoxLink) .onlyBoxLink { display: none; }


/*----------------------------------------------------------------------------
    IMAGES SLIDER ELEMENT 
-----------------------------------------------------------------------------*/
.brdGray .grid_12 > div { width: 100%; }
/*
 * .ucImageSlider previously had no height/overflow rules at all — the
 * inline style="height:Npx" set on the wrapper (image-slider.php and
 * single.php's post gallery, both read from an ACF Slide Height field)
 * was never actually enforced, since .swiper sizes itself to its own
 * content by default rather than filling a fixed-height parent. This
 * let the slider render taller than its configured height and overflow
 * into whatever followed it on the page. position:relative establishes
 * a containing block (Swiper's own slide positioning already expects
 * this on .swiper itself; adding it here too is a harmless safety net),
 * overflow:hidden clips anything that still exceeds the box, and
 * height:100% on .swiper makes it actually respect the parent's fixed
 * height. box-sizing is already border-box globally (main.css), so this
 * doesn't conflict with .swiper's own padding-bottom below.
 */
.ucImageSlider { position: relative; overflow: hidden; }
.ucImageSlider .swiper { height: 100%; padding-bottom: 30px; }
/*
 * object-fit: contain rather than cover — galleries can mix landscape and
 * portrait images (confirmed not assumed to be a single consistent ratio),
 * so cropping to fill would cut off parts of some images depending on
 * their orientation. contain shows every image in full at a consistent
 * slider height, with neutral letterbox/pillarbox bars (the project's
 * existing placeholder grey, #f1f1f1, also used by .newsRpt .element-thumb)
 * filling any gap rather than showing the page background through it.
 */
.ucImageSlider .element-thumb { margin-bottom: 0; height: 100%; background-color: #f1f1f1; }
.ucImageSlider .element-thumb img { height: 100%; width: 100%; object-fit: contain; }

.ucImageSlider .swiper-buttons { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: calc(100% - 60px); width: 100%; }
.ucImageSlider [class*="swiper-button-"] { width: 50px; margin-top: -22px; }
.ucImageSlider [class*="swiper-button-"]:after { font-size: 25px; color: #fff; font-weight: 700; text-shadow: rgb(0 0 0 / 70%) 0px 0px 18px; }

.ucImageSlider .swiper-button-next { right: 10px; }
.ucImageSlider .swiper-button-prev { left: 10px; }

.ucImageSlider .swiper-pagination { width: 1170px; max-width: 100%; margin: auto; left: 0; right: 0; bottom: 9px; line-height: 1; font-size: 0; z-index: 9; }
.ucImageSlider .swiper-pagination .swiper-pagination-bullet { background: #b2b2b2; width: 12px; height: 12px; opacity: 1; margin: 0 0.3rem !important; border-radius: 50px; transition: all 0.2s ease-in-out; }
.ucImageSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--theme-color); width: 40px; opacity: 1; }

/*----------------------------------------------------------------------------
    BANNER SLIDER ELEMENT 
-----------------------------------------------------------------------------*/
.HomePage .e_bannerslider { padding-bottom: 10px; }

.ucBannerSlider { margin-bottom: 50px; height: 365px; }

.ucBannerSlider .swiper { height: 100%; }
.ucBannerSlider .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: contain; padding: 40px; }
.ucBannerSlider .swiper-slide .container { height: inherit; }
.ucBannerSlider .element-textblock { width: calc(50% + 245px); height: 100%; display: flex; position: relative; z-index: 2; flex-direction: column; justify-content: center; }
.ucBannerSlider .element-thumb { display: none; }
.ucBannerSlider .tagline-icon { color: #fff; line-height: 1; margin-bottom: 10px; }
.ucBannerSlider .element-heading { color: #fff; line-height: 1; margin-bottom: 0; font-weight: 700; font-size: 2.5em; }
.ucBannerSlider .element-description { color: #fff; line-height: normal; margin-top: 10px; margin-bottom: 0; font-weight: 600; }
.ucBannerSlider .button-wrap { margin-top: 30px; }
.ucBannerSlider .button { background-color: #fff; color: var(--theme-color); }

.ucBannerSlider h1.element-description { font-size: 2.625em; }
.ucBannerSlider h2.element-description { font-size: 2em; }
.ucBannerSlider h3.element-description { font-size: 1.375em; }
.ucBannerSlider h4.element-description,
.ucBannerSlider h5.element-description { font-size: 1.25em; }
.ucBannerSlider h6.element-description { font-size: 1.125em; }

.ucBannerSlider .swiper-pagination { width: 1170px; max-width: 100%; margin: auto; left: 0; right: 0; bottom: 12px; line-height: 1; font-size: 0; z-index: 9; text-align: left; }
.ucBannerSlider .swiper-pagination .swiper-pagination-bullet { background: #b2b2b2; width: 12px; height: 12px; opacity: 1; margin: 0 0.3rem !important; border-radius: 50px; transition: all 0.2s ease-in-out; }
.ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #4d7c91; width: 40px; opacity: 1; }

.brand-logo { display: flex; justify-content: flex-end; align-items: center; position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; }
.brand-logo img { width: 100%; }

.ucBannerSlider .cAlignRight .swiper-pagination { right: auto; left: 20px; }
.ucBannerSlider .cAlignRight .brand-logo { right: auto; left: 10px; }

.ucBannerSlider .cAlignBottom .element-textwrap { height: 100%; display: flex; justify-content: flex-end; flex-direction: column; }


.ucBannerSlider .slideLink .button-wrap a { background: transparent; }
.ucBannerSlider .fullBoxLink .box-link-button span { display: none; }
.ucBannerSlider .swiper-slide:not(.fullBoxLink) .onlyBoxLink { display: none; }

.color-layer { position: absolute; width: calc(50% + 100px); left: 0px; height: calc(100% - 80px); top: 0; bottom: 0; margin: auto; border-radius: 0px 130px 10px 0px; overflow: hidden; background-color: #00b0d3; z-index: 1; }
.image-layer { position: absolute; width: calc(50% + 285px); right: 0px; height: 100%; top: 0; bottom: 0; margin: auto; border-radius: 0px 0px 0px 130px; overflow: hidden; z-index: -1; background-position: left center; background-repeat: no-repeat; background-size: auto 100%; }
.image-layer img { display: none; }

/*----------------------------------------------------------------------------
    IMAGE ELEMENT 
-----------------------------------------------------------------------------*/
.ucImage { width: 100%; }
.ucImage .element-thumb { font-size: 0; text-align: center; }


.e_image .ucImage { height: 100%; }
.e_image .element-thumb { height: 100%; display: flex; align-items: center; }


/*----------------------------------------------------------------------------
    IMAGE BLOCK ELEMENT 
-----------------------------------------------------------------------------*/

.e_imageblock .ucImage { height: 365px; padding: 25px; display: flex; position: relative; overflow: hidden; flex-direction: column; justify-content: flex-end; }
.e_imageblock .element-textblock { z-index: 2; }
.e_imageblock .element-heading { font-size: 1.45em; font-weight: 700; }
.e_imageblock .fullBoxLink .box-link-button { padding: 25px; }


/*----------------------------------------------------------------------------
    IMAGE WITH TEXT ELEMENT 
-----------------------------------------------------------------------------*/
.e_imagewithtext .ucImage { margin-bottom: 20px; }
.e_imagewithtext .element-thumb { margin-bottom: 20px; }
.e_imagewithtext .element-heading { font-size: 1.45em; font-weight: 700; }
.e_imagewithtext .element-description { margin-bottom: 1.5rem; }

/*----------------------------------------------------------------------------
    TEXT WITH BUTTON ELEMENT 
-----------------------------------------------------------------------------*/
.HomePage .e_textwithbtn .element-heading { color: var(--theme-color); }

.e_textwithbtn .element-textwrap { position: relative; }
.e_textwithbtn .element-textblock { width: 100%; }
.e_textwithbtn .element-heading { font-size: 1.45em; font-weight: 700; }
.e_textwithbtn .element-description { margin-bottom: 1.1rem; }
.e_textwithbtn .button { width: 230px; }
.e_textwithbtn .button + .button { margin-left: 10px; }

/*----------------------------------------------------------------------------
    BAR WITH BUTTON ELEMENT 
-----------------------------------------------------------------------------*/
.ucBarWithButton { height: 100%; padding: 10px 0; display: flex; align-items: center; }
.ucBarWithButton .button { color: var(--font-color); width: 95%; margin: 10px 0; }
.ucBarWithButton .element-description { margin: 10px 0; font-size: 16px; }

.col-6 .ucBarWithButton { padding: 10px 30px; }
.col-6 .ucBarWithButton .row { flex-direction: column; align-items: start; }
.col-6 .ucBarWithButton .row [class*="col-"] { flex: 0 0 100%; width: 100%; max-width: 100%; text-align: center; }
.col-6 .ucBarWithButton .button { width: auto; }



/*----------------------------------------------------------------------------
    IMAGE SLIDE ELEMENT 
-----------------------------------------------------------------------------*/
.container-fluid .ucImageSlide .container { padding-left: 10px; padding-right: 10px; }
.ucImageSlide .element-heading { font-size: 1.45em; font-weight: 700; }
.ucImageSlide .container { height: 480px; padding: 30px; }
.ucImageSlide .container .row { height: 100%; }
.ucImageSlide .cAlignCenter { text-align: center !important; justify-content: center; }
.ucImageSlide .cAlignRight { justify-content: flex-end; }

.HomePage .ucImageSlide .container { max-height: 480px !important; height: auto !important; }
/*----------------------------------------------------------------------------
    MANUFACTURER ELEMENT 
-----------------------------------------------------------------------------*/
[class*="ucManufacturer"] .row [class*="col-"] { border: 1px solid #e1e1e1; margin-bottom: -1px; margin-right: -1px; }

.mfRpt { display: flex; padding: 20px 10px; align-items: center; justify-content: flex-start; height: 100%; }
.mfRpt .element-thumb img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; transition: .3s; }
.mfRpt:hover .element-thumb img { transform: scale(1.1) !important; }

.ucManufacturer.Style2 .row [class*="col-"] { border-color: transparent; }
.ucManufacturer .mfRpt { flex-direction: column; }
.ucManufacturer .mfRpt .element-thumb { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100px; height: 100px; }
.ucManufacturer .mfRpt .element-thumb img { max-height: 100%; width: 100%; }
.ucManufacturer .mfRpt .element-heading { text-align: center; /*font-size: 13px;*/ margin-top: 20px; }

.ucManufacturerLogo .mfRpt { flex-direction: column; justify-content: center; }

.ucManufacturerLogoList .mfRpt { height: 225px; }
.ucManufacturerLogoList .mfRpt .element-thumb { width: 50%; min-width: 50%; display: inline-flex; align-items: center; justify-content: center; height: 100%; padding: 5px; }
.ucManufacturerLogoList .mfRpt .element-thumb img { max-height: 100px; /*max-width: 100px;*/ }
.ucManufacturerLogoList .mfRpt .element-textblock { width: 50%; display: inline-flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; }
.ucManufacturerLogoList .mfRpt .element-heading { width: 100%; text-align: center; }

/*----------------------------------------------------------------------------
    VIDEO ELEMENT 
-----------------------------------------------------------------------------*/
.ucVideo .element-thumb { position: relative; font-size: 0; border-radius: 20px; overflow: hidden; background: #000; }
.ucVideo .element-thumb video { opacity: 0.7; }
.ucVideo .element-thumb iframe { width: 100%; }
.viewedTime { font-size: 13px; color: #606060; margin-bottom: 0; display: none; }
.viewedCount { border-radius: 5px; background: #000000; font-size: 14px; color: #fff; display: inline-flex; position: absolute; bottom: 20px; right: 20px; padding: 5px 5px; line-height: 1; }

.video-carousel.carousel .owl-nav { left: -50px !important; right: -50px !important; }
.video-carousel.carousel .owl-nav button { border-radius: 50%; padding: 0 !important; width: 40px; height: 40px; line-height: 0 !important; display: inline-flex; justify-content: center; align-items: center; box-shadow: 0px 6px 15px rgb(28 38 75 / 15%); }
.video-carousel.carousel .owl-nav button i { color: #000; font-size: 18px; }


/*----------------------------------------------------------------------------
    VIDEO WITH TEXT ELEMENT 
-----------------------------------------------------------------------------*/
.e_videowithtext .element-thumb { font-size: 0; margin-bottom: 20px; position: relative; }
.e_videowithtext .element-heading { font-size: 1.45em; font-weight: 700; }
.e_videowithtext .mediaController { right: 10px; bottom: 10px; width: 35px; height: 35px; }
.e_videowithtext .mediaController:after { font-size: 10px; }

/*----------------------------------------------------------------------------
    VIDEO SLIDE ELEMENT 
-----------------------------------------------------------------------------*/
.ucVideoSlide { position: relative; }
.ucVideoSlide .container { height: 480px; padding: 30px; }
.ucVideoSlide .container .row { height: 100%; }
.ucVideoSlide .container .row [class*="col-"] { position: relative; z-index: 2; }
.ucVideoSlide .cAlignCenter { text-align: center !important; justify-content: center; }
.ucVideoSlide .cAlignRight { justify-content: flex-end; }
.ucVideoSlide .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; margin: auto; background: #000000; }
.ucVideoSlide .background iframe { max-width: 100%; width: 100%; height: 100%; }
.ucVideoSlide .cAlignRight + .background .mediaController { left: 25px; right: auto; }

/*----------------------------------------------------------------------------
    TEAM ELEMENT 
-----------------------------------------------------------------------------*/
.teamRpt { margin-bottom: 15px; }
.teamRpt .element-thumb { margin-bottom: 15px; }
.teamRpt .element-textblock .element-heading { border-left: 3px solid var(--theme-color); padding-left: 10px; margin-bottom: 10px; }
.teamRpt .element-textblock .element-position { font-weight: normal; padding-left: 13px; margin-bottom: 10px; min-height: 30px; letter-spacing: 0.5px; }
.teamRpt .element-textblock .button-wrap { padding-left: 13px; }
.teamRpt .element-textblock .button-wrap .link-button { font-weight: 500; text-transform: uppercase; font-size: 14px; color: var(--theme-color); }

.flip-wrap,
.flip-wrap .frontView,
.flip-wrap .backView { height: 318px; }

.flip-wrap { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; }
.flip-wrap .flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; }

.flip-wrap .frontView,
.flip-wrap .backView { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; }

.flip-wrap .frontView { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; cursor: pointer; }
.flip-wrap .backView { padding: 20px; padding-right: 40px; background: var(--theme-color); color: #fff; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.flip-wrap .backView a { color: #fff; line-height: normal; font-weight: normal; letter-spacing: 0.5px; margin-left: 5px; }
.flip-wrap .backView svg { fill: #fff; width: 15px; height: 15px; position: absolute; top: 20px; right: 20px; cursor: pointer; }
.flip-wrap .backView .element-description { line-height: normal; font-weight: normal; letter-spacing: 0.5px; }
.flip-wrap .backView .button-wrap { display: flex; align-items: center; justify-content: flex-start; }

.flipped .flip-wrap .frontView { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flipped .flip-wrap .backView { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }

/*----------------------------------------------------------------------------
    JOB LIST ELEMENT 
-----------------------------------------------------------------------------*/
.rptJobs { padding: 2rem; margin-bottom: 1.5rem; margin-top: 1.5rem; box-shadow: 0px 0px 10px rgb(51 51 51 / 15%); }

/*----------------------------------------------------------------------------
    SUBSCRIBE ELEMENT 
-----------------------------------------------------------------------------*/
.HomePage .ucSubscribe { margin-bottom: 75px; }
.ucSubscribe .subLeft { font-size: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.ucSubscribe .subRight { background: #f3f3f3; padding: 35px 40px !important; }
.ucSubscribe .subRight h4 { color: var(--theme-color); font-weight: 700; font-size: 18px; }
.ucSubscribe .subRight input { height: 50px; -moz-box-shadow: inset -2px 2px 0px #dcdcdc; -webkit-box-shadow: inset -2px 2px 0px #dcdcdc; box-shadow: inset -2px 2px 0px #dcdcdc; border-radius: 5px; }
.ucSubscribe .button { background: var(--theme-color); width: 230px; min-width: 230px; border-radius: 5px; letter-spacing: 0.5px; font-weight: 600; margin-right: 40px; }
.ucSubscribe .signupText { display: flex; align-items: center; }
.ucSubscribe .signupText p { margin: 0; font-size: 14px; color: var(--theme-color); line-height: normal; }

/*----------------------------------------------------------------------------
    SUBSCRIBE FOOTER ELEMENT
-----------------------------------------------------------------------------*/
/*.HomePage .ucSubscribeFooter { display: none; }*/
.ucSubscribeFooter { padding: 10px 0; }
.ucSubscribeFooter .element-description { color: #fff; margin: 10px 0; }
.ucSubscribeFooter h3 { font-size: 1.35em; margin-bottom: 0.4rem; color: inherit; }
.ucSubscribeFooter p { font-size: 0.93em; margin: auto; line-height: normal; color: inherit; }
.ucSubscribeFooter input,
.ucSubscribeFooter .button { border-radius: 50px; text-align: center; background: #fff; height: 50px; margin: 10px 0; }
.ucSubscribeFooter .button { color: var(--font-color); }

/*----------------------------------------------------------------------------
    NEWS ELEMENT
-----------------------------------------------------------------------------*/

.newsRpt { display: flex; position: relative; margin-bottom: 50px; }
.newsRpt + .newsRpt { margin-top: 50px; }
.newsRpt .element-thumb { font-size: 0; border-radius: 20px; overflow: hidden; width: 200px; min-width: 200px; margin: 0; margin-right: 30px; background-color: #f1f1f1; max-height: 200px; }
.newsRpt .element-thumb > div { display: inherit; align-items: inherit; justify-content: inherit; }
.newsRpt img { width: 100%; }
.newsRpt .element-heading { font-weight: 500; }
.newsRpt .element-date { font-size: 0.85em; color: var(--secondary-color); font-weight: 600; margin-bottom: 10px; }
.newsRpt .element-date span { font-size: 10px; }
.newsRpt .element-description { font-size: .85em; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.newsRpt .element-description p { margin-bottom: 0; }
.newsRpt .link-button { text-decoration: underline; font-size: 0.8em; }
.newsRepeater { display: block; }
.newsRepeater > .col-md-6:first-child .newsRpt { flex-direction: column; }
.newsRepeater > .col-md-6:first-child .newsRpt .element-thumb { width: 100%; max-height: initial; }
.newsRepeater > .col-md-6:first-child .newsRpt .element-date { margin-top: 15px; }

/*
 * The new 1+3 layout uses div.row.newsRepeater — but newsRepeater has
 * display:block which overrides the flex from .row. Override it back
 * to flex when inside the news block so col-7 and col-5 sit side by side.
 */
.sbm-block--news-block .newsRepeater { display: flex; flex-wrap: wrap; }

/*----------------------------------------------------------------------------
    NEWS BLOCK — new 1+3 layout
    Featured post left (col-7), three secondary posts right (col-5).
    Scoped under .sbm-block--news-block to avoid affecting other newsRpt uses.
-----------------------------------------------------------------------------*/

/* --- Featured post (left column) --- */
.sbm-block--news-block .news-featured { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
.sbm-block--news-block .news-featured .element-thumb {
    width: 100%;
    min-width: 0;
    max-height: none;
    height: 524px; /* 3 × 160px square thumbs + 2 × 20px gaps = 520px + 4px for visual continuity */
    border-radius: 20px;
    overflow: hidden;
    margin: 0 0 20px 0;
    /*
     * Background starts as theme cyan fallback. JS colour extraction
     * (site.js sbmNewsThumb) samples the image and replaces this with
     * a colour derived from the image itself for a polished portrait look.
     */
    background-color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    transition: background-color 0.3s ease;
}
.sbm-block--news-block .news-featured .element-thumb img {
    /*
     * object-fit: contain — shows the full portrait image without cropping.
     * The extracted background colour fills the letterbox areas either side.
     * width/height are auto so the image scales to fit the container height
     * while maintaining its natural aspect ratio.
     */
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}
.sbm-block--news-block .news-featured:hover .element-thumb img {
    transform: scale(1.03) rotate(1.5deg);
}
.sbm-block--news-block .news-featured .element-date { margin-top: 0; font-size: 0.85em; color: var(--secondary-color); font-weight: 600; margin-bottom: 14px; }
.sbm-block--news-block .news-featured .element-heading { font-size: 1.4em; font-weight: 500; margin-bottom: 16px; }
.sbm-block--news-block .news-featured .element-description { font-size: 0.95em; -webkit-line-clamp: 4; }

/* --- Secondary posts (right column) --- */
/*
 * justify-content: space-between spreads the three secondary posts evenly
 * to fill the full height of the right column, matching the featured post
 * height on the left regardless of content length differences.
 */
.sbm-block--news-block .news-secondary { display: flex; flex-direction: column; justify-content: space-between; min-height: 520px; gap: 0; }
.sbm-block--news-block .news-secondary .newsRpt { margin-bottom: 0; flex: 1; display: flex; align-items: flex-start; text-decoration: none; color: inherit; }
.sbm-block--news-block .news-secondary .newsRpt + .newsRpt { margin-top: 0; padding-top: 20px; }
.sbm-block--news-block .news-secondary .element-thumb {
    width: 160px;
    min-width: 160px;
    height: 160px; /* square — equal to width */
    max-height: 160px;
    border-radius: 12px;
    overflow: hidden;
    margin: 0 20px 0 0;
    background-color: var(--theme-color);
    font-size: 0;
    flex-shrink: 0;
}
.sbm-block--news-block .news-secondary .element-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    transition: transform 0.4s ease;
}
.sbm-block--news-block .news-secondary .newsRpt:hover .element-thumb img {
    transform: scale(1.05) rotate(2deg);
}
.sbm-block--news-block .news-secondary .element-date { font-size: 0.8em; color: var(--secondary-color); font-weight: 600; margin-bottom: 8px; }
.sbm-block--news-block .news-secondary .element-heading { font-size: 0.95em; font-weight: 500; margin-bottom: 10px; }
.sbm-block--news-block .news-secondary .element-description { font-size: 0.85em; -webkit-line-clamp: 3; }

/*
 * Archive link — matches the ASP site style: regular weight text with a
 * bold "news archive" anchor, navy colour, centred below the posts grid.
 */
.sbm-block--news-block .news-archive-link { text-align: center; margin-top: 30px; }
.sbm-block--news-block .news-archive-link a { color: var(--font-color); text-decoration: none; font-size: 1.125em; }
.sbm-block--news-block .news-archive-link a strong { font-weight: 700; }
.sbm-block--news-block .news-archive-link a:hover { text-decoration: underline; }

/*
 * Client stories link — testimonials.php reuses the news-archive-link class
 * name but the rules above are scoped to .sbm-block--news-block, so this
 * never reached the testimonials block. Scoped separately rather than
 * extending the news selector so the two blocks can diverge independently
 * if either one's link style needs to change later.
 */
.sbm-block--testimonials .news-archive-link { text-align: center; margin-top: 30px; }
.sbm-block--testimonials .news-archive-link a { color: var(--font-color); text-decoration: none; font-size: 1.125em; }
.sbm-block--testimonials .news-archive-link a strong { font-weight: 700; }
.sbm-block--testimonials .news-archive-link a:hover { text-decoration: underline; }

.blogDtlPage .nwsttl { display: block; font-style: italic; color: #fff; padding: 50px 20px 50px 20px; font-size: 14px; margin-bottom: 0px; }
.blogDtlPage .nwsttl a { color: #fff; opacity: .8; }

/* View 360 element styles removed: ucView360 excluded from the WordPress build (decision c). */

/*----------------------------------------------------------------------------
    Sphere 360 ELEMENT 
-----------------------------------------------------------------------------*/
.ucPhotoSphere360 { text-align: center; }

/*----------------------------------------------------------------------------
    USED CAR ELEMENT 
-----------------------------------------------------------------------------*/
.e_usedcarlanding .container { padding-left: 0; padding-right: 0; }

/*----------------------------------------------------------------------------
    UcGallery ELEMENT 
-----------------------------------------------------------------------------*/
.galleryRpt { margin-bottom: 15px; }
.galleryRpt .element-thumb { display: flex; justify-content: center; align-items: center; cursor: pointer; margin-bottom: 15px; }


/*! PhotoSwipe Default UI CSS */
.pswp__button { width: 44px; height: 44px; position: relative; background: 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none; }
.pswp__button:focus,
.pswp__button:hover { opacity: 1; }
.pswp__button:active { outline: 0; opacity: .9; }
.pswp__button::-moz-focus-inner { padding: 0; border: 0; }
.pswp__ui--over-close .pswp__button--close { opacity: 1; }
.pswp__button, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { background: url(../images/iconSkin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; }


.pswp__button--close { background-position: 0 -44px; }
.pswp__button--share { background-position: -44px -44px; }
.pswp__button--fs { display: none; }
.pswp--supports-fs .pswp__button--fs { display: block; }
.pswp--fs .pswp__button--fs { background-position: -44px 0; }
.pswp__button--zoom { display: none; background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom { display: block; }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; }
.pswp__button--arrow--left, .pswp__button--arrow--right { background: 0; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; }
.pswp__button--arrow--left { left: 0; }
.pswp__button--arrow--right { right: 0; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute; }
.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; }
.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__share-modal--hidden { display: none; }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform; }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in { opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px; }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; }
a.pswp__share--facebook:hover { background: #3e5c9a; color: #FFF; }
a.pswp__share--facebook:hover:before { border-bottom-color: #3e5c9a; }
a.pswp__share--twitter:hover { background: #55acee; color: #FFF; }
a.pswp__share--pinterest:hover { background: #CCC; color: #ce272d; }
a.pswp__share--download:hover { background: #DDD; }
.pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px; }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; }
.pswp__caption small { font-size: 11px; color: #BBB; }
.pswp__caption__center { text-align: center; max-width: 1200px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; }
.pswp__caption--empty { display: none; }
.pswp__caption--fake { visibility: hidden; }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr; }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; }
.pswp__preloader--active { opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(../images/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active { opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4,0,0.22,1) infinite; }
.pswp--css_animation .pswp__preloader__icn { background: 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0; margin: 0; }

@media screen and (max-width:1024px) {
 .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; }
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; }
.pswp__top-bar, .pswp__caption { background-color: rgba(0,0,0,0.5); }
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3); }
.pswp__ui--idle .pswp__top-bar { opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; }
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { opacity: .001; }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; }
.pswp__element--disabled { display: none !important; }
.pswp--minimal--dark .pswp__top-bar { background: 0; }

/* PhotoSwipe main CSS */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 9999; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.pswp img { max-width: none; object-fit: contain; }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--open { display: block; }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1); transition: transform 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); transition: opacity 333ms cubic-bezier(0.4,0,0.22,1); }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; }
.pswp__img--placeholder { -webkit-backface-visibility: hidden; }
.pswp__img--placeholder--blank { background: #222; }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; }
.pswp__error-msg a { color: #CCC; text-decoration: underline; }
.pswp__button--share { display: none !important; }
.pswp__counter { }
/*  /////     PhotoSwipe  end /////   */

/*----------------------------------------------------------------------------
    UcGallery Banner ELEMENT 
-----------------------------------------------------------------------------*/
.ucGallery .ucBannerSlider { min-height: 450px; height: calc((100vh) - (135px)); max-height: 700px; position: relative; }
.ucGallery .ucBannerSlider .swiper-slide { display: flex; }

.ucGallery .ucBannerSlider .element-tagline { margin: 0px; display: flex; align-items: center; font-size: 12px; line-height: 1; margin-bottom: 15px; }
.ucGallery .ucBannerSlider .element-tagline:before { content: ""; height: 2px; width: 250px; background-color: var(--theme-color); display: inline-block; margin-right: 15px; }

.ucGallery .ucBannerSlider .element-heading { font-size: 1.3em; }

.ucGallery .ucBannerSlider .element-textblock { flex: 0 0 50%; max-width: 34%; padding: 30px 30px; }

.ucGallery .ucBannerSlider .cAlignTop .element-textwrap { justify-content: flex-start; }
.ucGallery .ucBannerSlider .cAlignBottom .element-textwrap { justify-content: flex-end; }
.ucGallery .ucBannerSlider .cAlignLeft.cAlignBottom .element-textwrap { justify-content: flex-start; }

.ucGallery .ucBannerSlider .cAlignRight { justify-content: flex-end; }
.ucGallery .ucBannerSlider .cAlignRight .element-textblock { /* text-align: right;*/ padding-left: 0; right: 20%; bottom: 22%; }

.ucGallery .ucBannerSlider .brand-logo { display: none; }
.ucGallery .ucBannerSlider .element-description { font-size: 1em; margin: 0; }
.ucGallery .ucBannerSlider .swiper-pagination { /*display: none;*/ display: flex; flex-wrap: nowrap; width: 100%; bottom: 0; }
.ucGallery .ucBannerSlider .swiper-wrapper { margin-bottom: 15px; }
.ucGallery .ucBannerSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255,255,255,.7); }
.ucGallery .ucBannerSlider .swiper-pagination .swiper-pagination-bullet { flex-grow: 1; height: 2px; margin-left: 0px; background: rgba(255,255,255,.1); }
.ucGallery .ucBannerSlider .swiper-buttons { align-items: flex-end; display: flex !important; position: absolute; left: 40%; bottom: 185px; margin: auto; /*align-items: center;*/ justify-content: space-between; flex-direction: row-reverse; width: 50px; }
.ucGallery .ucBannerSlider .swiper-buttons .swiper-button-next,
.ucGallery .ucBannerSlider .swiper-buttons .swiper-button-prev { position: initial; width: auto; height: auto; padding: 0 5px; }
.ucGallery .ucBannerSlider .swiper-button-next:after,
.ucGallery .ucBannerSlider .swiper-button-prev:after { color: #fff; font-size: 100%; }

.ucGallery .ucBannerSlider .swiper-thumbs { max-width: 40%; position: absolute; bottom: 30px; left: 10px; padding: 0; overflow: hidden; }
.ucGallery .ucBannerSlider .swiper-thumbs .swiper-slide { height: 110px; cursor: pointer; }
.ucGallery .ucBannerSlider .swiper-thumbs .swiper-slide.swiper-slide-thumb-active { cursor: default; }
.ucGallery .ucBannerSlider .swiper-thumbs.cAlignLeft.cAlignBottom { left: auto; right: 0; }
.ucGallery .ucBannerSlider .swiper-thumbs.cAlignLeft.cAlignBottom .swiper-wrapper { justify-content: flex-end; }


/*----------------------------------------------------------------------------
    UcGallery Card Banner ELEMENT 
-----------------------------------------------------------------------------*/
.ucCardSlider .mainHeading { margin: 0; }
.ucCardSlider .swiper-slide { height: 400px; }
.ucCardSlider .swiper-slide .row { height: 100%; }
.ucCardSlider .element-thumb-background { height: 100%; position: relative; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.ucCardSlider .element-thumb { display: none; }
.ucCardSlider .element-textblock { display: flex; align-items: flex-start; height: 100%; flex-direction: column; justify-content: center; padding-left: 30px; }
.ucCardSlider .cAlignCenter .element-textblock { align-items: center; }
.ucCardSlider .cAlignCenter .row [class*="swiper-button-"] { margin-right: 8px; margin-left: 8px; }
.ucCardSlider .cAlignRight .element-textblock { align-items: flex-end; }
.ucCardSlider .cAlignRight .row [class*="swiper-button-"] { margin-right: 0; margin-left: 15px; }
.ucCardSlider .element-heading { font-size: 1.3em; }
.ucCardSlider .swiper-buttons { align-items: center; display: flex !important; justify-content: flex-start; margin: 0; height: auto; }
.ucCardSlider .row [class*="swiper-button-"] { position: initial; width: auto; height: auto; margin: 0; padding: 5px 2px; margin-right: 15px; }
.ucCardSlider .swiper-button-next:after,
.ucCardSlider .swiper-button-prev:after { color: #0b0b0b; font-size: 100%; }


/*----------------------------------------------------------------------------
   ImageWithTabs ELEMENT 
-----------------------------------------------------------------------------*/
.e_imagewithtabs .element-description .col-3:not(:last-child) { border-right: 1px solid #fff; margin-bottom: 10px; }
.e_imagewithtabs .element-heading h2 { padding: 5px; text-transform: uppercase; width: fit-content; font-weight: 700; }
.e_imagewithtabs .row.content { display: flex; min-height: 412px; }
.e_imagewithtabs .element-description .col-3:not(:first-child) { padding-left: 20px; }
.e_imagewithtabs .element-description.row { justify-content: center; }
.e_imagewithtabs .row.content.cAlignTop { align-items: flex-start; }
.e_imagewithtabs .row.content.cAlignMid { align-items: center; }
.e_imagewithtabs .row.content.cAlignBot { align-items: flex-end; }

/*----------------------------------------------------------------------------
   ImageWithTabs ELEMENT 
-----------------------------------------------------------------------------*/
.ucNewVehicle .oferLst ul { list-style-type: none; }
.ucNewVehicle #pnlGrid .oferLst .element-thumb:hover .selectBtn { opacity: 1.0; transition: 0.7s; }
.ucNewVehicle #pnlGrid .oferLst .selectBtn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); padding: 12px 60px; background-color: var(--theme-color); color: var(--button-font-color); border-radius: 99px; border: solid 2px; opacity: 0; font-size: 15px; }

/*----------------------------------------------------------------------------
   New Vehicle SLIDER
-----------------------------------------------------------------------------*/

.ucNewVehicle h2 { font-weight: 700; font-size: 1.5em; margin-bottom: 30px; }
.ucNewVehicle .container { max-width: 1120px; }
.ucNewVehicle .carousel .owl-nav button { box-shadow: none; padding: 0; background: transparent; font-size: 45px; }
.ucNewVehicle .carousel .owl-nav { left: -90px; right: -90px; top: 100px; }
.ucNewVehicle .carousel .owl-height { height: auto !important; }

.rptNewVehicle { margin-bottom: 30px; }
.rptNewVehicle .element-thumb { position: relative; font-size: 0; overflow: hidden; margin-bottom: 15px; }
.rptNewVehicle img { -webkit-backface-visibility: hidden; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; }
.rptNewVehicle .element-thumb:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0.6; }
.rptNewVehicle .element-heading { /*margin-top: 17px; font-size: 18px; font-weight: 700; line-height: normal;*/ }
.rptNewVehicle .element-subHeading { font-size: 1em; line-height: 1.5; font-weight: 500; color: #050505; margin-bottom: 10px; }
.rptNewVehicle .element-PCP { display: inline-block; width: 100%; }
.rptNewVehicle .element-PCP h3 { font-size: 26px; font-weight: 700; margin-bottom: 0; }
.rptNewVehicle .element-PCP p { color: var(--theme-color); margin-bottom: 30px; display: flex; flex-direction: column; align-items: flex-start; line-height: 1.5; }
.rptNewVehicle .button { min-width: 80%; border-radius: 5px; }