﻿
footer{background: linear-gradient(360deg, #000025 -9.59%, #0F0159 35.45%, #18038C 100%); z-index: 9; position: relative;} 
.f-header, .f-footer{border-color:rgb(255 255 255 / 0.32)!important; padding:35px 0px;}

.f-logo img{max-height:40px;}

.news-letter{max-width:350px;}
.news-letter .form-control{border-color:rgb(255 255 255 / 32%); padding: 0.7rem 145px 0.7rem 1.5rem;}
.news-letter .form-control, .news-letter .form-control::placeholder{color:rgb(255 255 255 / 80%);}

.news-letter .btn-secondary{height:calc(100% - 4px); top: 2px; right:2px;}


.request-meeting{background:linear-gradient(#fff, #fff) padding-box, linear-gradient(263.9deg, rgba(18, 65, 255, 0.57) 0%, rgba(203, 214, 255, 0.57) 93.68%) border-box;}
.request-meeting span{background: #02002D; padding: 0.559rem 1.8rem;}
.request-meeting:hover{color: var(--WhiteClr)!important; animation: waveLR 2s linear infinite;}
.request-meeting:hover img{animation: phoneRing 1s infinite;}

.f-footer{font-size: 14px; padding:20px 0px;}
.f-footer, .f-nav a{--bs-text-opacity: 0.8; color: rgba(255, 255, 255, var(--bs-text-opacity));}
.f-nav a:hover{--bs-text-opacity:1;}
.hiring-lable{font-size:10px; padding: 3px 0.4rem 1px 0.4rem; animation: hiringPulse 1.5s ease-in-out infinite;}

.f-social a, .f-ai-widget a{width: 34px; height: 34px; margin-left: 10px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.24);}
.f-social a img, .f-ai-widget a img{max-width:14px;transition: transform 0.6s ease;}
.f-social a:hover, .f-ai-widget a:hover{background:var(--PrimaryClr); border-color:var(--WhiteClr); transform: scale(1.1); }
.f-social a:hover img, .f-ai-widget a:hover img{transform: scale(1.2); }

.footer-body{padding: 35px 0px;}
.f-nav-widget h3{letter-spacing: 5%;}
.f-nav-widget h4{color: #CCCCFF; font-size: 15px; letter-spacing: 3%; margin-bottom: 12px;}
.f-nav-widget h4{color: #CCCCFF; font-size: 12px; letter-spacing:1px; margin-bottom: 12px; text-transform: uppercase; border-bottom: solid 1px  rgba(255, 255, 255, 0.14); padding-bottom:15px; position: relative;}
.f-nav-widget h4::after{content: ""; position: absolute; left: 0; bottom: -1px; width: 28px; height: 1px; background: #6B8FFF;}

.f-nav-widget ul li{padding: 5px 0px;}
.f-nav-widget ul li a{color: #CCCCFF; font-size: 14px; line-height: normal;}
.f-nav-widget ul li a:hover{color: var(--WhiteClr);}

.f-ai-widget h3, .f-award-widget h3{font-size: 18px;}
.two-col-nav{column-gap: 2rem; flex-flow: wrap column; }/*  max-height:168px; */

.award-logo{grid-template-columns: 1fr 1fr;}
.award-logo img{max-height:36px;}
.award-logo p{font-size:12px; color: #869BA7!important;}


@media all and (min-width:960px){
  .f-footer{font-size: 13px;}
  .f-nav-grid{grid-template-columns: 1fr 1fr 1fr 1fr 1fr; column-gap:2rem;}
  .f-header-main .request-meeting{min-width: 210px;}
}

@media all and (max-width:950px){
  .f-nav-grid{grid-template-columns: 1fr 1fr; column-gap:3rem; row-gap:1.4rem;}
}


/* Animation css */
@keyframes phoneRing {
  0% { transform: rotate(0); }
  10% { transform: rotate(20deg); }
  20% { transform: rotate(-20deg); }
  30% { transform: rotate(15deg); }
  40% { transform: rotate(-15deg); }
  50% { transform: rotate(10deg); }
  60% { transform: rotate(0); }
}

@keyframes hiringPulse {
  0% {
    transform: scale(1) rotate(0deg);
    box-shadow: 0 0 0 0 rgba(255,255,255,1);
  }
  10% {
    transform: scale(1.05) rotate(8deg);
  }
  20% {
    transform: scale(1.05) rotate(-8deg);
  }
  30% {
    transform: scale(1.05) rotate(6deg);
  }
  40% {
    transform: scale(1.05) rotate(-6deg);
  }
  50% {
    transform: scale(1.05) rotate(0deg);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(255,255,255,0);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
