.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2397 .elementor-element.elementor-element-691a425{color:#000000;}.elementor-2397 .elementor-element.elementor-element-e563693 > .elementor-container{max-width:1400px;}.elementor-2397 .elementor-element.elementor-element-e563693{padding:0px 20px 0px 20px;}.elementor-2397 .elementor-element.elementor-element-83f84e4{--spacer-size:124px;}.elementor-2397 .elementor-element.elementor-element-f31b0e1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2397 .elementor-element.elementor-element-3548365 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2397 .elementor-element.elementor-element-3548365 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2397 .elementor-element.elementor-element-3548365 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-type-html{padding-bottom:0px;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2397 .elementor-element.elementor-element-3548365{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2397 .elementor-element.elementor-element-8906702 > .elementor-container{max-width:1400px;}.elementor-2397 .elementor-element.elementor-element-8906702{margin-top:80px;margin-bottom:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2397 .elementor-element.elementor-element-e2bf135{width:30%;}.elementor-2397 .elementor-element.elementor-element-0d0c0e6{width:70%;}.elementor-2397 .elementor-element.elementor-element-f31b0e1{width:var( --container-widget-width, 223px );max-width:223px;--container-widget-width:223px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2397 .elementor-element.elementor-element-e2bf135{width:24.665%;}.elementor-2397 .elementor-element.elementor-element-0d0c0e6{width:75%;}}/* Start custom CSS for html, class: .elementor-element-f31b0e1 */.carousel-container {
            position: relative;
            width: 100%;
            max-width: 1400px;
            overflow-x: hidden;
            /* Allow vertical overflow for the lift effect */
            overflow-y: visible;
            /* Add extra vertical padding to ensure the lifted card and its shadow are not clipped */
            padding: 55px 0;
        }

        .carousel-track {
            display: flex;
            gap: 20px;
            /* Calculate the total width of all 6 cards and their gaps */
            width: calc(6 * 300px + 5 * 20px);
            animation: carousel-scroll 25s linear infinite;
        }

        /* Pause the animation on hover */
        .carousel-track:hover {
            animation-play-state: paused;
        }

       .card {
          min-width: 300px;
          height: 400px;
          background-color: #5540ff;
          border-radius: 12px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          text-align: center;
          color: #a0aec0;
          transition: transform 0.3s ease, box-shadow 0.3s ease;
          position: relative;
          overflow: hidden;
          cursor: pointer;
          padding: 20px;
          box-sizing: border-box;
}

        /* Styling for the card content */
        .card-image {
            width:100%;
            height: auto;
            border-radius: 8px;
            object-fit: cover;
        }

       .card-title {
            font-size: 14px;
            font-weight: 600;
            margin: 0px 0;
            text-align: center;
            color: #fff;
        }

        .card p {
            font-size: 16px;
            margin-bottom: 2px;
        }

        .card-button {
            padding: 10px 20px;
            background-color: #4a5568;
            color: #ffffff;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            font-size: 1rem;
            
        }

        .card-button:hover {
            background-color: #636b77;
            
        }

        /* Hover effects */
        .card:hover {
            transform: translateY(-15px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
        }

        /* Shine effect using a pseudo-element */
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.2),
                transparent
            );
            transform: skewX(-20deg);
            transition: transform 0.8s ease-in-out;
        }

        .card:hover::before {
            transform: skewX(-20deg) translateX(200%);
        }

        /* Keyframes for the carousel movement */
        @keyframes carousel-scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                /* Move the full width of the six cards and their gaps to create the loop */
                transform: translateX(calc(-100% + 100vw - 20px));
            }
        }

        /* Media queries for mobile responsiveness */
        @media (max-width: 768px) {
            .carousel-track {
                gap: 10px;
                width: calc(6 * 150px + 5 * 10px);
                animation: carousel-scroll-mobile 40s linear infinite;
            }

            .card {
                min-width: 150px; /* 50% smaller than desktop */
                height: 200px;
            }

            .card-title {
                font-size: 1rem;
                margin-bottom: 10px;
            }

            .card p {
                font-size: 0.8rem;
            }

            .card-button {
                font-size: 0.8rem;
                padding: 8px 16px;
            }

            @keyframes carousel-scroll-mobile {
                0% {
                    transform: translateX(0);
                }
                100% {
                    transform: translateX(calc(-100% + 100vw - 10px));
                }
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a5ddb7 */.services-header { 
background: linear-gradient(90deg, #002db3, #0066ff); 
padding: 40px 20px; 
text-align: center; 
color: #fff; 
} 
.services-header h2 { 
font-size: 28px; 
font-weight: bold; 
margin: 0; 
} 
/* Services grid */ 
.services { 
max-width: 1400px; 
margin: -40px auto 50px; /* pull cards up into gradient */ 
padding: 20px; 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
gap: 25px; 
    } 
 
    .card { 
      background: #fff; 
      border-radius: 15px; 
      padding: 30px 20px; 
      text-align: center; 
      box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
      transition: all 0.3s ease; 
      position: relative; 
    } 
 
    .card:hover { 
      transform: translateY(-8px); 
      box-shadow: 0 8px 20px rgba(0,0,0,0.15); 
    } 
 
    .icon { 
      width: 70px; 
      height: 70px; 
      margin: 0 auto 20px; 
      border-radius: 50%; 
      display: flex; 
      align-items: center; 
      justify-content: center; 
      font-size: 28px; 
      color: #fff; 
    } 
 
    /* Individual icon colors */ 
    .icon.design { background: #007bff; } 
    .icon.development { background: #28a745; } 
    .icon.marketing { background: #ff9800; } 
    .icon.mobile { background: #9c27b0; } 
 
    .card h3 { 
      font-size: 20px; 
      margin-bottom: 15px; 
      color: #333; 
    } 
 
.card p { 
font-size: 14px; 
color: #555; 
margin-bottom: 25px; 
line-height: 1.5; 
} 
.btn { 
display: inline-flex; 
align-items: center; 
padding: 10px 20px; 
background: #ff4d2d; 
color: #fff; 
text-decoration: none; 
border-radius: 25px; 
font-weight: bold; 
transition: background 0.3s; 
} 
.btn i { 
margin-left: 8px; 
font-size: 14px; 
} 
.btn:hover { 
background: #e63c1a;/* End custom CSS */