body{
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif;
}
.Healti{
    text-decoration:none; color:white;
}
    .containerontwo {
      animation: slideUp 1s ease-out;
      color: #333;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 70vh;
      text-align: center;
      padding: 20px;
    }

    .containerontwo h1 {
      font-size: 8rem;
      color: #ff6b6b;
      margin-bottom: 10px;
    }

    .containerontwo h2 {
      font-size: 2rem;
      margin-bottom: 20px;
    }

    .containerontwo p {
      font-size: 1rem;
      margin-bottom: 30px;
    }

    .containerontwo a {
      display: inline-block;
      padding: 12px 24px;
      background-color: #ff6b6b;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      transition: background 0.3s;
    }

    .containerontwo a:hover {
      background-color: #e74c3c;
    }

    @keyframes slideUp {
      from {
        opacity: 0;
        transform: translateY(50px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
footer{
    background: #221233;
}

    .otherService{
        display: flex;
        justify-content: space-evenly;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    
.fs-51{
    font-size: 1.25rem;
}
.footerLogoSize{
    height: 130px;
}
.footerLogoText{
    color: #ffff;
    padding: 3.5% 1.5% 2.5% 1.5%;
}
.footerSocialIcons{
    display: flex;
    color: #fff;
    font-size: 22px;
    margin: 0px 0px 0px 7px;
}
.circleRo{
    width: 440px;
    height: 40%;
    background: red;
    position: absolute;
    right: -5%;
    top: 35%;
    z-index: -29;
    border-radius: 50%;
}
#wrapper{
    width: 100%;
    margin: 0px auto;
    float: right;
    z-index: -1;
}
.gears-container{
    font-size:70px;
    position: absolute; 
    top: 35%;
    opacity: 0.1;
    margin: 10% 0% 0% 28%;
}
.gears{
  width:48%;
  display: inline-block;
}
.gears:first-child{
  margin-right: 3%;
}

.gear-rotate{
	width: 2em;
	height: 2em;
    top: 50%; 
    left: 50%; 
    margin-top: -1em;
    margin-left: -1em;
	background: #198754;
	position: absolute;
	border-radius: 1em;
	animation: 10s gear-rotate linear infinite;
}
.gear-rotate-left{
    margin-top: -4.0em;
    top: 50%;
    width: 2em;
	height: 2em;
	background: #198754;
	position: absolute;
	border-radius: 1em;
  animation: 10s gear-rotate-left linear infinite;
}

.gear-rotate::before, .gear-rotate-left::before {
	width: 2.8em;
	height: 2.8em;
	background: 
    linear-gradient(0deg,transparent 39%,#198754  39%,#198754  61%, transparent 61%),
    linear-gradient(60deg,transparent 42%,#198754  42%,#198754  58%, transparent 58%),
    linear-gradient(120deg,transparent 42%,#198754  42%,#198754  58%, transparent 58%);
	position: absolute;
	content:"";
	top: -.4em;
	left: -.4em;
	border-radius:1.4em;
}
.gear-rotate::after, .gear-rotate-left::after {
	width: 1em;
	height: 1em;
	background: #fff;
	position: absolute;
	content:"";
	top: .5em;
	left: .5em;
	border-radius: .5em;
}

/*
 * Keyframe Animations 
 */ 

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

@-moz-keyframes gear-rotate {
  0% { 
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@keyframes gear-rotate {
  0% { 
    transform: rotate(0deg); 
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@-webkit-keyframes gear-rotate-left {
 0% {
   -webkit-transform: rotate(30deg); 
  }
  100% {
    -webkit-transform: rotate(210deg);
  }
}

@-moz-keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}

@keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}
.outCircle  {
    width: 440px;
    height: 40%;
    background-color: lightblue;
    position: absolute;
    right: -5%;
    top: 30%;
    z-index: -29;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 50%;
}



.rotate {
    width: 100%;
    height: 100%;
    -webkit-animation: circl 10s infinite linear;    
   
}

.counterrotate {
    width: 50px;
    height: 50px;
    -webkit-animation: ccircl 10s infinite linear;    
}
    
.inner {
    width: 100px;
	height: 100px;
	background: red;
	border-radius: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: red;
    display: block;

}
.bfTeam{
    background: linear-gradient(#fffefed9, #ffffff), url(../backgrounds/teamsbackcluster.avif);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
}
.bfTeam .container{
    background: none;
}

.person1title{
    padding: 5% 2%;
}
.person1title h2{
    color: green;
}
.memberbox{
    align-content: center;
    text-align: center;
    justify-content: center;
    padding: 5% 0%;
}
.pictureMem{
    height: auto;
    width: 200px;
    border-radius: 50%;
    background: purple;
    box-shadow: 0px -10px 1px #800080;
}
.membersocialURL a{
    text-decoration: none;
}
.membersocialURL a i{
    font-size: 30px;
    padding: 5px 7px;
}
.memberTitle{
    padding: 18px 0px 10px 0px;
}
.memberTitle h3{
    color: red;
    font-weight: 900;
}
@-webkit-keyframes circle {
    from {-webkit-transform: rotateZ(0deg)}
    to {-webkit-transform: rotateZ(360deg)}
}

@-webkit-keyframes ccircle {
    from {-webkit-transform: rotateZ(360deg)}
    to {-webkit-transform: rotateZ(0deg)}
}
.mr-1{
    margin-right: 10px;
}
.mr-2{
    margin-right: 20px;
}
.SiteMapLinkTerm{
    justify-content: space-between;
    flex-wrap: wrap;
    color: #fff;
}
.bi-c-circle{
    font-size: 14px !important;
}
.anchorDecorationNone{
    text-decoration: none;
    color: #fff;
}
.privacyPolicy{
    color: #fff;
}
.FooterService{
    color: #fff;
}
.FooterServiceItems{
    color: #fff;
    flex-direction: column;
}
.FooterServiceItems a{
    margin-bottom: 8px;
}
.founderspan{
    font-size: 14px;
    color: red;
    font-weight: 700;
}
.founderspan a{
    text-decoration: none;
    color: red;
}
.ownerSetBacktroundBox{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.ownerSetBacktroundPic{
    position: absolute;
    top: 35%;
    left: calc(38% - 15%/2);
    width: 50%;
    height: 50%;
    z-index: 3;
    border-radius: 56% 26% 52% 31% / 62% 24% 53% 28% ;
    background: linear-gradient(144deg, rgb(62 35 90) 0%, rgb(165 79 228) 100%);
}
.ownerSetImg{
    position: absolute;
    top: 15%;
    z-index: 2;
    left: calc(46% - 15%/2);
    border: 6px solid #6a19a7;
    height: 420px;
    width: 120px;
    transform: rotate(10deg);
    box-shadow: 68px -51px 0px 0px #9742d6;
}
.ownerSetImg1{
    position: absolute;
    top: 16%;
    z-index: 2;
    left: calc(80% - 15%/2);
    border: 3px solid #6a19a7;
    height: 350px;
    width: 0px;
    transform: rotate(11deg);
}
.perfectIconImg{
    height: 80px;
}
.presolsetLogo{
    height: 70px;
}
.backgroundPreSolSet{
    background-color: #221233;
    border-radius: 5px;
}
.perSolSettext{
    color: #fff;
    padding-left: 15px;
}
.perSolSettextPara{
    color: #fff;
    padding-left: 15px;
}
.shapeBox{
    border-radius: 5px;
}
.shapeBox:hover{
    border-radius: 5px;
    background-color: #221233;
    color: #fff;
}
.logoSymbolSize{
    height: 60px;
    position: absolute;
    left: -12px;
    top: 6px;
}
.flineM{
    position: relative;
    height: 70px;
    width: 70px;
    align-items: center;
    align-content: center;
    font-weight: bold;
}
.logo-center{
    position: absolute;
    left: 25px;
    top: 24px;
}
.SloganSize{
    font-size: 10px;
    color: #3a185d;
    font-weight: 700;
}
.WebSiteNameSize{
    font-size: 23.5px;
}
.nameSlogan{
    line-height: 2px;
}
.sizingNT{
    border: 1px solid;
    height: 30px;
    text-align: center;
    align-content: center;
    align-items: center;
    padding: 0.5% 3% 0% 1%;
    border-radius: 30px;
}
.qutationImgSize{
    height: 70px;
}
.getQuotation{
    background: #221233;
    color: #fff;
}
.EdgeColor{
    color: #3a185d;
}
.lineC{
    width: 30%;
    height: 2px;
    background: #221233;
    border-radius: 5px;
    margin: 45px 0px 0px 10px;
}
.SeviceTools{
    background: url('../backgrounds/startup.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.SeviceToolsOp{
    background-color: #ffffff;
}
.brandEvalation img{
    border-radius: 5px;
}
.backgroundsSet{
    background: #221233;
    color: white;
    padding: 0px 45px 0px 45px;
    border-radius: 5px;
}
.comBaIm{
    background: url('../backgrounds/solution.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.sectiontwoOp{
    background-color: #ffffff;
}
.perSolSet{
    background: url('../backgrounds/brands.avif');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.perSolSetOp{
    background-color: #ffffff;
}
.queryMedia1{
    display: block;
}
.queryMedia{
    display: none;
}
.img-fluids{
    height: 30px;
    width: 30px;
}
.sectionOne{
    background: #221233;
    color: #fff;
}
.ServiceImage{
    display: flex;
    flex-direction: column;
    margin: 0px 15px;
    justify-content: center;
    align-items: center;
}
.leftLine{
    width: 150px;
    height: 4px;
    background: red;
    border-radius: 5px;
}
.rightLine{
    width: 150px;
    height: 4px;
    background: red;
    border-radius: 5px;
}
.sectionTwoHeadLogo{
    height: 80px;
}
.callButton{
    color: red;
    display: none;
    flex-direction: column;
    position: fixed;
    right: 10px;
    font-size: 35px;
    bottom: 30px;
    z-index: 9999;
}
.callButton a{
    text-decoration: none;
    color: white;
    background: #221333;
    padding: 7px 15px;
    border-radius: 5px;
    margin: 3px;
}
.HeroSection{
    /*background: linear-gradient(18deg,rgba(96, 54, 138, 1) 16%, rgba(128, 62, 194, 1) 45%, rgba(172, 155, 195, 1) 70%, rgba(255, 255, 255, 0) 100%);*/
    overflow: hidden;
}
.wrapper{
    overflow: hidden;
    z-index: -1;
}
.hereH{
    font-size: 50px ;
}
.img-fluidHero{
    height: 400px;
    width: auto;
    padding-top: 10%;
}
.boxR{
    height: 20px;
    width: 20px;
    background: green;
    margin: auto 15px;
    animation: rotateBox 5s linear infinite;
}
.star-fillColor{
    color: gold;
}
.starClass{
    animation: rotateBox 5s linear infinite;
}
.projectBoxSlick{
    height: auto;
    width: 300px;
    border-radius: 5px;
    margin: 10px;
    overflow: hidden;
}
.imgSlickSize{
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px;
}
.contactSet{
    background: linear-gradient(#000000d9, #000000c7), url(../backgrounds/contactnow.avif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    background-attachment: fixed;
}
.contactImgSizes{
    height: 80px;
    width: 100px;
}
.seprater{
    width: 40%;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    margin: 3% 0% 4% 0%;
}
.fontColorFaq{
    color: #3d1e5c;
}
.twolines{
    width: 30%;
    height: 5px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin: 10px 0px 20px 0px;
}
.mvvImgSizes{
    height: 110px;
    width: auto;
}
.mvplogo{
    background: #221233;
}
.projectOne{
    height: 400px;
    width: 300px;
    border-radius: 10px;
}
.projectOneM .container{
    column-count: 3;
}
.grid-item-content{
    border: 2px solid #7900f947;
    border-radius: 5px;
    box-shadow: 0 1px 1px #221233;
    margin-bottom: 1rem;
}
.grid-item img{
    width: 100%;
    height: 100%;
}
.fs-custom{
    font-size: 45px;
}
.contactNumL, .contactNumW, .contactNumM{
    border: 1px solid black;
    border-radius: 50%;
    height: 250px;
    width: 250px;
    margin: 4% 0%;
}
.containerServices{
    position: relative;
    width: 100%;
}
.product-device {
    position: absolute;
    right: 15%;
    bottom: -40%;
    width: 180px;
    height: 340px;
    background-color: #333;
    border-radius: 21px;
    transform: rotate(30deg);
    z-index: -999;
}
.product-device::before {
    position: absolute;
    top: 10%;
    right: 10px;
    bottom: 10%;
    left: 10px;
    content: "";
    background-color: rgba(255, 255, 255, .1);
    border-radius: 5px;
}
.product-device-2 {
    position: absolute;
    left: 10%;
    top: -30%;
    width: 180px;
    height: 340px;
    background-color: #e5e5e5;
    border-radius: 21px;
    transform: rotate(30deg);
    z-index: -1;
}
.classbackground{
    background: #221233;
    color: #fff;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
}
.serviceNames{
    background: #fff;
    width: calc(70% - 1%);
    height: auto;
    margin: 20px 0px 0px 15%;
    border-radius: 20px 20px 0px 0px;
}
.serviceNames ul{
    padding-top: 10px;
    margin-bottom: 0px;
}
.serviceNames ul li{
    display: flex;
    color: #000;
    margin: 5px 0px 0px 10%;
}
.customHOffer{
    font-size: 48px;
}
.offeredServices{
    width: 100%;
    height: auto;
    position: bottom;
}
.imgServiceSet{
    display: flex;
    justify-content: center;
}
.impactingServices{
    display: flex;
    justify-content: center;
    align-items: end;
}
.rowpx-5pt-3{
    padding: 0rem 3rem 0rem 3rem;
}
.pr-3{
    padding-right: 30px;
}
.pr-4{
    padding-right: 40px;
}
.pr-5{
    padding-right: 50px;
}
.pr-2{
    padding-right: 20px;
}
.whysets{
    background: #221233;
    color: #fff;
    align-content: center;
}
.whyImgFluid{
    width: 100%;
    height: 100%;
}
.whysetBackground{
    background: url('../backgrounds/evalation.avif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ml-5{
    margin-left: 3rem;
}
.ml-4{
    margin-left: 2rem;
}
.aboutsetBackground{
    background: linear-gradient(90deg, #fbfbfb, #ffffffad), url(../backgrounds/aboutus.avif);
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.customHOffers{
    font-size: 48px;;
}
.customerScu{
    background: #221233;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.round1{
    position: absolute;
    background: #1e5b46;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    z-index: 3;
    right: -112px;
    bottom: -103px;
}
.round2{
    position: absolute;
    background: #371d5378;
    height: 400px;
    width: 400px;
    border-radius: 50%;
    z-index: 2;
    right: -140px;
    bottom: -140px;
}
.round3{
    position: absolute;
    background: #2a163f;
    height: 550px;
    width: 550px;
    border-radius: 50%;
    z-index: 1;
    right: -200px;
    bottom: -200px;
}
.indexing{
    z-index: 5;
}
.greetingColor{
    color: green;
}
.colsm6{
    width: 315px;
}
.dataSetsBfOne, .dataSetsBfTwo, .dataSetsBfThree{
    height: 120px;
    align-content: center;
}
.dataSetsBfOne{
    background: #0c4560;
}
.dataSetsBfTwo{
    background: #1e5b46;
}
.dataSetsBfThree{
    background: #60470c;
}
.pt5{
    padding-top: 7%;
}
.imgWhyus{
    width: 100%;
    height: auto;
}
.whyusChose, .whyusChoseus{
    align-content: center;
}
.getContact{
    background: linear-gradient(90deg, #fbfbfb, #ffffffad), url(../backgrounds/aboutus.avif);
    background-size: cover;
    background-position: right;
}
.fs-01{
    font-size: 140px;
    color: green;
}
    .alignitemslefts{
        align-items: left;
        justify-content: left;
    }
    
@keyframes rotateBox{
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 991px) {
  .queryMedia1 {
    display: none;
  }
  .queryMedia{
      display: block;
  }
  .alignitemslefts{
        align-items: center;
        justify-content: center;
    }
    .projectOneM .container{
    column-count: 3;
    }
}
.miniNavSection{
    width: 100%;
    height: 30px;
    float: right;
    background: #221233;
}
.miniNavItems{
    display: flex;
    justify-content: right;
    align-content: center;
    width: 100%;
}
.atext{
    text-decoration: none;
    color: #fff;
}
.imgfluid{
    height: 70px;
    margin-top: -19px;
}
.navGroupSet{
    padding-bottom: 10px;
}
.Sections{
    padding-left: 14rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 36%, rgba(180, 72, 184, 0) 36%);
    height: 100px;
}
.SectionsSet{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 10rem;
}
.navitems{
    text-decoration: none;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    margin: 10px 15px 0px 15px;
}
.sectionSetItems{
    margin-top: 15px !important;
    margin-right: 20px !important;
}
.nav-qutate{
    margin-top: 10px;
    margin-left: 45px;
}
.DropDownMenu{
    display: none;
}
.stylingDrop{
    margin: 17px 15px 0px 15px;
    font-weight: 500;
    font-size: 18px;
}
.imgsizingEdge{
    width: auto;
    height: 500px;
}
.vmg-im{
    width: auto;
    height: 200px;
    float: right;
}
.imgvmg{
    height: 80px;
    margin-right: 10px;
}
.textareas{
    height: 140px !important;
}
.backgroundProject{
    background: url('../backgrounds/projectbackground1.avif');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.f-img{
    width: 100%;
    height: 100%;
}
.invoiceBackgroundSet{
    background: radial-gradient(#ffffff5c, #000000a8), url(../backgrounds/InvoiceBackground.avif);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.heighting{
    height: 30px;
}
.check-box-group-mt{
    margin-top: 2.5px;
}
.pr-3{
    padding-right: 25px;
}
.pl-3{
    padding-left: 35px;
}
    .btn-purple {
      background-color: #7314be;
      border-radius: 3px;
      padding: 7px 15px;
      text-align: center;
      text-transform: capitalize;
      color: white;
    }
    .btn-outline-purple {
      border: 1px solid #7314be;
      border-radius: 3px;
      padding: 7px 25px;
      text-align: center;
      text-transform: capitalize;
    }

@media screen and (max-width: 1551px) {
  .Sections{
    padding-left: 5rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 36%, rgba(180, 72, 184, 0) 36%);
    height: 100px;
    }
    .navitems{
        display: none;
    }
    .DropDownMenu{
        display: block;
    }
}
@media screen and (max-width: 1251px) {
      .serviceNames{
          width: calc(70% - 1%);
      }
      .serviceNames ul li{
            margin: 5px 0px 0px 4%;
        }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: left;
    }
    .gears-container{
        font-size:70px;
        position: absolute; 
        top: 35%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
}
@media screen and (max-width: 1051px) {
  .Sections{
    padding-left: 5rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 46%, rgba(180, 72, 184, 0) 46%);
    height: 100px;
    }
    .SectionsSet{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 5rem;
    }
    .twolines{
        width: 35%;
    }
    .serviceNames{
      width: calc(100% - 28%);
      }
    .serviceNames ul li{
        margin: 5px 0px 0px -1%;
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
    }
    .gears-container{
        font-size:50px;
        position: absolute; 
        top: 30%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
}
@media screen and (max-width: 1051px) {
  .Sections{
    padding-left: 5rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 52%, rgba(180, 72, 184, 0) 52%);
    height: 100px;
    }
    .SectionsSet{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 1rem;
    }
    .miniNavBar .container{
        padding-right: 0rem !important ;
        margin-right: 0.5rem !important;
    }
    .stylingDrop{
    margin: 17px 10px 0px 10px;
    font-weight: 500;
    font-size: 18px;
    }
}
@media screen and (max-width: 851px) {
  .Sections{
    padding-left: 2rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 52%, rgba(180, 72, 184, 0) 52%);
    height: 100px;
    }
    .stylingDrop{
    margin: 17px 10px 0px 10px;
    font-weight: 500;
    font-size: 18px;
    }
    .nav-qutate{
        display: none;
    }
    
    .hereH{
        font-size: 45px;
    }
    .twolines{
        width: 55%;
    }
    .projectOneM .container{
    column-count: 3;
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
        overflow: hidden;
    }
    .gears-container{
        font-size:40px;
        position: absolute; 
        top: 45%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
}
@media screen and (max-width: 751px) {
  .Sections{
    padding-left: 2rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 52%, rgba(180, 72, 184, 0) 52%);
    height: 100px;
    }
    .miniNavItems{
        display: none;
    }
    .callButton{
        display: flex;
    }
    .twolines{
        width: 60%;
    }
    .otherService{
        display: flex;
        justify-content: evenly;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
        overflow: hidden;
    }
    .gears-container{
        font-size:40px;
        position: absolute; 
        top: 45%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
    .fs-51{
        font-size: 1rem;
    }
}
@media screen and (max-width: 751px) {
  .Sections{
    padding-left: 2rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 67%, rgba(180, 72, 184, 0) 67%);
    }
    .miniNavItems{
        display: none;
    }
    .projectOneM .container{
    column-count: 2;
    }
    .hereH{
        font-size: 42px;
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
        overflow: hidden;
    }
    .gears-container{
        font-size:35px;
        position: absolute; 
        top: 45%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
}
@media screen and (max-width: 556px) {
    .serviceNames {
        width: calc(100% - 80px);
        margin-left: 10%;
    }
    .pr-5{
        padding-right: 5px;
    }
    .customHOffers{
        font-size: 40px;;
    }
    .px-5{
        padding: 0rem 1rem 0rem 1rem !important;
    }
    .hereH{
        font-size: 38px;
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
        overflow: hidden;
    }
    .gears-container{
        font-size:30px;
        position: absolute; 
        top: 45%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
}
@media screen and (max-width: 451px) {
  .Sections{
    padding-left: 0rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 67%, rgba(180, 72, 184, 0) 67%);
    }
    #wrapper{
        width: 100%;
        margin: 0px auto;
        float: right;
        overflow: hidden;
    }
    .gears-container{
        font-size:25px;
        position: absolute; 
        top: 45%;
        opacity: 0.1;
        margin: 10% 0% 0% 28%;
    }
    .rowpx-5pt-3{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        margin: 0px;
    }
    .hereH{
        font-size: 36px;
    }
    .product-device {
        position: absolute;
        right: 20%;
        bottom: -40%;
        width: 160px;
        height: 300px;
        background-color: #333;
        border-radius: 21px;
        transform: rotate(30deg);
        z-index: -999;
    }
    .product-device-2 {
        position: absolute;
        left: 10%;
        top: -35%;
        width: 150px;
        height: 280px;
        background-color: #e5e5e5;
        border-radius: 21px;
        transform: rotate(30deg);
        z-index: -1;
    }
    
    .stylingDrop{
    margin: 10px 3px 0px 3px;
    font-weight: 500;
    font-size: 18px;
    }
    
    .imgsizingEdge{
        width: auto;
        height: 360px;
    }
    
    .img-fluidHero{
        height: 250px;
        width: auto;
        padding-top: 10%;
    }
    .align-items-lefts{
        align-items: center !important;
        justify-content: center;
    }
    
    .twolines{
        width: 60%;
    }
    .projectOneM .container{
        column-count: 1;
    }
    .serviceNames ul{
        padding-top: 10px;
        margin-bottom: 0px;
    }
    
    .pr-5{
        padding-right: 5px;
    }
    .customHOffers{
        font-size: 40px;;
    }
    .px-5{
        padding: 0rem 0.5rem 0rem 0.5rem !important;
    }
    .fs-51{
        font-size: 1rem;
    }
}
@media screen and (max-width: 400px) {
  .Sections{
    padding-left: 0rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 67%, rgba(180, 72, 184, 0) 67%);
    height: 85px;
    }
    .stylingDrop{
    margin: 3px 0px 0px 3px;
    font-weight: 500;
    font-size: 18px;
    }
    .imgfluid{
        height: 60px;
    }
    .imgsizingEdge{
        width: auto;
        height: 320px;
    }
    .hereH{
        font-size: 30px;
    }
    .img-fluidHero{
        height: 300px;
        width: auto;
        padding-top: 10%;
    }
    .align-items-lefts{
        align-items: center !important;
        justify-content: center;
    }
    .projectOneM .container{
    column-count: 1;
    }
    .serviceNames {
        width: calc(100% - 4px);
        margin-left: 1%;
    }
    .pr-5{
        padding-right: 5px;
    }
    .customHOffers{
        font-size: 40px;;
    }
    .px-5{
        padding: 0rem 0.5rem 0rem 0.5rem !important;
    }
    .fs-51{
        font-size: 1rem;
    }
}
@media screen and (max-width: 360px) {
  .Sections{
    padding-left: 0rem;
    background: linear-gradient(126deg,rgba(34, 18, 51, 1) 70%, rgba(180, 72, 184, 0) 70%);
    height: 85px;
    }
    .stylingDrop{
    margin: 3px 0px 0px 0px;
    font-weight: 500;
    font-size: 18px;
    }
    .hereH{
        font-size: 28px;
    }
    .imgfluid{
        height: 60px;
    }
    .serviceNames ul li {
        margin: 5px 0px 0px -5%;
    }
    .listingNone{
        display: none;
    }
    .imgsizingEdge{
        width: auto;
        height: 280px;
    }
    .img-fluidHero{
        height: 280px;
        width: auto;
        padding-top: 10%;
    }
    .align-items-lefts{
        align-items: center !important;
        justify-content: center;
    }
    .pr-5{
        padding-right: 5px;
    }
    .fs-51{
        font-size: 1rem;
    }
    .customHOffers{
        font-size: 40px;;
    }
    .px-5{
        padding: 0rem 0.5rem 0rem 0.5rem !important;
    }
}