/* 
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 */

.text-vaishakh-job{
    color:#ffff;
	    font-size: 28px;
    line-height: 29px;
}

/* * { box-sizing: border-box; } */

/* @property --rot{
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
} */

.animation-cs-vaishakh {
	height: 100%;
	width: 100%;
	max-width: 800px;
	margin: 20vh auto 0 auto;
	aspect-ratio: 9/5;
	display: grid;
	grid-template-rows: .5fr 1fr .5fr;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	padding: 14px;
  }
  
  .animation-cs-vaishakh .ggh {
	height: 100%;
	width: 100%;
	transform: translateY(-1.5vw);
  }
  
  .animation-cs-vaishakh .one {
	grid-row: 2/3;
	grid-column: 1/2;
	border-radius: 50% 50% 20% 20%;
	animation: 
	  bob 2s ease-in-out infinite alternate;
	background: -webkit-linear-gradient(45deg, #E9694D, #3EE6B3, #E9694D);
	background: linear-gradient(45deg, #E9694D, #3EE6B3, #E9694D);
  }
  
  .animation-cs-vaishakh .two {
	grid-row: 1/3;
	grid-column: 2/3;
	animation: 
	  bob 2s ease-in-out infinite alternate;
	animation-delay: 2s , 500ms;
	background: -webkit-linear-gradient(45deg, #705CEF, #705CEF, #FFB4D3, #705CEF, #705CEF);
	background: linear-gradient(45deg, #705CEF, #705CEF, #FFB4D3, #705CEF, #705CEF);
	border-radius: 40px;
  }
  
  .animation-cs-vaishakh .three {
	grid-row: 2/4;
	grid-column: 3/4;
	border-radius: 1000px;
	animation:
	  bob 2s ease-in-out infinite alternate;
	animation-delay: 3s , 1000ms;
	background: -webkit-linear-gradient(45deg, #F1B541, #8D69F4, #F1B541);
	background: linear-gradient(45deg, #F1B541, #8D69F4, #F1B541);
  }
  
  .animation-cs-vaishakh .four {
	grid-row: 2/3;
	grid-column: 4/5;
	border-radius: 1000px;
	animation: 
	  rotation 8s linear infinite,
	  bob 2s ease-in-out infinite alternate;
	animation-delay: 7s , 1500ms;
	background: -webkit-linear-gradient(45deg, #F8ADAD, #FC5C38, #F8ADAD);
	background: linear-gradient(45deg, #F8ADAD, #FC5C38, #F8ADAD);
  }
  
  @keyframes bob {
	from {
	  transform: translateY(-1.5vw);
	}
	
	to {
	  transform: translateY(1.5vw);
	}
  }
  
  @keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
  

@media (max-width: 991px) {
    .animation-cs-vaishakh{
        margin: 0px;
    }
    .text-vaishakh-job {
        font-size: 22px;
    }
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-5e6148a1.main-header-v.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    position: fixed;
    width: 100%;
}



#box {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
  }
  .gradient-border {
    --borderWidth: 3px;
    background: #1D1F20;
    position: relative;
    border-radius: var(--borderWidth);
  }
  .gradient-border:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: calc(2 * var(--borderWidth));
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
  }
  
  
  @keyframes animatedgradient {
      0% {
          background-position: 0% 50%;
      }
      50% {
          background-position: 100% 50%;
      }
      100% {
          background-position: 0% 50%;
      }
  }
  


  .ekit-wid-con .fasicon.icon-menu1::before, .ekit-wid-con .icon.icon-menu1::before, .icon.icon-menu1::before{
    color: #ffff;
  }
  .animated-par{
    overflow: hidden;
  }
  div#box {
    height: 1px !important;
    overflow: hidden !important;
}
.elementor-element.elementor-element-b741c33.slide-imm.de_scroll_animation_no.elementor-widget.elementor-widget-image-carousel.e-widget-swiper img {
    filter: invert(1);
}
.wpforms-field-container label {
    color: #ffff !important;
}
.wpforms-field-label{
    color: #ffff !important;

}
button#wpforms-submit-484 {
    background-color: #705CEF;
}
  
/* Style the custom label */
.custom-label {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
  }
  
  /* Style the custom input fields */
  .custom-label input[type="text"],
  .custom-label input[type="email"],
  .custom-label textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  
  /* Style the custom submit button */
  .custom-button {
	background-color: #4CAF50;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
  }
  
  /* Change custom submit button color on hover */
  .custom-button:hover {
	background-color: #45a049;
  }
  
  /* Add some spacing between custom form fields */
  .custom-label input[type="text"],
  .custom-label input[type="email"],
  .custom-label textarea,
  .custom-button {
	margin-bottom: 15px;
  }


  

.helloj {
	width:80%;
	height:80%;
	max-width:400px;
	max-height:400px;  
  }
  .ani-ro-pol{
	overflow: hidden;
  }
  .ekit_sidebar-textwidget {
    background: #000;
}
.ekit-sidebar-widget {
    background-color: black !important;
}