.elementor-1676344 .elementor-element.elementor-element-0227fe3:not(.elementor-motion-effects-element-type-background), .elementor-1676344 .elementor-element.elementor-element-0227fe3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(260deg, #E3F2FD 36%, #FFFFFF 79%);}.elementor-1676344 .elementor-element.elementor-element-0227fe3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1676344 .elementor-element.elementor-element-0227fe3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1676344 .elementor-element.elementor-element-03899c0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1676344 .elementor-element.elementor-element-03899c0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1676344 .elementor-element.elementor-element-e583f93 a{color:#000000;}.elementor-1676344 .elementor-element.elementor-element-d8e2e78 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-d8e2e78{text-align:center;}.elementor-1676344 .elementor-element.elementor-element-d8e2e78 .elementor-heading-title{color:#1A237E;font-family:"Inter", Sans-serif;font-size:30px;-webkit-text-stroke-color:#000;stroke:#000;background-color:transparent;background-image:linear-gradient(100deg, #0D47A1 10%, #00C6FF 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.elementor-1676344 .elementor-element.elementor-element-19e8b44:not(.elementor-motion-effects-element-type-background), .elementor-1676344 .elementor-element.elementor-element-19e8b44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0201010F;}.elementor-1676344 .elementor-element.elementor-element-19e8b44{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1676344 .elementor-element.elementor-element-19e8b44 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1676344 .elementor-element.elementor-element-a9deecd{width:var( --container-widget-width, 16.456% );max-width:16.456%;--container-widget-width:16.456%;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-a9deecd > .elementor-widget-container{margin:-56px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f{width:initial;max-width:initial;}.elementor-1676344 .elementor-element.elementor-element-3bada7f span.elementor-field-option label{padding-left:30px;}body.rtl .elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group > label, .elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-subgroup label{color:#111111;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field .elementor-field-textual option{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field .selectize-control .selectize-dropdown .selectize-dropdown-content{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field .selectize-control .selectize-input{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .elementor-field-textual{border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .elementor-field-textual .selectize-input{border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .pafe-signature canvas{border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-select-wrapper select{border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-select-wrapper .elementor-field-textual .selectize-input{border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-28d4673{width:initial;max-width:initial;}.elementor-1676344 .elementor-element.elementor-element-28d4673 span.elementor-field-option label{padding-left:30px;}body.rtl .elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group > label, .elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-subgroup label{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field .elementor-field-textual option{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field .selectize-control .selectize-dropdown .selectize-dropdown-content{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field .selectize-control .selectize-input{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){max-width:145px!important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field .elementor-field-textual{max-width:145px!important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field.pafe-select-drop-down{max-width:145px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field select.elementor-field-textual{max-width:unset !important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){padding:0px 0px 0px 50px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .elementor-field-textual .selectize-input{padding:0px 0px 0px 50px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field select{padding:0px 0px 0px 50px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .selectize-control .selectize-dropdown .selectize-dropdown-content{padding:0px 0px 0px 50px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .elementor-field-textual{border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .pafe-signature canvas{border-style:solid;border-width:2px 2px 2px 2px;border-color:#D1D5DB;border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-select-wrapper select{border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-select-wrapper .elementor-field-textual .selectize-input{border-radius:12px 12px 12px 12px;}.elementor-1676344 .elementor-element.elementor-element-e124c09{--spacer-size:10px;}.elementor-1676344 .elementor-element.elementor-element-5eae449{width:var( --container-widget-width, 47.43% );max-width:47.43%;--container-widget-width:47.43%;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-5eae449 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-5eae449 span.elementor-field-option label{padding-left:30px;}.elementor-1676344 .elementor-element.elementor-element-5eae449 .pafe-calculated-fields-form{color:#6F6C6C;font-family:"Roboto", Sans-serif;font-weight:500;}body.rtl .elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-labels-inline .elementor-field-group > label{padding-left:4px;}body:not(.rtl) .elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-labels-inline .elementor-field-group > label{padding-right:4px;}body .elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-labels-above .elementor-field-group > label{padding-bottom:4px;}.elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-field-group > label, .elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-field-subgroup label{color:#222222;}.elementor-1676344 .elementor-element.elementor-element-5eae449 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}.elementor-1676344 .elementor-element.elementor-element-bab9f22{--spacer-size:10px;}.elementor-1676344 .elementor-element.elementor-element-a1d959e{width:var( --container-widget-width, 103.625% );max-width:103.625%;--container-widget-width:103.625%;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-a1d959e a.elementor-button, .elementor-1676344 .elementor-element.elementor-element-a1d959e .elementor-button{font-family:"Inter", Sans-serif;background-color:#4CAF50;border-radius:25px 25px 25px 25px;}.elementor-1676344 .elementor-element.elementor-element-6563be7{width:var( --container-widget-width, 121.215% );max-width:121.215%;--container-widget-width:121.215%;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-6563be7 > .elementor-widget-container{margin:-9px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-e10babd{--spacer-size:10px;}.elementor-1676344 .elementor-element.elementor-element-b57a2f8{--spacer-size:10px;}.elementor-1676344 .elementor-element.elementor-element-9c774c4{width:var( --container-widget-width, 99.658% );max-width:99.658%;--container-widget-width:99.658%;--container-widget-flex-grow:0;text-align:center;}.elementor-1676344 .elementor-element.elementor-element-9c774c4 .elementor-heading-title{color:#1976D2;font-size:24px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-1676344 .elementor-element.elementor-element-aa35ec6{--spacer-size:18px;}.elementor-1676344 .elementor-element.elementor-element-13f0b7c .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-1676344 .elementor-element.elementor-element-13f0b7c .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-1676344 .elementor-element.elementor-element-98e6bbd{--spacer-size:20px;}.elementor-1676344 .elementor-element.elementor-element-e458a6d{width:var( --container-widget-width, 99.818% );max-width:99.818%;--container-widget-width:99.818%;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-3c7715b{--spacer-size:50px;}.elementor-1676344 .elementor-element.elementor-element-e5d6287{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-1676344 .elementor-element.elementor-element-074bf64 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-074bf64{text-align:center;}.elementor-1676344 .elementor-element.elementor-element-074bf64 .elementor-heading-title{color:#1A237E;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;background-color:transparent;background-image:linear-gradient(100deg, #0D47A1 10%, #00C6FF 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.elementor-1676344 .elementor-element.elementor-element-de1398a .ha-posts-carousel__content-text{flex-direction:column;}.elementor-1676344 .elementor-element.elementor-element-de1398a .ha-posts-carousel__meta-author-name{flex-direction:column;}.elementor-1676344 .elementor-element.elementor-element-f3206a8{text-align:center;}.elementor-1676344 .elementor-element.elementor-element-f3206a8 .elementor-heading-title{color:#1976D2;font-size:24px;-webkit-text-stroke-color:#000;stroke:#000;}@media(max-width:1024px){.elementor-1676344 .elementor-element.elementor-element-f3206a8 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-1676344 .elementor-element.elementor-element-d8e2e78 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-d8e2e78 .elementor-heading-title{font-size:23px;}.elementor-1676344 .elementor-element.elementor-element-19e8b44 > .elementor-container{max-width:1600px;}.elementor-1676344 .elementor-element.elementor-element-a9deecd{width:var( --container-widget-width, 72.969px );max-width:72.969px;--container-widget-width:72.969px;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-3bada7f{width:var( --container-widget-width, 268px );max-width:268px;--container-widget-width:268px;--container-widget-flex-grow:0;align-self:center;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){max-width:1500px!important;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field .elementor-field-textual{max-width:1500px!important;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field.pafe-select-drop-down{max-width:1500px;}.elementor-1676344 .elementor-element.elementor-element-3bada7f .elementor-field-group .elementor-field select.elementor-field-textual{max-width:unset !important;}.elementor-1676344 .elementor-element.elementor-element-28d4673{width:var( --container-widget-width, 237.891px );max-width:237.891px;--container-widget-width:237.891px;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){max-width:174px!important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field .elementor-field-textual{max-width:174px!important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field.pafe-select-drop-down{max-width:174px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group .elementor-field select.elementor-field-textual{max-width:unset !important;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){padding:0px 0px 0px 62px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .elementor-field-textual .selectize-input{padding:0px 0px 0px 62px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field select{padding:0px 0px 0px 62px;}.elementor-1676344 .elementor-element.elementor-element-28d4673 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field .selectize-control .selectize-dropdown .selectize-dropdown-content{padding:0px 0px 0px 62px;}.elementor-1676344 .elementor-element.elementor-element-5eae449{width:var( --container-widget-width, 172.438px );max-width:172.438px;--container-widget-width:172.438px;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-bab9f22{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-e10babd{width:var( --container-widget-width, 237px );max-width:237px;--container-widget-width:237px;--container-widget-flex-grow:0;}.elementor-1676344 .elementor-element.elementor-element-13f0b7c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-13f0b7c .elementor-nav-menu .elementor-item{font-size:17px;}.elementor-1676344 .elementor-element.elementor-element-074bf64 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1676344 .elementor-element.elementor-element-074bf64 .elementor-heading-title{font-size:23px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-e583f93 */.elementor-element-76e4d3d { background: #FFFFFF; padding: 14px 24px; border-radius: 16px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); font-size: 18px; font-weight: 600; text-align: left; max-width: 960px; margin: 25px auto; font-family: 'Manrope', sans-serif; display: flex; align-items: center; } .elementor-element-76e4d3d nav { display: flex; align-items: center; } .elementor-element-76e4d3d a { color: #1565C0; text-decoration: none; font-weight: 600; transition: color 0.3s ease-in-out; } .elementor-element-76e4d3d a:hover { color: #0D47A1; text-decoration: underline; } .elementor-element-76e4d3d .separator { color: #666; margin: 0 10px; } .elementor-element-76e4d3d .last { color: #0D47A1; font-weight: 700; } /* Адаптация для мобильных устройств */ @media (max-width: 768px) { .elementor-element-76e4d3d { padding: 35px; } .elementor-element-76e4d3d h2 { font-size: 28px; } .elementor-element-76e4d3d h3 { font-size: 24px; } .elementor-element-76e4d3d p, .elementor-element-76e4d3d li { font-size: 18px; } .elementor-element-76e4d3d { font-size: 16px; padding: 12px 18px; border-radius: 12px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6563be7 *//* Общий контейнер блока */ .custom-container { background: rgba(255, 255, 255, 0.85); border-radius: 12px; padding: 40px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); font-family: 'Roboto', sans-serif; max-width: 500px; margin: 0 auto; } /* Заголовок блока */ .custom-container .custom-heading { font-size: 20px; font-weight: 700; color: #333; text-align: center; margin-bottom: 20px; } /* Вертикальное меню */ .custom-container .vertical-menu a { display: block; padding: 8px 10px; text-decoration: none; color: #333; border-bottom: 1px solid #eaeaea; transition: background 0.3s ease; } .custom-container .vertical-menu a:last-child { border-bottom: none; } .custom-container .vertical-menu a:hover { background: rgba(0, 0, 0, 0.05); } .custom-container .vertical-menu a img { vertical-align: middle; margin-right: 8px; } /* Секция "Быстрая оплата" */ .custom-container .fast-payment { margin-top: 30px; text-align: center; } .custom-container .fast-payment .payment-header { font-size: 20px; font-weight: bold; margin-bottom: 15px; } .custom-container .fast-payment .payment-list { list-style: none; padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: center; } .custom-container .fast-payment .payment-list li { flex: 0 0 auto; } .custom-container .fast-payment .payment-list img { width: 40px; transition: transform 0.3s ease; } .custom-container .fast-payment .payment-list img:hover { transform: scale(1.1); } /* Секция "Акции и скидки" */ .custom-container .promo-offers { margin-top: 30px; text-align: center; } .custom-container .promo-offers .promo-header { font-size: 18px; font-weight: bold; margin-bottom: 15px; } .custom-container .promo-offers .promo-buttons { display: flex; flex-direction: column; gap: 10px; align-items: center; } .custom-container .promo-offers .promo-buttons button { padding: 10px 20px; border: none; border-radius: 16px; background: linear-gradient(45deg, #ff6347, #ffcc33); color: #fff; font-size: 16px; cursor: pointer; transition: transform 0.3s ease, background 0.3s ease; } .custom-container .promo-offers .promo-buttons button:hover { transform: translateY(-3px); background: linear-gradient(45deg, #ff7f50, #ffd700); } /* Адаптация для мобильных устройств */ @media (max-width: 768px) { .custom-container { padding: 20px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-19e8b44 *//* FOXYIT UNIVERSAL — CSS ONLY Add only "foxyit-calculator" to the outer Elementor section. */ .foxyit-calculator,.foxyit-calculator *{box-sizing:border-box} .foxyit-calculator{--o:#ff7600;--warm:#fff7ef;--g:#08b440;--ink:#121826;--muted:#667085;--line:#d5e3ee;width:100%!important;max-width:1180px!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:16px!important;overflow:hidden!important;border:1px solid #bdd8e9;border-radius:22px;background:#eaf7ff;color:var(--ink);font-family:Inter,Roboto,Arial,sans-serif;box-shadow:0 16px 40px rgba(42,78,105,.11)} .foxyit-calculator>.elementor-container{display:flex!important;align-items:flex-start!important;gap:18px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important} .foxyit-calculator>.elementor-container>.elementor-column{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;align-self:flex-start!important} .foxyit-calculator>.elementor-container>.elementor-column:first-child{flex:1 1 58%!important} .foxyit-calculator>.elementor-container>.elementor-column:last-child{flex:1 1 42%!important} .foxyit-calculator>.elementor-container>.elementor-column>.elementor-widget-wrap{width:100%!important;height:auto!important;min-height:0!important;padding:22px!important;overflow:hidden!important;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(31,65,92,.07)} .foxyit-calculator>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:13px!important} .foxyit-calculator>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap::before,.foxyit-calculator>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap::after{content:none!important;display:none!important} .foxyit-calculator>.elementor-container>.elementor-column:first-child .elementor-widget{flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;position:static!important;transform:none!important} .foxyit-calculator .elementor-widget-spacer{display:none!important;width:0!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important} /* Icon — no static service heading; the existing dynamic field label remains. */ .foxyit-calculator .elementor-widget-html:has(.icon-section){order:1!important} .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:46px!important;margin:0!important;padding:0!important} .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg{display:block!important;width:46px!important;height:46px!important;border-radius:12px!important;transform:none!important;box-shadow:0 7px 16px rgba(225,31,105,.17)!important} /* Semantic widget order; works after Elementor copies and changes IDs. */ .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-select select){order:2!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]){order:3!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form){order:4!important} .foxyit-calculator .elementor-widget-pafe-form-builder-submit{order:5!important} .foxyit-calculator .elementor-form-fields-wrapper,.foxyit-calculator .elementor-field-group,.foxyit-calculator .pafe-field-container,.foxyit-calculator .elementor-select-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important} .foxyit-calculator .elementor-field-label{display:block!important;margin:0 0 7px!important;color:var(--ink)!important;font-size:14px!important;font-weight:750!important;line-height:1.35!important} .foxyit-calculator .elementor-mark-required .elementor-field-label::after{color:var(--o)!important} /* Service */ .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-select select) select{display:block!important;width:100%!important;max-width:100%!important;min-height:48px!important;margin:0!important;padding:0 42px 0 14px!important;border:1px solid #cbdbea!important;border-radius:11px!important;outline:0!important;background:#fff!important;color:var(--ink)!important;font:600 14px/1.3 Inter,Roboto,Arial,sans-serif!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-shadow:none!important} /* Quantity */ .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) .elementor-field-group{padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) input[type="number"]{display:block!important;width:150px!important;max-width:100%!important;min-height:50px!important;margin:0!important;padding:0 14px!important;border:1px solid #cbdbea!important;border-radius:11px!important;outline:0!important;background:#fff!important;color:var(--ink)!important;font:850 25px/1 Inter,Roboto,Arial,sans-serif!important;text-align:left!important;box-shadow:none!important;touch-action:manipulation!important} /* Total below quantity */ .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .elementor-field-group{padding:14px 16px!important;border:1px solid #ffc991!important;border-radius:13px!important;background:var(--warm)!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-field-container,.foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:6px!important;width:100%!important;min-height:44px!important;margin:0!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form{color:var(--ink)!important;font-size:15px!important;font-weight:750!important;white-space:nowrap!important} .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form__value{color:var(--ink)!important;font-size:36px!important;font-weight:850!important;line-height:1!important;letter-spacing:-.04em!important} /* Focus */ .foxyit-calculator select:focus,.foxyit-calculator input[type="number"]:focus{border-color:var(--o)!important;box-shadow:0 0 0 4px rgba(255,118,0,.11)!important} /* Submit */ .foxyit-calculator .elementor-widget-pafe-form-builder-submit,.foxyit-calculator .elementor-widget-pafe-form-builder-submit .elementor-widget-container,.foxyit-calculator .elementor-widget-pafe-form-builder-submit .elementor-button-wrapper,.foxyit-calculator .elementor-widget-pafe-form-builder-submit .elementor-button{width:100%!important;max-width:100%!important} .foxyit-calculator .elementor-widget-pafe-form-builder-submit .elementor-button{display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;padding:11px 18px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,var(--g),#04c949)!important;color:#fff!important;font-size:14px!important;font-weight:800!important;text-transform:none!important;letter-spacing:0!important;box-shadow:0 7px 17px rgba(8,180,63,.17)!important;touch-action:manipulation!important} /* Right card */ .foxyit-calculator .how-works-trust-v2{width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-family:inherit!important} .foxyit-calculator .how-works-trust-v2 h2{margin:0 0 16px!important;color:var(--ink)!important;font-size:27px!important;font-weight:850!important;text-align:left!important} .foxyit-calculator .steps-trust{display:flex!important;flex-direction:column!important;gap:9px!important} .foxyit-calculator .step-trust{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border:1px solid #ffe0c1!important;border-radius:12px!important;background:#fffaf5!important;box-shadow:none!important} .foxyit-calculator .step-trust .num{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:var(--o)!important;color:#fff!important;font-size:14px!important;font-weight:800!important} .foxyit-calculator .step-trust p{margin:0!important;color:#344054!important;font-size:13px!important;line-height:1.42!important;overflow-wrap:anywhere!important} .foxyit-calculator .trust-accent{margin:14px 0 0!important;padding:12px 14px!important;border:1px solid #ffd3aa!important;border-left:4px solid var(--o)!important;border-radius:12px!important;background:var(--warm)!important;color:#344054!important;font-size:13px!important} .foxyit-calculator .trust-accent strong{color:var(--o)!important}.foxyit-calculator .trust-accent span{display:none!important} .foxyit-calculator .fast-payment-mini{margin:16px 0 0!important;padding:15px 0 0!important;border-top:1px solid var(--line)!important;text-align:left!important} .foxyit-calculator .fast-payment-mini .payment-list{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important} .foxyit-calculator .fast-payment-mini .payment-list li{display:grid!important;place-items:center!important;width:53px!important;height:36px!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important} .foxyit-calculator .fast-payment-mini .payment-list img{width:auto!important;max-width:100%!important;height:auto!important;max-height:21px!important;object-fit:contain!important;transform:none!important} .foxyit-calculator .fast-payment-mini .payment-note{margin:9px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.4!important} @media(max-width:1024px){.foxyit-calculator>.elementor-container{flex-direction:column!important}.foxyit-calculator>.elementor-container>.elementor-column{flex:0 0 auto!important;width:100%!important}} @media(max-width:767px){html,body{max-width:100%;overflow-x:clip}.foxyit-calculator{max-width:100%!important;margin:0!important;padding:7px!important;border-radius:15px}.foxyit-calculator>.elementor-container{gap:10px!important}.foxyit-calculator>.elementor-container>.elementor-column>.elementor-widget-wrap{padding:16px!important;border-radius:14px}.foxyit-calculator>.elementor-container>.elementor-column:first-child>.elementor-widget-wrap{gap:11px!important}.foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg{width:42px!important;height:42px!important}.foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) input[type="number"]{min-height:48px!important;font-size:23px!important}.foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form__value{font-size:32px!important}} /* Dynamic Instagram heading and restored icon. */ .foxyit-calculator .elementor-widget-html:has(.icon-section){ display:block!important;position:relative!important;inset:auto!important;transform:none!important; width:100%!important;max-width:100%!important;min-width:0!important;min-height:54px!important; margin:0!important;padding:0!important;overflow:visible!important; } .foxyit-calculator .elementor-widget-html:has(.icon-section)>.elementor-widget-container{ display:block!important;position:relative!important;width:100%!important;min-height:54px!important; margin:0!important;padding:0!important;overflow:visible!important;transform:none!important; } .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section{ display:flex!important;position:static!important;align-items:center!important;justify-content:flex-start!important; width:100%!important;min-height:54px!important;margin:0!important;padding:0!important;overflow:visible!important; } .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg{ display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important; margin:0!important;border-radius:12px!important;transform:none!important; box-shadow:0 7px 16px rgba(225,31,105,.18)!important; } .foxyit-calculator .elementor-widget-html:has(.icon-section)::after{ display:block!important;position:absolute!important;top:50%!important;left:62px!important; max-width:calc(100% - 70px)!important;margin:0!important;padding:0!important; font-size:clamp(21px,2vw,28px)!important;font-weight:850!important;line-height:1.1!important; letter-spacing:-.03em!important;white-space:normal!important;transform:translateY(-50%)!important; background:linear-gradient(90deg,#ff7a00 0%,#ef2b76 48%,#7546d7 100%)!important; -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important; pointer-events:none!important; } .foxyit-calculator:has(select option[value*="лайк" i]) .elementor-widget-html:has(.icon-section)::after{content:"Лайки Instagram"!important} .foxyit-calculator:has(select option[value*="подпис" i]) .elementor-widget-html:has(.icon-section)::after{content:"Подписчики Instagram"!important} .foxyit-calculator:has(select option[value*="просмотр" i]) .elementor-widget-html:has(.icon-section)::after{content:"Просмотры Instagram"!important} .foxyit-calculator:has(select option[value*="сторис" i]) .elementor-widget-html:has(.icon-section)::after{content:"Stories Instagram"!important} .foxyit-calculator:has(select option[value*="комментар" i]) .elementor-widget-html:has(.icon-section)::after{content:"Комментарии Instagram"!important} @media(max-width:767px){ .foxyit-calculator .elementor-widget-html:has(.icon-section), .foxyit-calculator .elementor-widget-html:has(.icon-section)>.elementor-widget-container, .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section{min-height:48px!important} .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg{flex-basis:42px!important;width:42px!important;height:42px!important} .foxyit-calculator .elementor-widget-html:has(.icon-section)::after{left:54px!important;max-width:calc(100% - 60px)!important;font-size:19px!important} } /* Удаляем заголовки, созданные старыми версиями CSS */ .foxyit-calculator .elementor-widget-html::after, .foxyit-calculator .icon-section::after { content: none !important; display: none !important; } /* Настоящая шапка калькулятора */ .foxyit-calculator .foxyit-calculator-head { display: flex !important; align-items: center !important; gap: 14px !important; width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; } .foxyit-calculator .foxyit-calculator-head .icon-section { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 46px !important; width: 46px !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 !important; } .foxyit-calculator .foxyit-calculator-head .icon-section svg { display: block !important; width: 46px !important; height: 46px !important; border-radius: 12px !important; box-shadow: 0 7px 16px rgba(225, 31, 105, 0.18) !important; transform: none !important; } .foxyit-calculator .foxyit-calculator-title { display: inline-block !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 90deg, #ff7600 0%, #ee2d78 52%, #7546d7 100% ) !important; color: #ee2d78 !important; font-family: Inter, Roboto, Arial, sans-serif !important; font-size: clamp(21px, 2vw, 28px) !important; font-weight: 850 !important; line-height: 1.1 !important; letter-spacing: -0.03em !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* Телефон */ @media (max-width: 767px) { .foxyit-calculator .foxyit-calculator-head { gap: 11px !important; } .foxyit-calculator .foxyit-calculator-head .icon-section { flex-basis: 42px !important; width: 42px !important; height: 42px !important; min-height: 42px !important; } .foxyit-calculator .foxyit-calculator-head .icon-section svg { width: 42px !important; height: 42px !important; } .foxyit-calculator .foxyit-calculator-title { font-size: 19px !important; } }/* End custom CSS */ /* Start custom CSS for nav-menu, class: .elementor-element-13f0b7c *//* Стилизация блока меню с иконками */ .elementor-element-2e322e0 { display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.9); padding: 25px 40px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); } .elementor-nav-menu { list-style: none; display: flex; gap: 30px; padding: 0; margin: 0; } .elementor-item { text-decoration: none; font-size: 20px; font-weight: 700; color: #222; display: flex; align-items: center; gap: 10px; transition: color 0.3s ease, transform 0.3s ease; position: relative; padding: 12px 18px; border-radius: 8px; } .elementor-item i { font-size: 26px; } .elementor-item:hover { color: #007aff; background: rgba(0, 122, 255, 0.1); transform: translateY(-3px); } .elementor-item::after { content: ''; position: absolute; left: 50%; bottom: -3px; width: 0; height: 3px; background: #007aff; transition: width 0.3s ease, left 0.3s ease; } .elementor-item:hover::after { width: 100%; left: 0; } /* Выпадающее меню */ .elementor-nav-menu--dropdown { display: none; position: absolute; top: 100%; left: 0; background: white; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); overflow: hidden; padding: 12px 0; min-width: 220px; } .elementor-nav-menu__container:hover .elementor-nav-menu--dropdown { display: block; } .elementor-nav-menu--dropdown .elementor-item { display: flex; align-items: center; padding: 14px 22px; font-size: 18px; } .elementor-nav-menu--dropdown .elementor-item:hover { background: #f0f0f5; } /* Адаптация для мобильных устройств */ @media (max-width: 1024px) { .elementor-nav-menu { flex-direction: column; align-items: center; } .elementor-item { font-size: 22px; width: 100%; text-align: center; padding: 14px 20px; } } @media (max-width: 768px) { .elementor-element-25618d9 { flex-direction: column; padding: 25px; } .elementor-nav-menu { gap: 20px; } .elementor-item { font-size: 24px; padding: 16px 22px; } .elementor-item i { font-size: 28px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e458a6d *//* Общие стили для контейнера */ #my-custom-container { max-width: 1100px; margin: 0 auto; padding: 70px 20px; background: linear-gradient(135deg, #f0f0f5, #ffffff); border-radius: 18px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1); text-align: center; overflow: hidden; } /* Заголовок "Почему мы?" */ .why-us-title { font-size: 34px; font-weight: 700; margin-bottom: 35px; color: #222; } /* Контейнер для блоков с преимуществами */ .benefits { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: stretch; } /* Стили для отдельного блока */ .benefit { flex: 1 1 calc(33.33% - 20px); background: #ffffff; padding: 32px; border-radius: 16px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease; backdrop-filter: blur(8px); box-sizing: border-box; } .benefit:hover { transform: translateY(-6px); box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15); } /* Заголовок с иконкой */ .benefit strong { display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; margin-bottom: 12px; color: #222; } .benefit img.icon { width: 52px; height: 52px; margin-right: 12px; vertical-align: middle; transition: transform 0.3s ease; } .benefit:hover img.icon { transform: rotate(5deg) scale(1.1); } .benefit p { font-size: 16px; color: #444; line-height: 1.7; word-wrap: break-word; } /* Адаптация для мобильных устройств */ @media (max-width: 1024px) { .benefit { flex: 1 1 calc(50% - 20px); } } @media (max-width: 768px) { .benefits { flex-direction: column; align-items: center; } .benefit { flex: 1 1 100%; max-width: 100%; padding: 20px; } .benefit strong { flex-direction: column; text-align: center; } .benefit img.icon { margin-right: 0; margin-bottom: 10px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-e5d6287 */.elementor-element-3d21041 { background: #ffffff; padding: 50px; border-radius: 20px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); max-width: 1260px; margin: auto; transition: all 0.3s ease-in-out; } .elementor-element-3d21041 h2 { font-size: 23px; font-weight: 900; padding-bottom: 12px; margin-bottom: 28px; font-family: 'Poppins', sans-serif; color: #0D47A1; border-bottom: 3px solid rgba(13, 71, 161, 0.2); text-transform: uppercase; letter-spacing: 1.2px; } .elementor-element-3d21041 h3 { font-size: 26px; font-weight: 700; padding-left: 18px; margin-bottom: 18px; font-family: 'Poppins', sans-serif; color: #1565C0; border-left: 5px solid rgba(21, 101, 192, 0.7); } .elementor-element-3d21041 p { font-size: 20px; line-height: 1.9; color: #444; margin-bottom: 22px; font-family: 'Roboto', sans-serif; } .elementor-element-3d21041 a { color: #0D47A1; text-decoration: none; font-weight: 700; transition: color 0.3s ease-in-out; } .elementor-element-3d21041 a:hover { color: #002984; text-decoration: underline; } .elementor-element-3d21041 li { margin-bottom: 16px; font-size: 20px; color: #222; font-family: 'Nunito', sans-serif; } /* Адаптация для мобильных устройств */ @media (max-width: 768px) { .elementor-element-3d21041 { padding: 35px; } .elementor-element-3d21041 h2 { font-size: 28px; } .elementor-element-3d21041 h3 { font-size: 24px; } .elementor-element-3d21041 p, .elementor-element-3d21041 li { font-size: 18px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-0227fe3 */:root { --fx-ink: #151b28; --fx-ink-soft: #313b4d; --fx-muted: #69758a; --fx-line: rgba(105, 137, 172, 0.22); --fx-cyan: #39becb; --fx-orange: #f47a34; --fx-coral: #df4966; --fx-surface: rgba(255, 255, 255, 0.95); --fx-focus: rgba(44, 177, 193, 0.28); --fx-shadow: rgba(31, 55, 87, 0.13); } html { max-width: 100%; overflow-x: clip; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { max-width: 100%; overflow-x: clip; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51), :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *::before, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *::after { box-sizing: border-box; } /* Page canvas */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) { position: relative !important; isolation: isolate; width: 100% !important; max-width: 100% !important; min-height: 820px; margin: 0 !important; padding: clamp(34px, 4vw, 58px) 24px 88px !important; color: var(--fx-ink); background: radial-gradient(circle at 94% 22%, rgba(244, 122, 52, 0.13), transparent 34%), radial-gradient(circle at 89% 72%, rgba(57, 190, 203, 0.11), transparent 34%), radial-gradient(circle at 4% 13%, rgba(77, 158, 216, 0.13), transparent 37%), linear-gradient(145deg, #f8fbfd 0%, #eef6fa 48%, #fbf7f5 100%) !important; overflow: hidden !important; } /* Transparent decorative fox. It stays behind every interactive element. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::before { content: ""; position: absolute; z-index: 0; top: 52px; right: clamp(-260px, -10vw, -150px); display: block; width: clamp(600px, 39vw, 800px); aspect-ratio: 3 / 2; background-image: url('https://foxy-it.com.ua/wp-content/uploads/2026/08/download.webp'); background-repeat: no-repeat; background-position: center right; background-size: contain; opacity: 0.24; filter: saturate(0.76) contrast(0.92) brightness(1.065); -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, rgba(0, 0, 0, .82) 68%, rgba(0, 0, 0, .32) 83%, transparent 97%); mask-image: linear-gradient(to bottom, #000 0%, #000 55%, rgba(0, 0, 0, .82) 68%, rgba(0, 0, 0, .32) 83%, transparent 97%); pointer-events: none; user-select: none; } /* * Scene 2 — mirrored fox on the left after the calculator. * The same WebP is reused from browser cache, so there is no second download. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::after { content: ""; position: absolute; z-index: 1; top: 1480px; left: -300px; width: clamp(620px, 44vw, 820px); aspect-ratio: 3 / 2; background-image: url('https://foxy-it.com.ua/wp-content/uploads/2026/08/download.webp'); background-repeat: no-repeat; background-position: center right; background-size: contain; opacity: .07; filter: saturate(.68) contrast(.90) brightness(1.08); transform: scaleX(-1) rotate(-3deg); transform-origin: center; pointer-events: none; user-select: none; } /* Elementor stacking and safe dimensions */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) > .elementor-container { position: relative !important; z-index: 3 !important; isolation: isolate; width: 100% !important; max-width: 1180px !important; margin-inline: auto !important; } /* * Crystal ribbon layer. This is deliberately quieter than the fox so the * product, price and CTA remain the dominant conversion hierarchy. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) > .elementor-container::after { content: ""; position: absolute; z-index: -1; top: 520px; left: 50%; width: min(1360px, 112vw); aspect-ratio: 3 / 2; background-image: url('https://foxy-it.com.ua/wp-content/uploads/2026/08/download-1.webp'); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: .10; filter: saturate(.70) brightness(1.06); transform: translateX(-50%); pointer-events: none; user-select: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.elementor-container, .elementor-column, .elementor-widget-wrap, .elementor-widget, .elementor-widget-container) { min-width: 0; max-width: 100%; } /* * Scene 3 — crystalline ears and profile near the benefits/services section. * This crop is deliberately faint so long-form text remains effortless to read. */ :is(.foxyit-page-shell .foxyit-tiktok-extras, #page-5084 .elementor-element-c7fdd3e) { position: relative; isolation: isolate; } :is(.foxyit-page-shell .foxyit-tiktok-extras, #page-5084 .elementor-element-c7fdd3e)::before { content: ""; position: absolute; z-index: 0; top: 310px; right: -400px; width: clamp(620px, 43vw, 840px); aspect-ratio: 3 / 2; background-image: url('https://foxy-it.com.ua/wp-content/uploads/2026/08/download.webp'); background-repeat: no-repeat; background-position: center right; background-size: contain; opacity: .055; filter: saturate(.58) contrast(.88) brightness(1.12); transform: rotate(3deg); pointer-events: none; user-select: none; } :is(.foxyit-page-shell .foxyit-tiktok-extras, #page-5084 .elementor-element-c7fdd3e) > .elementor-container { position: relative; z-index: 2; } /* Breadcrumbs */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-breadcrumbs { position: relative; z-index: 4; width: min(100%, 860px); margin: 0 auto 22px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb p { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; width: 100%; margin: 0; padding: 14px 20px; color: #697589; font-size: 14px; line-height: 1.45; background: rgba(255, 255, 255, 0.86); border: 1px solid rgba(255, 255, 255, 0.97); border-radius: 16px; box-shadow: 0 13px 38px rgba(42, 66, 99, 0.08), inset 0 1px 0 #fff; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb a { color: #bd5637; font-weight: 750; text-decoration: none; text-underline-offset: 3px; transition: color .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb a:hover { color: #ef7538; text-decoration: underline; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb .separator { color: #a4adbc; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb .last { color: #30394b; font-weight: 650; } /* Main heading */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title { position: relative; z-index: 4; max-width: 940px; margin: 0 auto 36px !important; padding: 0 !important; color: var(--fx-ink); font-size: clamp(32px, 3.6vw, 50px); font-weight: 850; line-height: 1.07; letter-spacing: -0.04em; text-align: center; background: linear-gradient(90deg, #151b28 0%, #2d3b4a 42%, #cb6339 72%, #dc4967 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; overflow-wrap: anywhere; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title::after { content: ""; display: block; width: 76px; height: 3px; margin: 16px auto 0; border-radius: 999px; background: linear-gradient(90deg, var(--fx-cyan), var(--fx-orange), var(--fx-coral)); box-shadow: 0 5px 17px rgba(223, 73, 102, 0.17); } /* Calculator glass shell */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { position: relative; z-index: 4; width: min(100%, 1080px) !important; max-width: 1080px !important; margin: 0 auto !important; padding: 15px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.68), rgba(235, 244, 249, 0.50)) !important; border: 1px solid var(--fx-line) !important; border-radius: 30px !important; box-shadow: 0 30px 78px var(--fx-shadow), 0 12px 36px rgba(219, 89, 58, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important; overflow: hidden !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { position: relative; display: flex; align-items: stretch; gap: 18px; width: 100%; max-width: 100%; } /* Elementor structural normalization retained from the former calculator CSS. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column { flex-basis: auto !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; align-self: flex-start !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child { flex: 1 1 58% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:last-child { flex: 1 1 42% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 13px !important; height: auto !important; min-height: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container::before { content: none !important; display: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap::before, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap::after { content: none !important; display: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child .elementor-widget { position: static !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-spacer { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) { position: relative !important; inset: auto !important; order: 1 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) > .elementor-widget-container { position: relative !important; display: block !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section { position: static !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 54px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg { display: block !important; flex: 0 0 48px !important; width: 48px !important; height: 48px !important; margin: 0 !important; border-radius: 12px !important; box-shadow: 0 7px 16px rgba(225, 31, 105, .18) !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section)::after { position: absolute !important; top: 50% !important; left: 62px !important; display: block !important; max-width: calc(100% - 70px) !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: clamp(21px, 2vw, 28px) !important; font-weight: 850 !important; line-height: 1.1 !important; letter-spacing: -.03em !important; white-space: normal !important; background: linear-gradient(90deg, #ff7a00 0%, #ef2b76 48%, #7546d7 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; transform: translateY(-50%) !important; pointer-events: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-select select) { order: 2 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) { order: 3 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) { order: 4 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-submit { order: 5 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(.elementor-form-fields-wrapper, .elementor-field-group, .pafe-field-container, .elementor-select-wrapper) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container::before { content: ""; position: absolute; z-index: 6; top: -15px; left: 50%; width: min(250px, 42%); height: 3px; border-radius: 999px; background: linear-gradient(90deg, transparent, var(--fx-cyan) 20%, var(--fx-orange) 54%, var(--fx-coral) 82%, transparent); box-shadow: 0 5px 18px rgba(223, 73, 102, 0.18); transform: translateX(-50%); pointer-events: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100%; min-height: 100%; padding: 24px !important; background: var(--fx-surface) !important; border: 1px solid rgba(255, 255, 255, 0.98); border-radius: 21px; box-shadow: 0 14px 38px rgba(39, 63, 94, 0.085), inset 0 1px 0 #fff; } /* Calculator brand heading */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head { margin-bottom: 25px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head .icon-section { filter: drop-shadow(0 7px 12px rgba(223, 73, 102, 0.14)); } /* Form labels */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-field-label { margin-bottom: 9px !important; color: #242c3b !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1.4; } /* Required marker: clear but not aggressive. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-mark-required .elementor-field-label::after { color: #e05a38 !important; } /* Inputs */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input[type="number"], input[type="text"], textarea) { width: 100%; max-width: 100%; min-width: 0; min-height: 52px; padding: 12px 15px !important; color: #202838 !important; font-family: inherit; font-size: 16px !important; line-height: 1.35; background: rgba(255, 255, 255, 0.94) !important; border: 1px solid #cfdae6 !important; border-radius: 13px !important; box-shadow: 0 4px 12px rgba(36, 62, 94, 0.035); outline: none; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input, textarea):focus-visible { background: #fff !important; border-color: #43b9c6 !important; box-shadow: 0 0 0 4px var(--fx-focus), 0 7px 18px rgba(36, 62, 94, 0.06) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) #form-field-number4 { width: min(180px, 100%) !important; min-height: 56px; font-size: 25px !important; font-weight: 800; font-variant-numeric: tabular-nums; touch-action: manipulation; } /* Price block */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-field-group-total4 { position: relative; width: 100%; margin-top: 12px; padding: 16px 17px !important; background: linear-gradient(135deg, #fff9f3 0%, #fff5f0 56%, #fff7f8 100%); border: 1px solid rgba(240, 137, 72, 0.50); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95); overflow: hidden; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-field-group-total4::after { content: ""; position: absolute; top: -45px; right: -35px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(57, 190, 203, 0.13), transparent 70%); pointer-events: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-field-group-total4 .elementor-field-label { position: relative; z-index: 1; margin-bottom: 3px !important; color: #697386 !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .08em; text-transform: uppercase; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-calculated-fields-form { position: relative; z-index: 1; display: flex !important; align-items: baseline; gap: 7px; width: 100% !important; color: #222938; font-size: 15px !important; font-weight: 750; line-height: 1; font-variant-numeric: tabular-nums; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-calculated-fields-form__value { color: #171d2a; font-size: clamp(34px, 4vw, 44px); font-weight: 900; line-height: 1; letter-spacing: -.04em; } /* Main conversion button */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-form-builder-button { display: flex !important; align-items: center; justify-content: center; width: 100% !important; min-height: 56px; margin-top: 3px; padding: 14px 22px !important; color: #fff !important; font-size: 15px !important; font-weight: 850 !important; letter-spacing: .01em; text-shadow: 0 1px 1px rgba(92, 24, 10, 0.15); background: linear-gradient(118deg, #f88a35 0%, #ef6b3a 48%, #df4966 100%) !important; border: 1px solid rgba(205, 69, 74, 0.22) !important; border-radius: 15px !important; box-shadow: 0 13px 27px rgba(223, 73, 102, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.30) !important; cursor: pointer; touch-action: manipulation; transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-form-builder-button:hover { filter: saturate(1.06) brightness(1.025); transform: translateY(-2px); box-shadow: 0 17px 34px rgba(223, 73, 102, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.34) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-form-builder-button:active { transform: translateY(0) scale(.995); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-form-builder-button:focus-visible { outline: 3px solid rgba(36, 138, 211, 0.32); outline-offset: 3px; } /* How it works */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .how-works-trust-v2 { width: 100%; max-width: none !important; margin: 0 !important; padding: 3px 0 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-family: inherit !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .how-works-trust-v2 h2 { margin: 0 0 17px !important; color: #171d2a !important; font-size: clamp(24px, 2.3vw, 31px) !important; font-weight: 850 !important; line-height: 1.12; letter-spacing: -.03em; text-align: left !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .steps-trust { gap: 10px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust { display: grid !important; grid-template-columns: 36px minmax(0, 1fr); align-items: start !important; gap: 12px !important; margin: 0; padding: 13px 14px !important; color: #354055; background: linear-gradient(135deg, #fffaf5, #fff8f4) !important; border: 1px solid rgba(240, 145, 84, 0.32); border-radius: 13px !important; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust:hover { border-color: rgba(231, 111, 60, 0.48); transform: translateX(2px); box-shadow: 0 8px 19px rgba(74, 48, 34, 0.055); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust .num { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; font-size: 14px; font-weight: 850; background: linear-gradient(145deg, #ff9139, #ee6840); border-radius: 50%; box-shadow: 0 6px 13px rgba(235, 105, 54, 0.21); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust p { margin: 0 !important; color: #3d475a !important; font-size: 14px !important; line-height: 1.43 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust strong { color: #222a39; font-weight: 800; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .trust-accent { margin-top: 12px !important; padding: 14px 16px !important; color: #394357; font-size: 14px; line-height: 1.45; background: linear-gradient(120deg, rgba(255, 244, 235, .96), rgba(255, 248, 241, .96)); border: 1px solid rgba(237, 131, 65, 0.35); border-left: 4px solid var(--fx-orange); border-radius: 13px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .trust-accent strong { color: #dc5b2f; font-weight: 850; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .fast-payment-mini { margin-top: 16px !important; padding-top: 15px; border-top: 1px solid #dfe6ee; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .payment-header { margin-bottom: 10px; color: #202838; font-size: 14px; font-weight: 800; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .payment-list { display: flex !important; align-items: center; flex-wrap: wrap; gap: 8px !important; margin: 0 0 10px !important; padding: 0 !important; list-style: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .payment-list li { display: grid; place-items: center; width: 52px; height: 38px; padding: 6px; background: #fff; border: 1px solid #dce5ee; border-radius: 9px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .payment-list img { display: block; max-width: 100%; max-height: 24px; width: auto; height: auto; object-fit: contain; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .payment-note { margin: 0 !important; color: #6a768b !important; font-size: 12px !important; line-height: 1.45 !important; } /* TikTok related-service links */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) { counter-reset: fx-service; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; width: min(100%, 1080px); margin: 22px auto !important; padding: clamp(17px, 2.3vw, 26px) !important; background: rgba(255, 255, 255, .92); border: 1px solid rgba(118, 148, 180, .20); border-radius: 22px; box-shadow: 0 18px 44px rgba(35, 61, 91, .09); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-item { counter-increment: fx-service; position: relative; display: flex; min-width: 0; align-items: center; min-height: 74px; padding: 0 !important; background: #fff; border: 1px solid #dce6ee; border-radius: 15px; box-shadow: 0 7px 18px rgba(38, 67, 98, .045); overflow: hidden; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-item::before { content: counter(fx-service, decimal-leading-zero); display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; margin-left: 14px; color: #d85b35; font-size: 12px; font-weight: 850; letter-spacing: .04em; background: #fff3eb; border: 1px solid #ffd5bd; border-radius: 12px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-link { position: relative; display: flex; align-items: center; flex: 1 1 auto; min-width: 0; padding: 15px 46px 15px 13px; color: #263145 !important; font-size: 15px !important; font-weight: 780 !important; line-height: 1.35; text-align: left; text-decoration: none !important; overflow-wrap: anywhere; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-link::after { content: "→"; position: absolute; top: 50%; right: 13px; display: grid; place-items: center; width: 28px; height: 28px; color: #d85b35; font-size: 17px; line-height: 1; background: #fff7f2; border: 1px solid #ffe0ce; border-radius: 50%; transform: translateY(-50%); transition: transform .18s ease; } @media (hover: hover) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-item:hover { border-color: #f3c1a8; box-shadow: 0 12px 26px rgba(38, 67, 98, .085); transform: translateY(-2px); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-link:hover::after { transform: translate(3px, -50%); } } /* Internal service navigation. Scoped so the site header is untouched. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) { width: min(100%, 1080px) !important; margin: 22px auto !important; padding: 10px !important; background: rgba(255, 255, 255, .93) !important; border: 1px solid rgba(118, 148, 180, .20); border-radius: 18px; box-shadow: 0 14px 35px rgba(35, 61, 91, .08); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main > .elementor-nav-menu { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 0 !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main .elementor-item { min-height: 46px; padding: 11px 16px !important; color: #313b4d !important; font-size: 14px !important; font-weight: 780 !important; line-height: 1.3; background: transparent !important; border: 0 !important; border-radius: 11px; transition: color .18s ease, background-color .18s ease, transform .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main .elementor-item::after { content: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main .elementor-item:is(:hover, :focus-visible, .elementor-item-active) { color: #fff !important; background: linear-gradient(118deg, #f68a37, #df4966) !important; transform: translateY(-1px); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .sub-menu { margin-top: -1px !important; padding: 7px !important; background: #fff !important; border: 1px solid #dfe7ef !important; border-radius: 13px !important; box-shadow: 0 16px 34px rgba(31, 55, 87, .14) !important; overflow: visible !important; } /* Benefits */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) { width: min(100%, 1080px); margin: 24px auto !important; padding: clamp(22px, 3.6vw, 42px) !important; text-align: center; background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,249,252,.94)); border: 1px solid rgba(118, 148, 180, .20); border-radius: 24px; box-shadow: 0 20px 50px rgba(35, 61, 91, .09); overflow: hidden; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .why-us-title { margin: 0 0 26px; color: var(--fx-ink); font-size: clamp(27px, 3vw, 38px); font-weight: 880; line-height: 1.15; letter-spacing: -.035em; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit { position: relative; min-width: 0; margin: 0; padding: 24px 20px; text-align: left; background: #fff; border: 1px solid rgba(100, 140, 175, .18); border-radius: 17px; box-shadow: 0 9px 24px rgba(35, 61, 91, .06); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, var(--fx-cyan), var(--fx-orange), var(--fx-coral)); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit strong { display: flex; align-items: center; justify-content: flex-start; gap: 12px; margin: 0 0 11px; color: #232c3b; font-size: 18px; font-weight: 820; line-height: 1.3; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit img.icon { flex: 0 0 48px; width: 48px; height: 48px; margin: 0; object-fit: contain; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit p { margin: 0; color: #657186; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; } @media (hover: hover) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefit:hover { box-shadow: 0 15px 31px rgba(35, 61, 91, .10); transform: translateY(-3px); } } /* Long-form service content */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) { width: min(100%, 1080px) !important; max-width: 1080px !important; margin: 28px auto !important; padding: clamp(24px, 4vw, 52px) !important; color: #3d4758; background: radial-gradient(circle at 100% 0%, rgba(57, 190, 203, .055), transparent 24%), #fff !important; border: 1px solid rgba(118, 148, 180, .18); border-radius: 24px; box-shadow: 0 22px 54px rgba(35, 61, 91, .09); overflow: hidden; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h2 { position: relative; margin: 1.65em 0 .72em; padding: 15px 18px 15px 22px; color: #202938; background: #f7fafc; border: 1px solid #e3eaf1; border-left: 5px solid var(--fx-orange); border-radius: 0 14px 14px 0; font-family: inherit; font-size: clamp(25px, 3vw, 34px); font-weight: 870; line-height: 1.2; letter-spacing: -.03em; text-transform: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h2:first-child { margin-top: 0; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h3 { margin: 1.35em 0 .55em; padding: 5px 0 5px 14px; color: #293548; font-family: inherit; font-size: clamp(20px, 2.2vw, 25px); font-weight: 820; line-height: 1.3; border-left: 4px solid var(--fx-cyan); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) :is(p, li) { color: #4d586b; font-family: inherit; font-size: 17px; line-height: 1.78; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) p { margin: 0 0 1.05em; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) :is(ul, ol) { margin: 1em 0 1.4em; padding: 17px 20px 17px 43px; background: #f8fbfd; border: 1px solid #e2eaf1; border-radius: 14px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) li { margin: 0 0 .48em; padding-left: .22em; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) li::marker { color: var(--fx-orange); font-weight: 850; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) strong { color: #293447; font-weight: 800; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) a { color: #d95b37; font-weight: 750; text-decoration-thickness: 1px; text-underline-offset: 3px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) table { display: block; width: 100%; max-width: 100%; margin: 22px 0; border-collapse: collapse; overflow-x: auto; -webkit-overflow-scrolling: touch; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) :is(th, td) { min-width: 145px; padding: 13px 15px; text-align: left; border: 1px solid #dfe6ee; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) th { color: #fff; background: linear-gradient(118deg, #39aeba, #5364dc); } @media (max-width: 900px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container), :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container), :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-benefits, #my-custom-container) .benefits { grid-template-columns: 1fr; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main > .elementor-nav-menu { display: grid !important; grid-template-columns: 1fr; gap: 5px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-menu, .elementor-element-b9f02a8) .elementor-nav-menu--main .elementor-item { justify-content: flex-start; width: 100%; min-height: 48px; font-size: 15px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) { padding: 23px 17px !important; border-radius: 18px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) :is(p, li) { font-size: 16px; line-height: 1.68; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h2 { padding: 13px 14px 13px 16px; border-left-width: 4px; border-radius: 0 11px 11px 0; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) :is(ul, ol) { padding: 14px 14px 14px 35px; } } /* Global page safety */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(img, svg, video, iframe) { max-width: 100%; height: auto; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(input, select, textarea, button) { max-width: 100%; min-width: 0; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.elementor-field-group, .pafe-field-container, .elementor-select-wrapper, .elementor-button-wrapper) { width: 100%; max-width: 100%; min-width: 0; } /* Laptop */ @media (max-width: 1280px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::before { top: 115px; right: -260px; width: 760px; opacity: .21; } } /* Tablet */ @media (max-width: 1024px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) { min-height: 0; padding: 34px 17px 62px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::before { top: 155px; right: -300px; width: 760px; opacity: .20; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::after { top: 1500px; left: -320px; width: 650px; opacity: .055; } :is(.foxyit-page-shell .foxyit-tiktok-extras, #page-5084 .elementor-element-c7fdd3e)::before { right: -420px; width: 700px; opacity: .04; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) > .elementor-container::after { top: 500px; width: 1160px; opacity: .085; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { padding: 12px !important; border-radius: 25px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { flex-direction: column !important; align-items: stretch !important; gap: 14px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 19px !important; } } /* Mobile */ @media (max-width: 767px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) { min-height: 0; padding: 22px 10px 44px !important; background: radial-gradient(circle at 100% 10%, rgba(244, 122, 52, 0.11), transparent 27%), radial-gradient(circle at 0% 69%, rgba(57, 190, 203, 0.09), transparent 29%), linear-gradient(155deg, #f8fbfd 0%, #eff6fa 58%, #fcf8f6 100%) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::before { top: 118px; right: -125px; width: 380px; background-position: top right; opacity: .14; filter: saturate(.74) contrast(.92) brightness(1.06); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51)::after { display: none; background-image: none; } /* The third scene is hidden on small screens to keep the page calm. */ :is(.foxyit-page-shell .foxyit-tiktok-extras, #page-5084 .elementor-element-c7fdd3e)::before { display: none; background-image: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) > .elementor-container::after { display: none; background-image: none; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-breadcrumbs { margin-bottom: 17px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .rank-math-breadcrumb p { gap: 5px; padding: 12px 14px; font-size: 12px; overflow-wrap: anywhere; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title { margin-bottom: 25px !important; font-size: clamp(28px, 8vw, 37px); line-height: 1.11; letter-spacing: -.03em; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title::after { width: 58px; margin-top: 12px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { width: 100% !important; padding: 8px !important; border-radius: 21px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { flex-direction: column; gap: 12px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column { width: 100% !important; max-width: 100% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100%; padding: 17px 14px !important; border-radius: 17px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head { margin-bottom: 20px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input[type="number"], input[type="text"], textarea) { font-size: 16px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) #form-field-number4 { width: min(180px, 100%) !important; font-size: 24px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-field-group-total4 { padding: 15px 16px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-calculated-fields-form__value { font-size: 38px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .pafe-form-builder-button { min-height: 54px; font-size: 15px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .how-works-trust-v2 h2 { font-size: 25px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust { grid-template-columns: 34px minmax(0, 1fr); gap: 11px !important; padding: 12px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust .num { width: 34px; height: 34px; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .step-trust p { font-size: 13px !important; } } @media (max-width: 374px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) { padding-inline: 7px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { padding: 6px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 14px 11px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-title { font-size: 20px !important; } } /* Accessibility preferences */ @media (prefers-reduced-motion: reduce) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *::before, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } @media (prefers-reduced-transparency: reduce) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.rank-math-breadcrumb p, .foxyit-calculator) { -webkit-backdrop-filter: none; backdrop-filter: none; } } /* Calculator fidelity layer: original FOXYIT UNIVERSAL layout and fields. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator * { box-sizing: border-box; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { --o: #ff7600; --warm: #fff7ef; --ink: #121826; --muted: #667085; --line: #d5e3ee; width: 100% !important; max-width: 1180px !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 16px !important; overflow: hidden !important; color: var(--ink) !important; font-family: Inter, Roboto, Arial, sans-serif !important; background: #eaf7ff !important; border: 1px solid #bdd8e9 !important; border-radius: 22px !important; box-shadow: 0 16px 40px rgba(42, 78, 105, .11) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { display: flex !important; align-items: flex-start !important; gap: 18px !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column { width: auto !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; align-self: flex-start !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child { flex: 1 1 58% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:last-child { flex: 1 1 42% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100% !important; height: auto !important; min-height: 0 !important; padding: 22px !important; overflow: hidden !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: 0 9px 24px rgba(31, 65, 92, .07) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 13px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap::before, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap::after { content: none !important; display: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child .elementor-widget { position: static !important; flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-spacer { display: none !important; width: 0 !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) { order: 1 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-select select) { order: 2 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) { order: 3 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) { order: 4 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-submit { order: 5 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(.elementor-form-fields-wrapper, .elementor-field-group, .pafe-field-container, .elementor-select-wrapper) { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-field-label { display: block !important; margin: 0 0 7px !important; color: var(--ink) !important; font-size: 14px !important; font-weight: 750 !important; line-height: 1.35 !important; letter-spacing: normal !important; text-transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-mark-required .elementor-field-label::after { color: var(--o) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-select select) select { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 48px !important; margin: 0 !important; padding: 0 42px 0 14px !important; color: var(--ink) !important; font: 600 14px/1.3 Inter, Roboto, Arial, sans-serif !important; white-space: nowrap !important; text-overflow: ellipsis !important; background: #fff !important; border: 1px solid #cbdbea !important; border-radius: 11px !important; box-shadow: none !important; outline: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.elementor-field-type-number input[type="number"]) .elementor-field-group { padding: 14px 16px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 13px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator #form-field-number4 { display: block !important; width: 150px !important; max-width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 0 14px !important; color: var(--ink) !important; font: 850 25px/1 Inter, Roboto, Arial, sans-serif !important; text-align: left !important; background: #fff !important; border: 1px solid #cbdbea !important; border-radius: 11px !important; box-shadow: none !important; outline: 0 !important; touch-action: manipulation !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .elementor-field-group { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 14px 16px !important; background: var(--warm) !important; border: 1px solid #ffc991 !important; border-radius: 13px !important; box-shadow: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .elementor-field-group::after { content: none !important; display: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) :is(.pafe-field-container, .pafe-calculated-fields-form) { display: flex !important; align-items: baseline !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; min-height: 44px !important; margin: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form { color: var(--ink) !important; font-size: 15px !important; font-weight: 750 !important; white-space: nowrap !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form__value { display: inline-block !important; visibility: visible !important; opacity: 1 !important; color: var(--ink) !important; font-size: 36px !important; font-weight: 850 !important; line-height: 1 !important; letter-spacing: -.04em !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input[type="number"]):focus { border-color: var(--o) !important; box-shadow: 0 0 0 4px rgba(255, 118, 0, .11) !important; } /* Original right card. The conversion button intentionally remains FoxyIT coral. */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .how-works-trust-v2 { width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-family: inherit !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .how-works-trust-v2 h2 { margin: 0 0 16px !important; color: var(--ink) !important; font-size: 27px !important; font-weight: 850 !important; text-align: left !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .steps-trust { display: flex !important; flex-direction: column !important; gap: 9px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .step-trust { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; gap: 10px !important; padding: 12px !important; background: #fffaf5 !important; border: 1px solid #ffe0c1 !important; border-radius: 12px !important; box-shadow: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .step-trust .num { display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; color: #fff !important; font-size: 14px !important; font-weight: 800 !important; background: var(--o) !important; border-radius: 50% !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .step-trust p { margin: 0 !important; color: #344054 !important; font-size: 13px !important; line-height: 1.42 !important; overflow-wrap: anywhere !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .trust-accent { margin: 14px 0 0 !important; padding: 12px 14px !important; color: #344054 !important; font-size: 13px !important; background: var(--warm) !important; border: 1px solid #ffd3aa !important; border-left: 4px solid var(--o) !important; border-radius: 12px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .trust-accent strong { color: var(--o) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .trust-accent span { display: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .fast-payment-mini { margin: 16px 0 0 !important; padding: 15px 0 0 !important; text-align: left !important; border-top: 1px solid var(--line) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .fast-payment-mini .payment-list { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .fast-payment-mini .payment-list li { display: grid !important; place-items: center !important; width: 53px !important; height: 36px !important; padding: 7px !important; background: #fff !important; border: 1px solid var(--line) !important; border-radius: 8px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .fast-payment-mini .payment-list img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 21px !important; object-fit: contain !important; transform: none !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .fast-payment-mini .payment-note { margin: 9px 0 0 !important; color: var(--muted) !important; font-size: 11px !important; line-height: 1.4 !important; } @media (max-width: 1024px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { flex-direction: column !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column { flex: 0 0 auto !important; width: 100% !important; } } @media (max-width: 767px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator { max-width: 100% !important; margin: 0 !important; padding: 7px !important; border-radius: 15px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container { gap: 10px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 16px !important; border-radius: 14px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator > .elementor-container > .elementor-column:first-child > .elementor-widget-wrap { gap: 11px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator #form-field-number4 { min-height: 48px !important; font-size: 23px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section), :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) > .elementor-widget-container, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section { min-height: 48px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section) .icon-section svg { flex-basis: 42px !important; width: 42px !important; height: 42px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section)::after { left: 54px !important; max-width: calc(100% - 60px) !important; font-size: 19px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-pafe-form-builder-field:has(.pafe-calculated-fields-form) .pafe-calculated-fields-form__value { font-size: 32px !important; } } /* ================================================================ INSTAGRAM ACCENT Foxy-IT canvas, cards and conversion button remain unchanged. ================================================================ */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) { --network-1: #ff6930; --network-2: #e0137c; --network-3: #7232bd; --network-focus: rgba(224, 19, 124, .12); } /* Main page heading */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title { background: linear-gradient(90deg, #252938 0%, #303849 36%, var(--network-1) 57%, var(--network-2) 76%, var(--network-3) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .elementor-widget-heading h1.elementor-heading-title::after { background: linear-gradient(90deg, var(--network-1), var(--network-2), var(--network-3)) !important; box-shadow: 0 5px 17px rgba(224, 19, 124, .16) !important; } /* Calculator heading */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; gap: 14px !important; width: 100% !important; min-width: 0 !important; margin: 0 0 22px !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head .icon-section { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 50px !important; width: 50px !important; min-width: 50px !important; max-width: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head .icon-section svg { display: block !important; flex: 0 0 50px !important; width: 50px !important; height: 50px !important; max-width: none !important; margin: 0 !important; border-radius: 14px !important; filter: drop-shadow(0 8px 12px rgba(224, 19, 124, .18)); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-title { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: transparent !important; font-size: clamp(24px, 3vw, 34px) !important; font-weight: 850 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; text-align: left !important; overflow-wrap: anywhere; background: linear-gradient(90deg, #252938 0%, var(--network-2) 62%, var(--network-3) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* When the title is generated by the Elementor HTML widget */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-widget-html:has(.icon-section)::after { background: linear-gradient(90deg, #252938 0%, var(--network-2) 62%, var(--network-3) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; } /* Focus and small Instagram indicators */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input, textarea):focus-visible, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator :is(select, input[type="number"]):focus { border-color: var(--network-2) !important; box-shadow: 0 0 0 4px var(--network-focus) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .elementor-mark-required .elementor-field-label::after { color: var(--network-2) !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator .step-trust .num { background: linear-gradient(145deg, var(--network-1), var(--network-2)) !important; box-shadow: 0 5px 13px rgba(224, 19, 124, .18) !important; } /* Related services and article */ :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-item::before { color: #c32678; background: #fff2f8; border-color: #f0c8dc; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-links, .services-container) .service-link::after { color: #c32678; background: #fff7fa; border-color: #f2d6e3; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h2 { border-left-color: var(--network-2); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) h3 { border-left-color: var(--network-3); } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) :is(.foxyit-service-content, .elementor-element-13e6d1b9) li::marker { color: var(--network-2); } @media (max-width: 767px) { :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head { gap: 11px !important; margin-bottom: 18px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head .icon-section, :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-head .icon-section svg { flex-basis: 44px !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; } :is(.foxyit-page-shell, #page-5084 .elementor-element-6d05d51) .foxyit-calculator-title { font-size: clamp(21px, 7vw, 27px) !important; } }/* End custom CSS */