/*
Theme Name: Twenty Twenty-Four Child
Template: twentytwentyfour
Description:  Child theme for Twenty Twenty-Four  Created by Cyberace
Author:       Cyberace  CA
Author URI:   
Template:     tt24
Version: 1.0
*/

.textarea-p, 
.textarea-p p
{
    margin:0 !important
}


.header {
    position: fixed;
    width: 100%;
    z-index: 999;
}

#home, #contact, #why-choose, #our-expertise, #testimonials, #process, #gallery, #services
{
    scroll-margin-top: 100px;
}


.header-call-cta .elementor-icon-box-content {
    flex-direction: column-reverse;
    display: flex;
    align-items: start;
}

.elementor-icon-box-title a {
    position: relative;
     display: inline-flex;
    align-items: center;
    gap: 8px;
}


.elementor-icon-box-title a::before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Ccircle cx='13' cy='13' r='13' fill='%23FF0000'/%3E%3Cpath d='M14.1111 8V9.66667M16.8889 9.11111L15.7778 10.2222M18 11.8889H16.3333M11.4213 9.50679L11.1976 9.00347C11.0513 8.67438 10.9782 8.50982 10.8688 8.38389C10.7317 8.22608 10.553 8.10997 10.3532 8.04881C10.1937 8 10.0136 8 9.65345 8C9.12662 8 8.86319 8 8.64207 8.10127C8.38159 8.22057 8.14635 8.4796 8.05263 8.75033C7.97306 8.98016 7.99585 9.21635 8.04143 9.68872C8.52662 14.7168 11.2832 17.4734 16.3113 17.9585C16.7837 18.0042 17.0198 18.0269 17.2497 17.9474C17.5204 17.8537 17.7794 17.6184 17.8987 17.3579C18 17.1368 18 16.8734 18 16.3465C18 15.9864 18 15.8063 17.9512 15.6468C17.8901 15.4469 17.7739 15.2683 17.6161 15.1312C17.4902 15.0218 17.3256 14.9487 16.9965 14.8024L16.4932 14.5787C16.1368 14.4203 15.9586 14.3412 15.7775 14.3239C15.6042 14.3074 15.4295 14.3318 15.2673 14.3949C15.0978 14.4609 14.9479 14.5858 14.6483 14.8354C14.3501 15.084 14.2009 15.2083 14.0187 15.2748C13.8572 15.3338 13.6437 15.3557 13.4735 15.3306C13.2816 15.3023 13.1346 15.2238 12.8407 15.0667C11.9262 14.578 11.422 14.0738 10.9333 13.1593C10.7762 12.8654 10.6977 12.7184 10.6694 12.5265C10.6443 12.3563 10.6662 12.1428 10.7252 11.9813C10.7917 11.799 10.916 11.6499 11.1646 11.3517C11.4142 11.052 11.5391 10.9022 11.6051 10.7327C11.6683 10.5705 11.6926 10.3958 11.6761 10.2225C11.6589 10.0414 11.5797 9.8632 11.4213 9.50679Z' stroke='%23FEFEFE' stroke-width='1.27551' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-top: -5px;
    box-shadow: 0 0 15px 0 #F00;
    border-radius: 20px;
}


.tag-list  span.elementor-icon-list-text {
    line-height: normal !important;
    padding-top: 3px !important;
}

.text-secondary
{
    color: var( --e-global-color-primary ) !important;
}

.marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 65s linear infinite;
    font-size: 48px;
    color: #FF0000;
}

.marquee ul {
    display: flex; 
    white-space: nowrap;
    width: 100%;
    flex-wrap: nowrap !important;
}


.industry-box {
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(11px);
}

.industry-box  .elementor-icon-box-description {
    margin-left: -42px !important;
}


@keyframes marquee {
    0% {
        transform: translateX(0%)
    }

    100% {
        transform: translateX(-100%)
    }
}


.emergacy-box
{
    border-radius: 2px 2px 0 2px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(16px);
}

.methodology {
    position: relative;
}

.methodology::before {
    position: absolute;
    width: 80%;
    height: 2px;
    background: #dbc2aea1;
    left: 50%;
    top: 32px;
    transform: translateX(-50%);
}


.textimonials  .ekit-wid-con .elementskit-single-testimonial-slider

{
    border-radius: 2px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 249, 230, 0.10) 100%) !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(24.6px);
}




@media(max-width:768px)
{
    .d-xs-none
    {
        display: none;
    }
}


/*** Contact FOrm CSS START* **/


.c-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 24px;
}
.c-form-col p
{
    margin: 0;
    position: relative;
}
.c-form-col br
{
    display: none;
}
.c-form-row .c-form-col:nth-child(n+7) {
    grid-column: 1 / -1;
}

.c-input-label {
    display: block;
    color: #1A1A1A;
    opacity: .6;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
}

.c-form-col:has(.wpcf7-validates-as-required) .c-input-label::after {
    content: " *";
}

.c-forms .wpcf7-form-control-wrap .wpcf7-required {
    display: none;
}


.c-form-col input,
.c-form-col select,
.c-form-col textarea
{
    width: 100%;
    font-size: 15px;
    height: 50px;
    padding: 12px 16px;
    border-radius: 0px;
    border: 0px solid rgba(0, 0, 0, 0.08);
    background: #F4F4F4;
    font-family: inherit;
}

.c-form-col textarea
{
    min-height: 110px;
}

.wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 15px;
    top: 14px;
}

.wpcf7-response-output {
    text-align: center;
    border: 0 !important;
    padding: 0 !important;
}

.c-submit {
    font-family: inherit;
    background-color: var(--e-global-color-secondary);
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: uppercase;
    /* box-shadow: 4px 4px 0px 0px #000000; */
    cursor: pointer;
}

.ol-1 {
    position: absolute;
    left: -100px;
    top: 0;
    width: 120px;
}

.ol-2 {
    position: absolute;
    right: -50px;
    bottom: 40px;
    width: 100px;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip:first-of-type {
    display: block;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}

@media (max-width: 767px) {
    .c-form-row {
        grid-template-columns: 1fr;
    }
}

/*** Contact FOrm CSS END * **/



.elementskit-menu-hamburger-icon {
    height: 3px !important;
    width: 100%;
    display: block;
    margin-bottom: 4px;
    border-radius: 10px;
}
.elementskit-menu-hamburger-icon:last-child
{
   margin-bottom: 0px;
}





.floating-anim-btn {
    border-radius: 55px;
    border: 1.941px solid #000;
    background: #6AB512;
    box-shadow: 3.883px 3.883px 0 0 #000;
    width: max-content;
    padding: 13px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 11px;
     position: fixed;
     z-index: 9999;
    right: 30px;
    bottom: 30px;
    animation: floatShadowAnim 3s infinite ease-in-out;
}

.anim-top {
    border-radius: 9999px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(20px);
    position: relative;
    padding: 6px 58px 6px 15px;
    width: max-content;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    
}
.anim-top span {
  animation: textColorAnim 2.5s infinite ease-in-out;
}

.anim-top .svg-ico {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(1.1);
    animation: iconScale 2.5s infinite ease-in-out;
}

.anim-bottom {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

@keyframes floatShadowAnim {
  0% {
    box-shadow: 3.883px 3.883px 0 0 #000;
  }

  50% {
    box-shadow: 0 0 5px 4px rgba(255, 255, 255, 0.8);
    border-color: #fff;
  }

  100% {
    box-shadow: 3.883px 3.883px 0 0 #000;
  }
}

@keyframes textColorAnim {
  0% {
    color: #000;
  }
  50% {
    color: #fff;
  }
  100% {
    color: #000;
  }
}

/* Icon scale animation */
@keyframes iconScale {
  0% {
    transform: translateY(-50%) scale(1.1);
  }
  50% {
    transform: translateY(-50%) scale(0.9);
  }
  100% {
    transform: translateY(-50%) scale(1.1);
  }
}

.elementor-button-text {
    font-family: "Inter Tight", sans-serif !important;
}
.page-id-743  #c-header ,
.page-id-743 .ekit-template-content-footer 

{
    display: none !important;
}

 ul#menu-primary-menu {
        padding-left: 60px;
    }
@media (max-width:1366px)
 {
  
.service-overlay-left:before {
    left: -70px;width: 100px;
    height: 100px;
    z-index: 0;
    top: 0;
}
.service-overlay-right:after {
    
    right: -60px;  
     width: 80px;
    height: 80px;
    bottom: 20px;
}

.overlay-cta-left
{
    position: absolute;
    top: 50%;
    left: 40px;;
    transform:translateY(-50%);
    
}
.overlay-cta-left img {
    width: 160px;
}
.overlay-cta-right img {
    width: 90px;
}

.overlay-cta-right
{
    position: absolute;
    top: 50%;
    right: 30px;
    transform:translateY(-50%);
}
}

   

@media (max-width:1200px)
 {
    div#c-header {
    max-width: calc(100% - 30px);
    margin-top: 10px;
}
.overlay-cta-right,
  .overlay-cta-left,
  .service-overlay-left:before,
  .service-overlay-right:after
  {
    display: none;
    }
    ul#menu-primary-menu {
        padding-left: 30px;
    }
}

@media (max-width:1024px)
{

    .hero-sect {
    width: calc(100% - 0px);
    margin-top: 0px;
    border-radius: 0px !important;
    overflow: hidden;
}
}
@media (max-width:991px)
 {
    .d-x-none
    {
        display: none;
    }
}

@media (max-width:767px)
{
    .footer-nav ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .footer-info ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0;
        margin: 0;
    }
}