.e-commerce-devlopment-main-page{background-color:rgb(255,255,255)!important;.c_button_black{color:#fff;background-color:#000;border-radius:1px;padding:.5rem 1rem;transition:all .3s;font-family:Poppins;font-size:.8rem;font-weight:500;border:2px solid #000;text-transform:uppercase;position:relative;overflow:hidden;&:hover{color:#000000;background-color:white}}.c_button_white{color:black;background-color:white;border-radius:1px;padding:.5rem 1rem;transition:all .3s;font-family:Poppins;font-weight:500;border:2px solid white;text-transform:uppercase;&:hover{color:white;background-color:black}}.main-section-heading{color:#242424;padding-left:0;font-size:1.75rem;font-weight:600;margin:0 0 1.5rem;position:relative;padding-bottom:1rem;font-family:Lato!important;&:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#00dbde,#fc00ff);border-radius:2px}}p{color:#434343;padding-left:0;font-size:14px;font-weight:400;line-height:20px!important}.inner-heading,p{font-family:Poppins!important;margin:0}.inner-heading{text-transform:capitalize;font-size:1.15rem;font-weight:500;line-height:30px;width:100%}.hero-web-dev{margin:3rem 0;.left-banner{display:flex;flex-direction:column;align-items:start;justify-content:center;p{margin-bottom:0;ul{display:flex}}}.video-container{position:relative;.video-sound-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:3;color:#fff;background:rgba(0,0,0,.7);border:2px solid rgba(255,255,255,.2);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;bottom:2rem;right:2rem}}a{margin-top:1.25rem}.main-section-heading{font-size:2.5rem;font-weight:600;background:#161616;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:1.5rem}p{font-size:14px;font-weight:300;line-height:1.65}h2,p{margin-bottom:1rem}h2{font-size:1.75rem;font-weight:600}ul{li{span{font-size:1rem;font-weight:400;line-height:1.5}}}.bs-container-clients{img{filter:grayscale(100%);opacity:.7;transition:all .3s ease;height:60px;width:auto;object-fit:contain;&:hover{filter:grayscale(0);opacity:1}}}}.what-we-offer-web-dev{margin-bottom:4.5rem;.main-section-heading{margin-bottom:2rem;margin-top:3rem}.inner-heading{font-size:1rem;font-weight:500;line-height:26px}.flex-shrink-0{opacity:.5;width:15px;height:15px}.content-wrapper{.border-div{transition:all .3s ease;border:1px solid rgb(219,219,219);position:relative;padding:1.5rem;&.active-gradient,&:hover{box-shadow:0 0 0 2px transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#00dbde,#fc00ff) border-box;border:2px solid transparent}&.active-gradient{transition:none}}.para-div{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#00dbde,#fc00ff) border-box;box-shadow:0 0 0 2px rgba(0,0,0,0);border:2px solid rgba(0,0,0,0);border-top:none;padding:1rem}.content-div{.svg{height:30px;width:30px;margin-bottom:10px;transition:all .3s ease}&:hover .svg{color:#00dbde}}}p{font-size:13px;margin-top:5px}}.our-process-web-dev{padding:2rem;.inner-heading{font-size:1.25rem;font-weight:600;margin:10px 0}.process-text,.process-text-wrapper{position:relative}.process-text{max-height:2.8em;overflow:hidden;margin-bottom:.5rem;line-height:1.4;opacity:1}.process-text,.process-text.expanded{transition:max-height .75s cubic-bezier(.4,0,.2,1),opacity .75s linear}.process-text.expanded{max-height:500px}.read-more-btn{background:linear-gradient(135deg,#00dbde,#fc00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;border:none;font-size:14px;font-weight:500;cursor:pointer;padding:0;font-family:Poppins;position:relative}}.why-choose-us-web-dev{margin-top:3rem;margin-bottom:3rem;.why-para{margin-bottom:2rem}button{font-size:14px;font-weight:500}.content-wrapper{.inner-div{padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;&:after{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,#00dbde,#fc00ff);transition:left .3s ease}&:hover:after{left:0}.w-16{position:relative;&:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#00dbde,#fc00ff);border-radius:0;opacity:0;transition:opacity .3s ease}}&:hover .w-16:before{opacity:.15}}}.main-section-heading{margin-bottom:5px}.inner-heading{font-size:1.25rem;font-weight:600;margin-top:10px}.why-text,.why-text-wrapper{position:relative}.why-text{max-height:1.4em;overflow:hidden;margin-bottom:.5rem;line-height:1.4;opacity:1}.why-text,.why-text.expanded{transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .3s ease}.why-text.expanded{max-height:500px}}.standard-feature{.inner-heading{color:rgb(53,53,53)}.gradient-underline-heading{position:relative;display:inline-block;padding-bottom:12px;&:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#00dbde,#fc00ff);border-radius:2px}}.right-div{justify-content:center;align-items:end;padding:0;display:flex;.img-div{width:60%;align-self:center}}.row{gap:0}.left-div{ul{padding:0;li{margin:7px 0;color:#434343;padding-left:0;font-size:14px;font-weight:400;font-family:Poppins!important;line-height:20px!important;svg{padding:0;margin:0 10px 0 0!important}}}}}.stats-web-dev{padding:2rem 1rem;.main-section-heading{margin-bottom:10px;&:after{left:48%}}.content{margin-bottom:2rem}.numbers{>div{.inner-heading{margin-bottom:10px;font-weight:600;color:black}>div{background:linear-gradient(90deg,#00dbde,#fc00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}}}.faq-web-dev{padding-bottom:3rem!important;background-color:white;>div{background-color:#fafafa;padding:1rem}.inner-heading{font-size:1rem!important}.border-b{transition:all .3s ease;&:hover{border-image:linear-gradient(90deg,#00dbde,#fc00ff) 1;button{svg{color:#00dbde}}}}}.web-dev-tabs{.animate-fadeSlideIn{h2{text-transform:capitalize;width:100%;margin:0;font-size:1.25rem!important;font-weight:600;line-height:30px;font-family:Lato!important}li,p{color:#434343;padding-left:0;font-size:14px;font-weight:400;font-family:Poppins!important;line-height:20px!important;margin:7px 0;svg{margin-right:.5rem}}h4{font-family:Lato!important;font-size:18px;font-weight:600}h3{font-size:14px!important;font-weight:400}ul{padding:0}}a{margin-top:1rem}.phone-button{button{font-size:10px}}.phone-content{.inner-heading{font-size:1.25rem;line-height:20px;margin-bottom:0}.project-card{&:first-child{animation-delay:0s}&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.2s}&:nth-child(4){animation-delay:.3s}}}.inner-heading{font-size:2.5rem;line-height:50px}.span{font-weight:600}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeSlideIn{animation:fadeSlideIn .6s cubic-bezier(.4,0,.2,1) forwards}background-color:white;padding-top:3rem}.e-commerce-devlopment-main-page .group .border-2{transition:all .3s ease;position:relative;overflow:hidden}.e-commerce-devlopment-main-page .group .border-2:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,#00dbde,#fc00ff);transition:left .3s ease}.e-commerce-devlopment-main-page .group .border-2:hover:before{left:0}.e-commerce-devlopment-main-page .group .border-2:hover{box-shadow:0 0 0 2px transparent;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#00dbde,#fc00ff) border-box;border:2px solid transparent}.e-commerce-devlopment-main-page .group .border-2 .aspect-video{position:relative;overflow:hidden}.e-commerce-devlopment-main-page .group .border-2 .aspect-video:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,219,222,.1),rgba(252,0,255,.1));opacity:0;transition:opacity .3s ease}.e-commerce-devlopment-main-page .group .border-2:hover .aspect-video:after{opacity:1}.webDevCta{background-image:linear-gradient(120deg,#a6c0fe,#f68084);margin-top:0;border-radius:0 0 2rem 2rem;padding:5rem 0;position:relative;z-index:5;margin-bottom:-2rem!important;.row{align-items:center;justify-content:center;.col-12{text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;.p{font-size:3rem;font-weight:600;color:white;width:80%;margin-bottom:2rem}a{background-color:white;color:black;padding:1rem 2rem;font-weight:400;transition:.3s;&:hover{background-color:rgb(0,0,0);padding:1rem 2rem;color:rgb(255,255,255)}}}}}.build-with-section{.image-content{display:flex;gap:3rem;justify-content:center;>div{width:25%;a{img{height:auto;width:50%;object-fit:contain}}}}>p{text-align:center;margin-bottom:2rem;width:70%;margin-left:auto;margin-right:auto;strong{display:block;margin-top:1rem}}a{display:inline-block;border:2px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(90deg,#00dbde,#fc00ff) border-box;text-align:center;display:flex;flex-direction:column;align-items:center;padding:3rem;gap:1rem;font-family:Lato;font-weight:600;img{width:50%}}.main-section-heading{&:after{left:46.5%}}}@media (max-width:720px){.build-with-section{.image-content{display:flex;gap:10px;>div{width:33%}}>p{text-align:center;margin-bottom:2rem;width:100%;margin-left:auto;margin-right:auto;strong{display:block;margin-top:1rem}}a{display:inline-block;border:2px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(90deg,#00dbde,#fc00ff) border-box;text-align:center;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;font-family:Lato;font-weight:600;img{width:50%}}.main-section-heading{&:after{left:40.5%}}.wordpress{a{img{width:45%}}}}.e-commerce-devlopment-main-page{background-color:#fff;padding-top:1.25rem}.webDevCta{.row{.col-12{.p{width:100%;font-size:2rem}}}}.e-commerce-devlopment-main-page .hero-web-dev .main-section-heading{font-size:2rem;font-weight:600;margin-top:18px}.e-commerce-devlopment-main-page .hero-web-dev p{font-size:1rem;width:100%;display:block}.e-commerce-devlopment-main-page .hero-web-dev h2{font-size:1.5rem;font-weight:600}.e-commerce-devlopment-main-page .main-section-heading{font-size:2rem;font-weight:600;margin-bottom:1rem!important}.e-commerce-devlopment-main-page .what-we-offer-web-dev .content-wrapper .border-div{height:12rem}.e-commerce-devlopment-main-page{>div{padding:15px!important}}.e-commerce-devlopment-main-page .why-choose-us-web-dev .main-section-heading{margin-bottom:25px}.web-dev-tabs{.mb-12{>.flex{gap:1.5rem!important;justify-content:center}}}.what-we-offer-web-dev{margin-top:2rem;.flex-shrink-0{position:absolute;right:5%}.content-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;row-gap:15px;.content-div{width:47%}}}.e-commerce-devlopment-main-page .hero-web-dev{margin:0}.our-process-web-dev{.content-wrapper{display:flex;flex-wrap:wrap;row-gap:20px;gap:10px;justify-content:space-between;.content-div{width:45%}}}.why-choose-us-web-dev{.content-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;row-gap:1rem;.inner-div{width:48%}}}.stats-web-dev{padding:0!important;.main-section-heading{margin-bottom:10px}.content{p{margin-bottom:0!important}}.numbers{.text-center{>div{font-size:3.5rem}p{font-size:12px;line-height:17px!important}}}}.e-commerce-devlopment-main-page .stats-web-dev .numbers>div .inner-heading{font-size:1.15rem}.e-commerce-devlopment-main-page .why-choose-us-web-dev .content-wrapper .inner-div{padding:1rem}.standard-feature{margin-top:0!important;padding-top:0!important}.e-commerce-devlopment-main-page .faq-web-dev .inner-heading{line-height:20px;padding:1rem 0}.e-commerce-devlopment-main-page .web-dev-tabs .inner-heading{font-size:1.02rem!important;line-height:35px;font-weight:600!important}.e-commerce-devlopment-main-page .stats-web-dev .main-section-heading:after{left:40%}.web-dev-tabs{.main-section-heading{text-align:center;&:after{left:40%}}}.e-commerce-devlopment-main-page .what-we-offer-web-dev .inner-heading{line-height:23px}.e-commerce-devlopment-main-page .hero-web-dev .video-container .video-sound-toggle{width:28px;height:28px;bottom:12rem;right:.5rem}#devHeading{font-size:1.6rem!important}.left-div{padding:0!important}.faq-web-dev button{padding-top:0!important;padding-bottom:0!important}}