.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
	content: " ";
	display: block;
	background: white;
	position: absolute;
	z-index: 30;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(80, 77, 77, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
	width: 3px;
	height: 9999px;
	left: 50%;
	margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
	width: 9999px;
	height: 3px;
	top: 50%;
	margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
	color: white;
	font-size: 13px;
	letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	line-height: 38px;
	padding: 0 20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
	top: 50%;
	margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
	left: 50%;
	margin-left: -45px;
	text-align: center;
	width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
	width: 0;
	height: 0;
	border: 6px inset transparent !important;
	position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
	top: 50%;
	margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
	left: 50%;
	margin-left: -6px;
}

.twentytwenty-container {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	z-index: 0;
	overflow: hidden;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.twentytwenty-container img {
	max-width: 100%;
	position: absolute;
	top: 0;
	display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
	background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
	opacity: 0;
}

.twentytwenty-container * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.twentytwenty-before-label {
	opacity: 0;
}

.twentytwenty-before-label:before {
	content: attr(data-content);
}

.twentytwenty-after-label {
	opacity: 0;
}

.twentytwenty-after-label:before {
	content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
	left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
	right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
	top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
	bottom: 10px;
}

.twentytwenty-overlay {
	-webkit-transition-property: background;
	-moz-transition-property: background;
	transition-property: background;
	background: rgba(0, 0, 0, 0);
	z-index: 25;
}

.twentytwenty-overlay:hover {
	background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
	opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
	opacity: 1;
}

.twentytwenty-before {
	z-index: 20;
}

.twentytwenty-after {
	z-index: 10;
}

.twentytwenty-handle {
	height: 38px;
	width: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border: 3px solid white !important;
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	border-radius: 1000px;
	-webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
	z-index: 40;
	cursor: all-scroll;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
	bottom: 50%;
	margin-bottom: 22px;
	-webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
	top: 50%;
	margin-top: 22px;
	-webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
	left: 50%;
	margin-left: 22px;
	-webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
	right: 50%;
	margin-right: 22px;
	-webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
	box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
	border-right: 6px solid white !important;
	left: 50%;
	margin-left: -17px;
}

.twentytwenty-right-arrow {
	border-left: 6px solid white !important;
	right: 50%;
	margin-right: -17px;
}

.twentytwenty-up-arrow {
	border-bottom: 6px solid white !important;
	top: 50%;
	margin-top: -17px;
}

.twentytwenty-down-arrow {
	border-top: 6px solid white !important;
	bottom: 50%;
	margin-bottom: -17px;
}


/*added Css*/
.beafwc-outside-label-wrapper {
    position: relative;
	overflow: hidden;
}
.beafwc-outside-label-wrapper>.twentytwenty-before-label,.beafwc-outside-label-wrapper>.twentytwenty-after-label {
    opacity: 1;
}
.beafwc-outside-label-wrapper.twentytwenty-vertical>.twentytwenty-before-label:before{
	top:0;
	z-index: 25;
	width: max-content !important;
	background-color: rgba(0, 0, 0, 0.5);
}
.beafwc-outside-label-wrapper.twentytwenty-vertical .twentytwenty-after-label:before{
	bottom:0;
	z-index: 25;
	width: max-content !important;
	background-color: rgba(0, 0, 0, 0.5);

}







/* Sections Global Paddings */

section.okbox{
    padding-left: 2.3%!important;
    padding-right: 2.3%!important;
}

section.headerr {
    padding-left: 3.5% !important;
    padding-right: 3.5% !important;
}

section.pleft{
    padding-left: 2.3%!important;
}

section.pright{
    padding-right: 2.3%!important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }

/* Styling for active menu item */
.headmenu ul li a.elementor-item-active {
    background-color: #EEE1C6 !important; /* Light background for active item */
    color: #000 !important; /* Black text for active item */
    font-weight: 600 !important; /* Bold text for emphasis */
    border-radius: 10px; /* Rounded corners */
    padding: 10px 15px; /* Adjust spacing */
}

/* Styling for all menu items */
.headmenu ul li a {
    color: #fff; /* White text for inactive items */
    text-decoration: none; /* Remove underline */
    border-radius: 10px; /* Rounded corners for uniformity */
    padding: 10px 15px; /* Consistent spacing */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover effect */
}

/* Hover effect for all menu items */
.headmenu ul li a:hover {
    background-color: #EEE1C6; /* Same background as active */
    color: #000; /* Black text on hover */
}

/* Ensure proper alignment for the menu */
.headmenu nav ul {
    display: flex;
    justify-content: space-between; /* Spread menu items evenly */
    align-items: center; /* Center-align items vertically */
    list-style: none; /* Remove bullets */
    padding: 0;
    margin: 0;
}

.headmenu ul li a.elementor-item-active{
    background-color: #EEE1C6;
    color: #000;
    font-weight: 600!important;
}

.headmenu ul li a{
    border-radius: 10px;
}

.minh{
    min-height: 78vh!important;
}
/*.OpenIcon.elementor-widget-button,*/
/*.CloseIcon.elementor-widget-button,*/
/*.elementor-widget-theme-site-logo.elementor-widget-image{*/
/*    margin-bottom:0px;*/
/*}*/
/*.OpenIcon,*/
/*.CloseIcon{*/
/*    width:50px;*/
/*}*/
/*.OpenIcon.elementor-widget-button a,*/
/*.CloseIcon.elementor-widget-button a{*/
/*    display:block;*/
/*    width:40px;*/
/*    height:40px;*/
/*    border:none;*/
/*    font-size:0px;*/
/*}*/
/*.OpenIcon.elementor-widget-button a {*/
/*    background:url(../assets/OpenIcon.svg) no-repeat center center;*/
/*    background-size:100%;*/
/*}*/
/*.CloseIcon.elementor-widget-button a {*/
/*    background:url(../assets/CloseIcon.svg) no-repeat center center;*/
/*    background-size:100%;*/
/*}*/
.elementor-location-header section .headmenu nav ul.elementor-nav-menu{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.ResHeader {
    display:none;
}
.LogoCol .elementor-widget-wrap.elementor-element-populated {
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-content:center;
    align-items:center;
}
.okimgcar .elementor-image-carousel-caption {
position: absolute!important;
bottom: 40px!important;
left: 42px!important;
z-index: 2; /* Higher than the overlay */
}

.okimgcar .elementor-swiper-button-prev{
    bottom: -74px!important;
    top: auto!important;
    left: 35vw!important;
    background-color: #F0F0F0;
    border-radius: 50%;
    padding: 16px;
    z-index: 5!important;
}

.serv-slider-parent .elementor-swiper-button-prev{
    bottom: -51px!important;
    top: auto!important;
    left: 35vw!important;
    background-color: #F0F0F0;
    border-radius: 50%;
    padding: 16px;
    z-index: 5!important;
}

.serv-slider-parent .swiper-pagination-bullet{
    opacity: 1!important;
}

.okimgcar .elementor-swiper-button-next{
    bottom: -74px!important;
    top: auto!important;
    right: 35vw!important;
    background-color: #F0F0F0;
    border-radius: 50%;
    padding: 16px;
    z-index: 5!important;
}

.serv-slider-parent .elementor-swiper-button-next{
    bottom: -51px!important;
    top: auto!important;
    right: 35vw!important;
    background-color: #F0F0F0;
    border-radius: 50%;
    padding: 16px;
    z-index: 5!important;
}

.backlit-halo-tabs ul.elementor-icon-list-items li , .lightbox-tabs .elementor-inner-section , .vinylgraphicstabsec .lightbox-tabs .elementor-inner-section , .threedtabsec .lightbox-tabs .elementor-inner-section{
cursor:pointer;
}
.okimgcar .swiper-pagination{
    bottom: -35px!important;
    z-index: 3!important;
}

.serv-slider-parent .swiper-pagination{
    left: 50%!important;
}

.okimgcar .swiper-pagination-bullet[data-bullet-index="0"] , .serv-slider-parent .swiper-pagination-bullet[data-bullet-index="0"]{
    /*width: 65px!important;*/
    /*border-radius: 10px!important;*/
}
.swiper-pagination .swiper-pagination-bullet {
    transition: all 0.3s ease-in-out;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 65px!important;
    border-radius: 10px!important;
}
.elementor-location-header .elementor-nav-menu .sub-arrow {
    display:none;
}

.okimgcar .swiper-slide-inner img{
    object-fit: cover!important;
    aspect-ratio: 3 / 2!important;
    height: 590px!important;
    border-radius: 10px;
}

.okimgcar .swiper-slide-active{
    width: 664.667px!important;
}

.okfeatproj .elementor-gallery-title:hover , .okfeatproj .elementor-gallery-title.elementor-item-active{
background-color: #000!important;
color: #fff!important;
border-radius: 10px;
}

.mbend .elementor-widget:not(:last-child){
    margin-bottom: 0px!important;
    margin-block-end: 0px!important;
}

.minh90{
    min-height: 90vh!important;
}
.minh80{
    min-height: 80vh!important;
}
.minh85{
    min-height: 85vh!important;
}
.minh98{
    min-height: 98vh!important;
}

.bradius .elementor-widget-wrap{
    border-radius: 10px!important;
}

.mauto{
    margin: auto;
}

.mission-inner{
    position: absolute;
    top: -180px;
}

.signserv{
    position: absolute;
    bottom: -180px;
}

.signservup{
    position: absolute;
    top: -180px;
}

.whychoose .elementor-accordion-item{
margin-bottom: 20px!important;
}

.whychoose .elementor-tab-title.elementor-active {
    border-radius: 15px 15px 0px 0px!important;
}

.whychoose .elementor-tab-title {
    border-radius: 15px!important;
}

.whychoose .elementor-tab-content{
    border-radius: 0px 0px 15px 15px!important;
}

.signageques .elementor-tab-title{
    background-color: #EFD1A7!important;
}

.signfaqprod .elementor-tab-title{
    background-color: #F1F1F1!important;
}

.signageques .elementor-accordion-item, .signfaqprod .elementor-accordion-item{
    margin-bottom: 20px!important;
}

.signageques .elementor-tab-content, .signfaqprod .elementor-tab-content{
    border-radius: 0px 0px 15px 15px!important;
    margin-left: 20px!important;
    margin-right: 20px!important;
}

.testihome .swiper-pagination{
left: 50%!important;
}

.allport , .graphicsport , .threedletterport, .lightport , .channelport{
    display: none;
    transition: 0.5s linear;
}

.nonactive{
    display: none;
}

.active{
    display: block;
}

.allbtn, .channelbtn , .lightbtn , .threeltbtn, .graphicsbtn{
    cursor:pointer;
    border-radius: 12px!important;
}

.allbtn:hover, .channelbtn:hover , .lightbtn:hover , .threeltbtn:hover, .graphicsbtn:hover{
    background-color: #F39B33;
}

.cusoptions{
    position: relative;
    top: 0;
}

.portslider .elementor-swiper-button-prev{
top: auto!important;
bottom:-59px;
left: 42.5%!important;
z-index: 2!important;
  
}

.portslider .elementor-swiper-button-next{
top: auto!important;
bottom:-59px;
right: 42.5%!important;
z-index: 2!important;

}

.portslider .swiper-pagination{
    bottom: -51px!important;
    z-index: 1;
}

.portslider span[data-bullet-index="4"]{
    width: 12px;
    height: 12px;
}

.portslider span[data-bullet-index="3"]{
    height: 14px;
    width: 14px;
}

.portslider span[data-bullet-index="2"]{
    width: 16px;
    height: 16px;
}
.portslider span[data-bullet-index="1"]{
    height: 18px;
    width: 18px;
}
.portslider span[data-bullet-index="0"]{
    height: 20px;
    width: 20px;
}

.portslider .swiper-slide {
    transition: transform 0.3s ease;
}

.portslider .swiper-slide:hover {
    transform: scale(1.04); 
}

.vinyltypes{
    min-height: 16.5vh;
}

.minh365{
    min-height: 365px;
}

/*.about-customers-slider .swiper-slide[aria-label="2 / 2"] section{*/
/*    background-color:#EEE1C6;*/
/*}*/

    /*.about-customers-slider .swiper-slide[aria-label="1 / 2"] section{*/
    /*    background-color:#0074A2;*/
    /*}*/




.aboutcreds{
    position:absolute;
    bottom:36px;
}
.elementor-element-a30126a section .elementor-column:last-child .elementor-widget-wrap.elementor-element-populated:not(.elementor-element-a30126a section section .elementor-widget-wrap.elementor-element-populated),

.elementor-778 .elementor-element.elementor-element-2b60be8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated
{
        padding-bottom: 110px;
}
.aboutimg{
    position:relative;
    bottom:0px;
}

.typesul li{
    background-color: #EEE1C65C;
    padding: 18px!important;
    border-radius: 15px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.typesul li span.elementor-icon-list-text {
    transition: color 0.3s ease;
}

.OkaySetLeft {
    margin-right:8%;
}

body{
overflow-x:hidden!important;
}

@media screen and (max-width:1024px){
.OkaySetLeft {
    margin-right:0%;
    max-width:100%!important;
}
}

@media screen and (max-width:768px){
    
    .signserv{
        position: unset;
        bottom: 0px;
    }
    
    .signservup{
        top: 0px;
        position: unset;
    }
    
    

}


@media screen and (min-width:1920px){
.seecus{
    margin-top: 275px!important;
}
}