/* Global native footer v4.2.1 */
html body .container-footer {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
}
html body .container-footer .grid-child,
html body .container-footer .mod-custom {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
html body .ratoos-global-footer {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 30px clamp(22px, 5vw, 80px);
color: #fff;
background: linear-gradient(120deg, #112855, #176f7a);
}
html body .rgf-inner {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 22px;
align-items: center;
width: 100%;
margin: 0;
}
html body .rgf-inner p { margin: 0; line-height: 1.9; }
html body .rgf-inner a {
color: #7de5d0 !important;
font-weight: 800;
text-decoration: none;
}
@media (max-width: 991.98px) {
html body .rgf-inner {
grid-template-columns: 1fr;
text-align: center;
}
}
.ratoos-home-hero { direction: rtl; margin: 0px calc(50% - 50vw); padding: 92px max(24px, -590px + 50vw); color: rgb(255, 255, 255); background: linear-gradient(120deg, rgb(23, 42, 85) 0%, rgb(36, 63, 120) 58%, rgb(36, 185, 154) 160%); text-align: right; }
.ratoos-home-inner { max-width: 850px; margin-right: auto; }
.ratoos-eyebrow { margin: 0px 0px 14px; color: rgb(115, 224, 203); font-weight: 700; letter-spacing: 0.02em; }
.ratoos-home-hero h1 { margin: 0px 0px 18px; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.35; color: rgb(255, 255, 255); font-weight: 800; }
.ratoos-lead { max-width: 760px; margin: 0px 0px 28px; font-size: 1.15rem; line-height: 2; color: rgb(232, 238, 251); }
.ratoos-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.ratoos-btn { display: inline-block; padding: 12px 24px; border-radius: 9px; font-weight: 700; transition: 0.2s; text-decoration: none !important; }
.ratoos-btn.primary { background: rgb(39, 194, 163); color: rgb(9, 47, 53); }
.ratoos-btn.primary:hover { background: rgb(255, 255, 255); color: rgb(23, 48, 93); }
.ratoos-btn.secondary { border: 1px solid rgba(255, 255, 255, 0.65); color: rgb(255, 255, 255); }
.ratoos-btn.secondary:hover { background: rgb(255, 255, 255); color: rgb(23, 48, 93); }
.ratoos-benefits { direction: rtl; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1180px; margin: 42px auto; padding: 0px 16px; }
.ratoos-benefits article { padding: 28px; border: 1px solid rgb(226, 232, 240); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(20, 42, 82, 0.07) 0px 10px 30px; }
.ratoos-benefits h2 { font-size: 1.25rem; color: rgb(23, 48, 93); margin: 0px 0px 12px; }
.ratoos-benefits p { margin: 0px; color: rgb(77, 89, 107); line-height: 1.95; }
@media (max-width: 800px) {
.ratoos-home-hero { padding-top: 58px; padding-bottom: 58px; }
.ratoos-benefits { grid-template-columns: 1fr; }
.ratoos-home-hero h1 { font-size: 2rem; }
}
.ratoos-home-lower{direction:rtl;max-width:1180px;margin:60px auto;padding:0 16px;color:#24324a}.ratoos-section-head{text-align:center;margin-bottom:28px}.ratoos-section-head p{margin:0 0 6px;color:#21aa90;font-weight:700}.ratoos-section-head h2{margin:0;color:#17305d;font-size:clamp(1.7rem,3vw,2.4rem)}.ratoos-solutions{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.ratoos-solutions a{display:flex;min-height:155px;flex-direction:column;justify-content:center;padding:24px;border-radius:14px;background:#17305d;color:#fff;text-decoration:none;transition:.2s}.ratoos-solutions a:hover{transform:translateY(-4px);background:#216b78}.ratoos-solutions strong{font-size:1.15rem;margin-bottom:10px}.ratoos-solutions span{color:#d8e5f4;line-height:1.8}.ratoos-roadmap{margin:72px 0;padding:48px 28px;border-radius:18px;background:#f3f7fb}.ratoos-roadmap ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;padding:0;margin:0;list-style:none}.ratoos-roadmap li{display:flex;align-items:center;gap:12px;background:#fff;padding:18px;border-radius:12px}.ratoos-roadmap b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#24b99a;color:#fff}.ratoos-clients>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:24px}.ratoos-clients img{display:block;max-width:120px;max-height:70px;margin:auto;filter:grayscale(1);opacity:.75}.ratoos-final-cta{text-align:center;margin-top:72px;padding:46px 24px;border-radius:18px;background:#17305d;color:#fff}.ratoos-final-cta h2{color:#fff;margin-top:0}.ratoos-final-cta a{display:inline-block;margin-top:10px;padding:11px 22px;border-radius:8px;background:#27c2a3;color:#092f35;text-decoration:none;font-weight:700}
/* Ratoos homepage redesign v1 - presentation only, SEO structure unchanged */
body.itemid-850 {
overflow-x: hidden;
background: #f7f9fc;
color: #26364d;
}
body.itemid-850 .container-header {
display: grid;
grid-template-columns: minmax(0, 1fr) 176px;
grid-template-areas: "nav brand";
align-items: center;
min-height: 88px;
padding: 0 max(24px, calc((100vw - 1180px) / 2));
background: linear-gradient(110deg, #102650 0%, #17396c 62%, #126b72 135%);
box-shadow: 0 8px 28px rgba(12, 30, 63, .18);
}
body.itemid-850 .container-header > .grid-child:first-child {
grid-area: brand;
width: auto;
min-height: 72px;
padding: 8px 0;
align-items: center;
justify-content: flex-end;
}
body.itemid-850 .container-header .navbar-brand {
width: 158px;
margin: 0;
padding: 0;
}
body.itemid-850 .container-header .navbar-brand img {
display: block;
width: 100%;
max-height: 58px;
object-fit: contain;
}
body.itemid-850 .container-header .container-nav {
grid-area: nav;
width: auto;
min-width: 0;
min-height: 72px;
padding: 8px 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 18px;
}
body.itemid-850 .container-header .mod-menu {
flex: 1 1 auto;
width: auto;
margin: 0;
justify-content: flex-start;
gap: 2px;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
min-height: 42px;
display: flex;
align-items: center;
padding: 8px 11px;
border-radius: 8px;
color: #f2f6ff;
font-weight: 600;
transition: background-color .2s ease, color .2s ease;
}
body.itemid-850 .container-header .mod-menu > li > a:hover,
body.itemid-850 .container-header .mod-menu > li > button:hover,
body.itemid-850 .container-header .mod-menu > li.active > a {
background: rgba(255, 255, 255, .11);
color: #74e0cb;
}
body.itemid-850 .container-search {
flex: 0 0 210px;
width: 210px;
margin: 0;
}
body.itemid-850 .container-search form {
position: relative;
margin: 0;
}
body.itemid-850 .container-search label.finder {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
body.itemid-850 .container-search .awesomplete {
display: block;
width: 100%;
}
body.itemid-850 .container-search .form-control {
width: 100%;
height: 42px;
padding: 8px 15px;
border: 1px solid rgba(255, 255, 255, .24);
border-radius: 11px;
background: rgba(255, 255, 255, .96);
color: #17305d;
box-shadow: 0 5px 18px rgba(5, 20, 45, .14);
}
body.itemid-850 .container-search .form-control:focus {
border-color: #48cdb1;
box-shadow: 0 0 0 3px rgba(72, 205, 177, .2);
}
body.itemid-850 .site-grid {
grid-gap: 0;
}
body.itemid-850 .ratoos-home-hero {
margin-top: 0;
padding-top: 88px;
padding-bottom: 94px;
background:
radial-gradient(circle at 12% 18%, rgba(73, 205, 180, .23), transparent 28%),
linear-gradient(120deg, #122a56 0%, #1d477c 60%, #167d80 145%);
}
body.itemid-850 .ratoos-home-inner {
max-width: 920px;
}
body.itemid-850 .ratoos-eyebrow {
color: #71e0cb;
font-size: .98rem;
}
body.itemid-850 .ratoos-home-hero h1 {
max-width: 900px;
font-size: clamp(2.15rem, 4vw, 3.45rem);
line-height: 1.42;
letter-spacing: -.02em;
}
body.itemid-850 .ratoos-lead {
max-width: 800px;
color: #e7eef9;
font-size: 1.12rem;
}
body.itemid-850 .ratoos-btn {
min-width: 142px;
padding: 13px 25px;
text-align: center;
border-radius: 10px;
}
body.itemid-850 .ratoos-btn.primary {
background: #48cdb1;
color: #092f35;
box-shadow: 0 8px 22px rgba(30, 188, 157, .24);
}
body.itemid-850 .ratoos-benefits {
position: relative;
z-index: 2;
gap: 18px;
margin-top: -42px;
margin-bottom: 62px;
}
body.itemid-850 .ratoos-benefits article {
min-height: 210px;
padding: 28px 26px;
border: 1px solid #e2e9f2;
border-radius: 16px;
box-shadow: 0 14px 38px rgba(20, 42, 82, .09);
transition: transform .2s ease, box-shadow .2s ease;
}
body.itemid-850 .ratoos-benefits article:hover {
transform: translateY(-4px);
box-shadow: 0 18px 44px rgba(20, 42, 82, .13);
}
body.itemid-850 .ratoos-benefits h2 {
color: #16345f;
font-size: 1.22rem;
}
body.itemid-850 #section-id-1485757650,
body.itemid-850 #section-id-1485757653,
body.itemid-850 #section-id-1547371367653,
body.itemid-850 #section-id-1547371367631,
body.itemid-850 #section-id-1502621980698 {
display: none !important;
}
body.itemid-850 #section-id-1485757697 {
padding: 66px 20px !important;
background: #eef4f8 !important;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container {
max-width: 1180px;
margin: 0 auto;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 0;
}
body.itemid-850 #section-id-1485757697 #column-wrap-id-1485757698,
body.itemid-850 #section-id-1485757697 #column-wrap-id-1485925940550 {
display: none !important;
}
body.itemid-850 #section-id-1485757697 .sppb-col-md-4 {
float: none;
width: 100%;
padding: 0;
}
body.itemid-850 #section-id-1485757697 .addon-root-empty-space {
display: none !important;
}
body.itemid-850 #section-id-1485757697 .addon-root-feature {
margin: 0 0 18px;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-feature {
min-height: 118px;
padding: 22px;
border: 1px solid #dde7f0;
border-radius: 15px;
background: #fff;
text-align: right !important;
box-shadow: 0 9px 28px rgba(21, 50, 91, .07);
transition: transform .2s ease, border-color .2s ease;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-feature:hover {
transform: translateY(-3px);
border-color: #a9ddd2;
}
body.itemid-850 #section-id-1485757697 .sppb-media {
display: flex;
align-items: flex-start;
gap: 16px;
}
body.itemid-850 #section-id-1485757697 .pull-left,
body.itemid-850 #section-id-1485757697 .pull-right {
float: none !important;
margin: 0 !important;
}
body.itemid-850 #section-id-1485757697 .sppb-icon-container {
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 13px;
background: #ddf6f0;
color: #15977e;
font-size: 1.25rem;
}
body.itemid-850 #section-id-1485757697 .sppb-media-body {
flex: 1;
}
body.itemid-850 #section-id-1485757697 .sppb-feature-box-title {
margin: 0 0 7px;
font-size: 1.1rem;
}
body.itemid-850 #section-id-1485757697 .sppb-feature-box-title a {
color: #173765;
text-decoration: none;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-text {
color: #55647a;
line-height: 1.85;
}
body.itemid-850 #section-id-1502620555547 {
padding: 54px 20px 62px !important;
background: #fff !important;
}
body.itemid-850 #section-id-1502620555547 img {
transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
body.itemid-850 #section-id-1502620555547 img:hover {
filter: grayscale(0);
opacity: 1;
transform: translateY(-3px);
}
@media (max-width: 1100px) {
body.itemid-850 .container-header {
grid-template-columns: minmax(0, 1fr) 145px;
padding-inline: 18px;
}
body.itemid-850 .container-header .navbar-brand {
width: 138px;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
padding-inline: 8px;
font-size: .9rem;
}
body.itemid-850 .container-search {
flex-basis: 185px;
width: 185px;
}
}
@media (max-width: 991px) {
body.itemid-850 .container-header {
display: block;
min-height: auto;
padding: 8px 16px 12px;
}
body.itemid-850 .container-header > .grid-child:first-child {
min-height: 60px;
padding: 0;
}
body.itemid-850 .container-header .navbar-brand {
width: 142px;
}
body.itemid-850 .container-header .container-nav {
min-height: auto;
padding: 0;
flex-wrap: wrap;
gap: 10px;
}
body.itemid-850 .container-header .mod-menu {
flex-basis: 100%;
}
body.itemid-850 .container-search {
flex: 1 1 100%;
width: 100%;
}
body.itemid-850 .ratoos-home-hero {
padding: 64px 22px 76px;
}
body.itemid-850 .ratoos-home-hero h1 {
font-size: clamp(2rem, 8vw, 2.65rem);
}
body.itemid-850 .ratoos-benefits {
grid-template-columns: 1fr;
margin-top: -28px;
}
body.itemid-850 .ratoos-benefits article {
min-height: 0;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
body.itemid-850 .ratoos-home-hero {
padding-inline: 18px;
}
body.itemid-850 .ratoos-actions {
display: grid;
grid-template-columns: 1fr;
}
body.itemid-850 .ratoos-btn {
width: 100%;
}
body.itemid-850 #section-id-1485757697 {
padding: 46px 14px !important;
}
}
/* Ratoos homepage redesign v1 - presentation only, SEO structure unchanged */
body.itemid-850 {
overflow-x: hidden;
background: #f7f9fc;
color: #26364d;
}
body.itemid-850 .container-header {
display: grid;
grid-template-columns: minmax(0, 1fr) 176px;
grid-template-areas: "nav brand";
align-items: center;
min-height: 88px;
padding: 0 max(24px, calc((100vw - 1180px) / 2));
background: linear-gradient(110deg, #102650 0%, #17396c 62%, #126b72 135%);
box-shadow: 0 8px 28px rgba(12, 30, 63, .18);
}
body.itemid-850 .container-header > .grid-child:first-child {
grid-area: brand;
width: auto;
min-height: 72px;
padding: 8px 0;
align-items: center;
justify-content: flex-end;
}
body.itemid-850 .container-header .navbar-brand {
width: 158px;
margin: 0;
padding: 0;
}
body.itemid-850 .container-header .navbar-brand img {
display: block;
width: 100%;
max-height: 58px;
object-fit: contain;
}
body.itemid-850 .container-header .container-nav {
grid-area: nav;
width: auto;
min-width: 0;
min-height: 72px;
padding: 8px 0;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 18px;
}
body.itemid-850 .container-header .mod-menu {
flex: 1 1 auto;
width: auto;
margin: 0;
justify-content: flex-start;
gap: 2px;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
min-height: 42px;
display: flex;
align-items: center;
padding: 8px 11px;
border-radius: 8px;
color: #f2f6ff;
font-weight: 600;
transition: background-color .2s ease, color .2s ease;
}
body.itemid-850 .container-header .mod-menu > li > a:hover,
body.itemid-850 .container-header .mod-menu > li > button:hover,
body.itemid-850 .container-header .mod-menu > li.active > a {
background: rgba(255, 255, 255, .11);
color: #74e0cb;
}
body.itemid-850 .container-search {
flex: 0 0 210px;
width: 210px;
margin: 0;
}
body.itemid-850 .container-search form {
position: relative;
margin: 0;
}
body.itemid-850 .container-search label.finder {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
body.itemid-850 .container-search .awesomplete {
display: block;
width: 100%;
}
body.itemid-850 .container-search .form-control {
width: 100%;
height: 42px;
padding: 8px 15px;
border: 1px solid rgba(255, 255, 255, .24);
border-radius: 11px;
background: rgba(255, 255, 255, .96);
color: #17305d;
box-shadow: 0 5px 18px rgba(5, 20, 45, .14);
}
body.itemid-850 .container-search .form-control:focus {
border-color: #48cdb1;
box-shadow: 0 0 0 3px rgba(72, 205, 177, .2);
}
body.itemid-850 .site-grid {
grid-gap: 0;
}
body.itemid-850 .ratoos-home-hero {
margin-top: 0;
padding-top: 88px;
padding-bottom: 94px;
background:
radial-gradient(circle at 12% 18%, rgba(73, 205, 180, .23), transparent 28%),
linear-gradient(120deg, #122a56 0%, #1d477c 60%, #167d80 145%);
}
body.itemid-850 .ratoos-home-inner {
max-width: 920px;
}
body.itemid-850 .ratoos-eyebrow {
color: #71e0cb;
font-size: .98rem;
}
body.itemid-850 .ratoos-home-hero h1 {
max-width: 900px;
font-size: clamp(2.15rem, 4vw, 3.45rem);
line-height: 1.42;
letter-spacing: -.02em;
}
body.itemid-850 .ratoos-lead {
max-width: 800px;
color: #e7eef9;
font-size: 1.12rem;
}
body.itemid-850 .ratoos-btn {
min-width: 142px;
padding: 13px 25px;
text-align: center;
border-radius: 10px;
}
body.itemid-850 .ratoos-btn.primary {
background: #48cdb1;
color: #092f35;
box-shadow: 0 8px 22px rgba(30, 188, 157, .24);
}
body.itemid-850 .ratoos-benefits {
position: relative;
z-index: 2;
gap: 18px;
margin-top: -42px;
margin-bottom: 62px;
}
body.itemid-850 .ratoos-benefits article {
min-height: 210px;
padding: 28px 26px;
border: 1px solid #e2e9f2;
border-radius: 16px;
box-shadow: 0 14px 38px rgba(20, 42, 82, .09);
transition: transform .2s ease, box-shadow .2s ease;
}
body.itemid-850 .ratoos-benefits article:hover {
transform: translateY(-4px);
box-shadow: 0 18px 44px rgba(20, 42, 82, .13);
}
body.itemid-850 .ratoos-benefits h2 {
color: #16345f;
font-size: 1.22rem;
}
body.itemid-850 #section-id-1485757650,
body.itemid-850 #section-id-1485757653,
body.itemid-850 #section-id-1547371367653,
body.itemid-850 #section-id-1547371367631,
body.itemid-850 #section-id-1502621980698 {
display: none !important;
}
body.itemid-850 #section-id-1485757697 {
padding: 66px 20px !important;
background: #eef4f8 !important;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container {
max-width: 1180px;
margin: 0 auto;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 0;
}
body.itemid-850 #section-id-1485757697 #column-wrap-id-1485757698,
body.itemid-850 #section-id-1485757697 #column-wrap-id-1485925940550 {
display: none !important;
}
body.itemid-850 #section-id-1485757697 .sppb-col-md-4 {
float: none;
width: 100%;
padding: 0;
}
body.itemid-850 #section-id-1485757697 .addon-root-empty-space {
display: none !important;
}
body.itemid-850 #section-id-1485757697 .addon-root-feature {
margin: 0 0 18px;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-feature {
min-height: 118px;
padding: 22px;
border: 1px solid #dde7f0;
border-radius: 15px;
background: #fff;
text-align: right !important;
box-shadow: 0 9px 28px rgba(21, 50, 91, .07);
transition: transform .2s ease, border-color .2s ease;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-feature:hover {
transform: translateY(-3px);
border-color: #a9ddd2;
}
body.itemid-850 #section-id-1485757697 .sppb-media {
display: flex;
align-items: flex-start;
gap: 16px;
}
body.itemid-850 #section-id-1485757697 .pull-left,
body.itemid-850 #section-id-1485757697 .pull-right {
float: none !important;
margin: 0 !important;
}
body.itemid-850 #section-id-1485757697 .sppb-icon-container {
display: grid;
place-items: center;
width: 48px;
height: 48px;
border-radius: 13px;
background: #ddf6f0;
color: #15977e;
font-size: 1.25rem;
}
body.itemid-850 #section-id-1485757697 .sppb-media-body {
flex: 1;
}
body.itemid-850 #section-id-1485757697 .sppb-feature-box-title {
margin: 0 0 7px;
font-size: 1.1rem;
}
body.itemid-850 #section-id-1485757697 .sppb-feature-box-title a {
color: #173765;
text-decoration: none;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-text {
color: #55647a;
line-height: 1.85;
}
body.itemid-850 #section-id-1502620555547 {
padding: 54px 20px 62px !important;
background: #fff !important;
}
body.itemid-850 #section-id-1502620555547 img {
transition: filter .2s ease, opacity .2s ease, transform .2s ease;
}
body.itemid-850 #section-id-1502620555547 img:hover {
filter: grayscale(0);
opacity: 1;
transform: translateY(-3px);
}
@media (max-width: 1100px) {
body.itemid-850 .container-header {
grid-template-columns: minmax(0, 1fr) 145px;
padding-inline: 18px;
}
body.itemid-850 .container-header .navbar-brand {
width: 138px;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
padding-inline: 8px;
font-size: .9rem;
}
body.itemid-850 .container-search {
flex-basis: 185px;
width: 185px;
}
}
@media (max-width: 991px) {
body.itemid-850 .container-header {
display: block;
min-height: auto;
padding: 8px 16px 12px;
}
body.itemid-850 .container-header > .grid-child:first-child {
min-height: 60px;
padding: 0;
}
body.itemid-850 .container-header .navbar-brand {
width: 142px;
}
body.itemid-850 .container-header .container-nav {
min-height: auto;
padding: 0;
flex-wrap: wrap;
gap: 10px;
}
body.itemid-850 .container-header .mod-menu {
flex-basis: 100%;
}
body.itemid-850 .container-search {
flex: 1 1 100%;
width: 100%;
}
body.itemid-850 .ratoos-home-hero {
padding: 64px 22px 76px;
}
body.itemid-850 .ratoos-home-hero h1 {
font-size: clamp(2rem, 8vw, 2.65rem);
}
body.itemid-850 .ratoos-benefits {
grid-template-columns: 1fr;
margin-top: -28px;
}
body.itemid-850 .ratoos-benefits article {
min-height: 0;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
grid-template-columns: 1fr;
}
}
@media (max-width: 560px) {
body.itemid-850 .ratoos-home-hero {
padding-inline: 18px;
}
body.itemid-850 .ratoos-actions {
display: grid;
grid-template-columns: 1fr;
}
body.itemid-850 .ratoos-btn {
width: 100%;
}
body.itemid-850 #section-id-1485757697 {
padding: 46px 14px !important;
}
}
/* Header width correction */
body.itemid-850 .container-header .container-nav {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 210px;
align-items: center;
gap: 18px;
max-width: 100%;
}
body.itemid-850 .container-header .container-nav .navbar,
body.itemid-850 .container-header .container-nav .navbar-collapse,
body.itemid-850 .container-header .container-nav .mod-menu {
width: 100%;
min-width: 0;
max-width: 100%;
}
body.itemid-850 .container-header .container-nav .navbar {
margin: 0;
}
@media (max-width: 1100px) {
body.itemid-850 .container-header .container-nav {
grid-template-columns: minmax(0, 1fr) 185px;
gap: 10px;
}
}
@media (max-width: 991px) {
body.itemid-850 .container-header .container-nav {
display: flex !important;
max-width: none;
}
body.itemid-850 .container-header .container-nav .navbar {
flex: 1 1 100%;
}
}
/* Keep core homepage content visible without scroll-triggered animation */
body.itemid-850 #section-id-1485757697 .sppb-wow {
visibility: visible !important;
animation: none !important;
}
/* Ratoos homepage redesign v1.1 - RTL layout repair */
body.itemid-850 .container-header {
direction: ltr;
grid-template-columns: minmax(0, 1fr) 176px;
grid-template-areas: "nav brand";
}
body.itemid-850 .container-header > .grid-child:first-child {
direction: rtl;
grid-area: brand;
justify-content: flex-start;
}
body.itemid-850 .container-header .container-nav {
direction: ltr;
grid-area: nav;
display: grid !important;
grid-template-columns: 180px minmax(0, 1fr);
grid-template-areas: "search menu";
gap: 16px;
width: 100%;
min-width: 0;
}
body.itemid-850 .container-header .container-nav .navbar {
direction: rtl;
grid-area: menu;
width: 100%;
min-width: 0;
max-width: 100%;
}
body.itemid-850 .container-header .container-nav .container-search {
direction: rtl;
grid-area: search;
position: static;
width: 180px;
min-width: 180px;
max-width: 180px;
margin: 0;
align-self: center;
}
body.itemid-850 .container-header .mod-menu {
width: 100%;
min-width: 0;
max-width: 100%;
flex-wrap: nowrap;
justify-content: flex-start;
}
body.itemid-850 .container-header .mod-menu > li {
flex: 0 0 auto;
white-space: nowrap;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
padding: 7px 8px;
font-size: .88rem;
}
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 22px;
row-gap: 0;
}
body.itemid-850 #section-id-1485757697 .sppb-col-md-4 {
display: block;
flex: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0;
}
body.itemid-850 #section-id-1485757697 .sppb-column,
body.itemid-850 #section-id-1485757697 .sppb-column-addons,
body.itemid-850 #section-id-1485757697 .addon-root-feature {
width: 100%;
max-width: 100%;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-feature {
width: 100%;
min-height: 132px;
display: flex;
align-items: center;
}
body.itemid-850 #section-id-1485757697 .sppb-addon-content,
body.itemid-850 #section-id-1485757697 .sppb-media {
width: 100%;
}
@media (max-width: 1180px) {
body.itemid-850 .container-header {
grid-template-columns: minmax(0, 1fr) 145px;
}
body.itemid-850 .container-header .container-nav {
grid-template-columns: 160px minmax(0, 1fr);
gap: 8px;
}
body.itemid-850 .container-header .container-nav .container-search {
width: 160px;
min-width: 160px;
max-width: 160px;
}
body.itemid-850 .container-header .mod-menu > li > a,
body.itemid-850 .container-header .mod-menu > li > button {
padding-inline: 6px;
font-size: .82rem;
}
}
@media (max-width: 991px) {
body.itemid-850 .container-header {
direction: rtl;
display: block;
}
body.itemid-850 .container-header > .grid-child:first-child {
justify-content: flex-end;
}
body.itemid-850 .container-header .container-nav {
direction: rtl;
display: flex !important;
width: 100%;
}
body.itemid-850 .container-header .container-nav .navbar {
width: 100%;
}
body.itemid-850 .container-header .container-nav .container-search {
width: 100%;
min-width: 100%;
max-width: 100%;
}
body.itemid-850 .container-header .mod-menu {
flex-wrap: wrap;
}
}
@media (max-width: 760px) {
body.itemid-850 #section-id-1485757697 > .sppb-row-container > .sppb-row {
grid-template-columns: 1fr;
}
}
/* Ratoos homepage redesign v1.2 - independent search row + Persian font */
@font-face {
font-family: "Vazirmatn";
src: url("https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/fonts/webfonts/Vazirmatn%5Bwght%5D.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
html,
body,
button,
input,
select,
textarea,
.sppb-addon,
.mod-menu {
font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif !important;
}
body.itemid-850 .container-header {
min-height: 142px;
align-items: stretch;
}
body.itemid-850 .container-header > .grid-child:first-child {
align-items: flex-start;
padding-top: 18px;
}
body.itemid-850 .container-header .container-nav {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"menu"
"search" !important;
grid-template-rows: auto auto !important;
align-content: center;
gap: 10px;
padding-block: 12px;
min-width: 0;
}
body.itemid-850 .container-header .container-nav .navbar {
grid-area: menu;
width: 100%;
min-width: 0;
}
body.itemid-850 .container-header .container-nav .container-search {
grid-area: search;
justify-self: start;
position: static !important;
width: min(320px, 100%) !important;
min-width: 0 !important;
max-width: 320px !important;
margin: 0 !important;
z-index: 2;
}
body.itemid-850 .container-header .container-nav .container-search form,
body.itemid-850 .container-header .container-nav .container-search .mod-finder {
width: 100%;
}
body.itemid-850 .container-header .container-nav .container-search input {
width: 100% !important;
}
@media (max-width: 991.98px) {
body.itemid-850 .container-header {
min-height: auto;
}
body.itemid-850 .container-header > .grid-child:first-child {
padding-top: 0;
}
body.itemid-850 .container-header .container-nav {
display: flex !important;
gap: 12px;
}
body.itemid-850 .container-header .container-nav .container-search {
width: 100% !important;
max-width: none !important;
}
}
/* Ratoos site-wide visual consistency v1.3 */
/* Apply the Persian typeface to all textual UI, including SP Page Builder headings. */
html body,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body a,
html body li,
html body label,
html body input,
html body textarea,
html body select,
html body button,
html body blockquote,
html body table,
html body th,
html body td,
html body .sppb-addon-title,
html body .sppb-title-heading,
html body .sppb-addon-content,
html body .sppb-btn,
html body .sppb-panel-title,
html body .sppb-nav,
html body .article-info,
html body .breadcrumb,
html body .mod-menu {
font-family: "Vazirmatn", Tahoma, "Segoe UI", sans-serif !important;
}
/* Use one identical RTL header model on the homepage and every internal page. */
html body.site .container-header {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
grid-template-areas: "nav brand" !important;
direction: ltr;
min-height: 142px;
align-items: stretch;
}
html body.site .container-header > .grid-child:first-child {
grid-area: brand;
align-items: flex-start;
justify-content: flex-end;
padding-top: 18px;
padding-inline: 18px 42px;
min-width: 190px;
}
html body.site .container-header .container-nav {
grid-area: nav;
direction: rtl;
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
grid-template-areas:
"menu"
"search" !important;
grid-template-rows: auto auto !important;
align-content: center;
gap: 10px;
padding: 12px 0 12px 50px;
min-width: 0;
width: 100%;
}
html body.site .container-header .container-nav .navbar {
grid-area: menu;
width: 100%;
min-width: 0;
}
html body.site .container-header .container-nav .mod-menu {
width: 100%;
justify-content: flex-start;
}
html body.site .container-header .container-nav .container-search {
grid-area: search;
justify-self: end;
position: static !important;
width: min(320px, 100%) !important;
min-width: 0 !important;
max-width: 320px !important;
margin: 0 !important;
z-index: 2;
}
html body.site .container-header .container-nav .container-search form,
html body.site .container-header .container-nav .container-search .mod-finder,
html body.site .container-header .container-nav .container-search input {
width: 100% !important;
}
@media (max-width: 991.98px) {
html body.site .container-header {
display: flex !important;
min-height: auto;
direction: rtl;
}
html body.site .container-header > .grid-child:first-child {
width: 100%;
min-width: 0;
padding: 12px 18px;
align-items: center;
}
html body.site .container-header .container-nav {
display: flex !important;
width: 100%;
padding: 10px 18px 16px;
gap: 12px;
}
html body.site .container-header .container-nav .container-search {
width: 100% !important;
max-width: none !important;
}
}
/* Ratoos header consistency v1.3.1 - override older homepage-only spacing */
html body.site .container-header .container-nav {
padding: 12px 0 12px 50px !important;
}
html body.site .container-header .container-nav .container-search {
justify-self: end !important;
}
html body.site .container-header > .grid-child:first-child {
padding: 18px 42px 0 18px !important;
}
@media (max-width: 991.98px) {
html body.site .container-header .container-nav {
padding: 10px 18px 16px !important;
}
html body.site .container-header > .grid-child:first-child {
padding: 12px 18px !important;
}
}
/* Ratoos header consistency v1.3.2 */
html body.site .container-header {
padding-inline: 0 !important;
}
/* Ratoos support banner sample v1.4 */
body.itemid-853 #sp-page-builder::before {
content: "پشتیبانی تخصصی شیرپوینت";
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
min-height: 290px;
padding: 40px 24px;
margin: 0 0 40px;
color: #ffffff;
text-align: center;
font-family: "Vazirmatn", Tahoma, sans-serif !important;
font-size: clamp(2rem, 4.2vw, 4rem);
font-weight: 800;
line-height: 1.35;
text-shadow: 0 3px 18px rgba(3, 23, 55, .35);
background:
radial-gradient(circle at 16% 28%, rgba(38, 209, 174, .32) 0 4%, transparent 4.3%),
radial-gradient(circle at 82% 70%, rgba(255, 255, 255, .13) 0 7%, transparent 7.3%),
repeating-linear-gradient(125deg, transparent 0 48px, rgba(255,255,255,.035) 49px 50px),
linear-gradient(120deg, #102d5c 0%, #174f77 55%, #159d89 125%);
border-radius: 0 0 28px 28px;
box-shadow: 0 16px 40px rgba(17, 49, 91, .14);
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type {
padding-top: 0 !important;
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-row {
display: block !important;
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-row > .sppb-col-md-6:first-child {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-row > .sppb-col-md-6:nth-child(2) {
display: none !important;
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-column {
width: 100% !important;
max-width: none !important;
}
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-addon-content,
body.itemid-853 #sp-page-builder > .sppb-section:first-of-type .sppb-addon-text-block {
max-width: none !important;
}
/* Make inline links visibly distinguishable without changing content or URLs. */
body.itemid-850 #sp-page-builder .sppb-addon-text a:not(.sppb-btn),
body.itemid-850 #sp-page-builder .sppb-addon-text-block a:not(.sppb-btn) {
color: #087f70 !important;
font-weight: 700;
text-decoration: underline;
text-decoration-color: rgba(8, 127, 112, .45);
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.itemid-850 #sp-page-builder .sppb-addon-text a:not(.sppb-btn):hover,
body.itemid-850 #sp-page-builder .sppb-addon-text-block a:not(.sppb-btn):hover {
color: #0d4f96 !important;
text-decoration-color: currentColor;
}
@media (max-width: 767.98px) {
body.itemid-853 #sp-page-builder::before {
min-height: 210px;
margin-bottom: 28px;
border-radius: 0 0 20px 20px;
}
}
/* Ratoos support content width correction v1.4.1 */
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child {
padding-top: 0 !important;
}
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child .sppb-row {
display: block !important;
}
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child .sppb-row > .sppb-col-md-6:first-child {
display: block !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child .sppb-row > .sppb-col-md-6:nth-child(2) {
display: none !important;
}
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child .sppb-column,
body.itemid-853 #sp-page-builder .page-content > .sppb-section:first-child .sppb-column-addons {
width: 100% !important;
max-width: none !important;
}
/* Ratoos support banner artwork v1.5 */
body.itemid-853 #sp-page-builder {
position: relative;
}
body.itemid-853 #sp-page-builder::before {
content: "پشتیبانی تخصصی شیرپوینت";
min-height: 330px;
padding: 46px 34% 96px 7%;
justify-content: center;
text-align: center;
font-size: clamp(2rem, 3.8vw, 3.65rem);
background-color: #102c56;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' opacity='.92'%3E%3Cpath d='M210 35c61 29 108 36 108 36v78c0 73-45 113-108 137-63-24-108-64-108-137V71s47-7 108-36Z'/%3E%3Cpath d='M145 164v-18c0-36 29-65 65-65s65 29 65 65v18'/%3E%3Crect x='128' y='153' width='42' height='64' rx='17'/%3E%3Crect x='250' y='153' width='42' height='64' rx='17'/%3E%3Cpath d='M271 219c-7 25-23 34-47 34h-13'/%3E%3Ccircle cx='198' cy='253' r='8' fill='%236DE2C5' stroke='none'/%3E%3C/g%3E%3Cg fill='%23fff' opacity='.14'%3E%3Ccircle cx='55' cy='54' r='8'/%3E%3Ccircle cx='367' cy='66' r='5'/%3E%3Ccircle cx='365' cy='260' r='9'/%3E%3C/g%3E%3C/svg%3E"),
radial-gradient(circle at 82% 22%, rgba(88, 224, 190, .26) 0 4%, transparent 4.3%),
radial-gradient(circle at 63% 85%, rgba(80, 163, 215, .20) 0 9%, transparent 9.3%),
repeating-linear-gradient(125deg, transparent 0 52px, rgba(255,255,255,.035) 53px 54px),
linear-gradient(118deg, #0c254d 0%, #153f6e 48%, #147c7d 115%);
background-repeat: no-repeat, no-repeat, no-repeat, repeat, no-repeat;
background-position: 8% center, center, center, center, center;
background-size: 300px auto, auto, auto, auto, auto;
border-radius: 0 0 32px 32px;
box-shadow: 0 18px 45px rgba(12, 38, 79, .18);
}
body.itemid-853 #sp-page-builder::after {
content: "پاسخگویی سریع، پایش مستمر و همراهی مطمئن برای زیرساخت شیرپوینت شما";
position: absolute;
z-index: 2;
top: 211px;
right: 34%;
left: 7%;
color: rgba(255, 255, 255, .88);
text-align: center;
font-family: "Vazirmatn", Tahoma, sans-serif !important;
font-size: clamp(1rem, 1.45vw, 1.28rem);
font-weight: 500;
line-height: 1.9;
letter-spacing: -.01em;
}
@media (max-width: 767.98px) {
body.itemid-853 #sp-page-builder::before {
min-height: 285px;
padding: 42px 20px 94px;
background-position: center 18px, center, center, center, center;
background-size: 150px auto, auto, auto, auto, auto;
align-items: flex-end;
}
body.itemid-853 #sp-page-builder::after {
top: 218px;
right: 24px;
left: 24px;
font-size: .94rem;
line-height: 1.65;
}
}
/* Ratoos support banner alignment v1.5.1 */
body.itemid-853 #sp-page-builder::before {
padding: 46px 7% 96px 34%;
}
body.itemid-853 #sp-page-builder::after {
right: 7%;
left: 34%;
}
@media (max-width: 767.98px) {
body.itemid-853 #sp-page-builder::before {
padding: 42px 20px 94px;
}
body.itemid-853 #sp-page-builder::after {
right: 24px;
left: 24px;
}
}
/* Ratoos support banner clean background v1.5.2 */
body.itemid-853 #sp-page-builder::before {
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' opacity='.92'%3E%3Cpath d='M210 35c61 29 108 36 108 36v78c0 73-45 113-108 137-63-24-108-64-108-137V71s47-7 108-36Z'/%3E%3Cpath d='M145 164v-18c0-36 29-65 65-65s65 29 65 65v18'/%3E%3Crect x='128' y='153' width='42' height='64' rx='17'/%3E%3Crect x='250' y='153' width='42' height='64' rx='17'/%3E%3Cpath d='M271 219c-7 25-23 34-47 34h-13'/%3E%3Ccircle cx='198' cy='253' r='8' fill='%236DE2C5' stroke='none'/%3E%3C/g%3E%3C/svg%3E"),
linear-gradient(118deg, #0c254d 0%, #153f6e 52%, #147c7d 115%);
background-repeat: no-repeat, no-repeat;
background-position: 8% center, center;
background-size: 300px auto, auto;
}
@media (max-width: 767.98px) {
body.itemid-853 #sp-page-builder::before {
background-position: center 18px, center;
background-size: 150px auto, auto;
}
}
/* Ratoos page-specific banners v2.0 */
body.itemid-897 { --ratoos-banner-title: "سامانه مدیریت وظایف"; --ratoos-banner-slogan: "کارها، مسئولیتها و زمانبندی تیم را شفاف و یکپارچه مدیریت کنید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='145' y='98' width='130' height='124' rx='24'/%3E%3Ccircle cx='73' cy='72' r='30'/%3E%3Ccircle cx='347' cy='72' r='30'/%3E%3Ccircle cx='73' cy='248' r='30'/%3E%3Ccircle cx='347' cy='248' r='30'/%3E%3Cpath d='M99 87l46 35M321 87l-46 35M99 233l46-35M321 233l-46-35M181 145h58M181 177h58'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-896 { --ratoos-banner-title: "سامانه مدیریت مستندات"; --ratoos-banner-slogan: "دانش و اسناد سازمانی را امن، ساختاریافته و همیشه در دسترس نگه دارید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='145' y='98' width='130' height='124' rx='24'/%3E%3Ccircle cx='73' cy='72' r='30'/%3E%3Ccircle cx='347' cy='72' r='30'/%3E%3Ccircle cx='73' cy='248' r='30'/%3E%3Ccircle cx='347' cy='248' r='30'/%3E%3Cpath d='M99 87l46 35M321 87l-46 35M99 233l46-35M321 233l-46-35M181 145h58M181 177h58'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-895 { --ratoos-banner-title: "سامانه مدیریت جلسات"; --ratoos-banner-slogan: "جلسات هدفمند، مصوبات شفاف و پیگیری منظم اقدامات در یک بستر واحد"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='145' y='98' width='130' height='124' rx='24'/%3E%3Ccircle cx='73' cy='72' r='30'/%3E%3Ccircle cx='347' cy='72' r='30'/%3E%3Ccircle cx='73' cy='248' r='30'/%3E%3Ccircle cx='347' cy='248' r='30'/%3E%3Cpath d='M99 87l46 35M321 87l-46 35M99 233l46-35M321 233l-46-35M181 145h58M181 177h58'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-894 { --ratoos-banner-title: "سامانه ارزیابی عملکرد کارکنان"; --ratoos-banner-slogan: "ارزیابی منصفانه و دادهمحور برای رشد کارکنان و تصمیمگیری بهتر"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='145' y='98' width='130' height='124' rx='24'/%3E%3Ccircle cx='73' cy='72' r='30'/%3E%3Ccircle cx='347' cy='72' r='30'/%3E%3Ccircle cx='73' cy='248' r='30'/%3E%3Ccircle cx='347' cy='248' r='30'/%3E%3Cpath d='M99 87l46 35M321 87l-46 35M99 233l46-35M321 233l-46-35M181 145h58M181 177h58'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-852 { --ratoos-banner-title: "خدمات"; --ratoos-banner-slogan: "از ارزیابی و طراحی تا اجرا، مهاجرت و بهینهسازی همراه سازمان شما"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M210 48l25 31 40-4 7 39 36 19-19 36 19 36-36 19-7 39-40-4-25 31-25-31-40 4-7-39-36-19 19-36-19-36 36-19 7-39 40 4Z'/%3E%3Ccircle cx='210' cy='169' r='55'/%3E%3Cpath d='M185 169l18 18 36-43'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-914 { --ratoos-banner-title: "آموزش شیرپوینت"; --ratoos-banner-slogan: "آموزشهای کاربردی و گامبهگام برای استفاده حرفهای از شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1043 { --ratoos-banner-title: "شیرپوینت مقدماتی"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-924 { --ratoos-banner-title: "BPC powerforms"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-898 { --ratoos-banner-title: "مقالات شیرپوینت"; --ratoos-banner-slogan: "تجربهها، تحلیلها و راهکارهای کاربردی دنیای شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-853 { --ratoos-banner-title: "پشتیبانی شیرپوینت"; --ratoos-banner-slogan: "پاسخگویی سریع، پایش مستمر و همراهی مطمئن برای زیرساخت شیرپوینت شما"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round' opacity='.92'%3E%3Cpath d='M210 35c61 29 108 36 108 36v78c0 73-45 113-108 137-63-24-108-64-108-137V71s47-7 108-36Z'/%3E%3Cpath d='M145 164v-18c0-36 29-65 65-65s65 29 65 65v18'/%3E%3Crect x='128' y='153' width='42' height='64' rx='17'/%3E%3Crect x='250' y='153' width='42' height='64' rx='17'/%3E%3Cpath d='M271 219c-7 25-23 34-47 34h-13'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-854 { --ratoos-banner-title: "تماس با ما"; --ratoos-banner-slogan: "برای مشاوره، اجرا و پشتیبانی شیرپوینت در کنار شما هستیم"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='70' y='66' width='280' height='188' rx='28'/%3E%3Cpath d='M83 92l127 94L337 92M82 233l88-78M338 233l-88-78'/%3E%3Ccircle cx='334' cy='246' r='38' fill='%23143f6e'/%3E%3Cpath d='M319 246l10 10 21-24'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-919 { --ratoos-banner-title: "شیرپوینت چیست ؟"; --ratoos-banner-slogan: "شناختی روشن از بستر همکاری، مدیریت محتوا و راهکارهای سازمانی مایکروسافت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-917 { --ratoos-banner-title: "مزایای شیرپوینت"; --ratoos-banner-slogan: "مزیتهای یکپارچگی، توسعهپذیری و همکاری سازمانی را بهتر بشناسید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1041 { --ratoos-banner-title: "نحوه ایجاد و حذف Sub-Site در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1042 { --ratoos-banner-title: "ساخت لیست سفارشی در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-931 { --ratoos-banner-title: "نحوه ایجاد صفحه در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1047 { --ratoos-banner-title: "ساخت گروه کاربران در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1048 { --ratoos-banner-title: "تعریف سطح دسترسی در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1054 { --ratoos-banner-title: "Site Collection و Site structure در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-922 { --ratoos-banner-title: "ویرایش منو در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1057 { --ratoos-banner-title: "حذف و بازیابی آیتم ها در سطل آشغال سایت شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1044 { --ratoos-banner-title: "نحوه ایجاد view سفارشی در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1050 { --ratoos-banner-title: "نحوه Export گرفتن لیست شیرپونیت به صورت فایل EXCEL"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1040 { --ratoos-banner-title: "چگونه داده ها را میتوان در لیست شیرپوینت import کرد؟"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1053 { --ratoos-banner-title: "نحوه ساخت هشدار یا Alert در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1059 { --ratoos-banner-title: "پیکربندی و فعال سازی versioning در شیرپوینت"; --ratoos-banner-slogan: "راهنمای گامبهگام برای یادگیری مفاهیم و امکانات پایه شیرپوینت"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-946 { --ratoos-banner-title: "نحوه ساخت لیست کوئری"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1045 { --ratoos-banner-title: "Cascade کردن ComboBox"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1049 { --ratoos-banner-title: "نحوه ساخت Data Grid در BPC Power Form"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-923 { --ratoos-banner-title: "کنترل DataEntryGrid"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1051 { --ratoos-banner-title: "تنظیمات فرم در BPC"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-1046 { --ratoos-banner-title: "Localization در BPC"; --ratoos-banner-slogan: "آموزش عملی طراحی فرمها و فرایندهای هوشمند با BPC PowerForms"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-918 { --ratoos-banner-title: "راهکارهای سازمانی چیست؟"; --ratoos-banner-slogan: "فناوری اطلاعات در خدمت فرایندهای واقعی و نیازهای سازمان شما"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='145' y='98' width='130' height='124' rx='24'/%3E%3Ccircle cx='73' cy='72' r='30'/%3E%3Ccircle cx='347' cy='72' r='30'/%3E%3Ccircle cx='73' cy='248' r='30'/%3E%3Ccircle cx='347' cy='248' r='30'/%3E%3Cpath d='M99 87l46 35M321 87l-46 35M99 233l46-35M321 233l-46-35M181 145h58M181 177h58'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-921 { --ratoos-banner-title: "۹ دلیل استفاده از شیرپوینت"; --ratoos-banner-slogan: "دلایل کاربردی برای انتخاب بستری یکپارچه، امن و توسعهپذیر"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-912 { --ratoos-banner-title: "تغییر قالب سایت شیرپوینت"; --ratoos-banner-slogan: "هویت بصری شیرپوینت را هماهنگ با برند و تجربه کاربری سازمان تنظیم کنید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-913 { --ratoos-banner-title: "سفارشی سازی قالب پیش فرض شیرپوینت"; --ratoos-banner-slogan: "هویت بصری شیرپوینت را هماهنگ با برند و تجربه کاربری سازمان تنظیم کنید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
body.itemid-920 { --ratoos-banner-title: "تغییر عنوان و لوگو سایت شیرپوینت"; --ratoos-banner-slogan: "هویت بصری شیرپوینت را هماهنگ با برند و تجربه کاربری سازمان تنظیم کنید"; --ratoos-banner-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='320' viewBox='0 0 420 320'%3E%3Cg fill='none' stroke='%236DE2C5' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 72c58-14 107-5 155 31v164c-48-36-97-45-155-31Z'/%3E%3Cpath d='M365 72c-58-14-107-5-155 31v164c48-36 97-45 155-31Z'/%3E%3Cpath d='M91 119c31-2 58 6 84 24M91 161c31-2 58 6 84 24M329 119c-31-2-58 6-84 24M329 161c-31-2-58 6-84 24' opacity='.72'/%3E%3C/g%3E%3C/svg%3E"); }
html body.site:not(.itemid-850) #sp-page-builder {
position: relative;
}
html body.site:not(.itemid-850) #sp-page-builder::before {
content: var(--ratoos-banner-title);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 100%;
min-height: 330px;
padding: 46px 7% 96px 34%;
margin: 0 0 40px;
color: #fff;
text-align: center;
font-family: "Vazirmatn", Tahoma, sans-serif !important;
font-size: clamp(2rem, 3.8vw, 3.65rem);
font-weight: 800;
line-height: 1.35;
text-shadow: 0 3px 18px rgba(3,23,55,.35);
background-color: #102c56;
background-image: var(--ratoos-banner-icon), linear-gradient(118deg,#0c254d 0%,#153f6e 52%,#147c7d 115%);
background-repeat: no-repeat,no-repeat;
background-position: 8% center,center;
background-size: 300px auto,auto;
border-radius: 0 0 32px 32px;
box-shadow: 0 18px 45px rgba(12,38,79,.18);
}
html body.site:not(.itemid-850) #sp-page-builder::after {
content: var(--ratoos-banner-slogan);
position: absolute;
z-index: 2;
top: 211px;
right: 7%;
left: 34%;
color: rgba(255,255,255,.88);
text-align: center;
font-family: "Vazirmatn",Tahoma,sans-serif !important;
font-size: clamp(1rem,1.45vw,1.28rem);
font-weight: 500;
line-height: 1.9;
}
@media(max-width:767.98px){
html body.site:not(.itemid-850) #sp-page-builder::before{
min-height:285px;padding:42px 20px 94px;margin-bottom:28px;
background-position:center 18px,center;background-size:150px auto,auto;
align-items:flex-end;border-radius:0 0 20px 20px;
}
html body.site:not(.itemid-850) #sp-page-builder::after{
top:218px;right:24px;left:24px;font-size:.94rem;line-height:1.65;
}
}
/* Ratoos banner-to-content spacing v2.1 */
html body.site:not(.itemid-850) #sp-page-builder::before {
margin-bottom: 0 !important;
}
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child {
padding-top: 48px !important;
}
@media (max-width: 767.98px) {
html body.site:not(.itemid-850) #sp-page-builder::before {
margin-bottom: 0 !important;
}
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child {
padding-top: 30px !important;
}
}
/* Ratoos first-content internal spacing v2.2 */
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child
.sppb-column-addons > .sppb-addon-wrapper:first-child > .clearfix {
padding-top: 0 !important;
}
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child
.sppb-column-addons > .sppb-addon-wrapper:first-child
:is(h1, h2, h3, h4, .sppb-addon-title) {
margin-top: 0 !important;
}
/* Ratoos final banner-to-content spacing v2.3 */
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child {
padding-top: 28px !important;
}
@media (max-width: 767.98px) {
html body.site:not(.itemid-850) #sp-page-builder .page-content > .sppb-section:first-child {
padding-top: 20px !important;
}
}
/* Ratoos unified compact header + expandable search v3.0 */
html body.site .container-header {
min-height: 96px !important;
height: 96px;
align-items: center !important;
}
html body.site .container-header > .grid-child:first-child {
height: 96px;
padding: 0 42px 0 18px !important;
align-items: center !important;
justify-content: flex-end;
}
html body.site .container-header .container-nav {
display: flex !important;
flex-flow: row nowrap;
align-items: center;
align-content: center;
gap: 22px;
height: 96px;
padding: 0 0 0 50px !important;
overflow: visible;
}
html body.site .container-header .container-nav .navbar {
flex: 1 1 auto;
width: auto;
height: 96px;
display: flex;
align-items: center;
min-width: 0;
}
html body.site .container-header .container-nav .mod-menu {
display: flex;
align-items: center;
justify-content: center;
min-height: 96px;
margin: 0;
}
html body.site .container-header .container-nav .mod-menu > li {
display: flex;
align-items: center;
min-height: 96px;
}
html body.site .container-header .container-search {
flex: 0 0 46px;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px;
margin: 0 !important;
position: relative !important;
justify-self: auto !important;
transition: width .24s ease, max-width .24s ease, flex-basis .24s ease;
direction: rtl;
}
html body.site .container-header .container-search:focus-within {
flex-basis: 320px;
width: 320px !important;
max-width: 320px !important;
}
html body.site .container-header .container-search label.finder {
display: none !important;
}
html body.site .container-header .container-search search,
html body.site .container-header .container-search form,
html body.site .container-header .container-search .awesomplete {
display: block;
width: 100% !important;
height: 46px;
margin: 0;
}
html body.site .container-header .container-search input[type="text"] {
box-sizing: border-box;
width: 46px !important;
height: 46px;
min-height: 46px;
padding: 0 !important;
color: transparent;
caret-color: transparent;
font-size: 0;
border: 1px solid rgba(255,255,255,.25);
border-radius: 50%;
outline: none;
background-color: rgba(255,255,255,.12);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='m15.5 15.5 5 5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 23px;
box-shadow: none;
cursor: pointer;
transition: width .24s ease, border-radius .24s ease, background-color .2s ease, padding .24s ease;
}
html body.site .container-header .container-search input[type="text"]::placeholder {
color: transparent;
}
html body.site .container-header .container-search:focus-within input[type="text"] {
width: 320px !important;
padding: 0 48px 0 16px !important;
color: #173765;
caret-color: #173765;
font-size: 1rem;
border-color: rgba(255,255,255,.58);
border-radius: 14px;
background-color: #fff;
background-position: right 15px center;
cursor: text;
}
html body.site .container-header .container-search:focus-within input[type="text"]::placeholder {
color: #667085;
}
@media (max-width: 991.98px) {
html body.site .container-header {
height: auto;
min-height: 76px !important;
}
html body.site .container-header > .grid-child:first-child {
height: 76px;
}
html body.site .container-header .container-nav {
height: auto;
min-height: 68px;
padding: 8px 18px 14px !important;
}
html body.site .container-header .container-nav .navbar,
html body.site .container-header .container-nav .mod-menu,
html body.site .container-header .container-nav .mod-menu > li {
height: auto;
min-height: 0;
}
html body.site .container-header .container-search {
flex: 0 0 46px;
width: 46px !important;
max-width: 46px !important;
}
html body.site .container-header .container-search:focus-within {
flex: 1 1 260px;
width: min(320px, 100%) !important;
max-width: 320px !important;
}
html body.site .container-header .container-search:focus-within input[type="text"] {
width: 100% !important;
}
}
/* Ratoos menu width consistency v3.0.1 */
html body.site .container-header .container-nav .navbar > .mod-menu {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100%;
}
/* Ratoos navigation containment v3.0.2 */
html body.site .container-header .container-nav .navbar .navbar-collapse {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
margin: 0 !important;
padding: 0 !important;
}
html body.site .container-header .container-nav .navbar .navbar-collapse > .mod-menu {
box-sizing: border-box;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
/* Ratoos desktop navigation fit v3.0.3 */
@media (min-width: 992px) {
html body.site .container-header .mod-menu > li > a,
html body.site .container-header .mod-menu > li > button,
html body.site .container-header .mod-menu > li > .mm-toggler {
font-size: .97rem !important;
white-space: nowrap;
}
}
/* Ratoos exact homepage/internal menu match v3.0.4 */
@media (min-width: 992px) {
html body.site .container-header .mod-menu > li {
padding-inline: 10px !important;
}
html body.site .container-header .mod-menu > li > a,
html body.site .container-header .mod-menu > li > button,
html body.site .container-header .mod-menu > li > .mm-toggler {
font-weight: 600 !important;
}
}
/* Ratoos safe search/menu separation v3.0.5 */
@media (min-width: 992px) {
html body.site .container-header .navbar-collapse {
transform: translateX(18px);
}
}
/* Ratoos non-shifting search overlay v3.1 */
html body.site .container-header .container-nav {
position: relative;
}
html body.site .container-header .container-search,
html body.site .container-header .container-search:focus-within {
position: absolute !important;
left: 50px;
top: 50%;
transform: translateY(-50%);
z-index: 30;
margin: 0 !important;
}
html body.site .container-header .container-search {
flex: none !important;
}
html body.site .container-header .container-nav .navbar {
transition: opacity .2s ease, filter .2s ease;
}
html body.site .container-header .container-nav:has(.container-search:focus-within) .navbar {
opacity: .26;
filter: grayscale(1);
pointer-events: none;
user-select: none;
}
html body.site .container-header .container-search:focus-within {
width: min(320px, calc(100% - 100px)) !important;
max-width: 320px !important;
}
html body.site .container-header .container-search:focus-within input[type="text"] {
width: 100% !important;
box-shadow: 0 10px 28px rgba(8, 28, 64, .25);
}
@media (max-width: 991.98px) {
html body.site .container-header .container-search,
html body.site .container-header .container-search:focus-within {
left: 18px;
top: 34px;
transform: translateY(-50%);
}
html body.site .container-header .container-search:focus-within {
width: min(320px, calc(100% - 36px)) !important;
max-width: calc(100% - 36px) !important;
}
}
/* Ratoos definitive non-shifting overlay geometry v3.1.1 */
@media (min-width: 992px) {
html body.site .container-header .container-nav {
gap: 0 !important;
}
html body.site .container-header .container-nav .navbar {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
html body.site .container-header .container-nav .container-search:not(:focus-within) {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
}
html body.site .container-header .container-nav .container-search,
html body.site .container-header .container-nav .container-search:focus-within {
left: 50px !important;
top: 25px !important;
transform: none !important;
}
}
@media (max-width: 991.98px) {
html body.site .container-header .container-nav .container-search:not(:focus-within) {
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
}
html body.site .container-header .container-nav .container-search,
html body.site .container-header .container-nav .container-search:focus-within {
left: 18px !important;
top: 11px !important;
transform: none !important;
}
}
/* Ratoos search physical positioning v3.1.2 */
html body.site .container-header .container-nav .container-search,
html body.site .container-header .container-nav .container-search:not(:focus-within),
html body.site .container-header .container-nav .container-search:focus-within {
position: absolute !important;
}
/* Ratoos homepage header exact internal-page match v3.2 */
html body.itemid-850 .container-header {
color: #22262a !important;
background: #112855 !important;
background-image: none !important;
}
html body.itemid-850 .container-header > .grid-child:first-child {
min-width: 226px !important;
}
html body.itemid-850 .container-header .navbar-brand img {
box-sizing: border-box;
width: 166px !important;
height: 48px !important;
max-width: 166px !important;
object-fit: contain;
}
html body.itemid-850 .container-header .container-nav {
max-width: 1320px !important;
}
html body.itemid-850 .container-header .container-nav .navbar {
margin-top: 8px !important;
}
html body.itemid-850 .container-header .mod-menu {
gap: normal !important;
}
html body.itemid-850 .container-header .mod-menu > li > a,
html body.itemid-850 .container-header .mod-menu > li > button,
html body.itemid-850 .container-header .mod-menu > li > .mm-toggler,
html body.itemid-850 .container-header .mod-menu > li.current > a,
html body.itemid-850 .container-header .mod-menu > li.active > a {
min-height: 0 !important;
padding: 0 !important;
color: #fff !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
html body.itemid-850 .container-header .mod-menu > li > button svg,
html body.itemid-850 .container-header .mod-menu > li > .mm-toggler svg {
color: #fff !important;
fill: currentColor;
}
@media (max-width: 991.98px) {
html body.itemid-850 .container-header > .grid-child:first-child {
min-width: 0 !important;
}
html body.itemid-850 .container-header .container-nav .navbar {
margin-top: 0 !important;
}
}
/* Ratoos homepage header logo exact alignment v3.2.1 */
@media (min-width: 992px) {
html body.itemid-850 .container-header .navbar-brand {
transform: translateX(8px);
}
}
@media (max-width: 991.98px) {
html body.itemid-850 .container-header .navbar-brand {
transform: none;
}
}
/* Homepage content restoration and visual system v4.0 */
html body.itemid-850 .ratoos-home-restored {
--rhr-navy: #112855;
--rhr-blue: #17608a;
--rhr-teal: #21b89a;
--rhr-ink: #26364d;
--rhr-muted: #627087;
--rhr-surface: #f4f8fb;
color: var(--rhr-ink);
background: #fff;
overflow: hidden;
}
html body.itemid-850 .ratoos-home-restored * { box-sizing: border-box; }
html body.itemid-850 .rhr-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
html body.itemid-850 .rhr-section { padding: 72px 0; }
html body.itemid-850 .rhr-section:nth-child(even) { background: var(--rhr-surface); }
html body.itemid-850 .rhr-title,
html body.itemid-850 .rhr-help h1 {
margin: 0 0 38px;
color: var(--rhr-navy);
text-align: center;
font-family: Vazirmatn, Tahoma, sans-serif !important;
font-weight: 800;
line-height: 1.45;
}
html body.itemid-850 .rhr-help h1 { font-size: clamp(1.8rem, 3vw, 2.65rem); }
html body.itemid-850 .rhr-title { font-size: clamp(1.55rem, 2.5vw, 2.15rem); }
html body.itemid-850 .rhr-grid { display: grid; gap: 22px; }
html body.itemid-850 .rhr-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.itemid-850 .rhr-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.itemid-850 .rhr-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html body.itemid-850 .rhr-card {
display: block;
padding: 28px;
color: var(--rhr-ink);
background: #fff;
border: 1px solid #dfe9f0;
border-radius: 20px;
box-shadow: 0 12px 36px rgba(17, 40, 85, .08);
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html body.itemid-850 a.rhr-card:hover { transform: translateY(-5px); border-color: var(--rhr-teal); box-shadow: 0 18px 44px rgba(17,40,85,.14); }
html body.itemid-850 .rhr-card h2,
html body.itemid-850 .rhr-card h3 { margin: 0 0 12px; color: var(--rhr-navy); font-weight: 800; line-height: 1.55; }
html body.itemid-850 .rhr-card h2 { font-size: 1.22rem; }
html body.itemid-850 .rhr-card h3 { font-size: 1.12rem; }
html body.itemid-850 .rhr-card p { margin: 0; color: var(--rhr-muted); line-height: 2; }
html body.itemid-850 .rhr-help-card { min-height: 190px; text-align: center; }
html body.itemid-850 .rhr-icon {
display: grid; place-items: center; width: 54px; height: 54px; margin: 0 auto 18px;
color: #fff; background: linear-gradient(135deg, var(--rhr-teal), var(--rhr-blue)); border-radius: 16px;
font-size: 1.35rem; font-weight: 900;
}
html body.itemid-850 .rhr-benefits .rhr-card { border-top: 4px solid var(--rhr-teal); }
html body.itemid-850 .rhr-solution { min-height: 150px; position: relative; padding-top: 62px; }
html body.itemid-850 .rhr-number {
position: absolute; top: 18px; right: 22px; color: var(--rhr-teal); font-size: 1.45rem; font-weight: 900;
}
html body.itemid-850 .rhr-road { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
html body.itemid-850 .rhr-road > div { position: relative; padding: 20px 12px; text-align: center; background: #fff; border: 1px solid #dfe9f0; border-radius: 18px; }
html body.itemid-850 .rhr-road span { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 14px; color: #fff; background: var(--rhr-navy); border-radius: 50%; font-weight: 900; }
html body.itemid-850 .rhr-road h3 { margin: 0; color: var(--rhr-ink); font-size: .98rem; line-height: 1.7; }
html body.itemid-850 .rhr-client-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; align-items: center; }
html body.itemid-850 .rhr-client-grid img { width: 100%; height: 105px; padding: 16px; object-fit: contain; background: #fff; border: 1px solid #e1eaf0; border-radius: 16px; filter: grayscale(1); opacity: .78; transition: .2s ease; }
html body.itemid-850 .rhr-client-grid img:hover { filter: none; opacity: 1; transform: translateY(-3px); }
html body.itemid-850 .rhr-contact { padding: 30px 0; color: #fff; background: linear-gradient(120deg, var(--rhr-navy), #176f7a); }
html body.itemid-850 .rhr-contact-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 22px; align-items: center; }
html body.itemid-850 .rhr-contact p { margin: 0; line-height: 1.9; }
html body.itemid-850 .rhr-contact a { color: #7de5d0 !important; font-weight: 800; text-decoration: none; }
/* The six legacy cards are recreated semantically with their original heading above. */
html body.itemid-850 #section-id-1485757697 { display: none !important; }
@media (max-width: 991.98px) {
html body.itemid-850 .rhr-grid-3,
html body.itemid-850 .rhr-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.itemid-850 .rhr-road { grid-template-columns: repeat(3, minmax(0, 1fr)); }
html body.itemid-850 .rhr-client-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html body.itemid-850 .rhr-contact-grid { grid-template-columns: 1fr; text-align: center; }
}
@media (max-width: 640px) {
html body.itemid-850 .rhr-section { padding: 48px 0; }
html body.itemid-850 .rhr-grid-2,
html body.itemid-850 .rhr-grid-3,
html body.itemid-850 .rhr-grid-4 { grid-template-columns: 1fr; }
html body.itemid-850 .rhr-road { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.itemid-850 .rhr-client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html body.itemid-850 .rhr-card { padding: 22px; }
}
/* The original unlabelled client strip is replaced by the complete titled client section. */
html body.itemid-850 #section-id-1502620555547 { display: none !important; }
/* Homepage wide footer prototype v4.1 */
html body.itemid-850 .main-bottom.card { margin-bottom:0!important; border:0!important; border-radius:0!important; }
html body.itemid-850 .main-bottom.card > .card-body { padding:0!important; }
html body.itemid-850 .ratoos-home-restored, html body.itemid-850 .rhr-contact { margin-bottom:0!important; }
html body.itemid-850 .rhr-contact { box-sizing:border-box!important; width:100vw!important; max-width:none!important; margin-inline:calc(50% - 50vw)!important; padding:30px clamp(22px,5vw,80px)!important; border-radius:0!important; }
html body.itemid-850 .rhr-contact .rhr-container { width:100%!important; max-width:1440px!important; margin-inline:auto!important; }
html body.itemid-850 .site-grid { padding-bottom:0!important; row-gap:0!important; }
/* Footer viewport alignment v4.1.1 */
html body.itemid-850 .rhr-contact { width:100% !important; margin-inline:0 !important; }
/* True full-bleed homepage footer v4.1.2 */
html body.itemid-850 { overflow-x: clip !important; }
html body.itemid-850 .rhr-contact { width:100vw !important; max-width:none !important; margin-inline:calc(50% - 50vw) !important; }
/* Native Joomla footer module prototype v4.2 */
html body.itemid-850 .rhr-contact { display:none !important; }
html body.itemid-850 .container-footer { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; background:none !important; box-shadow:none !important; }
html body.itemid-850 .container-footer .grid-child, html body.itemid-850 .container-footer .mod-custom { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
html body.itemid-850 .ratoos-global-footer { box-sizing:border-box; width:100%; margin:0; padding:30px clamp(22px,5vw,80px); color:#fff; background:linear-gradient(120deg,#112855,#176f7a); }
html body.itemid-850 .rgf-inner { display:grid; grid-template-columns:2fr 1fr 1fr; gap:22px; align-items:center; width:100%; margin:0; }
html body.itemid-850 .rgf-inner p { margin:0; line-height:1.9; }
html body.itemid-850 .rgf-inner a { color:#7de5d0 !important; font-weight:800; text-decoration:none; }
@media (max-width:991.98px){html body.itemid-850 .rgf-inner{grid-template-columns:1fr;text-align:center;}}
/* BEGIN RATOOS PRE-CUTOVER RESPONSIVE FIXES
Scoped fixes for migrated legacy content; no content or SEO metadata is changed. */
@media (max-width: 767.98px) {
body.itemid-854 .sppb-addon-content table,
body.itemid-854 .sppb-addon-content tbody,
body.itemid-854 .sppb-addon-content tr {
width: 100% !important;
max-width: 100% !important;
}
body.itemid-854 .sppb-addon-content table {
table-layout: auto !important;
}
body.itemid-854 .sppb-addon-content td {
overflow-wrap: anywhere;
word-break: normal;
}
body.itemid-919 .sppb-addon-content iframe,
body.itemid-896 .sppb-addon-content iframe {
display: block;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9;
}
body.itemid-1041 .sppb-addon-content a {
overflow-wrap: anywhere;
word-break: break-word;
}
}
body.itemid-1041 img[src="/"],
body.itemid-1041 a[href="http://"] {
display: none !important;
}
/* END RATOOS PRE-CUTOVER RESPONSIVE FIXES */
/* BEGIN RATOOS ORIGINAL HOME CONTENT
Show the original migrated copy with a modern layout; hide only the rewritten summaries. */
html body.itemid-850 .rhr-benefits,
html body.itemid-850 .rhr-solutions {
display: none !important;
}
html body.itemid-850 #section-id-1485757653,
html body.itemid-850 #section-id-1547371367653,
html body.itemid-850 #section-id-1547371367631 {
display: block !important;
}
html body.itemid-850 #section-id-1485757653,
html body.itemid-850 #section-id-1547371367631 {
padding: 54px 0 !important;
background: #f4f8fb !important;
}
html body.itemid-850 #section-id-1547371367653 {
padding: 58px 0 18px !important;
background: #fff !important;
}
html body.itemid-850 #section-id-1547371367653 .sppb-addon-heading,
html body.itemid-850 #section-id-1547371367653 h2,
html body.itemid-850 #section-id-1547371367653 h3 {
margin: 0 !important;
color: #112855 !important;
text-align: center !important;
font-size: clamp(1.55rem, 2.5vw, 2.15rem) !important;
font-weight: 800 !important;
}
html body.itemid-850 #section-id-1485757653 .sppb-addon-feature,
html body.itemid-850 #section-id-1547371367631 .sppb-addon-feature {
height: 100%;
padding: 28px !important;
background: #fff;
border: 1px solid #dfe9f0;
border-top: 4px solid #21b89a;
border-radius: 18px;
box-shadow: 0 12px 34px rgba(17, 40, 85, .07);
text-align: right;
}
html body.itemid-850 #section-id-1485757653 .sppb-feature-box-title,
html body.itemid-850 #section-id-1547371367631 .sppb-feature-box-title {
color: #112855 !important;
font-size: 1.12rem !important;
font-weight: 800 !important;
line-height: 1.7 !important;
}
html body.itemid-850 #section-id-1485757653 .sppb-addon-text,
html body.itemid-850 #section-id-1547371367631 .sppb-addon-text {
color: #627087 !important;
line-height: 2 !important;
}
html body.itemid-850 #section-id-1547371367631 .sppb-addon-single-image-container {
display: block;
margin: 0 0 18px;
text-align: center;
}
html body.itemid-850 #section-id-1547371367631 img {
width: 100%;
max-height: 170px;
object-fit: cover;
border-radius: 16px;
}
@media (max-width: 767.98px) {
html body.itemid-850 #section-id-1485757653,
html body.itemid-850 #section-id-1547371367631 {
padding: 36px 0 !important;
}
html body.itemid-850 #section-id-1485757653 .sppb-col-md-3,
html body.itemid-850 #section-id-1547371367631 .sppb-col-md-3 {
margin-bottom: 18px;
}
}
/* END RATOOS ORIGINAL HOME CONTENT */
/* BEGIN RATOOS LEGACY ANIMATION COMPATIBILITY */
html body.itemid-850 #section-id-1547371367631 .sppb-wow {
visibility: visible !important;
opacity: 1 !important;
animation: none !important;
transform: none !important;
}
/* END RATOOS LEGACY ANIMATION COMPATIBILITY */