/************************************
    COMMON STYLES
*************************************/
.wp-block-navigation-item__content:hover {text-decoration:none;}

/***********************
    A BLACK BORDER COMING ON ALL THE LINKS IT IS COMING FROM DEFAULT GUTENBURG EDITOR
************************/ 
/* Override the core Gutenberg block theme focus border on link click */
:where(.wp-site-blocks a:focus),
:where(.wp-site-blocks button:focus),
:where(.wp-site-blocks *:focus) {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: Keep your site accessible by restoring the border ONLY for keyboard Tab users */
:where(.wp-site-blocks a:focus-visible),
:where(.wp-site-blocks button:focus-visible) {
    outline: 2px solid #0073aa !important; /* Change to your own brand color if preferred */
    outline-offset: 2px !important;
}
/***********************
    // END -- A BLACK BORDER COMING ON ALL THE LINKS IT IS COMING FROM DEFAULT GUTENBURG EDITOR
************************/

/*************************************************************************** END COMMON ***************************************************************************/

/************** Made the header sticky ************/
.is-nav-sticky-wrapper {position:fixed; top:0; left:50%; transform:translate(-50%, 0); width:100%; z-index:999;}

/************** Added icon in footer navigation links ************/
.is-footer-nav-icon .wp-block-navigation-item__content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.is-footer-nav-icon .wp-block-navigation-item__content::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;

    background-color: currentColor; /* icon takes link's text color */
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z' fill='%23000000'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z' fill='%23000000'/></svg>");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/********************* Gradient Overlay ************************/
/* Bottom overlay for the Hero section */
.hero-blend-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500px;
    background: linear-gradient(
        to bottom,
        rgba(15, 31, 62, 0) 0%,
        rgba(15, 31, 62, 0.013) 8.1%,
        rgba(15, 31, 62, 0.049) 15.5%,
        rgba(15, 31, 62, 0.104) 22.5%,
        rgba(15, 31, 62, 0.175) 29%,
        rgba(15, 31, 62, 0.259) 35.3%,
        rgba(15, 31, 62, 0.352) 41.2%,
        rgba(15, 31, 62, 0.45) 47.1%,
        rgba(15, 31, 62, 0.55) 52.9%,
        rgba(15, 31, 62, 0.648) 58.8%,
        rgba(15, 31, 62, 0.741) 64.7%,
        rgba(15, 31, 62, 0.825) 71%,
        rgba(15, 31, 62, 0.896) 77.5%,
        rgba(15, 31, 62, 0.951) 84.5%,
        rgba(15, 31, 62, 0.987) 91.9%,
        rgba(15, 31, 62, 1) 100%
    );
    pointer-events: none;
    z-index: 2;
}

/* Top overlay for the Content section */
.content-blend-top::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 500px;
    background: linear-gradient(
        to top,
        rgba(15, 31, 62, 0) 0%,
        rgba(15, 31, 62, 0.013) 8.1%,
        rgba(15, 31, 62, 0.049) 15.5%,
        rgba(15, 31, 62, 0.104) 22.5%,
        rgba(15, 31, 62, 0.175) 29%,
        rgba(15, 31, 62, 0.259) 35.3%,
        rgba(15, 31, 62, 0.352) 41.2%,
        rgba(15, 31, 62, 0.45) 47.1%,
        rgba(15, 31, 62, 0.55) 52.9%,
        rgba(15, 31, 62, 0.648) 58.8%,
        rgba(15, 31, 62, 0.741) 64.7%,
        rgba(15, 31, 62, 0.825) 71%,
        rgba(15, 31, 62, 0.896) 77.5%,
        rgba(15, 31, 62, 0.951) 84.5%,
        rgba(15, 31, 62, 0.987) 91.9%,
        rgba(15, 31, 62, 1) 100%
    );
    pointer-events: none;
    z-index: 1;
}


/*******************************************/
/* Base setup for the Cover block container */
.home-services-box {
  overflow: hidden; /* Clips the image within the rounded corners */
}

/* 1. Background Image Transition Setup */
.home-services-box .wp-block-cover__image-background {
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: center center;
}

/* 2. Text Content Container Transition Setup */
.home-services-box .wp-block-cover__inner-container {
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  backface-visibility: hidden;
}

/* --- Hover States --- */

/* Scale the image on hover */
.home-services-box:hover .wp-block-cover__image-background {
  transform: scale(1.08);
}

.home-services-box .wp-block-cover__inner-container {
    z-index: 9;
}

/* Move the title and description upward on hover */
.home-services-box:hover .wp-block-cover__inner-container {
  transform: translateY(-8px); /* Adjust pixels to control how far up it moves */
}
/********************* Gradient Overlay For Services *********************/
.services-blend-bottom::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(
        to bottom,
        rgba(15, 31, 62, 0) 0%,
        rgba(15, 31, 62, 0.013) 8.1%,
        rgba(15, 31, 62, 0.049) 15.5%,
        rgba(15, 31, 62, 0.104) 22.5%,
        rgba(15, 31, 62, 0.175) 29%,
        rgba(15, 31, 62, 0.259) 35.3%,
        rgba(15, 31, 62, 0.352) 41.2%,
        rgba(15, 31, 62, 0.45) 47.1%,
        rgba(15, 31, 62, 0.55) 52.9%,
        rgba(15, 31, 62, 0.648) 58.8%,
        rgba(15, 31, 62, 0.741) 64.7%,
        rgba(15, 31, 62, 0.825) 71%,
        rgba(15, 31, 62, 0.896) 77.5%,
        rgba(15, 31, 62, 0.951) 84.5%,
        rgba(15, 31, 62, 0.987) 91.9%,
        rgba(15, 31, 62, 1) 100%
    );
    pointer-events: none;
    z-index: 1;
}

.why-choose-us-seperator-gradient {
    display: block;
    height: 2px !important;
    border: none !important;
    background-color: transparent !important; /* Clears the theme's solid background color */
    background-image: linear-gradient(to right, #ffffff, transparent) !important;
    opacity: 1 !important; 
    border-radius:50px;
}
.why-choose-us-seperator-gradient-home-2 {
    display: block;
    height: 2px !important;
    border: none !important;
    background-color: transparent !important; /* Clears the theme's solid background color */
    background-image: linear-gradient(to right, #496ab0, transparent) !important;
    opacity: 1 !important; 
    border-radius:50px;
}


/********************************** Home Call to action plane animation  *********************************/
.custom-floating-plane img {
  animation: fly 3s ease-in-out infinite;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes fly {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  25% {
    transform: translate3d(6px, -10px, 0) rotate(2deg);
  }
  50% {
    transform: translate3d(0, -18px, 0) rotate(0deg);
  }
  75% {
    transform: translate3d(-6px, -10px, 0) rotate(-2deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}


/*  ********************************* DESKTOP NAVIGATION PILL ANIMATION   *********************************/
@media (min-width: 782px) {
    .custom-nav-animation .wp-block-navigation__container {
        position: relative;
    }
    
    .custom-nav-animation .nav-pill {
        position: absolute;
        top: 50%;
        left: 0;
        height: 38px;
        width: 0;
        background-color: transparent !important;
        background-image: linear-gradient(135deg, #6e2526, #ff0024) !important;
        border-radius: 999px;
        transform: translateY(-50%);
        z-index: 1 !important;
        pointer-events: none;
        /*padding:0 15px;*/
    }
    
    .custom-nav-animation .wp-block-navigation-item {
        position: relative !important;
        z-index: 2 !important;
    }
    
    .custom-nav-animation .wp-block-navigation-item__content {
        position: relative;
        z-index: 2;
        transition: color 0.3s ease;
    }
    
    /* Text turns white when pill is under it */
    .custom-nav-animation .wp-block-navigation-item.nav-pill-active .wp-block-navigation-item__content {
        color: #fff;
    }
    
    .wp-block-navigation-item .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
        color: #fff !important;
    }
}

/*Contact us page boxes*/
.contact-icon {border-radius:100px; background-color:#eaeef7; width:80px; height:80px; display:flex; justify-content:center; align-items:center;}

/***********************************************************
    Contact Form 7
************************************************************/
.contact-form-7 input,
.contact-form-7 select,
.contact-form-7 textarea {
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.contact-form-7 label {
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    font-size: 0.9rem;
    color:#000;
}

/* Flexbox for 2 columns */
.contact-form-7 .form-row {
    display: flex;
    gap: 4%;
    margin-bottom: 0px;
}

.contact-form-7 .form-row .half-width {
    flex: 1;
}

.education-certificate {margin-bottom:0px !important;}

.wpcf7-submit {
    border:0 !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color:#fff !important;
    background:#0c3f6b !important;
    cursor:pointer !important;
    text-transform:uppercase;
}
.wpcf7-submit:hover {background:#98242a !important;}

/* Success message */
.wpcf7 form .wpcf7-response-output {margin:0 !important;}
/***********************************************************
    ./ END Contact Form 7
************************************************************/