.cursor-pointer {
    cursor: pointer
}

.media-box {
    position: relative
}

.media-box .info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    text-align: center;
    padding: 1.35294rem 0;
    transition: all .3s ease-in
}

.media-box:hover .info {
    background-color: #000
}

.media-box .h3,
.media-box h3 {
    color: #fff;
    font-size: 1.11765rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.media-box .h3 .icon,
.media-box h3 .icon {
    color: #0174c3;
    margin-right: .5rem;
    width: .85em;
    height: .85em
}

.media-box img {
    width: 100%
}

.industry {
    position: relative
}

.industry .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    text-align: center;
    padding: 1.35294rem 0;
    transition: all .3s ease-in;
    color: #fff
}

.industry .info p {
    margin: 0;
    font-size: 1.11765rem;
    font-weight: 700
}

.industry:hover .info {
    background-color: #000
}

.industry img {
    width: 100%
}

.home .fw-heading-h2.text-center .h2,
.home .fw-heading-h2.text-center h2,
.home .text-center.h2,
.home h2.text-center {
    color: #48565e;
    position: relative;
    padding-bottom: 1rem
}

.home .fw-heading-h2.text-center .h2:after,
.home .fw-heading-h2.text-center h2:after,
.home .text-center.h2:after,
.home h2.text-center:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    height: .23529rem;
    background: #0197e0;
    margin: .47059rem 0 0
}

.home-services {
    text-align: center
}

.home-services .row {
    justify-content: space-between
}

.home-services .info {
    margin: 0 auto 1rem
}

.home-services .h3,
.home-services h3 {
    color: #48565e
}

.home-services .desc {
    color: #48565e;
    font-size: 1.11765rem;
    font-weight: 300
}

.img-section {
    padding: 0 0 2rem;
    color: #fff;
    min-height: 427px;
    display: flex;
    align-items: center;
    background-color: #235e78
}

.img-section .col-12:first-child {
    padding-left: 0;
    padding-right: 0
}

.img-section .fw-special-title {
    line-height: 1
}

.img-section .text-block {
    max-width: 33.82353rem;
    margin-bottom: 1.5rem
}

.img-section .img-box {
    margin-bottom: 1rem
}

.recent-posts .post {
    background-color: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, .09);
    margin-bottom: 1rem
}

.recent-posts .content {
    padding: .58824rem 1.47059rem
}

.recent-posts .title {
    font-size: 14px
}

.recent-posts .entry-meta {
    padding-top: .7rem;
    border-top: 1px solid #ddd;
    margin-bottom: 0
}

.our-team .owl-item {
    padding: 0
}

.team-member {
    position: relative
}

.team-member .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    text-align: center;
    padding: 1.35294rem 0;
    transition: all .3s ease-in;
    color: #fff
}

.team-member .name {
    font-size: 1.11765rem;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.team-member .position {
    font-weight: 300;
    font-size: 13px
}

.team-member .position p {
    margin-bottom: .5rem
}

.team-member .stretched-link {
    font-weight: 700;
    font-size: .82353rem;
    color: #fff
}

.team-member .stretched-link .icon {
    width: .8em;
    height: .8em;
    margin-top: -2px;
    margin-left: .3rem
}

.team-member:hover .content {
    background-color: #000
}

.careers {
    background-color: #565656
}

.career {
    position: relative
}

.career .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    padding: .88235rem 1.17647rem;
    transition: all .3s ease-in;
    color: #fff
}

.career .title {
    font-size: 1.11765rem;
    color: #fff;
    margin-bottom: .5rem
}

.career .excerpt {
    font-weight: 300;
    font-size: 13px
}

.career .excerpt p {
    margin-bottom: .5rem
}

.career .stretched-link {
    font-weight: 700;
    font-size: .82353rem;
    color: #fff
}

.career .stretched-link .icon {
    width: .8em;
    height: .8em;
    margin-top: -2px;
    margin-left: .3rem
}

.career .img-fluid {
    width: 100%
}

.career:hover .content {
    background-color: #000
}

.owl-cat .owl-item {
    padding: 0
}

.cat-post {
    position: relative
}

.cat-post .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    padding: 1.35294rem 1.17647rem;
    transition: all .3s ease-in;
    color: #fff
}

.cat-post .title {
    font-size: .94118rem;
    color: #fff;
    margin-bottom: .5rem
}

.cat-post .date {
    font-weight: 400;
    font-size: 13px;
    color: #ccc;
    margin-bottom: .5rem
}

.cat-post .stretched-link {
    font-weight: 700;
    font-size: .82353rem;
    color: #fff
}

.cat-post .stretched-link .icon {
    width: .8em;
    height: .8em;
    margin-top: -2px;
    margin-left: .3rem
}

.cat-post:hover .content {
    background-color: #000
}

.site-header {
    z-index: 999
}

.site-header .logo-link {
    margin-right: 2rem
}

.site-header .logo-link img {
    width: 23.52941rem
}

.site-header .dropdown:hover>.dropdown-menu {
    display: block
}

.site-header .dropdown:hover>.dropdown-menu .dropdown:hover .dropdown-menu {
    display: block;
    right: 100%;
    top: 10px !important
}

.site-header .active>.nav-link {
    font-weight: 700;
    color: #0174c3
}

.site-header .phone {
    padding: 0 .5rem 0 .5rem
}

.site-header .phone a {
    color: #48565e;
    font-size: 1.41176rem
}

.site-header .phone a:focus,
.site-header .phone a:hover {
    color: #0174c3
}

.site-header .navbar-collapse {
    justify-content: end
}

.dropdown-menu {
    box-shadow: 0 5px 11px rgba(0, 0, 0, .27)
}

.dropdown-menu>.dropdown>a {
    position: relative
}

.dropdown-menu>.dropdown>a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.17647rem;
    margin: -4px 0 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #ccc
}

.dropdown-menu>.dropdown>a:hover:after {
    border-left: 5px solid #fff
}

.dropdown-menu .dropdown-menu {
    background-color: #0174c3
}

.dropdown-menu .dropdown-menu .dropdown-item {
    color: #fff
}

.navbar-toggler {
    border: 0 none;
    padding-right: 0;
    position: relative;
    z-index: 200
}

.navbar-toggler .btn-text {
    font-size: 1rem;
    line-height: 20px;
    color: #0174c3;
    font-weight: 700;
    text-transform: uppercase
}

.navbar-toggler .toggle-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px
}

.navbar-toggler .toggle-icon i {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #0174c3;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.navbar-toggler .toggle-icon i:nth-child(1) {
    top: 0
}

.navbar-toggler .toggle-icon i:nth-child(2),
.navbar-toggler .toggle-icon i:nth-child(3) {
    top: 8px
}

.navbar-toggler .toggle-icon i:nth-child(4) {
    top: 16px
}

.navbar-toggler:not(.collapsed) .toggle-icon i:nth-child(1) {
    top: 9px;
    width: 0;
    left: 50%
}

.navbar-toggler:not(.collapsed) .toggle-icon i:nth-child(2) {
    transform: rotate(45deg)
}

.navbar-toggler:not(.collapsed) .toggle-icon i:nth-child(3) {
    transform: rotate(-45deg)
}

.navbar-toggler:not(.collapsed) .toggle-icon i:nth-child(4) {
    top: 9px;
    width: 0;
    left: 50%
}

.site-footer {
    padding: 3rem 0 1.5rem;
    background-color: #0174c3;
    color: #fff
}

.site-footer .logo-link {
    display: block;
    margin-bottom: 1.5rem;
    width: 13.17647rem
}

.site-footer .textwidget {
    color: #7ecaff;
    font-size: 14px;
    font-weight: 400;
    max-width: 14.11765rem
}

.site-footer .widget-title {
    color: #fff;
    font-size: 1.23529rem
}

.site-footer .menu {
    list-style: none;
    padding-left: 0
}

.site-footer .menu li {
    margin-bottom: .5rem
}

.site-footer a {
    color: #fff;
    font-size: 16px;
    font-weight: 300
}

.site-footer a:hover {
    color: #7ecaff
}

.site-footer a[href^="mailto:"] {
    padding-left: 1.76471rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.9 36.6'%3E%3Cpath d='M47.4,10.65l-1.9-1.9L27.9,26.35a5.8,5.8,0,0,1-8.1,0L2.2,8.85.3,10.75l13.1,13.1L.3,37l1.9,1.9,13.1-13.1,2.6,2.6a8.21,8.21,0,0,0,11.8,0l2.6-2.6,13.1,13.1L47.3,37,34.2,23.85l13.2-13.2' transform='translate(0 -5.65)' fill='%23fff'/%3E%3Cpath d='M43.7,42.25H4.2A4.23,4.23,0,0,1,0,38.05V9.85a4.23,4.23,0,0,1,4.2-4.2H43.7a4.23,4.23,0,0,1,4.2,4.2v28.2a4.23,4.23,0,0,1-4.2,4.2ZM4.1,8.35a1.37,1.37,0,0,0-1.4,1.4V38a1.37,1.37,0,0,0,1.4,1.4H43.6A1.37,1.37,0,0,0,45,38V9.75a1.37,1.37,0,0,0-1.4-1.4Z' transform='translate(0 -5.65)' fill='%23fff'/%3E%3C/svg%3E") left center/1.2em no-repeat
}

.site-footer a[href^="tel:"] {
    padding-left: 1.76471rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.66 191.66'%3E%3Ctitle%3Ecall%3C/title%3E%3Cpath d='M123.4,11.66A80.12,80.12,0,0,1,180,68.26' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='8'/%3E%3Cpath d='M115.1,42.56a47.92,47.92,0,0,1,34,34' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='8'/%3E%3Cpath d='M56.5,96.46a83.56,83.56,0,0,0,39,38.9,8,8,0,0,0,7.9-.6l25-16.7a7.93,7.93,0,0,1,7.6-.7l46.8,20.1a7.9,7.9,0,0,1,4.8,8.3,48,48,0,0,1-47.6,41.9A136,136,0,0,1,4,51.66,48,48,0,0,1,45.9,4.06a7.92,7.92,0,0,1,8.3,4.8l20.1,46.9a8,8,0,0,1-.6,7.5L57,88.66A8,8,0,0,0,56.5,96.46Z' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='8'/%3E%3C/svg%3E") left center/1.2em no-repeat
}

.site-footer .payments {
    margin: .4rem 0 0 -3px;
    max-width: 15.88235rem
}

.copiright {
    font-size: 14px;
    font-weight: 300;
    color: #7ecaff
}

.copiright hr {
    margin: 1rem 0;
    color: #0085e0;
    opacity: 1
}

.copiright .nav li+li {
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid #7ecaff
}

.copiright .nav a {
    font-size: 14px;
    color: #7ecaff
}

.copiright .nav a:hover {
    color: #fff
}

@media (min-width:576px) {
    .site-footer .textwidget {
        font-size: 13px
    }

    .site-footer .menu a {
        font-size: .94118rem
    }

    .site-footer .email a {
        font-size: .94118rem
    }

    .copiright {
        font-size: 13px
    }
}

@media (min-width:768px) {
    .site-header .logo-link {
        order: 0
    }

    .site-header .navbar-collapse {
        order: 1
    }

    .site-header .phone {
        order: 2
    }

    .site-header .consultation {
        order: 3
    }

    .site-footer .row {
        justify-content: space-between
    }
}

@media (min-width:1280px) {
    .site-header .navbar-nav .nav-link {
        padding-right: 1.05882rem;
        padding-left: 1.05882rem
    }

    .site-header .phone {
        padding: 0 1.5rem 0 .5rem
    }
}

@media (max-width:991.98px) {
    .site-header .logo-link {
        margin-right: 1rem
    }

    .site-header .logo-link img {
        width: 10rem
    }

    .site-header .btn-sm {
        padding: .4rem .5rem;
        font-size: .6rem;
        border-radius: 2rem
    }

    .copiright .me-lg-3 {
        margin-bottom: 1rem
    }
}

@media (max-width:575.98px) {
    .site-header .navbar {
        padding-top: .6rem;
        padding-bottom: .6rem
    }

    .site-header .consultation {
        display: none
    }

    .site-header .navbar-toggler:not(.collapsed) {
        position: absolute;
        z-index: 999;
        right: 1.5rem
    }

    .site-header .navbar-toggler:not(.collapsed) .toggle-icon i {
        background-color: #fff
    }

    .site-header .navbar-toggler:not(.collapsed) .btn-text {
        color: #fff
    }

    .site-header .navbar-collapse {
        background-color: rgba(1, 116, 195, .99);
        position: fixed;
        z-index: 180;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow-y: scroll
    }

    .site-header #main-menu {
        margin-top: 7vh;
        width: 100%;
        padding: 0 1rem
    }

    .site-header #main-menu .menu-item {
        margin-bottom: .2rem
    }

    .site-header #main-menu .nav-link {
        font-size: 1.2rem;
        color: #fff
    }

    .site-header .dropdown-menu {
        display: block;
        background: 0 0;
        box-shadow: none;
        padding: 0
    }

    .site-header .dropdown-menu .dropdown-item {
        font-size: 1rem;
        color: #fff;
        white-space: normal
    }

    .site-header .dropdown-menu>.dropdown>a:after {
        transform: rotate(90deg);
        color: #fff
    }

    .site-header .dropdown-menu .dropdown-menu {
        padding-left: 1rem
    }

    .site-header .logo-link {
        display: inline-block;
        max-width: 40vw
    }

    .copiright .nav li+li {
        margin-left: .5rem;
        padding-left: .5rem
    }
}

#toTop {
    position: fixed;
    z-index: 200;
    bottom: 3%;
    right: 3%;
    cursor: pointer;
    display: none;
    width: 2.5rem;
    height: 2.5rem;
    color: #fff;
    padding: .5rem;
    background-color: rgba(1, 116, 195, .7);
    border-radius: 30px;
    opacity: .7
}

#toTop:hover {
    opacity: 1
}

.wp-caption {
    font-size: inherit
}

.wp-caption-text {
    font-size: inherit
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.entry-footer span {
    padding-right: 10px
}

#secondary img,
article img,
figure,
img,
img.wp-post-image {
    max-width: 100%;
    height: auto
}

a.skip-link {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

.country_heading>.accordion-button {
    background-color: #2b6881;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1px
}

.country_heading>.accordion-button.collapsed {
    background-color: #d9e3ea;
    border-color: #d9e3ea;
    color: #2b6881
}

.country_heading>.accordion-button.collapsed::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%232b6881'%3E%3Cpath d='M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z'/%3E%3C/svg%3E")
}

.regulator {
    justify-content: space-between;
    margin-bottom: 2rem
}

.regulator .inputs-row {
    --bs-gutter-x: .5rem
}

.regulators .accordion-body {
    padding: 0
}

.regulators .accordion-item {
    background-color: f9f9f9;
    border: 0 none;
    margin-bottom: 1px
}

.regulators .form-control,
.regulators .form-select,
.regulators .wpcf7-select,
.regulators .wpcf7-text,
.regulators .wpcf7-textarea {
    border-color: #2b6881
}

.regulators .input-group-text {
    border-color: #0174c3;
    background-color: #0174c3;
    color: #fff
}

.regulators .inner-content {
    margin: 0
}

.regulators .logo {
    margin-bottom: 1rem;
    text-align: center;
    background-color: #fff;
    padding: .5rem
}

.regulators .btn,
.regulators .wpcf7-submit {
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 8.23529rem
}

.regulators .h4 {
    color: #48565e
}

.regulators .contents .row {
    --bs-gutter-x: .3rem
}

.regulators .contents strong {
    color: #48565e;
    margin-right: .5rem
}

@media (max-width:767.98px) {

    .regulator .form-select,
    .regulator .wpcf7-select {
        margin-bottom: .5rem
    }

    .regulators .butns a {
        display: block !important;
        width: 100%;
        margin-bottom: .5rem
    }

    .regulators .inner-content {
        padding: 0
    }
}

@media (min-width:576px) {
    .testimonial {
        display: flex
    }

    .testimonial .icon-wrp {
        padding-right: 1rem;
        flex: 0 0 auto;
        width: 85px
    }

    .testimonial .text {
        flex-grow: 1
    }
}

@media (min-width:768px) {
    .hide-md-up {
        display: none !important
    }

    .contact-details {
        display: inline-block
    }

    .img-section {
        padding: 3rem 0
    }

    .img-section .img-box {
        display: none
    }

    .img-section.invert .row {
        flex-direction: row-reverse
    }
}

@media (min-width:992px) {
    .articles .col-md-4 {
        width: 35%
    }

    .articles .col-md-8 {
        width: 65%
    }

    #main-banner {
        padding-top: 6rem !important;
        padding-bottom: 6.5rem !important
    }

    #cyberforensics .fw-special-title {
        font-size: 4.11765rem
    }

    .team-member .position {
        margin-bottom: 2rem
    }
}

@media (min-width:1280px) {
    html {
        font-size: 17px
    }

    .h1,
    .h2,
    h1,
    h2 {
        font-size: 2.76471rem
    }

    #services .container {
        max-width: 1040px
    }
}

@media (max-width:991.98px) {
    .recent-posts .post-img img {
        width: 100%
    }
}

@media (max-width:767.98px) {
    .img-section {
        background-image: none !important
    }
}

@media (max-width:575.98px) {
    .articles .post-img {
        margin-bottom: 1rem
    }

    .articles .entry-meta {
        margin-bottom: 1rem
    }

    .articles .post-footer {
        flex-direction: column-reverse
    }

    #main-banner {
        background-position: 30% 0
    }
}

@font-face {
    font-family: gothic-bold;
    src: url(../fonts/GOTHICB.TTF)
}

.gothic-bold {
    font-family: gothic-bold
}

@font-face {
    font-family: gothic-light;
    src: url(../fonts/GOTHIC.TTF)
}

.gothic-light {
    font-family: gothic-light
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}