div#wrapper-navbar {   background:#fff; } div#wrapper-navbar .navbar.navbar-dark .custom-logo-link img.img-fluid {   filter:unset; } div#wrapper-navbar .navbar.navbar-dark div#navbarNavDropdown ul#main-menu > li a.nav-link {   color:#212121; } div#wrapper-navbar .navbar.navbar-dark div#navbarNavDropdown .search_fun i {   color:#212121; } @media(max-width:1299px){   #wrapper-navbar:not(.shrink) {  background:#fff;   }   div#wrapper-navbar nav#navbar-div button.navbar-toggler {  color:#29aabc;   }   div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon,   div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon:before,   div#wrapper-navbar nav#navbar-div button.navbar-toggler span.navbar-toggler-icon:after{  background:#29aabc;   }   div#wrapper-navbar nav#navbar-div button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{  background:transparent;   } } .container:before, .container:after {   display:none; } h1.banner-heading-h{   font-size:56px;   font-weight:700;   line-height:60px; } h2.head2 {   font-weight:500;   font-size:46px;   line-height:50px;   text-transform:capitalize; } .button-flex a.cta-btn {   border-radius:6px;   padding:16px 26px;   font-weight:400;   font-size:18px;   line-height:24px;   box-shadow:1px 1px 4px 0px #0000002b;   transition:0.2s ease } span.small-heading {   color:#00CDEB;   font-weight:500;   font-size:14px;   line-height:100%;   text-transform:uppercase;   letter-spacing:2px; } p.content, .para-content {   font-weight:400;   font-size:16px;   line-height:24px; } @media(max-width:767px){   h1.banner-heading-h {  font-size:44px;  line-height:50px;   }   h2.head2 {  font-size:36px;  line-height:40px;   }   .para-content {  font-size:14px;  line-height:22px;   }   .button-flex a.cta-btn {  font-size:16px;   } } @media(min-width:768px) and (max-width:1199px){   h1.banner-heading-h {  font-size:50px;  line-height:56px;   }   h2.head2 {  font-size:40px;  line-height:46px;   } } .vc_section.main-banner {   background:#EFF6FF;   padding:160px 0 100px; } .vc_section.main-banner .container {   display:flex;   align-items:center;   gap:40px; } .vc_section.main-banner .container .banner-content-box .banner-head-box {   margin-bottom:24px; } .vc_section.main-banner .container .banner-content-box .banner-head-box .banner-heading-h .color-blue {   color:#00CDEB; } .vc_section.main-banner .container .banner-content-box p.para-content {   color:#212121; } .vc_section.main-banner .container .btn-trials .button-flex {   margin-bottom:0; } .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper {   display:flex;   gap:12px; } .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.trial-btn {   background:#00CDEB;   color:#fff;   border:2px solid#00CDEB; } .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.trial-btn:hover {   color:#00CDEB;   background:#fff; } .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.demo-btn {   color:#00CDEB;   background:#fff;   border-color:#fff; } .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper a.demo-btn:hover {   background:#00CDEB;   color:#fff; } @media(max-width:767px){   .vc_section.main-banner {  padding:120px 0 80px;   }   .vc_section.main-banner .container {  flex-direction:column;   } } @media(max-width:1024px){   .vc_section.main-banner .container .btn-trials .button-flex .wpb_wrapper {  flex-wrap:wrap;   } }  section.vc_section.techno-sec {   margin:0;   padding:100px 0;   text-align:center; } section.vc_section.techno-sec .container .small-heading-box {   margin-bottom:10px; } section.vc_section.techno-sec .container .section-heading {   margin-bottom:20px; } section.vc_section.techno-sec .container .page-content {   margin-bottom:48px; } section.vc_section.techno-sec .container .page-content p.para-content {   color:#4B5563;   max-width:1230px; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs {   margin-bottom:60px; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper {   display:flex;   gap:40px;   flex-wrap:wrap;   justify-content:center; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img {   width:48.582%;   background:#F7F7FA;   margin:0;   display:flex;   flex-wrap:wrap;   border-radius:12px;   padding:28px 24px;   gap:14px; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img > p {   color:#0B0F1C;   font-weight:700;   font-size:24px;   line-height:100%;   text-align:center;   margin-bottom:14px; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst {   display:flex;   flex-wrap:wrap;   gap:14px;   justify-content:center; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner {   max-width:203px;   width:100%;   position:relative;   padding:5px 0px;   border:1.5px solid #00CDEB;   display:flex;   align-items:center;   column-gap:5px;   border-radius:8px;   cursor:pointer;   justify-content:center; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner > img {   object-fit:contain;   width:35px;   height:40px; } section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner p.logo-name {   color:#17305D;   font-weight:400;   font-size:22px;   vertical-align:middle; } section.techno-sec .container .tech-btn {   margin-bottom:0; } section.techno-sec .container .tech-btn a.trial-btn {   color:#fff;   background:#212121;   border:2px solid #000; } section.techno-sec .container .tech-btn a.trial-btn:hover {   background:#fff;   color:#212121; } @media(max-width:767px){   section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner .hover-data {  width:90vw;   } } @media(max-width:1024px){   section.vc_section.techno-sec {  padding:80px 0;   }   section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img {  width:100%;  justify-content:center;   }   section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner p.logo-name {  font-size:18px;   }  section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner .hover-data .data.row {  flex-wrap:wrap;   }   section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner .hover-data .data.row div.col-md-3 {  min-width:180px;   } } @media(min-width:498px) and (max-width:1024px){   section.techno-sec .container .vc_row.technologies-group .technologies-tabs .wpb_wrapper .related-skills-img .related-img .image-box-cst .image-box-inner .hover-data{  max-width:100%;   } }  section.vc_section.work-process {   padding:100px 0;   background-color:#0B0F1C;   text-align:center;   position:relative; } section.vc_section.work-process:before {   content:'';   background-image:url(/w3speedup-design/wp-content/uploads/2025/07/dots-bg.png);   position:absolute;   width:100%;   height:100%;   opacity:0.4;   left:0;   top:0; } section.vc_section.work-process .container .small-heading-box {   margin-bottom:10px; } section.vc_section.work-process .container .section-heading {   margin-bottom:20px; } section.vc_section.work-process .container .section-heading h2.head2 {   max-width:950px;   margin:auto; } section.vc_section.work-process .container .page-content {   margin-bottom:100px; } section.vc_section.work-process .container .section-heading h2.head2, section.vc_section.work-process .container .page-content .para-content {   color:#fff; } section.vc_section.work-process .container:nth-child(2) .wpb_raw_html.wpb_content_element{   margin-bottom:0px; } section.vc_section.work-process .container .workflow {   display:flex;   flex-wrap:wrap;   grid-gap:70px 200px;   position:relative;   max-width:1285px;   margin:auto;   justify-content:space-between; } section.vc_section.work-process .container .workflow .step {   background:#fff;   padding:20px;   border-radius:10px;   text-align:left;   position:relative;   max-width:295px;   width:100%;   box-shadow:0px 4px 4px 0px #00000040; } section.vc_section.work-process .container .workflow .step img {   width:30px;   margin-bottom:10px; } section.vc_section.work-process .container .workflow .step p {   font-weight:600;   margin:5px 0;   font-size:20px;   line-height:28px; } section.vc_section.work-process .container .workflow .step .step-number {   color:#00CDEB3D;   margin-top:8px;   font-weight:700;   font-size:50px;   line-height:28px;   text-transform:capitalize;   position:absolute;   right:20px;   top:10px; } section.vc_section.work-process .container .workflow .center_box_step {   width:100%;   display:flex;   grid-gap:70px 200px;   justify-content:center;   flex-direction:row-reverse; } .workflow .step::after {   content:"";   position:absolute;   width:80px; } section.vc_section.work-process .container .workflow .step1::after, section.vc_section.work-process .container .workflow .step2::after, section.vc_section.work-process .container .workflow .step6::after, section.vc_section.work-process .container .workflow .step7::after {   background-image:url(/wp-content/uploads/w3-webp/uploads/2025/12/left-to-right.webp);   width:190px;   top:50%;   right:-195px;   height:12px;   background-repeat:no-repeat; } section.vc_section.work-process .container .workflow .step3::after {   background-image:url(/wp-content/uploads/w3-webp/uploads/2025/12/right-bottom.webp);   width:90px;   top:unset;   height:160px;   background-repeat:no-repeat;   bottom:-165px;   left:60px; } section.vc_section.work-process .container .workflow .step4::after {   background-image:url(/wp-content/uploads/w3-webp/uploads/2025/12/right-to-left.webp);   width:192px;   top:45%;   left:-196px;   height:12px; } section.vc_section.work-process .container .workflow .step5::after {   background-image:url(/wp-content/uploads/w3-webp/uploads/2025/12/left-bottom.webp);   width:115px;   top:unset;   height:140px;   background-repeat:no-repeat;   bottom:-60%;   left:-120px; } @media(max-width:767px){   section.vc_section.work-process {  padding:80px 0;   }   section.vc_section.work-process .container .workflow {  justify-content:center;   }   section.vc_section.work-process .container .page-content{  margin-bottom:60px;   } } @media(max-width:1024px){   section.vc_section.work-process .container .workflow{  flex-direction:column;  align-items:center;  grid-gap:70px 20px;   }   section.vc_section.work-process .container .workflow .step:not(.step8)::after{  bottom:-70px;  right:50%;  top:unset;  width:12px;  height:70px;  left:unset;  background:url(/wp-content/uploads/w3-webp/uploads/2025/12/arrow-down.webp);  background-size:auto;  background-position:bottom;  background-repeat:no-repeat;   }   section.vc_section.work-process .container .workflow .center_box_step {  flex-direction:column;  align-items:center;   }   } @media(min-width:1025px){   section.vc_section.work-process .container .workflow{  grid-gap:70px 20px;   } } @media(min-width:1025px) and (max-width:1150px) {  section.vc_section.work-process .container .workflow .step {  max-width:22vw;   }  section.vc_section.work-process .container .workflow .step1::after, section.vc_section.work-process .container .workflow .step2::after, section.vc_section.work-process .container .workflow .step6::after, section.vc_section.work-process .container .workflow .step7::after {  --w:29vw;  width:var(--w);  right:calc(var(--w) * -0.87);  } } @media(min-width:1150px) and (max-width:1350px) {  section.vc_section.work-process .container .workflow .step {  max-width:23vw;   }  section.vc_section.work-process .container .workflow .step1::after, section.vc_section.work-process .container .workflow .step2::after, section.vc_section.work-process .container .workflow .step6::after, section.vc_section.work-process .container .workflow .step7::after {  --w:30vw;  width:var(--w);  right:calc(var(--w) * -0.89);  } }  section.choose-use-section {   padding:100px 0;   background:#F7F7FA; } section.choose-use-section .container {   display:flex;   gap:40px; } section.choose-use-section .container .choose-left-box {   position:sticky;   top:90px;   align-self:flex-start; } section.choose-use-section .container .choose-left-box .choose-us-img {   margin-bottom:0; } section.choose-use-section .container .choose-left-box .choose-us-status {   background:#00CDEB;   color:#fff;   border-radius:20px;   padding:20px 20px;   max-width:210px;   width:100%;   text-align:center;   position:absolute;   margin-bottom:0;   border:1px solid #fff; } section.choose-use-section .container .choose-left-box .choose-us-status.top-left-shap {   left:0px;   top:30px; } section.choose-use-section .container .choose-left-box .choose-us-status.bottom-right-shap {   right:60px;   bottom:40px; } section.choose-use-section .container .choose-left-box .choose-us-status p {   font-weight:500;   font-size:18px; } section.choose-use-section .container .choose-left-box .choose-us-status p strong {   font-weight:500;   font-size:50px; } section.choose-use-section .container .choose-right-box .small-heading-box {   margin-bottom:10px; } section.choose-use-section .container .choose-right-box .section-heading {   margin-bottom:20px; } section.choose-use-section .container .choose-right-box .page-content {   margin-bottom:30px; } section.choose-use-section .container .choose-right-box .page-content p.para-content {   color:#4B5563; } section.choose-use-section .container .choose-right-box .service-html {   margin-bottom:0; } section.choose-use-section .container .choose-right-box .service-html .services-section {   max-width:700px;   margin:0 auto;   display:flex;   flex-direction:column;   gap:20px; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card {   background:#fff;   border-radius:20px;   padding:40px;   transition:transform 0.2s ease, box-shadow 0.2s ease;   border:1px solid #00CDEB80; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header {   display:flex;   align-items:center;   margin-bottom:15px; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header h3.service-title {   color:#1a1a1a;   font-weight:500;   font-size:24px;   line-height:100%;   margin:0; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header .service-icon {   flex:0 0 50px;   height:50px;   border-radius:8px;   background:#00cdeb;   display:flex;   align-items:center;   justify-content:center;   margin-right:12px; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header .service-icon img {   width:24px;   height:24px; } section.choose-use-section .container .choose-right-box .service-html .services-section .service-card p.service-description {   color:#0B0F1C;   margin:0; } @media(max-width:767px){   section.choose-use-section {  padding:80px 0;   }   section.choose-use-section .container {  gap:30px;  flex-wrap:wrap;   }   section.choose-use-section .container .choose-left-box {  position:relative;  top:0;  padding-bottom:20px;   }   section.choose-use-section .container .choose-left-box .choose-us-status.top-left-shap {  left:-10px;  top:20px;   }   section.choose-use-section .container .choose-left-box .choose-us-status p {  font-size:14px;   }   section.choose-use-section .container .choose-left-box .choose-us-status p strong {  font-size:20px;   }   section.choose-use-section .container .choose-left-box .choose-us-status {  max-width:110px;  padding:16px 10px;  margin-bottom:0;   }   section.choose-use-section .container .choose-left-box .choose-us-status.bottom-right-shap {  right:10px;  bottom:30px;   }   section.choose-use-section .container .choose-right-box .service-html .services-section .service-card {  padding:20px;   }   section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header h3.service-title {  font-size:20px;   } } @media(min-width:768px) and (max-width:1199px){   section.choose-use-section .container {  gap:20px;   }   section.choose-use-section .container .choose-left-box .choose-us-status{  max-width:140px;  padding:20px 15px;   }   section.choose-use-section .container .choose-left-box .choose-us-status.top-left-shap {  left:0px;  top:-20px;   }  section.choose-use-section .container .choose-left-box .choose-us-status p {  font-size:16px;   }  section.choose-use-section .container .choose-left-box .choose-us-status p strong {  font-size:30px;   }  section.choose-use-section .container .choose-left-box .choose-us-status.bottom-right-shap {  right:0px;  bottom:-20px;   }  section.choose-use-section .container .choose-right-box .service-html .services-section .service-card {  padding:30px 20px;   }  section.choose-use-section .container .choose-right-box .service-html .services-section .service-card .service-header h3.service-title {  font-size:21px;   } }  section.vc_section.industries-section {   padding:100px 0; } ul{   list-style:none; }