/*!
Theme Name: simpalfyi: an alfyi theme child theme
Theme URI: http://alfyi.com/
Template: simpalfyi
Author: alfyi
Author URI: http://www.alfyi.com
Description: Custom Wordpress Theme Developed by alfyi Services
Version: 1.0.0
Text Domain: simpalfyi_by_alfyi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

simplfyi is powered by https://alfyi.com/, (C) 2019-2020 alfyi.
simplfyi is distributed under the terms of the use by partner and client site only.

*/

* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
body,
p{
    padding: 0;
    margin: 0; 
} 
body{
    overflow-x: hidden;
}
a{
    display: block;
}
.leftBordergredient {
    border-left: 2px solid;
    border-image: linear-gradient(to bottom, #ffffff 0%, #9d1fff 49%, #ffffff 100%) 1;
}
.mainHeader {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.menuBtnStyle a.pp-menu-item {
    padding: 15px 15px 10px !important;
    display: flex;
    align-items: center;
    gap: 35px;
    background-color: #F4F7FF;
    border-radius: 50px;
    line-height: 1.3 !important;
    color: #1247CC !important;
    transition: all 0.5s ease-in-out !important;
}
.menuBtnStyle a.pp-menu-item:hover:before {
      opacity: 1 !important;
}
.menuBtnStyle a.pp-menu-item:before {
    content: " ";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2026/04/whiteArrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 9;
    transform: translateY(-50%); 
    background-color: transparent !important;
    transition: all 0.5s ease-in-out !important; 
}
.menuBtnStyle a.pp-menu-item:hover {
    background-color: #1247CC !important;
    color: #fff !important;
}
.menuBtnStyle a.pp-menu-item img{
    position: relative;
    top: -2px;
    transition: all 0.5s ease-in-out !important;
} 
.menuBtnStyle a.pp-menu-item:hover img{
    opacity: 0;
   
}
.servicesCard .ue_option.active .ue_shadow {
    background: linear-gradient(180deg, #1247CC 0%, #9d1fff00 47%, #9D1FFF 100%) !important;
}
.servicesCard  .ue_shadow {
    background: linear-gradient(180deg, #1247cc00 0%, #9d1fff80 100%) !important;
      transition: all 0.5s linear !important;
}
/* .servicesCard .ue_option.active .ue_main {
    position: absolute !important;
    top: 30px;
    font-size: 54px !important; 
} */
.servicesCard .ue_option .ue_main {
    font-size: 30px !important;
    text-align: center !important;
    font-family: "Roundelay" !important;
}
.servicesCard .ue_option a.ue_button img {
    margin-left: 5px;
}
.btnIconStyle span.elementor-button-icon svg {
    font-size: 10px;
}
.btnIconStyle span.elementor-button-icon {
    line-height: 0;
}
/* .uc-circle.uc-circle-selected {
    width: 180px !important;
    height: 180px !important;
} */
 
.uc-circle span.ue_btn_txt {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 100px !important;
    transition: all 0.5s linear;
}
.uc-circle.uc-circle-selected span.ue_btn_txt {
    transform: scale(1.5);
}
.socialIcon span.elementor-grid-item {
     transition: all 0.5s ease-in-out;
}
.socialIcon span.elementor-grid-item:hover {
    transform: scale(1.2);
}
button.frm_button_submit {
    box-shadow: none !important;
    transition: all 0.5s ease-in-out;
}
a.elementor-button-link span.elementor-button-text {
    position: relative;
    top: 2px;
} 
input:focus {
    box-shadow: none !important;
    background-color: #ffffff3b !important;
}

.quickLinks a.pp-menu-item {
    position: relative; 
    display: inline-block;
}
.headerMenu li.current-menu-item  a.pp-menu-item::after,
.headerMenu a.pp-menu-item:hover::after , 
.quickLinks li.current-menu-item  a.pp-menu-item:before,
.quickLinks a.pp-menu-item:hover:before {
    width: 100% !important;
    transition: all 0.5s linear;
}

.quickLinks a.pp-menu-item::before {
    content: " ";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #fff !important; 
    opacity: 1 !important;
}
.headerMenu li.menuBtnStyle a.pp-menu-item::after {
  display: none;
}
.headerMenu  a.pp-menu-item::after{
    content: " ";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    bottom: 0px;
    height: 2px;
    background-color: #1247CC !important; 
    opacity: 1 !important;
}
.headerMenu  ul.pp-advanced-menu {
    align-items: center;
}
.preLoaderSec {
    position: fixed !important;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all 0.5s ease-out !important;
}
.preLoaderSec.removePreloader {
    opacity: 0;
    z-index: -99;
    animation: fadeOut 0.8s ease-in forwards;
} 

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
} 



@keyframes floatMove {
   0% {
    transform: rotate(0deg) translateX(20px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(20px) rotate(-360deg);
  } 
}
.preloadElementBg  { 
  animation: floatMove 6s linear infinite;
}

.fadeInDown {
  opacity: 0;
  transform: translateY(-40px);
  animation: fadeInDown 1s linear forwards;
}

@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.fadeInLeftDelay{
 animation-delay:0.7s !important;
}
.fadeInLeft  {
  opacity: 0;
  transform: translateX(-40px);
  animation: fadeInLeft 0.5s linear forwards;
  animation-duration: 1s;
}

@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.footerBgAnimation::before{
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: -1;
    background-color: #5074ff; 
}
.footerBgAnimation::after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(/wp-content/uploads/2026/04/footerbgN-scaled.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: waveMove 5s ease-in-out infinite alternate;
}
@keyframes waveMove {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.fullImgOverlay:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 710px;
    height: 690px;
    transform: translate(-50%, -50%);
    background-image: url("/wp-content/uploads/2026/04/heroSecBgElement.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%; 
}
.fullImgOverlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #1247cc 0%, #9d1fff 100%) !important;
    z-index: 9;
    opacity: 0.5;
}
.contentWrapperCol,
.contentWrapperCol > .elementor-widget-wrap{
    position: initial !important;
}
.contentWrapperCol .btnList {
    position: absolute;
    bottom: 40px;
    left: 40px;
    z-index: 9;
    width: auto !important;
}
.rightTextBotm {
    position: absolute !important;
    right: 40px;
    bottom: 40px;
    width: auto !important;
     z-index: 9;
}
.textList {
    position: absolute !important;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 650%);
}

.titleAni h2{
	background: linear-gradient(to right, #1247cc 50%, #ffffff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.headingGradient .elementor-heading-title {
    background: #9D1FFF;
    background: linear-gradient(180deg, rgba(157, 31, 255, 1) 0%, rgba(18, 71, 204, 1) 100%); 
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    background-clip: text;
    color: transparent;
}
.contactSec:before {
    content: " ";
    position: absolute;
    left: -8%;
    top: 50%;
    width: 380px;
    height: 380px;
    background-color: #3c89fa80;
    border-radius: 50%;
    filter: blur(180px);
    transform: translateY(-50%);
    z-index: 3;
}
.contactSec:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 0%;
    width: 380px;
    height: 380px;
    background-color: rgb(157 31 255 / 50%);
    border-radius: 50%;
    filter: blur(180px);
    z-index: 3;
}
.addressMap:before {
   content: " ";
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-image: linear-gradient(200deg, #9D1FFF 0%, #1247cc00 100%);
    opacity: 20%;
    visibility: visible;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.addressMap:hover:before {
    opacity: 0;
    visibility: hidden;
}
.partnersSlider .uc_logo_marquee_holder {
    width: 170px !important;
}
.partnerElement {
    position: absolute !important;
    right: -190px;
    top: 50%;
    transform: translateY(-50%);
}
.servicesCards .ue_scroll_accordion_item .ue_card_content:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(18, 71, 204, 1) 0%, rgba(255, 255, 255, 0) 47%, rgba(157, 31, 255, 1) 100%);
}
.servicesCards .ue_scroll_accordion_item .ue_card_content .ue_accordion_heading ,
.servicesCards .ue_scroll_accordion_item .ue_card_content .ue_content_wrapper{
    z-index: 1;
}

.strackCard .ue_content_left .blueText {
    color: #1247CC;
    font-size: 32px;
    font-weight: 600;
    display: block;
    line-height: 1.3;
    font-family: 'Roundelay';
}
.strackCard .ue_content_left .purpleText {
    font-size:24px;
    font-weight: 600;
    color: #9D1FFF;
    line-height: 1.3;
    font-family: 'Roundelay';
    display: block;
}
.strackCard .ue_content_left .ue_sc_desc p {
    padding-bottom: 15px;
}
.strackCard .ue_content_left .ue_sc_desc p + .purpleText {
    max-width: calc(100% - 200px);
    padding-right: 20px;
}
.strackCard .ue_content_left a.ue_sc_button.uc_button {
    padding: 0px 20px 0 0;
    background-color: transparent;
    color: #1247CC;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
    line-height: 1;
    position: absolute !important;
    bottom: 0px;    
    right: 0px; 
    width: auto;   
    border-radius: 0 !important;
    background-image: url(/wp-content/uploads/2026/04/purpleArrow.svg);
    background-repeat: no-repeat;
    background-position: right top 1px;
    background-size: 14px;
}
.strackCard .ue_content_left a.ue_sc_button.uc_button:hover{
    background-color: transparent !important;
    color: #9D1FFF;
}
.strackCard .ue_content_left {
    position: relative;
}
.aboutSecBg:before {
    content: " ";
    position: absolute;
    top: -80px;
    left: -80px;
    width: 500px;
    height: 500px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(/wp-content/uploads/2026/04/aboutBgElement.png);
}
.aboutParnerSlider .uc_logo_marquee_holder {
    width: 150px !important;
}





@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .partnersSlider .uc_logo_marquee_holder {
        width: 150px !important;
    }

}

@media only screen and (max-width: 767px) {
    .partnersSlider .uc_logo_marquee_holder {
        width: 120px !important;
    }

}