/* custom button - arrow on hover animation */

.arrow-out,
.arrow-in {
	transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.arrow-in {
	opacity: 0;
	transform: translateX(-22px);
}

.oom-custom-btn:hover .arrow-out,
.biljonin-contact-form #contact_form_btn:hover .arrow-out
{
	transform: translateX(6px);
	opacity: 0;
}

.oom-custom-btn:hover .arrow-in,
.biljonin-contact-form #contact_form_btn:hover .arrow-in
{
	opacity: 1;
	transform: translateX(0px);
}


.oom-custom-back-btn .arrow-in {
	opacity: 0;
	transform: translateX(22px);
}

.oom-custom-back-btn:hover .arrow-out
{
	transform: translateX(-6px);
	opacity: 0;
}

.oom-custom-back-btn:hover .arrow-in
{
	opacity: 1;
	transform: translateX(0px);
}

/* navigation menu on homepage */

.home .oom-navbar {
    background-color: transparent !important;
    border-bottom: solid 0.75px #FFFFFF45 !important;
}

.home .oom-navbar.scrolled {
    background-color: #00625F !important; /* or any color you want */
    border-bottom: none !important; /* optional */
}

.home .oom-navbar-btn a {
	background-color: #00625F !important;
}

.home .oom-navbar.scrolled .oom-navbar-btn a {
    background-color: #D3A939 !important;
}

/* why choose biljonin iconbox */

.biljonin-usp-iconbox .elementor-icon-box-title {
    height: 72px;
}


@media (min-width: 1441px) and (max-width: 1544px) {
	.biljonin-usp-iconbox .elementor-icon-box-title {
    height: 100px;
}
}

@media (max-width: 1024px) {
	.biljonin-usp-iconbox .elementor-icon-box-title {
    height: unset;
}
}


@media (max-width: 960px) {
	.biljonin-usp-iconbox .elementor-icon-box-title {
    height: 72px;
}
}

@media (max-width: 480px) {
	.biljonin-usp-iconbox .elementor-icon-box-title {
    height: unset;
}
}

/* trusted by - logo carousel */

.logo-carousel img {
    height: 40px;
    object-fit: contain;
}

.logo-carousel .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}

/* read more arrow hover animaion*/

.oom-read-more-btn .arrow-in {
	opacity: 0;
	transform: translateX(-18px);
}

.oom-read-more-btn:hover .arrow-in {
	opacity: 1;
	transform: translateX(0);
}

/* work in action carousel */

.work-gallery .elementor-image-carousel {
	height: 443px;
}

.work-gallery .swiper-slide.swiper-slide-active,
.work-gallery .swiper-slide-duplicate-prev
{
    padding-top: 116px;
}

.work-gallery .swiper-slide.swiper-slide-next {
    padding-top: 56px;
	transform: scale(1.3);
    z-index: 99;
}

.work-gallery .elementor-swiper-button {
	top: 59% !important;
}


@media (max-width: 1440px) {
	
	.work-gallery .elementor-swiper-button {
		top: 50% !important;
	}
	
}


@media (min-width: 1025px) and (max-width: 1439px) {
	
	.work-gallery .elementor-swiper-button {
		top: 47% !important;
	}
	
}

@media (max-width: 1024px) {
	.work-gallery .elementor-image-carousel {
    height: 324px;
}
	
	.work-gallery .elementor-swiper-button {
		top: 64% !important;
	}
	
}

@media (max-width: 767px) {
	.work-gallery .elementor-image-carousel {
    height: unset;
}
	
	.work-gallery .swiper-slide.swiper-slide-active,
.work-gallery .swiper-slide-duplicate-prev
{
    padding-top: unset;
}

.work-gallery .swiper-slide.swiper-slide-next {
    padding-top: unset;
	transform: unset;
    z-index: unset;
}
	
	.work-gallery .elementor-swiper-button {
		top: 50% !important;
	}
	
}



/* single post loop item */

.post-loop-title .elementor-heading-title {
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
}

.post-loop-excerpt {
    overflow: hidden;
    display: block;
    -webkit-line-clamp: 2;
    display: box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
}

/* breadcrumb css */

.oom-breadcrumb li:not(:first-child) .elementor-icon-list-icon svg {
    width: 8px;   /* New width */
    height: 12px;  /* New height */
}

.oom-breadcrumb li:last-child .elementor-icon-list-text {
    color: #00625F !important;
}

/* team carousel bullet */

.team-carousel span.swiper-pagination-bullet {
	 width: 110px !important;
    height: 8px;          /* Keep default or increase */
    border-radius: 4px;   /* Prevent it from becoming a long pill */
    display: inline-block; 
}

@media (max-width: 1024px) {

.team-carousel span.swiper-pagination-bullet {
	 width: 50px !important;
}
	
}

/* single services service include boxes */

@media (min-width: 1256px) and (max-width: 1815px) {
	.service-box-header .elementor-heading-title {
		height: 52px;
	}
}

@media (min-width: 1025px) and (max-width: 1260px) {
	
	.service-includes-grid.e-con.e-child {
		
		--e-con-grid-template-columns: repeat(2, 1fr) !important;
		--e-con-grid-template-rows: repeat(2, 1fr) !important;
	
	}
}

/* contact form */

.biljonin-contact-form .iti__selected-country {
	padding: 12px 4px;
	background-color: #ffffff;
}

.biljonin-contact-form #contact_form_btn .icon-wrapper {
    display: flex;
}


/* blog page */

.oom-blog-posts-grid a.page-numbers {
    background-color: #F3F3F3;
    padding: 8px 16px;
    border-radius: 5px;
}

.oom-blog-posts-grid a.page-numbers:hover {
    background-color: #00625F;
    padding: 8px 16px;
    border-radius: 5px;
	color: #FFFFFF;
}

.oom-blog-posts-grid span.page-numbers.current {
    background-color: #00625F !important;
    padding: 8px 16px;
    border-radius: 5px;
}

/* privacy policy page */

.custom-para-list p + ul {
    margin-top: -12px !important;
	margin-bottom: 12px;
}

.custom-para-list p {
	margin-bottom: 12px;
}
        

/* gallery before after slider */

.oom-before-after img {
	height: 560px;
	width: 1320px;
    object-fit: cover;
}

.oom-before-after .twentytwenty-wrapper .twentytwenty-container {
    margin: 0 auto !important;
}

@media (max-width: 1440px) {
	
	.oom-before-after img {
		height: 480px;
	}
	
	
}

@media (max-width: 768px) {
	
	.oom-before-after img {
		height: 320px;
	}
	
	
}

/* gallery */

.oom-project-gallery .fg-image-wrap img {
		object-fit: cover !important;
	}

@media (max-width: 1440px) {
	
	.oom-project-gallery .fg-image-wrap img {
		width: 240px !important;
		height: 240px !important;
	}
	
}

@media (min-width: 845px) and (max-width: 1274px) {
	
	.oom-project-gallery .fg-image-wrap img {
		width: 160px !important;
		height: 160px !important;
	}
	
}

@media (width: 1024px) {
  .oom-project-gallery .fg-image-wrap img {
    width: 200px !important;
    height: 200px !important;
  }
}


/* whatsapp icon */

.oom-widget-popup-wrapper .oom-widget-chat-button {
    background-color: #00625F !important;
    border-radius: 0px !important;
    box-shadow: 0px 4px 10px 2px #0000001A;
	width: 72px !important;
    height: 72px !important;
	right: 40px !important;
	bottom: 40px !important;
}

.oom-widget-chat-button svg {
    width: 32px !important;
    height: 32px !important;
}

.oom-widget-popup {
	bottom: 118px !important;
}

.oom-widget-chat-content-message {
    width: 100%;
}

@media (max-width: 480px) {
	
	.oom-widget-popup-wrapper .oom-widget-chat-button {
		right: 20px !important;
		bottom: 20px !important;
	}
	
	.oom-widget-popup {
		bottom: 100px !important;
	}
	
	
}