@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap");


.menu a {
color: #333;
text-decoration: none;
font-family: "Product Sans",sans-serif;
font-size: 18px;
padding: 8px 86px;
position: relative;
}


     .preload-hidden {
  visibility: hidden;
}
     


.site-menu-toggle {
  display: none; /* This will hide the burger menu */
}

.logo-image {
  max-width: 80px; /* Adjust the width as needed */
}
     
     

/* Customize the color of the loading circle animation */
.loader-portfolio {
    border-color: #00ffd5; /* Change the color to your desired color */
}

/* Optional: Change the color of the spinner in the loader */
.spinner-border {
    color: #00ffd5; /* Change the color to your desired color */
}

     
.close-icon {
    cursor: pointer;
    font-size: 30px;
}

/* Remove the styles for logo-container */
.logo-container {
    display: flex;
    align-items: center;
}
}
.cross-link {
    text-decoration: none;
    color: #000; /* You can set the color as per your design */
}

     
     

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
    font-family: "Source Sans Pro", sans-serif;
    
    color: #dddde6;
}



    
    
     
 .untree_co-section .subheading {
    font-size: 18px;
    letter-spacing: -0.2px;
    font-family: "Source Sans Pro";
     color: #64686b;
     
     width: 50%;
}
     
        @media (max-width: 767px) {
   .untree_co-section .subheading {
        width: 100%;
       font-size: 25px;
    }

     
 .untree_co-section .heading {
    font-size: 40px;
}


            
 @media (max-width: 767px)
.untree_co-section .heading {
    font-size: 60px;
}


    
            
            
            
            
            
          #video-placeholder {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #ccc; /* Set background color for the placeholder */
        }

        #actual-video {
            display: none;
            width: 100%;
            height: 100%;
        }          
            
            
            
 
            
            
            
            
            
            
            
            
            
  element.style {
    animation: none !important;
    background-color: rgba(238,238,238,0.9)!important;
    border: none!important;
    bottom: auto!important;
    color: rgba(0,0,0,.5)!important;
    display: inline-flex!important;
    align-items: center!important;
    gap: 6px!important;
    float: none!important;
    height: 28px!important;
    left: 50%!important;
    margin: 8px auto!important;
    opacity: 1!important;
    padding: 6px!important;
    position: relative!important;
    right: auto!important;
    top: auto!important;
    transform: translateX(-50%)!important;
    zoom: 1!important;
    visibility: visible!important;
    box-sizing: border-box!important;
    border-radius: 6px!important;
    font-family: Roboto,Arial,Sans-serif!important;
    font-size: 0px!important;
    font-weight: 700!important;
    line-height: 16px!important;
    text-align: left!important;
    text-decoration: none!important;
    max-width: 240px!important;
    text-indent: 0!important;
    z-index: 99999!important;
    margin-top: 20px!important;
	  
	  
}          
            
            
            
     #loader {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(255, 255, 255, 0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }
            
            

        
            
            
            
   .spinner-border {
    color: #007bff; /* Blue color */
}