body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.container {
    max-width: 1270px;
}

.heading-data {
    font-size: 46px;
    line-height: 60px;
}

.heading-data strong {
    color: #2F73B9;
}

.p-tag {
    font-weight: 500;
    font-size: 16px;
    line-height: 30px;
}

.responsive {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.heading-p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

/* header-sec */
section.header-sec {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 7%);
}

section.header-sec.fixed {
    position: fixed;
    z-index: 100000;
    top: 0;
    animation: fadeInUp .3s ease-out;
    background: #fff;
    padding: 0px 0 !important;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        top: -25px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

.head-nav a.nav-link {
    font-weight: 500;
    font-size: 16px;
    color: #121212;
    padding: 0 0 5px;
}

.nav-left a.btn.nav-btn {
    color: #3D8BDB;
    border: 1px solid #3D8BDB;
    padding: 10px 15px;
    overflow: hidden;
    transition: 1s all ease;
    background: transparent;
    z-index: 1;
    width: 200px;
    border-radius: 36px;
    font-weight: 600;
    transition: 0.2s;
}

.nav-left a.btn.nav-btn:before {
    content: "";
    position: absolute;
    background: #3D8BDB;
    width: 0;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.6s ease;
}

.nav-left a.btn.nav-btn:hover {
    color: #fff;
}

.nav-left a.btn.nav-btn:hover:before {
    width: 200px;
}

span.nav-span {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: #3D8BDB;
    border-radius: 50%;
}

span.nav-span img {
    filter: sepia(185%) saturate(100%) hue-rotate(178deg) brightness(240%) contrast(315%);
}

/* landing-sec */
.container-landing {
    width: 1349px;
    margin: 0 auto;
}

.landing-sec::before,
.we-sec::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 5px solid #1CD1E9;
    top: 10px;
    left: -18px;
    animation: 2s infinite bounce-tri;
    z-index: 100;
}

@keyframes bounce-tri {

    0%,
    100% {
        transform: translate(0);
    }

    50% {
        transform: translateX(50px);
    }
}

.we-bring {
    width: 100%;
    height: 530px;
    /* background: url(../images/landing-right.png) no-repeat; */
    /* background-size: contain; */
    /* background-position: right; */
}

.landing-left {
    width: 739px;
    height: 330px;
    z-index: 1;
    /* padding-left: 60px; */
}
.landing-right {
    width: 778px;
    height: 565px;
    background: url(../images/landing-right.png) no-repeat;
    background-size: cover;
    right: -50px;
    top: -15px;
    overflow: hidden;
    z-index: -1;
}
img.content-bg {
    left: -52px;
    top: -50px;
    z-index: -1;
}

.landing-head {
    width: 65%;
    line-height: 69px;
    padding-top: 15px;
}

.landing-p {
    line-height: 29px;
    width: 65%;
}

img.landing-home {
    animation: 2s infinite bounce-home;
}

img.landing-check {
    animation: 2s infinite bounce-check;
}

@keyframes bounce-home {

    0%,
    100% {
        right: 60%;
        top: 45%;
        transform: translate(-50%, -50%);
    }

    50% {
        transform: translate(-65%, -65%);
    }
}

@keyframes bounce-check {

    0%,
    100% {
        right: 23%;
        top: 16%;

    }

    50% {
        transform: translate(-25%, -25%);
    }
}

.service {
    background: linear-gradient(267.72deg, #3E8DDE 4.21%, #2F73BA 100%);
    border-radius: 5px;
    width: 265px;
    bottom: -40px;
    right: 20%;
    padding: 10px;
    transform: skew(328deg);
}

.service-p:first-child {
    font-size: 26px;
    width: 30%;
    transform: skew(32deg);
}

.service-p:last-child {
    width: 65%;
    transform: skew(32deg);
    line-height: 23px;
}

/* about-sec */

.about-sec .heading-data {
    width: 95%;
    margin: 0 auto;
}

.about-p,
.we-p {
    width: 85%;
    margin: 0 auto;
}

/* why leader */
.why-right {
    width: 45%;
}

img.why-leader {
    left: -52px;
}

img.why-pro {
    right: 37px;
    bottom: -34px;
}

.why-left {
    width: 55%;
}

span.why-img {
    width: 64px;
    height: 64px;
    background: #E7F3FF;
}

.data-content {
    width: 85%;
}


/* we do section */

.we-sec::after {
    left: unset;
    right: 0px;
    animation: 2s infinite bounce-left;
}

@keyframes bounce-left {

    0%,
    100% {
        transform: translate(0);
    }

    50% {
        transform: translateY(50px);
    }
}

.wedo-dots button.owl-dot {
    width: 22%;
    background: transparent;
}
.owldot-head{
    display: none;
}
.wedo-dots button.owl-dot.active .dot-p {
    color: #2F73B9;
}

.dot-head,.owldot-head {
    color: #B7B7B7;
    letter-spacing: 0.11em;
}

.dot-p {
    width: 75%;
    font-weight: 600;
}

.wedo-dots button.owl-dot:last-child,
.wedo-dots button.owl-dot:nth-child(3) {
    width: 16%;
}

.wedo-dots button.owl-dot:nth-child(2) .line-class,
.wedo-dots button.owl-dot:nth-child(3) .line-class {
    right: 15px;
}

.line-class {
    width: 33px;
    height: 3px;
    background: #2F73B9;
    right: 35px;
    top: 55px;
}

.wedo-right {
    width: 48%;
}

.owl-p {
    font-weight: 400;
}

.owl-head {
    font-size: 25px;
}

.wedo-left {
    width: 415px;
    height: 337px;
}

/* help-sec */
section.help-sec {
    background: #F0F7FD;
}

.helpdata-head {
    width: 54%;
}

.help-p {
    width: 34%;
    margin: 0 auto;
}

.helpinfo-right {
    width: 40%;
}

.helpinfo-right::before {
    content: "";
    position: absolute;
    border: 1px dashed #2F73B9;
    height: 410px;
    left: 30px;
    top: 50px;
}

.helpinfo-left {
    width: 650px;
    height: auto;
}

.clients-list {
    background: linear-gradient(96.2deg, #029D92 2.76%, #26B869 145.27%);
    top: -50px;
    left: 50%;
    transform: translateX(-40%);
    width: 65%;
}

.client-p {
    border-right: 2px solid white;
    font-size: 15px;
}

.client-p strong {
    font-size: 30px;
    line-height: 24px;
}

/* footer */
.footer-sec {
    background: #0F181A;
}

.footer-p {
    font-size: 14px;
    font-weight: 500;
}
.designed-content {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.footer-a {
    color: #03a9f4;
    text-decoration: none;
    font-weight: bold;
}
.designed-content a img{
    margin-top: -5px;
}