/*
    Theme Name: Codez Cave
    Theme URI: https://codezcave.com/hello-elementor-child/
    Description: At Codez Cave, we help businesses thrive with smart, data-driven solutions that accelerate growth. From website development and digital marketing to UI/UX designing and app development, we deliver cutting-edge strategies tailored to your unique needs. Let’s transform your vision into reality!
    Author: Codez Cave
    Author URI: https://codezcave.com
    Template: hello-elementor
    Version: 1.0.0
*/

/* General Styles */
body li, body p, body h6, body label, body a, body span, body form, body form .custom-dropdown{
	font-family: 'Poppins', sans-serif !important;
}
h1,h2,h3,h4,h5{
	line-height: 1.1em !important;
}
h1,h2,h3{
	font-weight:900 !important;
}
h4, h5{
	font-weight: 700 !important;
}
h6{
	font-weight: 500 !important;
}
p{
	line-height: 1.5em !important;
	font-weight: 400 !important;
}
h1{
	font-size: clamp(1.75rem, 1.475rem + 1.375vw, 3.125rem) !important;
}
h2{
	font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem) !important;
}
h3{
	font-size: clamp(1.375rem, 1.2125rem + 0.8125vw, 2.1875rem) !important;
}
h4{
	font-size: clamp(1.25rem, 1.125rem + 0.625vw, 1.875rem)!important;
}
h5{
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem)!important;
}
h6{
	font-size: 13px !important;
	line-height: 20px!important;
}
p, li{
	font-size: clamp(0.875rem, 0.8625rem + 0.0625vw, 0.9375rem) !important;
}
.elementor-counter-number-wrapper {
    font-size: clamp(2.5rem, 0.9375rem + 5vw, 3.75rem) !important;
}
p{
    margin: 0 0 14px 0 !important;
}
p:last-child{
    margin: 0 !important;
}

/* Buttons Styles */
.dark-btn a, .bordered-btn a, .white-bordered-btn a{
		padding: 12px 16px !important;
		font-weight: 500 !important;
		font-size: clamp(0.875rem, 0.8625rem + 0.0625vw, 0.9375rem) !important;
		border-radius: 5px !important;
}
.dark-btn a{
    background: var( --e-global-color-primary ) !important;
    border: 2px solid var( --e-global-color-primary ) !important;
}
.dark-btn a:hover{
    background: #000 !important;
    border: 2px solid #000 !important;
}
.bordered-btn a{
    background: transparent !important;
    border: 2px solid var( --e-global-color-primary ) !important;
    color: var( --e-global-color-primary ) !important;
}
.bordered-btn a:hover{
    background: var( --e-global-color-primary ) !important;
    color: #fff !important;
}
.white-bordered-btn a{
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #000 !important;
}
.white-bordered-btn a:hover{
    background: #fff !important;
}

/* Custom ScrollBar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track { 
  border-radius: 10px;
	background:#fff;
} 
::-webkit-scrollbar-thumb {
  	background: var( --e-global-color-primary );  /* scrollBar Color */
  	border-radius: 10px;
}

/*Elementor Icon Widget*/
.elementor-icon-wrapper {
    line-height: 0 !important;
}

/* Chatty Widget */
.chaty-svg svg circle, .chaty-svg svg ellipse{
    fill: var(--e-global-color-primary) !important;
}

/*Sticky Header*/
/*.ct-sticky-header .ct-sticky-logo, .ct-sticky-header.elementor-sticky--active .ct-header-logo{
    display: none;
}
.ct-sticky-header.elementor-sticky--active .ct-sticky-logo{
    display: block;
}
*/
/* .ct-sticky-header img, .ct-sticky-header .e-con-inner{
    transition: ease-in-out 0.4s !important;
} */
.ct-sticky-logo, .ct-sticky-header.elementor-sticky--active .ct-header-logo{
    width: 140px;
}
.ct-sticky-header.elementor-sticky--active{
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    padding: 7px 20px;
}
.ct-sticky-header.elementor-sticky--active .e-con-inner{
    padding: 0
}
/* Logo Image White */
.logo-white img{
    filter: brightness(0) invert(1)
}

/* Form */
form select:focus {
    border-color: var( --e-global-color-primary ) !important;
		background: var( --e-global-color-87e012e ) !important;
}
form .choices{
	margin-bottom: 0 !important;
}
form .choices input{
		background-color: transparent !important;
}
form .choices .choices__inner{
		padding-left: 15px !important;
		padding-right: 15px !important;
}
form .choices .choices__list.choices__list--dropdown {
    overflow-y: hidden !important
}
form .choices__list {
    max-height: 200px !important;
}
form .choices input:focus {
    border-color: transparent !important;
}
form .choices .choices__item--selectable[aria-selected=true], form select option:hover{
    background: var( --e-global-color-primary ) !important;
    color: var( --e-global-color-87e012e ) !important;
}
.ff-message-success {
    color: var( --e-global-color-87e012e ) !important;
}
.ff-message-success p, p{
    margin: 0 !important;
}
.custom-dropdown {
		position: relative;
		width: 100%;
}
.custom-dropdown .selected {
		background: #f8f9f5;
		padding: 10px;
		border: 1px solid #ccc;
		cursor: pointer;
		border-radius: 5px;
}
.custom-dropdown .custom-options {
		max-height: 200px;
    overflow: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		background: var( --e-global-color-87e012e ) !important;
/* 		border: 1px solid #ccc; */
		position: absolute;
		width: 100%;
		display: none;
		z-index: 10;
}
.custom-dropdown .custom-options li {
		padding: 10px;
		cursor: pointer;
}
.custom-dropdown .custom-options li:hover {
		background-color: var( --e-global-color-primary ) !important;
		color: var( --e-global-color-87e012e ) !important;
}

/* INline HRML span tag */
.green{
    color: var( --e-global-color-primary ) !important;
	font-family: 'Raleway', sans-serif !important;
}

/* Services Boxes */
.ct-service-box:hover{
    background-image: linear-gradient(180deg, var(--e-global-color-primary) 0%, var(--e-global-color-e80635c) 100%);
	transition: ease-in-out 0.2s !important;
}
.ct-service-box:hover img{
    filter: brightness(0) invert(1)
}
.ct-service-box:hover h5, .ct-service-box:hover p{
    color: var( --e-global-color-87e012e ) !important
}
.ct-service-box:hover .elementor-button{
    border-color: var( --e-global-color-87e012e ) !important;
    color: var( --e-global-color-87e012e ) !important;
}
.ct-service-box:hover .elementor-button:hover{
   background: var( --e-global-color-87e012e ) !important; 
   color: var( --e-global-color-primary ) !important;
}

/* Moving Image */
.leftrightmove-img img{
    position: relative;
    animation: moveLeftRight 3s linear infinite alternate;
    -webkit-animation: moveLeftRight 3s linear infinite alternate;
    -moz-animation: moveLeftRight 3s linear infinite alternate;
}
 /* Keyframes to move the image */
@keyframes moveLeftRight {
    0% {
        left: 80px; /* Starts from left off-screen */
    }
    50% {
        left: 0; /* Moves to the right off-screen */
    }
    100% {
        left: -80px; /* Moves back to the left off-screen */
    }
}

/* Scrollable Image */
.scrll-img-sec .scrll-img {
    height: 560px !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

@media (max-width:768px){
	/* Scrollable Image */
    .scrll-img-sec .scrll-img {
    height: 360px !important;
    }
}