/* 
Theme Name: Logical Tech Hub 
Description: This is Child Theme Created By LTH
Author: Talha Bashir
Template: hello-elementor
Text Domain: hello-elementor-child
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap')
html{
	
	scroll-behavior: smooth ;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow:  0 0 5px rgb(151, 254, 237); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #97FEED; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #071952; 
}
body{
	
	font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	user-select:none;
/* 	cursor:none; */
}

#btn-spect {
    font-family: Rubik;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 0em;
    color: #FFF;
    background-color: #35A29F;
    border-style: none;
	user-select:none;
}

 #btn-spect:hover {
    color: #000;
    background-color: #97FEED;
	 transition: all 0.4s ease;
 
}


#btn-main{
    font-family: Rubik;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    line-height: 1em;
    letter-spacing: 0em;
    color: #FFF;
    background-color:rgba(255, 255, 255, 0.2);
    border-style: none;
}

#btn-main:hover {
    color: #000;
    background-color: #97FEED;
 
}
/*scroll up*/
#navigation-wrap.scroll-up{
	
	animation : easeIn 0.5 ease-in ;
}
@keyframes easeIn{
	from{

		transform:translatey(0px);
	}
	to{
		transform: translatey(20);
	}
}
.navigation-wrap.scroll-on{
    animation: fadeOutUp 0.5s ease forwards;
}
@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-20px); /* Adjust the distance to move up */
    }
}

div.elementor-tab-content{
	text-align: justifortant;
}

/*custom cursor*/

.cursor{
	position:fixed;
	width: 50px;
	height: 50px;
	border: 1px solid #97FEED;
	border-radius: 50%;
	top : 0;
	left : 0;
	transform : translate(-50%,-50%);
	pointer-events :none;
	transition: 0.1s;
}
.cursor2{
	position:fixed;
	width: 8px;
	height: 8px;
	background-color: #97FEED;
	border-radius: 50%;
	top : 0;
	left : 0;
	transform : translate(-50%,-50%);
	pointer-events :none;
	transition: 0.15s;
}


/*animation*/
.owd-fade-in{
	animation: owd-fade-in linear forwards;
	animation-timeline: view();
	animation-range: entry;
}
@keyframes owd-fade-in{
	
	0%{
		opacity:0;
		transform:translatey(400px);
	}
	50%{
		opacity:0;
		
	}
	
	100%{
		opacity:1;
		transform:translatey(0px)
	}
}

/*animation 2*/
.owd-slide-in{
	animation: owd-slide-in ease-in-out forwards;
	animation-timeline: view();
	animation-range: entry;
}

@keyframes owd-slide-in {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}
	50% {
		opacity: 0.5;
		transform: translateY(50%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Fade in from the left with transition */
.owd-fade-in-left {
    animation: owd-fade-in-left 1s ease forwards;
    animation-timeline: view();
    animation-range: entry;
}

@keyframes owd-fade-in-left {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    50% {
        opacity: 0.5;
        transform: translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
  .cursor-dot {
            width: 5px;
            height: 5px;
            background-color: #fff;
            position: fixed;
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 10;
            pointer-events: none;
            transition: transform 0.1s ease;
        }
        .cursor-outline {
            width: 30px;
            height: 30px;
            border: 2px solid hsla(0, 0%, 100%, 0.5);
            position: fixed;
            top: 0;
            left: 0;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 10;
            pointer-events: none;
            transition: transform 0.15s ease;
        }