@font-face {
    font-family: 'Morthsside';
    src: url('../lib/Morthsside/Morthsside.woff2') format('woff2'), 
         url('../path-to/Morthsside.woff') format('woff'), 
         url('../path-to/Morthsside.ttf') format('truetype');
}

body {
    color: #414141;
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    outline: none;
    text-shadow: none !important;
    word-break: break-word;
    line-break: auto;
    white-space: normal;
    padding:0px !important;
}

input, textarea {
    color: #414141;
    font-weight: lighter !important;
    outline: none !important;
}

/*a, a:hover, a:focus, a:active, a:visited {
    color: #414141;
    font-size: 16px;*/
    /*line-height: 23px;*/
    /*font-weight: 300;*/
    /*outline: 0 !important;
    box-shadow: none !important;
}*/

a, a:hover {
    color: #414141;
    font-size: 16px;
    /*line-height: 23px;*/
    /*font-weight: 300;*/
    outline: 0 !important;
    box-shadow: none !important;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.link-color, .link-color:hover, .link-color:focus {
    color: #414141;
    text-decoration: none;
}

nav .dropdown-menu a, nav .dropdown-menu a:hover, nav .dropdown-menu a:focus, nav .dropdown-menu a:active, nav .dropdown-menu a:visited {
    color: #414141 !important;
    font-size: 16px !important;
    line-height: 23px !important;
    font-weight: 300 !important;
    outline: none !important;
    text-shadow: none !important;
}

.header-bk {
    /*background-color: #0a8285!important;*/
    background-color: #006b6f !important;
    padding: 0;
}

.header-banner {
    height: inherit;
    width: 100%;
}

.background-holder {
    height: inherit;
    margin: 0 auto;
    /*max-width: 3840px;*/
    overflow: hidden;
    text-align: center;
}

.product-background-holder {
    height: inherit;
    margin: 0 auto;
    /*max-width: 3840px;*/
    overflow: hidden;
    text-align: center;
}

.banner-big-bg-1 {
    background-image: url("../images/jpg/banner-bg-3.jpg");
}

.banner-big-bg-2 {
    background-image: url("../images/jpg/oasys-payroll.jpg");
}

.banner-big-bg-3 {
    background-image: url("../images/jpg/cloud-banner-1.jpg");
}

.banner-big-bg-4 {
    background-image: url("../images/jpg/business-wide.jpg");
    /*transform: scale(0.9995);*/
}

.banner-big-bg-5 {
    background-image: url("../images/jpg/industry-bg.jpg");
}

.banner-big-bg-6 {
    background-image: url("../images/jpg/about-banner.jpg");
}

.banner-big-bg-7 {
    background-image: url("../images/jpg/contact-banners.jpg");
}

.banner-bg-style {
    height: 86vh;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.image-banner {
    /*transform: translate(10%, 0%) matrix(1, 0, 0, 1, 1, 0);*/
    width: 100%;
    /*height: 84vh;*/
}

.image-banner-2 {
    /*transform: translate(10%, 0%) matrix(1, 0, 0, 1, 1, 0);*/
    width: 100%;
    /*height: 75vh;*/
}

.hide-smaill-banner-1 {
    display: none;
}

#corporate-video-modal {
    padding-right:0px !important;
}

/*.product-block, .service-block {
    background-color: #0a8285;
    background-color: #006b6f;
    margin: 0 -9999px;
}*/

/*.product-block-holder, .service-block-holder {
    margin: 0 auto;
}*/

/*.products {
    padding: 55px 9800px;
    position: relative;
    display: flex;
    justify-content: center;
}*/

/*.products label {
    white-space: nowrap;
}*/

/*.product-block-item, .service-block-item {
    text-align: center;
}*/

/*    .product-block-item  label {
        color: #fff;
        font-weight: 400;
        font-size: 18px;
    }*/

.pre-footer-container {
    background-color: #0a8285;
}

.pre-footer-block {
   /* padding: 0 50px;*/
    color: #ffffff;
}

    .pre-footer-block a, .footer-label {
        color: #d9d9d9;
    }

.footer-dark {
    background-color: #006b6f !important;
}

.cloud-block, .business-block {
    margin: 0 -9999px;
}

.cloud-block-holder, .business-block-holder {
    margin: 0 auto;
    text-align: center
}

.image-banner-cloud {
    transform: translate(20%, 0%) matrix(1, 0, 0, 1, 1, 0);
}

/*.services {
    padding: 0 9800px;
    position: relative;
    display: flex;
    justify-content: center;
}
*/

.service-border {
    border-right: 1px solid #e3e2e2;
}

.service-border-1 {
    border-right: 1px solid #4b9b9d;
}

.service-block-item {
    padding: 50px
}

.service-block-item {
    padding: 50px
}

.service-label {
    font-size: 28px;
    /* font-weight: 400; */
    color: #e3e2e2;
    margin: 15px 0;
}

.header-banner .header-wrapper {
    left: 0px;
    /* padding: 72px 0 80px 0;*/
    position: absolute;
    /* transform: translate(-50%,0);*/
    white-space: normal;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    /*top: 110px;*/
    top: 0px;
}

.header-banner .header-content-container {
    text-align: left;
    color: #fff;
}

    .header-banner .header-content-container h4 {
        font-weight: 300;
        font-size: 22px;
        line-height: 30px;
    }


.business-block .text-wrapper {
    left: 50%;
    padding: 72px 0 80px 0;
    position: absolute;
    transform: translate(-20%,0);
    white-space: normal;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    top: 110px;
}

.business-block .text-content-container {
    text-align: left;
    color: #fff;
}

.cloud-block .text-wrapper {
    left: 50%;
    padding: 72px 0 80px 0;
    position: absolute;
    transform: translate(-60%,0);
    white-space: normal;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    top: 25px;
}

.cloud-block .text-content-container {
    text-align: left;
    color: #fff;
}

.corporate-button {
    border: solid 3px #fff;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    transition: all 2s;
}

.blue-button {
    border: solid 3px #007db8;
    border-radius: 0;
    background-color: #007db840;
    color: #fff;
    transition: all 2s;
}

.blue-link-btn {
    color: #007db8 !important;
}

    .blue-link-btn:hover {
        text-decoration: underline;
    }

.blue-button:hover {
    background-color: #007db8;
    color: #fff;
}

.doc-btn::after {
    content: "❯";
    display: inline-block;
    /* background: url("icon-external.jpg") no-repeat top right;*/
    width: 14px;
    height: 12px;
    margin-left: 5px;
}

.learn-more-button {
    border-radius: 0;
    font-weight: bold;
    padding: 10px 20px;
}

.cloud-text {
    text-align: justify;
    padding-right: 290px;
}

.cloud-azure {
    position: absolute;
    top: 48px;
    left: 128px;
}

.wrap-shadow {
    box-shadow: 1px 1px 50px #dbdbdb;
}

.video-wrap {
    height: 300px;
    background-color: #ddd;
}

.image-wrap {
    height: 300px;
}

.sep-gradient {
    background-image: url("../images/sep-gradient.png");
    background-position: bottom left;
    background-repeat: repeat-x;
}

/**Icon*/
.svg-fill-white {
    filter: invert(99%) sepia(79%) saturate(2%) hue-rotate(57deg) brightness(110%) contrast(100%);
}

.svg-icon-15 {
    width: 15px;
}

.svg-icon-18 {
    width: 18px;
}

.svg-icon-20 {
    width: 20px;
}

.svg-icon-25 {
    width: 25px;
}

.svg-fill-primary {
    filter: invert(30%) sepia(73%) saturate(1513%) hue-rotate(153deg) brightness(94%) contrast(92%);
}

.svg-fill-light-ash {
    filter: invert(87%) sepia(99%) saturate(6%) hue-rotate(237deg) brightness(109%) contrast(78%);
}

.svg-icon-80 {
    width: 80px;
}

.svg-icon-35 {
    width: 35px;
}

.svg-icon-30 {
    width: 30px;
}

.svg-icon-25 {
    width: 25px;
}

.svg-icon-182 {
    width: 182px;
}

.svg-grd-1 {
    fill: red;
}

.responsiv-mar-left-1 {
    margin-left: 1.5rem;
}


/**Icon*/


.row-neutralize {
    margin-right: -15px;
    margin-left: -15px;
}

.section-wrapper {
    padding: 70px 45px;
}

.section-main-head {
    font-size: 30px;
    font-weight: 500;
    line-height: 32px;
    padding: 0 10px;
}

.section-sub-head-1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.demo-wraper {
    height: 68px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e35352+0,e7c468+100 */
    background: rgb(227,83,82); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(227,83,82,1) 0%, rgba(231,196,104,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(227,83,82,1) 0%,rgba(231,196,104,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(227,83,82,1) 0%,rgba(231,196,104,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e35352', endColorstr='#e7c468',GradientType=1 ); /* IE6-9 */
}

.highlighted {
    height: 50px;
    background-color: #afafaf;
}

.list-style-1 {
    position: relative
}

.list-style-1 li {
    list-style: none;
    padding-bottom: 5px;
}

    .list-style-1 li::before {
        content: '■';
        position: absolute;
        left: 12px;
        right: auto;
        margin: -2px;
        font-size: 15px;
    }

.position-relative {
    position: relative;
}

.service-box-parrant .serviceBox {
    border: none;
    /* border: 1px solid #d7d7d7;*/
    position: relative !important;
    height: auto;
    min-height: 174px;
   /* background-color: #fafafa;
    margin: 5px 0px;*/
}

.social-link a, .social-link a:hover, .social-link a:focus, .social-link a:active, .social-link a:visited {
    font-size: inherit;
    line-height: inherit;
}



.htagdflt-mn-ht {
    min-height: 24px;
}

.pricing-section .service-block-item {
    padding: 16px;
    text-align: center;
}

.font-wt-light {
    font-weight: 300;
}

.card-style-1 {
    display: inline-block;
    width: 100%;
    margin: 0 -2px;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.4s;
    min-height: 362px;
    cursor: auto;
}

    .card-style-1:hover {
        background: #f3f3f3;
    }

    .card-style-1 h3 {
        margin-bottom: 12px;
        font-size: 22px;
    }

    .hover-zoom {
         transform: scale(1);
         transition: all 0.3s;
    }

    .hover-zoom:hover {
     transform: scale(1.05);
     transition: all 0.3s;
    }

.service-box-parrant .serviceBox .service-content h3, .serviceBox .service-content h3 {
    font-size: 20px;
    font-weight: 400;
    text-align:left;
}

.responsive-wrapper-1 {
    padding: 0 65px;
}

.responsive-wrapper-2 {
    padding: 0px 30px;
}

.responsive-wrapper-3 {
    padding: 0 55px;
}

.view-small-screen {
    display:none;
}

.product-item {
    /*background-color: #0a8285;*/
    cursor: pointer;
    padding: 90px 0 65px;
    transition: all 0.3s;
}

.cloud-direction {
    margin-left: auto;
}

    /*.product-item label {
    white-space: nowrap;
}*/

    .product-item:hover {
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }

.service-link:hover {
    transition: all 0.3s;
}

.service-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s;
}

.nav-drp-img {
    display: block;
    margin: auto;
}

.costom-position-1 {
    position: relative;
    right: -15px;
}

.qr-code {
    bottom: 25px;
    left: 50px;
}

    .qr-code > span {
        margin: 10px;
    }

.oasys-spy {
    right: auto;
    top: 0;
    bottom: 0;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition: all;
    /* width: 20px;*/
    z-index: 100;
}

    .oasys-spy:hover {
        background: linear-gradient(to right, rgba(0, 107, 111, 0.5), rgba(0, 0, 0, 0));
        width: auto;
    }

    .oasys-spy ul li {
        border-bottom: none !important;
        margin-bottom: 5px;
    }

        .oasys-spy ul li > a {
            border-left: solid 3px #ffffff85;
            padding: 0;
            transition: all 0.5s linear;
        }

            .oasys-spy ul li > a label {
                visibility: hidden;
                opacity: 0;
                cursor: pointer;
                transition: visibility 1s, opacity 0.5s linear;
                margin-left: -200px;
            }

    .oasys-spy:hover ul li > a label {
        visibility: visible;
        opacity: 1;
        margin-left: auto;
        padding-top: 8px;
    }

    .oasys-spy:hover ul li > a {
        padding: .5rem 1rem;
        border-left: solid 3px #fff;
    }

    .oasys-spy ul li a:hover {
        background-color: #ffbe6669;
    }

    .oasys-spy ul li > a.active {
        border-left: solid 4px #f47b4d;
        padding: .5rem 1rem;
    }

        .oasys-spy ul li > a.active label {
            animation: fadeOut ease 5s;
            -webkit-animation: fadeOut ease 5s;
            -moz-animation: fadeOut ease 5s;
            -o-animation: fadeOut ease 5s;
            -ms-animation: fadeOut ease 5s;
        }

.text-span-1 {
    text-indent: 110px;
}

.form-style-1:focus {
    box-shadow: none;
    border: 1px solid #ccc !important;
}

.tab-list-li {
    margin-bottom: -1px;
}

.tabframe {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.google-map {
    border: 1px solid #e4e4e4;
    min-height: 360px;
    height: 100%;
    width: 100%;
    padding-right: 1px;
}

.page-top {
    margin-top: 49px;
    height:auto;
}

.search-block {
    background-color: #f4f4f4;
}

.vcc-input, .vcc-input:focus {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #c1c1c1;
}

.search-select, .search-select:focus {
    box-shadow: none;
}

.azure-logo {
    width: 140px;
}

.azure-logo-2 {
    max-width: 10%;
}



@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
        margin-left: auto;
    }

    100% {
        opacity: 0;
        /* visibility: hidden;*/
        margin-left: -200px;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
        margin-left: auto;
    }

    100% {
        opacity: 0;
        /* visibility: hidden;*/
        margin-left: -200px;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
        margin-left: auto;
    }

    100% {
        opacity: 0;
        /* visibility: hidden;*/
        margin-left: -200px;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
        margin-left: auto;
    }

    100% {
        opacity: 0;
        /* visibility: hidden;*/
        margin-left: -200px;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible;
        margin-left: auto;
    }

    100% {
        opacity: 0;
        /* visibility: hidden;*/
        margin-left: -200px;
    }
}

.running-font {
    font-family: 'Brush Script MT', cursive;
    /*font-size: 40px;*/
    /*color: #ffcb38;*/
}

.header-bk .dropdown {
    position: unset;
}

.header-bk .navbar-nav > .nav-item .dropdown-menu {
    left: auto;
}

.header-bk .navbar-nav > .nav-item {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
}

/**Icon*/

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

.highlight-text-1 {
    color: #ffcc2f !important;
}



[data-scroll] {
    opacity: 0;
    will-change: transform, scale, opacity;
    transform: translateY(6rem) scale(0.93);
    transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll=in] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.splitting .char {
    color: transparent;
}

    .splitting .char:after {
        visibility: visible;
        color: #204754;
        opacity: 0;
        transform: translateY(30%);
        transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-delay: calc(.2s + (.04s * var(--char-index) ) );
    }

[data-scroll=in] .char:after {
    opacity: 1;
    transform: translateY(0);
}

.highlight-text-2 {
    color: #ff8d00 !important;
}

.box-shadow {
    box-shadow: 3px 10px 20px #58585861;
}


blockquote.blockstyle {
    border-left: 3px solid #f0715f;
    position: relative;
}

blockquote.blockstyle, blockquote.style2 {
    background: #fff;
    font-style: italic;
}

blockquote {
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 20px 20px 20px 40px;
    border-left: none;
    position: relative;
    text-indent: -19px;
}

blockquote {
    margin: 0 0 1rem;
}


    blockquote.blockstyle:before, blockquote.blockstyle:after {
        color: #f0715f;
    }

    blockquote:before {
        content: open-quote;
        margin-right: 4px;
    }

    blockquote:before, blockquote:after {
        font-family: Arial, serif;
        font-size: 2.5em;
        vertical-align: middle;
        line-height: 0;
    }

    blockquote.blockstyle, blockquote.style2 {
        background: #fff;
        font-style: italic;
    }

        blockquote.blockstyle > span.triangle:before {
            text-indent: 0;
            content: "\f0da";
            font-family: FontAwesome;
            color: #f0715f;
            position: absolute;
            left: -1px;
            top: 50%;
            margin-top: -11px;
            font-style: normal;
        }

        blockquote.blockstyle:before, blockquote.blockstyle:after {
            color: #f0715f;
        }

    blockquote:after {
        content: close-quote;
        margin-left: 3px;
    }

    blockquote:before, blockquote:after {
        font-family: Arial, serif;
        font-size: 2.5em;
        vertical-align: middle;
        line-height: 0;
    }

.serviceBox .service-content {
    padding-right:20px;
}

.carousel-inner label {
    margin-bottom:0px;
}

.carousal-wave {
    background-image: url("../images/oasys-wave.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*.tooltip1 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}*/

    .tooltip1 .tooltiptext1 {
        visibility: hidden;
        /*width: 120px;*/
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 15px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 15%;
        margin-left: -60px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltip1 .tooltiptext1::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
        opacity: 1;
        z-index: 999;
    }



/***********************/

.product-effect .product-icon {
    background: rgba(255,255,255,0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.product-effect .product-icon:after {
    top: -31px;
    left: -30px;
    padding: 7px;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

.product-item:hover .product-icon {
    background: rgb(88 168 171);
}

.product-item:hover :after {
    /*-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);*/
    opacity: 1;
    content: "";
    background-image: url("../images/product/oasys-circle.svg");
    display: block;
    width: 140%;
    height: 140%;
}

.product-icon{
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: block;
    margin: auto;
}

.product-ultimate:before {
    content: "";
    background-image: url("../images/product/Ultimate.svg");
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.product-enterprise:before {
    content: "";
    background-image: url("../images/product/Enterprise.svg");
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.product-standard:before {
    content: "";
    background-image: url("../images/product/Standard.svg");
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.product-ehcm:before {
    content: "";
    background-image: url("../images/product/eHCM.svg");
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.product-appbox:before {
    content: "";
    background-image: url("../images/product/appBox.svg");
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.product-icon:before {
    display: block;
    margin: auto;
    -webkit-font-smoothing: antialiased;
}

.product-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.product-item:hover :after {
    animation: rotation 50s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}


/***********************/



.request-demo {
    animation: blink 1.5s infinite linear forwards;   
}

.request-demo-1 {
    border: solid 2px #ffc600;
    transition: all 1.5s ease-in-out;
}

    .request-demo-1:hover {
        color: #786956 !important;
    }

@keyframes blink {
    0% {
        color: transparent;
    }

    50% {
        color: white;
    }

    100% {
        color: transparent;
    }
}


nav.navbar.navbar-expand-lg.navbar-dark.pt-0.z-index-999.pb-0.fixed-top.header-bk.responsive-wrapper-1.header-height-1.animate-header {
    opacity: 0.8;
}

    nav.navbar.navbar-expand-lg.navbar-dark.pt-0.z-index-999.pb-0.fixed-top.header-bk.responsive-wrapper-1.header-height-1.animate-header:hover{

        opacity:1;
    }
    /*.blink {
    border-radius: 100px;
    right: 0;
    position: absolute;
    top: 14px;
    padding: 4px;
}

.blink:after {
    animation: not-blink 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 20px 5px hsl(0deg 0% 100% / 40%)
}

.blink:before {
    animation: not-blink 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation-delay: 1.15s;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: inset 0 0 20px 5px hsl(0deg 0% 100% / 40%)
}

@keyframes not-blink {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(4);
        opacity: 0;
    }
}*/

.header-wrapper h2, .header-wrapper h4 {
    text-shadow: 1px 2px 3px rgb(0, 0, 0, 0.40);
}

.redefining {
    font-family: 'Morthsside', sans-serif;
}

.banner-logo {
    position: absolute;
    bottom: 18px;
    right: 22px;
    /* width: 40%; */
    /* text-align: right; */
}

.banner-logo-img {
    width: 100%;
    font-size: 33px;
    display: inline-block;
    white-space:nowrap;
    text-shadow: -1px -1px rgb(0 0 0 / 50%), 1px 1px rgb(255 255 255 / 50%);
    color: rgba(0,0,0,0.5);
}

    .banner-logo-img i {
        padding-left: 2px;
        padding-right: 15px;
    }

    .banner-logo-img b {
        font-weight: bold !important;
        margin-left: -4px;
    }

.resp-svg-icon-45per {
    max-width: 45%;
}