/*# sourceMappingURL=subscription.css.map*/ .legacy-content-portfolio--magnet{--direction-multiplier:1}.legacy-content-portfolio--magnet[dir=rtl]{--direction-multiplier:-1}.legacy-content-portfolio--magnet .elementor *,.legacy-content-portfolio--magnet .elementor :after,.legacy-content-portfolio--magnet .elementor :before{box-sizing:border-box}.legacy-content-portfolio--magnet .elementor a{box-shadow:none;text-decoration:none}.legacy-content-portfolio--magnet .elementor hr{background-color:transparent;margin:0}.legacy-content-portfolio--magnet .elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.legacy-content-portfolio--magnet .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.legacy-content-portfolio--magnet .elementor embed,.legacy-content-portfolio--magnet .elementor iframe,.legacy-content-portfolio--magnet .elementor object,.legacy-content-portfolio--magnet .elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.legacy-content-portfolio--magnet .elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.legacy-content-portfolio--magnet{--page-title-display:block}.legacy-content-portfolio--magnet .elementor-widget{position:relative}.legacy-content-portfolio--magnet .elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}@media (prefers-reduced-motion:no-preference){.legacy-content-portfolio--magnet{scroll-behavior:smooth}}.legacy-content-portfolio--magnet .e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.legacy-content-portfolio--magnet .e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.legacy-content-portfolio--magnet .e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}.legacy-content-portfolio--magnet .e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.legacy-content-portfolio--magnet .e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.legacy-content-portfolio--magnet .e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.legacy-content-portfolio--magnet .e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.legacy-content-portfolio--magnet .e-con,.legacy-content-portfolio--magnet .e-con>.e-con-inner{display:var(--display)}.legacy-content-portfolio--magnet .e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.legacy-content-portfolio--magnet .e-con-boxed{gap:initial;text-align:initial}.legacy-content-portfolio--magnet .e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.legacy-content-portfolio--magnet .e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}.legacy-content-portfolio--magnet .e-con .elementor-widget.elementor-widget{margin-block-end:0}.legacy-content-portfolio--magnet .e-con:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.legacy-content-portfolio--magnet .e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.legacy-content-portfolio--magnet .e-con .elementor-widget{min-width:0}.legacy-content-portfolio--magnet .e-con.e-con>.e-con-inner>.elementor-widget,.legacy-content-portfolio--magnet .elementor.elementor .e-con>.elementor-widget{max-width:100%}.legacy-content-portfolio--magnet .e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.legacy-content-portfolio--magnet .e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}}.legacy-content-portfolio--magnet .elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}@media (prefers-reduced-motion:reduce){.legacy-content-portfolio--magnet *{transition-delay:0s!important;transition-duration:0s!important}} /* Magnific Popup CSS */ .legacy-content-portfolio--magnet button::-moz-focus-inner { padding: 0; border: 0; } /* Main image in popup */ /* The shadow behind the image */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ } .legacy-content-portfolio--magnet [class^="flaticon-"], .legacy-content-portfolio--magnet [class*=" flaticon-"] { display: inline-flex; } .legacy-content-portfolio--magnet [class^="flaticon-"]:before, .legacy-content-portfolio--magnet [class*=" flaticon-"]:before, .legacy-content-portfolio--magnet [class^="flaticon-"]:after, .legacy-content-portfolio--magnet [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; font-weight: normal; } .legacy-content-portfolio--magnet [class^="bi-"]::before, .legacy-content-portfolio--magnet [class*=" bi-"]::before { display: inline-block; font-family: bootstrap-icons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .legacy-content-portfolio--magnet [class^="caseicon-"], .legacy-content-portfolio--magnet [class*=" caseicon-"] { display: inline-block; } .legacy-content-portfolio--magnet [class^="caseicon-"]:before, .legacy-content-portfolio--magnet [class*=" caseicon-"]:before, .legacy-content-portfolio--magnet [class^="caseicon-"]:after, .legacy-content-portfolio--magnet [class*=" caseicon-"]:after { font-family: Caseicon; font-style: normal; font-weight: 400; } @-ms-viewport {width: device-width;}.legacy-content-portfolio--magnet {box-sizing: border-box;-ms-overflow-style: scrollbar;}.legacy-content-portfolio--magnet *, .legacy-content-portfolio--magnet ::after, .legacy-content-portfolio--magnet ::before {box-sizing: inherit;} /* Header Default */ /*-------------------------------------------------------------- RTL ---------------------------------------------------------------- # Header # Blog # WordPress Widget # Elementor Widget # Extra # Important --------------------------------------------------------------*/ /* Loading */ /*-------------------------------------------------------------- posts ---------------------------------------------------------------- # carousel reset # grid reset # grid loadmore style # grid filter style # blog # portfolio # event # service # event --------------------------------------------------------------*/ /* Style For All Widget Icon - Icon - Icon Box - Icon Box Carousel */ /*-------------------------------------------------------------- testimonials grid ---------------------------------------------------------------- # testimonial grid # testimonial carousel # testimonial marque --------------------------------------------------------------*/ /*-------------------------------------------------------------- TEAM Carousel ---------------------------------------------------------------- # Team Carousel --------------------------------------------------------------*/ @media screen and (max-width: 767px) { /* Set Font Default */ } .legacy-content-portfolio--magnet { box-sizing: border-box; } .legacy-content-portfolio--magnet label, .legacy-content-portfolio--magnet button { font-family: 'Inter', sans-serif; } .legacy-content-portfolio--magnet { background-color: #111112; font-size: 16px; line-height: 1.3; color: var(--third-color); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-weight: normal; letter-spacing: 0; font-family: 'Inter', sans-serif; margin: 0; padding: 0; } .legacy-content-portfolio--magnet::-webkit-scrollbar { width: 10px; } .legacy-content-portfolio--magnet::-webkit-scrollbar-thumb { background: #2e2e2e; border: 2px solid transparent; background-clip: padding-box; } .legacy-content-portfolio--magnet::-webkit-scrollbar-thumb:hover { border: 0; } .legacy-content-portfolio--magnet::-webkit-scrollbar-track { background: ; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -khtml-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } @media (prefers-reduced-motion: no-preference) { .legacy-content-portfolio--magnet { scroll-behavior: inherit; } } .legacy-content-portfolio--magnet a { font-family: 'Inter', sans-serif; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); color: var(--secondary-color); } .legacy-content-portfolio--magnet a:before, .legacy-content-portfolio--magnet a:after { -webkit-transition: inherit; -khtml-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; -o-transition: inherit; transition: inherit; } .legacy-content-portfolio--magnet a:hover { color: var(--primary-color); } .legacy-content-portfolio--magnet a:active { color: var(--primary-color); } .legacy-content-portfolio--magnet a, .legacy-content-portfolio--magnet a:hover, .legacy-content-portfolio--magnet a:focus, .legacy-content-portfolio--magnet a:before, .legacy-content-portfolio--magnet a:after { outline: none; text-decoration: none; } .legacy-content-portfolio--magnet button { font-family: "Inter", sans-serif; } .legacy-content-portfolio--magnet h1, .legacy-content-portfolio--magnet h2, .legacy-content-portfolio--magnet h3, .legacy-content-portfolio--magnet h4, .legacy-content-portfolio--magnet h5, .legacy-content-portfolio--magnet h6 { font-family: 'Inter', sans-serif; color: var(--secondary-color); font-weight: 600; margin: 0 0 15px; clear: both; line-height: 1.36364; } .legacy-content-portfolio--magnet h1 { font-size: 52px; } .legacy-content-portfolio--magnet h2 { font-size: 48px; } .legacy-content-portfolio--magnet h3 { font-size: 48px; line-height: 1.2; letter-spacing: -0.03em; } .legacy-content-portfolio--magnet h4 { font-size: 28px; } .legacy-content-portfolio--magnet h5 { font-size: 22px; line-height: 1.4545; } .legacy-content-portfolio--magnet h6 { font-size: 18px; } .legacy-content-portfolio--magnet img { max-width: 100%; height: auto; vertical-align: middle; border-style: none; } .legacy-content-portfolio--magnet p { margin: 0 0 15px; } .legacy-content-portfolio--magnet table { border-bottom: 1px solid ; border-left: 1px solid ; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 32px; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .legacy-content-portfolio--magnet table th { color: var(--secondary-color); } .legacy-content-portfolio--magnet caption, .legacy-content-portfolio--magnet td { font-weight: normal; } .legacy-content-portfolio--magnet th { font-weight: 600; border-top: 1px solid ; padding: 10px; border-right: 1px solid ; } .legacy-content-portfolio--magnet td { border-top: 1px solid ; padding: 10px; border-right: 1px solid ; } .legacy-content-portfolio--magnet dl { margin: 0 0 0 25px; } .legacy-content-portfolio--magnet dl dt { font-weight: normal; line-height: 26px; text-transform: uppercase; font-weight: 700; color: var(--secondary-color); } .legacy-content-portfolio--magnet dl dd { line-height: normal; margin-bottom: 20px; } .legacy-content-portfolio--magnet dl dd a { color: var(--secondary-color); } .legacy-content-portfolio--magnet dl dd a:hover { color: var(--primary-color); } .legacy-content-portfolio--magnet code, .legacy-content-portfolio--magnet kbd { background-color: transparent; border-radius: 4px; color: inherit; font-size: 100%; padding: 2px 4px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .legacy-content-portfolio--magnet ins { color: #fff; border: none; padding: 2px; text-decoration: none; background-color: var(--primary-color); } .legacy-content-portfolio--magnet pre { background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; } .legacy-content-portfolio--magnet ol { list-style: outside none decimal; margin-bottom: 32px; } .legacy-content-portfolio--magnet ul { padding: 0; margin: 0 0 32px; } .legacy-content-portfolio--magnet ul li { list-style-position: inside; } .legacy-content-portfolio--magnet dl + h2 + ul { padding-left: 35px; } .legacy-content-portfolio--magnet dl + h2 + ul ul { padding-left: 35px; } .legacy-content-portfolio--magnet dl + h2 + ul ul li { list-style: outside; } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) { margin: 0; padding: 43px 45px 42px 136px !important; position: relative; background-color: #29292a; border-radius: 20px; position: relative; } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) a { color: #fff; } @media (max-width: 575px) { .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) { padding: 20px !important; } } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote):before { position: absolute; content: " “ "; width: 51px; height: 51px; top: 53px; background-color: var(--primary-color); border-radius: 1000px; text-align: center; line-height: 90px; left: 48px; color: var(--secondary-color); font-size: 65px; } @media (max-width: 575px) { .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote):before { display: none; } } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) p { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.6666; z-index: 2; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) a:hover { color: var(--primary-color); } .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) cite { display: block; padding-top: 23px; margin-top: 22px; font-weight: 500; font-style: normal; margin-left: -90px; margin-top: 20px; font-size: 15px; line-height: 26px; color: var(--primary-color); } @media (max-width: 575px) { .legacy-content-portfolio--magnet blockquote:not(.pxl-blockquote) cite { margin-left: 0; } } .legacy-content-portfolio--magnet input[type="number"]::-webkit-outer-spin-button, .legacy-content-portfolio--magnet input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; /* Firefox */ } .legacy-content-portfolio--magnet input[type="number"] { -moz-appearance: textfield; } .legacy-content-portfolio--magnet [data-scroll-effect="scroll-item-run"] { will-change: transform, opacity; transform-style: preserve-3d; overflow: hidden; } .legacy-content-portfolio--magnet .e-con[data-scroll-effect="scroll-item-run"] { position: relative; } .legacy-content-portfolio--magnet [data-scroll-effect="scroll-item-run"] .elementor-element { will-change: transform, opacity; } @media (max-width: 768px) { .legacy-content-portfolio--magnet [data-scroll-effect="scroll-item-run"] { transform: none !important; opacity: 1 !important; } } @media (prefers-reduced-motion: reduce) { .legacy-content-portfolio--magnet [data-scroll-effect="scroll-item-run"] { transform: none !important; opacity: 1 !important; transition: none !important; } } @media screen and (min-width: 1201px) { /* Header Menu */ } @media screen and (min-width: 1201px) { /* Header Tablet/Mobile */ } @media screen and (max-width: 767px) { /* Hidden Panel */ } .legacy-content-portfolio--magnet input[type="date"]:focus-visible, .legacy-content-portfolio--magnet input[type="date"]:visited, .legacy-content-portfolio--magnet input[type="email"]:focus-visible, .legacy-content-portfolio--magnet input[type="email"]:visited, .legacy-content-portfolio--magnet input[type="number"]:focus-visible, .legacy-content-portfolio--magnet input[type="number"]:visited, .legacy-content-portfolio--magnet input[type="password"]:focus-visible, .legacy-content-portfolio--magnet input[type="password"]:visited, .legacy-content-portfolio--magnet input[type="search"]:focus-visible, .legacy-content-portfolio--magnet input[type="search"]:visited, .legacy-content-portfolio--magnet input[type="tel"]:focus-visible, .legacy-content-portfolio--magnet input[type="tel"]:visited, .legacy-content-portfolio--magnet input[type="text"]:focus-visible, .legacy-content-portfolio--magnet input[type="text"]:visited, .legacy-content-portfolio--magnet select:visited, .legacy-content-portfolio--magnet select:focus-visible, .legacy-content-portfolio--magnet textarea:visited, .legacy-content-portfolio--magnet textarea:focus-visible { color: ; } .legacy-content-portfolio--magnet pc { color: var(--primary-color); } .legacy-content-portfolio--magnet input::-moz-placeholder, .legacy-content-portfolio--magnet textarea::-moz-placeholder { color: inherit; opacity: 1; text-overflow: ellipsis; } .legacy-content-portfolio--magnet input::-webkit-input-placeholder, .legacy-content-portfolio--magnet textarea::-webkit-input-placeholder { color: inherit; opacity: 1; text-overflow: ellipsis; } .legacy-content-portfolio--magnet input::-o-placeholder, .legacy-content-portfolio--magnet textarea::-o-placeholder { color: inherit; opacity: 1; text-overflow: ellipsis; } .legacy-content-portfolio--magnet input::-ms-placeholder, .legacy-content-portfolio--magnet textarea::-ms-placeholder { color: inherit; opacity: 1; text-overflow: ellipsis; } .legacy-content-portfolio--magnet input[type=number]::-webkit-inner-spin-button, .legacy-content-portfolio--magnet input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .legacy-content-portfolio--magnet input[type="text"], .legacy-content-portfolio--magnet input[type="email"], .legacy-content-portfolio--magnet input[type="url"], .legacy-content-portfolio--magnet input[type="password"], .legacy-content-portfolio--magnet input[type="search"], .legacy-content-portfolio--magnet input[type="tel"], .legacy-content-portfolio--magnet input[type="number"], .legacy-content-portfolio--magnet input[type="range"], .legacy-content-portfolio--magnet input[type="date"], .legacy-content-portfolio--magnet input[type="month"], .legacy-content-portfolio--magnet input[type="week"], .legacy-content-portfolio--magnet input[type="time"], .legacy-content-portfolio--magnet input[type="datetime"], .legacy-content-portfolio--magnet input[type="datetime-local"], .legacy-content-portfolio--magnet input[type="color"], .legacy-content-portfolio--magnet textarea, .legacy-content-portfolio--magnet select { background-color: #000; border: none; color: var(--third-color); padding: 6px 25px; line-height: 1.73; font-size: 16px; font-weight: 400; height: 60px; -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; width: 100%; outline: none; font-family: inherit; } .legacy-content-portfolio--magnet input[type="text"]:focus, .legacy-content-portfolio--magnet input[type="email"]:focus, .legacy-content-portfolio--magnet input[type="url"]:focus, .legacy-content-portfolio--magnet input[type="password"]:focus, .legacy-content-portfolio--magnet input[type="search"]:focus, .legacy-content-portfolio--magnet input[type="tel"]:focus, .legacy-content-portfolio--magnet input[type="number"]:focus, .legacy-content-portfolio--magnet input[type="range"]:focus, .legacy-content-portfolio--magnet input[type="date"]:focus, .legacy-content-portfolio--magnet input[type="month"]:focus, .legacy-content-portfolio--magnet input[type="week"]:focus, .legacy-content-portfolio--magnet input[type="time"]:focus, .legacy-content-portfolio--magnet input[type="datetime"]:focus, .legacy-content-portfolio--magnet input[type="datetime-local"]:focus, .legacy-content-portfolio--magnet input[type="color"]:focus, .legacy-content-portfolio--magnet textarea:focus, .legacy-content-portfolio--magnet select:focus { outline: 0; border-color: var(--primary-color); color: var(--primary-color); } .legacy-content-portfolio--magnet input[type="range"] { padding: 0; background-color: transparent; height: auto; border: none; } .legacy-content-portfolio--magnet select { height: 60px; } .legacy-content-portfolio--magnet textarea { resize: none; padding-top: 18px; padding-bottom: 18px; height: 153px; margin: 0; -webkit-border-radius: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } .legacy-content-portfolio--magnet button { color: #fff; -webkit-transition: all 200ms linear 0ms; -khtml-transition: all 200ms linear 0ms; -moz-transition: all 200ms linear 0ms; -ms-transition: all 200ms linear 0ms; -o-transition: all 200ms linear 0ms; transition: all 200ms linear 0ms; position: relative; display: inline-block; cursor: pointer; color: #fff; border: none; height: auto; text-align: center; justify-content: center; text-transform: uppercase; position: relative; z-index: 1; overflow: hidden; } .legacy-content-portfolio--magnet pc { -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1); } .legacy-content-portfolio--magnet input[type="submit"] { font-size: 18px; font-weight: 400; padding: 0 30px; line-height: 54px; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; position: relative; display: inline-block; cursor: pointer; border-radius: 60px; border: none; background-color: #000; color: ; background-color: var(--primary-color); height: auto; text-align: center; justify-content: center; } .legacy-content-portfolio--magnet input[type="submit"]:hover { outline: medium none; text-decoration: none; color: #fff; } /* Theme Name: Stotage Theme URI: http://demo.casethemes.net/stotage Author: Case-Themes Author URI: https://casethemes.net/ Description:Stotage is a beautifully handcraftedfor Flexible WordPress theme specially designed for financial, fintech, consulting, insurance, advising, bookkeeping, or accounting nice on Elementor Page Builder & designed with great attention to details, flexibility and performance. Stotage has stunning styles and elements to help you make a professional website in no time. Version: 1.0.0 License: ThemeForest License URI: https://themeforest.net/licenses Text Domain: stotage Tags: accounting, agency, clean, company, consulting, corporate, creative, crypto, elementor, finance, fintech, insurance, modern, multipurpose, responsive Requires at least: 5.8 or Higher Requires PHP: 7.4 or Higher Tested up to: 6.4.1 Copyright (c) 2025 Case-Themes. All rights reserved. This theme is licensed under the GPL-2.0+ license. */.legacy-content-portfolio--magnet div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"]{border-style:none} .legacy-content-portfolio--magnet img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ /*# sourceURL=wp-emoji-styles-inline-css */ /*! This file is auto-generated */ /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /*# sourceURL=https://beaconproductions.com/wp-content/plugins/seo-by-rank-math-pro/includes/modules/link-genius/blocks/related/assets/css/styles.css */ .legacy-content-portfolio--magnet{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.legacy-content-portfolio--magnet :where(body) { margin: 0; }.legacy-content-portfolio--magnet{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} /*# sourceURL=global-styles-inline-css */.legacy-content-portfolio--magnet .e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.legacy-content-portfolio--magnet .elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.legacy-content-portfolio--magnet .elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}.legacy-content-portfolio--magnet{}@media(max-width:1024px){.legacy-content-portfolio--magnet .e-con{--container-max-width:1024px;}}@media(max-width:767px){.legacy-content-portfolio--magnet .e-con{--container-max-width:767px;}} .legacy-content-portfolio--magnet .elementor-10545 .elementor-element.elementor-element-c9c668f{--display:flex;} /*# sourceURL=elementor-frontend-inline-css */ .legacy-content-portfolio--magnet{--primary-color: #CB360F;--secondary-color: #ffffff;--third-color: #C2C2C2;--body_bg-color: #111112;--primary-color-rgb: 203,54,15;--secondary-color-rgb: 255,255,255;--third-color-rgb: 194,194,194;--body_bg-color-rgb: 17,17,18;--gradient-color-from: #FF4969;--gradient-color-to: #FC9D44;} /*# sourceURL=pxl-style-inline-css */ .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .legacy-content-portfolio--magnet .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } /* Kill extra top/bottom margin on this Elementor widget */ /* Remove any extra padding inside the grid container */ /* Tighten each tile’s inner padding if needed */ /* Optional: reduce title spacing inside each logo tile */ .legacy-content-portfolio--magnet { --beacon-navy: #1a2b4a; --beacon-blue: #2563eb; --beacon-light-blue: #3b82f6; --beacon-orange: #f97316; --beacon-dark-orange: #ea580c; --beacon-gray: #64748b; --beacon-light-gray: #f1f5f9; --beacon-white: #ffffff; --beacon-text: #334155; --font-heading: 'Montserrat', sans-serif; --font-body: 'Source Sans 3', sans-serif; } .legacy-content-portfolio--magnet * { margin: 0; padding: 0; box-sizing: border-box; } .legacy-content-portfolio--magnet { font-family: var(--font-body); font-size: 18px; line-height: 1.7; color: var(--beacon-text); background: var(--beacon-white); } .legacy-content-portfolio--magnet .watch-page { max-width: 900px; margin: 0 auto; padding: 0 24px; } /* Breadcrumb */ .legacy-content-portfolio--magnet .breadcrumb { padding: 20px 0; font-size: 14px; color: var(--beacon-gray); } .legacy-content-portfolio--magnet .breadcrumb a { color: var(--beacon-blue); text-decoration: none; } .legacy-content-portfolio--magnet .breadcrumb a:hover { color: var(--beacon-dark-orange); text-decoration: underline; } .legacy-content-portfolio--magnet .breadcrumb span { margin: 0 8px; } /* Video Section */ .legacy-content-portfolio--magnet .video-section { padding: 20px 0 40px; } .legacy-content-portfolio--magnet .video-container { position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 24px; border-radius: 12px; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); background: var(--beacon-navy); } .legacy-content-portfolio--magnet .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } /* Video Meta */ .legacy-content-portfolio--magnet .video-meta { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 32px; padding-bottom: 24px; border-bottom: 1px solid #e2e8f0; } .legacy-content-portfolio--magnet .video-meta-item { display: flex; align-items: center; gap: 8px; font-size: 15px; color: var(--beacon-gray); } .legacy-content-portfolio--magnet .video-meta-item svg { width: 18px; height: 18px; color: var(--beacon-orange); } .legacy-content-portfolio--magnet .video-meta-item strong { color: var(--beacon-navy); } /* Typography */ .legacy-content-portfolio--magnet h1 { font-family: var(--font-heading); font-size: clamp(28px, 4.5vw, 40px); font-weight: 800; line-height: 1.2; color: var(--beacon-navy); margin-bottom: 16px; } .legacy-content-portfolio--magnet h2 { font-family: var(--font-heading); font-size: clamp(22px, 3.5vw, 28px); font-weight: 700; color: var(--beacon-navy); margin-top: 48px; margin-bottom: 20px; line-height: 1.3; } .legacy-content-portfolio--magnet h3 { font-family: var(--font-heading); font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; color: var(--beacon-navy); margin-top: 32px; margin-bottom: 16px; } .legacy-content-portfolio--magnet p { margin-bottom: 20px; } /* Content Section */ .legacy-content-portfolio--magnet .content-section { padding: 20px 0 48px; } /* Featured Image */ .legacy-content-portfolio--magnet .featured-image { margin: 32px 0; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.15); } .legacy-content-portfolio--magnet .featured-image img { width: 100%; height: auto; display: block; } /* Highlight Box */ .legacy-content-portfolio--magnet .highlight-box { background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%); border-left: 4px solid var(--beacon-blue); border-radius: 0 12px 12px 0; padding: 28px 32px; margin: 36px 0; } .legacy-content-portfolio--magnet .highlight-box h3 { margin-top: 0; color: var(--beacon-blue); } /* Mission List */ .legacy-content-portfolio--magnet .mission-list { list-style: none; margin: 24px 0; } .legacy-content-portfolio--magnet .mission-list li { position: relative; padding-left: 32px; margin-bottom: 14px; font-size: 17px; } .legacy-content-portfolio--magnet .mission-list li::before { content: ''; position: absolute; left: 0; top: 10px; width: 12px; height: 12px; background: linear-gradient(135deg, var(--beacon-orange) 0%, var(--beacon-dark-orange) 100%); border-radius: 50%; } /* Services Grid */ .legacy-content-portfolio--magnet .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin: 32px 0; } .legacy-content-portfolio--magnet .service-item { background: var(--beacon-light-gray); padding: 20px 24px; border-radius: 8px; font-size: 16px; display: flex; align-items: center; gap: 12px; transition: all 0.3s; } .legacy-content-portfolio--magnet .service-item:hover { background: #e2e8f0; transform: translateX(4px); } .legacy-content-portfolio--magnet .service-item svg { width: 20px; height: 20px; color: var(--beacon-orange); flex-shrink: 0; } /* Client Info Box */ .legacy-content-portfolio--magnet .client-info { background: var(--beacon-navy); color: white; border-radius: 12px; padding: 32px; margin: 40px 0; } .legacy-content-portfolio--magnet .client-info h3 { color: white; margin-top: 0; margin-bottom: 16px; } .legacy-content-portfolio--magnet .client-info p { opacity: 0.9; margin-bottom: 0; } .legacy-content-portfolio--magnet .client-info a { color: var(--beacon-orange); text-decoration: none; } .legacy-content-portfolio--magnet .client-info a:hover { text-decoration: underline; } /* Internal Links */ .legacy-content-portfolio--magnet .internal-link { display: inline-flex; align-items: center; gap: 8px; color: var(--beacon-blue); font-weight: 600; text-decoration: none; transition: all 0.2s; } .legacy-content-portfolio--magnet .internal-link:hover { color: var(--beacon-dark-orange); gap: 12px; } .legacy-content-portfolio--magnet .internal-link svg { width: 18px; height: 18px; } /* CTA Section */ .legacy-content-portfolio--magnet .cta-section { background: linear-gradient(135deg, var(--beacon-navy) 0%, #2d4a7c 100%); color: white; padding: 48px 40px; border-radius: 16px; text-align: center; margin: 48px 0; } .legacy-content-portfolio--magnet .cta-section h2 { color: white; margin-top: 0; margin-bottom: 16px; } .legacy-content-portfolio--magnet .cta-section p { font-size: 18px; opacity: 0.9; max-width: 600px; margin: 0 auto 28px; } .legacy-content-portfolio--magnet .cta-buttons { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin-bottom: 28px; } .legacy-content-portfolio--magnet .cta-button { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; font-family: var(--font-heading); font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 8px; transition: all 0.3s; } .legacy-content-portfolio--magnet .cta-button-primary { background: var(--beacon-orange); color: white; } .legacy-content-portfolio--magnet .cta-button-primary:hover { background: var(--beacon-dark-orange); transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(249, 115, 22, 0.4); } .legacy-content-portfolio--magnet .cta-button-secondary { background: rgba(255, 255, 255, 0.1); color: white; border: 2px solid rgba(255, 255, 255, 0.3); } .legacy-content-portfolio--magnet .cta-button-secondary:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.5); } .legacy-content-portfolio--magnet .contact-info { font-size: 17px; opacity: 0.9; } .legacy-content-portfolio--magnet .contact-info a { color: white; text-decoration: none; font-weight: 600; } .legacy-content-portfolio--magnet .contact-info a:hover { text-decoration: underline; } /* Related Videos */ .legacy-content-portfolio--magnet .related-section { padding: 48px 0; border-top: 1px solid #e2e8f0; } .legacy-content-portfolio--magnet .related-section h2 { margin-top: 0; } .legacy-content-portfolio--magnet .related-links { display: flex; flex-wrap: wrap; gap: 16px; } .legacy-content-portfolio--magnet .related-link { background: var(--beacon-light-gray); padding: 16px 24px; border-radius: 8px; text-decoration: none; color: var(--beacon-navy); font-weight: 600; transition: all 0.3s; } .legacy-content-portfolio--magnet .related-link:hover { background: var(--beacon-blue); color: white; } /* Responsive */ @media (max-width: 768px) { .legacy-content-portfolio--magnet .watch-page { padding: 0 16px; } .legacy-content-portfolio--magnet .video-meta { flex-direction: column; gap: 12px; } .legacy-content-portfolio--magnet .cta-section { padding: 36px 24px; } .legacy-content-portfolio--magnet .cta-buttons { flex-direction: column; } .legacy-content-portfolio--magnet .cta-button { width: 100%; justify-content: center; } .legacy-content-portfolio--magnet .highlight-box { padding: 24px; } .legacy-content-portfolio--magnet .client-info { padding: 24px; } } .legacy-content-portfolio--magnet { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } /*# sourceURL=wpforms-modern-full-inline-css */