/*
Theme Name: Hello Elementor Child
Template: hello-elementor
*/

/* Your custom CSS below */

.circle-shape span::before 
{
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #36D1DC, #5B86E5);
  vertical-align: middle;
}

.about-me-img
{
	mask-image: linear-gradient(to bottom, black 75%, transparent 100%);
}

.text-gradient {
    background: linear-gradient(90deg, #2B82D9 0%, #08C9CF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.head-nav nav ul li .elementor-item:after
{   
    width:40%;
    left: 50%;
    transform: translateX(-50%);
}

.watch-intro .elementor-icon-box-icon a{
	box-shadow: 0px 0px 2px 0px;
}

.elementor-field-type-submit .elementor-button{
	color: var(--e-global-color-35319a5);
    background-image: linear-gradient(90deg, #2E86DE 0%, #00C6C8 100%);
}


.gradient-text {
    background: linear-gradient(
        90deg,
        #2B82D9 0%,
        #08C9CF 35%,
        #7EEBFF 50%,
        #08C9CF 65%,
        #2B82D9 100%
    );

    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: shine 5s linear infinite;
}

@keyframes shine {
    from {
        background-position: 0%;
    }
    to {
        background-position: 300%;
    }
}

.services-loop
{
    overflow: hidden;
}

.services-loop .swiper
{
    overflow: visible;
}

/* Hover */
.service-item:hover{
    transform:translateY(-14px);
    box-shadow:
        0 20px 45px rgba(0,0,0,.08),
        0 10px 20px rgba(37,99,235,.15);
}

.service-item:hover::before{
    transform:rotate(25deg) translateX(120%);
}

.service-item .elementor-icon-box-icon{
    transition:.45s;
}

.service-item:hover .elementor-icon-box-icon{
    transform:scale(1.12) rotate(-8deg);
}

.service-item:hover svg{
    filter:drop-shadow(0 8px 18px rgba(6,182,212,.35));
}

.service-item .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title
{
    transition:.35s;
}

.service-item:hover .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title{
    color:#1198ff;
}

.service-item .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description{
    transition:.35s;
}

.service-item:hover .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-description{
    color: #4b5563;
}

.my-btn a svg{
    transition:.35s ease;
}

.my-btn a:hover{

    transform:translateY(-4px);

    background:linear-gradient(90deg,#08C9CF,#2B82D9);

    box-shadow: 0 18px 40px rgba(8,201,207,.35);
}

.my-btn:hover svg{
    transform:translateX(8px);
}

.bg-project-hero
{
	background: radial-gradient(circle at 15% 20%, rgba(6,182,212,.18) 0%, transparent 35%), radial-gradient(circle at 85% 80%, rgba(37,99,235,.15) 0%, transparent 40%), linear-gradient(135deg,#0F172A 0%,#172554 35%,#1E3A8A 70%,#2563EB 100%);
}