@charset "utf-8";
/* CSS Document */
.banner-img{position: relative;}
.banner-img h1{position: absolute; bottom: 50px; left: 50px; line-height: 1;}
.banner-img h1 span{display: inline-block; padding: 10px 20px; background-color: rgba(255,255,255,0.8); color: #1f4183;}
.three-line-ellipsis { display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;overflow: hidden;}
.industry-serve{display: block; border-radius: 12px;  position: relative; overflow: hidden;}
.industry-serve img{transition: 500ms;}
.industry-serve:hover img{transform: scale(1.1);}
.industry-serve h4{position: absolute; bottom: 15px; left: 15px; right: 15px; padding: 10px 15px; background-color: #FFF;border-radius: 12px; font-size: 22px;}
.industry-serve h4 a:hover{color: #1F4183;}
.solution-serve{display: block; padding: 15px; background-color: #FFF; border-radius: 12px; transition: 500ms; position: relative;}
.solution-serve:hover{margin-top: -15px;}
.solution-serve img{border-radius: 12px;}
.solution-serve h4{font-size: 22px; margin: 10px 0px;}
.solution-serve h4 a{color: #000;}
.solution-serve h4 a:hover{color: #1F4183;}
.two-line-ellipsis { display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;overflow: hidden;}
.solution-serve p{margin-bottom: 10px;}
.solution-serve a{font-weight: 600; color: #F08226}
.solution-serve a i{font-size: 14px; margin-left: 10px; transition: 500ms;}
.solution-serve a:hover i{margin-left: 1px;}
.footer-links .footer-widget__list li{padding-left: 25px; position: relative;}
.footer-links .footer-widget__list li i{position: absolute; left: 0px; color: #F08226; top:5px;}
.fcall, .fwhatsapp{position: fixed; right:25px; z-index: 99; animation: zoom 2s infinite;
  -webkit-animation: zoom 2s infinite;}
.fcall{bottom: 80px;}
.fwhatsapp{bottom: 140px;}
.fcall img, .fwhatsapp img{width: 50px; height: auto;}
.f-btn{position: fixed; top:200px; right:-60px; z-index: 100; transform: rotate(-270deg); text-align: center;cursor: pointer; font-size: 18px !important; letter-spacing: 1px !important; border-radius: 0px !important; height: 45px !important; line-height: 45px !important; padding-left: 20px; padding-right: 20px;}
.f-btn:hover{background-color:#F08226; color: #FFF; }
.f-btn:hover{transform: rotate(-270deg);}
.form-group{position: relative;}
.form-group label.error{position: absolute; left:0px; font-size:12px; color:#f00; bottom:-20px;}
.form-group  input.company-name{ position: absolute; left: -2000px;}
.modal .form-control{border-radius: 0px; line-height: 40px;}
.conact-info__list li{position: relative; padding-left: 30px;}
.conact-info__list li i{position: absolute; left: 0px;  color:#F08226; top:6px;}
.image-inner-video-section{position: relative; padding: 20px 20px 0px 0px;}
.vs-exp{position: absolute; background-color: #416DB6; padding: 25px 15px; top:0px; right: 0px; border-radius: 15px; }
.vs-exp {font-size: 50px; text-align: center; color:#f08226; font-weight: bold;line-height: 1;}
.vs-exp span{font-size: 16px; display: block; margin-top: 10px; color:#fff; line-height: 1;}
.single-blog-item .post-info h5{margin: 40px 0px 15px;}
.single-blog-item .post-info ul{margin-left: 20px;}
.single-blog-item .post-info ul li{display: block; position: relative; padding-left: 15px; margin-bottom: 10px;}
.single-blog-item .post-info ul li:before{content:"\f0da"; position: absolute; top: 0px;left: 0; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #D0431A;}
.page-sidebar-right{padding: 30px; border-radius: 10px; background-color: #F7F3ED;}
.industriesweserve h5{margin-bottom: 20px;}
.bounce-element {animation: bounce 1s ease-in-out infinite;}
.content-page h6{margin-top: 35px; margin-bottom: 10px; font-size: 20px;}
.content-page ul{margin-left: 20px;}
.content-page ul li{display: block; position: relative; padding-left: 15px; margin-bottom: 7px;}
.content-page ul li:before{content:"\f0da"; position: absolute; top: 0px;left: 0; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #D0431A;}
.client-testimonials-sec{display: block;}
.client-testimonials-sec h6{margin-top: 0px;}
.price-sec{display: block; margin-top: 10px; font-weight: bold;}
.price-sec strike{font-weight: normal; color: #aaa; margin-right: 10px;}
.product-sec{display: block; padding: 20px; background-color: #f0f8fe; margin-bottom: 40px;}
.product-sec h5{display: block; margin: 10px 0px;}
.product-sec ul li{display: block; position: relative; padding-left: 15px; margin-bottom: 5px;}
.product-sec ul li:before{content:"\f0da"; position: absolute; top: 0px;left: 0; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #D0431A;}
@media (max-width:767.98px){
	.f-btn{top:auto; bottom: 0px; width: 100%; right: 0px; left: 0px; transform: rotate(0deg);}
	.f-btn:hover{transform: rotate(-0deg);}
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px); /* Adjust height here */
  }
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
    /* equals 105% */
  }
  100% {
    transform: scale(1);
  }
}