meta titile 3 new

+91 762 101 9241

+91 762 101 9241
FF-412 Sakar East,
Opp Bansal Mall, Soma Talav,
Tarsali Ring Road, Tarsali,
Vadodara – 390009 India

Blogs

Creater

2024-04-25

blog titile 1

main desc

img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } body { --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); } :where(.is-layout-flex) { gap: 0.5em; } :where(.is-layout-grid) { gap: 0.5em; } body .is-layout-flow > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-flow > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-flow > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } body .is-layout-constrained > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } body .is-layout-constrained > .aligncenter { margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } body .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } body .is-layout-flex { flex-wrap: wrap; align-items: center; } body .is-layout-flex > * { margin: 0; } body .is-layout-grid { display: grid; } body .is-layout-grid > * { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } .wp-block-navigation a:where(:not(.wp-element-button)) { color: inherit; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } .wp-block-pullquote { font-size: 1.5em; line-height: 1.6; } .cmplz-hidden { display: none !important; } ul#mega-menu-header-menu-top { padding-right: 30px !important; } img { height: auto; } .wpcf7-not-valid-tip { font-size: 12px; margin-top: 10px; } .pop_content input.wpcf7-form-control.has-spinner.wpcf7-submit { height: 100% !important; } .single .wysiwyg .row .col-md-7 h2 { font-size: 42px; line-height: 1.2; text-align: left; } .item p { margin: 7px 0px; } .accordion { color: #333; cursor: pointer; padding: 5px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; background: transparent; } .accordion:after { content: "+"; color: #777; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "−"; } .panel { padding: 5px 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } header #header_top .logo { flex: 0 0 18%; } header #header_top .flex-box { flex: 0 0 82%; justify-content: space-between; } .get_proposal { border-radius: 5px; background-image: linear-gradient(-86deg, #314f6b 0%, #0d75bb 28%, #15a0c5 53%, #1bbdcb 73%, #2fcb93 100%); padding: 12px 25px; color: #fff; font-weight: 700; } .get_proposal:hover { opacity: 0.8; } .header_right { display: flex; align-items: center; } .column input { height: 46px; border-radius: 5px; background-color: #363636; overflow: hidden; margin-bottom: 10px; max-width: 100%; padding-left: 15px; font-size: 15px; line-height: 42px; color: #ccc; font-weight: 300; font-family: "Montserrat"; } .column input.wpcf7-form-control.has-spinner.wpcf7-submit { border-radius: 5px; background-image: linear-gradient(-86deg, #314f6b 0%, #0d75bb 28%, #15a0c5 53%, #1bbdcb 73%, #2fcb93 100%); font-size: 20px; color: #fff; font-weight: 700; font-family: "Montserrat"; text-align: center; width: 100%; height: 50px; } .column span.wpcf7-spinner { display: none; } .column .submitting span.wpcf7-spinner { display: inline-block; } .navbar { overflow: hidden; } .navbar a { float: left; font-size: 16px; color: #333; text-align: center; padding: 14px 10px; text-decoration: none; } .navbar .dropdown { float: left; overflow: hidden; } .navbar .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: #333; padding: 14px 5px 14px 8px; background-color: inherit; font: inherit; margin: 0; } button.dropbtn img { max-width: 18px; } .column img { max-width: 35px; margin-right: 5px; } .navbar a:hover, .dropdown:hover .dropbtn { background-image: linear-gradient(-86deg, rgba(49, 79, 107, 0.79) 0%, rgba(13, 117, 187, 0.79) 28%, rgba(21, 160, 197, 0.79) 53%, rgba(27, 189, 203, 0.79) 73%, rgba(47, 203, 147, 0.79) 100%); color: #fff; font-weight: 500; } .navbar .dropdown-content { display: none; position: absolute; background-image: linear-gradient(-86deg, rgba(49, 79, 107, 0.79) 0%, rgba(13, 117, 187, 0.79) 28%, rgba(21, 160, 197, 0.79) 53%, rgba(27, 189, 203, 0.79) 73%, rgba(47, 203, 147, 0.79) 100%); width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; } .navbar .dropdown:hover .dropdown-content { display: block; } .navbar .row { padding: 10px 30px 30px; display: flex; } .navbar .column { float: left; width: calc(20% - 20px); padding: 10px; border-radius: 10px; background-color: rgba(243, 251, 249, 0.85); margin: 0 10px; } .navbar .column h3 { font-size: 15px; color: #333; font-weight: 700; font-family: "Montserrat"; margin: 0 0 5px; } .navbar .column.form h3 { font-size: 22px; display: flex; flex-direction: row; align-items: flex-start; } .navbar .column.form h3 img { margin-right: 10px; } .navbar .column a { float: none; color: black; color: #333; padding: 5px; text-decoration: none; display: block; text-align: left; font-size: 14px; font-weight: 300; font-family: "Montserrat"; } .navbar .column a:hover { background-color: #ddd; color: #fff; } .navbar .row:after { content: ""; display: table; clear: both; } #head-call { padding-right: 20px; position: relative; margin-right: 20px; } #head-call:after { content: ""; width: 1.5px; height: 100%; background: #999; position: absolute; top: 0; right: 0; } #head-email { margin-right: 20px; } .navbar .popupform input.wpcf7-form-control.wpcf7-text, .navbar .popupform select.wpcf7-form-control.wpcf7-select { height: 32px; background: #fff; border-radius: 6px; padding-left: 10px !important; color: #000; font-size: 11px; margin-bottom: 0; } .navbar .popupform p, .navbar .popupform p label { margin-top: 10px; width: calc(50% - 5px); } .navbar .popupform textarea.wpcf7-form-control.wpcf7-textarea { height: 120px; } .navbar .pricing_col .popupform textarea.wpcf7-form-control.wpcf7-textarea { height: 50px; font-size: 16px; } .navbar .column input.wpcf7-form-control.has-spinner.wpcf7-submit { font-size: 16px; height: 40px; margin-top: 5px; padding: 0; } .navbar .column .gform_footer { width: 100%; } .pricing_col a.btn_menu { border: 1px solid #333; display: inline-block; width: auto; padding: 5px 15px !important; } .pricing_col p { line-height: 1; } :root { --main_color: #0e76bc; --hover_color: #30cc93; --main_grad: linear-gradient(-86deg, #31506c 0%, #0e76bc 28%, #169ec5 53%, #1cbecc 73%, #30cc93 100%); --title_color: #0e76bc; --text_color: #333; --title_font: "Montserrat"; } *, :after, :before { box-sizing: border-box; } body { font-family: "Montserrat"; font-size: calc(12px + (18 - 14) * (100vw / 1920)); font-weight: 400; line-height: 1.4; color: var(--text_color); margin: 0; padding: 0; background: #fff; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: var(--title_font); color: var(--title_color); line-height: 1.2; text-transform: capitalize; } h1, h2 { font-size: 83px; } h1 span, h2 span { color: var(--text_color); } strong { font-weight: 700; } .fint_out_btn { position: relative; display: inline-block; padding: 2vh 3vw; font-size: calc(14px + (20 - 14) * (100vw / 1920)); font-weight: 700; background-image: var(--main_grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; border-radius: 7px; text-align: center; transition: 0.4s; } .fint_out_btn::before { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background-image: var(--main_grad); z-index: -2; border-radius: 7px; transition: filter 0.4s; } .fint_out_btn:hover::before { filter: blur(10px); } .fint_out_btn::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: -2; border-radius: 5px; } .fint_out_btn span { position: relative; font-size: calc(14px + (20 - 14) * (100vw / 1920)); font-weight: 700; background-image: var(--main_grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .main_wrapper { padding: 0px 6.8vw; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } a, a:hover, a:focus { text-decoration: none; } header ul, footer ul, header ol, footer ol { padding: 0; margin: 0; } ul, ol { list-style-position: inside; } footer ul, header ul { list-style: none; padding: 0; margin: 0; } a, button, input[type="submit"], a img { transition: all 0.4s linear; } iframe, img, svg { max-width: 100%; } img { vertical-align: middle; } a img { border: none; } input, textarea, select { border-radius: 0; border: none; box-shadow: none; } header .caret { display: inline-block; width: 0; height: 0; margin-left: 8px; vertical-align: middle; border-top: 5px dashed; border-top: 5px solid \9; border-right: 5px solid transparent; border-left: 5px solid transparent; } header .mobile_btn { position: relative; width: 45px; height: 45px; overflow: hidden; justify-content: center; align-items: center; display: none; } header .top_mobile_box { display: none; } header .ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; height: 46px; width: 46px; } header .hamRotate.active { transform: rotate(45deg); } header .hamRotate180.active { transform: rotate(180deg); } header .line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: var(--text_color); stroke-width: 5.5; stroke-linecap: round; } header .ham8 .top { stroke-dasharray: 40 160; } header .ham8 .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } header .ham8 .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } header .ham8.active .top { stroke-dashoffset: -64px; } header .ham8.active .middle { transform: rotate(90deg); } header .ham8.active .bottom { stroke-dashoffset: -64px; } header .ham.active path { stroke: #fff; } header .wrap_header .line { width: 100%; height: 1px; background: #fff; margin: 70px 0; } body header .main_wrapper, header .flex_box_bottom, header .wrap_header .line { transition: 0.6s; display: block; } header .sub-menu li { display: block; margin: 0; width: 100%; } header .sub-menu li::before { display: none; } header .sub-menu a { display: inline-block; font-weight: 300; font-size: 14px; line-height: 24px; margin-bottom: 0; } header .sub-menu a:hover { color: #ccc; } header .sub-menu .sub-menu { padding-top: 0; top: 0; left: 100%; display: none; } main { position: relative; } #breadcrumbs { padding-top: 20px; padding-bottom: 20px; font-size: 14px; z-index: 9; } #breadcrumbs a { color: var(--main_color); } #breadcrumbs p { margin: 0; } body.overflow-hidden { overflow: hidden; } .admin-bar header { top: 32px; } header { position: -webkit-sticky; position: sticky; top: 0; width: 100%; z-index: 99998; } header .wrap_header::-webkit-scrollbar-track { border-radius: 0; background: #fff; } header .wrap_header::-webkit-scrollbar { width: 8px; background-color: var(--title_color); } header .wrap_header::-webkit-scrollbar-thumb { border-radius: 0; background-color: var(--title_color); } header .wrap_header { padding: 50px 0px; overflow: auto; scrollbar-color: var(--title_color) #fff; scrollbar-width: thin; width: 100%; } body.overflow-hidden .animation_box { } .animation_box { border-radius: 50%; transition: transform 0.25s ease-out; position: absolute; bottom: 30px; cursor: pointer; right: 3vw; z-index: 9; will-change: transform; opacity: 0 !important; pointer-events: none; } .animation_box.top { opacity: 1; bottom: 15px; will-change: unset; transition: all 0.25s ease-out; } .animation_box.active { opacity: 1 !important; pointer-events: inherit; } .animation_box span { font-size: 10px; display: flex; align-items: center; justify-content: center; height: 100%; color: #fff; font-weight: 700; } header .wrapper_bottom_header .animation_box_close { display: none !important; } .animation_box_close { width: 60px; height: 60px; border-radius: 50%; transition: 0.3s; position: absolute; bottom: 190px; cursor: pointer; left: 50%; transform: translate3d(-55%, 0, 0); z-index: 2; will-change: transform; background: #fff; display: none; align-items: center; justify-content: center; } .animation_box_close:hover { background: #ccc; } .animation_box img { transition: 0.5s; } .animation_box.active img { opacity: 0; transition: none !important; } .home header:not(.sticky) { box-shadow: none; } header.sticky { box-shadow: 0 0 30px rgba(0, 0, 0, 0.16); } header .header_bottom { display: none; } header .main_header { display: flex; justify-content: space-between; align-items: center; } header .header_right_part { display: flex; align-items: center; width: 100%; } header .header_right_part nav { width: 100%; } header nav .menu-header-menu-container > ul { display: flex; flex-wrap: wrap; } header nav li { position: relative; display: flex; width: 20%; flex-direction: column; } header nav li.buttons a { pointer-events: none; } header nav li.buttons li.btn a { pointer-events: auto; border: 1px solid #fff; margin-bottom: 25px; border-radius: 5px; padding: 5px; min-width: 190px; text-align: center; } header nav a { display: inline-block; display: flex; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 5px; align-items: center; } header .main_header .contact { font-size: calc(14px + (18 - 14) * (100vw / 1920)); font-weight: inherit; padding: 1.2vh 1.2vw; margin-left: 10px; text-transform: uppercase; } header .flex_box_bottom { display: flex; justify-content: space-between; align-items: center; color: #fff; padding-bottom: 50px; } header .socials { display: flex; justify-content: space-between; align-items: center; max-width: 250px; margin: auto; } header .socials a { display: flex; } header .flex_box_bottom .left a { font-weight: 700; color: #fff; } header .flex_box_bottom .right { text-align: right; } header .flex_box_bottom .center { text-align: center; } header .flex_box_bottom p { margin: 0 0 5px; padding: 0; font-size: 16px; line-height: 24px; } header .flex_box_bottom > div { min-width: 33.33%; } header .icon_nav { width: auto; object-fit: contain; margin-right: 10px; max-height: 16px; position: relative; top: -2px; } header .menu_open { width: 60px; height: 60px; border-radius: 50%; background-color: #fff; position: absolute; left: 0; right: 0; right: 0; margin: auto; bottom: 215px; } header .menu_open .menu_txt { display: none; } header .menu_open { color: #0e76bc; display: flex; justify-content: center; align-items: center; } header .site_logo { margin-top: 30px; } header .site_logo img { max-width: 400px; } header .right img { margin-right: 5px; } header #header_top { display: flex; justify-content: space-between; padding: 15px 2vw; background: #fff; align-items: center; z-index: 0; position: relative; } header #header_top .logo { position: relative; width: 330px; height: 64px; overflow: hidden; } header #header_top .flex-box { display: flex; align-items: center; } header #header_top .logo img { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); transition: 0s; } header .fint_out_btn { padding: 13px 40px; margin-left: auto; text-transform: inherit; flex-shrink: 0; } header #header_top ul { display: flex; margin: 0 40px 0 0; } header #header_top ul a { margin: 0 20px; font-size: 19px; color: #333; font-weight: 400; display: flex; } header #header_top ul a:hover { opacity: 0.6; } header #header_top ul .sub-menu { display: none; } header #header_top ul li { position: relative; } header #header_top .menu-item-has-children .sub-menu .caret { margin-left: 4px; } header #header_top .caret-image { padding-left: 15px; } header #header_top .caret-image img { width: 18px; } header.landing #header_top { justify-content: stretch; } header.landing nav { margin-left: auto; margin-right: 3.1vw; } header.landing nav li { width: auto; } header.landing nav li:not(:last-child) { margin-right: 2.7vw; } header.landing nav a { color: var(--main_color); font-weight: 300; font-size: calc(14px + (22 - 14) * (100vw / 1920)); position: relative; display: block; margin-bottom: 0; text-transform: capitalize; } header.landing nav a:before { content: ""; position: absolute; width: 0; left: 50%; transform: translateX(-50%); background: var(--main_color); border-radius: 1.5px; height: 3px; bottom: -5px; transition: 0.3s ease-in-out; } header.landing nav a:hover:before { width: 100%; } header.landing ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } header.landing .fint_out_btn { padding: 17px 30px; font-size: calc(14px + (22 - 14) * (100vw / 1920)); font-weight: 300; text-transform: capitalize; } li.seo-budget > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/budget.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.seo-search > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/search.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.pr-content > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/pr.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.we-create > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/create.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.paid-analytics > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/reposition.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.industry > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/industry.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.case-study > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/cases.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.partner > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/partners.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } li.reposition-group > a:before { content: ""; height: 20px; width: 20px; background: url("https://cdn-edhfa.nitrocdn.com/NxMMekftLMcnYaaJKVyyCSplPCakexHY/assets/images/optimized/rev-31b0722/www.reposition.co.uk/wp-content/uploads/2020/07/analitic.png") no-repeat; background-size: contain !important; background-position: center center !important; margin-right: 10px; } @media (max-width: 1700px) { header #header_top .logo { width: 250px; } header #header_top ul a { font-size: 16px; margin: 0 12px; } } @media (max-width: 1441px) { header.landing .fint_out_btn, header.landing nav a { font-size: calc(14px + (18 - 14) * (100vw / 1920)); } header.landing nav li:not(:last-child) { margin-right: 1.5vw; } header.landing nav { margin-right: 2vw; } header #header_top .caret-image img { width: 13px; } header #header_top .caret-image { padding-left: 5px; } header #header_top ul a { font-size: 14px; } } @media (min-width: 1200px) { header nav li.buttons li.btn a:hover { background: var(--title_color); color: #fff; } header .wrapper_bottom_header { display: none; left: 0; top: 0; position: fixed; width: 100%; background: linear-gradient(to right, #30cc93 0%, #129fcc 60%, #2d5374 100%); } header .top_mobile_box .logo { display: none; } header .wrap_header { height: 100vh; } } @media (max-width: 1600px) { h1, h2 { font-size: calc(32px + (63 - 32) * (100vw / 1600)); } header .main_wrapper { padding: 0px 2.8vw; } } @media (max-width: 1199px) { header.landing nav { margin-right: 0; } header nav li.buttons a { pointer-events: auto; } header #header_top { display: none; } header .icon_nav { top: 0; } header .sub-menu li.buttons a { margin-bottom: 0; } header nav li.buttons li a { margin-bottom: 5px; } header nav li.buttons li.btn a { margin-bottom: 10px; justify-content: center; } header li.buttons .sub-menu { padding-bottom: 10px; } header .hamburger { position: relative; top: 2px; } header .ham { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; height: 46px; width: 46px; } header .hamRotate.active { transform: rotate(45deg); } header .hamRotate180.active { transform: rotate(180deg); } header .line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #fff; stroke-width: 5.5; stroke-linecap: round; } header .ham8 .top { stroke-dasharray: 40 160; } header .ham8 .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } header .ham8 .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } header .ham8.active .top { stroke-dashoffset: -64px; } header .ham8.active .middle { transform: rotate(90deg); } header .ham8.active .bottom { stroke-dashoffset: -64px; } header .main_wrapper.bottom { display: none !important; } header .top_mobile_box { display: flex; align-items: center; padding: 15px 7px; } header { overflow: auto; top: 0; bottom: auto; background: var(--main_grad); position: -webkit-sticky; position: sticky; } header .wrap_header { padding: 0; display: none; } .animation_box, .animation_box_close { display: none; } .admin-bar header { top: 44px; } header .top_mobile_box img { max-width: 200px; margin-left: 5px; } header .main_wrapper { padding: 0; } header nav li, header.landing nav li { padding: 0 25px; width: 100%; margin: 0; } header.landing nav a:before { display: none; } header.landing nav li:not(:last-child) { margin: 0; } header .sub-menu { display: none; } header nav .sub-menu li { border: none; } header .wrap_header .line { display: none !important; } .animation_box_close { bottom: 77px; transform: translate3d(-50%, 0, 0); } header nav li { border-bottom: 1px solid #fff; } header nav a, header.landing nav a { margin: 14px 0; } header.landing nav a { color: #fff; font-weight: bold; } header .caret { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; border: none; margin: 0; } header .sub-menu .caret { position: static; width: 0; height: 0; margin-right: 8px; vertical-align: middle; border-bottom: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; opacity: 1; transition: 0.3s; transform: rotate(90deg); } header .sub-menu .caret.opened { transform: rotate(180deg); } header .sub-menu .opened .caret { transform: rotate(180deg); } header .sub-menu a { margin: 0 0 10px 0; display: inline-flex; align-items: center; flex-direction: row-reverse; } .admin-bar header nav { max-height: calc(100vh - 125px); } header nav { max-height: calc(100vh - 81px); } } @media (max-width: 767px) { .admin-bar header nav { max-height: calc(100vh - 115px); } header nav { max-height: calc(100vh - 71px); } header .top_mobile_box img { max-width: 160px; } header .top_mobile_box { padding: 10px 7px; } h1, h2 { font-size: calc(32px + (63 - 32 + ((63 - 32) * 0.7)) * ((100vw - 320px) / 1600)); } header .main_header .contact { padding: 7px 12px; margin-right: 10px; } } html { scroll-behavior: smooth; } .home_banner { position: relative; padding: 30px 0; overflow: hidden; } .home_banner .flex_wrap { display: flex; justify-content: space-between; align-items: center; } .home_banner .text_box { width: 49%; margin-right: 1%; } .home_banner .text_box h1 { margin: 0 0 4vh; letter-spacing: -2px; max-width: 660px; } .home_banner .text_box h3 { font-size: calc(28px + (33 - 24) * (100vw / 1920)); font-weight: inherit; margin: 0 0 4vh; text-transform: none; color: #333; } .home_banner .img_box { width: 50%; } .home_banner form { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 620px; } .home_banner form .item { width: calc(50% - 7px); margin-bottom: 10px; } .home_banner form .send { width: calc(50% - 7px); position: relative; } .home_banner form .send input { position: relative; display: block !important; width: 100% !important; margin: 0 !important; color: #fff; font-size: inherit !important; font-weight: 700; text-transform: uppercase; text-align: center; background: var(--main_grad); border-radius: 5px; border: 0; cursor: pointer; } .home_banner form input { border: 1px solid #30cc93; box-shadow: none; border-radius: 3px; padding: 12px 15px; color: #000; height: 54px; font-size: 16px; font-weight: 500; width: 100%; outline: none; font-family: var(--title_font); } .home_banner form input::placeholder { font-family: var(--title_font); font-weight: 300; color: #30cc93; } .home_banner .img_box img { width: 100%; } .home_banner .img_box .item { background: #30cc93; background: linear-gradient(to right, rgba(48, 204, 147, 0.1) 0%, rgba(28, 190, 204, 0.1) 27%, rgba(14, 118, 188, 0.1) 72%, rgba(49, 80, 108, 0.1) 100%); padding: 1.2vw 2.5vw; margin-bottom: 1.5vw; display: flex; align-items: center; border-radius: 4px; } .home_banner .img_box .item span { color: #333; font-size: calc(16px + (33 - 24) * (100vw / 1920)); font-family: var(--title_font); line-height: 1; } .home_banner .img_box .item p { margin: 0; color: #0e76bc; font-weight: 700; font-size: calc(36px + (33 - 24) * (100vw / 1920)); line-height: 1.1; } @media (max-width: 1600px) { .home_banner .text_box h1 { font-size: calc(30px + (63 - 32) * (100vw / 1600)); } } @media (min-width: 1200px) { .home_banner form .send:hover:before { opacity: 1; } .home_banner form .send::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--main_grad); border-radius: 50px; filter: blur(10px); opacity: 0; transition: opacity 0.4s; } } @media (max-width: 1199px) { .home_banner .text_box h1 { margin-bottom: 30px; } .home_banner .text_box h3 { margin-bottom: 40px; } .home_banner .img_box .item p { font-size: calc(28px + (33 - 24) * (100vw / 1920)); } .home_banner .img_box .item span { font-size: calc(12px + (33 - 24) * (100vw / 1920)); } } @media (max-width: 991px) { .home_banner .text_box { width: 100%; } .home_banner .img_box { width: 100%; } .home_banner .items { display: flex; flex-wrap: wrap; justify-content: space-between; } .home_banner .items .item { display: flex; align-items: center; border-radius: 4px; width: calc(50% - 7px); } .home_banner .flex_wrap { flex-direction: column; } } @media (max-width: 767px) { .home_banner .text_box h1 { margin-bottom: 15px; } .home_banner .items .item { width: 100%; padding: 10px 15px; } } @media (max-width: 550px) { .home_banner form { display: block; } .home_banner form .item, .home_banner form .send { width: 100%; } } .fives { background: var(--main_grad); padding: 80px 0; } .fives .mobile_partner { display: none; } .fives h2.small { font-size: calc(26px + (42 - 26) * (100vw / 1920)); font-weight: 300; color: #fff; margin: 0 0 80px; text-align: center; } .fives .partners_logos { padding-top: 11vh; padding-bottom: 11vh; display: grid; grid-template-columns: repeat(5, minmax(120px, auto)); grid-gap: 55px; align-items: center; padding: 0px 6.8vw; } .fives .single_logo img { display: block; margin: 0 auto; width: auto; max-width: 100%; max-height: 17vh; } @media (max-width: 1600px) { } @media (max-width: 1199px) { .partners_logos { padding-top: 60px; padding-bottom: 60px; } .partners h2 { padding: 60px 0; } .partners h2.small { padding-top: 60px; margin-bottom: 60px; } .partners .slick-track { display: flex; align-items: center; } .partners .single_logo { margin: 0 20px; } .partners.three .partners_logos .single_logo { height: 20vw; } } @media (max-width: 1400px) { .partners .partners_logos .single_logo img { max-width: 150px; } } @media (max-width: 991px) { .fives .partners_logos { display: none; padding-bottom: 60px; } .fives .mobile_partner { display: block; padding: 30px 0; } .fives .mobile_partner img { max-width: 120px; } .fives .mobile_partner .slick-dots { bottom: -50px; } .fives .slick-track { display: flex; align-items: center; } } @media (max-width: 767px) { .fives { padding: 40px 20px; } .fives .mobile_partner { padding-bottom: 0; } .fives h2 { padding: 0; } .fives h2.small { padding-top: 0; margin-bottom: 0; } } .seo_services { padding-top: 90px; padding-bottom: 90px; text-align: center; } .seo_services .single_service_left { margin-right: 30px; } .seo_services .single_service_right { margin-left: 30px; } .seo_services.greyscale { filter: grayscale(1); } .seo_services.local { padding-top: 40px; padding-bottom: 150px; } .seo_services .h2_style { font-size: calc(32px + (60 - 32) * (100vw / 1920)); margin: 0 0 50px; } .seo_services .h2_style span { color: #333; } .seo_services .h2_style + div.seo_services_wrapper { margin-top: 6.7vw; } .seo_services h3 { font-size: 38px; font-weight: 300; margin: 0 0 50px; color: var(--text_color); } .seo_services.local h3 { margin: 0 0 25px; font-size: calc(24px + (36 - 24) * (100vw / 1920)); } .seo_services > p { margin: 0 auto 60px; max-width: 1230px; font-size: calc(14px + (20 - 14) * (100vw / 1920)); } .seo_services.local > p { max-width: 1330px; } .seo_services_wrapper { display: flex; flex-direction: row; justify-content: space-between; } .seo_services .seo_services_wrapper .single_service { max-width: 750px; } .seo_services .margin-top { margin-top: 60px; } .seo_services .img_box { width: 5.2vw; height: 7.4vh; margin: 0 auto 20px; } .seo_services .img_box img { width: 100%; height: 100%; object-fit: contain; } .seo_services.local .single_service { text-align: center; } .seo_services .single_service h4 { font-size: calc(18px + (33 - 18) * (100vw / 1920)); font-weight: 400; color: var(--text_color); margin: 0 0 35px; } .seo_services .single_service p { margin: 0; text-align: justify; } @media (max-width: 1600px) { .seo_services.about_page .h2_style { font-size: calc(32px + (63 - 32) * (100vw / 1600)); } .seo_services h3 { font-size: calc(24px + (32 - 24) * (100vw / 1600)); } .seo_services .single_service h4 { font-size: calc(18px + (26 - 18) * (100vw / 1600)); } .seo_services.local > p { max-width: 100%; padding: 0px 6.8vw; } } @media (max-width: 1199px) { .seo_services { padding: 60px 0; } .seo_services.local { padding-bottom: 60px; } .seo_services .single_service_left { margin-right: 15px; } .seo_services .single_service_right { margin-left: 15px; } .seo_services .h2_style, .seo_services.local .h2_style, .seo_services h3, .seo_services.local h3, .seo_services.about_page .h2_style { margin-bottom: 30px; padding: 0 15px; } .seo_services > p { padding: 0 6.8vw; margin-bottom: 50px; } .seo_services .img_box { width: 70px; height: 70px; } } @media (max-width: 767px) { .seo_services_wrapper.main_wrapper { display: flex; flex-wrap: wrap; } .seo_services > p { margin-bottom: 30px; } .seo_services .single_service h4 { margin-bottom: 20px; } .seo_services .img_box { width: 55px; height: 55px; } .seo_services .single_service_left { margin-right: 0; } .seo_services .single_service_right { margin-left: 0; margin-top: 30px; } } section.pricing_plan_format_2 { padding: 90px 0; background-color: #f4f7fd; } section.pricing_plan_format_2 .container { padding: 0px 6.8vw; } section.pricing_plan_format_2 .pricing_plan-title .h2_style { text-align: center; font-size: calc(32px + (60 - 32) * (100vw / 1920)); margin: 0 0 50px; } section.pricing_plan_format_2 .pricing_plan_wrapper:not(:first-child) { margin-top: 40px; } section.pricing_plan_format_2 .pricing_plan_wrapper { padding-left: 24px; padding-right: 24px; } section.pricing_plan_format_2 .pricing_plan_wrapper .row { display: flex; flex-wrap: wrap; margin-left: -16px; margin-right: -16px; } section.pricing_plan_format_2 .pricing_plan_wrapper .plans { margin-bottom: 60px; } section.pricing_plan_format_2 .row > div { margin-bottom: 68px; padding-left: 50px; padding-right: 16px; } section.pricing_plan_format_2 .plan-wrapper { display: flex; flex-direction: row; width: 33.33%; } section.pricing_plan_format_2 .plan-wrapper .plan { display: flex; flex-direction: column; width: 100%; } section.pricing_plan_format_2 .plan-card:hover, section.pricing_plan_format_2 .plan-card.active { -webkit-box-shadow: 0 3px 20px rgba(204, 228, 255, 0.501961); -moz-box-shadow: 0 3px 20px rgba(204, 228, 255, 0.501961); box-shadow: 0 3px 20px rgba(204, 228, 255, 0.501961); } section.pricing_plan_format_2 .row .plan-card { display: flex; flex-direction: column; margin-bottom: 0; min-height: 100%; margin-top: 0; margin: 44px 0 68px; position: relative; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: "Inter", sans-serif; } section.pricing_plan_format_2 .plan-card .card-icon { z-index: 2; width: 88px; height: 88px; line-height: 86px; position: absolute; text-align: center; top: -44px; left: 50%; margin-left: -44px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 3px 15px rgba(204, 228, 255, 0.505882); -moz-box-shadow: 0 3px 15px rgba(204, 228, 255, 0.505882); box-shadow: 0 3px 15px rgba(204, 228, 255, 0.505882); } section.pricing_plan_format_2 .plan-card .card-head { min-height: 260px; padding: 66px 13% 35px; text-align: center; background-color: #f0f6fe; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } section.pricing_plan_format_2 .plan-card .card-title { white-space: break-spaces !important; font-family: inherit; font-weight: 900; font-size: 22px; line-height: 28px; text-transform: uppercase; color: #374046; margin: 0 0 30px; } section.pricing_plan_format_2 .plan-card .card-price { font-family: inherit; margin: 0 0 30px; font-weight: 400; font-size: 21px; line-height: 31px; color: #374046; white-space: nowrap; } section.pricing_plan_format_2 .plan-card .card-price span.price { font-weight: 900; font-size: 50px; color: #0e76bc; line-height: 60px; } section.pricing_plan_format_2 .plan-card .card-price span { white-space: break-spaces !important; } section.pricing_plan_format_2 .plan-card .card-price span.cycle { font-family: inherit; margin: 0 0 30px; font-weight: 400; font-size: 21px; line-height: 31px; color: #374046; white-space: nowrap; } section.pricing_plan_format_2 .plan-card .card-body { padding: 40px 30px 27px; } section.pricing_plan_format_2 .plan-card .card-list { list-style: none; margin: 0; padding: 0; width: auto; overflow: hidden; } section.pricing_plan_format_2 .plan-card .card-list li { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; min-height: 36px; margin-bottom: 23px; padding: 0; font-family: inherit; font-weight: 400; font-size: 21px; line-height: 28px; color: #374046; } section.pricing_plan_format_2 .plan-card .card-list li .card-list-icon { -ms-flex-item-align: start; align-self: flex-start; margin-right: 15px; margin-top: 3px; width: 32px; } section.pricing_plan_format_2 .plan-card .card-footer { padding: 50px 0; margin: 0 30px; border-top: 1px solid #ddd; } section.pricing_plan_format_2 .plan-card .card-action { text-align: center; position: absolute; bottom: 56px; left: 0; width: 100%; } section.pricing_plan_format_2 .plan-card .card-action .fx-btn { display: inline-block; font-weight: 600; line-height: 1.333em; font-size: 18px; color: var(--gray-07); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 15px; border-radius: 4px; font-family: var(--title_font); text-transform: none; outline: none; height: auto; margin: 0; } section.pricing_plan_format_2 .plan-card .card-action .fx-primary-btn { border-radius: 5px; background-image: linear-gradient(-86deg, #314f6b 0%, #0d75bb 28%, #15a0c5 53%, #1bbdcb 73%, #2fcb93 100%); padding: 12px 25px; color: #fff; font-weight: 700; border: none; } section.pricing_plan_format_2 .plan-card .card-action .fx-primary-btn:hover { box-shadow: #15a0c5 0px 25px 20px -20px; } section.pricing_plan_format_2 p { color: var(--text-color); font-size: 18px; line-height: 1.667em; letter-spacing: -0.005em; margin-top: 0; text-align: center; margin-bottom: 24px; } section.pricing_plan_format_2 .pricing_plan-link { font-size: 18px; font-size: 16px; font-size: 18px !important; color: #207de9; font-weight: 500; font-family: "Inter", sans-serif; text-transform: uppercase; } section.pricing_plan_format_2 .pricing_plan-link:hover { text-decoration-color: #829dce; } @media (max-width: 1300px) { section.pricing_plan_format_2 .row > div { margin-bottom: 68px; padding-left: 30px; padding-right: 16px; } } @media (max-width: 1100px) { section.pricing_plan_format_2 .container { padding: 0px 3.8vw; } } @media (max-width: 1020px) { section.pricing_plan_format_2 .pricing_plan_wrapper { padding-left: 0; padding-right: 0; } section.pricing_plan_format_2 .plan-wrapper { width: 50%; margin-top: 40px; } } @media (max-width: 767px) { section.pricing_plan_format_2 { padding: 60px 0 40px; } section.pricing_plan_format_2 .row > div { margin-bottom: 68px; padding: 0 20px; } section.pricing_plan_format_2 .pricing_plan_wrapper .plans { margin-bottom: 30px; } section.pricing_plan_format_2 .plan-wrapper { width: 100%; margin-top: 40px; } section.pricing_plan_format_2 .plan-card .card-head { padding-bottom: 60px; min-height: 0; } section.pricing_plan_format_2 .plan-card .card-title { font-size: 18px; margin-bottom: 5px; } section.pricing_plan_format_2 .plan-card .card-price { margin-bottom: 0; } section.pricing_plan_format_2 .plan-card .card-footer { padding: 20px 0; } } .simple_text_section { padding-top: 110px; padding-bottom: 110px; background-color: #fff; } .simple_text_section.Greyscale { filter: grayscale(1); } .simple_text_section .h2_style { letter-spacing: -1px; font-size: calc(32px + (60 - 32) * (100vw / 1920)); text-align: center; font-weight: 700 !important; font-family: var(--title_font) !important; color: var(--title_color) !important; line-height: 1.2; text-transform: capitalize !important; } .simple_text_section .h2_style { margin: 0 0 50px; text-transform: none; } .simple_text_section .h2_style span { color: #333; } .simple_text_section .h2_style + p { margin-bottom: 80px; } .simple_text_section p { margin: 0 0 30px; } .simple_text_section p:last-child { margin: 0; } .simple_text_section .columns { margin: 0; column-count: 2; column-gap: 7.3%; } .simple_text_section .columns h4 { font-size: calc(22px + (33 - 22) * (100vw / 1920)); margin: 0 0 35px; color: var(--text_color); } .simple_text_section .columns p { margin: 0 0 5px; text-align: justify; } .simple_text_section .columns ul { list-style-position: inside; list-style-type: disc; margin: 0 0 30px; padding: 0 0 0 10px; line-height: 1.6; } @media (max-width: 1199px) { .simple_text_section { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 767px) { .simple_text_section { padding-top: 50px !important; padding-bottom: 60px !important; } .simple_text_section .h2_style { margin-bottom: 30px; } .simple_text_section .columns { margin-top: 40px; column-count: 1; } .simple_text_section .columns h4 { margin-bottom: 15px; } .simple_text_section .single_column:not(:last-child) { margin-bottom: 30px; } .simple_text_section.small .h2_style { font-size: calc(38px + (66 - 38 + (66 - 38 * 0.7)) * ((100vw - 375px) / 1920)); } } .partners_slider { padding-top: 75px; overflow: hidden; } .partners_slider_wrapper { background-color: #f4f7fd; } .partners_slider .flex_wrap { display: flex; justify-content: space-between; } .partners_slider .info_slider { position: relative; width: 46%; align-self: center; } .partners_slider .info_slider img { width: auto; max-width: 22.4vw; margin-bottom: 6.1vh; } .partners_slider .info_slider p { margin: 0 0 6.1vh; } .partners_slider .info_slider .slick-dots { margin: 0; text-align: left; bottom: auto; top: 100%; } .partners_slider .info_slider .slick-dots button { cursor: pointer; } .partners_slider .img_slider { position: relative; width: calc(54% + 6.8vw - 70px); margin-right: -6.8vw; } .partners_slider .img_slider img { width: auto; max-width: 100%; margin: 0 auto; max-height: 110%; object-fit: contain; } .partners_slider .img_slider .slick-list { overflow: visible; } .partners_slider .img_slider .slick-slide { display: flex; justify-content: center; align-items: center; margin-top: -55px; } @media (max-width: 1600px) { .partners_slider .info_slider img { max-height: 80px; } .partners_slider .info_slider img, .partners_slider .info_slider p { margin: 0 0 5vh 0; } } @media (max-width: 1500px) { .partners_slider .info_slider p.slide_text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } } @media (max-width: 1300px) { .partners_slider .info_slider { padding: 20px 0; } } @media (max-width: 1199px) { .partners_slider_wrapper { padding: 60px 0; } .partners_slider .info_slider img { margin-bottom: 20px; width: 60%; } .partners_slider .info_slider p { margin-bottom: 30px; } } @media (max-width: 991px) { .partners_slider { padding-top: 0; } .partners_slider .flex_wrap { flex-wrap: wrap; justify-content: center; } .partners_slider .info_slider { width: 100%; margin-bottom: 30px; padding: 0; } .partners_slider .img_slider { width: 100vw; height: 300px; margin-left: -6.8vw; } .partners_slider .img_slider .overlap img { position: relative; top: 0; left: 0; transform: none; } .partners_slider .info_slider .slick-dots { position: relative; bottom: 0; } .partners_slider .img_slider .slick-slide { margin-top: 20px; } } @media (max-width: 767px) { .partners_slider_wrapper { padding: 40px 0; } .partners_slider .img_slider img { max-height: 120%; } } .simple_text_section { padding-top: 90px; padding-bottom: 90px; background-color: #fff; } tr td:first-child { padding: 3px 0px 0px 25px; } a.fint_out_btn.row1::before { border-radius: 4px; } td { background: #fff; color: #000; } th { background: #009; color: #f00; } .table-middle { background: #666; width: 100%; color: #000; } .simple_text_section h2 { margin: 0 0 50px; text-transform: none; text-align: center; } .table-title { text-align: center; background-color: #f4f7fd; color: #0e76bc; border: none; height: 50px; } .space { margin-bottom: 40px; margin-top: 25px; } .space a { color: var(--main_color); font-weight: 500; } .space a:hover { color: var(--hover_color); } .tablehead { font-size: 14px; font-weight: 100; text-transform: uppercase; } tr.maintable { background: #0e76bc !important; border: 0px !important; color: #fff; border-color: var(--main_grad); text-align: center; font-size: 20px; font-weight: bold; } tr.maintable td { background: transparent; border: 0px !important; color: #fff; border-color: var(--main_grad); } .maintable { background-image: var(--main_grad) !important; border: 0px !important; color: #fff; border-color: var(--main_grad); } .simple_text_section .columns { margin: 0; column-count: 2; column-gap: 7.3%; background: #0e76bc; color: white; } .table_margin { margin-top: 40px; } .paragraph_box { background: transparent; text-align: justify; } td { background: none; } a.fint_out_btn.row1 { padding: 8px; font-size: small; font-weight: 500; border-radius: 3px; text-transform: capitalize; border: 1px solid var(--main_grad); } a.fint_out_btn.row2 { padding: 8px; font-size: small; font-weight: 500; border-radius: 3px; text-transform: capitalize; border: 1px solid var(--main_grad); } a.fint_out_btn.row3 { padding: 8px; font-size: small; font-weight: 500; border-radius: 3px; text-transform: capitalize; border: 1px solid var(--main_grad); } a.fint_out_btn.row4 { padding: 8px; font-size: small; font-weight: 500; border-radius: 3px; text-transform: capitalize; border: 1px solid var(--main_grad); } a.fint_out_btn.row5 { padding: 8px; font-size: small; font-weight: 500; border-radius: 3px; text-transform: capitalize; border: 1px solid var(--main_grad); margin-left: -27px; } a.fint_out_btn.tb1 { padding: 4px; font-weight: 400; font-size: 12px; text-transform: capitalize; border-radius: 5px !important; border: 1px solid var(--main_grad) !important; } a.fint_out_btn.tb1::before { border-radius: 3px; } a.fint_out_btn.tb1::after { border-radius: 3px; } section.seo-packages-table { background-color: none !important; padding-top: 90px; padding-bottom: 90px; } section.seo-packages-table h2 { margin-top: 0 !important; } section.seo-packages-table #h2_style { font-size: calc(32px + (60 - 32) * (100vw / 1920)) !important; text-align: center !important; } table.first { background-color: #fff; border-spacing: 0px; } table.first td { border-bottom: 1px solid #f4f7fd; height: 40px; -webkit-transform: scale(1); } table.first tr td:first-child { display: flex; justify-content: space-between; width: 100%; padding: 8px 70px 8px 25px; } table.first tr:first-child td { display: table-cell; } table.blue { border-spacing: 0px; } h2 { text-align: center; padding-top: 1px; } section.seo-packages-table { background-color: #f4f7fd; } table.lastt tr td:first-child { padding: 0px; } table.lastt { margin-bottom: 65px; } @media (max-width: 1199px) { section.seo-packages-table { padding-bottom: 0; } section.seo-packages-table .partners_logos { padding-top: 0; padding-bottom: 0; } } @media (max-width: 1020px) { section.seo-packages-table .partners_logos { overflow-x: scroll; } section.seo-packages-table .partners_logos table { width: 300% !important; } } @media (min-width: 760px) { .lineTable table:nth-child(2) td:last-child { padding-left: 5.5% !important; } .lineTable .ten td:last-child { padding-left: 2% !important; } } .wysiwyg { padding-top: 96px; padding-bottom: 96px; } .wysiwyg .container, .container-fluid { max-width: 1140px; margin-right: auto; margin-left: auto; } .wysiwyg .row { display: flex; } .wysiwyg .row .col-md-7 { width: 58.33333333%; } .wysiwyg .row .col-md-7 h4 { font-size: 42px; line-height: 1.333em; letter-spacing: -0.042em; margin-bottom: 24px; text-align: left; } .wysiwyg .row .col-md-7 h5 { font-size: 22px; line-height: 1.455em; letter-spacing: -0.018em; margin-bottom: 16px; } .wysiwyg .row .col-md-7 p { font-size: 21px; } .wysiwyg .row .col-md-7 .wysiwyg__content p { font-size: 21px; } .wysiwyg .row .col-md-7 .wysiwyg__content .page-content ul, .wysiwyg .row .col-md-7 .wysiwyg__content .page-content ol { width: auto; overflow: hidden; margin-top: 0; margin-bottom: 32px; padding-left: 0; } article.single-post .single-post-content .wysiwyg__content ul li:not(.fx-cta ul li), article.single-post .single-post-content .wysiwyg__content ol li:not(.fx-cta ol li), .blue-shading li { background: #eff3f9; background: linear-gradient(90deg, rgba(239, 243, 249, 1) 11%, rgba(255, 255, 255, 1) 30%); list-style-position: inside; color: var(--gray-05); font-family: var(--font-inter); font-size: 18px; line-height: 1.5em; padding: 11px 12px; } .wysiwyg .row .col-md-4 { width: 33.33333333%; position: relative; overflow: visible; box-sizing: border-box; min-height: 1px; margin-left: 60px; } .wysiwyg .row .col-md-4 .wysiwyg-widget .widget_collapse { font-family: "Inter", sans-serif; border: 1px solid #ebedef; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; overflow: hidden; margin-bottom: 40px; } .wysiwyg-widget .widget_collapse-head { cursor: pointer; position: relative; background-color: #ebedef; padding: 24px 60px 24px 35px; } .wysiwyg-widget .widget_collapse-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; color: #374046; margin: 0; font-family: 'Montserrat'; } .wysiwyg-widget .widget_collapse-body { padding: 20px 35px; overflow: hidden; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .wysiwyg-widget .list-link { overflow: initial !important; margin-bottom: 0; margin-top: 0; font-family: inherit; list-style: disc; /* margin-left: 16px;*/ padding-left: 0%; } .wysiwyg-widget .list-link li { margin-bottom: 12px; color: #ced4da; padding: 0px !important; /* list-style: disc;*/ } .wysiwyg-widget .list-link a { font-weight: 400; font-weight: 400; color: #207de9; text-decoration: none; font-size: 14px !important; line-height: 20px; letter-spacing: -0.28px; transition: all 1.2s ease; font-family: 'Montserrat'; } .wysiwyg .row .sticky-sidebar .for-sticky { position: -webkit-sticky; position: sticky; top: 15%; } .sticky-sidebar h4 { margin-top: 40px; margin-bottom: 20px; margin-bottom: 16px; font-size: 24px; line-height: 1.333em; letter-spacing: -0.018em; font-weight: 600; } .sidebar-container li, .additional > p, .additional > p a { margin-left: 0; font-size: 18px !important; line-height: 30px !important; line-height: 1.125em; margin-bottom: 0; list-style-type: none; text-transform: capitalize; color: #222; } .sidebar-container .additional > p a { text-decoration: underline; text-decoration-color: #d2dcee; text-underline-position: under; cursor: pointer; } .sidebar-container .additional > p:hover a { text-decoration-color: #4c74b9; } @media (max-width: 1199px) { .wysiwyg .container, .container-fluid { padding: 0 4vw; } } @media (max-width: 1020px) { .wysiwyg-widget .widget_collapse-body { padding: 20px 35px 20px 0; } } @media (max-width: 767px) { .wysiwyg { padding-top: 30px; padding-bottom: 60px; } .wysiwyg .row { display: flex; flex-wrap: wrap; } .wysiwyg .row .col-md-7, .wysiwyg .row .col-md-4 { width: 100%; margin-left: 0; } .wysiwyg .row .col-md-4 { margin-top: 40px; } .wysiwyg .row .col-md-7 .wysiwyg__content p img { height: auto; } } .seo_services_pricing .container { max-width: 1366px; margin-right: auto; margin-left: auto; padding-bottom: 90px; } .seo_services_pricing .container .column-textbox__list { display: flex; width: 100%; } .seo_services_pricing .container .column-textbox__list .card { flex: 1; background: #f2f6fc; padding: 40px; border-radius: 4px; margin-right: 50px; } .seo_services_pricing .container .column-textbox__list .card:last-child { margin-right: 0; } .column-textbox-icons-buttons .column-textbox__list .card__title { color: #374046; font-size: 24px; font-weight: 600; line-height: 1.333em; letter-spacing: -0.018em; } .column-textbox-icons-buttons .column-textbox__list .card__description { color: #222; font-size: 18px; line-height: 1.667em; letter-spacing: -0.005em; margin-top: 0; margin-bottom: 24px; } .column-textbox-icons-buttons .column-textbox__list .card__description a { margin-left: 0; font-size: 18px !important; line-height: 30px !important; line-height: 1.125em; margin-bottom: 0; list-style-type: none; text-transform: capitalize; color: #222; text-decoration: underline; text-decoration-color: #d2dcee; text-underline-position: under; cursor: pointer; } .column-textbox-icons-buttons .column-textbox__list .card__description p:hover a { text-decoration-color: #4c74b9; } @media (max-width: 1400px) { .seo_services_pricing .container { max-width: 1140px; } } @media (max-width: 1100px) { .seo_services_pricing .container { max-width: 980px; padding: 0 4vw; } } @media (max-width: 767px) { .seo_services_pricing .container .column-textbox__list { flex-wrap: wrap; } .seo_services_pricing .container .column-textbox__list .card { width: 100% !important; margin-right: 0; margin-bottom: 30px; flex: none; } } .seo_campaing { padding: 11.1vh 0; text-align: center; } .seo_campaing.gradient { background-image: var(--main_grad); } .seo_campaing .h2_style { margin: 0 auto 80px; letter-spacing: -1px; font-size: calc(32px + (63 - 32) * (100vw / 1600)); font-weight: 700; font-family: var(--title_font); line-height: 1.2; color: var(--title_color); text-transform: capitalize; } .seo_campaing .h2_style span { color: #333; } .seo_campaing.gradient .h2_style { color: #fff; } .seo_campaing.gradient .fint_out_btn { -webkit-text-fill-color: inherit; color: #fff; background: none; border: 2px solid #fff; } .seo_campaing.gradient .fint_out_btn:hover { box-shadow: 0 0 20px #fff; } .seo_campaing.gradient .fint_out_btn::before, .seo_campaing.gradient .fint_out_btn::before { display: none; } @media (max-width: 1199px) { .seo_campaing { padding: 60px 0; } .seo_campaing .h2_style { margin-bottom: 40px; } } .faq_section { padding: 100px 0; background: #f4f7fd; } .faq_section .h2_style { position: relative; text-align: center; margin: 0 0 100px; color: var(--text_color); letter-spacing: -1px; font-size: calc(32px + (63 - 32) * (100vw / 1600)); font-weight: 700; font-family: var(--title_font); line-height: 1.2; text-transform: capitalize; } .faq_section .faq_box:not(:last-child) { margin-bottom: 70px; } .faq_section .faq_box h3 { position: relative; padding: 5px 80px 5px 0; font-size: calc(18px + (33 - 18) * (100vw / 1920)); font-weight: 400; color: var(--text_color); margin: 0; line-height: 1.3; cursor: pointer; } .faq_section .faq_box h3 .plus_icon { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); width: 30px; height: 30px; } .faq_section .faq_box h3 .plus_icon:before { position: absolute; content: " "; left: 50%; height: 100%; width: 6px; background: var(--main_grad); top: 50%; transform: translate(-50%, -50%) rotate(0deg); transition: all 0.5s; } .faq_section .faq_box h3 .plus_icon:after { position: absolute; content: " "; right: 0; width: 100%; height: 6px; background: var(--main_grad); top: 50%; transform: translateY(-50%) rotate(0deg); transition: all 0.5s; } .faq_section .faq_box h3.active .plus_icon:before { transform: translate(-50%, -50%) rotate(90deg); } .faq_section .faq_box h3.active .plus_icon:after { transform: translateY(-50%) rotate(180deg); } .faq_section .faq_box .text_wrap { display: none; padding-top: 40px; font-size: calc(16px + (25 - 16) * (100vw / 1920)); font-weight: 300; } .faq_section .faq_box .text_wrap p:first-child { margin-top: 0; } .faq_section .faq_box .text_wrap p:last-child { margin-bottom: 0; } @media (max-width: 991px) { .faq_section .h2_style { margin-bottom: 50px; } .faq_section .faq_box:not(:last-child) { margin-bottom: 40px; } .faq_section .faq_box .text_wrap { padding-top: 10px; } } @media (max-width: 600px) { .faq_section { padding: 60px 0; } .faq_section .h2_style { margin-bottom: 30px; } .faq_section .faq_box:not(:last-child) { margin-bottom: 25px; } .faq_section .faq_box h3 { padding-right: 27px; } .faq_section .faq_box h3 .plus_icon { right: 0; width: 23px; height: 23px; } .faq_section .faq_box h3 .plus_icon:before { width: 4px; } .faq_section .faq_box h3 .plus_icon:after { height: 4px; } } .wysiwyg .author_bio { margin-bottom: 30px; transition: all 0.5s ease; display: inline-block; } .wysiwyg .author_bio img { width: 40px; height: 40px; border-radius: 50%; } .wysiwyg .author_bio .top { display: inline-block; } .wysiwyg .author_bio .top #by { display: inline-block; margin-left: 10px; cursor: pointer; color: #0e76bc; } .wysiwyg .author_bio .top .icon { display: inline-block; margin-left: 10px; font-size: 18px; } .wysiwyg .author_bio .top .icon .fa-circle-xmark { display: none; } .wysiwyg .author_bio .bio { margin-top: 20px; display: none; } .wysiwyg .date { margin-left: 40px; display: inline-block; color: #0e76bc; } .wysiwyg .date .icon { font-size: 18px; } .wysiwyg .date .dt { margin-left: 10px; } .wysiwyg .row .col-md-7 .wysiwyg__content p:first-child { margin-top: 0 !important; } .wysiwyg .read_time { margin-left: 40px; display: inline-block; color: #0e76bc; } .wysiwyg .read_time .icon { font-size: 18px; } .wysiwyg .read_time .read { margin-left: 10px; } @media (min-width: 1200px) { .home_banner .post-title { font-size: 56px; } .wysiwyg .widget_collapse-head h2 { font-size: 56px; } } @media (max-width: 767px) { .wysiwyg .read_time { margin-left: 0; margin-top: 10px; display: flex; align-items: center; } } .wysiwyg .row .col-md-7 .wysiwyg__content li { font-size: 21px; } .wysiwyg .row .col-md-7 h4 { font-size: 32px; } .single .wysiwyg .row .col-md-7 h2 { font-size: 36px; } .gform_footer { width: calc(36% - 7px); position: relative; } .gform_footer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--main_grad); border-radius: 50px; filter: blur(18px); opacity: 0; transition: opacity 0.4s; } .gform_footer:hover .wpcf7-spinner::before { display: none; } .gform_footer:hover { margin-bottom: 27px; } .gform_footer:hover:before { opacity: 1; } .gform_footer .wpcf7-spinner { display: inline; } .form_line.half label { width: calc(48% - 7px); margin-bottom: 10px; float: left; margin-right: 20px; } .form_line.half label:nth-child(2) { float: right; margin-right: 0px; } @media (max-width: 767px) { .form_line.half label { width: 100%; margin-bottom: 10px; float: none; margin-right: 20px; } .gform_footer { width: 100%; position: relative; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 !important; } .slick-slide, .slick-slide * { outline: none !important; } .slick-current { position: relative; z-index: 2; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; position: relative; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; max-width: none; width: 100%; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slide { margin: 0px; } .slick-prev, .slick-next { width: 64px; height: 130px; display: block; border: none !important; background: none; position: absolute; top: calc(50% - 20px); z-index: 10; } .slick-arrow img { opacity: 0.45; transition: all 0.4s; } .slick-arrow:hover img { opacity: 1; } .slick-next { right: 10px; } .slick-prev { left: 10px; } .slick-list, .slick-track, .slick-slide { height: 100%; } .slick-dots { padding: 0; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; } .slick-dots li { display: inline-block; width: 11px !important; height: 11px !important; border-radius: 100%; overflow: hidden; background: #333; opacity: 0.5; } .slick-dots li:hover, .slick-dots li.slick-active { opacity: 1; } .slick-dots li button { height: 100%; width: 100%; display: block !important; -moz-appearance: none; -webkit-appearance: none; padding: 0 !important; box-shadow: none; border-radius: 0; background: none; border: none !important; cursor: pointer; } .slick-dots li:not(:last-child) { margin-right: 10px; } footer { background-color: #363636; color: #ccc; font-size: calc(14px + (16 - 14) * (100vw / 1920)); position: relative; } footer .flex_wrap { position: relative; display: flex; justify-content: space-between; align-items: flex-start; padding-top: 70px; padding-bottom: 85px; } footer .flex_wrap::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: var(--main_grad); } footer h4 { text-transform: uppercase; color: #fff; font-size: 22px; margin: 0 0 20px; } footer p { margin: 0; line-height: 1.7; } footer .form_line p { width: calc(100% - 13px); } footer a { color: #ccc; } footer a:hover { color: #fff; } footer .footer_logo { display: block; margin-bottom: 30px; width: 13vw; min-width: 200px; } #footer-call { margin-bottom: 30px; font-size: 19px; color: #ccc; } #footer-call .call-text, #footer-email .email-text { font-weight: 700; color: #fff; font-size: 24px; } #footer-email { font-size: 19px; color: #ccc; } #to-top { position: fixed; right: 0; bottom: 25%; } footer .footer_about { margin-bottom: 85px; } footer p.mt { margin-top: 20px; color: #ccc; } footer .footer_links li:not(:last-child) { margin-bottom: 10px; } footer .footer_subscr { width: 38%; } footer .footer_subscr .form_line { display: flex; justify-content: space-between; margin-bottom: 20px; } footer .form_line label.full_width { width: 100%; } footer .footer_subscr .form_line label select, footer .footer_subscr .form_line label input:not([type="checkbox"]):not([type="radio"]) { display: block; height: 100%; height: 45px; width: 100%; border-radius: 6px; font-size: 18px; padding-left: 15px !important; font-family: inherit; color: #fff; background: #000; } footer .footer_subscr textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; width: 100% !important; max-width: 100% !important; background: #000; border-radius: 6px; padding-left: 15px !important; color: #fff; font-size: 18px; font-family: inherit; font-family: inherit; padding-top: 10px; } footer .footer_subscr input::-moz-placeholder, footer .footer_subscr textarea::-moz-placeholder { color: #fff; opacity: 1 !important; } footer .footer_subscr input::-webkit-input-placeholder, footer .footer_subscr textarea::-webkit-input-placeholder { color: #fff; } footer .footer_subscr input[type="submit"] { position: relative; display: inline-block; padding: 11px 45px; color: #fff; font-size: calc(14px + (20 - 14) * (100vw / 1920)); font-weight: 700; background-image: var(--main_grad); text-transform: uppercase; border-radius: 7px; text-align: center; transition: 0.4s; cursor: pointer; } footer .footer_socials { display: flex; justify-content: space-between; align-items: center; padding-top: 50px; padding-bottom: 50px; } footer .footer_socials > * { width: 33.33334%; } footer .socials { display: flex; justify-content: center; margin: 0; padding: 0; } footer .socials li:not(:last-child) { margin-right: 30px; } footer .socials a { position: relative; display: inline-block; border-radius: 50%; width: 48px; height: 48px; } footer .socials a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--main_grad); border-radius: 50px; filter: blur(10px); opacity: 0; transition: opacity 0.4s; } footer .socials a:hover::before { opacity: 1; } footer .socials img { position: relative; width: 100%; height: 100%; display: block; object-fit: contain; } footer .copy { text-align: right; } footer .copy p { margin: 20px 0 0; } footer .copy img { margin-right: 5px; } .modal_open { margin: auto; overflow-x: auto; position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; display: none; z-index: 999999999; transition: left 0.4s; transition-delay: 0.1s; justify-content: center; align-items: center; } .modal_open.active { display: flex; left: 0; } .modal_open .overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); } .modal_open .box { width: 1140px; max-width: 90%; margin: 0 auto; height: calc(100% - 200px); overflow: auto; padding: 50px; position: relative; z-index: 2; } .modal_open .close_modal { color: white; font-size: 28px; font-weight: bold; border: 1px solid; border-radius: 50%; width: 66px; height: 66px; outline: none; position: absolute; right: 50px; top: 50px; cursor: pointer; transition: 0.3s; z-index: 3; display: flex; justify-content: center; align-items: center; } .modal_open .close_modal:hover { background: var(--title_color); border-color: var(--title_color); } @media (max-width: 1199px) { footer .flex_wrap { flex-wrap: wrap; } footer .info_box { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 40px; } footer .footer_logo { width: 100%; text-align: center; margin-bottom: 40px; } footer .footer_about, footer .footer_contact, footer .footer_links, footer .footer_subscr { width: 50%; margin-bottom: 0; } footer .footer_socials { padding-top: 20px; padding-bottom: 20px; } footer .socials li:not(:last-child) { margin-right: 20px; } #footer-call .call-text, #footer-email .email-text { font-weight: 700; color: #fff; font-size: 26px; } } @media (max-width: 1024px) { .modal_open .box { height: calc(100% - 100px); } .modal_open .close_modal { top: -10px; right: -10px; } footer .form_line p { width: 100%; } div#foot-call-email { width: 50%; } } @media (max-width: 767px) { footer .flex_wrap { padding-top: 40px; padding-bottom: 48px; } div#foot-call-email { width: 100%; margin: auto; display: block; text-align: center; } .footer_contact { width: 100%; margin: auto; display: block; text-align: center; } footer .footer_links, footer .footer_subscr { width: 100%; text-align: center; } footer .footer_links { margin-bottom: 40px; } footer .gform_wrapper .top_label div.ginput_container { margin-top: 0 !important; } footer .footer_subscr .gform_fields select { background-position: calc(100% - 10px) center; } footer .footer_socials { display: block; } footer .footer_socials > * { width: 100%; } footer .socials { justify-content: center; } footer .socials a { width: 45px; height: 45px; } footer .copy { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } footer .copy p { margin: 0; } footer .gform_wrapper .ginput_container span:not(.ginput_price) { margin-bottom: 0; } footer .footer_subscr input[type="submit"] { width: 100%; } #footer-call { margin-bottom: 20px; } #footer-call .call-text, #footer-email .email-text { font-weight: 700; color: #fff; font-size: 20px; } #to-top { max-width: 50px; bottom: 20%; right: 0; } } @media (max-width: 450px) { footer .form_line { display: block; } footer .form_line label { width: 100%; } } .wysiwyg .row .col-md-7 .wysiwyg__content li { font-size: 21px; line-height: 32px; } .wysiwyg .row .col-md-7 .wysiwyg__content ul, .wysiwyg .row .col-md-7 .wysiwyg__content ol { list-style-position: outside; } .wysiwyg-widget .list-link { margin-left: 0px; } .seo_questions ol, .seo_questions ul, .seo_questions .container .content ul li, .cost_of_business_web ol, .cost_of_business_web ul, .cost_of_business_web .container .content ul li, .cost_by_business_size ul, .cost_by_business_size ol, .cost_by_business_size ul li, .cost_by_business_size ol li, .professional_seo .container .content ul li, .professional_seo ul, .professional_seo ol, .professional_seo ul li, .professional_seo ol li { font-size: 20px; list-style-position: outside; line-height: 32px; } .seo_questions .container .content ul li, .cost_of_business_web .container .content ul li, .cost_by_business_size .container .content ul li, .professional_seo .container .content ul li { padding: 0 0 0px; } #free-quote { padding: 0 15px; } #free-quote .box { background: var(--main_grad); max-width: 1350px; width: 100%; padding: 60px; display: flex; align-items: flex-start; height: 90vh; max-height: 850px; } #free-quote .form_img { width: calc(50% - 60px); display: block; margin-right: 60px; align-self: center; } #free-quote .close_modal { top: 5px; right: 15px; width: auto; height: auto; border: 0; border-radius: 0; background: none !important; } #free-quote .pop_content { position: relative; z-index: 2; width: 50%; flex-shrink: 0; } #free-quote h3 { text-align: center; color: #fff; font-size: 61px; margin: 0 0 20px; } #free-quote .gform_wrapper { margin: 0 !important; } #free-quote .gform_wrapper .gform_body { width: 100% !important; } #free-quote .gform_wrapper .gform_body li { padding: 0 !important; max-width: 100% !important; margin-top: 20px; width: calc(50% - 13px); } #free-quote .gform_wrapper .gform_body li#field_3_13 { width: 100%; } #free-quote .gform_wrapper .gform_body li:first-child, #free-quote .gform_wrapper .gform_body li:nth-child(2) { margin-top: 0 !important; } #free-quote .gform_wrapper .gform_body li div { margin-top: 0 !important; } #free-quote .gform_wrapper .gform_body li div > span { margin-bottom: 0 !important; } #free-quote .gform_wrapper .gform_body label { display: none !important; } #free-quote .gform_wrapper .gform_body li input[type="text"], #free-quote .gform_wrapper .gform_body li select, #free-quote .gform_wrapper .gform_body li textarea { width: 100% !important; max-width: 100% !important; height: 47px; background: #fff; border-radius: 6px; padding-left: 15px !important; color: #000; font-size: 18px; font-family: inherit; } #free-quote .gform_wrapper .gform_body li textarea { height: 210px; padding-top: 10px; } #free-quote .gform_wrapper input::-moz-placeholder, #free-quote .gform_wrapper textarea::-moz-placeholder { color: #ccc; opacity: 1 !important; } #free-quote .gform_wrapper input::-webkit-input-placeholder, #free-quote .gform_wrapper textarea::-webkit-input-placeholder { color: #ccc; } #free-quote .gform_wrapper .gform_footer { position: relative; margin: 40px 0 0 auto !important; padding: 0 !important; width: 305px; background: #fff; border-radius: 7px; } #free-quote .gform_wrapper .gform_footer:before { content: "Process My Request"; display: inline-block; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 5px; font-size: 20px; font-family: inherit; font-weight: 700; background-image: var(--main_grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: center; } #free-quote .gform_wrapper .gform_footer input { width: 100% !important; margin: 0 !important; height: 70px; cursor: pointer; opacity: 0; } #free-quote .gform_wrapper .gform_body label .gfield_required { display: none !important; } #free-quote .gform_wrapper li.gfield.gfield_error:not(:first-child), #free-quote .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding: 0 !important; margin: 15px 0 !important; } #free-quote .gform_wrapper .gfield_description.validation_message { padding-top: 0 !important; } #free-quote .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; margin-bottom: 0 !important; } #free-quote .gform_confirmation_message { text-align: center; color: #fff; } #free-quote .gform_wrapper .gform_body ul { display: flex; justify-content: space-between; flex-wrap: wrap; flex-shrink: 0; } #free-quote .gform_page { width: 33.333%; padding: 0 25px; flex-shrink: 0; } #free-quote .gform_body .ginput_container_select { position: relative; } #free-quote .gform_body .ginput_container_select:after { position: absolute; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #ccc; top: 50%; right: 10px; transform: translateY(-50%); z-index: 11; pointer-events: none; } #free-quote .gform_body select { background: none; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #free-quote .gform_body select option { color: var(--text_color); } #free-quote .gform_page:last-child .gform_page_footer .button { height: 52px; background: #1e882d; color: #fff; cursor: pointer; } #free-quote .gform_page:last-child .gform_page_footer .button:hover { background: var(--title_color); } body #ui-datepicker-div.ui-widget[style] { z-index: 99999999999999 !important; } #free-quote .part { padding: 0 25px; width: 33.333%; } .popupform input.wpcf7-form-control.wpcf7-text, .popupform select.wpcf7-form-control.wpcf7-select { width: 100% !important; max-width: 100% !important; height: 47px; background: #fff; border-radius: 6px; padding-left: 15px !important; color: #000; font-size: 18px; font-family: inherit; } .popupform { display: flex; justify-content: space-between; flex-wrap: wrap; flex-shrink: 0; } .popupform p, .popupform p label { padding: 0 !important; max-width: 100% !important; margin-top: 20px; width: calc(50% - 13px); margin-bottom: 0px; } .popupform textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; width: 100% !important; max-width: 100% !important; height: 210px; background: #fff; border-radius: 6px; padding-left: 15px !important; color: #000; font-size: 18px; font-family: inherit; padding-top: 10px; } #free-quote .gform_footer { position: relative; margin: 40px 0 0 auto !important; padding: 0 !important; width: 305px; background: #fff; border-radius: 7px; } #free-quote .gform_footer input { width: 100% !important; margin: 0 !important; height: 40px; cursor: pointer; opacity: 0; } #free-quote .gform_footer:before { content: "Process My Request"; display: inline-block; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 5px; font-size: 20px; font-family: inherit; font-weight: 700; background-image: var(--main_grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; text-align: center; } @media (max-width: 1600px) { #free-quote h3 { font-size: 50px; } } @media (max-width: 1199px) { #free-quote .form_img { position: absolute; width: 100%; width: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 70%; margin: 0; object-fit: contain; opacity: 0.7; } #free-quote .pop_content { width: 100%; } #free-quote h3 { font-size: 42px; } } @media (max-width: 991px) { #free-quote .box { padding: 60px 30px; } } @media (max-width: 767px) { #free-quote .box { padding: 40px 20px; } #free-quote h3 { font-size: 30px; margin-bottom: 0; } #free-quote .gform_wrapper .gform_body li { width: 100%; margin-top: 15px; } #free-quote .gform_wrapper .gform_footer { margin-top: 20px !important; } }

blog titile 1

Categories