/*!------------------------------------------------------------------
[MAIN STYLESHEET]

PROJECT:  Etelligens
VERSION:  1.1.0
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[TABLE OF CONTENTS]
-------------------------------------------------------------------*/


/*  typography */

@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:300,400,500,700&display=swap");
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: 'BwNistaInt-xBd';
    src: url("../plugins/fonts/BwNistaInt-xBd.woff") format("woff");
    font-style: normal;
    font-display: swap;
}

.font-6 {
    font-size: 6px !important;
}

.font-7 {
    font-size: 7px !important;
}

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-31 {
    font-size: 31px !important;
}

.font-32 {
    font-size: 32px !important;
}

.font-33 {
    font-size: 33px !important;
}

.font-34 {
    font-size: 34px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-36 {
    font-size: 36px !important;
}

.font-37 {
    font-size: 37px !important;
}

.font-38 {
    font-size: 38px !important;
}

.font-39 {
    font-size: 39px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-41 {
    font-size: 41px !important;
}

.font-42 {
    font-size: 42px !important;
}

.font-43 {
    font-size: 43px !important;
}

.font-44 {
    font-size: 44px !important;
}

.font-45 {
    font-size: 45px !important;
}

.font-46 {
    font-size: 46px !important;
}

.font-47 {
    font-size: 47px !important;
}

.font-48 {
    font-size: 48px !important;
}

.font-49 {
    font-size: 49px !important;
}

.font-50 {
    font-size: 50px !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.dark_bule_text {
    color: #202A44 !important;
}

.navy_blue_text {
    color: #1b1b43 !important;
}

.brown_text {
    color: #4e4444 !important;
}

body {
    line-height: 1.5;
    font-family: "Mulish", sans-serif;
    -webkit-font-smoothing: antialiased;
    /* font-size: 17px; */
    font-size: 1.063rem;
    color: #4c4c4c;
}

p,
.paragraph {
    color: #5f5f5f;
    /* font-size: 17px; */
    font-size: 1.063rem;
    line-height: 1.5;
    font-family: "Mulish", sans-serif;
}

p-lg,
.paragraph-lg {
    font-size: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: 'Mulish', sans-serif;
    line-height: 1.5;
}

h1,
.h1 {
    font-size: 80px;
}

.contact-us-section .card .card-body .form-group a span.img-span {}

@media (max-width: 1024px) {
    .industries_titel h1 {
        font-size: 20px;
    }

    .industries_owl_carrousel .card {
        top: 50% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px 20px !important;
        background: 0 0;
        border: none;
        width: 400px !important;
    }

    .industries_owl_carrousel .card h1 {
        font-size: 20px !important;
    }

    .industries_owl_carrousel .card p {
        font-size: 13px !important;
    }

    .recaptcha_contact_form {
        text-align: -webkit-center;
        padding-bottom: 16px;
    }
}

@media (min-width: 576px) {

    .contact-us-content-modal .modal-dialog {
        max-width: 991px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 65px;
    }

    h2,
    .h2 {
        font-size: 42px;
    }

    .inner-banner {
        position: relative !important;
        margin-top: 114px !important;
    }

    .Image1 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .drag-lg-top {
        margin-top: 0;
    }

    .card-lg {
        flex-direction: column;
    }

    .navigation nav {
        padding: .5em 20px !important;
        background: transparent;
    }

    .navbar-brand {
        display: inline-block;
        padding-top: .9125rem;
        padding-bottom: 0rem;
        margin-right: 0rem;
        font-size: 1.25rem;
        line-height: inherit;
    }
}

h2,
.h2 {
    font-size: 60px;
}

h3,
.h3 {
    font-size: 40px;
}

h4,
.h4 {
    font-size: 22px;
}

h5,
.h5 {
    font-size: 18px;
}

h6,
.h6 {
    font-size: 14px;
}

.p-xs-30px {
    padding: 0 30px !important;
}

/* Button style */

.btn {
    font-size: 22px;
    font-family: 'Mulish', sans-serif;
    text-transform: capitalize;
    padding: 16px 44px;
    border-radius: 50px 50px 0px 50px;
    font-weight: 600;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
}

.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn:hover {
    border-radius: 50px 50px 50px 50px;
}

.btn:active {
    box-shadow: none;
}

.btn-sm {
    font-size: 15px;
    padding: 10px 30px;
}

.btn-xs {
    padding: 5px 10px;
    font-size: 15px;
}

.btn-primary {
    background: #18b0df;
    color: #fff;
}

.btn-primary:active {
    background: #542cb7 !important;
}

.btn-primary:hover {
    background: #542cb7;
}

.btn-primary.focus,
.btn-primary.active {
    background: #542cb7 !important;
    box-shadow: none !important;
}

.btn-transparent {
    background: transparent;
    color: #41228e;
    font-weight: bold;
}

.btn-transparent:active,
.btn-transparent:hover {
    color: #41228e;
}

.btn-gradiant1,
.bg-gradiant1 {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    color: #fff;
}

.bg-gradiant2 {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #61518a), color-stop(100%, #1d0e42));
    background: -webkit-linear-gradient(0deg, #61518a 0%, #1d0e42 100%);
    background: -o-linear-gradient(0deg, #61518a 0%, #1d0e42 100%);
    background: -webkit-gradient(linear, left top, right top, from(#61518a), to(#1d0e42));
    background: -webkit-linear-gradient(left, #61518a 0%, #1d0e42 100%);
    background: -o-linear-gradient(left, #61518a 0%, #1d0e42 100%);
    background: linear-gradient(90deg, #61518a 0%, #1d0e42 100%);
    color: #fff;
}

.bg-gradiant3 {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #042b3d), color-stop(100%, #09445a));
    background: -webkit-linear-gradient(0deg, #042b3d 0%, #09445a 100%);
    background: -o-linear-gradient(0deg, #042b3d 0%, #09445a 100%);
    background: -webkit-gradient(linear, left top, right top, from(#042b3d), to(#09445a));
    background: -webkit-linear-gradient(left, #042b3d 0%, #09445a 100%);
    background: -o-linear-gradient(left, #042b3d 0%, #09445a 100%);
    background: linear-gradient(90deg, #042b3d 0%, #09445a 100%);
    color: #fff;
    position: relative;
    z-index: 1;
}

.bg-gradiant3:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/map.webp) repeat-x center center;
    background-size: inherit;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
    background-attachment: fixed;
    opacity: 0.3;
}

.btn-gradiant1:hover,
.btn-gradiant1:active,
.btn-gradiant1.focus,
.btn-gradiant1.active {
    background: #404040;
    color: #fff;
}

body {
    background-color: #fff;
    overflow-x: hidden;
}

::-moz-selection {
    background: #542cb7;
    color: #fff;
}

::selection {
    background: #542cb7;
    color: #fff;
}


/* preloader */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
}

ol,
ul {
    list-style-type: none;
    margin: 0px;
}

element.style {
    width: 166px;
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

a,
button,
select {
    cursor: pointer;
    transition: .2s ease;
}

a:focus,
button:focus,
select:focus {
    outline: 0;
}

a.text-dark:hover {
    color: #41228e !important;
}

a:hover {
    color: #41228e;
}

.slick-slide {
    outline: 0;
}

.section {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 991px) {
    .top-boxes-home {
        margin-top: -30vh;
    }
}

.section-title {
    margin-bottom: 80px;
    font-family: "BwNistaInt-xBd";
}

.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* overlay */

.overlay {
    position: relative;
}

.overlay::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .5;
}

.outline-0 {
    outline: 0 !important;
}

.d-unset {
    display: unset !important;
}

.bg-primary {
    background: #41228e !important;
}

.bg-gray {
    background: #eaeaea !important;
}

.text-primary {
    color: #41228e !important;
}

.text-color {
    color: #4c4c4c;
}

.text-dark {
    color: #000 !important;
}

.text-light {
    color: #999999 !important;
}

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

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 45px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.zindex-1 {
    z-index: 1;
}

.rounded-lg {
    border-radius: 15px;
}

.overflow-hidden {
    overflow: hidden;
}

.font-secondary {
    font-family: "Playfair Display", serif !important;
}

.font-tertiary {
    font-family: "BwNistaInt-xBd" !important;
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.bg-dark {
    background-color: #222222 !important;
}

/* icon */

.icon {
    font-size: 45px;
}

.icon-bg {
    height: 100px;
    width: 100px;
    line-height: 100px;
    text-align: center;
}

.icon-light {
    color: #c8d5ef;
}

/* /icon */


/* slick slider */

.slick-dots {
    text-align: center;
    padding-top: 2em;
    padding-left: 0;
    margin: 0;
}

.slick-dots li {
    display: inline-block;
    margin: 2px;
}

.slick-dots li.slick-active button {
    background: #fff;
    width: 25px;
}

.slick-dots li button {
    height: 6px;
    width: 12px;
    background: rgba(255, 255, 255, 0.5);
    color: transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: .2s ease;
    border: 0;
}

/* /slick slider */

/* form */

.form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #c7c7c7;
    height: 60px;
}

.form-control:focus {
    border-color: #41228e;
    outline: 0;
    box-shadow: none !important;
}

textarea.form-control {
    height: 120px;
}

/* /form */

/* card */

.card {
    border: 0;
}

.card-header {
    border: 0;
}

.card-footer {
    border: 0;
}


/* /card */

.navigation nav {
    padding: .5em 103px;
    transition: .3s ease;
}

.navigation.nav-bg {
    background-color: #ffffff;
    padding: 0px 100px;
    box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1);
}

body:not(.home) .navigation nav {
    /* padding: .5em 80px !important; */
    padding: .5em 103px;
    background: #172839;
}

/* Hello MD */

.navbar .nav-item .nav-link {
    text-transform: uppercase;
    padding: 15px;
    font-size: 15px;
    font-weight: 400;
}

.navbar .nav-item.active {
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.navigation.nav-bg .navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.hero-area {
    padding: 165px 0px 200px 0px;
    position: relative;
    max-height: 85vh;
    overflow: visible;
    height: 85vh;
}

.hero-area-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
}

.hero-area-bg img {
    width: calc(100% + 30%);
    position: absolute;
    top: 0px;
    left: -1px;
}

@media (min-width: 991px) {
    .hero-area {
        overflow: hidden;
    }

    .hero-area-bg img {
        top: auto;
        bottom: 0px;
    }
}

@media (max-width: 767px) {

    .hero-area {
        padding: 150px 0 50px;
        overflow: visible;
        height: auto;
        max-height: none;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
        background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
        background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
        background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
        background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
        background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
        background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    }
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
    .hero-area {
        padding: 145px 0px 200px 0px;
        position: relative;
        max-height: 100vh;
        overflow: visible;
        height: 100vh;
    }
}

.hero-area h1 {
    position: relative;
    z-index: 2;
    font-size: 55px;
}

.hero-area p {
    position: relative;
    z-index: 2;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 100;
}

.layer {
    position: absolute;
    z-index: -1;
}

#l1 {
    bottom: 0;
    left: 0;
}

#l2 {
    top: -50px;
    left: 50px;
}

#l3 {
    top: 200px;
    right: 4%;
}

#l4 {
    right: 150px;
    bottom: -50px;
}

#l5 {
    top: -100px;
    right: 250px;
}

#l6 {
    bottom: -20px;
    left: 10%;
}

#l7 {
    bottom: 100px;
    left: 20%;
}

#l8 {
    bottom: 160px;
    right: 45%;
}

#l9 {
    bottom: 100px;
    right: -10px;
}

.layer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
}

/* skills */

.progress-wrapper {
    height: 130px;
    overflow: hidden;
}

.wave {
    position: absolute;
    width: 100%;
    height: 100%;
}

.wave::before,
.wave::after {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    bottom: 0;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 45%;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
    -webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
    z-index: 10;
}

.wave::after {
    border-radius: 47%;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0);
    -webkit-animation: rotate 10s linear -5s infinite;
    animation: rotate 10s linear -5s infinite;
    z-index: 20;
}

@-webkit-keyframes rotate {
    50% {
        -webkit-transform: translateX(-50%) rotate(180deg);
        transform: translateX(-50%) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg);
    }
}

@keyframes rotate {
    50% {
        -webkit-transform: translateX(-50%) rotate(180deg);
        transform: translateX(-50%) rotate(180deg);
    }

    100% {
        -webkit-transform: translateX(-50%) rotate(360deg);
        transform: translateX(-50%) rotate(360deg);
    }
}

/* /skills */

/* education */

.edu-bg-image {
    position: absolute;
    left: 0;
    top: -300px;
    z-index: -1;
}

/* /education */

/* service */

.hover-bg-primary {
    transition: .3s ease;
}

.hover-bg-primary:hover {
    background: #41228e;
}

.hover-bg-primary:hover * {
    color: #fff;
}

.active-bg-primary {
    transition: .3s ease;
    background: #41228e;
}

.active-bg-primary * {
    color: #fff;
}

.hover-shadow {
    transition: .2s ease;
}

.hover-shadow:hover {
    box-shadow: 0px 18px 40px 8px rgba(224, 241, 255, 0.54) !important;
}

/* /service */

/* portfolio */

.hover-wrapper {
    overflow: hidden;
}

.hover-wrapper img {
    transition: .3s ease;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.hover-wrapper:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hover-wrapper:hover .hover-overlay {
    opacity: 1;
    visibility: visible;
}

.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: .3s ease;
}

.hover-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

/* /portfolio */

/* testimonial */

.testimonial-reel .slick-track {
    display: flex;
}

.testimonial-reel .box {
    position: relative;
    margin-bottom: 30px;
    margin-top: 93px;
    /* height: 100%; */
}

.testimonial-reel .box .image {
    margin: 0;
    max-width: 70px;
}

.testimonial-reel .box .image img {
    margin: 0 auto;
    border-radius: 100px;
}

.testimonial-reel .box .test-component {
    background-color: #fff;
    padding: 2rem 2rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    /* height:350px; */
    border-radius: .5rem;
}

.testimonial-reel .box.show .test-component,
.testimonial-reel .box.show .test-component .test-content {
    min-height: 350px !important;
    height: unset !important;
}

.testimonial-reel .box .test-component .test-content .hide_text {
    display: none;
}

.testimonial-reel .box.show .test-component .test-content .hide_text {
    display: block;
}

.testimonial-reel .box.show .test-component .test-content .hide_text {
    display: block;
}

.testimonial-reel .box.show .test-component .test-content .show_text {
    display: none;
}

.testimonial-reel .box.show .test-component .test-content .min_text {
    display: none;
}

.testimonial-reel .box .test-component .test-content .max_text {
    display: none;
}

.testimonial-reel .box.show .test-component .test-content .max_text {
    display: block;
}

.testimonial-reel .box .test-component.video .video-thumbnail img,
.testimonial-reel .box .test-component.video .video-thumbnail {
    height: 100%;
    width: 100%;
}

.testimonial-reel .box .test-component.video {
    padding: 0;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.testimonial-reel .box .test-component.video .embed-responsive {
    border-radius: .5rem;
}

.testimonial-reel .box h4 {
    margin-top: 1rem;
    margin-bottom: 10px;
    font-size: 20px;
}

.testimonial-reel .slick-slide {
    opacity: 1;
    transition: opacity 0.3s;
    padding-left: 1rem;
    padding-right: 1rem;
    height: inherit;
}

.testimonial-reel .slick-slide.slick-cloned {
    opacity: 1;
    transition: opacity 0.3s;
}

.testimonial-reel .slick-slide.slick-current.slick-active {
    opacity: 0.3;
    transition: opacity 0.3s;
}

/* /testimonial */

/* footer */

.footer-section {
    padding-top: 200px;
    background: url(../images/footer-bg.svg) no-repeat;
    background-size: cover;
}

.section-on-footer {
    margin-bottom: -250px;
}

.shadow-down {
    position: relative;
}

.shadow-down::before {
    position: absolute;
    content: "";
    box-shadow: 0px 0px 80.75px 14.25px rgba(224, 241, 255, 0.34);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

/* /footer */

.card-lg {
    flex-direction: row-reverse;
    align-items: center;
}

blockquote {
    display: inline-block;
    padding: 30px 30px;
    background: #f3f3f3;
    border-left: 5px solid #f73d5f;
    font-style: italic;
    font-size: 18px;
    border-radius: 0px 5px 5px 0px;
    transition: all 0.3s ease-in-out;
}

blockquote p {
    font-size: 15px;
    color: #6f6f6f;
    font-weight: 300;
    line-height: 1.6;
    transition: all 0.3s ease-in-out;
}

blockquote:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    border-radius: 10px 10px 10px 10px;
}

blockquote:hover p {
    color: #fff;
}

.content * {
    margin-bottom: 20px;
}

.content strong {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: normal;
    color: #000;
    display: inherit;
    line-height: 1.5;
}

.page-title-alt {
    padding: 350px 0 70px;
}

.border-thick {
    border: 10px solid;
}

.drag-lg-top {
    margin-top: -230px;
}

.page-title-alt .container {
    position: relative;
    z-index: 1;
}

.page-title-alt .bg-shape-1 {
    position: absolute;
    left: 0;
    top: 0;
}

.page-title-alt .bg-shape-2 {
    position: absolute;
    left: 70px;
    top: 100px;
}

.page-title-alt .bg-shape-3 {
    position: absolute;
    left: 30%;
    top: 50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-title-alt .bg-shape-4 {
    position: absolute;
    left: 100px;
    bottom: 100px;
}

.page-title-alt .bg-shape-5 {
    position: absolute;
    left: 40%;
    bottom: -25px;
}

.page-title-alt .bg-shape-6 {
    position: absolute;
    bottom: 100px;
    right: -100px;
}

.page-title .container {
    position: relative;
    z-index: 1;
}

.page-title .bg-shape-1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.page-title .bg-shape-2 {
    position: absolute;
    left: -20px;
    top: -10px;
}

.page-title .bg-shape-3 {
    position: absolute;
    left: 10%;
    top: 100px;
}

.page-title .bg-shape-4 {
    position: absolute;
    left: 50%;
    top: -20px;
}

.page-title .bg-shape-5 {
    position: absolute;
    left: 90px;
    bottom: -50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-title .bg-shape-6 {
    position: absolute;
    right: 20%;
    bottom: -20px;
}

.page-title .bg-shape-7 {
    position: absolute;
    right: -220px;
    bottom: -100px;
}

.filter-controls li {
    cursor: pointer;
}

.filter-controls li.active {
    font-weight: bold;
}

.box-white-with-shadow-style-2 {
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1);
    border: 1px solid rgba(88, 136, 247, 0.1);
    padding: 20px;
    transition: all 0.3s ease;
    min-height: 425px;
}

.box-white-with-shadow-style-2:hover {
    transform: scale(1.1);
}

.box-white-with-shadow {
    background-color: #ffffff;
    border-radius: 30px;
    box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1);
    border: 1px solid rgba(88, 136, 247, 0.1);
    padding: 50px;
    transition: all 0.3s ease;
    height: 100%;
}

.box-white-with-shadow:hover {
    transform: translateY(-20px);
}

.box-white-with-shadow p {
    line-height: 1.7;
    font-weight: 100;
    position: relative;
    z-index: 2;
}

.box-white-with-shadow ul {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.box-white-with-shadow ul li a {
    display: block;
    color: #171616;
    padding: .25em 0;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s;
}

.box-white-with-shadow ul li {
    margin: 0 !important;
}

.box-white-with-shadow ul li:before {
    display: none !important;
}

.box-white-with-shadow ul li a:hover {
    color: #41228e;
    padding-left: 10px;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .sub-title {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu {
    width: 100%;
    box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1);
    border: 1px solid rgba(88, 136, 247, 0.1);
    border-radius: .50rem;
    background: #fff url(../images/banner-bg.svg) repeat-x;
    background-size: cover;
    background-position: 50rem -25rem;
    transform: translateY(-50px);
    transition: all 0.5s;
    display: block;
    opacity: 0;
    visibility: hidden;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu.show {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    background-position: 50rem -44rem;
}

@media only screen and (min-width: 1366px) {
    .navbar .mega-dropdown .dropdown-menu.mega-menu.show {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        background-position: 40rem -52rem;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 1500px) {
    .navbar .mega-dropdown .dropdown-menu.mega-menu.show {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        background-position: 40rem -45rem;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 1600px) {
    .navbar .mega-dropdown .dropdown-menu.mega-menu.show {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        background-position: 40rem -65rem;
        background-repeat: no-repeat;
    }
}

.navbar .mega-dropdown {
    position: static;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a {
    width: 100%;
    padding: 10px 10px;
    font-size: .7375rem;
    font-weight: 300;
    color: #000;
    transition: .3s;
    display: block;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a:hover {
    color: #41228e;
}

.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a>i {
    font-size: .7375rem;
}


/* 10. About Section */

.about-area {
    position: relative;
    overflow: hidden;
}

.about-highlight {
    color: #f6334b;
}

.about-right p {
    text-align: justify;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: .5rem;
}

.about-left,
.about-content {
    position: relative;
    z-index: 1;
}

.about-content:before {
    position: absolute;
    content: '';
    top: 0;
    left: -100%;
    width: 100%;
    height: 400px;
    background: #f6334b;
    display: none;
}

/* About Popup Video Button */

.success-reel .box .test-component.video .play-button i:before,
.testimonial-reel .box .test-component.video .play-button i:before {
    margin: 0;
    font-size: 34px;
    position: relative;
    top: 10px;
    left: 5px;
}

.about-left a,
.success-reel .box .test-component.video .play-button,
.testimonial-reel .box .test-component.video .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #f6334b;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* .testimonial-reel .box .test-component.video .play-button:before, */
.about-left a:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* .testimonial-reel .box .test-component.video .play-button:after, */
.about-left a:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border: 1px solid #f6334b;
    -webkit-animation: animate_play_btn 0.8s linear 0.4s infinite;
    animation: animate_play_btn 0.8s linear 0.4s infinite;
    -webkit-transition: all .5s;
    transition: all .5s;
}

@-webkit-keyframes animate_play_btn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes animate_play_btn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .6
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.about-left a:hover,
.testimonial-reel .box .test-component.video .play-button:hover {
    color: #fff;
    border: 1px solid #f6334b;
    background: #f6334b;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.about-left a:hover:before,
.testimonial-reel .box .test-component.video .play-button:hover:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.about-left a:hover:after,
.testimonial-reel .box .test-component.video .play-button:hover:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-animation: animate_play_btn 0.8s linear 0.4s infinite;
    animation: animate_play_btn 0.8s linear 0.4s infinite;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.section-title .secondary-font {
    font-style: initial;
    color: #f6334b;
    font-size: 40px;
}

.section-head {
    color: #f6334b;
    font-weight: 500;
    text-transform: inherit;
    font-size: 45px;
    line-height: 45px;
}

.cta-area .section-head {
    font-size: 28px;
    line-height: 30px;
}

.section-title .secondary-font i {
    position: relative;
    color: #f6334b;
    font-size: 4rem;
    bottom: 2px;
}


/* Call To Action */

.cta-area {
    background: #1c222e;
    position: relative;
    overflow: hidden;
}

.cta-content {
    position: relative;
    z-index: 2;
}

.cta-content .secondary-font {
    color: #fff
}

.cta-map img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.section-title.mr-100 {
    margin-bottom: 30px;
}

.cta-thumb {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -60px;
}

.pb-10 {
    padding-bottom: 10rem !important;
}

.pb-9 {
    padding-bottom: 9rem !important;
}

.pb-8 {
    padding-bottom: 8rem !important;
}

.pb-7 {
    padding-bottom: 7rem !important;
}

.pb-6 {
    padding-bottom: 6rem !important;
}

.pt-10 {
    padding-top: 10rem !important;
}

.pt-9 {
    padding-top: 9rem !important;
}

.pt-8 {
    padding-top: 8rem !important;
}

.pt-7 {
    padding-top: 7rem !important;
}

.pt-6 {
    padding-top: 6rem !important;
}

/* Services Area */

.theme-bg-color {
    background: #1c222e;
}

.theme-bg-primary {
    background: #f6334b;
}

.theme-color {
    color: #f6334b;
}

.color-white {
    color: #fff !important;
}

.shape-6 {
    position: absolute;
    left: 5px;
    z-index: 1;
    top: 150px;
    width: 125px;
}

.shape-7 {
    position: absolute;
    right: -10px;
    z-index: 1;
    top: 250px;
    width: 150px;
}

.services-area {
    position: relative;
}

.service-single-block {
    padding: 40px 30px;
    margin-bottom: 30px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block img {
    position: relative;
    top: 35px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block .icon-md-1 {
    display: none;
}

.service-single-block h4 {
    color: #fff;
    position: relative;
    margin: 20px;
    font-weight: normal;
    top: 60px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block p {
    position: relative;
    line-height: 26px;
    opacity: 0;
    visibility: hidden;
    bottom: -50px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block:hover p {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block:hover img {
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.service-single-block:hover h4 {
    top: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
}

/* Funfact */

.funfact-area {
    position: relative;
    background-image: url(../images/funfact.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.funfact-area:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(18, 22, 30, .9);
    z-index: 1;
}

.counter-wrapper {
    z-index: 2;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
}

.counter-icon {
    margin-bottom: 3rem;
    margin-top: 20px;
}

.counter-icon i {
    font-size: 42px;
    color: #f6334b;
}

.counter-content {
    color: #f6334b;
}

.counter-content span {
    font-size: 42px;
    color: #fff;
    margin-right: 5px;
    font-weight: 700;
}

.counter-content p {
    color: #f6334b;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.counter_bg {
    background-image: url("https://etelligens.iknowsolution.com/wp-content/uploads/2020/10/cta2-img.webp");
    height: 194px;
    background-repeat: no-repeat;
    background-size: contain;
}

/* other services */

.other-services {
    background-color: #09445a;
    transition: all 0.3s;
}

.other-services .service-block {
    padding: 55px;
    overflow: auto;
    transition: all 0.3s;
    position: static;
}

.other-services .container-fluid .row div {
    transition: all 0.3s;
}

.other-services .container-fluid .row div:nth-child(1) .service-block {
    background: rgba(4, 43, 61, 1);
}

.other-services .container-fluid .row div:nth-child(2) .service-block {
    background: rgba(4, 43, 61, 0.8);
}

.other-services .container-fluid .row div:nth-child(3) .service-block {
    background: rgba(4, 43, 61, 0.6);
}

.other-services .container-fluid .row div:nth-child(4) .service-block {
    background: rgba(4, 43, 61, 0.4);
}

.other-services .container-fluid .row div:nth-child(5) .service-block {
    background: rgba(4, 43, 61, 0.2);
}

.other-services .container-fluid .row div:nth-child(6) .service-block {
    background: rgba(4, 43, 61, 5.5511151231258E-17);
}

.other-services .service-block .link-icon i {
    background: linear-gradient(to top, #dd4454 0%, #dd9044 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3em;
}

.other-services .service-block h5 {
    position: relative;
    padding-bottom: 25px;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    line-height: 1;
    font-size: 25px;
}

.other-services .service-block h5:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: #dd4454;
    width: 50px;
    height: 2px;
}

@media (min-width: 576px) {
    .other-services .service-block h5:after {
        left: 0;
        transform: none;
    }
}

.other-services .service-block h5 a {
    color: #fff;
}

.other-services .service-block p {
    color: #fff;
    margin-bottom: 2em;
}

.other-services .service-block .btn {
    padding: 10px 15px;
}

@media (max-width: 1660px) and (min-width: 1200px) {
    .other-services .col-xl-2 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

.other-services .container-fluid .row div:hover .service-block {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
}

.other-services .container-fluid .row div:hover .icon-styled i {
    -webkit-text-fill-color: #fff;
}

.other-services .container-fluid .row div:hover h5:after {
    background: #fff;
}

.other-services .container-fluid .row div:hover .btn {
    background: #fff;
    color: #042f42;
}

.mini-box {
    display: flex;
    background: #f8f8f8;
    aspect-ratio: 1/1;
    border-radius: 0;
    justify-content: center;
    margin-bottom: -10px;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-align: center;
    border: 1px solid rgba(88, 136, 247, .16);
    border-left: 0;
    align-items: center;
}

.our-process .container-fluid .row div:first-child .mini-box {
    border-left: 1px solid rgba(88, 136, 247, 0.16);
}

.our-process {
    position: relative;
    overflow: hidden;
}

.mini-box:hover {
    margin-top: -10px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
}

.mini-box:hover i:before {
    -webkit-text-fill-color: #fff;
}

.mini-box i {
    display: block;
    font-size: 40px;
    margin-bottom: 30px;
}

.mini-box i:before {
    background: linear-gradient(to top, #dd4454 0%, #dd9044 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mini-box span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #777;
}

.mini-box:hover span,
.mini-box:hover p {
    color: #fff;
}

.mini-box p {
    display: block;
    font-weight: 400;
    font-size: 23px;
    color: #1e1e1e;
    letter-spacing: 0.25px;
    margin-bottom: 10px;
    margin-top: 20px;
    font-family: 'Montserrat', sans-serif;
}

.bg-grey1 {
    background: #f8f8f8;
}

.bg-grey2 {
    background: #f9f9f9;
}

.posts-grid-creative {
    margin: -15px;
}

.posts-grid-creative .grid-item {
    padding: 15px 15px 45px;
    width: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper {
    background-color: var(--white-color);
    position: relative;
    width: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header {
    min-height: 450px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header .link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.posts-grid-creative .grid-item .inner-wrapper .post-header .category-label {
    padding: 0 15px;
    height: 40px;
    background-color: #4776e6;
    color: #fff;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    top: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body,
.posts-grid-creative .grid-item .inner-wrapper .post-header .category-label {
    border-radius: 5px;
    position: absolute;
    left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body {
    padding: 45px 30px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    bottom: 0;
    width: calc(100% - 60px);
    background-color: #fff;
    -webkit-box-shadow: 0 5px 45px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 45px rgba(0, 0, 0, .15);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .avatar-wrapper {
    width: 70px;
    height: 70px;
    min-height: 70px;
    min-width: 70px;
    border-radius: 70px;
    overflow: hidden;
    position: absolute;
    top: -35px;
    border: 5px solid rgba(0, 0, 59, 0.2);
    left: 30px;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .post-title a {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #000;
    line-height: 1.5;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    padding: 0;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li:not(:last-child) {
    margin-right: 10px;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0000008a;
    letter-spacing: 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.posts-grid-creative .grid-item .inner-wrapper .post-body .tags-list li .tag i {
    margin-right: 5px;
    color: var(--meta-color);
    opacity: .7;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.white-text {
    color: #fff !important;
}

.flag {
    width: 24px;
    height: 18px;
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 0px;
    box-shadow: 1px 1px 2px #dc304f;
    border-radius: 0px;
    vertical-align: middle;
    border: 2px solid #fff;
}

.partners-logo {
    margin-top: 20px;
}

.partners-logo ul {
    padding: 0;
    margin: 0;
}

.partners-logo ul li {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    height: 36px;
    margin-right: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.partners-logo ul li.amazon {
    background: url(../images/amazon.webp) no-repeat center top;
    width: 130px;
    height: 36px;
}

.partners-logo ul li:before {
    display: none !important;
}

.partners-logo ul li.amazon:hover {
    background: url(../images/amazon.webp) no-repeat center bottom;
}

.partners-logo ul li.iso {
    background: url(../images/iso.webp) no-repeat center top;
    width: 50px;
    height: 50px;
}

.partners-logo ul li.iso:hover {
    background: url(../images/iso.webp) no-repeat center bottom;
}

.partners-logo ul li.dmca {
    background: url(../images/DMCA-certificate.webp) no-repeat center top;
    width: 50px;
    height: 50px;
}

.partners-logo ul li a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1;
    max-height: 100%;
}

.partners-logo ul li a:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: .4;
}

.icon-with-shadow {
    color: #41228e;
    height: 50px;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-shadow: 6px -3px 0px #f6334b17, 0px 0px 5px #00000029;
}

.icon-with-shadow:hover {
    text-shadow: 0px 0px 5px #00000029;
}

.icon-with-shadow:after {
    content: '';
    display: block;
    background: #f73664;
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
    border-radius: 50%;
    transition: all 0.3s;
    opacity: 0.2;
}

.box-white-with-shadow:hover .icon-with-shadow:after {
    width: 500px;
    height: 500px;
    opacity: 0.15;
    top: -150px;
    left: -15px;
    background: #3ef8f4;
}

#backtotop {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    position: fixed;
    bottom: 90px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
}

#backtotop::after {
    content: "\e648";
    font-family: 'themify';
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 50px;
    color: #fff;
}

#backtotop:hover {
    cursor: pointer;
    background: #41228e;
}

#backtotop:active {
    background: #41228e;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
    display: none;
}

.social-top-icons {
    position: fixed;
    top: 65%;
    left: 0px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    padding: 1rem !important;
    border-radius: 2rem;
    background: #41228e;
    transition: all 0.3s;
    z-index: 5;
}

.social-top-icons:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    left: 5px;
}

.social-top-icons li:before {
    display: none !important;
}

@media only screen and (max-width: 1366px) {
    #l5 {
        top: 20px;
        right: 50px;
        display: none;
    }

    #l2 {
        top: 50px;
        left: 50px;
        width: 100px;
    }

    #l3 {
        top: 10px;
        right: 2%;
        width: 150px;
    }
}

@media only screen and (max-width: 991px) {
    .box-white-with-shadow {
        margin-bottom: 2em;
    }
}

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

    .layer,
    .about-left:before,
    .shape-7,
    .shape-6,
    .hero-area-bg {
        display: none;
    }

    .counter-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -ms-flex-flow: wrap;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center;
    }

    .counter-wrapper .single-counter {
        margin-bottom: 4em;
    }

    .social-top-icons {
        display: visible;
    }

    .footer-section {
        padding-top: 200px;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
        background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
        background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
        background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
        background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
        background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
        background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    }

    .hero-area h1 {
        font-size: 40px;
        margin-bottom: 1rem !important;
    }

    .testimonial-reel .slick-slide.slick-current.slick-active {
        opacity: 1;
    }

    .navbar .mega-dropdown .dropdown-menu.mega-menu {
        box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1);
        border: 1px solid rgba(88, 136, 247, 0.1);
        border-radius: .50rem;
        background: #ffffff url(../images/banner-bg.svg) repeat-x;
        background-size: cover;
        background-position: 50rem -25rem;
        transform: translateY(0px);
        transition: all 0.5s;
        display: none;
        opacity: 1;
        visibility: visible;
    }

    .navbar .mega-dropdown .dropdown-menu.mega-menu.show {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
        background-position: 50rem -44rem;
        display: block;
    }
}

@media only screen and (min-width: 767px) {
    .clients-logo-wrapper>span {
        width: 25%;
    }

    .clients-logo-wrapper.recognition>span {
        width: 20%;
    }
}

.btn.btn-circle {
    padding: 10px 16px;
    border-radius: 50px 50px 50px 50px;
}

.slider {
    max-width: 1000px;
    margin: 0 auto;
}

.slick-slide {
    margin: 0 5px;
}

.slick-list {
    margin: 0px -5px 0px -5px;
}

.slick-prev:before,
.slick-next:before {
    font-size: 70px;
    color: #EA8496;
    line-height: inherit;
    font-weight: bold;
}

.slider img {
    height: 324px;
}

@media only screen and (min-width: 601px) {
    #mega-menu-wrap-top {
        background: transparent !important;
    }
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    color: #000000 !important;
}

@media only screen and (min-width: 1200px) {
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
        color: #ffffff !important;
    }
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link:hover {
    color: #ffffff !important;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: transparent !important;
    color: #41228e !important;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}

#mega-menu-wrap-top #mega-menu-top,
#mega-menu-wrap-top {
    position: static !important;
}

.inner-banner figure img {
    width: 100%;
    max-width: 100%;
}

.about-left .icon-in-slide {
    position: absolute;
    right: -60px;
    top: 50%;
    display: block;
    z-index: 2;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 10px solid #ffffffbf;
    background: #f74659;
}

.about-left .icon-in-slide i {
    color: #fff;
    font-size: 3em;
    max-width: 40px;
}

.about-left .icon-in-slide img {
    color: #fff;
    font-size: 3em;
    max-width: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 767px) {
    .portfolio-wrapper .hover-wrapper {
        max-height: 350px;
        overflow: hidden;
    }

    .about-left {
        max-height: calc(100vh - 50px);
    }

    .about-left img {
        max-width: 100%;
    }

    .about-right {
        padding-left: 2em;
        padding-right: 2em;
        background: #fff;
        padding-bottom: 50px;
    }
}

@media (min-width: 1400px) {
    .about-right {
        padding-left: 5em;
        padding-right: 5em;
        background: #fff;
    }
}

.logo-wrapper {
    padding-left: 10px
}

.logo-wrapper:after {
    content: '';
    clear: both;
    display: block;
}

.logo-wrapper .logo-item {
    display: block;
    width: 50%;
    background: #fff;
    border: 1px solid #eee;
    height: 115px;
    vertical-align: top;
    margin: -1px 0 0 -1px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    float: left
}

.logo-wrapper.blue-bg-items .logo-item {
    background: #38adbd;
    color: #fff;
    border: 1px solid #fff
}

.logo-wrapper .logo-item:hover {
    transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    z-index: 1;
    box-shadow: 0 0 10px #cccccc29
}

.logo-wrapper.blue-bg-items .logo-item:hover {
    transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    z-index: 1;
    box-shadow: 0 0 0 #cccccc29
}

.logo-wrapper .logo-item .link-text,
.logo-wrapper .logo-item img {
    max-width: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.logo-wrapper .logo-item .link-text {
    font-size: 20px;
    display: block;
    width: 100%;
    max-width: initial;
    text-align: center;
    padding: 0 20px;
    color: #38adbd;
    text-transform: uppercase;
    letter-spacing: .5px
}

.logo-wrapper.blue-bg-items .logo-item .link-text {
    color: #fff
}

.logo-wrapper.five .logo-item:last-child {
    width: 66.66%
}

.logo-wrapper .logo-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.logo-wrapper.big .logo-item {
    width: 25%
}

.logo-wrapper.big .logo-item:last-child {
    margin-left: 0;
    width: calc(100% - 4px)
}

.logo-wrapper.big .logo-item img {
    max-width: 100px;
}

.entry-header .entry-title,
#main .entry-title {
    font-size: 45px;
    margin-bottom: 0em;
}

.entry-content h2,
#main h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: .8em;
    color: #4e4444;
}

#main h2 span {
    color: #4e4444;
}

.entry-content h3,
#main h3 {
    font-weight: bolder;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: .8em;
}

.entry-content ul,
#main ul {
    padding: 0;
    margin: 0;
}

.entry-content ul li,
#main ul li {
    margin: 1em 0;
}

.entry-content ul li:before,
#main ul li:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
    background: #fa6e3d;
    width: 10px;
    height: 10px;
}

.rev_slider_wrapper {
    z-index: 2 !important;
}

.inner-banner {
    position: relative;
    margin-top: 109px;
}

.inner-banner figure {
    margin-bottom: 0px;
}

.inner-banner h1 {
    position: absolute;
    top: calc(50% + 0px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    color: #fafdfd;
}

.address-footer .flag {
    width: 20px;
    height: 16px;
}

.style-1 .dropdown-menu {
    margin-top: 25px;
    background-color: #41228e;
}

.style-1 .dropdown-menu:before {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #41228e;
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
}

.style-1 .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 10px;
}

.style-1 .dropdown-menu .dropdown-item {
    color: #fff;
    padding: .7rem 1.5rem;
    font-size: 14px;
}

.style-1 .dropdown-menu .dropdown-item:focus,
.style-1 .dropdown-menu .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-family: "Lato", sans-serif !important;
    letter-spacing: .3px;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: transparent !important;
    color: #000000 !important;
    font-weight: 500 !important;
    text-decoration: none;
    border-color: #fff;
}

@media only screen and (min-width: 1200px) {
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link:hover {
        background: transparent !important;
        color: #000000 !important;
        font-weight: 500 !important;
        text-decoration: none;
        border-color: #fff;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
        background: transparent !important;
        color: #ffffff !important;
        font-weight: 500 !important;
        text-decoration: none;
        border-color: #fff;
    }
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    background: #ffffff;
    border: 0;
    padding: 20px 20px 20px 20px !important;
    position: absolute;
    width: 100%;
    max-width: none;
    left: 0;
    box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1) !important;
    border-radius: 0rem !important;
    background: #fff !important;
    background-size: cover !important;
    background-position: 50rem -25rem !important;
    margin-top: 30px;
}

@media only screen and (min-width: 601px) {

    #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover>ul.mega-sub-menu,
    #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus>ul.mega-sub-menu,
    #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu,
    #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
        opacity: 1;
        transform: translate(0, 0);
        /* background-position: 100rem -50rem !important; */
    }
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: .5rem !important;
    margin-bottom: .5rem !important;
    font-size: 17px !important;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
    border-bottom: 0px dotted #efefef !important;
    padding: 5px 0px !important;
    transition: all .3s ease-in-out;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item:last-child>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item:last-child>a.mega-menu-link {
    border-bottom: 0px solid #efefef !important;
    padding: 5px 0px !important;
    transition: all .3s ease-in-out;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link:hover {
    border-bottom: 1px solid #efefef !important;
    padding: 5px 10px !important;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 10px 10px 10px 10px !important;
}

@media (max-width: 992px) {
    .about-left {
        overflow: hidden;
        max-height: none;
    }

    .about-right .content-btn {
        margin-bottom: 50px !important;
        margin-top: 30px;
    }

    .about-left .icon-in-slide {
        right: 50%;
        bottom: 20px;
        top: auto;
        transform: translateY(0%);
        transform: translateX(50%);
        width: 80px;
        height: 80px;
        text-align: center;
        line-height: 80px;
    }

    .about-right {
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        padding-top: 1em;
        text-align: center;
    }
}

.navbar-dark .navbar-toggler {
    color: rgba(16, 16, 16, 0.45);
    border-color: #2125298c;
    background: #17b0de;
}

@media (max-width: 768px) {
    .our_recognition .clients-logo-wrapper {
        flex-direction: row;
    }

    .clients-logo-wrapper {
        flex-direction: column;
    }

    .slider-wrapper .banner_overlay strong,
    .slider-wrapper .banner_overlay .Digital {
        font-size: 14px !important;
    }

    .slider-wrapper .banner_overlay p.menu_name {
        font-size: 16px !important;
    }

    .slider-wrapper .banner_overlay h1 {
        font-size: 26px !important;
    }

    .nav-link,
    .navbar {
        padding: .5rem 0rem;
    }

    .navbar-dark .navbar-toggler {
        color: rgba(16, 16, 16, 0.45);
        border-color: #2125298c;
        background: #17b0de;
    }

    .about-right {
        padding-left: 20px;
        padding-right: 20px;
        background: #fff;
        padding-top: 1em;
        text-align: center;
    }

    .testimonial-reel .box {
        margin-top: 0px;
    }

    .footer-section .col-md-4,
    .footer-section .col-md-5,
    .footer-section .col-md-3 {
        margin-top: 50px;
    }

    .about-right .content-btn {
        margin-bottom: 50px !important;
        margin-top: 30px;
    }
}

.grecaptcha-badge {
    z-index: -15 !important;
    opacity: 0;
}

.android1 {
    animation-duration: 10s;
}

.androidapp2 {
    animation-duration: 10s;
}

.apptesting {
    animation-duration: 10s;
}

.appconsult {
    animation-duration: 10s;
}

.appdev {
    animation-duration: 10s;
}

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

a {
    color: #2f34de;
    text-decoration: none;
    background-color: transparent;
}

.breadcrumbs {
    padding: 0.5em 0;
}

.breadcrumbs #breadcrumbs {
    margin-bottom: 0px;
    color: #fff;
}

.breadcrumbs #breadcrumbs a {
    color: #fff;
    font-weight: 700;
}

.inner-banner h4 {
    position: absolute;
    top: calc(50% + 0px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    color: #fff;
}

.footer-social {
    padding: 0;
}

.footer-social li {
    display: inline-block;
    margin: 0;
    margin-right: 6px;
}

.footer-social li:before {
    display: none !important;
}

.footer-social li a {
    display: block;
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    border-radius: 50px 50px 0px 50px;
    color: #f73b61;
    font-size: 13px;
}

.footer-social li a:hover {
    border-radius: 50px 50px 50px 50px;
}

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

    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item>ul.mega-sub-menu.active {
        display: block;
        visibility: visible;
        opacity: 1;
        max-height: 200px;
        overflow: auto;
    }

    #mega-menu-wrap-top .mega-menu-toggle {
        display: none !important;
    }

    #mega-menu-wrap-top .mega-menu-toggle+#mega-menu-top {
        max-width: 100% !important;
        background: #fff !important;
        box-shadow: 0 10px 50px rgba(4, 75, 194, 0.1) !important;
        border-bottom: 1px solid #efefef !important;
        height: auto !important;
        max-height: 80vh !important;
        overflow: unset !important;
        width: 100% !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link:hover {
        color: #000000 !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item {
        border-bottom: 1px solid #efefef !important;
    }

    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        content: '\f132' !important;
    }

    #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link.active>span.mega-indicator:after {
        content: '\f460' !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
        margin-top: 0px !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
        padding: 10px 20px 10px 20px !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link,
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item li.mega-menu-item>a.mega-menu-link {
        border-bottom: 1px solid #e0e0e0 !important;
        padding: 10px 15px !important;
        font-size: .8375rem !important;
    }

    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item {
        width: 100% !important;
        padding: 10px 0px 10px 0px !important;
    }
}

[data-vc-full-width="true"].vc_row-fluid {
    max-width: 100%;
    color: #272b2b;
    margin: auto !important;
}

@media (min-width: 1200px) {
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
        padding: 0px 80px !important;
    }

    .vc_row-fluid,
    [data-vc-full-width="true"].vc_row-fluid .vc_column_container {
        max-width: 1140px;
        color: #272b2b;
        margin: auto !important;
    }
}

.custom-heading-style-1 {
    text-align: center;
}

.custom-heading-style-1 .sub-title {
    color: #B40919;
    font-size: 18px;
}

.custom-heading-style-1 .main-title {
    color: #000000;
    margin-bottom: .5em !important;
}

.Image1 {
    padding-top: 250px;
    padding-bottom: 250px;
}

.vc_parallax {
    background-attachment: fixed;
}

.fixed-bottom,
.fixed-top {
    position: absolute;
}

.navigation.fixed-top.nav-bg {
    position: fixed;
}

.grid-item {
    width: 33.33%;
    margin-bottom: 20px;
}

.wrap.blogs .inner-banner {
    display: none;
}

.wrap.services .entry-title,
.wrap.technology .entry-title {
    display: none;
}

.entry-meta {
    font-size: 15px;
    margin-bottom: 2rem;
    color: #a09f9f;
}

.entry-meta a {
    color: #f95152;
}

.entry-meta time.updated {
    margin-left: .3rem;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
    clear: both;
    padding: 2em 0 0.5em;
}

.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment-list li:before {
    display: none;
}

.comment-body {
    margin-left: 65px;
}

.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}

.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}

.comment-author .says {
    display: none;
}

.comment-meta {
    margin-bottom: 1.5em;
}

.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.comment-metadata a {
    color: #767676;
}

.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1em;
}

.comment-body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}

.comment-reply-link {
    font-weight: 800;
    position: relative;
}

.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}

.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
    border: 1px solid #333;
    padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.comments-pagination {
    margin: 2em 0 3em;
}

.form-submit {
    text-align: right;
}

.comment-form #wp-comment-cookies-consent {
    margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
    display: inline;
}

.post-navigation {
    font-weight: 800;
    margin: 3em 0;
    padding: 0 !important;
}

.post-navigation .nav-links {
    padding: 1em 0;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}

.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    letter-spacing: 0.1818em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.nav-title {
    color: #333;
    font-size: 15px;
    font-size: 0.9375rem;
}

.post-navigation .nav-next {
    margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5em;
    display: none;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5em;
    display: none;
}

.entry-footer {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding: 2em 0;
    display: none !important;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 0em;
    position: relative;
    text-transform: uppercase;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
    color: #767676;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 2px;
    display: none;
}

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
}

svg:not(:root) {
    overflow: hidden;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-footer .cat-links+.tags-links {
    margin-top: 1em;
}

.entry-footer .edit-link {
    display: inline-block;
}

.entry-footer .edit-link a.post-edit-link,
.entry-footer .vc_inline-link {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    margin-top: 1em;
    padding: 0.7em 2em;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    color: #fff;
    white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus,
.entry-footer .edit-link a.vc_inline-link:hover,
.entry-footer .edit-link a.vc_inline-link:focus {
    background-color: #41228e;
}

@media screen and (min-width: 48em) {
    .entry-footer {
        display: table;
        width: 100%;
    }

    .entry-footer .cat-tags-links,
    .entry-footer .edit-link {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }

    .entry-footer .edit-link {
        text-align: right;
    }
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
    padding: 1em 0 2em;
}

.awsm-filter-wrap {
    margin: 0 -10px 45px !important;
}

.widget {
    padding-bottom: 3em;
}

h2.widget-title {
    color: #222;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.widget-title a {
    color: inherit;
}

/* widget forms */

.widget select {
    width: 100%;
}

/* widget lists */

.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li,
.widget ol li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 1em 0;
    font-size: 14px;
}

.widget ul li a,
.widget ol li a {
    color: #222222;
}

.widget:not(.widget_tag_cloud) ul li+li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
    font-size: 0.81em;
}

/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li+li {
    margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
    display: block;
}

/* Search */

.search-form {
    position: relative;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}

.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 4px 10px 5px;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    border-color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

.wrap.blogs {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}

.wrap.blogs:after {
    clear: both;
    content: "";
    display: block;
}

.wrap.blogs .section {
    padding-top: 0px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

@media screen and (min-width: 48em) {
    .wrap.blogs #primary {
        float: left;
        width: 65%;
    }

    .has-sidebar #secondary {
        float: right;
        padding-top: 0;
        width: 30%;
    }

    .single-post .entry-title,
    .page .entry-title,
    .entry-header .entry-title,
    #main .entry-title {
        font-size: 26px;
        font-size: 2.2rem;
    }
}

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

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

.wrap.blogs input[type="text"],
.wrap.blogs input[type="email"],
.wrap.blogs input[type="url"],
.wrap.blogs input[type="password"],
.wrap.blogs input[type="search"],
.wrap.blogs input[type="number"],
.wrap.blogs input[type="tel"],
.wrap.blogs input[type="range"],
.wrap.blogs input[type="date"],
.wrap.blogs input[type="month"],
.wrap.blogs input[type="week"],
.wrap.blogs input[type="time"],
.wrap.blogs input[type="datetime"],
.wrap.blogs input[type="datetime-local"],
.wrap.blogs input[type="color"],
.wrap.blogs textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    width: 100%;
}

.wrap.blogs button,
.wrap.blogs input[type="button"],
.wrap.blogs input[type="submit"] {
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f63068), color-stop(100%, #fa6e3d));
    background: -webkit-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(0deg, #f63068 0%, #fa6e3d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#f63068), to(#fa6e3d));
    background: -webkit-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: -o-linear-gradient(left, #f63068 0%, #fa6e3d 100%);
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    color: #fff;
}

@media screen and (min-width: 48em) {
    .post-navigation .nav-previous {
        float: left;
        width: 50%;
    }

    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
    }

    .nav-next,
    .post-navigation .nav-next {
        margin-top: 0;
    }

    .comments-pagination,
    .post-navigation {
        clear: both;
    }
}

#blog-landing {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.white-panel {
    position: absolute;
}

@media screen and (max-width: 48em) {
    .white-panel {
        margin-bottom: 30px;
    }
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
    content: '\f347' !important;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link,
#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link {
    border-bottom: 0px solid #e0e0e0 !important;
    padding-bottom: .5rem !important;
    margin-bottom: 0rem !important;
    font-size: 16px !important;
}

#mega-menu-wrap-top #mega-menu-top li.mega-menu-item a.mega-menu-link:before {
    margin: 0 10px 0 0px;
}

.type-technology .post-thumbnail {
    display: none;
}

.type-services .post-thumbnail {
    display: none;
}

.fixed-top.scrolled {
    position: fixed;
    background: #172839;
}

.hideouts .flag {
    width: 30px;
    height: 24px;
    margin-bottom: 0px;
}

.small-circle {
    background: #fff;
    width: 20px;
    height: 20px;
    line-height: 21px !important;
    text-align: center;
    border-radius: 50%;
    font-size: 10px !important;
    position: relative;
    top: -2px;
    color: #41248e !important;
}

.footer-section hr {
    box-sizing: content-box;
    height: 0;
    border: 0;
}

.footer-section hr:after {
    content: '';
    display: block;
    height: 1px;
    background: #fff;
    width: 200px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+72,1+72,0+100 */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 72%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */
}

.copyright-footer p {
    font-size: 15px;
}

.masonry-wrapper {
    padding: 1.5em;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
}

.masonry {
    columns: 1;
    column-gap: 20px;
}

.masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry {
        columns: 2;
    }
}

@media only screen and (min-width: 1024px) {
    .masonry {
        columns: 3;
    }
}

.masonry-item,
.masonry-content {
    border-radius: 4px;
    overflow: hidden;
}

.masonry-content {
    overflow: hidden;
}

.masonry-item {
    color: #111111;
    background-color: #f9f9f9;
}

.masonry-title,
.masonry-description {
    margin: 0;
}

.masonry-title {
    font-weight: 700;
    font-size: 1.3rem;
    padding: 1rem 1.5rem;
    line-height: 1.3;
}

.masonry-description {
    padding: 1.5rem;
    border-top: 0px solid rgba(0, 0, 0, .05);
    padding-top: initial;
}

.masonry-footer {
    font-size: .75em;
    opacity: .25;
    text-align: center;
    padding-top: 3em;
    padding-bottom: 3em;
    margin-bottom: -1.5em;
    transition: opacity 1s ease-in-out;
}

.masonry-footer a {
    color: currentColor;
}

.masonry-footer:hover,
.masonry-footer:active,
.masonry-footer:focus {
    opacity: .75;
}

.navigation fixed-top {
    color: #fff !important;
}

@media only screen and (min-width: 1200px) {
    #mega-menu-wrap-top #mega-menu-top>li.mega-menu-item>a.mega-menu-link:hover {
        background: transparent !important;
        color: #fff !important;
        font-weight: 500 !important;
        text-decoration: none;
        border-color: #fff;
    }
}

@media screen and (max-width: 575px) {
    .d-xs-none {
        display: none !important;
    }

    .slider-wrapper {
        height: 650px !important;
    }

    .slick-list {
        height: auto !important;
    }

    .pl-xs-2 {
        padding-left: 0.5rem !important;
    }

    .pr-xs-2 {
        padding-right: 0.5rem !important;
    }

    .mb-xs-3 {
        margin-bottom: 1rem !important;
    }

    .mb-xs-5 {
        margin-bottom: 3rem !important;
    }

    .mt-xs-3 {
        margin-top: 1rem !important;
    }
}

.pagination.navigation {
    background: transparent !important;
}

/*Portfolio Section Start*/

.portfolio_banner {
    background: url('../images/Portfolio_Banner.webp');
    background-size: auto;
    background-repeat: no-repeat;
    display: flex;
    background-size: cover;
    height: auto;
    width: auto;
    padding-bottom: 180px;
}

.portfolio_banner_wrapper {
    overflow: hidden;
    position: relative;
    padding-bottom: 170px;
}

.banner_shape_one {
    background-color: #8998ab08;
    position: absolute;
    width: 1084px;
    height: 1000px;
    border-radius: 17% 0 100% 31%;
    transform: rotate(8deg);
    top: -419px;
}

.banner_shape_two {
    background-color: #8294ab1f;
    position: absolute;
    width: 1121px;
    height: 1000px;
    border-radius: 17% 0 100% 31%;
    transform: rotate(17deg);
    top: -388px;
    opacity: .5;
}

.banner_shape_three {
    background-color: #8294ab1f;
    position: absolute;
    width: 1184px;
    height: 1000px;
    border-radius: 17% 0 100% 31%;
    transform: rotate(20deg);
    top: -395px;
    opacity: .5;
}

.portfolio_banner_wrapper .inner-banner figure img {
    width: unset;
}

.portfolio_banner_wrapper .inner-banner h1.portfolio_banner_title {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    color: #000;
}

.portfolio_banner_wrapper .inner-banner .portfolio_banner_description {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-size: 30px;
    color: #000000;
}

.portfolio_section .protfoli_content_left figure.image_overlay {
    left: 0px;
    position: absolute;
    top: 50%;
    margin: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio_section .protfoli_content_right figure.image_overlay {
    right: 0px;
    position: absolute;
    top: 50%;
    margin: 0;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.portfolio_section .protfoli_content_right h5,
.portfolio_section .protfoli_content_left h5 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
}

.portfolio_section .protfoli_content_right h4,
.portfolio_section .protfoli_content_left h4 {
    font-family: Mulish;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
}

.loginformSet {
    width: 80%;
    height: auto;
    margin: auto;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, .5);
    border-radius: 8px;
    background: #fff;
    padding: 20px;
    overflow: hidden;
}

.loginformSet textarea.form-control {
    height: 70px;
    padding-left: 0px;
}

.loginformSet .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
    padding-left: 0px;
}

.loginformSet form {
    width: 100%;
    margin: auto;
}

.inp-ctrl {
    position: relative;
}

.inp-ctrl p {
    margin-bottom: 0px;
}

.inp-ctrl span.icon {
    position: absolute;
}

.inptBox {
    border: none;
    width: 100%;
    background: none;
    border-bottom: 1px solid #d1d2d3;
    margin-bottom: 20px;
    color: #000;
    outline: none;
    padding-left: 28px;

}

.cnclBtn {
    background: #000;
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    border: none;
    outline: none;
    cursor: pointer;
}

.headingsss {
    font-size: 28px;
}

/* Medium devices (landscape tablets, 768px and up) */

@media (max-width: 599px) {

    .updated_new_banner {
        margin-top: 30px !important;
        padding-top: 0px !important;
    }

    .banner_content h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .loginformSet {
        width: 100%;
    }

    .industries_titel h1 {
        font-size: 20px;
    }

    .industries_owl_carrousel .card h2 {
        font-size: 20px !important;
    }

    .testimonial_content {
        padding-left: 50px !important;
    }

    .banner img {
        width: 100%;
    }

    .industries_owl_carrousel figure,
    .industries_owl_carrousel figure img,
    .industries_owl_carrousel {
        height: 250px;
    }

    .industries_owl_carrousel .card {
        top: 50% !important;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px 10px !important;
        border: none;
        width: 300px !important;
        position: absolute !important;
    }

    .portfolio_banner_wrapper {
        padding-bottom: 100px;
    }

    .portfolio_section .protfoli_content_left,
    .portfolio_section .protfoli_content_right {
        padding: 5px !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .portfolio_section .protfoli_content_left figure img.main_img,
    .portfolio_section .protfoli_content_right figure img.main_img {
        display: none;
    }

    .portfolio_section .protfoli_content_right figure.image_overlay img {
        height: auto;
    }

    .portfolio_section .protfoli_content_left figure.image_overlay,
    .portfolio_section .protfoli_content_right figure.image_overlay {
        left: unset;
        position: unset;
        top: unset;
        margin: unset;
        -ms-transform: unset;
        transform: unset;
        text-align: center;
    }
}

@media (min-width: 1440px) {

    .industries_owl_carrousel,
    .banner_industries,
    .portfolio_section {
        width: 1440px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {

    .updated_new_banner {
        margin-top: 30px !important;
        padding-top: 0px !important;
    }

    .banner_content h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .portfolio_banner_wrapper {
        padding-bottom: 100px;
    }

    .portfolio_section .protfoli_content_left figure img.main_img,
    .portfolio_section .protfoli_content_right figure img.main_img {
        height: 500px;
    }

    .portfolio_section .protfoli_content_right figure.image_overlay img,
    .portfolio_section .protfoli_content_left figure.image_overlay img {
        height: 500px;
    }

    .portfolio_section .protfoli_content_right figure.image_overlay {
        right: -40px;
    }

    .portfolio_section .protfoli_content_left figure.image_overlay {
        left: -40px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .updated_new_banner {
        margin-top: 111px !important;
        padding-top: 30px !important;
    }

    .banner_content h2 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .inner-banner .banner_content .breadcrumb .breadcrumb-item {
        font-size: 13px !important;
    }

    .portfolio_section .protfoli_content_left figure img.main_img,
    .portfolio_section .protfoli_content_right figure img.main_img {
        height: 550px;
    }

    .portfolio_section .protfoli_content_right figure.image_overlay img,
    .portfolio_section .protfoli_content_left figure.image_overlay img {
        height: 550px;
    }
}

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

    .portfolio_section .protfoli_content_left figure img.main_img,
    .portfolio_section .protfoli_content_right figure img.main_img {
        height: 600px;
    }

    .portfolio_section .protfoli_content_right figure.image_overlay img,
    .portfolio_section .protfoli_content_left figure.image_overlay img {
        height: 600px;
    }
}

/*Portfolio Section End*/

/*css for disable text copy Start*/
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*css for disable text copy End*/

/* Form Code Start */

#frmEnquiry {
    margin-top: 30px;
    height: 320px;
}

#feedback-form {
    width: 328px;
    position: fixed;
    z-index: -1;
    display: none !important;
}

#form_body {
    width: 170px;
    position: absolute;
    right: 0px;
    padding: 23px 17px;
    border-radius: 3px;
    background-repeat: no-repeat;
}

.modal-close {
    margin-left: 141px;
    margin-top: -387px;
}

.modal-close button {
    width: 30px;
    height: 30px;
}

#sidebar1 {
    transform: rotate(270deg);
    position: absolute;
    left: 84px;
    box-shadow: 0 0 8px gray;
    z-index: 1024;
}

#form_body input {
    margin-top: 9px;
    padding: 6px;
    width: 100%;
    font-size: 9px;
    border-radius: 2px;
    border: 3px solid #98d0f1;
    padding: 4px 15px !important;
}

#form_body textarea {
    padding: 6px;
    font-size: 9px;
    border-radius: 2px;
    border: 3px solid #98d0f1;
    margin-top: 10px;
    height: 80px;
    width: 100%
}

.form-button button {
    margin-top: 14px;
}

.form-button .btn.btn-circle {
    padding: 4px 11px;
    font-size: 10px;
}

.modal-form-pulse {
    animation: pulse-animation 2000ms infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(24 176 223);
    }

    90% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Form Code End */

/*shake_button_hover css code Start*/

.shake_button_hover {
    position: relative;
    animation-name: shake;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    cursor: pointer;
}

.shake_button_hover:hover {
    animation-name: shakeAnim;
}

@keyframes shakeAnim {
    0% {
        left: 0
    }

    1% {
        left: -3px
    }

    2% {
        left: 5px
    }

    3% {
        left: -8px
    }

    4% {
        left: 8px
    }

    5% {
        left: -5px
    }

    6% {
        left: 3px
    }

    7% {
        left: 0
    }
}

@keyframes shake {
    0% {
        left: 0
    }

    1% {
        left: -3px
    }

    2% {
        left: 5px
    }

    3% {
        left: -8px
    }

    4% {
        left: 8px
    }

    5% {
        left: -5px
    }

    6% {
        left: 3px
    }

    7% {
        left: 0
    }
}

/*shake_button_hover css code End*/

.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

@media only screen and (min-width: 200px) and (max-width: 1200px) {
    .mini-btn {
        display: none;
    }

    .d-none-1200 {
        display: none !important;
    }
}

.blk_button {
    padding: 5px 10px 5px 10px;
    color: #03e9f4;
    cursor: pointer;
    transition: 1s;
    overflow: hidden;
    box-shadow: inset 2px 2px 5px #070708;
    background: linear-gradient(#0E0F10, #070708) padding-box,
        /* background-color */
        linear-gradient(to left, #00A3E1, #03e9f4) border-box;
    border-radius: 5px;
    font-size: 12px;
}

.blk_button:not(.active) {
    background: linear-gradient(to right, #f63755 0%, #ef704e 100%) !important;
    animation: flicker 5s linear infinite;
}

/* --------------------------------
    ANIMATION
    -------------------------------- */

@keyframes flicker {

    0%,
    12% {
        color: #ffffff;
        box-shadow: 0 0 10px #f63068, 0 0 20px #f63068, 0 0 80px #f63068;
    }

    12%,
    19% {
        color: #ffffff;
        box-shadow: none;
    }

    19%,
    26% {
        color: #000;
        box-shadow: none;
    }

    26%,
    29% {
        color: #ffffff;
        box-shadow: 0 0 10px #f63068, 0 0 20px #f63068, 0 0 80px #f63068;
    }

    29%,
    44% {
        color: #000;
        box-shadow: none;
    }

    44%,
    54% {
        color: #ffffff;
        box-shadow: none;
    }

    54%,
    100% {
        color: #ffffff;
        box-shadow: 0 0 10px #f63068, 0 0 20px #f63068, 0 0 80px #f63068;
    }
}

.section-on-footer .custom-mathcaptcha span span.equal {
    margin-left: 10px;
    margin-right: 10px;
}

/* ================================
Contact Us Footer Code Start ======
================================= */

.contact-us-section {
    margin: 30px 0px 80px 0px;
}

.contact-us-section {
    margin: 140px 0 80px !important;
}

.contact-us-section .contact-us-form .card-title,
.contact-us-section .no-section .card-title {
    font-size: 24px;
    font-family: Mulish;
    font-style: normal;
    font-weight: 600;
}

.rounded-pill {
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 30px;
}

.contact-us-section .card .card-body .form-group a span.img-span {
    float: left;
    width: 150px;
    font-size: 13px;
    font-weight: 800;
}

input[type=number].remove-arrow {
    -moz-appearance: textfield;
}

.contact-us-section .contact-us-form input.form-control {
    height: 45px;
    font-size: 12px;
}

.contact-us-section .contact-us-form .contact-no-input input.form-control {
    padding-left: 120px;
}

.contact-us-section .contact-us-form select {
    height: calc(2.25rem + 9px) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url();
    background-position: 96%;
    background-repeat: no-repeat;
    background-size: 25px 15px;
}

.contact-us-section .contact-us-form textarea {
    resize: none;
    border-radius: 15px;
    padding: 10px 20px;
    font-size: 12px;
}

.contact-us-section .contact-us-form .btn.btn-block.bg-gradiant3 {
    font-size: 12px;
    padding: 20px;
    background: linear-gradient(90deg, #042b3d 0%, #09445a 100%);
    border-radius: 50px 50px 50px 50px;
}

.contact-us-section .no-section .form-group a {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
}

.contact-us-section .address-section .form-group a {
    color: #000000;
    font-size: 15px;
    font-weight: 300;
}

.contact-us-section .contact-us-math-captcha span span.equal {
    margin-left: 10px;
    margin-right: 10px;
}

/* ================================
Contact Us Footer Code End ========
================================= */

.contact-us-content-modal.show {
    background-color: #000000ad;
}

.contact-us-content-modal .modal-bg {
    background-image: url(../images/modal_img.webp);
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    border-top-left-radius: 0.3em;
    border-bottom-left-radius: 0.3em;
    height: 95%;
    background-color: #f1f4fa;
}

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

    .updated_new_banner {
        margin-top: 30px !important;
        padding-top: 0px !important;
    }

    .banner_content h2 {
        font-size: 25px !important;
        line-height: 30px !important;
    }

    .contact-us-content-modal .modal-bg {
        background-image: url(../images/modal_img.webp);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-top-left-radius: 0.3em;
        border-top-right-radius: 0.3em;
        background-color: #f1f4fa;
        padding-bottom: 300px;
    }

    .contact-us-content-modal .close-modal-lg {
        display: none;
    }

    .contact-us-content-modal .close-modal-sm {
        display: block !important;
    }
}

.contact-us-content-modal .close-modal-sm {
    display: none;
}

.contact-us-content-modal .fa {
    background: linear-gradient(to right, #4fc2cb 0%, #6fb5bd 100%);
    border-radius: 100%;
    height: 30px;
    width: 30px;
    color: #fff;
}

.contact-us-content-modal .fa-phone:before {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.contact-us-content-modal .fa-envelope:before {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.contact-us-content-modal .modal-content .modal-body span.content-span {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    background: linear-gradient(to right, #4fc2cb 0%, #de5358 100%);
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 39px;
    position: relative;
    border-radius: 50px;
    color: #fff !important;
    padding-right: 10px;
}

.contact-us-content-modal .modal-content .modal-body span.img-span {
    position: absolute;
    z-index: 1;
}

.modal-backdrop.fade.show {
    z-index: -1;
}

.contact_us_page .linkedin_url .fa {
    background: linear-gradient(to right, #4fc2cb 0%, #6fb5bd 100%);
    border-radius: 100%;
    height: 30px;
    width: 30px;
    color: #fff;
    vertical-align: middle;
}

.contact_us_page .linkedin_url .fa-phone:before {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    line-height: 30px;
}

.contact_us_page .linkedin_url .fa-envelope:before {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}

.contact_us_page .linkedin_url span.content-span {
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    background: linear-gradient(to right, #4fc2cb 0%, #de5358 100%);
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 35px;
    position: absolute;
    border-radius: 50px;
    padding-right: 10px;
}

.contact_us_page .linkedin_url span.img-span {
    position: absolute;
    z-index: 1;
    text-align: center;
}

.header_menu_number {
    background: linear-gradient(to right, #4FC2CB 0%, #DE5358 100%);
    padding: 5px 8px 6px 8px;
    border-radius: 50px;
    color: #fff;
}

/*================================================= 
===== Header Menu Scroller Design Css start =======
=================================================*/

.mega-sub-menu-overflow-auto>.mega-sub-menu {
    min-height: 200px !important;
    overflow: auto !important;
    height: 500px !important;
}

.mega-sub-menu-overflow-auto>.mega-sub-menu::-webkit-scrollbar-track {
    border-radius: 10px;
}

.mega-sub-menu-overflow-auto>.mega-sub-menu::-webkit-scrollbar {
    width: 10px;
}

.mega-sub-menu-overflow-auto>.mega-sub-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

/*================================================= 
===== Header Menu Scroller Design Css End =========
=================================================*/

select#countrycode:not([size]):not([multiple]) {
    height: calc(2.25rem + 9px) !important;
    width: 111px;
    position: absolute;
    z-index: 1;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#vonageClick2callme {
    position: fixed;
    left: -54px;
    z-index: 1;
    transform: rotate(270deg) !important;
    top: 45%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.poweredby {
    display: none;
}

#mega-menu-wrap-top #mega-menu-top>li.mega-menu-megamenu>ul.mega-sub-menu {
    background-image: url("https://etelligens.iknowsolution.com/wp-content/uploads/2021/10/menu_bg-scaled.webp") !important;
    background-color: #cccccc !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;

}

.soft_product_engg a:hover {
    background: #BC935A !important;
    background: linear-gradient(to bottom, #C19E56, #BC935A) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC19E56', endColorstr='#FFBC935A') !important;
    color: #FDF9F9 !important;
}

@media only screen and (min-width: 1199px) and (max-width:1350px) {
    .buttonclass {
        position: fixed !important;
        top: 50%;
        right: -27px;
        transform: rotate(270deg);
    }

    .buttonclass:before {
        content: '';
        display: block !important;
        position: absolute !important;
        top: 6px !important;
        left: 95px !important;
        right: -13px !important;
        transform: rotate(77deg) !important;
        height: 23px !important;
        background: url('../images/christmas-button-icon1.webp') no-repeat 0 0, url('../images/christmas-button-icon2.webp') no-repeat 25% 0, url('../images/christmas-button-icon3.webp') no-repeat 10% 0;
    }
}

@media only screen and (min-width: 220px) and (max-width:480px) {

    .key_featured_section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #rc-imageselect,
    .g-recaptcha {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        display: block;
    }

    .contact-us-section .card .card-body .form-group a span.img-span img {
        margin-right: 0.5rem !important;
        margin-bottom: 5px;
    }

    .contact-us-section .card .card-body .form-group a span.img-span {
        width: 80px;
        font-size: 12px;
        display: contents;
    }

    .contact-us-section .card .card-body .form-group a span.content-span {
        font-size: 15px;
    }

    .buttonclass {
        position: fixed !important;
        top: 50%;
        right: -27px;
        transform: rotate(270deg);
        margin-right: 0px !important;
    }

    .buttonclass:before {
        content: '';
        display: block !important;
        position: absolute !important;
        top: 6px !important;
        left: 95px !important;
        right: -13px !important;
        transform: rotate(77deg) !important;
        height: 23px !important;
        background: url('../images/christmas-button-icon1.webp') no-repeat 0 0, url('../images/christmas-button-icon2.webp') no-repeat 25% 0, url('../images/christmas-button-icon3.webp') no-repeat 10% 0;
    }
}

.buttonclass {
    margin-right: 15px;
    display: inline-block;
    min-width: 100px;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background: red;
    outline: none;
    border-radius: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
}

.buttonclass::before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -3px;
    right: 0;
    height: 23px;
    background: url('../images/christmas-button-icon1.webp') no-repeat 0 0, url('../images/christmas-button-icon2.webp') no-repeat 50% 0,
        url('../images/christmas-button-icon3.webp') no-repeat 100% 0;
}

#mega-menu-wrap-top #mega-menu-top li.services-sub-menu>a.mega-menu-link:hover {
    background: #E85384 !important;
    background: linear-gradient(to bottom, #E8557A, #E85384) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE8557A', endColorstr='#FFE85384') !important;
    color: #FAF6F6 !important;
}

.CaseStudySecondSection .thirdRow {
    background: #ffffffcf;
    background-image: url('../images/challenge.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 200px 0;
}

.CaseStudyThirdSection {
    background-color: #F8F9FF;
}

@media (max-width: 991px) {

    .firstRow .container,
    .secondRow .container,
    .thirdRow .container {
        max-width: 100%;
    }

    .CaseStudySecondSection .firstRow .SlickSliderOne-bg,
    .CaseStudySecondSection .secondRow .SlickSliderTwo-bg {
        margin: 0 auto;
    }

    .CaseStudySecondSection .thirdRow {
        background: #ffffff91;
        background-image: unset;
        background-repeat: no-repeat;
        background-position: right;
        text-align: center;
        padding: 0px 0;
    }

    .CaseStudySecondSection .firstRow {
        padding: 50px 0 !important;
    }

    .CaseStudySecondSection .secondRow {
        padding: 50px 0 !important;
    }

    .CaseStudySecondSection .firstRow:before {
        content: unset;
        position: absolute;
        right: 0;
        top: 0;
    }

    .CaseStudySecondSection .secondRow .SlickSliderTwo:before {
        content: unset;
    }

    .CaseStudySecondSection .firstRow .SlickSliderNavThumbnailsOne .slick-track {
        width: 100% !important;
        text-align: center !important;
    }

    .CaseStudySecondSection .secondRow .SlickSliderNavThumbnailsTwo .slick-track {
        width: 100% !important;
        text-align: center !important;
    }
}

@media (max-width: 576px) {

    .industries_counter p {
        font-size: 15px !important;
    }

    .CaseStudyFirstSection .right {
        margin-top: 200px;
    }

    .CaseStudyFirstSection:before {
        right: 0;
        bottom: 32%;
    }

    .CaseStudyFirstSection:after {
        top: -50px;
        right: 0;
        left: 0;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .CaseStudySecondSection .firstRow .SlickSliderOne-bg,
    .CaseStudySecondSection .secondRow .SlickSliderTwo-bg {
        width: 290px;
        height: 290px;
        margin: 0 auto;
    }

    .CaseStudySecondSection .firstRow .SlickSliderOne .slick-slide .slider-item h2,
    .CaseStudySecondSection .secondRow .SlickSliderTwo .slick-slide .slider-item h2 {
        font-size: 15px !important;
    }

    .CaseStudySecondSection .firstRow .SlickSliderOne .slick-slide .slider-item p,
    .CaseStudySecondSection .secondRow .SlickSliderTwo .slick-slide .slider-item p {
        font-size: 12px !important;
    }

    .CaseStudySecondSection .firstRow .SlickSliderOne .slick-slide,
    .CaseStudySecondSection .secondRow .SlickSliderTwo .slick-slide {
        padding: 0 21px 0;
    }

}

.navbar-brand img {
    width: 130px !important;
    height: 100%;
}

li.custom_salesforce_dev a {
    color: #009EDB !important;
}

li.custom_salesforce_dev .mega-sub-menu li a {
    color: #666 !important;
}

li.custom_salesforce_dev .mega-sub-menu li:hover {
    background-color: #009EDB !important;
}

li.custom_salesforce_dev .mega-sub-menu li:hover a {
    color: #fff !important;
}

li.custom_salesforce_dev .mega-sub-menu li:hover a::before {
    background-image: url("https://etelligens.iknowsolution.com/wp-content/uploads/2022/08/salesforce-menu-icon-2.png") !important;
}

/* =======================================
==== Input with country Css Start ======*/

.mobile_no_with_code_flag .intl-tel-input,
.mobile_no_with_code_flag .iti {
    width: 100%;
}

.mobile_no_with_code_flag .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}

.mobile_no_with_code_flag .iti__flag-container ul li {
    margin: 0.2em 0 !important;
}

.mobile_no_with_code_flag .iti__flag-container ul li::before {
    content: unset !important;
}

.mobile_no_with_code_flag .iti__flag {
    background-image: url('../images/flags.webp') !important;
}

/* ======== nput with country Css End ===== 
 =========================================*/


/* =======================================
=========== Home Banner Css Start ======*/
.slider-wrapper img.banner_bg {
    height: 100%;
    width: 100%;
}

.slider-wrapper {
    background-image: url('../images/home-banner1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #000;
}

.slider-wrapper .banner_overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 95%;
}

.slider-wrapper .banner_overlay .Digital,
.slider-wrapper .banner_overlay span {
    font-family: 'Raleway', sans-serif;
    font-weight: 400px !important;
}

.slider-wrapper .banner_overlay h1 {
    font-size: 46px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
}

.slider-wrapper .banner_overlay p.menu_name {
    font-size: 20px;
    font-weight: 600;
}

.slider-wrapper .banner_overlay p.menu_name a {
    color: #fff;
}

.slider-wrapper .banner_overlay p.menu_name a:hover {
    color: #18b0df;
}

.slider-wrapper::after {
    content: '';
    background-color: #000000a1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    right: 0;
}

.slider-wrapper {
    height: 100vh;
}

.our_recognition {
    position: absolute;
    bottom: 0;
    width: 100%;
    filter: drop-shadow(2px 4px 6px black);
    z-index: 1;
}

.btn-design {
    background: linear-gradient(89.58deg, #F63068 39.54%, #FA6E3D 96.97%);
    box-shadow: 0px 8px 12px rgb(0 0 0 / 16%), 0px 8px 19px rgb(0 0 0 / 12%), 0px 5px 8px rgb(0 0 0 / 7%), 0px 3px 2px rgb(0 0 0 / 5%);
    color: #fff;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    overflow: hidden;
}

.btn-design:after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    position: absolute;
    content: '';
    z-index: -1;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    background: #fff;
    border-radius: 100px;
}

.btn-design:hover {
    color: #f73c3c !important;
}

.btn-design:hover:after {
    width: 100%;
}

/* ============ Home Banner Css Start ===== 
 =========================================*/

/* ===================================================================
=== Home Page All Content Fixed Container After 2000 width Start ===*/

@media (min-width: 2000px) {
    #main {
        width: 1440px;
        padding: 0px 0px;
        margin: 0 auto;
    }

    .about_us_section3,
    .about_us_section5,
    .about_us_section7,
    header.navigation nav,
    .our_recognition,
    .portfolio_section,
    header.navigation.fixed-top.scrolled {
        width: 1440px;
        margin: 0 auto;
    }

    .slider-wrapper .item {
        padding: 400px 0px;
        height: unset;
        position: relative;
    }

    .slider-wrapper {
        height: 100%;
    }

}

#CountryCodeWithNameID {
    visibility: hidden;
}

.countryInpu .iti--separate-dial-code .iti__selected-flag {
    border-radius: 100px;
    padding-left: 20px;
}

.countryInpu input#mobile_code_with_code {
    padding-left: 85px;
}

/* === Home Page All Content Fixed Container After 2000 width Start === 
=====================================================================*/


/* ========================================== 
==================== Footer Menu CSS Start */

.footer_menu #nav_menu-2 {
    padding: 0px;
}

.footer_menu #menu-bottom-footer-menu {
    display: flex;
    justify-content: center;
}

.footer_menu #menu-bottom-footer-menu li:first-child {
    margin-right: 6px;
}

.footer_menu #menu-bottom-footer-menu li {
    border: 0;
    margin: 0px;
    padding: 0px;
}

.footer_menu #menu-bottom-footer-menu li:before {
    content: unset;
}

.footer_menu #menu-bottom-footer-menu li a {
    color: #fff;
    text-decoration: none;
    box-shadow: unset;
    font-size: 13px;
}

.footer_menu #menu-bottom-footer-menu li::after {
    content: "|";
    margin: 0px 6px;
    color: #fff;
}

.footer_menu #menu-bottom-footer-menu li:last-child::after {
    content: unset;
}

/* ===================== Footer Menu CSS End 
===========================================*/

/* =====================================
========== About css Start ===========*/
.about_us_section .first {
    background: linear-gradient(245.99deg, #FFFFFF 0%, #F8F8F8 0.01%, #D9E7F4 97.31%);
    padding: 80px 0px;
}

.about_us_section .first span {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

.about_us_section .first h2 {
    font-family: 'Roboto';
    font-weight: 700 !important;
    font-size: 34px !important;
    color: #1B1B43 !important;
    line-height: 45px;
}

.about_us_section .first p {
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: #000000;
}

/* ============== About css end  ============
============================================*/
/* new footer css start */
.new_section .copyright-footer {
    background: #000;
}

.new_section {
    background: url('../images/footer_background.webp');
    background-repeat: no-repeat;
    padding-top: 85px;
    background-size: cover;
}

.new_section ul li:before {
    content: unset !important;
}

.footer-form {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 17px;
    padding: 12px;
    margin-top: -10px;
}

ul.custom_tab li:first-child a {
    margin-left: 0px !important;
}

ul.custom_tab .nav-link {
    border-top-left-radius: 100px !important;
    border-top-right-radius: 100px !important;
}

ul.custom_tab li a {
    width: 30px;
    height: 30px;
    margin-left: 10px !important;
    border: 5px solid #fff !important;
    border-radius: 100px;
    line-height: 15px;
}

/* new footer css end here */

.custom_tab a.active:before {
    left: 5px;
    content: '';
    background: #fff;
    height: 10px;
    width: 10px;
    position: absolute;
    bottom: -8px;
    z-index: 2;
    transform: rotate(45deg);
    border-radius: 10px 0 0;
}

.custom_tab a {
    position: relative;
}

.bottom_footer_top_bg {
    background-image: url('../images/BG.webp');
    height: 105px;
}

/* card section start here */

.testimonial-card.card {
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.testimonial-card.card .card-body {
    background: #fff;
    text-align: center;
    padding-bottom: 24px;
    border-radius: 0px 0px 10px 10px;
}

.testimonial-card.card .card-body p {
    font-size: 1rem;
    color: rgba(60, 52, 52, 1);
}

.testimonial-card.card .card-body span {
    color: rgba(246, 54, 100, 1);
    font-weight: 600;
    font-size: 18px;
}

.card-img-top {
    width: 300px;
    height: 160px;
    background: linear-gradient(90.68deg, #4599B3 0.71%, #9CE3F9 48.47%, #4599B2 99.58%);
}

.bg_image {
    background: url('../images/bg_i.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;

}

.img-fluid_t {
    margin-top: -50px;
    margin-left: 10px;
}

.align-items-center {
    align-items: center !important;
}

.testimonial_content {
    padding-left: 66px;
}

.testimonial_content span {
    font-weight: 500;
    font-size: 24px;
    color: rgba(246, 54, 100, 1);
}

.testimonial_content h4 {
    color: #4dc0ca;
    font-size: 30px;
    font-weight: bold;
}

.testimonial_content p {
    color: rgba(52, 51, 51, 1);
    font-weight: 400;
    font-size: 18px;
    padding-right: 50px;
}

.industries_owl_carrousel .card {
    position: absolute;
    z-index: 1;
    top: 120px;
    right: 100px;
    width: 454px;
    background-color: rgba(23, 40, 57, 0.94) !important;
    border-radius: 16px;
    padding: 30px;
}

.industries_owl_carrousel .card h2 {
    font-size: 30px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.industries_owl_carrousel .card p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
}

.industries_owl_carrousel .learn-more {
    margin: 0 auto;
}

/* card section ends here */

/* ====================industries CSS start================== */

.banner_industries {
    position: relative;
    text-align: center;
    color: white;
}

.industries_titel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sliderTabs {
    padding: 80px 0px;
    background: url('../images/BG_tab.png');
    background-size: 100% 100%;
}

.slider_indicators.carousel-indicators [data-bs-target] {
    border-radius: 10px;
    border: none;
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    opacity: .5;
    transition: opacity .6s ease;
    margin-bottom: 5px;
}

#tabs {
    background: #fff;
}

.f_aws {
    position: relative;
    right: -30px;
    top: -30px;
    transform: rotate(-40deg);
}

/* startSliderNav */

.tabsliders {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.tabsliders li {
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    background: #455C74;
    color: #fff;
    padding: 16px 24px 16px 24px;
    border-left: 1px solid #284058 !important;
    flex-direction: column;
}

.tabsliders li:hover {
    color: #F63664;
}

.tabcontent {
    margin: 20px;
}

.tabsliders li p {
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.tabsliders li .img-fluid {
    width: 20px;
    height: 50px;
}

.owl-carousel .owl-item img {
    width: auto !important;
}

.owl-dots {
    display: none;
}

.crrttab {
    background-color: #fff !important;
}

.crrttab p {
    color: #485E75 !important;
    font-size: 20px;
    font-weight: 700;
}

.crrttab .fa-3x {
    color: #F63664 !important;

}

.crrttab .f_aws {
    color: #F63664 !important;
}

.crrttab.img-fluid .tab_sec {
    color: #F63664 !important;
}

.loremText {
    padding: 20px;
}

.loremText p {
    color: rgba(52, 51, 51, 1);
    font-size: 18px;
    font-weight: 600;
}

.loremText p::before {
    content: '';
    width: 3px;
    display: block;
    height: 80px;
    background: rgba(247, 61, 96, 1);
    position: absolute;
    left: 5px;
    top: 25;
}

.loremText p span {
    color: rgba(247, 61, 96, 1);
    font-weight: 700;
    font-size: 22px;
}

.loremText2 {
    padding: 20px;
    background-color: #F4F3F9;
    border-radius: 10px;
    font-weight: 400;
    font-size: 18px;
}

.loremText2 h4 {
    color: rgba(246, 53, 100, 1);
    font-weight: 400;
    font-size: 28px;
    text-align: justify;
}

.learn-more {
    padding: 6px 20px;
    border-radius: 50px 50px 0;
    background: linear-gradient(90deg, #f63068 0%, #fa6e3d 100%);
    color: #fff;
    outline: none;
    border: none;
    font-weight: 600;
    border: 0;
    position: relative;
    z-index: 1;
    transition: .2s ease;
}

.learn-more:hover {
    background: #fff;
    color: rgba(246, 53, 100, 1);
    border-radius: 50px 50px 50px 50px;
    border: solid 1px;
}

.sliderTabs .owl-nav button.owl-prev {
    font-size: 50px !important;
    color: #f63664 !important;
    left: 20px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 20px;
}

.sliderTabs .owl-nav button.owl-next {
    font-size: 50px !important;
    color: #f63664 !important;
    right: -20px !important;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 20px;
}

.sliderTabs .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    margin-right: 20px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    margin-right: 20px;
}


/*==================card section start here===================== */

.testimonial-card.card {
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.testimonial-card.card .card-body {
    background: #fff;
    text-align: center;
    padding-bottom: 24px;
    border-radius: 0px 0px 10px 10px;
}

.testimonial-card.card .card-body p {
    font-size: 1rem;
    color: rgba(60, 52, 52, 1);
}

.testimonial-card.card .card-body span {
    color: rgba(246, 54, 100, 1);
    font-weight: 600;
    font-size: 18px;
}

.card-img-top {
    width: 300px;
    height: 160px;
    background: linear-gradient(90.68deg, #4599B3 0.71%, #9CE3F9 48.47%, #4599B2 99.58%);
}

.bg_image {
    background: url('../images/bg_i.png');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;

}

.img-fluid_t {
    margin-top: -50px;
    margin-left: 10px;
}

.align-items-center {
    align-items: center !important;
}

.testimonial_content {
    padding-left: 66px;
}

.testimonial_content span {
    font-weight: 500;
    font-size: 24px;
    color: rgba(246, 54, 100, 1);
}

.testimonial_content h4 {
    color: #4dc0ca;
    font-size: 30px;
    font-weight: bold;
}

.testimonial_content p {
    color: rgba(52, 51, 51, 1);
    font-weight: 400;
    font-size: 18px;
    padding-right: 50px;
}

.industries_owl_carrousel .card {
    position: absolute;
    z-index: 1;
    top: 120px;
    right: 100px;
    width: 454px;
    background-color: rgba(23, 40, 57, 0.94) !important;
    border-radius: 16px;
    padding: 30px;
}

.industries_owl_carrousel .card h1 {
    font-size: 36px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
}

.industries_owl_carrousel .card p {
    font-weight: 400;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
}

.industries_owl_carrousel .learn-more {
    margin: 0 auto;
}

/* ==============card section ends here================== */

.section_industries_our_recognition {
    padding: 60px 0px;
}

.grid-container {
    display: flex;
    padding: 0px 40px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
}

.grid-item h4 {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    padding-top: 20px;
}

.grid-item .client_logo {
    width: 33.33%;
    margin-bottom: 20px;
    padding-left: 14px;
}

.caseStudy .box .hide_text,
.testimonial .box .hide_text {
    display: none;
}

.caseStudy .box.show .hide_text,
.testimonial .box.show .hide_text {
    display: block;
}

.caseStudy .box.show .show_text,
.testimonial .box.show .show_text {
    display: none;
}

.caseStudy .box.show .min_text,
.testimonial .box.show .min_text {
    display: none;
}

.caseStudy .box .max_text,
.testimonial .box .max_text {
    display: none;
}

.caseStudy .box.show .max_text,
.testimonial .box.show .max_text {
    display: block;
}

/* ================================industries CSS end =========================*/

/* ================================================ 
============== Cookies Popup CSS Start ========= */
.cookies_popup_wrapper {
    position: fixed;
    bottom: 5px;
    display: none;
    max-width: 430px;
    background: #000;
    border: 2px solid #fff;
    padding: 15px 25px 22px;
    transition: left 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 9999999999;
}

.cookies_popup_wrapper.show {
    display: block;
}

.cookies_popup_wrapper .data p {
    color: #a59d9d;
}

.cookies_popup_wrapper .buttons {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.buttons .button {
    color: #fff;
    padding: 8px 0;
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    transition: all 0.2s ease;
    border: 1px solid #fff;
}

#declineBtn {
    color: #fff;
}

#acceptBtn:hover,
#declineBtn:hover {
    background-color: #fff !important;
    color: #000;
}

/* ========== Cookie Popup CSS End =================
================================================= */

/* ================================================ 
==== Inner Banner And Breadcrumb CSS Start ===== */

.updated_new_banner {
    background: radial-gradient(77.72% 82.36% at 73.99% 38.79%, #3D466C 0%, #212F6F 16.71%, #080A10 100%);
    margin-top: 110px;
}

.inner-banner .banner_content h2 {
    font-size: 46px;
    font-weight: 700;
    line-height: 54px;
}

.inner-banner .banner_content .breadcrumb .breadcrumb-item {
    color: #fff;
    font-size: 16px;
}

.inner-banner .banner_content .breadcrumb .breadcrumb-item.active {
    color: #18B0DF;
}

.inner-banner .banner_content .btn {
    background-color: #fff;
    color: #2C2D31;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 700;
}

/* === Inner Banner And Breadcrumb CSS End ========
================================================= */