/** * Home Page CSS Start ----------------------------------- * * @format */ body.loader-box-active {overflow: hidden;} body.home .img-hero.hero.img-hero-fix {position: fixed;top: 0px;left: 0px;right: 0px;height: 100vh;z-index: 999999;background-color: transparent;pointer-events: none;} body.home .img-hero.hero:before {position: absolute;/* content: ""; */top: 0px;left: 0px;width: 100vw;height: 100vh;background-color: var(--secondary);} body.home .hero-text {z-index: 5;text-align: left;position: relative;} body.home .img-hero-fix div.o-hide .pageTitle {color: var(--white);} body.home .img-hero-fix div.o-hide.o-02 .pageTitle {opacity: 0.2;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;} body.home .img-hero-fix div.o-hide.o-025 .pageTitle {opacity: 0.25;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;} body.home .img-hero-fix div.o-hide.o-03 .pageTitle {opacity: 0.3;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} body.home .img-hero-fix div.o-hide.o-035 .pageTitle {opacity: 0.35;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;} body.home .img-hero-fix div.o-hide.o-01 .pageTitle {opacity: 1;} body.home .img-hero-fix div.o-hide.topspace .pageTitle {-webkit-transform: translateY(85px);transform: translateY(85px);transition-delay: 0.1s;} body.home .img-hero-fix div.o-hide.bottomspace .pageTitle {-webkit-transform: translateY(-85px);transform: translateY(-85px);transition-delay: 0.1s;} body.home .img-hero-fix div.o-hide.top .pageTitle {-webkit-transform: translateY(90px);transform: translateY(90px);} body.home .img-hero-fix div.o-hide.bottom .pageTitle {-webkit-transform: translateY(-90px);transform: translateY(-90px);} body.home.active .img-hero-fix div.o-hide.o-02 .pageTitle {opacity: 0.2;-webkit-transform: translateY(0px);transform: translateY(0px);transition: 1s all ease;-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition-delay: 0.5s;} body.home.active .img-hero-fix div.o-hide.o-025 .pageTitle {opacity: 0.25;-webkit-transform: translateY(0px);transform: translateY(0px);transition: 1s all ease;-webkit-transition: 1s all ease;-ms-transition: 1s all ease;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;} body.home.active .img-hero-fix div.o-hide.o-03 .pageTitle {opacity: 0.3;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} body.home.active .img-hero-fix div.o-hide.o-035 .pageTitle {opacity: 0.35;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;} body.home.active .img-hero-fix div.o-hide.topspace .pageTitle {-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;} body.home.active .img-hero-fix div.o-hide.bottomspace .pageTitle {-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;} body.home.active .img-hero-fix div.o-hide.top .pageTitle {-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;} body.home.active .img-hero-fix div.o-hide.bottom .pageTitle {-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: 1s all ease;-ms-transition: 1s all ease;transition: 1s all ease;} body.home .img-hero-fix div.o-hide.center .pageTitle {position: relative;} body.home .img-hero-fix div.o-hide.center .pageTitle:before {position: absolute;content: "";top: 0px;left: 0px;width: 100%;height: 100%;opacity: 1;background-color: var(--secondary);-webkit-transition: 2s all ease;-ms-transition: 2s all ease;transition: 2s all ease;} body.home.active1 .img-hero-fix div.o-hide.center .pageTitle:before {left: 100%;-webkit-transition: 200ms all ease;-ms-transition: 200ms all ease;transition: 200ms all ease;} body.home.active2 .img-hero-fix div.o-hide.o-02.top .pageTitle {opacity: 0;-webkit-transform: translateY(70px);transform: translateY(70px);-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition: 0.5s all ease;-webkit-transition-delay: 0.4s;transition-delay: 0.4s;} body.home.active2 .img-hero-fix div.o-hide.o-025.top .pageTitle {opacity: 0;-webkit-transform: translateY(70px);transform: translateY(70px);-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition: 0.5s all ease;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;} body.home.active2 .img-hero-fix div.o-hide.o-03.top .pageTitle {opacity: 0;transform: translateY(70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.2s;} body.home.active2 .img-hero-fix div.o-hide.o-035.top .pageTitle {opacity: 0;transform: translateY(70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.1s;} body.home.active2 .img-hero-fix div.o-hide.o-035.bottom .pageTitle {opacity: 0;transform: translateY(-70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.1s;} body.home.active2 .img-hero-fix div.o-hide.o-03.bottom .pageTitle {opacity: 0;transform: translateY(-70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.2s;} body.home.active2 .img-hero-fix div.o-hide.o-025.bottom .pageTitle {opacity: 0;transform: translateY(-70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.3s;} body.home.active2 .img-hero-fix div.o-hide.o-02.bottom .pageTitle {opacity: 0;transform: translateY(-70px);transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-ms-transition: 0.5s all ease;transition-delay: 0.4s;} body.home.active .img-hero-fix .pageTitle {display: block;} body.home .img-hero.hero .o-hide {overflow: hidden;display: block;} body.home.active3 .img-hero.hero {transition: 1s all ease;-webkit-transition: 1s all ease;-ms-transition: 1s all ease;} body.home.active3 .img-hero.hero:before {height: 0px;transition: 2s all ease;-webkit-transition: 2s all ease;-ms-transition: 2s all ease;} body.home.active3 .pageTitle {transition: 1s all ease;-webkit-transition: 1s all ease;-ms-transition: 1s all ease;} body.home.active3 div.o-hide.d-none {display: none;} body.home .home-banner p {font-family: var(--avenirmedium);} body.home .img-hero.hero.home-banner {opacity: 1;} body.home.active3 .img-hero.hero.home-banner {opacity: 1;} #path1 { opacity: 0; } body.home.active3 .img-hero.hero:not(.home-banner) .hero-pin {transition: 2s all ease;-webkit-transition: 2s all ease;-ms-transition: 2s all ease;opacity: 0;} body.home .img-hero.hero.img-hero-fix .hero-pin {height: 100vh;min-height: 800px;flex-wrap: nowrap;align-items: center;justify-content: center;} body .img-hero.hero .hero-pin-1 {margin-top: 100px;} .header { position: absolute; /* box-shadow: 0px 1px 5px #D2D2D2; position: fixed; z-index: 1111; background: white ; background-color:white !important; */ left: 0px;right: 0px;padding: 33px 0px;z-index: 6;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} .header .container {display: flex;align-items: center;justify-content: space-between;} .mega-menu {display: flex;align-items: center;flex-direction: row;list-style: none;gap: 60px;} .mega-menu li {list-style: none;} .mega-menu > li > a:not(.btn) {position: relative;padding: 10px 0px;line-height: 1.45;color: var(--secondary);font-size: 18px;font-family: var(--avenirmedium);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} .mega-menu > li > a:not(.btn):before {position: absolute;content: "";bottom: 0px;left: 0px;right: 0px;width: 0px;height: 2px;margin: 0px auto;background-color: transparent;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} .mega-menu > li:hover > a:not(.btn), .mega-menu > li.is-active > a:not(.btn) {color: var(--primary) !important;} .mega-menu > li:hover > a:not(.btn):before, .mega-menu > li.is-active > a:not(.btn):before {width: 32px;background-color: var(--primary);} .mega-menu > li > .mega-menu-sub {pointer-events: none;position: absolute;top: 50px;right: 160px;width: 100%;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;opacity: 0;visibility: hidden;z-index: -1;} .mega-menu > li:hover > .mega-menu-sub {pointer-events: auto;opacity: 1;visibility: visible;z-index: 99;} .mega-menu > li > .mega-menu-sub > .mega-menu-sub-inner {display: flex;width: 100%;position: relative;box-shadow: 0px 20px 30px var(--secondary05);-webkit-box-shadow: 0px 20px 30px var(--secondary05);transform: translate3d(0, 50px, 0);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;} .mega-menu > li > .mega-menu-sub > .mega-menu-sub-inner:before {opacity: 0; position: absolute;top: -10px;display: flex;align-items: center;max-height: 13px;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='13' viewBox='0 0 30 13'%3E%3Cpath data-name='Polygon 1' d='M13.69,1.135a2,2,0,0,1,2.62,0l9.639,8.353A2,2,0,0,1,24.639,13H5.361a2,2,0,0,1-1.31-3.511Z' fill='%23fff'/%3E%3C/svg%3E");} .mega-menu > li:hover > .mega-menu-sub > .mega-menu-sub-inner {transform: translate3d(0, 30px, 0);} .mega-menu > li:nth-last-child(2) .mega-menu-sub .mega-menu-sub-inner:before {right: 245px;} .mega-menu > li:nth-last-child(3) .mega-menu-sub .mega-menu-sub-inner:before {right: 365px;} .mega-menu > li:nth-last-child(4) .mega-menu-sub .mega-menu-sub-inner:before {right: 310px;} .mega-menu > li:nth-last-child(5) .mega-menu-sub .mega-menu-sub-inner:before {right: 605px;} .mega-menu > li:nth-last-child(6) .mega-menu-sub .mega-menu-sub-inner:before {right: 755px;} .mega-menu-sub.xl {max-width: 1495px;} .mega-menu-sub.lg {max-width: 1020px;} .mega-menu-sub.md {max-width: 1020px;} .mega-menu-sub.sm {max-width: 670px;} /* Himanshu css */ .newsletter-wrapper { position: relative; display: flex; color: #fff; flex-wrap: wrap; flex-direction:column; } .newsletter-wrapper > svg { position: absolute; bottom: 20px; right: 0; } .newsletter-title { padding:0 0 15px; position:relative; } .newsletter-title > svg { position: absolute; right:0; bottom: -5px; } .newsletter-title h3, .newsletter-title h4, .newsletter-title h5, .newsletter-title h6 { color:var(--white); } .newsletter-wrapper h4, .newsletter-wrapper h3 { text-transform: uppercase; } .newsletter-title h5, .newsletter-title h6 { font-family:var(--avenirheavy) !important; } /* .mega-menu > li:nth-last-child(2) .mega-menu-wrap .row > div:nth-child(even):not(:last-child) {display: none;} */ .mega-menu-wrap .newsletter-wrapper { align-items: flex-end; flex-direction:row; padding: 50px 50px 50px 50px; background-color: var(--darkgray); bottom: -25px; } .mega-menu-wrap .newsletter-box { padding-bottom:10px; } .mega-menu-wrap .formSuccess .newsletter-title {display: none;} .mega-menu-wrap .formSuccess svg.form-svg {display: none;} .mega-menu-wrap .formSuccess svg.thank-svg {display: block;} .mega-menu-wrap .formSuccess .newsletter-title.newsletter-title-thankyou {display: block;} .mega-menu-wrap .newsletter-title { width: 40%; padding:0; padding-right: 20px;padding-bottom: 20px;} .mega-menu-wrap .newsletter-box-wrapper { width: 100%; } .mega-menu-wrap .gform-body.gform_body {width: calc(100% - 190px);} body .mega-menu-wrap .newsletter-box.newsletter-style1 .gform_footer {position: relative;top: auto;right: auto;height: 60px;} #megamenu-newletter-form .newsletter-box .gfield_label.gform-field-label,#blog-newletter-form .newsletter-box .gfield_label.gform-field-label, #footer-newletter-form .newsletter-box .gfield_label.gform-field-label{ color: #fff !important; } body .mega-menu-wrap .newsletter-box.newsletter-style1 form {display: flex; align-items: flex-end;gap: 25px;} body .mega-menu-wrap .newsletter-box.newsletter-style1 .gform_footer input {align-self: center;} .gravity-theme .gfield input:focus, .gravity-theme .gfield select:focus, .gravity-theme .gfield textarea:focus { box-shadow: none !important; border-color: inherit !important; } body .newsletter-box { position: relative; } body .newsletter-box .ginput_container input {height:60px; color:var(--midgrey) !important; } body .newsletter-box .ginput_container input::placeholder { color: var(--midgrey) !important; opacity: 1; } body .newsletter-box.newsletter-style1 .gform_footer, body .newsletter-box.newsletter-style1 .gravity-theme .gform_footer:hover { /*position: absolute; top: 8px; right: 8px;background: var(--midgrey); border-color: var(--midgrey);*/margin: 0 !important;} body .newsletter-box.newsletter-style1 .ginput_container input {/*padding-right: 180px !important;*/ text-overflow: ellipsis; } body .newsletter-box.newsletter-style1 .gform_footer .gform_button { padding:7.1px 30px !important; } body .newsletter-box.newsletter-style1 .gform_wrapper.gravity-theme .gform_validation_errors { display: none; } .home .modal-backdrop.show, .home .modal-backdrop.show { /* opacity:0;z-index: -1; */} footer .newsletter-title > svg { max-width:150px; bottom:0; right:10px; } /* section { z-index:1; } */ .mega-menu > li .newsletter-wrapper path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px; } /* .newsletter-wrapper.formSuccess + .newsletter-wrapper.newsletter-thank-mega-menu path, */ .mega-menu > li:hover .newsletter-wrapper path { stroke-dashoffset: 0px; transition: 3s ease-out 0s; stroke-width: 1px; } .footer-contact .newsletter-wrapper.formSuccess .newsletter-title {display: none;} .footer-contact .newsletter-wrapper.formSuccess .newsletter-title.newsletter-title-thankyou {display: block;} .footer-contact .newsletter-wrapper.formSuccess svg.form-svg {display: none;} .footer-contact .newsletter-wrapper.formSuccess svg.thank-svg {display: block;} /* .footer-contact .footer-thank-msg { display: none; } */ .footer-contact .formSuccess .footer-thank-msg {display: block;} footer .footer-contact .newsletter-wrapper path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px; } .footer-animate .footer-contact .newsletter-wrapper path { stroke-dashoffset: 0px; transition: 3s ease-out 0s; stroke-width: 1px; } .footer-contact .newsletter-wrapper form#gform_56 {display: flex;flex-flow: column;gap: 20px;} .footer-contact .newsletter-wrapper .gform_footer.top_label {align-self: flex-start;height: 60px;} .footer-contact .newsletter-wrapper .gform_footer input {align-self: center !important;} .footer-thank-msg .newsletter-title > svg {width: 55% !important;max-width: 100% !important;} .footer-thank-msg .newsletter-title h6 {width: 50%;} .newsletterBtn { visibility: hidden; opacity:0;} .newsletterPopupForm.maintenanceLandingForm { padding-left:0 !important; } .newsletterPopupForm.maintenanceLandingForm .newsletter-box { color: #333 !important; } .newsletterPopupForm.maintenanceLandingForm p { color: #333 !important; font-weight: var(--avenirmedium) !important; font-family: var(--avenirmedium); } .newsletterPopupForm.maintenanceLandingForm svg { max-width:100%; stroke-dasharray: 1571px; stroke-dashoffset: 1571px; } .modal.show .newsletterPopupForm.maintenanceLandingForm svg {stroke-dashoffset: 0px; transition:stroke-dashoffset 1.5s; stroke-width: 1px;} .newsletterPopupForm.maintenanceLandingForm .newsletter-title { padding-bottom:30px; } .newsletterPopupForm.maintenanceLandingForm .newsletter-title .sec-title.sec-dashline { padding-bottom: 10px; } .newsletterPopupForm.maintenanceLandingForm .newsletter-wrapper { padding-left:13%; } .newsletterPopupForm.maintenanceLandingForm .newsletter-wrapper h5 { color:var(--secondary); } .newsletterPopupForm.maintenanceLandingForm .newsletter-wrapper h3 { color: var(--secondary) !important; font-family: var(--avenirblack) !important; font-weight: var(--fontnormal); } .newsletterPopupForm.maintenanceLandingForm .gravity-theme .gform_footer, .newsletterPopupForm.maintenanceLandingForm .gravity-theme .gform_footer:hover { display:inline-block !important; } .newsletterPopupForm.maintenanceLandingForm .gravity-theme .gform_footer .gform_button {padding: 13px 35px !important;} .newsletterPopupForm.maintenanceLandingForm .no-thanks .gfield_description span { position: absolute; cursor:pointer; top: calc(100% + 50px); left: 250px; width: auto !important; background: transparent; border-color: transparent; color: var(--midgrey); font-family: var(--avenirheavy); } .newsletterPopupForm.maintenanceLandingForm .no-thanks .gfield_description span:hover { color:var(--primary); } .modal.show .newsletterPopupForm.maintenanceLandingForm .formSuccess .thank-row path {stroke-dashoffset: 0px; transition:stroke-dashoffset 3s ease-out 0s;stroke-width: 1px;} .newsletterPopupForm.maintenanceLandingForm .formSuccess .newsletter-title {display: none;} .newsletterPopupForm.maintenanceLandingForm .formSuccess .width-full-class {width: 100% !important;} .newsletterPopupForm.maintenanceLandingForm .formSuccess svg.form-svg {display: none;} .newsletterPopupForm.maintenanceLandingForm .formSuccess svg.thank-svg {display: block;} .newsletterPopupForm.maintenanceLandingForm .formSuccess .newsletter-title.newsletter-title-thankyou {display: block;} .mega-menu-wrap .formSuccess .newsletter-thank-mega-menu { display: block; } .thank-row .newsletter-wrapper, .thank-row .newsletter-title { position: inherit; } .maintenanceLandingForm .thank-row svg{ position: absolute; width: 500px; height: auto; bottom: -80px; right: -80px;} .newsletter-wrapper .gform_footer .gform_ajax_spinner {width: 25px !important;} .maintenanceLandingForm .thank-row path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px; transition: none;stroke-width: 0;} .maintenanceLandingForm.thank-confirm .thank-row path { stroke-dashoffset: 0; stroke-width: 1.3px; transition: 3s ease-out 0s; } .blog-content_info .newsletter-wrapper.formSuccess .blog-thank-msg { text-align: center; padding: 0px 50px 50px !important; } .mega-menu-wrap .newsletter-thank-mega-menu .newsletter-title { width: 60% !important; } .blog-content_info .newsletter-wrapper .blog-thank-msg path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px; transition: none;stroke-width: 0;visibility: hidden; pointer-events: none;} .blog-content_info .newsletter-wrapper.formSuccess .newsletter-box {position: inherit !important;} .blog-content_info .newsletter-wrapper.formSuccess .blog-thank-msg path { stroke-dashoffset: 0; stroke-width: 1.3px; transition: 3s ease-out 0s;visibility: visible;pointer-events: auto;} .footer-contact .footer-thank-msg path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px !important; transition: none;stroke-width: 0;visibility: hidden; pointer-events: none;} .footer-contact .formSuccess .footer-thank-msg path { stroke-dashoffset: 0 !important; stroke-width: 1.3px;; transition: 3s ease-out 0s;visibility: visible;pointer-events: auto;} .blog-content_info .newsletter-wrapper.formSuccess .newsletter-title {display: none;} .blog-content_info .newsletter-wrapper.formSuccess .newsletter-title.newsletter-title-thankyou {display: block;} .blog-content_info .newsletter-wrapper.formSuccess svg.form-svg {display: none;} .blog-content_info .newsletter-wrapper.formSuccess svg.thank-svg {display: block;} .header .mega-menu > li .newsletter-thank-mega-menu path { stroke-dasharray: 1571px; stroke-dashoffset: 1571px; transition: none;stroke-width: 0; visibility: hidden;pointer-events: none;} .header .mega-menu > li .formSuccess .newsletter-thank-mega-menu path { stroke-dashoffset: 0; transition: 3s ease-out 0s;stroke-width: 1.3px; visibility: visible;pointer-events: auto;} .header .mega-menu .newsletter-wrapper > svg {width: 30%;} .newsletter-thank-mega-menu > svg { width: 520px !important; height: auto; bottom: -50px; position: absolute;right: -50px;} .blog-content_info .newsletter-wrapper.formSuccess .blog-thank-msg > svg { position: absolute; top: 60px; right: 0; width: 100%;} .blog-content_info .newsletter-wrapper .sec-title.sec-dashline { margin-bottom: 0; } .blog-content_info .newsletter-wrapper .sec-title.sec-dashline h3 { /*color: #333 !important;*/ font-family: var(--avenirblack) !important; font-weight: var(--fontnormal); } .blog-content_info .newsletter-wrapper p { color: #fff !important; font-weight: var(--avenirmedium) !important; font-family: var(--avenirmedium); font-size: var(--body-font) !important; } .form-control::placeholder { color: var(--midgrey50); opacity: 1; } .filters-results ul li .filters-remove {position: relative !important;padding: 6px 30px 6px 6px !important;border: 1px solid var(--primary);} .filters-remove b { position: absolute; top: 50%; right: 10px; transform: rotate(45deg) translateY(-50%); cursor: pointer; font-size:0; } .filters-remove b:before, .filters-remove b:after { content: ""; width: 12px; height: 2px; background: var(--primary); display: block; } .filters-remove b:after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); margin-top: -1px; } .blog-listing-grid .blog-content_info.newsletter-card-box { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; position:relative; background: #1D1D1F; } .blog-content_info .newsletter-wrapper { position:static; } .blog-content_info .newsletter-title { padding-top: 60px; padding-bottom:30px; position:static; } .blog-content_info .newsletter-title > svg { position: absolute; /* -webkit-transform: scaleX(-1); transform: scaleX(-1); */right: 0; top: 30px; max-width: 160px; } /* .blog-content_info .newsletter-wrapper .newsletter-title h6 { color: #333; } */ .modal-1000 { width:1000px; max-width:calc(100% - 40px); } /* Himanshu css End */ .mega-menu-wrap {display: flex;flex-wrap: wrap;padding: 25px 0px;background-color: var(--white);} .mega-menu-wrap .menu-link, .mega-menu-wrap .menu-content {padding: 25px 50px;} .mega-menu-wrap .menu-title {display: flex;align-items: center;} .mega-menu-wrap .menu-title:not(.no-line) {margin-bottom: 12px;} .mega-menu-wrap .menu-title + .menu-title {margin-top: 12px;} .mega-menu-wrap .menu-title a {position: relative;display: flex;align-items: center;padding-bottom: 10px;color: var(--secondary);font-size: 18px;font-family: var(--avenirmedium);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;} .mega-menu-wrap .menu-title a svg {margin-right: 10px;min-width: 16px;} .mega-menu-wrap .menu-title:not(.no-line) a:before {position: absolute;content: "";left: 0px;bottom: 0px;width: 20px;height: 2px;background-color: var(--primary);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;} .mega-menu-wrap .menu-title:not(.no-line) a:hover:before, .mega-menu-wrap .menu-title.is-active:not(.no-line) a:before {width: 30px;} .mega-menu-wrap .menu-title a:hover, .mega-menu-wrap .menu-title.is-active a {color: var(--primary);} .mega-menu-wrap .menu-link ul + .menu-title.no-line {margin-top: 40px;} .mega-menu-wrap .menu-link ul li + li {margin-top: 10px;} .mega-menu-wrap .menu-link ul ul {margin-top: 10px;} .mega-menu-wrap .menu-link ul ul li {list-style: circle;margin-left: 22px;} .mega-menu-wrap .menu-link ul ul li::marker {font-size: 14px;} .mega-menu-wrap .menu-link ul li a {transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;} .mega-menu-wrap .menu-link ul li a:hover, .mega-menu-wrap .menu-link ul li.is-active > a {color: var(--primary);} .mega-menu-wrap .menu-link ul li a, .mega-menu-wrap .menu-content p {color: var(--midgrey);font-size: 16px;position: relative;} .mega-menu-sub .getInTouch {position: relative;display: flex;flex-direction: column;justify-content: end;overflow: hidden;padding: 50px;min-width: 364px;max-width: 364px;background-color: var(--darkgray);} .mega-menu-sub .getInTouch svg {height: 105px;position: absolute;left: 0px;right: 0px;top: 30px;} .mega-menu-sub .getInTouch path {stroke-dasharray: 671px;stroke-dashoffset: 671px;} .mega-menu-sub .getInTouch h4 {color: var(--white);} .mega-menu-sub .getInTouch p {color: var(--lightgrey);margin: 20px 0px 30px;} .mega-menu-sub .getInTouch p:last-child {margin-bottom: 0px;} .mega-menu-sub .getInTouch .content {margin-top: 20px;} .mega-menu > li:hover .mega-menu-sub .getInTouch path {stroke-dashoffset: 0px;transition: 1.5s ease-out 0s;stroke-width: 1px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 1) {min-width: 360px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 2) {min-width: 355px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n) {min-width: 415px;} .mega-menu-sub.lg .mega-menu-wrap .menu-link:nth-child(2n + 1) {min-width: 345px;} .mega-menu-sub.lg .mega-menu-wrap .menu-link:nth-child(2n) {min-width: 310px;} .page-id-2229 .brand-logo img, .page-id-14325 .brand-logo img, .page-id-14401 .brand-logo img {filter: invert(91%) sepia(91%) saturate(28%) hue-rotate(254deg) brightness(106%) contrast(100%);} .page-id-2229 .mega-menu > li > a:not(.btn), .page-id-14325 .mega-menu > li > a:not(.btn), .page-id-14401 .mega-menu > li > a:not(.btn) {color: var(--white);} .page-id-2229 .mega-menu > li .btn, .page-id-14325 .mega-menu > li .btn, .page-id-14401 .mega-menu > li .btn {color: var(--secondary);background-color: var(--white);border-color: var(--white);} .page-id-2229 .mega-menu > li .btn:after, .page-id-14325 .mega-menu > li .btn:after, .page-id-14401 .mega-menu > li .btn:after {background-color: var(--primary);} .discovery-question-form {max-width: 1040px;margin: 0px auto;} .discovery-question-form .gf_progressbar_title {font-size: 20px !important;color: var(--midgrey50) !important;font-family: var(--avenirmedium) !important;line-height: 1.2;margin-bottom: 10px !important;} .discovery-question-form .gf_progressbar {border-radius: 0px !important;margin: 0px !important;background-color: transparent !important;border: 2px solid var(--midgrey50);height: 34px;display: flex;align-items: center;padding: 3px;} .discovery-question-form .gf_progressbar_percentage {border-radius: 0px !important;height: 100% !important;background-color: var(--midgrey) !important;} .discovery-question-form .gf_progressbar_percentage span {font-size: 14px !important;font-family: var(--avenirmedium) !important;user-select: none;margin: 0px !important;padding: 0px 5px;height: 100%;display: flex !important;align-items: center;} .gravity-theme .gform_page_footer {display: flex;align-items: center;justify-content: start;gap: 20px;padding: 0px !important;margin-top: calc(var(--sectionSpace) / 1.66) !important;} .gravity-theme .gform_button, .gravity-theme .gform_next_button, .gravity-theme .gform_previous_button {position: relative;text-align: center;display: flex !important;align-items: center;justify-content: center;cursor: pointer;border: 2px solid var(--primary);outline: none !important;outline-offset: 0 !important;border-radius: 0px;box-shadow: none !important;overflow: hidden;font-size: 18px;padding: 0px 10px !important;margin: 0px !important;line-height: 1.55;font-family: var(--avenirmedium);padding: 11px 30px !important;min-height: 50px;min-width: 150px;} .gravity-theme .gform_button, .gravity-theme .gform_next_button{color: var(--white) !important;background-color: var(--primary) !important;} .gravity-theme .gform_previous_button {color: var(--primary) !important;background-color: var(--white) !important;} .gravity-theme .gform_page_fields {margin-top: var(--large);} .gravity-theme .gform_page_fields .gfield_label {margin: var(--small) 0px !important;font-family: var(--avenirheavy) !important;color: var(--darkgray) !important;font-size: var(--font-h4) !important;line-height: 1.25;} .gravity-theme .gform_page_fields .gfield_radio, .gravity-theme .gform_page_fields .gfield_checkbox {display: flex;align-items: center;justify-content: start;flex-wrap: wrap;gap: 25px;padding-top: var(--large);} .gravity-theme .gform_page_fields .gchoice {position: relative;} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input {position: absolute;opacity: 0;} .gravity-theme .gform_page_fields .gchoice .gform-field-label {font-size: 20px;width: auto;max-width: 100%;padding: 10px 20px 10px 52px;display: flex;align-items: center;justify-content: start;color: var(--darkgray);border: 1px solid var(--darkgray);font-family: var(--avenirmedium) !important;min-width: 330px;min-height: 60px;cursor: pointer;user-select: none;} .gravity-theme .gform_page_fields .gchoice .gform-field-label:before {position: absolute;content: '';left: 16px;top: 16px;width: 26px;height: 26px;border: 2px solid var(--darkgray);} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input:checked + .gform-field-label{background-color: var(--darkgray);border-color: var(--darkgray);color: var(--white);} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input:checked + .gform-field-label:before{border-color: var(--white);} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='radio'] + .gform-field-label:before{border-radius: 999px;} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='radio'] + .gform-field-label:after {content: "";position: absolute;top: 22px;left: 22px;width: 14px;height: 14px;border-radius: 999px;background-color: transparent;} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='radio']:checked + .gform-field-label:after {background-color: var(--white);} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='checkbox'] + .gform-field-label:after {content: "";position: absolute;top: 30px;left: 22px;width: 0px;height: 0px;border-width: 2px 2px 0px 0px;border-style: solid;border-color: transparent;opacity: 0;transform-origin: left top;transform: scaleX(-1) rotate(135deg);} .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='checkbox']:checked + .gform-field-label:after {opacity: 1;width: 7px;height: 14px;border-color: var(--white);} .mind-section{display:flex;align-items:center;justify-content:center;margin-bottom:-1px;min-height:220px;padding-top:calc(var(--sectionSpace) - 50px);padding-bottom:calc(var(--sectionSpace) - 50px);border-top:2px solid var(--white20);} .mind-section .mind-sec-wrap{display:flex;align-items:center;text-align:center;justify-content:center;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .mind-section .mind-sec-details{gap:80px;display:flex;flex-wrap:wrap;align-items:center;position:relative;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .mind-section .mind-sec-details h3{/* transform:translateX(0px);*/ font-family:var(--avenirheavy);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} /* .mind-section:hover .mind-sec-details h3{transform:translateX(-182px);}*/ .mind-section .get-started{/* position:absolute;right:-182px;*/ -webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} /* .mind-section:hover .get-started{opacity:1;right:-182px;}*/ footer{position:relative;z-index:inherit;} footer .logo-menu-baar,footer .middle-footer,footer .footer-copyright{border-top:2px solid var(--white05);} footer .footer-contact,footer .logo-menu-baar{padding:50px 0px;} /* footer .footer-contact-wrap{gap:100px;display:flex;flex-wrap:wrap;justify-content:space-between;}*/ footer .address-list a:not(:hover){color:var(--white) !important;} footer .footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;} footer .footer-logos a{filter:invert(1);} footer .footer-menu + .footer-menu{margin-top:var(--xlarge);} footer .footer-menu .address-list .address-icon{flex:0 0 22px;margin-right:15px;} footer .footer-social{margin:30px 0px;} footer .footer-menu ul li a{color:var(--lightgrey);font-size:18px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} footer .hd-social{display:flex;list-style:none;} footer .hd-social li:not(:last-child){margin-right:22px;} footer .hd-social li a img{width:auto;height:20px;} footer .hd-social li a img:hover{filter:invert(52%) sepia(53%) saturate(867%) hue-rotate(341deg) brightness(103%) contrast(96%);} footer .footer-menu p.h6{font-size:24px;position:relative;margin-bottom:20px;padding-bottom:12px;font-family:var(--avenirroman);color:var(--white);} footer .footer-menu p.h6:after{position:absolute;content:"";left:0px;bottom:0px;width:20px;height:2px;background-color:var(--primary);} footer .footer-menu p.h6 a{color:var(--white);} footer .footer-menu ul li{margin-bottom:12px;color:var(--lightgrey);} footer .footer-menu ul li:last-child{margin-bottom:0px;} footer .footer-menu ul li.current-menu-item a,footer .footer-menu ul li a:hover,footer .footer-menu ul li a:focus,footer .footer-menu h5 a:hover,footer .footer-menu h5 a:focus{color:var(--primary);} footer .footer-menu ul.address-list li{display:flex;margin-bottom:15px;} footer .footer-menu ul.address-list li a{line-height:28px;font-size:var(--body-font);} footer .footer-menu .address-list.phone-icon li{align-items:center;} footer .footer-menu .address-list.phone-icon .address-icon{flex:0 0 26px;} footer .footer-menu .address-list.phone-icon .address-icon img{width:26px;} footer .footer-menu ul.address-list.phone-icon li a{color:var(--white);font-size:28px;} footer .footer-menu ul.address-list.phone-icon li a:hover{color:var(--primary);} footer .middle-footer{padding:30px 0px;} footer .middle-footer ul{display:flex;align-items:center;justify-content:space-between;} footer .middle-footer ul li{list-style:none;} footer .middle-footer ul li a{display:block;} footer .middle-footer ul li img{display:block;max-width:120px;filter:grayscale(1);} footer .middle-footer ul li:hover img{filter:grayscale(0);} footer .footer-copyright{padding:20px 0px;} footer .copyright-policy{color:var(--lightgrey);gap:15px;display:flex;align-items:center;justify-content:flex-end;} footer .footer-copyright p,footer .footer-copyright a{color:var(--lightgrey);font-size:16px;display:flex;} footer .footer-copyright a:hover{color:var(--primary);} .back-top{position:fixed;right:50px;bottom:-30px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--darkgray);border:2px solid var(--lightgrey);opacity:0;text-decoration:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;z-index:9;} .back-top.back-top-fixed{position:relative !important; margin-left: auto; top: 50px !important; margin-bottom: -40px; bottom:unset !important;} .back-top img{transform:rotate(180deg);filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(64deg) brightness(108%) contrast(101%);height:14px;} .back-top.active{opacity:1;bottom:40px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .text-decoration-line-through{position:relative;text-decoration:none !important;} .text-decoration-line-through:before{position:absolute;content:"";left:0px;right:0px;top:55%;height:2px;background-color:var(--secondary);} .hero-text{position:relative;z-index:2;} .hero-text p{margin-top:var(--medium);font-family:var(--avenirmedium);font-weight:var(--fontnormal);} .hero-text h3{margin-bottom:var(--medium);font-family:var(--avenirheavy);} .hero-btn{margin-top:var(--xlarge);} .sec-content p{margin-bottom:0px;} .sec-content p + p{margin-top:var(--xlarge);} .sec-content ul,.section-content ul{padding-left:25px;} .sec-content ul li{margin-bottom:12px;} .sec-content ul li:last-child{margin-bottom:0px;} .trans-section .sec-content{margin-top:var(--base);} .profit-section{overflow:hidden;} .profit-section .sec-content,.profit-section .text-end,.profit-section .pricing-table{position:relative;z-index:2;} .profit-section .sec-content p + p{margin-top:0px;} .profit-section .text-end a{color:var(--primary);} .pricing-table{width:100%;clear:both;display:flex;flex-flow:column;margin-top:75px;} .pricing-table > ul,.pricing-table .cubespinner ul{width:100%;display:flex;flex-wrap:wrap;vertical-align:top;} .pricing-table > ul > li,.pricing-table .cubespinner ul > li{display:flex;position:relative;flex-flow:column;align-items:flex-start;padding:34px 10px;justify-content:center;background-color:var(--white);} .pricing-table ul.entire-team li:after{display:none;} .pricing-table ul li:first-child{width:377px;padding:34px 30px;} .pricing-table ul li:first-child ~ li{width:calc((100% - 377px) / 4);} .pricing-table ul li:nth-child(2){padding-left:30px;} .pricing-table ul li:last-child{padding-right:30px;} .pricing-table ul.col-first li:last-child{border-right:0px;} .pricing-table > ul.col,.pricing-table .cubespinner ul{transition:box-shadow 0.2s ease;} .pricing-table ul.col-first li:first-child,.pricing-table ul.col li:first-child{border-right:3px solid var(--offwhite);} .pricing-table ul.col li:after{content:"";position:absolute;left:50%;bottom:0px;width:100%;height:2px;max-width:317px;background-color:var(--offwhite);-webkit-transform:translateX(-50%);transform:translateX(-50%);} .pricing-table ul.col li:nth-child(2):after{left:calc(50% + 30px);} .pricing-table ul.col li:last-child:after{left:calc(50% + 30px);} .pricing-table ul.col li:last-child:after{left:calc(50% - 15px);width:calc(100% - 30px);} .pricing-table .cubespinner{transition:box-shadow 0.2s ease;} .pricing-table > ul.col-first li{border-bottom:3px solid var(--offwhite);} .pricing-table .price-info em{font-style:normal;} .pricing-table .price-info h4{font-family:var(--avenirheavy);} .pricing-table .price-info sup{top:0px;margin-right:8px;font-size:var(--font-h5);} .pricing-table .price-info sub{bottom:0px;font-size:var(--base);font-family:var(--avenirroman);} .pricing-table ul:not(.col-first) .price-info label{font-size:var(--font-h5);font-family:var(--avenirheavy);} .pricing-table .price-info span{color:var(--midgrey);font-size:var(--base);font-family:var(--avenirroman);} .pricing-table .entire-team .price-info.hour span{font-family:var(--avenirheavy);color:var(--secondary);} .pricing-table .price-info .updateTotal ~ span{color:var(--secondary);font-family:var(--avenirheavy);} .pricing-table .text{position:relative;height:40px;overflow:hidden;width:500px;display:flex;align-items:center;} .pricing-table .text .changeTitle{position:absolute;width:300px;} .pricing-table .text .changeTitle span{font-size:var(--font-h4);color:var(--secondary) !important;line-height:1.33;font-family:var(--avenirblack);} .pricing-table .text .changeTitle.year span:nth-last-child(-n + 6){color:var(--midgrey) !important;font-size:var(--base);font-family:var(--avenirroman);margin-top:10px;} .pricing-table .text .changeTitle.persantage span:nth-last-child(-n + 1){color:var(--midgrey) !important;font-size:var(--base);font-family:var(--avenirroman);margin-top:10px;} .pricing-table .text .changeTitle.hour span:nth-last-child(-n + 5){color:var(--secondary) !important;font-size:var(--base);font-family:var(--avenirheavy);margin-top:10px;} .pricing-table .letter{display:inline-block;position:relative;float:left;transform:translateZ(10px);transform-origin:50% 50% 10px;} .pricing-table .letter,.pricing-table .letter.out{transform:translateY(-20px);opacity:0;transition:all 0.42s cubic-bezier(0.55,0.055,0.675,0.19);} .pricing-table .letter.behind{transform:translateY(20px);opacity:0;} .pricing-table .letter.in{transform:translateY(0px);opacity:1;transition:transform 0.48s cubic-bezier(0.175,0.885,0.32,1.275);} .pricing-table .text.normaltext .changeTitle span{font-size:var(--font-h4);font-family:var(--avenirheavy);text-transform:lowercase;} .tech-section{padding-top:calc(var(--sectionSpace) + 75px);padding-bottom:calc(var(--sectionSpace) + 112px); overflow: hidden;} .tech-section .techservices .container-fluid + .container-fluid{margin-top:120px;} .tech-section .techservices .container-fluid:after{content:"";top:0px;left:50%;bottom:0px;width:1px;height:100%;position:absolute;background-color:var(--secondary10);-webkit-transform:translateX(-50%);transform:translateX(-50%);} .tech-section .techservices .tech-names{padding:41px 0 42px 45px;} .tech-section .techservices .flex-md-row-reverse .tech-names{padding:50px 45px 50px 0;} .tech-section .tech-names .services,.tech-section .tech-names .technologies{margin-top:52px;} .tech-section .tech-names h5,.tech-section .tech-names h4{margin-bottom:20px;color:var(--midgrey);font-family:var(--avenirheavy);} .tech-section .tech-names ul{line-height:2;padding-left:25px;} .tech-section .tech-names ul li{padding-left:7px;} .tech-section .tech-names ul li a{color: var(--midgrey);} .tech-section .tech-names ul li a:hover{color: var(--primary);} .tech-section .tech-names .technologies ul{column-count:2;padding-left:22px;list-style-type:circle;} .tech-section .tech-names .technologies ul li::marker{font-size:18px;} .my-tab .my-tab-wrap{position:relative;z-index:2;} .my-tab-header{gap:85px;display:flex;align-items:flex-start;justify-content:center;line-height:1.55;font-family:var(--avenirmedium);} .my-tab-header h2{line-height:1.23;position:relative;font-family:var(--avenirheavy);min-width:435px;} .my-tab-header h2 span{opacity:0.2;font-family:var(--avenirblack);} .my-tab-header p{color:var(--white);} .my-tab .my-tab-header a{color:var(--primary);} .my-tab .my-tab-header a:hover{color:var(--white);} .price-progress-bar ul li{display:flex;margin-top:69px;align-items:center;} .price-progress-bar ul li .progress-box{width:100%;margin-right:40px;} .price-progress-bar ul li .progress-box label{font-size:24px;line-height:1.2;font-family:var(--avenirheavy);} .price-progress-bar .progress{height:3px;margin-top:14px;border-radius:0;overflow:inherit;align-items:center;background-color:var(--lightgrey20);} .price-progress-bar .progress-bar{width:0;height:9px;background-color:var(--primary);-webkit-transition:width 1.5s ease-in-out;transition:width 1.5s ease-in-out;} .price-progress-bar ul li .progress-total{display:flex;align-items:center;min-width:175px;} .price-progress-bar ul li .progress-total h2{display:flex;align-items:flex-end;font-size:45px;font-family:var(--avenirheavy);} .price-progress-bar ul li .progress-total h2 sup{top:0px;margin-right:6px;line-height:normal;font-size:var(--font-h3);} .price-progress-bar ul li .progress-total h2 label{-webkit-transition:0.2s all ease;transition:0.2s all ease;} .price-progress-bar ul li .progress-total h2 span{color:var(--lightgrey);font-size:var(--font-h4);} .going-big p{margin-top:40px !important;} .going-big a{color:var(--primary);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .going-big a:hover{color:var(--white);} .section-ourwork .videoAction{position:absolute;top:73px;} .section-ourwork .container{top:-88px;left:0px;} .section-ourwork .work-video-iframe{pointer-events:none;} .section-ourwork .work-video{position:absolute;top:30px;width:100%;height:720px;left:0px;opacity:0;-webkit-mask-image:url(../images/cove-shap.svg);mask-image:url(../images/cove-shap.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s;-webkit-mask-position:center;} .section-ourwork.active-video .work-video{opacity:1;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s;transition-delay:calc(1.5s / 3);} .homeMain{position:absolute;top:94px;right:152px;} .homeTrigger1{top:-500px;} .homeTrigger2{top:200px;} .homeTrigger3{top:500px;} .homeTrigger4{top:0px;} .homeTrigger5{top:400px;} .homeTrigger6{top:-400px;} .homeTrigger7{top:-420px;} .homeTrigger8{top:780px;} .homeTrigger9{top:1080px;} .homeTrigger10{top:1580px;} .homeTrigger11{top:1880px;} .homeTrigger12{top:2280px;} .homeTrigger13{top:2530px;} .homeTrigger14{top:2830px;} .homeTrigger15{top:3280px;} .homeTrigger16{top:3580px;} .homeTrigger17{top:-410px;} .homeTrigger18{top:-10px;} .homeTrigger19{top:290px;} .homeLine1{top:-2px;left:528px;} .homeLine2{top:515px;left:39px;} .homeLine3{top:613px;left:929px;} .homeLine4{top:0px;left:929px;} .homeLine5{top:-176px;left:-31px;} .homeLine6{top:-429px;left:386px;} .homeLine7{top:554px;left:1449px;} .homeLine8{top:-133px;left:636px;} .homeLine9{top:467px;left:159px;} /* .homeLine10{top:435px;left:959px;} */ .homeLine10{top:674px;left:956px;} .homeLine11{top:-1px;left:275px;} .homeWord1{top:2px;left:6px;} .homeWord2{top:-29px;left:-98px;} .homeWord3{top:-7.5px;left:-88px;} .homeWord4{top:-25.5px;left:137px;} .homeWord5{top:-10.5px;left:94px;} /* .homeWord6{top:-11px;left:182px;} */ .homeWord6{top:71px;left:191px;} .homeWord7{left:95px;top:22px;} .homeWord8{top:20px;left:20px;} /* Home Page CSS End -----------------------------------*/ /* Why WLIQ CSS Start -----------------------------------*/ .creative-production .section-content{margin-left:60px;} .creative-production .section-content h3{font-family:var(--avenirheavy);} .creative-production .section-content > h3{margin-top:30px;} .creative-production .section-content p{font-size:var(--font-h4);font-family:var(--avenirmedium);} .creative-production .section-content p:last-child{margin-top:0px;} .partnership-section h6{font-family:var(--avenirheavy);font-size:var(--body-font);} .partnership-section .text-decoration-line-through:before{background-color:var(--white);} .partnership-section .sec-title h2{margin-bottom:0px;} .partnership-section .section-content p{color:var(--lightgrey);} .partnership-section .reverseAnimation{position:absolute;top:60%;} .strengths-section .strengths-img{position:relative;bottom:-80px;padding-top:60px;} .strengths-section .strengths-img path{transform-origin:50% 50%;-webkit-transform-origin:50% 50%;} .hand1,.hand12{animation:UpDown1 linear 2s;animation-iteration-count:infinite;animation-delay:0.1s;} .hand2,.hand18{animation:UpDown2 linear 2s;animation-iteration-count:infinite;animation-delay:0.4s;} .hand3,.hand15{animation:UpDown3 linear 2s;animation-iteration-count:infinite;animation-delay:0.7s;} .hand4,.hand20{animation:UpDown4 linear 2s;animation-iteration-count:infinite;animation-delay:0.2s;} .hand5,.hand17{animation:UpDown5 linear 2s;animation-iteration-count:infinite;animation-delay:0.8s;} .hand6,.hand13{animation:UpDown6 linear 2s;animation-iteration-count:infinite;animation-delay:0.3s;} .hand7,.hand11{animation:UpDown7 linear 2s;animation-iteration-count:infinite;animation-delay:1s;} .hand8,.hand19{animation:UpDown8 linear 2s;animation-iteration-count:infinite;animation-delay:0.6s;} .hand9,.hand16{animation:UpDown9 linear 2s;animation-iteration-count:infinite;animation-delay:0.9s;} .hand10,.hand14{animation:UpDown10 linear 2s;animation-iteration-count:infinite;animation-delay:0.5s;} @keyframes UpDown1{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,15px);-webkit-transform:translate(0,15px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown1{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,15px);-webkit-transform:translate(0,15px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown2{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown2{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown3{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown3{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown4{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,10px);-webkit-transform:translate(0,10px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown4{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,10px);-webkit-transform:translate(0,10px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown5{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown5{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown6{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown6{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown7{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,10px);-webkit-transform:translate(0,10px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown7{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,10px);-webkit-transform:translate(0,10px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown8{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown8{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,20px);-webkit-transform:translate(0,20px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown9{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,15px);-webkit-transform:translate(0,15px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown9{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,15px);-webkit-transform:translate(0,15px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @keyframes UpDown10{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} @-webkit-keyframes UpDown10{0%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}50%{transform:translate(0,25px);-webkit-transform:translate(0,25px);}100%{transform:translate(0,0px);-webkit-transform:translate(0,0px);}} .whyWliqMain{position:absolute; /*top:-111px;right:66px;*/top: -68px; right: 66px;} .whyWliqTrigger1{top:-750px;} .whyWliqTrigger2{top:-150px;} .whyWliqLine1{top:-318px;right:8px;} .whyWliqWord1{top:-81px;left:79px;} /* Why WLIQ CSS End -----------------------------------*/ /* About Us CSS Start -----------------------------------*/ .about-banner .hero-text{max-width:600px;} .text-fill-animtion h2 span{letter-spacing:4px;display:inline-block;-webkit-text-stroke:1px var(--white);position:relative;color:transparent;text-transform:none;} .text-fill-animtion.animation h2 span:before,.text-fill-animtion.removeanimation h2 span::after{position:absolute;top:0px;left:0px;width:0px;bottom:-10px;z-index:1;white-space:pre;overflow:hidden;display:inline-block;content:attr(data-text);color:transparent;will-change:width;-webkit-text-fill-color:var(--white);-webkit-animation:grow 1s cubic-bezier(0.86,0,0.07,1) forwards;animation:grow 1s cubic-bezier(0.86,0,0.07,1) forwards;} .text-fill-animtion.removeanimation h2 span::after{-webkit-text-fill-color:var(--darkgray);} .text-fill-animtion h2 span:nth-child(2):before,.text-fill-animtion.removeanimation h2 span:nth-child(2):after{animation-delay:1s;} .text-fill-animtion h2 span:nth-child(3):before,.text-fill-animtion.removeanimation h2 span:nth-child(3):after{animation-delay:2s;} .text-fill-animtion h2 span:nth-child(4):before,.text-fill-animtion.removeanimation h2 span:nth-child(4):after{animation-delay:3s;} .text-fill-animtion h2 span:nth-child(5):before,.text-fill-animtion.removeanimation h2 span:nth-child(5):after{animation-delay:4s;} .text-fill-animtion h2 span:nth-child(6):before,.text-fill-animtion.removeanimation h2 span:nth-child(6):after{animation-delay:5s;} .text-fill-animtion h2 span:nth-child(7):before,.text-fill-animtion.removeanimation h2 span:nth-child(7):after{animation-delay:6s;} .text-fill-animtion h2 span:nth-child(8):before,.text-fill-animtion.removeanimation h2 span:nth-child(8):after{animation-delay:7s;} .text-fill-animtion h2 span:nth-child(9):before,.text-fill-animtion.removeanimation h2 span:nth-child(9):after{animation-delay:8s;} .text-fill-animtion h2 span:nth-child(10):before,.text-fill-animtion.removeanimation h2 span:nth-child(10):after{animation-delay:9s;} @keyframes grow{0%{width:0%;}100%{width:100%;}} .change-investment-section .text-fill-animtion.removeanimation h2 span::after{-webkit-text-fill-color:var(--secondary);} .aboutMain{position:absolute;top:-71px;right:211.5px;} .aboutTrigger1{top:103px;} .aboutTrigger2{top:-170px;} .aboutTrigger3{top:130px;} .aboutTrigger4{top:430px;} .aboutTrigger5{top:-280px;} .aboutTrigger6{top:70px;} .aboutTrigger7{top:370px;} .aboutTrigger8{top:-30px;} .aboutTrigger9{top:270px;} .aboutTrigger10{top:-170px;} .aboutTrigger11{top:80px;} .aboutTrigger12{top:380px;} .aboutTrigger13{top:-230px;} .aboutTrigger14{top:120px;} .aboutTrigger15{top:-445px;} .aboutTrigger16{top:105px;} .aboutTrigger17{top:405px;} .aboutTrigger18{top:105px;} .aboutLine1{top:542px;left:782px;} .aboutLine2{top:0px;left:822.5px;} .aboutLine3{top:685px;left:787px;} .aboutLine4{top:0px;left:50px;} .aboutLine5{top:635px;left:699px;} .aboutLine6{top:487px;left:144px;} .aboutLine7{top:0px;left:100px;} .aboutLine8{top:388.5px;left:579px;} .aboutLine9{top:0px;left:703px;} .aboutLine10{top:-196px;left:674px;} .aboutLine11{top:686px;left:157px;} .aboutWord1{top:-12px;left:23px;} .aboutWord2{top:-1px;left:54px;} .aboutWord3{top:-28px;left:-27.5px;} .aboutWord4{top:19px;left:9px;} .aboutWord5{top:13px;left:35px;} .aboutWord6{top:48px;left:193px;} .aboutWord7{top:29px;left:-144px;} /* About Us CSS End -----------------------------------*/ /* Team CSS Start -----------------------------------*/ .our-team-content .section-space:last-child{padding-bottom:0px;} .our-team-content .col-lg-4:nth-child(3n + 1):before{position:absolute;content:"";left:160px;right:160px;height:360px;margin-top:50px;background-repeat:no-repeat;background-size:cover;} .our-team-content .col-lg-4:nth-child(12n + 1):before{background-image:url(../images/team-bg1.jpg);} .our-team-content .col-lg-4:nth-child(12n + 4):before{background-image:url(../images/team-bg2.jpg);} .our-team-content .col-lg-4:nth-child(12n + 7):before{background-image:url(../images/team-bg3.jpg);} .our-team-content .col-lg-4:nth-child(12n + 10):before{background-image:url(../images/team-bg4.jpg);} .our-team-content .col-lg-4:before{transform:translateY(80px);opacity:0;transition:all 0.3s;} .our-team-content .col-lg-4.animationed:before{transform:translateY(0px);opacity:1;transition:all 0.3s;} .our-team-content .col-lg-4.animationed .team-img img{transform:translateY(0);transition:all 0.5s;} .our-team-content .col-lg-4.animationed .team-img img:first-child{transition:all 0.5s;transition-delay:1.5s;} .our-team-content .col-lg-4.animationed .team-details{transform:translateY(0px);opacity:1;transition:all 0.3s;transition-delay:0.5s;} .team-member{margin-top:50px;padding-top:40px;} .team-member .team-details{margin-top:20px;text-align:center;transform:translateY(80px);opacity:0;transition:all 0.3s;} .team-member .team-details h5{font-family:var(--avenirheavy);} .team-member .team-details p{font-size:18px;margin-top:10px;font-family:var(--avenirmedium);} .team-member .team-img{position:relative;padding-top:320px;overflow:hidden;} .team-member .team-img img{position:absolute;height:auto;max-height:320px;top:0px;left:0px;right:0px;margin:0 auto;width:auto;transform:translateY(320px);transition:all 0.5s;} .team-member .team-img img:first-child{transition:all 0.5s !important;} .team-member .team-img.animation img{transform:translateY(0);transition:all 0.5s;} .team-member .team-img.animation img:first-child{transition:all 0.5s;} .team-member .team-img img.bk-img,.team-member .team-img:hover img.fr-img{opacity:0;visibility:hidden;} .team-member .team-img img.fr-img,.team-member .team-img:hover img.bk-img{opacity:1;visibility:visible;} .teamMain{position:absolute;top:-35px;right:160px;} /* Team CSS End -----------------------------------*/ /* AMI CSS Start -----------------------------------*/ .wholesale-section{padding-top:calc(var(--sectionSpace) + 40px);} .wholesale-section h5{margin-bottom:10px;font-family:var(--avenirmedium);} .wholesale-section .section-content p{margin-top:0px;} .change-investment-section .adwords-section{padding-top:calc(var(--sectionSpace));padding-bottom:0px;} .change-investment-section .adwords-section .sec-title{padding-bottom:25px;} .change-investment-section .adwords-section .adwords-box + .adwords-box{margin-top:25px;border-color:var(--lightgrey10);} .change-investment-section .adwords-section .adwords-box-wapper{padding-top:25px;align-items:center;position:relative;} .change-investment-section .adwords-section .adwords-box img{max-width:50px;} .change-investment-section .adwords-section h4{margin-bottom:0px;} .change-investment-section .adwords-box-content{padding-left:30px;position:absolute;left:50px;} .need-more-section .section-content p{margin-top:0px;} .amiMain{position:absolute;top:-150px;right:115px;} .amiTrigger1{top:-100px;} .amiTrigger2{top:-390px;} .amiTrigger3{top:-340px;} .amiTrigger4{top:210px;} .amiTrigger5{top:510px;} .amiTrigger6{top:960px;} .amiTrigger7{top:1260px;} .amiTrigger8{top:1710px;} .amiTrigger9{top:2010px;} .amiTrigger10{top:2510px;} .amiLine1{top:211px;left:1613px;} .amiLine2{top:0px;left:1564px;} .amiLine3{top:-140px;left:195px;} .amiLine4{top:-358px;left:674px;} .amiLine5{top:-275px;left:41px;} .amiLine6{top:-250px;left:697px;} .amiWord1{top:-26px;left:27px;} .amiWord2{top:-9px;left:-3px;} .amiWord3{top:-2px;left:100px;} .amiWord4{top:28px;left:67px;} /* AMI CSS End -----------------------------------*/ /* Join Our Team CSS Start -----------------------------------*/ .value-section{padding-top:calc(var(--sectionSpace) + 50px);padding-bottom:calc(var(--sectionSpace) + 50px);overflow:hidden;max-height:1080px;} .value-section .sec-title{position:absolute;top:calc(var(--sectionSpace) + 50px);left:0px;right:0px;} .value-section .section-content p{margin-top:var(--small);font-size:var(--font-h4);font-family:var(--avenirmedium);} .value-section .section-content h3,.value-section .section-content p{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .value-section .values-slider{margin-bottom:0px;} .value-section .slick-current .section-content h3,.value-section .slick-current .section-content p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .value-section .slick-current .section-content h3{transition-delay:0.4s;} .value-section .slick-current .section-content p{transition-delay:0.6s;} .value-section .fairSvg{margin-right:calc(var(--sectionSpace) - 40px);} .value-section .genuineSvg{margin-right:calc(var(--sectionSpace) - 20px);} .value-section .gratefulSvg{margin-right:calc(var(--sectionSpace) + 30px);} .value-section .teamSvg{margin-right:calc(var(--sectionSpace) - 10px);} .value-section .slick-slide .valuesSvg{stroke-dasharray:var(--pathlangth),var(--pathlangth);stroke-dashoffset:var(--pathlangth);} .value-section .slick-current .valuesSvg{animation:drawline 1.5s linear forwards;animation-delay:0.5s;} .value-section .slick-dots{position:absolute;left:0px;right:0px;bottom:-185px;margin:0px auto;display:flex;align-items:center;justify-content:space-between;} .value-section .slick-dots li{width:auto;height:auto;margin:0px;} .value-section .slick-dots li span{position:relative;overflow:hidden;width:200px;color:var(--lightgrey);cursor:pointer;display:flex;justify-content:center;padding:0px 0px var(--base);height:auto;} .value-section .slick-dots li.slick-active span{color:var(--primary);font-family:var(--avenirheavy);} .value-section .slick-dots li span::after{position:absolute;content:"";left:0px;right:0px;bottom:0px;height:2px;background-color:var(--lightgrey10);} .value-section .slick-dots li.slick-active span::before{display:block;position:absolute;content:"";bottom:0px;left:0px;right:auto;width:200px;height:2px;background-color:var(--primary);-webkit-animation:linear;-webkit-animation-name:runLine;-webkit-animation-duration:3.1s;} @keyframes runLine{0%{left:-200px;}100%{left:0px;}} @-webkit-keyframes runLine{0%{left:-50px;}100%{left:0px;}} .gallery-section{padding:calc(var(--sectionSpace) * 1.5) 0px;overflow:hidden;} .gallery-slider{padding-bottom:calc(var(--sectionSpace) / 2);margin:0px -15px;} .gallery-slider .imgGallery{position:relative;overflow:hidden;transform:translateZ(0) scale(1,1);backface-visibility:hidden;} .gallery-slider .imgGallery:before{display:block;content:" ";width:100%;padding-top:78.604%;} .gallery-slider .imgGallery img{position:absolute;left:0px;top:0px;bottom:0px;right:0px;margin:auto;max-width:100%;max-height:100%;object-fit:cover;width:100%;height:100%;} .gallery-slider .slick-slide{margin:0px var(--medium);} .job-position{max-height:600px;overflow-x:hidden;overflow-y:auto;padding-right:10px;margin-right:-10px;} .job-position::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:transparent;} .job-position::-webkit-scrollbar{background-color:transparent;} .job-position::-webkit-scrollbar-thumb{background-color:transparent;} .job-position:hover::-webkit-scrollbar-track{background-color:var(--offwhite);} .job-position:hover::-webkit-scrollbar{background-color:var(--offwhite);} .job-position:hover::-webkit-scrollbar-thumb{background-color:var(--lightgrey);} .job-position{scrollbar-color:transparent transparent;scrollbar-width:thin;} .job-position:hover{scrollbar-color:var(--lightgrey) var(--offwhite);scrollbar-width:thin;} .job-position .job-title{position:relative;display:flex;align-items:center;padding-top:var(--xlarge);padding-bottom:var(--xlarge);padding-right:var(--xlarge);cursor:pointer;user-select:none;border-top:2px solid var(--secondary10);} .job-position .job-title h5{flex:1 0 auto;font-family:var(--avenirheavy);max-width:580px;} .job-position .job-title[aria-expanded="true"] h5{color:var(--primary);} .job-position .job-title span.tag{font-size:16px;background-color:var(--secondary10);padding:7px 15px 5px;border-radius:100px;margin-right:calc(var(--sectionSpace) - 20px);margin-left:var(--sectionSpace);position:absolute;right:0px;} .job-position .job-title::before{position:absolute;content:"";width:30px;height:30px;right:0px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,0A15,15,0,1,0,30,15,15.017,15.017,0,0,0,15,0Zm0,27.676A12.676,12.676,0,1,1,27.676,15,12.69,12.69,0,0,1,15,27.676Z' fill='%23333'/%3E%3Cg transform='translate(8.029 13.734)'%3E%3Cpath d='M149.8,234.386H138.184a1.162,1.162,0,1,0,0,2.324H149.8a1.162,1.162,0,1,0,0-2.324Z' transform='translate(-137.022 -234.386)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");} .job-position .job-title.collapsed::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,0A15,15,0,1,0,30,15,15.016,15.016,0,0,0,15,0Zm0,27.676A12.676,12.676,0,1,1,27.676,15,12.691,12.691,0,0,1,15,27.676Z' fill='%23333'/%3E%3Cg transform='translate(8.029 7.924)'%3E%3Cpath d='M149.8,141.047h-4.648V136.4a1.162,1.162,0,0,0-2.324,0v4.648h-4.648a1.162,1.162,0,1,0,0,2.324h4.648v4.648a1.162,1.162,0,0,0,2.324,0v-4.648H149.8a1.162,1.162,0,0,0,0-2.324Z' transform='translate(-137.022 -135.238)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");} .job-position .job-box:first-child .job-title{padding-top:5px;border-top:none;} .job-position .job-content{padding-bottom:var(--xlarge);} .job-position .job-content .btn-link{display:inline-flex;} .joinTeamMain{position:absolute;top:-152.5px;right:280px;} .joinTeamTrigger1{top:-700px;} .joinTeamTrigger2{top:50px;} .joinTeamTrigger3{top:350px;} .joinTeamTrigger4{top:-350px;} .joinTeamTrigger5{top:250px;} .joinTeamTrigger6{top:550px;} .joinTeamTrigger7{top:-200px;} .joinTeamTrigger8{top:300px;} .joinTeamLine1{top:-194px;left:220.5px;} .joinTeamLine2{top:410px;left:714px;} .joinTeamLine3{top:0px;left:745px;} .joinTeamLine4{top:692px;left:1482px;} .joinTeamLine5{top:0px;left:51px;} .joinTeamWord1{top:3px;left:29px;} .joinTeamWord2{top:0px;left:-49px;} .joinTeamWord3{top:1px;left:74px;} /* Join Our Team CSS End -----------------------------------*/ /* Contact Us CSS Start -----------------------------------*/ .contact-banner{align-items:flex-end !important;padding-bottom:var(--sectionSpace) !important;} .contact-form-details{max-width:650px;} .contact-form-details .sec-title{color:var(--midgrey);} .contact-info label{font-size:18px;color:var(--midgrey);font-family:var(--avenirmedium);} .contact-info a{font-size:var(--font-h5);color:var(--secondary);font-family:var(--avenirheavy);} .contact-info a:hover{color:var(--primary);} .contact-right{position:relative;display:flex;flex-direction:column;} .contact-info-email{position:relative;top:37px;left:89px;} .contact-info-tel{position:relative;top:-25px;left:27px;} .contact-info-address{position:relative;top:-65px;left:112px;} .contactMain{position:absolute;right:58px;top:29px;} .contactTrigger1{top:-200px;} .contactTrigger2{top:200px;} .contactTrigger3{top:350px;} .contactTrigger4{top:700px;} .contactTrigger5{top:850px;} .contactTrigger6{top:1050px;} .contactLine1{position:relative !important;top:148px;left:71px;} .contactLine2{position:relative !important;top:-15px;left:268px;} .contactLine3{position:relative !important;top:-64px;left:155px;} /* Contact Us CSS End -----------------------------------*/ /* Blog CSS Start -----------------------------------*/ .faq-banner,.blog-banner{align-items:flex-end !important;text-align:center;} .faq-banner .row,.blog-banner .row{justify-content:center;} .faq-banner .pageTitle span,.blog-banner .pageTitle span{text-transform:none;} .blog-list{position:relative;padding-bottom:calc(var(--sectionSpace) - 30px);} .blog-list .search-filter{position:relative;top:-70px;} .filters-results{text-transform:capitalize;} .filters-results ul{display:flex;align-items:center;margin-left:0px;flex-flow:wrap;gap:10px;margin-bottom:60px;} .filters-results ul li{list-style-type:none;font-size:16px;color:var(--midgrey);font-family:var(--avenirmedium);} .filters-results ul li .reset_results{background:no-repeat;font-size:16px;color:var(--midgrey);text-transform:capitalize;margin:0px;padding:0px;border:0px;border-bottom:2px solid var(--primary);} .filters-results ul li .filters-remove{padding:7px 20px;background-color:var(--offwhite);display:inline-flex;} .search-filter{position:relative;z-index:3;} .search-bar{display:flex;} .search-bar .search-wrap{display:flex;align-items:center;justify-content:space-between;padding:0px 30px;min-height:70px;width:100%;} .search-bar .search-box{flex:1;} .search-bar input{border:none;min-height:70px;margin-left:20px;color:var(--white);width:calc(100% - 100px);background-color:transparent;font-family:var(--avenirmedium);} .search-bar input:autofill,.search-bar input:-webkit-autofill{-webkit-box-shadow:0 0 0 36px var(--darkgray) inset !important;-webkit-text-fill-color:var(--white) !important;} .key-tags .button-group{margin:0;cursor:pointer;padding:21px 30px;position:relative;display:inline-block;text-transform:capitalize;color:var(--lightgrey);font-family:var(--avenirmedium);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .key-tags .button-group:hover,.key-tags .button-group.active{color:var(--primary);} .key-tags .button-group:after{position:absolute;content:"";left:0px;right:0px;bottom:0px;border-bottom:4px solid transparent;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;} .key-tags .button-group:hover:after,.key-tags .button-group.active:after{border-color:var(--primary);-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;} .tagsSlideToggle{position:absolute;left:0px;right:0px;z-index:1;width:100%;display:none;padding:50px 80px;background-color:var(--darkgray);border-top:2px solid var(--midgrey);} .tagsSlideToggle .tgs{font-size:18px;margin-bottom:20px;color:var(--white);font-family:var(--avenirmedium);} .tagsSlideToggle ul.pusTags{font-size:16px;column-count:4;-webkit-column-count:4;list-style:none;line-height:2;column-gap:100px;} .tagsSlideToggle ul.pusTags li a{color:var(--lightgrey);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .tagsSlideToggle ul.pusTags li a:hover,.tagsSlideToggle ul.pusTags li a.active{color:var(--primary);} .blog-listing-grid{margin-top:30px;} .blog-listing-grid .col-xl-4{margin-bottom:var(--xlarge);} .blog-listing-grid .element-item{height:100%;} .blog-listing-grid .blog-content-img{width:100%;display:flex;overflow:hidden;position:relative;border: 1px solid #e0e0e0;} .blog-listing-grid .blog-content-img img{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out; } .blog-listing-grid .blog-content_info{padding:25px;} .blog-listing-grid .blog-content_info p{font-size:16px;color:var(--midgrey);overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;box-orient:vertical;-webkit-box-orient:vertical;} .blog-listing-grid .design h5{margin-top:var(--base);margin-bottom:var(--base);font-family:var(--avenirheavy);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .blog-listing-grid .design h5 em{font-style:normal;} .blog-listing-grid .design .infos{gap:10px;display:flex;flex-wrap:wrap;position:absolute;left:10px;top:10px;z-index:2;pointer-events:none;} .blog-listing-grid .design .infos .info{font-size:12px;color:var(--midgrey);padding:5px 12px;font-family:var(--avenirmedium);background-color:var(--white);box-shadow:0px 3px 6px var(--secondary20);-webkit-box-shadow:0px 3px 6px var(--secondary20);opacity:0;transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transition:0.4s all cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transition:0.4s all cubic-bezier(0.175,0.885,0.32,1.275);-ms-transition:0.4s all cubic-bezier(0.175,0.885,0.32,1.275);} .blog-listing-grid .design:hover .infos .info{opacity:1;transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);} .blog-listing-grid .design:hover .infos .info:nth-child(1){transition-delay:0.08s;-webkit-transition-delay:0.08s;} .blog-listing-grid .design:hover .infos .info:nth-child(2){transition-delay:0.16s;-webkit-transition-delay:0.16s;} .blog-listing-grid .design:hover .infos .info:nth-child(3){transition-delay:0.24s;-webkit-transition-delay:0.24s;} .blog-listing-grid .design:hover .infos .info:nth-child(4){transition-delay:0.32s;-webkit-transition-delay:0.32s;} .blog-listing-grid .design:hover .infos .info:nth-child(5){transition-delay:0.4s;-webkit-transition-delay:0.4s;} .blog-listing-grid .design .date{gap:10px;opacity:0.5;display:flex;font-size:14px;align-items:center;font-family:var(--avenirmedium);color:var(--midgrey);} .blog-listing-grid .design .date svg{max-height:16px;} .blog-listing-grid .design h5:hover,.blog-listing-grid .design:hover h5{color:var(--primary);} .blog-listing-grid .design:hover .blog-content-img img{transform:scale(1.1);-webkit-transform:scale(1.1);} .blog_post_result{margin-top:5em;text-align:center;} /* Blog CSS End -----------------------------------*/ /* FAQs CSS Start -----------------------------------*/ .faq-section .faq-box a{color:var(--primary);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .faq-section .faq-box a:hover{color:var(--secondary);} .faq-list{margin-top:-70px;} .faq-list .search-box{border-right:2px solid var(--midgrey);} .faq-list .search-wrap{padding-right:0px !important;} .faq-list .select-dropdown{position:relative;display:inline-block;max-width:100%;width:325px;} .faq-list .select-dropdown:before{position:absolute;content:"";top:50%;left:auto;right:30px;width:15px;height:10px;background-size:contain;background-repeat:no-repeat;background-image:url(/wp-content/uploads/2023/01/arrow.svg);transform:translateY(-50%);transition:0.4s ease all;pointer-events:none;} .faq-list .select-dropdown.active:before{transform:rotate(180deg) translate(0px,50%);} .faq-list .select-dropdown .select-dropdown__button{color:var(--lightgrey);font-size:16px;border:none;width:100%;text-align:left;min-height:70px;padding:10px 30px;border-radius:3px;background-color:transparent;text-transform:capitalize;} .faq-list .select-dropdown .select-dropdown__list{position:absolute;left:0px;right:0px;margin:0px;padding:0px;opacity:0;display:block;overflow:auto;max-height:330px;list-style-type:none;transform-origin:top left;transform:scale(1,0);transition:all ease-in-out 0.3s;z-index:2;background-color:var(--white);} .faq-list .select-dropdown.active .select-dropdown__list{opacity:1;pointer-events:auto;transform:scale(1,1);} .faq-list .select-dropdown .select-dropdown__list-item{display:block;list-style-type:none;padding:12px 30px;background-color:var(--offwhite);font-size:14px;line-height:1.4;cursor:pointer;color:var(--midgrey);transition:all ease-in-out 0.3s;font-size:16px;font-family:var(--avenirmedium);} .faq-list .select-dropdown .select-dropdown__list-item.active,.faq-list .select-dropdown .select-dropdown__list-item:hover{color:var(--secondary);background-color:var(--secondary10);} .faq-section.main-faq-page .faq-wrapper{margin-top:0px;} /* FAQs CSS End -----------------------------------*/ /* Resources CSS Start -----------------------------------*/ .resource-banner{padding-bottom:60px;} .resource-filter{display:flex;align-items:center;margin-top:60px;} .resource-filter h3{font-family:var(--avenirheavy);} .resource-filter select{margin-left:20px;margin-right:20px;padding:6px 70px 14px 25px;font-size:var(--font-h3);font-family:var(--avenirheavy);appearance:none;-webkit-appearance:none;border:2px solid var(--lightgrey);text-transform:lowercase;min-height:80px;} .resource-filter select option{font-size:var(--font-h4);padding:0px 25px;} .resource-filter .autoWidth,.resource-filter .autoWidth2{position:relative;} .resource-filter .autoWidth:before,.resource-filter .autoWidth2:before{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.637' height='12' viewBox='0 0 18.637 12'%3E%3Cg id='layer1' transform='translate(-1.319 -292.63)'%3E%3Cpath id='path9511' d='M2.612,292.65a1.329,1.329,0,0,0-.96,2.208l7.963,9.306a1.328,1.328,0,0,0,2.021,0l7.97-9.306a1.329,1.329,0,1,0-2.019-1.725l-6.964,8.128-6.961-8.128a1.329,1.329,0,0,0-1.051-.482Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E");right:46px;top:2px;bottom:0px;display:flex;align-items:center;justify-content:center;pointer-events:none;} .resource-filter .autoWidth select{min-width:320px;} .resource-filter .autoWidth2 select{min-width:220px;} .resource-title{display:flex;align-items:center;justify-content:space-between;margin-top:var(--xlarge);margin-bottom:var(--xlarge);} .resourceLists{padding-bottom:calc(var(--sectionSpace) + 20px);} .resourceLists h3{text-transform:uppercase;padding-bottom:10px;padding-top:calc(var(--sectionSpace) - 30px);border-bottom:2px solid var(--secondary10);} .resourceLists h4{font-family:var(--avenirheavy);} .resourceLists h4 span{color:var(--midgrey);font-size:var(--font-h5);font-family:var(--avenirmedium);} .resourceLists .no_content{margin-top:30px;} .resourceLists .btn-link{font-size:var(--base);} .resourceBox{color:var(--secondary);position:relative;display:flex;align-items:center;min-height:100px;margin-bottom:var(--xlarge);padding:20px 30px;background-color:var(--offwhite);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .bg-offwhite .resourceBox{background-color:var(--white);} .resourceBox span{font-size:18px;font-family:var(--avenirmedium);margin-left:var(--base);} .resourceBox span strong{font-weight:var(--fontnormal);} .resourceBox:hover{color:var(--primary);} .resourceBox svg{min-width:30px;} /* Resources CSS End -----------------------------------*/ /* Technologies CSS Start -----------------------------------*/ .tech-main-page .section-content .btn-link{display:inline-flex;} .technologiesMain{position:absolute;top:-70px;right:15px;} .technologiesTrigger1{top:-700px;} .technologiesTrigger2{top:100px;} .technologiesTrigger3{top:-450px;} .technologiesTrigger4{top:100px;} .technologiesTrigger5{top:-500px;} .technologiesTrigger6{top:50px;} .technologiesTrigger7{top:350px;} .technologiesTrigger8{top:-350px;} .technologiesTrigger9{top:-50px;} .technologiesTrigger10{top:250px;} .technologiesTrigger11{top:-380px;} .technologiesTrigger12{top:70px;} .technologiesTrigger13{top:-480px;} .technologiesTrigger14{top:70px;} .technologiesLine1{top:-298px;left:335px;} .technologiesLine2{top:-227px;left:762px;} .technologiesLine3{top:-474px;left:211px;} .technologiesLine4{top:642px;left:716px;} .technologiesLine5{top:0px;left:687px;} .technologiesLine6{top:628px;left:1333px;} .technologiesLine7{top:0px;left:-16px;} .technologiesLine8{top:-217px;left:659px;} .technologiesWord1{top:-1.5px;left:175px;} .technologiesWord2{top:-2px;left:-32px;} .technologiesWord3{top:-1px;left:185px;} .technologiesWord4{top:-0.5px;left:6px;} .technologiesWord5{top:1px;left:89px;} .technologiesWord6{top:1px;left:-63px;} /* Technologies CSS End -----------------------------------*/ /* Technology Design CSS Start -----------------------------------*/ .whywl-section{background-size:contain;background-position-x:calc(50% + 30px);} .whywl-section{background-color:var(--secondary50);} .whywl-section:before{position:absolute;content:"";top:0px;left:0px;width:100%;height:100%;background-color:var(--secondary);background:linear-gradient(90deg,var(--secondary90) 0%,var(--secondary70) 30%,var(--secondary0) 80%);} .whywl-section:after{position:absolute;content:"";top:0px;left:0px;width:100%;height:100%;background-color:var(--secondary);background:linear-gradient(270deg,var(--secondary90) 0%,var(--secondary70) 30%,var(--secondary0) 80%);} .whywl-img-text{position:absolute;top:50%;left:-190px;margin-top:-32px;text-transform:uppercase;-webkit-transform:rotate(-90deg) translateY(-50%);transform:rotate(-90deg) translateY(-50%);} .whywl-img-text h3{font-size:49px;color:var(--white);} .whywl-text{max-width:405px;color:var(--white);} .technologies-section p{margin-top:0px;} .technologies-section .btn-link{display:inline-flex;} .technologies-iconwrap{position:relative;z-index:2;gap:30px;display:flex;align-items:center;margin-top:var(--xlarge);} .uiux-section .technologies-iconwrap .technologies-icon-left{margin-top:-170px;} .uiux-section .technologies-iconwrap .technologies-icon-right{margin-top:65px;} .technologies-iconwrap .technologies-icon-box{width:250px;height:250px;display:flex;cursor:pointer;align-items:center;justify-content:center;margin-top:var(--xlarge);background-color:var(--white05);} .technologies-iconwrap .technologies-icon-box img{-webkit-transition:transform 0.4s;transition:transform 0.4s;} .technologies-iconwrap .technologies-icon-box:hover img{-webkit-transform:scale(1.08);transform:scale(1.08);} .technologies-icon-plus{position:relative;display:inline-block;} .technologies-icon-plus a{z-index:1;position:relative;} .technologies-icon-plus .technologiesPlus__button{border:0;z-index:2;width:50px;height:50px;display:flex;position:relative;align-items:center;justify-content:center;background-color:var(--primary);} .technologies-icon-plus .technologiesPlus__button:before,.technologies-icon-plus .technologiesPlus__button:after{content:"";width:24px;height:3px;background-color:var(--white);-webkit-transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);} .technologies-icon-plus .technologiesPlus__button:after{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);} .technologies-icon-plus:hover .technologiesPlus__button:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .technologies-icon-plus:hover .technologiesPlus__button:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);} .technologies-icon-plus .plusdetails{min-width:475px;padding:50px;font-size:18px;position:absolute;pointer-events:none;background-color:var(--white);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);-webkit-transform-origin:top left;transform-origin:top left;z-index:1;} .technologies-section .section-left .technologies-icon-plus .plusdetails{top:25px;left:25px;} .technologies-icon-plus:hover .plusdetails{opacity:1;pointer-events:auto;-webkit-animation:expand-bounce 0.4s;animation:expand-bounce 0.4s;-webkit-transform:scale(1);transform:scale(1);} @keyframes expand-bounce{0%{transform:scale(0);}50%{transform:scale(1.25);}to{transform:scale(1);}} @-webkit-keyframes expand-bounce{0%{transform:scale(0);}50%{transform:scale(1.25);}to{transform:scale(1);}} .technologies-icon-plus .plusdetails h5{color:var(--secondary);font-family:var(--avenirmedium);margin-bottom:20px;} .technologies-icon-plus .plusdetails p{color:var(--midgrey);} .technologies-section .section-right{text-align:right;} .technologies-section .section-right .section-content{display:flex;flex-direction:column;align-items:flex-end;} .technologies-section .section-right .technologies-iconwrap{justify-content:flex-end;} .technologies-section .section-right .technologies-iconwrap .technologies-icon-left{margin-top:55px;} .technologies-section .section-right .technologies-iconwrap .technologies-icon-right{text-align:left;margin-top:-30px;} .technologies-section .section-right .technologies-icon-plus{margin-top:30px;} .technologies-section .section-right .technologies-icon-plus .plusdetails{right:25px;bottom:25px;text-align:left;transform-origin:bottom right;} .imageretouching-section .technologies-iconwrap{align-items:flex-end;} .imageretouching-section .technologies-iconwrap .technologies-icon-left{margin-top:-25px;} .imageretouching-section .technologies-icon-plus .plusdetails{left:25px;bottom:25px;transform-origin:bottom left;} .techDesignMain{position:absolute;top:-84px;right:121.5px;} .techDesignTrigger1{top:-70px;} .techDesignTrigger2{top:-190px;} .techDesignTrigger3{top:110px;} .techDesignTrigger4{top:410px;} .techDesignTrigger5{top:-330px;} .techDesignTrigger6{top:-30px;} .techDesignTrigger7{top:470px;} .techDesignTrigger8{top:-190px;} .techDesignTrigger9{top:260px;} .techDesignTrigger10{top:560px;} .techDesignTrigger11{top:120px;} .techDesignLine1{top:121px;left:824px;} .techDesignLine2{top:0px;left:589px;} .techDesignLine3{top:806px;left:152px;} .techDesignLine4{top:-1px;left:493.5px;} .techDesignLine5{top:266px;left:897.5px;} .techDesignLine6{top:579px;left:1189px;} .techDesignLine7{top:-251px;left:1081.5px;} .techDesignLine8{top:392px;left:204px;} .techDesignWord1{top:0px;left:26px;} .techDesignWord2{top:97px;left:248px;} .techDesignWord3{top:-58px;left:43px;} /* Technology Design CSS End -----------------------------------*/ /* Ecommerce CSS Start -----------------------------------*/ .ecommerceConcept-section{background-size:contain;color:var(--white);background-position-x:calc(50% + 15px);} .ecommerceConcept-section .ecommerceConcept-text span{font-family:var(--avenirheavy);} .ecommerceConcept-section .ecommerceConcept-text h4{color:var(--white);margin-top:30px;margin-bottom:20px;} .ecommerceConcept-section .ecommerceConcept-text h5{color:var(--white);margin-bottom:0px;} .ecommerceConcept-section .ecommerceConcept-text ul{padding-left:22px;line-height:1.87em;} .ecommerceConcept-section{background-color:var(--secondary50);} .ecommerceConcept-section:before{position:absolute;content:"";top:0px;left:0px;width:100%;height:100%;background-color:var(--secondary);background:linear-gradient(90deg,var(--secondary90) 0%,var(--secondary70) 30%,var(--secondary0) 80%);} .ecommerceConcept-section:after{position:absolute;content:"";top:0px;left:0px;width:100%;height:100%;background-color:var(--secondary);background:linear-gradient(270deg,var(--secondary90) 0%,var(--secondary70) 30%,var(--secondary0) 80%);} .ecommerceConcept-img-text{position:absolute;top:50%;left:-220px;margin-top:-32px;text-transform:uppercase;-webkit-transform:rotate(-90deg) translateY(-50%);transform:rotate(-90deg) translateY(-50%);} .ecommerceConcept-img-text h2{color:var(--white);} .ecommerceConcept-text{position:relative;z-index:2;} .customers-section .section-content{text-align:right;} .ecommerceMain{position:absolute;top:-179.5px;right:223px;} .ecommerceTrigger1{top:0px;} .ecommerceTrigger2{top:-210px;} .ecommerceTrigger3{top:240px;} .ecommerceTrigger4{top:-330px;} .ecommerceTrigger5{top:170px;} .ecommerceTrigger6{top:-430px;} .ecommerceTrigger7{top:70px;} .ecommerceTrigger8{top:-480px;} .ecommerceTrigger9{top:120px;} .ecommerceTrigger10{top:-430px;} .ecommerceTrigger11{top:120px;} .ecommerceTrigger12{top:0px;} .ecommerceTrigger13{top:420px;} .ecommerceTrigger14{top:870px;} .ecommerceTrigger15{top:0px;} .ecommerceLine1{top:355px;left:1234px;} .ecommerceLine2{top:0px;left:990px;} .ecommerceLine3{top:450.5px;left:1167px;} .ecommerceLine4{top:-1px;left:75px;} .ecommerceLine5{top:-267px;left:777px;} .ecommerceLine6{top:-302px;left:41px;} .ecommerceLine7{top:-265px;left:759px;} .ecommerceWord1{top:2px;left:70px;} .ecommerceWord2{top:-26px;left:-51px;} .ecommerceWord3{top:-34px;left:82px;} .ecommerceWord4{top:-63px;left:49px;} /* Ecommerce CSS End -----------------------------------*/ /* Mobile Apps CSS Start -----------------------------------*/ .vertical-text-fill-animtion{margin-left:0px;} .vertical-text-fill-animtion h2{font-size:65px;display:flex;flex-flow:column;align-items:center;gap:40px;line-height:1;margin:0;} .vertical-text-fill-animtion span{cursor:pointer;-webkit-text-stroke-color:var(--white);-webkit-text-stroke-width:0.02em;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-repeat:no-repeat;background-image:-webkit-gradient(linear,left top,left bottom,from(var(--white)),color-stop(50%,var(--white)),color-stop(50.1%,transparent));background-image:linear-gradient(180deg,var(--white) 0%,var(--white) 50%,transparent 50.1%);background-position:100% 0%;background-size:100% 0%;animation:name-of-animation 4s infinite;animation-delay:1s;} .vertical-text-fill-animtion span:nth-child(2){animation-delay:2s;} .vertical-text-fill-animtion span:nth-child(3){animation-delay:3s;} .vertical-text-fill-animtion span:nth-child(4){animation-delay:4s;} @keyframes name-of-animation{0%{background-size:100% 0%;}100%{background-position:100% -100%;background-size:100% 200%;}} @-webkit-keyframes name-of-animation{0%{background-size:100% 0%;}100%{background-position:100% -100%;background-size:100% 200%;}} .ad-hoc-agencies-section ul{margin-left:50px;color:var(--lightgrey);} .ad-hoc-agencies-section ul li + li{margin-top:20px;} .ad-hoc-agencies-section h3{font-family:var(--avenirbook);padding-top:calc(var(--sectionSpace) * 1 + 10px);} .ad-hoc-agencies-section .sec-title h3{padding-top:0px;} .ad-hoc-agencies-section .section-content p{color:var(--white);font-size:var(--font-h4);font-family:var(--avenirmedium);} .mobileAppsMain{position:absolute;top:-140px;right:240px;} .mobileAppsTrigger1{top:-200px;} .mobileAppsTrigger2{top:300px;} .mobileAppsTrigger3{top:700px;} .mobileAppsTrigger4{top:0px;} /* Mobile Apps CSS End -----------------------------------*/ /* Paid Media CSS Start ---------------------------------------*/ .media-marketing-section{padding-top:calc(var(--sectionSpace) + 50px);} .section-content{position:relative;z-index:1;} .media-marketing-section .section-content{position:sticky;top:0px;padding-top:calc(var(--sectionSpace));} .media-marketing-section .section-content h5{position:relative;font-family:var(--avenirheavy);margin-top:5px;padding-left:25px;} .media-marketing-section .section-content h5:before{position:absolute;content:"";left:0px;top:10px;width:10px;height:10px;border:2px solid var(--secondary);border-radius:999px;} .media-marketing-box{padding-top:calc(var(--sectionSpace));} .media-marketing-box .wordClass{margin-bottom:calc(var(--sectionSpace) / 2);} .media-marketing-section .media-marketing-box + .media-marketing-box{border-top:2px solid var(--secondary10);margin-top:calc(var(--sectionSpace) / 3 - 3.333px);} .media-marketing-section.bg-black .media-marketing-box + .media-marketing-box,.media-marketing-section.bg-darkgray .media-marketing-box + .media-marketing-box{border-color:var(--lightgrey10);} .presentation-matters-section .section-content{color:var(--lightgrey);} .adwords-section .section-content{margin-bottom:var(--xlarge);} .adwords-section h4{position:relative;font-family:var(--avenirmedium);margin-bottom:15px;} .adwords-section .adwords-box + .adwords-box{border-top:2px solid var(--secondary10);margin-top:var(--xlarge);} .adwords-section .adwords-box-wapper{padding-top:var(--xlarge);display:flex;align-items:self-start;} .adwords-section .adwords-box-wapper span{display:flex;align-items:center;justify-content:center;height:100px;width:100px;min-height:100px;min-width:100px;background-color:var(--offwhite);} .adwords-section .adwords-box-wapper img{max-width:60px;max-height:60px;} .adwords-section .adwords-box-wapper .adwords-box-content{padding-left:40px;} .paid-media-service-section .section-content p{font-size:var(--font-h4);font-family:var(--avenirmedium);} .paid-media-service-section .section-content p a{color:var(--secondary);font-family:var(--avenirblack);text-transform:uppercase;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .paid-media-service-section .section-content p a:hover{color:var(--primary);} .paid-media-service-section.bg-black .section-content p a:not(:hover),.paid-media-service-section.bg-darkgray .section-content p a:not(:hover){color:var(--white);} .paidMediaMain{position:absolute;top:-137px;right:54px;} .paidMediaTrigger1{top:-600px;} .paidMediaTrigger2{top:200px;} .paidMediaTrigger3{top:-200px;} .paidMediaTrigger4{top:300px;} .paidMediaTrigger5{top:800px;} .paidMediaTrigger6{top:0px;} .paidMediaTrigger7{top:0px;} .paidMediaLine1{top:-398px;left:20px;} .paidMediaWord1{top:0px;left:0px;} /* Paid Media CSS End ---------------------------------------*/ /* CMS CSS Start ---------------------------------------*/ .cmsMain{top:-190px;right:100px;position:absolute;} .cmsTrigger1{top:-180px;} .cmsTrigger2{top:350px;} .cmsTrigger3{top:900px;} .cmsTrigger4{top:0px;} /* CMS CSS End ---------------------------------------*/ /* CMS Custom Development CSS Start ---------------------------------------*/ .laravelMain{position:absolute;top:0px;right:160px;} .custom-develpment-about .section-content{margin-top:var(--base);} .laravel-development .section-content p,.custom-develpment-about .section-content p,.custom-develpment-agency .section-content p{font-size:var(--font-h5);} .laravel-development .section-content p,.custom-develpment-about .section-content p{font-family:var(--avenirmedium);} .custom-develpment-about .section-content p,.custom-develpment-agency .section-content p,.custom-develpment-agency .section-content h4{margin-bottom:var(--xlarge);} .custom-develpment-about .section-content p:last-child,.custom-develpment-agency .section-content p:last-child{margin-bottom:0px;} /* CMS Custom Development CSS End ---------------------------------------*/ /* CMS Inner Pages CSS Start ---------------------------------------*/ .meet-your-need-list ul{margin:0 -25px;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;} .meet-your-need-list ul li{width:33.3333%;padding:0 25px;font-size:var(--font-h5);font-family:var(--avenirheavy);} .meet-your-need-list ul li span{text-align:center;padding:49px 10px;border:2px solid var(--secondary10);height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;} .meet-your-need-section .list-left-space ul{margin:0 0 0 24px;} .meet-your-need-section .horizontalTab-slider .slick-dots{width:100%;min-width:100%;max-width:100%;border:0;flex-direction:row;gap:30px;} .meet-your-need-section .horizontalTab-slider .slick-dots li{height:auto;border:none !important;padding:var(--base) 0px;} .meet-your-need-section .horizontalTab-slider .slick-dots li::after{position:absolute;content:"";bottom:0px;left:0px;right:0px;height:2px;background-color:var(--secondary10);z-index:-1;} .meet-your-need-section .horizontalTab-slider .slick-list{width:100%;} .meet-your-need-section .horizontalTab-slider .tabContent{max-width:100%;padding:40px 0 0 0;} .meet-your-need-section .horizontalTab-slider.tab-slider.slick-slider{display:flex;border:0;flex-wrap:wrap;flex-direction:column-reverse;margin-bottom:50px !important;} .meet-your-need-section .horizontalTab-slider .slick-dots li.slick-active{background-color:transparent !important;color:var(--secondary);} .list-content-box ul li{list-style-type:disc;} .list-content-box > ul > li{margin-top:30px;} .list-content-box > ul > li h6{font-size:var(--body-font);font-family:var(--avenirheavy);margin-bottom:var(--small);} .focus-section .focus-boxes.bg-offwhite .box-item{background-color:var(--offwhite);} /* CMS Inner Pages CSS End ---------------------------------------*/ /* Ad Hoc CSS Start ---------------------------------------*/ .ad-hoc-why-wliq{background-size:cover;} .ad-hoc-why-wliq:before{background:linear-gradient(90deg,var(--secondary90) 0%,var(--secondary70) 45%,var(--secondary20) 80%);} .ad-hoc-why-wliq:after{display:none;} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-100px;} .ad-hoc-with-us-section .sec-title{padding-bottom:var(--sectionSpace);} .hoc-with-box{position:relative;border-top:2px solid var(--secondary10);} .hoc-with-box:not(:hover){border-bottom:2px solid var(--secondary10);} .hoc-with-box h4{position:relative;padding:40px 0px;font-family:var(--avenirmedium);} .hoc-with-box h4 svg{position:absolute;right:0px;top:53%;transform:translateY(-50%);pointer-events:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .hoc-with-box p{position:absolute;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;padding-bottom:40px;border-bottom:2px solid var(--secondary10);} .hoc-with-box:not(:hover) p{transform:translateY(-40px);height:0px;opacity:0;padding-bottom:0px;} .hoc-with-box:hover h4 svg{transform:translateY(-50%) rotate(180deg);} .adHocMain{position:absolute;top:-245px;right:115px;} .adHocTrigger1{top:-200px;} .adHocTrigger2{top:290px;} .adHocTrigger3{top:760px;} /* Ad Hoc CSS End ---------------------------------------*/ /* Marketing CSS Start ---------------------------------------*/ .focus-section .sec-title h2{margin-bottom:0px;} .focus-section h4{font-family:var(--avenirmedium);margin-bottom:30px;} .focus-section .focus-boxes{display:flex;flex-wrap:wrap;} .focus-section .focus-boxes .box-item{position:relative;min-height:435px;width:50%;background-color:var(--white);border:1px solid var(--secondary10);overflow:hidden;} .focus-section .focus-boxes .box-item a{position:relative;left:0px;right:0px;top:0px;bottom:0px;display:flex;flex-direction:column;height:100%;padding:50px 50px 100px;} .focus-section .focus-boxes.small-height .box-item{min-height:320px;} .focus-section .row-content{margin-bottom:90px;} .focus-section .focus-boxes p{opacity:0;transform:translateY(30px);transition:0.5s ease;-webkit-transition:0.5s ease;} .focus-section .focus-boxes .box-item h4{position:relative;z-index:1;transition:0.5s ease;-webkit-transition:0.5s ease;} .focus-section .focus-boxes .box-item p{margin-bottom:0px;color:var(--lightgrey);} .focus-section span.read-more-button{position:absolute;bottom:-1px;right:-1px;height:50px;width:50px;display:flex;align-items:center;background-color:var(--primary);justify-content:center;transition:0.5s ease;-webkit-transition:0.5s ease;} .focus-section .read-more-button img{max-width:15px;transition:0.5s ease;-webkit-transition:0.5s ease;} .focus-section .focus-boxes .box-item:before{position:absolute;content:"";top:0px;left:0px;right:0px;height:100%;background-color:var(--secondary);transition:0.4s ease;-webkit-transition:0.4s ease;transform:translateY(100%);opacity:0;} .focus-section .focus-boxes .box-item:hover:before{transform:translateY(0px);opacity:1;} .focus-section .focus-boxes .box-item:hover h4{color:var(--white);} .focus-section .focus-boxes .box-item:hover p{opacity:1;transform:translateY(0px);} .focus-section .focus-boxes .box-item:hover .read-more-button img{transform:rotate(180deg);filter:invert(99%) sepia(2%) saturate(135%) hue-rotate(23deg) brightness(116%) contrast(100%);} .focus-section .focus-boxes .box-item:hover .read-more-button{background-color:var(--white);} .markeingMain{position:absolute;top:-80px;right:60px;} .demands-section .section-content p{font-size:var(--font-h5);font-family:var(--avenirmedium);} .demands-section .section-content p span{font-family:var(--avenirblack);color:var(--secondary);text-transform:uppercase;} /* Marketing CSS End ---------------------------------------*/ /* Services Design CSS Start ---------------------------------------*/ .our-forte-section .focus-boxes .box-item{width:33.33% !important;min-height:340px !important;} .serDesignMain{position:absolute;right:160px;top:-120px;} .portfolio-slider .slick-slide{margin:0px 15px;} .portfolio-slider .slick-slide img{max-width:840px;width:100%;height:auto;} /* Services Design CSS End ---------------------------------------*/ /* Hosting CSS Start ---------------------------------------*/ .hostingMain{position:absolute;top:-160px;right:150px;} .privacy-policy-main a{color:var(--primary);transition:0.4s all ease;-webkit-transition:0.4s all ease;} .privacy-policy-main a:hover{color:var(--secondary);} /* Hosting CSS End ---------------------------------------*/ /* Thank You CSS Start ---------------------------------------*/ .page404,.thank-you{overflow:hidden;} .page404 .content p,.thank-you .content p{margin-top:var(--small);margin-bottom:var(--xlarge);} .page404 .btns,.thank-you .btns{display:flex;align-items:center;justify-content:center;} .page404 .btns a + a,.thank-you .btns a + a{position:relative;margin-left:var(--xlarge);padding-left:var(--xlarge);} .page404 .btns a + a:before,.thank-you .btns a + a:before{position:absolute;content:"";left:-1px;top:50%;width:2px;height:17px;background-color:var(--primary);margin-top:-7px;} .page404 .desktopOnly,.thank-you .desktopOnly{margin-top:80px;margin-bottom:50px;} /* Thank You CSS End ---------------------------------------*/ /* Gallery CSS Start ---------------------------------------*/ .image-video-gallery{margin-right:-30px;} .image-video-gallery .grid-sizer,.image-video-gallery .image{width:calc(33.33% - 30px);} .image-video-gallery .image{float:left;margin-bottom:30px;} .image-video-gallery .image:last-of-type,.image-video-gallery .image:nth-last-of-type(2),.image-video-gallery .image:nth-last-of-type(3){margin-bottom:0px;} .image-video-gallery .image a{display:flex;align-items:center;justify-content:center;overflow:hidden;} .image-video-gallery .image img{width:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;height:auto;} .image-video-gallery .video{margin-bottom:30px;} .image-video-gallery .js-work-video{overflow:hidden;width:100%;aspect-ratio:16/9;pointer-events:none;} .image-video-gallery iframe{width:300%;height:101%;margin-left:-100%;margin-top:-0.1px;} /* Gallery CSS End ---------------------------------------*/ /* Web Development CSS Start ---------------------------------------*/ .web-development-banner .pageTitle span{text-transform:none;font-family:var(--avenirheavy);} .web-together-section .section-content h5{font-family:var(--avenirheavy);margin-bottom:var(--base);} .web-together-section .section-content p{font-family:var(--avenirmedium);} .tab-slider{margin-bottom:0px !important;display:flex;flex-direction:row-reverse;border:2px solid var(--secondary10);} .tab-slider .tabContent{padding:40px;} .tab-slider .tabContent h5{margin-bottom:var(--medium);} .tab-slider .tabContent h6{font-size:var(--body-font);font-family:var(--avenirheavy);margin-bottom:var(--small);} .tab-slider .tabContent ul{margin:0 0 0 24px;} .tab-slider .tabContent ul li + li{margin-top:6px;} .tab-slider .slick-dots{position:static;display:flex;align-items:center;flex-direction:column;justify-content:space-between;bottom:0px;min-width:620px;max-width:620px;border-right:2px solid var(--secondary10);} .tab-slider .slick-dots li{width:100%;height:100%;margin:0px;border:none;display:flex;position:relative;align-items:center;font-size:var(--font-h4);font-family:var(--avenirheavy);padding-top:var(--xlarge);padding-bottom:var(--xlarge);padding-left:var(--xlarge);padding-right:var(--sectionSpace);border-radius:0px;color:var(--secondary);overflow:hidden;} .tab-slider .slick-dots li + li{border-top:2px solid var(--secondary10);} .tab-slider .slick-dots li.slick-active{background-color:var(--secondary);color:var(--white);} .tab-slider .slick-dots li.slick-active::before{display:block;position:absolute;content:"";bottom:0px;left:-100%;right:auto;width:100%;height:4px;background-color:var(--primary);-webkit-animation:linear;-webkit-animation-name:runLine1;-webkit-animation-duration:10.7s;} .tab-slider .slick-dots li img{position:absolute;width:24px;right:55px;top:50%;margin-top:-10px;opacity:0;transition-delay:0.2s;transition:0.5s ease;-webkit-transition:0.5s ease;} .tab-slider .slick-dots li.slick-active img{opacity:1;right:40px;} @keyframes runLine1{0%{left:-100%;}100%{left:0px;}} @-webkit-keyframes runLine1{0%{left:-100%;}100%{left:0px;}} .webDevelopmentMain{position:absolute;top:-80px;right:60px;} /* Web Development CSS End ---------------------------------------*/ /* Mobile Application Development CSS Start ---------------------------------------*/ .pocketful-potential-section .tab-slider .tabContent{padding:60px;} .pocketful-potential-section .tab-slider .tabContent p{font-size:var(--font-h5);font-family:var(--avenirmedium);margin-top:var(--xlarge);} .technology-section .section-content{margin-bottom:var(--xlarge);} .technology-section .technology-wapper{padding-top:var(--xlarge);} .technology-section .technology-wapper h4{position:relative;font-family:var(--avenirmedium);margin-bottom:var(--xlarge);margin-right:var(--base);} .technology-section .technology-box + .technology-box{border-top:2px solid var(--secondary10);margin-top:var(--xlarge);} .technology-section .technology-list{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-right:var(--base);} .technology-section .technology-list span{display:flex;align-items:center;justify-content:center;height:100px;width:100px;background-color:var(--offwhite);} .technology-section .technology-list img{max-width:60px;max-height:60px;} .step-approach-section{position:relative;padding:calc(var(--sectionSpace) * 1.5) 0px;overflow:hidden;height:1080px;} .step-approach-section .sec-title{padding-bottom:calc(var(--sectionSpace) * 1.5);} .step-approach-section .section-content p,.step-approach-section .section-content ul{margin-top:var(--base);} .step-approach-section .section-content ul li{margin-top:var(--small);} .step-approach-section .section-content h3,.step-approach-section .section-content ul,.step-approach-section .section-content p{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .step-approach-section .section-content h3{font-family:var(--avenirheavy);} .step-approach-section .step-approach-slider{margin-bottom:0px;padding-bottom:140px;} .step-approach-section .slick-current .section-content h3,.step-approach-section .slick-current .section-content ul,.step-approach-section .slick-current .section-content p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .step-approach-section .slick-current .section-content h3{transition-delay:0.4s;} .step-approach-section .slick-current .section-content ul{transition-delay:0.6s;} .step-approach-section .slick-current .section-content p{transition-delay:0.6s;} .step-approach-section .designSvg,.step-approach-section .testingSvg,.step-approach-section .researchSvg,.step-approach-section .deploymentSvg,.step-approach-section .technicalSvg{margin-right:calc(var(--sectionSpace) - 50px);} .step-approach-section .prototypingSvg{margin-right:calc(var(--sectionSpace) - 30px);} .step-approach-section .developmentSvg{margin-right:calc(var(--sectionSpace) - 80px);} .step-approach-section .maintenanceSvg{margin-right:calc(var(--sectionSpace) + 30px);} .step-approach-section .slick-slide .approachSvg{stroke-dasharray:var(--pathlangth),var(--pathlangth);stroke-dashoffset:var(--pathlangth);} .step-approach-section .slick-current .approachSvg{animation:drawline 1.5s linear forwards;animation-delay:0.5s;} .step-approach-section .slick-dots{position:absolute;left:0px;right:0px;bottom:0px;width:auto;margin:0px auto;height:40px;display:flex;align-items:center;justify-content:space-between;} .step-approach-section .slick-dots li{width:40px;height:40px;margin:0px;display:flex;align-items:center;justify-content:center;} .step-approach-section .slick-dots li:last-child:before,.step-approach-section .slick-dots li:last-child:after{display:none;} .step-approach-section .slick-dots li:before{position:absolute;content:"";left:15px;bottom:19px;height:2px;right:-435%;background-color:var(--lightgrey);} .step-approach-section .slick-dots li:after{position:absolute;content:"";right:-435%;bottom:19px;height:2px;left:15px;} .step-approach-section .slick-dots li.past:after{background-color:var(--primary);} .step-approach-section .slick-dots li.slick-active:after{background-color:var(--primary);-webkit-animation:linear;-webkit-animation-name:runLine2;-webkit-animation-duration:3.2s;} @keyframes runLine2{0%{right:0px;}100%{right:-375%;}} @-webkit-keyframes runLine2{0%{right:0px;}100%{right:-375%;}} .step-approach-section .slick-dots li span{position:relative;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--lightgrey);width:16px;height:16px;border-radius:999px;font-size:0px;font-family:var(--avenirmedium);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;box-shadow:0px 0px 0px 7px var(--lightgrey10);z-index:1;} .step-approach-section .slick-dots li.slick-active span,.step-approach-section .slick-dots li.slick-active.past span{font-size:18px;background-color:var(--primary);width:40px;height:40px;box-shadow:none;} .step-approach-section .slick-dots li.past span{background-color:var(--primary);box-shadow:0px 0px 0px 7px var(--primary10);} .mobileAppDeveMain{position:absolute;top:-165px;right:100px;} /* Mobile Application Development CSS End ---------------------------------------*/ /* Services Page CSS Start ---------------------------------------*/ .service-main-page .section-content .btn-link{display:inline-flex;} .servicesMain{position:absolute;top:-107px;right:209.5px;} .servicesTrigger1{top:-700px;} .servicesTrigger2{top:0px;} .servicesTrigger3{top:300px;} .servicesTrigger4{top:-350px;} .servicesTrigger5{top:50px;} .servicesTrigger6{top:350px;} .servicesTrigger7{top:-280px;} .servicesTrigger8{top:120px;} .servicesTrigger9{top:-430px;} .servicesTrigger10{top:20px;} .servicesTrigger11{top:-530px;} .servicesTrigger12{top:20px;} .servicesTrigger13{top:-530px;} .servicesTrigger14{top:70px;} .servicesTrigger15{top:-480px;} .servicesTrigger16{top:20px;} .servicesTrigger17{top:-530px;} .servicesTrigger18{top:70px;} .servicesLine1{top:-200px;left:771px;} .servicesLine2{top:605px;left:1582px;} .servicesLine3{top:0px;left:281px;} .servicesLine4{top:634px;left:703px;} .servicesLine5{top:0px;left:795px;} .servicesLine6{top:-220px;left:429px;} .servicesLine7{top:-219px;left:768px;} .servicesLine8{top:-211px;left:389px;} .servicesLine9{top:-209px;left:730px;} .servicesLine10{top:-232px;left:286px;} .servicesWord1{top:1px;left:-79px;} .servicesWord2{top:3px;left:195px;} .servicesWord3{top:0px;left:-52px;} .servicesWord4{top:0px;left:192.5px;} .servicesWord5{top:18px;left:-52px;} .servicesWord6{top:-2px;left:176px;} .servicesWord7{top:2px;left:-98px;} .servicesWord8{top:5px;left:125px;} /* Services Page CSS End ---------------------------------------*/ /* Services Inner Pages CSS Start ---------------------------------------*/ .saasApplicationMain{top:-100px !important;} .templatedMain{top:-80px !important;} .customMain{top:-40px !important;} .ecommerceStoreMain{top:-30px !important;} .our-work-process .slick-dots li:before,.our-work-process .slick-dots li:after{right:-400%;} .our-work-process .slick-track,.our-work-process .step-approach-slider{overflow:hidden;} /* Services Inner Pages CSS End ---------------------------------------*/ /* Graphic Design Page CSS Start ---------------------------------------*/ .graphic-design-section p,.why-partner-section p{font-size:var(--font-h5);font-family:var(--avenirmedium);} .graphicMain{position:absolute;top:-105px;right:240px;} .graphicDesignTrigger1{top:-200px;} .graphicDesignTrigger2{top:300px;} .graphicDesignTrigger3{top:650px;} .graphicDesignTrigger4{top:-130px;} .graphicDesignTrigger5{top:170px;} .graphicDesignLine1{top:-93px;left:311.5px;} .graphicDesignLine2{top:815px;left:558.5px;} .graphicDesignLine3{top:0px;left:808px;} .graphicDesignWord1{top:7px;left:40px;} .graphicDesignWord2{top:-12px;left:79px;} /* Graphic Design Page CSS End ---------------------------------------*/ /* 3D Rendering Page CSS Start ---------------------------------------*/ .renderingMain{position:absolute;top:-101.5px;right:241px;} .renderingTrigger1{top:-200px;} .renderingTrigger2{top:300px;} .renderingTrigger3{top:650px;} .renderingTrigger4{top:-130px;} .renderingTrigger5{top:170px;} .renderingLine1{top:-171px;left:154px;} .renderingLine2{top:665px;left:700px;} .renderingLine3{top:-1px;left:1048px;} .renderingWord1{top:-11px;left:-1px;} .renderingWord2{top:-23px;left:14px;} /* 3D Rendering Page CSS End ---------------------------------------*/ /* Hire Dedicated Resources CSS Start ---------------------------------------*/ .dedicated-resources-section .col-md-6:last-child .dedicated-box{border:none;} .dedicated-box{position:relative;padding:60px 30px;background-color:var(--offwhite);border-right:2px solid var(--secondary10);min-height:600px;overflow:hidden;} .dedicated-box:before{position:absolute;content:"";top:0px;left:0px;right:0px;height:100%;background-color:var(--secondary);transition:0.4s ease;-webkit-transition:0.4s ease;transform:translateY(100%);opacity:0;} .dedicated-box .box-title{position:absolute;left:0px;right:0px;width:180px;height:180px;display:flex;align-items:center;justify-content:center;margin:0px auto;text-align:center;text-transform:uppercase;color:var(--secondary);transition:0.4s ease;-webkit-transition:0.4s ease;transform:translateY(270px);} .dedicated-box .box-title svg{position:absolute;height:100%;width:100%;transition:0.4s ease;-webkit-transition:0.4s ease;} .dedicated-box p{margin-top:40px;color:var(--lightgrey);position:relative;transition:0.5s ease;-webkit-transition:0.5s ease;transform:translateY(270px);opacity:0;} .dedicated-box:hover:before{transform:translateY(0px);opacity:1;} .dedicated-box:hover .box-title,.dedicated-box:hover .box-title h5{color:var(--white);} .dedicated-box:hover .box-title{transform:translateY(0px);} .dedicated-box:hover .box-title svg{transform:rotate(180deg);} .dedicated-box:hover p{transform:translateY(180px);opacity:1;} .communication-key-section li + li{margin-top:var(--base);} .technologies-lists{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:30px;} .technologies-lists span{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:var(--offwhite);} .bg-offwhite .technologies-lists span{background-color:var(--white);} .technologies-lists img{max-width:60px;max-height:60px;} .skill-sets-list .resourceBox{margin-top:var(--xlarge);margin-bottom:0px;} .skill-sets-list .resourceBox span{color:var(--secondary);} .skill-sets-list .resourceBox img{max-width:50px;max-height:50px;} .hireDedicatedMain{position:absolute;top:-57px;right:0px;} .hireDediTrigger1{top:-600px;} .hireDediTrigger2{top:-280px;} .hireDediTrigger3{top:520px;} .hireDediTrigger4{top:820px;} .hireDediTrigger5{top:-260px;} .hireDediTrigger6{top:40px;} .hireDediTrigger7{top:-480px;} .hireDediTrigger8{top:120px;} .hireDediTrigger9{top:-400px;} .hireDediTrigger10{top:100px;} .hireDediTrigger11{top:-420px;} .hireDediTrigger12{top:180px;} .hireDediTrigger13{top:-340px;} .hireDediTrigger14{top:160px;} .hireDediTrigger15{top:-360px;} .hireDediTrigger16{top:140px;} .hireDediLine1{top:-247px;left:1656px;} .hireDediLine2{top:0px;left:40px;} .hireDediLine3{top:1063px;left:779px;} .hireDediLine4{top:0px;left:849px;} .hireDediLine5{top:-248px;left:180px;} .hireDediLine6{top:-207px;left:749px;} .hireDediLine7{top:-282.5px;left:81px;} .hireDediLine8{top:-140px;left:841px;} .hireDediLine9{top:-259px;left:201px;} .hireDediWord1{top:-1px;left:47px;} .hireDediWord2{top:-1px;left:-96px;} .hireDediWord3{top:-4px;left:48px;} .hireDediWord4{top:15px;left:-105px;} .hireDediWord5{top:29px;left:71px;} .hireDediWord6{top:10px;left:89px;} .hireDediWord7{top:-7px;left:184px;} /* Hire Dedicated Resources CSS End ---------------------------------------*/ /* BABA Summit CSS Start -----------------------------------*/ .baba-gallery{overflow:hidden;margin-top:var(--xlarge);} .baba-gallery a{display:flex;} .baba-gallery img{max-width:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .baba-gallery:hover img{transform:scale(1.1);} .bannerSection.baba-bgColor{background-color:var(--offwhite) !important;z-index:-1;} /* BABA Summit CSS End -----------------------------------*/ /* Welcome Booklet CSS Start -----------------------------------*/ .welcom-booklet{background-image:url(/wp-content/uploads/2023/07/booklet-banner-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;} .booklet-img{position:absolute;right:-230px;top:-100px;} .booklet-img img{max-height:850px;width:auto;} .inside-booklet .insideList{margin-top:calc(var(--sectionSpace) - 50px);} .inside-booklet .insideList h5{font-family:var(--avenirheavy);} .inside-booklet .insideList p{padding-left:var(--xlarge);margin-top:var(--medium);} .footer-contact .newsletter-title p.h6 { font-family: var(--avenirheavy) !important; color: var(--white); font-size: var(--font-h6); line-height: 1.4; } /* 15-4-24 Start */ .sitemap_page_content a {color: var(--midgrey); } .sitemap_page_content a:hover {color: var(--primary); } .sitemap_page_list { display: flex; flex-wrap: wrap; } .sitemap_page_list li { width: calc(100% / 4); } .workflow_content.sitemap_page_content { padding: 0px; padding-right: calc(var(--bs-gutter-x)* .5); padding-left: calc(var(--bs-gutter-x)* .5); } .sitemap_page_content:not(:first-child) .sec-title.sec-dashline { margin-top: var(--large); } .sitemap_page_content ::marker { content: "- "; } .sitemap_page_content .sec-title p { font-size: 16px; } .workflow_content.sitemap_page_content ul li { font-size: 18px; } /* 15-4-24 End */ @media only screen and (max-width:1759.98px){ .booklet-img img{max-height:770px;} } @media only screen and (max-width:1439.98px){ .booklet-img{top:-50px;} .booklet-img img{max-height:650px;} body .newsletter-box .ginput_container input{height:55px;} } @media only screen and (max-width:1199.98px){ .booklet-img{top:-30px;right:-200px;} .booklet-img img{max-height:530px;} footer .newsletter-title > svg{max-width:140px;} .mega-menu-wrap .newsletter-box{padding-bottom:0;} /* body .newsletter-box.newsletter-style1 .ginput_container input{padding-right:140px !important;}*/ body .newsletter-box.newsletter-style1 .gform_footer .gform_button { padding:7.1px 15px !important; } } @media only screen and (max-width: 991.98px) { .booklet-img{right:-190px;} .booklet-img img{max-height:500px;} footer .footer-contact .newsletter-wrapper{padding-top:40px;margin-top:30px;} .footer-thank-msg .newsletter-title > svg{width:40% !important;} .maintenanceLandingForm .thank-row svg{bottom:-30px;right:-30px;} .sitemap_page_list li { width: calc(100% / 3); } } @media screen and (max-width: 767.98px) { .bannerSection .container{padding-top:78px !important;} .bannerSection{margin-top:0px !important;} .booklet-img{position:relative;right:auto;top:0px;left:-17%;} .booklet-img img{max-width:100%;min-width:400px;} .inside-booklet .insideList{margin-top:calc(var(--sectionSpace) - 70px);} footer .footer-contact .newsletter-wrapper{margin-top:0;} .footer-contact-wrap .footer-col + .footer-col{margin-top:30px;} .newsletterPopupForm.maintenanceLandingForm .newsletter-wrapper{padding-left:calc(var(--sectionSpace) - 70px) !important;} .blog-content_info .newsletter-title > svg{display:none;} .blog-content_info .newsletter-wrapper.formSuccess .newsletter-title.newsletter-title-thankyou{margin-top:160px;} .blog-content_info .newsletter-wrapper.formSuccess .blog-thank-msg{padding-top:50px !important;} } /* Welcome Booklet CSS End -----------------------------------*/ /* BABA Form CSS Start -----------------------------------*/ .page-id-14002 header,.page-id-14002 footer{display:none !important;} .subscribe-newsletter .brand-logo img{filter:unset;} .subscribe-newsletter .section-content{text-align:center;margin-bottom:var(--xlarge);} .subscribe-newsletter .section-content .brand-logo{display:inline-flex;margin-bottom:var(--xlarge);} .sortable_sequence_wrapper h4{margin-top:var(--xlarge);margin-bottom:var(--small);font-family:var(--avenirheavy);} .sortable_sequence_wrapper .gfield_label{font-size:var(--body-font) !important;font-family:var(--avenirheavy);margin-bottom:var(--base) !important;} .counter-wrapper{display:flex;flex-wrap:wrap;align-items:start;width:100%;border:10px solid var(--secondary10);} .ui-sortable-counter .equalHeight{display:flex;align-items:center;padding:15px 20px;background-color:var(--secondary);color:var(--white);line-height:1.3;font-size:18px;} .sortable_sequence .list-item + .list-item,.ui-sortable-counter .equalHeight + .equalHeight{border-top:1px solid var(--lightgrey);} .sortable_sequence .item-content{padding:15px 25px;font-size:16px;color:var(--midgrey);background-image:url(/wp-content/uploads/2023/07/drag.svg) !important;background-size:20px !important;background-position:99% center;background-repeat:no-repeat;} .sortable_sequence .item-content strong{text-transform:uppercase;font-family:var(--avenirheavy);font-weight:normal !important;font-size:18px;color:var(--secondary);} .subscribe-newsletter .gfield_checkbox .gform-field-label{font-size:16px !important;padding-left:32px;} .subscribe-newsletter .gfield_checkbox input{display:none !important;} .subscribe-newsletter .gfield_checkbox label{position:relative;cursor:pointer;} .subscribe-newsletter .gfield_checkbox label:before{position:absolute;content:"";top:50%;left:0px;padding:10px;margin-top:-12px;margin-right:10px;cursor:pointer;display:inline-block;vertical-align:middle;-webkit-appearance:none;border:2px solid var(--secondary);background-color:transparent;} .subscribe-newsletter .gfield_checkbox input:checked + label:after{position:absolute;content:"";top:2px;left:9px;width:6px;height:14px;display:block;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg);} .subscribe-newsletter .gfield_checkbox input:checked + label:before{background-color:var(--primary);border-color:var(--primary);} .sortable_sequence{display:inline-flex;flex-direction:column;counter-reset:my-awesome-counter;} .sortable_sequence{display:inline-flex;flex-direction:column;counter-reset:my-awesome-counter;width:calc(100% - 52px);} .sortable_sequence .list-item{background-color:var(--white);cursor:grab;cursor:-webkit-grab;user-select:none;} .sortable_sequence .ui-sortable-helper{left:59px !important;} .sortable_sequence .ui-sortable-helper .item-content{cursor:grabbing !important;background-color:var(--secondary) !important;background-image:url("/wp-content/uploads/2023/07/drag-white.svg") !important;color:var(--white) !important;background-position:center right 10px !important;border-color:var(--secondary) !important;} .sortable_sequence .ui-sortable-helper .item-content strong{color:var(--white) !important;} .thank-u-modal{padding-top:55px;} .thank-u-modal .modal-content{position:relative;border:0;outline:0;border-radius:10px;} .thank-u-modal .modal-header{position:absolute;left:0px;top:-40px;right:0px;width:75px;height:75px;padding:0px;margin:auto;border-bottom:none;border-radius:999px;align-items:center;justify-content:center;background:var(--primary);box-shadow:0px 2px 2px rgba(0,0,0,0.1);} .thank-u-modal .checkmark{display:inline-block;transform:rotate(45deg);height:35px;width:15px;border-bottom:3px solid var(--white);border-right:3px solid var(--white);} .thank-u-modal .modal-body{padding:50px 30px 40px;text-align:center;} @media only screen and (max-width:767.98px){ .subscribe-newsletter .gfield_checkbox .gform-field-label{font-size:15px !important;} .sortable_sequence .item-content{font-size:14px;} .sortable_sequence .item-content strong{font-size:16px;} } /* BABA Form CSS End -----------------------------------*/ /* Team Survey Page CSS Start -----------------------------------*/ .surveyMain{position:absolute;left:0px;right:0px;bottom:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;} .surveyMain .desktopOnly{width:100%;text-align:center;} .surveyMain .desktopOnly svg{max-width:100%;} .teamSurveyInfo{position:relative;z-index:2;} .nav-dots{position:sticky;top:0px;z-index:2;display:flex;align-items:center;flex-direction:column;height:100vh;justify-content:center;padding-top:calc(var(--sectionSpace) + 60px);padding-bottom:calc(var(--sectionSpace) + 60px);} .nav-dots .nav-dot{position:relative;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:var(--avenirheavy);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;user-select:none;} .nav-dots .nav-dot span{display:flex;align-items:center;justify-content:center;border:1px solid var(--midgrey30);color:var(--midgrey30);background-color:var(--white);width:50px;min-width:50px;height:50px;min-height:50px;border-radius:999px;transition-timing-function:ease;transition-duration:1.4s;} .nav-dots .nav-dot:not(:first-child){margin-top:30px;} .nav-dots .nav-dot + .nav-dot:before,.nav-dots .nav-dot + .nav-dot:after{position:absolute;content:"";top:-30px;left:0px;right:0px;height:0px;width:1px;background-color:var(--midgrey30);margin:0 auto;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .nav-dots .nav-dot + .nav-dot:before{top:-30px !important;height:30px !important;} .nav-dots .nav-dot + .nav-dot.is-active:after{height:30px;background-color:var(--midgrey);} .nav-dots .nav-dot.is-active span{border-color:var(--midgrey);color:var(--midgrey);} .sliders:not(.show-nav) .nav-dots{display:none;} .first-section .nav-dots{opacity:0;} .teamSurveyBanner{width:100%;height:100vh;overflow:hidden;position:relative;padding-top:calc(var(--sectionSpace) + 180px);padding-bottom:calc(var(--sectionSpace) + 60px);} .teamSurveyBanner .hero-btn{position:relative;z-index:3;} .teamSurveySection{width:100%;height:100vh;overflow:hidden;position:relative;padding-top:calc(var(--sectionSpace) + 60px);padding-bottom:calc(var(--sectionSpace) + 60px);display:flex;align-items:center;flex-direction:column;justify-content:center;} .teamSurveySection .btn + .btn{margin-left:var(--medium);} .quiz-form h3{margin-bottom:var(--xlarge);font-family:var(--avenirheavy);color:var(--midgrey);} .quiz-form .gfield .gfield_label{margin:0px;} .quiz-form .gfield input[type="radio"],.quiz-form .gfield input[type="checkbox"]{position:relative;top:3px;box-shadow:0px 0px 0px 2px var(--midgrey30);cursor:pointer;width:24px;height:24px;min-width:24px;min-height:24px;border:5px solid var(--white);background-clip:border-box;border-radius:999px;appearance:none;transition:background-color 0.3s,box-shadow 0.3s;padding:0 !important;} .quiz-form .gfield input[type="radio"]:checked,.quiz-form .gfield input[type="checkbox"]:checked{box-shadow:0px 0px 0px 2px var(--primary);background-color:var(--primary);} .quiz-form .gfield input[type="checkbox"]{border-radius:0px !important;} .quiz-form .gfield label{color:var(--midgrey) !important;padding-left:12px;font-size:20px !important;font-family:var(--avenirmedium);cursor:pointer;} .quiz-form .question-box{background-color:var(--white);padding:calc(var(--sectionSpace) / 2);margin-bottom:var(--xlarge);} .quiz-form .question-box .form-control{margin-top:var(--medium);min-height:44px;display:none;} .quiz-form .question-box .gfield_radio,.quiz-form .question-box .gfield_checkbox{display:flex;flex-wrap:wrap;text-align:left;justify-content:space-between;margin-bottom:-24px;} .quiz-form .question-box .gfield_radio .gchoice,.quiz-form .question-box .gfield_checkbox .gchoice{display:flex;align-items:self-start;flex-direction:column;width:calc(50% - 15px);position:relative;margin-bottom:24px;} .quiz-form .question-box .gfield_radio .gchoice > div,.quiz-form .question-box .gfield_checkbox .gchoice > div{display:flex;} .quiz-form .question-box.fillWidth .gfield_radio .gchoice,.quiz-form .question-box.fillWidth .gfield_checkbox .gchoice{width:100%;} @media only screen and (min-width:767.98px){ .sliders.smalls .surveyMain{bottom:100px;} .sliders.smalls .teamSurveyBanner{padding-top:calc(var(--sectionSpace) + 80px);padding-bottom:calc(var(--sectionSpace) - 30px);} .sliders.smalls .nav-dots,.sliders.smalls .teamSurveySection{padding-bottom:calc(var(--sectionSpace) / 2);} .sliders.smalls .nav-dots .nav-dot span{width:42px;min-width:42px;height:42px;min-height:42px;} .sliders.smalls .nav-dots .nav-dot:not(:first-child){margin-top:20px;} .sliders.smalls .nav-dots .nav-dot + .nav-dot:before,.sliders.smalls .nav-dots .nav-dot + .nav-dot:after{top:-21px;} .sliders.smalls .nav-dots .nav-dot + .nav-dot:before{top:-21px !important;height:21px !important;} .sliders.smalls .nav-dots .nav-dot + .nav-dot.is-active:after{height:21px;} } @media only screen and (min-width:991.98px){ .page-id-14288 header{position:fixed;background-color:var(--offwhite);} } @media only screen and (max-width:1759.98px){ .surveyMain{left:auto;} .surveyMain .desktopOnly svg{max-width:1760px;} } @media only screen and (max-width:1439.98px){ .surveyMain{bottom:160px;} .surveyMain .desktopOnly svg{max-width:1600px;} } @media only screen and (max-width:1199.98px){ .surveyMain{bottom:200px;} .sliders .hero-text h3{font-size:28px;} .sliders .hero-text .pageTitle{font-size:58px;} .nav-dots,.teamSurveySection{padding-top:calc(var(--sectionSpace) + 80px);padding-bottom:calc(var(--sectionSpace) + 20px);} .teamSurveyBanner{padding-top:calc(var(--sectionSpace) + 150px);} .sliders.smalls .surveyMain{bottom:150px;} .sliders.smalls .surveyMain .desktopOnly svg{max-width:1400px;} } @media only screen and (max-width:991.98px){ .surveyMain{bottom:100px;} .nav-dots,.teamSurveySection{padding-top:calc(var(--sectionSpace) - 20px);padding-bottom:30px;} } @media only screen and (max-width:767.98px){ .nav-dots,.teamSurveySection{padding-bottom:0px;} .teamSurveySection .btn-small{margin-bottom:4rem;} .teamSurveyBanner{padding-top:calc(var(--sectionSpace) + 70px);padding-bottom:var(--sectionSpace);} .sliders .hero-text h3{font-size:var(--font-h3);} .sliders .hero-text .pageTitle{font-size:var(--font-h1);} .sliders .row{margin-right:0px;margin-left:0px;} .sliders .row > [class^="col-"],.sliders .row > [class*=" col-"]{padding-right:0px;padding-left:0px;} .sliders .col-md-10{width:calc(100% - 46px);} .sliders .col-md-2{width:46px;} .nav-dots{align-items:end;position:fixed;right:30px;} .nav-dots .nav-dot span{width:16px;min-width:16px;height:16px;min-height:16px;font-size:0px;background-color:var(--midgrey30);border:none;} .nav-dots .nav-dot.is-active span{background-color:var(--midgrey);} .nav-dots .nav-dot:not(:first-child){margin-top:20px;} .nav-dots .nav-dot + .nav-dot:before,.nav-dots .nav-dot + .nav-dot:after{top:-20px;} .nav-dots .nav-dot + .nav-dot:before{top:-20px !important;height:20px !important;} .nav-dots .nav-dot + .nav-dot.is-active:after{height:20px;} .quiz-form h3{margin-bottom:var(--base);} .quiz-form .question-box{padding:calc(var(--sectionSpace) / 2.5);margin-bottom:var(--base);} .quiz-form .question-box .gfield_radio,.quiz-form .question-box .gfield_checkbox{margin-bottom:-20px;} .quiz-form .question-box .gfield_radio .gchoice,.quiz-form .question-box .gfield_checkbox .gchoice{width:100%;margin-bottom:20px;} .quiz-form .gfield label{font-size:18px !important;line-height:1.45;} .quiz-form .gfield input[type="radio"],.quiz-form .gfield input[type="checkbox"]{box-shadow:0px 0px 0px 1px var(--midgrey30);width:20px;height:20px;min-width:20px;min-height:20px;border:4px solid var(--white);} .quiz-form .gfield input[type="radio"]:checked,.quiz-form .gfield input[type="checkbox"]:checked{box-shadow:0px 0px 0px 1px var(--primary);} .surveyMain{left:0px;} .surveyMain .mobileWordClass{margin-bottom:0px;width:100%;} .surveyMain .mobileWordClass svg{width:100%;} .teamSurveySection .btn + .btn{margin-left:var(--small);} .btn-small,.btn-small:hover{padding:8px 24px !important;} } @media only screen and (max-width:575.98px){ .quiz-form .gfield label{font-size:16px !important;} .quiz-form .question-box{padding:calc(var(--sectionSpace) / 4);} .surveyMain .mobileWordClass svg{width:calc(100% + 60px);} } @media only screen and (max-width:424.98px){ .sliders .col-md-10{width:calc(100% - 36px);} .sliders .col-md-2{width:36px;} .quiz-form .question-box{padding:calc(var(--sectionSpace) / 5);} .surveyMain .mobileWordClass svg{width:calc(100% + 40px);} .nav-dots{right:20px;} .newsletterPopupForm.maintenanceLandingForm .newsletter-wrapper{padding-left:20px !important;} } @media only screen and (min-device-width:375px) and (max-device-width:1024px) and (orientation:landscape){ .surveyMain .desktopOnly svg{width:100%;} .nav-dots .nav-dot span{width:14px !important;min-width:14px !important;height:14px !important;min-height:14px !important;font-size:0px;background-color:var(--midgrey30);border:none;} .nav-dots .nav-dot.is-active span{background-color:var(--midgrey);} .nav-dots .nav-dot:not(:first-child){margin-top:10px;} .nav-dots .nav-dot + .nav-dot:before,.nav-dots .nav-dot + .nav-dot:after{top:-10px;} .nav-dots .nav-dot + .nav-dot:before{top:-10px !important;height:10px !important;} .nav-dots .nav-dot + .nav-dot.is-active:after{height:10px;} .teamSurveySection .section-content{height:600px;overflow-x:hidden;overflow-y:auto;padding-top:calc(var(--sectionSpace) / 2);padding-bottom:calc(var(--sectionSpace) / 2);} .teamSurveyBanner{overflow-x:hidden;overflow-y:auto;padding-top:var(--sectionSpace);padding-bottom:calc(var(--sectionSpace) / 3);} .teamSurveyBanner .surveyMain{position:initial;padding-bottom:30px;} .teamSurveyBanner::-webkit-scrollbar-track,.teamSurveySection .section-content::-webkit-scrollbar-track{background-color:transparent;box-shadow:none;-webkit-box-shadow:none;} .teamSurveyBanner::-webkit-scrollbar,.teamSurveySection .section-content::-webkit-scrollbar{width:0px;height:0px;background-color:transparent;} .teamSurveyBanner::-webkit-scrollbar-thumb,.teamSurveySection .section-content::-webkit-scrollbar-thumb{border-radius:0px;background-color:transparent;} .nav-dots{padding-top:var(--sectionSpace);justify-content:start;} .teamSurveySection .btn-small{margin-bottom:2rem;} .teamSurveySection .final-msg{margin-bottom:3rem;} } @-moz-document url-prefix(){ .surveyMain .desktopOnly svg{width:100%;} } /* Team Survey Page CSS End -----------------------------------*/ /* SaaS Application Development Page CSS Start ---------------------------------------*/ .our-work-process-section .technical_workflow{max-width:none;} .our-work-process-section .workflow_content{padding-left:var(--sectionSpace);padding-bottom:var(--sectionSpace);} .our-work-process-section .workflow_subcontent{display:flex;align-items:self-start;margin-left:-104px;margin-top:calc(var(--sectionSpace) / 2);padding-bottom:calc(var(--sectionSpace) / 2);} .our-work-process-section .workflow_subicon{position:relative;} .our-work-process-section .workflow_subicon .sec-title{position:absolute;top:50%;left:90px;transform:translateY(-50%);min-width:130px;text-align:center;} .our-work-process-section .workflow_subicon .sec-title h3{margin-bottom:0px;} .our-work-process-section .subcontent_box{padding-left:calc(var(--sectionSpace) - 30px);} @media only screen and (max-width:1199.98px){ .our-work-process-section .workflow_subicon svg{max-width:180px;} .our-work-process-section .workflow_subicon .sec-title{left:75px;min-width:100px;} } @media only screen and (max-width:991.98px){ .our-work-process-section .workflow_subcontent{margin-left:-77px;} .our-work-process-section .workflow_content{padding-bottom:calc(var(--sectionSpace) / 2);} .newsletterPopupForm.maintenanceLandingForm .no-thanks .gfield_description span{left:200px;} } @media only screen and (max-width:767.98px){ .our-work-process-section .workflow_content{padding-left:0px;padding-bottom:0px;} .our-work-process-section .workflow_subcontent{margin-left:0px;flex-direction:column;align-items:flex-start;padding-bottom:0px;} .our-work-process-section .subcontent_box{padding-left:0px;padding-top:20px;} .our-work-process-section .workflow_subicon svg{max-width:80px;} .our-work-process-section .workflow_subicon .sec-title{left:0px;min-width:80px;} } /* SaaS Application Development Page CSS End ---------------------------------------*/ /* UI/UX Design page CSS Start ---------------------------------------*/ .uiuxMain{position:absolute;top:-69px;right:240px;} .uiuxTrigger1{top:-200px;} .uiuxTrigger2{top:0px;} .uiuxTrigger3{top:400px;} .uiuxTrigger4{top:750px;} .uiuxTrigger5{top:70px;} .uiuxTrigger6{top:570px;} .uiuxTrigger7{top:-210px;} .uiuxTrigger8{top:290px;} .uiuxTrigger9{top:590px;} .uiuxTrigger10{top:990px;} .uiuxTrigger11{top:1290px;} .uiuxTrigger12{top:1690px;} .uiuxTrigger13{top:1990px;} .uiuxTrigger14{top:2290px;} .uiuxLine1{right:193px;top:-150px;} .uiuxLine2{top:0;left:285px;} .uiuxLine3{top:771px;left:357px;} .uiuxLine4{top:702px;left:621px;} .uiuxLine5{top:-250px;left:836px;} .uiuxLine6{top:-264px;left:163px;} .uiuxLine7{left:648px;top:-282px;} .uiuxLine8{top:-300px;left:375px;} .uiuxWord1{top:2px;left:9px;} .uiuxWord2{top:-6px;left:24px;} .uiuxWord3{left:153px;top:7px;} .uiuxWord4{top:22px;left:9px;} .uiuxWord5{top:6px;left:162px;} .uiuxWord6{top:-5px;left:9px;} .uiuxProcess .lineshap.mobileOnly{display:none;} .uiuxProcess-content .uiuxProcess-list{margin:0 auto;min-height:180px;display:none;-webkit-animation:productAnimation 1s;animation:productAnimation 1s;transition:all ease 0.3s;} .uiuxProcess-content .uiuxProcess-list.active{display:block;} .uiuxProcess-main{position:relative;} .uiuxProcess-main .svgPath{transition:all ease 0.3s;} .uiuxProcess-main .lineshap{max-width:1279px;margin:0 auto;display:block;left:0;right:0;top:50px;} .uiuxProcess-main ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style-type:none;padding:0 120px;position:relative;} .uiuxProcess-main ul .process-icon{width:150px;height:150px;border-radius:50%;background-color:var(--secondary);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;transition:all ease 0.3s;} .uiuxProcess-main ul li{position:relative;z-index:1;} .uiuxProcess-main ul li:nth-child(1){top:180px;} .uiuxProcess-main ul li:nth-child(4){top:180px;} .uiuxProcess-main ul li:hover .process-icon,.uiuxProcess-main ul li.active .process-icon{background-color:var(--primary);} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:-260px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(1){top:-180px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(4){top:-180px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li .process-icon{background-color:var(--white);border:1px solid var(--white);} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:hover .process-icon svg path,.uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li.active .process-icon svg path{fill:var(--white);} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:hover .process-icon,.uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li.active .process-icon{background-color:var(--primary);border-color:var(--primary);} @keyframes productAnimation{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}} @-webkit-keyframes productAnimation{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}} @media only screen and (max-width:1759.98px){ .culturalNuances.mh650{min-height:570px;} .freedom.mh700{min-height:620px;} .our-your-work.mh650{min-height:580px;} .uiuxTrigger3{top:300px;} .uiuxTrigger4{top:600px;} .uiuxTrigger5{top:20px;} .uiuxTrigger6{top:420px;} .uiuxTrigger7{top:-260px;} .uiuxTrigger8{top:140px;} .uiuxTrigger9{top:440px;} .uiuxTrigger10{top:740px;} .uiuxTrigger11{top:1040px;} .uiuxTrigger12{top:1340px;} .uiuxTrigger13{top:1640px;} .uiuxTrigger14{top:1940px;} .uiuxMain{right:132px;top:-17px;} .uiuxMain svg{max-width:580px;} .uiuxLine1{top:-145px;right:87px;} .uiuxLine1 svg{max-width:110px;} .uiuxWord1{top:-29px;left:66px;} .uiuxWord1 svg{max-width:420px;} .uiuxLine2{top:0;left:242px;} .uiuxLine2 svg{max-width:1000px;} .uiuxLine3{top:652px;left:273px;} .uiuxLine3 svg{max-width:310px;} .uiuxWord2{top:-32px;left:24px;} .uiuxWord2 svg{max-width:486px;} .uiuxLine4{top:620px;left:528px;} .uiuxLine4 svg{max-width:243px;} .uiuxLine5{top:-175px;left:739px;} .uiuxLine5 svg{max-width:320px;} .uiuxWord3{left:162.5px;top:-1px;} .uiuxWord3 svg{max-width:320px;} .uiuxLine6{top:-244px;left:111px;} .uiuxLine6 svg{max-width:880px;} .uiuxWord4{top:9px;left:36.5px;} .uiuxWord4 svg{max-width:456px;} .uiuxLine7{left:538px;top:-262px;} .uiuxLine7 svg{max-width:387px;} .uiuxWord5{top:4px;left:176px;} .uiuxWord5 svg{max-width:244px;} .uiuxLine8{top:-291px;left:268.5px;} .uiuxLine8 svg{max-width:860px;} .uiuxWord6{top:-22px;left:6px;} .uiuxWord6 svg{max-width:490px;} .uiux-design-section.mh1080{min-height:980px;} .uiuxProcess-main .lineshap svg{width:100%;} .uiuxProcess-main ul .process-icon{width:120px;height:120px;} .uiuxProcess-main ul .process-icon svg{width:50px;} .uiuxProcess-main ul li:nth-child(1){top:140px;} .uiuxProcess-main ul li:nth-child(4){top:140px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(1){top:-140px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(4){top:-140px;} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:-300px;} } @media only screen and (max-width:1439.98px){ .bannerSection.mh800.uiux-design-banner{min-height:700px;} .freedom.mh700{min-height:570px;} .our-your-work.mh650{min-height:520px;} .culturalNuances.mh650{min-height:520px;} .uiuxTrigger4{top:550px;} .uiuxTrigger5{top:-30px;} .uiuxTrigger6{top:270px;} .uiuxTrigger7{top:-310px;} .uiuxTrigger8{top:90px;} .uiuxTrigger9{top:390px;} .uiuxTrigger10{top:690px;} .uiuxTrigger11{top:990px;} .uiuxTrigger12{top:1290px;} .uiuxTrigger13{top:1590px;} .uiuxTrigger14{top:1890px;} .uiuxMain{right:89px;top:14px;} .uiuxMain svg{max-width:480px;} .uiuxLine1{top:-118px;right:52px;} .uiuxLine1 svg{max-width:90px;} .uiuxWord1{top:-29px;left:22px;} .uiuxWord1 svg{max-width:370px;} .uiuxLine2{top:-1px;left:157px;} .uiuxLine2 svg{max-width:900px;} .uiuxLine3{top:579px;left:182px;} .uiuxLine3 svg{max-width:275px;} .uiuxWord2{top:-41px;left:-22px;} .uiuxWord2 svg{max-width:440px;} .uiuxLine4{top:546px;left:411px;} .uiuxLine4 svg{max-width:225px;} .uiuxLine5{top:-150px;left:607px;} .uiuxLine5 svg{max-width:300px;} .uiuxWord3{left:140px;top:17px;} .uiuxWord3 svg{max-width:300px;} .uiuxLine6{top:-209px;left:72px;} .uiuxLine6 svg{max-width:770px;} .uiuxWord4{top:13px;left:27px;} .uiuxWord4 svg{max-width:406px;} .uiuxLine7{left:453px;top:-245px;} .uiuxLine7 svg{max-width:345px;} .uiuxWord5{top:-13px;left:170px;} .uiuxWord5 svg{max-width:240px;} .uiuxLine8{top:-252px;left:228px;} .uiuxLine8 svg{max-width:770px;} .uiuxWord6{top:-11px;left:14px;} .uiuxWord6 svg{max-width:440px;} .uiux-design-section.mh1080{min-height:880px;} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:-250px;} .uiuxProcess-main ul li:nth-child(1){top:100px;} .uiuxProcess-main ul li:nth-child(4){top:100px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(1){top:-100px;} .uiuxProcess.uiuxProcess-bottom-sec .uiuxProcess-main ul li:nth-child(4){top:-100px;} } @media only screen and (max-width:1199.98px){ .uiuxTrigger5{top:0px;} .uiuxTrigger3{top:180px;} .uiuxTrigger10{top:550px;} .uiuxTrigger12{top:1150px;} .uiuxTrigger14{top:1700px;} .uiuxMain{right:30px;top:-60px;} .uiuxMain svg{max-width:430px;} .uiuxWord1 svg{max-width:330px;} .uiuxWord2 svg{max-width:380px;} .uiuxWord3 svg{max-width:260px;} .uiuxWord4 svg{max-width:350px;} .uiuxWord3{text-align:center;} .uiuxWord5{text-align:center;} .uiux-design-section.mh1080{min-height:780px;} .uiuxProcess-main ul{padding:0 80px;} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:-200px;} } @media only screen and (max-width:991.98px){ .bannerSection.mh800.uiux-design-banner{min-height:600px;} .uiuxTrigger12{top:970px;} .uiuxTrigger14{top:1370px;} .uiuxMain{top:-50px;} .uiuxMain svg{max-width:390px;} .uiuxWord2 svg{max-width:330px;} .uiuxWord3 svg{max-width:230px;} .uiuxWord4 svg{max-width:310px;} .uiuxWord5 svg{max-width:200px;} .uiuxWord6 svg{max-width:340px;} .uiuxApart-section .section-space{padding-bottom:0;min-height:auto;} .uiuxApart-section .freedom.mh500{min-height:auto;} .uiuxProcess-content .uiuxProcess-list{min-height:145px;} .uiuxProcess-main .lineshap{top:40px;} .uiuxProcess-main .lineshap,.uiuxProcess-main ul{max-width:768px;margin:0 auto;} .uiuxProcess-main ul{padding:0 20px;} .uiuxProcess-main ul .process-icon svg{max-width:40px;} .uiuxProcess-main ul .process-icon{width:100px;height:100px;} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:-150px;} } @media only screen and (max-width:767.98px){ .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:20px;} .uiuxProcess .lineshap.mobileOnly{display:block;} .uiuxProcess-main{max-width:570px;margin:0 auto;width:100%;} .uiuxProcess .uiuxProcess-content{max-width:570px;margin:0 auto;} .uiuxProcess-main .lineshap{top:20px;} .uiuxProcess-main ul li:nth-child(1),.uiuxProcess-main ul li:nth-child(4){top:0 !important;} .uiuxProcess-main ul .process-icon{width:60px;height:60px;} .uiuxProcess-main .lineshap.desktopOnly{display:none;} .uiuxProcess-main ul .process-icon svg{max-height:30px;max-width:30px;} .uiuxProcess .uiuxProcess-content.section-space{padding-bottom:0 !important;padding-top:calc(var(--sectionSpace) / 2) !important;} } @media only screen and (max-width:479.98px){ .uiuxProcess-main ul{padding:0 15px;} .uiuxProcess-main .lineshap{top:10px;} .uiuxProcess-main ul .process-icon{width:45px;height:45px;} .uiuxProcess-main ul .process-icon svg{max-height:23px;max-width:23px;} .uiuxProcess.uiuxProcess-bottom-sec .lineshap{top:10px;} } /* UI/UX Design page CSS End ---------------------------------------*/ /* Ad Creation Page CSS Start ---------------------------------------*/ .adCreationMain{position:absolute;top:-69px;right:218px;} .adCreationTrigger1{top:-200px;} .adCreationTrigger2{top:200px;} .adCreationTrigger3{top:550px;} .adCreationTrigger4{top:-50px;} .adCreationTrigger5{top:250px;} .adCreationLine1{top:-203px;left:280px;} .adCreationLine2{top:607px;left:762px;} .adCreationLine3{top:-1px;left:794px;} .adCreationWord1{top:11px;left:62px;} .adCreationWord2{top:-1px;left:109px;} .ads-creation-expertise-section .col-md-4:last-child .dedicated-box{border:none;} .ads-creation-expertise-section .dedicated-box{min-height:450px;} .ads-creation-expertise-section .dedicated-box .box-title{transform:translateY(150px);} .ads-creation-expertise-section .dedicated-box:hover .box-title{transform:translateY(0px);} @media only screen and (max-width:1759.98px){ .adCreationTrigger1{top:-350px;} .adCreationTrigger2{top:50px;} .adCreationTrigger3{top:350px;} .adCreationTrigger4{top:-150px;} .adCreationTrigger5{top:150px;} .adCreationMain{top:-40px;right:133px;} .adCreationMain svg{max-width:230px;} .adCreationLine1{top:-172px;left:184px;} .adCreationLine1 svg{max-width:1150px;} .adCreationWord1{top:21px;left:47px;} .adCreationWord1 svg{max-width:530px;} .adCreationLine2{top:558px;left:635px;} .adCreationLine2 svg{max-width:127px;} .adCreationLine3{top:0px;left:650px;} .adCreationLine3 svg{max-width:320px;} .adCreationWord2{top:-31px;left:131px;} .adCreationWord2 svg{max-width:490px;} .crafting-click-section.mh900{min-height:800px;} } @media only screen and (max-width:1439.98px){ .adCreationTrigger1{top:-350px;} .adCreationTrigger2{top:50px;} .adCreationTrigger3{top:300px;} .adCreationTrigger4{top:-100px;} .adCreationTrigger5{top:200px;} .adCreationMain{top:-50px;right:47px;} .adCreationLine1{top:-173px;left:127px;} .adCreationLine1 svg{max-width:1050px;} .adCreationWord1{top:10px;left:31px;} .adCreationWord1 svg{max-width:440px;} .adCreationLine2{top:477px;left:502px;} .adCreationLine2 svg{max-width:120px;} .adCreationLine3{left:522px;} .adCreationLine3 svg{max-width:280px;} .adCreationWord2{top:-42px;left:100px;} .adCreationWord2 svg{max-width:410px;} .crafting-click-section.mh900{min-height:708px;} .partnering-section.mh950{min-height:850px;} } @media only screen and (max-width:1199.98px){ .adCreationTrigger3{top:300px;} .adCreationTrigger4{top:-50px;} .adCreationTrigger5{top:250px;} .adCreationMain{top:-90px;right:40px;} .adCreationMain svg{max-width:190px;} .adCreationWord1 svg{max-width:400px;} .adCreationWord2 svg{max-width:370px;} .adCreationWord2{text-align:right;} .crafting-click-section.mh900{min-height:650px;} .partnering-section.mh950{min-height:750px;} } @media only screen and (max-width:991.98px){ .mh700.ad-creation-banner{min-height:600px;} .adCreationMain{right:70px;} .adCreationWord1 svg{max-width:320px;} .adCreationWord2 svg{max-width:330px;} } @media only screen and (max-width:767.98px){ .ads-creation-expertise-section p br{display:none;} .ads-creation-expertise-section .dedicated-box{min-height:auto;} .ads-creation-expertise-section .dedicated-box .box-title{transform:none;} .ads-creation-expertise-section .col-md-4:not(:last-child){border-right:0px;border-bottom:2px solid var(--secondary10);} } /* Ad Creation Page CSS End ---------------------------------------*/ /* Technical SEO Optimization Page CSS Start ---------------------------------------*/ .technical-workflow-section{padding-top:var(--sectionSpace);} .technical_workflow{max-width:900px;margin:0px auto;position:relative;} .workflow_line{width:2px;position:absolute;top:2px;left:97px;bottom:0px;overflow:hidden;} .workflow_line_progress{width:100%;height:20%;background-color:var(--midgrey);} .workflow_item{display:flex;align-items:flex-start;padding-top:var(--sectionSpace);} .workflow_item .workflow_icon{position:relative;} .workflow_item .workflow_icon .wordClass svg{background-color:var(--white);position:relative;} .workflow_item .workflow_icon .icon{position:absolute;left:49%;top:45%;right:0px;bottom:0px;transform:translate(-50%,-50%) scale(0.6);opacity:0;-webkit-transition:-webkit-transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s;z-index:1;} .workflow_item:last-child{padding-bottom:0px;} .workflow_item.active .workflow_icon .icon{transform:translate(-50%,-50%) scale(1);opacity:1;transition-delay:0.2s;} .workflow_content{padding-left:calc(var(--sectionSpace) * 2);padding-top:calc(var(--sectionSpace) / 2);} .workflow_content ul{padding-left:25px;} .workflow_content ul li{margin-top:var(--small);} .technicalOptimizationMain{position:absolute;top:-49px;right:160px;} .technicalOptimizationWord1{top:0px;left:28px;} .technicalOptimizationWord2{top:0px;left:64px;} .technicalOptimizationLine1{top:-354.5px;left:252px;} .technicalOptimizationLine2{top:615px;left:801px;} .technicalOptimizationLine3{top:0px;left:801px;} .technicalOptimizationTrigger1{top:-200px;} .technicalOptimizationTrigger2{top:250px;} .technicalOptimizationTrigger3{top:550px;} .technicalOptimizationTrigger4{top:-100px;} .technicalOptimizationTrigger5{top:200px;} @media only screen and (min-width:767.98px){ .workflow_item .workflow_icon{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);} } @media only screen and (max-width:1759.98px){ .roadblocks-section.mh900{min-height:750px;} .technical-seo-section.mh950{min-height:780px;} .technicalOptimizationTrigger2{top:100px;} .technicalOptimizationTrigger3{top:400px;} .technicalOptimizationTrigger4{top:-150px;} .technicalOptimizationTrigger5{top:100px;} .technicalOptimizationMain{right:101px;top:-31px;} .technicalOptimizationMain svg{max-width:450px;} .technicalOptimizationLine1{top:-336px;left:168px;} .technicalOptimizationLine1 svg{max-width:1200px;} .technicalOptimizationWord1{top:-7px;} .technicalOptimizationWord1 svg{max-width:600px;} .technicalOptimizationLine2{top:522px;left:683px;} .technicalOptimizationLine2 svg{max-width:95px;} .technicalOptimizationLine3{left:684px;} .technicalOptimizationLine3 svg{max-width:150px;} .technicalOptimizationWord2{top:-13px;left:74px;} .technicalOptimizationWord2 svg{max-width:550px;} } @media only screen and (max-width:1439.98px){ .technical-optimization-banner.mh700{min-height:600px;} .roadblocks-section.mh900{min-height:670px;} .technical-seo-section.mh950{min-height:700px;} .technicalOptimizationTrigger1{top:-100px;} .technicalOptimizationTrigger2{top:150px;} .technicalOptimizationTrigger4{top:-120px;} .technicalOptimizationTrigger5{top:80px;} .technicalOptimizationMain{right:70px;top:-9px;} .technicalOptimizationMain svg{max-width:400px;} .technicalOptimizationLine1{top:-271.5px;left:105px;} .technicalOptimizationLine1 svg{max-width:1050px;} .technicalOptimizationWord1{top:7px;left:5px;} .technicalOptimizationWord1 svg{max-width:500px;} .technicalOptimizationLine2{top:470.5px;left:533px;} .technicalOptimizationLine2 svg{max-width:83px;} .technicalOptimizationLine3{left:534px;} .technicalOptimizationLine3 svg{max-width:140px;} .technicalOptimizationWord2{top:0px;left:36px;} .technicalOptimizationWord2 svg{max-width:480px;} } @media only screen and (max-width:1199.98px){ .technicalOptimizationTrigger2,.technicalOptimizationTrigger5{top:0px;} .technicalOptimizationMain{right:50px;top:0px;} .technicalOptimizationMain svg{max-width:370px;} .technicalOptimizationWord1 svg{max-width:450px;} .technicalOptimizationWord2 svg{max-width:440px;} .workflow_item{padding-top:calc(var(--sectionSpace) - 25px);padding-bottom:calc(var(--sectionSpace) - 25px);} .workflow_content{padding-left:calc(var(--sectionSpace) * 1.5);} } @media only screen and (max-width:991.98px){ .technicalOptimizationMain{right:30px;} .technicalOptimizationMain svg{max-width:350px;} .technicalOptimizationWord1 svg{max-width:340px;} .technicalOptimizationWord2 svg{max-width:340px;} .workflow_item{padding-top:calc(var(--sectionSpace) / 2);padding-bottom:calc(var(--sectionSpace) / 2);} .workflow_content{padding-left:var(--sectionSpace);} .workflow_line{left:72px;width:1.7px;} .workflow_item .workflow_icon svg:not(.icon){max-width:150px;} .workflow_item .workflow_icon .icon{max-height:60px;max-width:60px;} } @media only screen and (max-width:767.98px){ .workflow_item .workflow_icon .icon{max-height:50px;max-width:50px;transform:translate(-50%,-50%) scale(1);opacity:1;top:50% !important;} .technical-workflow-section .section-content{padding-bottom:0px;} .workflow_item{flex-direction:column;padding-bottom:0px;} .workflow_item:last-child{display:none;} .workflow_content{padding-left:0px;padding-top:20px;} } /* Technical SEO Optimization Page CSS End ---------------------------------------*/ /* Native IOS and Android App Development Page CSS Start ---------------------------------------*/ .harness-the-power-section .section-content{margin-top:var(--base);} .harness-the-power-section .section-content p{margin-bottom:var(--xlarge);font-size:var(--font-h5);} .harness-the-power-section .section-content p:last-child{margin-bottom:0px;} .nativeIosMain{position:absolute;top:-50px;right:160px;} .nativeIosWord1,.nativeIosWord2{text-align:center;margin-top:-200px;} .nativeIosWord1 svg,.nativeIosWord2 svg{max-width:calc(100% + 1px);} .nativeIosWord1 .fillsvg,.nativeIosWord2 .fillsvg{stroke-dashoffset:0 !important;transition:0.5s;-webkit-transition:0.5s;} .nativeIostoggleClass1,.nativeIostoggleClass2{position:absolute;top:0px;} @media only screen and (min-width:767.98px){ .nativeapp-dev-section{min-height:calc(50vh * (var(--itemCount) * 1.7));} .nativeapp-dev-section .nativeapp-scroll-inner{position:sticky;height:100vh;top:0px;display:flex;align-items:center;} .nativeapp-dev-section .nativeappDevTrigger{position:absolute;top:50vh;width:100%;} .nativeapp-dev-section .nativeapp-content-wrap{position:relative;} .nativeapp-dev-section .nativeapp-content-wrap .nativeapp-dev-content{width:100%;position:absolute;top:0;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .nativeapp-dev-section .nativeapp-content-wrap .nativeapp-dev-content.viewSection{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .nativeappTrigger{width:100%;height:70vh;position:relative;top:30vh;} .nativeappLine svg{width:100%;} .nativeappLine svg .nativeicon{opacity:0;transition-duration:0.2s;} .nativeappLine svg .nativeicon.active{opacity:1;} .nativeappLine .svgPath{stroke-dashoffset:calc(var(--strokeDashoffsetFull) - (var(--strokeDashoffset) * var(--strokeIndex))) !important;transition-duration:0.5s;width:100%;} .nativeapp-dev-content .sec-title{opacity:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;transform:translateY(40px);} .nativeapp-dev-content.viewSection .sec-title{opacity:1;transition-delay:0.5s;transform:translateY(0px);} .nativeapp-dev-content .nativeapp-content{opacity:0;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;transform:translateY(40px);} .nativeapp-dev-content.viewSection .nativeapp-content{opacity:1;transition-delay:0.8s;transform:translateY(0px);} } @media only screen and (max-width:1759.98px){ .nativeIosMain{right:80px;} .nativeIosMain svg{max-width:400px;} } @media only screen and (max-width:1439.98px){ .nativeIosWord2{margin-top:-150px;} } @media only screen and (max-width:1199.98px){ .native-ios-banner.mh800{min-height:700px;} .nativeIosMain{right:50px;top:-70px;} .nativeIosMain svg{max-width:350px;} .nativeIosWord2{margin-top:-100px;} } @media only screen and (max-width:991.98px){ .native-ios-banner.mh800{min-height:600px;} .nativeIosMain{right:30px;top:-50px;} .nativeIosMain svg{max-width:300px;} .nativeIosWord1{margin-top:-50px;} } @media only screen and (max-width:767.98px){ .mobileNativeIosWord1,.mobileNativeIosWord2{margin-top:var(--xlarge);} .nativeapp-scroll-inner{padding:0px;} .nativeapp-scroll-inner .-mt70{margin-top:0px;} .nativeapp-dev-content{padding-top:calc(var(--sectionSpace) / 2);} .nativeapp-dev-content .nativeIcon{padding-bottom:var(--base);} .footer-thank-msg .newsletter-title > svg{width:50% !important;} .blog-content_info .newsletter-wrapper.blog-thank-msg > svg{top:auto;width:50%;bottom:0;} } /* Native IOS and Android App Development Page CSS End ---------------------------------------*/ /* Cross Platform Mobile app Development Page CSS Start ---------------------------------------*/ .crossPlatformMain{position:absolute;top:-50px;right:160px;} .partnership-section-row .partnership-scroll-inner{padding-top:calc(var(--sectionSpace) * 2) !important;padding-bottom:calc(var(--sectionSpace) * 2) !important;} @media only screen and (min-width:767.98px){ .partnership-section.partnership-section-row .partnership-item{top:100px !important;max-width:none;} } @media only screen and (min-width:991.98px){ .partnership-section-row .content-scale{max-width:450px;} .partnership-section-row .partnership-item{display:flex;justify-content:space-between;max-width:100% !important;width:100%;} .newsletterPopupForm.maintenanceLandingForm{padding:calc(var(--sectionSpace) - 20px);} } @media only screen and (min-width:1024.98px){ .section-web{min-height:calc(100vh * 1.5);} .section-web .container{height:100%;} .section-web-active-trigar{position:absolute;top:100vh;} .section-web-svg{position:absolute;top:40%;} .section-web-content-trigar{position:absolute;top:80%;} .section-web-wrap-1 .section-web-svg{top:47%;} .section-web-wrap-1 .section-web-content-trigar{top:73%;} .section-web .sec-title-zoom{top:50%;transform:translateY(-50%) scale(2);transform-origin:center left;transition-duration:0.5s;position:relative;} .section-web.sec-title-zoom-active .sec-title-zoom{top:0px;transform:translateY(0%) scale(1);} .section-web .section-web-sticky{position:sticky;height:100vh;top:0px;} .section-web .section-web-sticky .section-content p{font-size:var(--font-h5);font-family:var(--avenirmedium);} .section-web .section-content{transform:translateY(100px);opacity:0;transition-duration:0.5s;} .section-web .section-content.active{transform:translateY(0px);opacity:1;} .section-web-wrap-1 .section-web-row{position:relative;transform:translateY(-50%);top:50%;transition-duration:0.5s;} .section-web-wrap-1.sec-title-zoom-active .section-web-row{top:0;transform:translateY(0%);} .partnership-section-row{min-height:calc(100vh * (var(--itemCount) + 1)) !important;} .partnership-section-row .content-scale{max-width:510px;} .partnership-section-row .sec-title-zoom{transform:scale(1.5);transform-origin:center left;transition-duration:0.5s;position:relative;} .partnership-section-row .partnership-scroll-inner .container{position:relative;top:50%;transform:translateY(-50%);transition-duration:0.5s;} .partnership-section-row .section-active-trigar{position:absolute;top:100vh;} .partnership-section-row .partnershipTriggers{top:60vh !important;} .partnership-section-row.sec-zoom-active .partnership-scroll-inner .container{position:relative;top:0%;transform:translateY(0%);} .partnership-section-row.sec-zoom-active .sec-title-zoom{transform:scale(1);} .section-web .section-web-sticky{padding-top:calc(var(--sectionSpace) * 2) !important;padding-bottom:calc(var(--sectionSpace) * 2) !important;} } @media only screen and (min-width:1759.98px){ .partnership-section-row .sec-title-zoom{transform:scale(2);} } @media only screen and (max-width:1759.98px){ .crossPlatformMain{right:80px;} .section-web-sticky .desktopOnly svg{max-width:510px;} .partnership-section-row .partnership-img svg{max-width:470px;} .partnership-section-row .partnership-scroll-inner{padding-top:calc(var(--sectionSpace) * 1.5) !important;padding-bottom:calc(var(--sectionSpace) * 1.5) !important;} } @media only screen and (max-width:1439.98px){ .crossPlatformMain{right:50px;} .crossPlatformMain svg{max-width:450px;} } @media only screen and (max-width:1199.98px){ .section-web-sticky .desktopOnly svg{max-width:430px;} .cross-platform-banner.mh800{min-height:700px;} .section-web-sticky .mt-100{margin-top:calc(var(--sectionSpace) / 2);} } @media only screen and (max-width:991.98px){ .cross-platform-banner.mh800{min-height:600px;} .crossPlatformMain{right:30px;} .crossPlatformMain svg{max-width:350px;} .section-web-sticky .desktopOnly svg{max-width:340px;} .partnership-section-row .partnership-item{left:0px !important;padding-top:0px !important;padding-bottom:0px !important;} } @media only screen and (max-width:767.98px){ .partnership-section-row .sec-title-zoom{padding-left:var(--xlarge);padding-right:var(--xlarge);} .partnership-section-row .partnership-scroll-inner{padding-top:calc(var(--sectionSpace) / 2) !important;padding-bottom:0 !important;} .partnership-section-row .partnership-item{top:0px !important;padding-top:50px !important;padding-bottom:50px !important;} .section-web .section-web-sticky{padding-top:0px !important;padding-bottom:0px !important;} } @media only screen and (max-width:424.98px){ .partnership-section-row .sec-title-zoom{padding-left:var(--base);padding-right:var(--base);} } /* Cross Platform Mobile app Development Page CSS Start ---------------------------------------*/ /* Website Maintenance CSS Start ---------------------------------------*/ .faq-wrapper{margin-top:calc(var(--large) * 2);} .faq-box:first-child{padding-top:0px;} .faq-box:first-child .faq-box{padding-top:0px;} .faq-box{border-bottom:2px solid var(--secondary10);padding-bottom:15px;padding-top:15px;padding-right:40px;position:relative;} .faq-title{display:flex;font-family:var(--avenirheavy);cursor:pointer;padding-bottom:15px;padding-top:15px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;position:relative;} .faq-title:hover,.faq-title[aria-expanded="true"]{color:var(--primary);} .faq-title::before{content:"";position:absolute;width:30px;height:30px;right:-40px;top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,0A15,15,0,1,0,30,15,15.017,15.017,0,0,0,15,0Zm0,27.676A12.676,12.676,0,1,1,27.676,15,12.69,12.69,0,0,1,15,27.676Z' fill='%23333'/%3E%3Cg transform='translate(8.029 13.734)'%3E%3Cpath d='M149.8,234.386H138.184a1.162,1.162,0,1,0,0,2.324H149.8a1.162,1.162,0,1,0,0-2.324Z' transform='translate(-137.022 -234.386)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");} .faq-title.collapsed::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15,0A15,15,0,1,0,30,15,15.016,15.016,0,0,0,15,0Zm0,27.676A12.676,12.676,0,1,1,27.676,15,12.691,12.691,0,0,1,15,27.676Z' fill='%23333'/%3E%3Cg transform='translate(8.029 7.924)'%3E%3Cpath d='M149.8,141.047h-4.648V136.4a1.162,1.162,0,0,0-2.324,0v4.648h-4.648a1.162,1.162,0,1,0,0,2.324h4.648v4.648a1.162,1.162,0,0,0,2.324,0v-4.648H149.8a1.162,1.162,0,0,0,0-2.324Z' transform='translate(-137.022 -135.238)' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");} .faq-content{padding-top:15px;font-family:var(--avenirroman);} .maintenanceNewMain{position:absolute;top:-60px;right:160px;} .maintenanceNewWord1{text-align:right;} .webMaintenance-section .section-content h2{margin-bottom:0px;} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:1080px;} .webmaintenance-dev-section .webmaintenance-sticky{position:sticky;top:0px;z-index:3;} .webmaintenance-dev-section .webmaintenance-sticky:before{position:absolute;content:"";top:0px;left:-10px;width:100%;height:360px;background:-moz-linear-gradient(180deg,rgba(0,0,0,1) 80%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(180deg,rgba(0,0,0,1) 80%,rgba(255,255,255,0) 100%);background:linear-gradient(180deg,rgba(0,0,0,1) 80%,rgba(255,255,255,0) 100%);z-index:1;} .webmaintenance-dev-section .webmaintenance-sticky *{position:relative;z-index:2;} .webmaintenance-dev-section .webmaintenance-sticky h3{color:var(--lightgrey);} .webmaintenance-inner-item{position:relative;display:flex;justify-content:center;align-items:center;overflow-x:visible;overflow-y:clip;} .webmaintenance-inner-item .web-maintenance-round{height:450px;width:450px;border-radius:999px;background-color:rgba(112,112,112,0.2);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;} .webmaintenance-inner-item .web-maintenance-round h3{margin-bottom:0px;position:relative;} .webmaintenance-inner-item .section-left h5{font-family:var(--avenirmedium) !important;} .webmaintenance-inner-item .section-left p{font-size:24px;margin-top:0px;} .webmaintenance-inner-item .section-left-last{position:absolute;z-index:3;left:calc(-100% - 30px);bottom:0px;padding-bottom:var(--sectionSpace);} .webmaintenance-inner-item:nth-child(1) .sec-title{padding-bottom:calc(var(--sectionSpace) * 1.5);margin-top:calc(var(--sectionSpace) * 3);} .section-left-last .sec-title h3,.webmaintenance-inner-item:first-child .sec-title h3{color:var(--lightgrey);} .webMaintenance-top-line,.webMaintenance-bottom-line{width:1px;position:absolute;background-color:var(--lightgrey);left:50%;} .webMaintenance-top-line{bottom:calc(100% - 70px);} .webMaintenance-bottom-line{top:calc(100% - 70px);} .webMaintenance-top-line::before,.webMaintenance-bottom-line::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid var(--lightgrey);left:-8px;} .webMaintenance-top-line::before{bottom:-15px;} .webMaintenance-bottom-line::after{top:-15px;} .webmaintenance-scroll{position:absolute;top:0;} .section-price{background-color:#f5f5f7;height:100%;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;} .section-price:hover{z-index:1;position:relative;transform:scale(1.05);} .section-price-1{background-color:#efeff0;} .section-price-2{background-color:#e6e7e8;} .price-heading{padding:35px 40px;background-color:rgba(209,211,212,0.3);} .price-heading h2 span{font-size:30%;font-family:var(--avenirheavy);} .price-details{padding:50px 40px;} .price-details h4{margin-bottom:20px;} .price-section .sec-title h3{margin-bottom:0px;} @media only screen and (min-width:767.98px){ .webmaintenance-inner-item .section-left{position:absolute;z-index:1;left:calc(-100% - 30px);} .circle_main{height:510px;width:510px;position:absolute;border:1px solid var(--white20);border-radius:999px;} .circle_item{position:absolute;left:0px;top:0px;right:0px;bottom:0px;z-index:0;border:1px solid var(--white20);border-radius:999px;animation:3s ease-in-out infinite circle;} .circle_item.circle_second{animation-delay:0.8s;} .circle_item.circle_third{animation-delay:1.6s;} .circle_item.circle_fourth{animation-delay:2.4s;} @-webkit-keyframes circle{0%{transform:scale(1);}80%{opacity:0;}100%{transform:scale(1.8);opacity:0;}} @keyframes circle{0%{transform:scale(1);}80%{opacity:0;}100%{transform:scale(1.8);opacity:0;}} } @media only screen and (max-width:1759.98px){ .price-heading{padding:25px 30px;} .price-details{padding:40px 30px;} .maintenanceNewMain{right:80px;} .maintenanceNewMain svg{max-width:570px;} .maintenanceNewWord1 svg{max-width:580px;} .webMaintenance-section.mh1080{min-height:1000px;} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:980px;} .webmaintenance-inner-item .section-left p{font-size:22px;} } @media only screen and (max-width:1439.98px){ .maintenanceNewMain{right:50px;} .maintenanceNewMain svg,.maintenanceNewWord1 svg{max-width:500px;} .webMaintenance-section.mh1080{min-height:900px;} .webmaintenance-inner-item .section-left p{font-size:20px;} .webmaintenance-inner-item .web-maintenance-round{height:400px;width:400px;} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:880px;} .circle_main{height:450px;width:450px;} .price-heading,.price-details{padding:25px;} } @media only screen and (max-width:1199.98px){ .maintenanceNewMain svg,.maintenanceNewWord1 svg{max-width:430px;} .webMaintenance-section.mh1080{min-height:800px;} .webmaintenance-inner-item .section-left p{font-size:18px;} .webmaintenance-inner-item .web-maintenance-round{height:360px;width:360px;} .webmaintenance-inner-item:nth-child(1) .sec-title{margin-top:calc(var(--sectionSpace) * 2);} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:750px;} .circle_main{height:410px;width:410px;} .price-section .sec-title{margin-bottom:var(--xlarge);} .price-heading,.price-details{padding:var(--xlarge);} .price-heading h2 span{font-size:40%;} } @media only screen and (max-width:991.98px){ .maintenanceNewMain{top:-20px;right:30px;} .maintenanceNewMain svg,.maintenanceNewWord1 svg{max-width:340px;} .webMaintenance-section.mh1080{min-height:700px;} .webmaintenance-inner-item .section-left p{font-size:16px;} .webmaintenance-inner-item .web-maintenance-round{height:300px;width:300px;} .circle_main{height:350px;width:350px;} .webmaintenance-dev-section .webmaintenance-sticky:before{height:280px;} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:650px;} } @media only screen and (max-width:767.98px){ .price-section .sec-title{margin-bottom:0px;} .section-price{height:auto;margin-top:var(--xlarge);} .section-price:hover{transform:scale(1);} .webmaintenance-dev-section .webmaintenance-sticky{height:auto;padding-top:0px;text-align:center;} .webmaintenance-dev-section .webmaintenance-sticky:before{display:none;} .webmaintenance-inner-item{height:auto;flex-direction:column;overflow:visible;} .webmaintenance-inner-item .section-left{text-align:center;padding:calc(var(--sectionSpace) + 30px) 0px;min-height:145px;align-items:center;display:flex;flex-direction:column;justify-content:center;} .webMaintenance-bottom-line,.webMaintenance-top-line{height:140px;} .webMaintenance-top-line{bottom:calc(100% - 30px);} .webMaintenance-bottom-line{top:calc(100% - 30px);} .webmaintenance-inner-item .web-maintenance-round{height:300px;width:300px;min-height:300px;min-width:300px;} .webMaintenance-top-line::after,.webMaintenance-bottom-line::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--lightgrey);left:-5px;} .webMaintenance-top-line::after{top:-9px;} .webMaintenance-bottom-line::before{bottom:-9px;} .webMaintenance-top-line::before,.webMaintenance-bottom-line::after{width:10px;height:10px;left:-5px;} .webMaintenance-top-line::before{bottom:-9px;} .webMaintenance-bottom-line::after{top:-9px;} .webmaintenance-inner-item:nth-child(6) .web-maintenance-round,.webmaintenance-inner-item:nth-child(1) .webMaintenance-bottom-line,.webmaintenance-inner-item:nth-child(4) .webMaintenance-bottom-line{display:none;} .webmaintenance-inner-item:nth-child(1) .sec-title{padding-top:calc(var(--sectionSpace) / 2);padding-bottom:calc(var(--sectionSpace) / 2);margin-top:0px;} .webmaintenance-inner-item:nth-child(2) .section-left{padding-top:0px;} .webmaintenance-inner-item:nth-child(4) .web-maintenance-round,.webmaintenance-inner-item:nth-child(6) .web-maintenance-round{margin-bottom:calc(var(--sectionSpace) / 2);} .webmaintenance-inner-item .section-left-last{position:relative;left:0px;padding-bottom:0px;padding-top:50px;text-align:center;} .webMaintenance-top-line,.webMaintenance-bottom-line,.webmaintenance-inner-item,.webmaintenance-dev-section .webmaintenance-sticky{min-height:initial;} } @media only screen and (max-width:575.98px){ .webmaintenance-dev-section .webmaintenance-sticky{padding-bottom:calc(var(--sectionSpace) / 2);} .webmaintenance-inner-item:first-child .sec-title{padding-top:calc(var(--sectionSpace) / 2);} .newsletterPopupForm.maintenanceLandingForm .no-thanks .gfield_description span{left:0;top:calc(100% + 100px);} .newsletterPopupForm.maintenanceLandingForm{padding-bottom:70px;} .maintenanceLandingForm .thank-row svg{width:65% !important;bottom:-70px;right:-30px;} .blog-content_info .newsletter-wrapper.formSuccess .blog-thank-msg{padding-top:0 !important;} } @media only screen and (max-width:424.98px){ .webmaintenance-inner-item .web-maintenance-round{height:260px;width:260px;min-height:260px;min-width:260px;} } /* Website Maintenance CSS End ---------------------------------------*/ /* Maintenance Campaign Page CSS Start -----------------------------------*/ .campaignMain{position:absolute;top:0px;right:160px;} .maintenance-leave-section .sec-title{position:relative;z-index:1;} .maintenance-leave-section .web-maintenance-form{position:relative;z-index:1;background-color:var(--darkgray);padding:60px;} .maintenance-leave-section .gravity-theme .gfield input,.maintenance-leave-section .gravity-theme .gfield textarea{background-color:var(--midgrey);color:var(--offwhite) !important;} .maintenance-leave-section .gravity-theme .gfield_label{color:var(--lightgrey) !important;} .maintenance-leave-section .sec-title.notNoneBr h3{color:var(--lightgrey);font-family:var(--avenirmedium) !important;margin-bottom:var(--xlarge);} .maintenanceSlider{margin-bottom:0px !important;} .maintenanceSlider .sliderContent{padding-top:calc(var(--sectionSpace) - 30px);} .maintenanceSlider .slick-dots{position:absolute;transform:rotate(90deg);height:5px;left:-60px;border-radius:20px;width:615px;top:10px;transform-origin:left;} .maintenanceSlider .slick-dots li{width:16.66%;margin:0;background:var(--darkgray);top:-11px;height:4px;} .maintenanceSlider .slick-dots li.slick-active{background-color:var(--white);border-radius:20px;} .maintenanceSlider .slick-slide{height:auto;} .maintenanceSlider .slick-slide .maintenanceSvg{stroke-dasharray:var(--pathlangth),var(--pathlangth);stroke-dashoffset:var(--pathlangth);} .maintenanceSlider .slick-current .maintenanceSvg{animation:drawline 1.5s linear forwards;animation-delay:0.5s;} @media (min-width:992px){ .mobileMaintanceClass{display:none;} } @media only screen and (max-width:1759.98px){ .campaignMain{right:80px;} .campaignMain svg{max-width:580px;} .maintenanceSlider .slick-dots{left:-50px;} } @media only screen and (max-width:1439.98px){ .campaign-banner.mh820{min-height:750px;} .campaignMain{right:50px;} .campaignMain svg{max-width:500px;} .maintenanceSlider .slick-dots{left:-30px;} .maintenanceSlider .desktopOnly svg{max-width:450px;} .maintenance-leave-section .web-maintenance-form{padding:var(--xlarge);} } @media only screen and (max-width:1199.98px){ .campaign-banner.mh820{min-height:700px;} .campaignMain{right:30px;top:30px;} .campaignMain svg{max-width:420px;} .maintenanceSlider{padding-left:20px;} .maintenanceSlider .slick-dots{left:-10px;} .maintenanceSlider .desktopOnly svg{max-width:400px;} } @media only screen and (max-width:991.98px){ .campaign-banner.mh820{min-height:600px;} .campaignMain svg{max-width:360px;} .campaign-banner .hero-text .pageTitle br{display:none;} .maintenance-leave-section .col-lg-6.section-space{padding-top:0px;padding-bottom:0px;} .maintenance-leave-section .web-maintenance-form{margin-top:calc(var(--sectionSpace) / 2);} .maintenanceSlider{padding-left:0px;max-width:none !important;} .maintenanceSlider{padding-top:0;padding-bottom:0;} .maintenanceSlider .item{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);margin-left:-30px;margin-right:-30px;padding-left:30px;padding-right:30px;position:relative;} .maintenanceSlider .item:first-child{padding-top:0;padding-bottom:0;} .maintenanceSlider .item:last-child{padding-bottom:0;} .maintenanceSlider .item:nth-child(odd){background-color:var(--darkgray);} .maintenanceSlider .desktopOnly{display:none;} .maintenanceSlider .mobileWordClass{display:block;} .maintenanceSlider .mobileWordClass svg{min-width:517px;max-height:480px;} } @media only screen and (max-width:767.98px){ .maintenanceSlider .item{padding-top:calc(var(--sectionSpace) / 2);padding-bottom:calc(var(--sectionSpace) / 2);} } @media only screen and (max-width:575.98px){ .maintenance-leave-section .web-maintenance-form{padding:var(--base);} .maintenance-leave-section .sec-title br{display:block;} } /* Maintenance Campaign Page CSS End -----------------------------------*/ /* Maintenance Campaign Page V2 CSS Start -----------------------------------*/ .page-id-14544 .brand-logo img,.page-id-14448 .brand-logo img{filter:invert(91%) sepia(91%) saturate(28%) hue-rotate(254deg) brightness(106%) contrast(100%);} .page-id-14544 .mega-menu > li > a:not(.btn),.page-id-14448 .mega-menu > li > a:not(.btn){color:var(--white);} .page-id-14544 .mega-menu > li .btn,.page-id-14448 .mega-menu > li .btn{color:var(--secondary);background-color:var(--white);border-color:var(--white);} .page-id-14544 .mega-menu > li .btn:after,.page-id-14448 .mega-menu > li .btn:after{background-color:var(--primary);} .page-id-14544 .modal-backdrop.show,.page-id-14448 .modal-backdrop.show{opacity:0;} .page-id-14544:not(.hidePopup) .back-top,.page-id-14448:not(.hidePopup) .back-top{opacity:0;visibility:hidden;} .modal-dialog.modal-xxl{max-width:1280px;} .zero-blackout-section .section-content p,.precision-quality-section .section-content p,.centric-clarity-section .section-content p,.house-expertise-section .section-content p,.plugin-perks-section .section-content p{font-size:var(--font-h5);font-family:var(--avenirmedium);} .zero-blackout-section .section-content p:not(:last-child),.precision-quality-section .section-content p:not(:last-child),.centric-clarity-section .section-content p:not(:last-child),.house-expertise-section .section-content p:not(:last-child),.plugin-perks-section .section-content p:not(:last-child){margin-bottom:var(--xlarge);} .leave-web-maintenance .maintenanceLandingBtn{position:fixed;right:calc(var(--sectionSpace) - 20px);bottom:calc(var(--sectionSpace) - 20px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:158px;height:158px;border:none;outline:none;outline-offset:0;background-color:var(--primary);border-radius:999px;z-index:3;} .leave-web-maintenance .maintenanceLandingBtn .chatIcon{position:absolute;} .leave-web-maintenance .maintenanceLandingBtn .textCircle{animation:rotateSvg 26s linear infinite;} .leave-web-maintenance .modal:before{position:absolute;content:"";left:0px;right:0px;top:0px;bottom:0px;backdrop-filter:blur(5px);} .leave-web-maintenance .btn-close{position:absolute;right:15px;top:15px;z-index:1;width:40px;height:40px;outline:none;outline-offset:0;box-shadow:none;opacity:1;padding:0px;background-size:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='18.828' viewBox='0 0 18.828 18.828'%3E%3Cg id='Group_48728' data-name='Group 48728' transform='translate(20387.414 22471.414)'%3E%3Cpath id='Path_43949' data-name='Path 43949' d='M-20213.455-22521.9l-16,16' transform='translate(-156.545 51.902)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_43950' data-name='Path 43950' d='M-20229.455-22521.9l16,16' transform='translate(-156.545 51.902)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");} .leave-web-maintenance .modal-dialog{display:flex;align-items:center;margin:50px auto;padding:0 50px;height:calc(100% - 100px);} .leave-web-maintenance .modal-content{border:none;border-radius:0px;box-shadow:0px 0px 50px 20px var(--secondary10);-webkit-box-shadow:0px 0px 50px 20px var(--secondary10);} .leave-web-maintenance .modal-body{padding:0px;overflow-x:hidden;} @keyframes rotateSvg{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}} .maintenanceLandingForm{position:relative;background-color:var(--white);padding:calc(var(--sectionSpace) - 50px);width:100%;} .maintenanceLandingForm .sec-title h5{color:var(--midgrey);font-family:var(--avenirmedium) !important;} .maintenanceLandingForm h4{color:var(--midgrey);} .maintenanceLandingForm .gravity-theme .gfield_label{font-family:var(--avenirroman);margin-bottom:5px !important;} .maintenanceLandingForm .gravity-theme .gform_fields{grid-column-gap:20px !important;grid-row-gap:20px !important;} .maintenanceLandingForm .gravity-theme .gfield input,.maintenanceLandingForm .gravity-theme .gfield select,.maintenanceLandingForm .gravity-theme .gfield textarea{background-color:var(--offwhite);min-height:48px !important;padding:8px 20px !important;} .maintenanceLandingForm .gravity-theme .gform_footer,.maintenanceLandingForm .gravity-theme .gform_footer:hover{display:flex !important;justify-content:center;} body.hidePopup .maintenanceLandingBtn{opacity:0;visibility:hidden;} .maintenanceLandingMain{position:absolute;top:91px;right:299px;} .maintenanceLandingTrigger1{top:-500px;} .maintenanceLandingTrigger2{top:-200px;} .maintenanceLandingTrigger3{top:250px;} .maintenanceLandingTrigger4{top:-530px;} .maintenanceLandingTrigger5{top:220px;} .maintenanceLandingTrigger6{top:-560px;} .maintenanceLandingTrigger7{top:190px;} .maintenanceLandingTrigger8{top:-590px;} .maintenanceLandingTrigger9{top:160px;} .maintenanceLandingTrigger10{top:-620px;} .maintenanceLandingTrigger11{top:130px;} .maintenanceLandingLine1{top:-364px;left:1029px;} .maintenanceLandingLine2{top:0px;left:242.5px;} .maintenanceLandingLine3{top:-549px;left:469px;} .maintenanceLandingLine4{top:-458px;left:263px;} .maintenanceLandingLine5{top:-458px;left:638px;} .maintenanceLandingLine6{top:-427px;left:219px;} .maintenanceLandingWord1{top:-6px;left:0px;} .maintenanceLandingWord2{top:-13px;left:30px;} .maintenanceLandingWord3{top:19.5px;left:11px;} .maintenanceLandingWord4{top:55px;left:79px;} .maintenanceLandingWord5{top:40.5px;left:122px;} @media only screen and (max-width:1919.98px){ .leave-web-maintenance .maintenanceLandingBtn{width:138px;height:138px;right:calc(var(--sectionSpace) - 50px);bottom:calc(var(--sectionSpace) - 50px);} .leave-web-maintenance .maintenanceLandingBtn .textCircle{max-width:116px;} .leave-web-maintenance .maintenanceLandingBtn .chatIcon{max-width:32px;} } @media only screen and (max-width:1759.98px){ .leave-web-maintenance .maintenanceLandingBtn{width:118px;height:118px;right:20px;bottom:20px;} .leave-web-maintenance .maintenanceLandingBtn .textCircle{max-width:96px;} .leave-web-maintenance .maintenanceLandingBtn .chatIcon{max-width:28px;} .plugin-perks-section.mh1080,.zero-blackout-section.mh1080,.house-expertise-section.mh1080,.centric-clarity-section.mh1080,.precision-quality-section.mh1080{min-height:950px;} .maintenanceLandingTrigger3{top:150px;} .maintenanceLandingTrigger4{top:-500px;} .maintenanceLandingTrigger5{top:150px;} .maintenanceLandingTrigger6{top:-500px;} .maintenanceLandingTrigger7{top:150px;} .maintenanceLandingTrigger8{top:-500px;} .maintenanceLandingTrigger9{top:150px;} .maintenanceLandingTrigger10{top:-500px;} .maintenanceLandingTrigger11{top:150px;} .maintenanceLandingMain{top:95.5px;right:159px;} .maintenanceLandingMain svg{max-width:370px;} .maintenanceLandingLine1{top:-317px;left:901px;} .maintenanceLandingLine1 svg{max-width:360px;} .maintenanceLandingLine2{top:0px;left:182.5px;} .maintenanceLandingLine2 svg{max-width:720px;} .maintenanceLandingWord1{top:27.5px;left:25px;} .maintenanceLandingWord1 svg{max-width:290px;} .maintenanceLandingLine3{top:-460px;left:393px;} .maintenanceLandingLine3 svg{max-width:650px;} .maintenanceLandingWord2{top:55.5px;left:87.5px;} .maintenanceLandingWord2 svg{max-width:360px;} .maintenanceLandingLine4{top:-345px;left:255px;} .maintenanceLandingLine4 svg{max-width:1100px;} .maintenanceLandingWord3{top:74px;left:95px;} .maintenanceLandingWord3 svg{max-width:410px;} .maintenanceLandingLine5{top:-358px;left:580px;} .maintenanceLandingLine5 svg{max-width:390px;} .maintenanceLandingWord4{top:74px;left:126px;} .maintenanceLandingWord4 svg{max-width:320px;} .maintenanceLandingLine6{top:-367px;left:187px;} .maintenanceLandingLine6 svg{max-width:1100px;} .maintenanceLandingWord5{top:56px;left:162px;} .maintenanceLandingWord5 svg{max-width:330px;} } @media only screen and (max-width:1439.98px){ .leave-web-maintenance .maintenanceLandingBtn{width:98px;height:98px;} .leave-web-maintenance .maintenanceLandingBtn .textCircle{max-width:82px;} .leave-web-maintenance .maintenanceLandingBtn .chatIcon{max-width:22px;} .plugin-perks-section.mh1080,.zero-blackout-section.mh1080,.house-expertise-section.mh1080,.centric-clarity-section.mh1080,.precision-quality-section.mh1080{min-height:850px;} .maintenanceLandingTrigger1{top:-280px;} .maintenanceLandingTrigger2{top:-80px;} .maintenanceLandingTrigger3{top:170px;} .maintenanceLandingTrigger4{top:-430px;} .maintenanceLandingTrigger5{top:120px;} .maintenanceLandingTrigger6{top:-480px;} .maintenanceLandingTrigger7{top:70px;} .maintenanceLandingTrigger8{top:-530px;} .maintenanceLandingTrigger9{top:20px;} .maintenanceLandingTrigger10{top:-580px;} .maintenanceLandingTrigger11{top:-30px;} .maintenanceLandingMain{top:25.5px;right:69px;} .maintenanceLandingMain svg{max-width:330px;} .maintenanceLandingLine1{top:-300px;left:776px;} .maintenanceLandingLine1 svg{max-width:340px;} .maintenanceLandingLine2{top:0px;left:136.5px;} .maintenanceLandingLine2 svg{max-width:640px;} .maintenanceLandingWord1{top:21px;left:17px;} .maintenanceLandingWord1 svg{max-width:260px;} .maintenanceLandingLine3{top:-412px;left:327px;} .maintenanceLandingLine3 svg{max-width:570px;} .maintenanceLandingWord2{top:33px;left:85.7px;} .maintenanceLandingWord2 svg{max-width:330px;} .maintenanceLandingLine4{top:-319.5px;left:230px;} .maintenanceLandingLine4 svg{max-width:950px;} .maintenanceLandingWord3{top:32px;left:107px;} .maintenanceLandingWord3 svg{max-width:370px;} .maintenanceLandingLine5{top:-353px;left:522px;} .maintenanceLandingLine5 svg{max-width:340px;} .maintenanceLandingWord4{top:15px;left:153px;} .maintenanceLandingWord4 svg{max-width:280px;} .maintenanceLandingLine6{top:-384px;left:169px;} .maintenanceLandingLine6 svg{max-width:970px;} .maintenanceLandingWord5{top:-15px;left:168px;} .maintenanceLandingWord5 svg{max-width:290px;} } @media only screen and (max-width:1199.98px){ .leave-web-maintenance .maintenanceLandingBtn{width:78px;height:78px;right:10px;bottom:10px;} .leave-web-maintenance .maintenanceLandingBtn .textCircle{max-width:64px;} .leave-web-maintenance .maintenanceLandingBtn .chatIcon{max-width:20px;} .plugin-perks-section.mh1080,.zero-blackout-section.mh1080,.house-expertise-section.mh1080,.centric-clarity-section.mh1080,.precision-quality-section.mh1080{min-height:750px;} .maintenanceLandingTrigger3,.maintenanceLandingTrigger5,.maintenanceLandingTrigger7,.maintenanceLandingTrigger9,.maintenanceLandingTrigger11{top:0px;} .maintenanceLandingMain{top:20px;right:60px;} .maintenanceLandingMain svg{max-width:300px;} .maintenanceLandingWord1,.maintenanceLandingWord3,.maintenanceLandingWord5{left:40px !important;} .maintenanceLandingWord2,.maintenanceLandingWord4{left:-40px !important;text-align:right;} .maintenanceLandingWord3 svg{max-width:350px;} } @media only screen and (max-width:991.98px){ .maintenanceLandingForm{padding:calc(var(--sectionSpace) - 60px);} .plugin-perks-section.mh1080,.zero-blackout-section.mh1080,.house-expertise-section.mh1080,.centric-clarity-section.mh1080,.precision-quality-section.mh1080{min-height:670px;} .zero-blackout-section .section-content p:not(:last-child),.precision-quality-section .section-content p:not(:last-child),.centric-clarity-section .section-content p:not(:last-child),.house-expertise-section .section-content p:not(:last-child),.plugin-perks-section .section-content p:not(:last-child){margin-bottom:var(--large);} .maintenanceLandingWord1,.maintenanceLandingWord3,.maintenanceLandingWord5{left:20px !important;} .maintenanceLandingWord2,.maintenanceLandingWord4{left:-20px !important;} .maintenanceLandingMain svg{max-width:270px;} .maintenanceLandingWord1 svg{max-width:240px;} .maintenanceLandingWord2 svg{max-width:290px;} .maintenanceLandingWord3 svg{max-width:300px;} .maintenanceLandingWord4 svg{max-width:260px;} .maintenanceLandingWord5 svg{max-width:280px;} } @media only screen and (max-width:767.98px){ .zero-blackout-section .section-content p:not(:last-child),.precision-quality-section .section-content p:not(:last-child),.centric-clarity-section .section-content p:not(:last-child),.house-expertise-section .section-content p:not(:last-child),.plugin-perks-section .section-content p:not(:last-child){margin-bottom:var(--base);} .zero-blackout-section .section-content p,.precision-quality-section .section-content p,.centric-clarity-section .section-content p,.house-expertise-section .section-content p,.plugin-perks-section .section-content p{font-size:var(--body-font);} .maintenanceLandingForm{padding:calc(var(--sectionSpace) - 70px);} .leave-web-maintenance .modal-dialog{margin:30px auto;padding:0 30px;height:calc(100% - 60px);} } @media only screen and (max-width:575.98px){ /*.leave-web-maintenance .maintenanceLandingBtn{display:none;}*/ .leave-web-maintenance .modal-dialog{margin:0px auto;padding:0px;height:calc(100% - 0px);} .maintenanceSlider .mobileWordClass svg{min-width:auto;} } @media only screen and (max-width:424.98px){ .maintenanceLandingForm{padding:40px calc(var(--sectionSpace) - 80px);} .newsletterPopupForm.maintenanceLandingForm .newsletter-title{padding-bottom:15px !important;} } @media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){ .maintenanceLandingForm{padding:calc(var(--sectionSpace) - 70px);} .leave-web-maintenance .modal-dialog{margin:30px auto;padding:0 30px;height:calc(100% - 60px);} .maintenanceLandingForm .thank-row svg{width:65%;} } /* Maintenance Campaign Page V2 CSS End -----------------------------------*/ /* Responsive Media Query ---------------------------------------*/ @media only screen and (min-width:767.98px){ .max-w-390{max-width:390px;} .max-w-510{max-width:510px;} .max-w-550{max-width:550px;} .max-w-600{max-width:600px;} .max-w-610{max-width:610px;} .max-w-630{max-width:630px;} .max-w-650{max-width:650px;} .max-w-850{max-width:850px;} .m-l-auto{margin:0px 0px 0px auto;} .mobileWordClass,.laravelMobile,.mobileOnly{display:none;} .page404 .btn-link,.thank-you .btn-link{font-size:20px;} .work-portfolio-section .desktopOnly{display:flex;justify-content:end;} .partnership-section .partnership-img.desktopOnly{display:flex;align-items:flex-end;} .partnership-section{min-height:calc(100vh * var(--itemCount));} .partnership-section .section-content{display:flex;justify-content:center;flex-direction:column;height:100vh;} .partnership-section .content-scale{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .partnership-section .viewSection .content-scale{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .partnership-section .partnership-item-wrap{position:relative;} .partnership-section .partnership-scroll-inner{position:sticky;top:0px;height:100vh;overflow:hidden;} .partnership-section .partnership-item{position:absolute;right:auto;top:0px;height:100vh;max-width:440px;} .partnership-section .partnership-item:not(.viewSection){opacity:0;visibility:hidden;} .partnership-section .partnership-img{margin-bottom:40px;} .partnership-section .partnershipTriggers{position:absolute;top:0px;width:100%;} .partnership-section .partnershipTrigger{width:100%;height:100vh;position:relative;} .partnership-section.smalls:not(.partnership-section-row) .partnership-item.mid-section-space{padding-top:calc(var(--sectionSpace) - 40px);padding-bottom:calc(var(--sectionSpace) - 40px);} .partnership-section.smalls:not(.partnership-section-row) .partnership-img{margin-bottom:30px;} .partnership-section.smalls:not(.partnership-section-row) .partnership-img svg{max-width:350px;} .partnership-section.smalls:not(.partnership-section-row) .content-scale{font-size:17px;} .partnership-section.smalls:not(.partnership-section-row) .content-scale p{margin-top:15px;margin-bottom:0px;} .p-group{display:flex;gap:30px;} } @media only screen and (min-width:991.98px){ .subNavArrow,.navbar_toggle,.mobileMainMenu,.tab-slider .accordion-header{display:none;} .tab-slider .collapse:not(.show){display:block;} .tab-slider .tabContent{max-width:478px;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .tab-slider .slick-current .tabContent{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .tab-slider .slick-current .tabContent{transition-delay:0.4s;} .page404 svg,.thank-you svg{width:100%;max-width:1920px;} } @media only screen and (min-width:1199.98px){ .tab-slider .tabContent{max-width:initial;} .ad-hoc-with-us-section{padding-bottom:calc(var(--sectionSpace) * 3 + 50px) !important;} .dedicated-resources-section .col-md-6:nth-child(1) .dedicated-box:not(:hover) .box-title{transform:translateY(20px);} .dedicated-resources-section .col-md-6:nth-child(2) .dedicated-box:not(:hover) .box-title{transform:translateY(100px);} .dedicated-resources-section .col-md-6:nth-child(3) .dedicated-box:not(:hover) .box-title{transform:translateY(180px);} .dedicated-resources-section .col-md-6:nth-child(4) .dedicated-box:not(:hover) .box-title{transform:translateY(280px);} .partnership-section .partnership-item{max-width:510px;right:0px;} } @media only screen and (min-width:1759.98px){ .profit-section .col-xxl-11{width:100%;} } @media only screen and (max-width:1919.98px){ .whywl-section,.ecommerceConcept-section{background-size:cover;} .portfolio-slider .slick-slide img{max-width:700px;} } @media only screen and (max-width:1759.98px){ /* Common CSS Start ----*/ :root{--font-h1:65px;--font-h2:58px;--font-h3:32px;--font-h4:26px;--font-h5:22px;--font-h6:20px;--body-font:18px;} .container{max-width:1440px;padding-left:80px;padding-right:80px;} .container-fluid{max-width:1440px;} .big-section-space{padding-top:calc(var(--sectionSpace) + 75px);padding-bottom:calc(var(--sectionSpace) + 75px);} .mid-section-space{padding-top:calc(var(--sectionSpace) + 50px);padding-bottom:calc(var(--sectionSpace) + 50px);} .back-top{right:30px;width:50px;height:50px;} .back-top img{height:10px;} .mega-menu{gap:50px;} .ecommerceConcept-section{background-size:contain;} .whywl-section:after,.ecommerceConcept-section:after{display:none;} .mega-menu-wrap{padding:20px 0px;} .mega-menu-wrap .menu-link,.mega-menu-wrap .menu-content{padding:20px 30px;} .mega-menu-sub .getInTouch{padding:30px;min-width:330px;max-width:330px;} .mega-menu > li > .mega-menu-sub{right:80px;} .mega-menu-sub.xl{max-width:1280px;} .mega-menu-sub.lg{max-width:900px;} .mega-menu-sub.md{max-width:930px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 1){min-width:300px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 2){min-width:290px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n){min-width:355px;} .mega-menu-sub.lg .mega-menu-wrap .menu-link:nth-child(2n + 1){min-width:300px;} .mega-menu-sub.lg .mega-menu-wrap .menu-link:nth-child(2n){min-width:270px;} .mega-menu > li:nth-last-child(2) .mega-menu-sub .mega-menu-sub-inner:before{right:237px;} .mega-menu > li:nth-last-child(3) .mega-menu-sub .mega-menu-sub-inner:before{right:343px;} .mega-menu > li:nth-last-child(5) .mega-menu-sub .mega-menu-sub-inner:before{right:565px;} .mega-menu > li:nth-last-child(6) .mega-menu-sub .mega-menu-sub-inner:before{right:702px;} .mega-menu-wrap .menu-title a{font-size:17px;} .mega-menu-wrap .menu-link ul li a,.mega-menu-wrap .menu-content p{font-size:15px;} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ .bannerSection.mh1080{min-height:1000px;} .trans-section.mh1300{min-height:1100px;} .profit-section.mh1507{min-height:1327px;} .my-tab.mh1253{min-height:1150px;} .tech-box.mh595{min-height:484px;} .tech-names.mh850{min-height:740px;} .tech-names.mh820{min-height:600px;} .tech-names.mh680{min-height:530px;} .tech-names.mh650{min-height:588px;} .tech-section{padding-top:var(--sectionSpace);padding-bottom:115px;} .tech-section .techservices .tech-names{padding:0px 0px 0px 25px;} .tech-section .techservices .flex-md-row-reverse .tech-names{padding:0px 25px 0px 0px;} .tech-section .techservices .container-fluid + .container-fluid{margin-top:150px;} .tech-section .tech-names .services,.tech-section .tech-names .technologies{margin-top:30px;} .section-ourwork.mh1476{min-height:1376px;} .section-ourwork .container{top:-37px;left:4px;} .section-ourwork .work-video{top:5px;} .homeMain{right:75px;top:95px;} .homeMain svg{max-width:750px;} .homeTrigger7{top:-510px;} .homeTrigger8{top:490px;} .homeTrigger9{top:790px;} .homeTrigger10{top:1290px;} .homeTrigger11{top:1590px;} .homeTrigger12{top:1990px;} .homeTrigger13{top:2240px;} .homeTrigger14{top:2540px;} .homeTrigger15{top:2790px;} .homeTrigger16{top:3090px;} .homeTrigger17{top:-170px;} .homeTrigger18{top:30px;} .homeTrigger19{top:330px;} .homeLine1{top:0.5px;left:377px;} .homeLine1 svg{max-width:950px;} .homeWord1{top:46px;left:-29px;} .homeWord1 svg{max-width:470px;} .homeLine2{top:471px;left:-42px;} .homeLine2 svg{max-width:1200px;} .homeWord2{top:-18px;left:-164px;} .homeWord2 svg{max-width:650px;} .homeLine3{top:518px;left:656px;} .homeLine3 svg{max-width:750px;} .homeWord3{top:-11px;left:-27px;} .homeWord3 svg{max-width:560px;} .homeLine4{left:656px;} .homeLine4 svg{max-width:800px;} .homeWord4{top:-38px;left:133px;} .homeWord4 svg{max-width:520px;} .homeLine5{top:-101px;left:-29px;} .homeLine5 svg{max-width:1240px;} .homeWord5{top:-24px;left:91px;} .homeWord5 svg{max-width:320px;} .homeLine6{top:-425px;left:318.5px;} .homeLine6 svg{max-width:550px;} .homeWord6{top: -13px;left:118px;} .homeWord6 svg{max-width:500px;} .homeLine7{top:395px;left:1190px;} .homeLine7 svg{max-width:210px;} .homeWord7{left:18px;top:2px;} .homeWord7 svg{max-width:1220px;} .homeLine8{top:-153px;left:490px;} .homeLine8 svg{max-width:700px;} .homeWord8{top:0px;left:-56px;} .homeWord8 svg{max-width:1370px;} .homeLine9{top:356px;left:94px;} .homeLine9 svg{max-width:800px;} /* .homeLine10{top:335.5px;left:776px;} */ .homeLine10{top:524.5px;left:692px;} .homeLine10 svg{max-width:670px;} .homeLine11{left:122px;} .homeLine11 svg{max-width:734px;} /* Home Page CSS End ----*/ /* Why WLIQ Page CSS Start ----*/ .creative-production.mh965{min-height:765px;} .strengths-section .strengths-img{bottom:-40px;} .whyWliqMain{/*top:-107px;*/ top: -64px;} .whyWliqMain svg{max-width:750px;} .whyWliqLine1{right:20px;top:-300px;} .whyWliqLine1 svg{max-width:1080px;} .whyWliqWord1{top:-60px;left:97px;} .whyWliqWord1 svg{width:218px;} /* Why WLIQ Page CSS End ----*/ /* About Page CSS Start ----*/ .section-wliq.mh1060{min-height:827px;} .section-skill.mh900{min-height:800px;} .section-lowcost.mh838{min-height:647px;} .outsourcing-schedule.mh865{min-height:682px;} .section-schedule.mh865{min-height:765px;} .section-success.mh950{min-height:830px;} .section-american.mh890{min-height:790px;} .aboutTrigger1{top:25px;} .aboutTrigger2{top:-270px;} .aboutTrigger3{top:30px;} .aboutTrigger4{top:330px;} .aboutTrigger5{top:-250px;} .aboutTrigger6{top:0px;} .aboutTrigger7{top:300px;} .aboutTrigger8{top:-100px;} .aboutTrigger9,.aboutTrigger12{top:150px;} .aboutTrigger10{top:-250px;} .aboutTrigger11{top:-50px;} .aboutTrigger13{top:-280px;} .aboutTrigger14{top:70px;} .aboutTrigger15{top:-395px;} .aboutTrigger16{top:55px;} .aboutTrigger17{top:355px;} .aboutTrigger18{top:175px;} .aboutMain{top:44px;right:160px;} .aboutMain svg{max-width:380px;} .aboutWord1 svg{max-width:429px;} .aboutLine1{top:510px;left:673px;} .aboutLine1 svg{max-width:500px;} .aboutLine2{top:0px;left:705px;} .aboutLine2 svg{max-width:262px;} .aboutWord1{top:-7px;left:35px;} .aboutLine3{top:537px;left:688px;} .aboutLine3 svg{max-width:720px;} .aboutLine4{left:107px;top:-1px;} .aboutLine4 svg{max-width:600px;} .aboutWord2{left:158px;top:-47px;} .aboutWord2 svg{max-width:463px;} .aboutLine5{top:501px;left:617px;} .aboutLine5 svg{max-width:252px;} .aboutWord3{left:24px;top:-53px;} .aboutWord3 svg{max-width:477px;} .aboutLine6{top:348px;left:123px;} .aboutLine6 svg{max-width:1285px;} .aboutLine7{left:94.4px;} .aboutLine7 svg{max-width:100px;} .aboutWord4{left:69px;top:4px;} .aboutWord4 svg{max-width:481px;} .aboutLine8{top:288.4px;left:521.3px;} .aboutLine8 svg{max-width:322px;} .aboutLine9{left:613px;} .aboutLine9 svg{max-width:302px;} .aboutWord5{top:1px;left:70px;} .aboutWord5 svg{max-width:454px;} .aboutLine10{top:-188px;left:571px;} .aboutLine10 svg{max-width:764px;} .aboutWord6{top:19px;left:226px;} .aboutWord6 svg{max-width:285px;} .aboutLine11{top:568px;left:133px;} .aboutLine11 svg{max-width:763px;} .aboutWord7{top:-4px;left:-71px;} .aboutWord7 svg{max-width:553px;} /* About Page CSS End ----*/ /* Team CSS Start ----*/ .our-team-content .col-lg-4:nth-child(3n + 1):before{left:80px;right:80px;} .teamMain{right:80px;} .teamMain svg{max-width:550px;} /* Team CSS End ----*/ /* AMI Page CSS Start ----*/ .complimentary-section.mh453{min-height:400px;} .reduce-risk.mh750{min-height:680px;} .refined-scope.mh750{min-height:650px;} .clarified-expectations.mh600{min-height:540px;} .margin-boost.mh900{min-height:800px;} .wholesale-section{padding-top:var(--sectionSpace);} .amiTrigger1{top:-20px;} .amiTrigger2{top:-250px;} .amiTrigger3{top:-350px;} .amiTrigger4{top:100px;} .amiTrigger5{top:400px;} .amiTrigger6{top:750px;} .amiTrigger7{top:1050px;} .amiTrigger8{top:1400px;} .amiTrigger9{top:1700px;} .amiTrigger10{top:2200px;} .amiMain{top:-88px;right:99px;} .amiMain svg{max-width:550px;} .amiLine1{top:215px;left:1313px;} .amiLine1 svg{max-width:80px;} .amiLine2{left:1269px;} .amiLine2 svg{max-width:200px;} .amiLine3{top:-100px;left:105px;} .amiLine3 svg{max-width:1300px;} .amiWord1{top:-20px;left:19px;} .amiWord1 svg{max-width:420px;} .amiLine4{top:-323px;left:519px;} .amiLine4 svg{max-width:350px;} .amiWord2{top:-14px;left:-33.5px;} .amiWord2 svg{max-width:480px;} .amiLine5{top:-240px;left:-14px;} .amiLine5 svg{max-width:1350px;} .amiWord3{top:-14.5px;left:96px;} .amiWord3 svg{max-width:510px;} .amiLine6{top:-239px;left:564px;} .amiLine6 svg{max-width:380px;} .amiWord4{top:30px;left:72px;} .amiWord4 svg{max-width:400px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .we-make-section.mh900{min-height:750px;} .hiring-nurturing-section.mh950{min-height:820px;} .passionate-driven-section.mh900{min-height:770px;} .joinTeamTrigger1{top:-550px;} .joinTeamTrigger2{top:0px;} .joinTeamTrigger3{top:200px;} .joinTeamTrigger4{top:-350px;} .joinTeamTrigger5{top:150px;} .joinTeamTrigger6{top:350px;} .joinTeamTrigger7{top:-270px;} .joinTeamTrigger8{top:130px;} .joinTeamMain{top:-166px;right:280px;} .joinTeamMain svg{max-width:330px;} .joinTeamLine1{top:-238px;left:89px;} .joinTeamLine1 svg{max-width:1220px;} .joinTeamWord1{top:-58px;left:-19.6px;} .joinTeamWord1 svg{max-width:590px;} .joinTeamLine2{top:277px;left:537px;} .joinTeamLine2 svg{max-width:170px;} .joinTeamLine3{left:566px;} .joinTeamLine3 svg{max-width:225px;} .joinTeamWord2{left:-94px;top:-23px;} .joinTeamWord2 svg{max-width:450px;} .joinTeamLine4{top:577px;left:1200px;} .joinTeamLine4 svg{max-width:148px;} .joinTeamLine5{left:5px;} .joinTeamLine5 svg{max-width:1310px;} .joinTeamWord3{top:-11px;left:80px;} .joinTeamWord3 svg{max-width:500px;} .gratefulSvg svg{max-width:290px;} .fairSvg svg{max-width:470px;} .value-section .teamSvg svg{max-width:480px;} .visionarySvg svg{max-width:550px;} .value-section .genuineSvg svg{max-width:370px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .contact-form-details{max-width:600px;} .contact-info-email{top:5px;left:25px;} .contact-info-tel{top:-55px;left:-12px;} .contact-info-address{top:-95px;left:37px;} .contactMain{right:56px;top:45px;} .contactMain svg{max-width:610px;} .contactLine1{top:111px;left:18px;} .contactLine1 svg{max-width:660px;} .contactLine2{top:-46px;left:205px;} .contactLine2 svg{max-width:340px;} .contactLine3{top:-94px;left:79px;} .contactLine3 svg{max-width:400px;} .contactWord3{left:-1px;} /* Contact Page CSS End ----*/ /* Technologies CSS Start ----*/ .technologies-banner.mh1080{min-height:900px;} .tech-main-cms.mh850,.tech-main-custom.mh900,.tech-main-ecommerce.mh900{min-height:750px;} .tech-main-paidmedia.mh850{min-height:720px;} .tech-main-design.mh830,.tech-main-mobileapps.mh850{min-height:700px;} .technologiesTrigger2,.technologiesTrigger4,.technologiesTrigger6{top:0px;} .technologiesTrigger5{top:-450px;} .technologiesTrigger7{top:300px;} .technologiesTrigger8{top:-250px;} .technologiesTrigger9{top:50px;} .technologiesTrigger10{top:350px;} .technologiesTrigger11{top:-150px;} .technologiesTrigger12{top:150px;} .technologiesTrigger13{top:-320px;} .technologiesTrigger14{top:130px;} .technologiesMain{top:-24px;right:47px;} .technologiesMain svg{max-width:850px;} .technologiesLine1{top:-235px;left:211px;} .technologiesLine1 svg{max-width:1200px;} .technologiesWord1{top:4px;left:131px;} .technologiesWord1 svg{max-width:410px;} .technologiesLine2{top:-195.5px;left:587px;} .technologiesLine2 svg{max-width:190px;} .technologiesWord2{top:-5px;left:-67px;} .technologiesWord2 svg{max-width:500px;} .technologiesLine3{top:-400px;left:167px;} .technologiesLine3 svg{max-width:1160px;} .technologiesWord3{top:-2px;left:200px;} .technologiesWord3 svg{max-width:360px;} .technologiesLine4{top:542.5px;left:608px;} .technologiesLine4 svg{max-width:71px;} .technologiesLine5{left:584px;} .technologiesLine5 svg{max-width:280px;} .technologiesWord4{top:-5px;left:21px;} .technologiesWord4 svg{max-width:420px;} .technologiesLine6{top:522px;left:1111px;} .technologiesLine6 svg{max-width:112px;} .technologiesLine7{top:-0.5px;left:14px;} .technologiesLine7 svg{max-width:1100px;} .technologiesWord5{top:-13px;left:149px;} .technologiesWord5 svg{max-width:500px;} .technologiesLine8{top:-205px;left:562px;} .technologiesLine8 svg{max-width:290px;} .technologiesWord6{top:9px;left:-23px;} .technologiesWord6 svg{max-width:370px;} /* Technologies CSS End ----*/ /* Technologies Design CSS Start ----*/ .whywl-text{max-width:450px;margin-left:50px;} .whywl-section.mh1060{min-height:940px;} .buildbrand-section.mh1087{min-height:948px;} .technologies-section.mh3150{min-height:2850px;} .paid-media-service-section.mh730{min-height:700px;} .whywl-img-text{left:-150px;margin-top:-23px;} .whywl-img-text h3{font-size:42px;} .technologies-iconwrap .technologies-icon-box{width:180px;height:180px;} .technologies-iconwrap .technologies-icon-box img{max-height:75px;max-width:75px;} .techDesignTrigger5{top:-190px;} .techDesignTrigger6{top:60px;} .techDesignTrigger7{top:410px;} .techDesignTrigger8{top:-230px;} .techDesignTrigger9{top:220px;} .techDesignTrigger10{top:520px;} .techDesignTrigger11{top:140px;} .techDesignMain{top:-24px;right:61.5px;} .techDesignMain svg{max-width:660px;} .techDesignLine1{top:161px;left:668px;} .techDesignLine1 svg{max-width:710px;} .techDesignLine2{top:-3px;left:466.5px;} .techDesignLine2 svg{max-width:230px;} .techDesignWord1{top:-2px;left:30.5px;} .techDesignWord1 svg{max-width:430px;} .techDesignLine3{top:704px;left:82px;} .techDesignLine3 svg{max-width:400px;} .techDesignLine4{top:-3px;left:371px;} .techDesignLine4 svg{max-width:370px;} .techDesignLine5{top:242px;left:739px;} .techDesignLine5 svg{max-width:290px;} .techDesignLine6{top:518px;left:996px;} .techDesignLine6 svg{max-width:422px;} .techDesignLine7{top:-175px;left:897.5px;} .techDesignLine7 svg{max-width:380px;} .techDesignWord2{top:144px;left:218px;} .techDesignWord2 svg{max-width:450px;} .techDesignLine8{top:401px;left:199px;} .techDesignLine8 svg{max-width:1210px;} .techDesignWord3{top:-20px;left:62px;} .techDesignWord3 svg{max-width:330px;} /* Technologies Design CSS End ----*/ /* Ecommerce CSS Start ----*/ .ecommerceConcept-section.mh965{min-height:810px;} .customers-section.mh900{min-height:750px;} .refined-section.mh850{min-height:700px;} .clarified-section.mh845{min-height:700px;} .margin-section.mh850{min-height:700px;} .ecommerceConcept-text{margin-left:50px;} .ecommerceConcept-img-text{left:-140px;margin-top:-25px;} .ecommerceConcept-img-text h2{font-size:48px;} .ecommerceTrigger2{top:-170px;} .ecommerceTrigger3{top:230px;} .ecommerceTrigger4{top:-280px;} .ecommerceTrigger5{top:120px;} .ecommerceTrigger6{top:-330px;} .ecommerceTrigger8{top:-330px;} .ecommerceTrigger10{top:-330px;} .ecommerceMain{top:-129px;right:155px;} .ecommerceMain svg{max-width:500px;} .ecommerceLine1{top:340px;left:1020px;} .ecommerceLine1 svg{max-width:300px;} .ecommerceLine2{left:815px;} .ecommerceLine2 svg{max-width:550px;} .ecommerceLine3{top:379.5px;left:965px;} .ecommerceLine3 svg{max-width:500px;} .ecommerceLine4{left:77px;} .ecommerceLine4 svg{max-width:890px;} .ecommerceWord1{top:-9px;left:123px;} .ecommerceWord1 svg{max-width:460px;} .ecommerceLine5{top:-232px;left:662px;} .ecommerceLine5 svg{max-width:170px;} .ecommerceWord2{top:-50px;left:-31px;} .ecommerceWord2 svg{max-width:500px;} .ecommerceLine6{top:-274px;left:3px;} .ecommerceLine6 svg{max-width:1400px;} .ecommerceWord3{top:-31px;left:95px;} .ecommerceWord3 svg{max-width:450px;} .ecommerceLine7{top:-213px;left:624px;} .ecommerceLine7 svg{max-width:250px;} .ecommerceWord4{top:-71px;left:22px;} .ecommerceWord4 svg{max-width:400px;} .ecommerceWord8 svg{max-width:500px;} /* Ecommerce CSS End ----*/ /* Resources CSS Start ----*/ .resource-banner.mh500{min-height:450px;} /* Resources CSS End ----*/ /* Services CSS Start ----*/ .service-main-web.mh850{min-height:740px;} .service-main-mobile.mh900{min-height:755px;} .service-main-design.mh830{min-height:710px;} .service-main-marketing.mh850{min-height:730px;} .service-main-maintenance.mh850{min-height:750px;} .service-main-hosting.mh850{min-height:710px;} .service-main-resources.mh850{min-height:700px;} .service-main-adhoc.mh850{min-height:750px;} .servicesTrigger1{top:-600px;} .servicesTrigger3{top:200px;} .servicesTrigger4{top:-340px;} .servicesTrigger5{top:10px;} .servicesTrigger6{top:260px;} .servicesTrigger7{top:-250px;} .servicesTrigger8{top:150px;} .servicesTrigger9{top:-300px;} .servicesTrigger10{top:150px;} .servicesTrigger11{top:-350px;} .servicesTrigger12{top:150px;} .servicesTrigger13{top:-300px;} .servicesTrigger14{top:150px;} .servicesTrigger15{top:-330px;} .servicesTrigger16{top:170px;} .servicesTrigger17{top:-340px;} .servicesTrigger18{top:160px;} .servicesMain{top:-19px;right:134px;} .servicesMain svg{max-width:400px;} .servicesLine1{top:-183.5px;left:627px;} .servicesLine1 svg{max-width:690px;} .servicesWord1{top:0.5px;left:-71px;} .servicesWord1 svg{max-width:600px;} .servicesLine2{top:521px;left:1308px;} .servicesLine2 svg{max-width:92px;} .servicesWord2{left:182px;top:0px;} .servicesWord2 svg{max-width:410px;} .servicesLine3{left:198px;} .servicesLine3 svg{max-width:1140px;} .servicesLine4{top:540.5px;left:561px;} .servicesLine4 svg{max-width:170px;} .servicesWord3{top:1px;left:-52.5px;} .servicesWord3 svg{max-width:500px;} .servicesLine5{left:640px;} .servicesLine5 svg{max-width:153px;} .servicesLine6{top:-203px;left:282px;} .servicesLine6 svg{max-width:1000px;} .servicesWord4{top:-1px;left:132.5px;} .servicesWord4 svg{max-width:380px;} .servicesLine7{top:-189px;left:588px;} .servicesLine7 svg{max-width:180px;} .servicesWord5{top:-7px;left:-95px;} .servicesWord5 svg{max-width:500px;} .servicesLine8{top:-193px;left:252px;} .servicesLine8 svg{max-width:1000px;} .servicesWord6{top:-11px;left:124px;} .servicesWord6 svg{max-width:420px;} .servicesLine9{top:-183px;left:552px;} .servicesLine9 svg{max-width:160px;} .servicesWord7{top:0px;left:-131px;} .servicesWord7 svg{max-width:490px;} .servicesLine10{top:-194px;left:229px;} .servicesLine10 svg{max-width:1000px;} .servicesWord8{top:-13px;left:148px;} .servicesWord8 svg{max-width:400px;} /* Services CSS End ----*/ /* Services Design CSS Start ----*/ .web-together-section.mh750{min-height:680px;} .serDesignMain{right:80px;top:-100px;} .serDesignMain svg{max-width:600px;} .portfolio-slider .slick-slide img{max-width:600px;} /* Services Design CSS End ----*/ /* Paid Media CSS Start ----*/ .strategy-growth.mh1000{min-height:850px;} .presentation-matters-section.mh950{min-height:850px;} .paidMediaMain{top:-58.5px;right:19px;} .paidMediaMain svg{max-width:690px;} .paidMediaLine1{top:-317.5px;left:23px;} .paidMediaLine1 svg{max-width:1240px;} .paidMediaWord1 svg{max-width:550px;} .paidMediaWord1{left:59px;} .paidMediaWord5 svg{max-width:500px;} .paidMediaWord6 svg{max-width:500px;} .paidMediaWord2 svg{max-width:369px;} .paidMediaWord3 svg{max-width:319px;} .paidMediaWord4 svg{max-width:300px;} /* Paid Media CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .dedicated-box{padding:50px 30px;} .dedicated-resources-section.mh1175{min-height:980px;} .communication-key-section.mh790{min-height:650px;} .why-choose-section.mh1280{min-height:1060px;} .hybrid-offshoring.mh820{min-height:720px;} .administration.mh820{min-height:750px;} .comprehensive.mh820{min-height:700px;} .agile.mh820{min-height:700px;} .staffing.mh820{min-height:700px;} .backlog.mh820{min-height:700px;} .hireDediTrigger2{top:-180px;} .hireDediTrigger4{top:720px;} .hireDediTrigger5{top:-140px;} .hireDediTrigger6{top:160px;} .hireDediTrigger7{top:-260px;} .hireDediTrigger8{top:140px;} .hireDediTrigger9{top:-410px;} .hireDediTrigger10{top:90px;} .hireDediTrigger11{top:-410px;} .hireDediTrigger12{top:90px;} .hireDediTrigger13{top:-310px;} .hireDediTrigger14{top:90px;} .hireDediTrigger15{top:-410px;} .hireDediTrigger16{top:-10px;} .hireDedicatedMain{right:29px;top:9px;} .hireDedicatedMain svg{max-width:750px;} .hireDediLine1{top:-215px;left:1324px;} .hireDediLine1 svg{max-width:152px;} .hireDediLine2{top:-0.5px;left:12px;} .hireDediLine2 svg{max-width:1425px;} .hireDediWord1{left:66px;top:-48.5px;} .hireDediWord1 svg{max-width:540px;} .hireDediLine3{top:860.5px;left:622px;} .hireDediLine3 svg{max-width:124px;} .hireDediLine4{left:686px;} .hireDediLine4 svg{max-width:68px;} .hireDediWord2{left:-90px;top:16px;} .hireDediWord2 svg{max-width:540px;} .hireDediLine5{top:-206px;left:87px;} .hireDediLine5 svg{max-width:1280px;} .hireDediWord3{top:-18px;left:32px;} .hireDediWord3 svg{max-width:500px;} .hireDediLine6{top:-222px;left:560px;} .hireDediLine6 svg{max-width:140px;} .hireDediWord4{top:-29px;left:-142.5px;} .hireDediWord4 svg{max-width:570px;} .hireDediLine7{top:-287.5px;left:21px;} .hireDediLine7 svg{max-width:1345px;} .hireDediWord5{top:-50px;left:64px;} .hireDediWord5 svg{max-width:530px;} .hireDediLine8{top:-201px;left:646px;} .hireDediLine8 svg{max-width:310px;} .hireDediWord6{top:-65px;left:34px;} .hireDediWord6 svg{max-width:380px;} .hireDediLine9{top:-301px;left:28px;} .hireDediLine9 svg{max-width:1360px;} .hireDediWord7{left:76px;top:-59px;} .hireDediWord7 svg{max-width:470px;} /* Hire Dedicated Resources CSS End ----*/ /* CMS CSS Start ----*/ .cms-online-identity.mh900{min-height:780px;} .cmsMain svg{max-width:560px;} .cmsMain{top:-150px;right:80px;} .cmsWord4 svg{max-width:468px;} .cmsWord1 svg{max-width:447px;} .cmsWord2 svg{max-width:426px;} .cmsWord3 svg{max-width:415px;} /* CMS CSS End ----*/ /* Mobile Apps CSS Start ----*/ .mobileAppsMain{top:-120px;right:80px;} .mobileAppsMain svg{max-width:560px;} .mobileAppsWord1 svg{max-width:405px;} .mobileAppsWord2 svg{max-width:305px;} .mobileAppsWord3 svg{max-width:338px;} /* Mobile Apps CSS End ----*/ /* Mobile Application Development CSS Start ----*/ .step-approach-section .slick-dots li:after{right:-410%;} .step-approach-section .slick-dots li:before{right:-406%;} .technology-section .technology-list span{height:85px;width:85px;} .technology-section .technology-list img{max-width:50px;max-height:50px;} .mobileAppDeveMain{top:-130px;right:80px;} .mobileAppDeveMain svg{max-width:634px;} /* Mobile Application Development CSS End ----*/ /* Ad Hoc CSS Start ----*/ .ecommerceConcept-section.mh900{min-height:800px;} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-50px;} .adHocMain{top:-200px;right:80px;} .adHocMain svg{max-width:700px;} /* Ad Hoc CSS End ----*/ /* Web Development CSS Start ----*/ .web-together-section.mh880{min-height:750px;} .webDevelopmentMain{top:-20px;right:30px;} .webDevelopmentMain svg{max-width:730px;} /* Web Development CSS End ----*/ /* Hosting CSS Start ----*/ .hostingMain{top:-80px;right:80px;} .hostingMain svg{max-width:600px;} /* Hosting CSS End ----*/ /* Marketing CSS Start ----*/ .demands-section.mh730{min-height:650px;} .markeingMain{top:-60px;right:60px;} .markeingMain svg{max-width:700px;} /* Marketing CSS End ----*/ /* Thank You or 404 CSS Start ----*/ .page404.mh820,.thank-you.mh820{min-height:750px;} /* Thank You or 404 CSS End ----*/ /* CMS Custom Development CSS Start ----*/ .laravelMain{right:80px;} /* CMS Custom Development CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .our-work-process .slick-dots li:before,.our-work-process .slick-dots li:after{right:-350%;} .workProcessSvg svg{max-width:450px;} /* Services Inner Pages CSS End ----*/ /* Graphic Design Page CSS Start ----*/ .graphic-design-section.mh1080{min-height:980px;} .why-partner-section.mh1080{min-height:1000px;} .graphicDesignTrigger1{top:-310px;} .graphicDesignTrigger2{top:90px;} .graphicDesignTrigger3{top:390px;} .graphicDesignTrigger4{top:-290px;} .graphicDesignTrigger5{top:10px;} .graphicMain{right:131px;top:-57px;} .graphicMain svg{max-width:400px;} .graphicDesignLine1{top:-77px;left:209px;} .graphicDesignLine1 svg{max-width:980px;} .graphicDesignWord1{top:12px;left:30px;} .graphicDesignWord1 svg{max-width:450px;} .graphicDesignLine2{top:741px;left:430.5px;} .graphicDesignLine2 svg{max-width:300px;} .graphicDesignLine3{top:0px;left:654px;} .graphicDesignLine3 svg{max-width:140px;} .graphicDesignWord2{top:-24.5px;left:59px;} .graphicDesignWord2 svg{max-width:470px;} /* Graphic Design Page CSS End ----*/ /* 3D Rendering Page CSS Start ----*/ .renderingTrigger1{top:-250px;} .renderingTrigger2{top:150px;} .renderingTrigger3{top:450px;} .renderingTrigger4{top:-230px;} .renderingTrigger5{top:70px;} .renderingMain{top:-53px;right:130px;} .renderingMain svg{max-width:340px;} .renderingLine1{top:-156px;left:74.5px;} .renderingLine1 svg{max-width:1300px;} .renderingWord1{top:-13px;left:-1px;} .renderingWord1 svg{max-width:500px;} .renderingLine2{top:600px;left:567px;} .renderingLine2 svg{max-width:320px;} .renderingLine3{top:0px;left:887px;} .renderingLine3 svg{max-width:140px;} .renderingWord2{top:-35px;left:33px;} .renderingWord2 svg{max-width:500px;} /* 3D Rendering Page CSS End ----*/ } @media only screen and (max-width:1599.98px){ .ecommerceConcept-section{background-size:cover;} } @media only screen and (max-width:1439.98px){ /* Common CSS Start ----*/ :root{--font-h1:58px;--font-h2:48px;--font-h3:28px;--font-h4:24px;--font-h5:20px;--font-h6:18px;--body-font:18px;} .container{max-width:1200px;padding-left:50px;padding-right:50px;} .container-fluid{max-width:1200px;} .big-section-space{padding-top:calc(var(--sectionSpace) + 50px);padding-bottom:calc(var(--sectionSpace) + 50px);} .mid-section-space{padding-top:calc(var(--sectionSpace) + 25px);padding-bottom:calc(var(--sectionSpace) + 25px);} /* footer .footer-contact-wrap{gap:50px;}*/ .back-top{right:15px;width:42px;height:42px;} .back-top img{height:9px;} .back-top.active{bottom:44px;} .sitemap_page_content:not(:first-child) .sec-title.sec-dashline{margin-top:var(--medium);} .sec-title.sec-dashline{margin-bottom:var(--medium);} .mind-section{min-height:160px;} .btn,.btn:hover{font-size:16px;padding:10px 30px;} .gravity-theme .gform_button{font-size:16px;padding:10px 30px;min-height:auto !important;line-height:1.4 !important;} .footer-logos img,.header .brand-logo img{max-height:38px;} .mega-menu{gap:35px;} .mega-menu > li > a:not(.btn){font-size:16px;} .mega-menu > li > .mega-menu-sub{right:50px;} .mega-menu-sub.xl{max-width:1100px;} .mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 1),.mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n + 2),.mega-menu-sub.xl .mega-menu-wrap .menu-link:nth-child(3n){min-width:50%;} .mega-menu > li:hover > .mega-menu-sub > .mega-menu-sub-inner{transform:translate3d(0,20px,0);} .mega-menu > li:nth-last-child(6) .mega-menu-sub .mega-menu-sub-inner:before{right:565px;} .mega-menu > li:nth-last-child(5) .mega-menu-sub .mega-menu-sub-inner:before{right:453px;} .mega-menu > li:nth-last-child(3) .mega-menu-sub .mega-menu-sub-inner:before{right:273px;} .mega-menu > li:nth-last-child(2) .mega-menu-sub .mega-menu-sub-inner:before{right:188px;} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ .my-tab-header h2{min-width:270px;} .bannerSection.mh1080{min-height:800px;} .trans-section.mh1300{min-height:900px;} .profit-section.mh1507{min-height:1110px;} .my-tab.mh1253{min-height:1030px;} .going-big.mh464{min-height:382px;} .tech-box.mh595{min-height:384px;} .tech-names.mh850{min-height:610px;} .tech-names.mh820{min-height:510px;} .tech-names.mh680{min-height:520px;} .tech-names.mh650{min-height:470px;} .tech-section .tech-names .services,.tech-section .tech-names .technologies{margin-top:20px;} .tech-section .techservices .container-fluid + .container-fluid{margin-top:120px;} .price-progress-bar ul li .progress-total h2{font-size:38px;} .pricing-table .text .changeTitle.hour span:nth-last-child(-n + 5),.pricing-table .text .changeTitle.year span:nth-last-child(-n + 6),.pricing-table .text .changeTitle.persantage span:nth-last-child(-n + 1){margin-top:6px;} .pricing-table ul li:first-child{width:297px;} .pricing-table ul.col li:after{max-width:237px;} .pricing-table ul li:first-child ~ li{width:calc((100% - 297px) / 4);} .tech-section .tech-names h5,.tech-section .tech-names h4{margin-bottom:10px;} .tech-section .tech-names ul{padding-left:20px;} .tech-section .tech-names ul li{padding-left:0px;} .section-ourwork.mh1476{min-height:1100px;} .section-ourwork .container{top:-5px;left:-2px;} .section-ourwork .work-video{top:-60px;transform:scale(0.85);left:0px;} .homeTrigger6{top:-180px;} .homeTrigger7{top:-590px;} .homeTrigger8{top:200px;} .homeTrigger9{top:500px;} .homeTrigger10{top:850px;} .homeTrigger11{top:1150px;} .homeTrigger12{top:1450px;} .homeTrigger13{top:1700px;} .homeTrigger14{top:2000px;} .homeTrigger15{top:2250px;} .homeTrigger16{top:2550px;} .homeTrigger19{top:230px;} .homeMain{right:45px;top:96px;} .homeMain svg{max-width:600px;} .homeLine1{left:324px;} .homeLine1 svg{max-width:800px;} .homeWord1{top:54px;left:-4px;} .homeWord1 svg{max-width:400px;} .homeLine2{top:398px;left:-22px;} .homeLine2 svg{max-width:950px;} .homeWord2{top:-2px;left:-159px;} .homeWord2 svg{max-width:550px;} .homeLine3{top:408px;left:516px;} .homeLine3 svg{max-width:650px;} .homeWord3{top:-12.5px;left:-4px;} .homeWord3 svg{max-width:450px;} .homeLine4{left:516px;} .homeLine4 svg{max-width:700px;} .homeWord4{top:-29px;left:94px;} .homeWord4 svg{max-width:460px;} .homeLine5{left:-21px;} .homeLine5 svg{max-width:1020px;} .homeWord5{top:-15px;left:41px;} .homeWord5 svg{max-width:280px;} .homeLine6{top:-352px;left:249.5px;} .homeLine6 svg{max-width:460px;} /* .homeWord6{top:-37px;left:104px;} */ .homeWord6{top:9px;left:90px;} .homeWord6 svg{max-width:430px;} .homeLine7{top:344px;left:989px;} .homeLine7 svg{max-width:190px;} .homeWord7{left:40px;} .homeWord7 svg{max-width:1000px;} .homeLine8{top:-103px;left:370px;} .homeLine8 svg{max-width:620px;} .homeWord8{left:-21px;} .homeWord8 svg{max-width:1130px;} /* .homeLine9{top:346px;left:16px;} */ .homeLine9{top:345px;left:20px;} .homeLine9 svg{max-width:720px;} /* .homeLine10{top:289px;left:670px;} */ .homeLine10{top:456px;left:633px;} .homeLine10 svg{max-width:270px;} .homeLine11{left:104px;} .homeLine11 svg{max-width:630px;} /* Home Page CSS End ----*/ /* Why WLIQ Page CSS Start ----*/ .creative-production.mh965{min-height:665px;} .partnership-section .partnership-img svg{max-width:400px;} .whyWliqTrigger1{top:-500px;} .whyWliqTrigger2{top:-100px;} .whyWliqMain{/*top:-12px;*/ top: 27px;right:59px;} .whyWliqMain svg{max-width:492px;} .whyWliqLine1{top:-250px;} .whyWliqLine1 svg{max-width:900px;} .whyWliqWord1 svg{width:182px;} .whyWliqWord1{top:-64px;left:94px;} /* Why WLIQ Page CSS End ----*/ /* About Page CSS Start ----*/ .section-wliq.mh1060{min-height:707px;} .section-skill.mh900{min-height:680px;} .section-lowcost.mh838{min-height:590px;} .outsourcing-schedule.mh865{min-height:640px;} .section-schedule.mh865{min-height:650px;} .section-success.mh950{min-height:730px;} .section-american.mh890{min-height:700px;} .aboutTrigger1{top:50px;} .aboutTrigger2{top:-240px;} .aboutTrigger3{top:10px;} .aboutTrigger4{top:260px;} .aboutTrigger5{top:-200px;} .aboutTrigger6{top:50px;} .aboutTrigger7{top:250px;} .aboutTrigger8{top:-80px;} .aboutTrigger9{top:170px;} .aboutTrigger10{top:-170px;} .aboutTrigger11{top:30px;} .aboutTrigger12{top:230px;} .aboutTrigger13{top:-160px;} .aboutTrigger14{top:40px;} .aboutTrigger15{top:-310px;} .aboutTrigger16{top:40px;} .aboutTrigger17{top:240px;} .aboutTrigger18{top:10px;} .aboutMain{top:16px;right:133.5px;} .aboutLine1{top:420px;left:514px;} .aboutLine2{left:546px;} .aboutWord1{top:1px;left:-9px;} .aboutLine3{top:468px;left:552px;} .aboutLine4{left:18px;} .aboutWord2{left:87px;top:-10px;} .aboutLine5{top:458px;left:463px;} .aboutWord3{left:-26px;top:-18px;} .aboutLine6{top:342px;left:64px;} .aboutLine7{left:34px;} .aboutWord4{left:33px;top:-3px;} .aboutLine8{top:270px;left:392px;} .aboutLine9{left:483px;} .aboutWord5{top:29px;left:0px;} .aboutLine10{top:-125px;left:526px;} .aboutWord6{top:23px;left:233px;} .aboutLine11{top:511px;left:140px;} .aboutWord7{top:-33px;left:-49px;} .aboutMain svg{max-width:330px;} .aboutWord1 svg{max-width:370px;} .aboutLine1 svg{max-width:460px;} .aboutLine2 svg{max-width:230px;} .aboutLine3 svg{max-width:600px;} .aboutLine4 svg{max-width:550px;} .aboutWord2 svg{max-width:400px;} .aboutLine5 svg{max-width:220px;} .aboutWord3 svg{max-width:400px;} .aboutLine6 svg{max-width:1070px;} .aboutLine7 svg{max-width:90px;} .aboutWord4 svg{max-width:400px;} .aboutLine8 svg{max-width:304px;} .aboutLine9 svg{max-width:280px;} .aboutWord5 svg{max-width:400px;position:relative;left:55px;} .aboutLine10 svg{max-width:600px;} .aboutWord6 svg{max-width:260px;} .aboutLine11 svg{max-width:630px;} .aboutWord7 svg{max-width:500px;} /* About Page CSS End ----*/ /* Team CSS Start ----*/ .team-banner.mh700{min-height:600px;} .teamMain{right:50px;} .teamMain svg{max-width:480px;} .our-team-content .col-lg-4:nth-child(3n + 1):before{left:50px;right:50px;} /* Team CSS End ----*/ /* AMI Page CSS Start ----*/ .complimentary-section.mh453{min-height:360px;} .reduce-risk.mh750{min-height:600px;} .refined-scope.mh750{min-height:570px;} .clarified-expectations.mh600{min-height:500px;} .margin-boost.mh900{min-height:600px;} .complimentary-section .sec-title{max-width:900px;} .complimentary-section .sec-title h3{line-height:1.4;} .amiTrigger1{top:90px;} .amiTrigger2{top:-140px;} .amiTrigger3{top:-300px;} .amiTrigger4{top:50px;} .amiTrigger5{top:250px;} .amiTrigger6{top:550px;} .amiTrigger7{top:850px;} .amiTrigger8{top:1200px;} .amiTrigger9{top:1500px;} .amiTrigger10{top:1850px;} .amiMain{top:-93px;right:103px;} .amiMain svg{max-width:460px;} .amiLine1{top:161px;left:1073px;} .amiLine1 svg{max-width:70px;} .amiLine2{left:1034px;} .amiLine2 svg{max-width:180px;} .amiLine3{left:95px;} .amiLine3 svg{max-width:1060px;} .amiWord1{top:-45px;left:39px;} .amiWord1 svg{max-width:380px;} .amiLine4{top:-311.5px;left:469px;} .amiLine4 svg{max-width:320px;} .amiWord2{top:-26px;left:31px;} .amiWord2 svg{max-width:410px;} .amiLine5{top:-226.5px;left:19px;} .amiLine5 svg{max-width:1170px;} .amiWord3{top:-45px;left:134px;} .amiWord3 svg{max-width:430px;} .amiLine6{top:-257px;left:511px;} .amiLine6 svg{max-width:320px;} .amiWord4{top:-0.5px;left:100px;} .amiWord4 svg{max-width:350px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .we-make-section.mh900{min-height:639px;} .hiring-nurturing-section.mh950{min-height:700px;} .passionate-driven-section.mh900{min-height:670px;} .value-section .slick-dots li span{width:170px;} .job-position .job-title h5{max-width:460px;} .value-section.mh1080{min-height:950px;max-height:950px;} .joinTeamTrigger4{top:-240px;} .joinTeamTrigger5{top:60px;} .joinTeamTrigger6{top:260px;} .joinTeamTrigger7{top:-240px;} .joinTeamTrigger8{top:160px;} .joinTeamMain{top:-116px;right:202px;} .joinTeamMain svg{max-width:270px;} .joinTeamLine1{top:-183px;left:76.5px;} .joinTeamLine1 svg{max-width:1050px;} .joinTeamWord1{top:-27px;left:2.9px;} .joinTeamWord1 svg{max-width:495px;} .joinTeamLine2{top:259px;left:452px;} .joinTeamLine2 svg{max-width:137px;} .joinTeamLine3{left:475px;} .joinTeamLine3 svg{max-width:195px;} .joinTeamWord2{left:-73px;top:-19px;} .joinTeamWord2 svg{max-width:400px;} .joinTeamLine4{top:500px;left:1033px;} .joinTeamLine4 svg{max-width:122px;} .joinTeamLine5{left:-5px;} .joinTeamLine5 svg{max-width:1134px;} .joinTeamWord3{top:-16px;left:78px;} .joinTeamWord3 svg{max-width:450px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .contact-form-details{max-width:500px;} .contact-info-email{top:-4px;left:7px;} .contact-info-tel{top:-52px;left:2px;} .contact-info-address{top:-86px;left:-7px;} .contactTrigger4{top:600px;} .contactTrigger5{top:750px;} .contactTrigger6{top:950px;} .contactMain{right:51px;top:71px;} .contactMain svg{max-width:510px;} .contactWord1 svg{max-width:199px;} .contactWord2 svg{max-width:140px;} .contactWord3{left:-0.5px;top:-1px;} .contactWord3 svg{max-width:100px;} .contactLine1{top:82.5px;left:-1px;} .contactLine1 svg{max-width:560px;} .contactLine2{top:-45px;left:153px;} .contactLine2 svg{max-width:325px;} .contactLine3{top:-86px;left:31px;} .contactLine3 svg{max-width:390px;} /* Contact Page CSS End ----*/ /* Technologies CSS Start ----*/ .technologies-banner.mh1080{min-height:700px;} .tech-main-cms.mh850{min-height:680px;} .tech-main-ecommerce.mh900{min-height:670px;} .tech-main-design.mh830,.tech-main-custom.mh900,.tech-main-paidmedia.mh850,.tech-main-mobileapps.mh850{min-height:650px;} .technologiesTrigger1{top:-400px;} .technologiesTrigger3{top:-380px;} .technologiesTrigger4{top:-30px;} .technologiesTrigger5{top:-380px;} .technologiesTrigger6{top:-30px;} .technologiesTrigger7{top:270px;} .technologiesTrigger8{top:-200px;} .technologiesTrigger9{top:0px;} .technologiesTrigger10{top:300px;} .technologiesTrigger12{top:100px;} .technologiesTrigger13{top:-300px;} .technologiesTrigger14{top:50px;} .technologiesMain{top:-13px;right:54px;} .technologiesMain svg{max-width:700px;} .technologiesLine1{top:-184px;left:161px;} .technologiesLine1 svg{max-width:1000px;} .technologiesWord1{top:1px;left:111px;} .technologiesWord1 svg{max-width:370px;} .technologiesLine2{top:-180.6px;left:500px;} .technologiesLine2 svg{max-width:170px;} .technologiesWord2{top:0px;left:-39px;} .technologiesWord2 svg{max-width:450px;} .technologiesLine3{top:-344px;left:151px;} .technologiesLine3 svg{max-width:1010px;} .technologiesWord3{top:-2px;left:197px;} .technologiesWord3 svg{max-width:320px;} .technologiesLine4{top:483.5px;left:538px;} .technologiesLine4 svg{max-width:64px;} .technologiesLine5{top:-0.5px;left:517px;} .technologiesLine5 svg{max-width:250px;} .technologiesWord4{top:-19px;left:60px;} .technologiesWord4 svg{max-width:380px;} .technologiesLine6{top:466px;left:978px;} .technologiesLine6 svg{max-width:115px;} .technologiesLine7{left:30px;} .technologiesLine7 svg{max-width:950px;} .technologiesWord5{top:-32px;left:164px;} .technologiesWord5 svg{max-width:450px;} .technologiesLine8{top:-205.5px;left:514px;} .technologiesLine8 svg{max-width:240px;} .technologiesWord6{top:-70px;left:18px;} .technologiesWord6 svg{max-width:320px;} /* Technologies CSS End ----*/ /* Technologies Design CSS Start ----*/ .whywl-text{margin-left:40px;} .whywl-img-text{left:-145px;} .whywl-img-text h3{font-size:36px;} .technologies-iconwrap .technologies-icon-box{width:140px;height:140px;} .technologies-iconwrap .technologies-icon-box img{max-height:60px;max-width:60px;} .technologies-icon-plus .technologiesPlus__button{width:40px;height:40px;} .technologies-icon-plus .technologiesPlus__button:before,.technologies-icon-plus .technologiesPlus__button:after{width:16px;height:2px;} .technology-design-banner.mh900{min-height:800px;} .buildbrand-section.mh1087{min-height:850px;} .whywl-section.mh1060{min-height:880px;background-position-x:calc(50% + 15px);} .technologies-section.mh3150{min-height:2600px;} .paid-media-service-section.mh730{min-height:600px;} .techDesignTrigger2{top:-110px;} .techDesignTrigger3{top:90px;} .techDesignTrigger4{top:390px;} .techDesignTrigger5{top:-110px;} .techDesignTrigger6{top:90px;} .techDesignTrigger7{top:390px;} .techDesignTrigger8{top:-190px;} .techDesignTrigger9{top:260px;} .techDesignTrigger10{top:560px;} .techDesignTrigger11{top:0px;} .techDesignMain{top:-26px;right:30px;} .techDesignMain svg{max-width:600px;} .techDesignLine1{top:142px;left:529px;} .techDesignLine1 svg{max-width:640px;} .techDesignLine2{top:-1px;left:354px;} .techDesignLine2 svg{max-width:200px;} .techDesignWord1{top:2px;left:-19.5px;} .techDesignWord1 svg{max-width:390px;} .techDesignLine3{top:631px;left:4px;} .techDesignLine3 svg{max-width:360px;} .techDesignLine4{top:-2px;left:261px;} .techDesignLine4 svg{max-width:345px;} .techDesignLine5{top:226px;left:603px;} .techDesignLine5 svg{max-width:270px;} .techDesignLine6{top:483px;left:842px;} .techDesignLine6 svg{max-width:396px;} .techDesignLine7{top:-150px;left:785.5px;} .techDesignLine7 svg{max-width:320px;} .techDesignWord2{top:123px;left:218px;} .techDesignWord2 svg{max-width:360px;} .techDesignLine8{top:338px;left:106px;} .techDesignLine8 svg{max-width:1100px;} .techDesignWord3{top:-19px;left:40px;} .techDesignWord3 svg{max-width:300px;} /* Technologies Design CSS End ----*/ /* Ecommerce CSS Start ----*/ .ecommerceConcept-img-text{left:-150px;} .ecommerceConcept-img-text h2{font-size:44px;} .ecommerceConcept-section.mh965{min-height:750px;background-position-x:calc(50% + -0px);} .customers-section.mh900{min-height:690px;} .refined-section.mh850{min-height:600px;} .clarified-section.mh845{min-height:570px;} .margin-section.mh850{min-height:620px;} .ecommerceTrigger2{top:-150px;} .ecommerceTrigger3{top:150px;} .ecommerceTrigger4{top:-300px;} .ecommerceTrigger5{top:0px;} .ecommerceTrigger6{top:-390px;} .ecommerceTrigger7{top:10px;} .ecommerceTrigger8{top:-290px;} .ecommerceTrigger9{top:60px;} .ecommerceTrigger10{top:-260px;} .ecommerceTrigger11{top:90px;} .ecommerceMain{top:-147px;right:98px;} .ecommerceMain svg{max-width:430px;} .ecommerceLine1{top:257px;left:863px;} .ecommerceLine1 svg{max-width:270px;} .ecommerceLine2{left:672px;} .ecommerceLine2 svg{max-width:510px;} .ecommerceLine3{top:352px;left:814px;} .ecommerceLine3 svg{max-width:460px;} .ecommerceLine4{left:5px;} .ecommerceLine4 svg{max-width:810px;} .ecommerceWord1{top:-9.5px;left:70px;} .ecommerceWord1 svg{max-width:400px;} .ecommerceLine5{top:-222px;left:519px;} .ecommerceLine5 svg{max-width:150px;} .ecommerceWord2{left:-54px;} .ecommerceWord2 svg{max-width:430px;} .ecommerceLine6{top:-242px;left:2px;} .ecommerceLine6 svg{max-width:1155px;} .ecommerceWord3{top:-49.5px;} .ecommerceWord3 svg{max-width:400px;} .ecommerceLine7{top:-185px;left:544px;} .ecommerceLine7 svg{max-width:220px;} .ecommerceWord4{top:-64px;left:49px;} .ecommerceWord4 svg{max-width:360px;} .ecommerceWord8 svg{max-width:440px;} /* Ecommerce CSS End ----*/ /* Resources CSS Start ----*/ .resource-banner.mh500{min-height:400px;} .resource-filter select{min-height:60px;} .resourceBox{padding:15px 20px;} /* Resources CSS End ----*/ /* Blog CSS Start ----*/ .meet-your-need-list ul li span{padding:35px 10px;} .blog-banner.mh435{min-height:400px;} /* Blog CSS End ----*/ /* Services CSS Start ----*/ .service-main-web.mh850{min-height:650px;} .service-main-mobile.mh900{min-height:680px;} .service-main-design.mh830{min-height:650px;} .service-main-marketing.mh850{min-height:680px;} .service-main-maintenance.mh850{min-height:690px;} .service-main-hosting.mh850{min-height:680px;} .service-main-resources.mh850{min-height:650px;} .service-main-adhoc.mh850{min-height:690px;} .servicesTrigger1{top:-500px;} .servicesTrigger4{top:-300px;} .servicesTrigger5{top:50px;} .servicesTrigger6{top:250px;} .servicesTrigger7{top:-200px;} .servicesTrigger9{top:-340px;} .servicesTrigger10{top:110px;} .servicesTrigger11{top:-330px;} .servicesTrigger12{top:120px;} .servicesTrigger13{top:-330px;} .servicesTrigger14{top:120px;} .servicesTrigger15{top:-360px;} .servicesTrigger16{top:90px;} .servicesTrigger17{top:-390px;} .servicesTrigger18{top:110px;} .servicesMain{top:-11px;right:108px;} .servicesMain svg{max-width:350px;} .servicesLine1{top:-127px;left:530px;} .servicesLine1 svg{max-width:570px;} .servicesWord1{top:1px;left:-57px;} .servicesWord1 svg{max-width:510px;} .servicesLine2{top:454px;left:1102px;} .servicesLine2 svg{max-width:82px;} .servicesWord2{left:86px;top:7px;} .servicesWord2 svg{max-width:370px;} .servicesLine3{left:77px;} .servicesLine3 svg{max-width:1053px;} .servicesLine4{top:500px;left:406px;} .servicesLine4 svg{max-width:150px;} .servicesWord3{top:-1px;left:-97px;} .servicesWord3 svg{max-width:450px;} .servicesLine5{left:473px;} .servicesLine5 svg{max-width:140px;} .servicesLine6{top:-192px;left:154px;} .servicesLine6 svg{max-width:900px;} .servicesWord4{top:-15px;left:40px;} .servicesWord4 svg{max-width:350px;} .servicesLine7{top:-188px;left:436px;} .servicesLine7 svg{max-width:170px;} .servicesWord5{top:-6.5px;left:-120px;} .servicesWord5 svg{max-width:460px;} .servicesLine8{top:-180px;left:150px;} .servicesLine8 svg{max-width:900px;} .servicesWord6{top:-22px;left:56px;} .servicesWord6 svg{max-width:390px;} .servicesLine9{top:-183px;left:429px;} .servicesLine9 svg{max-width:155px;} .servicesWord7{top:-2px;left:-124px;} .servicesWord7 svg{max-width:450px;} .servicesLine10{top:-194px;left:149px;} .servicesLine10 svg{max-width:910px;} .servicesWord8{top:-23px;left:98px;} .servicesWord8 svg{max-width:370px;} /* Services CSS End ----*/ /* Services Design CSS Start ----*/ .web-together-section.mh750{min-height:600px;} .serDesignMain{right:50px;top:-60px;} .serDesignMain svg{max-width:500px;} .portfolio-slider .slick-slide img{max-width:500px;} /* Services Design CSS End ----*/ /* FAQs CSS Start ----*/ .faq-banner.mh435{min-height:400px;} /* FAQs CSS End ----*/ /* Paid Media CSS Start ----*/ .strategy-growth.mh1000{min-height:750px;} .presentation-matters-section.mh950{min-height:750px;} .adwords-section .adwords-box-wapper .adwords-box-content{padding-left:25px;} .paidMediaTrigger3{top:-100px;} .paidMediaTrigger4{top:400px;} .paidMediaTrigger5{top:900px;} .paidMediaMain{top:-37.5px;right:14px;} .paidMediaMain svg{max-width:560px;} .paidMediaLine1{top:-259px;left:20px;} .paidMediaLine1 svg{max-width:1040px;} .paidMediaWord1 svg{max-width:430px;} .paidMediaWord1{left:71px;} .paidMediaWord5 svg{max-width:440px;} .paidMediaWord6 svg{max-width:450px;} /* Paid Media CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .communication-key-section.mh790{min-height:550px;} .dedicated-resources-section.mh1175{min-height:925px;} .dedicated-box .box-title{width:160px;height:160px;} .why-choose-section.mh1280{min-height:874px;} .hybrid-offshoring.mh820{min-height:600px;} .administration.mh820{min-height:650px;} .comprehensive.mh820{min-height:600px;} .agile.mh820{min-height:600px;} .staffing.mh820{min-height:600px;} .backlog.mh820{min-height:600px;} .dedicated-box p{margin-top:20px;} .technologies-lists{gap:27px;margin-top:27px;} .skill-sets-list .resourceBox{margin-top:27px;} .hireDediTrigger1{top:-450px;} .hireDediTrigger3{top:370px;} .hireDediTrigger4{top:570px;} .hireDediTrigger5{top:-120px;} .hireDediTrigger6{top:80px;} .hireDediTrigger7{top:-220px;} .hireDediTrigger8{top:180px;} .hireDediTrigger9{top:-270px;} .hireDediTrigger10{top:130px;} .hireDediTrigger11{top:-270px;} .hireDediTrigger12{top:130px;} .hireDediTrigger13{top:-270px;} .hireDediTrigger14{top:130px;} .hireDediTrigger15{top:-270px;} .hireDediTrigger16{top:30px;} .hireDedicatedMain{right:25px;top:-23px;} .hireDedicatedMain svg{max-width:650px;} .hireDediLine1{top:-193px;left:1093px;} .hireDediLine1 svg{max-width:142px;} .hireDediLine2{left:16px;} .hireDediLine2 svg{max-width:1170px;} .hireDediWord1{left:76px;top:-70px;} .hireDediWord1 svg{max-width:450px;} .hireDediLine3{top:706.5px;left:523px;} .hireDediLine3 svg{max-width:105px;} .hireDediLine4{left:580px;} .hireDediLine4 svg{max-width:55px;} .hireDediWord2{left:-72px;top:10px;} .hireDediWord2 svg{max-width:490px;} .hireDediLine5{top:-165px;left:61px;} .hireDediLine5 svg{max-width:1130px;} .hireDediWord3{top:9px;left:33px;} .hireDediWord3 svg{max-width:450px;} .hireDediLine6{top:-161px;left:485px;} .hireDediLine6 svg{max-width:120px;} .hireDediWord4{top:2px;left:-102px;} .hireDediWord4 svg{max-width:500px;} .hireDediLine7{top:-218px;left:28px;} .hireDediLine7 svg{max-width:1160px;} .hireDediWord5{top:1px;left:84px;} .hireDediWord5 svg{max-width:420px;} .hireDediLine8{top:-142px;left:530px;} .hireDediLine8 svg{max-width:268px;} .hireDediWord6{top:-31px;left:19px;} .hireDediWord6 svg{max-width:350px;} .hireDediLine9{top:-226px;left:35px;} .hireDediLine9 svg{max-width:1150px;} .hireDediWord7{left:94px;top:-25px;} .hireDediWord7 svg{max-width:415px;} /* Hire Dedicated Resources CSS End ----*/ /* CMS CSS Start ----*/ .cms-online-identity.mh900{min-height:660px;} .cmsMain{top:-100px;right:50px;} .cmsMain svg{max-width:450px;} .cmsWord4 svg{max-width:400px;} /* CMS CSS End ----*/ /* Mobile Apps CSS Start ----*/ .mobileAppsMain{top:-90px;right:50px;} .mobileAppsMain svg{max-width:460px;} .mobileAppsWord4 svg{max-width:380px;} /* Mobile Apps CSS End ----*/ /* Mobile Application Development CSS Start ----*/ .step-approach-section.mh1080{height:900px;min-height:900px;padding:calc(var(--sectionSpace) * 1.2) 0px;} .step-approach-section .sec-title{padding-bottom:calc(var(--sectionSpace) * 1.2);} .step-approach-section .slick-dots li:after{right:-310%;} .step-approach-section .slick-dots li:before{right:-310%;} .mobileAppDeveMain{top:-100px;right:50px;} .mobileAppDeveMain svg{max-width:530px;} .researchSvg svg{max-width:437px;} .technicalSvg svg{max-width:365px;} .prototypingSvg svg{max-width:459px;} .developmentSvg svg{max-width:485px;} .designSvg svg{max-width:443px;} .testingSvg svg{max-width:354px;} .deploymentSvg svg{max-width:454px;} .maintenanceSvg svg{max-width:358px;} @keyframes runLine2{0%{right:0px;}100%{right:-335%;}} /* Mobile Application Development CSS End ----*/ /* Ad Hoc CSS Start ----*/ .ecommerceConcept-section.mh900{min-height:700px;} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-70px;} .adHocMain{top:-150px;right:50px;} .adHocMain svg{max-width:600px;} .adHocWord1 svg{max-width:273px;} .adHocWord2 svg{max-width:306px;} .adHocWord3 svg{max-width:332px;} /* Ad Hoc CSS End ----*/ /* Web Development CSS Start ----*/ .webDevelopmentMain svg{max-width:600px;} .web-together-section.mh880{min-height:600px;} .tab-slider .slick-dots{min-width:530px;max-width:530px;} /* Web Development CSS End ----*/ /* Hosting CSS Start ----*/ .hostingMain{top:-50px;right:50px;} .hostingMain svg{max-width:500px;} /* Hosting CSS End ----*/ /* Marketing CSS Start ----*/ .demands-section.mh730{min-height:550px;} .focus-section .focus-boxes .box-item a{padding:50px 50px 70px;} .markeingMain{top:-50px;right:50px;} .markeingMain svg{max-width:580px;} /* Marketing CSS End ----*/ /* Thank You or 404 CSS Start ----*/ .page404.mh820,.thank-you.mh820{min-height:650px;} /* Thank You or 404 CSS End ----*/ /* CMS Custom Development CSS Start ----*/ .laravelMain{right:50px;top:-20px;} .laravel-banner.mh700{min-height:600px;} /* CMS Custom Development CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .our-work-process .slick-dots li:before,.our-work-process .slick-dots li:after{right:-290%;} .customMain svg,.workProcessSvg svg{max-width:400px;} .templatedMain svg,.ecommerceStoreMain svg,.saasApplicationMain svg{max-width:350px;} /* Services Inner Pages CSS End ----*/ /* Graphic Design Page CSS Start ----*/ .graphic-design-banner.mh800{min-height:700px;} .graphic-design-section.mh1080{min-height:890px;} .why-partner-section.mh1080{min-height:900px;} .graphicDesignTrigger1{top:-200px;} .graphicDesignTrigger2{top:200px;} .graphicDesignTrigger3{top:450px;} .graphicDesignTrigger4{top:-140px;} .graphicDesignTrigger5{top:160px;} .graphicMain{right:44px;top:-46px;} .graphicMain svg{max-width:360px;} .graphicDesignLine1{top:-55px;left:148px;} .graphicDesignLine1 svg{max-width:900px;} .graphicDesignWord1{top:25px;left:10.5px;} .graphicDesignWord1 svg{max-width:400px;} .graphicDesignLine2{top:683px;left:345px;} .graphicDesignLine2 svg{max-width:260px;} .graphicDesignLine3{left:540px;} .graphicDesignLine3 svg{max-width:120px;} .graphicDesignWord2{top:-25px;left:45px;} .graphicDesignWord2 svg{max-width:420px;} /* Graphic Design Page CSS End ----*/ /* 3D Rendering Page CSS Start ----*/ .rendering-banner.mh800{min-height:700px;} .renderingTrigger1{top:-150px;} .renderingTrigger2{top:250px;} .renderingTrigger3{top:500px;} .renderingTrigger4{top:-90px;} .renderingTrigger5{top:210px;} .renderingMain{top:1px;right:119px;} .renderingMain svg{max-width:300px;} .renderingLine1{top:-91px;left:36px;} .renderingLine1 svg{max-width:1100px;} .renderingWord1{top:12px;left:-10px;} .renderingWord1 svg{max-width:460px;} .renderingLine2{top:570px;left:488px;} .renderingLine2 svg{max-width:270px;} .renderingLine3{left:757px;} .renderingLine3 svg{max-width:120px;} .renderingWord2{top:-17px;left:29px;} .renderingWord2 svg{max-width:450px;} /* 3D Rendering Page CSS End ----*/ } @media only screen and (max-width:1199.98px){ /* Common CSS Start ----*/ :root{--font-h1:50px;--font-h2:42px;--font-h3:26px;--font-h4:24px;--font-h5:20px;--font-h6:18px;--body-font:18px;} .container{max-width:992px;padding-left:30px;padding-right:30px;} .container-fluid{max-width:992px;} .big-section-space{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);} .mid-section-space{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);} .lineClass{display:none;} .wordClass{top:0px;left:0px;} .XLnotNoneBr br{display:none;} .mega-menu > li > .mega-menu-sub{right:30px;} .mega-menu-sub.xl{max-width:750px;} .mega-menu-sub.md{max-width:932px;} .mega-menu > li > .mega-menu-sub.xl > .mega-menu-sub-inner{flex-direction:column;} .mega-menu-sub.xl .getInTouch{min-width:100%;max-width:100%;} .mega-menu-sub.xl .getInTouch .content{margin-top:0px;margin-left:50%;} .mega-menu-sub.xl .getInTouch svg{height:115px;left:-42px;top:78px;transform:rotate(30deg);} .mega-menu > li:nth-last-child(2) .mega-menu-sub .mega-menu-sub-inner:before{right:183px;} .mega-menu > li:nth-last-child(3) .mega-menu-sub .mega-menu-sub-inner:before{right:255px;} .mega-menu > li:nth-last-child(5) .mega-menu-sub .mega-menu-sub-inner:before{right:410px;} .mega-menu > li:nth-last-child(6) .mega-menu-sub .mega-menu-sub-inner:before{right:515px;} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ .header{padding:20px 0px;} .footer-logos img,.header .brand-logo img{max-height:34px;} .mega-menu{gap:25px;} footer .footer-menu h5{font-size:20px;margin-bottom:15px;padding-bottom:10px;} /* footer .footer-contact-wrap{gap:30px;} */ footer .footer-menu ul li a{font-size:16px;} footer .footer-menu .address-list.phone-icon .address-icon{flex:0 0 22px;} footer .footer-menu .address-list.phone-icon .address-icon img{width:22px;} footer .footer-menu ul.address-list li a{line-height:24px;} footer .footer-menu ul.address-list.phone-icon li a{font-size:24px;} footer .hd-social li:not(:last-child){margin-right:18px;} footer .middle-footer ul li img{max-width:140px;} .mind-section .mind-sec-details{flex-direction:column;gap:30px;} .mind-section:hover .mind-sec-details h3{transform:translateX(0);} .mind-section .get-started,.mind-section:hover .get-started{position:relative;right:0px;opacity:1;} .mind-section{min-height:auto;} .my-tab-header h2{min-width:230px;} .going-big p{margin-top:20px !important;} .pricing-table > ul > li,.pricing-table .cubespinner ul > li{padding:25px 15px;} .pricing-table ul li:nth-child(2){padding-left:15px;} .pricing-table ul li:last-child{padding-right:15px;} .pricing-table ul li:first-child{width:320px;padding:25px 15px;} .pricing-table ul li:first-child ~ li{width:calc((100% - 320px) / 4);} .pricing-table .price-info h4,.pricing-table .text .changeTitle span,.pricing-table .text.normaltext .changeTitle span{font-size:22px;} .pricing-table ul.col li:last-child:after{width:calc(100% - 15px);} .pricing-table ul.col li:first-child:after{width:calc(100% - 30px);max-width:initial;} .pricing-table ul.col li:nth-child(2):after{left:calc(50% + 15px);} .pricing-table .price-info span,.pricing-table .text .changeTitle.hour span:nth-last-child(-n + 5),.pricing-table .text .changeTitle.year span:nth-last-child(-n + 6),.pricing-table .text .changeTitle.persantage span:nth-last-child(-n + 1){font-size:16px;} .price-progress-bar ul li .progress-total h2{font-size:34px;} .tech-section .techservices .tech-names{padding:20px 0px 20px 20px;} .tech-section .techservices .flex-md-row-reverse .tech-names{padding:20px 20px 20px 0px;} .tech-section .techservices .container-fluid + .container-fluid{margin-top:100px;} .bannerSection.mh1080{min-height:700px;} .trans-section.mh1300{min-height:700px;} .profit-section.mh1507{min-height:1200px;} .my-tab.mh1253{min-height:800px;} .going-big.mh464{min-height:300px;} .tech-box.mh595{min-height:320px;} .tech-names.mh850{min-height:600px;} .tech-names.mh820{min-height:470px;} .tech-names.mh680{min-height:450px;} .tech-names.mh650{min-height:450px;} .section-ourwork.mh1476{min-height:900px;} .homeTrigger2{top:0px;} .homeTrigger4{top:-100px;} .homeTrigger8{top:300px;} .homeTrigger10{top:1000px;} .homeTrigger13{top:1550px;} .homeTrigger15{top:2200px;} .homeTrigger18{top:-50px;} .homeTrigger19{top:150px;} .homeMain{right:30px;top:80px;} .homeMain svg{max-width:500px;} .homeWord1 svg{max-width:350px;} .homeWord2{top:-30px;left:-120px;} .homeWord2 svg{max-width:500px;} .homeWord3 svg{max-width:400px;} .homeWord4{text-align:right;} .homeWord4 svg{max-width:400px;} .homeWord5{left:100px;} .homeWord5 svg{max-width:250px;} .homeWord6{left:50px;} .homeWord6 svg{max-width:350px;} .section-ourwork.mh1476{min-height:auto;padding:calc(var(--sectionSpace) - 0px) 0px;} .section-ourwork .sec-title{padding-bottom:calc(var(--sectionSpace) / 2);} .section-ourwork .container{top:0px;left:0px;} .section-ourwork .homeWord7,.section-ourwork .homeWord8{display:none;} .section-ourwork .work-video-iframe{overflow:hidden;width:100%;aspect-ratio:16/9;pointer-events:none;} .section-ourwork .work-video{position:relative;top:0px;transform:none;width:300%;height:101%;margin-left:-100%;margin-top:-0.1px;opacity:1;-webkit-mask-image:none;} /* Home Page CSS End ----*/ /* Why WLIQ Page CSS Start ----*/ .strengths-section .strengths-img{bottom:-30px;} .creative-production.mh965{min-height:600px;} .whyWliqMain{top:0px;right:30px;} .whyWliqMain svg{max-width:440px;} .whyWliqWord1{top:-78px;left:50px;} .whyWliqWord1 svg{width:150px;} /* Why WLIQ Page CSS End ----*/ /* About Page CSS Start ----*/ .about-banner .hero-text{max-width:550px;} .section-skill.mh900,.section-schedule.mh865,.section-success.mh950{min-height:600px;} .section-wliq.mh1060{min-height:650px;} .aboutTrigger3,.aboutTrigger5,.aboutTrigger6,.aboutTrigger8,.aboutTrigger11,.aboutTrigger14,.aboutTrigger16,.aboutTrigger18{top:0px;} .aboutMain{right:30px;} .aboutWord1,.aboutWord3,.aboutWord5{text-align:right;} .aboutWord6{text-align:center;} .aboutWord7{left:-80px;} .aboutWord5 svg{left:auto;} .aboutWord7 svg{max-width:450px;} /* About Page CSS End ----*/ /* Team CSS Start ----*/ .teamMain{right:30px;} .teamMain svg{max-width:450px;} .our-team-content .col-lg-4:nth-child(3n + 1):before{left:30px;right:30px;} /* Team CSS End ----*/ /* AMI Page CSS Start ----*/ .complimentary-section.mh453{min-height:300px;} .change-investment-section .adwords-section{padding-top:50px;} .change-investment-section .adwords-box .adwords-box-wapper + .adwords-box-wapper{margin-top:25px !important;border-top:2px solid var(--lightgrey10) !important;} .amiMain{top:-45px;right:30px;} .amiMain svg{max-width:400px;} .amiWord1{left:30px;} .amiWord1 svg{max-width:350px;} .amiWord2{text-align:right;} .amiWord2 svg{max-width:370px;} .amiWord3 svg{max-width:370px;} .amiWord4{left:60px;} .amiWord4 svg{max-width:320px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .we-make-section.mh900,.hiring-nurturing-section.mh950,.passionate-driven-section.mh900{min-height:550px;} .value-section.mh1080{min-height:800px;max-height:800px;} .job-position{padding-top:50px;max-height:none;overflow:auto;padding-right:0px;margin:0px;} .job-position .job-box:last-child .job-title{padding-bottom:var(--xlarge);} .value-section{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);} .value-section .sec-title{top:var(--sectionSpace);} .value-section .slick-slide .justify-content-end{justify-content:center !important;} .value-section .slick-slide .justify-content-end > div{margin-right:0 !important;margin-left:0px;} .joinTeamTrigger5{top:0px;} .joinTeamTrigger8{top:100px;} .joinTeamMain{right:100px;top:-80px;} .joinTeamMain svg{max-width:250px;} .joinTeamWord1 svg{max-width:400px;} .joinTeamWord2{left:30px;} .joinTeamWord2 svg{max-width:350px;} .joinTeamWord3 svg{max-width:400px;} .gratefulSvg svg{max-width:250px;} .fairSvg svg{max-width:400px;} .visionarySvg svg{max-width:440px;} .value-section .gratefulSvg{margin-right:30px;} .value-section .slick-dots{bottom:-130px;} .value-section .teamSvg svg{max-width:405px;} .value-section .genuineSvg svg{max-width:330px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .contact-banner{align-items:center !important;} .contact-form-details{max-width:100%;} .contact-info label{font-size:16px;} .contact-info-email,.contact-info-tel,.contact-info-address{width:33.33%;top:0px;left:0px;padding:0 20px;} .contactTrigger2,.contactTrigger4,.contactTrigger6{top:-100px;} .contact-info-tel > div,.contact-info-email > div,.contact-info-address > div{flex-direction:column;text-align:center;} .contact-info-email .col-auto,.contact-info-tel .col-auto,.contact-info-address .col-auto{min-height:160px;display:flex;align-items:center;margin:0 auto 20px;} .contact-right .contact-info{text-align:center !important;} .contact-right .wordClass{text-align:center;} .contact-right{flex-direction:row;} .contact-form-details{padding-top:100px;} .contact-right .animation-text-right,.contact-right .animation-text-left{margin:0 auto;opacity:1;-webkit-transform:translateY(0) translateX(0);-ms-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);} .contact-info a{font-size:var(--font-h6);} .contact-form-details .mt-5{margin-top:2rem !important;} .contactMain{left:auto;right:30px;top:-80px;} .contactMain svg{max-width:400px;} .contactWord1 svg{max-width:190px;} .contactWord2 svg{max-width:130px;} .contactWord3 svg{max-width:90px;} /* Contact Page CSS End ----*/ /* Technologies CSS Srart ----*/ .tech-main-cms.mh850{min-height:550px;} .tech-main-ecommerce.mh900{min-height:600px;} .tech-main-design.mh830{min-height:600px;} .tech-main-paidmedia.mh850{min-height:550px;} .tech-main-mobileapps.mh850{min-height:540px;} .tech-main-page .wordClass{text-align:center;} .technologiesTrigger10,.technologiesTrigger12{top:0px;} .technologiesMain{top:0px;right:20px;} .technologiesMain svg{max-width:600px;} .technologiesWord1 svg{max-width:320px;} .technologiesWord2 svg{max-width:380px;} .technologiesWord3 svg{max-width:290px;} .technologiesWord4 svg{max-width:330px;} .technologiesWord5 svg{max-width:390px;} /* Technologies CSS End ----*/ /* Technologies Design CSS Start ----*/ .whywl-section.mh1060,.technology-design-banner.mh900,.buildbrand-section.mh1087{min-height:700px;} .buildbrand-section.mh1087{min-height:650px;} .technologies-section.mh3150{min-height:2200px;} .paid-media-service-section.mh730{min-height:550px;} .whywl-section.mh1060{background-position-x:calc(50% + 110px);} .technologies-section .technologies-icon-plus .plusdetails{padding:30px;font-size:16px;min-width:400px;} .technologies-icon-plus .plusdetails h5{margin-bottom:10px;} .whywl-img-text{left:-135px;} .whywl-text{margin-left:70px;} .techDesignTrigger3{top:-350px;} .techDesignTrigger9{top:-80px;} .techDesignMain{top:-20px;} .techDesignMain svg{max-width:550px;} .techDesignWord1 svg{max-width:350px;} .techDesignWord2{top:80px;text-align:right;} .techDesignWord2 svg{max-width:300px;} .techDesignWord3{text-align:center;} .techDesignWord3 svg{max-width:270px;} /* Technologies Design CSS End ----*/ /* Ecommerce CSS Start ----*/ .customers-section.mh900{min-height:570px;} .refined-section.mh850{min-height:550px;} .clarified-section.mh845{min-height:500px;} .ecommerceConcept-section.mh965{min-height:650px;} .ecommerceConcept-text{margin-left:70px;} .ecommerceConcept-img-text{left:-135px;} .ecommerceTrigger5{top:-100px;} .ecommerceTrigger7{top:-70px;} .ecommerceTrigger9{top:-40px;} .ecommerceTrigger11{top:0px;} .ecommerceMain{top:-100px;right:50px;} .ecommerceMain svg{max-width:350px;} .ecommerceWord1 svg{max-width:360px;} .ecommerceWord2 svg{max-width:370px;} .ecommerceWord3 svg{max-width:370px;} .ecommerceWord4 svg{max-width:340px;} .ecommerceWord8 svg{max-width:400px;} .ecommerceWord1,.ecommerceWord2,.ecommerceWord3,.ecommerceWord4{text-align:center;} /* Ecommerce CSS End ----*/ /* Resources CSS Start ----*/ .resource-filter select{margin-left:10px;margin-right:10px;padding-right:50px;padding-bottom:12px;min-height:52px;} .resource-filter .autoWidth:before,.resource-filter .autoWidth2:before{right:30px;} /* Resources CSS End ----*/ /* Blog CSS Start ----*/ .blog-list{padding-bottom:calc(var(--sectionSpace) - 70px);} .blog-listing-grid,.filters-results ul{margin-top:-20px;} .blog_post_result{margin-top:3em;} .blog-banner.mh435{min-height:300px;} .tagsSlideToggle ul.pusTags{column-count:3;-webkit-column-count:3;} /* Blog CSS End ----*/ /* Services CSS Start ----*/ .service-main-web.mh850,.service-main-maintenance.mh850,.service-main-mobile.mh900,.service-main-design.mh830,.service-main-hosting.mh850,.service-main-resources.mh850,.service-main-adhoc.mh850,.service-main-marketing.mh850{min-height:600px;} .service-main-page .wordClass{text-align:center;} .servicesTrigger5,.servicesTrigger8,.servicesTrigger10,.servicesTrigger12,.servicesTrigger14,.servicesTrigger16,.servicesTrigger18{top:0px;} .servicesMain{right:50px;} .servicesMain svg{max-width:300px;} .servicesWord1 svg{max-width:450px;} .servicesWord2 svg{max-width:340px;} .servicesWord3 svg{max-width:420px;} .servicesWord4 svg{max-width:330px;} .servicesWord5 svg{max-width:430px;} .servicesWord6 svg{max-width:340px;} .servicesWord7 svg{max-width:420px;} .servicesWord8 svg{max-width:350px;} /* Services CSS End ----*/ /* Services Design CSS Start ----*/ .web-together-section.mh750{min-height:530px;} .serDesignMain{right:30px;top:-50px;} .serDesignMain svg{max-width:450px;} .portfolio-slider .slick-slide img{max-width:420px;} /* Services Design CSS End ----*/ /* FAQs CSS Start ----*/ .faq-banner.mh435{min-height:300px;} .faqtitle::before{width:22px;height:22px;} /* FAQs CSS End ----*/ /* Paid Media CSS Start ----*/ .strategy-growth.mh1000{min-height:600px;} .presentation-matters-section.mh950{min-height:600px;} .paidMediaTrigger2{top:0px;} .paidMediaTrigger6{top:-150px;} .paidMediaMain{top:-50px;} .paidMediaMain svg{max-width:490px;} .paidMediaWord1 svg{max-width:380px;} .paidMediaWord2 svg{max-width:349px;} .paidMediaWord3 svg{max-width:305px;} .paidMediaWord4 svg{max-width:285px;} .paidMediaWord5{text-align:right;} .paidMediaWord5 svg{max-width:350px;} .paidMediaWord6 svg{max-width:400px;} /* Paid Media CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .why-choose-section .sec-title.pb-250{padding-bottom:calc(var(--sectionSpace));} .dedicated-resources-section{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);} .dedicated-box{min-height:500px;} .dedicated-box .box-title{width:150px;height:150px;transform:translateY(125px);} .dedicated-box p{margin-top:15px;} .dedicated-resources-section .col-md-6:nth-child(2) .dedicated-box{border-right:none;border-bottom:2px solid var(--secondary10);} .dedicated-resources-section .col-md-6:nth-child(1) .dedicated-box{border-bottom:2px solid var(--secondary10);} .hireDediTrigger3{top:250px;} .hireDediTrigger6{top:-50px;} .hireDediTrigger8,.hireDediTrigger10,.hireDediTrigger12,.hireDediTrigger14,.hireDediTrigger16{top:0px;} .hireDedicatedMain{right:-30px;top:-20px;} .hireDedicatedMain svg{max-width:600px;} .hireDediWord2 svg{max-width:440px;} .hireDediWord3 svg{max-width:400px;} .hireDediWord4 svg{max-width:440px;} .hireDediWord5 svg{max-width:380px;} .hireDediWord6,.hireDediWord4,.hireDediWord2{text-align:right;} /* Hire Dedicated Resources CSS End ----*/ /* CMS CSS Start ----*/ .cms-online-identity.mh900{min-height:600px;} .adwords-section .adwords-box-wapper .adwords-box-content{padding-left:20px;} .adwords-section .adwords-box-wapper span{height:80px;width:80px;min-height:80px;min-width:80px;} .adwords-section .adwords-box-wapper img{max-width:40px;max-height:40px;} .adwords-section h4{margin-bottom:10px;} .adwords-section .section-content.mt-5{margin-top:0 !important;} .cmsMain{top:-90px;right:30px;} .cmsMain svg{max-width:380px;} .cmsWord1 svg{max-width:427px;} .cmsWord2 svg{max-width:406px;} .cmsWord3 svg{max-width:400px;} .cmsWord4 svg{max-width:360px;} /* CMS CSS End ----*/ /* Mobile Apps CSS Start ----*/ .ad-hoc-agencies-section h3{padding-top:calc(var(--sectionSpace) * 0.5);} .mobileAppsTrigger4{top:-60px;} .mobileAppsMain{top:-70px;right:30px;} .mobileAppsMain svg{max-width:400px;} .mobileAppsWord1 svg{max-width:375px;} .mobileAppsWord2 svg{max-width:285px;} .mobileAppsWord3 svg{max-width:318px;} .mobileAppsWord4 svg{max-width:340px;} /* Mobile Apps CSS End ----*/ /* Mobile Application Development CSS Start ----*/ .step-approach-section.mh1080{height:800px;min-height:800px;padding:var(--sectionSpace) 0px;} .step-approach-section .step-approach-slider .justify-content-end > div{margin-right:calc(var(--sectionSpace) * 0.3);} .step-approach-section .sec-title{padding-bottom:var(--sectionSpace);} .step-approach-section .slick-dots li:after{right:-280%;} .step-approach-section .slick-dots li:before{right:-280%;} .pocketful-potential-section .mb-100{margin-bottom:calc(var(--sectionSpace) * 0.7);} .technology-section .technology-list span{height:75px;width:75px;} .technology-section .technology-list img{max-width:45px;max-height:50px;} .mobileAppDeveMain{top:-80px;right:30px;} .mobileAppDeveMain svg{max-width:450px;} .researchSvg svg{max-width:387px;} .technicalSvg svg{max-width:345px;} .prototypingSvg svg{max-width:410px;} .developmentSvg svg{max-width:435px;} .designSvg svg{max-width:400px;} .testingSvg svg{max-width:324px;} .deploymentSvg svg{max-width:400px;} .maintenanceSvg svg{max-width:328px;} @keyframes runLine2{0%{right:0px;}100%{right:-290%;}} /* Mobile Application Development CSS End ----*/ /* Ad Hoc CSS Start ----*/ .ecommerceConcept-section.mh900{min-height:600px;} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-60px;} .ad-hoc-with-us-section .sec-title{padding-bottom:calc(var(--sectionSpace) * 0.5);} .hoc-with-box,.hoc-with-box:not(:hover){height:100%;border-bottom:2px solid var(--secondary10);} .hoc-with-box p,.hoc-with-box:not(:hover) p{position:relative;opacity:1;height:auto;transform:none;padding-bottom:25px;border-bottom:0px;} .hoc-with-box h4 svg{display:none;} .hoc-with-box h4{padding:25px 0px;} .adHocMain{top:-120px;right:30px;} .adHocMain svg{max-width:500px;} .adHocWord1 svg{max-width:260px;} .adHocWord2 svg{max-width:286px;} .adHocWord3 svg{max-width:312px;} /* Ad Hoc CSS End ----*/ /* Web Development CSS Start ----*/ .tab-slider .tabContent{padding:30px;} .tab-slider .slick-dots{min-width:450px;max-width:450px;} .tab-slider .slick-dots li{padding-left:25px;font-size:var(--font-h5);} .tab-slider .slick-dots li img{width:20px;} .tab-slider .slick-dots li.slick-active img{right:30px;} /* Web Development CSS End ----*/ /* Hosting CSS Start ----*/ .focus-section .focus-boxes .box-item{min-height:380px;} .focus-section .focus-boxes .box-item a{padding:40px 40px 70px;} .focus-section .row.align-items-end{align-items:flex-start !important;} .our-forte-section .focus-boxes .box-item{min-height:320px !important;} .focus-section .focus-boxes.small-height .box-item{min-height:270px;} .focus-section h4{margin-bottom:20px;} .focus-section .mb-100{margin-bottom:calc(var(--sectionSpace) / 2);} .focus-section .mb-50{margin-bottom:calc(var(--sectionSpace) / 3);} .hostingMain{right:30px;} .hostingMain svg{max-width:460px;} /* Hosting CSS End ----*/ /* Marketing CSS Start ----*/ .demands-section.mh730{min-height:500px;} .markeingMain{top:-30px;right:30px;} .markeingMain svg{max-width:460px;} /* Marketing CSS End ----*/ /* Gallery CSS Start ----*/ .resourceLists{padding-bottom:calc(var(--sectionSpace) - 20px);} .gallery-section{padding-top:var(--sectionSpace);padding-bottom:var(--sectionSpace);} /* Gallery CSS End ----*/ /* Thank You or 404 CSS Start ----*/ .page404.mh820,.thank-you.mh820{min-height:600px;} /* Thank You or 404 CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .workProcessSvg svg{max-width:380px;} .custom-banner.mh700,.templated-banner.mh700,.ecommerce-store-banner.mh700,.saas-application-banner.mh700{min-height:600px;} .our-work-process .slick-dots li:before,.our-work-process .slick-dots li:after{right:-240%;} .our-work-process .sec-title{padding-bottom:calc(var(--sectionSpace) / 2);} /* Services Inner Pages CSS End ----*/ /* Graphic Design Page CSS Start ----*/ .graphic-design-section.mh1080{min-height:800px;} .why-partner-section.mh1080{min-height:850px;} .graphicMain{right:50px;top:-100px;} .graphicMain svg{max-width:330px;} .graphicDesignWord1 svg{max-width:360px;} .graphicDesignWord2 svg{max-width:380px;} /* Graphic Design Page CSS End ----*/ /* 3D Rendering Page CSS Start ----*/ .renderingMain{top:-70px;right:40px;} .renderingWord1 svg{max-width:400px;} .renderingWord2 svg{max-width:400px;} /* 3D Rendering Page CSS End ----*/ } @media only screen and (max-width:991.98px){ /* Common CSS Start ----*/ :root{--font-h1:44px;--font-h2:38px;--font-h3:24px;--font-h4:22px;--font-h5:20px;--font-h6:18px;--body-font:18px;} .bannerSection:not(.maintenance-banner) .hero-text p br{display:none;} .mega-menu{display:none;} .header{position:fixed;top:0px;background-color:var(--secondary);height:78px;box-shadow:0px 3px 12px var(--white10);-webkit-box-shadow:0px 3px 12px var(--white10);} /* .header.header-hide{top:-78px;} */ .brand-logo img{filter:invert(91%) sepia(91%) saturate(28%) hue-rotate(254deg) brightness(106%) contrast(100%);} .bannerSection{margin-top:78px;} .bannerSection:not(.blog-banner):not(.faq-banner):not(.contact-banner) .hero-text{width:60%;} .bannerSection.home-banner .hero-text{width:76% !important;} .sixAuditBanner { min-height:auto !important;} .blog-listing-grid .design .infos .info{display:none;} .tagsSlideToggle ul.pusTags{column-gap:50px;} .tabletTriggerClass{position:absolute;top:0px;pointer-events:none;z-index:1;} .wordpress-development .mb-100{margin-bottom:calc(var(--sectionSpace) / 2);} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ body:before{position:fixed;content:"";top:0px;width:0px;height:100vh;background-color:var(--secondary50);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;z-index:6;} body.o-hide:before{width:calc(100vw - 410px);} .navbar_toggle{display:block;width:28px;height:28px;cursor:pointer;} .navbar_toggle span:after,.navbar_toggle span:before{content:"";position:absolute;left:0px;top:9px;} .navbar_toggle span:after{top:18px;} .navbar_toggle span{position:relative;display:block;top:6px;} .navbar_toggle span,.navbar_toggle span:after,.navbar_toggle span:before{width:100%;height:2px;background-color:var(--white);transition:all 0.3s;backface-visibility:hidden;border-radius:2px;} .header.fixed-header .navbar_toggle span{background-color:transparent;} .header.fixed-header .navbar_toggle span:before{transform:rotate(45deg) translate(-1px,0px);} .header.fixed-header .navbar_toggle span:after{transform:rotate(-45deg) translate(6px,-7px);} .mobileMainMenu{position:fixed;top:78px;bottom:0px;background-color:var(--white);right:-410px;width:410px;transition:right 0.3s ease-in-out;z-index:1020;height:100%;} .mobileMainMenu ul{display:flex;flex-direction:column;height:calc(100% - 78px);overflow-x:hidden;overflow-y:auto;background-color:var(--white);} .mobileMainMenu ul li{display:flex;justify-content:space-between;border-bottom:1px solid var(--secondary20);} .mobileMainMenu ul li.current-menu-item{background-color:var(--secondary);} .mobileMainMenu ul li.current-menu-ancestor{background-color:var(--midgrey);} .mobileMainMenu ul li.current-menu-item > .subNavArrow svg path,.mobileMainMenu ul li.current-menu-ancestor > .subNavArrow svg path{fill:var(--white);} .mobileMainMenu ul li.current-menu-item > a,.mobileMainMenu ul li.current-menu-ancestor > a{color:var(--white);} .mobileMainMenu ul li a{display:flex;align-items:center;padding:10px 30px;min-height:60px;font-size:18px;color:var(--secondary);} .header.fixed-header .mobileMainMenu{right:0px;box-shadow:-3px 0px 12px var(--secondary20);-webkit-box-shadow:-3px 0px 12px var(--secondary20);} .mobileMainMenu ul li .subNavArrow{min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:rotate(-90deg);order:2;} .mobileMainMenu .sub-menu{position:absolute;top:0px;left:100%;right:0px;bottom:0px;z-index:2;transition:all 0.3s ease-in-out;height:100%;} .mobileMainMenu li.show-dropdown > .sub-menu{left:0px;} .mobileMainMenu .sub-menu .back-menu{position:relative;align-items:center;padding:10px 60px;min-height:60px;font-size:18px;cursor:pointer;border-bottom:1px solid var(--white50);border-top:1px solid var(--white50);color:var(--white);background-color:var(--secondary);} .mobileMainMenu .sub-menu .back-menu:before{position:absolute;content:"";left:30px;top:50%;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.425' height='8' viewBox='0 0 12.425 8'%3E%3Cpath id='path9511' d='M2.181,292.643a.886.886,0,0,0-.64,1.472l5.308,6.2a.886.886,0,0,0,1.347,0l5.314-6.2a.886.886,0,1,0-1.346-1.15l-4.642,5.419-4.641-5.419a.886.886,0,0,0-.7-.322Z' transform='translate(-1.319 -292.63)' fill='%23ffffff'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:auto;background-position:center;transform:translateY(-50%) rotate(90deg);} /* footer .footer-contact-wrap{gap:0px;row-gap:50px;} */ /* footer .footer-contact-wrap .footer-col{width:50%;} */ footer .footer-top{justify-content:flex-start;row-gap:50px;margin:0px -15px;} footer .footer-top .footer-col{width:33.33%;padding:0px 15px;} footer .middle-footer ul li img{max-width:100px;max-height:90px;} footer .footer-copyright{padding:15px 0px;} footer .footer-copyright p,footer .footer-copyright a{font-size:14px;} footer .copyright-policy{gap:10px;} .pricing-table{margin-top:50px;} .pricing-table .price-info h4,.pricing-table .text .changeTitle span,.pricing-table .text.normaltext .changeTitle span{font-size:20px;} .pricing-table > ul > li,.pricing-table .cubespinner ul > li{padding:20px 10px;} .pricing-table ul li:nth-child(2){padding-left:8px;} .pricing-table ul li:last-child{padding-right:10px;} .pricing-table ul li:first-child{width:200px;padding:20px 10px;} .pricing-table ul li:first-child ~ li{width:calc((100% - 200px) / 4);} .my-tab-header{gap:60px;} .pricing-table > ul > li,.pricing-table ul li:first-child,.pricing-table .cubespinner ul > li{padding:10px;} .price-progress-bar ul li .progress-box label{font-size:22px;} .price-progress-bar ul li .progress-total{min-width:120px;} .price-progress-bar ul li .progress-total h2{font-size:30px;} .pricing-table .text .changeTitle{width:200px;} .pricing-table .price-info span,.pricing-table .text .changeTitle.hour span:nth-last-child(-n + 5),.pricing-table .text .changeTitle.year span:nth-last-child(-n + 6),.pricing-table .text .changeTitle.persantage span:nth-last-child(-n + 1){font-size:14px;} .pricing-table > ul.col-first li{font-size:16px;} .pricing-table ul.col li:first-child:after{width:calc(100% - 20px);} .pricing-table ul.col li:nth-child(2):after{left:calc(50% + 10px);} .pricing-table ul.col li:last-child:after{width:calc(100% - 10px);left:calc(50% - 10px);} .my-tab-header h2{min-width:190px;} .bannerSection.mh1080{min-height:600px;} .profit-section.mh1507{min-height:1200px;} .my-tab.mh1253{min-height:800px;} .going-big.mh464{min-height:250px;} .homeMain{right:20px;top:90px;} .homeMain svg{max-width:450px;} .homeWord1 svg{max-width:300px;} .homeWord2{left:-90px;} .homeWord2 svg{max-width:450px;} .homeWord3 svg{max-width:340px;} .homeWord4 svg{max-width:350px;} .homeWord5{left:70px;} .homeWord5 svg{max-width:220px;} .homeWord6{left:30px;} .homeWord6 svg{max-width:300px;} .section-ourwork.mh1476{padding:calc(var(--sectionSpace) - 50px) 0px;} .section-ourwork .sec-title{padding-bottom:calc(var(--sectionSpace) / 4);} /* Home Page CSS End ----*/ /* Why WLIQ Page CSS Start ----*/ .creative-production.mh965{min-height:520px;} .creative-production .section-content p{font-size:18px;} .partnership-section .partnership-img svg{max-width:380px;} .strengths-section .strengths-img{bottom:-22px;} .whyWliqMain{top:0px;right:0px;} .whyWliqMain svg{max-width:400px;} .whyWliqWord1{top:-52px;} .whyWliqWord1 svg{width:140px;} /* Why WLIQ Page CSS End ----*/ /* About Page CSS Start ----*/ .section-wliq.mh1060{min-height:580px;} .section-skill.mh900{min-height:550px;} .section-american.mh890{min-height:570px;} .outsourcing-schedule.mh865{min-height:570px;} .section-schedule.mh865{min-height:560px;} .section-success.mh950{min-height:570px;} .whywl-text{max-width:400px;} .aboutMain{top:80px;right:30px;} .aboutWord6{left:0px;} .aboutWord7{left:-70px;} .aboutMain svg{max-width:320px;} .aboutWord1 svg{max-width:280px;} .aboutWord2 svg{max-width:300px;} .aboutWord3 svg{max-width:340px;} .aboutWord4 svg{max-width:320px;} .aboutWord5 svg{max-width:330px;} .aboutWord6 svg{max-width:230px;} .aboutWord7 svg{max-width:350px;} /* About Page CSS End ----*/ /* Team CSS Start ----*/ .our-team-content .col-lg-4:nth-child(2n + 1):before{position:absolute;content:"";left:30px;right:30px;height:360px;margin-top:50px;background-repeat:no-repeat;background-size:cover;background-image:url(../images/team-bg1.jpg);} .team-member .team-img img{z-index:2;} .teamMain{right:10px;} .teamMain svg{max-width:370px;} /* Team CSS End ----*/ /* AMI Page CSS Start ----*/ .reduce-risk.mh750{min-height:570px;} .refined-scope.mh750{min-height:530px;} .margin-boost.mh900{min-height:520px;} .ami-banner .hero-text p{max-width:350px;} .amiTrigger4{top:0px;} .amiTrigger8{top:1100px;} .amiTrigger10{top:1700px;} .amiMain{top:-25px;right:10px;} .amiMain svg{max-width:350px;} .amiWord1{left:0px;} .amiWord1 svg{max-width:300px;} .amiWord2 svg{max-width:320px;} .amiWord3 svg{max-width:330px;} .amiWord4{left:30px;} .amiWord4 svg{max-width:290px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .we-make-section.mh900{min-height:500px;} .joinTeamTrigger8{top:0px;} .joinTeamMain{right:60px;} .joinTeamMain svg{max-width:230px;} .joinTeamWord1 svg{max-width:340px;} .joinTeamWord2{left:20px;} .joinTeamWord2 svg{max-width:320px;} .joinTeamWord3 svg{max-width:340px;} .value-section .slick-dots li span{width:120px;} .value-section.mh1080{min-height:700px;max-height:700px;} .values-slider .slick-slide > div > div{justify-content:flex-start !important;margin-bottom:20px;} .value-section .slick-dots{bottom:-80px;} .value-section .gratefulSvg{margin-right:0px;margin-left:auto;} .job-position .job-title h5{max-width:400px;} .gratefulSvg svg{max-width:220px;} .fairSvg svg{max-width:290px;} .value-section .teamSvg svg{max-width:315px;} .visionarySvg svg{max-width:330px;} .value-section .genuineSvg svg{max-width:280px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .contact-banner.mh500{min-height:400px;} .contactMain svg{max-width:350px;} .contactMain{top:-80px;right:30px;} .contactWord1 svg{max-width:160px;} .contactWord2 svg{max-width:100px;} .contactWord3 svg{max-width:75px;} /* Contact Page CSS End ----*/ /* Technologies CSS Srart ----*/ .tech-main-cms.mh850{min-height:500px;} .tech-main-ecommerce.mh900{min-height:550px;} .tech-main-design.mh830{min-height:550px;} .tech-main-paidmedia.mh850{min-height:520px;} .tech-main-mobileapps.mh850{min-height:500px;} .adwords-section .adwords-box .adwords-box-wapper + .adwords-box-wapper{margin-top:var(--xlarge);border-top:2px solid var(--secondary10);} .technologiesMain{top:50px;right:0px;} .technologiesMain svg{max-width:470px;} .technologiesWord1 svg{max-width:260px;} .technologiesWord2 svg{max-width:300px;} .technologiesWord3 svg{max-width:270px;} .technologiesWord4 svg{max-width:320px;} .technologiesWord5 svg{max-width:290px;} .technologiesWord6 svg{max-width:280px;} /* Technologies CSS End ----*/ /* Technologies Design CSS Start ----*/ .technology-design-banner.mh900{min-height:600px;} .technologies-section.mh3150{min-height:2000px;} .paid-media-service-section.mh730{min-height:500px;} /* .whywl-section.mh1060{=min-height:600px;=background-position-x:calc(50% + 150px);=} */ .whywl-section.mh1060{min-height:600px;background-position-x:calc(50% + 150px);} .techDesignMain{right:20px;} .techDesignMain svg{max-width:470px;} .techDesignWord1 svg{max-width:300px;} .techDesignWord2{top:50px;} .techDesignWord2 svg{max-width:270px;} .techDesignWord3 svg{max-width:250px;} /* Technologies Design CSS End ----*/ /* Ecommerce CSS Start ----*/ .customers-section.mh900{min-height:500px;} .refined-section.mh850{min-height:500px;} .clarified-section.mh845{min-height:500px;} .margin-section.mh850{min-height:520px;} .ecommerce-banner .hero-text{max-width:400px;} .ecommerceConcept-img-text{left:-120px;} .ecommerceConcept-img-text h2{font-size:40px;} .ecommerceTrigger9{top:-100px;} .ecommerceTrigger15{top:-50px;} .ecommerceMain{top:-90px;right:30px;} .ecommerceMain svg{max-width:300px;} .ecommerceWord1 svg{max-width:320px;} .ecommerceWord2 svg{max-width:330px;} .ecommerceWord3 svg{max-width:330px;} .ecommerceWord4 svg{max-width:300px;} .ecommerceWord5 svg{max-width:270px;} .ecommerceWord6 svg{max-width:340px;} .ecommerceWord7 svg{max-width:300px;} .ecommerceWord8 svg{max-width:340px;} /* Ecommerce CSS End ----*/ /* Resources CSS Start ----*/ .resource-banner.mh500{min-height:300px;align-items:center !important;} .resource-filter h3,.resource-filter select{font-size:18px;} .resourceBox span{font-size:16px;} /* Resources CSS End ----*/ /* Services CSS Start ----*/ .service-main-web.mh850,.service-main-maintenance.mh850,.service-main-mobile.mh900,.service-main-design.mh830,.service-main-hosting.mh850,.service-main-resources.mh850,.service-main-adhoc.mh850,.service-main-marketing.mh850{min-height:500px;} .servicesMain{right:30px;} .servicesMain svg{max-width:260px;} .servicesWord1 svg{max-width:340px;} .servicesWord2 svg{max-width:260px;} .servicesWord3 svg{max-width:340px;} .servicesWord4 svg{max-width:270px;} .servicesWord5 svg{max-width:340px;} .servicesWord6 svg{max-width:290px;} .servicesWord7 svg{max-width:340px;} .servicesWord8 svg{max-width:300px;} /* Services CSS End ----*/ /* Services Design CSS Start ----*/ .web-together-section.mh750{min-height:500px;} .serDesignMain{right:30px;top:-50px;} .serDesignMain svg{max-width:370px;} .cmsWord1 svg{max-width:340px;} .cmsWord2 svg{max-width:335px;} .cmsWord3 svg{max-width:325px;} .portfolio-slider .slick-slide{margin:0px 10px;} .portfolio-slider .slick-slide img{max-width:370px;} /* Services Design CSS End ----*/ /* FAQs CSS Start ----*/ .faq-list .select-dropdown{width:250px;} /* FAQs CSS End ----*/ /* Paid Media CSS Start ----*/ .strategy-growth.mh1000{min-height:550px;} .paidMediaTrigger2{top:-80px;} .paidMediaTrigger7{top:-50px;} .paidMediaMain svg{max-width:450px;} .paidMediaWord1 svg{max-width:340px;} .paidMediaWord5 svg{max-width:320px;} .paidMediaWord6 svg{max-width:350px;} .paidMediaWord2 svg{max-width:330px;} .paidMediaWord3 svg{max-width:290px;} .paidMediaWord4 svg{max-width:270px;} /* Paid Media CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .why-choose-section.mh1280{min-height:750px;} .administration.mh820{min-height:600px;} .hireDediTrigger3{top:100px;} .hireDediTrigger8{top:-50px;} .hireDediTrigger12{top:-50px;} .hireDediTrigger14{top:-50px;} .hireDedicatedMain{right:0px;top:20px;} .hireDedicatedMain svg{max-width:430px;} .hireDediWord1 svg{max-width:330px;} .hireDediWord2 svg{max-width:340px;} .hireDediWord3 svg{max-width:340px;} .hireDediWord4 svg{max-width:340px;} .hireDediWord5 svg{max-width:340px;} .hireDediWord6 svg{max-width:320px;} .hireDediWord7 svg{max-width:330px;} /* Hire Dedicated Resources CSS End ----*/ /* CMS CSS Start ----*/ .cmsMain{top:-70px;} .cmsMain svg{max-width:328px;} .cmsWord4 svg{max-width:330px;} .partnership-section .partnership-item{left:10px;padding-top:calc(var(--sectionSpace) + 50px);padding-bottom:calc(var(--sectionSpace) + 50px);} /* CMS CSS End ----*/ /* Mobile Apps CSS Start ----*/ .ad-hoc-agencies-section ul{margin-left:35px;} .vertical-text-fill-animtion h2{gap:33px;} .mobileAppsMain{top:-30px;right:30px;} .mobileAppsMain svg{max-width:330px;} .mobileAppsWord1 svg{max-width:335px;} .mobileAppsWord2 svg{max-width:270px;} .mobileAppsWord3 svg{max-width:300px;} .mobileAppsWord4 svg{max-width:300px;} /* Mobile Apps CSS End ----*/ /* Mobile Application Development CSS Start ----*/ .pocketful-potential-section .mb-100{margin-bottom:calc(var(--sectionSpace) * 0.5);} .step-approach-section .slick-dots{max-width:768px;} .step-approach-section .slick-dots li.slick-active span,.step-approach-section .slick-dots li.slick-active.past span{font-size:14px;width:34px;height:34px;} .step-approach-section .slick-dots li span{width:12px;height:12px;} .step-approach-section .slick-dots li:after{right:-190%;} .step-approach-section .slick-dots li:before{right:-190%;} .mobileAppDeveMain{top:-40px;right:15px;} .mobileAppDeveMain svg{max-width:370px;} .researchSvg svg{max-width:340px;} .technicalSvg svg{max-width:320px;} .prototypingSvg svg{max-width:340px;} .developmentSvg svg{max-width:375px;} .designSvg svg{max-width:350px;} .testingSvg svg{max-width:300px;} .deploymentSvg svg{max-width:350px;} .maintenanceSvg svg{max-width:328px;} @keyframes runLine2{0%{right:0px;} 100%{right:-190%;} } /* Mobile Application Development CSS End ----*/ /* Ad Hoc CSS Start ----*/ .ad-hoc-agencies-section .section-content p br{display:block;} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-50px;} .ad-hoc-with-us-section .row .col-md-6:nth-child(1) .hoc-with-box,.ad-hoc-with-us-section .row .col-md-6:nth-child(2) .hoc-with-box{border-bottom:none;} .media-marketing-section .section-content p br{display:none;} .adHocMain{right:10px;} .adHocMain svg{max-width:430px;} .adHocWord3 svg{max-width:312px;} .adHocWord1 svg{max-width:245px;} .adHocWord2 svg{max-width:270px;} .adHocWord3 svg{max-width:295px;} /* Ad Hoc CSS End ----*/ /* Web Development CSS Start ----*/ .webDevelopmentMain{top:5px;right:10px;} .webDevelopmentMain svg{max-width:450px;} .tab-slider > div{opacity:1 !important;} .tab-slider{display:block;} .tab-slider .collapse .tabContent,.tab-slider .tabContent{max-width:100%;padding:20px;} .tab-slider > div .accordion-header{border-top:2px solid var(--secondary10);} .tab-slider > div:first-child .accordion-header{border-top:0px;} .tab-slider .accordion-header .accordion-button{font-size:var(--font-h5);color:var(--secondary);padding:20px 40px 20px 20px;box-shadow:none;background-color:transparent;font-family:var(--avenirheavy);} .tab-slider .accordion-header .accordion-button:not(.collapsed){background-color:var(--secondary);color:var(--white);box-shadow:none;} .tab-slider .accordion-header .accordion-button:after{position:absolute;right:10px;background-size:0.9rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20'%3E%3Cpath d='M0,9H16.2L10.6,3.4,12,2l8,8-8,8-1.4-1.4L16.2,11H0Z' transform='translate(18) rotate(90)' fill='%23333'/%3E%3C/svg%3E");} .tab-slider .accordion-header .accordion-button:not(.collapsed):after{transform:rotate(0deg);-webkit-transform:rotate(0deg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20' viewBox='0 0 16 20'%3E%3Cpath d='M0,9H16.2L10.6,3.4,12,2l8,8-8,8-1.4-1.4L16.2,11H0Z' transform='translate(-2 20) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E");} .pocketful-potential-section .tab-slider .tabContent p{font-size:var(--font-h6);} .pocketful-potential-section .tab-slider .tabContent p:not(:nth-child(2)){margin-top:var(--base);} .pocketful-potential-section .tab-slider .tabContent{padding:30px;} /* Web Development CSS End ----*/ /* Hosting CSS Start ----*/ .hosting-banner.mh1080{min-height:550px;} .hostingMain{top:-80px;} .hostingMain svg{max-width:410px;} .focus-section .sec-title p br{display:none;} /* Hosting CSS End ----*/ /* Marketing CSS Start ----*/ .focus-section .focus-boxes .box-item a{padding:30px 30px 60px;} .our-forte-section .focus-boxes .box-item{width:50% !important;min-height:300px !important;} .markeingMain{top:10px;} .markeingMain svg{max-width:360px;} /* Marketing CSS End ----*/ /* Gallery CSS Start ----*/ .resourceLists .no_content{margin-top:15px;} .image-video-gallery .grid-sizer,.image-video-gallery .image{width:calc(50% - 30px);} /* Gallery CSS End ----*/ /* Thank You or 404 CSS Start ----*/ .page404.mh820,.thank-you.mh820{min-height:500px;} .page404 .desktopOnly,.thank-you .desktopOnly{margin-top:20px;} .page404 svg,.thank-you svg{max-width:1100px;} /* Thank You or 404 CSS End ----*/ /* CMS Custom Development CSS Start ----*/ .laravel-banner.mh700{min-height:500px;} .custom-develpment-about .section-content p,.custom-develpment-agency .section-content p{margin-bottom:var(--large);} .laravelMain svg{max-height:210px;} .meet-your-need-list ul{margin:0 -15px;} .meet-your-need-list ul li{padding:0px 15px;} .meet-your-need-list ul li span{padding:25px 10px;} .meet-your-need-section .section-content p br{display:none;} .meet-your-need-section .horizontalTab-slider .tabContent{padding:20px;} /* CMS Custom Development CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .workProcessSvg svg{max-width:340px;} .our-work-process .slick-dots li:before,.our-work-process .slick-dots li:after{right:-170%;} .our-work-process .section-content{padding-right:10px;} .our-work-process .step-approach-slider .justify-content-end > div{margin-right:0px;} .saasApplicationMain{top:-50px !important;} .saasApplicationMain svg{max-width:300px;max-height:initial;} /* Services Inner Pages CSS End ----*/ /* Graphic Design Page CSS Start ----*/ .graphicDesignTrigger2,.graphicDesignTrigger5{top:0px;} .graphic-design-banner.mh800{min-height:600px;} .graphicMain svg{max-width:300px;} .graphicDesignWord1 svg{max-width:320px;} .graphicDesignWord2 svg{max-width:340px;} /* Graphic Design Page CSS End ----*/ /* 3D Rendering Page CSS Start ----*/ .rendering-banner.mh800{min-height:600px;} .renderingTrigger2,.renderingTrigger5{top:0px;} .renderingMain{top:-100px;right:50px;} .renderingWord1 svg{max-width:350px;} .renderingWord2 svg{max-width:350px;} /* 3D Rendering Page CSS End ----*/ } @media only screen and (max-width:767.98px){ /* Common CSS Start ----*/ :root{--font-h1:38px;--font-h2:34px;--font-h3:26px;--font-h4:22px;--font-h5:20px;--font-h6:16px;--body-font:16px;} html,body{overflow-x:hidden;overflow-y:auto;} .pay-price-section p br,.media-marketing-box p br,.technologies-section p br,.ad-hoc-agencies-section h3 br,.need-more-section .section-content p br,.creative-production .section-content p br{display:none;} section:not(.partnership-section):not(.our-work-top):not(.work-banner-section):not(.work-top-section):not(.work-video-section):not(.font-family-section):not(.mobile-layout-section):not(.logo-design-section):not(.brochure-section):not(.animation3D-section):not(.blog-banner):not(.strengths-section):not(.faq-banner):not(.resourceLists):not(.webMaintenance-scroll-section):not(.blog-content-middle .faq-section.mid-section-space):not(.book-code-section):not(.fte-banner-sec):not(.onboarding-sec){height:auto !important;min-height:auto !important;max-height:none !important;padding-top:50px !important;padding-bottom:50px !important;} section.strengths-section{padding-top:50px;} .mt-80,.mt-100{margin-top:30px;} .mb-60,.mb-100,.mb-150{margin-bottom:30px;} .pb-70,.pb-130,.pb-250{padding-bottom:30px;} .pt-100{padding-top:50px;} .desktopOnly{display:none;} .bannerSection .laravelMobile{margin-bottom:var(--xlarge);} .list-content-box > ul > li{margin-top:15px;} .wordpress-development .mb-100{margin-bottom:var(--xlarge);} .bannerSection .pageTitle,.mobileWordClass{margin-bottom:var(--xlarge);} .mobileWordClass svg{min-width:517px;max-height:480px;} .step-approach-slider .mobileOnly svg{min-width:516px;} .mobileTriggerClass{position:absolute;top:0px;pointer-events:none;z-index:1;} .bannerSection .hero-text,.bannerSection.home-banner .hero-text{width:100% !important;} .blog-list .search-filter{top:-60px;} .blog-listing-grid,.filters-results ul{margin-top:-10px;} .key-tags .button-group{padding:17px 0px 17px 15px;} .key-tags .button-group:after{display:none;} .tagsSlideToggle{padding:30px;} .tagsSlideToggle ul.pusTags{column-gap:30px;} .python-banner .desktopOnly{display:unset;opacity:0;visibility:hidden;} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ .wordClass{display:none;} #mobilepath1{stroke-dasharray:var(--pathlangth),var(--pathlangth);stroke-dashoffset:var(--pathlangth);} .animation #mobilepath1{animation:drawline 1.5s linear forwards;} .my-tab-header{gap:40px;} .my-tab-header h2{min-width:150px;} .price-progress-bar ul li{margin-top:60px;} .pricing-table > ul{flex-direction:column;margin-bottom:10px;} .pricing-table ul li{padding:20px !important;width:auto !important;border-bottom:2px solid var(--offwhite);align-items:center;justify-content:space-between;flex-flow:row;} .pricing-table .text{height:30px;width:200px;justify-content:end;} .pricing-table .price-info label{font-size:var(--body-font) !important;font-family:var(--avenirroman) !important;} .pricing-table .text.normaltext .changeTitle{width:auto !important;} .pricing-table .text.normaltext .changeTitle span{font-size:16px;} .pricing-table .price-info span{font-size:16px;font-family:var(--avenirheavy);} .pricing-table .text .changeTitle.year span:nth-last-child(-n + 6),.pricing-table .text .changeTitle.hour span:nth-last-child(-n + 5),.pricing-table .text .changeTitle.persantage span:nth-last-child(-n + 1){font-size:16px;font-family:var(--avenirheavy);margin-top:0px;color:var(--midgrey);} .price-progress-bar ul li .progress-total{align-items:end;margin-bottom:-35px;} footer .footer-social{margin-top:20px 0;} footer .footer-top{row-gap:40px;} footer .footer-top .footer-col{width:50%;} footer .middle-footer ul{flex-wrap:wrap;row-gap:20px;} footer .middle-footer ul li{width:33.33%;display:flex;align-items:center;justify-content:center;} footer .middle-footer ul li img{max-width:140px;max-height:110px;} footer .footer-copyright p,footer .footer-copyright a,footer .copyright-policy{justify-content:start;} footer .footer-copyright p{margin-bottom:15px;} .back-top.active{bottom:15px;right:15px;} .tech-box.mh595{min-height:auto;margin-bottom:var(--xlarge);} .tech-section .techservices .tech-names,.tech-section .techservices .flex-md-row-reverse .tech-names{padding:0px 0px 50px;min-height:auto;} .tech-section .techservices .tech-names.tech-mobileapp{padding-bottom:0px;} .tech-names.mh650{padding-bottom:0px;} .tech-section .techservices .container-fluid + .container-fluid{margin-top:50px;} .tech-section .techservices .container-fluid:after{top:auto;left:30px;right:30px;bottom:0px;width:auto;height:1px;-webkit-transform:translateX(0%);transform:translateX(0%);} .tech-section .techservices .container-fluid:last-child:after{display:none;} .mobileHomeTrigger4{top:1100px;} .mobileHomeTrigger5{top:1950px;} .mobileHomeTrigger6{top:2790px;} .mobileHomeTrigger8{top:200px;} .mobileWordClass{position:relative;z-index:1;} .mobileWomeWord7{top:0px;left:80px;margin-bottom:0px;} .mobileWomeWord7 svg{min-width:740px;} .mobileWomeWord8{top:-3px;left:35px;margin-bottom:0px;} .mobileWomeWord8 svg{min-width:820px;} /* Home Page CSS End ----*/ /* Why WLIQ CSS Start ----*/ .creative-production .section-content{margin-left:0px;} .partnership-section .section-content{padding-top:var(--sectionSpace);padding-bottom:calc(var(--sectionSpace) / 2);padding-left:30px;padding-right:30px;} .partnership-section .container{padding:0px;} .partnership-section .partnership-item{position:relative;padding:50px 30px;} .partnership-section .partnership-item:nth-child(even){background-color:var(--darkgray);} .partnership-section .partnership-img.mobileOnly{display:flex;align-items:flex-end;min-height:auto !important;} .partnership-section .partnership-img svg{max-width:initial;min-width:516px;} .strengths-section .strengths-img{bottom:-80px;padding-top:0px;z-index:0;} .strengths-section .strengths-img svg{width:100%;} .mobileWhyWliqWord1{top:-50px;text-align:center;} /* Why WLIQ CSS End ----*/ /* About Page CSS Start ----*/ .whywl-section.mh1060{min-height:550px !important;} .whywl-section:before{background:linear-gradient(270deg,var(--secondary90) 0%,var(--secondary70) 60%,var(--secondary0) 130%);} .whywl-text{max-width:60%;} .about-banner .hero-text{max-width:none;} .section-wliq .text-fill-animtion h2{display:flex;flex-direction:column;align-items:center;line-height:1.4;} /* About Page CSS End ----*/ /* AMI Page CSS Start ----*/ .margin-boost.mh900{min-height:auto;padding-top:50px;} .reduce-risk.mh750{min-height:auto;padding-bottom:50px;} .refined-scope.mh750,.clarified-expectations.mh600{min-height:auto;padding:50px 0px;} .ami-banner .hero-text p{max-width:100%;} .mobileAmiTrigger2{top:500px;} .mobileAmiTrigger3{top:1000px;} .mobileAmiTrigger4{top:1500px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .value-section .sec-title{position:relative;top:0px;width:100%;} .value-section{flex-wrap:wrap;} .value-section .slick-dots{bottom:0px;} .value-section .slick-dots li span{font-size:0;padding:2px;width:80px;} .value-section .section-content{text-align:center;} .value-section .values-slider{padding:20px 0;} .values-slider .slick-slide > div > div{margin-bottom:30px;} .value-section .mobileOnly svg{max-width:initial;} .value-section .slick-slide .justify-content-end > div:not(.desktopOnly){min-height:280px;display:flex;align-items:center;} .job-position{padding-top:30px;} .job-position .job-title{flex-direction:column;align-items:flex-start;padding-top:var(--large);padding-bottom:var(--large);} .job-position .job-title span.tag{bottom:24px;left:0px;right:auto;font-size:12px;padding:5px 15px 4px;} .job-position .job-title h5{margin-bottom:15px;} .job-position .job-box:last-child .job-title{padding-bottom:var(--xlarge);} .job-position .job-title[aria-expanded="false"] span{display:none;} .job-position .job-title[aria-expanded="false"] h5{margin-bottom:0px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .mobileContactTrigger1{top:-320px;} .mobileContactTrigger2{top:-170px;} .mobileContactTrigger3{top:-20px;} .contact-form-details{padding-top:50px;} .contact-right{flex-direction:column;} .contact-info-email,.contact-info-tel,.contact-info-address{width:100%;} .contact-info-tel > div,.contact-info-email > div,.contact-info-address > div{flex-direction:row;text-align:left;align-items:center !important;} .contact-right .contact-info{text-align:left !important;} .contact-info-email .col-auto,.contact-info-tel .col-auto,.contact-info-address .col-auto{padding:0;min-height:auto;margin:0 auto 0;} .contact-right .mobileWordClass{margin-bottom:0px;min-width:145px;text-align:center;} .contact-right .mobileWordClass svg{min-width:initial;width:auto;margin-left:0px;} .contact-info-tel{margin:60px 0;} /* Contact Page CSS End ----*/ /* Technologies CSS Start ----*/ .technology-section .technology-box .technology-wapper + .technology-wapper{margin-top:var(--xlarge);border-top:2px solid var(--secondary10);} /* Technologies CSS End ----*/ /* Technologies Design CSS Start ----*/ .toolbelt.text-end{text-align:left !important;margin-bottom:var(--xlarge);} .technologies-section .pt-65{padding-top:calc(var(--sectionSpace) - 50px);} .technologies-section .pt-100{padding-top:0px;} .technologies-section .section-right .section-content{align-items:flex-start;text-align:left;} .mobileTechDesignWord2{margin-bottom:0px;} .technologies-iconwrap{gap:var(--base);margin-top:var(--base);} .technologies-iconwrap .technologies-icon-box{width:174px;height:174px;margin-top:var(--base);} .technologies-iconwrap .technologies-icon-box img{max-height:70px;max-width:70px;} .uiux-section .technologies-iconwrap .technologies-icon-left{margin-top:-80px;} .uiux-section .technologies-iconwrap .technologies-icon-right{margin-top:0px;} .technologies-section .section-right .technologies-iconwrap{justify-content:start;} .visual-section .technologies-iconwrap{flex-direction:row-reverse;} .imageretouching-section .technologies-iconwrap{align-items:start;} .technologies-section .section-right .technologies-iconwrap .technologies-icon-left{position:relative;margin-top:-90px !important;} .technologies-section .section-right .technologies-iconwrap .technologies-icon-right{position:relative;margin-top:-20px;} .technologies-section .section-right .technologies-icon-plus{position:absolute;left:0px;top:-40px;margin:0px;} .rendering-section .technologies-iconwrap .technologies-icon-right{margin-top:40px !important;} .technologies-icon-plus .plusdetails{top:20px !important;left:50% !important;right:auto !important;bottom:auto !important;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transform-origin:top left !important;transform-origin:top left !important;z-index:2;} .technologies-icon-plus:hover .plusdetails{-webkit-animation:none;animation:none;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);} .technologies-icon-plus .technologiesPlus__button{z-index:3;} /* Technologies Design CSS End ----*/ /* Ecommerce CSS Start ----*/ .ecommerce-banner .hero-text{max-width:100%;} .ecommerceConcept-section.mh965{background-position-x:78%;min-height:550px !important;} .ecommerceConcept-section:before{background:linear-gradient(270deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.8) 60%,rgba(0,0,0,0) 130%);} .ecommerceConcept-img-text{left:-105px;} .ecommerceConcept-img-text h2{font-size:36px;} .customers-section .section-content{text-align:left;} .customers-section .section-content p{margin-top:10px;margin-bottom:10px;} .media-marketing-section .section-content{padding-top:0px;} .media-marketing-box{padding-top:calc(var(--sectionSpace) / 2);} .paid-media-service-section .justify-content-end{display:inline !important;} .ecommerceConcept-section .ecommerceConcept-text ul{line-height:1.2;} .ecommerceConcept-section .ecommerceConcept-text ul li + li{margin-top:8px;} .mobileEcommerceTrigger6{top:400px;} .mobileEcommerceTrigger7{top:900px;} /* Ecommerce CSS End ----*/ /* Resources CSS Start ----*/ .resource-filter{margin-top:30px;flex-direction:column;justify-content:center;} .resource-filter select{min-width:150px;margin:20px 0px;} .resource-filter h3,.resource-filter select{font-size:26px;} .resource-filter .autoWidth:before,.resource-filter .autoWidth2:before{right:20px;} .resourceLists .btn-link{font-size:18px;} .resource-banner.mh500{text-align:center;} .resourceBox{min-height:85px;margin-bottom:var(--base);} .resourceLists h3{padding-top:calc(var(--sectionSpace) - 70px);} .resource-title{margin-bottom:var(--base);} /* Resources CSS End ----*/ /* Services Design CSS Start ----*/ .portfolio-slider .slick-slide{margin:0px 7px;} .work-portfolio-section .mb-60{margin-bottom:30px;} .work-portfolio-section .mobileOnly{display:flex;justify-content:center;margin-top:30px;} /* Services Design CSS End ----*/ /* FAQs CSS Start ----*/ .faq-banner.bannerSection{padding-bottom:80px !important;} .faq-list .select-dropdown{width:auto;} .faq-list .select-dropdown .select-dropdown__button span{display:none;} .faq-list .select-dropdown .select-dropdown__button{padding:10px 35px;min-height:60px;} .faq-list .select-dropdown .select-dropdown__list{min-width:325px;left:auto;} .search-bar .search-wrap{min-height:60px;} .search-bar input{min-height:60px;width:calc(100% - 60px);} .faq-wrapper{margin-top:var(--base);} .faq-list{margin-top:-60px;} .faq-content{padding-top:0px;} /* FAQs CSS End ----*/ /* Paid Media CSS Start ----*/ .mobilePaidMediaTrigger2{top:0px;} .mobilePaidMediaTrigger3{top:450px;} .mobilePaidMediaTrigger4{top:830px;} /* Paid Media CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .dedicated-resources-section .col-md-6{border-right:0px;border-bottom:2px solid var(--secondary10);} .dedicated-resources-section .col-md-6:last-child{border-bottom:0px;} .dedicated-box{min-height:auto;padding:50px 30px;border:0 !important;} .dedicated-box .box-title{transform:none;position:relative;margin-bottom:30px !important;} .dedicated-box .box-title svg path{stroke-width:1px;} .dedicated-box .box-title svg{transform:rotate(180deg);} .dedicated-box p{opacity:1;transform:none !important;color:var(--midgrey);} .dedicated-box:hover:before{opacity:0;} .dedicated-box:hover .box-title,.dedicated-box:hover .box-title h5{color:var(--secondary);} .dedicated-resources-section .sec-title.mb-60{margin-bottom:calc(var(--sectionSpace) / 2.5);} .why-choose-section .sec-title.pb-250{padding-bottom:calc(var(--sectionSpace) / 1.5);} .technologies-lists{gap:24px;margin-top:24px;} .technologies-lists span{width:90px;height:90px;} .technologies-lists img{max-width:46px;max-height:46px;} .skill-sets-list .resourceBox{margin-top:24px;} /* Hire Dedicated Resources CSS End ----*/ /* CMS CSS Start ----*/ .mobileCmsTrigger1{top:0px;} .mobileCmsTrigger2{top:500px;} .mobileCmsTrigger3{top:920px;} .partnership-section .partnership-item{left:0px;} /* CMS CSS End ----*/ /* Mobile Apps CSS Start ----*/ .ad-hoc-agencies-section .section-content{padding-bottom:20px;} .mobileMobileAppsTrigger1{top:0px;} .mobileMobileAppsTrigger2{top:450px;} .mobileMobileAppsTrigger3{top:800px;} .media-marketing-section .media-marketing-box + .media-marketing-box{border-top:none !important;margin-top:0px;} /* Mobile Apps CSS End ----*/ /* Mobile Application Development CSS Start ----*/ .step-approach-section .slick-dots{justify-content:center;} .step-approach-section .slick-dots li:after,.step-approach-section .slick-dots li:before{display:none;} .step-approach-section .slick-dots li{width:34px;height:34px;margin:0px 10px;} .step-approach-section .slick-dots li.past span{background-color:var(--lightgrey);box-shadow:0px 0px 0px 7px var(--lightgrey10);} .step-approach-section .sec-title{padding-bottom:calc(var(--sectionSpace) / 2);} .step-approach-section .step-approach-slider{padding-bottom:100px;} .step-approach-section .step-approach-slider .row .justify-content-end{justify-content:start !important;} .step-approach-section .step-approach-slider .justify-content-end > div{margin-right:0px;} .step-approach-section .step-approach-slider .section-content{padding-top:calc(var(--sectionSpace) * 0.3);} .technology-section .technology-list{gap:15px;} .technology-section .section-content{margin-bottom:var(--base);} .pocketful-potential-section .tab-slider .tabContent p{margin-top:var(--base);} .pocketful-potential-section .mb-100{margin-bottom:calc(var(--sectionSpace) * 0.3);} /* Mobile Application Development CSS End ----*/ /* Ad Hoc CSS Start ----*/ .ad-hoc-why-wliq:before{background:linear-gradient(90deg,var(--secondary90) 0%,var(--secondary60) 70%,var(--secondary30) 100%);} .ad-hoc-why-wliq .ecommerceConcept-img-text{left:-40px;} .ad-hoc-with-us-section .row .col-md-6:last-child .hoc-with-box{margin-bottom:0px;} .ad-hoc-with-us-section .row .col-md-6:nth-child(1),.ad-hoc-with-us-section .row .col-md-6:nth-child(2){margin-bottom:0px;} .ad-hoc-with-us-section .sec-title{padding-bottom:calc(var(--sectionSpace) * 0.3);} .hoc-with-box h4{padding:20px 0px;} .hoc-with-box,.hoc-with-box:not(:hover){height:auto;margin-bottom:0px;border-bottom:none;} .mobileadHocTrigger1{top:0px;} .mobileadHocTrigger2{top:600px;} .mobileadHocTrigger3{top:1000px;} /* Ad Hoc CSS End ----*/ /* Web Development CSS Start ----*/ .expertise-section .section-content{margin-top:var(--large);} /* Web Development CSS End ----*/ /* Marketing CSS Start ----*/ .focus-section .section-content{margin-top:var(--large);} .focus-section .focus-boxes .box-item{width:100% !important;min-height:300px;} .focus-section .focus-boxes .box-item:before{background-color:transparent;transform:translateY(0);opacity:1;} .focus-section .focus-boxes .box-item h4,.focus-section .focus-boxes .box-item:hover h4{color:var(--secondary);} .focus-section .focus-boxes .box-item p,.focus-section .focus-boxes .box-item:hover p{color:var(--midgrey);opacity:1;transform:translateY(0px);} .focus-section .focus-boxes .box-item .read-more-button,.focus-section .focus-boxes .box-item:hover .read-more-button{background-color:var(--primary);} .focus-section .focus-boxes .box-item .read-more-button img,.focus-section .focus-boxes .box-item:hover .read-more-button img{transform:rotate(0deg);filter:none;} .our-forte-section .focus-boxes .box-item{min-height:250px !important;} .focus-section .focus-boxes.small-height .box-item{min-height:230px;} /* Marketing CSS End ----*/ /* Thank You or 404 CSS Start ----*/ .resourceLists{padding-top:20px;padding-bottom:30px;} .page404 .mobileOnly,.thank-you .mobileOnly{margin-top:50px;margin-bottom:50px;} .page404 svg,.thank-you svg{max-width:900px;} /* Thank You or 404 CSS End ----*/ /* CMS Custom Development CSS Start ----*/ .laravelMobile svg{max-height:250px;} .custom-develpment-agency .sec-title,.custom-develpment-about .section-content p,.custom-develpment-agency .section-content p{margin-bottom:var(--base);} .laravel-development .section-content p,.custom-develpment-about .section-content p,.custom-develpment-agency .section-content p,.custom-develpment-about .section-content h5{font-size:var(--body-font);} .custom-develpment-about .sec-title h2 br,.custom-develpment-agency .sec-title h2 br{display:none;} .meet-your-need-section .mb-60{margin-bottom:30px;} /* CMS Custom Development CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .our-work-process{overflow:auto;} .our-work-process .section-content{padding-right:0px;} .our-work-process .mobileOnly svg{min-width:auto;max-height:270px;max-width:inherit;width:auto !important;margin:0px !important;} .skill-sets-list .resourceBox img{max-width:44px;max-height:44px;} .graphic-design-section p,.why-partner-section p{font-size:var(--body-font);} /* Services Inner Pages CSS End ----*/ } @media only screen and (max-width:575.98px){ /* Common CSS Start ----*/ :root{--font-h1:36px;--font-h2:32px;--font-h3:24px;--font-h4:20px;--font-h5:18px;--font-h6:16px;--body-font:16px;} html,body{line-height:1.6;} .sec-title:not(.notNoneBr) br{display:none;} .mobileWordClass svg{width:calc(100% + 60px);margin-left:-30px;min-width:auto;} .step-approach-section .step-approach-slider .justify-content-end > div{width:100%;} .step-approach-slider .mobileOnly svg,.partnership-section .partnership-img svg{width:calc(100% + 60px);margin-left:-30px;margin-right:-30px;min-width:unset;} .step-approach-slider .mobileOnly svg{max-width:none;} .step-approach-slider .slick-list{overflow:visible;} .mobileServicesMain svg{width:100% !important;display:flex;justify-content:flex-end;margin:0px -20px 0px auto !important;} .tagsSlideToggle ul.pusTags{column-count:2;-webkit-column-count:2;} .blog-list .search-filter{margin-left:-30px;margin-right:-30px;} /* Common CSS End ----*/ /* Home Page CSS Start ----*/ .header{height:70px;} .bannerSection{margin-top:70px;} .mobileMainMenu{top:70px;} body.o-hide:before{width:calc(100vw - 320px);} .mobileMainMenu{right:-320px;width:320px;} .mobileMainMenu ul li a{padding:8px 20px;min-height:50px;font-size:16px;} .mobileMainMenu ul li .subNavArrow{min-width:40px;min-height:50px;} .mobileMainMenu .sub-menu .back-menu{padding:8px 40px;min-height:50px;font-size:16px;} .mobileMainMenu .sub-menu .back-menu:before{left:20px;} .my-tab-header{gap:20px;flex-direction:column;align-items:flex-start;} .my-tab-header h2{min-width:auto;font-size:28px;} .pricing-table .text.normaltext{width:180px;} .price-progress-bar .progress{margin-top:10px;} .price-progress-bar ul li{margin-top:30px;} .price-progress-bar ul li .progress-box{margin-right:20px;} .price-progress-bar ul li .progress-total{min-width:90px;} .price-progress-bar ul li .progress-box label{font-size:16px;font-family:var(--avenirmedium);} .price-progress-bar ul li .progress-total h2{font-size:20px;} .price-progress-bar ul li .progress-total h2 span{font-size:20px;} .pricing-table .text.normaltext .changeTitle span{color:var(--midgrey);} .pricing-table .price-info h4,.pricing-table .text .changeTitle span,.pricing-table .text.normaltext .changeTitle span{font-size:16px;color:var(--midgrey);} footer .hd-social li:not(:last-child){margin-right:20px;} footer .hd-social li a img{height:18px;} footer .footer-menu ul.address-list li{margin-bottom:30px;} footer .footer-menu ul.address-list li a br{display:none;} footer .footer-menu ul.address-list.phone-icon li a{font-size:22px;} footer .footer-top .footer-col{padding:0px 5px;} /* footer .footer-contact-wrap .footer-col{width:100%;padding:0px;} */ footer .footer-menu ul li:last-child{margin-bottom:0px;} footer .footer-top{row-gap:40px;margin:0px -5px;} /* footer .footer-contact-wrap{row-gap:30px;} */ footer .footer-social{margin-top:30px 0px;} footer .middle-footer ul li{width:50%;} footer .logo-menu-baar,footer .middle-footer,footer .footer-copyright{border:none;position:relative;} footer .logo-menu-baar:before,footer .middle-footer:before,footer .footer-copyright:before{position:absolute;content:"";top:0px;left:30px;right:30px;height:2px;background-color:var(--white05);} .mobileHomeTrigger3{top:100px;} .mobileHomeTrigger4{top:1150px;} .mobileHomeTrigger5{top:1870px;} .mobileHomeTrigger6{top:2620px;} /* Home Page CSS End ----*/ /* Why WLIQ CSS Start ----*/ .strengths-section .strengths-img{bottom:-60px;} .strengths-section .strengths-img svg{margin-left:0px;} .partnership-section .section-content{padding-top:calc(var(--sectionSpace) / 2);padding-bottom:0px;} /* Why WLIQ CSS End ----*/ /* About Page CSS Start ----*/ .whywl-text{max-width:initial;} /* About Page CSS End ----*/ /* Team CSS Start ----*/ .our-team-content .col-lg-4:nth-child(1n + 1):before{position:absolute;content:"";left:30px;right:30px;height:360px;margin-top:50px;background-repeat:no-repeat;background-size:cover;background-image:url(../images/team-bg1.jpg);} .team-member .team-img img{z-index:2;} /* Team CSS End ----*/ /* AMI Page CSS Start ----*/ .mobileAmiTrigger3{top:1050px;} .mobileAmiTrigger4{top:1600px;} /* AMI Page CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .value-section .mobileOnly svg{width:100%;} .value-section .slick-dots li span{width:60px;} .job-position .job-title{padding-top:var(--base);padding-bottom:var(--base);} .job-position .job-title span.tag{bottom:19px;} .job-position .job-title::before{width:24px;height:24px;} /* Join Our Team Page CSS End ----*/ /* Contact Page CSS Start ----*/ .mobileContactTrigger1{top:-250px;} .mobileContactTrigger2{top:-70px;} .mobileContactTrigger3{top:110px;} /* Contact Page CSS End ----*/ /* Technologies Design CSS Start ----*/ .technologies-section .technologies-icon-plus .plusdetails{padding:20px;font-size:14px;min-width:360px;} /* Technologies Design CSS End ----*/ /* Resources CSS Start ----*/ .resourceLists .btn-link{font-size:16px;} .resourceBox{min-height:70px;} .resourceBox svg{min-width:20px;max-width:20px;} .resourceBox:not([data-html="true"]) span{font-size:14px;position:absolute;margin-left:34px;left:30px;right:30px;} /* Resources CSS End ----*/ /* FAQs CSS Start ----*/ .faq-box,.faq-title{padding-bottom:10px;padding-top:10px;} .faq-title::before{width:24px;height:24px;} .faq-list > .container{padding-left:0px;padding-right:0px;} .faq-list .select-dropdown .select-dropdown__list{min-width:270px;} .faq-list .select-dropdown .select-dropdown__list-item{font-size:14px;padding:10px 20px;} /* FAQs CSS End ----*/ /* Hire Dedicated Resources CSS Start ----*/ .technologies-lists{gap:var(--medium);margin-top:var(--medium);} .technologies-lists span{width:80px;height:80px;} .skill-sets-list .resourceBox{margin-top:var(--medium);} /* Hire Dedicated Resources CSS End ----*/ /* Marketing CSS Start ----*/ .focus-section span.read-more-button{height:32px;width:32px;} .focus-section .read-more-button img{max-width:12px;} .step-approach-section .slick-dots li{margin:0px 5px;} /* Marketing CSS End ----*/ /* Gallery CSS Start ----*/ .image-video-gallery .grid-sizer,.image-video-gallery .image{width:calc(100% - 30px);} .image-video-gallery .image{margin-bottom:20px;} /* Gallery CSS End ----*/ /* Blog CSS Start ----*/ .blog-listing-grid .blog-content_info{padding:15px;} .blog-listing-grid .design h5{margin-top:var(--small);margin-bottom:var(--small);} .blog-listing-grid .blog-content_info p{line-height:1.4;} /* Blog CSS End ----*/ /* Thank You CSS Start ----*/ .page404 .btns,.thank-you .btns{flex-direction:column;} .page404 .btns a + a,.thank-you .btns a + a{position:relative;margin-left:0px;padding-left:0px;padding-top:10px;margin-top:12px;} .page404 .btns a + a:before,.thank-you .btns a + a:before{left:0px;right:0px;top:-1px;width:50%;height:1px;margin:0 auto;} .page404 svg,.thank-you svg{max-width:700px;} /* Thank You CSS End ----*/ /* CMS Custom Development CSS Start ----*/ .meet-your-need-list ul li{width:100%;} .meet-your-need-list ul li + li{margin-top:15px;} /* CMS Custom Development CSS End ----*/ /* Services Inner Pages CSS Start ----*/ .our-work-process .mobileOnly svg{max-width:350px !important;} /* Services Inner Pages CSS End ----*/ } @media only screen and (max-width:479.98px){ /* Resources CSS Start ----*/ .resource-filter h3,.resource-filter select{font-size:20px;} .resource-filter select{margin:10px 0px;} /* Resources CSS End ----*/ /* Technologies Design CSS Start ----*/ .technologies-section .technologies-icon-plus .plusdetails{min-width:330px;margin-left:-20px;} /* Technologies Design CSS End ----*/ } @media only screen and (max-width:424.98px){ /* Common CSS Start ----*/ :root{--font-h1:32px;--font-h2:30px;--font-h3:22px;--font-h4:20px;--font-h5:18px;--font-h6:16px;--body-font:16px;} .container{padding-left:20px;padding-right:20px;} .mobileWordClass svg{width:calc(100% + 40px);margin-left:-20px;max-height:440px;} .gform_wrapper.gravity-theme .ginput_recaptcha iframe{transform:scale(0.9);transform-origin:0 0;} .mobileServicesMain svg{margin:0px -20px 0px auto !important;} .blog-list .search-filter{margin-left:-20px;margin-right:-20px;} footer .logo-menu-baar:before,footer .middle-footer:before,footer .footer-copyright:before{left:20px;right:20px;} /* Common CSS End ----*/ /* Why WLIQ CSS Start ----*/ .strengths-section .strengths-img{bottom:-50px;} .partnership-section .section-content,.partnership-section .partnership-item{padding-left:20px;padding-right:20px;} /* Why WLIQ CSS End ----*/ /* Join Our Team Page CSS Start ----*/ .value-section .slick-dots li span{width:45px;} /* Join Our Team Page CSS End ----*/ /* Technologies Design CSS Start ----*/ .technologies-iconwrap{gap:var(--small);width:100%;} .technologies-iconwrap .technologies-icon-box{width:100%;height:40vw;margin-top:var(--small);} .technologies-iconwrap .technologies-icon-box img{max-height:15vw;max-width:15vw;} .technologies-iconwrap .technologies-icon-left,.technologies-iconwrap .technologies-icon-right{width:50%;} .technologies-section .technologies-icon-plus .plusdetails{min-width:280px;} .technologies-icon-plus .technologiesPlus__button{width:32px;height:32px;} .technologies-icon-plus .technologiesPlus__button:before,.technologies-icon-plus .technologiesPlus__button:after{width:14px;} .uiux-section .technologies-iconwrap .technologies-icon-left{margin-top:-55px;} .technologies-section .section-right .technologies-icon-plus{top:-30px;} .technologies-section .section-right .technologies-iconwrap .technologies-icon-left{margin-top:-50px !important;} .imageretouching-section .technologies-iconwrap .technologies-icon-left{margin-top:-10px;} .rendering-section .technologies-iconwrap .technologies-icon-right{margin-top:30px !important;} .technologies-section .visual-section .section-right .technologies-iconwrap .technologies-icon-left{margin-top:-70px !important;} .visual-section .technologies-iconwrap .technologies-icon-right{margin-top:-10px;} /* Technologies Design CSS End ----*/ /* Services Design CSS Start ----*/ .portfolio-slider .slick-slide img{max-width:320px;} /* Services Design CSS End ----*/ /* FAQs CSS Start ----*/ .search-bar .search-wrap{padding:0px 20px;} .search-bar input{margin-left:10px;} .search-box svg,.faq-list .search-box svg{width:18px;height:18px;} .tagsSlideToggle ul.pusTags{column-count:1;-webkit-column-count:1;} /* FAQs CSS End ----*/ /* Marketing CSS Start ----*/ .step-approach-section .slick-dots li{width:30px;min-width:30px;height:30px;margin:0px 3px;} .step-approach-section .slick-dots li span{width:10px;height:10px;} .step-approach-section .slick-dots li.slick-active span,.step-approach-section .slick-dots li.slick-active.past span{width:30px;height:30px;} /* Marketing CSS End ----*/ /* Contact Page CSS Start ----*/ .contact-info-tel > div,.contact-info-email > div,.contact-info-address > div{flex-direction:column;} .contact-info-tel,.contact-info-email,.contact-info-address{padding:0;margin:30px 0;} .contact-info-tel .col-auto,.contact-info-email .col-auto,.contact-info-address .col-auto{margin:0 0 20px 0;width:100%;} /* Contact Page CSS End ----*/ /* Thank You CSS Start ----*/ .thank-you svg{max-width:530px;} /* Thank You CSS End ----*/ } @media only screen and (max-width:374.98px){ :root{--font-h1:28px;--font-h2:26px;--font-h3:20px;--font-h4:18px;--font-h5:18px;--font-h6:16px;--body-font:16px;} /* Services Inner Pages CSS Start ----*/ .our-work-process .mobileOnly svg{max-width:280px !important;} .our-work-process .slick-dots li{margin:0px;} /* Services Inner Pages CSS End ----*/ } @media screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){ /*html,body{overflow-x:hidden;}*/ .partnership-section .section-content{padding-top:var(--sectionSpace);} .partnership-section .partnership-item.mid-section-space{padding-top:calc(var(--sectionSpace) - 20px) !important;padding-bottom:calc(var(--sectionSpace) / 2) !important;} .partnership-section .partnership-item .sec-title ~ p{margin-top:15px;font-size:16px;} } .numeric_pagination{gap:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;} .numeric_pagination .page-numbers{width:40px;height:40px;border-radius:50%;align-items:center;display:inline-flex;color:var(--darkgray);justify-content:center;background-color:var(--white);-webkit-transition:0.4s ease;transition:0.4s ease;} .numeric_pagination .page-numbers:hover,.numeric_pagination .page-numbers.current{color:var(--white);background-color:var(--darkgray);} .numeric_pagination .page-numbers.current{pointer-events:none;} .numeric_pagination .page-numbers.prev svg,.numeric_pagination .page-numbers.next svg{max-width:15px;} .numeric_pagination .page-numbers.prev svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);} .numeric_pagination .page-numbers.next svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} .profit-section .text-end a.profit-link{color:var(--avenirheavy);font-family:var(--avenirblack),sans-serif;} header .getInTouch a.btn br{display:none;} #megamenu-newletter-form .newsletter-box-wrapper .gform-body input::-webkit-input-placeholder{opacity:0.5;} #megamenu-newletter-form .newsletter-box-wrapper .gform-body input::-moz-placeholder{opacity:0.5;} #megamenu-newletter-form .newsletter-box-wrapper .gform-body input:-ms-input-placeholder{opacity:0.5;} #megamenu-newletter-form .newsletter-box-wrapper .gform-body input:-moz-placeholder{opacity:0.5;} .newsletterPopupForm .newsletter-box-wrapper .gform-body input::-webkit-input-placeholder{opacity:0.5;} .newsletterPopupForm .newsletter-box-wrapper .gform-body input::-moz-placeholder{opacity:0.5;} .newsletterPopupForm .newsletter-box-wrapper .gform-body input:-ms-input-placeholder{opacity:0.5;} .newsletterPopupForm .newsletter-box-wrapper .gform-body input:-moz-placeholder{opacity:0.5;} .blog-content_info .newsletter-box-wrapper .gform-body input::-webkit-input-placeholder{opacity:0.5;} .blog-content_info .newsletter-box-wrapper .gform-body input::-moz-placeholder{opacity:0.5;} .blog-content_info .newsletter-box-wrapper .gform-body input:-ms-input-placeholder{opacity:0.5;} .blog-content_info .newsletter-box-wrapper .gform-body input:-moz-placeholder{opacity:0.5;} .footer-contact .newsletter-box-wrapper .gform-body input::-webkit-input-placeholder{opacity:0.5;} .footer-contact .newsletter-box-wrapper .gform-body input::-moz-placeholder{opacity:0.5;} .footer-contact .newsletter-box-wrapper .gform-body input:-ms-input-placeholder{opacity:0.5;} .footer-contact .newsletter-box-wrapper .gform-body input:-moz-placeholder{opacity:0.5;} /* Top Announcement Bar---------------------------*/ /*body{padding-top:50px;} .announcement-bar{background:var(--darkgray);color:var(--white);padding:11px 15px;} .announcement-bar{position:fixed;top:0;width:100%;z-index:9999;box-shadow:0 4px 10px var(--white20);} .announcement-txt{text-align:center;} .announcement-txt span{font-family:var(--avenirheavy);font-size:16px;} .announcement-txt span:not(.txt-type,.txt){font-family:var(--avenirblack);} .txt-type > .txt{border-right:0.1rem solid var(--white);} @media only screen and (max-width:991.98px){ .announcement-bar{display:none;} body{padding-top:0px;} } */ /*------------------------------------------*/ /* yuvraj - home page new section */ .utilization-sec{width:100%;clear:both;display:flex;flex-flow:column;margin-top:75px;} .utilization-sec .row{margin:0;} .utilization-sec .row>*{padding:0;} .utilization-sec .util-first{background-color:#FFFFFF;padding:30px 40px;height:100%;min-height:380px;} .utilization-sec .animatedChange-title{margin-top:15px;} .util-first .change-title{margin-top:20px;} .util-first .util-progessbar-first{margin-top:36px;} .util-first h4{font-family:var(--avenirroman);} .util-progessbar-first .progress-box label{font-family:var(--avenirroman);margin-bottom:5px;} .util-progessbar-first .progress{background:#333333;border-radius:0;display:flex;align-items:center;height:14px;margin-top:0;} .util-progessbar-first .progress-bar{background:#F5F5F7;height:6px;margin-left:3px;margin-right:3px;} .utilization-sec .util-second{background:#1D1D1F;padding:30px 40px;height:100%;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;} .util-second h4{font-family:var(--avenirroman);color:var(--white);} .util-second h4 span{font-family:var(--avenirblack);font-size:35px;} .util-second svg{width:238px;position:absolute;right:100px;bottom:50px;stroke-dasharray:2070px;stroke-dashoffset:2070px;} .util-second svg.active{stroke-dashoffset:0px;transition:1s ease-out 0s;stroke-width:1px;} .util-progessbar-second .progress{background:#333333;border-radius:0;display:flex;align-items:center;height:14px;margin-top:0;} .util-progessbar-second .progress-bar{background:#F37022;height:6px;margin-left:3px;margin-right:3px;} .util-progessbar-second .progress-box label{color:var(--bs-white);} .price-progress-bar .progress-bar.progress-bar-hand{transition:width 2.5s ease-in-out;} @-webkit-keyframes shrink{0%{color:var(--secondary) !important;transform:scale(1.8);}100%{transform:scale(1.25);}} @keyframes shrink{0%{color:var(--secondary) !important;transform:scale(1.8);}100%{transform:scale(1.25);}} @-webkit-keyframes text-grow{0%{transform:scale(1.25);transform-origin:left;opacity:1;}100%{transform:scale(1.8);transform-origin:left;color:var(--secondary) !important;opacity:1;}} @keyframes text-grow{0%{transform:scale(1.25);transform-origin:left;opacity:1;}100%{transform:scale(1.8);transform-origin:left;color:var(--secondary) !important;opacity:1;}} @keyframes text-rotate{0%{transform:rotateX(0deg);transform-origin:left;/* opacity:0.2;*/}100%{transform:scale(1.25) rotateX(30deg);transform-origin:left;/* opacity:0.5;*/}} @keyframes text-rotate-prev{0%{transform:scale(1.8) rotateX(0deg);transform-origin:left;/* opacity:1;*/}100%{transform:scale(1.25) rotateX(30deg);transform-origin:left;/* opacity:0.5;*/}} @keyframes text-rotate-small{0%{transform:scale(1.25) rotateX(30deg) translateY(0);transform-origin:left;/* opacity:0.5;*/}100%{transform:scale(1.1) rotateX(40deg) translateY(-10px);transform-origin:left;/* opacity:0.2;*/}} @keyframes text-rotate-small-prev{0%{transform:scale(1.25) rotateX(30deg) translateY(0px);transform-origin:left;/* opacity:0.5;*/}100%{transform:scale(1.1) rotateX(40deg) translateY(10px);transform-origin:left;/* opacity:0.2;*/}} @keyframes text-rotate-other{0%{transform:scale(1.1) rotateX(40deg) translateY(20px);transform-origin:left;opacity:0.05;}100%{transform:scale(1) rotateX(90deg) translateY(40px);transform-origin:left;opacity:0;}} .animatedChange-title .hero__title span.hero__title-misc{font-family:var(--avenirmedium);font-size:18px;display:inline-block;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-rotate-other;animation-name:text-rotate-other;} .animatedChange-title .swiper-slide.swiper-slide-next + .swiper-slide span.hero__title-misc{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-rotate-small;animation-name:text-rotate-small;opacity:0.2;} .animatedChange-title .swiper-slide.swiper-slide-prev-active span.hero__title-misc{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-rotate-small-prev;animation-name:text-rotate-small-prev;opacity:0.2;} .animatedChange-title .animate{transform:translate3d(0,0,0);perspective:1000;filter:blur(0);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;transform-origin:center left;} /* .animatedChange-title .animate--shrink,.animatedChange-title .hero__title .slick-current > span{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:shrink;animation-name:shrink;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";}*/ .animatedChange-title .swiper-slide.swiper-slide-prev > span{font-family:var(--avenirmedium);/* font-size:var(--font-h5);*/-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-rotate-prev;animation-name:text-rotate-prev;opacity:0.5;} .animatedChange-title .swiper-slide.swiper-slide-next > span{font-family:var(--avenirmedium);/* font-size:var(--font-h5);*/opacity:0.5;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-rotate;animation-name:text-rotate;} .animatedChange-title .swiper-slide.swiper-slide-active > span{-webkit-animation-duration:0.7s;animation-duration:0.7s;-webkit-animation-timing-function:"linear";animation-timing-function:"linear";-webkit-animation-name:text-grow;animation-name:text-grow;animation-delay:0s;opacity:1;} .animatedChange-title .hero__title .slick-slide{/* overflow:hidden;*/padding:8px 0;} .animatedChange-title .hero__title .slick-slide.slick-current{padding-top:0px;} .animatedChange-title .hero__title .slick-slide.slick-current + .slick-slide + .slick-slide{padding-bottom:0px;} .animatedChange-title .hero__title [aria-hidden]{transition:1s;} .animatedChange-title .no-js .hero__title .slick-dupe:nth-child(2) > span{padding:1em;} .animatedChange-title .hero__title-misc{display:block;font-size:var(--body-font);font-family:var(--avenirmedium);color:var(--black);} /* .slick-slide + .slick-slide.slick-cloned.slick-active span{font-size:18px;opacity:0.5;} .slick-dupe.slick-slide.slick-current.slick-active.slick-center span{font-size:24px;opacity:0.8;} .slick-dupe.slick-slide.slick-active + .slick-dupe.slick-slide.slick-active span{font-size:24px;opacity:0.8;} .slick-dupe.slick-slide.slick-active + .slick-dupe.slick-slide:not(.slick-active) span{font-size:18px;opacity:0.5;}*/ .progress-box-lbl{max-width:50%;display:flex;justify-content:space-between;} .progress-box-lbl-sec{max-width:100%;} .progress-box-lbl-perc{opacity:0;transform:translateY(50px);transition:all 0.5s ease;} .progress-box-lbl-perc.active{opacity:1;transform:translateY(0px);} .justPut-faq .faq-section{padding:20px;} .justPut-faq .container{padding:0;} .justPut-faq .title-textwrap{display:none;} .justPut-faq .faq-box{border-bottom:2px solid var(--white10);} .justPut-faq .faq-content{max-width:770px;} .justPut-faq .faq-content p{color:var(--white);} .justPut-faq .faq-title.collapsed{color:#777777;} /* .util-second svg path{stroke-dasharray:1571px;stroke-dashoffset:1571px;}*/ /* .newsletter-wrapper.formSuccess + .newsletter-wrapper.newsletter-thank-mega-menu path,*/ /* .util-second svg.active path{stroke-dashoffset:0px;transition:3s ease-out 0s;stroke-width:1px;}*/ .justPut-faq .faq-title::before{background-image:url(/wp-content/uploads/2024/03/up-arrow.svg);width:22px;height:22px;right:-35px;} .justPut-faq .faq-title.collapsed::before{background-image:url(/wp-content/uploads/2024/03/down-arrow.svg);} @media screen and (max-width:767.98px){ .util-second svg{width:135px;right:100px;} .justPut-faq .faq-section{padding:20px 0 !important;} .sitemap_page_list li{width:100%;} } @media screen and (max-width:575px){ @-webkit-keyframes text-grow{0%{transform:scale(1.25);}100%{transform:scale(1.4);transform-origin:left;color:var(--secondary) !important;font-family:var(--avenirblack);/* opacity:1;*/}} @keyframes text-grow{0%{transform:scale(1.25);transform-origin:left;opacity:1;}100%{transform:scale(1.4);transform-origin:left;color:var(--secondary) !important;/* font-family:var(--avenirblack);*/opacity:1;}} .utilization-sec .util-first,.utilization-sec .util-second{padding:30px 12px;} .util-second svg{right:55px;} @keyframes text-rotate-prev{0%{transform:scale(1.4) rotateX(0deg);transform-origin:left;/* opacity:1;*/}100%{transform:scale(1.25) rotateX(30deg);transform-origin:left;/* opacity:0.5;*/}} } /* .swiper-container{width:100%;height:100%;}*/ .hero__title,.swiper-container{height:100%;position:relative;max-height:180px;overflow:hidden;} .hero__title .swiper-slide{text-align:left;cursor:default;} /* .swiper-slide{text-align:center;font-size:18px;background:#fff;Center slide text vertically display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}*/ .my-tab-header h2 span{opacity:0.2;font-family:var(--avenirblack);} /* Giveaway landing page - css */ .giveaway-banner code{color:var(--midgrey);} .giveaway-formtab .nav.nav-tabs{display:flex;justify-content:space-between !important;border:1px solid var(--lightgrey);padding:5px;width:100%;margin-bottom:55px;} .giveaway-formtab .nav.nav-tabs button{border:0;width:100%;} .giveaway-formtab .nav.nav-tabs .nav-item{width:50%;} .giveaway-formtab .nav.nav-tabs button.active{background-color:var(--secondary);color:var(--white);} .giveaway-formtab .nav.nav-tabs button{color:var(--secondary);border-radius:0;padding:17px 10px;font-size:var(--body-font);} .giveaway-formtab .gform_wrapper form .gfield{display:grid;} .giveaway-formtab form .gfield .gfield_description{order:1;font-size:16px;color:var(--lightgrey);font-family:var(--avenirroman);margin-bottom:15px;} .giveaway-formtab .gform_wrapper.gravity-theme .gfield .ginput_container{order:2;} .giveaway-formtab .gform_wrapper form .gfield.gfield--type-checkbox{display:block;} .giveaway-formtab form .gfield_label{font-size:18px !important;font-family:var(--avenirheavy);} .giveaway-formtab .gravity-theme .gfield input[type="checkbox"]{width:20px;height:20px;} .giveaway-formtab .gform_wrapper form .gfield.gfield--type-checkbox .gform-field-label,.giveaway-formtab .gform_wrapper form .gfield.gfield--type-checkbox .gfield_description{font-family:var(--avenirmedium) !important;color:var(--secondary);} .giveaway-formtab .gform_wrapper form .gfield.gfield--type-checkbox .gfield_description{margin-left:35px;margin-top:8px;} .giveaway-formtab .gform_wrapper form .gfield.gfield--type-checkbox .gform-field-label{margin-left:10px;margin-bottom:0 !important;} .giveaway-formtab .gform_wrapper form .gform-field-label{margin-bottom:5px !important;} .giveaway-formtab .giveawaysecond-form textarea{resize:none;} .giveaway-formtab .giveawaysecond-form textarea.large{height:140px !important;} .giveaway-banner .hero-text p{width:665px;} .giveaway-bannerImg svg{width:540px;margin-top:30px;} .giveaway-bookSec{min-height:600px;height:100%;display:flex;align-items:center;background-color:var(--offwhite);} .giveaway-bookSec .hero-text h3{font-size:30px;} .giveaway-bookSec .hero-text h4{font-family:var(--avenirheavy);} .giveaway-bookSec .pageTitle{font-size:var(--font-h3);margin-top:20px;margin-bottom:50px;} .giveaway-bookImg img{width:100%;position:absolute;max-width:1000px;top:-260px;} .giveaway-banner .hero-text ol{padding-left:20px;} @media only screen and (max-width:1760.98px){ .giveaway-bookImg img{max-width:835px;top:-215px;} .giveaway-bookSec{min-height:515px;} .giveaway-bannerImg svg{width:100%;} } @media only screen and (max-width:1440.98px){ .giveaway-bookSec{min-height:500px;} .giveaway-bookImg img{max-width:760px;top:-200px;right:0;} /* .giveaway-bannerImg svg{width:480px;margin-top:30px;margin-left:30px;}*/ .giveaway-banner .hero-text p{width:100%;} } @media only screen and (max-width:1199.98px){ .giveaway-bannerImg{margin-bottom:50px;} .giveaway-bookSec{min-height:430px;padding-bottom:60px;} .giveaway-bookImg img{position:relative;top:20px;right:0;max-width:900px;width:100%;margin-top:-130px;} .giveaway-banner .hero-text p{width:100%;} .giveaway-banner .hero-text{width:100% !important;} } @media only screen and (max-width:991.98px){ .giveaway-bookImg img{margin-top:-110px;} .giveaway-banner.mh800{min-height:auto;} } @media only screen and (max-width:767.98px){ .giveaway-formtab .nav.nav-tabs button{font-size:16px;} .giveaway-bookImg img{margin-top:-30px;} .giveaway-formtab .nav.nav-tabs{flex-direction:column;} .giveaway-formtab .nav.nav-tabs .nav-item{width:100%;} .giveaway-banner .hero-text ol{padding-left:15px;} .giveaway-bannerImg{margin-bottom:0;} .giveaway-bannerImg svg{min-width:100%;max-height:max-content;} } @media only screen and (max-width:550.98px){ .giveaway-bannerImg svg{margin-left:0;} .giveaway-bookImg{margin-bottom:20px;} } @media only screen and (max-width:350.98px){ /* .giveaway-bannerImg svg{width:300px;}*/ } /* giveaway-form-page */ .giveaway-banner .hero-text ol li b{font-family:'avenirheavy';} .giveaway-banner .hero-text.hero-inner p{width:auto;} .hero-inner h5{font-family:'avenirheavy';} .mt-o{margin-top:0 !important;} .mb-o{margin-bottom:0 !important;} /* Service Landing page */ .service-landing-banner .hero-text p strong{font-family:'avenirheavy';font-weight:normal;} .service-box-inner{border-top:1px solid rgba(171,171,171,0.3);} .serviceMain{position:absolute;bottom:-412px;right:160.5px;} .section-title h2{display:flex;flex-flow:column;text-transform:uppercase;} .section-title h2 span{margin-bottom:-60px;opacity:0.05;font-size:195px;line-height:140px;} .section-inner ul{list-style:none;} .dev-service-icon ul li{display:flex;flex-flow:wrap;margin:0 -10px;} .dev-service-icon ul li .service-icon{display:flex;flex-flow:column;align-items:center;width:33.3%;text-align:center;padding:0 10px;} .service-icon-box{height:70px;display:flex;justify-content:center;align-items:center;} .service-icon-box img{max-height:70px;} .dev-service-icon ul li .service-icon span{margin-top:10px;font-size:20px;font-family:'avenirmedium';color:#000000;} .dev-service-icon ul li+li{margin-top:70px;} .section-inner>ul>li{padding:80px 0;border-top:1px solid rgba(171,171,171,0.3);} .dev-title h3+h3{margin-top:40px;} .section-inner>ul>li:last-child{padding-bottom:0;} .service-box,.bottom-space{padding:80px;} .section-dev .border-top{border-color:rgba(171,171,171,0.3) !important;;} .border-left{border-left:1px solid rgba(171,171,171,0.3);} .dev-service-list .dev-title{margin-bottom:30px;} .dev-service-list li{font-size:24px;font-family:'avenirmedium';} .dev-service-list li span{position:relative;display:flex;padding-left:22px;} .dev-service-list li span:before{content:"";position:absolute;left:0;top:14px;height:8px;width:8px;border-radius:50px;background-color:#000000;} .dev-service-list .two-colum li{width:50%;padding:0 15px;} .dev-service-list .two-colum{display:flex;flex-flow:wrap;margin:0 -15px;} .dev-service-list .two-colum li+li{margin-top:0;} .dev-service-list .two-colum li+li+li{margin-top:6px;} .dev-service-list li+li,.dev-service-list.inner-list li+li{margin-top:6px !important;} .dev-service-list li{margin-left:0 !important;margin-right:0 !important;} .ptb-big{padding-top:130px;padding-bottom:250px;} .section-inner ul.no-dots span:before{display:none;} .section-inner ul.no-dots span{padding-left:0;} .section-inner ul.no-dots li+li{margin-top:30px;} .bg-gray{background-color:#F5F5F7;} .pb-big{padding-bottom:150px !important;} .text-gray{color:#707070;} .service-landing-banner .pageTitle{font-size:110px;line-height:110px;margin-bottom:30px;} .section-title-box{padding:80px 0;} .dev-title p{margin-top:16px;max-width:550px;} .dev-service-icon h4{color:#F37022;margin-bottom:35px;} .dev-service-icon h5{margin-bottom:25px;font-family:'avenirheavy';} .dev-service-icon+.dev-service-icon{margin-top:60px;} .dev-service-icon ul li .service-icon+.service-icon+.service-icon+.service-icon,.dev-service-icon ul.four-col li .service-icon+.service-icon+.service-icon+.service-icon+.service-icon{margin-top:70px;} .pr-0{padding-right:0 !important;} .pl-0{padding-left:0 !important;} .service-box-inner+.service-box-inner{border-top:1px solid rgba(171,171,171,0.3);margin-top:80px;} .duo-title{padding:80px 148px;} .section-title-dec,.dev-service-icon{padding-left:60px;} .dev-service-icon.service-icon-big{padding-left:0;} .dev-service-icon-multi{display:flex;flex-flow:wrap;} .dev-service-icon-multi .dev-service-icon-inner{width:70%;} .dev-service-icon-multi .dev-service-icon-inner:first-child{width:30%;} .dev-service-icon-multi .dev-service-icon-inner:first-child ul li .service-icon{width:auto;} .border-none{border-top:none !important;} .dev-service-icon-inner .two-colum{margin:0 !important;} .dev-service-list .small-list li{font-size:20px;} .dev-service-list .small-list li span::before{top:12px;width:6px;height:6px;} .dev-service-list .small-list li span{padding-left:15px;} .dev-service-icon .plans-boxs{display:flex;flex-flow:wrap;align-items:self-start;} .dev-service-icon .plans-boxs li{margin:0 !important;width:50%;} .dev-service-icon .plans-boxs li h4{margin-bottom:0;margin-top:20px;color:#000000;} .dev-service-icon .plans-boxs li:first-child .plans-boxs-inner:first-child,.dev-service-icon .plans-boxs li:last-child .plans-boxs-inner:last-child{background-color:#F8F8F8;} .dev-service-icon .plans-boxs li .plans-boxs-inner{padding:40px;flex-flow:column;align-items:flex-start;display:flex;justify-content:space-between;width:100%;min-height:285px;border:1px solid #ABABAB;} .dev-service-icon .plans-boxs li:last-child{margin-left:-1px !important;margin-top:60px !important;align-items:self-end;} .dev-service-icon .plans-boxs li .plans-boxs-inner:last-child{margin-top:-1px;} .dev-service-icon p:first-child{margin-bottom:35px;} .dev-service-icon p:last-child{margin-top:35px;} .to-space{margin-top:80px;} .dev-service-list.inner-list{margin-bottom:50px;} .dev-service-list.inner-list li{margin-left:0;margin-right:0;} .bg-black .section-title h2 span{opacity:1;color:#333333;} .bg-black .dev-title p{color:#777777;} .bg-black .dev-service-list li span,.bg-black .dev-service-icon ul li .service-icon span{color:#ffffff;} .bg-black .dev-service-list li span::before{background-color:#ffffff;} .top-big-space{padding-top:120px;} .bg-black .section-inner>ul>li{border-color:#242424;} .tab-section ul{display:flex;justify-content:center;list-style:none;} .tab-section ul li a{display:flex;font-size:18px;color:#000000;padding:15px 28px;background-color:#F5F5F7;height:100%;align-items:center;text-align:center;font-family:'avenirmedium';} .tab-section ul li{border-left:1px solid #707070;border-top:1px solid #707070;border-bottom:1px solid #707070;} .tab-section ul li:last-child{border-right:1px solid #707070;} .tab-section{position:sticky;top:0;z-index:5;margin-top:-30px;} .tab-section ul li a.active{background-color:#333333;color:#ffffff;} .font-medium{font-family:'avenirmedium';} .service-landing-banner .hero-text p,.ff-roman{font-family:'avenirroman';} .bg-black.section-dev p{color:#ffffff;} .multi-dev-service-list{display:flex;justify-content:space-between;margin:0 -10px;} .multi-dev-service-list>ul{padding:0 10px;} .plans-boxs-title small{font-size:22px;display:flex;color:#f37123;line-height:20px;align-items:center;} .service-landing-banner .hero-text p:nth-child(2){font-size:40px;} .tab-section>.container{display:flex;justify-content:center;} .tab-section>.container a.btn{margin:0;} .plans-boxs-title h4{display:flex;} .tooltip-btn{margin-left:3px;display:flex;align-items:center;height:20px;cursor:pointer;} .tooltip{font-size:14px !important;} .form-group{margin-bottom:30px;} .control-label{margin-bottom:12px;font-size:16px;font-family:var(--avenirmedium);} .control-label span{color:var(--red);} .form-control{border-radius:0px;padding:10px 20px;min-height:54px;border-color:var(--lightgrey50);} .form-control,.form-control:focus{color:var(--midgrey);font-size:18px;font-family:var(--avenirmedium);} .form-control::placeholder{color:var(--midgrey50);opacity:1;} .form-control::-ms-input-placeholder{color:var(--midgrey50);} .gravity-theme .gform_heading .gform_required_legend{display:none;} .gravity-theme .gform_fields{grid-column-gap:25px !important;grid-row-gap:25px !important;} .gravity-theme .gform_page_fields .gfield_label{position:relative;margin-bottom:10px !important;font-size:16px !important;font-family:var(--avenirmedium);color:var(--midgrey) !important;font-weight:var(--fontnormal) !important;} .gravity-theme .gfield_required_asterisk{color:var(--red) !important;font-size:16px !important;} .gravity-theme .gfield{position:relative;} .gravity-theme .gfield input,.gravity-theme .gfield select,.gravity-theme .gfield textarea{padding:12px 20px !important;min-height:54px !important;line-height:1.4 !important;border-radius:0px;border:1px solid var(--lightgrey50);transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;font-size:18px !important;font-family:var(--avenirmedium) !important;color:var(--midgrey) !important;background-color:var(--white);} .gravity-theme .gfield input[type="radio"],.gravity-theme .gfield input[type="checkbox"]{min-height:auto !important;} .gravity-theme .gfield select{padding:13px 20px !important;appearance:none;-webkit-appearance:none;} .gravity-theme .gfield input::-webkit-outer-spin-button,.gravity-theme .gfield input::-webkit-inner-spin-button{-webkit-appearance:none;} .gravity-theme .gfield input[type="number"]{-moz-appearance:textfield;} .gravity-theme .gfield .ginput_container_select{position:relative;} .gravity-theme .gfield .ginput_container_select:before{position:absolute;content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.531' height='10' viewBox='0 0 15.531 10'%3E%3Cpath id='path9511' d='M2.4,292.646a1.107,1.107,0,0,0-.8,1.84l6.635,7.755a1.107,1.107,0,0,0,1.684,0l6.642-7.755a1.107,1.107,0,1,0-1.682-1.438l-5.8,6.774-5.8-6.774a1.107,1.107,0,0,0-.876-.4Z' transform='translate(-1.319 -292.63)'/%3E%3C/svg%3E");top:0px;bottom:0px;right:0px;display:flex;align-items:center;justify-content:center;pointer-events:none;width:50px;} .gravity-theme .gfield.gfield_error input,.gravity-theme .gfield.gfield_error select,.gravity-theme .gfield.gfield_error textarea{border-color:var(--red) !important;} .gravity-theme .gfield input:focus,.gravity-theme .gfield select:focus,.gravity-theme .gfield textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);-webkit-box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);} .gravity-theme .gfield.gfield_error input:focus,.gravity-theme .gfield.gfield_error select:focus,.gravity-theme .gfield.gfield_error textarea:focus{border-color:var(--red) !important;box-shadow:0 0 0 0.25rem var(--red20);-webkit-box-shadow:0 0 0 0.25rem var(--red20);} .gravity-theme .gfield input[type="radio"],.gravity-theme .gfield input[type="checkbox"]{min-height:auto;} .gravity-theme .gfield input[type="radio"]:focus,.gravity-theme .gfield input[type="checkbox"]:focus{box-shadow:none;} .gravity-theme .gfield input::placeholder,.gravity-theme .gfield textarea::placeholder{color:var(--midgrey50);opacity:1;} .gravity-theme .gfield input::-ms-input-placeholder,.gravity-theme .gfield textarea::-ms-input-placeholder{color:var(--midgrey50);} .gravity-theme .gfield .validation_message{background:transparent !important;border:none !important;margin-top:8px;padding:0px !important;color:var(--red) !important;font-family:var(--avenirroman) !important;font-size:14px !important;} .gravity-theme .gform_validation_errors{background-color:var(--red10) !important;border-color:var(--red20) !important;margin-bottom:1rem !important;margin-top:1rem !important;display:flex;align-items:center;padding:10px 10px 10px 50px !important;min-height:50px;box-shadow:none !important;border-radius:0.25rem !important;} .gravity-theme .gform_validation_errors > h2{color:var(--red) !important;font-size:16px !important;line-height:1.2 !important;margin:0px !important;font-family:var(--avenirroman);} .gravity-theme .gform_button{background-color:transparent;border:none;outline:none;outline-offset:0;color:var(--white);} .gravity-theme .gform_footer,.gravity-theme .gform_footer:hover{position:relative;text-align:center;display:inline-flex !important;cursor:pointer;border:1px solid var(--primary);outline:none !important;outline-offset:0 !important;border-radius:8px;box-shadow:none !important;overflow:hidden;font-size:18px;padding:0px 10px !important;margin:22px auto 0px !important;line-height:1.55;color:var(--white);background-color:var(--primary);font-family:var(--avenirmedium);} .gravity-theme .gform_footer:after{position:absolute;content:"";left:-150%;top:-80px;height:200px;width:70px;z-index:1;background-color:var(--white70);transform:rotate(35deg);-webkit-transform:rotate(35deg);transition:all 1.2s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:all 1.2s cubic-bezier(0.19,1,0.22,1) 0s; pointer-events: none;} .gravity-theme .gform_footer:hover:after{left:150%;transition:all 1.2s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:all 1.2s cubic-bezier(0.19,1,0.22,1) 0s;-ms-transition:all 1.2s cubic-bezier(0.19,1,0.22,1) 0s;} .gravity-theme .gform_footer .gform_button{margin-bottom:0px !important;padding:13px 30px !important;} .gravity-theme .gform_drop_area{border:1px solid var(--lightgrey50) !important;border-radius:0px !important;background-color:var(--white) !important;margin-bottom:0px !important;padding:25px !important;min-height:200px;} .gravity-theme .gform_button_select_files{position:absolute;left:0px;top:0px;font-size:0px;border:none;padding:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;} .gravity-theme .gform_drop_instructions,.gravity-theme .gform_fileupload_rules,.gravity-theme .gform_button_select_files:after{display:none !important;} .gravity-theme .gfield_description{padding-top:0px !important;} .gravity-theme .dragDropInfo{position:absolute;padding:0px !important;top:36px;left:0px;right:0px;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--midgrey50);font-size:14px !important;font-family:var(--avenirmedium) !important;} .gravity-theme .dragDropInfo h5{font-size:var(--body-font) !important;font-family:var(--avenirmedium) !important;margin:10px 0px 5px;} .gravity-theme .dragDropInfo span{color:var(--primary) !important;} .gravity-theme .dragDropInfo p{font-family:var(--avenirroman) !important;margin-top:20px;padding:0 15px;} .gravity-theme .ginput_preview{display:flex;align-items:center;font-size:14px;font-family:var(--avenirmedium);} .gravity-theme .ginput_preview .gform_delete_file{color:var(--midgrey);margin-right:3px;} .gravity-theme .ginput_preview .gform_delete_file:hover{color:var(--red);} .gravity-theme .ginput_preview strong{font-family:var(--avenirmedium);font-weight:var(--fontnormal);} .gravity-theme .ginput_preview b{font-family:var(--avenirbook);margin:0px 10px 0px 5px;} .gravity-theme .ginput_preview a{position:relative;font-size:0px;z-index:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;} .gravity-theme .ginput_preview a:before,.gravity-theme .ginput_preview a:after{content:"";width:18px;height:2px;background-color:var(--red);-webkit-transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);transition:transform 0.4s cubic-bezier(0.33,1,0.68,1);} .gravity-theme .ginput_preview a:after{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);} .gravity-theme .ginput_preview a:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);} .gravity-theme .ginput_preview a:after{-webkit-transform:rotate(135deg);transform:rotate(135deg);} .gravity-theme .gchoice .gform-field-label{font-size:30px;} .wl-quote-form.quote-request .gravity-theme .gfield_label{font-family:var(--avenirmedium) !important;} /*********************************** 0001 Responsive *********************************/ @media only screen and (min-width:768px){ .w-65{width:65% !important;} } @media only screen and (min-width:1760.98px){ .dev-service-icon ul.four-col li .service-icon{width:25%;} .dev-service-icon ul.four-col li .service-icon+.service-icon+.service-icon+.service-icon{margin-top:0;} } @media only screen and (max-width:1759.98px){ .duo-title{padding:80px 100px;} .dev-service-icon ul li .service-icon span{font-size:16px;} .dev-service-list li{font-size:18px;} .dev-service-list li span:before{top:12px;height:6px;width:6px;} .dev-service-icon .plans-boxs li .plans-boxs-inner{padding:30px;min-height:243px;} .dev-service-icon ul li .service-icon+.service-icon+.service-icon+.service-icon,.dev-service-icon ul.four-col li .service-icon+.service-icon+.service-icon+.service-icon+.service-icon{margin-top:40px;} .tab-section ul li a{font-size:16px;padding:15px 18px;} } @media only screen and (max-width:1439.98px){ .service-landing-banner .pageTitle{font-size:80px;line-height:80px;} .duo-title{padding:50px 60px;} .section-title-box,.section-inner>ul>li{padding:50px 0;} .section-title h2 span{font-size:155px;line-height:120px;margin-bottom:-48px;} .service-box,.bottom-space{padding:50px;} .section-title-dec,.dev-service-icon{padding-left:30px;} .service-box-inner+.service-box-inner{margin-top:50px;} .tab-section>.container a.btn{width:153px;display:flex;justify-content:center;align-items:center;padding:10px 22px;} } @media only screen and (max-width:1199.98px){ .to-space{margin-top:40px;} .dev-service-icon .plans-boxs li .plans-boxs-inner{padding:25px;min-height:200px;} .dev-service-icon .plans-boxs li .plans-boxs-inner img{max-width:60px;} .dev-service-icon .plans-boxs li:last-child{margin-left:-1px !important;margin-top:40px !important;} .service-icon-box img{max-height:40px;} .service-icon-box{height:50px;} .top-big-space{padding-top:50px;} .dev-service-list .small-list li{font-size:16px;} .mh800.service-landing-banner{min-height:600px;} .service-landing-banner .hero-text p:nth-child(2){font-size:30px;} .section-title h2 span{margin-bottom:-42px;} } @media only screen and (max-width:991.98px){ .service-landing-banner .pageTitle{font-size:60px;line-height:65px;margin-bottom:20px;} .service-box,.bottom-space{padding:50px 0;} .service-box.bg-gray{padding:50px;} .tab-section ul li a{font-size:13px;padding:12px 12px;} .mh800.service-landing-banner{min-height:500px;} .service-landing-banner.bannerSection:not(.blog-banner):not(.faq-banner):not(.contact-banner) .hero-text{width:100%;} .service-landing-banner .col-md-10{width:100%;} .service-landing-banner .hero-text p:nth-child(2){font-size:20px;} .tab-section>.container a.btn{width:130px;padding:10px 12px;} } @media only screen and (max-width:767.98px){ .section-title-dec,.dev-service-icon{padding-left:0;} .duo-title{padding:30px 40px;} .section-title-box,.section-inner>ul>li{padding:30px 0;} .section-title h2 span{font-size:120px;line-height:100px;margin-bottom:-38px;} .section-title{margin-bottom:18px;} .duo-title{padding:30px 0;} .border-left{border-left:none;} .duo-title.pr-0{padding-top:0;} .dev-title{margin-bottom:20px;} .dev-service-icon h4{margin-bottom:15px;} .to-space{margin-top:20px;} .duo-title .dev-title{margin-bottom:0;} .service-box-inner+.service-box-inner{margin-top:30px;} .tab-section ul{flex-flow:column;} .tab-section ul li{border:1px solid #707070;} .tab-section ul li+li{margin-top:8px;} .tab-section{position:relative;margin-top:-12px;} .dev-service-icon ul li .service-icon.w-50{width:33.33% !important;} .multi-dev-service-list{justify-content:start;margin:0 -20px;} .multi-dev-service-list>ul{padding:0 20px;} .tab-section{display:none;} } @media only screen and (max-width:575.98px){ .service-landing-banner .pageTitle{font-size:45px;line-height:51px;} .dev-service-icon ul li .service-icon,.dev-service-icon ul li .service-icon.w-50{width:50% !important;} .dev-service-icon ul li .service-icon+.service-icon+.service-icon+.service-icon,.dev-service-icon ul.four-col li .service-icon+.service-icon+.service-icon+.service-icon+.service-icon,.dev-service-icon ul li .service-icon+.service-icon+.service-icon{margin-top:30px;} .service-box.bg-gray{padding:40px;} .dev-service-list .dev-title{margin-bottom:14px;} .dev-service-list li{font-size:16px;} .dev-service-icon ul li .service-icon span br{display:none;} .dev-service-icon-multi{flex-flow:column;} .dev-service-icon-multi .dev-service-icon-inner:first-child{width:100%;} .dev-service-icon-multi .dev-service-icon-inner{width:100%;} .dev-service-list .two-colum li{width:100%;} .dev-service-icon h5{margin-bottom:15px;} .dev-service-icon+.dev-service-icon{margin-top:30px;} .dev-service-icon-multi .dev-service-icon-inner:first-child ul li .service-icon{width:50%;} .dev-service-icon-inner+.dev-service-icon-inner{margin-top:25px;} .multi-dev-service-list{margin:0 -20px;flex-flow:column;} .multi-dev-service-list>ul+ul{margin-top:6px;} } /* 24-10-2024 (quote-request) */ .wl-quote-form .gform_wrapper.gravity-theme .gfield-choice-input+label{margin-bottom:0 !important;max-width:calc(100% - 32px) !important;vertical-align:middle !important;border:none !important;} .wl-quote-form .gform_wrapper.gravity-theme .gfield_checkbox label,.gform_wrapper.gravity-theme .gfield_radio label{display:inline-block !important;font-size:15px !important;} .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gform-field-label{border:none !important;padding:0 !important;} /* .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gform-field-label:before{display:none;}*/ .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gform-field-label.wl-quote-form .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='radio'] + .gform-field-label:after{display:none;} .wl-quote-form .gravity-theme .gform_page_fields .gfield_radio{display:inline-block;padding-top:0 !important;} .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gform-field-label{min-height:auto;} /* .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gfield-choice-input:checked + .gform-field-label{background-color:transparent;color:black !important;border-color:black !important;} .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gfield-choice-input:checked + .gform-field-label:before{border-color:black;}*/ /* .wl-quote-form .gravity-theme .gform_page_fields .gchoice .gfield-choice-input[type='radio'] + .gform-field-label:after{content:'';display:block;position:absolute;top:12.5px;width:7px;height:7px;background-color:var(--primary);border-radius:50%;transform:translate(-50%,-50%);left:8px;}*/ /* New Home page banner Style 03-12-24 */ .newHomeBanner{display:none;align-items:center;justify-content:center;padding-top:calc(var(--sectionSpace) + 20px);padding-bottom:calc(var(--sectionSpace) + 70px);background-color:var(--offwhite);} .newHomeBanner h1{opacity:0;animation:surveytext 1s linear forwards;animation-delay:1.5s;} .newHomeBanner h2{text-transform:uppercase;margin-top:80px;position:relative;} .newHomeBanner h2 span{opacity:0;animation:surveytext 1s linear forwards;animation-delay:1.5s;} .newHomeBanner h2 svg{position:absolute;right:5px;top:-30px;z-index:1;} /* .svg-shape-container{position:absolute;bottom:-197px;left:-59px;width:500px;}*/ /* .newBannercontent > div{display:flex;flex-wrap:wrap;position:relative;}*/ .newBannercontent-inner{opacity:0;animation:surveytext 1s linear forwards;animation-delay:4s;width:372px;} #surveyPath{opacity:0;stroke-dasharray:var(--surveyPath),var(--surveyPath);stroke-dashoffset:var(--surveyPath);} #surveyPath1{opacity:0;stroke-dasharray:var(--surveyPath1),var(--surveyPath1);stroke-dashoffset:var(--surveyPath1);} #surveyPath2{opacity:0;stroke-dasharray:var(--surveyPath2),var(--surveyPath2);stroke-dashoffset:var(--surveyPath2);} #surveyPath3{opacity:0;stroke-dasharray:var(--surveyPath3),var(--surveyPath3);stroke-dashoffset:var(--surveyPath3);} #surveyhand{opacity:0;stroke-dasharray:var(--surveyhand),var(--surveyhand);stroke-dashoffset:var(--surveyhand);} .surveyPathFill,.surveyPathFill2{opacity:0;transition:all ease-in 1s;} /* .serveyShape1{margin-bottom:-16px;transition:all ease-in 0.5s;position:relative;z-index:2;}*/ .svg-shape-container a{display:inline-block;vertical-align:top;margin-left:-7px;} /* .svg-shape-container a:hover .serveyShape1{margin-bottom:-20px;}*/ .svg-shape-container .on-hover{transition:all ease-in 1s;transform:translateY(0);} .svg-shape-container a:hover .on-hover{transform:translateY(20px);} .svg-shape-container a:hover .on-hover .hover-color{fill:#F37023;transition:all ease-in 1s;} .animation #surveyPath{opacity:1;animation:surveyline 1s linear forwards;} .animation #surveyPath1{opacity:1;animation:surveyline1 1s linear forwards;animation-delay:1s;} .animation .surveyPathFill{animation:surveyPathFill 1s linear forwards;animation-delay:2s;} .animation #surveyPath2{opacity:1;animation:surveyline2 1s linear forwards;animation-delay:2s;} .animation #surveyPath3{opacity:1;animation:surveyline3 1s linear forwards;animation-delay:3s;} .surveyhand-div{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(0);transition:all ease-in 1s;} .animation #surveyhand{opacity:1;animation:surveyhand 1s linear forwards;animation-delay:2.5s;} .animation .surveyPathFill2{animation:surveyPathFill2 1s linear forwards;animation-delay:2s;} .surveyhand-animation{-webkit-animation:rotateInfinite 1s infinite alternate;animation:rotateInfinite 1s infinite alternate;transition:all ease-in 1s;} .svg-shape-container a:hover .surveyhand-animation{/*transform:translateY(10px) !important;animation:none;transition-delay:inherit;transition:all ease-in 1s;*/-webkit-animation:rotateInfinite 1s backwards;animation:rotateInfinite 1s backwards;} .svg-shape-container a:hover .surveyhand-div{transform:translateX(-50%) translateY(20px);} /* .surveyhand-animation{-webkit-animation:rotateInfinite 1s infinite alternate;animation:rotateInfinite 1s infinite alternate;transition:all ease-in 1s;}*/ .newHomeBanner-right > div{display:flex;flex-wrap:wrap;position:relative;align-items:flex-end;} .svg-shape-container{flex:1;position:relative;padding-top:210px;} .bottom-line-shape{position:absolute;bottom:-185px;left:13px;} .latest-post-sec .blog-listing-grid .design h5{margin-top:0;} .post-title-with-btn{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:60px;} .post-title-with-btn h2{flex:1;padding-right:20px;} .post-bottom-info{display:flex;flex-wrap:wrap;align-items:center;} .post-bottom-info .date{flex:1;} .post-bottom-info > span{color:var(--primary);font-size:14px;font-family:var(--avenirheavy);} .ac-banner{display:none;} @-webkit-keyframes rotateInfinite{0%{transform:translateY(0);}100%{transform:translateY(-20px);}} @keyframes rotateInfinite{0%{transform:translateY(0);}100%{transform:translateY(-20px);}} @keyframes surveyline{from{stroke-dashoffset:var(--surveyPath);}to{stroke-dashoffset:0;}} @keyframes surveyline1{from{stroke-dashoffset:var(--surveyPath1);}to{stroke-dashoffset:0;}} @keyframes surveyline2{from{stroke-dashoffset:var(--surveyPath2);}to{stroke-dashoffset:0;}} @keyframes surveyline3{from{stroke-dashoffset:var(--surveyPath3);}to{stroke-dashoffset:0;}} @keyframes surveyhand{from{stroke-dashoffset:var(--surveyhand);}to{stroke-dashoffset:0;}} @keyframes surveyPathFill{0%{opacity:0;}100%{opacity:1;}} @keyframes surveyPathFill2{0%{opacity:0;}100%{opacity:0.3;}} @keyframes surveytext{0%{opacity:0;}100%{opacity:1;}} @media (min-width:1760px){ .newHomeBanner-left{width:38%;} .newHomeBanner-right{width:62%;} } @media (max-width:1759.98px){ .newHomeBanner.mh1000{min-height:800px;} .newBannercontent-inner{width:300px;} .svg-shape-container{padding-top:150px} .svg-shape-container a > svg{width:380px;text-align:center;} .surveyhand-animation{width:251px} .newHomeBanner h2{margin-top:40px;} .newHomeBanner h2 svg{right:6px;top:-15px;} .bottom-line-shape{bottom:-173px;left:9px;} .bottom-line-shape svg{width:720px;} } @media (max-width:1439.98px){ .svg-shape-container a > svg{width:320px;} .surveyhand-animation{width:220px} .bottom-line-shape{bottom:-176px;left:9px;} .bottom-line-shape svg{width:620px;} } @media (max-width:1199.98px){ .newHomeBanner h2 svg{display:none;} .bottom-line-shape{display:none;} .svg-shape-container a > svg{width:270px;} .newHomeBanner h1 br,.newHomeBanner h2 br{display:none;} .newHomeBanner.mh1000{min-height:620px;padding-top:calc(var(--sectionSpace) + 20px);padding-bottom:calc(var(--sectionSpace) + 20px);} .svg-shape-container a{margin-left:0;} .newBannercontent-inner{width:250px;} .newHomeBanner-left{width:38%;} .newHomeBanner-right{width:62%;} } @media (max-width:991.98px){ .newHomeBanner-left,.newHomeBanner-right{width:100%;max-width:720px;} .newHomeBanner.mh1000{min-height:inherit;} .newHomeBanner-right > div{flex-direction:column;} .svg-shape-container{width:100%;text-align:center;padding-top:110px;margin:40px 0;} .newBannercontent-inner{width:100%;} .svg-shape-container a > svg{width:236px;} .surveyhand-animation{width:187px;} .newHomeBanner h2{margin:0;} .newHomeBanner .container > .row{margin-top:0 !important;flex-direction:column;align-items:center !important;} .svg-shape-container a:hover .surveyhand-div{transform:translateX(-50%);} .svg-shape-container a .on-hover .hover-color{fill:#F37023;transition:all ease-in 1s;} .svg-shape-container a:hover .on-hover{transform:translateY(0px);} @-webkit-keyframes rotateInfinite{0%{transform:translateY(0);}100%{transform:translateY(-10px);}} @keyframes rotateInfinite{0%{transform:translateY(0);}100%{transform:translateY(-10px);}} } @media (max-width:767px){ .post-title-with-btn{margin-bottom:40px;} } @media (max-width:575px){ .post-title-with-btn{flex-direction:column;align-items:flex-start;} .post-title-with-btn h2{padding-right:0;} .post-title-with-btn > div{margin-top:20px;} } /* Baba Summit 2025 CSS Start --------------------------------------------------------- */ .max-w-400{max-width:400px;} .pt-50{padding-top:50px;} .f-30{font-size:30px;} .max-w-530{max-width:530px;} .max-w-450{max-width:450px;} .pb-50{padding-bottom:50px;} .baba-bnr-2k25{z-index:-1;background-color:var(--offwhite) !important;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:250px;padding-right:180px;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child{color:#F37022;font-size:24px;} .baba-bnr-2k25 .banner-footer-info .inner-box span{color:#1D1D1F;font-size:18px;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child span{text-transform:uppercase;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child em{font-size:24px;text-transform:none;} .baba-whyhow-sec{overflow: hidden;} .baba-whyhow-sec .lr-content-wrap .sec-title h2,.baba-seeyou-sec .sec-title h2{font-family:var(--avenirblack) !important;text-transform:uppercase;} .baba-whyhow-sec .lr-content-wrap .section-content p, .baba-whyhow-sec .lr-content-wrap .section-content ul li{color:#1D1D1F;} .baba-whyhow-sec .lr-content-wrap .title-content ul{list-style:none;padding:0px;margin-bottom:15px;} .baba-whyhow-sec .lr-content-wrap .title-content ul li{position:relative;padding-left:40px;} .baba-whyhow-sec .lr-content-wrap .title-content ul li:before{content:'—';position:absolute;top:3px;left:0;line-height:1;} .unforgettable-2k25 .gallery-row{column-count:4;display:block;gap:0;} .unforgettable-2k25 .gallery-row > .col-md-6{break-inside:avoid;width:auto;padding-inline:5px;} .unforgettable-2k25 .baba-gallery{margin-top:0;margin-bottom:10px;} .matters-sec.mh826{min-height:826px;padding-top:250px;} .baba-sponsor.mh667{min-height:667px;padding-top:80px;} .baba-we-show.mh620{min-height:620px;padding-top:80px;} .baba-seeyou-sec{padding-top:100px;padding-bottom:200px;} .baba-seeyou-sec .baba-bottomsvg p{font-size:24px;font-family:var(--avenirheavy);margin-top:10px;} .baba-sponser-text{position:relative;margin-left:85px;} .baba-sponser-text p{font-family:var(--avenirheavy);} .baba-sponser-text p:last-child{padding-top:100px;} .upper-deal{font-size:24px;line-height:30px;text-transform:uppercase;max-width:189px;font-family:var(--avenirblack);} .matters-sec .section-content .title-content{gap:73px;} .book-seats-wrap .btn{margin-right:20px;} .babaSumTrigger1{top:-200px;} .babaSumTrigger2{top:200px;} .babaSumTrigger3{top:500px;} .babaSumTrigger4{top:800px;} .babaSumTrigger5{top:1100px;} .babaSumTrigger6{top:1400px;} .babaSumTrigger7{top:1750px;} .babaSumLine1{top:-251px;left:622px;} .babaSumLine2{left:705px;top:242px;} .babaSumLine3{top:-209px;left:27px;} .babaSumLine4{top:-174px;left:159px;} .babaSumWord1{top:63px;left:44px;} .babaSumWord2{top:2px;left:49px;} .babaSumLine5{top:431px;left:1157px;} .babasum-img{margin-top:10px;margin-left:18px;} .page-id-16134 .announcement-bar { display: none; } @media (min-width: 1200px) { .baba-bnr-2k25{padding-top:calc(var(--sectionSpace) + 70px);} } @media (min-width: 1760px) { .baba-whyhow-sec .container, .unforgettable-2k25 .container{max-width:1600px;} } @media (max-width:1759.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-right: 120px;} /* .baba-whyhow-sec > .container{max-width:1440px;padding-left:80px;padding-right:80px;} */ .matters-sec .section-content .title-content{gap:45px;} .f-30{font-size:24px;} .baba-whyhow-sec .max-w-530{max-width:560px;} .babaSumTrigger2{top:150px;} .babaSumTrigger3{top:400px;} .babaSumTrigger4{top:650px;} .babaSumTrigger5{top:900px;} .babaSumTrigger6{top:1150px;} .babaSumTrigger7{top:1450px;} .matters-sec.mh826{min-height:736px;padding-top:210px;} .babaSumLine1{top:-211px;left:610px;} .babaSumLine1 svg{max-width:100px;} .babasum-img{margin-top:7px;margin-left:18px;} .babasum-img img{max-width:400px;} .babaSumLine2{left:685px;top:229px;} .babaSumLine2 svg{max-width:470px;} .baba-sponsor.mh667{min-height:600px;padding-top:80px;} .babaSumLine3{top:-192px;left:67px;} .babaSumLine3 svg{max-width:620px;} .babaSumWord1{top:56px;left:84px;} .babaSumWord1 svg{max-width:120px;} .baba-sponser-text{margin-left:120px;} .baba-we-show .title-content p{max-width:770px;} .baba-we-show.mh620{min-height:550px;padding-top:60px;} .babaSumLine4{top:-151px;left:183px;} .babaSumLine4 svg{max-width:720px;} .babaSumWord2{top:-11px;left:-77px;} .babaSumWord2 svg{max-width:250px;} .babaSumLine5{top:361px;left:998px;} .babaSumLine5 svg{max-width:320px;} .baba-seeyou-sec{padding-top:70px;padding-bottom:120px;} } @media (max-width:1439.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-left: 200px;padding-right: 70px;} /* .baba-whyhow-sec > .container{max-width:1200px;padding-left:50px;padding-right:50px;} */ .matters-sec .section-content .title-content{gap:45px;} .f-30{font-size:22px;} .baba-whyhow-sec .max-w-530{max-width:470px;} .babaSumTrigger2{top: 100px;} .babaSumTrigger3{top: 300px;} .babaSumTrigger4{top: 500px;} .babaSumTrigger5{top: 750px;} .babaSumTrigger6{top: 1000px;} .babaSumTrigger7{top: 1250px;} .matters-sec.mh826{min-height:686px;padding-top:160px;} .babaSumLine1{top:-161px;left:526px;} .babaSumLine1 svg{max-width:90px;} .babasum-img{margin-top:10px;margin-left:16px;} .babasum-img img{max-width:360px;} .babaSumLine2{left:593px;top:232px;} .babaSumLine2 svg{max-width:430px;} .baba-sponsor.mh667{min-height:570px;padding-top:60px;} .babaSumLine3{top:-185px;left:25px;} .babaSumLine3 svg{max-width:570px;} .babaSumWord1{top:43px;left:39px;} .baba-sponser-text{margin-left:80px;} .baba-we-show.mh620{min-height:520px;padding-top:50px;} .babaSumLine4{top:-145px;left:138px;} .babaSumLine4 svg{max-width:670px;} .babaSumWord2{top:-14px;left:-44px;} .babaSumWord2 svg{max-width:230px;} .babaSumLine5{top:328px;left:895px;} .babaSumLine5 svg{max-width:300px;} } @media (max-width:1199.98px){ .unforgettable-2k25 .gallery-row{column-count:3;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:120px;padding-right:40px;} .baba-whyhow-sec{padding-top:50px;padding-bottom:50px;} .baba-whyhow-sec.baba-seeyou-sec{padding-top: 0px;} .baba-whyhow-sec .lr-content-wrap{min-height:auto;padding-top:50px;padding-bottom:50px;} .babasum-img{margin-top:10px;margin-left:0px;} .babasum-img img{max-width:300px;} .babaSumWord1{top:20px;left:10px;} .baba-sponser-text{margin-left:50px;} .babaSumWord2{top:0px;left:0px;} .baba-seeyou-sec .baba-bottomsvg p{font-size:20px;margin-bottom:10px;} .baba-seeyou-sec .baba-bottomsvg p.pb-50{padding-bottom:20px;} /* .baba-seeyou-sec .baba-bottomsvg svg{max-width:380px;} */ .book-seats-wrap svg{max-width:120px !important;} } @media (max-width:991.98px){ .f-30{font-size:18px;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:30px;padding-right:30px;max-width:760px;} .matters-sec .section-content .title-content{gap:30px;} .babasum-img img{max-width:250px;} /* .baba-seeyou-sec .baba-bottomsvg svg{max-width:320px;} */ .baba-seeyou-sec .baba-bottomsvg p{font-size:18px;} .book-seats-wrap .btn{margin-right:5px;} .book-seats-wrap svg{max-width:110px !important;} } @media (max-width:767.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-left:50px;padding-right:50px;} .baba-whyhow-sec .max-w-530{max-width:none;} .baba-whyhow-sec .matters-sec, .baba-whyhow-sec .baba-we-show{padding-top:0px;padding-bottom:0px;} .baba-whyhow-sec .matters-sec .pt-50{padding-top:30px;} .mobilebabaSumTrigger1{top:500px;} .mobilebabaSumTrigger2{top:1600px;} .baba-bottomsvg{margin-top:50px;} .baba-sponser-text{margin-left:0px;} .baba-sponsor .mb-3{margin-bottom:50px !important;display:block !important;} .baba-sponser-text p:last-child{padding-top:0;} .baba-whyhow-sec.baba-seeyou-sec{margin-top:-50px !important;} .baba-sponsor .mb-30, .baba-we-show .mb-30{margin-bottom:0px !important;} } @media (max-width:575.98px){ .mobilebabaSumTrigger1{top:700px;} .mobilebabaSumTrigger2{top:2000px;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:30px;padding-right:30px;} .unforgettable-2k25 .gallery-row{column-count:2;} .matters-sec .section-content .title-content{display:block !important;} .babasum-img{margin-top:30px;margin-left:0px;} .book-seats-wrap{display:flex;align-items:self-start;justify-content:start;flex-wrap:wrap;gap:20px;} .book-seats-wrap .btn{margin:0px;} } /* Baba Summit 2025 CSS End --------------------------------------------------------- */ /* Baba Summit 2025 CSS New --------------------------------------------------------- */ .max-w-400{max-width:400px;} .pt-50{padding-top:50px;} .f-30{font-size:30px;} .max-w-530{max-width:530px;} .max-w-450{max-width:450px;} .pb-50{padding-bottom:50px;} .baba-bnr-2k25{z-index:-1;background-color:var(--offwhite) !important;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:250px;padding-right:180px;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child{color:#F37022;font-size:24px;} .baba-bnr-2k25 .banner-footer-info .inner-box span{color:#1D1D1F;font-size:18px;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child span{text-transform:uppercase;} .baba-bnr-2k25 .banner-footer-info .inner-box > div:last-child em{font-size:24px;text-transform:none;} .baba-mainContent-sec{overflow: hidden;} .baba-mainContent-sec .lr-content-wrap .sec-title h2, .baba-seeyou-sec .sec-title h2{font-family:var(--avenirblack) !important;text-transform:uppercase;} .baba-mainContent-sec .lr-content-wrap .section-content p, .baba-mainContent-sec .lr-content-wrap .section-content ul li{color:#1D1D1F;} .baba-mainContent-sec .lr-content-wrap .title-content ul{list-style:none;padding:0px;margin-bottom:15px;} .baba-mainContent-sec .lr-content-wrap .title-content ul li{position:relative;padding-left:25px;} .baba-mainContent-sec .lr-content-wrap .title-content ul li:before{content: "_"; position: absolute; left: 0px; right: 0px; font-weight: 700; top: -8px;} .unforgettable-newGallery.unforgettable-2k25 .gallery-row{column-count:4;display:block;gap:0px;} .unforgettable-newGallery.unforgettable-2k25 .gallery-row > .col-md-6{break-inside:avoid;width:auto;padding-inline:5px;padding-bottom: 10px;} .unforgettable-newGallery.unforgettable-2k25 .baba-gallery{margin-top:0;margin-bottom: 0;} .baba-seeyou-sec{padding-top:100px;padding-bottom:200px;} .baba-seeyou-sec .baba-bottomsvg p{font-size:24px;font-family:var(--avenirheavy);margin-top:10px;} .baba-sponser-text{position:relative;margin-left:85px;} .baba-sponser-text p{font-family:var(--avenirheavy);} .baba-sponser-text p:last-child{padding-top:100px;} .upper-deal{font-size:24px;line-height:30px;text-transform:uppercase;max-width:189px;font-family:var(--avenirblack);} .matters-sec .section-content .title-content{gap:73px;} .book-seats-wrap .btn{margin-right:20px;} .baba-mainContent-sec .babaSumLine2{left:750px;top:242px;} .baba-mainContent-sec .babaSumTrigger2{top:100px;} .baba-mainContent-sec .babaSumTrigger6{top:1310px;} .babaSumTrigger8 {top: 0px;} .baba-mainContent-sec .babaSumWord2{top:2px;left:49px;} .baba-mainContent-sec .babasum-img{margin-top:10px;margin-left:18px;} .baba-mainContent-sec { padding-top: 50px; padding-bottom: 50px; } .baba-mainContent-sec .lr-content-wrap { padding-top: 100px; padding-bottom: 100px; } .baba-sponsor .list-contents li:before { content: "_"; position: absolute; left: -25px; right: 0px; font-weight: 700; top: -8px; } .baba-sponsor .list-contents li {list-style: none;} .baba-sponsor .list-contents li { position: relative; } .baba-sponsor .right-content:before { content: ""; position: absolute; width: 3px; height: 100%; background-color: var(--secondary30); top: 0; left: -50px; } .baba-sponsor .title-content { padding-right: 20px; } @media (min-width: 1200px) { .baba-bnr-2k25{padding-top:calc(var(--sectionSpace) + 70px);} } @media (min-width: 1760px) { .baba-mainContent-sec .container, .baba-seeyou-sec .container, .unforgettable-2k25 .container{max-width:1600px;} } @media (max-width:1759.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-right: 120px;} .matters-sec .section-content .title-content{gap:45px;} .f-30{font-size:24px;} .baba-mainContent-sec .max-w-530{max-width:560px;} /* .baba-mainContent-sec .babaSumTrigger2{top:150px;} */ .baba-mainContent-sec .babaSumTrigger6{top:1150px;} .baba-mainContent-sec .babasum-img{margin-top:7px;margin-left:18px;} .baba-mainContent-sec .babasum-img img{max-width:460px;} .baba-mainContent-sec .babaSumWord2{top:-11px;left:-77px;} .baba-mainContent-sec .babaSumWord2 svg{max-width:250px;} .babaSumWord3 svg{max-width:400px;} .baba-sponser-text{margin-left:120px;} .baba-we-show .title-content p{max-width:770px;} .baba-seeyou-sec{padding-top:70px;padding-bottom:120px;} .baba-mainContent-sec .babaSumLine2{left:724px;top:232px;} } @media (max-width:1439.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-left: 200px;padding-right: 70px;} .matters-sec .section-content .title-content{gap:45px;} .f-30{font-size:22px;} .baba-mainContent-sec .max-w-530{max-width:470px;} /* .baba-mainContent-sec .babaSumTrigger2{top: 100px;} */ .baba-mainContent-sec .babaSumTrigger6{top: 1000px;} .baba-mainContent-sec .babasum-img{margin-top:10px;margin-left:16px;} .baba-mainContent-sec .babasum-img img{max-width:400px;} .baba-mainContent-sec .babaSumLine2{left:632px;top:234px;} .baba-mainContent-sec .babaSumLine2 svg{max-width:430px;} .baba-mainContent-sec .baba-sponser-text{margin-left:80px;} .baba-mainContent-sec .babaSumWord2{top:-14px;left:-44px;} .baba-mainContent-sec .babaSumWord2 svg{max-width:230px;} .babaSumWord3 svg{max-width:380px;} } @media (max-width:1199.98px){ .unforgettable-newGallery.unforgettable-2k25 .gallery-row{column-count:3;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:120px;padding-right:40px;} .baba-mainContent-sec{padding-top:50px;padding-bottom:50px;} .baba-mainContent-sec.baba-seeyou-sec{padding-top: 0px;} .baba-mainContent-sec .lr-content-wrap{min-height:auto;padding-top:60px;padding-bottom:60px;} .baba-mainContent-sec .babasum-img{margin-top:10px;margin-left:0px;} .baba-mainContent-sec .babasum-img img{max-width:300px;} .baba-mainContent-sec .baba-sponser-text{margin-left:50px;} .baba-mainContent-sec .babaSumWord2{top:0px;left:0px;} .baba-seeyou-sec .baba-bottomsvg p{font-size:20px;margin-bottom:10px;} .baba-seeyou-sec .baba-bottomsvg p.pb-50{padding-bottom:20px;} /* .baba-seeyou-sec .baba-bottomsvg svg{max-width:380px;} */ .book-seats-wrap svg{max-width:120px !important;} .babaSumWord3 svg{max-width:350px;} } @media (max-width:991.98px){ .f-30{font-size:18px;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:30px;padding-right:30px;max-width:760px;} .matters-sec .section-content .title-content{gap:30px;} .babasum-img img{max-width:250px;} /* .baba-seeyou-sec .baba-bottomsvg svg{max-width:320px;} */ .baba-seeyou-sec .baba-bottomsvg p{font-size:18px;} .book-seats-wrap .btn{margin-right:5px;} .book-seats-wrap svg{max-width:110px !important;} .baba-sponsor .right-content:before { left: -35px; } .baba-bnr-2k25 .banner-footer-info {padding-bottom: 8px;} .babaSumWord3 svg{max-width:320px;} } @media (max-width:767.98px){ .baba-bnr-2k25 .banner-footer-info .container{padding-left:50px;padding-right:50px;} .baba-mainContent-sec .max-w-530{max-width:none;} .baba-mainContent-sec .matters-sec, .baba-mainContent-sec .baba-we-show{padding-top:0px;padding-bottom:0px;} .baba-mainContent-sec .matters-sec .pt-50{padding-top:30px;} .mobilebabaSumTrigger1{top:500px;} .mobilebabaSumTrigger2{top:1093px;} .baba-bottomsvg{margin-top:50px;} .baba-sponser-text{margin-left:0px;} .baba-sponsor .mb-3{margin-bottom:50px !important;display:block !important;} .baba-sponser-text p:last-child{padding-top:0;} .baba-mainContent-sec.baba-seeyou-sec{margin-top:-50px !important;} .baba-sponsor .mb-30, .baba-we-show .mb-30{margin-bottom:0px !important;} .baba-sponsor .title-content { padding-right: 0; } .baba-sponsor .right-content { margin-top: 20px; } .baba-bottomsvg .mobilebabaSumWord3 {margin-bottom: 0px;} .baba-bottomsvg .mobilebabaSumWord3 svg {min-width: auto;width: 320px;margin-left: 0px;max-width: 100%;} } @media (max-width:575.98px){ .mobilebabaSumTrigger1{top:700px;} .mobilebabaSumTrigger2{top:1240px;} .baba-bnr-2k25 .banner-footer-info .container{padding-left:30px;padding-right:30px;} .unforgettable-newGallery.unforgettable-2k25 .gallery-row{column-count:2; gap: 0;} .matters-sec .section-content .title-content{display:block !important;} .babasum-img{margin-top:30px;margin-left:0px;} .book-seats-wrap{display:flex;align-items:self-start;justify-content:start;flex-wrap:wrap;gap:20px;} .book-seats-wrap .btn{margin:0px;} } /* Baba Summit 2025 CSS New End --------------------------------------------------------- */ /* Baba Summit 2025 Popup CSS --------------------------------------------------------- */ .baba-popup-sec .modal-body { padding: 55px; } .modal-1200 {width: 1200px;max-width: calc(100% - 40px);} .baba-popup-sec .modal { opacity: 0; } .baba-popup-sec .modal{display: block !important;transition: all ease .3s;visibility: hidden;} .baba-popup-sec .modal.visible{opacity: 1 !important;overflow: hidden;} .baba-popup-sec .modal-dialog { justify-content: center; display: flex; align-items: center; margin: 50px auto; padding: 0 50px; height:100%;transform: unset !important; } .baba-popup-sec .btn-close { position: absolute; right: 15px; top: 15px; z-index: 1; width: 40px; height: 40px; outline: none; outline-offset: 0; box-shadow: none; opacity: 1; padding: 0px; background-size: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.828' height='18.828' viewBox='0 0 18.828 18.828'%3E%3Cg id='Group_48728' data-name='Group 48728' transform='translate(20387.414 22471.414)'%3E%3Cpath id='Path_43949' data-name='Path 43949' d='M-20213.455-22521.9l-16,16' transform='translate(-156.545 51.902)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_43950' data-name='Path 43950' d='M-20229.455-22521.9l16,16' transform='translate(-156.545 51.902)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); } .baba-popup-sec .modal-content { border: none; border-radius: 0px; box-shadow: 0px 0px 50px 20px var(--secondary10); -webkit-box-shadow: 0px 0px 50px 20px var(--secondary10); } .baba-popup-wrapper h2, .baba-popup-wrapper h3,.baba-popup-wrapper p { color: var(--secondary); } .baba-popup-wrapper .topSvg svg { margin-bottom: 35px; width: 100%; } .baba-popup-wrapper .book-seats-wrap svg { margin-bottom: 0;} .popupContent-baba { gap: 20px; display: flex; justify-content: space-between; } .popupContent-baba .width-full-class { width: 487px; } .popupContent-baba p.dateInline { color: #F37022; font-size: 24px; font-weight: 700; font-family: var(--avenirblack); } .baba-popup-sec .modal:before { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);} .popupContent-baba p { margin-top: 15px; } .baba-popup-sec .modal.visible .modal-dialog { transform: translate(0, 5px) !important; } @media (max-width:1199.98px){ .popupContent-baba .width-full-class { width: 400px; } } @media (max-width:991.98px){ .baba-popup-sec .modal-body { padding: 15px; padding-top: 25px; padding-bottom: 25px; } .popupContent-baba p.dateInline { font-size: 18px; } .baba-popup-wrapper .topSvg svg { margin-bottom: 20px; } } @media (max-width:575.98px){ .baba-popup-sec .modal-dialog { display: flex ; align-items: center; margin: 0 auto; padding: 0 0; } .popupContent-baba .book-seats-wrap { gap: 10px; flex-direction: column-reverse; } .popupContent-baba p.dateInline { font-size: 16px; } .baba-popup-sec .btn-close {right: 7px; top: 7px;width: 25px; height: 25px;} } /* Baba Summit 2025 Popup CSS End--------------------------------------------------------- */ /* FTE & BFTE Landing Page Start --------------------------------------------------------- */ /* .btn.btn-book-call{min-width:372px;} */ .btn.btn-book-call.btn-icon span{position:relative;padding-left:34px;} .btn.btn-book-call.btn-icon span:before{content:'';display:inline-block;width:24px;height:24px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21.4503%2016.3503C21.2056%2016.0897%2020.3417%2015.3191%2018.7536%2014.2995C17.1537%2013.2711%2015.9739%2012.6298%2015.6354%2012.4803C15.6056%2012.4671%2015.5727%2012.4622%2015.5404%2012.4663C15.508%2012.4703%2015.4773%2012.4831%2015.4517%2012.5033C14.9065%2012.9284%2013.9887%2013.7094%2013.9395%2013.7516C13.6217%2014.0239%2013.6217%2014.0239%2013.3615%2013.9391C12.904%2013.7891%2011.4828%2013.0344%2010.2443%2011.7931C9.0059%2010.5519%208.21231%209.09547%208.06231%208.63844C7.97653%208.37781%207.97653%208.37782%208.24981%208.06C8.292%208.01078%209.0734%207.09297%209.49856%206.54828C9.51872%206.52263%209.53152%206.49197%209.53556%206.4596C9.53961%206.42722%209.53476%206.39436%209.52153%206.36453C9.372%206.02563%208.73075%204.84625%207.70231%203.24641C6.68137%201.65875%205.91168%200.794846%205.65106%200.550159C5.62714%200.52759%205.59758%200.51189%205.56549%200.504713C5.5334%200.497535%205.49997%200.499147%205.46871%200.509378C4.55769%200.822462%203.67869%201.22194%202.84371%201.70235C2.03766%202.17092%201.27455%202.70973%200.563246%203.3125C0.538416%203.33361%200.519801%203.36108%200.509396%203.39197C0.498991%203.42285%200.497189%203.45598%200.504184%203.48781C0.602152%203.94438%201.07043%205.85032%202.52356%208.49032C4.00621%2011.1847%205.03371%2012.5652%207.21106%2014.735C9.3884%2016.9048%2010.8125%2017.9942%2013.5097%2019.4769C16.1497%2020.93%2018.0565%2021.3988%2018.5122%2021.4958C18.5441%2021.5027%2018.5772%2021.5009%2018.6082%2021.4905C18.6391%2021.4801%2018.6667%2021.4615%2018.6879%2021.4367C19.2906%2020.7254%2019.8293%2019.9623%2020.2976%2019.1563C20.778%2018.3212%2021.1774%2017.4422%2021.4906%2016.5313C21.5006%2016.5002%2021.5022%2016.4671%2021.4951%2016.4353C21.488%2016.4035%2021.4725%2016.3741%2021.4503%2016.3503Z%22%20fill%3D%22white%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;transform:translateY(-50%);left:0;} .fte-banner .banner-sub-info{font-size:calc(var(--font-h4) + 6px);font-family:var(--avenirheavy);} .card-section-fte .ml-50{margin-left:50px;} .card-section-fte .row{--bs-gutter-y:2rem;--bs-gutter-x:2rem;} .card-section-fte p, .card-section-fte ul{font-family: var(--avenirmedium);} .card-fte-svg-info{overflow:hidden;border:1px solid var(--secondary10);} .card-fte-svg-info .card-fte-svg{margin-top:35px;} .card-section-fte:not(.projects-need) .card-fte-svg-info .card-fte-svg svg path{stroke-dasharray:var(--pathlangth);stroke-dashoffset:var(--pathlangth);transition:all 1.5s ease-in-out;} .card-section-fte:not(.projects-need) .card-fte-svg-info.animated .card-fte-svg svg path{stroke-dashoffset:0;} .card-fte-svg-info .card-fte-details{padding:40px;} .card-fte-svg-info .card-fte-details h3{text-transform:uppercase;margin-bottom:30px;font-size:var(--font-h4);} .card-fte-svg-info .card-fte-details h4{font-family:var(--avenirheavy);margin-bottom:10px;font-size:var(--font-h5);} .card-fte-svg-info .sec-content ul{margin:10px 0px;} .card-fte-svg-info .sec-content ul li{margin-bottom:0px;} .card-fte-svg-info .best_for{display:flex; margin-top: 1rem;} .card-fte-svg-info .best_for span{font-size:16px;text-transform:uppercase;font-family:var(--avenirheavy);color:var(--white);padding:10px 20px;background-color:var(--secondary); display:flex;align-items:center;} .card-fte-svg-info .best_for p{padding:10px 20px;font-size:18px;font-family:var(--avenirheavy);color: var(--secondary);background-color:var(--offwhite);box-shadow:inset 0px 0px 0px 1px var(--lightgrey10);min-height:46px;} .fte-card{padding:2.5rem;} .fte-card h4 small{font-size:var(--base) !important;font-family:var(--avenirmedium);color:var(--secondary);} .fte-card ul{margin-top:30px;list-style:none;} .fte-card ul li{position:relative;margin-bottom:5px;padding-left:30px;} .fte-card ul li:nth-last-child{margin-bottom:0;} .fte-card ul li:before{content:'';display:inline-block;width:20px;height:14px;margin-right:8px;vertical-align:middle;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.59' height='13.41' viewBox='0 0 17.59 13.41'%3E%3Cpath id='Path_1' data-name='Path 1' d='M9,16.17,4.83,12,3.41,13.41,9,19,21,7,19.59,5.59Z' transform='translate(-3.41 -5.59)' fill='%23333'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:contain;position:absolute;left:0;top:10px;} .fte-card .box-info{background-color:var(--offwhite);padding:17px 30px;margin-top:56px;border-left:2px solid var(--primary);} .fte-card .box-info p{font-family:var(--avenirheavy);color: var(--secondary);} .faq-left{height:100%;max-height:840px;} .fte-faq-wrapper .fte-faq-box{margin-bottom:var(--base);background:var(--white);padding-bottom:1rem;} .faq-section svg{width: 100%;} .fte-faq-wrapper .fte-faq-box:last-child{margin-bottom:0;} .fte-faq-wrapper .fte-faq-box .fte-faq-title{font-family:var(--avenirheavy);padding:2rem;padding-bottom:1rem;border-top:3px solid var(--midgrey20);cursor:pointer;transition:all 0.2s ease-in-out;} .fte-faq-wrapper .fte-faq-box .fte-faq-content{padding:0rem 2rem 0rem 2rem;padding-top:var(--base);margin-bottom:1rem;display:block;} .fte-faq-wrapper .fte-faq-box .fte-wrap-toggal{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0.4,0,0.2,1);} .card-section-full-width-main .card-fte-svg-info .card-fte-details h4{margin-bottom:23px;} .fte-card-bottom-text{border:1px solid var(--secondary10);} .fte-card-bottom-text .sec-content{border-left:1px solid var(--secondary10);} .fte-card-bottom-text h5{font-family:var(--avenirheavy);color:var(--midgrey);} .fte-card-bottom-text p strong{font-family:var(--avenirheavy);} /* Transparent Pricing Section */ .transparent-pricing h5{font-family:var(--avenirheavy);color:var(--midgrey);margin-bottom: 10px;} .transparent-pricing .btn{margin-top: 30px;} /* One role or a blended crew */ .projects-need .card-fte-svg-info:hover{border-color:var(--secondary);box-shadow:inset 0px 0px 0px 1px var(--secondary);} .projects-need .card-fte-svg-info .card-fte-details h3{margin-bottom:20px;} .projects-need .card-fte-svg-info .card-fte-details h3{text-transform:capitalize;} .projects-need .card-fte-svg.desktopOnly svg:not(.hoverDesktopOnly){opacity:0.2;} .projects-need .card-fte-svg.desktopOnly svg.hoverDesktopOnly{position:absolute;width:100%;} .projects-need .card-fte-svg-info .card-fte-svg.desktopOnly svg.hoverDesktopOnly path{stroke-dasharray:var(--pathlangth);stroke-dashoffset:var(--pathlangth);transition:all 1.5s ease-in-out;} .projects-need .card-fte-svg-info:hover .card-fte-svg.desktopOnly svg.hoverDesktopOnly path{stroke-dashoffset:0;} .projects-need .card-fte-svg.mobileWordClass svg:not(.hoverMobileOnly){opacity:0.2;} .projects-need .card-fte-svg.mobileWordClass svg.hoverMobileOnly{position:absolute;width:100%;left: 0px;bottom: 0px;} .projects-need .card-fte-svg-info .card-fte-svg.mobileWordClass svg.hoverMobileOnly path{stroke-dasharray:var(--pathlangth);stroke-dashoffset:var(--pathlangth);transition:all 1.5s ease-in-out;} .projects-need .card-fte-svg-info:hover .card-fte-svg.mobileWordClass svg.hoverMobileOnly path{stroke-dashoffset:0;} /* Book a call CTA Form */ body{position:relative;} .book-call-tab:before{content:'';background-image:url('https://whitelabelistg.wpengine.com/wp-content/uploads/2025/07/Subtract.svg');position:absolute;width:45px;height:25px;top:10px;right:-33px;background-repeat:no-repeat;transform:rotate(90deg);} .book-call-tab:after{content:'';background-image:url('https://whitelabelistg.wpengine.com/wp-content/uploads/2025/07/Subtract.svg');position:absolute;width:45px;height:25px;background-repeat:no-repeat;left:-35px;transform:rotate(90deg) scaleY(-1);top:10px;} .book-call-tab{position:absolute;right:496px;bottom:auto;top:0px;background:var(--primary);color:var(--white);transform:rotate(-90deg);transform-origin:right top;cursor:pointer;z-index:9999;display:inline-block;font-size:var(--body-font);font-family:var(--avenirblack);min-width:167px;padding:12px 10px;line-height:1;font-weight:400;margin-top:22px;margin-bottom:0px;transition:right 0.4s ease;text-align:center;min-height:44px;} /* .book-call-form{position:fixed;right:-453px;bottom:0;width:453px;background:var(--darkgray);color:var(--white);padding:40px;transition:right 0.4s ease;z-index:10000;border:1px solid var(--white10);} */ .book-call-form{position:fixed;right:-453px;bottom:0;width:453px;background:var(--darkgray);color:var(--white);padding:40px;transition:right 0.4s ease;z-index:10;border:1px solid var(--white10);} .book-call-tab.open{opacity:1;pointer-events:none;} .book-call-form.open{right:0px;} .book-call-form .form-header{display:flex;justify-content:space-between;align-items:flex-start;position: relative;} .book-call-form h2{margin:0;color:var(--white);font-size:var(--xlarge)} /* .book-call-form .close-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:34px;height:34px;} */ .book-call-form .close-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;width:64px;height:64px;position:absolute;right:-15px;top:50%;transform:translateY(-50%);} .book-call-form p{font-size:var(--medium);color:var(--lightgrey);margin:10px 0 30px;} .book-call-form form{display:flex;flex-direction:column;} .book-call-form label{margin-bottom:20px;font-size:var(--medium);font-family:var(--avenirmedium);} .book-call-form label span{color:var(--red);} .book-call-form input{padding:10px;margin-bottom:20px;border:none;font-size:var(--medium);} .book-call-form button{font-family:var(--avenirheavy);padding:10px;background:var(--primary);color:var(--white);border:none;cursor:pointer;font-size:calc(var(--medium) + 2px);font-weight:400;} .book-call-form .gform_wrapper.gravity-theme .gfield_label{font-size:var(--medium);font-weight:400;font-family:var(--avenirmedium);} .book-call-form .gform_wrapper.gravity-theme input[type=color],.book-call-form .gform_wrapper.gravity-theme input[type=date],.book-call-form .gform_wrapper.gravity-theme input[type=datetime-local],.book-call-form .gform_wrapper.gravity-theme input[type=datetime],.book-call-form .gform_wrapper.gravity-theme input[type=email],.book-call-form .gform_wrapper.gravity-theme input[type=month],.book-call-form .gform_wrapper.gravity-theme input[type=number],.book-call-form .gform_wrapper.gravity-theme input[type=password],.book-call-form .gform_wrapper.gravity-theme input[type=search],.book-call-form .gform_wrapper.gravity-theme input[type=tel],.book-call-form .gform_wrapper.gravity-theme input[type=text],.book-call-form .gform_wrapper.gravity-theme input[type=time],.book-call-form .gform_wrapper.gravity-theme input[type=url],.book-call-form .gform_wrapper.gravity-theme input[type=week],.book-call-form .gform_wrapper.gravity-theme select,.book-call-form .gform_wrapper.gravity-theme textarea{padding:11px !important;font-size:var(--medium) !important;color:var(--midgrey50) !important;min-height:43px !important;} .book-call-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),.book-call-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){padding:0 !important;} .book-call-form .gform_wrapper.gravity-theme .gform_fields{column-gap:10px !important;grid-row-gap:10px !important;} .book-call-form .gravity-theme .gform_footer .gform_button{width:100% !important;font-size:17px;font-family:var(--avenirheavy);font-weight:400;padding:10px !important;} .book-call-form .gform_wrapper.gravity-theme .gform_footer,.book-call-form .gform_wrapper.gravity-theme .gform_page_footer{width:100%;} /**/ .book-call-form{max-height: calc(100vh - 78px);} /* .book-call-form.open{overflow: auto;} */ /**/ /* FTE Banner */ .fte-banner .row{margin-top:35px;} .fte-banner p{font-family: var(--avenirmedium);} .fte-banner .pageTitle{margin-bottom:80px;} .fte-banner svg{width:100%;max-width:100%;margin:0;} body .section-space.fte-banner{padding-top:200px;} @keyframes drawline{from{stroke-dashoffset:var(--pathlangth)}to{stroke-dashoffset:0}} /* Team Memmber Module */ .card-section-main .card-fte-svg-info{height:100%;} .card-fte-svg-main{margin-top:-233px !important;} .card-fte-svg-main svg{width:100%;} .card-section-full-width-main .card-fte-svg-info{padding-bottom:40px;} /* Counter Section */ .counter-box{background:var(--offwhite);text-align:center;padding:50px;height:100%;min-height:250px; /*border-bottom:6px solid var(--lightgrey50);*/} .counter-box span{color:var(--primary);display:inline-block;font-size:var(--font-h1);font-family:var(--avenirblack);} .counter-box h5{font-family: var(--avenirheavy);} .number-counter-section.section-space{padding-bottom:20px;padding-top:100px;} .number-counter-section .row.gap-4{column-gap:0 !important;} /* Pricing section */ h3.pricing-heading-fte{line-height:1.4;} /* Start week section */ .start-week-heading h3{font-size:var(--font-96);color:var(--primary);} .start-week-heading h2{font-size:var(--font-48);} .start-week-heading{text-transform:uppercase;} .start-week-content h5{font-family:var(--avenirmedium);color:var(--white60);margin-top: 20px;} /* Comparision Table Section */ .comparison-table-section{padding:var(--sectionSpace) 0;background-color:var(--darkgray);} .comparison-table-wrapper{overflow-x:auto;margin:70px -40px 0;padding:0 0;} .comparison-table{width:100%;border-collapse:separate;border-spacing:40px 0;background:transparent;min-width:1300px;} .comparison-table tr td:not(:first-child):not(:last-child){border:1px solid var(--white10);} .comparison-table tr:nth-child(odd) td{background:transparent;} .comparison-table tr:last-child td.highlight{background-color:var(--primary) !important;text-align:center;} .comparison-table tr.cta-row td{background-color:transparent !important;border:none !important;padding:0;} .comparison-table tr.cta-row td:first-child{background-color:transparent;border:none;} .comparison-table tr.cta-row td:first-child:after{display:none;} .comparison-table tr.cta-row td:nth-child(2),.comparison-table tr.cta-row td:nth-child(3){background-color:var(--midgrey);} .comparison-table tr.cta-row td::after,.comparison-table tr.cta-row td::before{display:none !important;} .comparison-table th{background-color:var(--midgrey);color:var(--white);padding:15px 25px;font-family:var(--avenirheavy);font-size:var(--font-h4);border:none;position:relative;} .comparison-table td:nth-child(2){position:relative;} .comparison-table td:nth-child(2):before{content:'';position:absolute;left:-100% !important;top:50%;transform:translateY(-50%);width:100% !important;height:1px;border-bottom:1px dashed;right:auto !important;z-index:0;border-color:var(--white20);} .comparison-table th:first-child{background-color:transparent;color:var(--white70);text-align:left;font-family:var(--avenirmedium);font-size:var(--base);text-transform:none;} .comparison-table th.highlight{background-color:var(--primary);border:2px solid var(--primary);position:relative;} .comparison-table th.highlighted-title{border-top:2px solid var(--primary) !important;border-left:2px solid var(--primary) !important;border-right:2px solid var(--primary) !important;} .comparison-table td{padding:25px;border-bottom:1px solid var(--white10);color:var(--white);font-family:var(--avenirmedium);font-size:var(--base);text-align:left;background-color:var(--midgrey30);font-weight:400;} .comparison-table td:first-child{font-size: 16px;background-color:transparent;text-align:left;color:var(--white60);font-family:var(--avenirmedium);border-bottom:1px solid var(--white10);position:relative;border:none !important;} span.bgBorder{background-color:var(--darkgray);padding-right:18px;position:relative;z-index:1;} .comparison-table td:first-child::after{content:'';position:absolute;left:-15px;top:0;width:1px;height:100%;background:var(--white10);bottom:0;z-index:4;} .comparison-table td:nth-child(2){position:relative;} .comparison-table td:nth-child(3){position:relative;} .comparison-table td:nth-child(3)::before{right:-40px;content:'';position:absolute;top:50%;transform:translateY(-50%);width:40px;height:1px;border-bottom:1px dashed;border-color:var(--white20);} .comparison-table td:nth-child(3)::after{left:-40px;content:'';position:absolute;top:50%;transform:translateY(-50%);width:40px;height:1px;border-bottom:1px dashed;border-color:var(--white20);} .comparison-table td.highlight{border-left:2px solid var(--primary) !important;border-right:2px solid var(--primary) !important;color:var(--white);text-decoration:none;} tbody tr td:first-child:before{background:var(--white10);content:'';position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:15px;height:1px;} .cta-button{background-color:var(--primary);color:var(--white);padding:15px 30px;border:none;font-family:var(--avenirheavy);font-size:var(--base);text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;position:relative;} .cta-button:hover{background-color:var(--primary70);color:var(--white);text-decoration:none;} .cta-button:before{content:'';display:inline-block;width:20px;height:16px;margin-right:10px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.999%22%20height%3D%2221%22%20viewBox%3D%220%200%2020.999%2021%22%3E%3Cpath%20d%3D%22M22.45%2C17.351a16.249%2C16.249%2C0%2C0%2C0-2.7-2.051%2C31.639%2C31.639%2C0%2C0%2C0-3.118-1.819.18.18%2C0%2C0%2C0-.184.023c-.545.425-1.463%2C1.206-1.512%2C1.248-.318.272-.318.272-.578.188a9.91%2C9.91%2C0%2C0%2C1-3.117-2.146A10.349%2C10.349%2C0%2C0%2C1%2C9.062%2C9.639c-.086-.261-.086-.261.188-.578.042-.049.824-.967%2C1.249-1.512a.179.179%2C0%2C0%2C0%2C.023-.184A31.574%2C31.574%2C0%2C0%2C0%2C8.7%2C4.247a16.333%2C16.333%2C0%2C0%2C0-2.051-2.7.183.183%2C0%2C0%2C0-.182-.041A15.113%2C15.113%2C0%2C0%2C0%2C3.844%2C2.7a15.843%2C15.843%2C0%2C0%2C0-2.28%2C1.61.18.18%2C0%2C0%2C0-.059.175%2C19.451%2C19.451%2C0%2C0%2C0%2C2.019%2C5%2C23.511%2C23.511%2C0%2C0%2C0%2C4.687%2C6.245%2C24.209%2C24.209%2C0%2C0%2C0%2C6.3%2C4.742%2C19.418%2C19.418%2C0%2C0%2C0%2C5%2C2.019.181.181%2C0%2C0%2C0%2C.176-.059%2C15.823%2C15.823%2C0%2C0%2C0%2C1.61-2.28%2C15.124%2C15.124%2C0%2C0%2C0%2C1.193-2.625.183.183%2C0%2C0%2C0-.04-.181Z%22%20transform%3D%22translate(-1.5%20-1.5)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;} .table-title{text-align:center;margin-bottom:50px;} .comparison-table tr:nth-last-child(2) td:first-child:after{height:50%;} .comparison-table tr:first-child td:first-child:after{height:50%;top:50%;} .highlight .btn.btn-book-call{min-width:100%;} /* FAQ Section */ .faq-section svg path{stroke-dasharray:var(--pathlangth);stroke-dashoffset:var(--pathlangth);transition:all 1s ease-in-out;} .faq-section .animated svg path{stroke-dashoffset:0;transition:3s ease-out 0s;} .fte-faq-wrapper .fte-faq-box .fte-faq-title.active{border-top-color:var(--primary);color:var(--primary);} .section-space.start-week-section{padding:160px 0;} .fte-card-amount ul li { font-family: var(--avenirmedium); } .fte-faq-wrapper .fte-faq-box .fte-faq-content { font-family: var(--avenirmedium); } .projects-need .card-fte-svg-info .card-fte-details h3 { font-family: var(--avenirheavy); } .mulidedi-fte-svg svg { height: 177px; } @media (min-width:1200px){ .card-fte-svg-info .sec-content, .transparent-pricing .sec-content{max-width:450px;} .mt-40 {margin-top: 2rem!important;} } @media (min-width:992px){ .fte-faq-box .fte-wrap-toggal{transition:none;} .fte-faq-box:hover .fte-faq-title{border-top-color:var(--primary);color:var(--primary);} } @media (min-width:768px){ .projects-need .card-fte-svg-info .card-fte-svg.desktopOnly{min-height:140px;display:flex;align-items:flex-end;position: relative;} .projects-need .card-section-main:nth-child(2) .card-fte-svg.desktopOnly svg{margin-bottom: -10px;} .projects-need .card-section-main:last-child .card-fte-svg.desktopOnly svg{margin-bottom: -15px;} } @media (max-width:1759.98px){ .card-fte-svg-main{margin-top:-200px !important;} .projects-need .card-fte-svg-info .card-fte-svg.desktopOnly{min-height:120px;} } @media (max-width:1439.98px){ .fte-banner .pageTitle{margin-bottom:50px;} body .section-space.fte-banner.mh1080{min-height:auto;} .card-fte-svg-main{margin-top:-60px !important;} .card-fte-svg-info .best_for span{font-size:14px;padding:10px;text-align: center;} .card-fte-svg-info .best_for p{padding:10px 15px;font-size:16px;min-height: 42px;} .comparison-table-wrapper{margin:70px 0px 0;} .counter-box{padding:30px;min-height:190px;} .projects-need .card-fte-svg-info .card-fte-details{padding:40px 30px;} .projects-need .card-fte-svg-info .card-fte-details p br{display:none;} } @media (max-width:1279.98px){ .counter-box{padding:30px;} } @media (max-width:1199.98px){ .card-fte-svg-info{order:1;} .card-fte-details{flex-direction:column;} .card-fte-details{order:2;} .card-fte-svg-info{display:block;} .card-section-full-width-main .card-fte-svg-info{padding-bottom:0;display:flex;flex-direction:column;} .card-fte-svg-info .card-fte-svg svg{width:100%;} .card-fte-svg-main{margin:30px 0 0 0 !important;} } @media (max-width:991.98px){ .card-section-fte .ml-50{margin-left:0px;} .fte-card-bottom-text .sec-content{margin-left:0px;border-left: none;width: 100%;} } @media only screen and (max-width: 812px) and (orientation: landscape) { } @media (max-width:767.98px){ .book-call-form .gform_wrapper.gravity-theme input[type=color],.book-call-form .gform_wrapper.gravity-theme input[type=date],.book-call-form .gform_wrapper.gravity-theme input[type=datetime-local],.book-call-form .gform_wrapper.gravity-theme input[type=datetime],.book-call-form .gform_wrapper.gravity-theme input[type=email],.book-call-form .gform_wrapper.gravity-theme input[type=month],.book-call-form .gform_wrapper.gravity-theme input[type=number],.book-call-form .gform_wrapper.gravity-theme input[type=password],.book-call-form .gform_wrapper.gravity-theme input[type=search],.book-call-form .gform_wrapper.gravity-theme input[type=tel],.book-call-form .gform_wrapper.gravity-theme input[type=text],.book-call-form .gform_wrapper.gravity-theme input[type=time],.book-call-form .gform_wrapper.gravity-theme input[type=url],.book-call-form .gform_wrapper.gravity-theme input[type=week],.book-call-form .gform_wrapper.gravity-theme select,.book-call-form .gform_wrapper.gravity-theme textarea{font-size: 16px !important;} .card-fte-svg-info .card-fte-details{padding:25px;} .card-section-fte-btn{text-align:left !important;} .page-id-16358 br:not(.hero-text h1 br){display:none;} /* .btn.btn-book-call{min-width:200px;} */ .fte-faq-wrapper .fte-faq-box .fte-faq-title{padding:1rem;padding-bottom:0rem;} .fte-faq-wrapper .fte-faq-box .fte-faq-content{padding:1rem 1rem 0rem 1rem;} .fte-card .box-info{margin-top:25px;} .fte-card ul{margin-top:20px;} .fte-card-amount h5.text-primary{font-size:22px;} .book-call-tab{min-width:110px;padding:14px 0px;right:496px;transition: 0.4s ease;} .book-call-tab.open{right:496px;transform: rotate(0deg); right: 20px; top: -66px;} body .content .section-space.fte-banner{padding-top:100px !important;padding-bottom:50px;} .fte-card{padding:25px;} .card-section-main .mobileWordClass{margin-top:25px;margin-bottom:0;} .card-fte-svg-info .card-fte-details h3{margin-bottom:15px;} .number-counter-section.section-space{padding-bottom:20px;padding-top:50px;} .counter-box span{font-size:calc(var(--font-h1) + 5px);} .comparison-table-section{padding:60px 0;} .comparison-table th,.comparison-table td{padding:15px 10px;font-size:14px;} .comparison-table th{font-size:16px;} .cta-button{padding:12px 20px;font-size:14px;} .comparison-table td:first-child,.comparison-table tr.cta-row td:first-child{top:0;left:0;position:sticky;word-break:break-word;border-top:0;z-index:9;text-align:right;background:var(--darkgray) !important;width:130px;text-align:left;} .comparison-table tbody tr td:first-child:before{display:none;} .comparison-table td:first-child::after{display:none;} .comparison-table td:nth-child(2):before{display:none;} .comparison-table th:first-child{top:0;left:0;position:sticky;word-break:break-word;border-top:0;z-index:9;text-align:right;background:var(--darkgray) !important;width:130px;text-align:left;} .comparison-table td.highlight{width:160px;} .comparison-table{width:100%;border-collapse:unset;border-spacing:0;background:transparent;min-width:715px;} .comparison-table td:nth-child(3)::after{display:none;} .comparison-table td:nth-child(3)::before{display:none;} .comparison-table-wrapper{margin:20px 0px 0;} .comparison-table-sec h3.text-center{text-align:left !important;} .comparison-table td{border-left:2px solid var(--white10) !important;border-right:2px solid var(--white10) !important;border:1px solid var(--white10);} .comparison-table th.active{border-top:2px solid var(--white10);border-left:2px solid var(--white10);border-right:2px solid var(--white10);} .comparison-table td:first-child{color:var(--white70);} span.bgBorder{padding:0;} .table-arrow-controls button:disabled{opacity:0.5;} .comparison-table-wrapper{position:relative;overflow:hidden;} .comparison-table{min-width:unset;width:100%;} .comparison-table tr{display:flex;width:100%;} .comparison-table th,.comparison-table td{flex:0 0 auto;width:100%;display:none;transition:transform 0.4s ease;padding:10px;font-size:14px;} .comparison-table th:first-child,.comparison-table td:first-child{display:block;position:sticky;left:0;z-index:2;background:var(--darkgray);} .comparison-table th.active,.comparison-table td.active{display:inline-flex;background:var(--midgrey);width:calc(100% - 130px); gap: 5px; flex-wrap: wrap;} .comparison-table th.active br,.comparison-table td.active br{ display:none; } .table-arrow-controls{display:flex;justify-content:left;gap:10px;margin-bottom:-30px;position:relative;z-index:11;} .table-arrow-controls button{border:none;cursor:pointer;background:transparent;box-shadow:none;outline:none;} .comparison-table-sec h3 br{display:none;} .projects-need .card-fte-svg-info:hover{box-shadow: none;} .card-fte-svg-info .card-fte-svg svg{margin-left: 0;} } @media (max-width: 575.98px) { .projects-need .card-fte-svg.mobileWordClass svg{width: calc(100% + 60px) !important;} } @media (max-width:480px){ .book-call-form{width:100%;right:-480px;padding:25px;} .book-call-form .form-header{padding-right: 40px;} /* .book-call-tab.open{right:calc(100% + 45px);} */ .book-call-tab{right:523px;} .comparison-table th,.comparison-table td{padding:12px 8px;font-size:15px;} .comparison-table th{font-size:16px;} span.bgBorder{font-size:14px;} .faq-mob-svg-wrap{margin-top:-90px;padding:0 !important;} .faq-title-wrap{max-width:200px;} } @media (max-width: 424.98px) { .projects-need .card-fte-svg.mobileWordClass svg{width: calc(100% + 40px) !important;} } /* FTE & BFTE Landing Page End --------------------------------------------------------- */ /* Our Scheduling Page Start --------------------------------------------------------- */ .page-id-16362 header, .page-id-16362 footer{display: none !important;} .iframe-container{border:1px solid var(--lightgrey50);box-shadow:0 4px 8px var(--secondary10);border-radius:8px;overflow:hidden;} .iframe-container iframe{width:100%;height:650px;border:none;display:block;} .call-book-thank-you h4{font-family: var(--avenirheavy);} @media (max-width:782.98px){ .iframe-container iframe{height:760px;} } /* Our Scheduling Page End --------------------------------------------------------- */ /* QA Audit Page */ .deliverables-qa .usniq-whatyouget-list li:nth-child(4), .deliverables-qa .usniq-whatyouget-list li:nth-child(5) { border-bottom: none !important; } .usniq-whatyouget-section.deliverables-qa .audit-title{ margin-bottom: var(--small); } .usniq-whatyouget-section.deliverables-qa .qa-sub-title{ margin-bottom: calc(var(--sectionSpace) - 40px); } .deliverables-qa .usniq-whatyouget-list svg polyline{ stroke: white; } .deliverables-qa .usniq-whatyouget-list svg polyline:hover{ stroke: black; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li:hover .sub-title { color: #000 !important; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list .sub-title{ font-weight: 800; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li .sub-title { padding-top: 80px; } @media (min-width: 991px) { .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li:hover { color: black !important; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li::after{ background-color: white; } } @media (max-width: 991px) { .deliverables-qa .usniq-whatyouget-list li:nth-child(4) { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd !important; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li .sub-title { padding-top: 60px; } } @media (max-width: 767px) { .usniq-whatyouget-section.deliverables-qa .qa-sub-title{ margin-bottom: 30px; } .deliverables-qa .usniq-whatyouget-list li:nth-child(4) { border-left: none; border-bottom: 1px solid #ddd !important; } .deliverables-qa .usniq-whatyouget-list li:nth-child(5){ border-bottom: 1px solid #ddd !important; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li .sub-title { padding-top: 30px; } } /* qa-sub-title */ /* border-right: 1px solid rgb(255 255 255 / 50%); */ /* border-right: 1px solid rgb(255 255 255 / 50%); */ .mega-menu > li:hover .mega-menu-sub .getInTouch.Audits-list path{ transition: none; } .usniq-whatyouget-section.deliverables-qa .usniq-whatyouget-list li{border-right:1px solid rgb(255 255 255 / 50%);} /*Audit header */ .Audits-list .menu-link .menu-title a:after{content:'New';font-size:11px;background:var(--primary);color:var(--white);padding:4px 10px;border-radius:40px;line-height:1;position:absolute;right:50%;} .Audits-list .menu-title a{color:var(--secondary);font-size:18px;font-family:var(--avenirmedium);padding-bottom:10px;position:relative;} .Audits-list .menu-title{margin-bottom:12px;} .Audits-list .menu-title a:before{position:absolute;content:"";left:0px;bottom:0px;width:20px;height:2px;background-color:var(--primary);transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;} .Audits-list .menu-title a:hover{color:var(--primary);} .Audits-list .menu-link ul li a{color:var(--midgrey);font-size:16px;} .Audits-list .menu-link ul li a:hover{color:var(--primary);} .Audits-list .menu-link .menu-title a:active{color:var(--primary);} .Audits-list .menu-link ul li.is-active a{color:var(--primary);} .mega-menu-sub .getInTouch.Audits-list{justify-content:flex-start;background-color:#fff;} .Audits-list .menu-link .menu-title a{display:flex;align-items:center;} .Audits-list .menu-link .menu-title svg{margin-right:10px;min-width:16px;position:relative;width:auto;height:auto;top:0;left:0;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;} .Audits-list .menu-link .menu-title h4{transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;} .Audits-list .menu-link .menu-title h4:hover,.Audits-list .menu-link .menu-title h4.active{color:var(--primary);} .Audits-list .menu-link ul li + li{margin-top:10px;} /* .focus-section .focus-boxes .box-item a:not(.btn) { pointer-events: none; } */ .img-w-100{width: 100% !important;} .mega-menu-sub .getInTouch.Audits-list path { stroke-dasharray: initial; stroke-dashoffset: initial; } @media only screen and (max-width: 1199.98px){ .Audits-list .menu-link .menu-title svg{ transform: rotate(0deg); } } @media only screen and (max-width: 1199px ){ .Audits-list .menu-link .menu-title a:after{ right: 82%; } } .gray-box-review { padding: var(--medium) var(--xlarge); border: 1px solid var(--secondary10); background-color: var(--lightgrey10); } .review-box-section-bolg { margin-block: 30px; } .review-box-section-bolg .grid { gap: var(--xlarge) !important; background: transparent !important; } .review-box-section-bolg .grid .card { border-radius: 0; } .review-box-section-bolg .grid .card.review-boxcard-green { border: 2px solid #00A751B2; background-color: #00A7510D; } .review-box-section-bolg .grid .card.review-boxcard-red { border: 2px solid #F10C00B2; background-color: #F10C000D; } .gray-box-review ul.wp-block-list { padding-left: 30px; margin-bottom: 20px; } .gray-box-review p:has(+ ul.wp-block-list) { margin-bottom: 10px; } .gray-box-review .navigationGroup { margin-bottom: 20px; } ul.wp-block-list.check-mark-list li:before { content: ""; margin-bottom: 15px; padding-left: 25px; position: absolute; font-size: 1rem; line-height: 1.5; color: #000; background: url(/wp-content/uploads/2025/09/orange-arrow.svg) no-repeat center; width: 20px; height: 20px; left: -30px; top: 7px; } ul.wp-block-list.check-mark-list li { list-style: none; position: relative; } .gray-box-review .button-blog-pdf-download span { margin-left: 0; text-transform: uppercase; } .faq-box .faq-content ul.wp-block-list { padding-left: 30px; margin-bottom: 30px; } .gray-box-review.border-solid-left { border-left: 5px solid var(--darkgray); } .postid-18380 .blog-content-middle .atrical_bottom_bar,.postid-18186 .blog-content-middle .atrical_bottom_bar { border-top: none;} .postid-18380 .pillar-blog.blog-content-middle h2,.postid-18186 .pillar-blog.blog-content-middle h2{padding-top:0;} .postid-18645 .blog-content-middle .atrical_bottom_bar,.postid-18645 .blog-content-middle .atrical_bottom_bar { border-top: none;}