/* Theme Name: Agilitec Theme
           Description: Agilitec new wordpress website
           Author: JEFFREY MANTE
           Template: kadence */

           .kb-button.kb-btn-global-fill
            {
                background-image: linear-gradient(358deg, rgba(255, 255, 255, 0.00) 2.23%, #FFF 119.24%)!important;
                padding: 1px !important;
   
            }

            
                

            .kb-button.kb-btn-global-fill .kt-btn-inner-text
            {
padding: 16px 17px;
    background: var(--global-palette-btn-bg, #3633e1);
    color: var(--global-palette-btn, #ffffff);
    transition: all .3s ease;
            }


            .kb-button.kb-btn-global-fill:hover .kt-btn-inner-text
            {
padding: 16px 17px;
    background: #27C9F5!important;
    color: var(--global-palette-btn, #ffffff);
            }

            .text-gradient-blue{
                background: linear-gradient(180deg, #00C9FF 0%, #1F63C2 100%)!important;;
                background-clip: text!important;;
                -webkit-background-clip: text!important;;
                -webkit-text-fill-color: transparent!important;;
            }
            .position-absolute{
                position:absolute!important;
            }


            .hp-box-1 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transform: translate(calc(-50%), calc(-50% - 370px));
            
                /* top: 0; */
            }


            .hp-box-2 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transform: translate(calc(-50% - 382px), calc(-50% - 148px));
                
                /* top: 0; */
            }

            .hp-box-3 {
                top: 50%;
                left: 50%;
                transform: translate(calc(-50% - -421px), calc(-50% - 80px));

                
                /* top: 0; */
            }

            .hp-box-4 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transform:translate(calc(-50% - 257px), calc(-50% - -247px));
             
                /* top: 0; */
            }

            .hp-box-5 {
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transform:translate(calc(-50% - -252px), calc(-50% - -243px));
         
                /* top: 0; */
            }

            .box-gradient-1{
            /*background-image: linear-gradient(358deg, rgba(255, 255, 255, 0.00) 2.23%, #FFF 119.24%)!important;*/
            
            /*border-radius: 16px!important;
            overflow:hidden!important;*/

           
            
            }

           .box-gradient-1 > .kt-blocks-info-box-link-wrap, .box-gradient-1 >.kt-inside-inner-col{
          
            position: relative;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.125) 0%, rgba(6, 19, 28, 0) 100%) !important;
                     backdrop-filter: blur(28.125px);
                     border:0!important;

            

           }

           .box-gradient-1 > .kt-blocks-info-box-link-wrap:before , .box-gradient-1 > .kt-inside-inner-col:before{
            content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px; /* control the border thickness */
  background: linear-gradient(to bottom, #ffffffab, #ffffff16);
  mask: 
    conic-gradient(#000 0 0) content-box, 
    conic-gradient(#000 0 0);
  mask-composite: exclude;
           }

      .content-area {
            margin-bottom: 0rem;
            padding-bottom:8rem;
        }


        ul.wp-block-list
 {
    padding-left: 20px;
}

ul.wp-block-list li{
    margin-bottom:20px;
}

.kb-gallery-id-16_287e8b-b1.kb-gallery-ul.kb-gallery-type-fluidcarousel .kt-blocks-carousel figure .kb-gal-image-radius img{
    height:102px!important;
}

.hp-box ul.wp-block-list li{
    margin-bottom:16px;
}


.kb-gallery-id-16_287e8b-b1 ul#splide01-list {
    height: 102px !important;
}

.wp-block-kadence-posts article{
    background:#030d1380 !important;
}

.kb-posts-id-834_b66fae-3d .loop-entry > .entry-content-wrap {
    padding: 0px;
    padding: 20px!important;
}

 /* Style the main pagination container */
 .wp-block-query-pagination-numbers {
    text-align: center;
    margin-top: 20px;
}

/* Style individual page numbers */
.wp-block-query-pagination-numbers .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}

/* Style the current/active page number */
.wp-block-query-pagination-numbers .page-numbers.current {
    background-color: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

/* Style page numbers on hover */
.wp-block-query-pagination-numbers .page-numbers:not(.current):hover {
    background-color: #eee;
}

.footer-widget-area a{
    color:#fff;
    text-decoration:none;
}

.kt-testimonial-text-wrap {
    height: 350px;
    overflow: auto;
    padding-right: 50px;
    margin-bottom: 30px;
}

.hp-services .box-gradient-1:hover > .kt-inside-inner-col:before {
  background: radial-gradient(
        circle at center,
        #030d1380, /* Starting color */
        #00C9FF /* Ending color */
      );
    mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
    background-size: 200% 200%;
    mask-composite: exclude;
    animation: circular-gradient-move 1s linear infinite;
    overflow: hidden; /* Ensures the gradient stays within the circle */
  }
  

  figure.kb-image16_8f07b7-aa{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
  @keyframes circular-gradient-move {
    0% {
      background-position: 50% 0%; /* Top center */
    }
    25% {
      background-position: 100% 50%; /* Right center */
    }
    50% {
      background-position: 50% 100%; /* Bottom center */
    }
    75% {
      background-position: 0% 50%; /* Left center */
    }
    100% {
      background-position: 50% 0%; /* Back to top center */
    }
  }









/*RESPONSIVE*/



  @media (max-width: 1170px) {
    .kadence-column16_08cd0d-b8 {
      transform: scale(0.7); /* Scale down on smaller screens */
    }
  }

  @media (max-width: 860px) {

    .kadence-column16_08cd0d-b8 {
        transform: none; /* Scale down on smaller screens */
      }
    .position-absolute{
        position: static!important;
        top:unset!important;
        left:unset!important;
        transform:none!important;
    }

    .kadence-column16_08cd0d-b8 > .kt-inside-inner-col{
        display: grid!important;
        grid-template-columns: 1fr 1fr;
        padding:10px;
    }

    figure.kb-image16_8f07b7-aa{
        display:none;
    }

    .wp-container-core-post-template-is-layout-2fc57c17

 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


    

  }

  @media (max-width: 640px) {

    .kadence-column16_08cd0d-b8 > .kt-inside-inner-col{
        display: grid!important;
        grid-template-columns: 1fr;
        gap:20px;
        padding:10px;
        margin-bottom:40px;
    }

    .box-gradient-1 .kt-row-column-wrap.kt-has-2-columns{
        padding: 0px 80px;
    }

    .wp-container-core-post-template-is-layout-2fc57c17

    {
       grid-template-columns: repeat(1, minmax(0, 1fr));
   }
  }