@font-face {
    font-family: 'poppinsregular';
    src: url('poppins-regular-webfont.woff2') format('woff2'),
         url('poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    scroll-behavior: smooth !important;
}

/******************************************************************* CUSTOM PRELOADER  ***********************/

.dropdown-submenu {
    position: relative;
}

.dropdown-menu {
    display: none !important;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0;
}

.navbar-nav li:hover ul {
    display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block !important;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.videoSec {
    position: relative;
    background: #07457a;
    /* height: 354px; */
}

.banner-title {
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    background: url(../img/banner-title-b.svg) no-repeat;
    background-position: center center;
    height: 35px;
}

.nav-link {
    font-size: 0.85em !important;
}

.loader-bg img {
    position: fixed;
    z-index: 999;
    width: 100% !important;
    height: 100%;
}


/******************************************************************* CUSTOM  ***********************/

html {
    scroll-behavior: smooth !important;
}

* {
    list-style: none;
    text-decoration: none !important;
}

body {
    font-family: 'poppinsregular';
    font-size: 1.05em;
}

.fadein {
    animation: fadein 5s;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    35% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

.dark-mode {
    background-color: black;
    color: white !important;
}

.grayscale-100 {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

h4 {
    /* font-family: 'Crimson Text', serif; */
    color: #a7d3ff !important;
    font-size: 1.05em;
}

.p1 {
    /* font-family: 'Crimson Text', serif; */
    font-size: 1.05em;
}

.tagline-title {
    border-top: 8px solid #07457a !important;
    width: 80px !important;
}

.f-12 {
    font-size: 0.75em !important;
}

.lightmode {
    border: 1px #000 solid;
    padding: 4px 1px;
    margin-top: 3px;
    margin-right: 2px;
}

.themebox1 {
    background: linear-gradient(to right, #07457a, #0575e7);
    height: 25px;
    margin-top: 4px;
    color: #fff;
    width: 25px;
    border-radius: 50px;
}

.themebox2 {
    background: linear-gradient(to right, #db7031, #ffb273);
    height: 25px;
    margin-top: 4px;
    color: #fff;
    width: 25px;
    border-radius: 50px;
}

.themebox3 {
    background: linear-gradient(to right, #289946, #37C458);
    height: 25px;
    margin-top: 4px;
    color: #fff;
    width: 25px;
    border-radius: 50px;
}

.top-header li a {
    text-transform: capitalize !important;
}

.third-header li a {
    text-transform: capitalize !important;
    color: #000 !important;
}

.btn {
    border-radius: 56px;
    border: none;
    padding: 8px 30px !important;
    outline: none;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    font-size: 1.05em;
}

.btn-outline {
    border: #000 1px solid !important;
    background: none;
}

.btn-outline-primary {
    border: #07457a 1px solid !important;
    background: none;
    color: #07457a;
}

.btn-primary {
    background: linear-gradient(to left, #07457a, #0575e7);
    color: #fff !important;
}

.btn-primary:hover {
    background: #3B4C62;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0rem rgb(0 123 255 / 0%);
}

.dropdown-menu {
    padding: 0;
    border: none;
    filter: drop-shadow(0px 6px 9px #4C6F6820);
    background: #07457a;
    font-size: 0.875em !important;
}

.dropdown-item {
    color: #fff !important;
    padding: 0.7rem 1.4em;
    margin: 0px;
    border-bottom: 0.5px solid #ffffff40;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff !important;
    text-decoration: none;
    background: #012243;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #000000 !important;
}

.dropdown:hover>.dropdown-menu {
    display: block !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 7px;
    left: 100%;
    margin-left: 0rem;
    margin-right: .1rem;
}

#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    /* height: 820px; */
    border-radius: 0px;
    background: #07457a;
}

.content {
    color: #f1f1f1;
    width: 100%;
}

.nav-link {
    text-transform: uppercase;
    /* letter-spacing: 1px */
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.nav-link:hover {
    opacity: 0.9;
    cursor: pointer;
}

.darkmode {
    background: #000;
    padding-left: 0.54rem !important;
    padding-top: 4px;
    height: 25px;
    margin-top: 4px;
    color: #fff;
    width: 25px;
    border-radius: 50px;
}

a.btn:hover {
    color: #fff !important;
}

.text-primary {
    color: #508fdb !important;
}

.text-primary1 {
    color: #16B291 !important;
}

.text-error {
    color: #F7BC45;
}

.bg-primary {
    background: linear-gradient(to right, #07457a, #0575e7);
}

.bg-secondary {
    background: #f1f6fb20 !important;
}

.bg-tertiary {
    background: #F7BC45 !important;
}

.q-links a {
    color: #000000 !important;
}

.news-block a {
    color: #07457a !important;
}

a:hover {
    color: #ffffff95 !important;
}

.receiversPg a:hover {
    color: #0575e7 !important;
}

table a:hover {
    color: #0575e7 !important;
}

.q-links a:hover {
    color: #000 !important;
}

a.text-primary:focus,
a.text-primary:hover {
    color: #07457a80 !important;
}

.shadow {
    filter: drop-shadow(0px 6px 9px #4C6F6820);
    transition: all ease-in-out 0.6s;
    background: #fff;
}

.shadow:hover {
    filter: drop-shadow(0px 6px 25px #00000030) !important;
    /* background: #46504e10; */
}

.overflow-auto {
    overflow: auto !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}


/******************************************************************* HOME  ***********************/

.mission {
    background: #f1f6fb !important;
    border-radius: 5px;
    padding: 10px;
}

.we-serve {
    border: 5px solid #fff;
    border-radius: 50%;
    transition: all ease-in-out 0.5s;
}

.we-serve:hover {
    border: 5px solid #fff;
    border-radius: 0% 50% 0% 50%;
    background: #fff;
}

.rounded-2 {
    border-radius: 20px;
}

.mission .inner {
    /* background: #07457a; */
    border-radius: 5px;
    border: 5px solid #000000;
    padding: 40px;
}

.mission-video {
    /* height: 100px; */
    border-radius: 6px;
    margin-right: 20px;
    width: 50px;
}

.h-banner {
    background: url(../img/h-banner-bg.svg) no-repeat;
    height: 470px;
    background-position: right bottom;
    background-size: 60%;
}

#webcoderskull {
    position: absolute;
    left: 0;
    top: 13%;
    width: 100%;
}

canvas {
    height: 60vh;
    background-color: #fff;
}

h1 span:first-of-type {
    font-size: 2.5em;
    font-weight: bold;
}

h1 span:nth-of-type(2) {
    font-size: 2.5em;
    font-weight: bold;
}

h2 {
    font-size: 1.8em;
    /* font-weight: 600; */
}

h5,
h6 {
    color: #000000;
    font-weight: 400;
}

p span {
    color: #07457a;
}

.border-left {
    border-left: 3px solid #F7BC45 !important;
}

.rounded-rb {
    border-radius: 0 0 80px 0;
}

.q-links {
    border-radius: 0 0 50px 0;
    padding: 2rem;
    position: relative;
}


/* .q-links:hover .q-links-icon {
    transform: translateX(120px);
} */

.q-links-icon {
    position: absolute;
    top: -40px;
    left: 25px;
    width: 80px;
    height: 80px;
    background: #07457a !important;
    border-radius: 50px;
    border: 2px solid #fff;
    /* box-shadow: 0px 0px 10px #f7bc45; */
    transition: all ease-in-out 1s;
}

.q-links div:first-of-type {
    margin-top: 20px;
    /* font-size: 1.125em; */
    font-weight: 600;
}

.q-links div:nth-of-type(1n+2) {
    /* font-size: 1em; */
    text-transform: uppercase;
    color: #07457a;
    letter-spacing: 1px;
    margin-top: 8px !important;
}

.roles {
    border-radius: 50%;
    border: #07457a 2px solid;
    width: 170px;
    height: 170px;
    overflow: hidden;
    background: #ffffff;
}

.roles img {
    margin-top: 15px;
}

video {
    border-radius: 11px;
}

.down-block {
    border-radius: 20px;
    padding: 10px;
    color: #fff;
    height: 230px;
    position: relative;
    margin-top: 20px;
    cursor: pointer;
}


/* .down-block div:first-of-type {
    font-size: 16px;
} */


/* .down-block div:nth-of-type(1n+2) {
    border-radius: 50px;
    padding: 5px 10px;
    font-size: 15px;
    text-transform: uppercase;
    background: #ffffff15;
    margin-top: 10px;
} */

.bg-grey {
    background: #E3E3E3 !important;
}

.down-block div a {
    color: #fff;
}

.down-block div a:hover {
    color: #000 !important;
}

.footer-login:before {
    content: '';
    border-top: 1px solid #ffffff25;
    width: 61%;
    margin-right: 38px;
    margin-top: 10px;
}

footer li {
    font-size: 14px;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #ffffff40;
}

.news-block {
    border-radius: 0px 30px 0px 30px;
    background: #ffffff;
    filter: drop-shadow(0px 6px 9px #4C6F6820);
    transition: all ease-in-out 0.5s;
}


/* .news-block:hover {
    transform: rotateX(360deg)!important;
} */

.news-date {
    padding: 7px 8px;
    background: #07457a;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 16px;
}

.news-status {
    padding: 14px 20px;
    background: #07457a;
    border-radius: 0px 25px 25px 0px;
    color: #fff;
    margin-bottom: 10px;
    line-height: 16px;
}

@media screen and (max-width: 991px) {
    .navbar-brand img {
        width: 100%;
        border-right: none !important;
        padding-right: 0 !important;
    }

    h1 span:first-of-type {
        font-size: 1.875em;
        font-weight: bold;
    }

    h1 span:nth-of-type(2) {
        font-size: 1.875em;
        font-weight: bold;
    }

    .ac-home::after {
        display: none !important;
    }

    .co-home::after {
        display: none !important;
    }

    .w-50 {
        width: 100% !important;
    }

    video {
        width: 270px;
    }

    .mr-sm-10px {
        margin-right: 80px;
    }

    .text-center-sm {
        text-align: center;
    }

    #pipeline {
        display: none;
    }
}


/******************************************************************* CONTACT  ***********************/

.contact-block {
    border-radius: 50px 10px 50px 10px;
    background: linear-gradient(to right, #07457a, #0575e7) !important;
    filter: drop-shadow(0px 6px 9px #4C6F6820);
}

.form-control {
    display: block;
    padding: 5px 10px !important;
    width: 100%;
    font-size: 1.02em;
    line-height: 1.5;
    color: #495057;
    background-color: #F7F8FA;
    background-clip: padding-box;
    border: none;
    border-radius: 6px;
}

::placeholder {
    color: #1C2C4240 !important;
}

.form-control:focus {
    color: #495057;
    background-color: #F7F8FA;
    border: 1px solid #07457a !important;
    outline: none !important;
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #07457a50;
    border-color: #07457a50;
}

.blinkbutton {
    font-size: 0.875em;
    background-color: #07457a;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

@keyframes glowing {
    0% {
        background-color: #07457a;
        box-shadow: 0 0 1px #07457a;
    }

    50% {
        background-color: #F7BC45;
        box-shadow: 0 0 10px #F7BC45;
    }

    100% {
        background-color: #07457a;
        box-shadow: 0 0 1px #07457a;
    }
}

.controls-button,
.slide-side-text,
.slide-content-cta {
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.12rem;
    font-size: 0.7em;
    line-height: 1;
}

[v-cloak] {
    opacity: 0;
}

.wrapper {
    height: calc(100vh - 50px);
    min-height: 36rem;
    position: relative;
}

@media (max-width: 630px) {
    .wrapper {
        height: 100vh;
        min-height: 0;
    }
}

.slide-wrapper {
    background-size: cover;
    height: 100%;
    background-position: center center;
    position: absolute;
    width: 100%;
    background-blend-mode: darken;
}

.slide-wrapper:nth-child(1) {
    background-color: rgba(115, 129, 153, 0.4);
}

.slide-wrapper:nth-child(1):before {
    background-color: rgba(115, 129, 153, 0.25);
}

.slide-wrapper:nth-child(1) .slide-content-text {
    text-shadow: 2px 5px 45px rgba(85, 96, 113, 0.25);
}

.slide-wrapper:nth-child(2) {
    background-color: rgba(144, 171, 184, 0.7);
}

.slide-wrapper:nth-child(2):before {
    background-color: rgba(144, 171, 184, 0.3);
}

.slide-wrapper:nth-child(2) .slide-content-text {
    text-shadow: 2px 5px 45px rgba(121, 142, 152, 0.2);
}

.slide-wrapper:nth-child(3) {
    background-color: rgba(86, 125, 156, 0.5);
}

.slide-wrapper:nth-child(3):before {
    background-color: rgba(86, 125, 156, 0.2);
}

.slide-wrapper:nth-child(3) .slide-content-text {
    text-shadow: 2px 5px 55px rgba(57, 83, 103, 0.4);
}

.slide-wrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.slide-inner {
    position: relative;
    z-index: 2;
    height: 100%;
    overflow: hidden;
}

.slide-bg-text {
    font-family: "Playfair Display";
    color: #000;
    font-size: 42vh;
    line-height: 0.8;
    opacity: 0.03;
    font-weight: 900;
    margin-top: -4rem;
    position: absolute;
    top: 50%;
    left: 5vw;
    transform: translateY(-50%);
}

.slide-bg-text>p:last-child {
    padding-left: 4rem;
}

.slide-content {
    color: #fff;
    margin-top: 5rem;
    position: absolute;
    top: 50%;
    left: calc(13vw + (.7) * 48vh);
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1000px) {
    .slide-content {
        left: calc(13vw + 1rem);
    }
}

@media (max-height: 730px) {
    .slide-content {
        top: 30%;
        transform: translateY(-30%);
        left: calc(9vw + (.7) * 16vw);
    }
}

.slide-content-text {
    /* font-family: "Playfair Display"; */
    font-size: 9em;
    letter-spacing: 0.2rem;
    line-height: 0.87;
    font-weight: 700;
    will-change: auto;
}

@media (max-height: 790px) {
    .slide-content-text {
        font-size: 7em;
    }
}

@media (max-width: 1150px) {
    .slide-content-text {
        font-size: 7em;
    }
}

@media (max-width: 840px) {
    .slide-content-text {
        font-size: 5.5em;
    }
}

@media (max-width: 630px) {
    .slide-content-text {
        margin-bottom: 5.5rem;
    }
}

@media (max-width: 500px) {
    .slide-content-text {
        font-size: 3.5em;
    }
}

.slide-content-text>p:last-child {
    padding-left: 3rem;
}

.slide-content-cta {
    cursor: pointer;
    align-self: flex-start;
    margin-top: 4.5rem;
    margin-left: calc((.3) * 48vh + 4.5rem);
    padding: 0.9rem 2.2rem;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: 0.18s ease-in-out;
    font-weight: 700;
}

@media (max-width: 1000px) {
    .slide-content-cta {
        background-color: rgba(255, 255, 255, 0.3);
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
}

@media (max-width: 630px) {
    .slide-content-cta {
        display: none;
    }
}

.slide-content-cta:hover {
    color: #000;
    background-color: #fff;
}

.slide-rect {
    height: 62vh;
    width: 48vh;
    border-image-slice: 10%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13vw;
    border-width: 5vh;
    border-style: solid;
    box-shadow: 2px 2px 90px 30px rgba(41, 50, 61, 0.22);
    will-change: auto;
}

@media (max-height: 790px) {
    .slide-rect {
        left: 9vw;
        height: 20vw;
        width: 16vw;
        border-width: 5vh;
    }
}

@media (max-height: 730px) {
    .slide-rect {
        top: 30%;
        transform: translateY(-30%);
    }
}

.slide-rect-filter {
    filter: brightness(110%) contrast(110%) saturate(110%);
}

.slide-side-text {
    position: absolute;
    left: calc(13vw - 3rem);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    top: calc((50% - (62vh / 2)) + (5vh / 2));
}

@media (max-height: 790px) {
    .slide-side-text {
        left: calc(9vw - 3rem);
        top: calc((50% - (20vw / 2)) + (5vh / 2));
    }
}

@media (max-height: 730px) {
    .slide-side-text {
        top: calc((40% - (20vw / 2)) + (5vh / 2));
    }
}

.slide-side-text>span:first-child {
    font-weight: 700;
}

.slide-side-text:after {
    content: "";
    width: 1px;
    background-color: #fff;
    height: 40px;
    display: block;
    position: absolute;
    top: calc(100% + 25px);
    left: 50%;
    transform: translateX(-50%);
}

.controls-container {
    position: absolute;
    z-index: 200;
    display: flex;
    bottom: 0;
    right: 0;
    align-items: flex-end;
}

@media (max-width: 630px) {
    .controls-container {
        display: none;
    }
}

.controls-button {
    cursor: pointer;
    background-color: rgba(208, 206, 204, 0.32);
    border: 0;
    padding: 1.6rem 2.2rem;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 15rem;
    transition: 0.25s ease-in-out;
    outline: 0;
}

@media (max-width: 730px) {
    .controls-button {
        padding: 1.2rem 1.4rem;
        min-width: 13rem;
    }
}

.controls-button:not(.active):hover {
    color: #000;
    background-color: #fff;
}

.controls-button.active {
    cursor: default;
    font-weight: 700;
    background-color: #07457a;
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    margin-bottom: -0.3rem;
    position: relative;
}

@media (max-width: 730px) {
    .controls-button.active {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        margin-bottom: -0.15rem;
    }
}

.controls-button.active:after {
    content: "";
    background-color: #e3e3e3;
    height: 5px;
    width: calc(100% - 8px);
    position: absolute;
    top: 100%;
    left: 4px;
}

.controls-button:not(.active)+.controls-button {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.pagination-container {
    position: absolute;
    z-index: 200;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 920px) {
    .pagination-container {
        display: none;
    }
}

.pagination-item {
    width: 30px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    transition: 0.18s ease-in-out;
}

.pagination-item+.pagination-item {
    margin-top: 1rem;
}

.pagination-item.active {
    background-color: #fff;
    position: relative;
    transform: translateX(-0.6rem);
    width: 35px;
}

.pagination-item.active:after {
    content: "";
    height: 4px;
    width: 2px;
    border-radius: 35%;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateX(0.6rem) translateY(-50%);
}

.pagination-item:not(.active) {
    cursor: pointer;
}

.pagination-item:not(.active):hover {
    background-color: #fff;
    width: 35px;
}

@-webkit-keyframes slideLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes slideLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@-webkit-keyframes slideRight {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideRight {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@-webkit-keyframes cutTextUp {
    from {
        -webkit-clip-path: inset(0 0 -10% 0);
        clip-path: inset(0 0 -10% 0);
    }

    to {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
    }
}

@keyframes cutTextUp {
    from {
        -webkit-clip-path: inset(0 0 -10% 0);
        clip-path: inset(0 0 -10% 0);
    }

    to {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
    }
}

@-webkit-keyframes cutTextDown {
    from {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0);
    }

    to {
        -webkit-clip-path: inset(-10% 0 -20% 0);
        clip-path: inset(-10% 0 -20% 0);
        opacity: 1;
    }
}

@keyframes cutTextDown {
    from {
        -webkit-clip-path: inset(100% 0 0 0);
        clip-path: inset(100% 0 0 0);
    }

    to {
        -webkit-clip-path: inset(-10% 0 -20% 0);
        clip-path: inset(-10% 0 -20% 0);
        opacity: 1;
    }
}

@-webkit-keyframes cutTextDownFromTop {
    from {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
    }

    to {
        -webkit-clip-path: inset(0 0 -30% 0);
        clip-path: inset(0 0 -30% 0);
        opacity: 1;
    }
}

@keyframes cutTextDownFromTop {
    from {
        -webkit-clip-path: inset(0 0 100% 0);
        clip-path: inset(0 0 100% 0);
    }

    to {
        -webkit-clip-path: inset(0 0 -30% 0);
        clip-path: inset(0 0 -30% 0);
        opacity: 1;
    }
}

@-webkit-keyframes rectMovement {
    0% {
        transform: translateX(0) rotate(0) translateY(-50%);
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
        opacity: 0;
    }
}

@keyframes rectMovement {
    0% {
        transform: translateX(0) rotate(0) translateY(-50%);
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
        opacity: 0;
    }
}

@media (max-height: 730px) {
    @-webkit-keyframes rectMovement {
        0% {
            transform: translateX(0) rotate(0) translateY(-30%);
        }

        60% {
            opacity: 1;
        }

        100% {
            transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
            opacity: 0;
        }
    }

    @keyframes rectMovement {
        0% {
            transform: translateX(0) rotate(0) translateY(-30%);
        }

        60% {
            opacity: 1;
        }

        100% {
            transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
            opacity: 0;
        }
    }
}

@-webkit-keyframes rectMovementFromRight {
    0% {
        transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateX(0) rotate(0) translateY(-50%);
        opacity: 1;

        @media (max-height: 730px) {
            transform: translateX(0) rotate(0) translateY(-30%);
        }
    }
}

@keyframes rectMovementFromRight {
    0% {
        transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
        opacity: 0;
    }

    60% {
        opacity: 1;
    }

    100% {
        transform: translateX(0) rotate(0) translateY(-50%);
        opacity: 1;

        @media (max-height: 730px) {
            transform: translateX(0) rotate(0) translateY(-30%);
        }
    }
}

@media (max-height: 730px) {
    @-webkit-keyframes rectMovementFromRight {
        0% {
            transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
            opacity: 0;
        }

        60% {
            opacity: 1;
        }

        100% {
            transform: translateX(0) rotate(0) translateY(-30%);
            opacity: 1;
        }
    }

    @keyframes rectMovementFromRight {
        0% {
            transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
            opacity: 0;
        }

        60% {
            opacity: 1;
        }

        100% {
            transform: translateX(0) rotate(0) translateY(-30%);
            opacity: 1;
        }
    }
}

@-webkit-keyframes rectMovementRight {
    0% {
        transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
    }

    40% {
        opacity: 1;
    }

    100% {
        transform: translateX(0) rotate(0) translateY(-50%);
        opacity: 1;

        @media (max-height: 730px) {
            transform: translateX(0) rotate(0) translateY(-30%);
        }
    }
}

@keyframes rectMovementRight {
    0% {
        transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
    }

    40% {
        opacity: 1;
    }

    100% {
        transform: translateX(0) rotate(0) translateY(-50%);
        opacity: 1;

        @media (max-height: 730px) {
            transform: translateX(0) rotate(0) translateY(-30%);
        }
    }
}

@media (max-height: 730px) {
    @-webkit-keyframes rectMovementRight {
        0% {
            transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
        }

        40% {
            opacity: 1;
        }

        100% {
            transform: translateX(0) rotate(0) translateY(-30%);
            opacity: 1;
        }
    }

    @keyframes rectMovementRight {
        0% {
            transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
        }

        40% {
            opacity: 1;
        }

        100% {
            transform: translateX(0) rotate(0) translateY(-30%);
            opacity: 1;
        }
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.slide-wrapper {
    opacity: 0;
    transition-delay: 1.4s;
    transition-duration: 0s;
    transition-property: opacity;
    will-change: opacity, transform;
}

.slide-wrapper:not(.active) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: slideLeft;
    animation-name: slideLeft;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
    animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
    pointer-events: none;
}

.slide-wrapper:not(.active) .slide-content-text>p,
.slide-wrapper:not(.active) .slide-side-text {
    -webkit-animation-name: cutTextUp;
    animation-name: cutTextUp;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.slide-wrapper:not(.active) .slide-rect {
    -webkit-animation-name: rectMovement;
    animation-name: rectMovement;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-wrapper.active {
    transition-delay: 0s;
    opacity: 1;
}

.slide-wrapper.active .slide-content-text>p {
    opacity: 0;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: cutTextDown;
    animation-name: cutTextDown;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.slide-wrapper.active .slide-rect {
    opacity: 0;
    -webkit-animation-name: rectMovementFromRight;
    animation-name: rectMovementFromRight;
    -webkit-animation-duration: 0.45s;
    animation-duration: 0.45s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.is-previous .slide-wrapper:not(.active) {
    -webkit-animation: none;
    animation: none;
}

.is-previous .slide-wrapper:not(.active) .slide-rect {
    -webkit-animation: none;
    animation: none;
}

.is-previous .slide-wrapper.active {
    transform: translateX(-100%);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: slideRight;
    animation-name: slideRight;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
    animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
}

.is-previous .slide-wrapper.active .slide-rect {
    opacity: 0;
    -webkit-animation-name: rectMovementRight;
    animation-name: rectMovementRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.first-load .slide-wrapper.active .slide-side-text,
.first-load .slide-wrapper.active .slide-content-cta,
.first-load .slide-wrapper.active .slide-rect,
.first-load .controls-container {
    opacity: 0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

.first-load .slide-wrapper.active .slide-content-text>p {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #222 !important;
}

.scrollbars {
    height: 250px;
    overflow-y: scroll;
    background-color: #F5F5F5;
}

.force-overflows {
    min-height: 390px;
}

#style-16::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-16::-webkit-scrollbar-track {
    border-radius: 11px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#style-16::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #3f67bf;
    background-image: -webkit-linear-gradient(90deg, #07457a, #07457a);
}

.our-services {
    background: url(../img/particles_bg.png) no-repeat;
    background-size: 100%;
    height: 600px;
    overflow: hidden;
}

.diamond-block {
    transform: rotate(45deg);
    background: url(../img/particles_bg-inner.png) no-repeat;
    background-blend-mode: lighten;
    height: 180px;
    width: 180px;
    border-radius: 20px;
    position: relative;
    transition: all ease-in-out 1s;
}

.diamond-block:hover {
    transform: scale(1.1);
}

.diamond-block p {
    transform: rotate(-45deg);
    position: absolute;
    top: 80px;
    bottom: 0;
    right: 0;
    left: 35px;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
}

.counter-sec {
    background: url(../img/counter-banner.jpg) no-repeat;
    height: 280px;
    background-size: 100%;
}

.count-number {
    /* font-size: 1.25em; */
    color: #fff;
    text-align: center;
}

.counter h6 {
    color: #fff;
    margin-top: 10px;
}

.counter p {
    color: #fff;
    margin-top: 10px;
}

.counter {
    text-align: center;
    /* background: rgba(255,255,255,0.6);
    padding: 30px;
    clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    -webkit-clip-path: polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);
    min-height: 190px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center; */
}

.ad-disp {
    background: url(../img/advanced_disposal.png) no-repeat;
    height: 570px;
    background-position: center center;
    background-size: 100%;
}

#cm-sec {
    position: relative !important;
    clear: both;
    background: #07457a80 !important;
}

#tsparticles {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.weservesec {
    position: relative;
    min-height: 430px;
    background: url(../img/iws.jpg) no-repeat;
    background-size: 100%;
}

.weservesec1 {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    z-index: 99;
    filter: drop-shadow(0px 14px 10px #9B9B9A40);
}

.nav-pills .nav-item {
    background: #f1f6fb !important;
}

.tabs-1 .nav-link {
    text-transform: capitalize;
}

a {
    color: #000000;
}

.right-pills .nav-item {
    background: #ffffff00 !important;
}

.right-pills a.nav-link {
    color: #000000;
    background: #ffffff00 !important;
    padding-left: 0px;
    text-transform: capitalize;
    font-size: 1.125em;
    margin-right: 20px;
}

.right-pills a.nav-link.active {
    color: #fff;
    background: #ffffff00 !important;
}

.fa-contact {
    color: #fff !important;
    background: #07457a;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    text-align: center;
}

.responsive-map {
    overflow: hidden;
    padding-bottom: 30.25%;
    position: relative;
}

.responsive-map iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.turnx-hover {
    transition: all ease-in-out 0.2s;
    padding-top: 20px;
    border-radius: 20px;
    border: #efefef 2px solid;
}

.turnx-hover:hover {
    /* transform: scale(1.1); */
    background: #eff4f8 !important;
    border: #07457a 2px solid;
}

.turnx-hover:hover h5 {
    color: #07457a !important;
}

.style3-icon {
    filter: invert(49%) sepia(55%) saturate(630%) hue-rotate(166deg) brightness(62%) contrast(136%) !important;
}

.func-activ ul li {
    margin-top: 6px;
    list-style-type: circle;
}

.func-activ li {
    margin-top: 10px;
    line-height: 1.5;
    list-style-type: disc;
    font-size: 1.05em;
    text-align: justify;
}

.h3,
h3,
.h5,
h5,
.h6,
h6 {
    font-size: 1.05em;
}

.modal-open {
    padding-right: 0px !important;
}

a {
    cursor: pointer !important;
}

.modal-content {
    border-radius: 20px;
}

.modal-body {
    padding: 10px 10px 0px 10px;
}

.mobMenu .navbar-light .navbar-nav .show>.nav-link {
    color: #fff !important;
    opacity: 0.4 !important;
}

.applicationMain img {
    border-radius: 10px;
}

.video1 {
    background: #dab155;
}

.video2 {
    background: #a3bf4f;
}

.video3 {
    background: #50d0c3;
}

.video4 {
    background: #649ac7;
}

.video5 {
    background: #7d83d4;
}

.video6 {
    background: #bc76d2;
}

.video7 {
    background: #d86c99;
}

.video8 {
    background: #52b9fd;
}

.video9 {
    background: #ef62c0;
}

.video10 {
    background: #a467db;
}

.video11 {
    background: #fd5252;
}

.video12 {
    background: #64d3b7;
}

.applicationMain a {
    width: 100%;
    display: inline-block;
}

.applicationMain .fa {
    font-size: 30px;
    color: #FFF;
}

.modal-footer {
    padding: 0px 0px 10px 0px !important;
    border-top: none;
}

.modal-footer .btn {
    border-radius: 56px;
    border: none;
    padding: 3px 20px !important;
    background: linear-gradient(to right, #07457a, #0575e7);
    color: #fff;
}

.rounded {
    border-radius: .85rem !important;
}

.hovicon,
.hovicon1,
.hovicon2,
.hovicon3,
.hovicon4,
.hovicon5,
.hovicon6,
.hovicon7,
.hovicon8,
.hovicon9,
.hovicon10,
.hovicon11,
.hovicon12 {
    transition: ease-in-out 0.4s;
    border: #fff 3px solid;
}

.hovicon:hover {
    box-shadow: 0 0 0pt 3pt #dab155;
}

.hovicon1:hover {
    box-shadow: 0 0 0pt 3pt #a3bf4f;
}

.hovicon2:hover {
    box-shadow: 0 0 0pt 3pt #50d0c3;
}

.hovicon3:hover {
    box-shadow: 0 0 0pt 3pt #649ac7;
}

.hovicon4:hover {
    box-shadow: 0 0 0pt 3pt #7d83d4;
}

.hovicon5:hover {
    box-shadow: 0 0 0pt 3pt #bc76d2;
}

.hovicon6:hover {
    box-shadow: 0 0 0pt 3pt #d86c99;
}

.hovicon7:hover {
    box-shadow: 0 0 0pt 3pt #a3bf4f;
}

.hovicon8:hover {
    box-shadow: 0 0 0pt 3pt #52b9fd;
}

.hovicon9:hover {
    box-shadow: 0 0 0pt 3pt #ef62c0;
}

.hovicon10:hover {
    box-shadow: 0 0 0pt 3pt #a467db;
}

.hovicon11:hover {
    box-shadow: 0 0 0pt 3pt #fd5252;
}

.hovicon12:hover {
    box-shadow: 0 0 0pt 3pt #64d3b7;
}

.applicationMain a {
    width: 100%;
    display: inline-block;
}

.applicationMain .fa {
    font-size: 30px;
    color: #FFF;
}

.modal-footer {
    padding: 0px 0px 10px 0px !important;
    border-top: none;
}

.modal-footer .btn {
    border-radius: 56px;
    border: none;
    padding: 3px 20px !important;
    background: linear-gradient(to right, #3e76aa, #5DCF93);
    color: #fff;
}

.rounded {
    border-radius: .85rem !important;
}

.dashboard .card {
    border-radius: 50px 0 0;
    min-height: 240px;
    transition: 0.5s
}

.loginDrop {
    padding-top: 4px;
}

.loginDrop a.nav-link {
    padding: 3px 1rem;
    color: #f5d01b !important;
    border: 1px solid #f5d01b;
    border-radius: 50px;
}

.navbar-light .navbar-nav .loginDrop .nav-link:focus,
.navbar-light .navbar-nav .loginDrop .nav-link:hover,
.mobMenu .navbar-light .navbar-nav .loginDrop.show>.nav-link {
    color: #f5d01b !important;
}


/* Dashboard 2 */

.dashboardUi2 .blocks {
    background: #f7f7f7;
    min-height: 270px;
    position: relative;
    z-index: 1;
}

.dashboardUi2 .blocks .blockImg {
    display: inline-block;
}

.dashboard img {
    border-radius: 0;
}

.dashboardUi2 .block1 .blockImg {
    background: #D5E6F9;
}

.dashboardUi2 .block2 .blockImg {
    background: #EECFFE;
}

.dashboardUi2 .block3 .blockImg {
    background: #ffe1bc;
}

.dashboardUi2 .block4 .blockImg {
    background: #CBFBDD;
}

.dashboardUi2 .block1 .blockImg img {
    filter: invert(62%) sepia(82%) saturate(3551%) hue-rotate(195deg) brightness(94%) contrast(96%);
}

.dashboardUi2 .block2 .blockImg img {
    filter: invert(34%) sepia(81%) saturate(7500%) hue-rotate(273deg) brightness(112%) contrast(85%);
}

.dashboardUi2 .block3 .blockImg img {
    filter: invert(26%) sepia(58%) saturate(5753%) hue-rotate(344deg) brightness(95%) contrast(83%);
}

.dashboardUi2 .block4 .blockImg img {
    filter: invert(56%) sepia(96%) saturate(1213%) hue-rotate(93deg) brightness(101%) contrast(104%);
}


/* Dashboard 3 */

.dashboardUi3 .blocks {
    background: #FFF;
    /* box-shadow: 0px 4px 12px #00002015; */
    transition: 0.5s;
}

.dashboardUi3 .tabRt {
    flex: 1;
}

.dashboardUi3 .block1 {
    border: 1px solid #7367E5;
}

.dashboardUi3 .block2 {
    border: 1px solid #1293EF;
}

.dashboardUi3 .block3 {
    border: 1px solid #F65146;
}

.dashboardUi3 .block4 {
    border: 1px solid #1A204D;
}

.dashboardUi3 .blocks .tabRt {
    border-radius: 0 10px 10px 0px;
}

.dashboardUi3 .block1 .tabRt {
    background: rgb(96, 111, 230);
    background: linear-gradient(90deg, rgba(96, 111, 230, 1) 0%, rgba(111, 105, 229, 1) 35%, rgba(128, 95, 225, 1) 100%);
}

.dashboardUi3 .block2 .tabRt {
    background: rgb(22, 200, 238);
    background: linear-gradient(90deg, rgba(22, 200, 238, 1) 0%, rgba(19, 167, 239, 1) 35%, rgba(18, 121, 239, 1) 100%);
}

.dashboardUi3 .block3 .tabRt {
    background: rgb(251, 52, 95);
    background: linear-gradient(90deg, rgba(251, 52, 95, 1) 0%, rgba(245, 78, 72, 1) 35%, rgba(247, 93, 57, 1) 100%);
}

.dashboardUi3 .block4 .tabRt {
    background: rgb(25, 38, 72);
    background: linear-gradient(90deg, rgba(25, 38, 72, 1) 0%, rgba(25, 34, 77, 1) 35%, rgba(27, 24, 77, 1) 100%);
}

.dashboardUi3 .block1 img {
    fill: linear-gradient(90deg, rgba(96, 111, 230, 1) 0%, rgba(111, 105, 229, 1) 35%, rgba(128, 95, 225, 1) 100%);
}

.graphs .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 1.5rem 1.5rem;
    position: relative;
    height: 100%;
}

.chartsh {
    height: 16rem;
}

.h-400 {
    height: 400px !important;
}

.chartName1 {
    color: #dfdfdf;
}

.chartName2 {
    color: #aaaaaa;
}

.table thead th {
    font-size: 14px;
    border-bottom: 1px solid #f4f4f4;
    color: #0575e7;
    border-top: none;
    position: relative;
}

.table td {
    font-size: 14px;
    vertical-align: middle;
    border-top: 1px solid #f4f4f4;
}

label.badge {
    padding: 5px 10px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
}

.tableSec .card {
    border: none;
    box-shadow: 0px 2px 6px #00000020;
    border-radius: 10px;
}

.tableSec table {
    margin-bottom: 0;
}

.dashboard .card:hover {
    border-radius: 0;
}

.dashboard .card:hover.video1 {
    background: #c3993c;
}

.dashboard .card:hover.video2 {
    background: #819f26;
}

.dashboard .card:hover.video4 {
    background: #3a7bb1;
}

.dashboard .card:hover.video3 {
    background: #2b9b8f;
}

.dashboardUi3 .blocks:hover {
    box-shadow: 0px 7px 12px #00002030;
}

.dashboardUi3 .blocks:hover .blockImg {
    background: #f7f7f7;
    border-radius: .85rem 0 0 .85rem;
}

.dashboardUi2 .blocks::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: 0 bottom 0;
    transform: scaleY(0);
    transition: .4s ease-out;
    border-radius: .85rem;
    z-index: -1;
}

.dashboardUi2 .blocks:hover::before {
    transform: scaleY(1);
}

.dashboardUi2 .block1::before {
    background: #D5E6F9;
}

.dashboardUi2 .block2::before {
    background: #EECFFE;
}

.dashboardUi2 .block3::before {
    background: #FFE1BC;
}

.dashboardUi2 .block4::before {
    background: #CBFBDD;
}

.tableSec.table2 .card {
    box-shadow: none;
}

.table-primary,
.table-primary tbody {
    background: #f0f3d2;
}

.table2 .table td,
.table2 .table th {
    vertical-align: middle;
    border-top: 1px solid #e8ebcc;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block;
}

.custom-select {
    height: calc(1.8125rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 75%;
    line-height: 1.5;
    color: #a7b4c9;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #e8ebf3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .5em;
    display: inline-block;
    width: auto;
    height: calc(1.8125rem + 2px);
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after {
    content: '\f176';
    font-family: "FontAwesome";
    position: absolute;
    right: 1em;
    font-weight: normal;
    color: #bbb;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:after {
    content: '\f175';
    right: 0.5em;
}

.dataTables_info {
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0;
    margin-left: 0;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: none;
    border-radius: 2px;
}

.page-link {
    color: #605e7e;
    font-size: 14px;
}

.page-item.active .page-link {
    background-color: #0575e7;
    border-color: #0575e7;
}

.page-link:hover {
    color: #0575e7 !important;
}

.backDash {
    background: #f7f7f7;
    color: #333 !important;
    font-size: 14px;
    border-radius: 5px;
    padding: 8px 20px !important;
    border: 1px solid #d7d7d7;
}

.table2 .table tbody th {
    font-weight: normal;
    font-size: 14px;
}

@media screen and (min-width: 1200px) {
.top-header-bg .container {
    max-width: 1200px;
}
}

@media screen and (max-width: 1199px) {

    /* .content img {
        margin-bottom: 0 !important;
    } */
    footer embed {
        max-width: 100%;
    }

    footer .col-sm-5,
    footer .col-sm-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    footer .col-sm-7 {
        align-items: flex-start;
    }

    footer ul {
        padding-left: 0;
    }

    .footer-login {
        width: 100%;
        justify-content: flex-start !important;
    }

    .footer-login::before {
        content: none;
    }

    .footer-login::after {
        content: '';
        border-top: 1px solid #ffffff25;
        width: 100%;
        margin-right: 0;
        margin-top: 13px;
        margin-left: 10px;
    }

    .roles {
        width: 150px;
        height: 150px;
    }

    .content {
        top: 175px;
    }

    .downBlockSec .col-sm-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .dashboard .card {
        min-height: 270px;
    }

    .dashboardUi3 .blocks {
        min-height: 190px;
    }
    .counter-sec {
        /* background: linear-gradient(to right, #3e76aa, #5DCF93); */
        height: auto;
        background-size: cover;
    }
}

@media screen and (max-width: 991px) {

    /* .content {
        height: auto;
        top: -51px;
    } */
    .portfolioSec .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .portfolioSec .col-sm-4 {
        display: none;
    }

    .counter {
        border-bottom: 1px solid #FFFFFF20;
        margin-bottom: 15px;
    }

    .rounded-rb .col-md-6:first-child {
        margin-bottom: 40px;
    }

    .resMb-10 {
        margin-bottom: 10px !important;
    }

    .indWeServe p {
        width: 100% !important;
    }

    .weservesec {
        min-height: 330px;
        background: #E1E0E3;
    }

    .resOption {
        width: 100%;
    }

    .resOption .navbar-nav {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }

    .navbar-light .navbar-toggler {
        border-color: #07457a;
        padding: 0px 2px;
        position: absolute;
        top: -25px;
    }

    .navbar-light .navbar-toggler-icon {
        filter: invert(36%) sepia(28%) saturate(1227%) hue-rotate(63deg) brightness(89%) contrast(84%);
        background-size: 80%;
    }

    .themebox1,
    .themebox2,
    .themebox3 {
        margin-top: 4px;
    }

    #demo-wrapper .nav-link {
        padding: 3px 8px !important;
    }

    .nav-item:last-child {
        background: none !important;
        margin-left: 0 !important;
    }

    .nav-item:last-child a {
        color: #FFF !important;
        border: none;
        font-weight: normal !important;
    }

    #demo-wrapper .nav-item:last-child {
        margin-left: .5rem !important;
    }

    .aboutMain {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .aboutMain .col-md-12 {
        padding: 0;
    }

    .downBlockSec .row {
        width: 100%;
    }

    .mission {
        margin-bottom: 30px;
    }

    #pills-tabContent {
        padding-right: 0 !important;
    }

    .funcAct {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .mobMenu {
        position: absolute;
        z-index: 9;
    }

    .dashboard .card {
        min-height: 220px;
    }

    .dashboardUi3 .blocks {
        min-height: 170px;
    }
}

@media screen and (max-width: 767px) {
    footer .col-sm-7 ul {
        flex-direction: column !important;
    }

    footer .col-sm-7 ul li {
        margin-left: 0 !important;
    }

    h2 {
        font-size: 2em;
    }

    .rounded-rb .col-md-6 {
        margin-bottom: 40px;
    }

    .rounded-rb .col-md-6:last-child {
        margin-bottom: 0;
    }

    .weservesec1 {
        flex-direction: column;
    }

    .weservesec1 .col {
        flex: 0 0 100%;
    }

    .weservesec {
        min-height: 1160px;
    }

    .resMt-0 {
        margin-top: 0px !important;
    }

    .resPt-10 {
        padding-top: 10px !important;
    }

    .videoSec .col-sm-5,
    .videoSec .col-sm-7 {
        /* flex: 0 0 100%; */
        max-width: 100%;
    }

    .mission li {
        flex-direction: column;
    }

    .downBlockSec .col-sm-3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0 !important;
    }

    .down-block {
        height: auto;
        margin-top: 0;
    }

    .down-block.abPosition img,
    .down-block.abPosition .text-dark {
        position: static !important;
    }

    #pills-tab .nav-item {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .socialUpdates .col-md-12.col-lg-6 {
        padding: 0;
    }

    .right-pills .nav-item a br {
        display: none;
    }

    .indMap {
        text-align: center;
    }

    .dashboard .card {
        min-height: 0px;
    }

    .dashboardUi3 .blocks,
    .dashboardUi2 .blocks {
        min-height: 0px;
    }
}

@media screen and (max-width: 576px) {
    .funActRt img {
        padding: 0 30px;
        margin-bottom: 30px;
    }

    .contact-block {
        margin-top: 30px;
    }

    .contactInfo {
        padding-top: 30px !important;
    }

    #demo-wrapper .nav-item.ml-2 {
        margin-left: 5px !important;
    }

    #demo-wrapper .nav-link {
        padding: 8px 4px 0 !important;
    }

    #demo-wrapper .nav-link.darkmode {
        padding-top: 3px !important;
        padding-left: 8px !important;
    }
}


/* @media screen and (max-width: 488px) {
    .videoSec {
        height: 900px !important;
    }
}

@media screen and (max-width: 370px) {
    .videoSec {
        height: 814px !important;
    }
} */

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
}

.second-bar {
    background: #07457a !important;
}

#pipeline {
    color: #ffffff50 !important;
    padding-top: 1px;
    font-size: 24px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 668px;
        margin: 1.75rem auto;
    }

    .modal-dialog iframe {
        width: 100%;
        border-radius: 20px !important;
    }
}

.manifestTtl {
    position: relative;
}

.manifestTtl a {
    width: auto;
    border: 1px solid;
    padding: 10px 30px;
    border-radius: 30px;
    background: #57BD98;
    transition: 0.5s;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(223 241 240) !important;
}

a.gocir:hover {
    color: #3c737b !important;
    font-weight: bold;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, .7));
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
}


/* .topMinisterRev {
    flex-direction: row-reverse;
} */

@media screen and (max-width: 991px) {

    .topMinister,
    .topMinisterRev {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .topMinisterRev .text-right {
        text-align: center !important;
    }
}

@media screen and (max-width: 767px) {
    .topMinister {
        margin-top: 20px;
        padding-right: 0;
    }

    .topMinister .mt-5,
    .topMinisterRev .mt-5 {
        margin-top: 10px !important;
        margin-bottom: 20px;
    }

    .topMinisterRev .mt-5 {
        margin-bottom: 0;
    }

    .cmCont {
        padding-right: 0;
    }

    .topMinister img {
        width: 180px;
    }

    .topMinisterRev img {
        width: 150px;
    }

    .topMinister p,
    .topMinisterRev p {
        margin-bottom: 0;
    }
}


/***** Oct 12th **/

a.logo_text {
    color: #07457a !important;
    font-weight: bolder;
    font-size: 20px;
}

footer a.logo_text {
    color: #ffffff !important;
    font-weight: bolder;
    font-size: 20px;
}

.border-right {
    border-right: 2px solid #7faad5 !important;
}

.top-header-bg {
    background-color: #f1f6fb !important;
    background-size: cover;
}

.cmSec {
    background: #07457a;
}

.mute-video {
    background: url(../img/mute.svg) no-repeat center;
    background-size: 25px;
    width: 32px;
    height: 32px;
    /* text-indent: -999px; */
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 999999;
    background-color: #fff;
    padding: 24px;
    border-radius: 50px;
    border: 4px solid #07457a;
    /* filter: invert(29%) sepia(100%) saturate(364%) hue-rotate(63deg) brightness(98%) contrast(89%); */
}

.unmute-video {
    background: url(../img/unmute.svg) no-repeat center;
    background-size: 25px;
    background-color: #fff;
    padding: 24px;
    border-radius: 50px;
    border: 4px solid #07457a;
    /* filter: invert(29%) sepia(100%) saturate(364%) hue-rotate(63deg) brightness(100%) contrast(89%); */
}

button:focus {
    outline: none !important;
}

.receiversPg .nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    font-size: 0.8em !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: #f4f4f4;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: #FFF;
    background-color: #07457a;
    border-color: #07457a;
}

.underConstruction h2 {
    color: #fff;
    font-size: 3rem;
    background: linear-gradient(to right, #07457a 10%, #0575e7 50%, #0575e7 60%);
    background-clip: border-box;
    background-size: 200% auto;
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 1.5s linear infinite;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.underConstruction img {
    opacity: 45%;
}

.receiversPg .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.receiversPg .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.receiversPg .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.receiversPg .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
}

.page-item.active .page-link:hover {
    color: #FFF !important;
}

.mTop {
    margin-top: 60px;
}

@media screen and (max-width: 991px) {
    .mTop {
        margin-top: 0px;
    }

    .mobileVideo .col-md-12.col-lg-8.pl-5 {
        padding-left: 15px !important;
    }
}

.underConstruction {
    align-items: center;
    justify-content: center;
}

.mobileVideo .hovicon,
.mobileVideo .hovicon1,
.mobileVideo .hovicon2,
.mobileVideo .hovicon3,
.mobileVideo .hovicon4,
.mobileVideo .hovicon5,
.mobileVideo .hovicon6,
.mobileVideo .hovicon7 {
    transition: transform .5s;
}

.mobileVideo .hovicon:hover,
.mobileVideo .hovicon1:hover,
.mobileVideo .hovicon2:hover,
.mobileVideo .hovicon3:hover,
.mobileVideo .hovicon4:hover,
.mobileVideo .hovicon5:hover,
.mobileVideo .hovicon6:hover,
.mobileVideo .hovicon7:hover {
    transform: scale(1.1);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 25%);
}

.features-column {
    display: flex;
    justify-content: center;
}

.main-features .features-column {
    position: relative;
    margin-bottom: 20px;
}

.features-column .icon-box {
    position: relative;
    width: 193px;
    height: 191px;
    padding: 30% 20px 20px 20px;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
}

.features-column .icon-box:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #0575e7;
    border-radius: 120px;
    background: -moz-linear-gradient(right top, #0575e7, #07457a);
    background: -o-linear-gradient(right top, #0575e7, #07457a);
    background: -ms-linear-gradient(right top, #0575e7, #07457a);
    background: -webkit-linear-gradient(right top, #0575e7, #07457a);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.main-features h2 {
    color: #fff !important;
    position: relative;
    /* font-size: 35px;
    font-weight: 700; */
    z-index: 2;
    margin-bottom: 5px;
}

.features-column .icon-box .title {
    position: relative;
    /* font-size: 14px;
    font-weight: 700; */
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
}

.features-column:hover .icon-box:before {
    border: 3px solid #fff;
    box-shadow: 0px 0px 10px 5px #07457a;
}

.whatWeDo img {
    width: 900px;
}

.footerbg {
    background: #001225;
}

.style2-icon-map {
    filter: invert(24%) sepia(46%) saturate(630%) hue-rotate(173deg) brightness(79%) contrast(166%) !important;
}

.launchwindow {
    background: url(../img/launchbg.svg) no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 36rem;
    border: none;
}

.modal_btn {
    background: #EFCE31;
    color: #07457A;
    font-weight: 700;
    font-size: 1.5rem;
    padding: 4px 30px !important;
}
.socialUpdates .nav-pills .nav-link:hover {
    color: #000000 !important;
}
.socialUpdates .nav-pills .nav-link.active:hover {
    color: #ffffff50 !important;
}
.covidRulesCnt li {
    padding-left: 20px;
    list-style: disc;
    margin-bottom: 10px;
    line-height: 23px;
}
.covidRulesCnt {
    position: relative;
}
.bgIcon {
    position: absolute;
    z-index: 9;
    -webkit-animation: animationFramesOne 10s infinite linear;
    animation: animationFramesOne 10s infinite linear;
}
.bgIcon img {
    width: 60px;
    opacity: 40%;
}
.bgIcon1 {
    left: 3%;
    top: 27%;
}
.bgIcon2 {
    right: 4%;
    top: 60%;
    -webkit-animation: animationFramesTwo 30s infinite linear;
    animation: animationFramesTwo 30s infinite linear;
}
.bgIcon3 {
    left: 1%;
    top: 70%;
    -webkit-animation: animationFramesThree 10s infinite linear;
    animation: animationFramesThree 10s infinite linear;
}
.bgIcon4 {
    right: 5%;
    top: 10%;
    -webkit-animation: animationFramesFour 30s infinite linear;
    animation: animationFramesFour 30s infinite linear;
}
.covidSymptom .bgIcon1 {
    left: 2%;
    top: 70%;
}
.covidSymptom .bgIcon2 {
    right: 10%;
    top: 20%;
}
.covidSymptom .bgIcon3 {
    right: 7%;
    top: 60%;
    left: auto;
}
.covidSymptom .bgIcon4 {
    left: 3%;
    top: 10%;
    right: auto;
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 20px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@keyframes animationFramesTwo {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(23px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(41px, 22px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(33px, 42px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-20px, 22px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}
@keyframes animationFramesThree {
    0% {
        -webkit-transform: translate(0px, 0px);
    }
    50% {
        -webkit-transform: translate(20px, 0px);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@keyframes animationFramesFour {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(0px, 0px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(0px, 0px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(0px, 0px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(0px, 0px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

.text-dark {
    color: #000!important;
}
body {
    color: #000;
}
.text-secondary {
    color: #000!important;
}
.latestNews li {
    border-bottom: 1px solid #efefef;
}
.latestNews .mission-video {
    width: 40px;
}
.countCont {
    width: 220px;
}
.logoText .navbar-brand {
    display: none;
}
.footerbg a:hover{
    color:#ffffff40!important;
} 
.footerbg a.text-primary:focus {
    color: #508fdb !important;
}
.apLogos {
    background: #FFF;
}
.apLogos .border-right {
    border-right: 1px solid #cacaca !important;
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:5px;
    left:0;
    right:0;
    bottom:0;
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(-45deg);
    margin: auto;
}


@media (min-width: 576px) {
    .cust_modelsize {
        max-width: 830px !important;
    }
}




@media screen and (max-width: 1199px) {
    a.logo_text {
        font-size: 18px;
    }

    .nav-link {
        font-size: 0.73em !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-brand img {
        width: 62px;
    }
    .logoText {
        border-right: none !important;
        padding-right: 0 !important;
        padding-left: 15px;
        padding-top: 10px !important;
    }
    .top-header-bg .navbar-bg {
        padding: 0;
    }
    .resOption {
        padding-bottom: 10px;
    }
    .navbar-light .navbar-toggler {
        top: -35px;
    }
    .nav-link {
        font-size: 0.85em !important;
    }
    .mobMenu {
        z-index: 9999999;
    }
    .top-header-bg .navbar-bg .container {
        justify-content: flex-start;
    }
    .cmCont {
        overflow: unset !important;
    }
    .slick-track p {
        margin-bottom: 0;
    }
    .receiversPg .nav-item:last-child a {
        color: #000000 !important;
    }
    .socialUpdates .nav-item:last-child {
        background: #f1f6fb !important;
    }
    .socialUpdates .nav-item:last-child a {
        color: #000000 !important;
    }
    .socialUpdates .nav-pills .nav-link.active, .socialUpdates .nav-pills .show>.nav-link {
        color: #fff !important;
    }
    .slick-vertical .slick-slide {
        width: 100% !important;
    }
    .socialUpdates .rtTabs .nav-item:last-child {
        background: none !important;
    }
    .socialUpdates .rtTabs .nav-pills .nav-link.active:hover {
        color: #ffffff !important;
    }
    .applicationMain.resGuide img {
        width: 100px;
        float: none !important;
    }
    .applicationMain.resGuide.resMobVideo .float-left.ml-3 {
        margin-left: 0 !important;
    }
    .applicationMain.resGuide.resMobVideo .float-left br {
        display: none;
    }
    .applicationMain.resGuide.resMobVideo .col-lg-8.pl-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .applicationMain.resGuide.resMobVideo .float-left {
        width: 100%;
    }
    .applicationMain.resGuide.resMobVideo img.float-left {
        width: 100px;
    }
    .resGuide video {
        width: 100%;
    }
    .resGuide .modal {
        z-index: 9999999;
    }
    .receiversPg .pagination li {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .top-header-bg .navbar-bg {
        text-align: center;
    }
    .logoText {
        padding-left: 0 !important;
        padding-top: 0 !important;
        width: 100%;
    }
    .logoText .navbar-brand {
        display: none;
    }
    .navbar-light .navbar-brand {
        width: 100%;
    }
    a.logo_text {
        font-size: 14px;
    }
    .logoText h5 {
        font-size: 13px;
    }
    .mute-video {
        background-size: 20px;
        bottom: 15px;
        right: 10px;
        padding: 15px;
        border: 3px solid #07457a;
    }
    #demo-wrapper .nav-link.darkmode {
        padding-top: 1px !important;
        padding-left: 4px !important;
    }
    .top-header-bg .navbar-bg .container {
        justify-content: center;
    }
    .topMinisterRev .slider.slick-slider {
        height: 270px !important;
    }
    .slick-track p {
        height: 270px !important;
    }
    .footerbg ul {
        flex-direction: column;
        float: left !important;
        
    }
    .vis_count{
        flex-direction: row!important;    
    }
    .footerbg ul li {
        margin-left: 0 !important;
    }
    .loginOption {
        justify-content: flex-start !important;
    }
    ul.func-activ {
        padding-left: 0;
    }
    .receiversPg li {
        width: 50%;
        margin-bottom: 2px !important;
        display: inline-block;
    }
    .portPic {
        margin-top: 20px;
    }
    .applicationMain.resGuide .float-left {
        width: 100%;
    }
    .applicationMain.resGuide img.float-left {
        width: 100px;
    }
    .applicationMain.resGuide.resMobVideo .col-lg-8.pl-5 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .apLogos .border-right {
        border-right: none !important;
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1365px) {
    .covidRules img {
        width: 110px;
    }
}

@media screen and (max-width: 1279px) {
    a.logo_text {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .covidRules {
        position: absolute;
        top: 40px;
        right: 0px;
    }
    .covidRules img {
        width: 100px;
    }
}

@media screen and (max-width: 767px) {
    .covidRules {
        top: 10px;
    }
}

@media screen and (max-width: 576px) {
    .receiversPg li {
        width: 100%;
    }
    .apLogos ul {
        flex-direction: column;
    }
}

.vis_count li{
    margin-top: 4px;
    font-size: 20px;
    background: linear-gradient(to bottom, #272727, #5e5e5e, #000000);
    padding: 1px 8px;
    border: #000 1px solid;
    font-weight: 800;
}

.sprite-icon1{
    background: url(../img/sprite-apemc.png) no-repeat;
	width:32px;
	/* margin-right:2%!important; */
	height:32px;
	cursor:pointer;
    z-index: 999;
}
.sprite-icon1::after{
    position: absolute;
    width: 150px;
    margin-left: 32px;
    border-radius: 0px 50px 50px 0px;    
    color: #fff;
    font-weight: 600;
    height: 32px;
    z-index: 1;
    padding: 5px 15px;
}
.fb::after{
    content: 'Facebook';
    background: rgb(35, 48, 126);
}
.insta::after{
    content: 'Instagram';
    background: rgb(136, 25, 62);
}
.wtus::after{
    content: 'Write to us';
    background: rgb(192, 39, 39);
}
.twitr::after{
    content: 'Twitter';
    background: rgb(12, 89, 204);
}
.fb{background-position:-259px -12px;}
.insta{background-position:-305px -12px;}
.wtus{background-position: -438px -96px;}
.twitr{background-position:-352px -12px;}
.lin{background-position:-399px -12px;}

.fb:hover{
	background-position:-259px -50px;
	transition:0.5s;
    transform: translateX(-90px)
}
.insta:hover{
	background-position:-305px -50px;
	transition:0.5s;
    transform: translateX(-90px)
}
.wtus:hover{
    background-position: -438px -139px;;
	transition:0.5s;
    transform: translateX(-100px)
}
.twitr:hover{
	background-position:-352px -50px;
	transition:0.5s;
    transform: translateX(-90px)
}
.social{
    position: fixed!important;
    bottom: 280px;
    right: 0;
    z-index: 2;
}