@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap");
html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Rubik", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: var(--black);
}
.container {
     width:90% !important
}
.animate-text {
	background-image: linear-gradient(-225deg, #ff5d31 0%, #ff5d31 29%, #000 67%, #ff7f00 100%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textanim 3s linear infinite;
}

@keyframes textanim {
	to {
		background-position: 200% center;
	}
}
.bg-pr,.bg-indigo-500{
     background: #ff5d31 !important;
     background-color: #ff5d31 !important;
}
.text-pr{
     color: #ff5d31;
}
.iconbg {
     font-size: 31px;
     padding: 10px 15px;
     border-radius: 5px;
     margin-right: 10px;
     background: #f1fffa81 !important;
   }
   .bg-gray-900 .iconbg {
     background: #a5a5a554 !important
   }
   .tech{
     background: white;
     padding: 10px;
     border-radius: 5px;
     margin: auto;
     width: 120px !important;
   }
   .ci{
     flex-shrink: 0;
     font-size: 30px;
     color: #ff5d31;
     margin-right: 20px;
     line-height: 0;
     backdrop-filter: blur(20px);
     background: rgb(255 255 255 / 56%);
     box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
     padding: 10px;
     border-radius: 10px;
     font-weight: 700;
   }
   .footer {
     background-image: url('assets/img/footer_bg.png');
     font-size: 15px;
     padding: 50px !important;
     padding-top: 100px !important;
     color: blur(20px);
     background-color: #1a1a1a;
   
     margin-top: 45px;
   }
   .footer  *{
     color:white !important
   }
   
@media(max-width:767px){
     .Excellence{
          width: 100%;
  margin-top: 50px;
     }
     .mobile-menu.open {
          left: 0;
          transition: all 0.5s;
        }
        
     .mobile-menu{
          display: block !important;
          width: 250px;
          height: 100vh;
          background: white;
          position: fixed;
          top: 0;
          left: -250px;
          z-index: 9999;
          box-shadow: 0px 0px 10px #0000004d;
     }
     .mobile-menu a {
          display: block !important;
          text-align: center;
          padding: 10px 0px;
          margin: 0 !important;
        }
        .mobile-menu button  {
          margin: auto !important;
  width: 120px;
  display: block !important;
        }
}
.service-box .flex.mt-4.space-x-2 a{
     font-size: 11px !important;
}
.footer-contact p{
     display: flex;
     align-items: center;
}
.footer-contact p strong {
     background: #ff5d31;
     color: white;
     padding: 6px;
     border-radius: 2px;
     margin-right: 7px;
   }
   .order-last li{
     margin: 15px 0px;
   }

   .cardtech{
     border-bottom: none;
     -webkit-clip-path: polygon(0 0,89% 0,100% 100%,100% 100%,0 100%,0 100%);
     clip-path: polygon(0 0,89% 0,100% 100%,100% 100%,0 100%,0 100%);
   }
   .cardbody{
     border-top-left-radius: 0px !important;
     border: 2px solid #ff5d31;
     margin-top: -1px;
   }
  .logo{
    width: 140px;
  }