/*GLOBAL*/
html {overflow-x:hidden!important}

/*HEADER*/
.main-header {
	width:100%!important;
	transition: 0.4s ease-in-out !important; 
}

.main-header.elementor-sticky--effects {
    padding-top: 0px;
    padding-bottom: 5px;
	backdrop-filter: blur(15px);
    background-color: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    opacity: 1;
}
/*GLOBAL END*/

/*HOMEPAGE*/
.highlight {
  color: #090B1D;
}

/*services-clients section*/
.custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 150px;
  height: 50px;
  pointer-events: none;
  z-index: 999999 !important; 
  display: none;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.35);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 30px;
}

.custom-cursor.active {
    display: block;
}

.cursor-text {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    color: black;
    font-weight: 500;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}

.swiper-wrapper {
    overflow: visible !important;
}


a:hover .custom-cursor,
.custom-cursor.active {
    display: block !important;
    z-index: 999999 !important;
}

/*Clients Section Carousel*/
.carousel-logos .swiper-wrapper {
  transition-timing-function: linear !important;
}

/*SERVICES PAGE*/
.box-service-01::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 0;
    height: 350px;
    background-color: #090b1d;
    left: -95px;
    bottom: -80px;
    opacity: 0;
    transition: all 0.5s ease;
}

.box-service-01.animate::after {
    animation: unfold-left-to-right 1s ease forwards;
}

.box-service-02::after {
	content: "";
    position: absolute;
    z-index: 0;
    width: 0;
    height: 150px;
    background-color: #cb3604;
    right: 0;
    bottom: 20px;
    opacity: 0;
    transition: all 0.5s ease;
}

.box-service-02.animate::after {
   animation: unfold-right-to-left 1s ease forwards;
}

.box-service-03::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 0;
    height: 500px;
    background-color: #090b1d;
    right: 0;
    bottom: -40px;
    opacity: 0;
    transition: all 0.5s ease;
}

.box-service-03.animate::after {
    animation: unfold-right-to-left 1s ease forwards;
}


@keyframes unfold-left-to-right {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 650px;
        opacity: 1;
    }
}

@keyframes unfold-right-to-left {
    from {
        width: 0;
        opacity: 0;
        right: 0;
    }
    to {
        width: 650px;
        opacity: 1;
        right: -100px;
    }
}


/*CONTACT PAGE*/
.box-bottom::after {
    content: "";
    position: absolute;
    background: #cb3604;
    bottom: -95px;
    left: 0;
    width: 260px;
    height: 260px;
}

.contact-form .elementor-field-option input[type="radio"] {
  appearance: none; 
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #CB3604;
  border-radius: 50%;
  background-color: #fff;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  top: 2px;
  margin-right: 2px;
}

.contact-form .elementor-field-option input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #CB3604;
  border-radius: 50%;
}