/* @import url('http://example.com/example_style.css'); */ /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b, strong{font-weight:bolder}code, kbd, samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button, input, optgroup, select, textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button, input{overflow:visible}button, select{text-transform:none}button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* Reset */ * {box-sizing:border-box;outline:none;} p {margin:0 0 14px 0;padding:0;color:#000;} h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;} .eliminate-marketing h1 { font-weight: normal !important; } input, select, textarea, input:focus, select:focus, textarea:focus {outline:none;} ::placeholder {} /* Global */ body {font-family:'Roboto', sans-serif;font-size:16px;line-height:18px;color:#000000;} a, a:active {transition:color 0.2s, background-color 0.2s;text-decoration:none;color:#000000;} a:hover {transition:color 0.2s, background-color 0.2s;color:#f78f22;} /* ----- [ HEADINGS ] ----- */ h1, h2, h3, h4, h5, h6 {margin:0 0 18px 0;line-height:1.15em;color:#f78f22;} h1 {color:#fff;font-size:35px;margin:32px auto 46px auto;line-height:1.25em;} h2, h3 {font-size:23px;margin:0 0 16px 0;line-height:1.5em;color:#fff;} h2, h3 {text-align:center;display:block;} h2 {color:#000;} h4 {font-size:22px;color:#000;} h5 {font-size:20px;color:#000;} h6 {font-size:18px;color:#000;} .form-section-ready h2.has-sub {margin:0;} h3.sub {color:#fff;margin:0rem auto 2rem auto;} .text.txt-black {margin:2rem auto 1rem auto;} .text.txt-black, .text.txt-black p {color:#000;font-size:18px;} .txt-mid {font-size:1.25rem;} .bucket-listing {display:flex;align-items:center;justify-content:center;column-gap:1rem;text-align:left;} .bucket-listing li {font-size:1.15rem;background:rgba(0,0,0,0.25);padding:0.25rem;border-radius:10px;} .container .intro {margin:0 auto 5rem auto;} /* ------------------------------------------ */ /* ------------- [ STRUCTURE ] -------------- */ /* ------------------------------------------ */ /* ----- [ HEADER ] ----- */ #wrapper {min-height:100vh;} .img, .logo {width:250px;margin:0 auto 2rem auto;} .logo {position:absolute;top:1rem;right:1rem;} .privacy {text-align:center;font-size:12px;margin:0 auto 8px auto;} /* ----- [ CONTENT ] ----- */ .circle {background: rgba(243,127,70,1);width: 100%;padding-bottom: 100%;border-radius: 100%;} .circle .inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;} .circle img {display:block;width:75%;margin:0 auto;} /* ----- [ FORMS ] ----- */ #hs_form_target_form fieldset,#hs_form_target_form-1 fieldset {width:100%!important;max-width:100%!important;margin:0 0 1rem 0;} #hs_form_target_form label,#hs_form_target_form-1 label {display:block;margin:0 0 5px 0;} #hs_form_target_form label span,#hs_form_target_form-1 label span {color:#fff!important; display:none;} #hs_form_target_form form > div,#hs_form_target_form-1 form > div {margin:0 0 1.25em 0; width: 100%;} #hs_form_target_form form .hs_submit, #hs_form_target_form-1 form .hs_submit { display: flex; justify-content: center; } #hs_form_target_form input,#hs_form_target_form-1 input {display: block;width: 100%;margin: 0 !important;padding: 13px;border: 1px solid #fff;border-radius: 5px !important;line-height: 1.5em;} #hs_form_target_form input[type="submit"] {display: block;width: 100%;padding: 0.5em;font-size: 35px;border: 0;border-radius: 50px !important;background: #ff8f00;color:#fff;cursor:pointer;transition:all 0.2s;} #hs_form_target_form input[type="submit"]:hover {background:#000 !important;transition:all 0.2s !important; color: #ffe617 !important;} #hs_form_target_form .hs-error-msgs, #hs_form_target_form .hs-error-msgs a,#hs_form_target_form-1 .hs-error-msgs,#hs_form_target_form-1 .hs-error-msgs a {display:block;color:#fff;} #hs_form_target_form .hs-error-msgs label, #hs_form_target_form .hs-error-msgs label a,#hs_form_target_form-1 .hs-error-msgs label,#hs_form_target_form-1 .hs-error-msgs label a {display:block;color:#ffffff; font-size: 14px;} #hs_form_target_form.submitted-message,#hs_form_target_form-1.submitted-message {color:#fff;line-height:1.5em;} #hs_form_target_form.submitted-message {background:#fff;color:#000;padding:1em;font-size:15px;color:#000;} #hs_form_target_form.submitted-message a {color:#333;text-decoration:underline;} #hs_form_target_form .input, #hs_form_target_form-1 .input { margin: 0; } #hs_form_target_form input::placeholder, #hs_form_target_form-1 input::placeholder { font-size: 20px !important; font-weight: 400 !important; color: #000000 !important; } #contact .form {max-width:800px;margin:0 auto;} /* ----- [ BUTTONS ] ----- */ a.button, .button {position:relative;display:inline-block;margin:0;padding:12px 26px;cursor:pointer;color:#ffffff;border:0 none;font-size:15px;line-height:1em;transition:background 0.2s, border 0.2s, color 0.2s; background: #f79123;background: -moz-linear-gradient(45deg,rgba(247,145,35,0.86) 0%,rgba(226,25,126,0.86) 100%);background: -webkit-linear-gradient(45deg,rgba(247,145,35,0.86) 0%,rgba(226,25,126,0.86) 100%);background: linear-gradient(45deg,rgba(247,145,35,0.86) 0%,rgba(226,25,126,0.86) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f79123",endColorstr="#e2197e",GradientType=1);} a.button:hover, .button:hover {transition:background 0.2s, border 0.2s, color 0.2s;} a.button.primary, .button.primary {border:0 none;color:#fff;} a.button.primary:hover, .button.primary:hover {} a.button.primary .gr, .button.primary .gr {position:absolute;top:0;left:0;bottom:0;width:0;transition:width 0.2s;} a.button.primary:hover .gr, .button.primary:hover .gr {width:100%;transition:width 0.2s;} #hs_form_target_form {text-align:center;} a.button.secondary {display:inline-block;background:#fff;color:#000;padding:1rem 3rem;font-size:1.25rem;margin:2rem auto;} a.button.secondary:hover {background:#000;color:#fff;} /* Groups */ .btn a {margin:5px auto 0 auto;} /* ------------------------------------------ */ /* --------------- [ LAYOUT ] --------------- */ /* ------------------------------------------ */ /* Layout */ .w-max, .w-full, .w-full-half, .w-content {overflow:hidden;margin:0 auto;} .w-max, .w-full, .w-full-half, .w-content, .w-0, .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10 , .w-11 , .w-12 , .w-13 , .w-14 , .w-15 , .w-16 , .w-17 , .w-18 , .w-19 , .w-20 , .w-21 , .w-22 , .w-23 , .w-24 , .w-25 , .w-26 , .w-27 , .w-28 , .w-29 , .w-30 , .w-31 , .w-32 , .w-33 , .w-34 , .w-35 , .w-36 , .w-37 , .w-38 , .w-39 , .w-40 , .w-41 , .w-42 , .w-43 , .w-44 , .w-45 , .w-46 , .w-47 , .w-48 , .w-49 , .w-50 , .w-51 , .w-52 , .w-53 , .w-54 , .w-55 , .w-56 , .w-57 , .w-58 , .w-59 , .w-60 , .w-61 , .w-62 , .w-63 , .w-64 , .w-65 , .w-66 , .w-67 , .w-68 , .w-69 , .w-70 , .w-71 , .w-72 , .w-73 , .w-74 , .w-75 , .w-76 , .w-77 , .w-78 , .w-79 , .w-80 , .w-81 , .w-82 , .w-83 , .w-84 , .w-85 , .w-86 , .w-87 , .w-88 , .w-89 , .w-90 , .w-91 , .w-92 , .w-93 , .w-94 , .w-95 , .w-96 , .w-97 , .w-98 , .w-99 , .w-100{box-sizing:border-box;} .w-max {width:100%;}.w-full {width:100%;max-width:1200px;}.w-full-half {width:100%;max-width:600px;margin:0;}.w-content {width:100%;max-width:1000px;} .w-0 {display:none;}.w-1 {width:1%;}.w-2 {width:2%;}.w-3 {width:3%;}.w-4 {width:4%;}.w-5 {width:5%;}.w-6 {width:6%;} .w-7 {width:7%;}.w-8 {width:8%;}.w-9 {width:9%;}.w-10 {width:10%;}.w-11 {width:11%;}.w-12 {width:12%;}.w-13 {width:13%;}.w-14 {width:14%;}.w-15 {width:15%;}.w-16 {width:16%;}.w-17 {width:17%;}.w-18 {width:18%;}.w-19 {width:19%;}.w-20 {width:20%;}.w-21 {width:21%;}.w-22 {width:22%;}.w-23 {width:23%;}.w-24 {width:24%;}.w-25 {width:25%;}.w-26 {width:26%;}.w-27 {width:27%;}.w-28 {width:28%;}.w-29 {width:29%;}.w-30 {width:30%;}.w-31 {width:31%;}.w-32 {width:32%;}.w-33 {width:33.3333333%;}.w-34 {width:34%;}.w-35 {width:35%;}.w-36 {width:36%;}.w-37 {width:37%;}.w-38 {width:38%;}.w-39 {width:39%;}.w-40 {width:40%;}.w-41 {width:41%;}.w-42 {width:42%;}.w-43 {width:43%;}.w-44 {width:44%;}.w-45 {width:45%;}.w-46 {width:46%;}.w-47 {width:47%;}.w-48 {width:48%;}.w-49 {width:49%;}.w-50 {width:50%;}.w-51 {width:51%;}.w-52 {width:52%;}.w-53 {width:53%;}.w-54 {width:54%;}.w-55 {width:55%;}.w-56 {width:56%;}.w-57 {width:57%;}.w-58 {width:58%;}.w-59 {width:59%;}.w-60 {width:60%;}.w-61 {width:61%;}.w-62 {width:62%;}.w-63 {width:63%;}.w-64 {width:64%;}.w-65 {width:65%;}.w-66 {width:66.6666666%;}.w-67 {width:67%;}.w-68 {width:68%;}.w-69 {width:69%;}.w-70 {width:70%;}.w-71 {width:71%;}.w-72 {width:72%;}.w-73 {width:73%;}.w-74 {width:74%;}.w-75 {width:75%;}.w-76 {width:76%;}.w-77 {width:77%;}.w-78 {width:78%;}.w-79 {width:79%;}.w-80 {width:80%;}.w-81 {width:81%;}.w-82 {width:82%;}.w-83 {width:83%;}.w-84 {width:84%;}.w-85 {width:85%;}.w-86 {width:86%;}.w-87 {width:87%;}.w-88 {width:88%;}.w-89 {width:89%;}.w-90 {width:90%;}.w-91 {width:91%;}.w-92 {width:92%;}.w-93 {width:93%;}.w-94 {width:94%;}.w-95 {width:95%;}.w-96 {width:96%;}.w-97 {width:97%;}.w-98 {width:98%;}.w-99 {width:99.999999999%;}.w-100 {width:100%;} /* Old Style Columns */ .container,.small-container{position:relative;} .constrain {width:100%;height:100%;position:relative;overflow:hidden;} .outer-col {font-size:0;position:relative;vertical-align:top;} .col {font-size:16px;vertical-align:top;} /* CSS Columns */ ul.columns {margin:0;padding:0;} ul.columns li {list-style-position:inside;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;} .w-two-col, .w-three-col, .w-four-col, .w-five-col, .w-six-col {column-gap:50px;} .w-two-col {column-count:2;} .w-three-col {column-count:3;} .w-four-col {column-count:4;} .w-five-col {column-count:5;} .w-six-col {column-count:6;} /* Spacer */ .spacer-e {display:none;} .spacer-empty {height:0;} .spacer {width:1px;height:16px;} .spacer-0 {height:8px;} .spacer-1 {height:22.62px;} .spacer-2 {height:31.99px;} .spacer-3 {height:45.23px;} .spacer-4 {height:63.96px;} .spacer-5 {height:90.44px;} .spacer-6 {height:127.88px;} .spacer-7 {height:180.83px;} .spacer-8 {height:255.69px;} /* Border */ .border-t {border-top:1px solid #000000;} .border-b {border-bottom:1px solid #000000;} .border-r {border-right:1px solid #000000;} .border-l {border-left:1px solid #000000;} .divider {height:2px;background:#000000;width:100%;margin:0 0 1em 0;} .mini-divider {height:2px;background:#000000;width:65px;margin:0 0 1em 0;} /* Row */ .row {margin-bottom:2%;} .row:last-child {margin-bottom:0;} .unrow {margin-bottom:-2%;} /* Layout Padding/Margin */ .w-pad-dtb {padding-top:4em;padding-bottom:4em;} .w-pad-dlr {padding-right:4em;padding-left:4em;} .w-pad-dtop {padding-top:4em;} .w-pad-dbottom {padding-bottom:4em;} .w-pad-dleft {padding-left:4em;} .w-pad-dright {padding-right:4em;} .w-pad-tb {padding-top:2em;padding-bottom:2em;} .w-pad-lr {padding-right:2em;padding-left:2em;} .w-pad-top {padding-top:2em;} .w-pad-bottom {padding-bottom:2em;} .w-pad-left {padding-left:2em;} .w-pad-right {padding-right:2em;} .w-pad-htb {padding-top:1em;padding-bottom:1em;} .w-pad-hlr {padding-right:1em;padding-left:1em;} .w-pad-htop {padding-top:1em;} .w-pad-hbottom {padding-bottom:1em;} .w-pad-hleft {padding-left:1em;} .w-pad-hright {padding-right:1em;} .w-margin-dtb {margin-top:4em;margin-bottom:4em;} .w-margin-dlr {margin-right:4em;margin-left:4em;} .w-margin-dtop {margin-top:4em;} .w-margin-dbottom {margin-bottom:4em;} .w-margin-dleft {margin-left:4em;} .w-margin-dright {margin-right:4em;} .w-margin-tb {margin-top:2em;margin-bottom:2em;} .w-margin-lr {margin-right:2em;margin-left:2em;} .w-margin-top {margin-top:2em;} .w-margin-bottom {margin-bottom:2em;} .w-margin-left {margin-left:2em;} .w-margin-right {margin-right:2em;} .w-margin-htb {margin-top:1em;margin-bottom:1em;} .w-margin-hlr {margin-right:1em;margin-left:1em;} .w-margin-htop {margin-top:1em;} .w-margin-hbottom {margin-bottom:1em;} .w-margin-hleft {margin-left:1em;} .w-margin-hright {margin-right:1em;} .gutter-dtb {margin-top:32px;margin-bottom:32px;} .gutter-dlr {margin-right:32px;margin-left:32px;} .gutter-dtop {margin-top:32px;} .gutter-dleft {margin-left:32px;} .gutter-dright {margin-right:32px;} .gutter-dbottom {margin-bottom:32px;} .gutter-tb {margin-top:16px;margin-bottom:16px;} .gutter-lr {margin-right:16px;margin-left:16px;} .gutter-top {margin-top:16px;} .gutter-left {margin-left:16px;} .gutter-right {margin-right:16px;} .gutter-bottom {margin-bottom:16px;} .gutter-htb {margin-top:8px;margin-bottom:8px;} .gutter-hlr {margin-right:8px;margin-left:8px;} .gutter-htop {margin-top:8px;} .gutter-hleft {margin-left:8px;} .gutter-hright {margin-right:8px;} .gutter-hbottom {margin-bottom:8px;} .m-auto {margin-right:auto;margin-left:auto;} .m-right {margin-right:0;margin-left:auto;} /* Spacing Reversal */ .unpush {margin-bottom:-2em;} .unbucket {margin-bottom:-4em;} /* Layout Align */ .table {display:table;} .table-cell {display:table-cell;table-layout:fixed;} .v-top {vertical-align:top;} .v-mid {vertical-align:middle;} .v-bot {vertical-align:bottom;} .left-wrap, .left {float:left;} .right-wrap, .right {float:right;} .left-wrap, .right-wrap {width:48%;} .left-wrap {clear:both;} .collapse, .inline {display:inline-block;} .block {display:block;} .t-left {text-align:left;} .t-right {text-align:right;} .t-center {text-align:center;} .aligncenter {float:none;clear:both;margin-right:auto;margin-left:auto;max-width:100%;height:auto;width:100%;height:auto;} .alignright {float:right;margin:0 0 1em 1em;max-width:100%;height:auto;} .alignleft {float:left;margin:0 1em 1em 0;max-width:100%;height:auto;} .alignnone {max-width:100%;height:auto;} /* Flex */ .flex, .flex-buckets, .flex-spaced {display:flex;} .flex-buckets, .flex-grid, .flex-spaced {flex-direction:row;} .flex-wrap {flex-wrap:wrap;} .flex-col {flex-direction:column;} .flex-row {flex-direction:row;} .flex-landing {justify-content:space-between;align-items:start;} .flex-buckets {justify-content:space-between;align-items:stretch;} .flex-grid {justify-content:space-between;align-items:center;} .flex-centered {justify-content:center;align-items:center;} .flex-spaced {justify-content:space-around;align-items:stretch;} .flex-space {justify-content:space-between;} .flex-start {align-items:flex-start;} .flex-middle {align-items:center;} .flex-end {align-items:flex-end;} .fl-1 {order:1;} .fl-2 {order:2;} .fl-3 {order:3;} .fl-4 {order:4;} .fl-5 {order:5;} .fl-6 {order:6;} .fl-7 {order:7;} .fl-8 {order:8;} /* Text */ .text {color:#fff;font-size:15px;} .text p:last-child {margin:0;padding:0;} .text ul {margin:0 0 16px 0;padding:0;list-style:none} .text ul li {line-height:1.35em;margin:0 0 0.5em 0;} .text ul {list-style: none;margin: 0 0 1em 0;padding: 0 0 0 1.5em;list-style-image: url('https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Legacy%20Landing/arrow.png');column-rule: 1px solid #fff;column-gap: 80px;column-count: 2;font-size: 14px;} .text ul.bucket-listing {list-style:none;} .text ul.bucket-listing li {background:rgba(0,0,0,0.5) url('https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Legacy%20Landing/check.svg') no-repeat 0.5rem center;background-size:1rem;padding-left:2rem;padding-right:1rem;} /* ---------- [ BG ] ---------- */ .bg {background-repeat:no-repeat;background-size:cover;} .bg-image {background-position:center;background-size:cover;} .bg-top {background-position:top center;} .bg-contain {background-size:contain;} .lt {background-position:left top;} .lc {background-position:left center;} .lb {background-position:left bottom;} .rt {background-position:right top;} .rc {background-position:right center;} .rb {background-position:right bottom;} .ct {background-position:center top;} .cc {background-position:center;} .cb {background-position:center bottom;} /* Colors */ .bg-white {background:#ffffff;} .bg-gray {background:#cecece;} .bg-black {background:#000;} /* Overlay */ .overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;background: rgb(237,73,132);background: -moz-linear-gradient(135deg, rgba(237,73,132,1) 0%, rgba(243,127,70,1) 100%);background: -webkit-linear-gradient(135deg, rgba(237,73,132,1) 0%, rgba(243,127,70,1) 100%);background: linear-gradient(135deg, rgba(237,73,132,1) 0%, rgba(243,127,70,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ed4984",endColorstr="#f37f46",GradientType=1);} /*custom*/ :root { --primary-font: "Sora"; --secondary-font : "Plus Jakarta Sans", serif; --font : "DM Sans", sans-serif; --primary-color: #000000; --light-blue: #F1F8FC; --blue: #3E9FD8; --navy-blue: #0A4D65; --text-2: #ACB3C2; --cream: #F8F6F3; --green: #4EC1B7; --yellow: #FEDA3B; --white: #FFFFFF; --black: #000000; --orange: #FA6F19; --light-green: #00B2B5; --lt-blue: #006C8F; --font-12: 12px; --font-14: 14px; --font-16: 16px; --font-18: 18px; --font-20: 20px; --font-29: 29px; --font-33: 33px; --font-37: 37px; --font-41: 41px; --font-45: 45.83px; --font-50: 52px; --font-54: 54px; --font-58: 58px; --font-67: 67px; --font-95: 95px; } *, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { scroll-behavior: smooth; } html, body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font-family: var(--primary-font); font-size: var(--font-20); color: var(--black); line-height: 2.05; font-weight: 500; } ol, ul { list-style: none; padding: 0; margin: 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } img, picture, video, canvas, svg { display: block; max-width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 1.15; color: var(--black); letter-spacing: normal; } h1 { font-size: var(--font-58); font-weight: 800; line-height: 1.29; } h2 { font-size: var(--font-54); font-weight: 800; line-height: 1.35; } h3, h4, h5, h6 { font-size: var(--font-23); font-weight: 800; line-height: 1.4; } p { margin: 0; margin-bottom: 20px; } p:last-child { margin-bottom: 0; } a { color: var(--primary-color); transition: 0.5s all ease; text-decoration: none; } a:hover { color: var(--black); } button { cursor: pointer; } .container { max-width: 1496px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; } .small-container{ max-width: 1064px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; } .container-full { max-width: 100%; padding: 0 20px; } .row { display: flex; flex-wrap: wrap; } section { padding: 100px 0; } .col-100 { width: 100%; padding: 0 20px; } .col-50 { width: 50%; padding: 0 20px; } .col-33 { width: 33.33%; padding: 0 20px; } .col-25 { width: 25%; padding: 0 20px; } .row>* { padding: 0 20px; } .d-flex{display: flex;flex-wrap: wrap;} .align-center { align-items: center !important; } a.comman-btn {padding: 23px 110px 23px 70px;background: #fa6f19;color: #fff;border-radius: 50px;line-height: 1;font-weight: 600;position: relative;display: flex;align-items: center;} a.comman-btn:hover {background-color: #fff;color: #fa6f19;} a.comman-btn:hover:before{background-color: #fa6f19;background-image: url("https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/white-btn.png");} a.comman-btn:before {content: "";position: absolute;right: 10px;background-image: url("https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/arrow-btn%20%281%29.png");z-index: 11;left: auto; width: 40px;height: 40px;background-repeat: no-repeat;background-size: auto;background-position: center right 10px;background-color: #fff;border-radius: 60px;text-align: center;} .hero-content p {font-size: 25px;} header.header {position: absolute;z-index: 1111;padding: 40px 0;} .hero-banner{padding: 0;position: relative;} .manufacturing-b section.hero-banner{padding: 0 !important;position: relative;} header .site-logo img {max-width: 373px;} .hero-img {position: relative;padding-top: 56.25%;} .hero-img img {position: absolute;top: 0;left: 0; right: 0; width: 100%; height: 100%; z-index: 1;object-fit: cover;} .hero-content {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 65.1%;margin: 0 auto;text-align: center;padding: 150px 20px;} .hero-content > *{position: relative;z-index: 11;} .hero-content h1,.hero-content p{color: #fff;} .hero-content h1 {margin-bottom: 55px;} .hero-content .btn-group {margin-top: 40px;} .hero-banner:before {content: "";background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/shape-b.png);position: absolute;bottom: 0;background-size: contain;left: 0; right: 0;width: 100%;height: 100%;z-index: 11;background-repeat: no-repeat;background-position: bottom center;} .manufacturing-b .about {background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/BG@2x-1.png);background-size: cover;background-position: center;padding: 100px 0 28%;} .about .about-inner > div{width: 50%;} .d-flex.about-inner{align-items: center;} .about .sub-content p {color: #FA6F19;font-size: var(--font-29);line-height: 1.72;} .about .sub-content {margin-top: 25px;} .about .left-col{padding-right: 7%;} .about .about-inner .right-col img {position: absolute;top: 0;left: auto;right: 0;width: 94.76%;height: 100%;object-fit: contain;} .about .about-inner .right-col{position: relative;padding-top: 38.81%;} .services {margin-top: -26em;} .services .heading-group h2{display: flex;justify-content: center;color: #141515;} .heading-group span {margin: 30px 0 0 35px;} .services .services-loop {margin:77px -14px 0;} .services .col-loop {background-size: cover;background-repeat: no-repeat;background-position: top center;width: calc(100% / 3 - 28px);margin: 0 14px;border-radius: 50px;transition: transform 0.5s ease, filter 0.3s ease;} .services .col-loop h3{font-size: var(--font-37);color: #fff;margin-bottom: 17px;font-weight: 800;text-align: left;} .services .col-loop p{color: #fff;} .services .service-description {padding: 93% 30px 55px;} .manufacturing-b .services .col-loop:hover { transform: scale(1.05); } .whychoose .choose-left-col {background-size: cover;background-position: center;background-repeat: no-repeat;text-align: left;} .whychoose .choose-content {text-align: left;} .whychoose .choose-content h2 {text-align: left;color: #FEFEFE;padding-bottom: 65px;} .whychoose .choose-content .choose-loop h3 {color: #FFC818;text-align: left;font-size: var(--font-33);margin-bottom: 5px;line-height: 1;} .whychoose .choose-content .choose-loop p {color: #fff;text-align: left;} .whychoose .choose-loop {margin-bottom: 43px;} .whychoose .choose-loop .sub-loop {padding: 65px 28% 0 0;} .whychoose .choose-content .choose-loop {position: relative;} .whychoose .choose-content .choose-loop {position: relative;padding-left: 66px;} .whychoose .choose-content .choose-loop:before {content: "";position: absolute;top: 0;left: 0;background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/27@2x.png);width: 47px; height: 47px;background-size: contain;} .whychoose .choose-flex .choose-left-col {width: 49% !important;} .whychoose .choose-flex .choose-right-col {width: 51% !important;} .whychoose .choose-flex .choose-right-col img{width: 100%;border-radius: 40px 0 0 40px;} .whychoose .choose-flex{align-items: center;} .choose-left-col .choose-content {padding-left: calc((100% - 680px) / 2);padding-right: calc(100px + 216px);} .choose-right-col{z-index: 111;} .choose-bg {background-size: cover;background-position: center;background-repeat: no-repeat;width: calc(100% + 200px);padding: 100px 0;border-top-right-radius: 30px;border-bottom-right-radius: 30px;} .form-section-ready{padding-bottom: 0;} .form-section-ready p{font-size: 25px;} .form-section-ready .form-inner{padding: 125px 0 155px;background-repeat: no-repeat;background-size: cover;background-position: top center;position: relative;} .form-section-ready .form-content {text-align: center;} .form-section-ready h2,.form-section-ready p{color: #FEFEFE;} .form-section-ready h2{margin-bottom: 37px;} .form-section-ready .form-inner:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/shape-b.png); width: 100%;height: 100%;background-repeat: no-repeat;background-position: bottom;background-size: contain;} .footer .d-flex.footer-flex {justify-content: space-between;align-items: center;} .footer .left-footer p {font-size: 16px;font-weight: 400;line-height: 1;} .social-loop > a {margin: 0px 9px;transition: 0.5s ease all;background-color: #ff852e;width: 38px;height: 38px;display: flex;justify-content: center;align-items: center;border-radius: 5px;color: #fff;} .social-loop i {font-size: 17px;} .social-loop > a:last-child{margin-right: 0;} .social-loop > a:first-child {margin-left: 0;} .manufacturing-b .footer{ padding: 20px 0;} .footer .social-loop > a:hover {transform: scale(1.05);transition: 0.5s ease all;} #hs_form_target_form .actions, #hs_form_target_form-1 .actions { position: relative; display: inline-flex; margin-top: 0px; } .businesform .hs-button {align-items: center !important;background: #ffe617 !important;border-radius: 50px !important;color: #141515 !important;font-weight: 600 !important;line-height: 1 !important;padding: 23px 100px 23px 65px !important;position: relative;display: inline-flex !important;transition: 0.5s ease all !important;margin-top: 50px !important; width: auto !important; font-size: 21px !important;} .businesform .hs-button:before, .manufacturing-form-btn #hs_form_target_form .actions:before {background-color: #141515;background-image: url('https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/arrow-btn-form.png');background-position: center right 10px; background-repeat: no-repeat;background-size: auto;border-radius: 60px;content: "";height: 40px;left: auto;position: absolute;right: 10px;text-align: center;width: 40px;z-index: 11;transition: 0.5s ease all;} .businesform .hs-button:hover:before {background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/white-btn.png);} .businesform .hs-button:hover { background: #fff; color: #141515;} form.hs-form.stacked .hs-form-field label{color: #fff;} .businesform {margin-top: 60px;} .businesform .submitted-message {color: #ffffff;text-align: center;} form.hs-form.stacked .hs-form-field {width: calc(100% / 2 - 0px);padding: 0 13px;text-align: left;margin-bottom: 20px !important;} form.hs-form.stacked {display: flex;flex-wrap: wrap;justify-content: center;} form.hs-form.stacked .hs-form-field input {border-radius: 10px !important;} .manufacturing-form-btn #hs_form_target_form .actions:before { top: 50%; transform: translateY(-50%); } .manufacturing-form-btn #hs_form_target_form .actions:hover:before { background-color: #ffe617; background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/manufacturing-business/white-btn.png) } .lead-manufacturing .form-columns-2 { background-color: #f59a3c85; border-radius: 5px; padding: 50px 43px; } .lead-manufacturing form.hs-form.stacked .hs-form-field { margin-bottom: 0 !important; } .lead-manufacturing .hs_recaptcha { margin-top: 20px !important; } .manufacturing-b a.comman-btn:before{ transition: all .5s ease; } .banner-form.banner .form-p{font-size: 26px;} @media only screen and (max-width: 1800px) { .services {margin-top: -20em;} } @media only screen and (max-width: 1600px) { :root { --font-29: 24px; --font-33: 27px; --font-37: 30px; --font-54: 45px; --font-58: 48px; --font-67: 55px; --font-95: 79px; } .about{padding: 165px 0 35%;} .services {margin-top: -20em;} .form-section-ready .form-inner{padding: 104px 0;} .choose-left-col .choose-content {padding-left: calc((100% - 700px) / 3);padding-right: calc(100px + 200px);} } @media only screen and (max-width: 1400px) { :root { --font-29: 22px; --font-33: 24px; --font-37: 30px; --font-54: 39px; --font-58: 42px; --font-67: 48px; --font-95: 69px; } header.header{padding: 20px 0;} header .site-logo img {max-width: 250px;} .hero-content h1 {margin-bottom: 25px;} .hero-content .btn-group {margin-top: 10px;} .manufacturing-b .about{padding: 100px 0 35%;} .services {margin-top:-20rem;} .services .services-loop{margin-top: 56px;} .choose-left-col .choose-content .choose-loop:last-child {margin-bottom: 0;} .form-section-ready .form-inner{padding: 91px 0;} .whychoose .choose-flex > div {width: 50%;} } @media only screen and (max-width: 1366px) { :root { --font-29: 20px; --font-33: 23px; --font-54: 38px; --font-58: 33px; --font-67: 47px; --font-95: 67px; } section{padding: 70px 0;} .manufacturing-b .about{padding: 135px 0 40%;} .about .left-col {padding-right: 2%;} .services .services-loop{margin-top: 50px;} .heading-group span {margin: 15px 0 0 15px;} .services {margin-top: -23em;} .services .service-description{padding: 73% 20px 35px;} .form-section-ready .form-inner{padding: 88px 0;} } @media only screen and (max-width: 1200px) { :root { --font-54: 33px; --font-58: 36px; --font-67: 41px; --font-95: 59px; } section{padding: 60px 0;} .manufacturing-b .about{padding: 80px 0 40%;} body{font-size: 16px;} .sub-content br{display: none;} .services .services-loop{margin-top: 40px;} .choose-left-col .choose-content {padding-right: calc(100px + 180px);padding-left: calc((100% - 650px) / 2);} } @media only screen and (max-width: 1024px) { :root { --font-54: 28px; --font-58: 30px; --font-67: 35px; --font-95: 50px; } a.comman-btn {padding: 15px 60px 15px 50px;} a.comman-btn:before{background-size: 15px;background-position: center right 8px;width: 30px;height: 30px;} .hero-content{max-width: 80%;} section{padding: 50px 0;} .manufacturing-b section{ padding-top:30px; padding-bottom:30px; } .manufacturing-b .about{padding: 100px 0 40%;} .services .services-loop{margin-top: 30px;} .heading-group img{max-width: 80%;} .choose-bg{padding: 50px 0;} .choose-left-col .choose-content {padding-left: calc((100% - 670px) / 1);padding-right: calc(100px + 150px);} .whychoose .choose-content h2{padding-bottom: 50px;} .whychoose .choose-content .choose-loop:before{width: 35px;height: 35px;} .whychoose .choose-content .choose-loop{padding-left: 50px;} .form-section-ready .form-inner{padding: 60px 0;} .social-loop > a{width: 20px;height: 20px;} .social-loop i {font-size: 13px;} .businesform {margin-top: 30px;} .hero-content p,.form-section-ready p{font-size: 16px;} .services { margin-top: -18em; } #hs_form_target_form input::placeholder, .businesform .hs-button, #hs_form_target_form-1 input::placeholder { font-size: 16px !important; } .manufacturing-b .footer .container{ max-width: 80%; } .text ul.bucket-listing {column-count:1;display:block;} .banner-form.banner .form-p{font-size: 22px;} } @media only screen and (max-width: 992px) { :root { --font-54: 25px; } header .site-logo img {max-width: 180px;} .choose-left-col .choose-content {padding-left: calc((100% - 460px) / 3);padding-right: calc(100px + 80px);} .choose-bg{width: calc(100% + 170px);} .lead-manufacturing .form-columns-2 { padding: 30px 20px; } .businesform .hs-button { padding: 23px 80px 23px 20px !important; } .manufacturing-b .footer .container { max-width: 98%; } } @media only screen and (max-width: 767px) { :root {--font-20: 16px;} .d-flex.about-inner > div {width: 100%;} .about .left-col{margin-bottom: 30px;} .heading-group img {max-width: 40px;} .heading-group span {margin: 5px 0 0 15px;} .sub-content br{display: none;} p{font-size: 16px;} .footer .left-footer p {font-size: 14px;line-height: 1.5;} .d-flex.footer-flex {justify-content: center;} .d-flex.footer-flex > div {width: 100%;} .d-flex.footer-flex .left-footer{margin-bottom: 20px;text-align: center;} .footer {padding: 20px 0;} .form-section-ready h2 {margin-bottom: 20px;} .social-loop{justify-content: center;} body .whychoose .d-flex.choose-flex > div {width: 100% !important;} .choose-left-col .choose-content{padding: 0 20px;} .choose-right-col{margin-top: 30px;} .services .col-loop{width: calc(100% / 1 - 0px);margin:0 0 30px;} .manufacturing-b .services .col-loop:last-child { margin-bottom: 0; } .choose-bg {width: 100%;border-radius: 30px;} .whychoose .choose-loop {margin-bottom: 25px;} .services {margin-top: 0;} .manufacturing-b .about {padding: 50px 0;} .about .sub-content {margin-top: 0px;} .whychoose{padding-left: 20px;padding-right: 20px;} .services .service-description {padding: 60% 20px 35px;} .hero-content {max-width: 100%;} .hero-content h1 {margin-bottom: 10px;} .manufacturing-b .hero-section .hero-img {padding: unset;} .manufacturing-b .hero-section .hero-img img {height: 500px;} .manufacturing-b .hero-section {height: 500px;} br{display: none;} form.hs-form.stacked .hs-form-field {width: calc(100% / 1 - 0px);} .about .about-inner .right-col img {position: relative;} .about .about-inner .right-col {padding-top: unset;} .form-columns-2 div { width: 100% !important; } .banner-content .small-container, .footer-form-section .small-container { padding: 0; } .manufacturing-b .hero-section .hero-content{ padding-top: 200px !important; } .manufacturing-b .footer{ padding: 0 0 !important; } .whychoose .choose-flex .choose-right-col img{border-radius: 30px;} } @media only screen and (max-width: 480px) { .lead-manufacturing form.hs-form.stacked .hs-form-field { margin-bottom: 20px !important; } } /*marketing agency page CSS Start*/ .marketing-agency-page * { font-family: "Space Grotesk", sans-serif; } .marketing-agency-page .fa-brands { font-family: "Font Awesome 6 Brands"; } .marketing-agency-page .container{ max-width: 1440px; } /*Banner CSS Start*/ .marketing-agency-page .hero-banner .hero-img{ padding-top: 47.9%; position: relative; min-height: 768px; } .marketing-agency-page .hero-img img{ z-index: 1; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .marketing-agency-page .hero-banner .hero-content { max-width: 1400px; text-align: left; align-items: start; justify-content: end; padding-bottom: 6.3%; } .marketing-agency-page .hero-banner .content-block { padding: 50px; max-width: 890px; border-width: 5px; border-style: solid; margin-bottom: 76px; border-image: linear-gradient(90deg, #fa6f19 6.28%, rgba(217, 217, 217, 0.00) 14.53%, rgba(111, 179, 217, 0.00) 14.53%) 30; } .marketing-agency-page .hero-banner .content-block h1 { text-transform: uppercase; font-weight: 700; font-size: 72px; line-height: 67px; color: #fefefe; margin-bottom: 26px; } .marketing-agency-page .hero-banner .content-block p { font-family: "PT Serif", serif; color: #FEFEFE; font-size: 32px; line-height: 1; font-style: italic; font-weight: 700; } .marketing-agency-page .hero-content .btn-group{ margin-top: 0px; } .marketing-agency-page a.comman-btn, .lead-manufacturing #hs_form_target_form input[type=submit] { font-weight: 700; border-radius: 10px !important; background: linear-gradient(45deg, #fa6f19, #f69d2e); display: inline-block; text-align: left; padding: 24px 136px 24px 60px !important; font-size: 20px; line-height: 1; transition: 0.3s all ease-in-out; } .lead-manufacturing #hs_form_target_form input[type=submit] { background: linear-gradient(75deg, #ffe617 60%, #f19136) !important; } .marketing-agency-page a.comman-btn:hover, .lead-manufacturing #hs_form_target_form input[type=submit]:hover { background: #fff !important; color: #fa6f19 !important; } .marketing-agency-page a.comman-btn:before, .lead-manufacturing #hs_form_target_form .actions:before { position: absolute; z-index: 1; content: "\f2a0"; font-family: "Font Awesome 6 Free"; background-image: none; background-color: unset; border-radius: 0; width: unset; height: unset; font-size: 22px; right: 36px; background-position: 0; transform: translate(0%, -50%) rotate(-45deg); top: 50%; transition: 0.3s all ease-in-out !important; font-weight: 700; } .lead-manufacturing #hs_form_target_form .actions:hover:before { color: #fa6f19; } /*Banner CSS End*/ /*Why Choose CSS Start*/ .why-choose-sec{ background-color: #242424; padding-bottom: 0; padding-top: 105px; } .why-choose-sec .heading { color: #fefefe ; font-size: 54px; line-height: 1; font-weight: 700; } .why-choose-sec .benefit-list { display: flex; padding-top: 82px; gap: 70px; } .why-choose-sec .benefit-list .benefit-item { width: 33.33%; text-align: center; } .why-choose-sec .benefit-icon { margin-bottom: 36px; display: flex; justify-content: center; } .why-choose-sec .benefit-icon img { width: 110px; height: 110px; } .why-choose-sec .benefit-item .benefit-title { font-size: 33px; line-height: 46px; color: #fa6f19; font-weight: 700; position: relative; padding-bottom: 24px; margin-bottom: 20px; } .why-choose-sec .benefit-item .benefit-title:after { position: absolute; content: ""; background-color: #f3c741; width: 36px; bottom: 0; height: 1px; left: 0; right: 0; margin:0 auto; } .why-choose-sec .benefit-item .benefit-description { max-width: 390px; } .why-choose-sec .benefit-description p { color: #fefefe; font-size: 20px; line-height: 46px; } /*Why Choose CSS End*/ /*Our Service CSS Start*/ .marketing-agency-page .our-service-sec { padding: 105px 0 180px 0; text-align: center; background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Lead%20Manufacturing/our-service-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .our-service-sec .intro .description { max-width: 65%; margin: 0 auto; margin-bottom: 30px; } .our-service-sec .intro .description p { font-size: 20px; line-height: 42px; font-family: "poppins", serif; color: #000; } .our-service-sec .intro .icon { width: 100%; display: flex; justify-content: center; margin-bottom: 33px; } .our-service-sec .intro .icon img { width: 62px; } .our-service-sec .intro .sub-heading { font-size: 38px; line-height: 58px; font-family: "PT Serif", serif; font-style: italic; font-weight: 700; color: #FA6F19; max-width: 900px; margin: 0 auto; } .our-service-sec .heading { color: #141515; font-size: 54px; line-height: 1; font-weight: 700; position: relative; text-align: center; width: auto; display: block; padding-bottom: 36px; margin: 120px 0; } .our-service-sec .heading:after { position: absolute; content: ""; background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Lead%20Manufacturing/line.svg); height: 14px; max-width: 43.72%; background-position: center; background-repeat: no-repeat; display: inline-block; background-size: cover; bottom: 0; left: 0; right: 0; margin: 0 auto; } .our-service-sec .serivce-list { display: flex; gap: 55px; } .our-service-sec .serivce-list .right-block, .our-service-sec .serivce-list .left-block { width: 50%; } .our-service-sec .serivce-list .service-item .wrap { display: flex; flex-direction: column; padding: 45px; background-color: #fa6f19; border-radius: 20px; box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.2); margin-bottom: 38px; } .our-service-sec .serivce-list .service-item { padding-bottom: 30px; } .our-service-sec .serivce-list .service-item .service-image img { border-radius: 13px 13px 0 0; position: relative; margin-top: -75px; } .our-service-sec .serivce-list .right-block { margin-top: 100px; } .serivce-list .left-block .service-item:first-child .wrap { background-color: #fa6f19; } .serivce-list .left-block .service-item:last-child .wrap { background-color: #51b7bc; } .serivce-list .right-block .service-item:last-child { padding-bottom: 0; } .serivce-list .right-block .service-item:first-child .wrap { background-color: #ff685a; } .serivce-list .right-block .service-item:last-child .wrap { background-color: #006c8f; margin-bottom: 0; } .serivce-list .service-item .service-title { font-size: 46px; color: #fefefe; line-height: 1; text-align: left; font-weight: 700; margin: 33px 0 41px; } .serivce-list .service-item .service-description { text-align: left; } .serivce-list .service-item .service-description p { font-size: 20px; line-height: 38px; color: #fefefe; font-family: "poppins", serif; } .serivce-list .service-item .service-image{ position: relative; } .our-service-sec .serivce-list .service-item .service-image img.arrow-img { margin: 0; position: absolute; bottom: -32px; right: 19px; height: 110px; } .serivce-list .left-block .service-item:first-child img.arrow-img{ filter: brightness(0) saturate(100%) invert(67%) sepia(73%) saturate(2591%) hue-rotate(347deg) brightness(99%) contrast(97%); } .serivce-list .left-block .service-item:last-child img.arrow-img{ filter: brightness(0) saturate(100%) invert(96%) sepia(44%) saturate(4299%) hue-rotate(118deg) brightness(87%) contrast(89%); } .serivce-list .right-block .service-item:first-child img.arrow-img{ filter: brightness(0) saturate(100%) invert(87%) sepia(23%) saturate(5308%) hue-rotate(305deg) brightness(99%) contrast(91%); } .serivce-list .right-block .service-item:last-child img.arrow-img{ filter: brightness(0) saturate(100%) invert(59%) sepia(9%) saturate(2439%) hue-rotate(148deg) brightness(87%) contrast(83%); } .why-choose-sec .bg img { width: 100%; } /*Our Service CSS End*/ .start-journey-sec {background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Lead%20Manufacturing/orange-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 115px 0 115px;} .start-journey-sec .heading {font-size: 50px;color: #FEFEFE;font-weight: 700;margin-bottom: 16px;line-height: 1;} .start-journey-sec p {font-size: 20px;line-height: 26px;color: #fefefe;text-align: center;} /*Footer CSS Start*/ .marketing-agency-page footer .wrapper { justify-content: space-between; align-items: end; } .marketing-agency-page .social-media ul { display: flex; gap: 20px; } .marketing-agency-page .social-media a { background-color: #5c6065; line-height: 1; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; color: #fefefe; border-radius: 5px; transition: 0.3s all ease-in-out; } .marketing-agency-page .social-media a:hover{ background-color: #fa6f19; } .marketing-agency-page footer .wrapper { justify-content: space-between; align-items: end; padding-top: 75px; padding-bottom: 75px; max-width: 1200px; } .marketing-agency-page footer .right-block { display: flex; flex-direction: column; align-items: end; } .marketing-agency-page footer .right-block .social-media { margin-bottom: 30px; } .marketing-agency-page footer .right-block .copyright-sec p, .marketing-agency-page footer .right-block .copyright-sec a { font-size: 17px; font-family: "poppins", serif; color: #000; line-height: 1; } .marketing-agency-page footer .right-block .copyright-sec a { margin-left: 10px; transition: 0.3s all ease-in-out; } .marketing-agency-page footer .right-block .copyright-sec a:hover{ color:#fa6f19; } /*Footer CSS End*/ /*Media Query CSS Start*/ @media only screen and (max-width: 1800px) { .marketing-agency-page .hero-banner .content-block h1{ font-size: 65px; line-height: 65px; } .marketing-agency-page .hero-banner .content-block { padding: 40px; max-width: 860px; } .marketing-agency-page .hero-banner .content-block { margin-bottom: 50px; } } @media only screen and (max-width: 1600px) { .marketing-agency-page .hero-banner .content-block h1{ font-size: 55px; line-height: 1; } .marketing-agency-page .hero-banner .content-block { padding: 40px; max-width: 750px; } .marketing-agency-page .hero-banner .content-block p{ font-size: 26px; } .marketing-agency-page .our-service-sec{ padding: 105px 0 130px 0; } } @media only screen and (max-width: 1500px) { .marketing-agency-page .hero-banner .hero-img{ min-height: 690px; } .marketing-agency-page .hero-banner .hero-content { align-items: start; justify-content: center; padding-top: 11.3%; padding-bottom: 0; } .marketing-agency-page .hero-banner .content-block { padding: 35px; max-width: 690px; } .marketing-agency-page header.header{ padding: 30px 0; } .marketing-agency-page .hero-banner .content-block p { font-size: 24px; } } @media only screen and (max-width: 1400px) { .marketing-agency-page .hero-banner .content-block h1 { font-size: 40px; margin-bottom: 15px; max-width: 400px; } .marketing-agency-page .hero-banner .hero-img { min-height: 630px; } .marketing-agency-page a.comman-btn{ padding: 20px 100px 20px 40px !important; } .marketing-agency-page a.comman-btn:before{ right: 30px; transform: translate(0%, -52%) rotate(-45deg); } .marketing-agency-page footer .wrapper { padding-top: 60px; padding-bottom: 60px; } .our-service-sec .intro .sub-heading { font-size: 32px; line-height: 44px; } .our-service-sec .heading{ font-size: 36px; padding-bottom: 24px; margin: 70px 0 100px; } .serivce-list .service-item .service-title { font-size: 32px; margin: 24px 0 24px; } .our-service-sec .serivce-list .service-item .service-image img.arrow-img { bottom: -20px; height: 86px; } .why-choose-sec .heading, .start-journey-sec .heading { font-size: 36px; } .why-choose-sec .benefit-item .benefit-title { font-size: 28px; line-height: 40px; } .why-choose-sec .benefit-list { gap: 50px; } .why-choose-sec .benefit-description p{ line-height: 38px; } } @media only screen and (max-width: 1366px) { } @media only screen and (max-width: 1200px) { .marketing-agency-page .hero-banner .hero-img { min-height: 610px; } } @media only screen and (max-width: 1024px) { .marketing-agency-page .hero-banner .hero-content { padding-top: 11.3%; } .marketing-agency-page .hero-banner .hero-img { min-height: 500px; } .marketing-agency-page .hero-banner .content-block { margin-bottom: 30px; padding: 20px; border-width: 3px; } .marketing-agency-page .hero-banner .content-block p { font-size: 20px; } .marketing-agency-page header .site-logo img { max-width: 260px; } .marketing-agency-page .hero-banner .content-block h1 { font-size: 36px; } .marketing-agency-page footer .wrapper { padding-top: 50px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; } .our-service-sec .intro .description p { font-size: 16px; line-height: 32px; } .our-service-sec .heading, .why-choose-sec .heading, .start-journey-sec .heading { font-size: 32px; } .serivce-list .service-item .service-title { font-size: 28px; } .why-choose-sec .benefit-item .benefit-title { font-size: 24px; line-height: 34px; padding-bottom: 20px; margin-bottom: 20px; } .marketing-agency-page .our-service-sec { padding: 60px 0 60px 0; } .serivce-list .service-item .service-description p { font-size: 16px; line-height: 28px; } .our-service-sec .intro .sub-heading { font-size: 28px; line-height: 38px; max-width: 700px; } .our-service-sec .heading { margin: 50px 0 100px; } .why-choose-sec .benefit-description p { line-height: 30px; font-size: 16px; } .why-choose-sec{ padding-top: 70px; } .why-choose-sec .benefit-list { padding-top: 60px; gap: 30px; } .why-choose-sec .benefit-icon img { width: 90px; height: 90px; } .why-choose-sec .benefit-icon { margin-bottom: 20px; } .our-service-sec .serivce-list .service-item .wrap{ padding: 30px; } .our-service-sec .serivce-list .service-item .service-image img{ margin-top: -60px; } .start-journey-sec { padding: 70px 0; } .lead-manufacturing #hs_form_target_form input[type=submit] { padding: 20px 100px 20px 30px !important; } } @media only screen and (max-width: 992px) { .marketing-agency-page header .site-logo img { max-width: 220px; } .marketing-agency-page .hero-banner .hero-img { min-height: 460px; } .marketing-agency-page a.comman-btn { padding: 15px 70px 15px 20px !important; font-size: 16px; } .marketing-agency-page a.comman-btn:before { right: 20px; transform: translate(0%, -66%) rotate(-45deg); font-size: 18px; } .marketing-agency-page footer .left-block img { max-width: 200px; } .marketing-agency-page footer .right-block .copyright-sec a { margin-left: 5px; } .marketing-agency-page footer .social-media { margin-bottom: 15px; } .marketing-agency-page .social-media ul{ gap: 10px; } .marketing-agency-page .social-media a{ height: 35px; width: 35px; font-size: 18px; } .marketing-agency-page footer .right-block .copyright-sec p, .marketing-agency-page footer .right-block .copyright-sec a { font-size: 14px; } .our-service-sec .serivce-list{ gap: 30px; } .why-choose-sec .benefit-list { gap: 20px; } .why-choose-sec .benefit-icon img { width: 70px; height: 70px; } .why-choose-sec .benefit-item .benefit-title { font-size: 22px; line-height: 30px; } .why-choose-sec .benefit-description p { line-height: 26px; } .why-choose-sec .benefit-icon { margin-bottom: 10px; } .our-service-sec .serivce-list .service-item .wrap { border-radius: 20px; } .our-service-sec .serivce-list .service-item .service-image img{ margin-top: -45px; } .serivce-list .service-item .service-title { font-size: 28px; margin: 20px 0 15px; } .our-service-sec .serivce-list .service-item .service-image img.arrow-img{ height: 70px; } } @media only screen and (max-width: 767px) { .marketing-agency-page header.header { padding: 10px 0; } .marketing-agency-page header .site-logo img { max-width: 200px; } .marketing-agency-page .hero-banner .hero-content { padding-top: 70px; } .marketing-agency-page .hero-banner .content-block{ border: none; padding: 0; } .marketing-agency-page .hero-banner .content-block, .marketing-agency-page .hero-content .btn-group{ text-align: center; } .marketing-agency-page .hero-banner .content-block p { font-size: 18px; line-height: 1.2; } .marketing-agency-page footer .wrapper{ flex-direction: column; align-items: center; } .marketing-agency-page footer .right-block { align-items: center; margin-top: 30px; } .marketing-agency-page footer .right-block .copyright-sec p, .marketing-agency-page footer .right-block .copyright-sec a { text-align: center; line-height: 1.2; } .our-service-sec .intro .description p { font-size: 16px; line-height: 24px; } .marketing-agency-page .hero-banner .content-block h1{ max-width: unset; } .our-service-sec .serivce-list { display: flex; gap: 0px; flex-direction: column; align-items: center; max-width: 500px; margin: 0 auto; } .our-service-sec .serivce-list .right-block { margin-top: 0; } .our-service-sec .serivce-list .right-block, .our-service-sec .serivce-list .left-block { width: 100%; } .why-choose-sec .benefit-list{ flex-direction: column; gap: 30px; } .why-choose-sec .benefit-list .benefit-item { width: 100%; width: 100%; text-align: center; align-items: center; display: flex; flex-direction: column; } .why-choose-sec .benefit-item .benefit-title:after { left: 0; right: 0; bottom: 10px; height: 1px; margin: 0 auto; } .why-choose-sec .benefit-item .benefit-title{ margin-bottom: 10px; } } /* canvas2 css start */ /* common css start */ .banner{background-position: center;background-repeat: no-repeat;background-size: cover;} .eliminate-marketing header{position: relative;padding: 20px 0;} .canvas .hero-banner:before,.marketing-agency-page .hero-banner:before{display: none;} .btn{ color: var(--orange); font-size: var(--font-20); font-family: var(--font); position: relative; transition: all 0.5s ease; } .btn:hover{color: var(--black);} .service-section .service .service-details .service-description a.btn{display: inline-block;} .btn::after { content: '>'; position: absolute; top: 0px; left: auto; right: -25px; font-family: var(--font); width: 20px; height: 20px; color: var(--orange); transition: all 0.5s ease; } .btn:hover::after{ color: var(--black); transform: translateX(10px); } /* common css end */ .header { padding: 20px 0px; } .banner-image img { width: 100%; } .banner-form { margin-top: -200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; max-width: 1000px; margin-left: auto; margin-right: auto; padding: 50px 0;} .banner-content h1{ font-size: var(--font-45); font-family: var(--secondary-font); line-height: 1; margin-bottom: 35px; } .banner-content h2{font-family: var(--secondary-font);font-weight: normal;margin-bottom: 30px; font-size: var(--font-45);color: #141515;} .banner-content p{ max-width: 900px; margin: auto; font-family: var(--font); font-size: var(--font-20); line-height: 1.8; } .company-details{align-items: center;padding: 156px 0px 25px 0px;} .company-details .rocket-image {width: 46%; position: relative;z-index: 1;} .company-details .rocket-image img { width: 100%; } .company-details .rocket-image::after{ content: ''; position: absolute; top: auto; bottom: -15px; left: auto; right: -15px; width: 22vw; height: 491px; background-color: var(--orange); z-index: -1; } .company-details .rocket-content{width: 53%;} .company-details .rocket-content .content{max-width: 611px; margin: auto;} .company-details .rocket-content .content p{font-size: var(--font-20); font-family: var(--font); line-height: 1.8;} .company-details .rocket-content .content h4{font-size: var(--font-29); font-family: var(--font); line-height: 1.8;color: var(--orange);} .service-section{padding: 100px 0px 190px 0px;} .service-section .service-title { margin-bottom: 90px; } .service-title h2{font-family: var(--secondary-font);font-size: var(--font-50);font-weight: normal;line-height: 1;color: #141515;} .service-section .service{ background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; border: 1px solid #cfcfcf;} .service-section [class*='col-']{margin-bottom: 100px;} .service-section [class*='col-']:first-child .service { margin-top: 40px; } .service-section [class*='col-']:nth-child(2) .service{ margin-top: 100px; } .service-section .service .service-img img{width: 100%;} .service-section .service .service-details .service-icon{margin: -60px 0px 0px 35px;} .service-section .service .service-details .service-description { padding: 40px 50px 60px 50px; } .service-section .service .service-details .service-description h3{font-family: var(--secondary-font);font-size: var(--font-41);font-weight: normal; line-height: 1; margin-bottom: 58px; text-align: left;color: #141515;} .service-section .service .service-details .service-description p{font-family: var(--font);font-size: var(--font-20);line-height: 1.8;padding-right: 3px;} .service-link{width: fit-content;margin: auto;} .service-link a span, .marketing-form-btn #hs_form_target_form input[type=submit],.marketing-form-btn #hs_form_target_form-1 input[type=submit] { color: var(--white) !important; background-color: var(--black) !important; padding: 18px 75px 18px 120px !important; font-size: 25px; border-radius: 12px !important; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; transition: all .5s ease;font-family: var(--font); border: none; } .service-link a span:hover,.marketing-form-btn #hs_form_target_form .actions:hover,.marketing-form-btn #hs_form_target_form-1 .actions:hover {opacity: .8;} .service-link a span::before,.marketing-form-btn #hs_form_target_form .actions:before ,.marketing-form-btn #hs_form_target_form-1 .actions:before { content: ''; position: absolute; top: 0; bottom: 0px; margin: auto; left: 50px; background-image: url('https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Eliminate%20Marketing/button-icon.png'); background-repeat: no-repeat; background-size: cover; width: 27px; height: 25px; z-index: 1;} .hs_error_rollup { display: none; } .marketing-small-container { display: flex; justify-content: center; flex-wrap: wrap; } .marketing-form-btn { max-width: 900px; margin-left: auto; margin-right: auto; } .marketing-footer .container { max-width: 1200px; } .eliminate-marketing-service .service .service-details .service-description h3 { margin-bottom: 25px; } .set-section .service-title{margin-bottom: 77px;} .set-section .set-img img{margin: auto;} .set-section .team{margin: 40px auto 0px auto;} .set-section .set-icon { margin-bottom: 35px; } .set-section .team .set-icon img{margin: auto;} .set-section .set-content h3{text-align: left;font-size: var(--font-37);font-family: var(--secondary-font);font-weight: normal;position: relative;} .set-section .set-content h3::after { content: ''; position: absolute; top: 28px; left: auto; right: -2rem; background-image: url('https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Eliminate%20Marketing/result-line.png'); background-repeat: no-repeat; background-size: auto 5px; width: 12.3vw; height: 5px; } .set-section [class*='col-']:nth-child(3) .set-description h3::after { right: auto; left: -78px; width: 3.4vw; } .set-section [class*='col-']:nth-child(4) .set-description h3::after { transform: rotate(90deg); left: -100px; margin: auto; width: 2vw; top: -12px; } .set-section .set-content p{ font-size: var(--font-20); font-family: var(--font); letter-spacing: 0; line-height: 1.8; } .set-section [class*='col-']:first-child .set-description h3{color: var(--orange);} .set-section [class*='col-']:first-child {padding: 0px 40px;} .set-section [class*='col-']:nth-child(2){margin-top: 70px;} .set-section [class*='col-']:nth-child(3) .set-description h3{color: var(--light-green);} .set-section [class*='col-']:nth-child(3) {padding-left: 60px;} .set-section [class*='col-']:nth-child(4) .set-description h3{color: var(--lt-blue);} .set-section .team .set-icon{margin-right: 40px;width: 28%;} .set-section .team .set-content{width:78%;} .footer-form-section{padding: 100px 0px;} footer{padding: 42px 0px;} .footer-content{align-items: center;justify-content: space-between;} .footer-content .copyright-text { padding-right: 70px; } .footer-content .copyright-text p { font-size: 16px; font-family: var(--font);} .footer-content .copyright-content{justify-content: end;} .footer-content .copyright-text p { font-size: 16px; } .footer-content ul.social-icon{align-items: center;} .footer-content ul.social-icon li:not(:last-child) { margin-right: 45px; } .eliminate-marketing a.hs-button.large.primary { background: #000; color: #fff; font-size: 25px; padding: 20px 70px 20px 115px; border-radius: 10px; } .eliminate-marketing a.hs-button.large.primary:before {display: none;} .eliminate-marketing a.hs-button.large.primary:after { content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 100%; background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Eliminate%20Marketing/bookdemo-btn.png); background-repeat: no-repeat; background-position: center right; display: flex; align-items: center; padding-left: 70px; } .eliminate-marketing a.hs-button.large.primary:hover { background: #fff; color: #000; } .eliminate-marketing a.hs-button.large.primary:hover:after { background-image: url(https://8290454.fs1.hubspotusercontent-na1.net/hubfs/8290454/Eliminate%20Marketing/btn-book-hover.png); } .lead-manufacturing .hs_recaptcha { display: none !important; } .businesform .hs-recaptcha { display: none; } #hs_form_target_form form .hs_submit{margin-bottom: 0px;} /* responsive css start */ @media only screen and (max-width: 1880px) { .company-details .rocket-image::after { height: 442px; } .company-details{justify-content: space-between;} .company-details .rocket-content .content{max-width: unset;} .company-details .rocket-content { width: 46%; padding-right: 100px; } } @media only screen and (max-width: 1660px) { .company-details .rocket-image::after { height: 380px; } } @media only screen and (max-width: 1560px) { .company-details{padding: 100px 0px 25px 0px;} .company-details .rocket-content{padding-right: 30px;} .company-details .rocket-content .content h4{line-height: 1.5;} } @media only screen and (max-width: 1460px) { .banner-content h1{margin-bottom: 15px;} .banner-form{margin-top: -150px;} .company-details .rocket-image::after{height: 350px;} .banner-content p, .company-details .rocket-content .content p, .service-section .service .service-details .service-description p, .set-section .set-content p{line-height: 1.5;} .company-details .rocket-content .content h4{font-size: var(--font-23);} .service-section { padding: 90px 0px; } .service-section .service-title { margin-bottom: 50px; } .service-section [class*='col-'] { margin-bottom: 70px; } .service-section .service .service-details .service-description{padding: 40px;} .service-section .service .service-details .service-description h3{margin-bottom: 30px;} } @media only screen and (max-width: 1399px) { .banner-content h1{font-size: var(--font-41);} .banner-content h2 {margin-bottom: 15px;} .company-details .rocket-image::after{height: 310px;} .service-title h2, .banner-content h2{font-size: var(--font-37);} .service-section .service .service-details .service-description h3, .set-section .set-content h3{font-size: var(--font-33);} .service-link a span{font-size: 20px; padding: 18px 60px 18px 90px !important;} .set-section{padding: 70px 0px;} .set-section .service-title{margin-bottom: 45px;} .set-section [class*='col-']:nth-child(3) .set-description h3::after{left: -54px;} .set-section [class*='col-']:nth-child(4) .set-description h3::after{left: -73px;} .set-section .team .set-icon { margin-right: 16px; width: 40%; } .footer-form-section{padding: 80px 0px;} .footer-content ul.social-icon li:not(:last-child) { margin-right: 20px; } } @media only screen and (max-width: 1199px) { .header-logo img{max-width: 250px;} .company-details .rocket-image::after{height: 260px} .service-section .service .service-details .service-description h3, .set-section .set-content h3{font-size: var(--font-29);} .service-section .service .service-details .service-icon{margin: -60px 0px 0px 15px;} .service-section .service .service-details .service-description{padding: 30px 25px;} .service-section .service .service-details .service-description h3{margin-bottom: 20px;} .service-link a span{font-size: 18px;} .btn{font-size: var(--font-18);} .set-section .set-content h3{margin-bottom: 15px;} .banner-content p, .company-details .rocket-content .content p, .service-section .service .service-details .service-description p, .set-section .set-content p{font-size: var(--font-18 );} .footer-content .copyright-text{padding-right: 40px} } @media only screen and (max-width: 991px){ .banner-form{margin-top: -100px; padding: 50px 0px;} .banner-content h1{font-size: var(--font-37);} .company-details{flex-wrap: wrap; padding: 50px 15px 0px 15px;} .company-details .rocket-image, .company-details .rocket-content{width: 100%;margin-bottom: 40px; padding: 0px;} .company-details .rocket-image::after{height: 370px;} .service-section{padding: 30px 0px 90px 0px;} .service-section [class*='col-']{padding: 0px 10px;} .service-section .service .service-details .service-description h3, .set-section .set-content h3{font-size: var(--font-23);} .set-section .set-content h3::after{top: 12px;} .set-section [class*='col-']:first-child { padding: 0px 20px; } .set-section [class*='col-']:nth-child(3) { padding-left: 25px; } .set-section [class*='col-']:nth-child(3) .set-description h3::after{left: -38px;} .set-section .team{padding: 0px;} .set-section [class*='col-']:nth-child(4) .set-description h3::after{left: -40px;} .banner-content p, .company-details .rocket-content .content p, .service-section .service .service-details .service-description p, .set-section .set-content p, .btn{font-size: var(--font-16); line-height: 1.3;} .footer-logo img { max-width: 150px; } .copyright-content{flex-wrap: wrap;} .footer-content .copyright-text{padding: 10px 0 0;} .footer-content .copyright-text p{font-size: 15px;} .footer-content ul.social-icon{width: 100%; justify-content: center; margin-top: 10px;} .service-title h2, .banner-content h2{font-size: var(--font-37);} .footer-content{justify-content: center;} .footer-content .copyright-content {justify-content: center;} .marketing-form-btn #hs_form_target_form input[type=submit], .marketing-form-btn #hs_form_target_form-1 input[type=submit] { padding: 18px 25px 18px 70px !important; } .marketing-form-btn #hs_form_target_form .actions:before, .marketing-form-btn #hs_form_target_form-1 .actions:before { left: 20px; } } @media only screen and (max-width: 767px){ .header-logo img { max-width: 170px; } .banner-form{padding: 30px 0px;} .banner-content h1{font-size: var(--font-33); line-height: 1.2;} .company-details .rocket-image::after{height: 270px;} .service-section [class*='col-']{width: 100%; margin-bottom: 25px;} .service-section [class*='col-']:nth-child(2) .service, .service-section [class*='col-']:first-child .service{margin-top: 0px;} .service-section .service-title{margin-bottom: 30px;} .service-section .service .service-details .service-icon{margin: -40px 0px 0px 15px;max-width: 100px;} .set-section [class*='col-']{width: 100%;} .set-section .set-icon { margin-bottom: 10px; } .set-section [class*='col-'] .set-description h3::after{display: none;} .set-section [class*='col-']:nth-child(2){order: 1;margin-top: 0px;} .set-section [class*='col-']:first-child{order: 2;padding: 0px 0 40px;} .set-section [class*='col-']:nth-child(3){order: 3; padding: 0px;} .set-section [class*='col-']:nth-child(4){order: 4; flex-wrap: wrap;} .set-section .team .set-icon, .set-section .team .set-description{width: 100%;} .set-section .team .set-icon img{margin-left: 0px;margin-right: auto;} .set-section{padding: 40px 0px;} .service-title h2, .banner-content h2, .banner-content h1{line-height: 1.2; font-size: var(--font-37);} .footer-form-section{padding: 40px 15px;} .service-link a span{font-size: 16px; padding: 15px 50px 15px 80px !important;} br{display: none;} footer{padding: 25px 0px;} .footer-content{flex-wrap: wrap;} .footer-content [class*='col-']{width: 100%;} .footer-content .footer-logo img { margin: auto; } .footer-content .copyright-text{text-align: center;margin-top: 20px;} .our-service-sec .heading:after{max-width: 350px;} .footer-content .copyright-text span { display: block; } .marketing-form-btn .hs_recaptcha { display: none !important; } .our-service-sec .heading{ margin: 50px 0 50px; } .marketing-agency-page .why-choose-sec .bg, .marketing-agency-page .why-choose-sec .bg img { height: 200px; object-fit: cover; object-position: left; } .set-section .part-details .set-description h3, .set-section .part-details .set-description{text-align: center;} .set-section .part-details .set-icon {margin: 0 auto 10px; width: 60px;} .set-section .set-img img { max-width: 200px; margin-bottom: 50px;} .banner-form.banner .form-p{font-size: 20px;} } @media only screen and (max-width: 575px){ .banner-form { padding: 30px 15px; margin-top: -30px;} .company-details .rocket-image::after{height: 190px;} .service-link a span { font-size: 14px; padding: 15px 30px 15px 50px !important; } .service-link a span::before{left: 14px;} .service-section{padding: 30px 0px 60px 0px;} .service-section [class*='col-']{padding: 0px;} .service-title h2, .banner-content h2, .banner-content h1{font-size: var(--font-23);} .eliminate-marketing .banner-content h1{font-size: var(--font-37);} .eliminate-marketing .service-title h2, .eliminate-marketing .banner-content h2{font-size: 26px;} .banner-form.banner .form-p{font-size: 18px;} } /*edits*/ /*eliminate mkt company details*/ @media (min-width: 1024px) { .content2 { padding-right: 8vw !important; } .servs, .sect{ width:80vw!important; margin: 0 auto!important; } .topbanner{ padding:2vw!important; } /* manufacturing lead*/ .serivce-list{ padding-left: 7vw!important; padding-right: 7vw!important; } .why-choose-sec{ padding-left: 7vw!important; padding-right: 7vw!important; padding-bottom: 5vw!important; } /* manufacturing business*/ .au{ padding-left:6vw!important; padding-right:6vw!important; margin: 0 auto!important; } .subtitle{ margin-top:-2.5vw!important; } .hero-content h1{ font-size: 70px!important; } /* b2b c*/ .servs2{ margin: 0 auto!important; } } /* Default State */ .marketing-form-btn #hs_form_target_form input[type="submit"], .marketing-form-btn #hs_form_target_form-1 input[type="submit"], .service-link a span { background-color: #000000; color: #ffffff; transition: background-color 0.4s ease-in-out, color 0.6s ease-in-out 0.2s; } /* Hover State */ .marketing-form-btn #hs_form_target_form input[type="submit"]:hover, .marketing-form-btn #hs_form_target_form-1 input[type="submit"]:hover, .service-link a span:hover { background-color: #ffffff !important; color: #000000 !important; cursor: pointer !important; } /*dots*/ .dots::after{ right: -3vw!important; } .dots2::after{ right: 2.5vw!important; } .dots3::after{ right: -.5rem !important; top:-1rem!important; } } /*b to b a*/ .subtitle2{ margin-top:-2vw!important; } /* responsive css end */ /* canvas2 css end */