@font-face {font-family: futura,system-ui;src: url(./font/Inter-Regular.woff);font-weight: normal;}
*{font-family: "Inter", Sans-serif;}
h1,h2,p{font-family: "Inter", Sans-serif;}

/**********************************Header ***********************************/
nav {top: 0;left: 0;width: 100%;height: auto;box-sizing: border-box;}
header{position: absolute;z-index: 9;width: 100%;}
.hfg-slot.right .desktop-left{padding: 26px;margin: 0!important;}
.site-title{border-right: 1px solid #fff;padding: 0px 20px;font-weight: 400!important;}
.hfg-slot.right .desktop-left p{border-left: 1px solid #fff;padding: 0px 20px;font-size: 20px;}
.header--row-inner .header-main-inner{margin: 0px 30px;}
.builder-item.hfg-end{margin-left: initial!important;}
.nav-ul li.current-menu-item>.wrap>a:not([href*="#"]) {
    color: var(--activecolor);
    border-top: 2px solid #fff;
}
    

/************** Home ***************************/

.elementor-10 .elementor-element.elementor-element-416cc20 {width: 35%;position: absolute;height: min-content;bottom: -40px;right: 40px;}
.home-img img{max-width: 124%!important;}
.home-img2 img{max-width: 124%!important;position: absolute;left: 201px;right: 0px;left: -135px;bottom: -280px;}
.my-container1{position: absolute;bottom: -165px;left: 26px;}
.bold{font-weight: 800;}
.before_line h2{border-left:4px solid #fff;padding-left: 15px;margin: 0;}
.elementor-10 .elementor-element.elementor-element-6294ed3 > .elementor-element-populated{position: absolute!important;}
#main_img .widget-image-caption.wp-caption-text{position: absolute;top:45%;bottom: 0;left:27%;}
#main_img1 .widget-image-caption.wp-caption-text{position: absolute;top:41%;bottom: 0;left:14%;}
#main_img2 .widget-image-caption.wp-caption-text{position: absolute;top:41%;bottom: 0;left:14%;}
.banner_btn .elementor-button-text{display: inline-block;
      text-transform: uppercase!important;

    color: #fff;
    cursor: hand;
    text-align: center;
    text-transform: capitalize;
    border-radius:0px;
    position: relative;
    overflow: hidden!important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: transparent!important;
}


.banner_btn .elementor-button-text:hover{
    border: 1px solid #transparent;
    color: #80ffd3!important;
}
.banner_btn .elementor-button-text::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #c10daf;
    position: absolute;  
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
  } 

.banner_btn .elementor-button-text::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #80ffd3;
    position: absolute;
    left: 0%;
    opacity: 1;
    top: 0;
    z-index: -15;
    -webkit-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
            transition: all .65s cubic-bezier(0.77, 0, 0.175, 1);
}
.banner_btn .elementor-button-text:hover::before, .banner_btn .elementor-button-text:hover::before{
  opacity:1;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}
.banner_btn .elementor-button-text:hover::after, .banner_btn .elementor-button-text:hover::after{
  opacity:1;
    -webkit-transform: translateX(-100%);
       -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
}
.fadeIn{  animation: fadeInRight 1s ease-in-out;}
  @keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(300px);
  }
  to {
    opacity: 1;
  }
}

/************** footer ************************/
#block-8,#block-10,#block-12,#block-13,#block-14{margin-bottom: 0;}
#footer-menu , .nav-ul{display: block;}
#block-14{margin-top: 80px;}
.component-wrap div p{display: none!important;}
#block-17 h6{font-size: 15px;font-weight: 400;margin-bottom: 0;}
#block-14 h4{font-weight: 400;}
#block-18 h4, #block-12 h4{font-size: 25px;font-weight:400;margin-bottom:8px;}
#block-19,#block-20,#block-21,#block-18,#block-22{margin-bottom: 0;}
#footer-menu li a{font-size: 18px;font-weight: 300;margin-bottom: 3px;}
.footer--row-inner.footer-main-inner.footer-content-wrap{padding: 0px 0px 20px 0px;}
/************** Contact us ********************/
.elementor-icon-box-wrapper{background: #000;}
.my-icon .elementor-view-framed .elementor-icon {padding: 21px;}
.elementor-icon-box-title{background: #111422;padding: 20px;color: white;}
.elementor-icon-box-description{padding: 26px;}
.wpcf7-form-control .has-spinner .wpcf7-submit{color: #103D6D; padding: 16px 50px;font-size: 20px;}
.my-form .wpcf7-submit{background: #103D6D}
/*.elementor *, .elementor :after, .elementor :before {font-weight: 700;font-family: 'Inter';}*/


/**********************************contact form ********************************/
.wpcf7-form-control.wpcf7-textarea{height:100px!important;}
.wpforms-container .wpforms-field-label, form label{color: #103d6d;}

/**************** Industry ********************************/

p.elementor-image-box-description {padding-top: 0px;padding-bottom: 27px;padding-left: 27px;padding-right: 27px;}
/*#pu-icon{color: #B83D19;}*/
#pu-txt{font-weight: 400;padding-left: 25px;}

/*******************************************************************************/

@media (min-width: 1026px) and (max-width: 1440px) {
  .elementor-10 .mainInfo p{font-size: 16px;}
  .elementor-10 .mainInfo  h2{font-size: 40px!important;line-height: 50px!important;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated h2{font-size: 40px;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated p{font-size: 16px;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated { margin: 180px 0px 0px 250px !important;padding: 80px 100px 60px 100px!important;}
  .elementor-10 .mainImg img{max-width: 85%!important;}
  .elementor-10 .mainInfo > .elementor-element-populated{margin: 150px 0px 0px -250px!important;}
  .elementor-10 .elementor-element.elementor-element-782adce .elementor-heading-title{font-size: 55px;}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .elementor-10 .mainInfo p{font-size: 12px;}
  .elementor-10 .mainInfo  h2{font-size: 27px!important;line-height: 33px!important;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated h2{font-size: 27px;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated p{font-size: 12px;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated { margin: 114px 0px 0px 222px !important;padding: 40px 55px 40px 55px!important;}
  .elementor-10 .mainImg img{max-width: 85%!important;}
  .elementor-10 .mainInfo > .elementor-element-populated{margin: 120px 0px 0px -250px!important;}
  #main_img .widget-image-caption.wp-caption-text{position: absolute;top: 26%;bottom: 0;left: 1%;}
  #main_img1 .widget-image-caption.wp-caption-text{position: absolute;top: 32%;bottom: 0;left: 10%;}
}
@media screen and (max-width: 765px) {
  #main_img .widget-image-caption.wp-caption-text {position: absolute;top: 40%;bottom: 0;left: 10%;}
}

/*@media (min-width: 430px) and (max-width: 768px) {
  .elementor-10 .mainInfo p{font-size: 9px!important;}
  .elementor-10 .mainInfo  h2{font-size: 18px!important;line-height: 30px!important;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated h2{font-size: 18px!important;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated p{font-size: 9px;}
  .elementor-10 .elementor-element.customer_loyalty > .elementor-element-populated { margin: 108px 0px 0px 166px !important; padding: 40px 55px 40px 55px!important;}
  .elementor-10 .mainImg img{max-width: 90%!important;}
  .elementor-10 .mainInfo > .elementor-element-populated{margin: 70px 0px 0px -200px!important;}
}*/