/*
Theme Name: Unibetter Child Theme
Theme URI: https://dynabridge.com/
Author: Dynabridge Development
Author URI: https://dynabridge.com/
Description: Unibetter is a sleek, lightweight WordPress theme designed for businesses aiming for global recognition. It offers easy customization and responsive design, perfect for creating a professional online presence.
Version: 1.0.1
Template: ladder-theme-1 
*/


body {
	margin: 0 !important;
}

@media only screen and (min-width: 980px){
.feature-section:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 30%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.quality-section:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 10%;
    right: 0;
    width: 50px;
    height: 5vh;
    opacity: 0.5;
}

.quality-section:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 10%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.cta-section:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    bottom: 20%;
    right: 0;
    width: 50px;
    height: 30vh;
    opacity: 0.5;
}

.testimonial-section:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 50%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.testimonial-section:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 50%;
    right: 0;
    width: 50px;
    height: 40vh;
    opacity: 0.5;
}

.footer-section:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 80%;
    left: 0;
    width: 50px;
		height: 20vh;
    opacity: 0.5;
}

.footer-section:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    bottom: 10%;
    right: 0;
    width: 50px;
    height: 20vh;
    opacity: 0.5;
}

.cmphst:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 30%;
    right: 0;
    width: 50px;
    height: 40vh;
    opacity: 0.5;
}

.cmphst:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 80%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.cmphst-con::after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 90%;
    right: 0;
    width: 50px;
    height: 40vh;
    opacity: 0.5;
}

.cmphst-con:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 80%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.testim:before{
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 90%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.testi:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 10%;
    right: 0;
    width: 50px;
    height: 40vh;
    opacity: 0.5;
}


.industry:before{
	    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 60%;
    left: 0;
    width: 50px;
		height: 350px;
    opacity: 0.5;
}

.industry:after{
	    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 20%;
    right: 0;
    width: 10px;
    height: 40vh;
    opacity: 0.5;
}

.boxon:after{
		    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 10%;
    right: 0;
    width: 10px;
    height: 40vh;
    opacity: 0.5;
}

.boxon1:after{
	content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 60%;
    right: 0;
    width: 10px;
    height: 40vh;
    opacity: 0.5;
}

.boxcon:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 60%;
    right: 0;
    width: 10px;
    height: 40vh;
    opacity: 0.5;
}
}

.head{
	opacity: 0;
}

.box:hover .head {
	opacity: 1;
	transition : 0.4s;
}

.box:hover{
	border-radius: 15px;
		transition : 0.4s;
}



@media only screen and (min-width: 1200px) {
	.bdt-slidenav {
	top: 95% !important;
margin-left:100px;
margin-right: 100px;
}

.swiper-pagination-bullets{
	top: 93%;
		border-radius: 100px !important;

}

.swiper-pagination-bullet-active {
width: 15px !important;
height: 15px !important;
		border-radius: 500px !important
}
.elementor-209 .elementor-element.elementor-element-ac2d59b .bdt-prime-slider-tango .swiper-pagination .swiper-pagination-bullet {
width: 10px;
		margin-right : 10px;
height: 8px;
		border-radius: 500px !important;
}
}

@media only screen and (min-width: 320px){
	.bdt-slidenav {
	top: 95% !important;
margin-left:-350px;
margin-right: -350px;
}

.swiper-pagination-bullets{
	top: 90%;
		border-radius: 100px !important;

}

.swiper-pagination-bullet-active {
width: 10px !important;
height: 10px !important;
		border-radius: 500px !important
}
.elementor-209 .elementor-element.elementor-element-ac2d59b .bdt-prime-slider-tango .swiper-pagination .swiper-pagination-bullet {
width: 8px;
		margin-right : 10px;
height: 8px;
		border-radius: 500px !important;
}
}

@media only screen and (min-width: 768px){
	.bdt-slidenav {
	top: 95% !important;
margin-left:80px;
margin-right: 80px;
}

.swiper-pagination-bullets{
	top: 90%;
		border-radius: 100px !important;

}

.swiper-pagination-bullet-active {
width: 10px !important;
height: 10px !important;
		border-radius: 500px !important
}
.elementor-209 .elementor-element.elementor-element-ac2d59b .bdt-prime-slider-tango .swiper-pagination .swiper-pagination-bullet {
width: 8px;
		margin-right : 10px;
height: 8px;
		border-radius: 500px !important;
}
}



@media only screen and (min-width: 320px){
	.trance .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
	width: 280px;	
	height: 83px;
	padding: 0px 44px 0px 45px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: rgba(87, 87, 255, 0.66);
	margin-left: -40px;
	margin-bottom: -10px;
	border-radius: 0px 0px 8px 8px;
}
}

@media only screen and (min-width: 767px){
	.trance .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
	width:300px;
	height: 83px;
	padding: 0px 44px 0px 45px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: rgba(87, 87, 255, 0.66);
	margin-left: -40px;
	margin-bottom: -10px;
		border-radius: 0px 0px 8px 8px;
}
}

@media only screen and (min-width: 1025px){
	.trance .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
width:270px;
	height: 83px;
padding: 0px 44px 0px 45px;
justify-content: center;
align-items: center;
flex-shrink: 0;
background: rgba(87, 87, 255, 0.66);
margin-left: -40px;
	margin-bottom: -10px;
		border-radius: 0px 0px 8px 8px;
}
}


@media only screen and (min-width: 1025px){
	.scott {
height: 240x;
		
}
}

@media only screen and (min-width: 320px){
	.alley .elementor-icon svg{
	height: 50px;
}
}

@media only screen and (min-width: 767px){
	.alley .elementor-icon svg{
	height: 70px;
}
}

@media only screen and (min-width: 1025px){
	.alley .elementor-icon svg{
	height: 100px;
}
}

.hendrix .stock {
	display: none;
}

.page-numbers{
height: 56px;
padding: 10px 20px;
justify-content: center;
align-items: center;
	border: 1px solid #E9E9E9;
background: #FFF;
	border-radius: 4px;
}

.page-numbers.current, .page-numbers:hover{
	border: 1px solid #E9E9E9;
	background: var(--Primary-600, #4949D6);
}

@media only screen and (min-width: 320px) and (max-width: 766px){
	.elementor-pagination {
	text-align: center !important;
}
	.page-numbers{
height: 28px;
padding: 10px 10px;
justify-content: center;
align-items: center;
	border: 1px solid #E9E9E9;
background: #FFF;
	border-radius: 4px;
}

.page-numbers.current, .page-numbers:hover{
	border: 1px solid #E9E9E9;
	background: var(--Primary-600, #4949D6);
}
}

.cart.shop_table .product-price, .cart.shop_table .product-subtotal {
	display: none ;
}

@media only screen and (min-width: 767px){
	.cart.shop_table thead {
height: 62px;
	background: #3C4242;
	    vertical-align: middle;
}
	.elementor-widget-woocommerce-cart .woocommerce table.shop_table td, .elementor-widget-woocommerce-cart .woocommerce table.shop_table th, .elementor-widget-woocommerce-cart .woocommerce table.shop_table tr {
   
    text-align: center;
}


.page-id-1521 .quantity, .cart #quantity_662b2ea0ad57d {
	text-align:center;
		width: 81.107px;
height: 29.199px;
display:flex;	
	border-radius: 9.733px;
background: #F6F6F6;
	margin-right: auto;
	margin-left: auto;
}

.cart_totals .shop_table {
	display: none;
}

.cart .remove{
	margin-left: 30px !important;
	}
.cart 	.product-thumbnail img{
		width : 100px !important;
		border-radius: 10px;
		margin-right: -50px;
	}
}

.page-id-1521 .quantity, .cart #quantity_662b2ea0ad57d {
	text-align:center;
		width: 82px;
height: 29.199px;
display:flex;	
	border-radius: 9.733px;
background: #F6F6F6;
	margin-right: auto;
	margin-left: auto;
}

.e-checkout__order_review, .wc_payment_methods, .woocommerce-terms-and-conditions-wrapper {
	display: none !important;
}

.col-1 .input-text{
	display: flex;
 width: 360px;
	height: 55px;
padding: 15.12px 18.9px;
align-items: center;
border-radius: 8px;
background: #F6F6F6;

}

.col-1 .select2-container{
	width: 360px !important;
		display: block;
		height: 55px;
align-items: center;
border-radius: 8px;
background: #F6F6F6;
}

.col-1 .form-row {
	width: 50%;
	display: inline-block;
		margin-bottom: 25px !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-first, .elementor-widget-woocommerce-checkout-page .woocommerce-checkout .form-row-last {
    width: 50% !important;
		margin-bottom: 25px !important;
}

.e-checkout__order_review-2{
	margin-top: -50px;
	padding-bottom: 20px;
	background: #1A1D23;
}

/* CSS for table */
.product-table {
    width: 100%;
    border-collapse: collapse;
}

.product-table .header {
        border: 2px dotted #ddd;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.product-table .product {
    padding: 8px;
        border: 2px dotted #ddd;
    text-align: left;
}

.product-table .specification {
    padding: 8px;
        border: 2px dotted #ddd;
    text-align: left;
}

.e-n-tab-title[aria-selected="false"] .e-n-tab-title-text{
	font-size: 14px;
}

.e-n-tabs-heading{
	border-bottom: 1px solid #E4E7E9;
}
/*
.febikan:hover {
	height: 195px;
	transition: 0.4s;
}

@media only screen and (max-width: 600px){
	.febikan:hover {
	height: 295px;
	transition: 0.4s;
}
}
*/


.febikan {
        transition: transform 0.3s, height 0.3s; 
}

.febikan:hover {
    transform: scale(1.02);
	/*height: 195px; */
	transition: transform 3s, height 3s;
}


@media only screen and (max-width: 600px) {
    .febikan:hover {
        height: 295px;
			transform: scale(1.01);
    }
}

.febikan:hover .subha {
	font-weight: 500 !important;
}


@media only screen and (min-width: 320px){
	.trance1 .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
width: 280px;	
		height: 83px;
padding: 0px 44px 0px 45px;
justify-content: center;
align-items: center;
flex-shrink: 0;
background: rgba(87, 87, 255, 0.66);
margin-left: -40px;
	margin-bottom: -10px;
		border-radius: 0px 0px 8px 8px;
}
}

@media only screen and (min-width: 767px){
	.trance1 .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
width:233px;
	height: 83px;
padding: 0px 44px 0px 45px;
justify-content: center;
align-items: center;
flex-shrink: 0;
background: rgba(87, 87, 255, 0.66);
margin-left: -40px;
	margin-bottom: -10px;
		border-radius: 0px 0px 8px 8px;
}
}

@media only screen and (min-width: 1025px){
	.trance1 .elementor-flip-box__front .elementor-flip-box__layer__inner{
	display: flex;
width:387px;
	height: 83px;
padding: 0px 44px 0px 45px;
justify-content: center;
align-items: center;
flex-shrink: 0;
background: rgba(87, 87, 255, 0.66);
margin-left: -40px;
	margin-bottom: -10px;
		border-radius: 0px 0px 8px 8px;
}
}

.blue-text {
	color: #5757FF;
}

label[for=form-field-city]{
	visibility: hidden;
}

.e-fas-chevron-down svg{
	color : #ffffff !important;
}


.btn-cta-contact {
    background: var(--Blues-500, #485CC7);
    color: var(--Colors-Neutral-White, #FFF);
}


.services .elementor-flip-box__front .elementor-flip-box__layer__inner {
    background: rgba(72, 92, 199, 0.66);
    display: flex;
    padding: 20px 35px 20px 35px;
    justify-content: center;
    align-items: center;
}


.services .elementor-flip-box__back::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(72, 92, 199, 0.66);
    z-index: 1;
}

.services .elementor-flip-box__back .elementor-flip-box__layer__overlay {
    position: relative;
    z-index: 2;
}

.services .elementor-flip-box__back .elementor-flip-box__layer__inner {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.single_filter_wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.product_filter {
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #F9F9F9;
    display: flex;
    width: 141px;
    height: 43px;
    padding: 7px 29px 8px 19px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    color: #737373;
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 200% */
    letter-spacing: 0.2px;
}


#action-product-filter {
    display: flex;
    width: 96px;
    height: 44px;
    padding: 14px 25.5px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #5757FF;
    color: #FFF;
    border: none;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 100% */
}


.btn_industry.active .elementor-button {
    background-color: #5757FF !important;
    border-style: solid !important;
    border-color: #5757FF !important;
    z-index: 2;
}

.btn_industry.active .elementor-button::after {
    content: "";
    position: absolute;
    top: 16px;
    right: -40px;
    border-width: 20px 20px 20px 20px;
    border-style: solid;
    border-color: transparent transparent transparent #5757FF;
    z-index: 1;
}

.thankyou-custom .woocommerce-notice, .thankyou-custom .order_details li {
    color: #FFF;
    font-family: Rubik;
    font-size: 16px;
}


.category-loop-item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    width: 100%;
}

.category-item {
    position: relative;
    width: 23%;
    height: 302px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    border-radius: 10.8px;
}

.category-link {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.category-title {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 25px 10px;
    border-radius: 8px;
    background: rgba(87, 87, 255, 0.70);
}

/* CSS for mobile responsiveness */
@media (max-width: 678px) {
    .category-loop-item {
        flex-direction: column;
        column-gap: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .category-item {
        width: 80%;
    }

    .category-link {
        border-radius: 8px;
    }

    .category-title {}
}

/* CSS for mobile responsiveness */
@media (min-width: 679px) and (max-width: 980px) {
    .category-loop-item {
        flex-direction: row;
        column-gap: 20px;
        row-gap: 20px;
        align-items: center;
        justify-content: center;
    }

    .category-item {
        width: 40%;
    }

    .category-link {
        border-radius: 8px;
    }

    .category-title {}
}

.category_search {
    border-radius: 8px;
    border: 1px solid #DDD;
    background: #F9F9F9;
}


input.category_search {
    display: inline-flex;
    height: 32px;
    width: 223px;
    padding: 10px 15px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #000000;
    text-align: left;
    font-family: "Rubik", Sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1px;
}


/* Style for the placeholder text */
input.category_search::placeholder {
    color: #878A99;
    text-align: left;
    font-family: "Rubik", Sans-serif;
    font-size: 14px;
    padding-right: 20px;
}

/* Optional: If you want to hide the actual placeholder text */
input.category_search::-webkit-input-placeholder {
    opacity: 1;
}

input.category_search::-moz-placeholder {
    opacity: 1;
}

input.category_search:-ms-input-placeholder {
    opacity: 1;
}

input.category_search:-moz-placeholder {
    opacity: 1;
}


.industry_we::before {
    --background-overlay: '';
    opacity: 0.5;
    background: linear-gradient(180deg, #8970FF 0%, rgba(72, 92, 199, 0.82) 0.01%, rgba(72, 92, 199, 0.60) 100%);
}

.client-slider img {}

.d404-section:after {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 10%;
    right: 0;
    width: 50px;
    height: 40vh;
    opacity: 0.5;
}

.d404-section:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 1000px 100px #836DFF;
    transform: translateY(-50%);
    filter: blur(50px);
    border-radius: 50%;
    top: 50%;
    left: 0;
    width: 50px;
    height: 350px;
    opacity: 0.5;
    z-index: 1;
}


@media (max-width: 810px) {
    .heading-2-uni br {
        display: none;
    }


}

@media (max-width: 810px) {
    .febikan {
        padding: 20px 20px;
    }
}


.stats .elementor-counter {
    column-gap: 15px;
}

.sub-arrow svg {
    fill: #FFF;
}

.home-hero::before {
    --background-overlay: '';
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 13%, rgba(87, 87, 255, 0.69) 100%);
}

.page-hero::before {
    --background-overlay: '';
    opacity: 0.5;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 25%, rgba(87, 87, 255, 0.2) 100%);
}

.video-intro .ytp-watermark, .video-intro .ytp-chrome-top-buttons {
    display: none !important;
}

@media (min-width: 768px) {
    .contact-us-nav {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .contact-us-nav {
        background-color: #485CC7;
    }

    .elementor-nav-menu--dropdown {
        padding: 20px 0;
    }

    .heading-home br {
        display: none !important;
    }
	
	.elementor-field-group-city .elementor-field-label {
		display: none;
	}
}

.contdt a{
    color: #292929;
}

.btn_industry {
	cursor: pointer;
}
.language_selectors {
    width: 100px;
    display: none;
    position: absolute;
    top: 100%;
    left: calc(-50% - 20px);
    z-index: 1000;
}

.language_selectors .flags-item
{
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
    height: 30px !important;
    width: 30px !important;
	border: 2px solid #cfcfcf !important;
    margin: 5px 0;
}

.language_selectors a.glink {
    padding: 2px;
	font-size: 12px;
}

.language_selectors a.glink img,
.logo-lang a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px !important;
    height: 30px !important;
    width: 30px !important;
	border: 2px solid #cfcfcf !important;
	font-size: 12px;
}

.language_selector-items {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: column; /* Safari */
    flex-direction: column;
    -webkit-justify-content: center; /* Safari */
    justify-content: center;
    -webkit-align-items: center; /* Safari */
    align-items: center;
    background-color: #0E1116;
    border-radius: 6px;
    padding: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

#lang, .logo-lang a {
    min-height: 30px;
    max-height: 30px;
    min-width: 30px;
    max-width: 30px;
}

#lang:hover .language_selectors {
    display: block;
}

@media (max-width: 767px) {
	.language_selectors {
		width: 100px;
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
		z-index: 1000;
	}
	
	.language_selector-items {
		margin-top: 5px;
	}
}
