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


:root {
    --primary: #FF4D00;
    --secondary: #000000;
    --accent:#0C0C0CD1;
    --blue:#494CED;
    --text: #5C5C5C;
    --dark: #000;
    --white: #FFF;
    --bodybg:#DCDCDC;
}
html {
    margin-top: 0 !important;
    scroll-behavior: smooth ;
}
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
    margin-top: 0;
    font-family: var(--font2);
}
::selection {
    color: var(--dark);
    background: var(--primary);
}
img {
    max-width: 100%;
    width: auto;
    height: auto;
    z-index: 1;
}
html a, html .elementor a {
    text-decoration: none;
    transition: all 0.4s;
    color: var(--primary);
}
html a:hover{
    color: var(--dark);
}
html h1.entry-title {
    display: none;
}
html p:last-child {
    margin-bottom: 0;
}
*:focus{
    outline: none !important;
}
.elementor-button > .elementor-button-content-wrapper {
    transition: all 0.4s;
}
.elementor-button:hover > .elementor-button-content-wrapper {
    gap: 18px !important;
}
.img-animation img {
    animation: move-top-right 12s linear infinite;
}
@keyframes move-top-right {
    0% {
        transform: translate(0, 0);
    }
    70% {
        transform: translate(-8px, -12px);
    }
    100% {
        transform: translate(0, 0);
    }
}
.elementor-image-carousel-wrapper .swiper-wrapper {
    transition-timing-function: linear !important;
}
.cmpny_lgo_crsl > .elementor-widget-image-carousel {
    opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}
.marquee .swiper-wrapper{
    transition-timing-function: linear !important;
}
.marquee.elementor-widget-n-carousel .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
}
.marquee.elementor-widget-n-carousel .elementor-icon-list-items {
    display: flex !important;
    align-items: center;
    white-space: nowrap !important;
}

.marquee.elementor-widget-n-carousel .elementor-icon-list-text {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

.marquee.elementor-widget-n-carousel .elementor-icon-list-item {
    flex-shrink: 0 !important;
    margin-right: 40px;
}

/* .marquee.elementor-widget-n-carousel {
    overflow: hidden !important;
} */

.marquee .e-n-carousel.swiper {
    opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}
.marquee::after,
.marquee:before {
    content: "";
    background: var(--blue);
    position: absolute;
    width: 50px;
    inset: 0;
    z-index: -1;
    left: -15px;
}
.marquee::after{
    left: auto;
    right: -15px;
}
.marquee.dark::after, .marquee.dark:before {
    background: var(--primary);
}
.hello-lst a.elementor-button:hover .elementor-button-content-wrapper {
    gap: 8px !important;
}
.hello-lst a.elementor-button {
    box-shadow: inset 0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.24), inset 0px 4px 16px 0px var(--token-eacceaab-27ab-4057-8666-90321b3ba56d, rgba(255, 255, 255, 0.16)), 0px 1px 2px 0px rgba(26, 26, 26, 0.08), 0px 2px 6px 0px rgba(26, 26, 26, 0.04) !important;
}
.grdnt_head h2 {
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 159%);
    height: 155px;
}
#countr:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #0c0c0c66;
    z-index: 0;
}
div#tstmnl_crsl .e-n-carousel .swiper-slide > .elementor-element > .e-con-inner > .elementor-element,
div#tstmnl_crsl .e-n-carousel .swiper-slide > .elementor-element,
div#tstmnl_crsl .e-n-carousel,
div#tstmnl_crsl {
    height: 100%;
}
.hello-lst a.elementor-button .elementor-button-content-wrapper svg {
    width: 15px;
}
#what_we_do .e-n-tabs-heading {
    justify-content: space-between;
}
#what_we_do .e-n-tabs-heading .e-n-tab-title {
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 12px;
}
#what_we_do .e-n-tabs-heading .e-n-tab-title:before {
    content: "";
    height: 8px;
    width: 8px;
    background-color: var(--primary);
    border-radius: 50px;
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
}
#what_we_do .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::before{
    visibility: visible;
    opacity: 1;
}
div#what_we_do {
    max-width: 100%;
}
#whatwedo_sec .marquee::after, #whatwedo_sec .marquee:before {
    display: none;
}
#whatwedo_sec .marquee .e-n-carousel .swiper-wrapper {
    gap: 160px;
}
#awrd_wng_lst .elementor-element .icon .elementor-icon {
    height: 88px;
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}
@keyframes move-top-bottom {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-14px);
    }
    100% {
        transform: translateY(0);
    }
}
#awrd_wng_lst .elementor-element.lst:hover .icon .elementor-icon{
    visibility: visible;
    opacity: 1;
    animation: move-top-bottom 3s ease-in-out infinite;
}
#awrd_wng_lst > a:hover h2.elementor-heading-title {
    transition: all 0.4s;
}
#awrd_wng_lst > a:hover {
    border-color: var(--primary);
}
#awrd_wng_lst > a:hover h2.elementor-heading-title {
    color: var(--primary);
}
.check_icn_lst .elementor-icon-list-item .elementor-icon-list-icon {
    height: 20px;
    width: 20px;
    background-color: #13131314;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check_icn_lst.white .elementor-icon-list-item .elementor-icon-list-icon{
    background-color: #fff3;
}
.check_icn_lst .elementor-icon-list-item .elementor-icon-list-icon svg {
    margin: 0 !important;
}
.check_icn_lst .elementor-icon-list-item .elementor-icon-list-icon svg {
    margin: 0 0px 0 0px !important;
}
.check_icn_lst .elementor-icon-list-item {
    gap: 10px;
}
.check_icn_lst .elementor-icon-list-item .elementor-icon-list-text {
    padding: 0 !important;
}
.border-shadow .elementor-button {
    box-shadow: 0px 0px 0px 1px rgba(12, 12, 12, 0.8196078431372549) !important;
}
.founder-img:after {
    content: "";
    backdrop-filter: blur(4px);
    display: block;
    position: absolute;
    inset: 0 0 0 228px;
    border-radius: 24px;
}
.mx-100 {
    max-width: 100%;
}
#ftr_txt img {
    aspect-ratio: 2.90722;
    object-fit: contain;
    object-position: bottom center;
}
#frt_lnk .elementor-widget-icon-list .elementor-icon-list-item:after {
    display: none;
}
#frt_lnk .elementor-widget-icon-list .elementor-icon-list-item a {
    display: inline-block;
    width: auto;
}
#frt_lnk .elementor-widget-icon-list .elementor-icon-list-item a::after {
    content: "" !important;
    display: block !important;  
    border-color: #dcdcdc;
    width: 0;
    border-block-start-style: solid;
    border-block-start-width: 2px;
    transform-origin: 50% 50% 0px;
    transition: all 0.6s;
    opacity: 0.2;
    visibility: hidden;
}
#frt_lnk .elementor-widget-icon-list .elementor-icon-list-item a:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}
div#ist-time {
    font-family: "Inter", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFFA3;
}
#hdr_menu .menu-item .elementor-item::after {
    width: 0;
    transition: all 0.6s;
    opacity: 0.2;
    visibility: hidden;
}
#hdr_menu .menu-item .elementor-item:hover::after {
    width: 100%;
    opacity: 1;
    visibility: visible;
}
#hdr_btn .elementor-button {
    box-shadow: rgba(26, 26, 26, 0.12) 0px 12px 12px -6px !important;
    position: relative;
    z-index: 2;
}
#hdr_btn .elementor-button:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff1a;
    border-radius: 50px;
    z-index: -1;
}
#hdr_btn .elementor-button:hover {
    background: rgba(51, 51, 51, 0.85) !important;
}
#countr .elementor-widget-video>*, #countr .elementor-widget-video {
    height: 100%;
    --video-aspect-ratio: unset;
}
#countr .elementor-widget-video video.elementor-video {
    object-position: center center;
}
.work_section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: rgba(12, 12, 12, 0.4);
    backdrop-filter: blur(12px);
}
.work_section {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.elementor.e-loop-item-1757 .elementor-element {
    transform: none !important;
    opacity: 1 !important;
}
div#hdr_menu .elementor-menu-toggle {
    margin-right: 0;
}
.cntct_btn{
    display: none !important;
}
.related_work .elementor.elementor-1649.e-loop-item {
    position: static;
    transform: none !important;
    padding: 0;
}
.related_work .elementor.elementor-1649.e-loop-item > .elementor-element {
    padding: 0;
}
.related_work .elementor.elementor-1649.e-loop-item > .elementor-element > .elementor-element.elementor-motion-effects-element {
    --translateY: 270.92999999999995px !important;
    --rotateZ: 7.3889999999999985deg !important;
    --scale: 0.60128 !important;
    --e-transform-transition-duration: 100ms !important;
    transform: none !important;
    opacity: 1 !important;
    will-change: unset !important;
}
.e-form__buttons .elementor-button {
    box-shadow: inset 0px 0.5px 0.5px 0px var(--token-14ccb141-9afc-47a7-82c7-3b6f2c94d7c6, rgba(255, 255, 255, 0.24)), inset 0px 4px 16px 0px var(--token-eacceaab-27ab-4057-8666-90321b3ba56d, rgba(255, 255, 255, 0.16)), 0px 1px 1px -0.5px var(--token-405e3aaf-dfa7-454e-b86f-23b9ee903c1a, rgba(26, 26, 26, 0.08)), 0px 2px 2px -1px var(--token-405e3aaf-dfa7-454e-b86f-23b9ee903c1a, rgba(26, 26, 26, 0.08)), 0px 3px 3px -1.5px var(--token-9b88de82-800b-4397-b96c-65f7ed932ba7, rgba(26, 26, 26, 0.06)), 0px 5px 5px -2px var(--token-9b88de82-800b-4397-b96c-65f7ed932ba7, rgba(26, 26, 26, 0.06)), 0px 12px 12px -6px var(--token-4f566ef4-c8b8-4aac-a54b-6ed92c3ce76b, rgba(26, 26, 26, 0.12)) !important;
}
#git-form textarea,
#git-form select,
#git-form input {
    box-shadow: none;
}
#git-form textarea{
    font-size: 16px;
}
.elementor-field-group-custom_arrow .select-caret-down-wrapper {
    display: none;
}
#git-form select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235c5c5c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-inline: 0;
    font-size: 16px;
}
#git-form select[value=""] {
    color: #5c5c5c !important;
}
#git-form select:has(option[value=""]:checked) {
    color: #5c5c5c !important;
}
#git-form select:not(:has(option[value=""]:checked)) {
    color: #000 !important;
}
#git-form .e-form__buttons{
    padding-top: 32px;
}
#tstmnl_crsl .elementor-swiper-button {
    transform-origin: center center;
    transform: none;
}
#tstmnl_crsl .elementor-swiper-button:active {
    scale: 0.9;
}
.normal-txt-gradient h2.elementor-heading-title{
    background:linear-gradient(90deg, #494CED 8%, #FF3714 88.94%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block;
}
.txt-gradient h2.elementor-heading-title {
    color: transparent !important;
    display: inline-block;
}
.txt-gradient h2.elementor-heading-title span, .txt-gradient h2.elementor-heading-title .word-framer {
    background:linear-gradient(90deg, #494CED 8%, #FF3714 88.94%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block;
}
.two-word h2.elementor-heading-title {
    color: transparent !important;
    display: inline-block;
}
.two-word h2.elementor-heading-title span:nth-child(2), .two-word h2.elementor-heading-title .word-framer:nth-child(2) {
    background: linear-gradient(90deg, #494CED -10%, #FF3714 28.94%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block;
}
.txt-gradient.two-word h2.elementor-heading-title .word-framer:nth-child(1) {
    background: linear-gradient(90deg, #494CED 8%, #FF3714 148.94%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: inline-block;
}
#icn_bx .elementor-icon-box-wrapper .elementor-icon {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.77), 0px 3px 6px rgba(0, 0, 0, 0.19), 0px 10px 10px rgba(0, 0, 0, 0.17), 0px 23px 14px rgba(0, 0, 0, 0.1), 0px 41px 17px rgba(0, 0, 0, 0.03), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.16);
}
body.single-works strong {
    color: #000;
}
body.single-works ul {
    padding-left: 20px;
}


@media (max-width:1024px){
    .grdnt_head h2 {
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #whatwedo_sec .marquee .e-n-carousel .swiper-wrapper {
        gap: 460px;
    }
    #whatwedo_sec .marquee .swiper-wrapper ul.elementor-icon-list-items .elementor-icon-list-icon {
        padding-right: 14px;
    }
    header.elementor {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 9;
    }
    body{
        padding-top: 116px;
    }
    .cntct_btn {
        display: flex !important;
        margin:20px 20px 0 !important;
    }
    div#hdr_menu .elementor-menu-toggle {
        margin-right: 0;
        background: transparent;
        padding: 0;
    }
    div#hdr_menu nav.elementor-nav-menu--dropdown .elementor-item {
        background: transparent;
    }
    div#hdr_menu nav.elementor-nav-menu--dropdown .cntct_btn > .elementor-item {
        line-height: 42px !important;
        background-color: #0c0c0cd1;
        width: 100%;
        border-radius: 50px;
        color: #FFF !important;
        text-align: center !important;
        justify-content: center;
        padding: 0 20px !important;
        box-shadow:rgba(26, 26, 26, 0.12) 0px 12px 12px -6px !important;
    }
    div#hdr_menu nav.elementor-nav-menu--dropdown .cntct_btn > .elementor-item::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #ffffff1a;
        border-radius: 50px;
        z-index: -1;
        margin: 1px;
    }
    div#hdr_menu .elementor-menu-toggle:before, div#hdr_menu .elementor-menu-toggle:after {
        content: '';
        display: block;
        position: absolute;
        inset: -8px 0 0;
        margin: auto;
        width: 100%;
        height: 2px;
        background:#5c5c5c;
        transition: all 0.4s;
    }
    div#hdr_menu .elementor-menu-toggle:after {
        inset: 0 0 -8px;
    }
    div#hdr_menu .elementor-menu-toggle.elementor-active:before, div#hdr_menu .elementor-menu-toggle.elementor-active:after {
        inset: 0;
        transform: rotate(45deg);
    }
    div#hdr_menu .elementor-menu-toggle.elementor-active:after {
        transform: rotate(-45deg);
    }
    #hdr_menu .elementor-menu-toggle {
        width: 18px;
        min-width: 18px;
        height: 18px;
        position: relative;
    }
    #hdr_menu .elementor-menu-toggle svg {
        display: none;
    }
    div#hdr_menu nav.elementor-nav-menu--dropdown ul{
        padding-block: 20px 30px;
    }
    div#hdr_menu nav.elementor-nav-menu--dropdown {
        height: 0;
        overflow: hidden;
        transition: all 0.8s;
        transform: none;
        visibility: hidden;
        top: 34px !important;
    }
    div#hdr_menu  .elementor-menu-toggle.elementor-active ~ nav.elementor-nav-menu--dropdown {
        height: 314px;
        visibility: visible;
    }
}

@media (max-width:767px){
    #what_we_do .e-n-tabs-heading .e-n-tab-title {
        gap: 8px;
    }
}