/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
div#page-wrapper{
	overflow:hidden;
}
html {
        scroll-behavior: auto !important; 
}
html, body {
	min-height: 100vh !important;
/*     overflow-x: hidden !important; */
    display: flex !important;
    flex-direction: column-reverse !important;
}

/* #page-wrapper {
    display: flex;
    flex-direction: column-reverse;
} */


.header-scroll-sticky {
    visibility: hidden;
    opacity: 0;
	    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .header-scroll-sticky.visible {
    visibility: visible;
    opacity: 1;
	transition: opacity 0.3s ease, visibility 0.3s ease;

  }
  .header-transparent.hidden {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
#wpfront-scroll-top-container img {
    rotate: 90deg;
    margin-right: -14px;
    border-radius: 12px
}
#wpfront-scroll-top-container  {
	pointer-events:none !important;
  
}
.work-grid .elementor-loop-container{
	    display: flex;
    flex-flow: wrap-reverse;
	justify-content: center;
}
.work-grid .e-loop-item{
	flex: 0 0 32%;
}

.grid-reverse-awards .elementor-loop-container{
	    display: flex;
    flex-flow: wrap-reverse;
}
.grid-reverse-awards .e-loop-item{
	flex: 0 0 23.86%;
}

.team-section .elementor-loop-container{
	  display: flex;
    flex-flow: wrap-reverse;
}
.team-section .e-loop-item {
    flex: 0 1 22%;
}

/* .mainTitle h2 {
  overflow: hidden; 
  display: inline-block;
}
.word {
  display: inline-block;
  overflow: hidden;
} 
.word span {
  display: inline-block;
  transform: translateY(100px);
  opacity: 0;
} */

/* ---------------------- button ------------------------- */
/* .climb-btn .elementor-button-icon svg {
    width: 15px;
    margin-top: -6px;
    transition: transform 0.3s ease-in-out;
}

.climb-btn .elementor-button-content-wrapper {
    display: flex;
    align-items: center !important;
}

.climb-btn .elementor-button-icon {
    padding:12px 25px;
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    background-size: contain;
    transition: padding 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
}


.climb-btn .elementor-button:hover .elementor-button-icon {
    background: url("https://loudshout.in/climb/wp-content/uploads/2025/02/on_hover_icon.svg") no-repeat center;
    background-size: auto;
    transition: background 0.3s ease-in-out, padding 0.3s ease-in-out, transform 0.3s ease-in-out;
}


.climb-btn .elementor-button:hover .elementor-button-icon svg {
    opacity: 0; 
    transform: scale(0.9);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	 transform: translateY(-10px) translateX(10px) rotate(-15deg);
    display: inline-block;
}




.climb-btn .elementor-button-icon {
    padding:12px 25px;
    border: 1px solid;
    border-radius: 50%;
    display: inline-block;
    background-size: contain;
    transition: padding 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
} */

.button_style .climb-btn .elementor-button-icon svg {
    width: 35px;
}

.button_style .elementor-button-content-wrapper{
	   display:flex;
		align-items: center; 
}
/* teams social icons */
.teams-social-icon .elementor-icon {
    box-shadow: 8px 8px 12px 0px rgba(0, 0, 0, 0.08);
}
.container {
    max-width: 100% !important;
}

@media (min-width: 320px) and (max-width: 767.98px) { 
/* .elementor-loop-container.elementor-grid {
    display: flex;
    flex-direction: row;
} */
	
.climb-btn .elementor-button-icon svg {
    width: 15px !important;
}
#modal-description {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 10px;
}
}
::-webkit-scrollbar {
    width: 5px;
    height:5px;
}

/* Track (background of the scrollbar) */
::-webkit-scrollbar-track {
    background: #EFEBDB; /* Light grey background */
    border-radius: 10px;
}

/* Thumb (the moving part of the scrollbar) */
::-webkit-scrollbar-thumb {
    background: #D3A938; /* Darker grey */
    border-radius: 10px; /* Rounded corners */
}

/* Thumb hover effect */
::-webkit-scrollbar-thumb:hover {
    background: #D3A938; /* Even darker grey */
}

@media (min-width: 320px) and (max-width: 767.98px) {   
/* .container {
        width: 90%;
} */
}

/* aboutus css/ */
 @media (min-width: 1280px) and (max-width: 1399px) { 
.timeline-sec{
margin-left:20px !important;
}
}

@media (min-width: 1400px) and (max-width: 1535px) { 
.timeline-sec{
padding-left: 60px !important;
}
}

@media (min-width: 1536px) and (max-width: 1599px) { 
.timeline-sec{
padding-left:110px !important;
}
}
@media (min-width: 1600px) and (max-width: 1919px) { 
.timeline-sec{
padding-left: 145px !important;
}
}
@media (min-width: 1920px) and (max-width: 2000px) { 
.timeline-sec{
padding-left: 310px !important;
}
} 
.elementor-element.e-con-full.timeline-slider-col.e-flex.e-con.e-child {
    width: 350px;
}
@media (min-width: 320px) and (max-width: 767px) { 
.elementor-element.e-con-full.timeline-slider-col.e-flex.e-con.e-child {
    width: 300px !important;
}
}
.work-inner-image {
    margin: 60px 0;
}
.work-inner-image img {
    width: 100%;
}
@media (min-width: 320px) and (max-width: 1023px) { 
#project-discription h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -0.64px;
    margin-top: 30px;
    margin-bottom: 10px;
}
#project-discription p {
    font-size: 16px;
    line-height: 24px;
}
}


/* For all credit columns */
.credits-repeater .credit-col {
    padding: 8px;
}
.credits-repeater {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.credit-row {
    width:25% !important;
}

.credits-repeater .credit-row .credit-col:nth-child(odd){
    color: #00685C;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.2px;
    letter-spacing: 0.15px;
}
.credits-repeater .credit-row .credit-col:nth-child(even){
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.2px;
    letter-spacing: 0.15px;
} 
@media (min-width: 320px) and (max-width: 1023px) { 
.credits-repeater .credit-col:nth-child(even) {
    font-size: 15px;
    line-height: 120%;
}
.credits-repeater .credit-col:nth-child(odd) {
    font-size: 15px;
    line-height: 120%;
}
.credit-row {
        flex-direction: column;
        align-items: center;
    }

.credit-col {
        width: 100%;
    }
	.work-inner-image {
    margin: 30px 0;
}
.work-inner-image .col-12 {
    padding: 0;
}

.credit-row {
    width: 100% !important;
}
/* .climb-btn .elementor-button-icon svg {
    width: 40px !important;
} */
/* .work-grid .elementor-loop-container.elementor-grid {
        display: flex;
        flex-direction: column !important;
} */
}

/* work popup css */
.container {
        display: none; 
    }
.container.flex {
        display: flex; /* Show with flex layout */
        justify-content: center; /* Center horizontally */
        align-items: center; /* Center vertically */
    }
.button_style {
        pointer-events: auto; /* Enable click events */
        cursor: pointer; /* Important: Pointer cursor for better UX */
}
.close-icon .elementor-icon{
	cursor:pointer !important;
}


/* animation css */
/* .s-revealed {
  display: inline-flex; 
  overflow: hidden;
  vertical-align: top;
}

.s-revealed span {
  display: inline-block;
  transform: translateY(0);
  white-space: nowrap;
  line-height: 1.2;
  min-height: 1em;
} */
/* 
.team-section .elementor-loop-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
} */

.featured-img img {
    object-fit: cover;
	cursor:pointer;
}

@media (max-width: 767.98px) { 
.team-section .elementor-loop-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	}
	.direction {
		width: 210px !important;
	}
	.work-grid .e-loop-item{
	flex: 0 0 100%;
}
	.grid-reverse-awards .e-loop-item {
    flex: 0 0 47.86%;
}
}