.email-field {display: none;visibility: hidden;}
.formValidate label {text-align: left;margin-top: 5px;padding-bottom: 0 !important;font-size: 14px;display: block;}
.formValidate .form-group{margin-bottom: 15px;}
.portfolio-sec .col-md-6 .box-cls{position:relative; width:100%; display: inline-block;border-radius: 15px;overflow: hidden;transition: all 0.3s ease-in-out 0s;margin: 1rem 0;}
.portfolio-sec .col-md-6 .box-cls:before{position: absolute;top: 0;left: -120%;z-index: 2;display: block;content: '';width: 100%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.portfolio-sec .col-md-6 .box-cls img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; width:100%; display:block;}
.portfolio-sec .col-md-6 .box-cls:hover img{    -webkit-transform: scale(1.03);    transform: scale(1.03);}
.portfolio-sec .col-md-6 .box-cls:hover:before{    -webkit-animation: shine .75s;    animation: shine .75s;}
.life-estatic li{    flex: 0 0 33.3%;}
.life-estatic li img{max-width: 100%;background: #ffffff;padding: 0;border-radius: 15px;    box-shadow: #1919511c 10px 10px 0;}
.trusted-sec .exp-box-list li span{display: flex;     background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1)); padding: 0 1rem;border-radius: 15px;text-align: center;min-height: 125px;align-items: center;justify-content: center;}
.trusted-sec ul li{    list-style: none;}
.trusted-sec ul{margin:0; padding:0;}
.trusted-sec .exp-box-list{    margin-top: 3rem;}
.testimonial-sec{display: flex; flex-direction: column; justify-content: center;   padding-bottom: 0; }
.testimonial-sec .contact-btn{text-align: center;margin:3rem auto 0;}

.testimonial-slide{position:relative;       border-radius: 15px;   margin-top: 5rem;}
.testimonial-slide .carousel {margin: 0;padding: 0;list-style: none;width: 100%;     border-radius: 15px; display: flex;position: relative;left: 0;transition: all 1s ease;}
.testimonial-slide .card {    display: flex;    width: 100%;    flex: 0 0 100%;    max-width: 100%;    background: #fff;    border-radius: 15px;    padding: 2rem 2rem;    flex-direction: column;    gap: 40px;    height: 100%;}
.testimonial-slide .name-text{      margin-bottom: 0;    display: block;    border-left: #f47820 solid 3px;    padding-left: 1.2rem;}
.testimonial-slide .name-text strong{    font-size: 1.5rem;    display: block;    font-weight: 500;    color: #191951;}
.testimonial-slide .titletext{    padding: 0 2.7rem;  margin:0;    font-size: 18px;   position: relative;}
.testimonial-slide .titletext:before{content: "❝";    font-size: 4rem;    color: #dfdfdf;line-height: 1;position: absolute;    top: -19px;    left: 0;}
.testimonial-slide .titletext:after{    content: "❞";    font-size: 4rem;    color: #dfdfdf;    line-height: 1;    position: absolute;     right: 0;}
.testimonial-slide .img-circle{border-radius: 150px;width: 130px;height: 130px;object-fit: cover;margin: -92px auto 0;display: flex;align-items: center;justify-content: center;border: #fff solid 5px;}
.testimonial-slide button{position: absolute;left:1rem;top: 50%;transform: translateY(-50%) rotate(90deg);background: #f47820;padding: 11px;border: none;width: 40px;height: 40px;text-align: center; border-radius: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;     z-index: 11;}
.trusted-sec .exp-box-list li span img{    max-width: 190px; /*filter: grayscale(100%);*/  transition:all 0.3s ease-in-out 0s;  max-height: 60px;}
.trusted-sec .exp-box-list li span:hover img{filter:none; transform:scale(1.1)}
.testimonial-slide .card .row{margin:0;}
.service-block.whychoose .hm-sr-box{height: 100%; margin: 0;}
.service-block.whychoose .hm-sr-box p{margin-bottom: 0;}
.service-block.whychoose .hm-sr-box h3{margin: 0 0 1.2rem 0;     border-bottom: 1px solid rgb(255 255 255 / 11%);    padding-bottom: 1.2rem;}
.testimonial-slide button.next-btn {      right:1rem;  left:auto;     transform: translateY(-50%) rotate(-90deg);}
.trusted-sec ul.exp-box-list li{flex: 0 0 20%; max-width:20%;}
.ourservice-sec{/*background:#f6f6f7;*/ padding-bottom:80px;}
.ourservice-sec p{margin:0}
.ourservice-sec .home-services-card{justify-content: center;     margin-top: 2.5rem;}
.service-block .hm-sr-box{     border-radius: 15px;   padding: 24px;     margin: 15px 0px;}
.service-block .hm-sr-box .options{
          margin: 1.5rem 0 0 0;   padding: 0;    list-style: circle;    display: grid;    grid-template-columns: 1fr 1fr;       gap: 0.9rem;  color: #fff;
}
.service-block .hm-sr-box .options li{
         font-size: 15px;
    padding: 4px 0 4px 2rem;
    display: flex;
    align-items: center;
    background-position: left center;
    background-size: 21px;
   
}


.service-block .hm-sr-box h3{  color: #fff;  margin: 0 0 0 20px;}
.service-block .hm-sr-box .hm-sr-title{    padding-bottom: 24px;    margin-bottom: 24px;}
.inner-sr-box>p{margin-bottom: 0;}
.service-block .hm-sr-box .hm-sr-title img{    background: linear-gradient(180deg, rgba(244, 63, 94, 0.2) 0%, rgba(236, 72, 153, 0.2) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);    border-radius: 12px;    padding: 13px;    width: 80px;    box-sizing: border-box;    height: 80px;    object-fit: contain;}
.service-block .hm-sr-box.first {
        background: linear-gradient(114.74deg, rgba(236, 72, 153, 0.05) 2.2%, rgba(236, 72, 153, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.second {
    background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.05) 0.39%, rgba(59, 130, 246, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.third {
       background: linear-gradient(114.93deg, rgba(34, 197, 94, 0.05) 0.35%, rgba(34, 197, 94, 0.15) 98.4%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.four {
    background: linear-gradient(115.37deg, rgba(168, 85, 247, 0.05) 0%, rgba(168, 85, 247, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.five {
     background: linear-gradient(111.48deg, rgba(2, 158, 185, 0.05) 0.42%, rgba(2, 158, 185, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.six {
      background: linear-gradient(114.54deg, rgba(249, 115, 22, 0.05) 0.43%, rgba(249, 115, 22, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.sevan {
      background: linear-gradient(114.82deg, rgba(70, 58, 203, 0.05) 1.27%, rgba(70, 58, 203, 0.15) 99.55%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.eight {
     background: linear-gradient(115.37deg, rgba(219, 46, 201, 0.05) 0%, rgba(219, 46, 201, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.nine {
      background: linear-gradient(111.78deg, rgba(253, 182, 69, 0.05) 0%, rgba(253, 182, 69, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }
.service-block .hm-sr-box.ten {
      background: linear-gradient(111.78deg, rgba(19, 133, 159, 0.05) 0%, rgba(19, 133, 159, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);
    }


.our-team .first {background: linear-gradient(114.74deg, rgba(236, 72, 153, 0.05) 2.2%, rgba(236, 72, 153, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);}
.our-team .second {background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.05) 0.39%, rgba(59, 130, 246, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);}
.our-team .third {background: linear-gradient(114.93deg, rgba(34, 197, 94, 0.05) 0.35%, rgba(34, 197, 94, 0.15) 98.4%);border: 1px solid rgba(10, 10, 69, 0.101961);}
.our-team .four {background: linear-gradient(115.37deg, rgba(168, 85, 247, 0.05) 0%, rgba(168, 85, 247, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);}
.our-team .five {background: linear-gradient(111.48deg, rgba(2, 158, 185, 0.05) 0.42%, rgba(2, 158, 185, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);}
.our-team .six {background: linear-gradient(114.54deg, rgba(249, 115, 22, 0.05) 0.43%, rgba(249, 115, 22, 0.15) 100%);border: 1px solid rgba(10, 10, 69, 0.101961);}


.service-block .hm-sr-box.first .hm-sr-title img {background: linear-gradient(180deg, rgba(244, 63, 94, 0.2) 0%, rgba(236, 72, 153, 0.2) 100%);}
.service-block .hm-sr-box.second .hm-sr-title img {background: linear-gradient(180deg, rgba(59, 130, 246, 0.2) 0%, rgba(50, 119, 232, 0.2) 100%);    }
.service-block .hm-sr-box.third .hm-sr-title img{  background: linear-gradient(180deg, rgba(16, 185, 129, 0.2) 0%, rgba(34, 197, 94, 0.2) 100%);    }
.service-block .hm-sr-box.four .hm-sr-title img{    background: linear-gradient(180deg, rgba(139, 92, 246, 0.2) 0%, rgba(168, 85, 247, 0.2) 100%);    }
.service-block .hm-sr-box.five .hm-sr-title img{     background: linear-gradient(180deg, rgba(6, 182, 212, 0.2) 0%, rgba(2, 158, 185, 0.2) 100%);    }
.service-block .hm-sr-box.six .hm-sr-title img{     background: linear-gradient(180deg, rgba(245, 158, 11, 0.2) 0%, rgba(249, 115, 22, 0.2) 100%);    }
.service-block .hm-sr-box.sevan .hm-sr-title img{     background: linear-gradient(180deg, rgba(136, 59, 237, 0.2) 0%, rgba(70, 58, 203, 0.2) 100%);    }
.service-block .hm-sr-box.eight .hm-sr-title img{    background: linear-gradient(180deg, rgba(199, 27, 181, 0.2) 0%, rgba(219, 46, 201, 0.2) 100%);    }
.service-block .hm-sr-box.nine .hm-sr-title img{     background: linear-gradient(180deg, rgba(237, 157, 28, 0.2) 0%, rgba(253, 182, 69, 0.2) 100%);    }
.service-block .hm-sr-box.ten .hm-sr-title img{     background: linear-gradient(180deg, rgba(38, 161, 189, 0.2) 0%, rgba(19, 133, 159, 0.2) 100%);    }

.dribble-col a img{width: 20px;}




@-webkit-keyframes shine {    100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

.portfolio-sec.before-purple{padding: 70px 0 70px 0 !important;}
.portfolio-sec.before-purple .container{ position: relative; z-index: 10; }
.port-main-img{ padding-top: 10px; padding-bottom: 100px; background: url(../images/port-detailbg.png) bottom center no-repeat; background-size:contain; }
.portfolio-sec .exp-box{display:block; margin:0;}
.portfolio-sec .top5box strong{     color: #fff; font-weight:700; display:block; }
.portfolio-sec .top5box.exp-box-list li:before { margin-top: -33px;}
.portfolio-sec .top5box.exp-box-list li{margin-bottom:10px;}
.portfolio-sec.inner-about-block .col-lg-8 { padding-left: 60px;}
.portfolio-sec.bm-block h3{line-height: normal;}

/*hire developer sec*/
.quote_form{text-align: left;}
.pt-0{padding-top: 0;}
.hire-devbox {    border: rgba(255, 255, 255, 0.1) solid 1px;     height:100%;     box-shadow: 0 0 25px 0 rgba(109, 110, 113, .05);   border-radius: 15px;    padding: 0rem;}
.hire-devbox .top-head {     background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));   padding: 2rem;        border-radius: 15px 15px 0 0;        display: flex;        align-items: center;        gap: 25px;    }
.hire-devbox .top-head img {object-fit: cover;border-radius: 150px;width: 140px;height: 140px;min-width: 140px;}
.hire-devbox .name-title {display: flex;flex-direction: column;align-items: flex-start;flex-wrap: wrap;gap: 14px;}
.hire-devbox .name-title h3 {margin: 0 0 5px 0;     color: #fff;}
.hire-devbox .name-title p {line-height: 100%;margin: 0;}
.hire-devbox .top-head .btn {padding: 10px 15px 10px;height: auto;text-align: center;line-height: 100%;}
.experience-text {display: flex;gap: 15px;flex-wrap: wrap;margin-bottom: 1rem;}
.experience-text .col-auto {padding: 10px 15px;flex: 1;border-radius: 10px;    background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));
    border: rgba(136, 59, 237, 0.3) solid 1px;}
.experience-text .col-auto label {font-size: 16px;}
.experience-text .col-auto strong {display: block;color: #fff;}
.hire-devbox .skill-badge label {font-weight: 600;display: block;    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;    background-clip: text;margin: 0 0 5px 0;border-left: #fff solid 3px;padding-left: .7rem;line-height: 100%;flex: 0 0 100%;width: 100%;}
.hire-devbox .expert-skills {margin-bottom: 1.2rem;    border-bottom: #ffffff1a solid 1px;padding-bottom: 1.5rem;display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}
.hire-devbox .expert-skills label {display: block;margin: 0 0 5px 0;flex: 0 0 100%;width: 100%;font-weight: 600;}
.hire-devbox .expert-skills span {color: #fff;      background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%)); font-size: 17px;padding: 8px 12px;display: inline-block;line-height: 100%;font-weight: 500;border-radius: 50px;}
.hire-devbox .skill-badge span {       border: rgba(255, 255, 255, .1) solid 1px;   font-size: 17px;        background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));  padding: 6px 12px;    border-radius: 50px;    line-height: 100%;    font-weight: 500;}
.hire-devbox .skill-badge {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;}
.hire-devbox .bottom-content {    padding: 2rem;}
.hire-devbox .expert-skills label img{    filter: invert(1);}
.iot-whychoose .wc-box h3:before{ background: url(../images/ic-why-choose-icons.webp) no-repeat;}
.iot-whychoose .wc-box h3.wc-icon1:before{    background-position: 0 center;}
.iot-whychoose .wc-box h3.wc-icon2:before{background-position: -60px center;}
.iot-whychoose .wc-box h3.wc-icon3:before{background-position: -120px center;}
.iot-whychoose .wc-box h3.wc-icon4:before{background-position: -180px center;}
.iot-whychoose .wc-box h3.wc-icon5:before{background-position: -240px center;}
.iot-whychoose .wc-box h3.wc-icon6:before{background-position: -300px center;}
.bott-btn .wpcf7-spinner{      margin-left: 10px;  position: absolute;    margin-top: 14px;}


.technologies-icons {       margin: 0 auto;   padding: 0;    display: flex;    justify-content: space-between;    gap: 0px;        max-width: 410px;}
.technologies-icons li {list-style: none;flex: 1;}
.technologies-icons li span {    display: flex;    align-items: center;    justify-content: center;    background: #fff url(../images/latest-tech-stack.webp) 5px center no-repeat;    box-shadow: 0 0 25px 0 rgba(109, 110, 113, .05);    transition: all .4s;    border-radius: 10px;    border: 1px solid rgba(10, 10, 69, .1);    width: 80px;    height: 80px;    margin: 0 auto .7rem;}

.technologies-icons li .android-studio {background-position: -80px center;}
.technologies-icons li .visual-studio {background-position: -170px center;}
.technologies-icons li .android-SDK {background-position: -257px center;}
.technologies-icons li .retrofit {background-position: -343px center;}
.technologies-icons li .alamofire {background-position: -428px center;}
.technologies-icons li .rxJava {background-position: -518px center;}
.technologies-icons li .glide {background-position: -604px center;}
.technologies-icons li .firebase {background-position: -692px center;}
.technologies-icons li .aws-amplify {background-position: -779px center;}
.technologies-icons li .azure-services {background-position: -865px center;}
.technologies-icons li .parse-server {background-position: -951px center;}
.technologies-icons li .jetpack-compose {background-position: -1039px center;}
.technologies-icons li .swiftUI {background-position: -1129px center;}
.technologies-icons li .material-design {background-position: -1214px center;}
.technologies-icons li .UIKit {background-position: -1299px center;}
.technologies-icons li .room {background-position: -1385px center;}
.technologies-icons li .core-data {background-position: -1475px center;}
.technologies-icons li .sqlite {background-position: -1560px center;}
.technologies-icons li .realm {background-position: -1648px center;}
.technologies-icons li .git {background-position: -1735px center;}
.technologies-icons li .jenkins {background-position: -1823px center;}
.technologies-icons li .fastlane {background-position: -1908px center;}
.technologies-icons li .testflight {background-position: -1995px center;}
.technologies-icons li small {display: block;    line-height: 1.3;    font-size: 12px;}
.more-links ul{    margin: 0;    padding: 0;    line-height: 34px;}
.more-links ul li {list-style: none;}
.more-links ul li a {color: #2d2e34;font-size: 17px;}
.more-links ul li a:hover{color:#f47820;} 
.more-links .inner-sr-box{    padding: 20px 20px 10px 20px;}
.more-links .inner-sr-box:before{    background-color: #f47820;}
.wpcf7-not-valid-tip{    font-size: 14px;}
/*24-07-2025*/
.request-form.cta-cls .enquiry-form.services-box h2{    margin-bottom: 1rem;}
.cta-custom.main-cta { background: linear-gradient(to right, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1)); }
.cta-custom.main-cta h3{text-align:left;      padding: 0 0 1.2rem 0;   width: 100%;}
.cta-custom.main-cta p{color:#fff; opacity:0.8; text-align: left;     margin: 0;}
.cta-custom.main-cta .row{align-items:center; }

/* .technologies-we-use .innovate-title h2, .technologies-we-use .titletext{color: white;} */
.technologies-we-use .inner-sr-box h3{margin: 0px 0 1rem 0;}
.technologies-we-use .inner-sr-box p{margin: 0;}
.home-cta .business-bg {padding: 70px 80px;}
.home-cta .business-bg h2{font-size: 36px;}
.home-cta .business-bg p{font-size: 18px;line-height: 35px;margin-top: 12px;margin-bottom: 0;}
.choose-icons h3:before{background: url(../images/why-choose-icons.webp) no-repeat;}
.choose-icons .wc-icon19:before{background-position: 0;}
.choose-icons .wc-icon20:before{background-position: -65px 0;}
.choose-icons .wc-icon21:before{background-position: -130px 0;}
.choose-icons .wc-icon22:before{background-position: -194px 0;}
.choose-icons .wc-icon23:before{background-position: -259px 0;}
.choose-icons .wc-icon24:before{background-position: -324px 0;}
.blog-sec .ind-serve h2{color: white;}
.blog-sec .btn-orange{margin-top: 3rem;}
/*.blog-sec .btn-orange:hover{color: #191951;background-color: #ffffff;border-color: #ffffff;}*/
.blog-sec .blog-list{margin-top: 3rem;}
.blog-sec .card{border-radius: 16px;     border: rgba(255, 255, 255, 0.1) solid 1px;     background: linear-gradient(to right bottom, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.05));    backdrop-filter: blur(12px); overflow:hidden; }
.blog-sec .card .card-img-top{width: 100%;}
.blog-sec .card .card-body{padding: 24px;}
.blog-sec .card .card-body .date{     color: #9ea2ae; padding-left: 28px; font-size: 16px; line-height: 1;position: relative;margin:0;}
.blog-sec .card .card-body .date::before{background-image: url(../images/calendar.webp);background-repeat: no-repeat;position: absolute;content: "";height: 20px;width: 20px;background-size: contain; left: 0;top: 50%;transform: translateY(-50%);     filter: contrast(0.2); }
.portfolio-sec .card .card-body .explore-btn:hover{color:#fff;     -webkit-text-fill-color: white; }
.blog-sec .card .card-body h3{margin: 20px 0;border-bottom: 1px solid rgba(10, 10, 69, .1);     color: #fff;    padding-bottom: 24px;    font-size: 1.4rem;    line-height: normal;}
.blog-sec .card .card-body h3 a{color: #191951;font-size: 24px;line-height: 35px;}
.blog-sec .card .card-body .read-more{  color: #f47820;margin: 0;font-size: 22px;font-weight: 500; display: flex;    justify-content: space-between;    align-items: center;    line-height: 1;     background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text; }
.blog-sec .card .card-body .read-more img{    filter: brightness(0) invert(1);}
.blog-sec .card .card-body .read-more strong{ font-weight:500;   line-height: 1;}
.blog-sec .card .card-body .read-more:hover{color:#fff;     -webkit-text-fill-color: white;}
.portfolio-sec .card{margin-top:3rem;border-radius: 15px;    background-image: linear-gradient(135deg, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));
    background-origin: padding-box;    border: rgba(255, 255, 255, .1) solid 1px;    box-sizing: border-box;}

.portfolio-sec .box-cls.first{    background: linear-gradient(114.74deg, rgba(236, 72, 153, .05) 2.2%, rgba(236, 72, 153, .15) 100%);}
.portfolio-sec .box-cls.second{       background: linear-gradient(-115.1deg, rgba(59, 130, 246, .05) .39%, rgba(59, 130, 246, .15) 100%);}
.portfolio-sec .box-cls.third{      background: linear-gradient(114.93deg, rgba(34, 197, 94, .05) .35%, rgba(34, 197, 94, .15) 98.4%);}
.portfolio-sec .box-cls.four{       background: linear-gradient(-115.37deg, rgba(168, 85, 247, .05) 0%, rgba(168, 85, 247, .15) 100%);}
.inner-sr-box:hover{    box-shadow: rgba(136, 59, 237, 0.3) 0px 0px 80px 0px;}
.inner-sr-box:hover img{    transform: scale(1.02);}

.portfolio-sec .card .card-img-left{width: 100%;height:100%; object-fit:contain; display:block;}
.portfolio-sec .card .col-md-12{    display: flex;    align-items: center; }
.portfolio-sec .card .card-body h3{font-size: 32px;line-height: 40px;color: #fff;font-weight: 700;margin: 0 0 30px;}
.portfolio-sec .card .card-body p{font-size: 18px;line-height: 28px;font-weight: 400;margin: 0 0 1rem;}
.portfolio-sec .card .card-body .card-body-inner{display: flex;align-items: center;border-radius: 8px;padding: 10px 24px;max-width: max-content; margin-top:1.7rem;    line-height: 1;     background: linear-gradient(135deg, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));    border: rgba(136, 59, 237, 0.3) solid 1px; }
.portfolio-sec .card .card-body .card-body-inner p{margin: 0 10px 0 0; color: #fff;}
.portfolio-sec .card .card-body .card-body-inner .tech-icon{padding: 2px 12px 2px 12px;position: relative;}
.portfolio-sec .card .card-body .card-body-inner .tech-icon:last-child{padding-right: 0;}
.portfolio-sec .card .card-body .card-body-inner .tech-icon::after{content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;        background: linear-gradient(135deg, hsl(266deg 83% 58% / 0%), hsl(245 58% 51%), hsl(245deg 58% 51% / 0%));}
.portfolio-sec .card .card-body .card-body-inner .tech-icon:last-child::after{width: 0;}
.portfolio-sec .card .card-body .explore-btn{padding: 0;     transform: none;    display: flex;    align-items: center;     background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));    -webkit-text-fill-color: transparent;    background-clip: text;   gap: 1rem;   margin-top: 2rem;height: unset;}
.portfolio-sec .card .card-body .explore-btn img{vertical-align: bottom; transition: all 0.3s ease-in-out 0s;     filter: brightness(0) invert(1); }
.small-title{font-weight: 500;background: linear-gradient(to right, rgba(136, 59, 237, 0.1), rgba(70, 58, 203, 0.1));    border: rgba(136, 59, 237, 0.2) solid 1px;
    width: max-content;    padding: 12px 24px;    border-radius: 50px;    line-height: 1;    color: #fff;    font-size: 16px;    margin: 0 auto 10px;}
.industries-sec .card-serve{    background: linear-gradient(135deg, rgba(136, 59, 237, .1), rgba(70, 58, 203, .1));    border: rgba(255, 255, 255, .1) solid 1px; text-align:center; padding: 24px 24px 45px; border-radius: 15px;}
.industries-sec .card-serve:after{background:#E6E6EC; width:120px; height:7px; content:"";}
.industries-sec .card-serve .img-fluid{border-radius:16px; width:100%; }
 .industries-sec .card-serve h3 {    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));    color: #fff;border-radius: 16px;padding: 18px 16px;width: calc(100% - 100px);text-align: center;line-height: 1;margin: -42px auto 30px auto;z-index: 1;position: relative;
}
.industries-sec .swiper-slide{height:auto;     display: flex;}
 .portfolio-sec .btn-orange{margin-top:3rem;}
 .portfolio-sec .card .card-body{    display: flex;  padding: 3rem 4rem;  flex-direction: column;    justify-content: space-between;    height: 100%;}
 .portfolio-sec .titletext{margin:0;}
.industries-sec p{margin:0}
.industries-sec .indus-slide{    margin-top: 3rem;}
.navs-arrow{display:flex; align-items:center; gap:1rem;     justify-content: center;    margin-top: 3rem;}
.navs-arrow>div{    position: relative;    top: auto;    margin: 0;    bottom: 0;    right: auto;    left: auto;    background: #191951;    width: 44px;    height: 44px;    border-radius: 50px;}
.navs-arrow>div:after{    font-size: 20px;    color: #fff;}
.navs-arrow .swiper-button-disabled{opacity:0.5}
.technologies-we-use h2{color:#fff;}
.testimonial-sec .card {    background:url(../images/quote-icon.webp) right 30px center no-repeat, linear-gradient(90deg, #181431 0%, #12142D 100%);      background-size: 120px;   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);    border-radius: 16px;
    margin: 0; height:100%;
}
.ourservice-sec .col-12, .industries-sec .col-12, .portfolio-sec .col-12, .technologies-we-use .col-12, .whychoose .col-12, .testimonial-sec .col-12, .blog-sec .ind-serve, .faq-sec .col-12{    margin: 0 auto;}


.faq-sec .titletext{    margin-bottom: 0;}
.faq-sec .col-12{margin-bottom: 3rem;}
.technologies-we-use .titletext{margin:0;}
/* .technologies-we-use .techno-row{margin-top:3rem; justify-content: center;} */
.testimonial-sec .card img.img-circle {   height:100%;      object-fit: cover;     width: 100%;        border-radius: 16px;        display: block;    }
.testimonial-sec .play-icon {width: 75px;height: 75px;display: flex;align-items: center;justify-content: center;border-radius: 150px;position: absolute;background: #fff;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.testimonial-sec .play-icon img{max-width:24px;}
.testimonial-sec p{margin:0}
.testimonial-sec .testi-slide{margin-top:3rem;}
.testimonial-sec .play-icon:before, .testimonial-sec .play-icon:after {    content: '';display: block;position: absolute;    top: 0;    right: 0;bottom: 0;    left: 0;border: 3px solid #fff;border-radius: 50%;}
.testimonial-sec .play-icon:before {    animation: ripple 2s linear infinite;}
.testimonial-sec .play-icon:after {    animation: ripple 2s linear 1s infinite;}
.testimonial-sec .name-text { position:relative;   display: flex;    flex-direction: column;    padding-left: 1.5rem;     gap: 1rem;    line-height: 1;}
.testimonial-sec .name-text:before {
    content: "";
    background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    width: 2px;
    height: 100%;
    position: absolute;
    left: 0;
}
.testimonial-sec .name-text strong{    font-weight: 700;    text-transform: uppercase;       background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));
    -webkit-text-fill-color: transparent;
    background-clip: text;}
.testimonial-sec .name-text i{ font-size:1rem; }
.testimonial-sec .right-content {    display: flex;    flex-direction: column;    align-items: stretch;    justify-content: space-between;    gap: 2rem;    padding: 3rem 2rem;}
.testimonial-sec .right-content .titletext{font-size:18px; }
.testimonial-sec .swiper-slide{    height: auto;}
.testimonial-sec .card>.row{     margin: 0;   height: 100%;}
.cta-custom .btn{ height:auto;    border-radius: 8px;        background: linear-gradient(135deg, hsl(266 83% 58%), hsl(245 58% 51%));    color: #fff;}
.blog-sec .titletext{margin:0;}
.cta-cls .enquiry-form.services-box{    text-align: left;}
.cta-cls .enquiry-form.services-box p{margin:0;}
.cta-cls .enquiry-form.services-box .btn-orange{margin:0;     height: auto;    text-align: center;    line-height: normal;}
.cta-cls .enquiry-form.services-box .col-lg-4{text-align:right;}
.home-cta .col-lg-4{text-align:right;}
.portfolio-sec .card>.row{align-items:stretch;}
.business-bg .btn{height:auto;     text-align: center;}
.portfolio-sec .box-cls:before{  position: absolute;    top: 0;    left: -120%;    z-index: 2;    display: block;
    content: '';    width: 100%;    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);    transform: skewX(-25deg);
}
.portfolio-sec .box-cls:hover:before{   -webkit-animation: shine .75s;    animation: shine .75s}
.portfolio-sec .box-cls{     border-radius: 15px; overflow: hidden;    position: relative;    transition: all .3s ease-in-out 0s;}
.portfolio-sec .box-cls img{  -webkit-transform: scale(1);    transform: scale(1);    -webkit-transition: .3s ease-in-out;    transition: .3s ease-in-out;}
.portfolio-sec .box-cls:hover img{    -webkit-transform: scale(1.03);    transform: scale(1.03);}
.portfolio-sec .card .card-body .explore-btn:hover img{    transform: translateX(10px);}



.hire-dedicated-block h4{    background: linear-gradient(114.74deg, rgba(236, 72, 153, 0.05) 2.2%, rgba(236, 72, 153, 0.15) 100%);    border: 1px solid rgba(10, 10, 69, 0.101961);}
.hire-dedicated-block .ist9{    background: linear-gradient(115.1deg, rgba(59, 130, 246, 0.05) 0.39%, rgba(59, 130, 246, 0.15) 100%);}
.hire-dedicated-block .ist10{    background: linear-gradient(114.93deg, rgba(34, 197, 94, 0.05) 0.35%, rgba(34, 197, 94, 0.15) 98.4%);}
.hire-dedicated-block .ist4{       background: linear-gradient(115.37deg, rgba(168, 85, 247, 0.05) 0%, rgba(168, 85, 247, 0.15) 100%);}
.hire-dedicated-block .ist5{     background: linear-gradient(111.48deg, rgba(2, 158, 185, 0.05) 0.42%, rgba(2, 158, 185, 0.15) 100%);}
.hire-dedicated-block .ist11{         background: linear-gradient(114.54deg, rgba(249, 115, 22, 0.05) 0.43%, rgba(249, 115, 22, 0.15) 100%);}
.hire-dedicated-block .ist7{      background:linear-gradient(114.82deg, rgba(70, 58, 203, 0.05) 1.27%, rgba(70, 58, 203, 0.15) 99.55%);}
.hire-dedicated-block .ist12{      background:linear-gradient(114.82deg, rgba(70, 58, 203, 0.05) 1.27%, rgba(70, 58, 203, 0.15) 99.55%);}




@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}


@keyframes ripple {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.main-banner .main-banner-box{     background: transparent;  margin: 0;     width: 100%;}
.main-banner .hero-animate-sec{position:relative; margin-right:auto;       transform: scale(0.95);  margin-top: 5rem;    margin-bottom: 5rem;    max-width: 600px; display:flex;    margin-left: auto;}
.main-banner .hero-animate-sec .comm-icon{position:absolute;  opacity: 0.2;  animation: fadeInOneByOne 0.6s forwards;    width: calc(100dvw - 95.8vw); }
.main-banner .hero-animate-sec .comm-icon.ten {top: 17%;left: -6%;animation-delay: 1.6s;      width: calc(100dvw - 93.8vw);  }
.main-banner .hero-animate-sec .comm-icon.nine {bottom: 26%;left: -5%; animation-delay: 0.6s;}
.main-banner .hero-animate-sec .comm-icon.eight {    bottom: 12%; animation-delay: 1.4s;   left: 42%;    width: calc(100dvw - 94.8vw);}
.main-banner .hero-animate-sec .comm-icon.sevan {bottom: -10%;left: 29%; animation-delay: 2.0s;}
.main-banner .hero-animate-sec .comm-icon.six {bottom: 0%;right: 0%;  animation-delay: 1.0s;}
.main-banner .hero-animate-sec .comm-icon.five {bottom: 25%;right: -6%; animation-delay: 1.8s;    width: calc(100dvw - 93.8vw);}
.main-banner .hero-animate-sec .comm-icon.four {top: 22%;right:9%;  animation-delay: 0.4s; }
.main-banner .hero-animate-sec .comm-icon.three {top: 3%;left: 30%;  animation-delay: 1.2s;   width: calc(100dvw - 89.8vw);}
.main-banner .hero-animate-sec .comm-icon.two {top: -9%;left: 63%; animation-delay: 0.8s;    width: calc(100dvw - 93.8vw);}
.main-banner .hero-animate-sec .comm-icon.one {top: -14%;left: 14%; animation-delay: 0.2s;  }
.trusted-sec .titletext{margin-bottom:0;}
.benefits-block.service-block {    padding-bottom: 0px !important;}
 .main-banner .main-banner-box h3{    font-weight: 500;}
.service-block.bg-light-grey.before-purple.request-form{padding-bottom: 80px;}
.section-space.bg-purple.hire-dedicated-block{    padding-top: 0;}


@keyframes fadeInOneByOne {
    to {
        opacity: 1;
        transform: scale(1.05);
    }
}

 .mobile-gap{row-gap: 1.9rem;}











/*media query css*/


@media only screen and (max-width:1300px) {
.main-banner .hero-animate-sec{    transform: scale(0.8);}
.first-banner{    max-width: 500px;}

}




@media only screen and (max-width:1199px) {
    .first-banner{        max-width: 400px;}
    .ourservice-sec{    padding-bottom: 30px;}
    .trusted-sec ul.exp-box-list li{ flex: 0 0 33.3%; max-width: 33.3%;}
    .trusted-sec .exp-box-list li span img{      max-width: 129px; max-height: 50px;}
    .trusted-sec .exp-box-list li span{min-height: 91px;}
    .testimonial-slide .card{    padding: 2rem 1rem;     gap: 30px;}
    .portfolio-sec.before-purple{padding: 30px 0 50px 0 !important; }
    .portfolio-sec.before-purple:before { height: 30%;}
    .port-main-img{ padding-top: 25px; padding-bottom: 60px; }
    .portfolio-sec.inner-about-block .col-lg-8 { padding-left: 40px;}
    .hire-devbox {margin-bottom: 1.5rem;         height: auto;}
    .ourservice-sec.service-block h2, .industries-sec h2, .portfolio-sec h2, .testimonial-sec h2, .technologies-we-use h2{    margin-bottom: 1rem;}
    .portfolio-sec .card .card-body{    padding: 2rem 1.5rem;}
    .portfolio-sec .card .card-body h3{    font-size: 1.7rem;     margin: 0 0 1rem;}
    .portfolio-sec .card .card-body .card-body-inner{    margin-top: 1rem;}
    .cta-cls .enquiry-form.services-box{    padding: 24px !important;}
    .home-cta .business-bg{    padding: 3rem 3rem;}
    .blog-sec .card .card-body h3{    font-size: 1.2rem;}
    .blog-sec .card .card-body .read-more{    font-size: 17px;}
    .dribble-col>a{font-size: 0;      padding: 10px 10px !important;       gap: 0;}
     .main-banner.new-banner{min-height: auto;}
}
@media only screen and (max-width:991px) {

    .testimonial-sec .right-content{    gap: 1rem;    padding: 2rem;}
    .testimonial-slide {        gap: 85px;        margin-top: 4rem;    }
    .port-main-img{ padding-top: 30px; padding-bottom: 50px; }
    .portfolio-sec.inner-about-block .col-lg-8 { padding-left: 15px;}
    .hire-devbox .top-head {padding: 1rem;}
    .hire-devbox .top-head img {width: 100px;height: 100px;min-width: 100px;}
    .hire-devbox .bottom-content {padding: 1rem;}
    .hire-devbox .top-head .btn {padding: 10px 15px 10px;}
    .cta-custom.main-cta .row{    gap: 1rem;}
    .technologies-we-use .row{row-gap: 1.5rem;     margin-top: 2rem;}
    .home-cta .business-bg p{text-align: center;margin-bottom:15px; line-height:normal; }
    .blog-sec .blog-list{row-gap: 1.5rem;margin-top: 2rem;         justify-content: center !important; }
    .blog-sec .btn-orange{margin-top: 2rem;}
    .portfolio-sec .card .card-img-left{height: unset;}
    .trusted-sec .exp-box-list{    margin-top: 2rem;}
    .ourservice-sec .home-services-card{ margin-top: 1.5rem;}
    .ourservice-sec .home-services-card .hm-sr-box .hm-sr-title{    padding-bottom: 1rem;    margin-bottom: 1rem;}
    .testimonial-sec .testi-slide{ margin-top: 2rem;}
    .home-cta .business-bg{    padding: 2rem 2rem;}
    .portfolio-sec .card{    margin-top: 2rem;}
   .portfolio-sec .card:nth-child(odd)>.row{    flex-direction: column-reverse;}
    .blog-sec h2, .testimonial-sec h2{margin-bottom:1rem}
    .navs-arrow{    margin-top: 2rem;}
    .industries-sec .indus-slide{margin-top:2rem}
    .portfolio-sec h2{margin-bottom:1rem;}
    .cta-cls .enquiry-form.services-box .col-lg-4{    text-align: center;    margin-top: 1rem;}
    .cta-cls .enquiry-form.services-box{text-align:center;}
    .testimonial-sec .play-icon{    width: 55px;    height: 55px;}
     .testimonial-sec .play-icon img{    max-width: 20px;}
    .navs-arrow > div{    width: 36px;    height: 36px;}
     .navs-arrow > div:after{    font-size: 16px;}
     .inner-sr-box img{         height: 60px;         padding: 10px;        width: 60px;}
  .inner-sr-box{     padding: 1.5rem 1.5rem 1.5rem 6.5rem;}
    .industries-sec .card-serve h3{    padding: 14px 16px;     margin: -34px auto 20px auto;}
    .ourservice-sec.service-block h2, .industries-sec h2{    margin-bottom: 1rem;}
    .home-cta .col-lg-4{text-align:center;}
    .home-cta .business-bg h2{font-size:1.6rem;}
    .portfolio-sec .card .card-body{    padding: 2rem 2rem;}
    .faq-sec .col-12{margin-bottom:2rem;}
    .main-banner .hero-animate-sec{        margin-top: 0;margin-right: 4rem;        margin-bottom: 0;}

}
@media only screen and (max-width:767px) {
    .first-banner{max-width: 300px;}
    .main-banner .main-banner-box{padding: 0;}
     .main-banner.new-banner{padding-bottom: 0;         min-height: auto; }
     .new-banner .home-slider .swiper-slide{    padding-bottom: 4rem;}
    .main-banner.new-banner .container .row{margin: 0;}
   .mobile-gap{    row-gap: 1.5rem;}
 .service-block.bg-light-grey.before-purple.request-form{padding-bottom: 40px;	}
    .dribble-col{margin-left: auto;              gap: 0.5rem;     margin-right: 0.2rem;}
    .service-block .hm-sr-box{    margin: 10px 0px;}
    .home-cta .business-bg h2{    font-size: 22px;}
    .experience-text .col-auto label {font-size: 14px;}
    .trusted-sec ul{    margin: 1rem 0 0 0;}
    .trusted-sec ul.exp-box-list li{padding: 5px 5px;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;}
    .ourservice-sec .sublist{    margin-top: 1.2rem;}
    .portfolio-sec .col-md-6 a{    margin: 0.7rem 0;}
    .life-estatic li{    flex: 0 0 50%;    padding: 0.6rem 0.6rem;}
    .life-estatic li img{    box-shadow:#1919511c 7px 7px 0;}
    .port-main-img{ padding-top: 30px; padding-bottom: 40px; }
     .inner-sr-box{padding: 1.5rem 1.5rem 1.5rem 6.5rem;  height: auto; margin: 0;}
    .portfolio-sec .card .card-body .explore-btn{margin-top: 1.5rem;}
    .testimonial-sec .right-content{    gap: 2rem;    padding: 1.5rem;}
    
    .technologies-we-use .inner-sr-box h3{    margin: 0 0 0.7rem 0;}
    .portfolio-sec .card .card-body{    padding: 1.5rem 1.3rem;}
    .portfolio-sec .card .card-body h3{    font-size: 1.4rem;     margin: 0 0 1rem;    line-height: normal;}
    .portfolio-sec .card .card-body .card-body-inner{ flex-wrap:wrap;    padding: 6px 12px;}
    .portfolio-sec .card .card-body p{font-size:1rem;}
    .industries-sec .card-serve h3{     padding: 12px 16px;   margin: -32px auto 1.2rem auto;}
    .blog-sec .card .card-body h3 {        font-size: 1.2rem;    }
    .blog-sec .card .card-body .read-more {        font-size: 1rem;    }
    .portfolio-sec .card .card-body .card-body-inner .tech-icon{padding: 2px 6px 2px 6px;}
    .portfolio-sec .card .card-body .card-body-inner p{margin:0;}
    .testimonial-sec .card img.img-circle{    aspect-ratio: 4 / 3;}
    .main-banner .row{    flex-direction: column-reverse;     gap: 4rem;}
    .main-banner{padding-bottom:2.5rem;     padding-top: 4rem;}
    .main-banner .hero-animate-sec{    width: calc(100% - 70px);    margin-right: auto;}
    .main-banner .hero-animate-sec .comm-icon{width: calc(100dvw - 90.8vw);}
    .main-banner .hero-animate-sec .comm-icon.two{    width: calc(100dvw - 86.8vw);}
   .main-banner .hero-animate-sec .comm-icon.five{    width: calc(100dvw - 85.8vw);}
    .main-banner .hero-animate-sec .comm-icon.ten{    width: calc(100dvw - 84.8vw);}
    .main-banner .hero-animate-sec .comm-icon.eight{    width: calc(100dvw - 88.8vw);}
     .main-banner .hero-animate-sec .comm-icon.three{    width: calc(100dvw - 76.8vw);}
        .main-banner .hero-animate-sec .comm-icon.one{    top: -11%;    left: 16%;}

}
@media only screen and (max-width: 575px){
    .port-main-img{ padding-top: 20px; padding-bottom: 30px; }
    .portfolio-sec .card .card-body .card-body-inner .tech-icon img{    max-height: 25px;}
}
@media only screen and (max-width: 360px) {
    .technologies-icons{    transform: scale(0.8);     gap: 9px;     justify-content: center;}
}