img {
    width: 100%;
   height: auto;
 }
.portfolio-secct ul li img {
    width: 100px;
    filter: brightness(-7.5);
    border-radius: 0px !important;
}
.portfolio_txt img {
    margin-top: 60px;
}
.portfolio-secct ul li a {
    padding-left: 0px !important;
}
.portfolio-secct ul li:after {
    content: '';
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
    right: 20px;
    background-size: cover;
    filter: grayscale(91%);
    opacity: 0.1;
}
.portfolio-secct ul li:hover:after {
    filter: grayscale(1%);
    opacity: 2;
}
.portfolio-secct ul li {
    background: #fff;
    padding: 7px 14px;
    border-radius: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1dddd;
    padding-left: 0px;
    position: relative;
}
.portfolio-secct ul li h3 {
    color: #747171;
    font-size: 13px;
    padding-top: 5px;
}
.portfolio-secct ul li:hover img {
    filter: grayscale(1%);
    transition: 0.5s;
}
.portfolio-secct ul li:hover h3 {
    color: #000;
}
.portfolio_txt a {
    background: var(--primary-text);
    border-radius: 120px !important;
    padding: 8px 7px 8px 13px ! IMPORTANT;
    color: #fff !important;
}
.portfolio_txt a i {
    background: #fff;
    border-radius: 50px;
    color: var(--primary-text);
    width: 30px;
    height: 30px;
    padding: 6px 7px;
    margin-left: 6px;
}
.portfolio_txt h4 {
    color: #000;
    font-size: 25px;
    font-weight: 500;
}

.main-top-sect img:first-child {
    filter: brightness(34);
    width: 60% !important;
    height: 70px !important;
    object-fit: scale-down;
    margin-bottom: 10px;
}
.appcaseabout a:hover {
    background: var(--primary-text);
    color: #fff;
    border: 1px solid #fff;
}
.appcaseabout a:hover code {
    color: #fff;
}
 .blogdetsingl::-webkit-scrollbar {
    display: none;
}
.buttonfgrt:hover .dftrg {
    background: #fff !important;
}
 
 p{
     color:#747171;
 }
 /* ::-webkit-scrollbar {
   display: none;
 } */
 a {
    color: var(--primary-text);
    text-decoration: none;
 }
 .siteorigin-panels .panel-has-style{
     margin-bottom:0px !important;
 }
 .border-right {
     border-right: 1px solid #000;
 }
 :root {
    --primary-text: #f22a34;
 }
 code{
   color: var(--primary-text);
 }
 body {
    font-family: "Outfit", sans-serif;
       color: #747171;
 }
 /* topbar css */
 
 .page-id-6 .container{
     max-width:1600px;	
 }
 
 
 .topbar {
    padding: 5px 0px 5px 0px;
    position: relative;
 }
 .topsection {
    display: flex;
     justify-content: space-between;
    align-items: center;
 }
 .topb1 {
    color: #000;
    font-size: 23px;
    font-weight: 500;
    padding-right: 20px;
    border-right: 2px solid #000;
 }
 .topb1 span {
    color: var(--primary-text);
    font-size: 31px;
    font-weight: 800;
 }
 .topb2 {
    width: 150px;
 }
 .topb2 img {
     object-fit: scale-down;
     width: 83% !important;
     margin: auto;
     height: 126px !important;
     display: block !important;
 }
 a.hdetohgy {
     background: var(--primary-text);
     color: #fff !important;
 }
 .topb2 .owl-carousel {
    transform: rotate(90deg);
 }
 
 .topb2 .item {
    transform: rotate(-90deg);
    width: 100% !important;
 }
 
 .topb3 {
    display: flex;
    align-items: center;
    border-left: 2px solid #000;
    padding-left: 20px;
 }
 .topb3 span {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
 }
 .topb3 strong {
    font-size: 19px;
    font-weight: 500;
 }
 .topb3 strong a{
     color:#000;
 }
 .topb4 strong a{
     color:#000;
 }
 .topb5 strong a{
     color:#000;
 }
 .topb3 span img {
    object-fit: cover;
    width: 70px;
    height: 100%;
    object-fit: cover;
 }


.item.activecdcv .talabatext{
    display: none !important;
}
.item.activecdcv .main-top-sect{
    display: block !important;
}

 .topb4 {
    display: flex;
    align-items: center;
    margin-left: 23px;
    border-right: 2px solid #000;
    padding-right: 20px;
 }
 .topb4 span {
    display: inline-block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
 }
 .topb4 strong {
    font-size: 19px;
    font-weight: 500;
 }
 .topb4 span img {
    width: 50px;
    height: 100%;
    object-fit: cover;
 }
 
 .topb5 {
    display: flex;
    align-items: center;
    margin-left: 20px;
 }
 .topb5 span {
    width: 40px;
    height: 40px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 12px;
    background: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
 }
 .topb5 strong {
    font-size: 21px;
    font-weight: 500;
 }
 
 .flupbanner {
     padding-top: 30px;
     padding-bottom: 10px;
 }
 .menaflup h2 {
    color: #000;
    font-weight: 400;
    font-size: 34px;
    margin-top: 10px;
    margin-bottom: 20px;
 }
 .menacps {
    display: flex;
    width: 100%;
 }
 .menahd1 {
     background: var(--primary-text);
     padding: 7px 16px;
     width: 80%;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .menahd1 img {
    width: 100%;
 }
 .menahd2 {
     font-size: 40px;
     width: max-content !important;
     color: #000;
     line-height: 52px;
     font-weight: 800;
     border: 3px solid var(--primary-text);
     padding-top: 8px;
     padding-left: 25px;
     display: flex;
     align-items: center;
 }
 .menaflup h1 {
    margin-top: 30px;
    font-weight: 700;
    font-size: 47px;
    color: #000;
 }
 .menaflup h2 {
    color: #000;
    font-weight: 400;
    font-size: 34px;
    margin-top: 30px;
    margin-bottom: 30px;
 }
 .menaflup h2 span {
    font-weight: 600;
    color: var(--primary-text);
 }
 a.quote {
    font-weight: 500;
    font-size: 18px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 10px 8px 22px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
 }
 a.quote:hover {
    background: #000;
 }
 a.quote strong {
    background: #fff;
    color: var(--primary-text);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-left: 10px;
 }
 a.livcht {
    font-weight: 500;
    font-size: 18px;
    align-items: center;
    width: max-content;
    border: 2px solid #000;
    color: #000;
    padding: 6px 14px 6px 18px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-left: 20px;
 }
 a.livcht:hover {
    background: #000;
    color: #fff;
 }
 a.livcht strong {
    background: var(--primary-text);
    color: #ffffff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-left: 10px;
 }
 .menaflup h3 {
    margin-top: 25px;
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin-bottom: 26px;
 }
 .gccslog img {
    display: block !important;
    margin: auto;
    width: 100% !important;
 }
 .menaflup h3 span {
    color: var(--primary-text);
 }
 
 .appssreen .owl-item.active {
    transform: scale(1.1);
 }
 
 /* 
 .appsscreen .owl-item > div {
    cursor: pointer;
    margin: 20% 4% 0% 4%;
    transition: margin 0.4s ease;
  }
  .appsscreen .owl-item.center > div {
    cursor: auto;
    margin: 0;
  }
 
  .appsscreen img{
    width: 100% !important;
  }
  .appsrow{
    align-items: center;
  }
  .appsscreen .owl-item{
    opacity: 0.5;
    width: 200px !important;
  }
  .appsscreen .owl-item.active.center{
    opacity: 1 !important;
    width: 300px !important;
  } */
 
 .appsrow {
    align-items: center;
 }
 .appsscreen .owl-item > div {
    cursor: pointer;
    margin: 6% 8%;
    transition: margin 0.4s ease;
 }
 .appsscreen .owl-item.active {
    opacity: 0.7;
    width: 140px !important;
 }
 .appsscreen .owl-item div {
    margin-top: 110px !important;
 }
 .appsscreen .owl-item.center {
    opacity: 1;
    width: 350px !important;
 }
 .appsscreen .owl-item.center div {
    margin-top: 0px !important;
 }
 
 .flupawards {
    background: var(--primary-text);
    padding-top: 240px;
    padding-bottom: 70px;
    margin-top: 110px;
 }
 .flupawards .container {
    position: relative;
    z-index: 1;
 }
 .flupawards img {
    width: 100%;
    display: block;
    margin: auto;
 }
 .flupawards h2 {
    color: #fff;
    margin-top: 30px;
 }
 .flupawards h6 {
    color: #fff;
    font-size: 34px;
    font-weight: 300;
 }
 .flupawards h2 {
    color: #fff;
    margin-top: 12px;
    font-size: 34px;
    font-weight: 600;
 }
 .awbrder {
    border-right: 1px solid #fff;
 }
 .aeardscaro {
    position: absolute;
    top: -300px;
    width: 100%;
 }
 
 .benfit1 {
    background: #fff;
    background-image: url(../images/wave_bg.webp);
    background-size: cover;
    border: 2px solid var(--primary-text);
    border-radius: 20px;
    padding: 19px 35px;
 }
 .benfit1:hover {
    background: var(--primary-text);
    border: 2px solid #fff;
 }
 .benfit1 h5 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
 }
 .benfit1:hover.benfit1 h5 {
    color: #fff;
 }
 .benfit1 h5 strong {
    font-weight: 400;
    font-size: 19px;
    line-height: 25px;
    display: inline-block;
 }
 .benfit1 .d-flex {
    display: flex !important;
    justify-content: space-between;
 }
 .benfit1:hover.benfit1 span {
    background-color: #fff;
    color: var(--primary-text);
 }
 .benfit1 span {
    width: 45px;
    height: 45px;
    background: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 21px;
    border-radius: 50%;
 }
 .benfit1 p {
    color: #5a5a5a;
    margin-bottom: 0px;
    margin-top: 10px;
 }
 .benfit1:hover.benfit1 p {
    color: #fff;
 }
 
 .aboutflup {
     padding: 0px 0px 10px 0px;
 }
 .aboutflup .row {
    align-items: center;
 }
 .abtflps1 img {
    width: 100%;
 }
 .abtflps22 img {
    width: 100%;
 }
 .abtflps22 h6 {
    font-size: 38px;
    font-weight: 600;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .abtflps22 h2 {
     font-size: 59px;
     color: #000;
     font-weight: 700;
     line-height: 60px;
     margin-bottom: 20px;
     margin-top: 26px;
 }
 .abtflps22 h2 strong {
     font-size: 47px;
     display: inline-block;
     font-weight: 600;
     margin-top: 12px;
     line-height: 23px;
 }
 .abtflps22 p {
     font-size: 21px;
     color: #000;
     line-height: 32px;
     margin-bottom: 30px;
 }
.abtflps22 a.contabt {
    font-weight: 500;
    text-align: center;
    font-size: 16px;
    margin-top: 60px;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 10px 8px 22px !important;
    border-radius: 50px;
    display: flex
;
    justify-content: center;
    align-items: center;
    width: max-content;
}
 .abtflps22 a.contabt:hover {
    background: #000;
 }
 .abtflps22 a.contabt strong {
    background: #fff;
    color: var(--primary-text);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-left: 10px;
 }
 
 .flupevents {
    padding: 20px 0px 90px 0px;
 }
 .flupevents .row {
    align-items: center;
 }
 .events-pic img {
    width: 90%;
 }
 .eventstxt h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .eventstxt h2 {
    font-size: 45px;
    color: #000;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 35px;
    margin-top: 32px;
 }
 .eventstxt p {
    font-size: 22px;
    color: #000;
    line-height: 35px;
    margin-bottom: 30px;
 }
 
 a.startdevnt {
    font-weight: 300;
    font-size: 18px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 22px 8px 22px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
 }
 a.vidoplay {
    font-weight: 500;
    font-size: 17px;
    align-items: center;
    width: max-content;
    border: 1px solid #000;
    color: #2f2f2f;
    padding: 5px 15px 5px 15px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-left: 20px;
 }
 a.vidoplay span {
    background: #cfccbe;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 10px;
 }
 a.vidoplay:hover {
    background: var(--primary-text);
    border: var(--primary-text);
    color: #fff;
 }
 a.startdevnt:hover {
    background: #000;
 }
 
 .offerservice {
     padding: 40px 0px 90px 0px;
 }
 .offerservice h6 {
    font-size: 52px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
 }
 .offerservice h6 span{
   color:var(--primary-text);
 }
 .mobiappsec4 {
     padding-top: 70px;
 }
 .offerservice h2 {
     font-size: 32px;
     color: #000;
     font-weight: 500;
     margin-bottom: 30px;
     margin-top: 22px;
 }
 .offerservice ul {
    padding-left: 0px;
 }
 .offerservice ul li {
    color: #000;
    list-style: none;
    background: #ffffff;
    border-radius: 20px;
    padding: 9px 40px;
    margin-top: 20px;
    box-shadow: rgb(11 35 109 / 22%) 0px 6px 7px;
 }
 .offerservice ul li h5 {
    font-size: 22px;
    font-weight: 600;
 }
 .offerservice ul li p {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px;
 }
 .servicecircle {
     position: relative;
     z-index: 9;
     top: 170px;
 }
 
 .servicecldpn1 {
     position: absolute;
     width: 780px;
     height: 600px;
     z-index: 8;
     top: -180px;
     left: 40px;
     right: 0;
     bottom: 0;
 }
 .servicecldpn2 {
     position: absolute;
     width: 604px;
     z-index: 9;
     top: -93px;
     left: 125px;
     border-radius: 50%;
 }
 .servicecldpn3 {
     width: 471px;
     z-index: 10;
     position: absolute;
     top: -32px;
     left: 191px;
 }
 .servicecldpn4 {
     position: absolute;
     z-index: 11;
     width: 358px;
     top: 32px;
     left: 253px;
 }
 .servicecldpn5 {
     position: absolute;
     width: 220px;
     z-index: 12;
     top: 111px;
     left: 319px;
 }
 .offerservice ul li.srvchov_1:hover .offerservice .servicecircle .servicecldpn1 img {
    filter: invert(1);
    display: none;
 }
 .offerservice ul li:hover p {
     color: #fff;
 }
 .offerservice ul li.srvchov_1:hover {
    background-color: #f22a34;
    color: #fff !important;
 }
 .offerservice ul li.srvchov_2:hover {
    background-color: #f22a34;
    color: #fff !important;
 }
 .offerservice ul li.srvchov_3:hover {
    background-color: #f22a34;
    color: #fff !important;
 }
 .offerservice ul li.srvchov_4:hover {
    background-color: #f22a34;
    color: #fff !important;
 }
 
 .imgwhit1 {
    display: none;
 }
 
 .imgwhit2 {
    display: none;
 }
 
 .imgwhit3 {
    display: none;
 }
 
 .imgwhit4 {
    display: none;
 }
 
 .offerservice ul li.srvchov_1:hover.offerservice ul li h5 {
    color: #fff;
 }
 .offerservice ul li.srvchov_1:hover.offerservice ul li.srvchov_1 p {
    color: #fff;
 }
 
 .flupbrands {
    padding: 30px 0px 50px 0px;
    background: #fe5c000a;
 }
 /* .flupbrands .row {
    align-items: center;
 } */
 .brand_txt h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .brand_txt h2 {
    font-size: 64px;
    color: #000;
    font-weight: 800;
    line-height: 75px;
    margin-bottom: 25px;
    margin-top: 0px;
 }
 .brand_txt h2 span {
    color: var(--primary-text);
 }
 .brand_txt p {
     margin-bottom: 30px;
     font-size: 22px;
     color: #000;
     line-height: 35px;
 }
 .brand_txt a i {
     font-size: 20px;
     background: #fff;
     color: var(--primary-text);
     border-radius: 20px;
     padding: 5px 5px;
     width: 29px;
     height: 30px;
     margin-left: 8px;
 }
 .brandclint {
     background: #fff;
     margin: 8px 5px;
     padding: 4px 2px;
     box-shadow: 0px 11px 34px #c6c6c68f;
     border-radius: 15px;
     height: auto;
 }
 .brand_txt a.startdevnt {
     font-weight: 400;
     font-size: 23px;
     align-items: center;
     width: max-content;
     background: var(--primary-text);
     text-decoration: none;
     color: #fff;
     padding: 8px 15px 8px 15px;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     margin-top: 60px;
 }
 img.red_industry {
    display: none;
 }
 img.indusry_whit {
    border: 1px solid #d1d1d1;
    border-radius: 6px;
 }
 .barndsimg ul.nav li.nav-item button.active img.indusry_whit {
    display: none;
 }
 .barndsimg ul.nav li.nav-item button.active img.red_industry {
    display: block;
 }
 .barndsimg ul.nav {
    border: none;
    justify-content: space-around;
    margin-bottom: 30px;
 }
 .barndsimg ul.nav li.nav-item {
    width: 25%;
    margin-right: 30px;
 }
 .barndsimg ul.nav li.nav-item button {
    padding: 0px;
    border: none;
   position:relative;
 }
 .barndsimg ul.nav li.nav-item button.active:before {
    position: absolute;
    width: 25px;
    height: 25px;
    content: '';
    bottom: -24px;
    border: solid #f22a34;
    border-width: 0 4px 4px 0;
    padding: 0px;
    transform: rotate(45deg);
    -webkit-transform: rotate(46deg);
    margin: auto;
   border-radius: 2px;
 }
 /* .barndsimg tbody tr td {
    border: none;
    padding: 26px;
 } */
 
 .readymadefip {
    padding: 20px 0px 20px 0px;
 }
 .readymdappssolutin{
     position:relative;
 }
 .readymdappssolutin .owl-nav {
     display: flex !important;
     justify-content: center;
     align-items: center;
 }
 .readymdappssolutin .owl-nav button{
     width: 40px;
     height: 40px;
     background: var(--primary-text) !important;
     margin: 0px 10px;
     font-size: 45px !important;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff !important;
     border-radius: 50%;
 }
 .readymdappssolutin .owl-nav button span {
     line-height: 18px !important;
     text-align: -webkit-auto;
     top: 0;
     position: relative;
     padding-bottom: 14px;
 }
.presstitlimg {
    position: relative;
    margin-bottom: 30px;
}
.presstitlimg img {
    width: 100% !important;
    border-radius: 40px;
}
.posttexthnb {
    position: relative;
    height: 100%;
    width: 100%;
    top: -100px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
}
.posttexthnb a {
    background: #fff;
    padding: 8px 20px;
    color: #000;
    font-size: 21px;
    border-radius: 30px;
    display: inline-block;
}
.posttexthnb a code {
    margin-left: 5px;
    background: var(--primary-text);
    width: 30px;
    height: 30px;
    font-size: 20px;
    border-radius: 40px;
    color: #fff;
    padding: 6px 5px;
}
 .readymadefip .d-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
 }
 .readymadefip .d-flex h2 {
    font-size: 68px;
    color: #000;
    font-weight: 800;
    line-height: 59px;
    margin-bottom: 18px;
    margin-top: 0px;
    padding-right: 30px;
    border-right: 3px solid #afacac;
    margin-right: 30px;
 }
 .readymadefip .d-flex h2 span {
    color: var(--primary-text);
 }
 .readymadefip .d-flex a {
    font-weight: 600;
    font-size: 29px;
    align-items: center;
    width: max-content;
    border: 2px solid var(--primary-text);
    color: #ffffff;
    padding: 11px 28px 11px 28px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-left: 20px;
    background: var(--primary-text);
 }
 .readymadefip .d-flex a span {
    width: 45px;
    height: 45px;
    background: #fff;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 53%;
    margin-right: 23px;
 }
 .rdymdapps {
    border: 2px solid #000;
    padding: 30px 40px 60px 40px;
    border-radius: 40px;
    position: relative;
    z-index: 9;
    margin: 0px 0px;
 }
 .rdymdapps img {
    width: 100% !important;
    display: block;
    margin: auto;
 }
 .rdyapptitle {
    display: block;
    text-align: center;
    margin: auto;
    width: max-content;
    font-size: 30px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
 }
 .rdymdapps p {
    text-align: center;
    font-size: 17px;
    padding: 0px 40px;
    margin-bottom: 30px;
 }
 .span1 {
    display: block;
    margin: auto;
    width: max-content;
    padding: 2px 12px;
    font-size: 22px;
    font-weight: 300;
    border-radius: 7px;
    margin-bottom: 20px;
 }
 .appsrat {
    justify-content: center;
 }
 .appsrat h4 {
    font-size: 56px;
    font-weight: 700;
    margin-right: 10px;
 }
 .appsrat h5 {
    color: #000;
    font-weight: 700;
    font-size: 40px;
    position: relative;
    z-index: 1;
    padding: 0px 10px;
 }
 .appsrat h5:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: var(--primary-text);
    rotate: 172deg;
    top: 23px;
    right: 0px;
 }
 .span2 {
    width: max-content;
    display: block;
    background: black;
    color: #fff;
    margin: auto;
    font-size: 23px;
    font-weight: 500;
    padding: 3px 15px;
    border-radius: 15px 0px;
 }
 .rdymdapps strong {
    position: absolute;
    bottom: -20px;
    padding: 8px 28px;
    font-size: 25px;
    font-weight: 400;
    border-radius: 8px;
    z-index: 2;
    left: 22%;
 }
 
 .appindstry {
    position: absolute;
    padding: 8px 20px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0px 0px 10px 10px;
    display: block;
    margin: auto;
    top: 185px;
    left: 20px;
    width: max-content;
    transform-origin: left;
    transform: rotate(270deg) !important;
    text-align: center;
 }
 
 .saveprice span {
    font-weight: 400;
 }
 .saveprice {
    width: max-content;
    position: absolute;
    right: 40px;
    top: 0;
    padding: 8px 14px 30px 14px;
    font-size: 24px;
    font-weight: 700;
 }
 .saveprice:before {
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
    border-bottom: 21px solid white;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
 }
 
 .fluptechnology {
    padding: 100px 0px 90px 0px;
    background: #efefefa6;
 }
 .fluptechnology h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .fluptechnology .d-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
 }
 .fluptechnology .d-flex h2 {
    font-size: 42px;
    color: #000;
    font-weight: 800;
    line-height: 59px;
    margin-bottom: 15px;
    margin-top: 0px;
 }
 .fluptechnology .d-flex h2 span {
    color: var(--primary-text);
 }
 .fluptechnology a {
    font-weight: 500;
    font-size: 24px;
    align-items: center;
    width: max-content;
    border: 2px solid #000000;
    color: #000000;
    padding: 11px 28px 11px 28px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-left: 20px;
 }
 .fluptechnology a span {
    margin-left: 15px;
    color: #e51c2b;
 }
 .technology {
    margin-top: 10px;
    margin-bottom: 70px;
 }
 .technology h2 {
    margin-bottom: 35px;
 }
 .technology h2 span {
    background: var(--primary-text);
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    padding: 12px 25px;
    border-radius: 10px;
    display: inline-block;
 }
 .technology img {
    width: 80%;
    display: block;
    margin: auto;
    border: 2px solid #e1e1e1;
    padding: 12px;
    border-radius: 14px;
    background: #fff;
 }
 .left-technology {
    padding: 20px 60px 30px 0px;
    border-right: 1px solid #000;
 }
 .right-technology {
    padding: 20px 0px 30px 60px;
 }
 
 .blogflupcase {
    padding: 30px 0px 60px 0px;
    background: #fff;
 }
 .blogflupcase h6 {
    font-size: 35px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin: auto;
    display: block;
    width: max-content;
    background: var(--primary-text);
    padding: 7px 19px;
    margin-bottom: 22px;
    border-radius: 50px;
 }
 
 .blogflupcase h2 {
    font-size: 54px;
    color: #000;
    font-weight: 800;
    line-height: 65px;
    margin-bottom: 35px;
    margin-top: 0px;
    text-align: center;
 }
 .blogflupcase h2 span {
    color: var(--primary-text);
 }
 
 .blogflupcase .row {
    align-items: center;
 }
 
 .blog-frst {
    padding: 0;
    position: relative;
 }
 .blogtextdes {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: linear-gradient(90deg, black -38%, transparent 99%);
    border-radius: 80px;
 }
 .blog-frst img {
    border-radius: 80px;
 }
 .blog-frst h5 {
    margin-bottom: 0px;
 }
 .blog-frst h5 a {
    background: #fff;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    padding: 6px 18px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10%;
    margin-left: 60px;
 }
 .blogtextdes h1 a {
    background: var(--primary-text);
    color: #fff;
    font-size: 46px;
    font-weight: 700;
    display: inline-block;
    margin-top: 8%;
    padding: 8px 20px 8px 60px;
    border-radius: 0px 15px 15px 0px;
 }
 .blog-frst h4 {
    font-size: 47px;
    margin-top: 40px;
    margin-bottom: 8px;
    margin-left: 60px;
    color: #fff;
    font-weight: 600;
 }
 .blog-frst h3 a {
    font-weight: 300;
    font-size: 16px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 16px 8px 22px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    margin-top: 5%;
    margin-left: 58px;
 }
 .blog-frst a span {
    background: #fff;
    color: var(--primary-text);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
    margin-left: 14px;
 }
 .blog-scnd {
    background: #fff;
    padding: 27px 27px;
    border-radius: 22px;
 }
 .blog-scnd img {
    border-radius: 22px;
 }
 .blog-scnd h5 {
    margin-bottom: 0px;
 }
 .blog-scnd h5 a {
    background: var(--primary-text);
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 6px 10px;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 18px;
 }
 .blog-scnd h4 {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 8px;
    line-height: 26px;
 }
 .blog-scnd a {
    font-weight: 300;
    font-size: 16px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 16px 8px 22px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
 }
 .blog-scnd a span {
    background: #fff;
    color: var(--primary-text);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
    margin-left: 14px;
 }
 .blg-mrgn {
    margin-top: 38px;
 }
 .blg-mrgn .row {
    align-items: center;
 }
 .blog-frst_scnd {
    position: relative;
    z-index: 1;
    margin: 0px 0px;
 }
 .blogtextdesscnd {
    position: absolute;
    bottom: 0;
    padding: 80px 50px 22px 50px;
    width: 100%;
    background: linear-gradient(358deg, black -16%, transparent 81%);
    border-radius: 80px;
 }
 .blog-frst_scnd img {
    width: 100%;
    border-radius: 80px;
 }
 .blogtextdesscnd h1 {
    text-align: center;
 }
 .blogtextdesscnd h1 a {
    background: var(--primary-text);
    color: #fff;
    font-size: 32px;
    padding: 7px 19px;
    font-weight: 600;
    border-radius: 10px;
 }
 .blogtextdesscnd h4 {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
 }
 .blogtextdesscnd h3{
   text-align:center;
 }
 .blogtextdesscnd h3 a {
    color: #fff;
    font-size: 14px;
 }
 .ctaflup {
    padding: 70px 0px 0px 0px;
    background: #f5f5f5;
 }
 .ctaflup a {
    font-weight: 500;
    font-size: 19px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 22px 8px 22px;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
 }
 .ctaflup h6 {
    font-size: 25px;
    color: #000;
    font-weight: 400;
 }
 .ctaflup h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
 }
 
 .statsflup {
    padding: 100px 0px 90px 0px;
 }
 .statsflup h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .statsflup .d-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
 }
 .statsflup .d-flex h2 {
    font-size: 42px;
    color: #000;
    font-weight: 800;
    line-height: 59px;
    margin-bottom: 15px;
    margin-top: 0px;
    padding-right: 30px;
    border-right: 3px solid #afacac;
    margin-right: 30px;
 }
 .statsflup .row {
    align-items: center;
 }
 .statsflup img {
    width: 90%;
 }
 .statsflup .d-flex h2 span {
    color: var(--primary-text);
 }
 .statsflup .d-flex p {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    margin-bottom: 30px;
 }
 
 .boxstats {
    text-align: center;
    box-shadow: 0px 3px 4px 0px #ddd;
    border-radius: 9px;
    padding: 20px 0px 21px 0px;
    margin: 0px 15px 40px 15px;
 }
 .boxstats h4 {
    font-size: 28px;
    font-weight: 700;
 }
 .boxstats h6 {
    font-weight: 300;
    font-size: 19px;
 }
 .opning-txt h4 a {
     color: #fff;
 }
 .opning-txt h4 a code {
     background: #fff;
     color: red;
     font-size: 22px;
     padding: 10px 13px;
     border-radius: 20px;
     width: 40px;
     height: 40px;
     margin-left: 15px;
 }
 .ftrfrmfill {
    background: #e5e5e585;
    padding: 20px 25px;
    border-radius: 30px;
 }
 /* .ftrfrmfill h4 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 22px;
 } */
 .ftrfrmfill input {
    width: 100%;
    margin-bottom: 20px;
    border: 0px;
    border-bottom: 1px solid #969696;
    background: initial;
    padding: 6px 10px;
    color: #969696;
 }
 .ftrfrmfill input:focus-visible {
    outline: none;
 }
 .ftrfrmfill select {
    width: 100%;
    margin-bottom: 20px;
    border: 0px;
    border-bottom: 1px solid #969696;
    background: initial;
    padding: 6px 10px;
    color: #969696;
 }
 .ftrfrmfill select:focus-visible {
    outline: none;
 }
 .ftrfrmfill textarea {
    width: 100%;
    margin-bottom: 20px;
    border: 0px;
    border-bottom: 1px solid #969696;
    background: initial;
    padding: 6px 10px;
    color: #969696;
    height: 100px;
 }
 .footfrmflup {
    padding: 50px 0px;
 }
 .ftrfrmfill textarea:focus-visible {
    outline: none;
 }
 .ftrfrmfill input[type="submit"] {
    width: auto;
    background: var(--primary-text);
    color: #fff;
    font-size: 20px;
    border: none;
    padding: 4px 20px;
    border-radius: 30px;
 }
 .footfrmflup img {
    width: 83%;
    display: block;
    margin: auto;
 }
 
 .locationflup {
    padding: 50px 0px 50px 0px;
 }
 .locationflup h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .locationflup h2 {
    font-size: 42px;
    color: #000;
    font-weight: 700;
    line-height: 59px;
    margin-bottom: 45px;
    margin-top: 0px;
 }
 .locationflup h2 span {
    color: var(--primary-text);
 }
 .location11 {
    display: flex;
    align-items: center;
    border-right: 1px solid #000;
    border-radius: 12px;
    padding: 10px 0px 15px 20px;
    position: relative;
    margin-bottom: 0px;
 }
 .countryimg {
    font-size: 47px;
    color: #df1c2a;
    margin-right: 30px;
 }
 
 .locationtxt {
    width: 90%;
     padding-right:35px;
 }
 .locationtxt h5 {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 4px;
    border-bottom: 2px solid #000;
    width: max-content;
 }
 .locationtxt p {
    margin-bottom: 0px;
    margin-top: 6px;
    color: #000;
    font-weight: 600;
    font-size: 17px;
 }
 .locationtxt p a {
    color: var(--primary-text);
    text-decoration: none;
    font-weight: 400;
    font-size: 18px;
 }
 
 .footermenu {
    padding: 50px 0px 0px 0px;
    border-bottom: 2px solid #6f6f6f;
    background: linear-gradient(1deg, #b8b8b880, white);
 }
 .termprvclic {
     margin-top: 14px;
     margin-bottom: 15px;
 }
 .termprvclic ul {
     padding-left: 0px;
     margin-bottom: 0px;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .termprvclic ul li {
     list-style: none;
     margin: 0px 4px;
 }
 .termprvclic ul li a {
     font-size: 18px;
     font-weight: 600;
     color: #747171;
 }
 .termprvclic hr {
     width: 2px;
     height: 25px;
     background: black;
     display: block;
     opacity: 1;
     margin: 0px 6px;
 }
 .footerlog img.ftrlogo {
    width: 75%;
    display: block;
 }
 .row.ftrbatchs img {
     width: 113px;
 }
 img.scndimg {
     margin-left: 40px;
     display: block;
     width: 110px ! IMPORTANT;
 }
 .footerlog p {
    font-size: 23px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 25px;
 }
 .footerlog ul {
    padding-left: 0px;
    display: inline-block;
 }
 .footerlog ul li {
    margin-right: 15px;
    list-style: none;
    float: left;
    margin-bottom: 2px;
 }
 .footerlog ul li a {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff !important;
    text-decoration: none;
    font-size: 24px;
 }
 .facebook-i {
    background: #4267b2;
 }
 .twitter-i {
    background: #000000;
 }
 .youtube-i {
    background: #ff0000;
 }
 .linkedin-i {
    background: #0a66c2;
 }
 .instagram-i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
 }
 
 .ftrbatchs {
    align-items: center;
 }
 .ftrmnua h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
 }
 .ftrmnua ul {
    padding-left: 0px;
 }
 .ftrmnua ul li {
    list-style: none;
    margin-bottom: 17px;
 }
 .ftrmnua ul li a {
    text-decoration: none;
    color: #565656;
    font-size: 19px;
 }
 .ftrmnua ul li a:hover {
    color: var(--primary-text);
 }
 .flupglobe h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
 }
 .flupglobe ul {
    padding-left: 0px;
    display: flex;
 }
 .flupglobe ul li {
    list-style: none;
    margin-right: 41px;
 }
 .flupglobe {
    border-right: 2px solid #6f6f6f;
 }
 
 .flupftrpart h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
 }
 .flupftrpart ul {
    padding-left: 0px;
    display: flex;
 }
 .flupftrpart ul li {
    list-style: none;
    margin-right: 41px;
 }
 .ft-mt {
    margin-top: 40px;
 }
 
 .upbh_copyright {
    padding-top: 30px;
    padding-bottom: 10px;
 }
 .upbh_copyright ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
 }
 .upbh_copyright ul li {
    color: #3f3f3f;
    list-style: none;
    font-size: 21px;
 }
 
 /* about us page */
 code {
    font-family: "Outfit", sans-serif;
    font-size: inherit;
 }
 .about-sec2 {
    padding: 50px 0px;
 }
 
 .abaoutimg1 h2 code {
    color: var(--primary-text);
    margin-bottom: 35px;
 }
 .abaoutimg1 img {
    width: 90%;
    margin-top: 20px;
 }
 
 .abaoutimg1 .sow-accordion-panel-open .sow-accordion-panel-header {
    background: #ffffff00 !important;
    color: var(--primary-text) !important;
 }
 .abaoutimg1 .sow-accordion-panel-header {
    color: #000 !important;
    padding: 15px 0px 15px 0px !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #000 !important;
    background: #ffffff00 !important;
 }
 
 .about-sec2 #pg-w655b330085806-0 {
    align-items: center !important;
 }
 .abaoutimg1 p {
    font-size: 21px;
    font-weight: 400;
    margin-top: 14px;
    color: #5c5c5c;
 }
 
 .about-sec2 #pg-w655b59974c6d5-0 {
    align-items: center !important;
 }
 
 .dreammeet h2 code {
    color: var(--primary-text);
 }
 .dreammeet h3 {
    font-size: 27px;
    font-weight: 500;
    color: #4f4f4f;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
 }
 
 .achivement {
    background: #f22a34;
    padding: 60px 60px 50px 60px;
    border-radius: 40px;
    position: relative;
    z-index: 3;
    overflow: hidden;
 }
 .achivement h2 {
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
 }
 .achivement p {
    font-size: 23px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
 }
 .archivepoint {
    text-align: center;
    color: #fff;
 }
 .archivepoint h1 {
    font-size: 47px;
    font-weight: 600;
 }
 .archivepoint h6 {
    font-size: 22px;
    font-weight: 300;
 }
 .achivement:before {
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 230px;
    border: 55px solid #ffffff40;
    content: "";
    border-radius: 50%;
    overflow: hidden;
    top: 52px;
    left: -120px;
 }
 .achivement:after {
    position: absolute;
    z-index: -1;
    width: 230px;
    height: 230px;
    border: 55px solid #ffffff40;
    content: "";
    border-radius: 50%;
    overflow: hidden;
    top: -88px;
    right: -70px;
 }
 .about-sect4 {
    padding: 70px 0px;
 }
 :focus {
    outline: initial !important;
    outline: -webkit-focus-ring-color auto 0px !important;
 }
 
 .fluptestimonial {
    padding: 50px 0px 50px 0px;
 }
 .fluptestimonial h6 {
    font-size: 31px;
    font-weight: 400;
    color: var(--primary-text);
    margin-bottom: 15px;
 }
 .fluptestimonial .d-flex {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
 }
 .fluptestimonial .d-flex h2 {
    font-size: 42px;
    color: #000;
    font-weight: 800;
    line-height: 59px;
    margin-bottom: 15px;
    margin-top: 0px;
    margin-right: 30px;
 }
 .fluptestimonial .d-flex p {
    font-size: 24px;
    color: #000;
    line-height: 30px;
    margin-bottom: 30px;
    padding-left: 30px;
    border-left: 3px solid #afacac;
 }
 .fluptestimonial .d-flex h2 span {
    color: var(--primary-text);
 }
 
 .footerloact {
    border: 3px solid var(--primary-text);
    padding: 25px 25px 40px 25px;
    border-radius: 30px;
    width: 85%;
    margin: auto;
    display: block;
    margin-top: -20px;
    background: #fff;
    box-shadow: 0 10px 30px #00000057;
    position: relative;
 }
 
 .ftrctahd {
    background: var(--primary-text);
    padding: 70px 30px 60px 30px;
 }
 .ftrctahd h2 {
    font-size: 57px;
    text-align: center;
    color: #fff;
    font-weight: 600;
 }
 
 .ftrctahd h6 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    font-weight: 200;
    margin-top: 15px;
 }
 .akmeet {
    position: absolute;
    z-index: 9;
    width: 48%;
    background: var(--primary-text);
    padding: 20px 25px;
    right: -6%;
    bottom: -34%;
    border-radius: 25px;
 }
 .akmeet h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 13px;
 }
 .akmeet h5 {
    font-size: 21px;
    color: #fff;
    margin-bottom: 18px;
    font-weight: 400;
 }
 .akmeet .row {
    align-items: center;
 }
 .akmeet img {
    border-radius: 50%;
    width: 130px;
    border: 3px solid #fff;
 }
 .akmeet ul {
    margin-bottom: 0px;
    padding-left: 0px;
 }
 .akmeet ul li {
    list-style: none;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
 }
 .akmeet ul li span {
    font-size: 21px;
    line-height: 20px;
    color: var(--primary-text);
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
 }
 .akmeet ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    margin-left: 12px;
 }
 
 .servicespnt h2 {
    font-size: 76px;
    font-weight: 700;
    color: #000;
    line-height: 67px;
    margin-bottom: 14px;
 }
 .servicespnt h2 span {
    color: var(--primary-text);
 }
 .servicespnt p {
    font-size: 22px;
    font-weight: 400;
    color: #5c5c5c;
    margin-bottom: 18px;
 }
 .servcfield h4 {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
 }
 .servicesnew {
    padding: 70px 0px 60px 0px;
 }
 .servcfield h5 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
 }
 .srvcbrdbtm {
    margin-top: 15px;
 }
 .srvcnwrw {
    align-items: center;
 }
 .upbenefitnw {
    padding-top: 70px;
    padding-bottom: 50px;
    background: var(--primary-text);
 }
 .benepoint {
    background: #fff;
    padding: 35px 30px;
    border-radius: 20px;
   transition: 1.5s !important;
 }
 
 .upbenefitnw h1 {
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px;
 }
 .upbenefitnw h3 {
    color: #fff;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 10px;
 }
 .benepoint img {
    width: 75% !important;
    display: block;
    margin: auto;
    margin-bottom: 30px;
 }
 /* .benepoint:hover.benepoint img{
   margin-top: 30px;
   margin-bottom: 35px;
   transition: 1.2s;
 } */
.benepoint h2 {
    font-size: 31px;
    font-weight: 900;
    color: #000;
    transition: 0.5s;
    text-align: center;
}
.benepoint h5 {
    font-size: 18px;
    font-weight: 800;
    color: #000;
    text-align: center;
}
 .benepoint .owl-stage {
    display: flex;
    align-items: bottom;
 }
 .fluidperformers {
    padding-top: 80px;
    padding-bottom: 100px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/team_bg.webp);
 }
 .fluidperformers .row {
    align-items: center;
 }
 .performertxt h6 {
    display: inline-block;
    background: var(--primary-text);
    color: #fff;
    padding: 13px 25px;
    font-size: 26px;
    border-radius: 50px;
    margin-bottom: 32px;
 }
 .performertxt h1 {
    font-size: 55px;
    font-weight: 600;
    color: #000;
    background: #ffffff70;
    display: block;
    width: max-content;
 }
 .performertxt h1 {
    font-size: 55px;
    font-weight: 600;
    color: #000;
    background: #ffffff70;
    display: block;
    width: max-content;
    margin-bottom: 20%;
 }
 .joidleader {
    background: #fff;
    padding: 28px 30px 48px 30px;
    border: 2px solid var(--primary-text);
    box-shadow: 0px 21px 26px -9px #525252d9;
 }
 .joidleader h2 {
    font-size: 45px;
    font-weight: 700;
    color: var(--primary-text);
    text-align: center;
 }
 .performertxt h3 {
    width: max-content;
    background: var(--primary-text);
    color: #fff;
    font-size: 54px;
    font-weight: 700;
    padding: 0px 5px;
 }
 .joidleader p {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 25px;
 }
 a.builda {
    font-weight: 500;
    font-size: 18px;
    align-items: center;
    width: max-content;
    background: var(--primary-text);
    text-decoration: none;
    color: #fff;
    padding: 8px 10px 8px 22px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    margin: auto;
 }
 a.builda strong {
    background: #fff;
    color: var(--primary-text);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-left: 10px;
 }
 .orawdsup {
    padding: 90px 0px 30px 0px;
    position: relative;
 }
 .orawdsup h1 {
    font-size: 38px;
    display: inline-block;
    font-weight: 500;
    color: #000;
    margin-bottom: 40px;
    position: relative;
 }
 .orawdsup h1:before {
    position: absolute;
    width: 100px;
    height: 6px;
    background: var(--primary-text);
    z-index: 9;
    content: "";
    bottom: -15px;
 }
 .orawdsup h1 span {
    font-weight: 800;
    color: var(--primary-text);
 }
 .aerdscup {
    display: block;
    width: max-content;
    padding: 3% 12% 10% 6%;
    position: relative;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/award_bg5.webp);
    background-size: cover;
    /* background-position: -219% 121%; */
    background-repeat: no-repeat;
    background-color: #cccccc40;
    border-radius: 0px 60px 60px 0px;
 }
 .aerdscup:before {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
    background-size: cover;
    right: 30px;
    top: 12px;
     z-index: -1;
 }
 .aerdscup h2 {
    font-size: 120px;
    font-weight: 800;
    color: var(--primary-text);
 }
 .aerdscup h4 {
    font-size: 65px;
    font-weight: 700;
    color: #000;
 }
 .aerdscup h5 {
    font-size: 34px;
    font-weight: 700;
    color: #000;
 }
 .achivents {
    background: var(--primary-text);
    padding: 25px 29px;
    border-radius: 40px;
 }
 .achiventsallpont {
    position: absolute;
    width: 70%;
    right: 0;
    top: 34%;
    padding: 10px;
 }
 .achivents .d-flex {
    justify-content: space-between;
 }
 .achivents img {
    width: 40% !important;
 }
 .achivents h5 {
    background: #fff;
    padding: 12px 18px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 22px;
 }
 .achivents h6 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
 }
 .achivents h3 {
     font-size: 22px;
     color: #fff;
     font-weight: 700;
 }
 a.acheivacr {
    display: flex;
    width: 40px;
    height: 40px;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    text-decoration: none;
    color: var(--primary-text);
    border-radius: 50%;
     margin-top: 30px;
 }
 .achiventsnw button.owl-dot {
    border: 2px solid #838383 !important;
    display: block !important;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 5px;
 }
 .achiventsnw .owl-dots {
    display: flex;
    justify-content: end;
    padding-right: 25px;
    margin-top: 10px;
 }
 .achiventsnw button.owl-dot.active {
    background: #f31e2e;
    border: #f31e2e !important;
 }
 .ctaservice {
    background: var(--primary-text);
    padding: 40px 90px;
    border-radius: 30px;
    color: #fff;
    position: relative;
    overflow: hidden;
 }
 .ctaservice:before {
    content: "";
    position: absolute;
    width: 300px;
    height: 64%;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
    background-size: cover;
    z-index: 0;
    opacity: 0.2;
 }
 .ctaservice h2 {
    font-size: 58px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
 }
 .ctaservice h6 {
    text-align: center;
    font-size: 27px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 40px;
    position: relative;
 }
 .ctaservice ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: relative;
 }
 .ctaservice ul li {
    list-style: none;
    font-size: 20px;
    font-weight: 400;
 }
 .ctaservice ul li span {
    font-size: 23px;
    margin-right: 18px;
    position: relative;
 }
 .ctaservice a {
    margin: auto;
    display: block;
    width: max-content;
    padding: 8px 20px;
    background: #fff;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    border-radius: 50px;
    margin-top: 30px;
    position: relative;
 }
 .servicemnimg p {
     margin-bottom: 30px !important;
     font-size: 20px !important;
     color: #fff !important;
 }
 .servicemnimg {
     margin-top: 0px;
     text-align: center;
     background: var(--primary-text);
     padding: 28px 26px;
     border-radius: 20px;
     position: relative;
     z-index: 99;
 }
 .servicemnimg:after {
     content: '';
     position: absolute;
     top: 49px;
     width: 170px;
     height: 170px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
     background: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
     background-size: cover;
     z-index: -1;
     opacity: 0.2;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .servicemnimg a i {
     margin-left: 6px;
     background: var(--primary-text);
     color: #fff;
     padding: 6px 7px;
     border-radius: 20px;
     width: 30px;
     height: 30px;
 }
 .servicemnimg a {
     background: #fff;
     color: var(--primary-text);
     padding: 15px 22px;
     border-radius: 30px;
     font-size: 22px;
     font-weight: 700;
	 display:inline-block;
 }
 .servicemnimg h5 {
     font-size: 40px;
     text-align: center;
     font-weight: 600;
     color: #fff;
     padding-bottom: 5px;
 }
 .ctaservice a i {
     color: var(--primary-text);
     margin-right: 5px;
 }
 .newcatup {
    padding: 60px 0px 50px 0px;
 }
 .servcicon1 {
    position: absolute;
    width: 90%;
    display: block;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 140%;
    border-left: 3px dashed #ffffff4a;
    border-right: 3px dashed #ffffff4a;
    border-radius: 300px;
 }
 .servcicon1 img.ctasubicon1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 53px;
    top: 135px;
    transform: rotate(45deg);
 }
 .servcicon1 img.ctasubicon2 {
    position: absolute;
    left: -16px;
    width: 53px;
    bottom: 195px;
    transform: rotate(45deg);
 }
 
 .servcicon2 {
    position: absolute;
    width: 70%;
    display: block;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 140%;
    border-left: 3px dashed #ffffff4a;
    border-right: 3px dashed #ffffff4a;
    border-radius: 300px;
 }
 .servcicon2 img {
    position: absolute;
    right: 0;
    width: 53px;
    transform: rotate(17deg);
    bottom: 150px;
 }
 .servcicon3 {
    position: absolute;
    width: 50%;
    display: block;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 140%;
    border-left: 3px dashed #ffffff4a;
    border-right: 3px dashed #ffffff4a;
    border-radius: 300px;
 }
 .servcicon3 img {
    position: absolute;
    left: 0;
    width: 53px;
    transform: rotate(17deg);
    bottom: 150px;
 }
 
 .oursevices {
     padding: 70px 0px 30px 0px;
     position: relative;
 }
 .oursevices h2 {
    font-size: 72px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
 }
 .oursevices h2 span {
    color: var(--primary-text);
 }
 .oursevices p {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 40px;
 }
 .servcbx {
    padding: 16px 1px;
    border-radius: 20px;
    margin-bottom: 15px;
    background: #fef2f221;
 }
 .servcbx img {
    width: 18%;
    margin-bottom: 18px;
 }
 .servcbx h3 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
 }
 .servcbx h6 {
     font-size: 17px;
     font-weight: 400;
     line-height: 26px;
	 color: #747171;
 }
 .servcbx a {
    color: var(--primary-text);
    text-decoration: none;
    font-size: 15px;
 }
 .industryflup {
    padding: 60px 0px 50px 0px;
    position: relative;
    background: #f6f6f6;
 }
 .industrydesc {
    margin-bottom: 40px;
 }
 .industrydesc .row {
    align-items: center;
 }
 .industrydesc h6 {
    display: inline-block;
    background: var(--primary-text);
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    padding: 11px 23px;
    border-radius: 50px;
    margin-bottom: 28px;
 }
 .industrydesc h2 {
    font-size: 67px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
 }
 .industrydesc h2 span {
    color: var(--primary-text);
 }
 .industrydesc p {
    font-size: 24px;
    color: #000;
    margin-bottom: 22px;
 }
 .industrydesc a {
    float: right;
    width: max-content;
    margin: auto;
    background: var(--primary-text);
    color: #fff;
    text-decoration: none;
    padding: 18px 20px;
    font-size: 28px;
    font-weight: 500;
    border-radius: 12px;
    display: flex;
    align-items: center;
 }
 .industrydesc a span {
    background: #fff;
    color: var(--primary-text);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    border-radius: 50%;
    margin-right: 16px;
 }
 .industryfield ul.nav {
    background: #ffe6e68f;
    padding: 0px 0px;
    justify-content: space-between;
    border-radius: 40px;
    margin-bottom: 50px !important;
 }
 .industryfield ul.nav button.nav-link {
    color: #000;
    font-size: 21px;
    padding: 10px 35px;
    font-weight: 600;
 }
 .industryfield ul.nav button.nav-link.active {
    background: var(--primary-text);
    border-radius: 40px;
    color: #fff;
 }
 .appintroduce {
    box-shadow: 0px 0px 27px 0px #ccc;
    border-radius: 30px;
    padding: 40px 55px;
 }
 .appintroduce .row {
    align-items: center;
 }
 /* .appmobscreen {
    border-right: 2px solid #000;
 } */
 .appdetail {
    padding-left: 15px;
 }
 .appmobscreen img {
    width: 88%;
    display: block;
 }
 .appdetail img.app_logo {
    width: 36%;
    margin-bottom: 30px;
    display: inline-block;
 }
 .appdetail h4 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
 }
 .appdetail h4 span {
    color: var(--primary-text);
 }
 .appdetail h5 {
     font-size: 17px;
     font-weight: 400;
     line-height: 25px;
     margin-bottom: 30px;
     color: #747171;
 }
 .appdetail img {
    width: 50px;
    display: block;
    margin: auto;
 }
 .appdetail h1 {
    color: var(--primary-text);
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-top: 12px;
 }
 .appdetail p {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
 }
 .app-brdr {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
 }
 .flupcmpnstats {
    padding: 70px 0px 60px 0px;
    position: relative;
 }
 .flupcmpnstats h2 {
    font-size: 67px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    border-left: 10px solid var(--primary-text);
    padding-left: 20px;
 }
 .flupcmpnstats h2 span {
    color: var(--primary-text);
 }
 .flupcmpnstats h6 {
    font-size: 34px;
    color: #000;
    margin-bottom: 25px;
    margin-top: 22px;
 }
 .cmpnstatsbox {
    box-shadow: 0px 4px 9px #ccc;
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 25px;
    text-align: center;
 }
 .cmpnstatsbox h4 {
     font-size: 30px;
     font-weight: 800;
     color: #000;
 }
 .laptopsectimg.secondimg:after {
     top: 0px;
     left: 55px;
 }
 
 .cmpnstatsbox h4 span {
     color: var(--primary-text);
     font-size: 50px;
 }
 .laptopsectimg.secondimg {
     position: absolute;
     width: 29%;
     right: 106px;
     margin-top: 0px;
 }
 .cmpnstatsbox p {
    font-size: 20px;
    font-weight: 500;
    color: #000;
 }
 .cmpnstatsbox a {
    background: var(--primary-text);
    padding: 7px 27px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    border-radius: 50px;
    margin-bottom: 12px;
    margin-top: 13px;
 }
 .statsawrdsup img {
    width: 70%;
    display: block;
    margin: auto;
 }
 .solution_appduce {
     box-shadow: 0px 0px 27px 0px #ccc;
     border-radius: 30px;
     padding: 40px 55px;
     margin: 20px;
 }
 .solution_app_detail {
    padding-left: 15px;
 }
 .ftrlinktab {
     text-align: center;
 }
 .ftrlinktab a {
     font-weight: 400;
     font-size: 19px;
     align-items: center;
     background: var(--primary-text);
     text-decoration: none;
     color: #fff !important;
     padding: 8px 14px 8px 14px;
     border-radius: 33px;
     margin-top: 27px;
     display: inline-block !important;
 }
 .ftrlinktab a i {
     font-size: 20px;
     background: #fff;
     color: var(--primary-text);
     border-radius: 20px;
     padding: 5px 5px;
     width: 29px;
     height: 30px;
     margin-left: 8px;
 }
 .solution_app_detail img.app_logo {
     width: 30% !important;
     display: inline-block !important;
     padding-bottom: 15px;
 }
 .solution_app_detail h4 {
     font-size: 35px;
     font-weight: 700;
     color: #000;
 }
 .solution_app_detail h4 span {
    color: var(--primary-text);
 }
 .solution_app_detail h5 {
    font-size: 19px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 30px;
    margin-top: 20px;
 }
 .solution_app_detail img {
    width: 70px !important;
    display: block !important;
    margin: auto;
 }
 .solution_app_detail h1 {
    color: var(--primary-text);
    font-size: 35px;
    font-weight: 800;
    text-align: center;
    margin-top: 12px;
 }
 .solution_app_detail p {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
 }
 .solution_app_detail .app-brdr {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
 }
 .solution_app_detail a {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
   margin-bottom:30px;
 }
 .solution_app_detail a span {
    width: 35px;
    height: 35px;
    background: var(--primary-text);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    border-radius: 53%;
    margin-left: 12px;
 }
 .readymadefip ul.nav {
    padding: 0px 0px;
    justify-content: space-between;
    margin-bottom: 70px !important;
    margin-top: 40px;
 }
 .readymadefip ul.nav button.nav-link.active {
    background: transparent;
    border-bottom: 4px solid #f22a34;
    padding-bottom: 6px;
    border-radius: inherit;
 }
 .readymadefip ul.nav button.nav-link img {
    width: 50px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
 }
 .readymadefip ul.nav button.nav-link.active img {
    filter: drop-shadow(1px 1px 0px red);
 }
 .readymadefip ul.nav button.nav-link span {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 22px;
    display: inline-block;
 }
 .readymadefip ul.nav button.nav-link.active span {
    color: #f22a34;
 }
 
 
 
 
 
 
 .clientfeedb {
   padding: 30px 0px 40px 0px;
   background: #f4f4f4db;
 }
 .clientfeedb h2 {
    text-align: center;
    font-size: 78px;
    color: #000;
    font-weight: 800;
    line-height: 59px;
    margin-bottom: 25px;
    margin-top: 0px;
 }
 .clientfeedb h2 span {
    color: var(--primary-text);
 }
 .clientfeedb p {
    font-size: 28px;
    color: #525252;
    text-align: center;
    line-height: 42px;
    margin-bottom: 40px;
 }
 .clint_testimonial {
    display: flex;
   position: relative;
 }
 .clint_testi_1 {
    width: 40%;
 }
 .clint_testi_2 {
    width: 60%;
    background-color: #fff;
    padding: 32px 39px;
    border-radius: 0px 35px 35px 0px;
 }
 .clint_testi_2 h1 {
    font-size: 50px;
    font-weight: 700;
    color: #000;
 }
 .clint_testi_2 h1 span {
    color: var(--primary-text);
 }
 .clint_testi_2 h3 {
    font-size: 20px;
     color:#000;
    font-weight: 500;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 25px;
 }
 .clint_testi_2 img {
    width: 35% !important;
 }
 .clint_testi_2 .d-flex {
    justify-content: space-between;
    align-items: center;
 }
 .clint_testi_2 h4 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
 }
 .clint_testi_2 h4 span {
    font-size: 29px;
    font-weight: 400;
    color: #575757;
 }
 
 .testvdojvjkb iframe {
     border-radius: initial;
     width: 100%;
     height: 562px;
 }
 .testvdojvjkb .modal-dialog {
     max-width: 60% !important;
     margin: auto;
     margin-top: 100px;
 }
 .testvdojvjkb .modal-content {
     background: transparent;
     border: initial;
     height: 100%;
 }
 .clint_testimonial img.contrylogoapp {
    position: absolute;
    top: 20px;
    right: 30px;
    border-radius: 50%;
    width: 60px !important;
    height: 60px !important;
 }
 
 .clientwords {
    margin-top: 10px;
 }
 .appclient {
     margin-top: 100px;
 }
 .diffreappsbx {
    background: #fff;
    padding: 23px 20px;
    border-radius: 25px;
    box-shadow: 0px 7px 14px -1px #ccc;
    margin: 50px 10px 20px 10px;
    position: relative;
 }
 /* .diffreappsbx:before {
    width: 120px;
    height: 120px;
    content: "";
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/client.webp);
    top: -50px;
    left: 20px;
    background-size: cover;
    z-index: 1;
 } */
 .diffreappsbx img.clientcontry {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    object-fit: fill;
    text-align: right;
    display: block !important;
    margin-left: auto;
    margin-bottom: 12px;
 }
 .diffreappsbx h6 {
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
 }
 .diffreappsbx .d-flex {
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
 }
 .diffreappsbx .d-flex img {
    width: 40% !important;
 }
 .diffreappsbx h4 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
 }
 .diffreappsbx h4 span {
    font-size: 14px;
    font-weight: 400;
    color: #575757;
 }
 
 
 
 
 .globelocaflup {
    padding-top: 50px;
    padding-bottom: 40px;
    position: relative;
    background: #f4f4f4db;
 }
 .flupalladd .border-bottom {
    border-bottom: 1.5px solid #000;
 }
 .globelocaflup h2 {
    font-size: 70px;
    font-weight: 700;
    color: #000;
    margin-bottom: 40px;
 }
 .globelocaflup h2 span{
   color:var(--primary-text);
 }
 .allsse {
    padding-top: 20px;
    padding-bottom: 25px;
 }
 .globelocaflup ul.nav {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 70px !important;
 }
 .globelocaflup ul.nav button.nav-link {
    border: 2px solid #000;
    border-radius: 40px;
    padding: 7px 42px;
    color: #000;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
 }
 .globelocaflup ul.nav button.nav-link.active {
    background: var(--primary-text);
    color: #fff;
    border: 2px solid var(--primary-text);
 }
 .allsse h1 {
    font-size: 77px;
    font-weight: 800;
    color: var(--primary-text);
 }
 .allsse h3 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
 }
 .allsse h3 span {
    background: var(--primary-text);
    color: #fff;
    padding: 10px 13px;
    font-size: 22px;
    border-radius: 8px;
   margin-right: 10px;
 }
 .allmaplocatup {
    position: relative;
    z-index: 1;
 }
 .mapupbrand {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    padding: 40px 60px 0px 60px;
 }
 .mapupbrand h6 {
    color: #fff;
    font-size: 32px;
    font-weight: 300;
 }
 .mapupbrand h1 {
    font-size: 90px;
    font-weight: 800;
    color: #fff;
    line-height: 80px;
 }
 .mapupbrand h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
 }
 .letstalkflup {
    background: #f6f6f6;
    padding: 90px 0px 70px 0px;
 }
 .letstalkflup .ftrfrmfill {
    box-shadow: 0px 0px 15px 5px #ccc;
    background: #fff;
 }
 .letstalkflup .ftrfrmfill h2 {
    font-size: 56px;
    font-weight: 700;
    color: #000;
    margin-bottom: 30px;
 }
 .letstalkflup .ftrfrmfill h2 span {
    color: var(--primary-text);
 }
 .formimg img {
    width: 82%;
    display: block;
    margin: auto;
 }
 .formimg {
    position: relative;
 }
 .vpcontact {
    background: var(--primary-text);
    width: 70%;
    position: absolute;
    display: block;
    margin: auto;
    bottom: -50px;
    left: 15%;
    padding: 10px 20px;
    border-radius: 20px;
 }
 .vpcontact h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 12px;
 }
 .vpcontact ul {
    padding-left: 0px;
    margin-bottom: 7px;
 }
 .vpcontact ul li {
    list-style: none;
    margin-bottom: 9px;
 }
 .vpcontact ul li a {
    color: #fff;
    font-size: 17px;
 }
 .benefitneup .owl-stage {
    display: flex;
    align-items: end;
    height: 350px;
 }
 .benefitneup .owl-nav {
    display: block;
 }
 .benefitneup .owl-item.active.center .benepoint {
 /*     padding-top: 100px; */
 /* 	transition:1.5s; */
 }
 .benefitneup .owl-item.active.center .benepoint h2{
   padding-bottom:100px !important;
 }
 
 
 
 
 
 
 
 
 /* about us page css */
 .businesleadhed h6 {
    text-align: center;
    font-size: 39px;
    font-weight: 500;
    margin-bottom: 2px;
   color:#000;
 }
 .businesleadhed h2 {
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    color: var(--primary-text);
    position: relative;
    margin-bottom: 50px;
 }
 .businesleadhed h2:before {
    position: absolute;
    content: '';
    width: 30%;
    height: 3px;
    background: #000;
    bottom: -23px;
    left: 38%;
 }
.baepoint {
    padding: 32px 35px;
    background: #ffffff;
    border-radius: 18px;
    transition: 1s;
    margin-bottom: 25px;
    box-shadow: 0px 0px 15px -1px #bfbfbf;
}
 .baepoint h3 {
     font-size: 40px;
     font-weight: 700;
     color: #000;
 }
 .baepoint p {
     font-size: 25px;
     font-weight: 400;
     margin-top: 17px;
 }
 .baepoint a {
    display: inline-block;
    margin-top: 23px;
    background: #fff;
    padding: 8px 21px;
    border-radius: 50px;
    color: #000;
    font-weight: 500;
    font-size: 22px;
 }
 .baepoint:hover{
   background:var(--primary-text);
 }
 .baepoint:hover.baepoint h3{
   color:#fff;
 }
 .baepoint:hover.baepoint p{
   color:#fff;
 }
 
 
 
 .aboutflupinner {
    margin-bottom: 10%;
   position:relative;
 }
 .aboutflupinner img{
   width:100%;
 }
 .abtbnraacp {
    position: absolute;
    width: 50%;
    background: var(--primary-text);
    bottom: -150px;
    right: 100px;
    padding: 26px 40px;
 }
 .abtbnraacp:before {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_white.webp);
    right: 14px;
    top: 10px;
    background-size: cover;
 }
 .abtbnraacp h1 {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
 }
 .abtbnraacp h6 {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 30px;
 }
 .flupaimsabt h2 {
    font-size: 52px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
 }
 .flupaimsabt h6 {
    font-size: 27px;
    font-weight: 400;
    color: #4f4f4f;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px;
 }
 .flupaimsabt img {
    width: 110px;
 }
 .flupaimsabt h3 {
    font-size: 58px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
 }
 .flupaimsabt h3 code{
   color:var(--primary-text);
 }
 .flupaimsabt p {
    font-size: 27px;
    color: #5c5c5c;
    font-weight: 400;
 }
 .missvisimg {
    position: relative;
    z-index: 1;
 }
 .missvisimg:before {
    width: 100px;
    height: 160px;
    background-image:url(https://www.fluper.com/wp-content/uploads/2023/12/dotted_bg.webp);
   background-size:cover;
    position: absolute;
    content: '';
    top: -80px;
    left: -30px;
    z-index: -1;
 }
 .vissionofcimg{
    position: relative;
    z-index: 1;
 }
 .vissionofcimg:before {
    width: 100px;
    height: 160px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/dotted_bg.webp);
    background-size: cover;
    position: absolute;
    content: '';
    top: -60px;
    left: -70px;
    z-index: -1;
    transform: rotate(90deg);
 }
 
 .ratingstrbatch {
    background: #ededed;
    padding: 16px 13px;
    border-radius: 15px;
    align-items: center !important;
 }
 
 .ratingstrbatch ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
   margin-bottom:0px;
 }
 .ratingstrbatch p{
   margin-bottom:0px;
 }
 .ratingstrbatch strong {
    background: var(--primary-text);
    color: #fff;
    display: block;
    text-align: center;
    padding: 2px 0px;
    font-size: 27px;
    border-radius: 12px;
 }
 .ratingstrbatch ul li {
    list-style: none;
    font-size: 25px;
    margin: 0px 1px;
    color: var(--primary-text);
 }
 .aboutexprtuser h2 {
    font-size: 62px;
    text-align: center;
    font-weight: 800;
    color: #000;
    margin-bottom: 30px;
 }
 .aboutexprtuser h6 {
    font-size: 30px;
    text-align: center;
    padding: 0px 150px;
    color: #494949;
    line-height: 40px;
    margin-bottom: 40px;
    font-weight: 400;
 }
 .aboutexprtuser h2 code{
   color:var(--primary-text);
 }
 .ratedcmpnyimg {
    padding: 22px;
    border-radius: 20px;
 }
 .ratedcmpnyimg img{
   width:100%;
 }
 
 .abaoutimg1 img {
    width: 100px;
    margin-top: 20px;
    margin-left: 9%;
 }
 .abaoutimg1 h2 {
    font-size: 59px;
    line-height: 55px;
    font-weight: 800;
    color: #000;
    display: inline-block;
    margin-bottom: 20px;
 }
 .thoughtchaimn {
    position: relative;
    background: var(--primary-text);
    padding: 70px 600px 30px 50px;
    border-radius: 40px;
    z-index: 1;
    margin-top: 5%;
 }
 
 .thoughtchaimn h5 {
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: 18px;
 }
 .thoughtchaimn img {
    position: absolute;
    width: 480px;
    top: -32%;
    right: 50px;
    border: 10px solid #fff;
    border-radius: 50px;
 }
 .thoughtchaimn h3 {
    background: #fff;
    display: inline-block;
    padding: 9px 22px;
    font-size: 26px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #000;
 }
 .abaoutimg1 h6 {
    font-size: 21px;
    font-weight: 500;
    color: #ffffff;
 }
 .thoughtchaimn:before {
    content: "\f10d";
    position: absolute;
    font-size: 120px;
    top: -50px;
    line-height: 80px;
    -webkit-text-stroke-width: 7px;
    -webkit-text-stroke-color: white;
    color: #f22a34;
    left: 80px;
    font-family: 'FontAwesome';
 }
 .mentorstalkhed h1 {
    font-size: 78px;
    font-weight: 800;
    color: #000;
    border-left: 15px solid var(--primary-text);
    padding-left: 30px;
 }
 .mentorstalkhed h1 code{
   color:var(--primary-text);
 }
 .mentorsfluper h3 {
     font-size: 30px;
     font-weight: 500;
     color: #000;
     margin-top: 17%;
     position: relative;
 }
 .mentorsfluper h3:before {
    content: "\f10d";
    position: absolute;
    font-size: 90px;
    top: -100px;
    color: #bbc0cc6b;
    left: 10px;
    font-family: 'FontAwesome';
 }
 .mentorsfluper h2 {
    font-size: 63px;
    font-weight: 800;
    margin-top: 8%;
   color:var(--primary-text);
 }
 .mentorsfluper h6 {
    font-size: 38px;
    font-weight: 500;
    color: #4e4e4e;
 }
 .mentorsfluper {
    position: relative;
 }
 .mentorsfluper img {
    width: 84%;
    display: block;
    margin: auto;
 }
 .dreammeet h6 {
    display: inline-block;
    background: var(--primary-text);
    padding: 15px 28px;
    color: #fff;
    font-size: 35px;
    border-radius: 40px;
    font-weight: 500;
    margin-bottom: 28px;
 }
 .dreammeet h6 code {
    color: #fff;
    font-size: 29px;
    margin-right: 12px;
 }
 .dreammeet h2 {
    font-size: 43px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
 }
 .fluperheads {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 30px;
    background: #e2e2e27a;
    border-radius: 40px;
    border: 1px solid #ccc;
 }
 .about-sect3 {
    padding: 0px 0px;
 }
 .fluperheads span {
    position: absolute;
    right: 20px;
    width: 40px;
    background: #0077b5;
    color: #fff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    bottom: 28px;
 }
 .fluperheads img {
     width: 100%;
     display: block;
     margin: auto;
     border-radius: 20px;
 }
 .fluperheads span a {
    color: #fff;
    font-size: 26px;
 }
 .fluperheads h4 {
    color: #000000;
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
 }
 .fluperheads h6 {
    font-size: 16px;
    color: #565656;
    font-weight: 400;
    margin-top: 10px;
 }
 .globescleclint {
    position: relative;
    padding: 60px 0px 20px 0px;
 }
 .globescleclint h2 {
    font-size: 65px;
    font-weight: 700;
    color: #000;
 }
 .globescleclint h2 code{
   color:var(--primary-text);
 }
 .globescleclint a {
    background: var(--primary-text);
    color: #fff;
    padding: 11px 29px;
    display: inline-block;
    margin-top: 40px;
    font-size: 25px;
    border-radius: 50px;
    font-weight: 500;
 }
 .globescleclint a code{
   margin-right:15px;
 }
 .globescleclint:before {
    position: absolute;
    top: -60px;
    content: '';
    width: 100px;
    height: 100px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
    background-size: cover;
    left: 150px;
 }
 /* end */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .customer-hero-paper {
    position: relative;
    width: 578px;
    height: 538px;
 }
 
 .customer-hero-paper .brick {
    text-align: initial;
    box-shadow: 0px 3px 4px 6px #ccc;
    border-radius: 50%;
 }
 
 .dt {
    color: #2c3145;
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
    opacity: 0;
    transition: cubic-bezier(0, 0.2, 0.4, 1) 0.1s;
 }
 
 .dt:before {
    content: attr(data-name);
    font-size: 18px;
 }
 
 .dt:after {
    content: attr(data-company);
    font-size: 16px;
 }
 
 .ctr1c1 {
    position: absolute;
    left: 17px;
    top: 36px;
 }
 
 .r1c1 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r1c1 .pic {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-10.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 50%;
     width: 120px;
     background-size: cover;
     height: 120px;
     box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r1c1 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/canada-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -40px;
     top: 70px;
     background-size: contain;
 }
 
 .ctr1c2 {
    position: absolute;
    left: 179px;
    top: -30px;
 }
 
 .r1c2 {
     width: 110px;
     height: 110px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     z-index: 10;
 }
 
 .r1c2 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-9.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 
 .r1c2 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/usa-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .ctr1c3 {
    position: absolute;
    left: 354px;
    top: -21px;
 }
 
 .r1c3 {
     width: 110px;
     height: 110px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     z-index: 10;
 }
 
 .r1c3 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-3.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 
 .r1c3 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 .ctr1c4 {
     position: absolute;
     right: 30px;
     top: 110px;
 }
 
 .r1c4 {
     width: 110px;
     height: 110px;
     position: relative;
     display: inline-block;
     vertical-align: middle;
     z-index: 10;
 }
 
 .r1c4 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-2.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 
 .r1c4 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .ctr2c1 {
    position: absolute;
    left: -20px;
    top: 180px;
 }
 
 .r2c1 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r2c1 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-7.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r2c1 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/new-zealand-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 /* .ctr2c2 {
    position: absolute;
    left: 128px;
    top: 142px;
 } */
 
 /* .r2c2 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r2c2 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-8.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r2c2 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
  */
 .ctr2c3 {
     position: absolute;
     left: 208px;
     top: 175px;
 }
 
 .r2c3 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r2c3 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-8.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r2c3 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .ctr2c4 {
     position: absolute;
     right: 33px;
     top: 259px;
     direction: rtl;
 }
 
 .r2c4 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r2c4 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-1.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r2c4 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/uae-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .ctr3c1 {
    position: absolute;
    left: 40px;
    top: 344px;
 }
  
 .r3c1 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r3c1 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-6.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r3c1 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/uae-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 /* .ctr3c2 {
    position: absolute;
    left: 154px;
    top: 242px;
 }
 
 .r3c2 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r3c2 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-8.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r3c2 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 } */
 
 /* .ctr3c3 {
    position: absolute;
    left: 344px;
    top: 241px;
 } */
 
 /* .r3c3 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r3c3 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-8.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r3c3 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 } */
 
 /* .ctr3c4 {
    position: absolute;
    left: 450px;
    top: 358px;
    direction: rtl;
 }
 
 .r3c4 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r3c4 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-8.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r3c4 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/saudi_arab-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 } */
 
 .ctr4c1 {
    position: absolute;
    left: 180px;
    top: 440px;
    direction: rtl;
 }
 
 .r4c1 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r4c1 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-5.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r4c1 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/uae-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .ctr4c2 {
    position: absolute;
    left: 306px;
    top: 364px;
 }
 
 .r4c2 {
    width: 110px;
    height: 110px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
 }
 .r4c2 .pic {
    position: absolute;
    background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/abut-img-4.webp);   
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    width: 120px;
    background-size: cover;
    height: 120px;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.08), 0 36px 36px 0 rgba(0, 0, 0, 0.12);
 }
 .r4c2 .flg {
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/uae-flag.webp);
     background-repeat: no-repeat;
     background-color: #fff;
     border-radius: 9%;
     border: 2px solid #fff;
     width: 55px;
     height: 36px;
     box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.24);
     right: -36px;
     top: 75px;
     background-size: contain;
 }
 
 .bg-blur {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    backdrop-filter: blur(8px);
    transition: 0.34s cubic-bezier(0, 0.2, 0.4, 1);
    margin: -30px;
 }
 
 .bg-blur-active {
    z-index: 98;
    background-color: rgba(255, 255, 255, 0.48);
 }
 
 .bg-blur-inactive {
    animation: remove-blur 80ms forwards cubic-bezier(0, 0.2, 0.4, 1);
 }
 
 @keyframes remove-blur {
    from {
        background-color: rgba(255, 255, 255, 0.48);
        backdrop-filter: blur(8px);
    }
 
    to {
        background-color: transparent;
        backdrop-filter: blur(0);
    }
 }
 
 .ctr-top {
    z-index: 99;
 }
 
 .brick.ctr-top div:hover + .dt {
    opacity: 1;
 }
 
 .wk-client-geo-wrap .customer-hero-mobile {
    display: none;
 }
 
 .customer-logo-with-list-container {
    margin: 30px -15px;
 }
 
 .customer-logo-with-list-container .logo-list-wrap {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.08), 0 0 8px 0 rgba(0, 0, 0, 0.04);
    display: inline-block;
    vertical-align: bottom;
    padding: 30px;
    margin: 15px;
    width: 45%;
    border-bottom: 3px solid #2149f3;
 }
 
 .customer-logo-with-list-container .logo-list-wrap .logo img {
    width: auto;
    margin-left: 0;
 }
 
 .customer-logo-with-list-container .logo-list-wrap .list {
    margin-top: 10px;
 }
 
 .customer-logo-with-list-container .logo-list-wrap .list ul {
    margin: 0;
    position: relative;
    padding-left: 15px;
 }
 
 .customer-logo-with-list-container .logo-list-wrap .list ul li {
    margin: 5px 0;
    font-size: 15px;
    list-style-type: none;
 }
 
 .customer-logo-with-list-container .logo-list-wrap .list ul li:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #2149f3;
    margin-top: 8px;
    position: absolute;
    left: 0;
 }
 
 .customer-logo-gallery-container {
    font-size: 0;
    position: relative;
    margin: 35px auto;
 }
 
 .customer-logo-gallery-container .gallery {
    position: relative;
 }
 
 .customer-logo-gallery-container .gallery:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 100%;
    background: #fff;
 }
 .bg-blur-active {
    transform: scale(1.2);
 }
 
 .customer-logo-gallery-container .gallery:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
 }
 
 .customer-logo-gallery-container .gallery .logo-wrap {
    display: inline-block;
    vertical-align: middle;
    height: 250px;
    width: 250px;
    border: 1px solid #ddd;
    border-right: none;
    border-top: none;
 }
 
 .customer-logo-gallery-container .gallery .logo-wrap img {
    width: auto;
 }
 
 .customer-logo-gallery-container .gallery .logo-wrap:last-child {
    border-right: 1px solid #ddd;
 }
 /* about us */
 
 
 
 
 
 /* team flup */
 
 .teamappflup {
    box-shadow: 0px 0px 6px 3px #e3e3e3;
    border-radius: 10px;
    padding: 0px 20px;
 }
 .appstartsme .row {
    align-items: center;
 }
 .appstartsme .appitmsmemg img {
    width: 93% !important;
    margin: auto;
    display: block !important;
 }
 .menttaldarrow img {
    width: 60%;
    display: block;
    margin: auto;
 }
 
.littleinsight h2 {
    font-size: 45px;
    font-weight: 800;
    color: #000;
    border-left: 15px solid var(--primary-text);
    padding-left: 15px;
}
 .littleinsight h2 code {
    color: var(--primary-text);
 }
.littleinsight p {
    font-size: 18px;
    color: #5c5c5c;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 26px;
}
.teamnbringht {
    box-shadow: 0px 0px 10px 1px #ccc;
    padding: 15px 25px;
    margin-bottom: 25px;
    border-radius: 15px;
    position: relative;
}
 .teamnbringht:before {
    content: '\f058';
    position: absolute;
    top: -25px;
    left: -15px;
    font-family: 'FontAwesome';
    color: var(--primary-text);
    font-size: 36px;
 }
.teamnbringht h3 {
    color: #000;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 0px;
}
.littleinsight a.getteam {
    background: var(--primary-text);
    color: #fff;
    padding: 10px 18px;
    border-radius: 8px;
}
 .teamnbringht h6 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 5px;
 }
 .littleinsight img {
    width: 100%;
    display: block;
    margin: auto;
    height: auto;
 }
 .tealleadararrow{
    width: 50%;
    display: block;
    margin: auto;
 }
 .stopsolution{
   margin-top:20px;
 }
 .stopsolution h2 {
    font-size: 56px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
   position: relative;
 }
 .stopsolution h2:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 130px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
    background-size: cover;
    opacity: 0.2;
    z-index: -1;
    top: -25px;
    left: 45%;
 }
 .stopsolution h3 {
    font-size: 56px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
   position:relative;
 }
 .stopsolution h3 code {
    color: var(--primary-text);
 }
 .allteamtbs .sow-tabs-tab-container {
    background-color: transparent !important;
 }
 .allteamtbs .sow-tabs-tab.sow-tabs-tab-selected {
    background: var(--primary-text) !important;
    color: #fff !important;
     font-size: 17px !important;
    font-weight: 500;
    border-radius: 10px;
 }
 .allteamtbs .sow-tabs-tab {
    color: #000 !important;
    font-weight: 500;
    padding: 16px 10px !important;
    margin-bottom: 15px !important;
    background: #e5e5e5;
    border-radius: 10px;
    width: 15%;
    font-size: 17px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
 }
 .allteamtbs .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-tab-container {
    justify-content: space-between;
 }
 .allteamtbs .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-tab-container .sow-tabs-tab .sow-tabs-title {
    justify-content: center;
 }
 .allteamtbs .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-panel-container {
    background-color: #faebec;
    position: relative;
   border-radius: 20px;
       margin-top: 30px;
 
 }
 .allteamtbs .owl-carousel{
   width: 100% !important;
    left: 0% !important;
 }
 .allteamtbs .owl-carousel .owl-stage-outer {
    width: 100% !important;
 }
 .allteamtbs .sa_owl_theme ul.owl-stage {
    margin: 0px !important;
    padding: 0px !important;
    left: 0 !important;
    margin-left: 0px !important;
 }
 .allteamtbs .owl-carousel.owl-rtl .owl-item {
    float: left;
 }
 .allteamtbs .sa_hover_container {
    background: #fff;
    text-align: center;
    border-radius: 20px;
    margin: 0px 12px !important;
 }
 .allteamtbs .sa_hover_container p {
     font-size: 19px;
     font-weight: 600;
     line-height: 25px;
     margin-bottom: 7px;
 }
 .lifeflup h2 {
    font-size: 76px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
 }
 .lifeflup h2 code {
    color: var(--primary-text);
 }
 .lifeflup p {
    font-size: 22px;
    color: #5c5c5c;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
   padding: 0px 70px;
 }
 
 
 
 
 /* Android App Development css */
 
 
 .androidsect1 {
    padding-top: 60px;
    padding-bottom: 60px;
   position:relative;
 }
 /* .androidsect1:before {
    content: 'ANDROID';
    position: absolute;
    font-size: 95px;
    font-weight: 900;
    color: #0000;
    -webkit-text-stroke: 1px #6f6f6f;
    font-family: sans-serif;
    display: block;
    margin: auto;
    bottom: 3px;
    right: 1px;
    width: 72px;
    transform-origin: left;
    transform: rotate(270deg) !important;
    text-align: center;
    height: auto;
 } */
 .andridsectontxt {
    position: relative;
    z-index: 1;
 }
 .andridsectontxt:before {
     position: absolute;
     content: '';
     width: 100px;
     height: 113px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/android_logo.webp);
     right: -40px;
     top: -20px;
     background-size: cover;
     opacity: 0.6;
 }
 .andridsectontxt h3 {
    font-size: 56px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
 }
 .andridsectontxt p {
    font-size: 30px;
    margin-top: 10px;
    font-weight: 400;
    color: #fff;
 }

.andridsectontxt .row {
    align-items: center;
    background: #fff;
    border-radius: 10px;
    padding: 0px 0px;
    margin-top: 70px;
    width: 508px;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
}
 .andridsectontxt input {
     width: 100% !important;
     border: navajowhite;
     background: #fff;
     font-size: 19px;
     padding: 10px !important;
     border-bottom: 0px solid #000;
 }
 .andridsectontxt span.wpcf7-spinner {
    display: none;
 }
 .andridsectontxt input.wpcf7-form-control.wpcf7-submit.has-spinner {
     background: var(--primary-text);
     width: max-content !important;
     padding: 7px 17px;
     color: #fff;
     font-weight: 500;
     border-radius: 40px;
     display: block;
     margin: auto;
     text-align: end;
     margin-right: 1px;
 }
 .andridsectonimg img {
    width: 100%;
    display: block;
    margin-inline-start: auto;
    height: auto;
 }
 
 
 .androidsect2 {
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
 }
 .androidsect2 .panel-no-style {
     align-items: center !important;
 }
 .androidform {
    background: #fff;
    box-shadow: 0px 0px 37px -2px #ccc;
    padding: 45px 50px;
    border-radius: 40px;
 }
 .androidform h2 {
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 30px;
     color:#000;
 }
 .androidform h2 code{
   color: var(--primary-text);
 }
 .androidform input {
    width: 100%;
    border: navajowhite;
    border-bottom: 2px solid #a1a1a1;
    padding: 10px 0px 15px 0px;
    font-size: 20px;
    color: #000;
 }
 .androidform input::placeholder{
   color: #a1a1a1;
 }
 .androidform select {
    width: 100%;
    border: navajowhite;
    border-bottom: 2px solid #a1a1a1;
    padding: 10px 0px 15px 0px;
    font-size: 20px;
    color: #a1a1a1;
 }
 .androidform select option{
   color:#a1a1a1;
 }
 .androidform textarea {
    width: 100%;
    border: navajowhite;
    border-bottom: 2px solid #a1a1a1;
    padding: 10px 0px 15px 0px;
    font-size: 20px;
    color: #000;
   height:110px;
 }
 .androidform textarea::placeholder{
   color: #a1a1a1;
 }
 .androidform input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: max-content;
    padding: 0;
    border: navajowhite;
    background: none;
    color: #fff;
    position: relative;
    font-size: 22px;
    font-weight: 400;
    font-family: "Outfit", sans-serif;
 }
 .btnsub {
    background: var(--primary-text);
    width: max-content;
    display: flex;
    align-items: center;
    padding: 4px 25px;
    border-radius: 60px;
 }
 .btnsub p{
   margin-bottom:0px;
 }
 .btnsub code{
   color:#fff;
   width:auto;
   margin-right:15px;
 }
 .btnsub span.wpcf7-spinner{
   display:none;
 }
 .androidformdesc h2 {
    font-size: 49px;
    font-weight: 800;
    color: #000;
 }
 .androidformdesc h4 {
    font-size: 23px;
    font-weight: 400;
    color: #454545;
    margin-top: 22px;
    line-height: 32px;
    margin-bottom: 15px;
 }
 .androidformdesc p {
     font-size: 17px;
     line-height: 31px;
     color: #474747;
     text-align: justify;
 }
 
 .androidformdesc ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
 }
 .androidformdesc ul li code {
     color: #fff;
 }
 .androidformdesc ul li {
     list-style: none;
     background: #e9e9e9;
     border-radius: 10px;
     font-size: 50px;
     color: #000;
     margin-right: 15px;
	 width: 100%;
 }
 
 
 .flupandrobox code {
     display: block;
     border-radius: 20px;
     width: 100px;
     margin: auto;
 }
 .flupandrobox {
    background: #cccccc40;
    padding: 30px 35px;
    border-radius: 40px;
	margin: 0 auto;
    text-align: center;
 }
 .flupandrobox h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-top: 30px;
    margin-bottom: 20px;
 }
 .flupandrobox h5 {
     text-align: center;
     font-size: 17px;
     font-weight: 400;
     line-height: 23px;
	 color:#747171;
 }
 .smartphimg ul li:nth-child(2) img {
     width: 50px !important;
 }
 .flupandrobox img.anntopimg {
    width: 100%;
    height: auto;
    border-radius: 30px;
 }
 .androidapplhead h3 {
    font-size: 50px;
    font-weight: 800;
    text-align: center;
    color: #000;
 }
 .androidapplhead h6 {
    font-size: 24px;
    margin-top: 18px;
    font-weight: 400;
    color: #393939cc;
    text-align: center;
    padding: 0px 12%;
   margin-bottom: 40px;
 }
 .androidsect3 {
    padding-top: 50px;
    padding-bottom: 60px;
    position: relative;
 }
 .andrmobotxt h3 {
    font-size: 60px;
    font-weight: 800;
    color: #000;
    position: relative;
    margin-bottom: 44px;
 }
 .andrmobotxt h3:before {
    position: absolute;
    content: '';
    width: 130px;
    height: 8px;
    background: var(--primary-text);
    bottom: -16px;
 }
 .andrmobotxt p {
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 20px;
   color: #393939cc;
 }
 .andrmobotxt ul {
    padding-left: 0px;
 }
 .andrmobotxt ul li{
   list-style:none;
   margin-bottom:10px;
   font-size:18px;
 }
 .andrmobotxt ul li {
    list-style: none;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 400;
   color: #393939cc;
 }
 .andrmobotxt ul li code {
    font-size: 28px;
    margin-right: 15px;
 }
 
 .androidsect3 .panel-row-style{
    align-items: center !important;
    display: flex;
 }
 .andrmobodsimg img {
    width: 100%;
    display: block;
    margin: auto;
 }
 .andrportahref a {
    margin: auto;
    width: max-content;
    background: var(--primary-text);
    color: #fff;
    padding: 6px 11px 6px 25px;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
 }
 .andrportahref a code {
    color: var(--primary-text);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 20px;
    margin-left: 10px;
 }
 .androiporttabs{
   margin-top:30px;
 }
 .androiporttabs .sow-tabs {
    display: flex;
 }
 .androiporttabs .sow-tabs .sow-tabs-tab-container {
    display: block !important;
    width: 35%;
    background: transparent !important;
    padding: 20px 0px 0px 0px !important;
    margin-right: 20px;
 }
 .androiporttabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    display: block !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    background: #ebebeb00;
    padding: 37px 28px !important;
    font-size: 25px !important;
    font-weight: 600;
    border-radius: 12px;
 }
 .androiporttabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
    background: var(--primary-text) !important;
    color: #fff !important;
    box-shadow: 0px 13px 13px 1px #f22a3440;
   position: relative;
 }
 .androiporttabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected:before {
    position: absolute;
    content: '';
    right: 8px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 26px solid #fff;
    border-bottom: 13px solid transparent;
    top: 38px;
 }
 .androiporttabs .sow-tabs-panel-container {
    background: #fff !important;
 }
 .androiporttabs .sow-tabs-panel-container {
    background: #fff !important;
    width: 65%;
 }
 .androiporttabs .sow-tabs-panel-content h2 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 45px;
    position: relative;
 }
 .androiporttabs .sow-tabs-panel-content h2:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 6px;
    background: var(--primary-text);
    bottom: -18px;
 }
 .androiporttabs .sow-tabs-panel-content p {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #393939cc;
 }
 .provhelexpericeind .sow-tabs-tab:hover {
     background-color: inherit !important;
 }
 .androiporttabs ul {
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
 }
 .androiporttabs ul li {
    list-style: inside;
    width: 50%;
    font-size: 20px;
    margin-bottom: 11px;
    color: #000;
	list-style:none;
 }
 .androiporttabs ul li::marker {
    color: var(--primary-text);
    font-size: 28px;
    margin-right: 10px !important;
    width: 10px !important;
 }
 .andtopbrndhd h5 {
    margin: auto;
    text-align: center;
    font-size: 40px;
    margin-top: 50px;
    font-weight: 700;
    color: #393939cc;
    width: max-content;
    display: block;
    border-bottom: 2px solid var(--primary-text);
    padding: 0px 20px 10px 20px;
 }
 .andtopbrndhd .sow-carousel-item h4.sow-carousel-item-title {
    display: none;
 }
 .andtopbrndhd .sow-carousel-item {
    margin: 0px 15px 0px 15px !important;
 }
 .andtopbrndhd .so-widget-sow-anything-carousel {
    border: 1px solid var(--primary-text);
    padding: 8px 10px;
    border-radius: 20px;
    margin-top: 60px;
    box-shadow: 0px 0px 11px 3px #95959557;
 }
 
 
 
 
 
 /* conatcat us page css */
 
 .conatctbnr {
     padding-top: 90px;
     padding-bottom: 20px;
     position: relative;
     margin-bottom: 50px;
 }
 .conatctbnr:before {
     content: 'CONTACTUS';
     position: absolute;
     font-size: 79px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #6f6f6f;
     font-family: sans-serif;
     display: block;
     margin: auto;
     top: 45%;
     right: -26px;
     width: 62px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 .contacttxt h2 {
    font-size: 78px;
    font-weight: 800;
    color: #000;
    margin-top: 0px;
    margin-bottom: 25px;
    text-align: center;
    position: relative;
 }
 .contacttxt h2:before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
    background-size: cover;
    opacity: 0.1;
    z-index: 0;
    top: -65px;
    left: 45%;
 }
 .contacttxt h6 {
    font-size: 26px;
    color: #000000;
    text-align: center;
    line-height: 35px;
    margin-bottom: 30px;
    font-weight: 400;
 }
 .contacttxt ul{
   padding-left:0px;
   margin-bottom:0px;
   display:flex;
   align-items:center;
   justify-content:center;
 }
 .contacttxt ul li {
    list-style: none;
    margin: 0px 10px;
   display:flex;
   align-items:center;
   justify-content:center;
 }
 .contacttxt ul li:nth-child(1) a {
     font-weight: 500;
     font-size: 28px;
     align-items: center;
     width: max-content;
     background: var(--primary-text);
     text-decoration: none;
     color: #fff;
     padding: 15px 24px 15px 24px;
     border-radius: 50px;
     display: flex;
     justify-content: center;
 }
 .contacttxt ul li:nth-child(1) a code {
    background: #fff;
    color: var(--primary-text);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin-left: 10px;
 }
 .contacttxt ul li:nth-child(2) a {
    font-weight: 500;
    font-size: 28px;
    align-items: center;
    width: max-content;
    color: #000;
    padding: 15px 24px 15px 24px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    margin-left: 20px;
    background: #cccccc4a;
 }
 .contacttxt ul li:nth-child(2) a code {
    background: var(--primary-text);
    color: #ffffff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin-left: 10px;
 }
 .conatctbnr img {
    margin-top: 40px;
 }
 .contapgbnrimg {
     position: relative;
     width: 90%;
     background: #ffffff;
     display: block;
     margin: auto;
     padding: 30px 30px;
     box-shadow: 0px 10px 12px -4px #85858569;
     border-radius: 20px;
     text-align: center;
     margin-top: -60px;
 }
 .contapgbnrimg h3 {
    font-size: 38px;
    font-weight: 800;
    color: #000;
    margin-bottom: 12px;
 }
 .contapgbnrimg:before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    margin: auto;
    top: 10px;
    right: 30px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
    background-size: cover;
    z-index: 0;
 }
 .smartphimg{
   position:relative;
   z-index:1;
 }
 .smartphimg img.andrtvscren {
    height: auto;
    width: 78%;
    display: block;
    margin: auto;
 }
 .smartphimg ul {
    padding-left: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }
 .smartphimg ul li {
    position: absolute;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 16px 25px;
    border-radius: 18px;
    box-shadow: 0px 0px 18px -1px #b3b3b3;
    color: #000;
 }
 .smartphimg ul li img {
    width: 100px;
 }
 .smartphimg ul li code {
    margin-right: 15px;
    border-right: 2px solid #757575;
    padding-right: 15px;
 }
 .smartphimg ul li h6 {
    font-size: 27px;
    font-weight: 600;
 }
 .smartphimg ul li strong {
    display: block;
    font-weight: 300;
 }
 .smartphimg ul li:hover{
   background:var(--primary-text);
   color:#fff;
 }
 .smartphimg ul li:hover h6{
   color:#fff;
 }
 .smartphimg ul li:hover code{
    border-right: 2px solid #fff;
 }
 .smartphimg ul li:hover img{
   filter:invert(1);
 }
 .smartphimg ul li:nth-child(1) {
    left: 0;
    top: 20%;
 }
 .smartphimg ul li:nth-child(2) {
    left: 0;
    bottom: 31%;
 }
 .smartphimg ul li:nth-child(3){
   right:0;
    top: 20%;
 }
 .smartphimg ul li:nth-child(4){
   right:0;
   bottom: 31%;
 }
 
 .androidsect5 {
    padding: 60px 0px 100px 0px;
 }
 .custmandriod .sow-tabs {
    display: flex;
 }
 .custmandriod .sow-tabs .sow-tabs-tab-container {
    display: block !important;
    width: 50%;
    background: transparent !important;
    padding: 20px 0px 0px 0px !important;
    padding-right: 220px !important;
 }
 .custmandriod .sow-tabs-panel-container {
    background: #fff !important;
    width: 50%;
    margin-top: -30%;
 }
 
 
 .custmandriod .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
    display: block !important;
    color: #000 !important;
    margin-bottom: 10px !important;
    background: #ebebeb00;
    padding: 37px 28px !important;
    font-size: 29px !important;
    font-weight: 600;
    border-radius: 12px;
 }
 .custmandriod .sow-tabs .sow-tabs-tab-container .sow-tabs-tab-selected {
    background: var(--primary-text) !important;
    color: #fff !important;
    box-shadow: 0px 13px 13px 1px #f22a3440;
    position: relative;
 }
 .custmandriod .sow-tabs-panel-container .sow-tabs-panel {
    padding: 60px 20px 60px 20px;
    background: #c7c7c7;
    border-radius: 40px;
 }
 .custmandriod .sow-tabs-panel-content {
    background: #fff;
    border-radius: 20px;
    padding: 40px 40px;
    position: relative;
    z-index: 1;
 }
 .custmandriod .sow-tabs-panel-content:before {
    content: '\f41b';
    position: absolute;
    bottom: -50px;
    left: 20%;
    font-family: 'FontAwesome';
    font-size: 350px;
    z-index: -1;
    color: #ebebeb;
 }
 .custmandriod .sow-tabs-panel-content:after {
    content: "";
    position: absolute;
    width: 95px;
    height: 95px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
    background-size: cover;
    right: 30px;
    top: 12px;
 }
 .custmandriod .sow-tabs-panel-content img {
    width: 140px;
 }
 .custmandriod .sow-tabs-panel-content h3 {
    font-size: 42px;
    color: #000;
    font-weight: 600;
    margin-bottom: 28px;
 }
 .custmandriod p {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 400;
    color: #393939cc;
 }
 .custmandriod h1 {
    font-size: 58px;
    font-weight: 700;
    color: #000;
 }
 
 .androidsect6 {
    padding-top: 90px;
    padding-bottom: 70px;
 }
 .andrderdhead h2 {
    text-align: center;
    font-size: 57px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
 }
 .andrderdhead h2:before {
    content: 'ANDROID';
    position: absolute;
    font-size: 170px;
    -webkit-text-stroke: 1px #ffffff57;
    font-family: sans-serif;
    color: transparent;
    z-index: -1;
    top: -82px;
    display: block;
    margin: auto;
    left: 20%;
 }
 .fjrycn h2:before {
    content: 'IOS';
    position: absolute;
    font-size: 170px;
    -webkit-text-stroke: 1px #ffffff57;
    font-family: sans-serif;
    color: transparent;
    z-index: -1;
    top: -82px;
    display: block;
    margin: auto;
    left: 0px;
    right: 0px;
	 
 }
 .andrderdhead p {
    text-align: center;
    font-size: 29px;
    color: #fff;
 }
 .andrderdhead h3 {
    font-size: 66px;
    font-weight: 800;
    -webkit-text-stroke: 1px #ffffff;
    font-family: sans-serif;
    color: transparent;
    position: relative;
    margin-bottom: 30px;
 }
 .andrderdhead h3:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 4px;
    background: #fff;
    bottom: -3px;
 }
 .andrderdhead h4 {
    color: #fff;
    font-size: 41px;
    font-weight: 600;
    margin-bottom: 13px;
 }
 .andrderdhead h6 {
    color: #fff;
    font-weight: 300;
    font-size: 21px;
    line-height: 29px;
 }
 .androidsect7 {
    padding-top: 40px;
    padding-bottom: 90px;
 }
 .androiservc {
    padding: 45px 20px;
    border-radius: 30px;
    box-shadow: 0px 0px 12px 2px #c9c9c9c2;
    margin-bottom: 30px;
 }
 .androiservc img {
    width: 110px;
    display: block;
    margin: auto;
 }
 .ansrvcred{
   color:#fff;
 }
 .ansrvcrwhite{
   color:#000;
 }
 .ansrvcred img {
    filter: invert(1);
 }
 .androiservc h6 {
     text-align: center;
     font-size: 28px;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 20px;
 }
 .technicalstack .sow-tabs-panel {
    padding: 0px !important;
    background-color: transparent;
 }
 .technicalstack .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-panel-container {
    background-color: transparent;
    position: relative;
 }
 .technicalstack .sow-tabs-tab-container {
    background: transparent !important;
    justify-content: space-between;
    margin-bottom: 40px;
    border-bottom: 2px solid #828282;
    padding: 12px 0px 0px 0px !important;
 }
 .technicalstack .sow-tabs-tab {
    color: #8d8d8d !important;
    font-size: 30px !important;
    font-weight: 400;
 }
 .technicalstack .sow-tabs-tab.sow-tabs-tab-selected {
    color: #000 !important;
    font-weight: 500;
    background: transparent !important;
    border-bottom: 7px solid var(--primary-text);
 }
 .technicalstack .sow-tabs-panel-content ul {
 /*     display: flex;
    align-items: center;
    justify-content: space-evenly; */
    padding-left: 0px;
 }
 .technicalstack .sow-tabs-panel-content ul li {
    list-style: none;
    background: #fff;
    padding: 23px 25px;
    margin: 0px 10px;
    text-align: center;
    border-radius: 18px;
    width: 15%;
    float: left;
    margin-bottom: 30px;
 }
 .technicalstack .sow-tabs-panel-content ul li img {
    width: 100px;
    display: block;
    margin: auto;
 }
 .technicalstack .sow-tabs-panel-content ul li strong {
    font-size: 18px;
    font-weight: 500;
 }
 .androidsect8 {
    padding-top: 50px;
    padding-bottom: 50px;
 }
 
 
 .upbandevelop img {
    width: 100px;
    display: block;
    margin: auto;
 }
 .upbandevelop h3 {
    font-weight: 700;
    font-size: 27px;
    color: #000;
    height: 100px;
 }
 
 .upbandevelop h3 strong{
    font-weight: 700;
   color: var(--primary-text);
 }
 .upbandevelop {
    text-align: center;
    position: relative;
   
    padding: 15px 25px;
 }
 
 .upbandevelop code {
    position: absolute;
    top: 16%;
    right: 0px;
    width: 45px;
    height: 45px;
    background: white;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 50%;
 }
 .androdmathmet {
    background: #efefef;
    border: 15px solid #fff;
    border-radius: 40px;
    box-shadow: 0px 0px 15px 5px #d1d1d1;
    padding: 40px 20px;
   align-items: center !important;
 }
 .hourlydevelopredrt {
    background: var(--primary-text);
    padding: 35px;
    border-radius: 30px;
 }
 .hourlydevelopredrt img {
    width: 100px;
    display: block;
    margin: auto;
 }
 .hourlydevelopredrt h3 {
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    text-align: center;
 }
 .androidsect9 {
    padding-top: 60px;
    padding-bottom: 120px;
 }
 
 .andrcosthed {
    padding-top: 70px;
    padding-bottom: 130px;
    background: var(--primary-text);
 }
 .andrcosthed h3 {
    font-size: 55px;
    font-weight: 600;
    text-align: center;
    color: #fff;
 }
 .andrcosthed p {
    font-size: 24px;
    margin-top: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding: 0px 12%;
    margin-bottom: 40px;
 }
 .boxallcstandr {
    margin-top: -7%;
 }
 .andrboxcost {
    background: #fff;
    border: 1px solid var(--primary-text);
    padding: 15px 10px;
    border-radius: 35px;
    text-align: center;
 }
 .andrboxcost img {
    width: 100px;
    display: block;
    margin: auto;
 }
 .andrboxcost h3 {
     font-size: 23px;
     font-weight: 800;
     color: #000;
     margin-bottom: 15px;
 }
 .andrboxcost p {
    font-size: 16px;
    margin-top: 18px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
 }
 .androidsect10{
   padding-top: 30px;
    padding-bottom: 30px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* --------- mobile app development ----------- */
 
 .mobiappsec1 {
    padding-top: 60px;
    padding-bottom: 50px;
 }
 .mobicusttxt h6 {
    font-size: 37px;
    font-weight: 500;
    color: var(--primary-text);
    margin-bottom: 30px;
 }
 .mobicusttxt h2 {
    font-size: 54px;
    font-weight: 700;
    margin-bottom: 40px;
 color:#000;
 }
 .mobicusttxt ul {
    padding-left: 0px;
    display: flex;
 }
 .mobicusttxt ul li {
    list-style: none;
    font-size: 23px;
    width: 50%;
    font-weight: 500;
     color:#000;
    margin-bottom: 11px;
 }
 .mobicusttxt ul li code {
    font-size: 26px;
    margin-right: 11px;
 }
 .mobicusttxt a {
    font-weight: 600;
    font-size: 29px;
    align-items: center;
    width: max-content;
    border: 2px solid var(--primary-text);
    color: #ffffff;
    padding: 11px 28px 11px 28px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    background: var(--primary-text);
   margin-top:40px;
 }
 .mobicusttxt a code {
    width: 45px;
    height: 45px;
    background: #fff;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 53%;
    margin-right: 23px;
 }
 .moiappcarotwog {
     padding: 60px 0px 10px 0px;
     position: relative;
 }
 .mobipgetext h2 {
     text-align: center;
     font-size: 52px;
     font-weight: 700;
     color: #000;
     margin-bottom: 30px;
 }
 .mobipgetext p {
     text-align: center;
     font-size: 24px;
 }
 .mobiapp_card {
     background: #ffffff;
     padding: 30px 30px;
     border-radius: 10px;
     border: 1px solid #f22a347d;
 }
 .mobiapp_card span {
     width: 85px;
     display: block;
     background: #fff;
     border-radius: 12px;
     padding: 5px;
 }
 .mobiapp_card h1 {
     color: #000;
     font-size: 28px;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 18px;
 }
 .mobiapp_card p {
     margin-bottom: 0px;
     font-size: 17px;
     line-height: 28px;
 }
 .mobiapp_card:hover {
     background: var(--primary-text);
     transition:1s;
 }
 .mobiapp_card:hover h1 {
     color:#fff;
 }
 .mobiapp_card:hover p{
    color:#fff;
 }
.mobiapp_card a {
    display: inline-block;
    margin-top: 20px;
    background: var(--primary-text);
    color: #fff;
    padding: 8px 20px;
    border-radius: 22px;
}
.mobiapp_card:hover a {
    background: #fff;
    color: var(--primary-text);
}
 .moapdevopcaro .owl-nav {
     display: flex !important;
     justify-content: center;
     align-items: center;
     margin-top: 40px;
 }
 .moapdevopcaro .owl-nav button {
     width: 40px;
     height: 40px;
     background: var(--primary-text) !important;
     margin: 0px 10px;
     font-size: 45px !important;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff !important;
     font-family: "Outfit", sans-serif !important;
     border-radius: 50%;
 }
 .moapdevopcaro .owl-nav button span {
     line-height: 18px !important;
     text-align: -webkit-auto;
     top: 0;
     position: relative;
     padding-bottom: 14px;
 }
 
 
 
 
 
 
 
 .mobiappsec2{
   padding-top:70px;
   padding-bottom:50px;
 }
 .mobimnredbx {
    background: var(--primary-text);
    border-radius: 40px;
    padding: 50px 60px;
    color: #fff;
 }
 .crftingarea h5 {
    font-size: 48px;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
   font-weight: 400;
 }
 .crftingarea h5:before {
    position: absolute;
    content: '';
    width: 130px;
    height: 8px;
    background: #fff;
    bottom: 0px;
 }
 .crftingarea h4 {
    text-transform: uppercase;
    font-size: 54px;
    font-weight: 600;
    margin-bottom: 20px;
 }
 .crftingarea p {
    font-size: 22px;
    line-height: 33px;
     color:#fff;
 }
 .mobinbrhed h1 {
    font-size: 91px;
    font-weight: 700;
    margin-bottom: 12px;
 }
 .mobinbrhed h3 {
    font-size: 25px;
    font-weight: 300;
 }
 .mobinbrhed img {
    margin-top: 60px;
 }
 
 .mobileinterigatup {
    padding: 44px 10px;
    border: 1px solid #a5a5a5;
    border-radius: 15px;
 }
 .mobileinterigatup img {
    width: 32%;
    display: block;
    margin: auto;
    position: relative;
    z-index: 1;
 }
 .mobileinterigatup p{
   position:relative;
   z-index:1;
 }
 .mobileinterigatup p:before {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: var(--primary-text);
    border-radius: 50%;
    left: 30%;
    top: -6px;
 }
 .mobileinterigatup h2 {
    font-size: 22px;
    text-align: center;
    color: #000;
    font-weight: 600;
 }
 .mobileinterigatup:hover{
   background:var(--primary-text);
 }
 .mobileinterigatup:hover p:before{
   background:#fff;
   opacity:0.2;
 }
 .mobileinterigatup:hover h2{
   color:#fff;
 }
 .mobileinterigatup:hover img{
   filter:invert(1);
 }
 .mobidevprone h3 {
     color: #fff;
     font-size: 34px;
     font-weight: 700;
     line-height: 40px;
     margin-bottom: 10px;
 }
 .mobidevprone p {
    font-size: 23px;
    font-weight: 400;
    color: #fff;
 }
 .mobprcesestpbx {
    background: #fff;
    padding: 28px 20px;
 }
 .mobprcesestpbx .d-flex {
    align-items: center;
    justify-content: space-between;
 }
 .mobprcesestpbx img {
    width: 20%;
 }
 .mobprcesestpbx {
    background: #fff;
    padding: 27px 32px;
    border-radius: 25px;
 }
 .mobprcesestpbx strong {
    font-size: 65px;
    font-weight: 800;
    color: #e9e9e9;
 }
 .mobprcesestpbx h3 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 30px;
   position: relative;
 }
 .mobprcesestpbx h3:before {
    position: absolute;
    content: '';
    width: 100px;
    height: 4px;
    background: var(--primary-text);
    bottom: -10px;
 }
 .mobprcesestpbx p {
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
 }
 .mobprcesestpbx a {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 600;
    font-size: 19px;
 }
 .mobprcesestpbx a code {
    color: var(--primary-text);
    margin-left: 8px;
    font-size: 20px;
 }
 .mobiappsec5 {
    padding-top: 50px;
    padding-bottom: 50px;
 }
 .smesstartuli ul {
    padding-left: 0px;
 }
 .smesstartuli ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px 25px;
    border-bottom: 1px solid #858585;
    height: 100px;
 }
 .smesstartuli ul li code {
    width: 60px;
    margin-right: 29px;
    filter: contrast(0.4);
 }
 .smesstartuli ul li strong {
    font-size: 26px;
    font-weight: 400;
    color: #858585;
    line-height: 35px;
 }
 .smesstartuli ul li:hover{
   background: var(--primary-text);
    border-radius: 14px;
 }
 .smesstartuli ul li:hover code{
   filter: initial;
 }
 .smesstartuli ul li:hover code img{
   filter:invert(1);
 }
 .smesstartuli ul li:hover strong{
   color:#fff;
 }
 .smesstartuli ul li:nth-child(1) {
    background: var(--primary-text);
    border-radius: 14px;
 }
 .smesstartuli ul li:nth-child(1) strong{
   color:#fff;
 }
 .smesstartuli ul li:nth-child(1) code{
   filter: initial;
 }
 .smesstartuli ul li:nth-child(1) code img{
   filter:invert(1);
 }
 .smeupimgmob img {
    width: 83%;
    display: block;
    margin: auto;
 }
 .smeupimgmob a {
    font-weight: 600;
    font-size: 22px;
    width: max-content;
    border: 2px solid var(--primary-text);
    color: #ffffff;
    padding: 8px 28px 8px 28px;
    border-radius: 50px;
    display: block;
    margin: auto;
    text-decoration: none;
    background: var(--primary-text);
    margin-top: 10px;
 }
 .expertweup h2 {
    font-size: 56px;
    font-weight: 700;
    color: #000;
    margin-bottom: 12px;
 }
 .expertweup p {
    font-size: 27px;
    font-weight: 400;
    color: #858585;
    margin-bottom: 0px;
    position: relative;
 }
 .expertweup p:before {
    position: absolute;
    width: 100px;
    height: 100px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
    content: '';
    background-size: cover;
    bottom: -70px;
    right: 0;
   opacity:0.5;
 }
 .expertmobbx h1 {
    font-size: 36px;
    font-weight: 600;
    border-left: 6px solid var(--primary-text);
    padding-left: 15px;
    line-height: 42px;
    margin-bottom: 28px;
     color:#000;
 }
 .expertmobbx p {
     font-size: 20px;
     font-weight: 400;
     color: #858585;
     height: 151px;
 }
 .revampbusinnes {
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 30px 20px;
    position: relative;
 }
 .revampbusinnes:before {
    position: absolute;
    width: 45px;
    height: 45px;
    background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow.webp);
    content: '';
    background-size: cover;
    top: 25px;
    right: 15px;
    opacity: 0.6;
 }
 .revampbusinnes h5 {
    width: max-content;
    background: var(--primary-text);
    color: #fff;
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 30px;
 }
 .revampbusinnes h3 {
    font-size: 23px;
    font-weight: 700;
    color: #000;
    margin-top: 18px;
    margin-bottom: 15px;
 }
 .revampbusinnes p {
     font-size: 16px;
     font-weight: 400;
     color: #858585;
     margin-bottom: 0px;
 }
 .revampbusinnes a {
    display: flex;
    width: 40px;
    margin-top: 15px;
    height: 40px;
    background: var(--primary-text);
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    border-radius: 50%;
 }
 .revampbusinnes:hover{
   background: var(--primary-text);
 }
 .revampbusinnes:hover h5{
   background:#fff;
   color:#000;
 }
 .revampbusinnes:hover h3{
   color:#fff;
 }
 .revampbusinnes:hover p{
   color:#fff;
 }
 .revampbusinnes:hover a{
   background: #fff;
    color: var(--primary-text);
 }
 .transpagrybx {
    background: #e5e5e594;
    padding: 60px 50px;
    border-radius: 40px;
 }
 .accessbcupsec {
    background: #fff;
    padding: 30px 15px 13px 15px;
    box-shadow: 0px 0px 10px 1px #adadad9c;
    border-radius: 40px;
 }
 .accessbcupsec h3 {
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 20px;
   color:var(--primary-text);
 }
 .accessbcupsec p {
    font-size: 18px;
    font-weight: 400;
    color: #858585;
 }
 .accessbcupsec p {
     font-size: 21px;
     font-weight: 500;
     color: #000;
     padding-bottom: 40px;
 }
 .accessbcupsec a {
     font-weight: 600;
     font-size: 25px;
     align-items: center;
     width: max-content;
     border: 2px solid var(--primary-text);
     color: #ffffff;
     padding: 6px 20px 6px 15px;
     border-radius: 40px;
     display: flex;
     text-decoration: none;
     background: var(--primary-text);
     margin: 0 auto;
     position: relative;
     top: 24px;
 }
 .accessbcupsec a code {
    width: 35px;
    height: 35px;
    background: #fff;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 50%;
    margin-left: 12px;
 }
 .mobiappredbx {
    background: var(--primary-text);
    border-radius: 30px;
    padding: 22px 20px 12px 20px;
 }
 
 .mobiappredbx ul {
    background: #fff;
    display: flex;
    width: 57%;
    padding: 5px 3px 5px 10px;
    border-radius: 11px;
 }
 .mobiappredbx ul li {
    list-style: none;
    margin-right: 7px;
 }
 .mobiappredbx ul li img {
    width: 100%;
 }
 .mobiappredbx img.mobcodeupfl {
    border: 6px solid #fff;
    border-radius: 30px;
 }
 .integrationsdkup h4 {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    color: var(--primary-text);
 }
 .integrationsdkup h6 {
    font-size: 24px;
    font-weight: 500;
    color: #373737;
    text-align: center;
    padding: 0px 9%;
    line-height: 37px;
    margin-bottom: 30px;
 }
 .integrationsdkup a {
    font-weight: 600;
    font-size: 28px;
    width: max-content;
    border: 2px solid var(--primary-text);
    color: #ffffff;
    padding: 12px 32px 12px 32px;
    border-radius: 60px;
    display: block;
    margin: auto;
    text-decoration: none;
    background: var(--primary-text);
    margin-top: 10px;
 }
 .thrsefvupmob img {
    width: 80%;
    display: block;
    margin: auto;
 }
 .thrsefvupmob h3 {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
     color:#000;
    margin-top: 40px;
    margin-bottom: 40px;
 }
 .mpbtemdevlpup {
    border: 2px solid #f22a349e;
    padding: 28px 20px;
    border-radius: 20px;
    background: linear-gradient(359deg, #f22a3429, transparent);
 }
 .mpbtemdevlpup h2 {
     font-size: 22px;
     text-transform: uppercase;
     font-weight: 700;
     color: var(--primary-text);
 }
 .mpbtemdevlpup h1 {
    font-size: 110px;
    font-weight: 700;
   color: var(--primary-text);
 }
 .mpbtemdevlpup h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
 }
 .mpbtemdevlpup ul {
    display: inline-flex;
    position: relative;
   padding-left:0px;
 }
 .mpbtemdevlpup ul li {
    list-style: none;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 3px solid #fff;
 }
 .mpbtemdevlpup ul:before {
    content: "+";
    position: absolute;
    height: 60px;
    width: 60px;
    background: var(--primary-text);
    border-radius: 50%;
    border: 2px solid rgb(255 255 255);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 51px;
    color: #fff;
    right: -42px;
 }
 .mpbtemdevlpup ul li img {
    border-radius: 50%;
 }
 .mpbtemdevlpup ul li:not(:first-child) {
    margin-left: -12px;
 }
 .tmsucbuldupmob h3 {
    text-align: center;
    font-size: 52px;
    font-weight: 700;
    margin-top: 40px;
     color:#000;
    margin-bottom: 20px
 }
 .tmsucbuldupmob a {
    font-weight: 600;
    font-size: 29px;
    align-items: center;
    width: max-content;
    border: 2px solid var(--primary-text);
    color: #ffffff;
    padding: 11px 28px 11px 28px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    background: var(--primary-text);
    margin: auto;
    margin-top: 40px;
 }
 .tmsucbuldupmob a code {
    width: 45px;
    height: 45px;
    background: #fff;
    color: var(--primary-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    border-radius: 53%;
    margin-right: 23px;
 }
 .whychsupheding h3{
    text-align: center;
     color:#000;
    font-size: 52px;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 20px;
 }
 .whyupchsuli ul {
    padding-left: 0px;
 }
 .whyupchsuli ul li {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 22px 1px;
    border-bottom: 1px solid #858585;
 }
 .whyupchsuli ul li code {
    width: 60px;
    margin-right: 29px;
 }
 .whyupchsuli ul li strong {
    font-size: 29px;
    font-weight: 500;
 }
 
 /* end */
 
 
 
 /* talabat case studies page css */
 .caseapphead {
    position: relative;
 }
 .caseapphead ul {
    padding-left: 0px;
    display: flex;
    align-items: center;
 }
 .caseapphead ul li {
    list-style: none;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 500;
 }
 .caseapphead ul li a{
   color:#000;
 }
 .caseapphead strong {
    font-size: 28px;
    font-weight: 500;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 30px;
 }
 .caseapphead img.applogocase {
    width: 72%;
    margin-top: 30px;
    margin-bottom: 30px;
 }
 .caseapphead h2 {
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
	color:#000;
 }
 .caseapphead h5 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 35px;
 }
 .appdwlon {
    display: flex;
    align-items: center;
	 margin-top: 45px;
 }
 .appdwlon a {
    display: block;
    width: 30%;
   margin-right:30px;
 }
 span.appstepimg1 {
    position: absolute;
    top: 0;
    width: 130px;
    right: 0;
 }
 span.appstepimg2 {
    position: absolute;
    width: 60px;
    bottom: 50px;
    right: -22px;
 }
 .caseapphead:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: -20px;
     top: 200px;
     opacity: 0.2;
 }
 .caseappimghed img {
     width: 88%;
     display: block;
     margin: auto;
 }
 .appcaseabout h5 {
     font-size: 80px;
     font-weight: 400;
     position: relative;
	 color:#000;
     margin-bottom: 40px;
 }
 .appcaseabout h5:before {
     position: absolute;
     width: 130px;
     height: 9px;
     background: var(--primary-text);
     bottom: -15px;
     left: 0;
     content: '';
 }
 .appcaseabout p {
     font-size: 22px;
     line-height: 36px;
     
     display: block;
 }
 .appcaseabout a {
     margin-top: 40px;
     margin-bottom: 30px;
     font-weight: 500;
     font-size: 24px;
     align-items: center;
     width: max-content;
     border: 1px solid #000;
     color: #000;
     padding: 15px 25px 15px 25px;
     display: flex;
     justify-content: center;
     text-decoration: none;
	 border-radius: 45px;
 }
 .appcaseabout a code{
     color: var(--primary-text);
     margin-left:20px;
 }
 .appcaseabout img {
     width: 90%;
 }
 .featurheding h1 {
     text-align: center;
     font-size: 66px;
	 color:#000;
     font-weight: 800;
     position:relative;
 }
 .featurheding h1:before{
     position:absolute;
 }
 .featurheding img {
     width: 90px;
     display: block;
     margin: auto;
     margin-bottom: 30px;
 }
 .featurescasapp .item {
     box-shadow: 0px 0px 13px 1px #cccccca6;
     margin: 10px;
     padding: 15px;
     border-radius: 30px;
 }
 .featurescasapp .d-flex{
     align-items:center;
 }
 .featurescasapp img {
     width: 95px !important;
 }
 .featurescasapp h4 {
     font-size: 26px;
	 color:#000;
     font-weight: 600;
     margin-left: 20px;
 }
 .featurescasapp h6 {
     font-size: 17px;
     font-weight: 400;
     line-height: 26px;
 }
 .featurescasapp .owl-dots {
     display: flex;
     padding-right: 25px;
     margin-top: 10px;
     justify-content: center;
 }
 .featurescasapp button.owl-dot {
     background: #8383834d;
     display: block !important;
     position: relative;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     margin-right: 5px;
 }
 .featurescasapp button.owl-dot.active {
     background: #f31e2e;
     border: #f31e2e !important;
 }
 .caseclintrequrent h1 {
     font-size: 74px;
     font-weight: 700;
 }
 .caseclintrequrent h2 {
     font-size: 64px;
     margin-bottom: 42px;
     font-weight: 400;
	 color:#000;
     position: relative;
 }
 .caseclintrequrent h2:before {
     position: absolute;
     width: 130px;
     height: 8px;
     background: var(--primary-text);
     bottom: -22px;
     left: 0;
     content: '';
 }
 .caseclintrequrent h6 {
     font-size: 26px;
     font-weight: 400;
     margin-bottom: 40px;
 }
 .requreappoint {
     box-shadow: 0px 0px 13px 1px #cccccca6;
     padding: 20px 40px;
     margin-bottom: 40px;
     border-radius: 30px;
 }
 .requreappoint h4 {
     font-size: 28px;
     font-weight: 600;
     position: relative;
	 color:#000;
     padding-left: 36px;
 }
 .requreappoint h4:before {
     content: "";
     position: absolute;
     width: 22px;
     height: 22px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     left: 0;
     top: 6px;
 }
 .requreappoint p {
     font-size: 21px;
     font-weight: 400;
     color: #353535;
 }
 .appcasebenefitshed h3 {
     font-size: 72px;
     text-align: center;
     font-weight: 700;
     margin-bottom: 20px;
	 color:#000;
 }
 .appcasebenefitshed p {
     font-size: 24px;
     text-align: center;
     color: #494949;
     margin-bottom: 40px;
     font-weight: 400;
 }
 .rwbnfitappcse {
     align-items: center !important;
 }
 .sceapbnfttxt h2 {
     font-size: 45px;
	 color:#000;
     font-weight: 700;
     margin-bottom: 20px;
     border-left: 8px solid var(--primary-text);
     padding-left: 12px;
 }
 .sceapbnfttxt p {
     font-size: 20px;
     color: #494949;
     margin-bottom: 40px;
     font-weight: 400;
 }
 .talbtsec5 {
     position: relative;
 }
 .talbtsec5:before {
     position: absolute;
     width: 97%;
     height: 81px;
     background: #ffffff;
     content: '';
     transform: rotate(182deg);
     top: -44px;
     display: block;
     margin: auto;
     left: 46px;
 }
 .talbtsec5:after {
     position: absolute;
     content: '';
     width: 310px;
     height: 240px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/01/shape-1.webp);
     background-size: cover;
     top: 8px;
     left: 0px;
     transform: rotate(2deg);
 }
 .tagetchallengtxt h6 {
     background: var(--primary-text);
     display: inline-block;
     padding: 15px 25px;
     color: #fff;
     font-size: 28px;
     border-radius: 10px;
     margin-bottom: 20px;
     font-weight: 300;
 }
 .tagetchallengtxt h3 {
     font-size: 47px;
     font-weight: 400;
	 color:#000;
     position: relative;
     margin-bottom: 40px;
 }
 .tagetchallengtxt h3:before {
     position: absolute;
     width: 170px;
     height: 3px;
     background: var(--primary-text);
     bottom: -25px;
     left: 0;
     content: '';
 }
 .tagetchallengtxt h4 {
     font-size: 40px;
     margin-top: 30px;
     margin-bottom: 45px;
	 color:#000;
     position: relative;
 }
 .tagetchallengtxt h4:before {
     position: absolute;
     width: 170px;
     height: 3px;
     background: var(--primary-text);
     bottom: -25px;
     left: 0;
     content: '';
 }
 .tagetchallengtxt p {
     font-size: 22px;
     color: #494949;
     margin-bottom: 40px;
 }
 .tagetchallengtxt h3 strong{
     font-size: 57px;
     font-weight: 700;
 }
 .procesplanngcse {
     border: 1px solid #ccc;
     padding: 28px 25px;
 }
 .procesplanngcse h1 {
     font-size: 90px;
     font-weight: 700;
     color: #a9a9a9;
 }
.procesplanngcse h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 13px;
    color: #000;
}
 .procesplanngcse ul {
     padding-left: 0;
 }
 .procesplanngcse ul li {
     list-style: inside;
     font-size: 24px;
     font-weight: 400;
 }
 .procesplanngcse ul li::marker {
     color: var(--primary-text);
 }
 
 .resultcaseapp h3 {
     font-size: 52px;
     text-align: center;
     font-weight: 700;
     margin-bottom: 25px;
	 color:#000;
 }
.resultcaseapp p {
    font-size: 25px;
    text-align: center;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
}
 .resulltmodtabs .sow-accordion-panel-header {
     background-color: transparent !important;
     color: #696969 !important;
     cursor: pointer;
     display: flex;
     padding: 40px 40px 40px 40px !important;
     position: relative;
     flex-direction: row;
     font-size: 26px;
     border: 1px solid #ccc;
     border-radius: 30px;
     font-weight: 500;
     margin-bottom: 20px;
 }
.resulltmodtabs .sow-accordion-panel-open .sow-accordion-panel-header {
    font-weight: 800;
    color: #000 !important;
    border: none;
    padding: 0px !important;
    font-size: 40px;
    line-height: 45px;
}
 .resulltmodtabs .sow-accordion-panel-open .sow-accordion-panel-border {
     background: var(--primary-text) !important;
     color: #fff;
     font-size: 20px;
     padding: 25px 34px !important;
     border-radius: 40px;
 }
.resulltmodtabs .sow-accordion-panel-open .sow-accordion-panel-border p {
    color: #fff;
}
 .resulltmodtabs .so-widget-sow-accordion-default-2b55ed2807e6 .sow-accordion .sow-accordion-panel {
     margin-bottom: 40px;
 }
 .resultappcse {
     position: relative;
     box-shadow: 0px 0px 20px -2px #ccc;
     height: 350px;
     border-radius: 40px;
     z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0px 50px;
 }
 .resultappcse img {
     position: absolute;
     width: 280px;
     z-index: -1;
     opacity: 0.1;
     top: 30px;
     left: 70px;
     display: block;
     margin: auto;
 }
.resultappcse h1 {
    text-align: center;
    font-size: 70px;
    font-weight: 700;
    color: #000;
}
 .resultappcse p {
     text-align: center;
     font-size: 28px;
 }
.appcsebomainclint h4 {
    font-size: 68px;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
    color: #000;
}
 .appcsebomainclint h4:before {
     position: absolute;
     width: 170px;
     height: 5px;
     background: var(--primary-text);
     bottom: -25px;
     left: 0;
     content: '';
 }
 .appcsebomainclint p {
     font-size: 22px;
     color: #494949;
     margin-bottom: 40px;
     font-weight: 400;
 }
 .otherappslide .so-widget-sow-anything-carousel-base-aa7321b71c80 .sow-carousel-container a.sow-carousel-previous, .otherappslide .so-widget-sow-anything-carousel-base-aa7321b71c80 .sow-carousel-container a.sow-carousel-next {
     align-items: center;
     border-radius: 50% !important;
     border: 1px solid var(--primary-text) !important;
     color: var(--primary-text) !important;
     display: flex;
     font-size: 22px !important;
     height: 42px !important;
     justify-content: center;
     width: 42px !important;
 }
 .ratingappcsehed h1 {
     color:#fff;
     text-align:center;
     font-size: 68px;
     font-weight: 700;
     position: relative;
    margin-bottom: 80px;
 }
 .ratintapptext h2 {
     font-size: 60px;
     font-weight: 700;
     color: #fff;
     position: relative;
 }
 .ratintapptext p {
     font-size: 23px;
     color: #fff;
     margin-top: 20px;
 }
 .apponernme {
     background: #fff;
     display: block;
     margin: auto;
     width: max-content;
     padding: 22px 50px;
     border-radius: 12px;
     font-size: 29px;
     text-align: center;
     font-weight: 700;
     line-height: 34px;
     margin-top: -50px;
     z-index: 9;
     position: relative;
	 color:#000;
 }
 .talbtsec13 {
     position: relative;
     padding: 90px 0px !important;
 }
 .talbtsec13:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_white.webp);
     background-size: cover;
     right: 150px;
     top: 70px;
     opacity: 0.2;
 }
 .ratintapptext h2:before {
     content: '\f10d';
     font-size: 160px;
     position: absolute;
     top: -32px;
     line-height: 0px;
     opacity: 0.32;
     font-family: 'FontAwesome';
     left: 0;
 }
 
 
 
 /* end */
 
 
 /* portfolio css start */
 .portfrathead h1 {
     font-size: 98px;
     text-align: center;
     font-weight: 800;
     color:#000;
 }
 .portfrathead p {
     font-size: 27px;
     color: #5c5c5c;
     font-weight: 400;
     text-align: center;
     margin-top: 30px;
 }
 .portfrathead img {
     margin-top: 50px;
 }
 .portfratbrndhed h5 {
     text-align: center;
     font-size: 45px;
     font-weight: 600;
     color:#000;
 }
 .portfefficenttxt h2 {
     color: #fff;
     font-size: 66px;
     font-weight: 700;
     margin-bottom: 35px;
 }
 .portfefficenttxt h6 {
     color: #fff;
     font-size: 35px;
     margin-bottom: 22px;
     font-weight: 600;
 }
 .portfefficenttxt p {
     font-size: 25px;
     color: #fff;
     font-weight: 300;
 }
 .portfefficenttxt a {
     font-weight: 500;
     font-size: 21px;
     align-items: center;
     width: max-content;
     background: #fff;
     text-decoration: none;
     color: #000;
     padding: 10px 18px 10px 27px;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     margin-top: 35px;
 }
 .portfefficenttxt a code {
     background: var(--primary-text);
     color: #fff;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 19px;
     margin-left: 10px;
 }
 .portfolio3 {
     padding: 70px 0px 60px 0px !important;
     position: relative;
 }
 .portfolio3 .panel-no-style {
     align-items: center !important;
 }
 .portappcarousel .approtlogo img {
     width: 300px;
 }
 .portappcarousel .approtlogo h3 {
     font-size: 44px;
     font-weight: 700;
     margin-top: 35px;
     color:#000;
     margin-bottom: 20px;
 }
 .portappcarousel .approtlogo p {
     font-size: 22px;
     color: #000;
     font-weight: 400;
 }
 .aos-init {
     margin-top: 0px;
 }
 .portappcarousel .approtlogo ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
     margin-bottom: 40px;
     margin-top: 30px;
 }
 .portappcarousel .approtlogo ul li {
     font-size: 31px;
     font-weight: 500;
     list-style: none;
     margin-right: 30px;
 }
 .portappcarousel .approtlogo ul li a {
     font-size: 42px;
 }
 .portappcarousel .approtlogo h2 {
     text-align: center;
     font-size: 23px;
 }
 .portappcarousel .approtlogo h2 strong {
     display: block;
     font-size: 50px;
     color: var(--primary-text);
     font-weight: 900;
 }
 .portappcarousel .approtscreen img {
     width: 92%;
     display: block;
     margin: auto;
     float: right;
 }
 .portappcarousel .approtlogo .d-flex a {
     background: var(--primary-text);
     margin-right: 40px;
     padding: 8px 15px;
     color: #fff;
     font-size: 23px;
     margin-top: 30px;
     border-radius: 50px;
 }
 .portappcarousel .approtlogo .d-flex a code {
      margin-left: 12px;
     background: #fff;
     color: var(--primary-text);
     width: 30px;
     height: 30px;
     border-radius: 50px;
     padding: 5px 5px;
     font-size: 20px;
 }
 .portfolio4 {
     padding: 80px 0px 50px 0px !important;
 }
 
 .portfolio8 {
     background: #e9e9e9 !important;
     position: relative;
     padding: 90px 0px 90px 0px !important;
 }
 .portfolio8:before {
     content: "";
     position: absolute;
     width: 95px;
     height: 95px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
     background-size: cover;
     right: 60px;
     bottom: 42px;
     opacity: 0.3;
 }
 .appratportfslid img {
     width: auto;
     display: block;
     margin: auto;
     margin-bottom: 40px;
	 width: 35%;
 }
 .appratportfslid .d-flex {
     align-items: center;
     justify-content: center;
 }
 .appratportfslid .border-right {
     border-right: 2px solid #000;
 }
 .appratportfslid h2 {
     font-size: 200px;
     font-weight: 700;
     color: var(--primary-text);
 }
 .appratportfslid h3 {
     font-size: 84px;
     line-height: 92px;
     color:#000;
     margin-left: 20px;
 }
 .appratportfslid ul {
     margin-top: 20px;
     padding-left: 0px;
     display: flex;
     align-items: center;
     margin-bottom: 35px;
     justify-content: center;
 }
 .appratportfslid ul li {
     list-style: none;
     margin-right: 10px;
     font-size: 38px;
   
 }
 .appratportfslid a {
     font-weight: 600;
     font-size: 24px;
     align-items: center;
     width: max-content;
     color: #ffffff;
     padding: 12px 22px 12px 20px;
     border-radius: 50px;
     display: flex;
     justify-content: center;
     text-decoration: none;
     background: var(--primary-text);
     margin: auto;
     margin-bottom: 50px;
     margin-top: 45px;
     text-transform: capitalize;
 }
 .appratportfslid a code {
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 42px;
     border-radius: 53%;
     margin-left: 0px;
     margin-right: 14px;
 }
 .appratportfslid h6 {
     text-align: center;
     font-size: 27px;
     padding: 0px 10%;
     margin-top: 40px;
     line-height: 38px;
 }
 
 
 /* end */
 
 
 
 /* healthcare-software-development page css */
 
 .industries1 {
     background: rgba(255,59,0,0.04);
     padding: 70px 0px;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }
 .industries1:before {
     width: 400px;
     height: 400px;
     position: absolute;
     content: '';
     right: -150px;
     top: -150px;
     outline: 100px solid #f12a34;
     border-radius: 50%;
     opacity: 0.2;
     z-index: -1;
 }
 .industries1 .panel-no-style{
     align-items:center !important;
 }
 .healthappltext{
     position:relative;
 }
 .healthappltext:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: -20px;
     top: 50px;
     opacity: 0.2;
 }
 .healthappltext ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .healthappltext ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .healthappltext ul li a {
     color: #000;
 }
 .healthappltext h6 {
     display: inline-block;
     margin-top: 50px;
     background: var(--primary-text);
     color: #fff;
     padding: 11px 18px;
     font-size: 20px;
     margin-bottom: 40px;
     border-radius: 40px;
 }
 .healthappltext h2 {
     font-size: 44px;
     font-weight: 700;
     margin-bottom: 15px;
	 color:#000;
 }
 
 .healthappltext p {
     font-size: 22px;
     font-weight: 400;
     color: #525252;
     margin-bottom: 10px;
 }
 .healthappltext img {
     width: 286px;
 }
 
.healthappltext a.requesrheltha {
    width: max-content;
    background: var(--primary-text);
    color: #fff;
    padding: 8px 15px 8px 15px;
    font-size: 21px;
    display: flex;
    align-items: center;
    border-radius: 40px;
    margin-top: 40px;
    margin-left: 0;
}
 .healthappltext a.requesrheltha span {
     color: var(--primary-text);
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     font-size: 20px;
     margin-left: 10px;
 }
 
 .industries3 {
     position: relative;
     z-index: 1;
     overflow: hidden;
 }
 
 .industries3 .panel-no-style{
     align-items:center !important;
 }
 .decadetext h2 {
     color: #fff;
     font-size: 50px;
     font-weight: 600;
     position: relative;
     margin-bottom: 42px;
 }
 .decadetext h2:before {
     position: absolute;
     content: '';
     width: 150px;
     height: 5px;
     background: #fff;
     bottom: -17px;
 }
 .decadetext p {
     color: #fff;
     font-size: 20px;
     font-weight: 300;
 }
 .decadetext a {
     width: max-content;
     background: #fff;
     color: #000;
     padding: 8px 14px 10px 14px;
     font-size: 20px;
     display: flex;
     align-items: center;
     border-radius: 40px;
     margin-top: 20px;
     font-weight: 500;
 }
 .decadetext a code {
     color: #fff;
     background: var(--primary-text);
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     font-size: 17px;
     margin-left: 10px;
 }
 
 
 .industries4 {
     padding-top: 60px;
     padding-bottom: 50px;
     position: relative;
 }
 .healthdevindhed h2 {
     font-size: 62px;
     font-weight: 800;
     text-align: center;
     color: #000;
 }
 .healthdevindhed p {
     font-size: 24px;
     margin-top: 18px;
     font-weight: 400;
     color: #393939cc;
     text-align: center;
     padding: 0px 12%;
     margin-bottom: 40px;
 }
 .industriestabs .sow-tabs {
     box-shadow: 0px 0px 70px -29px #a5a5a5 !important;
     border-radius: 10px !important;
     overflow: hidden;
 }
 .industriestabs .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-tab-container {
     background-color: #ffffff;
     display: flex;
     padding: 0px 0px 0px 0px;
     flex-wrap: wrap;
     border: 1px solid #ccc;
     justify-content: space-between;
     border-radius: 10px 10px 0px 0px !important;
     overflow: hidden;
 }
 .industriestabs .sow-tabs-tab {
     margin: 0px !important;
     color: #000 !important;
     font-size: 26px !important;
     padding: 25px 21px !important;
     font-weight: 600;
 }
 .industriestabs .sow-tabs-tab-selected{
         color: #fff !important;
     background: var(--primary-text) !important;
 }
 .industriestabs .sow-tabs-panel-container {
     background-color: #f9f9f9 !important;
     position: relative !important;
     border-radius: 0px 0px 10px 10px !important;
     border: 0px solid #ccc !important;
 }
 .industriestabs ul {
     padding-left: 0px;
     position: relative;
     margin-bottom: 0px;
 }
 .industriestabs ul li {
     list-style: inside;
     box-shadow: 0px 0px 16px -4px #d5d5d5;
     padding: 30px 25px;
     margin-bottom: 30px;
     font-size: 26px;
     font-weight: 600;
     border-radius: 12px;
 }
 .industriestabs ul li::marker {
     color: var(--primary-text);
     font-size: 30px;
 }
 .industriestabs .row{
     align-items:center !important;
 }
 
 .industries5 {
     padding-top: 60px;
     padding-bottom: 60px;
 }
 .provhelexpericeind .sow-tabs {
     display: flex;
     align-items: center;
 }
 
 .provhelexpericeind .sow-tabs .sow-tabs-tab-container {
     display: block !important;
     width: 45%;
     background: transparent !important;
     padding: 20px 0px 0px 0px !important;
     margin-right: 80px;
 }
 .provhelexpericeind .sow-tabs-panel-container {
     background: #fff !important;
     width: 52%;
     border-radius: 30px;
 }
 .provhelexpericeind .sow-tabs-tab {
     font-size: 37px !important;
     font-weight: 500;
     margin-bottom: 62px !important;
     color: #d9d9d9b5 !important;
 }
 .provhelexpericeind .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-tab-container .sow-tabs-tab.sow-tabs-tab-selected, .provhelexpericeind .so-widget-sow-tabs-default-e4c3ec3e16cb .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover{
     background:transparent !important;
 }
 .provhelexpericeind .sow-tabs-tab-selected {
     color: #fff !important;
     background: transparent !important;
     border-bottom: 4px solid #fff;
     padding-bottom: 25px !important;
 }
 .provhelexpericeind img {
     border-radius: 20px;
 }
 .provhelexpericeind h2 {
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 30px;
     margin-top: 25px;
	 color:#000;
     position: relative;
 }
 .provhelexpericeind h2:before {
     position: absolute;
     content: '';
     width: 100px;
     height: 6px;
     background: var(--primary-text);
     bottom: -18px;
 }
 .provhelexpericeind p {
     font-size: 21px;
     font-weight: 400;
     margin-bottom: 40px;
     color: #393939cc;
 }
 .industries6 {
     padding-top: 100px;
     padding-bottom: 80px;
     position: relative;
 }
 .healthdevfollw h2 {
     text-align: center;
     font-size: 58px;
     font-weight: 700;
     margin-bottom: 25px;
	 color:#000;
 }
 .healthdevfollw p {
     font-size: 24px;
     margin-top: 18px;
     font-weight: 400;
     color: #393939cc;
     text-align: center;
     margin-bottom: 40px;
 }
 .indappprocess {
     border: 1px solid var(--primary-text);
     padding: 20px 22px;
     border-radius: 40px;
 }
 .indappprocess img {
     width: 100px;
     display: block;
     margin: auto;
 }
 .indappprocess h3 {
     text-align: center;
     font-size: 33px;
     font-weight: 600;
     margin-bottom: 20px;
     margin-top: 30px;
	 color:#000;
 }
 .indappprocess p {
     text-align: center;
     font-size: 19px;
     color: #393939cc;
     font-weight: 400;
     line-height: 32px;
 }
 
 .sucessstoriesowl .cliensucapp img {
     width: 110px;
 }
 .sucessstoriesowl .cliensucapp h2 {
     font-size: 48px;
     font-weight: 700;
     margin-top: 50px;
	 color: #000;
 }
 .sucessstoriesowl .cliensucapp h6 {
     font-size: 42px;
     font-weight: 400;
     margin-bottom: 25px;
	 color:#000;
 }
 .sucessstoriesowl .cliensucapp p {
     font-size: 22px;
     font-weight: 400;
     margin-bottom: 40px;
 }
 .sucessstoriesowl .cliensucapp ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .sucessstoriesowl .cliensucapp ul li {
     font-size: 32px;
     font-weight: 500;
     margin-right: 18px;
     list-style: none;
	 color:#000;
 }
 .sucessstoriesowl .cliensucapp ul li code{
     color:#000;
     font-size:45px;
 }
 .sucessstoriesowl .helthappscreen img{
     width:100%;
 }
 .sucessstoriesowl .row{
     align-items:center;
 }
 .sucessstoriesowl h4 {
     font-size: 70px;
     font-weight: 700;
	 color:#000;
 }
 .sucessstoriesowl h5 {
     font-size: 33px;
     font-weight: 300;
	 color:#000;
 }
 .sucessstoriesowl .mbbrder {
     border-bottom: 2px solid #a3a3a3;
     padding-bottom: 40px;
     margin-bottom: 40px;
 }
 
 .industries7 {
     padding-top: 80px;
     padding-bottom: 80px;
 }
 
 .sucessstoriesowl{
     position:relative;
 }
 .sucessstoriesowl a.sow-carousel-previous {
     position: absolute;
     top: -30px;
     right: 80px;
     width: 45px !important;
     height: 45px !important;
     font-size: 22px !important;
 }
 .sucessstoriesowl a.sow-carousel-next {
     position: absolute;
     top: -30px;
     right:0px;
     width: 45px !important;
     height: 45px !important;
     font-size: 22px !important;
 }
 
 
 .recognheathtxt h2 {
     font-size: 62px;
     margin-bottom: 30px;
     color:#000;
 }
 .recognheathtxt p {
     font-size: 24px;
     margin-top: 18px;
     font-weight: 400;
     color: #393939cc;
     margin-bottom: 40px;
 }
 
 .appbatcheshinds{
     position:relative;
 }
 .appbatcheshinds a.sow-carousel-previous {
     position: absolute;
    top: -40%;
     right: 80px;
     width: 45px !important;
     height: 45px !important;
     font-size: 22px !important;
 }
 .appbatcheshinds a.sow-carousel-next {
     position: absolute;
     top: -40%;
     right:0px;
     width: 45px !important;
     height: 45px !important;
     font-size: 22px !important;
 }
 
 
 .industries9{
      padding-top: 80px;
     padding-bottom: 80px;
 }
 .industries9 .panel-no-style{
     align-items:center !important;
 }
 .technologyindusdesc h6 {
     background: #ffffff;
     display: inline-block;
     color: #000;
     font-size: 22px;
     font-weight: 400;
     padding: 10px 25px;
     border-radius: 40px;
 }
 .technologyindusdesc h3 {
     color: #fff;
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 0px;
     margin-top: 15px;
 }
 .technologyindusdesc p {
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 40px;
 }
 .technologyindusdesc ul {
     padding-left: 0px;
 }
 .technologyindusdesc ul li {
     list-style: none;
     width: 27%;
     display: initial;
     float: left;
     margin-right: 30px;
     margin-bottom: 22px;
     border-radius: 10px;
 }
 .technologyindusimg img {
     border: 10px solid #fff;
     border-radius: 22px;
	 margin-top: 25px;
 }
 .industries3 {
    margin-top: 45px;
}
 
 /* end */
 
 
 /* case study page css */
 .caseappheadcase ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .caseappheadcase ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .caseappheadcase ul li a {
     color: #000;
 }
 .casefrstsec {
     position: relative;
 }
 .casefrstsec:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: -20px;
     top: 10px;
     opacity: 0.2;
 }
 .casefrstsec h6 {
     font-size: 38px;
     font-weight: 600;
     margin-top: 15%;
	 color:#000;
     margin-bottom: 20px;
 }
 .casefrstsec h2 {
     font-size: 104px;
     font-weight: 700;
     margin-bottom: 25px;
 }
 .casefrstsec h5 {
     background: var(--primary-text);
     color: #fff;
     padding: 10px 17px;
     border-radius: 10px;
     font-size: 50px;
     margin-bottom: 50px;
 }
 .casefrstsec p {
     font-size: 35px;
     font-weight: 500;
     position:relative;
 }
 .casefrstsec p:before {
     position: absolute;
     width: 90px;
     height: 6px;
     background: var(--primary-text);
     bottom: -3px;
     left: 0;
     content: '';
     border-radius: 25px;
 }
 .toolswecse ul {
     padding: 0px;
 }
 .toolswecse ul li {
     float: left;
     width: 12%;
     list-style: none;
     margin-right: 17px;
 }
 .sacestudsec1 {
     background-color: rgba(255,59,0,0.04);
     padding: 100px 0px 100px 0px;
     position: relative;
 }
 .sacestudsec1:before {
     content: 'CASESTUDY';
     position: absolute;
     font-size: 95px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #6f6f6f;
     font-family: sans-serif;
     display: block;
     margin: auto;
     bottom: 3px;
     right: 1px;
     width: 72px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 
 
 
 
 .sacestudsec2 {
     padding: 60px 0px 70px 0px;
     position: relative;
 }
.pressmnhead {
    padding-top: 60px;
    padding-bottom: 40px;
    position: relative;
}
.pressfrshead h6 {
    font-size: 30px;
    color: #000;
    margin-top: 50px;
    margin-bottom: 30px;
}
.pressfrshead h2 {
    font-size: 110px;
    font-weight: 700;
    margin-bottom: 30px;
}
.pressfrshead h5 {
    background: var(--primary-text);
    color: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 46px;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 20px;
}
 .appdvldesc {
     position: relative;
     width: 100%;
	 margin-bottom: 30px;
 }
.appdvldesc img {
    border-radius: 80px;
}

 .appoverlay {
     position: absolute;
     bottom: 3px;
     left: 3px;
     right: 0;
     background-color: #000000c9;
     overflow: hidden;
     width: 99%;
     height: 99%;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .3s ease;
     transition: .9s ease;
     border-radius: 70px;
 }
 
 .appdvldesc:hover .appoverlay {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
 }
 
 .textapp {
   color: white;
   font-size: 20px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
 }
 .textapp img {
     width: 480px;
 }
 .textapp a {
     border: 1px solid #fff;
     color: #fff;
     font-size: 36px;
     font-weight: 200;
     padding: 10px 29px;
     display: flex;
     border-radius: 50px;
     width: max-content;
     margin: auto;
     margin-top: 30px;
     align-items: center;
 }
 .textapp a code{
     margin-left:20px;
 }
 .casestudhedtw h2 {
     text-align: center;
     font-size: 66px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 20px;
 }
 .casestudhedtw p {
     text-align: center;
     font-size: 28px;
     margin-bottom: 30px;
     color: #525252;
 }
 
 #More {display: none;}
 .apdeschjfh button {
     display: block;
     margin: auto;
     margin-top: 60px;
     padding: 8px 34px;
     font-size: 26px;
     border: 2px solid #000;
 }
 
 /* end */
 
 
 /* Real Estate page css */
 .realestate1 {
     padding-top: 70px;
     padding-bottom: 60px;
     position: relative;
 }
 .realestate1 .panel-no-style {
     align-items: center !important;
 }
 
 .realesttehedtxt {
     position: relative;
 }
 .realesttehedtxt:after {
     content: "";
     position: absolute;
     width: 90px;
     height: 90px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: -60px;
     top: 0px;
 }
 .realesttehedtxt ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .realesttehedtxt ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .realesttehedtxt ul li a {
     color: #000;
 }
 .realesttehedtxt h2 {
     font-size: 58px;
     font-weight: 700;
     margin-top: 50px;
     margin-bottom: 30px;
 }
 .realesttehedtxt p {
     font-size: 21px;
     margin-top: 13px;
     font-weight: 400;
     color: #393939cc;
     margin-bottom: 26px;
 }
 .realesttehedtxt h6 {
     font-size: 28px;
     font-weight: 600;
     margin-bottom: 50px;
     position: relative;
 }
 .realesttehedtxt h6:before {
     position: absolute;
     content: '';
     width: 60px;
     height: 4px;
     background: var(--primary-text);
     bottom: -7px;
 }
 .offrpoint {
     display: block;
     padding: 20px 0px 20px 53px;
     border: 1px solid #d9d9d9;
     width: 43%;
     margin-right: 30px;
     margin-bottom: 30px;
     font-size: 20px;
     font-weight: 600;
     border-radius: 10px;
     position: relative;
 }
 .offrpoint:hover{
     background:var(--primary-text);
     color:#fff;
 }
 .offrpoint:hover.offrpoint:before{
     background: #fff;
 }
 .offrpoint:before {
     position: absolute;
     width: 10px;
     height: 10px;
     content: '';
     background: var(--primary-text);
     left: 30px;
     border-radius: 50%;
     top: 29px;
 }
 
 
 .realestate2 {
     padding-top: 70px;
     padding-bottom: 60px;
     position: relative;
     background: #f7f7f7;
 }
 .fullspectm h2 {
     text-align: center;
     font-size: 62px;
     margin-bottom: 30px;
     font-weight: 500;
	 color:#000;
 }
 .fullspectm h2 strong{
     font-weight:700;
 }
 .fullspectm p {
     font-size: 22px;
     color: #525252;
     text-align: center;
     margin-bottom: 40px;
 }
 .webrealbx {
     background: #fff;
     padding: 47px 40px;
     border-radius: 30px;
 }
 .webrealbx h2 {
     font-size: 43px;
     font-weight: 600;
     margin-bottom: 19px;
	 color:#000;
 }
 .webrealbx p {
     font-size: 18px;
     font-weight: 400;
     color: #525252;
 }
 .webrealbx img {
     width: 97%;
     display: block;
     margin: auto;
     margin-top: 40px;
         border-radius: 30px;
 }
 .webrealbx {
     background: #fff;
     padding: 50px 40px;
     border-radius: 30px;
 }
 .realestatbusiness h2 {
     font-size: 60px;
     font-weight: 700;
     margin-bottom: 32px;
     position:relative;
	 color:#000;
 }
 .realestatbusiness h2:before {
     position: absolute;
     content: '';
     width: 320px;
     height: 2px;
     background: var(--primary-text);
     bottom: -7px;
 }
 .realestatbusiness p {
     font-size: 24px;
     font-weight: 400;
     color: #525252;
 }
 .realestatbusisimg img {
     width: 60%;
     float: right;
 }
 .realestateaccord h3 {
     font-size: 56px;
     font-weight: 600;
     margin-bottom: 40px;
     border-left: 8px solid var(--primary-text);
     padding-left: 15px;
	 color:#000;
 }
 
 .realestateaccord .sow-accordion-panel-header {
     background-color: #f1f1f1 !important;
     color: #2b2b2b !important;
     padding: 22px 30px 20px 30px !important;
     font-size: 32px !important;
     border-radius: 20px !important;
     font-weight: 600;
 }
 .realestateaccord .sow-accordion-panel-open .sow-accordion-panel-header {
     background: var(--primary-text) !important;
     font-size: 36px;
     font-weight: 600;
     color: #fff !important;
     border-radius: 20px 20px 0px 0px !important;
 }
 .realestateaccord .sow-accordion-panel-open .sow-accordion-panel-border {
     background: var(--primary-text) !important;
     font-size: 20px;
     color: #fff !important;
     border-radius: 0px 0px 20px 20px !important;
 }
 .realestateaccord .sow-accordion-panel {
     margin-bottom: 20px !important;
 }
 .realestate3 {
     padding-top: 70px;
     padding-bottom: 60px;
     position: relative;
 }
 .accordimgscreen img {
     width: 88%;
     float: right;
     margin: auto;
 }
 .featuboxreal {
     box-shadow: 0px 0px 23px 6px #d7d7d7;
     margin-bottom: 20px;
     border-radius: 30px;
     padding: 30px 50px;
 }
 .workfeatuhed h6 {
     display: inline-block;
     background: var(--primary-text);
     color: #fff;
     padding: 10px 30px;
     border-radius: 40px;
     font-size: 24px;
     font-weight: 400;
     margin-bottom: 20px;
 }
 .workfeatuhed h2 {
     font-size: 56px;
     font-weight: 700;
	 color:#000;
 }
 .prdworkpoint img {
     width: 75px;
     display: block;
     margin: auto;
 }
 .prdworkpoint h1 {
     text-align: center;
     font-size: 50px;
     font-weight: 800;
	 color:#000;
 }
 .prdworkpoint p {
     text-align: center;
     font-size: 19px;
     font-weight: 500;
     color: #525252;
 }
 .realestate4 {
     padding-bottom: 60px;
     position: relative;
 }
 .realestate5 {
     padding-top: 70px;
     padding-bottom: 60px;
     position: relative;
     background: #f7f7f7;
 }
 .elevtextreales h2 {
     font-size: 44px;
     font-weight: 700;
     margin-bottom: 25px;
	 color:#000;
 }
 .elevtextreales p {
     font-size: 22px;
     font-weight: 400;
     margin-bottom: 35px;
     color: #535353;
 }
 .elevtextreales ul {
     padding-left: 0px;
     margin-bottom: 0px;
     display: flex;
     flex-wrap: wrap;
 }
 .elevtextreales ul li {
     width: 47%;
     float: left;
     list-style: none;
     background: #fff;
     margin-bottom: 10px;
     margin-right: 15px;
     display: flex;
     align-items: center;
     border-radius: 15px;
     box-shadow: 0px 0px 9px -3px #a9a9a9;
     font-size: 18px;
     padding: 20px 0px 20px 88px;
     position: relative;
 }
 .elevtextreales ul li code {
     display: flex;
     width: 57px;
     height: 57px;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     border-radius: 50%;
     margin-right: 20px;
     position: absolute;
     left: 20px;
 }
 .featrealesfghd h2 {
     font-size: 52px;
     font-weight: 700;
     margin-bottom: 30px;
	 color:#000;
 }
 .featrealesfghd p {
     font-size: 22px;
     font-weight: 400;
     color: #525252;
 }
 .featrealcarousel img {
     border-radius: 22px;
 }
 .featrealcarousel h2 {
     font-size: 28px;
     margin-top: 23px;
     margin-bottom: 14px;
     font-weight: 600;
	 color:#000;
 }
 .featrealcarousel p {
     color: #525252;
     font-size: 18px;
     margin-bottom: 20px;
 }
 .featrealcarousel a {
     font-size: 23px;
     margin-top: 10px;
     display: block;
 }
 .realestate6 {
     padding-top: 30px;
     padding-bottom: 40px;
 }
 
 /* end */
 
 
 /* location country wise page css */
 
 .locatwebtext ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .locatwebtext ul li code{
     color: #000;
 }
 .locatwebtext ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .locatwebtext ul li a {
     color: #000;
 }
 
 .locatwise1 {
     padding-top: 30px;
     padding-bottom: 30px;
     position: relative;
 }
 /* .locatwise1:before {
     content: 'USA';
     position: absolute;
     font-size: 137px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #6f6f6f;
     font-family: sans-serif;
     display: block;
     margin: auto;
     top: 42%;
     right: 0px;
     width: 72px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 } */
 .locatwebtext {
     position: relative;
 }
 .locatwebtext:after {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: -40px;
     top: -30px;
 }
 .locatwebtext h2 {
     font-size: 53px;
     font-weight: 700;
     margin-top: 52px;
     margin-bottom: 30px;
 }
 .locatwebtext h6{
     font-size: 22px;
     line-height: 34px;
     margin-bottom: 30px;
     font-weight: 400;
     color: #525252;
 }
 .locatwebtext a.getlacat {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 6px 11px 6px 25px;
     font-size: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 40px;
 }
 .locatwebtext a.getlacat code {
     color: var(--primary-text);
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     font-size: 20px;
     margin-left: 10px;
 }
 
 .locatwise2 {
     padding-top: 80px;
     padding-bottom: 70px;
     position: relative;
 }
 .topratlftleft h6 {
     padding: 10px 14px;
     width: max-content;
     background: #fff;
     font-weight: 600;
     font-size: 20px;
     border-radius: 6px;
     margin-bottom: 18px;
     color: var(--primary-text);
 }
 .topratlftleft h2 {
     font-size: 48px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 20px;
     margin-top: 20px;
 }
 .topratlftleft p {
     color: #fff;
     font-size: 20px;
     font-weight: 300;
 }
 .topratlftright .d-flex{
     align-items:center;
 }
 .topratlftright .d-flex h2 {
     color: #fff;
     font-size: 150px;
     font-weight: 700;
 }
 .topratlftright .d-flex h3 {
     color: #fff;
     font-size: 34px;
     font-weight: 600;
 }
 .topratlftright .d-flex p code {
     color: #fff;
     font-size: 18px;
 }
 .satisfacboxhvr {
     border: 1px solid #fff;
     margin-top: 30px;
     padding: 26px 29px;
     border-radius: 15px;
     color: #fff;
 }
 .satisfacboxhvr h4 {
     font-size: 20px;
     font-weight: 400;
     margin-bottom: 30px;
 }
 .satisfacboxhvr h3 {
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 18px;
 }
 .satisfacboxhvr h5 {
     font-size: 17px;
     font-weight: 400;
     line-height: 24px;
 }
 .satisfacboxhvr a {
     color: var(--primary-text);
     background: #fff;
     padding: 9px 20px;
     display: inline-block;
     font-size: 20px;
     border-radius: 9px;
     font-weight: 500;
     margin-top: 16px;
 }
 .satisfacboxhvr:hover{
     background:#fff;
     color: #000;
 }
 .satisfacboxhvr:hover.satisfacboxhvr a{
     background:var(--primary-text);
     color:#fff;
 }
 .businessgrowkj h2 {
     font-size: 60px;
     font-weight: 700;
     margin-bottom: 25px;
 }
 .businessgrowkj p {
     font-size: 22px;
     font-weight: 400;
     color: #525252;
     margin-bottom: 40px;
 }
 .businessgrowkj ul {
     padding-left: 0px;
     margin-bottom: 20px;
     display: inline-block;
 }
 .businessgrowkj ul li {
     width: 50%;
     float: left;
     margin-bottom: 20px;
     font-size: 25px;
     position:relative;
 }
 .locatwise3 {
     padding-top: 80px;
     padding-bottom: 20px;
     position: relative;
 }
 .businessgrowkj ul li::marker {
    color: var(--primary-text);
    font-size: 28px;
    margin-right: 10px !important;
    width: 10px !important;
 }
 /* .businessgrowkj ul li:before {
    content: "\f00c";
    position: absolute;
    font-size: 90px;
    top: -100px;
    color: #bbc0cc6b;
    left: 10px;
    font-family: 'FontAwesome';
 } */
 .businessgrowkj ul li strong {
     font-size: 32px;
 }
 .businessgrowkj a {
     font-weight: 500;
     font-size: 18px;
     align-items: center;
     width: max-content;
     background: var(--primary-text);
     text-decoration: none;
     color: #fff;
     padding: 8px 10px 8px 22px;
     border-radius: 6px;
     display: flex;
     justify-content: center;
 }
 .businessgrowkj a code{
     background: #fff;
     color: var(--primary-text);
     width: 35px;
     height: 35px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 19px;
     margin-left: 10px;
 }
 
 .locatwise5{
      padding-top: 20px;
     padding-bottom: 20px;
     position: relative;
 }
 .qualtsrvckjk h2 {
     font-size: 65px;
     line-height: 81px;
     color: #0e0f0f;
     font-weight: 800;
     text-align: center;
     padding-bottom: 100px;
 }
 .agsrlocat {
     border: 1px solid #ccc;
     padding: 25px 30px;
 }
 .agsrlocat img {
     width: 85px;
 }
 .agsrlocat h2 {
     font-size: 22px;
     margin-top: 15px;
     display: inline-block;
     font-weight: 600;
     margin-bottom: 13px;
 }
 .agsrlocat h6 {
     font-size: 18px;
     margin-top: 8px;
     font-weight: 400;
     color: #525252;
 }
 .bstqualtsrvched h2{
     font-size: 65px;
     line-height: 81px;
     color: #0e0f0f;
     font-weight: 800;
     text-align: center;
 }
 /* end */
 
 
 
 
 .ecppmrcaccprd .sow-accordion-panel-header {
     background-color: #fff !important;
     color: #000 !important;
     box-shadow: 0px 0px 15px -6px #ababab;
     border-radius: 9px;
     font-size: 25px;
     font-weight: 600;
 }
 .ecppmrcaccprd .sow-accordion-panel-border {
     font-size: 22px;
     color: #000;
     background-color: #fff !important;
 }
 .ecppmrcaccprd .sow-accordion-panel {
     margin-bottom: 30px !important;
 }
 /* health fitness */
 .fitnes-bnr-txt h3 {
     font-size: 50px;
     color: #FFF;
     text-align: center;
     font-weight: 800;
 }
 .fitnes-bnr-txt {
     padding-top: 300px;
 }
 .fitnes-bnr-txt ul {
     display: flex;
     justify-content: space-evenly;
     list-style: none;
     padding: 0px;
     align-items:center;
 }
 .fitnes-bnr-txt ul li h4 {
     color: #fff;
     font-size: 50px;
     font-weight: 800;
     display: inline-block;
     position: relative;
     top: -12px;
 }
 .fitnes-bnr-txt ul li p {
     display: inline-block;
     color: #fff;
     line-height: 36px;
     margin-left: 12px;
     font-size: 29px;
 }
 .fitnes-bnr-txt ul {
     margin-top: 80px;
 }
 .fitnes-bnr-txt h5 {
     text-align: center;
     color: #fff;
     font-size: 40px;
     font-weight: 700;
     padding-top: 60px;
 }
 .fitnes-bnr-txt ul li img {
     width: 210px;
 }
 .fitnes-bnr-txt ul li {
     border-right: 4px solid var(--primary-text);
     padding-right: 48px;
 }
 .fitnes-bnr-txt ul:last-child li {
     border-right: 0px;
     padding: 0px;
 }
 .fitnes-bnr-txt ul:last-child {
     display: flex;
     justify-content: center;
     gap: 50px;
     margin-top: 35px;
     padding-bottom: 200px;
 }
 .fitnes-bnr-txt ul li:last-child {
     border-right: 0px;
 }
 .fitnes-bnr-txt:after {
     content: '';
     position: absolute;
     top: 100px;
     width: 100px;
     height: 100px;
     background: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
     background-size: cover;
     right: -50px;
 }
 .fitnes-bnr-txt{
     position:relative;
 }
 
 .fitnes-img1 img {
     border-radius: 20px;
 }
 .fitnes-img2 img {
     border-radius: 20px;
 }
 .fitnes-img3 img {
     border-radius: 20px;
 }
 .fitnes-img4 img {
     border-radius: 20px;
 }
 .fitnes-img1:before {
     content: 'WALK';
     position: absolute;
     font-size: 64px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #ffffff;
     font-family: sans-serif;
     display: block;
     right: 0px;
     width: 33px;
     left: -180px;
     margin: 0 auto;
     top: -6px;
 }
 .fitnes-img2:before {
     content: 'SWIM';
     position: absolute;
     font-size: 64px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #fff;
     font-family: sans-serif;
     display: block;
     right: 0px;
     width: 33px;
     left: -140px;
     margin: 0 auto;
     top: -6px;
 }
 .fitnes-img3:before {
     content: 'BIKE';
     position: absolute;
     font-size: 64px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #fff;
     font-family: sans-serif;
     display: block;
     right: 0px;
     width: 33px;
     left: -140px;
     margin: 0 auto;
     top: -6px;
 }
 .fitnes-img4:before {
     content: 'RUN';
     position: absolute;
     font-size: 64px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #fff;
     font-family: sans-serif;
     display: block;
     right: 0px;
     width: 33px;
     left: -140px;
     margin: 0 auto;
     top: -6px;
 }
 .fitnes-img1{
     position:relative;
 }
 .fitnes-img2{
     position:relative;
 }
 .fitnes-img3{
     position:relative;
 }
 .fitnes-img4{
     position:relative;
 }
 .multi-spot-fitness h5 {
     font-size: 55px;
     text-align: center;
     font-weight: 800;
 }
 .multi-spot-fitness p {
     text-align: center;
     font-size: 23px;
     line-height: 30px;
 }
 .second-cntr-fitness {
     background: var(--primary-text);
     margin-top: -30px;
     padding-top: 30px;
     padding-bottom: 200px;
 }
 .bgr-img-fitness {
     background: #fff;
     padding: 40px;
     border-radius: 30px;
     margin-top: -160px;
 }
 .world-wibe-fitness code {
     font-size: 45px;
     font-weight: 800;
 }
 .world-wibe-fitness h4 {
     font-size: 45px;
     font-weight: 800;
     line-height: 1px;
         margin-top: 25px;
 }
 .world-wibe-fitness:after {
     content: '';
     position: absolute;
     top: 10px;
     width: 100px;
     height: 100px;
     background: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
     background-size: cover;
     right: 0px;
 }
 .world-wibe-fitness{
     position:relative;
 }
 .log-slider-fitness img {
     width: 201px;
     position: relative;
     top: 36px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
 }
 .log-slider-fitness a.sow-carousel-next{
     border:0px !important;
 }
 .log-slider-fitness a.sow-carousel-previous{
     border:0px !important;
 }
 .company-fitness-apps h4 {
     font-size: 40px;
     font-weight: 800;
     color: #ffff;
     text-align: center;
 }
 .company-fitness-apps p {
     color: #fff;
     text-align: center;
     border: 1px solid #eeeeeecf;
     padding: 6px 0px;
     border-radius: 10px;
     margin-top: 20px;
 }
 .company-fitness-apps {
     padding-bottom: 20px;
 }
 .mines-top {
     margin-top: -200px;
 }
 .company-fitness-apps.first-health-txt p {
     padding: 19px 0px;
 }
 .game-mode-fitnes-im h5 {
     font-size: 60px;
     font-weight: 800;
     padding-bottom: 80px;
     position:relative;
 }
 .game-mode-fitnes-im h3 {
     background: var(--primary-text);
     display: inline-block;
     padding: 14px;
     color: #fff;
     font-weight: 600;
     font-size: 20px;
     width: 185px;
     text-align: center;
     border-radius: 10px;
     margin-top: 20px;
 }
 .game-mode-fitnes-im p {
     padding-bottom: 35px;
     font-size: 21px;
 }
 .game-mode-fitnes-im h5:after {
     content: '';
     position: absolute;
     bottom: 70px;
     width: 203px;
     height: 2px;
     background: var(--primary-text);
     left: 5px;
 }
 .game-mode-outer-sect {
     background: #fff1ec;
     margin-top: -29px;
     padding: 50px 0px;
 }
 .impact-cntr-fitness h4 {
     font-size: 60px;
     font-weight: 800;
	 color: #000;
 }
 .impact-cntr-fitness p {
     font-size: 26px;
 }
 .impact-cntr-fitness p {
     font-size: 26px;
     padding-top: 60px;
     line-height: 40px;
 }
 .impact-cntr-fitness h4:after {
     position: absolute;
     content: '';
     bottom: -26px;
     background: var(--primary-text);
     width: 300px;
     height: 3px;
     left: 7px;
 }
 .impact-cntr-fitness h4{
     position:relative;
 }
 .impact-cntr-fitness a {
     background: var(--primary-text);
     padding: 15px 30px;
     border-radius: 50px;
     color: #fff;
 }
 .bg-cntr-health-sect:after {
     content: '';
     position: absolute;
     bottom: 0px;
     width: 768px;
     height: 616px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/circle-health-fitness.webp);
     right: 0px;
     z-index: -1;
 }
 .bg-cntr-health-sect{
     position:relative;
 }
 .bg-cntr-health-sect:before {
     content: '';
     position: absolute;
     top: -19px;
     width: 1660px;
     height: 782px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/decade-imagecntr-bg.webp);
     left: 0px;
     background-size: cover !important;
     z-index: -1;
 }
 .exercies-fitness-slider ul {
     list-style: none;
     display: flex;
     align-items: center;
     padding: 0px 30px;
     margin: 0px;
     gap: 70px;
     position: relative;
     justify-content: space-between;
 }
 .exercies-fitness-slider ul li img {
     width: 90px;
 }
 .exercies-fitness-slider ul {
     list-style: none;
     display: flex;
     align-items: center;
     padding: 0px;
     margin: 0px;
     gap: 23px;
     position: relative;
     padding: 0px 30px;
 }
 .exercies-fitness-slider ul li h5 {
     font-size: 21px;
     font-weight: 800;
 }
/*  .exercies-fitness-slider ul:after {
     content: '';
     position: absolute;
     top: 9px;
     right: -8px;
     width: 1px;
     height: 150px;
     background: #000;
 } */
 .exercies-fitness-slider ul:after:nth-child(6){
     display:none !important;
 }
 .exercies-fitness-slider ul:nth-child(3){
     display:none !important;
 }
 .exercies-fitness-slider p {
     padding: 0px 30px;
     font-size: 20px;
 }
 .outer-sect-slide-fins:after {
     content: '';
     position: absolute;
     top: 225px;
     width: 610px;
     height: 442px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/girl-fitness-exercies-img.webp);
     left: 15px;
     background-size: contain;
     background-repeat: no-repeat;
     z-index: -1;
 }
 .outer-sect-slide-fins{
     position:relative;
     z-index: 99;
 }
 .outer-sect-slide-fins {
     padding: 120px 0px;
 }
 .healthy-event-sect h4 {
     text-align: center;
     font-size: 50px;
     font-weight: 800;
     padding-bottom: 35px;
     padding-top: 30px;
 }
 .cntr-fitness-sect-healthy {
     background: #f22a3412;
     border-radius: 20px;
 }
 .fitnes-teeam-leader {
     text-align: center;
 }
 .fitnes-teeam-leader h5 {
     color: #fff;
     font-size: 50px;
     font-weight: 800;
 }
 .fitnes-teeam-leader ul {
     list-style: none;
     padding: 0px;
     display: flex;
     justify-content: space-evenly;
     margin-bottom: -115px;
 }
 .fitnes-teeam-leader ul li h4 {
     color: #fff;
     font-size: 27px;
     padding-top: 24px;
 }
 .fitnes-teeam-leader ul li h4 code {
     color: #fff;
 }
 .outer-fitenes-halth-image {
     background: #ff0000db;
     padding-top: 70px;
 }
 .mtyret {
     background-repeat: no-repeat !important;
     height: 808px;
     margin-bottom: 190px;
     background-position: center;
 }
 .fitness-app-img-txt {
     margin-bottom: -49px;
     position: relative;
     top: 125px;
 }
 .fitness-app-img-txt {
     margin-bottom: -49px;
     position: relative;
     top: 125px;
 }
 .abs-fitness-healthy {
     position: absolute;
     margin-top: -104px;
     margin-left: 29px;
 }
 .lftr-image-fitness-img {
     margin-bottom: -35px;
 }
 .abs-fitness-healthy h4 {
     font-size: 20px;
     font-weight: 800;
     color: #fff;
 }
 .abs-fitness-healthy h5 {
     font-size: 24px;
     font-weight: 800;
     color: #fff;
 }
 .byseps-image-cntr-img img {
     height: 665px !IMPORTANT;
 }
 .fitness-app-sect-imgtxt h5 {
     font-size: 50px;
     font-weight: 800;
     text-align: center;
 }
 .fitness-app-sect-imgtxt {
     padding-top: 60px;
 }
 .life-advice-image-cntr code {
     font-size: 35px;
     font-weight: 700;
 }
 .life-advice-image-cntr h5 {
     font-size: 78px;
     font-weight: 800;
	 color:#000;
 }
 .life-advice-image-cntr p {
     font-size: 28px;
     padding: 10px 0px;
 }
 .life-advice-image-cntr ul {
     list-style: none;
     padding: 0px;
     display: flex;
     gap: 120px;
     margin-top: 50px;
 }
 .life-advice-image-cntr ul li a:hover {
     background: var(--primary-text);
     padding: 20px 39px;
     border-radius: 0px 20px 0px 20px;
     color:#fff;
 }
 .life-advice-image-cntr ul li a {
	background: #fff;
    padding: 20px 39px;
    border-radius: 0px 20px 0px 20px;
    color: #000;
    font-size: 21px;
    box-shadow: rgb(99 99 99 / 44%) 2px 1px 10px 1px;
    display: flex;
 }
 .mt-87{
     padding-top:60px;
 }
 .mainbnrfitnes {
     background-repeat: no-repeat !important;
     background-position: center;
 }
 .wareable-ng-image-bnr {
     background: linear-gradient( 334deg, rgb(21,25,31) 0%, rgb(100,71,66) 100%);
 }
 .wareable-bnner-txt h5 {
     color: #fff;
     font-size: 70px;
     font-weight: 700;
 }
 .wareable-bnner-txt p {
     color: #fff;
     font-size: 26px;
 }
 .wareable-bnner-txt a {
     color: #fff;
     background: var(--primary-text);
     padding: 10px 30px;
     border-radius: 40px;
     display: inline-block;
     margin-top: 26px;
 }
 .wareable-bnner-txt h4 {
     font-size: 100px;
     font-weight: 800;
     color: #fff;
     padding-bottom: 15px;
 }
 .wareable-bnner-txt h5 {
     color: #fff;
     font-size: 70px;
     font-weight: 700;
     padding-bottom: 25px;
 }
 
 .watch-wareable-image img {
     position: relative;
     top: 215px;
 }
 .watch-wareable-image:after {
     content: '';
     position: absolute;
     top: -142px;
     width: 691px;
     height: 307px;
     right: -63px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/watchnxt-watch-img.webp);
     background-size: contain;
     background-repeat: no-repeat;
 }
 .watch-wareable-image{
     position:relative;
 }
 .wareable-ng-image-bnr:after {
     content: '';
     position: absolute;
     top: 0px;
     right: 0px;
     width: 1080px;
     height: 820px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/wave_bg-img-wareable.webp);
     background-size: cover;
     background-repeat: no-repeat;
     z-index: -1;
 }
 .wareable-ng-image-bnr {
     position: relative;
     z-index: 1;
     position:relative;
       padding: 140px 0px 0px 0px;
     overflow:hidden;
 }
 .wareable-ng-image-bnr:before {
     content: 'WEARABLE';
     position: absolute;
     font-size: 101px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #6f6f6f;
     font-family: sans-serif;
     display: block;
     transform-origin: left;
     transform: rotate(270deg) !important;
     bottom: 0px;
     right: 0px;
     width: 47px;
 }
 
 .wareable-img-cntr-sect {
     text-align: center;
 }
 .wareable-img-cntr-sect h4 {
     font-size: 50px;
     font-weight: 800;
     color:#000;
 }
 .wareable-img-cntr-sect code {
     font-size: 70px;
     font-weight: 800;
     line-height: 65px;
     padding-bottom: 20px;
     display: inline-block;
 }
 .wareable-img-cntr-sect p {
     font-size: 26px;
 }
 .wareable-img-cntr-sect:after {
     content: '';
     position: absolute;
     bottom: -12px;
     width: 350px;
     height: 3px;
     background: var(--primary-text);
     left: 0px;
     right: 0px;
     margin: 0 auto;
 }
 .wareable-img-cntr-sect {
     position: relative;
     padding-top: 55px;
 }
 .watch-beating-img img {
     border: 7px solid #eee;
     border-radius: 20px;
 }
 .watch-beating-img {
     margin-top: 14px;
 }
 .wareable-img-cntr-sect:before {
     content: 'WEARABLE';
     position: absolute;
     font-size: 209px;
     font-weight: 900;
     color: #eee;
     font-family: sans-serif;
     display: block;
     transform-origin: left;
     bottom: -135px;
     left: 0px;
     margin: 0 auto;
     width: 47px;
     z-index: -1;
 }
 .sapcing-sect-watch-war {
     position: relative;
     margin-top: -315px;
 }
 .smrt-watch-img img {
     height: 589px !important;
 }
 .watch-web-img-sect {
     background: #000;
     padding: 60px 0px;
     margin-top: 80px;
 }
 .container.bg-img-smrt-phon {
     background: #000;
     border-radius: 40px;
 }
 .container.bg-img-smrt-phon {
     background: #000;
     border-radius: 40px;
     padding-left: 100px;
     padding-top: 200px;
     padding-bottom: 50px;
 }
 .bg-img-smrt-phon:before {
     content: 'WEARABLE';
     position: absolute;
     font-size: 205px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #6f6f6f;
     font-family: sans-serif;
     display: block;
     top: -29px;
     left: 26px;
     width: 47px;
 }
 .bg-img-smrt-phon{
     position:relative;
 }
 .bg-img-smrt-phon:after {
     content: '';
     position: absolute;
     top: 0px;
     width: 500px;
     height: 497px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/watch-img-top-sect2.webp);
     right: 0px;
     background-size: cover;
 }
 .attach-watch-phon:after {
     position: absolute;
     content: '';
     bottom: 39px;
     width: 130px;
     height: 130px;
     background: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
     background-size: cover;
     right: -270px;
 }
 .attach-watch-phon{
     position:relative;
 }
 .smarater-watches {
     text-align: center;
     padding-top: 55px;
 }
 .smarater-watches h4 {
     font-size: 40px;
 }
 .smarater-watches h5 {
     font-size: 50px;
     font-weight: 800;
     line-height: 35px;
 }
 .andriod-image-sect {
     background: url(https://www.fluper.com/wp-content/uploads/2024/02/watch_bg-wrist-phone-img.webp);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 110px;
     border-radius: 60px;
     padding-bottom: 225px;
     position: relative;
     margin-top: 62px;
 }
 .fin-techslide span {
     font-size: 75px;
     position: absolute;
     right: 43px;
     font-weight: 900;
     top: 4px;
     color: #ffff;
     -webkit-text-stroke: 1px #000;
 }
 .smart-txt-setc-img h4 {
     font-size: 62px;
     color: #fff;
     font-weight: 800;
 }
 .smart-txt-setc-img h4 code {
     color: #656161;
 }
 .smart-txt-setc-img h4:after {
     content: '';
     position: absolute;
     top: 41px;
     width: 367px;
     height: 4px;
     background: #fff;
     left: 267px;
 }
 .smart-txt-setc-img h4{
     position:relative;
 }
 .smart-txt-setc-img h5 {
     color: #fff;
     font-size: 62px;
     font-weight: 800;
     padding-left: 270px;
 }
 .smart-txt-setc-img {
     padding-top: 90px;
     position:relative;
 }
 .smart-txt-setc-img:before {
     content: '';
     position: absolute;
     width: 200px;
     height: 200px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/android-image-sect-bg.webp);
     left: 0px;
     background-size: cover;
     bottom: -197px;
     right: -11px;
     margin: 0 auto;
 }
 .andriod-image-sect:after {
   content: '';
   position: absolute;
   width: 559px;
   height: 740px;
   background: url(https://www.fluper.com/wp-content/uploads/2024/03/watch_5-android-sect.webp);
   background-size: contain;
   right: -245px;
   background-repeat: no-repeat;
   top: 160px;
 }
 .watch-featurs-img {
   display: flex;
   gap: 200px;
   position: relative;
   z-index: 99;
   margin-top: 40px;
 }
 .watch-featurs-img ul {
     list-style: none;
     padding: 0px;
     display: flex;
     align-items: center;
     gap: 15px;
 }
 .watch-featurs-img h4 {
     font-size: 60px;
     font-weight: 800;
     color: #fff;
 }
 .watch-featurs-img ul li p {
     font-size: 22px;
     line-height: 27px;
     font-weight: 500;
     color: #fff;
 }
 .wearable-lst-sect {
     background: #000;
     padding-top: 400px;
     margin-top: -360px;
     padding-bottom: 400px;
 }
 .watch-featurs-img:before {
   content: '150+';
   position: absolute;
   font-size: 137px;
   font-weight: 900;
   color: #0000;
   -webkit-text-stroke: 1px #6f6f6f;
   font-family: sans-serif;
   display: block;
   transform-origin: left;
   width: 47px;
   top: -74px;
   z-index: -1;
   right: 650px;
 }
 .watch-featurs-img:after {
   content: '16+';
   position: absolute;
   font-size: 137px;
   font-weight: 900;
   color: #0000;
   -webkit-text-stroke: 1px #6f6f6f;
   font-family: sans-serif;
   display: block;
   transform-origin: left;
   width: 47px;
   top: -76px;
   left: 100px;
   z-index: -1;
 }
 .top-img-sectsrvc {
     margin-top: -380px;
 }
 .watch-bg-sect {
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/bg-weareble-sect-ftr.webp);
     margin-top: -650px;
     background-repeat: no-repeat;
     background-position: center;
 }
 .busness-celebration {
     text-align: center;
 }
 .busness-celebration h4 {
     font-size: 65px;
     font-weight: 800;
     margin-bottom: 49px;
     color: #fff;
 }
 .busness-celebration a {
     background: #fff;
     padding: 20px 44px;
     font-size: 31px;
     font-weight: 600;
     border-radius: 20px;
     color: #000;
     padding-bottom: 28px;
 }
 .busness-celebration code {
     margin-right: 10px;
 }
 .busness-celebration {
     background: #1a1616;
     padding: 67px 0px;
     margin: 130px 0px;
     border-radius: 20px;
     margin-top: 560px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/wave_bg_wareable.webp);
 }
 .busness-celebration code {
     background: linear-gradient(334deg, rgb(21, 25, 31) 0%, #644742 100%);
     color: #fff;
     width: 50px;
     height: 50px;
     font-size: 22px;
     padding: 14px 10px;
     border-radius: 30px;
 }
 .wareable-features-provid h5 {
     font-size: 60px;
     font-weight: 800;
     text-align: center;
     color:#000;
 }
 .alexa-image-feature img {
     border-radius: 30px;
 }
 /* .wareable-features-provid {
     padding-top: 60px;} */
 .alexa-image-feature {
     padding-bottom: 100px;
 }
 .taxiindushedtx.second-sectflutter {
     margin-top: 50px;
 }
 .taxiindushedtx.second-sectflutter:after {
     right: 0px;
     width: 90px;
     height: 90px;
     top: 0px;
 }
 .tp-cmpny-img h4 {
     font-size: 57px;
     font-weight: 800;
     color:#000;
 }
 .tp-cmpny-img p {
     font-size: 22px;
     padding: 8px 0px;
     padding-bottom: 40px;
 }
 .tp-cmpny-img {
     padding-top: 60px;
 }
 .tp-cmpny-img a {
     background: var(--primary-text);
     border-radius: 10px;
     padding: 20px;
     color: #fff;
     font-size: 24px;
     font-weight: 600;
 }
 .trusted-client-sect-fluter ul {
     list-style: none;
     padding: 0px;
     display: flex;
     gap: 50px;
 }
 .trusted-client-sect-fluter h5 {
     text-align: center;
     font-size: 33px;
     color: #fff;
     font-weight: 400;
     padding-top: 10px;
 }
 .trusted-client-sect-fluter {
     background: var(--primary-text);
     padding: 10px 60px;
     border-radius: 20px;
 }
 .trusted-client-sect-fluter ul li img {
     filter: brightness(0) invert(1);
 }
 .trusted-client-sect-fluter ul li:after {
     position: absolute;
     top: 0px;
     width: 3px;
     height: 300px;
     background: #fff;
     right: 0px;
     content: '';
 }
 .trusted-client-sect-fluter ul li{
     position:relative;
 }
 .trusted-client-sect-fluter ul li:after {
     position: absolute;
     top: 30px;
     width: 2px;
     height: 60px;
     background: #fff;
     right: -25px;
     content: '';
 }
 .trusted-client-sect-fluter ul li:last-child:after{
     display:none;
 }
 .outer-bg-sect {
     background: #212020;
     padding: 60px 0px;
     margin-top: 85px;
 }
 .happy-clients-review h5 {
     text-align: center;
     background: var(--primary-text);
     display: inline-block;
     margin: 0 auto;
     padding: 12px 23px;
     border-radius: 47px;
     text-transform: capitalize;
     color: #fff;
     font-weight: 600;
     font-size: 22px;
 }
 .happy-clients-review h5 a {
     color: #fff;
     display: flex;
     align-items: center;
 }
 .happy-clients-review h5 a code {
     background: #fff;
     color: var(--primary-text);
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     margin-left: 10px;
 }
 .fluter-verious {
     padding-top: 70px;
 }
 .happy-clients-review{
     text-align:center;
 }
 .happy-clients-review p {
     color: #fff;
     font-size: 26px;
     padding-top: 15px;
 }
 .happy-clients-sect {
     border: 1px solid #fff;
     border-radius: 20px;
     padding: 40px 0px;
     padding-left: 120px;
     position: relative;
     overflow: hidden;
 }
 .happy-clients-sect h4 {
     font-size: 65px;
     color: #fff;
     text-align: center;
     font-weight: 800;
 }
 .happy-clients-sect p {
     font-size: 33px;
     color: #fff;
     text-align: center;
     font-weight: 600;
 }
 .mulitioleindustris h5 {
     text-align: center;
     font-size: 50px;
     font-weight: 800;
     padding: 10px;
     color:#000;
 }
 .mulitioleindustris p {
     text-align: center;
     font-size: 28px;
     font-weight: 500;
     color: #878787;
     padding-bottom: 40px;
 }
 .hlth-care-sect ul {
     display: flex;
     padding: 0px;
     text-align: center;
     list-style: none;
     justify-content: space-around;
     margin: -16px;
 }
 .hlth-care-sect ul li img {
     width: 120px;
     padding: 10px;
     border-radius: 20px;
     background: #efefef;
 }
 .hlth-care-sect li:hover img{
     
 }
 
 .hlth-care-sect ul:nth-child(3){
     border-bottom:0px;
 }
 .mulitioleindustris {
     position: relative;
     margin-top: 75px;
 }
 .mulitioleindustris:after {
     content: '';
     position: absolute;
     top: 0px;
     width: 150px;
     height: 150px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/dollar-icon-flutter.webp);
     background-size: cover;
     left: -80px;
     animation: jump_img 0.9s infinite;
     animation-direction: alternate;
 }
 .mulitioleindustris:before {
     content: '';
     position: absolute;
     top: 0px;
     width: 150px;
     height: 150px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/heart-icon-flutter-setc.webp);
     background-size: cover;
     right: -80px;
     animation: jump_img 0.9s infinite;
     animation-direction: alternate;
 }
 .slide-btm-ecomrce.secondflutter h4 {
     color: #000;
 }
 .slide-btm-ecomrce.secondflutter p {
     color: #5f5e5e;
 }
 .slide-btm-ecomrce.secondflutter h3 {
     color: #000;
 }
 .slide-btm-ecomrce.secondflutter h3 a code {
     color: #000;
 }
 .slide-btm-ecomrce.secondflutter h5 {
     color: #000;
 }
 .slide-btm-ecomrce.secondflutter ul li h6 {
     font-size: 54px;
     color: #000;
 }
 .slide-btm-ecomrce.secondflutter ul li code {
     color: #000;
 }
 .secondflutter{
    padding-top:37px;
 }
 .ecomrctpr.nxt-super-sect {
     background: #fff;
     padding-bottom: 0px;
     position: relative;
     z-index: 99;
     overflow: hidden;
 }
 .bg-imgbtm {
     background: #000c;
     padding: 60px 0px;
 }
 
 
 .slide-btm-ecomrce.secondflutter img {
     width: 170px !important;
     border-radius: 30px;
     margin-bottom: 30px;
     padding-bottom:0px;
 }
 
 .slide-btm-ecomrce ul li {
     border-right: 2px solid;
     padding-right: 40px;
 }
 .slide-btm-ecomrce ul li:last-child{
     border-right:0px;
 }
 .slide-btm-ecomrce.secondflutter ul {
     gap: 40px;
 }
 
 .case-studiestxt h5 {
     background: var(--primary-text);
     padding: 14px 25px;
     display: inline-block;
     color: #ffff;
     font-size: 25px;
     border-radius: 32px;
 }
 .case-studiestxt h5 a {
     color: #fff;
     display: flex;
     align-items: center;
 }
 .case-studiestxt h5 a code {
     background: #fff;
     color: var(--primary-text);
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 24px;
     margin-left: 10px;
 }
 .case-studiestxt {
     position: relative;
     top: 0px;
     text-align: center;
 }
 .case-studiestxt h4 {
     font-size: 50px;
     color: #fff;
     font-weight: 800;
     padding-top: 20px;
 }
 .fluter-verious h5 {
     font-size: 55px;
     font-weight: 800;
     text-align: center;
     color:#000;
 }
 .fluter-verious p {
     text-align: center;
     font-size: 25px;
     color: #7b7b7b;
 }
 .flutterparttxt img {
     border-radius: 50%;
     background-color: #fff;
     box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
     width: 121px;
     height: 128px;
     padding: 20px;
 }
 .flutterparttxt {
     text-align: center;
     padding-bottom: 50px;
 } 
 .flutterparttxt h4 {
     font-size: 33px;
     font-weight: 700;
     color: #000;
 }
 .flutterparttxt p {
     font-size: 22px;
     line-height: 28px;
 }
 .flutterone-line-img:after {
     content: '';
     position: absolute;
     top: 40px;
     width: 1224px;
     height: 300px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/line-toflutterpage.webp);
     right: -46px;
     z-index: -1;
     background-size: contain;
     background-repeat: no-repeat;
 }
 .flutterone-line-img{
     position:relative;
 }
 .fluttertwo-line-img{
     position:relative;
 }
 .fluttertwo-line-img:after {
     content: '';
     position: absolute;
     top: -148px;
     width: 1224px;
     height: 263px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/lineone-fluter.webp);
     right: -46px;
     z-index: -1;
     background-size: contain;
     background-repeat: no-repeat;
 }
 @keyframes full-circle {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(-360deg);
     }
 }
 .flutterparttxt:hover img {
     animation: full-circle 1.1s ease-out;
 }
 @keyframes jump_img{
   0%{
     transform: translateY(0px);
   }
 
   100%{
     transform: translateY(-20px);
   }
 }
 .bg-outerflutter {
     background: var(--primary-text);
     padding: 30px 0px;
     overflow: hidden;
 }
 .flutterdarttxt h3 {
     background: #fff;
     display: inline-block;
     padding: 10px 30px;
     border-radius: 33px;
     color: var(--primary-text);
     font-size: 30px;
     font-weight: 600;
 }
 .flutterdarttxt h5 {
     font-size: 39px;
     color: #fff;
     font-weight: 800;
     padding: 17px 0px;
 }
 .flutterdarttxt ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
     display: flex;
     gap: 40px;
     margin-top: 40px;
     margin-bottom: 20px;
 }
 .flutterdarttxt ul a {
     color: #fff;
     border: 1px solid #fff;
     padding: 11px 18px;
     border-radius: 8px;
     font-size: 20px;
 }
 
 .flutter-img-logo img {
     width: 200px;
     position: absolute;
     right: 7px;
     top: 80px;
 }
 .flutter-img-logo {
     text-align: right;
 }
 .bg-outerflutter{
     position:relative;
     z-index:99;
 }
 .bg-outerflutter:after {
     position: absolute;
     content: '';
     width: 794px;
     height: 794px;
     background: #ffff;
     right: -66px;
     bottom: -445px;
     z-index: -1;
     border-radius: 101%;
 }
 .flutter-img-logo:after {
     content: '';
     position: absolute;
     top: 60px;
     width: 200px;
     height: 200px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/code-developer-flutter.webp);
     left: 95px;
     background-size: contain;
     background-repeat: no-repeat;
 }
 .flutter-img-logo{
     position:relative;
 }
 .flutter-img-logo:before {
     content: '';
     position: absolute;
     top: 257px;
     width: 200px;
     height: 57px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/exp-flutter-experience-sect.webp);
     right: 127px;
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .singlebasecodfluter ul li img {
     width: 150px;
     display: block;
     margin: auto;
 }
 .singlebasecodfluter ul li h4 {
     font-size: 20px;
 }
 .singlebasecodfluter ul {
     padding: 0px;
     list-style: none;
     text-align: center;
 }
 .singlebasecodfluter ul li {
     text-align: center;
     width: 33%;
     float: left;
     margin-bottom: 30px;
 }
 .benefits-fluttertxt h5 {
     font-size: 55px;
     font-weight: 700;
     text-align: center;
     color:#000;
 }
 .benefits-fluttertxt p {
     font-size: 28px;
     text-align: center;
     color: #7d7d7d;
     padding-bottom: 40px;
 }
 .benefits-fluttertxt {
     padding-top: 65px;
 }
 
 .singlebasecodfluter{
     position:relative;
 }
 .list-cls-sect ul {
     display: flex;
     justify-content: center;
     list-style: none;
     padding: 0px;
     text-align: center;
     align-items: center;
     padding-top: 50px;
     gap: 70px;
 }
 .list-cls-sect ul li img {
     width: 100px;
 }
 .list-cls-sect .sow-tabs-panel-container {
     background-color: #000 !important;
 }
 .list-cls-sect ul li h4 {
     color: #fff;
     text-align: center;
     padding-top: 20px;
 }
 .list-cls-sect ul:nth-child(2) {
     display: flex;
     justify-content: center;
     gap: 122px;
     padding-top: 50px;
 }
 .bg-rect-sect {
     background: #000;
     padding: 68px 0px;
    
 }
 .list-cls-sect .sow-tabs-tab-container {
     background-color: inherit !important;
 }
 .list-cls-sect .sow-tabs-tab-selected {
     background-color: var(--primary-text) !important;
     color: #fff !important;
     border-radius: 10px;
 }
 .list-cls-sect .sow-tabs-tab-container .sow-tabs-tab {
     font-size: 16px !important;
     font-weight: 600 !important;
     padding: 15px 20px ! IMPORTANT;
 }
 
 .list-cls-sect .so-widget-sow-tabs-default-2a322c0cca2d .sow-tabs .sow-tabs-tab-container {
     justify-content: space-between;
 }
 .list-cls-sect .sow-tabs-tab:hover{
     background:inherit !important;
     color:#fff !important;
 }
 .we-workwith h5 {
     font-size: 62px;
     color: #fff;
     font-weight: 700;
     text-align: center;
     padding-bottom: 40px;
 }
 .we-workwith{
     position:relative;
 }
 .we-workwith:after {
     content: '';
     position: absolute;
     bottom: 0px;
     background: var(--primary-text);
     width: 400px;
     height: 2px;
     left: 0px;
     right: 0px;
     margin: 0 auto;
 }
 .hlth-care-sect ul:nth-child(3) {
     border-bottom: 0px !important;
 }
 .taxiindushedtx.second-listvloackchain {
     padding: 40px 0px;
     padding-bottom: 10px;
 }
 .taxiindushedtx.second-listvloackchain:after {
     top: 125px;
     right: 70px;
 }
 .blockbannersetc {
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/blockchailnbgimg.webp);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 40px 0px;
     margin-bottom: -30px;
 }
 .block-bannertxtcs h4 {
     color: #fff;
     font-size: 56px;
     font-weight: 800;
 }
 .taxiindushedtx.second-listvloackchain ul li a {
     color: #fff;
 }
 .taxiindushedtx.second-listvloackchain ul li code {
     color: #fff;
 }
 .block-bannertxtcs p {
     color: #fff;
     font-size: 27px;
     padding-top: 27px;
 }
.block-bannertxtcs a {
    background: var(--primary-text);
    padding: 15px 21px;
    color: #ffff;
    border-radius: 45px;
    font-size: 24px;
}
 .block-bannertxtcs {
     padding-top: 40px;
 }
 .block-bannertxtcs:after {
     content: '';
     position: absolute;
     top: -112px;
     width: 110px;
     height: 124px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/iconbitcoinimg.webp);
     right: -100px;
     background-size: cover;
 }
 .block-bannertxtcs{
     position:relative;
 }
 .instantblockchaincs ul {
     display: flex;
     padding: 0px;
     list-style: none;
     justify-content: space-around;
     text-align:center;
 }
 .instantblockchaincs ul li {
     border-right: 2px solid #fff;
     padding: 0px 77px;
     font-size: 22px;
     color: #fff;
     font-weight: 400;
 }
 .instantblockchaincs ul li h5 {
     color: #fff;
     font-size: 45px;
     font-weight: 800;
     margin-bottom: 0px;
     margin-top: 10px;
 }
 .instantblockchaincs {
     background: var(--primary-text);
     padding: 30px 0px;
     border-radius: 20px;
     margin-bottom: -130px;
 }
 .instantblockchaincs ul li {
     border-right: 2px solid #fff;
 }
 .instantblockchaincs ul li {
     border-right: 2px solid #fff;
     padding: 0px 77px;
 }
 .instantblockchaincs ul li:nth-child(4){
     border-right:0px;
 }
 .investcryptotxt h4 {
     color: #fff;
     font-size: 50px;
     text-align: center;
     font-weight: 800;
     margin-bottom: 50px;
 }
 .sectblockchain {
     background: #000;
     padding-top: 140px;
     padding-bottom: 40px;
 }
 .cryptoimgright ul {
     display: flex;
     justify-content: space-between;
     margin-bottom: 0px;
     padding-left: 0;
     align-items: flex-end;
 }
 .cryptoimgright ul li:nth-child(1) img {
     width: 127px;
     padding-bottom: 20px;
 }
 .cryptoimgright h5 {
     color: #fff;
     font-size: 42px;
     font-weight: 800;
 }
 .cryptoimgright ul li:nth-child(2) img {
     width: 312px;
     margin-left: 31px;
 }
 .cryptoimgright ul li p {
     font-size: 28px;
     color: #8b8787;
     padding-top: 11px;
 }
 .cryptoimgright {
     border: 3px solid #202020;
     padding: 0px 11px;
     padding-right: 32px;
     padding-top: 23px;
     border-radius: 20px;
 }
 .amaz-ingcryptoassit img {
     width: 127px;
 }
 .amaz-ingcryptoassit h5 {
     font-size: 30px;
     color: #fff;
     font-weight: 800;
 }
 .amaz-ingcryptoassit p {
     color: #fff;
     font-size: 22px;
     padding-top: 18px;
 }
 .amaz-ingcryptoassit {
     border: 3px solid #202020;
     padding: 25px 17px;
     border-radius: 20px;
 }
 .amaz-ingcryptoassit p {
     font-size: 20px;
     padding-top: 18px;
     color: #8b8787;
 }
 .getsectcntr a {
     display: block;
     background: var(--primary-text);
     padding: 9px 16px;
     color: #ffff;
     font-size: 24px;
     font-weight: 600;
     margin: 0 auto;
     text-align: center;
     width: 227px;
     border-radius: 48px;
     margin-top: 30px;
 }
 .investcryptotxt h4:after {
     content: '';
     position: absolute;
     bottom: -25px;
     width: 400px;
     height: 2px;
     background: var(--primary-text);
     left: 0px;
     right: 0px;
     margin: 0 auto;
 }
 .investcryptotxt h4{
     position:relative;
 }
 .trusted-client-sect-fluter{
     position:relative;
 }
 .trusted-client-sect-fluter:before {
     position: absolute;
     top: 47px;
     background: #fff;
     right: 230px;
     width: 250px;
     height: 2px;
     content: '';
 }
 .trusted-client-sect-fluter:after {
     position: absolute;
     top: 47px;
     background: #fff;
     left: 230px;
     width: 250px;
     height: 2px;
     content: '';
 }
 .developcompnyflutter {
     background: #e311110f;
     padding-bottom: 157px;
     margin-bottom: -113px;
     position:relative;
 }
 .developcompnyflutter:before {
     content: 'FLUTTER';
     position: absolute;
     font-size: 114px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #f12a34;
     font-family: sans-serif;
     display: block;
     margin: auto;
     bottom: 29px;
     right: -14px;
     width: 72px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 
 .flutappdevler:after{
     content: '';
     position: absolute;
     top: 11px;
     width: 213px;
     height: 218px;
     background-size: cover !important;
     left: -71px;
     z-index: 9999;
     background: url(https://www.fluper.com/wp-content/uploads/2024/04/app-delivered-flutter.webp);
 }
 .happy-clientsecond:after {
     content: '';
     position: absolute;
     top: 11px;
     width: 213px;
     height: 218px;
     background-size: cover !important;
     left: -71px;
     z-index: 9999;
     background: url(https://www.fluper.com/wp-content/uploads/2024/04/revenue-genrated-flut.webp);
 }
 .happy-clients-sect:hover {
     background: #ff0000c4;
     border: 1px solid #ff0000c4;
 }
 .hlth-care-sect ul li {
     width: 250px;
     height: 250px;
     display: flex;
     padding-top: 0px;
     align-items: center;
     flex-direction: column;
     justify-content: center;
     border-radius: 20px;
     transition: 1.5s;
     margin-bottom: 50px;
 }
 .hlth-care-sect li:hover {
     background: var(--primary-text);
     color:#fff;
     transition: 1.5s;
 }
 
 ul.lastclsfltr {
     border-bottom: 0px;
 }
 .hlth-care-sect ul li:first-child {
     border-left: 0px;
 }
 .advanceplatform h5 {
     font-size: 50px;
     text-align: center;
     font-weight: 800;
     color: #000;
 }
 .advanceplatform {
     padding: 35px 0px;
     padding-bottom: 0px;
 }
 .backgrountrading {
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/line_imgbackground.webp);
     background-repeat: no-repeat;
     background-size: cover;
     padding-top: 35px;
 }
 .tabtradingscreen .so-widget-sow-tabs-default-2a322c0cca2d .sow-tabs .sow-tabs-panel-container .sow-tabs-panel{
     padding:0px !important;
 }
 .tabtradingscreen .so-widget-sow-tabs-default-2a322c0cca2d .sow-tabs .sow-tabs-panel-container{
     background: inherit !important;
 }
 .tabtradingscreen .sow-tabs-tab-container {
     background-color: inherit !important;
     justify-content: center;
     margin-bottom: 35px;
     gap: 40px;
 }
 .tabtradingscreen .sow-tabs-tab {
     color: #878282 !important;
 }
 .tabtradingscreen .sow-tabs-tab:hover{
     background:#f22a34 !important;
     color: #fff !important;
 }
 
 .tabtradingscreen .sow-tabs-tab-selected {
     background: #f22a34 !important;
     color: #fff !important;
 }
.tabtradingscreen a {
    text-align: center;
    display: block;
    background: var(--primary-text);
    padding: 8px 20px;
    width: max-content;
    margin: 0 auto;
    color: #fff;
    font-weight: 400;
    font-size: 26px;
    border-radius: 40px;
}
 .tabtradingscreen img {
     margin-top: 35px;
 }
 .tabtradingscreen .sow-tabs-tab:nth-child(1) {
     border-left: 0px;
 }
 .tabtradingscreen .sow-tabs-tab {
     font-size: 26px !important;
     font-weight: 500;
     padding: 16px 36px 16px 36px !important;
 }
 .backgrountrading{
     position:relative;
 }
 .backgrountrading:after {
     content: '';
     position: absolute;
     top: 195px;
     width: 135px;
     height: 150px;
     background-size: cover !important;
     background-repeat: no-repeat ! IMPORTANT;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/bitcoiniconbloackchain.webp);
     right: 57px;
 }
 .backgrountrading:before {
     content: '';
     position: absolute;
     top: 600px;
     width: 110px;
     height: 118px;
     background-size: cover !important;
     background-repeat: no-repeat ! IMPORTANT;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/lcoin-iconblockchain.webp);
     left: 50px;
 }
 .blockchainnftdevelop h3 {
     text-align: center;
     background: #676767;
     color: #fff;
     width: 200px;
     padding: 10px 0px;
     margin: 0 auto;
     border-radius: 31px;
 }
 .bgblockchainsect {
     background: #000;
     padding-top: 70px;
     padding-bottom: 40px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/graphbgbloackchianimage.webp);
     background-size: cover;
 }
 .blockchainnftdevelop h5 {
     text-align: center;
     color: #fff;
     font-size: 40px;
     padding-top: 25px;
     font-weight: 600;
 }
 .blockchainnftdevelop p {
     text-align: center;
     color: #fff;
     font-size: 22px;
     font-weight: 400;
     padding-top: 26px;
     line-height: 30px;
     padding-bottom: 26px;
 }
 .blockchainnftdevelop ul {
     display: flex;
     justify-content: space-between;
     list-style: none;
     padding: 0px;
     padding-top: 10px;
 }
 .blockchainnftdevelop ul li h4 {
     color: #fff;
     font-weight: 300;
 }
 .blockchainnftdevelop ul li h4 code {
     color: #fff;
     margin-right: 7px;
 }
 .contact-btbackloan a {
     border: 1px solid #fff;
     padding: 10px 35px;
     border-radius: 29px;
     text-align: right;
     color: #fff;
 }
 .contact-btbackloan {
     margin-top: 40px;
     text-align: center;
 }
 .contact-btbackloan.schduletxtim {
     text-align: center;
 }
 .contact-btbackloan a:hover {
     background: var(--primary-text);
     border: 1px solid var(--primary-text);
 }
 .cricle-imagbtm {
     text-align: right;
 }
 .cricle-imagbtm.chakrimagebtm {
     text-align: left;
 }
 .cricle-imagbtm img {
     width: 100px;
 }
.blockchainnftdevelop:after {
    content: '';
    position: absolute;
    top: 25px;
    background: url(https://www.fluper.com/wp-content/uploads/2024/03/iconblockchaintwo.webp);
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    right: -20px;
}
 .blockchainnftdevelop:before {
     content: '';
     position: absolute;
     top: 0px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/iconblockchain0ne.webp);
     width: 100px;
     height: 100px;
     background-size: cover;
     background-repeat: no-repeat;
     left:0px;
 }
 .blockchainnftdevelop{
     position:relative;
 }
 .transportbloackcha {
     padding: 20px;
     border-radius: 20px;
     text-align: center;
     border: 2px solid #c7c4c4;
 }
 .transportbloackcha h5 {
     color: #000;
     font-size: 28px;
     font-weight: 600;
 }
 .transportbloackcha img {
     border-radius: 20px;
 }
 .transportbloackcha.nxt-sectblockchain {
     background: var(--primary-text);
     border: 1px solid var(--primary-text);
 }
 .transportbloackcha.nxt-sectblockchain h5{
     color:#fff;
 }
 .transportbloackcha.nxt-sectblockchain h5 a {
     color: #fff;
 }
 .industriesblockchian {
     text-align: center;
     padding-top:50px;
 }
 .industriesblockchian h3 {
     background: var(--primary-text);
     display: inline-block;
     padding: 10px 31px;
     border-radius: 39px;
     color: #fff;
 }
 .industriesblockchian h4 {
     font-size: 50px;
     font-weight: 800;
     padding: 10px 0px;
     color:#000;
 }
 .industriesblockchian p {
     font-size: 27px;
 }
 .topscrollslide {
     height: 1070px;
     overflow: scroll;
     border-radius: 20px;
 }
 .blockbannersetc:before {
     content: 'BLOCKCHAIN';
     position: absolute;
     font-size: 90px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #f12a34;
     font-family: sans-serif;
     display: block;
     margin: auto;
     bottom: -4px;
     right: -33px;
     width: 72px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 .blockbannersetc{
     position:relative;
 }
 .topscrollslide::-webkit-scrollbar {
   display: none;
 }
 
 .initalblockchain h3 {
     font-size: 30px;
     color: #fff;
     font-weight: 800;
     padding-bottom: 15px;
 }
 .initalblockchain p {
     font-size: 21px;
     color: #fff;
     line-height: 33px;
     font-weight: 300;
 }
 .bgclor-slider {
     background: #000;
     padding: 50px 0px;
     margin-top: 80px;
 }
 .initalblockchain {
     background: #323232;
     padding: 23px 60px;
     margin-bottom: 10px;
     border-radius: 20px;
     padding-top: 36px;
 }
 .initalblockchain:hover{
     background:var(--primary-text);
     transition:1s;
 }
 .initalblockchain:after {
     content: '01';
     position: absolute;
     top: 22px;
     right: 55px;
     font-size: 35px;
     color: #eee;
     font-weight: 800;
 }
 .initalblockchain{
     position:relative;
 }
 .initalblockchain.second-sectblockchain:after {
     content: '02';
 }
 .initalblockchain.third-sectblockchain:after {
     content: '03';
 }
 .initalblockchain.fourth-sectblockchain:after {
     content: '04';
 }
 .initalblockchain.fith-sectblockchain:after {
     content: '05';
 }
 .trustedclientsflupeeer h4 {
     background: var(--primary-text);
     display: inline-block;
     padding: 10px 20px;
     color: #fff;
     font-size: 25px;
     font-weight: 400;
     border-radius: 33px;
     margin-top: -20px;
 }
 .trustedclientsflupeeer h5 {
     font-size: 48px;
     color: #fff;
     font-weight: 800;
     padding-top: 13px;
     padding-bottom: 7px;
 }
 .trustedclientsflupeeer p {
     font-size: 24px;
     color: #ffffffb8;
     line-height: 35px;
 }
 .trustedclientsflupeeer img {
     border-radius: 40px;
     margin-top: 20px;
 }
 .initalblockchain:before {
     content: '';
     position: absolute;
     top: 84px;
     width: 156px;
     height: 2px;
     background: #fff;
 }
 .eliteflupersect h5 {
     font-size: 52px;
     font-weight: 800;
     margin-top: 5px;
     color:#000;
 }
 .eliteflupersect p {
     font-size: 24px;
     padding: 10px 0px;
     color: #8a8a8a;
 }
 .eliteflupersect img {
     background: #eee;
     padding: 10px;
     border-radius: 45px;
 }
 .maintopflutter {
    
 }
 .maintopflutter::-webkit-scrollbar {
   display: none;
 }
 .maintpflutter {
     padding: 30px;
     background: #f9f9f9;
     margin-bottom: 10px;
     border-radius: 20px;
 }
 .maintpflutter code {
     font-size: 35px;
 }
 .maintpflutter h5 {
     font-size: 31px;
     font-weight: 700;
     color:#000;
 }
 .maintpflutter p {
     font-size: 20px;
 }
 .maintpflutter:hover {
     background: var(--primary-text);
 }
 .maintpflutter:hover code {
     color: #fff;
 }
 .maintpflutter:hover h5 {
     color: #fff;
 }
 .maintpflutter:hover p {
     color: #fff;
 }
 .txtsectflutterouterdv{
     padding-top:60px;
 }
 .bgimgsectaipage {
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/headerbannerimg.webp);
     padding: 66px 0px;
 }
 .taxiindushedtx.ftrsectai ul li code {
     color: #fff;
 }
 .taxiindushedtx.ftrsectai ul li a {
     color: #fff;
 }
 .taxiindushedtx.ftrsectai:after {
     filter: brightness(0) invert(1);
 }
 .artificalintelengenc h4 {
     font-size: 62px;
     color: #fff;
     font-weight: 800;
     padding-top: 40px;
 }
 .artificalintelengenc p {
     color: #fff;
     font-size: 27px;
     line-height: 36px;
     padding-top: 15px;
 }
 .cntryserverdsetc {
     display: flex;
     background: #ffffff4f;
     padding: 20px 0px;
     border-radius: 20px;
 }
 .cntryserverdsetc ul {
     display: flex;
     align-items: center;
     padding: 0px;
     list-style: none;
     gap: 0px;
     margin-left: 13px;
     margin-bottom: 0px;
 }

.cntryserverdsetc ul li p {
    color: #fff;
    font-size: 18px;
}
 .cntryserverdsetc ul li img {
     width: 90px;
     filter: brightness(0) invert(1);
 }
.cntryserverdsetc h4 {
    color: #fff;
    margin: 0px;
    font-size: 44px;
    font-weight: 700;
}
 .apdelopsect a {
     background: #fff;
   padding: 12px 32px;
     border-radius: 47px;
     font-size: 25px;
     margin-top: 25px;
     display: inline-block;
     font-weight: 500;
     color:var(--primary-text);
 }
 
 .developcompanyai h5 {
     font-size: 49px;
     font-weight: 800;
     text-transform: capitalize;
     color:#000;
 }
 .developcompanyai p {
     font-size: 22px;
     font-weight: 400;
 }
 .schdaulecall {
     margin-top: 80px;
     text-align: center;
 }
 .schdaulecall h3 {
     font-size: 32px;
     margin-bottom: 40px;
     font-weight: 800;
     color:#000;
 }
 .schdaulecall a {
     background: var(--primary-text);
     padding: 14px 24px;
     color: #fff;
     border-radius: 40px;
     font-size: 25px;
 }
 .vndrneutal ul {
     padding: 0px;
     display: flex;
     gap: 30px;
 }
 .mainvendor {
     border: 2px solid #eee;
     padding: 15px;
     border-radius: 20px;
 }
 .mainvendor {
     border: 2px solid #eee;
     padding: 15px;
     border-radius: 20px;
 }
 .mainvendor p {
     font-size: 18px;
 }
 .mainvendor h4 {
     font-size: 32px;
     font-weight: 700;
     color:#000;
 }
 .mainvendor p {
     font-size: 18px;
     line-height: 30px;
 }
 .mainvendor:hover{
     background:var(--primary-text);
     transition:1s;
     border:2px solid var(--primary-text);
 }
 .mainvendor:hover p{
     color:#fff;
 }
 .mainvendor:hover h4{
     color:#fff;
 }
 .mtrtopsect{
     margin-top:60px;
 }
 .artificialcstxt h5 {
     font-size: 60px;
     font-weight: 800;
     text-transform: capitalize;
     color:#fff;
     text-transform: capitalize;
 }
 .artificialcstxt p {
     font-size: 25px;
     color: #fff;
     padding-bottom: 35px;
     padding-top: 19px;
 }
 .arificialbgimg {
     background-size: cover;
     background-repeat: no-repeat;
     padding: 90px 0px;
     padding-bottom: 300px;
     margin-bottom: -230px;
 }
 .artificialcstxt a {
     background: var(--primary-text);
     padding: 14px 34px;
     color: #fff;
     border-radius: 40px;
 }
 .genrativeai h4 {
     font-size: 33px;
     color: #fff;
     font-weight: 800;
 }
 .genrativeai h5 {
     color: #fff;
     font-size: 31px;
     font-weight: 700;
 }
 .genrativeai p {
     color: #fff;
     font-size: 18px;
     margin-bottom: 0px;
 }
 .genrativeai:hover {
     background: var(--primary-text);
     transition: 0.5s;
 }
 .genrativeai {
     background: #f22a3469;
     padding: 26px 20px;
     border-radius: 30px;
 }
 .transformativeai h5 {
     font-size: 50px;
     color: #fff;
     font-weight: 800;
     text-align: center;
     padding-bottom: 35px;
 }
 .transformativeai {
     text-align: center;
 }
 .transformativeai a {
     background: #fff;
     padding: 17px 32px;
     border-radius: 10px;
     font-size: 23px;
     font-weight: 800;
 }
 .maintopselct img {
     transform: scaleX(-1);
     position: absolute;
     width: 355px;
     left: 55px;
     top: 121px;
 }
 
 .underunroof {
     margin-top: 40px;
 }
 .transformativeai {
     text-align: center;
     background: var(--primary-text);
     border-radius: 40px;
     margin-bottom: 140px;
     position: relative;
     padding: 29px 0px;
 }
 .underunroof h4 {
     font-size: 38px;
     color: #fff;
     font-weight: 800;
 }
 .underunroof p {
     color: #fff;
     font-size: 20px;
     border: 1px solid #eee;
     width: 221px;
     padding: 11px;
     border-radius: 14px;
     text-align: center;
     margin: 0 auto;
     line-height: 23px;
 }
.secttprryt1 {
    padding-top: 40px;
    padding-bottom: 60px;
    position: relative;
}
 .excelai h4 {
     background: var(--primary-text);
     padding: 10px 30px;
     color: #fff;
     display: inline-block;
     border-radius: 40px;
 }
 .excelai{
     text-align:center;
     position:relative;
 }
 .excelai h5 {
     font-size: 45px;
     font-weight: 800;
     color:#000;
 }
 .excelai p {
     font-size: 26px;
 }
 .excelai:after {
     content: '';
     position: absolute;
     top: 50px;
     width: 80px;
     height: 84px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/square-aiicon.webp);
     background-size: cover;
     right: -90px;
 }
 .excelai:before {
     content: '';
     position: absolute;
     top: 47px;
     width: 95px;
     height: 108px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/brain-aiicon.webp);
     background-size: cover;
     left: -120px;
 }
 .healthcareaisect img {
     border-radius: 30px;
     margin-bottom: -70px;
 }
.secttprryt {
    padding-top: 60px;
    padding-bottom: 70px;
    position: relative;
}
 .brainhealth {
     margin: 0px 30px;
     background: #fff;
     border: 2px solid #c4c4c4;
     position: relative;
     padding: 19px;
     border-radius: 30px;
 }
 .brainhealth h4 {
     font-size: 30px;
     font-weight: 800;
     color:#000;
 }
 .brainhealth p {
     font-size: 16px;
 }
 .healthcareaisect:hover .brainhealth {
     background: var(--primary-text);
     border: 2px solid var(--primary-text);
 }
 .healthcareaisect:hover .brainhealth h4 {
     color: #fff;
 }
 .healthcareaisect:hover .brainhealth p {
     color: #fff;
 }
  .healthcareaisect:hover .brainhealth p a{
     color: #fff;
 }
 
 
 
 
 
 
 
 
 .tabs-v {position:relative;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}
 
 .tabs-v label {
     position: relative;
     order: 1;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     width: 440px;
     padding: 10px 15px;
     background-color: transparent;
     cursor: pointer;
     transition: background-color 500ms ease-in-out;
     margin-bottom: 37px;
 }
 .tabs-v label > img {width:40px;height:auto;filter: brightness(0) invert(0);transition:all 500ms ease-in-out}
 .tabs-v label > p {
     padding: 0 0 0 15px;
     margin: 0;
     font-family: sans-serif;
     font-size: .8em;
     color: #000;
     font-size: 25px;
     font-weight: 600;
 }
 .tabs-v label:hover > img {filter: brightness(0) invert(0);}
 .tabs-v label:hover > p {color:var(--c1)}
 
 .tabs-v .tab-content {position:absolute;top:0;right:0;width:calc(100% - 430px);padding:0;margin:0;display:none}
 .tabs-v .tab-content > div {display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;background-color:#fff}
 .tabs-v .txt-tab {
    display: flex;
     /* flex-direction: row; */
     /* flex-wrap: wrap; */
     align-items: center;
     width: 100%;
     padding-left: 15px;
 }
 .firt-txt h4 {
     font-size: 27px;
     padding-top: 7px;
 }
 .tabs-v > input {display:none}
 .tabs-v > input + label::after { content: ""; position: absolute;right: 8px;top: 50%;transform: translateY(-50%);width: 5px;height: 101px;background-color: #ccc;transition: all 500ms ease;}
 /* .tabs-v > input:checked + label {background-color:rgba(0,0,0,.03)} */
 .tabs-v > input:checked + label::after { width: 5px; background-color: var(--primary-text);right: 8px;}
 .tabs-v > input:checked + label > img {filter: brightness(0) invert(0);}
 .tabs-v > input:checked + label > p {color:var(--primary-text);}
 .tabs-v > input:checked + label + .tab-content {display:block}
 
 .tabs-v [class*="img-tab"] {width:50%;background-repeat:no-repeat;background-size:cover;background-position:50%;min-height:35vh}
 
 .firt-txt {
     text-align: center;
     width: 23%;
     margin: 22px 9px;
 }
 .firt-txt img {
     background: #e7e7e7ba;
     padding: 14px;
     border-radius: 26px;
     width: 134px;
 }
 @media only screen and (max-width:1239px) {
 .tabs-v {flex-direction:row}
 .tabs-v label {display:block;width:calc(100% / 4);height:auto;padding:15px 0 20px;text-align:center}
 .tabs-v label > img {width:50px}
 .tabs-v label > p {padding:15px 10px 0}
 .tabs-v > input + label::before {display:none}
 .tabs-v > input + label::after {right:auto;left:50%;top:auto;bottom:0;transform:translateX(-50%);width:100%;height:1px;border:none}
 .tabs-v > input:checked + label::after {width:100%;height:5px;background-color:var(--c1)}
 .tabs-v .tab-content {order:2;position:relative;width:100%}
 .tabs-v .tab-content > .reverse-tab > .txt-tab {order:2}
 .tabs-v .tab-content > div > div {width:50%;height:auto}
 .tabs-v .txt-tab {min-height:25vh}
 }
 
 @media only screen and (max-width:959px) {
 .tabs-v .tab-content > div > div {width:100%}
 .tabs-v .tab-content > .reverse-tab > .txt-tab {order:0}
 }
 
 @media only screen and (max-width:767px) {
 .tabs-v label {width:calc(100% / 2);padding:15px 0}
 .tabs-v label > img {display:none}
 .tabs-v label > p {padding:0}
 .tabs-v [class*="img-tab"] {min-height:25vh}
 }
 
 @media only screen and (max-width:480px) {
 .tabs-v label {width:100%}
 }
 .artifisttxt h4 {
     font-size: 55px;
     color:#000;
     font-weight: 800;
 }
 .img-sectartificial img {
     width: 158px;
 }
 .img-sectartificial{
     text-align:right;
 }
 .apptedhding.main-topaideve img {
     border-radius: 20px;
 }

 .bgimgsectaipage:before {
     content: 'AISERVICES';
     position: absolute;
     font-size: 110px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #fff;
     font-family: sans-serif;
     display: block;
     margin: auto;
     bottom: -40px;
     right: -33px;
     width: 72px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 .bgimgsectaipage{
     position:relative;
 }
 .aiiterduse:after {
     content: '';
     position: absolute;
     top: -152px;
     width: 100px;
     height: 100px;
     left: 121px;
 }
 .aiiterduse{
     position:relative;
 }
 .iotbannertxt h4 {
     font-size: 53px;
     font-weight: 800;
     color:#000;
 }
 .iotbannertxt ul {
     list-style: none;
     padding: 0px;
     display: flex;
     gap: 55px;
     margin-top: 40px;
 }
.iotbannertxt ul li a {
    font-size: 20px;
    color: #000;
    border: 1px solid #000;
    padding: 15px 26px;
    border-radius: 70px;
}
 .iotbannertxt ul li a code {
     padding-right: 13px;
 }
 .iotbannertxt ul li a:hover {
     background: var(--primary-text);
     border: 1px solid var(--primary-text);
     color: #fff;
     transition: 1s;
 }
 .iotbannertxt p {
     font-size: 24px;
     padding: 40px 0px;
 }
 .bgiotbnrsect {
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/bgiot-bnrsect.webp);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 40px 0px;
 }
 
 .taxiindushedtx.second-listvloackchain.nxtiotsect ul li a {
     color: #000;
 }
 .taxiindushedtx.second-listvloackchain.nxtiotsect ul li code {
     color: var(--primary-text);
 }
 .taxiindushedtx.second-listvloackchain.nxtiotsect:after {
     right: 60px;
     top: 0px;
 }
 .smrtiiotimg{
     position:relative;
 }
 .smrtiiotimg:after {
     content: '';
     position: absolute;
     top: 53px;
     width: 352px;
     height: 119px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/strip_1.webp);
     left: -67px;
     background-size: cover;
 }
 .smrtiiotimg:before {
     content: '';
     position: absolute;
     bottom: 42px;
     width: 352px;
     height: 119px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/strip_2.webp);
     right: -51px;
     background-size: cover;
 }
 .profacingtxt p {
     text-align: center;
     font-size: 27px;
     color: #7d7d7d;
 }
 .profacingtxt h4 {
     font-size: 45px;
     font-weight: 800;
     text-align: center;
     color:#000;
 }
 .iotconstuling ul {
     list-style: none;
     padding: 0px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 .iotconstuling ul li img {
     width: 90px;
 }
.last-outersect {
    background: #f6f8fb;
    padding: 20px 0px 60px 0px;
}
 .iotconstuling {
     background: #fff;
     padding: 24px;
     border-radius: 20px;
 }
 .iotsecuboxht {
     box-shadow: 0px 0px 11px -4px #000;
 }
 .iotconstuling p {
     font-size: 16px;
 }
.iotconstuling ul li h4 {
    font-size: 30px;
    font-weight: 800;
    color: #000;
    text-transform: capitalize;
}
 .fullimgrating {
     background: url(https://www.fluper.com/wp-content/uploads/2024/08/benefits-bg-image.webp);
     background-size: cover;
     background-repeat: no-repeat;
     padding: 50px 0px;
 }
 .developcmpny h5 {
     color: #fff;
     font-size: 46px;
     font-weight: 800;
 }
 .developcmpny p {
     color: #fff;
     font-size: 22px;
 }
 .iotquality h4 {
     color: #fff;
     font-size: 26px;
 }
 .iotquality p {
     color: #fff;
     font-size: 17px;
     padding-bottom: 15px;
 }
 
 .iotindustlst .so-widget-sow-anything-carousel-base-33065e8a8703 .sow-carousel-container .sow-carousel-wrapper .sow-carousel-items .sow-carousel-item {
     margin: 0px 12px 4px 12px !important;
 }
 
 .expirinc-clints {
     text-align: center;
     background: var(--primary-text);
     padding: 30px;
     border-radius: 20px;
 }
 .expirinc-clints h5 {
     font-size: 51px;
     color: #fff;
     font-weight: 800;
     margin: 0px;
 }
 .expirinc-clints p {
     color: #fff;
     font-size: 22px;
     padding-bottom: 15px;
     border-bottom: 2px solid #eeeeee5e;
 }
 .expirinc-clints p:last-child {
     border: 0px;
 }
 .expirinc-clints {
     text-align: center;
     background: var(--primary-text);
     padding: 30px;
     border-radius: 20px;
     margin-top: 50px;
 }
 .expirinc-clints:after {
     content: '';
     position: absolute;
     top: -16px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/lable-icontop.webp);
     width: 100px;
     height: 127px;
     background-size: cover;
     right: -32px;
     rotate: 353deg;
 }
 .expirinc-clints{
     position:relative;
 }
 .case-studiestxt:after {
     content: '';
     position: absolute;
     top: 0px;
     width: 148px;
     height: 100px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/portf-icon8.webp);
     background-size: cover;
     left: 0px;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .case-studiestxt:before {
     content: '';
     position: absolute;
     top: 0px;
     width: 100px;
     height: 147px;
     background: url(https://www.fluper.com/wp-content/uploads/2024/03/portf-icon9.webp);
     background-size: cover;
     right: 0px;
     rotate: -16deg;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 
 
 
 
 
 
 
 
 /* cloud pagee css */
 
 
 
 /* cloud services page css */
 .cloudsec1 {
     padding-top: 120px;
     padding-bottom: 110px;
     position: relative;
 }
 .cloudheadtext h6 {
     width: max-content;
     font-size: 25px;
     font-weight: 500;
     padding: 10px 30px;
     background: var(--primary-text);
     display: inline-block;
     margin-top: 20px;
     color: #fff;
     border-radius: 10px;
     margin-bottom: 40px;
 }
 .cloudheadtext h2 {
     color: #fff;
     font-size: 67px;
     font-weight: 700;
     margin-bottom: 40px;
 }
 .cloudheadtext h5 {
     color: #fff;
     margin-bottom: 40px;
     font-size: 21px;
     font-weight: 400;
     line-height: 35px;
     border-left: 7px solid var(--primary-text);
     padding-left: 15px;
 }
 .cloudheadtext p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 18px 35px 18px 35px;
     font-size: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50px;
     margin-top: 60px;
 }
 .cloudheadtext {
     position: relative;
     z-index: 1;
 }
 .cloudheadtext:before {
     content: "";
     position: absolute;
     width: 130px;
     height: 130px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_white.webp);
     background-size: cover;
     right: -70px;
     top: 0;
     opacity: 0.2;
 }
 .cloudheadtext ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
     margin-bottom: 70px;
 }
 .cloudheadtext ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .cloudheadtext ul li a {
     color: #fff;
 }
 .cloudheadtext ul li code {
     color: #fff;
 }
 .cloudsec2 {
     padding-top: 70px;
     padding-bottom: 70px;
     position: relative;
     background: #f5fafd;
 }
 .cludservcsec h6 {
     width: max-content;
     font-size: 27px;
     font-weight: 400;
     padding: 12px 42px;
     background: var(--primary-text);
     display: inline-block;
     margin-top: 20px;
     color: #fff;
     border-radius: 50px;
     margin-bottom: 30px;
 }
 .cludservcsec h2 {
     font-size: 26px;
     font-weight: 800;
     color:#000;
 }
 .cludservcsec .d-flex {
     justify-content: space-between;
     align-items: center;
     margin-bottom: 40px;
 }
.cludservcsec h5 {
    padding: 11px 0px;
    padding-left: 23px;
    border-left: 8px solid var(--primary-text);
    margin-left: 0;
    font-size: 17px;
    line-height: 30px;
}
 .cloudaccordtx .sow-accordion-panel-header {
     background: initial !important;
     color: #000 !important;
     font-size: 25px;
     font-weight: 700;
 }
 .cloudaccordtx .sow-accordion-panel-border {
     background-color: initial !important;
     font-size: 19px;
     font-weight: 400;
     color: #525252;
     line-height: 30px;
 }
 .cloudaccordtx .sow-accordion-panel {
     border-bottom: 1px solid #ccc;
 }
 .cludservcimg {
     position: relative;
 }
 .cludservcimg:before {
     content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/cloud-service-icon1.webp);
     position: absolute;
     width: 130px;
     height: 130px;
     left: -31px;
     top: 40%;
     background-size: cover;
 }
 .cludservcimg:after {
     content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/cloud-service-icon2.webp);
     position: absolute;
     width: 130px;
     height: 130px;
     right: -51px;
     top: 7%;
     background-size: cover;
 }
 .cloudsec3 {
     background: #000;
     padding-top: 70px;
     padding-bottom: 80px;
     position: relative;
 }
 .clouctatext h2 {
     color: #fff;
     font-size: 55px;
     font-weight: 600;
     padding-left: 12px;
     border-left: 9px solid var(--primary-text);
     margin-bottom: 30px;
 }
 .clouctatext h6 {
     color: #878787;
     font-size: 21px;
     font-weight: 400;
     line-height: 31px;
     margin-bottom: 30px;
 }
 .clouctatext ul{
     padding-left:0px;
     display:flex;
     margin-bottom:30px;
 }
 .clouctatext ul li {
     list-style: none;
     margin-right: 20px;
	 width: 100%;
 }
.clouctatext a {
    color: #fff;
    padding: 13px 30px;
    display: inline-block;
    margin-top: 20px;
    font-size: 21px;
    border-radius: 40px;
    background: var(--primary-text);
}
 .cloudsec4 {
     background: var(--primary-text);
     padding-top: 80px;
     padding-bottom: 70px;
     position: relative;
 }
 .cloudbenefittx h6 {
     display: block;
     width: max-content;
     margin: auto;
     background: #fff;
     padding: 16px 38px;
     font-size: 27px;
     font-weight: 500;
     border-radius: 40px;
     color: var(--primary-text);
 }
 .cloudbenefittx h2 {
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     color: #fff;
     margin-top: 30px;
     margin-bottom: 40px;
 }
 .cludbenefpoints {
     background: #fff;
     border-radius: 20px;
     padding: 12px 32px;
     position:relative;
 }
 .cludbenefpoints:before {
     content: '';
     position: absolute;
     width: 80px;
     height: 80px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Scalability-benefit.webp);
     background-size: cover;
     right: 10px;
     top: 8px;
 }
 
 .cloudbnft2:before {
      content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Security-benefit.webp);
 }
 .cloudbnft3:before {
      content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Cost-Savings-benefit.webp);
 }
 .cloudbnft4:before {
      content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Reliability-benefit.webp);
 }
 .cloudbnft5:before {
      content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Flexibility-benefit.webp);
 }
 .cloudbnft6:before {
      content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/04/Performance-benefit.webp);
 }
 .cludbenefpoints h3 {
     font-size: 50px;
     font-weight: 800;
 }
 .cludbenefpoints h1 {
     font-size: 30px;
     font-weight: 700;
     color:#000;
 }
 .cloudsec5 {
     padding-top: 80px;
     padding-bottom: 70px;
     position: relative;
     background: #f5fafd;
 }
 .cluodprocestx {
     margin-bottom: 10px;
     position: relative;
 }
 .cluodprocestx:before {
     content: '';
     width: 102px;
     height: 102px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/cloud_icon_04.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .cluodprocestx:after {
     content: '';
     width: 98px;
     height: 93px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/cloud_icon_05.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .cluodprocestx h6 {
     display: block;
     width: max-content;
     margin: auto;
     background: var(--primary-text);
     padding: 16px 38px;
     font-size: 27px;
     font-weight: 500;
     border-radius: 40px;
     color: #fff;
 }
 .cluodprocestx h2 {
     text-align: center;
     font-size: 55px;
     font-weight: 700;
     color:#000;
     margin-top: 30px;
     margin-bottom: 40px;
 }
 .cloudprocesslider .sow-carousel-item {
     position: relative !important;
     border-radius: 25px;
     padding: 22px 35px;
     box-shadow: 0px 0px 10px #ccc;
     margin: 12px !important;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/cloud_wave_bg.webp);
     background-size: contain;
     background-repeat: no-repeat;
 }
 /* .cloudprocesslider .sow-carousel-item:hover{
     background:var(--primary-text);
 } */
.cloudprocesslider .sow-carousel-item:hover img {
    /* background: var(--primary-text); */
    filter: brightness(1.5);
}
 .cloudprocesslider .sow-carousel-item:hover h4{
     color:var(--primary-text);
 }
.cloudprocesslider img {
    width: 90px;
    padding: 5px;
    border-radius: 12px;
}
.main_sect_srec:hover .img_sect_srvc  {
    background: var(--primary-text);
    display: inline-block;
}
.img_sect_srvc {
    background: #fff;
    display: inline-block;
    border-radius: 20px;
}
.main_sect_srec:hover .img_sect_srvc img {
    filter: brightness(24.5);
}
 .cloudprocesslider strong {
     position: absolute;
     right: 30px;
     font-size: 52px;
     color: #b9b9b96b;
     top: 0;
 }
 .cloudprocesslider h4 {
     font-size: 23px;
     font-weight: 700;
     margin-top: 24px;
     color:#000;
     margin-bottom: 18px;
 }
 .cloudprocesslider h6 {
     font-size: 14px;
     font-weight: 400;
     line-height: 21px;
 }
 
 .cloudprocesslider .sow-carousel-item a {
     display: inline-block;
     font-size: 17px;
     margin-top: 6px;
 }
 .cloudprocesslider .so-widget-sow-anything-carousel .sow-carousel-container .sow-carousel-wrapper .slick-dots {
     margin-top: 30px;
 }
 
 
 
 .cloudsec6 {
     padding-top: 100px;
     padding-bottom: 80px;
     position: relative;
     background:#000;
 }
 .cloudstudies h6 {
     background: var(--primary-text);
     color: #fff;
     width: max-content;
     display: block;
     margin: auto;
     margin-bottom: 40px;
     padding: 18px 41px;
     font-size: 30px;
     border-radius: 40px;
 }
 .cloudstudies h2 {
     color: #fff;
     text-align: center;
     font-size: 55px;
     font-weight: 700;
 }
 .cloudstudies {
     position: relative;
 }
 .cloudstudies:before {
     content: '';
     width: 150px;
     height: 101px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/portf-icon8.webp);
     position: absolute;
     z-index: 0;
     left: -70px;
     top: -20px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .cloudstudies:after {
     content: '';
     width: 100px;
     height: 146px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/portf-icon9.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .cloudstoriesslid .sow-carousel-item {
     background: #fff;
     padding: 50px 50px;
 }
 .cloudstoriesslid h3 {
     font-size: 40px;
     margin-top: 30px;
     margin-bottom: 20px;
     color:#000;
 }
 .cloudstoriesslid h6 {
     font-size: 16px;
     font-weight: 400;
     color: #525252;
     line-height: 30px;
 }
 .cloudstoriesslid a {
     display: flex;
     align-items: center;
     margin-top: 18px;
 }
 .cloudstoriesslid a code {
     margin-left: 10px;
     margin-top: 5px;
 }
 .cloudstoriesslid{
     margin-top:80px;
 }
 /* cloud services page css end */
 
 
 
 /* devops page css start */
 
 .devopsoffrtxt {
     position: relative;
 }
 .devopsoffrtxt h2 {
     font-size: 74px;
     font-weight: 700;
     margin-bottom: 22px;
	 color:#000;
 }
 .devopsoffrtxt h6 {
     font-size: 19px;
     font-weight: 400;
     color: #525252;
     line-height: 30px;
 }
 .devopsoffrtxt img {
     position: absolute;
     top: 0;
     width: 120px;
     right: 0;
 }
 .devopsaccordofr .sow-accordion-panel-header {
     background: initial !important;
     color: #000 !important;
     font-size: 22px;
     font-weight: 600;
 }
 .devopsaccordofr .sow-accordion-open-close-button {
     display: none;
 }
 .devopsaccordofr .sow-accordion-panel {
     padding: 10px 30px;
     margin-bottom: 20px !important;
     border-radius: 15px;
 }
 .devopsaccordofr .sow-accordion-panel-open{
     background:var(--primary-text);
 }
 .devopsaccordofr .sow-accordion-panel-open .sow-accordion-panel-header{
     color: #fff !important;
 }
 .devopsaccordofr .sow-accordion-panel-border {
     background: initial !important;
     color: #fff;
     font-size: 15px;
     padding: 5px 30px !important;
 }
 .devopsaccordofr .sow-accordion-panel-border p{
     color: #fff;
     font-size:18px;
     font-weight:600;
 }
 .devpserviceimg img {
     width: 85%;
 }
 .devopssec3 {
     background: linear-gradient(180deg, black 70%, transparent 0%);
     padding-top: 100px;
     padding-bottom: 80px;
     position: relative;
     overflow: hidden;
 }
 .devopssec3:before {
     content: '';
     position: absolute;
     width: 530px;
     height: 600px;
     left: 0;
     top: 0;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devoops_wave_bg2.webp);
     background-size: cover;
     z-index: 0;
 }
 .devopssec3:after {
     content: '';
     position: absolute;
     width: 530px;
     height: 600px;
     right: 0;
     top: 0;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devoops_wave_bg2.webp);
     background-size: cover;
     z-index: 0;
     transform: rotate(45deg);
 }
 .devopsbnfittx {
     position: relative;
 }
 .devopsbnfittx:before {
     content: '';
     width: 74px;
     height: 95px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/trophy-icon.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devopsbnfittx:after {
     content: '';
     width: 120px;
     height: 80px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/portf-icon8.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devopsbnfittx h2 {
     color: #fff;
     text-align: center;
     font-size: 60px;
     font-weight: 700;
     margin-bottom: 20px;
 }
 .devopsbnfittx h6 {
     text-align: center;
     color: #8d8d8d;
     font-size: 18px;
     font-weight: 400;
     line-height: 30px;
 }
 .devopsbnfittx a {
     width: max-content;
     display: block;
     margin: auto;
     background: var(--primary-text);
     color: #fff;
     padding: 14px 30px;
     margin-top: 36px;
     font-size: 20px;
     border-radius: 10px;
     font-weight: 300;
 }
 .devopsbnfittx a code{
     margin-left:20px;
 }
 
 .devopsbnfittabs {
     padding: 18px;
     background: #fff;
     box-shadow: 0px 0px 15px -4px #3f3f3f;
     border-radius: 13px;
     margin-top: 30px;
     position: relative;
     z-index:1;
 }
 .devopsbnfittabs .sow-tabs {
     display: flex;
     align-items: stretch;
 }
 .devopsbnfittabs .sow-tabs-tab-container {
     background-color: initial !important;
     width: 45%;
     margin-right: 55px;
 }
 .devopsbnfittabs .sow-tabs-panel-container {
     width: 55%;
     background: var(--primary-text) !important;
 }
 .devopsbnfittabs .sow-tabs-panel {
     padding: 40px 50px 100px 50px !important;
 }
 .devopsbnfittabs .sow-tabs-panel-container h3 {
     color: #fff;
     font-size: 26px;
     line-height: 38px;
     margin-bottom: 22px;
     margin-top: 25px;
 }
 .devopsbnfittabs .sow-tabs-panel-container h6 {
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     line-height: 33px;
 }
 
 .devopsbnfittabs img {
     width: 110px;
     background: #fff;
     padding: 17px;
     border-radius: 15px;
 }
 img.headawsico {
     width: 65px;
     padding: 2px;
     margin-right: 10px;
     border-radius: 5px;
 }
 
 
 
 .devopsbnfittabs .sow-tabs-tab-container .sow-tabs-tab {
     margin-bottom: 19px !important;
     padding: 10px 10px 10px 10px !important;
     color: #000 !important;
     font-weight: 500;
     font-size: 19px !important;
     margin: 2px 10px !important;
     position: relative;
     display: flex !important;
     align-items: center;
 }
 /* .devopsbnfittabs .sow-tabs-tab-container .sow-tabs-tab:before {
     width: 50px;
     height: 50px;
     content: '';
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devops_ico_04.webp);
     background-size: cover;
     padding: 15px;
     left: 19px;
     top: 17px;
 }
 .devopsbnfittabs .sow-tabs-tab-container .sow-tabs-tab-selected:before{
     width: 50px;
     height: 50px;
     content: '';
     position: absolute;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devops_ico_04.webp);
     background-size: cover;
     padding: 15px;
     left: 19px;
     top: 17px;
     filter: brightness(0) invert(1);
 } */
 .devopsbnfittabs .sow-tabs-tab-container .sow-tabs-tab-selected {
     position:relative;
     background: var(--primary-text) !important;
     border-radius: 16px;
     color: #fff !important;
 }
 .devopsbnfittabs .sow-tabs-title {
     line-height: 30px !important;
 }
 .devopsbnfittab .sow-tabs-tab:hover {
     background-color: var(--primary-text) !important;
     color: #2d2d2d;
     border-radius: 16px;
 }
 .devopsbnfittab .sow-tabs-panel-container {
     background: red !important;
 }
 
 
 
 
 
.devopssec4 {
    padding-top: 60px;
    padding-bottom: 60px;
}
 
 .devopawrdstx {
     position: relative;
     margin-bottom:40px;
 }
 .devopawrdstx h2 {
     font-size: 52px;
     font-weight: 700;
     color:#000;
 }
 .devopawrdstx h6 {
     padding: 9px 0px;
     font-size: 19px;
     border-left: 9px solid var(--primary-text);
     padding-left: 20px;
     line-height: 29px;
     font-weight: 400;
     color: #525252;
 }
 .devopawrdstx .d-flex {
     justify-content: space-between;
     align-items: center;
 }
 .devopawrdstx a {
     display: flex;
     align-items: center;
     background: var(--primary-text);
     width: max-content;
     color: #fff;
     margin-top: 25px;
     padding: 12px 25px;
     border-radius: 40px;
     font-size: 20px;
 }
 .devopawrdstx a code{
    background: #fff;
    color: var(--primary-text);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
    margin-left: 14px
 }
 .devopsawrdpoint img {
     width: 140px;
 }
 .devopsawrdpoint {
     margin-bottom: 0px;
 }
 .devopsawrdpoint h5 {
     font-size: 20px;
     color: #000;
 }
 .devopsawrdpoint h3 {
     color: var(--primary-text);
     font-size: 27px;
     font-weight: 700;
 }
 
 .devopssec5 {
     background-color: #000;
     color: #fff;
     position: relative;
     overflow: hidden;
     padding-top: 80px;
     padding-bottom: 72px;
 }
 .devopssec5 .container{
     position:relative;
 }
 .devopssec5 .container:before {
     position: absolute;
     bottom: 0;
     content: 'PROCESS';
     font-size: 265px;
     line-height: 37px;
     z-index: 0;
     color: #ffffff00;
     -webkit-text-stroke: 1px #cdcdcd1a;
     font-family: sans-serif;
 }
 .devoprocestx {
     position: relative;
 }
 .devoprocestx:before {
     content: '';
     width: 80px;
     height: 74px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devicon_2.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devoprocestx:after {
     content: '';
     width: 105px;
     height: 74px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devicon_1.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devoprocestx h1 {
     text-align: center;
     margin-bottom: 26px;
     color:#fff;
     font-size: 66px;
     font-weight: 700;
 }
 .devoprocestx p {
     color: #878787;
     font-size: 19px;
     font-weight: 400;
     line-height: 26px;
     margin-bottom: 55px;
     text-align: center;
 }
 
 
 .foterstats {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 40px;
 }
 .devopsawrimg img {
     width: 80px;
 }
 
 .devopocespoint strong {
     background: var(--primary-text);
     color:#fff;
     width: 60px;
     height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 28px;
     border-radius: 50%;
     margin-bottom: 35px;
 }
 .devopocespoint h3 {
     font-size: 28px;
     font-weight: 400;
     margin-bottom: 18px;
	 color:#fff;
 }
 .devopocespoint h6 {
     font-size: 15px;
     font-weight: 300;
     line-height: 28px;
 }
 .devservbefor {
     position: relative;
 }
 .devservbefor:before {
     content: '';
     position: absolute;
     width: 182px;
     height: 30px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/devops_arrow.webp);
     background-size: cover;
     right: 10px;
     top: 15px;
 }
 .devopssec6 {
     padding-top: 60px;
     padding-bottom: 60px;
     position: relative;
     background: #e311110f;
 }
 .devopssec6 .container{
     position:relative;
 }

 .devopswhchosetx {
     background: #fff;
     padding: 66px 50px;
     position: relative;
 }
 .devopswhchosetx:before {
     content: "";
     position: absolute;
     width: 80px;
     height: 80px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red-300x300.webp);
     background-size: cover;
     right: 30px;
     top: 30px;
 }
 .devopswhchosetx h6 {
     color: var(--primary-text);
     font-size: 20px;
     margin-bottom: 27px;
 }
 .devopswhchosetx h3 {
     font-size: 34px;
     font-weight: 700;
     line-height: 42px;
	 color:#000;
     margin-bottom: 25px;
 }
 .devopswhchosetx p {
     font-size: 18px;
     line-height: 27px;
     font-weight: 400;
     color: #525252;
     margin-bottom: 30px;
 }
 .devopswhchosetx ul {
     padding-left: 0px;
     display: inline-block;
     margin-bottom: 10px;
 }
 .devopswhchosetx ul li {
     float: left;
     width: 50%;
     margin-bottom: 26px;
     font-size: 18px;
     font-weight: 500;
     list-style: disc;
     padding-right: 16px;
 }
 .devopswhchosetx ul li::marker{
     color:var(--primary-text);
 }
 .devopswhchosetx a {
     background: var(--primary-text);
     color: #fff;
     padding: 18px 27px;
     display: flex;
     margin-top: 10px;
     font-size: 20px;
     width: max-content;
     align-items: center;
     border-radius: 10px;
 }
 .devopswhchosetx a code{
     margin-left:15px;
 }
 .devopssec7 {
     padding-top: 70px;
     padding-bottom: 10px;
 }
 .devopsportftext h6 {
     display: block;
     margin: auto;
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 15px 30px;
     font-size: 26px;
     font-weight: 500;
     border-radius: 50px;
     margin-bottom: 30px;
 }
 .devopsportftext h2 {
     text-align: center;
     font-size: 65px;
     font-weight: 700;
	 color:#000;
     margin-bottom: 15px;
 }
 .devopsportftext p {
     text-align: center;
     font-size: 22px;
     font-weight: 400;
     color: #525252;
 }
 .devopsportftext {
     position: relative;
 }
 .devopsportftext:before {
     content: '';
     width: 120px;
     height: 92px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/custom-ico3.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devopsportftext:after {
     content: '';
     width: 100px;
     height: 92px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/custom-ico4.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .devopssec8 {
     padding-top: 100px;
     padding-bottom: 70px;
      background: var(--primary-text);
 }
 
 
 /* devops page css end */
 .arvrdevsec1 {
     padding-top: 90px;
     padding-bottom: 90px;
     position: relative;
 }
 .arvrdevsec1:before {
     content: 'ARVRSERVICES';
     position: absolute;
     font-size: 85px;
     font-weight: 900;
     color: #0000;
     -webkit-text-stroke: 1px #c7c7c7;
     font-family: sans-serif;
     display: block;
     margin: auto;
     bottom: -50px;
     right: -26px;
     width: 62px;
     transform-origin: left;
     transform: rotate(270deg) !important;
     text-align: center;
     height: auto;
 }
 .arvrdevtexthd{
     position:relative;
 }
 .arvrdevtexthd:before {
     content: "";
     position: absolute;
     width: 100px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_white.webp);
     background-size: cover;
     right: -70px;
     top: 0;
 }
 .arvrdevtexthd ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
     margin-bottom: 70px;
 }
 .arvrdevtexthd ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .arvrdevtexthd ul li code {
     color: #fff;
 }
 .arvrdevtexthd ul li a {
     color: #fff;
 }
 .arvrdevtexthd h2 {
     color: #fff;
     font-size: 60px;
     font-weight: 700;
     margin-bottom: 35px;
 }
 .arvrdevtexthd h6 {
     font-size: 20px;
     color: #fff;
     font-weight: 400;
     line-height: 34px;
     margin-bottom: 30px;
 }
 .arvrdevtexthd ol {
     display: flex;
     justify-content: space-between;
     background: #0000003d;
     padding: 30px 25px;
     border-radius: 20px;
     margin-top: 50px;
     margin-bottom: 70px;
 }
 .arvrdevtexthd ol li {
     list-style: none;
     display: flex;
     color: #fff;
     align-items: center;
 }
 .arvrdevtexthd ol li code {
     width: 72px;
 }
 .arvrdevtexthd ol li h5 {
     font-size: 16px;
     font-weight: 300;
 }
 .arvrdevtexthd ol li h5 strong {
     display: block;
     font-size: 30px;
     font-weight: 700;
 }
 .arvrdevtexthd p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 18px 31px 18px 35px;
     font-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 60px;
 }
 .arvrdevtexthd p a code {
     color: #fff;
     font-size: 18px;
     margin-left: 21px;
 }
 
 .arvrdevsec2 {
     padding-top: 70px;
     padding-bottom: 60px;
     position: relative;
 }
 .arvraboutustex {
     position: relative;
 }
 .arvraboutustex h2 {
     font-size: 46px;
     font-weight: 800;
     color:#000;
 }
 .arvraboutustex h6 {
     position: absolute;
     left: -100px;
     background: var(--primary-text);
     color: #fff;
     padding: 8px 14px;
     font-weight: 400;
     font-size: 22px;
     border-radius: 5px;
     transform: rotate(-90deg);
     top: 34%;
 }
 .arvraboutustex:before {
     content: '';
     width: 95px;
     height: 95px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_red.webp);
     background-size: cover;
     right: -40%;
     top: -20px;
     position: absolute;
 }
 .arvraboutustex:after {
     content: '';
     width: 85px;
     height: 68px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/vr_icon2.webp);
     background-size: cover;
     right: -15%;
     top: -10px;
     position: absolute;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .arvraboutusdescp{
     position:relative;
 }
 .arvraboutusdescp:before {
     position: absolute;
     content: '';
     left: -17%;
     top: 30%;
     width: 90px;
     height: 62px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/ar_vr_icon_2.webp);
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .arvraboutusdescp p {
     font-size: 18px;
     line-height: 30px;
     color: #525252;
     margin-bottom: 50px;
 }
 .arvraboutusimgsw img {
     border-radius: 35px;
 }
 .arvraboutusdescp .row {
     align-items: center;
 }
 .arvraboutusdescp a {
     background: var(--primary-text);
     color: #fff;
     padding: 8px 18px;
     display: flex;
     align-items: center;
     width: max-content;
     font-size: 18px;
     border-radius: 40px;
 }
 .arvraboutusdescp a code {
     color: var(--primary-text);
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     font-size: 16px;
     margin-left: 8px;
 }
 .arvraboutusdescp h5 {
     text-align: center;
     font-size: 16px;
     color: #474747;
     font-weight: 400;
     padding: 0px 10px;
 }
 .arvraboutusdescp h5 code {
     display: block;
     font-size: 42px;
     font-weight: 800;
 }
 .arvrdevsec3 {
     background: var(--primary-text);
     padding: 30px 40px;
     background: linear-gradient(0deg, white 15%, var(--primary-text) 11%, var(--primary-text) 87%, #fff 45%);
 }
 .arvdatsectext code {
     background: #fff;
     display: block;
     padding: 20px;
     border-radius: 50%;
     width: 110px;
 }
 .arvdatsectext h3 {
     font-weight: 600;
     color: #fff;
     margin-bottom: 18px;
     margin-top: 25px;
 }
 .arvdatsectext h6 {
     font-size: 17px;
     color: #fff;
     font-weight: 400;
     line-height: 25px;
 }
 .arvrdevsec3 .panel-no-style{
     align-items:center !important;
 }
 
 
 .arvrdevsec4 {
     padding-top: 60px;
     padding-bottom: 70px;
     position: relative;
     z-index: 1;
     overflow:hidden;
 }
 .arvrdevsec4:before {
     content: '';
     position: absolute;
     width: 40%;
     height: 55%;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/avremman.webp);
     background-size: cover;
     bottom: 15%;
     left: -170px;
 }
 .arvrdevsec4:after {
     content: '';
     position: absolute;
     width: 780px;
     height: 770px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/globe_2.png);
     background-size: cover;
     top: -3%;
     left: -190px;
     filter: invert(0.7);
     z-index: -1;
 }
 .arvroffrsetex {
     position: relative;
 }
 
 .arvroffrsetex:after {
     content: '';
     width: 85px;
     height: 68px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/vr_icon2.webp);
     background-size: cover;
     right: -5%;
     top: 11px;
     position: absolute;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .arvroffrsetex h2 {
     font-size: 50px;
     font-weight: 800;
     margin-bottom: 24px;
     text-transform: capitalize;
     color: #000;
 }
 .arvroffrsetex p {
     font-size: 18px;
     color: #525252;
     font-weight: 400;
 }
 .avrrowpont .row {
     align-items: center;
     box-shadow: 0px 0px 20px -6px #939393;
     border-radius: 15px;
     border: 1px solid #52525242;
 }
 
 .arvbsedpoi {
     padding: 40px 16px;
     text-align: center;
     border: 1px solid #52525242;
     border-radius: 10px;
 }
 .arvbsedpoi img {
     width: 90px;
     margin-bottom: 15px;
     background: #fff;
     padding: 12px;
     border-radius: 12px;
 }
 .arvbsedpoi h4 {
     font-size: 22px;
     font-weight: 500;
     color:#000;
     margin-bottom: 12px;
 }
 .arvbsedpoi h6 {
     font-size: 16px;
     font-weight: 400;
     line-height: 20px;
 }
 .arvbsedpoi:hover{
     background:var(--primary-text);
 }
 .arvbsedpoi:hover h4{
     color:#fff;
 }
 .arvbsedpoi:hover h6{
     display:block;
     color:#fff;
 }
 
 
 
 .arvrdevsec5 {
     padding-top: 80px;
     position: relative;
     padding-bottom: 30px;
 }
 .arvrbnfitoffrtex{
     position:relative;
 }
 .arvrbnfitoffrtex h2 {
     text-align: center;
     color:#000;
     font-size: 45px;
     font-weight: 700;
     margin-bottom: 22px;
 }
 .arvrbnfitoffrtex p {
     font-size: 18px;
     color: #525252;
     font-weight: 400;
     text-align: center;
 }
 .arvroffbenfpoint ul {
     padding-left: 0px;
     display: inline-block;
 }
 .arvroffbenfpoint ul li {
     float: left;
     width: 47%;
     border: 2px dashed #5d5d5d69;
     padding: 12px 20px;
     border-radius: 10px;
     margin-bottom: 35px;
     margin-right: 20px;
     list-style: none;
     font-size: 17px;
     color: #525252;
     font-weight: 400;
 }
 .arvroffbenfpoint ul li:hover {
     background: var(--primary-text);
     color: #fff;
     box-shadow: 0px 2px 9px 4px #f22a3475;
     border: 2px dashed var(--primary-text);
 }
 .arvapplicat {
     border: 1px solid var(--primary-text);
     display: block;
     padding: 28px 35px;
     border-radius: 25px;
     margin-right: 30px;
 }
 .arvapplicat h3 {
     font-size: 24px;
     font-weight: 700;
     margin-bottom: 16px;
 }
 .arvapplicat p {
     font-size: 17px;
     line-height: 26px;
 }
 .arvrdevsec6 {
     padding-top: 80px;
     padding-bottom: 70px;
     background: #000;
     position: relative;
     overflow: hidden;
 }
 .augmentedtext {
     position: relative;
 }
 .augmentedtext h2 {
     color: #fff;
     font-size: 56px;
     font-weight: 700;
     margin-bottom: 18px;
 }
 .augmentedtext p {
     font-size: 22px;
     color: #b3b3b3;
     margin-bottom: 50px;
     margin-top: 30px;
     line-height: 38px;
 }
 .augmentpoints {
     background: #292929d4;
     padding: 15px 12px;
     border-radius: 15px;
     margin-bottom: 30px;
 }
 .augmentpoints p{
     margin:auto;
 }
 .augmentpoints img {
     filter: brightness(0) invert(1);
     width: 60px;
     display: block;
     margin: auto;
 }
 .augmentpoints h3 {
     text-align: center;
     margin-top: 24px;
     color: #fff;
     font-size: 42px;
     font-weight: 700;
 }
 .augmentpoints h6 {
     text-align: center;
     color: #fff;
     font-size: 15px;
     font-weight: 300;
 }
 .augmentpoints:hover{
     background:var(--primary-text);
 }
 .augmentedtext p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 15px 31px 15px 35px;
     font-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 40px;
 }
 .arvraxtpit {
     height: 750px;
     overflow: scroll;
     border-radius: 20px;
 }
 .arvraxtpit::-webkit-scrollbar {
   display: none;
 }
 
 
 .arvrdevsec7 {
     padding-top: 70px;
     padding-bottom: 70px;
     position: relative;
 }
 .arvrindustritex {
     position: relative;
 }
 .arvrindustritex:before {
     content: '';
     width: 88px;
     height: 78px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/arvrgameicon.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 20px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .arvrindustritex:after {
     content: '';
     width: 108px;
     height: 132px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/arvrmeneicon.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .arvrindustritex h2 {
     text-align: center;
     color:#000;
     font-size: 62px;
     font-weight: 700;
     margin-bottom: 10px;
 }
 .arvrindustritex p {
     text-align: center;
     font-size: 21px;
     color: #525252;
     line-height: 35px;
 }
 .industavrbox {
     border: 1px solid #ccc;
     padding: 30px 20px;
     border-radius: 25px;
 }
 .industavrbox .row{
     align-items:center;
 }
 .industavrbox img{
     border-radius:15px;
 }
 .industavrbox h3 {
     font-weight: 700;
     color:#000;
     font-size: 32px;
     margin-bottom: 12px;
 }
.industavrbox h3 a:hover {
    color: var(--primary-text);
}
 .industavrbox h6 {
     font-weight: 400;
     line-height: 28px;
     font-size: 16px;
     color: #525252;
 }
 .industavrbox p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 10px 20px 10px 20px;
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 6px;
     margin-top: 25px;
 }
 .industavrbox p a code{
     margin-left:10px;
 }
 /* ar vr page css start */
 
 
 
 
 
 /* Digital Transformation Services page css start */
 
 
 .digtsec1 {
     padding-top: 90px;
     padding-bottom: 80px;
     position: relative;
 }
 .digitexthead{
     position:relative;
     z-index:1;
 }
 .digitexthead:after {
     content: "";
     position: absolute;
     width: 130px;
     height: 130px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2023/12/arrow_white.webp);
     background-size: cover;
     right: -70px;
     top: 0;
     opacity: 0.2;
 }
 .digitexthead ul {
     padding-left: 0px;
     display: flex;
     align-items: center;
 }
 .digitexthead ul li {
     list-style: none;
     font-size: 20px;
     margin-right: 10px;
     font-weight: 500;
 }
 .digitexthead ul li a {
     color: #fff;
 }
 .digitexthead ul li code {
     color: #fff;
 }
 .digitexthead h4 {
     font-size: 25px;
     font-weight: 500;
     padding: 10px 30px;
     background: var(--primary-text);
     display: inline-block;
     margin-top: 80px;
     color: #fff;
     border-radius: 10px;
 }
 .digitexthead h1 {
     font-size: 76px;
     font-weight: 700;
     margin-top: 30px;
     margin-bottom: 40px;
     color: #fff;
 }
 .digitexthead h6 {
     font-size: 24px;
     font-weight: 300;
     margin-bottom: 40px;
     line-height: 41px;
     color: #fff;
 }
 .digitexthead p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 18px 18px 18px 18px;
     font-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50px;
     margin-top: 50px;
 }
 .digtsec2 {
     padding-top: 80px;
     padding-bottom: 70px;
     background: var(--primary-text);
     position: relative;
     overflow: hidden;
     z-index: 1;
 }
 .digtsec2:before {
     position: absolute;
     width: 80%;
     height: 100%;
     content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/number-bg.webp);
     background-size: cover;
     top: 0;
     margin: auto;
     display: block;
     z-index: -1;
     left: 10%;
     filter: brightness(0.1) invert(1);
 }
 .diginmbrstex {
     position: relative;
     margin-bottom: 50px;
 }
 .diginmbrstex:before {
     content: '';
     width: 70px;
     height: 91px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/lable-icontop.webp);
     position: absolute;
     z-index: 0;
     left: 0px;
     top: -10px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .diginmbrstex:after {
     content: '';
     width: 80px;
     height: 101px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/trophy-icon.webp);
     position: absolute;
     z-index: 0;
     right: 0px;
     top: 0px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .diginmbrstex h2 {
     color: #fff;
     text-align: center;
     font-size: 55px;
     font-weight: 700;
 }
 .nmbrdigibox {
     background: #fff;
     text-align: center;
     padding: 23px 15px;
     border-radius: 10px;
 }
 .nmbrdigibox h1 {
     font-size: 58px;
     font-weight: 700;
     color: var(--primary-text);
 }
 .nmbrdigibox p {
     font-size: 20px;
     font-weight: 500;
 }
 
 .digtsec3 {
     padding-top: 80px;
     z-index: 1;
     padding-bottom: 90px;
     position: relative;
     background: radial-gradient(circle, rgba(9, 9, 10, 1) 15%, rgba(31, 12, 11, 1) 47%, rgba(9, 9, 10, 1) 83%);
 }
 .digtsec3:before {
     position: absolute;
     content: '';
     width: 416px;
     height: 380px;
     left: -110px;
     top: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/digit_line_2_bg.webp);
     background-size: cover;
     z-index: -1;
     filter: brightness(0.1) invert(1);
 }
 .digtsec3:after {
     position: absolute;
     content: '';
     width: 416px;
     height: 380px;
     right: -110px;
     top: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/digit_line_2_bg.webp);
     background-size: cover;
     z-index: -1;
     filter: brightness(0.1) invert(1);
 }
 .digitservctext h6 {
     background: var(--primary-text);
     width: max-content;
     margin: auto;
     color: #fff;
     padding: 8px 22px;
     margin-bottom: 15px;
     font-size: 24px;
     border-radius: 40px;
     font-weight: 400;
 }
 
 .digitservctext h2 {
     text-align: center;
     color: #fff;
     font-size: 65px;
     font-weight: 700;
     margin-bottom: 28px;
 }
 .digitservctext p {
     color: #fff;
     text-align: center;
     font-size: 20px;
     font-weight: 300;
 }
 .digitservcarousel .sow-carousel-item {
     background: #fff;
     padding: 25px 25px;
     border-radius: 20px;
 }
 .digitservcarousel img {
     width: 95px;
     margin-bottom: 22px;
 }
 .digitservcarousel h3 {
     font-size: 26px;
     font-weight: 700;
     margin-bottom: 30px;
     position:relative;
 }
 .digitservcarousel h3:before {
     position: absolute;
     content: '';
     width: 70px;
     height: 4px;
     background: var(--primary-text);
     bottom: -18px;
 }
 .digitservcarousel h6 {
     font-size: 16px;
     font-weight: 500;
     color: #525252;
     line-height: 29px;
 }
 .digitservcarousel a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 10px 20px 10px 20px;
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 30px;
     margin-top: 25px;
 }
 .digitservcarousel .sow-carousel-item:hover{
     background: var(--primary-text);
 }
 .digitservcarousel .sow-carousel-item:hover h3{
     color:#fff;
 }
 .digitservcarousel .sow-carousel-item:hover h6{
     color:#fff;
 }
 .digitservcarousel .sow-carousel-item:hover a{
     color:var(--primary-text);
     background:#fff;
 }
 .digitservcarousel .sow-carousel-item:hover h3:before{
     background:#fff;
 }
 
 
 
 .digtsec4 {
     padding-top: 70px;
     padding-bottom: 70px;
     position: relative;
 }
 .digtbeneftpoint h6 {
     width: max-content;
     font-size: 27px;
     font-weight: 400;
     padding: 12px 42px;
     background: var(--primary-text);
     display: inline-block;
     margin-top: 20px;
     color: #fff;
     border-radius: 50px;
     margin-bottom: 30px;
 }
 .digtbeneftpoint h2 {
     font-size: 42px;
     font-weight: 700;
     margin-bottom: 16px;
 }
 .digtbeneftpoint h5 {
     font-size: 17px;
     font-weight: 400;
     color: #525252;
     line-height: 25px;
     margin-bottom: 20px;
 }
 .digtbeneftpoint ul{
     padding-left:0px;
 }
 .digtbeneftpoint ul li {
     list-style: none;
     margin-bottom: 22px;
     background: #efefefcf;
     padding: 18px 28px;
     border-radius: 15px;
 }
 .digtbeneftpoint ul li br{
     display:none;
 }
 .digtbeneftpoint ul li strong {
     display: block;
     font-size: 22px;
     margin-bottom: 5px;
     color: #525252;
 }
 .digtbeneftpoint ul li:hover{
     background:var(--primary-text);
     color:#fff;
 }
 .digtbeneftpoint ul li:hover strong{
     color:#fff;
 }
 .transfbenfimg {
     position: relative;
 }
 .transfbenfimg img{
     border-radius:30px;
 }
 .digitlovpoab {
     position: absolute;
     width: 100%;
     bottom: -140px;
     background: var(--primary-text);
     padding: 5px 35px;
     border-radius: 0px 0px 30px 30px;
     z-index: 1;
 }
 .digitlovpoab:before {
     position: absolute;
     content: '';
     top: -113px;
     height: 116px;
     width: 100%;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/digital_shape_bg.webp);
     background-size: cover;
     left: 0px;
     z-index: 0;
 }
 .digitlovpoab h3 {
     color: #fff;
     font-weight: 600;
     font-size: 30px;
 }
 
 .digitlovpoab a {
     width: max-content;
     background: #fff;
     color: var(--primary-text);
     padding: 8px 22px 8px 22px;
     font-size: 17px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 30px;
     margin-top: 25px;
     font-weight: 500;
 }
 
 .digtsec5 {
     padding-top: 80px;
     padding-bottom: 90px;
     position: relative;
     background: radial-gradient(circle, rgba(9, 9, 10, 1) 15%, rgba(31, 12, 11, 1) 47%, rgba(9, 9, 10, 1) 83%);
 }
 
 
 .digitproctex {
     color: #fff;
 }
 .digitproctex h6 {
     width: max-content;
     font-size: 27px;
     font-weight: 400;
     padding: 12px 42px;
     background: var(--primary-text);
     display: inline-block;
     margin-top: 20px;
     color: #fff;
     border-radius: 50px;
     margin-bottom: 20px;
 }
 .digitproctex h4 {
     font-size: 55px;
     font-weight: 300;
     margin-bottom: 20px;
 }
 .digitproctex h4 strong{
     font-weight:700;
 }
 .digitproctex p {
     font-size: 17px;
     font-weight: 400;
     line-height: 25px;
     margin-bottom: 0px;
 }
 .digitpointstrcaro{
     color:#fff;
 }
 .digitpointstrcaro code {
     background: var(--primary-text);
     color: #fff;
     width: 55px;
     height: 55px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 28px;
     border-radius: 10px;
     font-weight: 600;
     margin-bottom: 22px;
 }
 .digitpointstrcaro h3 {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 23px;
 }
 .digitpointstrcaro p {
     font-size: 16px;
     font-weight: 300;
     line-height: 25px;
 }
 .digitpointstrcaro ul.slick-dots {
     display: flex !important;
     justify-content: flex-start !important;
     padding-left: 10px !important;
 }
 .digitprocesimg img {
     border-radius: 80px 0px;
     box-shadow: 15px 15px 0px 0px #ffffff54;
 }
 .digtsec6 {
     padding-top: 80px;
     padding-bottom: 70px;
     position: relative;
 }
 .qualityefftext {
     position: relative;
 }
 .qualityefftext:before {
     content: '';
     width: 89px;
     height: 96px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/quality-icon-aftr.webp);
     position: absolute;
     z-index: 0;
     left: -40px;
     top: 20px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .qualityefftext:after {
     content: '';
     width: 98px;
     height: 99px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/quality-icon-bfr.webp);
     position: absolute;
     z-index: 0;
     right: -65px;
     top: 26px;
     background-size: cover;
     -webkit-animation-name: tada;
     animation-name: tada;
     animation-duration: 6s;
     animation-iteration-count: infinite;
 }
 .qualityefftext h6 {
     width: max-content;
     font-size: 27px;
     font-weight: 400;
     padding: 12px 42px;
     background: var(--primary-text);
     display: block;
     color: #fff;
     border-radius: 50px;
     margin: auto;
     margin-bottom: 40px;
 }
 .qualityefftext h2 {
     font-size: 60px;
     text-align: center;
     font-weight: 700;
     margin-bottom: 20px;
 }
 .qualitytexbox {
     padding: 40px 32px 25px 32px;
     border-radius: 20px;
 }
 .qualitytexbox code {
     background: var(--primary-text);
     display: block;
     width: 68px;
     padding: 12px;
     border-radius: 13px;
 }
 .qualitytexbox code img {
     filter: brightness(0) invert(1);
 }
 .qualitytexbox h3 {
     font-size: 25px;
     font-weight: 600;
     margin-top: 25px;
     color:#000;
     margin-bottom: 15px;
 }
 .qualitytexbox p {
     font-size: 17px;
     display: block;
     color: #8f8f8f;
     line-height: 25px;
     font-weight: 400;
 }
 .qualitytexbox a {
     display: block;
     margin-top: 15px;
     font-size: 17px;
     font-weight: 500;
 }
 .qualitytexbox:hover{
     background: var(--primary-text);
     color:#fff;
 }
 .qualitytexbox:hover h3{
     color:#fff;
 }
 .qualitytexbox:hover p{
     color:#fff;
 }
 .qualitytexbox:hover a{
     color:#fff;
 }
 
 .qualitytexbox:hover code{
     background:#fff;
 }
 .qualitytexbox:hover code img{
     filter:initial !important;
 }
 /* Digital Transformation Services page css end */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .upbh_abtimg {
     /* background-image: url(https://www.fluper.com/wp-content/uploads/2024/06/iphone1.webp); */
     background-size: cover;
     width: 210px;
     height: 420px;
     position: relative;
     margin: auto;
     float: left;
     /* box-shadow: 0px 0px 8px #000; */
     margin-bottom: 40px;
     margin-left: 60px;
     border-radius: 29px;
     border: 4px solid #ff000c;
 }
 .upbh_abtimg video {
     width: 100%;
     height: 100%;
     display: block;
     margin: auto;
     border-radius: 24px;
     overflow: hidden;
     object-fit: cover;
     position: relative;
     top: 0px;
     left: 0px;
 }
 .flupbanner{
     position:relative;
     overflow:hidden;
 }
 .tabscreenkhy {
     position: absolute;
     right: -210px;
     top: -190px;
     overflow: hidden;
     width: 700px;
     height: 545px;
     display: block;
     /* background-image: url(https://www.fluper.com/wp-content/uploads/2024/06/tablet1.webp); */
     background-size: cover;
     box-shadow: 0px 0px 1px #000;
     z-index: -1;
     border-radius: 50px;
     border: 4px solid #ff000c;
 }
 .tabscreenkhy video {
     width: 100%;
     height: 101%;
     display: block;
     margin: auto;
     border-radius: 14px;
     overflow: hidden;
     object-fit: cover;
     top: 0px;
     position: relative;
 }
 .appsrow {
     align-items: end;
 }
 
 .cyberscrsectwo{
     padding-top:50px;
 }
 .cyberscrsectwo .instantblockchaincs {
     margin-bottom: -20px;
     margin-top: -110px;
 }
 .cyberctasec {
     background: #000;
     padding: 60px 0px;
     position: relative;
 }
 .cybctatext{
     position:relative;
 }
 .cybrctaimge{
     position:relative;
 }
 .cybrctaimge:before {
     position: absolute;
     content: "";
     right: -20px;
     bottom: 60px;
     width: 60px;
     height: 70px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/06/cyberctaicon-3.webp);
     background-size: cover;
 }
 .cybctatext:before {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     width: 65px;
     height: 80px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/06/cyberctaicon-1.webp);
     background-size: cover;
 }
 .cybctatext:after {
     position: absolute;
     content: "";
     right: 120px;
     bottom: -30px;
     width: 85px;
     height: 79px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/06/cyberctaicon-2.webp);
     background-size: cover;
 }
 .cybctatext h2 {
     color: #fff;
     font-size: 48px;
     font-weight: 600;
     margin-bottom: 30px;
 }
.cybctatext p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
}
 .cybctatext ul li {
     color: #bbb;
     font-size: 18px;
 }
.cybctatext a {
    width: max-content;
    background: var(--primary-text);
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    margin-top: 35px;
}
 .cyberctasec .panel-grid.panel-no-style{
     align-items:center;
 }
 
 .cyberstepsec{
     background-repeat: no-repeat;
         padding: 90px 0px;
 }
 
 .innerblogs_box {
     padding: 15px 20px;
     box-shadow: 0px 0px 8px #939393;
     border-radius: 8px;
 }
 .innerblogs_box h1 {
     font-size: 23px;
     color: #000;
     font-weight: 600;
     margin-bottom: 12px;
     line-height: 34px;
     text-transform: capitalize;
     margin-top: 15px;
 }
 .innerblogs_box p {
     margin-bottom: 0px;
 }
 .innerblogs_box a {
     font-size: 18px;
     margin-top: 15px;
     display: block;
 }
 .fterty img{
     border-radius:30px;
 }
 
 
 
 
 
 /* Restaurant Software css */
 
 .restaurntsectwo {
     background: #000;
     padding-top: 70px;
     padding-bottom: 40px;
     position: relative;
     overflow: hidden;
 }
 .restaurntsectwo .panel-grid.panel-no-style {
     align-items: center !important;
 }
 .restlogourt .sow-carousel-item.slick-slide {
     margin: 0px 12px 5px 12px !important;
 }
 .restlogourt img {
     width: 90%;
 }
 .so-widget-sow-anything-carousel .sow-carousel-container .sow-carousel-wrapper .slick-dots{
     display:block !important;
 }
 .restauntintrod h2 {
     font-size: 48px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 24px;
 }
 .restauntintrod p {
     font-size: 25px;
     color: #fff;
     margin-bottom: 28px;
 }
 .restauntintrod a {
     font-size: 22px;
     line-height: 35px;
     color: #ffffff;
     font-weight: 400;
     border-radius: 8px;
     background-color: #f22a34;
     padding: 11px 13px;
     margin-top: 30px;
     display: block;
     width: max-content;
 }
 .restauntintrod code.fa-solid.fa-hand-point-up {
     margin-right: 15px;
     transform: rotate(90deg);
 }
 .resturstats img {
     width: 100px;
 }
 .resturstats h3 {
     color: #fff;
     font-weight: 700;
     font-size: 56px;
 }
 .resturstats h3 code {
     display: block;
     font-size: 24px;
     color: #fff;
     font-weight: 300;
 }
 .resturstats {
     display: flex;
     align-items: center;
     gap: 20px;
     margin-bottom: 60px;
 }
 .restlogourt {
     margin-bottom: 40px;
 }
 .restaurntsectwo:before {
     right: 0;
     position: absolute;
     width: 370px;
     height: 780px;
     content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/restaurant_stats_bg.webp);
     background-size: cover;
     z-index: 0;
     top: -140px;
 }
 
 .resturntservices {
     background: #000;
     padding-top: 0px;
     padding-bottom: 70px;
     position: relative;
     overflow: hidden;
 }
 .resturntservices:before {
     left: 0;
     position: absolute;
     width: 370px;
     height: 780px;
     content: '';
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/restaurant_stats_bg.webp);
     background-size: cover;
     z-index: 0;
     top: 60px;
     transform: rotate(180deg);
 }
 
 .restsrvcheading h6 {
     font-size: 25px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     margin: auto;
     display: block;
     width: max-content;
     background: var(--primary-text);
     padding: 9px 19px;
     margin-bottom: 25px;
     border-radius: 50px;
 }
 .restsrvcheading h2 {
     text-align: center;
     font-size: 64px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 15px;
 }
 .restsrvcheading p {
     text-align: center;
     font-size: 26px;
     color: #fff;
     margin-bottom: 22px;
 }
 .restaupos_service {
     display: flex;
     align-items: stretch;
 }
 .restat_servic_desc {
     width: 55%;
     background: #2c2d32;
     padding: 35px 40px 35px 40px;
 }
 .restat_servic_desc h3 {
     font-size: 44px;
     color: #fff;
     font-weight: 700;
     margin-bottom: 42px;
     position: relative;
 }
 .restat_servic_desc h3:before {
     position: absolute;
     width: 100px;
     height: 2px;
     background: red;
     content: '';
     bottom: -12px;
 }
 .restat_servic_desc h6 {
     color: #fff;
     font-size: 20px;
     font-weight: 400;
     line-height: 35px;
 }
 .restat_servic_img {
     width: 45%;
 }
 .restat_servic_img img {
     width: 100% !important;
     height: 100% !important;
     object-fit: cover !important;
 }
 .restsrvcheading {
     position: relative;
 }
 /* .restsrvcheading:before {
     content: '';
     position: absolute;
     width: 100px;
     height: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/rest_srvc_food_2.webp);
     background-size: cover;
     left: 0;
     top: 30px;
 }
 .restsrvcheading:after {
     content: '';
     position: absolute;
     width: 100px;
     height: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/rest_srvc_food_1.webp);
     background-size: cover;
     right: 0;
     top: 40px;
 } */
 
 .featuresrest h6 {
     font-size: 25px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     margin: auto;
     display: block;
     width: max-content;
     background: var(--primary-text);
     padding: 9px 19px;
     margin-bottom: 25px;
     border-radius: 50px;
 }
 .featuresrest h2 {
     text-align: center;
     font-size: 64px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 15px;
 }
 .featuresrest p {
     text-align: center;
     font-size: 26px;
     color: #fff;
     margin-bottom: 22px;
 }
 .restufeatures .sow-carousel-item {
     margin: 0px 12px 4px 12px !important;
 }
 .restufeatures .sow-carousel-content {
     background: #fff;
     padding: 40px 43px;
     border-radius: 30px;
     position: relative;
 }
 .restufeatures .sow-carousel-content:hover{
     background-color:var(--primary-text);
 }
 .restufeatures code {
     position: absolute;
     right: 20px;
     font-size: 48px;
     font-weight: 800;
     top: 20px;
     color: #e5e5e5;
 }
 .restufeatures .sow-carousel-content:hover.restufeatures code{
     color:#fff;
     opacity:0.7;
 }
 .restufeatures h1 {
     color: #000;
     font-size: 40px;
     font-weight: 700;
     margin-bottom: 10px;
 }
 .restufeatures .sow-carousel-content:hover h1{
     color: #fff;
 }
 .restufeatures p {
     font-size: 20px;
     line-height: 35px;
     display: block;
 }
 .restufeatures .sow-carousel-content:hover p{
     color: #fff;
 }
 .featuresrest{
     position:relative;
 }
 /* .featuresrest:before {
     content: '';
     position: absolute;
     width: 90px;
     height: 90px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/restu_feature_icon_2.webp);
     background-size: cover;
     left: 0;
     top: 30px;
 }
 .featuresrest:after {
     content: '';
     position: absolute;
     width: 100px;
     height: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/restu_feature_icon_1.webp);
     background-size: cover;
     right: 0;
     top: 40px;
 } */
 .indusctastat {
     position: relative;
     padding-top: 20px;
     padding-bottom: 10px;
 }
 .resctatextlft h2 {
     font-size: 40px;
     color: #fff;
     margin-bottom: 30px;
     font-weight: 600;
 }
 .resctatextlft h3 {
     font-size: 55px;
     color: #fff;
     font-weight: 700;
 }
 .resctatextlft h6 {
     font-size: 26px;
     color: #fff;
     font-weight: 400;
 }
 .resctatextlft a {
     font-size: 19px;
     line-height: 35px;
     color: #ffffff;
     font-weight: 400;
     border-radius: 8px;
     background-color: #f22a34;
     padding: 10px 16px;
     margin-top: 38px;
     display: block;
     width: max-content;
 }
 .indusctastat .panel-grid.panel-no-style {
     align-items: center !important;
 }
 .resturbenefit h6 {
     font-size: 25px;
     font-weight: 500;
     color: #fff;
     text-align: center;
     margin: auto;
     display: block;
     width: max-content;
     background: var(--primary-text);
     padding: 9px 19px;
     margin-bottom: 25px;
     border-radius: 50px;
 }
 .resturbenefit h2 {
     text-align: center;
     font-size: 64px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 15px;
 }
 .resturbenefit p {
     text-align: center;
     font-size: 26px;
     color: #fff;
     margin-bottom: 22px;
 }
 .bnftresturnt_box {
     border: 1px solid #fff;
     border-radius: 25px;
     padding: 30px 35px;
     text-align: center;
 }
 .bnftresturnt_box code {
     background: var(--primary-text);
     display: block;
     width: 62px;
     padding: 5px;
     margin: auto;
     border-radius: 13px;
 }
 .bnftresturnt_box code img {
     filter: brightness(0) invert(1);
 }
 .bnftresturnt_box h2 {
     color: #fff;
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 18px;
     margin-top: 18px;
 }
 .bnftresturnt_box p {
     color: #919191;
     font-size: 16px;
     line-height: 26px;
     margin-bottom: 0px;
 }
 .benfitsecthmer{
     background: #000;
     padding-top: 90px;
     padding-bottom: 80px;
     position: relative;
     overflow: hidden;
 }
 .bnftresturnt_box:hover {
     background: var(--primary-text);
     border: 1px solid var(--primary-text);
 }
 .bnftresturnt_box:hover h2{
     color:#fff;
 }
 .bnftresturnt_box:hover p{
     color:#fff;
 }
 .bnftresturnt_box:hover code {
     background: #fff;
 }
 .bnftresturnt_box:hover code img {
     filter: initial !important;
 }
 
 /* .bfraftrbenfitrestu:before {
     content: '';
     position: absolute;
     width: 235px;
     height: 242px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/industsolut_icon_4.webp);
     background-size: cover;
     left: -90px;
     top: 110px;
 }
 .bfraftrbenfitrestu:after {
     content: '';
     position: absolute;
     width: 110px;
     height: 110px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/industsolut_icon_5.webp);
     background-size: cover;
     right: 70px;
     top: 100px;
 } */
 .resturnbnft_tabs .sow-tabs {
     display: flex;
     flex-direction: row-reverse;
     align-items: stretch;
 }
 .resturnbnft_tabs .sow-tabs-panel-container {
     position: relative;
     margin-right: 20px;
     background: initial !important;
 }
 .resturnbnft_tabs .sow-tabs-panel {
     padding: 0px 0px 0px 0px !important;
 }
 .resturnbnft_tabs p {
     margin-bottom: 0px;
 }
 .resturnbnft_tabs img {
     border-radius: 40px;
 }
 .resturnbnft_tabs .resttabdescp {
     position: absolute;
     bottom: 50px;
     right: 50px;
     background: #fff;
     padding: 22px 25px;
     border-radius: 20px;
     box-shadow: 0px 0px 7px -1px #ccc;
 }
 .resttabdescp h2 {
     color: var(--primary-text) !important;
     font-size: 32px;
     font-weight: 700;
     margin-bottom: 15px;
 }
 .resttabdescp ul {
     padding-left: 24px;
     margin-bottom: 0px;
 }
 .resttabdescp ul li {
     font-size: 20px;
     margin-bottom: 12px;
 }
 .resttabdescp ul li::marker {
     color: var(--primary-text) !important;
     font-size: 25px;
 }
 
 .resturnbnft_tabs .sow-tabs-tab-container {
     background-color: var(--primary-text) !important;
     padding: 30px 30px 30px 30px !important;
     width: 40%;
     border-radius: 22px;
     flex-direction: column;
     gap: 42px;
 }
 .resturnbnft_tabs .sow-tabs-tab {
     color: #fff !important;
     font-size: 26px !important;
     font-weight: 600 !important;
     opacity: 0.4;
     padding: 0px 0px 0px 0px !important;
 }
 .resturnbnft_tabs .sow-tabs-tab:hover {
     background: initial !important;
 }
 .resturnbnft_tabs .sow-tabs-tab-selected {
     background: initial !important;
     opacity: 1 !important;
     padding: 0px 0px 0px 0px !important;
 }
 .resturnbnft_tabs .sow-tabs-tab img {
     width: 62px;
     margin-right: 22px;
 }
 .restindustools {
     background: #000;
     padding-top: 50px;
     padding-bottom: 60px;
     position: relative;
 }
 .restindustools h4 {
     color: #fff;
 }
 .restindustools .tabs-v label > p {
     color: #fff;
 }
 .restindustools .tabs-v .tab-content > div {
     background-color: initial;
 }
 .restindustools .firt-txt img {
     background: #fff;
 }
 .indusarrdsrest{
     position:relative;
 }
 .indusarrdsrest:before {
     content: '';
     position: absolute;
     width: 80px;
     height: 100px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/trophy-icon.webp);
     background-size: cover;
     left: -40px;
     top: 90px;
 }
 .indusarrdsrest:after {
     content: '';
     position: absolute;
     width: 65px;
     height: 84px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/03/trophy_2_icon.webp);
     background-size: cover;
     right: -40px;
     top: 90px;
 }
 .ressoftwdevawrds img {
     width: 75%;
     display: block;
     margin: auto;
 }
 
 
 
 
 
 
 /* end */
 
 
 /*  */
.item.tab1.btn.activecdcv .talabatext {
    display: block !important;
}
.item.tab1.btn.activecdcv .main-top-sect fade-in {
    display: none !important;
}

 
 .whitindussectwo {
     padding-top: 50px;
     position: relative;
     padding-bottom: 50px;
 }
 .industroducttx h2 {
     font-size: 48px;
     font-weight: 900;
     margin-bottom: 30px;
     color: #000;
 }
 .industroducttx p {
     font-size: 23px;
     color: #000;
     font-weight: 400;
     line-height: 38px;
     display: inline-block;
 }
 .industroducttx a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 8px 18px 8px 18px;
     font-size: 22px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 10px;
     margin-top: 20px;
 }
 .industroducttx a code {
     color: var(--primary-text);
     background: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     font-size: 16px;
     margin-right: 20px;
 }
 .whiindusgrl img {
     border-radius: 40px;
     border: 9px solid #dfdfdf;
 }
 .whitindusoffer h2 {
     text-align: center;
     font-size: 64px;
     font-weight: 700;
     color: #000;
     margin-bottom: 15px;
 }
 .whitindusoffer p {
     text-align: center;
     font-size: 26px;
     margin-bottom: 22px;
 }
 .whitkeyfeindus h2{
     font-size: 64px;
     font-weight: 700;
     color: #000;
     margin-bottom: 15px;
 }
 .whitkeyfeindus p {
     font-size: 22px;
     margin-bottom: 22px;
 }
 .featureviewmr a {
     font-weight: 300;
     font-size: 28px;
     align-items: center;
     width: max-content;
     color: #ffffff;
     padding: 15px 12px 15px 31px;
     display: flex;
     justify-content: center;
     background: var(--primary-text);
     margin-right: auto;
     margin-left: auto;
     float: right;
     border-radius: 13px;
 }
 .featureviewmr a code {
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     border-radius: 53%;
     margin-right: 23px;
     transform: rotate(90deg);
 }
 .travelbfraftrico {
     position: relative;
     overflow: hidden;
 }
 .travelbfraftrico {
     position: relative;
     overflow: hidden;
 }
 .travelbfraftrico:before {
     content: '';
     position: absolute;
     width: 300px;
     height: 260px;
     left: -70px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/travel_leaf_lft.webp);
     background-size: cover;
     top: 100px;
 }
 .travelbfraftrico:after {
     content: '';
     position: absolute;
     width: 300px;
     height: 130px;
     right: -70px;
     background-image: url(https://www.fluper.com/wp-content/uploads/2024/07/travel_air_right.webp);
     background-size: cover;
     top: 120px;
 }
 .indusctawhitetext h2 {
     font-size: 37px;
     color: #000;
     line-height: 51px;
     font-weight: 500;
     margin-bottom: 40px;
 }
 .indusctawhitetext .d-flex {
     gap: 50px;
 }
 .solutind1 h1 {
     font-size: 70px;
     font-weight: 700;
     color: var(--primary-text);
     margin-bottom: 2px;
 }
 .solutind1 h6 {
     font-size: 27px;
     font-weight: 400;
     color: #000;
     margin-bottom: 20px;
 }
 .indusctawhitetext p a {
     width: max-content;
     background: var(--primary-text);
     color: #fff;
     padding: 18px 18px 18px 18px;
     font-size: 24px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 40px;
     margin-top: 30px;
 }
 
 .bnefitwhithead h6 {
     width: max-content;
     font-size: 28px;
     font-weight: 400;
     padding: 12px 30px;
     background: var(--primary-text);
     display: block;
     color: #fff;
     border-radius: 50px;
     margin-bottom: 25px;
 }
 .bnefitwhithead h5 {
     font-size: 28px;
     font-weight: 400;
     color: #000;
     margin-bottom: 0px;
 }
 .bnefitwhithead h2 {
     font-size: 64px;
     font-weight: 700;
     color: #000;
     margin-bottom: 15px;
 }
 
 
 .whatsapp-img i {
     color: #fff;
     font-size: 33px;
     border-radius: 47px;
     position: fixed;
     bottom: 45px;
     z-index: 999;
     left: 13px;
     background: #25d366;
     transition: all .5s ease;
     animation-name: pulse;
     animation-duration: 1.4s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
     height: 55px;
     width: 55px;
     display: flex;
     align-items: center;
     text-align: center;
     justify-content: center;
 }
.row.menuclscs {
    width: 37% !important;
    margin-left: 31px;
}
/* .row.menuclscs.lstlinecs {
    position: relative;
    right: 50px;
} */
.buttonfgrt {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 8px 10px;
    border-radius: 80px;
    transition: .2s;
    .material-icons {
        font-size: 24px;

        transition: .2s;
    }

    .label-hidden {
        max-width: 0;
        opacity: 0;
        max-height: 1em;
        white-space: nowrap;
		position: relative;
        top: -4px;
        transition: .2s;
    }
}
.buttonfgrt:hover .label-hidden {
      max-width: 200px;
      margin-left: 8px;
      opacity: 1;
      color: #fff;
      font-weight: 600;
      position: relative;
      top: -4px;
}
.buttonfgrt i {
    color: #c1bcbc;
    font-size: 20px;
}
.buttonfgrt:hover i {
    color: #fff;
}
.gfyrj{
	background: #dfdfdf;
	position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 8px 10px;
	border-radius:60px;
    transition: .2s;
}
.anchorfrt {
    list-style-type: none !important;
    margin: auto;
    display: contents;
    width: max-content;
    padding: 0px;
    background: initial;
    text-decoration: none;
    color: #fff;
    font-size: 27px;
    font-weight: 500;
    border-radius: 0px;
    margin-top: 0px;
    position: relative;
}
.buttonfgrt:hover .gfyrj {
    background: var(--primary-text) !important;
}
.botomsect a {
    text-decoration: none;
    color: #565656;
    font-size: 19px;
}
.botomsect a:hover {
    color: var(--primary-text);
}
.gfyrj.dftrg span {
    width: max-content;
    background: initial;
    padding: 0px;
    border-radius: 0px;
}
.mobiapp_card:hover .label-hidden{
    max-width: 200px;
    margin-left: 8px;
    opacity: 1;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: -4px;
}
.mobiapp_card:hover .gfyrj {
    background: #fff !important;
}
.mobiapp_card:hover i {
    color: var(--primary-text) !important;
}
.mobiapp_card:hover .dftrg span{
	color:var(--primary-text);
}
.styletxt {
    display: flex;
    justify-content: space-between;
	align-items:center;
}
.gfyrj.dftrg {
    background: var(--primary-text);
}
.gfyrj.dftrg i {
    color: #fff;
}
a.buttonfgrt:hover .dftrg {
    background: #fff;
}
a.buttonfgrt:hover .dftrg i {
    background: #fff;
}
a.buttonfgrt:hover .dftrg span {
    background: #fff;
}
.logo.menulogo {
    display: none;
}
.busness-sect-second ul li a {
    padding: 14px 11px !important;
}
.revampbusinnes img {
    width: 101px;
}

.panel-2{
    display: none;
}
.panel-3{
    display: none;
}

.main-top-sect img {
    width: 100% !important;
    display: block !important;
}
.main-top-sect a {
    background-color: #fff;
    padding: 10px;
    color: var(--primary-text);
    border-radius: 30px;
    margin-top: 10px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
}
.main-top-sect {
    background: var(--primary-text);
    border-radius: 20px;
    padding: 32px;
    text-align: left;
}
.main-top-sect p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}
.review-image {
    text-align: center;
    border: 1px solid #000;
    padding-top: 86px;
    margin-top: -42px;
    border-radius: 20px;
    padding-bottom: 43px;
}
section.testimonilalsect {
    padding: 67px 0px;
    margin-top: 67px;
}
.headingtseti h4 {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    text-align: center;
}
.headingtseti p {
    color: #fff;
    font-size: 23px;
    text-align: center;
}
li.txtcstesti h4 {
    font-size: 27px;
    text-align: left;
}
li.txtcstesti p {
    text-align: left;
}
li.txtcstesti h3 {
    color: #fff;
}
.maintp-sect ul {
    display: flex;
    align-items: center;
    padding: 0pc;
    list-style: none;
}
.maintp-sect {
    background: #fff;
    padding: 50px;
    border-radius: 60px;
}
li.txtcstesti p{
    color: #000;
}
li.txtcstesti h4{
    color: #000;
}
li.txtcstesti h3{
    color: #000;
}
li.secondsectcs {
    text-align: center;
}
li.secondsectcs h3 {
    background: #ff5a00;
    display: inline;
    padding: 14px 30px;
    border-radius: 47px;
    color: #ffff;
}
li.secondsectcs h5 {
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 29px;
}
h4.nxt-sect {
    margin-top: 99px;
}
.amintr h4 {
    font-size: 45px;
    font-weight: 700;
    color: #ffff;
    text-align: center;
}
.review-image img {
    width: 100%;
}
.talabatext h3 {
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    font-weight: 800;
}
.talabatext ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    list-style: none;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #000;
}
.talabatext ul li img {
    width: 143px !important;
}
.talabatext {
    border: 1px solid #000;
    padding: 46px 51px;
    border-radius: 20px;
}
.talabatext p {
    font-size: 20px;
}
.talabatext {
    text-align: left;
}
.flipped {
    transform: rotateY(180deg);
}
.main-top-sect{
    transition: transform 0.6s;
    transform-style: preserve-3d;
    display: none;
}
.talabatext{
    transition: transform 0.6s;
    transform-style: preserve-3d;
}
.active .cardfliptxt .main-top-sect{
    display: block;
}

.cardfliptxt {
    padding: 5px;
    margin-bottom: 4px;
	
}
.botomsect .startdevnt {
    margin-top: 0px ! IMPORTANT;
}
.ntsed .btn {
    border: 0px;
}
li.txtcstesti:before {
    content: '';
    position: absolute;
    bottom: -14px;
    width: 30px;
    height: 30px;
    background: url(https://www.fluper.com/wp-content/uploads/2024/01/arrow_stroke.png);
    right: -7px;
    border-radius: 56px;
    background-size: contain;
    rotate: 41deg;
}
li.txtcstesti:after {
    content: '';
    position: absolute;
    top: -14px;
    width: 30px;
    height: 30px;
    background: url(https://www.fluper.com/wp-content/uploads/2024/01/arrow_stroke.png);
    right: -7px;
    border-radius: 56px;
    background-size: contain;
    rotate: 41deg;
}
li.txtcstesti img {
    border: 2px solid #f22a34;
    padding: 42px;
    border-radius: 30px 0px 0px 30px;
    border-right: 0px;
    position: relative;
}
li.txtcstesti {
    position: relative;
}