OwlCyberSecurity - MANAGER

Edit File: public-main.css

.wp-gr {
    --rev-gap: 4px;
}

.wp-gr .wp-google-badge {
    display: inline-block;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
}

.wp-gr .wp-google-badge-fixed {
    position: fixed!important;
    right: 30px!important;
    bottom: 30px!important;
    max-width: none!important;
    z-index: 2147482999!important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26)!important;
}

.wp-gr .wp-google-badge_left-fixed {
    position: fixed!important;
    left: 30px!important;
    bottom: 30px!important;
    max-width: none!important;
    z-index: 2147482999!important
}

.wp-gr .wp-google-badge * {
    cursor: pointer!important
}

.wp-gr .wp-google-border {
    width: 100%!important;
    height: 6px!important;
    background: #4fce6a!important;
    border-radius: 2px 2px 0 0!important;
}

.wp-gr .wp-google-badge-btn {
    position: relative!important;
    padding: 10px!important;
    background: #fff!important;
    transition: all .2s ease-in-out!important;
    border-radius: 2px!important;
}

.wp-gr .wp-google-badge-btn:hover {
    background: #f3f3f5!important
}

.wp-gr .wp-google-badge-score {
    display: inline-block;
    margin: 0 0 0 4px!important;
    vertical-align: middle!important;
}

.wp-gr .wp-google-rating {
    color: var(--star-color, #fb8e28)!important;
    font-size: 21px!important;
    font-weight: 600!important;
    margin: 0 6px 0 0!important;
    vertical-align: middle!important
}

.wp-gr .wp-google-stars .wp-star {
    padding: 0 4px 0 0!important;
    line-height: 22px!important
}

.wp-gr .wp-google-based,
.wp-gr .wp-google-powered {
    color: var(--head-based-color, #555555)!important;
    margin: 6px 0 0!important
}

.wp-gr .wp-google-powered {
    color: var(--powered-color, #777777)!important;
    font-size: 15px!important
}

.wp-gr .wp-google-powered > span {
    font-weight: 600!important
}

.wp-gr .wp-google-form .wp-google-reviews {
    padding: 16px 16px 0!important
}

.wp-gr .wp-google-review {
    margin-top: 15px!important
}

.wp-gr .wp-google-left {
    display: table-cell!important;
    vertical-align: top!important
}

[dir="ltr"] .wp-google-left {
    padding-right: 10px!important
}

[dir="rtl"] .wp-google-left {
    padding-left: 10px!important
}

.wp-gr .wp-google-left img {
    border: none!important;
    float: left!important;
    height: 50px!important;
    width: 50px!important;
    margin-right: 10px!important;
    overflow: hidden!important;
    border-radius: 50%!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
}

.wp-gr .wp-google-reviews img {
    border-radius: 50%!important
}

.wp-gr .wp-google-right {
    display: table-cell!important;
    vertical-align: top!important;
    width: 10000px!important
}

.wp-gr .wp-google-place.wp-place-center {
    text-align: center !important;
}

.wp-gr .wp-google-place.wp-place-center .wp-google-left {
    display: block !important;
}

.wp-gr .wp-google-place.wp-place-center .wp-google-left img {
    float: none !important;
}

.wp-gr .wp-star svg {
    display: inline-block!important
}

.wp-gr .wp-google-place .wp-star svg {
    width: 20px!important;
    height: 20px!important;
    vertical-align: middle!important
}

.wp-gr .wp-star svg {
    width: 19px!important;
    height: 19px!important;
    vertical-align: middle!important
}

.wp-gr .wp-star svg path {
    fill: var(--star-color, #fb8e28);
}

.wp-gr .wp-google-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--rev-gap);
}

.wp-gr .wp-google-name {
    color: black!important;
    font-size: 100%!important;
    font-weight: bold!important;
    margin: 0 0 2px!important;
    padding-right: 6px!important;
    text-decoration: none!important
}

.wp-gr a.wp-google-name {
    color: #427fed!important;
    text-decoration: none!important
}

.wp-gr .wp-google-time {
    color: #555!important;
    font-size: 13px!important;
    white-space: nowrap!important
}

.wp-gr .wp-google-text {
    color: var(--text-color, #222222)!important;
    font-size: 15px!important;
    line-height: 24px!important;
    max-width: 100%!important;
    overflow: hidden!important;
    white-space: pre-wrap!important;
    word-break: break-word!important
}

.wp-gr .wp-google-text .wp-google-stars {
    padding-right: 7px!important
}

.wp-gr .wp-more {
    display: none
}

.wp-gr .wp-more-toggle {
    color: #136aaf!important;
    cursor: pointer!important;
    text-decoration: none!important
}

.wp-gr .wp-google-url {
    display: block;
    margin: 10px 0!important;
    color: #136aaf!important;
    text-align: center!important
}

.wp-gr .wp-google-form {
    position: fixed!important;
    bottom: 0!important;
    right: 0!important;
    height: 100%!important;
    width: 368px!important;
    z-index: 2147483000!important
}

.wp-gr .wp-google-form.wp-google-form-left {
    left: 0!important;
}

@media(max-width:460px) {
    .wp-gr .wp-google-form {
        width: 100%!important
    }
}

.wp-gr .wp-google-head {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    width: 100%!important;
    height: 80px!important;
    background: #fff!important;
    padding: 10px 16px!important;
    overflow: hidden!important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12)!important;
    z-index: 2147483002!important
}

.wp-gr .wp-google-head-inner {
    z-index: 2147483000!important;
    position: absolute!important;
    left: 20px!important;
    top: 20px!important;
    width: 100%!important;
    height: 100%!important;
    pointer-events: none!important
}

.wp-gr .wp-google-close {
    padding: 0!important;
    cursor: pointer!important;
    outline: 0!important;
    border: 0!important;
    background: 0 0!important;
    min-height: 0!important;
    width: auto!important;
    float: right!important;
    font-size: 32px!important;
    font-weight: 500!important;
    line-height: .6!important;
    color: #999!important;
    -webkit-appearance: none!important
}

.wp-gr .wp-google-close:hover {
    color: #555!important
}

.wp-gr .wp-google-body {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    width: 100%!important;
    background: rgba(250, 250, 251, .98)!important;
    border-left: 1px solid #dadee2!important;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .08)!important;
    z-index: 2147483000!important
}

.wp-gr .wp-google-content {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    width: 100%!important;
    overflow-y: auto!important;
    z-index: 2147483001!important;
    -webkit-transform: translateZ(0)!important
}

.wp-gr .wp-google-content {
    top: 80px!important;
    bottom: 48px!important
}

.wp-gr .wp-google-content-inner {
    position: relative!important;
    min-height: 100%!important;
    margin: 0 auto!important
}

.wp-gr .wp-google-footer {
    position: absolute!important;
    bottom: 0!important;
    right: 0!important;
    width: 100%!important;
    height: 48px!important;
    text-align: center!important;
    z-index: 2147483002!important;
    background: #fff!important;
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .06)!important;
    -moz-text-align-last: center!important;
    text-align-last: center!important
}

.wp-gr .wp-google-footer img {
    float: right!important;
    padding: 16px!important
}

.wp-gr.wp-dark .wp-google-name {
    color: #eee!important
}

.wp-gr.wpac.wp-dark .wp-google-name a {
    color: var(--head-based-color, #eeeeee)!important
}

.wp-gr.wp-dark .wp-google-time {
    color: #bbb!important
}

.wp-gr.wp-dark .wp-google-text {
    color: #ececec!important
}

.wp-gr.wp-dark .wp-google-powered {
    color: var(--powered-color, #ffffff)!important
}

.wp-gr.wp-dark .wp-google-based {
    color: var(--head-based-color, #999999)!important
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    background: var(--rev-color, #fafafa)!important;
}

.wp-gr.wpac .wp-google-name {
    font-size: 100%!important
}

.wp-gr.wpac .wp-google-hide,
.wp-gr.wpac .grw-hide {
    display: none
}

.wp-gr.wpac .wp-google-name a {
    color: var(--head-name-color, #333333)!important;
    font-size: 100%!important;
    text-decoration: none!important
}

.wp-gr.wpac .wp-google-left img {
    width: 50px!important;
    height: 50px!important;
    border-radius: 50%!important
}

.wp-gr.wpac a.wp-google-name {
    color: #154fc1!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
}

.wp-gr.wpac .wp-google-review .wp-google-stars {
    display: inline-block;
    margin-right: 4px!important
}

@media(max-width: 480px) {
    .wp-google-badge.wp-google-badge-fixed.wp-google-badge-hide {
        display: none!important;
    }
}

@media(max-width: 480px) {
    .wp-google-badge.wp-google-badge_left-fixed.wp-google-badge-hide {
        display: none!important;
    }
}

/*-------------------------------- row --------------------------------*/
.wp-gr {
    display: block!important;
    width: 100%!important;
    padding-bottom: 20px!important;
    text-align: left!important;
    direction: ltr!important;
    box-sizing: border-box!important;
}

.wp-gr .grw-row {
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: nowrap!important;
    align-items: center!important;
    -ms-flex-wrap: nowrap!important;
    -ms-flex-align: center!important;
}

/*-------------------------------- Row cols --------------------------------*/
.wp-gr .grw-row-xs {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

.wp-gr .grw-row-xs .grw-header,
.wp-gr .grw-row-xs .grw-content,
.wp-gr .grw-row-xs .grw-review,
.wp-gr .grw-row-x .grw-header + .grw-content .grw-review {
    /*-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;*/
    --gap: 0;
    --col: 1;
}

.wp-gr .grw-row-xl .grw-header + .grw-content {
    /*-ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;*/
    --gap: .2;
    --col: 1.2;
}

.wp-gr .grw-row-l .grw-header + .grw-content {
    /*-ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;*/
    --gap: .25;
    --col: 1.25;
}

.wp-gr .grw-row-m .grw-header + .grw-content {
    /*-ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;*/
    --gap: .333333;
    --col: 1.333333;
}

.wp-gr .grw-row-s .grw-header + .grw-content {
    /*-ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;*/
    --gap: .5;
    --col: 1.5;

}

.wp-gr .grw-row-x .grw-header,
.wp-gr .grw-row-x .grw-header + .grw-content,
.wp-gr .grw-row-x .grw-review,
.wp-gr .grw-row-s .grw-header + .grw-content .grw-review {
    /*-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;*/
    --gap: 1;
    --col: 2;
}

.wp-gr .grw-row-s .grw-header,
.wp-gr .grw-row-s .grw-review,
.wp-gr .grw-row-m .grw-header + .grw-content .grw-review {
    /*-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;*/
    --gap: 2;
    --col: 3;
}

.wp-gr .grw-row-m .grw-header,
.wp-gr .grw-row-m .grw-review,
.wp-gr .grw-row-l .grw-review {
    /*-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;*/
    --gap: 3;
    --col: 4;
}

.wp-gr .grw-row-l .grw-header,
.wp-gr .grw-row-xl .grw-review {
    /*-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;*/
    --gap: 4;
    --col: 5;
}

.wp-gr .grw-row-xl .grw-header {
    /*-ms-flex: 0 0 16.666666%;
    flex: 0 0 16.666666%;
    max-width: 16.666666%;*/
    --gap: 5;
    --col: 6;
}

.wp-gr .grw-header,
.wp-gr .grw-content {
    -ms-flex: 1 0 calc(100% / var(--col, 3))!important;
    flex: 1 0 calc(100% / var(--col, 3))!important;
    width: calc(100% / var(--col, 3))!important;
}

.wp-gr .grw-review {
    -ms-flex: 1 0 calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
    flex: 1 0 calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
    width: calc((100% - var(--card-gap, 16px)*var(--gap, 2)) / var(--col, 3))!important;
}

/*-------------------------------- Reviews --------------------------------*/
.wp-gr .grw-content {
    position: relative!important;
    min-width: 0!important;
}

.wp-gr .grw-content-inner {
    position: relative!important;
    display: flex!important;
    align-items: center!important;
}

.wp-gr .grw-review-inner {
    display: flex;
    flex-direction: column;
    gap: var(--rev-gap);
    height: 100%!important;
}

.wp-gr .grw-header-inner,
.wp-gr .grw-review-inner {
    position: relative!important;
    /*margin: 0 10px!important;*/
    padding: 15px!important;
    width: 100%!important;
}

.wp-gr .grw-review-inner.grw-round {
    border-radius: 4px!important
}

.wp-gr .grw-review-inner.grw-shadow {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important
}

.wp-gr .grw-review-inner > svg {
    position: absolute!important;
    top: 10px!important;
    right: 10px!important;
    width: 18px!important;
    height: 18px!important;
}

.wp-gr .grw-reviews {
    display: flex!important;
    display: -ms-flexbox!important;
    flex: 1!important;
    overflow: hidden!important;
    scrollbar-width: none;
}

.wp-gr .grw-reviews::-webkit-scrollbar {
    display: none!important;
}

.wp-gr .grw-review {
    display: flex;
    position: relative!important;
    justify-content: center!important;
    align-items: center!important;
    flex-shrink: 0!important;
    width: 100%!important;
}

/*-------------------------------- Slider buttons --------------------------------*/
/*.wp-gr .grw-controls {
    position: absolute!important;
    top: 50%!important;
    width: 100%!important;
}*/

.wp-gr .grw-btns {
    /*position: absolute!important;*/
    height: 33px!important;
    width: 33px!important;
    text-align: center!important;
    cursor: pointer!important;
    border-radius: 50%!important;
    user-select: none!important;
}
.wp-gr .grw-btns svg path {
    fill: #aaa;
    transition: all .2s ease-in-out!important;
}
.wp-gr .grw-btns:hover svg path {
    fill: #555!important;
}
/*.wp-gr .grw-btns.grw-prev {
    left: 0px!important;
    margin-left: -5px!important;
}
.wp-gr .grw-btns.grw-next {
    right: 0px!important;
    margin-right: -5px!important;
}*/

[dir="rtl"] .wp-gr .grw-next,
[dir="rtl"] .wp-gr .grw-prev {
    transform: rotate(180deg);
}

/*-------------------------------- Slider dots --------------------------------*/
/*.wp-gr .grw-dots {
    position: absolute!important;
    left: 50%!important;
    transform: translate(-50%, 0)!important;
    text-align: center!important;
}

.wp-gr .grw-dot {
    display: inline-block!important;
    width: 9px!important;
    height: 9px!important;
    margin: 3px!important;
    background: #cccccc!important;
    border-radius: 20px!important;
    cursor: pointer!important;
    opacity: 0.4!important;
    transition: all .2s ease-in-out!important;
}

.wp-gr .grw-dot:hover {
    opacity: 1!important;
}

.wp-gr .grw-dot.active {
    opacity: 1!important;
    background: #427fed !important;
}*/

/*-------------------------------- slider overrides --------------------------------*/
.wp-gr .grw-review .wp-google-left {
    display: block!important;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    line-height: 24px !important;
}

.wp-gr .grw-review .wp-google-stars {
    margin: 12px 0 var(--rev-gap)!important;
}

.wp-gr .grw-review .wp-google-feedback {
    height: 100px!important;
    overflow-y: auto!important;
    /*padding-right: 10px!important;*/
}

.wp-gr .grw-scroll::-webkit-scrollbar {
    width: 4px!important;
}

.wp-gr .grw-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3)!important;
    -webkit-border-radius: 4px!important;
    border-radius: 4px!important;
}

.wp-gr .grw-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px!important;
    border-radius: 10px!important;
    background: #ccc!important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5)!important;
}

.wp-gr .grw-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc!important;
}

/*-------------------------------- writereview button --------------------------------*/
.wp-gr .wp-google-wr {
    margin: 15px auto 8px!important;
}

.wp-gr .wp-google-wr a {
    color: #fff!important;
    padding: 6px 15px 10px!important;
    outline: none !important;
    border-radius: 27px!important;
    background: var(--btn-color, #1f67e7)!important;
    white-space: nowrap!important;
    vertical-align: middle!important;
    opacity: .9!important;
    text-shadow: 1px 1px 0 #888!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24)!important;
    user-select: none!important;
    transition: all .2s ease-in-out!important;
}

.wp-gr .wp-google-wr a:hover {
    opacity: .95!important;
    background: var(--btn-color, #1f67e7)!important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .24)!important;
}

.wp-gr .wp-google-wr a:active {
    opacity: 1!important;
    background: var(--btn-color, #1f67e7)!important;
    box-shadow: none!important;
}

.wp-gr .wp-google-wr a svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin: 0 0 0 4px;
    background: #fff;
    border-radius: 50%;
}

/*-------------------------------- slider --------------------------------*/
.wp-gr[data-layout="slider"] .grw-reviews {
    /*margin: 0 20px!important;
    padding: 10px 0 15px!important;*/
    gap: var(--card-gap, 16px);
    overflow-x: scroll!important;
    flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    scroll-snap-type: x mandatory!important;
    scroll-behavior: smooth!important;
    -webkit-overflow-scrolling: touch!important;
}

.wp-gr[data-layout="slider"] .grw-review {
    scroll-snap-align: start!important;
    transform-origin: center center!important;
    transform: scale(1)!important;
    transition: transform 0.5s!important;
}

/*-------------------------------- Slider dots --------------------------------*/
.wp-gr {
    --slider-dot-size: 8px;
}

.wp-gr .rpi-dots-wrap {
    position: absolute!important;
    top: calc(100% - 1px)!important;
    left: 0!important;
    right: 0!important;
    display: flex!important;
    justify-content: center!important;
    margin: 0 var(--slider-btn)!important;
    padding-top: var(--slider-dot-padding-top, 16px)!important;
}

.wp-gr .rpi-dots {
    display: flex!important;
    gap: 12px!important;
    flex-wrap: nowrap!important;
    overflow-x: scroll!important;
    scrollbar-width: none!important;
    scroll-snap-type: x mandatory!important;
    /*scroll-behavior: smooth!important;*/
    -webkit-overflow-scrolling: touch!important;
}

.wp-gr .rpi-dot {
    display: inline-block!important;
    width: var(--slider-dot-size)!important;
    height: var(--slider-dot-size)!important;
    margin: 1px 0!important;
    background-color: var(--slider-dot-color, #999999)!important;
    border-radius: 20px!important;
    cursor: pointer!important;
    opacity: .4!important;
    vertical-align: middle!important;
    flex: 1 0 auto!important;
    width: var(--slider-dot-size)!important;
    transform: scale(0.65)!important;
    scroll-snap-align: center!important;
}
.wp-gr .rpi-dot:hover {
    opacity: 1!important;
}
.wp-gr .rpi-dot.active {
    opacity: 1!important;
    transform: scale(1.1)!important;
    background-color: var(--slider-act-dot-color, #154fc1)!important;
}
.wp-gr .rpi-dot.s2 {
    transform: scale(.9)!important;
}
.wp-gr .rpi-dot.s3 {
    transform: scale(.75)!important;
}

/*-------------------------------- grid --------------------------------*/
.wp-gr[data-layout="grid"] .grw-reviews {
    /*margin: 10px!important;
    padding: 0!important;*/
    gap: var(--card-gap, 16px);
    flex-wrap: wrap !important;
    -ms-flex-wrap: wrap!important;
}

/*.wp-gr[data-layout="grid"] .grw-review-inner {
    margin: 10px!important;
}

.wp-gr[data-layout="grid"] .grw-header-inner {
    margin: 0 10px!important;
    padding: 0!important;
}*/

.wp-gr .grw-b {
    font-weight: bold!important;
}

.wp-gr .wp-google-reply {
    font-size: 14px !important;
    margin-top: auto !important;
    margin-left: 6px !important;
    padding-left: 6px !important;
    border-left: 1px solid #999 !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    line-height: 20px !important;
    max-height: 44px !important;
}

.wp-gr .wp-google-reply > div {
    display: flex;
    gap: 4px;
    align-items: center;
}

.wp-gr .wp-google-reply .wp-google-time {
    font-size: 11px !important;
    white-space: nowrap !important;
}

.wp-gr .wp-google-img {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wp-gr .wp-google-img img {
    display: flex;
    width: 40px !important;
    height: 40px !important;
    cursor: pointer !important;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important;
}