/*
 *  custom style
*/

/* Navigation Bar - Start */
/*
.oom-sticky-header{
    transition: 0.3s;
	width: 100%!important;
}

.oom-sticky-header.hide-header{
	
	opacity:0 !important;
	visibility:hidden !important;
	
}

.oom-sticky-header.elementor-sticky--effects.oom-gradient {
    min-height: 100px;
    transition: 0.5s;
	opacity: 1;
	visibility:visible;
}

.oom-sticky-header.visible {
    opacity: 1;
    visibility: visible;
	background: #18191BE6 !important;
    min-height: 100px;
    transition: 0.5s;
}
*/
/* Navigation Bar - End */

.iti.iti--allow-dropdown.iti--show-flags {
	width: 100%;
}

/* quote/view more btn design - start */

.oom-quote-btn span.elementor-button-text,
.oom-view-more-btn span.elementor-button-text,
.oom-contact-form #home-contact-submit-btn span.elementor-button-text,
.oom-contact-form #contact-submit-btn span.elementor-button-text
{
    align-content: center !important;
}

.oom-quote-btn svg, 
.oom-view-more-btn svg,
#home-contact-submit-btn svg,
#contact-submit-btn svg
{
	transition: transform 0.3s;
}

.oom-quote-btn:hover svg, 
.oom-view-more-btn:hover svg,
#home-contact-submit-btn:hover svg,
#contact-submit-btn:hover svg
{
	transform: rotate(45deg);
}

/* css for quote/submit btn design - start */

.oom-quote-btn span.elementor-button-icon,
#home-contact-submit-btn span.elementor-button-icon
{
	
	background-color: #ffffff;
    padding: 10px;
	
}

.oom-quote-btn, #home-contact-submit-btn {
  display: block;
  background: linear-gradient(to right, white 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.oom-quote-btn:hover,
#home-contact-submit-btn:hover
{
  background-position: left bottom;
}

.oom-quote-btn .elementor-button-text,
#home-contact-submit-btn .elementor-button-text
{
  transition: color 0.5s ease; 
}

.oom-quote-btn:hover .elementor-button-text,
#home-contact-submit-btn:hover .elementor-button-text
{
  color: #000000;  
}

#home-contact-submit-btn svg path{
	fill: #000000;
}

button#home-contact-submit-btn {
    padding: 0px 45px 0px 0px;
}

.oom-contact-form .elementor-button.oom_form_submit_button {
	
	line-height: 1.2;
	
}

#home-contact-submit-btn span.elementor-button-text {
    padding-left: 25px;
}

/* css for quote/submit btn design - end */

/* css design for 
 * view more btn / 
 * submit btn - contact us page start */

.oom-view-more-btn span.elementor-button-icon,
#contact-submit-btn span.elementor-button-icon
{
	
	background-color: #18191B;
    padding: 10px;
	
}


.oom-view-more-btn,
#contact-submit-btn
{
  display: block;
  background: linear-gradient(to right, #18191B 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

.oom-view-more-btn:hover,
#contact-submit-btn:hover
{
  background-position: left bottom;
}



.oom-view-more-btn .elementor-button-text,
#contact-submit-btn .elementor-button-text
{
  transition: color 0.5s ease; 
}

#contact-submit-btn:hover .elementor-button-text
{
  color: #ffffff;  
}

.oom-view-more-btn:hover span.elementor-button-text

{
	color: #ffffff;
}


#contact-submit-btn svg path{
	fill: #ffffff;
}

button#contact-submit-btn {
    padding: 0px 40px 0px 0px;
}


#contact-submit-btn span.elementor-button-text {
    padding-left: 25px;
}
/* css design for 
 * view more btn / 
 * submit btn - contact us page end */


/* quote/view more btn design - end */


/* carousel bullets design - start */

.oom-carousel .swiper-pagination-bullet,
.video-carousel .swiper-pagination-bullet,
.home-testimonial-carousel .swiper-pagination-bullet
{
    width: 25px;
    height: 5px;
    border-radius: 5px;
}

.oom-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.video-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home-testimonial-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    width: 68px;
}

.oom-carousel .elementor-swiper-button.elementor-swiper-button-next,
.oom-carousel .elementor-swiper-button.elementor-swiper-button-prev,
.video-carousel .elementor-swiper-button.elementor-swiper-button-next,
.video-carousel .elementor-swiper-button.elementor-swiper-button-prev,
.home-testimonial-carousel .elementor-swiper-button.elementor-swiper-button-next,
.home-testimonial-carousel .elementor-swiper-button.elementor-swiper-button-prev {
	z-index: 5;
}

@media (max-width: 480px) {

	.oom-carousel .swiper-pagination-bullet,
.video-carousel .swiper-pagination-bullet,
.home-testimonial-carousel .swiper-pagination-bullet
{
    width: 18px;
}
	
	.oom-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.video-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home-testimonial-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    width: 34px;
}
	
}

/* carousel bullets design - end */

.oom-carousel .elementor-custom-embed-image-overlay::after {
	
	 content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgb(24 25 27 / 92%), rgba(0, 0, 0, 0));
}

/* services $ article learn more btn common design - start */

.services-learn-more-btn svg, 
.oom-article-loop-content .article-learn-more-btn svg
{
	transition: transform 0.3s;
}

.services-learn-more-btn:hover svg,
.oom-article-loop-content .article-learn-more-btn:hover svg{
	transform: rotate(45deg);
}

/* services $ article learn more btn common design - end */

/* Services section - start */

.services-learn-more-btn:hover svg path{
	fill: #000000;
}

.services-learn-more-btn::after {
    content: "LEARN MORE";
    opacity: 0; 
	margin-top: 10px; 
    font-size: 10px;
    color: #ffffff;
    text-align: center; 
	width: 100px !important;
	letter-spacing:0.2em;
	margin-left: -100%;
	transition: .3s;
}

.services-learn-more-btn:hover::after {
    opacity: 1; 
	margin-left: 0!important;
}

.services-learn-more-btn:hover .elementor-button{
	background-color: #ffffff!important;
}


.services-learn-more-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.services-container .services-details {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease; /* Adjust duration and easing as needed */
}

.services-container:hover .services-details {
    visibility: visible;
    opacity: 1;
}

.services-container {
    position: relative; /* Position relative for the overlay */
    overflow: hidden;   /* Ensure the overlay stays within bounds */
}

.services-container::before {
	
    content: '';
    position: absolute;
	display: flex;      
    align-items: flex-end; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(24, 25,  27, 1),rgba(0, 0, 0, 0) ,rgba(0, 0, 0, 0));
    z-index: 0; 
	
}

.services-container:hover::before {
    opacity: 1; /* Show overlay on hover */
	background: linear-gradient(to bottom, rgba(24, 25, 27, 1), rgba(0, 0, 0, 0.5), rgba(24, 25, 27, 1)); 
}

/* Services section - end */

/* Process section - start */

.process-section {
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(240, 240, 240, 1), rgba(87, 88, 90, 1), rgba(29, 29, 29, 1), rgba(0, 0, 0, 1)); 
}

.process-tabs {counter-reset: tab-counter;}

/* Increment the counter on each tab */
.process-tabs span.e-n-tab-title-text {
    counter-increment: tab-counter; /* Increment counter */
}

.process-tabs span.e-n-tab-title-text::before {
    content: counter(tab-counter, decimal-leading-zero);;
    color: #ffffff;
    padding: 12px 15px !important;
    background-color: #18191B;
    border-radius: 40px;
    font-size: 20px;
    position: absolute;
    bottom: -55px;
    left: 35%;
}

.process-tabs span.e-n-tab-title-text:hover::before {
    background-color: #FFFFFF;
	color: #18191B;
}


.process-tabs .e-n-tab-title[aria-selected="true"] span.e-n-tab-title-text::before {
    background-color: #FFFFFF !important; /* Selected tab background */
    color: #18191B !important; /* Selected text color for contrast */
}

.process-tabs .e-n-tabs-heading {
    position: relative;
    padding-top: 20px;
}

.process-tabs .e-n-tabs-heading::before {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    height: 1px !important;
    background-color: #ffffff80;
    position: absolute;
    bottom: -59px !important;
}

.oom-process-banner-text {
	/* HTML: <div class="ribbon">Your text content</div> */
 --f: .4em;
  --r: .4em; /* control the ribbon shape (the radius) */
  --c: #FA6900;

  position: absolute;
  top: 20px;
  left: calc(-1*var(--r));
  line-height: 1.8; 
  padding: 0 .5em calc(2*var(--r));
  border-radius: var(--r) 0 0 var(--r);
  background: radial-gradient(100% 50% at right, #0005 98%, #0000 101%) 0 100% / var(--r) calc(2* var(--r)), conic-gradient(from 90deg at var(--r) calc(100% - 2* var(--r)), #0000 25%, var(--c) 0) 0 0 / calc(101% - .5lh) 100%;
  background-repeat: no-repeat;   
	
	clip-path: polygon(100% 0,0 0,0 100%,calc(50% - var(--f)) calc(100% - var(--r)),calc(100% - 2*var(--f)) 100%,calc(100% - 2*var(--f)) var(--f),100% var(--f));

}

/* Process section - end */

/* gallery section - start */

.gallery-learn-more-btn span.elementor-button-icon::after {
	
	content: 'VIEW PROJECT';
    font-family: 'Nohemi', sans-serif;
	color: #18191B;
    font-size: 8px;
	letter-spacing:0.2em;
	display: block; /* Make it a block element to stack vertically */
    margin-top: 10px; /* Adjust spacing as needed */
    text-align: center; /* Center the text below the button */
	
}

.gallery-learn-more-btn .elementor-button-icon svg {
	font-size: 50px;
}

.gallery-box .gallery-learn-more-btn {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gallery-box:hover .gallery-learn-more-btn {
	visibility: visible;
	opacity: 1;
}

.gallery-box:hover .oom-overlay-shade::before {
background-color: #00000080;
}



/* gallery section - end */


/* videos section - start */
.video-carousel .elementor-custom-embed-image-overlay::after {
	
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080;
}


/* videos section - end */

/* testimonial section - start */

.home-testimonial-content {
	height: 245px !important;
    overflow: auto;
}

.home-testimonial-carousel .swiper-slide.swiper-slide-next{
    margin-top: 80px;
	height:380px;
	transition: margin-top 0.3s ease; 
}

.home-testimonial-carousel .swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    padding-bottom: 115px;
}

/* testimonial section - end */

/* article loop item - start */

.oom-article-loop-content .article-title {
	height: 59px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    white-space: normal;
}

.oom-article-loop-content .article-excerpt {
	height: 68px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    white-space: normal;
}

.oom-article-loop-content .article-learn-more-btn:hover svg path{
	fill: #ffffff;
}

.oom-article-loop-content .article-learn-more-btn::after {
    content: "LEARN MORE";
    opacity: 0; 
	margin-top: 10px; 
    font-size: 10px;
    color: #18191B;
    text-align: center; 
	width: 100px !important;
	letter-spacing:0.2em;
	margin-left: -100%;
	transition: .3s;
}

.oom-article-loop-content .article-learn-more-btn:hover::after {
    opacity: 1; 
	margin-left: 0!important;
}


.oom-article-loop-content .article-learn-more-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.oom-article-loop-content .article-learn-more-btn:hover .elementor-button{
	background-color: #000000!important;
}

/* article loop item - end */

/* testimonial loop item - start */

.aboutus-testimonial-content {
	height:150px;
	overflow: auto;
	
}

/* testimonial loop item - end */

/* pagination numbers design - start */

.article-grid span.page-numbers.current {
    background-color: #000000;
    padding: 10px 14px;
}

.article-grid .page-numbers {
    padding: 10px 14px;
}

.article-grid .page-numbers:hover {
	background-color: #000000;
    padding: 10px 14px;
}

.article-grid .page-numbers.prev {
    margin-right: 40px !important;
}

.article-grid .page-numbers.next {
    margin-left: 40px !important;
}

@media (max-width: 440px) {
	
.article-grid .page-numbers.prev {
    margin-right: 18px !important;
}

.article-grid .page-numbers.next {
    margin-left: 18px !important;
}
	
}

/* pagination numbers design - end */

/* remove left padding for bullet/numbered points - start */

.oom-bullet-point ul, 
.oom-numbered-point ol {
	padding-left: 15px;
}

/* remove left padding for bullet points - end */

/* add top padding for bullet/numbered points - start */
.oom-numbered-point li {
    padding-top: 10px;
}
/* add top padding for bullet/numbered points - end */

/* article loop grid - start */

.article-loop-grid .oom-elementor.e-parent {
    width: 100% !important;

}

.oom-portfolio-content .oom-elementor.e-parent {
    width: 100% !important;

}

.home-portfolio-carousel .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal  {
    text-align: left;
}

/* Portfolio Page - Start */

.portfolio-filter ul.portfolio-category-list {
    display: flex;
    justify-content: space-evenly;
    list-style-type: none;
	padding: 0px;
}


.portfolio-filter a {
    color: #000000;
}


.oom-media-carousel-container .oom-portfolio-img-carousel .elementor-element .swiper-container .elementor-swiper-button, .oom-media-carousel-container .elementor-element .swiper .elementor-swiper-button, .oom-media-carousel-container .elementor-element .swiper~.elementor-swiper-button {
	top: 94% !important
}

.oom-media-carousel-container .elementor-widget-media-carousel .elementor-swiper-button-prev, .elementor-widget-media-carousel .swiper-container-rtl .elementor-swiper-button-next, .elementor-widget-media-carousel .swiper-rtl .elementor-swiper-button-next{
	left: unset !important;
    right: 100px !important;
}

.oom-portfolio-img-carousel .elementor-swiper-button.elementor-swiper-button-prev::before {
    content: url(/wp-content/uploads/2024/10/left-white-arrow_icon.svg);
}

.oom-portfolio-img-carousel svg.e-font-icon-svg.e-eicon-chevron-left {
    visibility: hidden;
}

.oom-portfolio-img-carousel .elementor-swiper-button.elementor-swiper-button-next::before {
    content: url(/wp-content/uploads/2024/10/right-white-arrow_icon.svg);
}


.oom-portfolio-img-carousel svg.e-font-icon-svg.e-eicon-chevron-right {
    visibility: hidden;
}


/* Portfolio Page - End */


.oom-heading-banner-design {
  --r: 1em;
  --c: #AA6928;

    position: absolute;
  top: 20px;
  left: calc(-1*var(--r));
  line-height: 0; 
  padding: 0 .5em calc(2*var(--r));
  border-radius: var(--r) 0 0 var(--r);
     background: radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 
     0 100%/var(--r) calc(2*var(--r)),
    conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,#AA6928 25%, #AA6928) 0 0/calc(101% - .8lh) 100%;
  background-repeat: no-repeat;
	clip-path: polygon(98.5% 0%, 96% 32%, 100% 100%, 0 100%, 0% 50%, 0 0);
  
}

.oom-heading-banner-two-lines-design {
	
	--r: 1em;
	--c: #AA6928;

    position: absolute;
  top: 20px;
  left: calc(-1*var(--r));
  line-height: 0; 
  padding: 0 .5em calc(2*var(--r));
  border-radius: var(--r) 0 0 var(--r);
     background: radial-gradient(100% 50% at right,#0005 98%,#0000 101%) 
     0 100%/var(--r) calc(2*var(--r)),
    conic-gradient(from 90deg at var(--r) calc(100% - 2*var(--r)),#0000 25%,#AA6928 25%, #AA6928) 0 0/calc(101% - .8lh) 100%;
  background-repeat: no-repeat;
	clip-path: polygon(98.5% 0%, 96% 40%, 100% 100%, 0 100%, 0% 50%, 0 0);
	
}

.oom-heading-banner-design .elementor-widget-container,
.oom-heading-banner-two-lines-design .elementor-widget-container
{
	background: linear-gradient(90deg, rgba(170, 105, 40, 1) 0%, rgba(168,110,36,1) 25%, rgba(226,184,119,1) 50%, rgba(209,140,49,1) 75%, rgba(170, 105, 40, 1) 100%);
	border-radius:8px;
}

/* align text to center of button - start */
.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 5px;
    align-items: center !important;
    align-content: center !important;
    flex-wrap: nowrap !important;
}
/* align text to center of button - end */

.logo-carousel .swiper-slide img {
	object-fit: contain;
	height:160px;
}

@media (min-width: 1337px) and (max-width: 1440px) {
	.mobile-menu-container {
		display: none;
	}	
}

@media (min-width: 1025px) and (max-width: 1336px) {
	.mobile-menu-container {
		display: block;
	}	

}

/* privacy policy - start */

.privacy-policy-content li {
	margin-bottom: 10px;
}

.privacy-policy-content a {
	color: #18191BCC;
}

/* privacy policy - end */