* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.ptb-50 {
    padding: 50px 0;
}

.pt-50 {
    padding-top: 50px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

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

p {
    font-size: 16px;
    color: #000;
}

.element.one.one_1 {
    top: -244px;
    left: calc(85% - 701px) !important;
    -webkit-animation: linear bt-bottomTop-40 4s infinite;
    animation: linear bt-bottomTop-40 4s infinite;
    width: 350px;
    height: 350px;
    position: absolute;
}

.frontpage-banner-section.frontpage-banner-style-four .frontpage-bg {
    height: 587px;
}

.btn_plus_link button {
    position: absolute;
    right: 0;
    top: 12px;
}

.btn_plus_link {
    position: relative;
}

.anim_two {
    top: -10px !important;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.anim_zoom {
    /* height: 500px;
    width: 500px; */
    animation: zoom-in-zoom-out 5s ease-in infinite !important;
}

/* ....................index page style starts............... */

/* .accordionExample_1 .card .card-body {
    padding: 2.5rem;
} */

.innovation_parent_sec .innovation_sec {
    padding-top: 10px;
}

.header_btn .btn-primary {
    background-color: #38f9d7;
}

.promo-number-inner {
    padding-bottom: 30px;
}

.promo-number-inner .icon img {
    animation: zoom-in-zoom-out 5s ease-in infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

.frontpage-banner-section.frontpage-banner-style-three {
    padding-bottom: 50px;
}

.site_desktop_header {
    /* display: none; */
}

.home_services_block {
    background: #faede9;
}

.service-item_last {
    border-right: none !important;
}

a.nav-link:hover {
    color: #38f9d7 !important;
}

.home_services_block .service-item {
    background: transparent;
    box-shadow: unset;
    border-right: 1px solid black;
    border-radius: unset;
}

.home_services_block .service-item .service-info ul li {
    list-style-type: disc;
    margin-left: 16px;
}

.accordion .card-header h2 {
    font-size: 14px;
}

.client-testimonial .details {
    min-height: 230px;
    text-align: justify;
    /* padding-top: 0px; */
}

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

.innovation_sec p {
    font-size: 16px;
}

.innovation_parent_sec {
    padding: 30px;
}

.image_innovation {
    width: 80%;
    display: flex;
    margin: auto;
}

/* .....................index page style ends................... */

/* .............................footer contents.................... */

.footer_contact_details h4 {
    margin-bottom: 0;
}

ul.footer_contact_details {
    padding: 10px 0;
}

.frontpage-banner-section.frontpage-banner-style-three::after {
    width: 960px;
    height: 480px;
    border-radius: 50px;
    content: "";
    position: absolute;
    top: 63%;
    background-color: rgba(56, 249, 215, 0.3);
    margin-top: -250px;
    z-index: -1;
    left: 0;
    display: block !important;
}

.site-footer {
    padding-bottom: 50px;
}

.privacy_policy_content p,
.disclaimer_policy p,
.terms_conditions_contents p,
.refund_policy_contents p {
    font-size: 16px;
    color: white;
    text-align: justify;
}

.privacy_policy_content h4,
.disclaimer_policy h4,
.terms_conditions_contents h4,
.refund_policy_contents h4 {
    margin: 10px 0 10px 0;
}

.privacy_policy_content ul li,
.terms_conditions_contents ul li,
.refund_policy_contents ul li,
.disclaimer_policy ul li {
    font-size: 16px;
    color: white;
    list-style-type: disc;
    margin-left: 16px;
    text-align: justify;
    line-height: 28px;
}

.widget-content p{
    color: white !important;
}


.footer_contact_details li{
    color: white;
}
.widget-content li a{
    color: white;
}

/* ............................footer contents style ends................................ */

/* ...........................about us starts................... */

.about_solution_section {
    padding: 8px;
    left: 0 !important;
}

.about_journey {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1620px) {
    .services-block.style-one .element-group > .element.one {
        left: calc(50% - 690px);
    }
}

.services-block.style-one .element-group > .element.one {
    bottom: 0;
    left: calc(50% - 720px);
    width: 220px;
    height: 220px;
    -webkit-animation: linear bt-bottomTop-40 3s infinite;
    -moz-animation: linear bt-bottomTop-40 3s infinite;
    animation: linear bt-bottomTop-40 3s infinite;
}

.about_workflow_section .portfolio-thumb > img {
    height: 100%;
}

.about_workflow_section .portfolio-item {
    height: 200px;
}

.mision_vision_c {
    width: 100%;
    display: flex;
    margin-left: auto;
    max-width: 400px;
}

.mision_vision_c1 {
    width: 100%;
    display: flex;
    align-items: flex-start;
    max-width: 400px;
}

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

.about_journey .description {
    width: 100%;
}

/* ..................about us ends.......................... */

/* .........................services style.................... */

.check_list_services .list-text {
    font-size: 16px;
}

.process-wireframe .y-middle .sec-title p {
    color: #000000 !important;
    font-size: 16px;
}

.y-middle {
    align-items: center;
}

.process-wireframe .process-work img {
    width: 100%;
    max-width: 300px;
    display: flex;
    margin: auto;
}

/* ........................services style ends.................. */

/* .......................contact us css............................ */

.form-controller {
    border: 1px solid black;
    box-shadow: unset;
}

#contact-form_j .modal-body {
    background: #3e5c85;
}

#contact-form_j .popup-box {
    color: white;
}

#contact-form_j .popup-text {
    color: white;
}

#contact_form .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* ......................contact us ends....................... */

/*  */

/* ............................media section............................ */

@media (min-width: 1199px) {
    /* .three_line_menu_header{
        display: none !important;
    } */
    .frontpage-banner-section.frontpage-banner-style-four .hero-title {
        font-size: 45px;
    }

    .ptb-l-0 {
        padding-top: 0;
    }

    .btb_l-0 {
        padding-bottom: 0;
    }
}

@media (min-width: 768px) {
    .services-block.style-one {
        padding-bottom: 130px;
    }
}

@media (max-width: 991px) {
    .responsive_btn_white {
        background-color: #fff !important;
        color: #000000;
    }
}

@media (max-width: 767px) {
    .home_services_block .service-item {
        border-right: unset;
    }

    .widget {
        text-align: center;
    }

    .frontpage-banner-section.frontpage-banner-style-four .frontpage-bg {
        height: 435px;
    }

    .services-block.style-two {
        padding-top: 50px;
    }

    .mrb-80 {
        margin-bottom: 40px;
    }

    .ptb-50 {
        padding: 0px 0 !important;
        padding-bottom: 0px !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .process-wireframe {
        padding: 30px 0;
    }
}

@media (max-width: 575px) {
    .frontpage-banner-section.frontpage-banner-style-four .frontpage-bg {
        height: 288px;
    }
    

    /* .promo-number-inner:last-child{
        padding-bottom:
    } */
    .frontpage-banner-section.frontpage-banner-style-four {
        height: 453px;
    }

    .frontpage-banner-section.frontpage-banner-style-four .container-fluid {
        margin-left: 0;
        max-width: 100%;
    }

    /* .frontpage-banner-section.frontpage-banner-style-four .frontpage-banner-content{
        margin-top: -60px;
    } */
    .frontpage-banner-content_about_page {
        margin-top: 10px;
    }

    .innovation_headings {
        margin-bottom: 30px;
    }

    .services_design_padding {
        padding-top: 10px;
        text-align: center;
        padding-bottom: 10px;
    }

    .service-item_last {
        padding-top: 0 !important;
    }

    .services_design_padding1 {
        text-align: center;
    }

    .services_design_padding1 ul li {
        list-style-type: none !important;
    }

    .services_design_padding ul li {
        list-style-type: none !important;
    }

    .innovation_stops {
        text-align: center;
    }

    .frontpage-banner-section.frontpage-banner-style-three {
        padding-bottom: 100px;
    }

    .frontpage-banner-section.frontpage-banner-style-three.page-inner-block
        .hero-title {
        font-size: 40px;
    }

    .process-wireframe .process-work.process-work img {
        padding-bottom: 15px;
    }
}
/* @media (max-width:425px){
    .portfolio-item .portfolio-thumb > img{
        width: 80%;
        margin-left: 40px;
    }
}

@media (max-width:375px){
    .portfolio-item .portfolio-thumb > img{
        width: 80%;
        margin-left: 34px;
    }
} */
.justify-center {
    justify-content: center;
}

/* .........................media queries ends.............................. */

.element-one-change {
    top: 170px !important;
}
.text-alingment {
    text-align: justify;
}
.section-up {
    padding: 0px 0 !important;
}

@media only screen and (max-width: 780px) {
    .text-align-t {
        text-align: justify !important;
        padding: 0px 0 !important;
    }
    .about-align {
        padding-top: 0px !important;
    }
    .privecy-align {
        padding-bottom: 0px !important;
    }
    .about-us-block.style-one .mock-up-thumb::after {
        position: relative;
        top: 0px;
    }
    .navigation {
        width: 220px !important;
    }
    .Innovation-space {
        padding: 0px 0 !important;
    }
    .inno-parent-space {
        padding-top: 0px !important;
    }
    .mob-space {
        padding-top: 100px !important;
        padding-bottom: 0px !important;
    }
    .frontpage-banner-section.frontpage-banner-style-three::after {
        margin-top: -342px;
        height: 685px !important;
    }
    .text-size-reduce {
        font-size: 16px !important;
        padding-top: 0px !important;
    }
    .form-group {
        gap: 0px !important;
    }
    .p-right {
        padding-right: 5px !important;
    }
}
@media only screen and (max-width: 280px) {
    .h_con {
        height: 1539.22px !important;
    }
    .mg-size {
        min-height: 170px !important;
    }
    .portfolio-item {
        margin-bottom: 0px;
    }
}
@media only screen and (min-width: 380px) and (max-width: 425px) {
    .mob-space {
        padding-top: 130px !important;
        padding-bottom: 0px !important;
    }
}

@media only screen and (min-width: 430px) and (max-width: 575px) {
    .frontpage-banner-section.frontpage-banner-style-three::after {
        margin-top: -342px;
        height: 685px !important;
    }
}

@media only screen and (min-width: 580px) and (max-width: 765px) {
    .frontpage-banner-section.frontpage-banner-style-three::after {
        margin-top: -380px;
        height: 685px !important;
    }
}
@media only screen and (min-width: 765px) and (max-width: 1185px) {
    .frontpage-banner-section.frontpage-banner-style-three::after {
        margin-top: -200px;
        padding-top: 80px !important;
    }
    .frontpage-banner-section.frontpage-banner-style-three {
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-width: 765px) and (max-width: 992px) {
    .text-align-t {
        padding: 10px 0 !important;
    }
    .text-alin-footer {
        text-align: center;
    }
    .frontpage-banner-section.frontpage-banner-style-three{
        padding-top: 140px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1198px) {
    .frontpage-banner-section.frontpage-banner-style-three::after {
        width: 1500px !important;
        height: 685px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .accordion.style-two .card-body p {
        font-size: 16px;
        text-align: initial;
    }
    .about-us-block .accordion .card-header {
        padding-top: 0px;
        padding-bottom: 10px;
    }
    .about-us-block .card-body {
        padding: 10px;
    }
}
.aos-img-align {
    padding-top: 20px;
}
header.site-header.header-style-two .navigation .mainmenu > li > a {
    color: #000;
}
header.site-header.header-style-two.sticky_header
    .navigation
    .mainmenu
    > li
    > a {
    color: #242323;
}
.logo-pre {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    box-shadow: 0 0 0 0 rgb(0 0 0/0%);
    animation: pulse 2s infinite;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    padding: 8px;
}
.onloadpage .pre-content {
    top: 50%;
    position: relative;
    right: 0;
    left: 0;
    text-align: center;
    transform: translateY(-50%);
}
.onloadpage {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: #202020;
}
.footer_logo_size {
    width: 50%;
}



.pr-10{
    padding-left: 15px;
}
.f-colour{
    color: #000000;
}

.p-box-align{
    padding: 45px 45px;
}
.f-size{
    font-size: 22px;
}
.footer_contact_details p a{
    color: #fff;
}
ul.mainmenu li.active a{
    color: #38f9d7 !important;
}

.header_colour{
    background-color: #6e45e2 !important;
}