h1.entry-title {
    display: none !important;
}

/* ==================== text circle ========================== */
.text-circle text {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 300;
}
.text-circle svg{
    animation: rotate 10s infinite linear;
}


/*================= global styles ============================*/

/*=====================================================*/
.rotate {
  animation: rotate 10s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*.rotate:hover {*/
/*  cursor: pointer;*/
/*  animation-play-state: paused;*/
/*}*/
/*====================================================*/
h1.entry-title {
    display: none;
}

/* About page CSS start here */

.clm-hvr {
    background-size: 100% 200%;
    background-image: linear-gradient(to top, #8B6EFF 50%, #21242E 50%);
    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    transition: background-position .5s;
}
.purple-bg {
    background-color: #8B6EFF !important;
}

.clm-hvr:hover {
    background-position: 0 100%;
}


.clm-hvr:hover span.elementor-counter-number, .clm-hvr:hover span.elementor-counter-number-suffix, .clm-hvr:hover span.elementor-counter-number-prefix {
    color: #FFFFFF;
}



/*mobile css guiding principles section*/

.guiding-principles.ha-horizontal-timeline .ha-horizontal-timeline-block {
    padding: 0px;
}

.guiding-principles .ha-horizontal-timeline-icon-box {
    display: none;
}

.guiding-principles.ha-horizontal-timeline .ha-horizontal-timeline-inner {
    padding: 0px;
    background-color: #21242E!important;
}

.guiding-principles h2.ha-horizontal-timeline-title, .guiding-principles span.ha-horizontal-timeline-subtitle, .guiding-principles .ha-horizontal-timeline-description {
    padding: 0px 20px;
}

.guiding-principles .ha-horizontal-timeline-description {
    padding-bottom: 30px !important;
}

.guiding-principles button.slick-next.slick-arrow {
    position: relative;
    top: 50px;
    left: 80%;
    background-color: transparent !important;
    border: none !important;
}

.guiding-principles button.slick-next.slick-arrow i.fas.fa-arrow-right {
    color: white;
    font-size: 70px;
}


.guiding-principles button.slick-next.slick-arrow i.fas.fa-arrow-right:after {
    content: "Click to explore";
        font-size: 18px;
    position: absolute;
    right: 70px;
    bottom: 14px;
    font-family: "Aeonik-Regular" !important;
    font-weight: 400;
}

/* About page CSS End here */

/* Industries page CSS Start here */
.divider-circle span.elementor-divider-separator {
    border-radius: 100px;
}

.clm-hvr2:hover h3, .clm-hvr2:hover .elementor-widget-container {
    color: #000 !important;
}

.clm-hvr2:hover .image1 .elementor-widget-container {
    background-color: #DCE3F9;
}

.clm-hvr2:hover .image2 .elementor-widget-container {
    background-color: #8B6EFF;
    border-color: #8B6EFF;
}

.clm-hvr2 {
	cursor:pointer;
}

@media (max-width:1440px) and (min-width:1367px) {
.elementor-13 .elementor-element.elementor-element-c376736 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-b7a207a > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-b1f13d3 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-4199179 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-e4f70b8 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-9d4fd0f > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-b1437a7 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-0cbb447 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-c2508e1 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-b0695e3 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-66be0b4 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-a4d47ba > .elementor-element-populated, .elementor-21021 .elementor-element.elementor-element-806412e > .elementor-element-populated {
    padding: 0% 0% 0% 19%;
}}

@media (max-width:1920px) and (min-width:1700px) {
.elementor-13 .elementor-element.elementor-element-c376736 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-b7a207a > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-b1f13d3 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-4199179 > .elementor-element-populated, .elementor-13 .elementor-element.elementor-element-e4f70b8 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-9d4fd0f > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-b1437a7 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-0cbb447 > .elementor-element-populated, .elementor-17 .elementor-element.elementor-element-c2508e1 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-b0695e3 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-66be0b4 > .elementor-element-populated, .elementor-21020 .elementor-element.elementor-element-a4d47ba > .elementor-element-populated, .elementor-21021 .elementor-element.elementor-element-806412e > .elementor-element-populated {
    padding: 0% 0% 0% 35%;
	}}

/* Our Technology page CSS Start here */
.toggle-content .elementor-active {
   background-color:#8B6EFF;
}

.toggle-button a {
    color: #FFFFFF;
    padding: 10px 20px;
    border: 2px solid #FFFFFF;
}

.toggle-content .elementor-active {
    border-width: 0px !important;
}

.toggle-content .elementor-accordion-item {
    border-width: 0px 0px 1px 0px !important;
}

/* Our Technology page CSS End here */

/* Contact Us page CSS Start here */
.contact_form_exiger input#form-field-empty {
    display: none;
}

.contact_form_exiger select {
    color: #BFCCE5 !important;
}

.contact_form_exiger option {
    color: #BFCCE5 !important;
}

.contact_form_exiger option {
    background-color: #121318;
}


.contact_form_exiger input#form-field-checkbox-0:before {
    content: "";
    width: 50px;
    height: 50px;
    border: 1px solid #BFCCE5;
    position: absolute;
}

.contact_form_exiger input#form-field-checkbox-0 {
    width: 50px;
    height: 50px;
}

.contact_form_exiger span.elementor-field-option label {
    position: absolute;
    margin-left: 18px;
    margin-top: 8px;
}

/* Contact Us page CSS End here */

/* Homepage animation CSS Start here */

.right-block--wrapper:hover span.elementor-button-text {
    display: block !important;
}
.right-block--wrapper span.elementor-button-text {
    display: none;
}
.right-block--wrapper:hover a.elementor-button-link.elementor-button.elementor-size-sm {
    background-color: white !important;
    width: 100% !important;
    color: black !important;
}

.right-block--wrapper a.elementor-button-link.elementor-button.elementor-size-sm {
    width: 100%;
    border: 2px solid #8B6EFF;
    background-color: transparent;
}
.right-block--wrapper:hover span.elementor-button-icon.elementor-align-icon-right {
    margin-left: 20px !important;
}
div#hoverimage111 {
    padding: 0 !important;
    margin-left: 16px;
}
div#hoverimage11 {
    position: relative;
    left: 1.8rem;
}
div#hoverimage1 {
    position: relative;
    left: 2.8rem;
}
.right-block--wrapper span.elementor-button-icon.elementor-align-icon-right {
    margin-left: 0 !important;
}
.right-block--wrapper:hover span.elementor-button-text  {
    opacity: 1;
}

.button-animate span.elementor-button-text  {
    opacity: 0;
}

.button-animate a.elementor-button-link {
    box-shadow: inset 0 0 0 0 #fff;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}


.right-block--wrapper:hover .button-animate a.elementor-button-link {
    box-shadow: inset 200px 0 0 0  #fff;
    color: #000;
}

.right-block--wrapper:before {
  background: #8B6EFF;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: 50% 100%;
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
  z-index: 1;
}

.right-block--wrapper:hover:before {
  transform: scale(1);
}
.right-block--wrapper {
  background: #21242E none repeat scroll 10 10;
  z-index: 2;
}

.right-block--wrapper:hover div#hoverimg {
    object-position: top center;
    transition: all 1s ease-in-out;
}

.button-animate i.fas.fa-long-arrow-alt-right {
    border: solid 2px #8B6EFF;
    padding: 5px;
}

.right-block--wrapper:hover .button-animate i.fas.fa-long-arrow-alt-right {
    border: solid 2px transparent;
    padding: 5px;
}


.right-block--wrapper:hover .button-animate a.elementor-button-link span.elementor-button-text {
    margin-top: 8px;
  
}

#hoverimg:hover {
    object-position: bottom center;
}
.slider-nav .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}

.inner-hover .clm-hover-animation  {
    transform: scale(1.3);
}

.inner-hover:hover .clm-hover-animation {
    transform: scale(.8);
    transition-duration: .5s;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
transition-timing-function: ease-out;
}

.clm-hover-animation .clm-title {
    display: none;
}

.inner-hover:hover .clm-hover-animation .clm-title {
    display: block;
}


.inner-hover .clm-hover-animation2  {
    transform: scale(1.3);
}

.inner-hover:hover .clm-hover-animation2 {
    transform: scale(.8);
    transition-duration: .5s;
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
transition-timing-function: ease-out;
}

.clm-hover-animation2 .clm-title {
    display: none;
}

.inner-hover:hover .clm-hover-animation2 .clm-title {
    display: block;
}


.inner-hover .clm-hover-animation1  {
    transform: scale(1.3);
}

.inner-hover:hover .clm-hover-animation1 {
    transform: scale(.8);
    transition-duration: .5s;
-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
transition-timing-function: ease-out;
}

.clm-hover-animation1 .clm-title {
    display: none;
}

.inner-hover:hover .clm-hover-animation1 .clm-title {
    display: block;
}

.inner-hover {
    overflow: hidden !important;
}

.slider-nav figure.swiper-slide-inner {
    padding: 30px;
    border: solid 2px #343746;
    height: 150px;
}

.slider-nav figure.swiper-slide-inner img.swiper-slide-image {
    margin-top: 20px;
}

.flex-inner-section h2 {
    width: 4000px;
}
body {
  transition: all 0.2s ease-in-out;
  will-change: background;
}
section#eleven {
-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}

body.home.page-template.page-template-elementor_header_footer.page.page-id-20300.logged-in.admin-bar.elementor-default.elementor-template-full-width.elementor-kit-20195.elementor-page.elementor-page-20300.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container.e--ua-blink.e--ua-chrome.e--ua-webkit {
    background:#1E1E1E;
}

/*=========================================================== */
.hover-oct-container .shape-text-container h3, .hover-circ-container .shape-text-container h3, .hover-dia-container .shape-text-container h3{
	-webkit-animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-out-bottom 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.hover-oct-container:hover .shape-text-container h3, .hover-circ-container:hover .shape-text-container h3, .hover-dia-container:hover .shape-text-container h3{
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.hover-oct-container .shape-text-container, .hover-circ-container .shape-text-container, .hover-dia-container .shape-text-container{
    overflow: hidden;
}

/** **/

#menu-header .sub-menu li a:hover:before {
  transition-timing-function: ease-in;
  transition: 500ms cubic-bezier(.76,0,.24,1);
  transform: translateX(5px)
}

#menu-header .sub-menu #menu-item-26922 a:hover:before {
  transition-timing-function: ease-in;
  transition: 500ms cubic-bezier(.76,0,.24,1);
  transform: translate3d(5px, -50%, 0);
}


/* ================== hover change shape =========================== */
/* octagon shape */

.hover-oct-container, .hover-circ-container, .hover-dia-container {
  overflow: hidden;
}

.hover-oct-container:hover img {
    transform: scale(0.7);
}

.hover-oct-container img {
    transition: transform 0.5s ease-in-out 0s;
    transform: scale(1.5);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}


/* circle shape */
.hover-circ-container:hover img {
        transform: scale(0.7);
}

.hover-circ-container img{
    clip-path: circle(50% at 50% 50%);
    transform: scale(1.5);
    transition: transform 0.5s ease-in-out 0s;
    height: 423px !important;
    object-fit: cover;
}

/* diamond shape */
.hover-dia-container:hover img{
    transform: scale(1);

}

.hover-dia-container img{
    clip-path: polygon(50% 10%, 100% 50%, 50% 90%, 0% 50%);
    transform: scale(2.5);
    transition: transform 0.5s ease-in-out 0s;
}

/* ============================= expanding button on hover ======================================== */
/*.expanding-button:hover a span.elementor-button-icon {*/
/*    margin-left: 10px !important;*/
/*}*/

/*.expanding-button:hover a span.elementor-button-text {*/
/*  	max-width: 130px;*/
/*}*/

/*.expanding-button a span.elementor-button-icon {*/
/*    margin-left: 0 !important;*/
/*	-webkit-transition: margin-left .5s linear;*/
/*	transition: margin-left .5s linear;*/
/*}*/

/*.expanding-button a span.elementor-button-text {*/
/*    white-space: nowrap;*/
/*	overflow: hidden;*/
/*	max-width: 0;*/
/*	display: inline-block;*/
/*	-webkit-transition: max-width .5s linear;*/
/*	transition: max-width .5s linear;*/
	
/*}*/
/*=================================================================*/


/* what we do section for animation */
   
    .right-block--wrapper {
    overflow: hidden;
}

.right-block--wrapper div#hover1 {
    display: block;
    width: 100%;
    -moz-transition: all 900ms;
    -webkit-transition: all 900ms;
    transition: all 900ms;
    transform: translate3d(0, -7px, 0px);
}

.right-block--wrapper:hover div#hover1 {
transform: translate3d(0px, -152%, 0px);
    margin: 0;
}



.right-block--wrapper div#hover11 {
    display: block;
    width: 100%;
    -moz-transition: all 1100ms;
    -webkit-transition: all 1100ms;
    transition: all 1100ms;
      transform: translate3d(0, -7px, 0px);
}

.right-block--wrapper:hover div#hover11 {
 transform: translate3d(0px, -152%, 0px);
    margin: 0;
}

.right-block--wrapper div#hover111 {
    display: block;
    width: 100%;
    -moz-transition: all 1400ms;
    -webkit-transition: all 1400ms;
    transition: all 1400ms;
      transform: translate3d(0, -7px, 0px);
}

.right-block--wrapper:hover div#hover111 {
   transform: translate3d(0px, -152%, 0px);
    margin: 0;
}


.right-block--wrapper:hover .imagehover {
    opacity: 1;
   transform: translate3d(0px, -112%, 0px);
}



.right-block--wrapper .imagehover {
    opacity: 0;
    width: 100%;
    -moz-transition: all 900ms;
    -webkit-transition: all 900ms;
    transition: all 900ms;
      transform: translate3d(0, -7px, 0px);
}

.right-block--wrapper:hover .imagehover1 {
   transform: translate3d(0px, -112%, 0px);
    opacity: 1;
}


.right-block--wrapper .imagehover1 {
    opacity: 0;
    width: 100%;
    -moz-transition: all 1100ms;
    -webkit-transition: all 1100ms;
    transition: all 1100ms;
     transform: translate3d(0, -7px, 0px);
}

.right-block--wrapper:hover #hover222 {
    opacity: 1;
   transform: translate3d(0px, -112%, 0px);
}


.right-block--wrapper #hover222  {
    opacity: 0;
    width: 100%;
    -moz-transition: all 1400ms;
    -webkit-transition: all 1400ms;
    transition: all 1400ms;
    transform: translate3d(0px, 0px, 0px);
}
div#imagehieght {
    height: 67px !IMPORTANT;
    overflow: hidden;
}
div#arrowrotate1:before {
    content: url(https://exiger.com/wp-content/uploads/2023/03/Group-1533207698.png);
    position: absolute;
    left: 15%;
    right: auto;
    top: -195%;
    z-index: 1;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {  -webkit-transform:rotate(-180deg);}
}


div#zoomin {
    overflow: hidden;
}
div#zoomin img {
    overflow: hidden;
transition: transform 1000ms;
  }

div#zoomin:hover img {
   -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
  }

div#zoomin figure.elementor-image-box-img {
    overflow: hidden;
}
.right-block--wrapper:hover .arrowborder img {
    border: 1px solid white;
}

/* Homepage arrow animation*/
div#arrow-rotate:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #8B6EFF;
    position: absolute;
    left: 119px;
    border-radius: 30px;
  top: -21.2rem;
    z-index: 99999;
}
.image-rotate-on-mouse:after {
    content: "";
    height: 20px;
    background-color: transparent;
    position: absolute;
    width: 804px;
    left: -17rem;
    height: 804px;
    border: 1px solid;
    border-radius: 100%;
}
/* Homepage arrow animation end*/

#supply-chain:hover .block1 {
  animation: fade-up 500ms;
}

#supply-chain:hover .block2 {
  animation: fade-up2 1500ms;
}

#supply-chain:hover .block3 {
  animation: fade-up3 2500ms;
}
  

@keyframes fade-up {
    from { height: 0; }
    to { height: 35px; }
}

@keyframes fade-up2 {
    from { height: 0; }
    to { height: 75px; }
}

@keyframes fade-up3 {
    from { height: 0; }
    to { height: 55px; }
}

.right-block--wrapper:hover .circle{
  animation: rotate 800ms linear;
}

.right-block--wrapper:hover .circle2{
  animation: rotate 300ms linear;
}

.right-block--wrapper:hover .circle3{
  animation: rotate 600ms linear;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}

.hover-oct-container .shape-text-container,
.hover-circ-container .shape-text-container {
  overflow: hidden;
}

.hover-oct-container .shape-text-container h3,
.hover-circ-container .shape-text-container h3,
.hover-dia-container .shape-text-container h3{
  transition: all 1s cubic-bezier(.76,0,.24,1);
}

.hover-oct-container:hover .shape-text-container h3,
.hover-circ-container:hover .shape-text-container h3,
.hover-dia-container:hover .shape-text-container h3{
   transform: translateY(0);
}


/* on hover purple background and expand button */
.purple-bg-hover:hover {
    /*transition: background-size .1s .1s, background-position 0.1s;*/
    background-size: 100% 100%;
    background-position: 0% 100%;
}

.purple-bg-hover {
    background-image: linear-gradient(#8B6EFF 0 0);
    background-size: 100% 0.08em;
    background-position: 0% 101%;
    background-repeat: no-repeat;
    transition: background-size .3s, background-position .3s .3s;
}

.purple-bg-hover:hover .expanding-button a span.elementor-button-icon {
    margin-left: 10px !important;
}

.purple-bg-hover:hover .expanding-button a{
    border-color: #fff !important;
}

.purple-bg-hover:hover .expanding-button a:hover{
    border-color: #0A0A0A !important;
}

.purple-bg-hover:hover .expanding-button a span.elementor-button-text {
  	max-width: 130px;
}

.expanding-button a span.elementor-button-icon {
    margin-left: 0 !important;
	-webkit-transition: margin-left .3s linear;
	transition: margin-left .3s linear;
}

.expanding-button a span.elementor-button-text {
    white-space: nowrap;
	overflow: hidden;
	max-width: 0;
	display: inline-block;
	-webkit-transition: max-width .3s linear;
	transition: max-width .3s linear;
	
}

@-webkit-keyframes moving-arrow {

16.65% {
    transform: translateX(0px);
}
33.3% {
    transform: translateX(-10px);
}
49.95% {
    transform: translateX(8px);
}
83.25% {
    transform: translateX(1px);
}
100% {
    transform: translateX(0);
    
}
  
@keyframes moving-arrow {

16.65% {
    transform: translateX(0px);
}
33.3% {
    transform: translateX(-10px);
}
49.95% {
    transform: translateX(8px);
}
83.25% {
    transform: translateX(1px);
}
100% {
    transform: translateX(0);
    
}
  
  
  
div#arrow-rotate-critical:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: #8B6EFF;
    position: absolute;
    left: 119px;
    border-radius: 30px;
    top: -6.1rem;
    z-index: 99999;
}  