body {
    font-size: 16px;
    color: #000;
    font-family: "open sans";
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.row-flex-column {
    flex-direction: column;
}

.align-items-center {
    align-items: center !important;
}

a.link {
    text-decoration: underline;
    color: #0083d7 !important;
    font-weight: 600;
}

label.error {
    font-size: 12px !important;
    line-height: 16px;
    color: #ff0000 !important;
}

img {
    max-width: 100%;
}

figure {
    margin: 0;
}

h1,
h2 {
    line-height: 48px;
}

.br1 {
    padding-top: 2rem;
}

.sec_title {
    margin-bottom: 0;
    font-weight: bold;
    color: #333333;
    font-size: 32px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}

.paregraphcontent {
    margin-bottom: 1rem;
    line-height: 24px;
}

.blueroundbtn {
    position: relative;
    display: inline-block;
    padding: 5px 20px;
    font-weight: 800;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    background: #0282d8;
    border-radius: 6px;
    border: thin solid #0282d8;
    text-transform: uppercase;
    cursor: pointer;
}

.blueroundbtn:hover,
.blueroundbtn:focus {
    color: #fff;
    border: thin solid #ffb22c;
    background: #ffb22c;
}

/* BG COLOR */
.bg-lightblue {
    background-color: #e8f5fb;
}

.bg-light-orange {
    background-color: #fee4e0;
}

.bg-light-skyblue {
    background-color: #e6e9fe;
}

.bg-light-yellow {
    background-color: #fbeacb;
}

.bg-light-purple {
    background-color: #e6ddf4;
}

.bg-light-green {
    background-color: #c9e8db;
}

.bg-light-pink {
    background-color: #f6d6d6;
}

.text-left {
    text-align: left;
}

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

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

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

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

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

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

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

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

.my-10 {
    margin: 10px 0;
}

.my-20 {
    margin: 20px 0;
}

.my-30 {
    margin: 30px 0;
}

.mx-auto {
    margin: 0 auto;
}

.mx-10 {
    margin: 0 10px;
}

.mx-20 {
    margin: 0 20px;
}

.mx-30 {
    margin: 0 30px;
}

.btn-md {
    min-height: 40px;
}

.breadcrumb-section {
    padding: 60px 0;
}

.breadcrumb {
    display: flex;
    align-items: center;
    padding: 0;
    border-radius: 0;
    background: #fff;
    margin: 0;
}

.breadcrumb .breadcrumb-item a {
    color: #333333;
}

.breadcrumb .breadcrumb-item:not(:last-child) {
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 16px;
}

.breadcrumb .breadcrumb-item:not(:last-child):before {
    position: absolute;
    content: "/";
    right: 0;
    font-size: 18px;
}
.breadcrumb .breadcrumb-item:last-child:before {
    display: none;
}
.breadcrumb .breadcrumb-item.active {
    font-size: 16px;
    color: #0083d7;
}

.common_slider .slick-track .slider_item {
    margin: 0 15px;
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.slick-dots li button {
    display: none;
}

.slick-dots li {
    border: none;
    display: inline-block;
    width: 12px;
    height: 4px;
    margin: 5px;
    background-color: #cfcfcf;
}

.slick-dots li.slick-active {
    background-color: #0083d7;
}
.middle-contant {
    overflow: hidden;
}
/************************************************************************/
.services-banner-section {
    padding: 180px 0 150px;
    position: relative;
    min-height: 580px;
}

.bannerinner-content h1 {
    font-family: open sans;
    font-weight: 900;
    font-size: 40px;
    line-height: 55px;
    color: #333333;
    margin: 80px 0 15px;
}

.bannerinner-content h6 {
    font-family: open sans;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #333333;
    margin: 0 0 30px;
}

.frameworks-services-section {
    padding: 40px 0 60px;
    background-color: #e8f5fb;
}

.frameworks-services-section .container {
    overflow: visible;
}

.framework-services-box {
    display: inline-block;
    width: 100%;
    padding: 25px 30px;
    background-color: #ffffff;
    box-shadow: 0px 8px 25px 15px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 8px 25px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 8px 25px 15px rgba(0, 0, 0, 0.05);
    background-image: url(../../images/services/half_circle_shape.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 10px;
    position: relative;
    margin-top: 30px;
    height: calc(100% - 30px);
}

.framework-services-box::before {
    position: absolute;
    content: "";
    left: 30px;
    bottom: 0;
    width: 110px;
    height: 8px;
    background-color: #0083d7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.framework-services-box .left_div {
    display: inline-block;
    float: left;
    width: calc(100% - 180px);
    padding-right: 15px;
}

.framework-services-box .left_div h3 {
    font-family: "open sans";
    font-size: 22px;
    color: #333333;
    line-height: normal;
    font-weight: bold;
    padding-bottom: 15px;
    margin: 0;
}

.framework-services-box .left_div p {
    font-family: "open sans";
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-weight: normal;
    margin: 0;
}

.framework-services-box .right_div {
    display: inline-block;
    float: right;
    width: 180px;
    text-align: right;
}

.framework-services-box .right_div img {
    /*max-width: 96px;*/
    max-height: 96px;
    min-height: 96px;
    margin-left: auto;
    margin-bottom: 40px;
    transition: 0.5s ease-in-out;
}

.framework-services-box:hover .right_div img {
    transform: rotateY(360deg);
}

.view_more_btn {
    font-family: "open sans";
    font-size: 15px;
    color: #333333;
    line-height: normal;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #333333;
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.view_more_btn::after {
    content: "\f061";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 15px;
    color: #333333;
    position: absolute;
    right: 0;
    top: 3px;
}

.view_more_btn:hover {
    color: #0083d7;
}

/************************************************************************/
.our-expertise-section {
    padding: 60px 0px;
}

.expertise-box {
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background-color: #fff;
    padding: 30px 15px;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 30px);
}

.expertise-box .services-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    border-radius: 16px;
}

.expertise-box .services-icon img {
    display: block;
    max-width: 52px;
    transition: 0.5s ease-in-out;
}

.expertise-box a {
    display: inline-block;
    font-family: "open sans";
    font-size: 16px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    color: #4f9ad0;
    /*border-bottom: 1px solid #4f9ad0;*/
    text-decoration: none;
}

.expertise-box p {
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    margin-bottom: 0;
    font-weight: 400;
    font-family: "Open Sans";
    text-align: center;
}

.expertise-box h3 {
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 5px !important;
    display: inline-block;
    width: 100%;
    color: #333333;
    font-weight: 600 !important;
    font-family: "Open Sans";
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}
.expertise-box h3 a {
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 5px !important;
    display: inline-block;
    width: 100%;
    color: #333333;
    font-weight: 600 !important;
    font-family: "Open Sans";
    text-align: center;
    /*padding-bottom: 20px;*/
    position: relative;
}

.expertise-box h3:after {
    content: "";
    display: inline-block;
    width: 43px;
    height: 3px;
    background-color: #aacbed;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    margin: auto;
}

.expertise-box:hover .services-icon img {
    transform: rotateY(360deg);
}

/************************************************************************/
.hire-dedicated-section {
    padding: 50px 0 170px;
    background-color: #f9f9f9;
}

.hire-dedicated-section .paregraphcontent {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    max-width: 820px;
    width: 100%;
    margin: 0 auto 30px;
}

.hire-dedicated-box {
    width: 100%;
    height: calc(100% - 30px);
    border-radius: 10px;
    margin-top: 30px;
    padding: 25px;
    padding-left: 30px;
}

.hire-dedicated-box .service-img {
    width: 95px;
    height: 90px;
    background: url("../../images/services/services-icon-bg-shape.png") no-repeat center right/contain;
    margin-bottom: 25px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.hire-dedicated-box .service-img img {
    width: 50px;
    height: 50px;
    margin-left: -10px;
    transition: 0.5s ease-in-out;
}

.hire-dedicated-box h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 15px;
}

.hire-dedicated-box p {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin-bottom: 0;
}

.hire-dedicated-box:hover .service-img img {
    margin-left: 20px;
    transform: scale(1.1);
}

/************************************************************************/
.faqs-section {
    display: inline-block;
    width: 100%;
    padding: 60px 0;
    background-color: #f4fcfe;
}

.faqs-section .container {
    overflow: visible;
}

.custom_accordion {
    position: relative;
    z-index: 2;
    width: 100%;
    display: inline-block;
    max-width: 800px;
    margin: auto;
    display: block;
    /*padding: 20px 27px 0px 27px;
    background-color: #ffffff;    
    box-shadow: 0px 19px 49px 7px rgba(69,69,69,0.23);
    -webkit-box-shadow: 0px 19px 49px 7px rgba(69,69,69,0.23);
    -moz-box-shadow: 0px 19px 49px 7px rgba(69,69,69,0.23);*/
}

.accordion_title {
    font-size: 16px;
    color: #333333;
    display: inline-block;
    width: 100%;
    margin: 0;
    border-top: 1px solid #cfcfcf;
    padding: 20px 0;
    /*margin-top: 20px;    */
    font-family: open sans;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    padding-right: 30px;
    position: relative;
}

.accordion_title i {
    position: absolute;
    right: 0;
    top: 20px;
    color: #333333;
    font-size: 16px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #ffb22b;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
}

.accordion_title.content_opend i,
.accordion_title.content_opend {
    color: #0083d7;
}

.accordion_title.content_opend i {
    transform: rotate(-180deg);
}

.accodion_content {
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    line-height: 28px;
    color: #333333;
    padding-bottom: 20px;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #cfcfcf;*/
}

.custom_accordion .accordion_title i:before {
    margin-top: 2px;
}
.custom_accordion .faq_list {
    list-style-type: none;
    padding-left: 10px;
}
/************************************************************************/
.tochwithus {
    margin-top: -100px;
}

.tochwithus .tochwithus-inner {
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    /*justify-content: space-around;*/
    flex-wrap: wrap;
    padding: 50px 20px;
    background: url("../../images/services/tochwithus-bg.png") no-repeat top right / contain;
    background-color: #ffb22b;
    position: relative;
    overflow: hidden;
}

.tochwithus .tochwithus-inner .tochwithus-desc {
    max-width: 480px;
    width: 100%;
    font-weight: bold;
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

.tochwithus .tochwithus-inner .blueroundbtn {
    padding: 5px 20px;
}

.tochwithus .tochwithus-inner .blueroundbtn:hover,
.tochwithus .tochwithus-inner .blueroundbtn:focus {
    color: #0282d8;
    background-color: #fff;
    border: thin solid #0282d8;
}

.tochwithus .tochwithus-inner .services-logo {
    position: absolute;
    left: -30px;
    bottom: -30px;
    max-width: 380px;
    height: 180px;
    opacity: 0.2 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/************************************************************************/
.why-choose-nyusoft-development {
    padding: 60px 0;
    background: rgb(213, 236, 253);
    background: -moz-linear-gradient(
        0deg,
        rgba(213, 236, 253, 1) 0%,
        rgba(255, 255, 255, 1) 56%,
        rgba(255, 255, 255, 1) 100%
    );
    background: -webkit-linear-gradient(
        0deg,
        rgba(213, 236, 253, 1) 0%,
        rgba(255, 255, 255, 1) 56%,
        rgba(255, 255, 255, 1) 100%
    );
    background: linear-gradient(
        0deg,
        rgba(213, 236, 253, 1) 0%,
        rgba(255, 255, 255, 1) 56%,
        rgba(255, 255, 255, 1) 100%
    );
}

.why-choose-nyusoft-development .paregraphcontent {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    padding: 0px 30px;
    margin-bottom: 30px;
}

.why-choose-nyusoft-development .blueroundbtn {
    padding: 5px 20px;
}

.tech_desc {
    position: relative;
    padding-left: 80px;
    margin-bottom: 30px;
}

.tech_desc img {
    position: absolute;
    left: 0;
    top: -5px;
    display: inline-block;
    width: 66px;
    height: 66px;
    transition: 0.3s ease-in-out;
    animation: arrowMove 2s infinite alternate ease-in-out;
}

@keyframes arrowMove {
    0% {
        left: -10px;
    }

    50% {
        left: 5px;
    }

    100% {
        left: -10px;
    }
}

/************************************************************************/
.our_clients {
    padding: 60px 0;
}

.our_client_slider .slider_items img {
    margin: 0 auto;
}

.view-all-link a {
    font-weight: 800;
    font-size: 14px;
    line-height: 55px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #0083d7;
}

/************************************************************************/
.portfolio-section {
    padding: 60px 0;
    background-image: none;
    background-color: #f9f9f9;
}

.portfolio-section .paregraphcontent {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    max-width: 760px;
    width: 100%;
    margin: 0 auto 30px;
}

.portfolio_card {
    padding: 15px;
    min-height: 390px;
    border-radius: 10px;
    box-shadow: 7.456px 10.649px 19px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-bottom: 30px;
}

.portfolio_img {
    height: 300px;
    border-radius: 10px;
    box-shadow: 0 0 13.5px rgba(0, 0, 0, 0.22);
    background-color: #f47896;
    overflow: hidden;
}

.portfolio_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.projectlist_content {
    position: relative;
    padding-top: 50px;
    text-align: center;
}

.projectlist_content .sub_title {
    min-width: 160px;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #d6e0ff;
    color: #0083d7;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.projectlist_content .title {
    text-align: center;
    display: inline-block;
    color: #333333;
}
.projectlist_content .title h3 {
    font-size: 1.17em;
    font-weight: 700;
    margin: 0;
}
/************************************************************************/
.our-blogs-section {
    padding: 50px 0;
}

.blogs-box {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 7.456px 10.649px 19px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    margin-bottom: 30px;
}

.blogs-box:hover,
.blogs-box:focus {
    box-shadow: 7.456px 10.649px 19px rgba(53, 125, 226, 0.18);
}

.blogs-box .blogs-img {
    overflow: hidden;
    height: 215px;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.1);
}

.blogs-box .blogs-img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

.blogs-box .blogs-info {
    padding: 15px 20px;
}

.blogs-box .blogs-info h6 {
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    color: #0083d7;
    margin: 0;
}

.blogs-box .blogs-info h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #333;
    margin: 0;
}

/************************************************************************/
.ready_start_development_sec {
    padding: 70px 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.start_development_form {
    position: relative;
}

.start_development_form::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 131, 215, 0.85);
}

.start_development_form h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    color: white;
}

.start_development_form .paregraphcontent {
    max-width: 460px;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: white;
}

.start_development_form .container > .row {
    display: flex;
    flex-wrap: wrap;
}

.start_development_form .container {
    overflow: visible;
}

.form_content {
    padding: 30px 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.need_help_form {
    height: calc(100% + 58px);
    padding: 50px 25px;
    position: relative;
    max-width: calc(570px - 100px);
    margin: -29px auto;
    background-color: #fff;
}

.need_help_form::before {
    position: absolute;
    content: "";
    top: -1px;
    left: -50px;
    right: 0;
    width: calc(100% + 100px);
    height: 30px;
    background: url("../../images/services/form-bg-shape.svg") no-repeat center / 100%;
    z-index: -1;
}

.need_help_form::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: -50px;
    right: 0;
    width: calc(100% + 100px);
    height: 30px;
    background: url("../../images/services/form-bg-shape.svg") no-repeat center / 100%;
    z-index: -1;
    transform: rotateX(180deg);
}

.need_help_form .alert {
    padding: 5px 15px;
    font-size: 14px;
}

.need_help_form .alert .close {
    color: #468847;
    font-size: 26px;
}

.need_help_form h3 {
    font-weight: bold;
    font-size: 25px;
    line-height: 36px;
}

.need_help_form .form-control {
    display: block;
    width: 100%;
    padding: 0 20px;
    min-height: 44px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #cfd8dc;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.need_help_form textarea.form-control {
    font-family: open sans;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    resize: vertical;
}

.need_help_form .blueroundbtn {
    padding: 5px 30px;
    font-weight: bold;
}

/********************************
    Pages List
*******************************/
@keyframes backgroundmoving {
    from {
        background-position: left bottom, left bottom;
    }

    to {
        background-position: right bottom, right bottom;
    }
}

@-moz-keyframes backgroundmoving {
    from {
        background-position: left bottom, left bottom;
    }

    to {
        background-position: right bottom, right bottom;
    }
}

@-webkit-keyframes backgroundmoving {
    from {
        background-position: left bottom, left bottom;
    }

    to {
        background-position: right bottom, right bottom;
    }
}

.services-banner-img {
    position: relative;
    padding-top: 100px;
    text-align: center;
}

.bg-effect {
    position: absolute;
    content: "";
    width: 430px;
    height: 430px;
    top: -145px;
    right: -150px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 1s ease-in-out;
    animation: bgeffect 3s infinite ease-in-out;
}

.bg-effect::before {
    position: absolute;
    content: "";
    width: 630px;
    height: 630px;
    top: -100px;
    right: -100px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.2);
}

.bg-effect::after {
    position: absolute;
    content: "";
    width: 830px;
    height: 830px;
    top: -200px;
    right: -200px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.1);
}

@keyframes bgeffect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

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

@-moz-keyframes bgeffect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

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

@-webkit-keyframes bgeffect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

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

/*-PHP-*/
.FuchsiaBlue {
    background-color: #7854cd;
}

.Christi {
    background-color: #3fb908;
}

.ElectricViolet {
    background-color: #8301de;
}

.RobinEggBlue {
    background-color: #00d6c3;
}

.RedDamask {
    background-color: #ff2121;
}

.TorchRed {
    background-color: #ff1320;
}

.BrilliantRose {
    background-color: #ea49c1;
}

.image-wrraper-group-circle {
    position: relative;
    display: inline-block;
}

.img-cirlce-gradient {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.7%;
    max-width: 75px;
    max-height: 81px;
    padding-top: 10.7%;
    border-radius: 100%;
    background-image: linear-gradient(77deg, rgba(0, 0, 0, 0.29) 0%, rgba(255, 255, 255, 0.19) 100%);
    margin: 0;
}

.img-cirlce-gradient img {
    max-width: 72%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.img-cirlce-gradient:hover {
    transition: all 1s linear;
    transform: rotateY(360deg);
}

.img-cirlce-gradient.crc-1 {
    left: 0%;
    top: 22%;
}

.img-cirlce-gradient.crc-2 {
    left: 6%;
    top: -17%;
}

.img-cirlce-gradient.crc-3 {
    left: 33.5%;
    top: -29.5%;
}

.img-cirlce-gradient.crc-4 {
    left: 60%;
    top: -29%;
}

.img-cirlce-gradient.crc-5 {
    left: 89%;
    top: -17%;
}

.img-cirlce-gradient.crc-6 {
    left: 95%;
    top: 22%;
}

.phpservicesDesign .container {
    overflow: visible;
}

.phpservicesDesign-row {
    display: flex;
}

.phpservicesDesign-content .php-services-title {
    margin-bottom: 23px;
}

.phpservicesDesign-content .paregraphcontent {
    margin-bottom: 19px;
    line-height: 25px;
}

.phpservicesDesign-figure {
    position: relative;
    padding-top: 102px;
    text-align: center;
}

.phpservicesDesign-figure figure {
    position: relative;
}

.phpservices-box figure {
    border: 2px solid #ffba41;
    border-radius: 100%;
    padding: 10px;
    width: 93px;
    margin: 0 auto;
}

.php-services-banner .container {
    overflow: visible;
}

.php-services-banner {
    background: url(../../images/services/PHP-services/phpdesignservices-background-bottom-shadow-02.png) repeat-x left bottom,
        url(../../images/services/PHP-services/phpdesignservices-background-bottom-white.png) repeat-x left bottom,
        linear-gradient(to right, #d0f6e3, #bdd4f1);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
}

/*-Reactjs-*/
.reactjs-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
}

.reactjs-services-banner .container {
    overflow: visible;
}

.reactjs-services-banner {
    background: url(../../images/services/react-js-development/react-js-web-development-background-shadow.png) repeat-x
            left bottom,
        url(../../images/services/react-js-development/react-js-web-development-background-bottom-white.png) repeat-x
            left bottom,
        linear-gradient(to right, #d4f3f9, #fafbec);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
}

/*-Vuejs-*/
.vuejs-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
}

.vuejs-services-banner .container {
    overflow: visible;
}

.vuejs-services-banner {
    background: url(../../images/services/vue-js-development/vue-js-web-development-background-shadow.png) repeat-x left
            bottom,
        url(../../images/services/vue-js-development/vue-js-web-development-background-bottom-white.png) repeat-x left
            bottom,
        linear-gradient(to right, #c8e8f9, #cbfae8);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
}

/*-laravel-*/
.laravel-services-banner .container {
    overflow: visible;
}

.laravel-services-banner {
    position: relative;
    background: url(../../images/services/laravel-development/laravel-web-development-background-shadow.png) repeat-x
            left bottom,
        url(../../images/services/laravel-development/laravel-web-development-background-bottom-white.png) repeat-x left
            bottom,
        linear-gradient(to right, #fecec8, #badbe6);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
    overflow: hidden;
}

.laravel-services-banner::before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 170px;
    width: 50%;
    height: 144px;
    background: url(../../images/services/laravel-development/banner-laravel-logo.svg) no-repeat left 30px
        center/contain;
    opacity: 0.1;
}

.laravel-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
}

.laravel-services-banner .services-banner-img img:first-child {
    position: relative;
    z-index: 1;
}

.laravel-services-banner .services-banner-img img:last-child {
    margin-left: -40px;
    margin-bottom: -32px;
    position: relative;
    z-index: 0;
}

/*-UI/UX-*/
.ui-ux-services-banner .container {
    overflow: visible;
}

.ui-ux-services-banner {
    position: relative;
    background: url(../../images/services/UI-UX-design-services/ui-ux-design-service-background-shadow.png) repeat-x left bottom,
        url(../../images/services/UI-UX-design-services/ui-ux-design-service-background-bottom-white.png) repeat-x left bottom,
        linear-gradient(to right, #c7f8d4, #93e8da);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
    overflow: hidden;
}

.ui-ux-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
}

.using-tools-section {
    padding: 60px 0;
}

.using-tools-section .container {
    overflow: visible;
}

.using-tools-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 30px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 40px 54px rgba(29, 29, 29, 0.06);
    background: rgb(0, 93, 113);
    background: -moz-linear-gradient(0deg, rgba(0, 93, 113, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 93, 113, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 93, 113, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: relative;
    z-index: 1;
}

.using-tools-box::before {
    position: absolute;
    content: "";
    left: 2px;
    right: 1px;
    bottom: 1px;
    height: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    z-index: -1;
}

.using-tools-box .tools-box-inner {
    flex: 1;
    padding: 0px 30px;
    border-right: 1px solid #cfcfcf;
}

.using-tools-box .tools-box-inner:last-child {
    border-right: none;
}

.using-tools-box .tools-box-inner .tools-img {
    display: inline-block;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}

.using-tools-box .tools-box-inner .tools-img img:not(.tools-bg) {
    width: 56px;
    height: 56px;
}

.using-tools-box .tools-box-inner .tools-img .tools-bg {
    position: absolute;
    content: "";
    top: -10px;
    left: 0px;
    width: 120px;
    height: 120px;
    min-width: 120px;
    z-index: -1;
}

.using-tools-box .tools-box-inner h3 {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    font-weight: 600;
}

/*-Nodejs-*/
.nodejs-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
    margin-top: 30px;
    transform: scale(1.1);
}

.nodejs-services-banner .container {
    overflow: visible;
}

.nodejs-services-banner {
    background: url(../../images/services/node-js-development/node-js-web-development-background-shadow.png) repeat-x
            left bottom,
        url(../../images/services/node-js-development/node-js-web-development-background-bottom-white.png) repeat-x left
            bottom,
        linear-gradient(to right, #fce0e5, #f9d3a0);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
}

/*-Wordpress-*/
.wordpress-services-banner .services-banner-img {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-top: 0;
    margin-top: 30px;
    transform: scale(1.1);
}

.wordpress-services-banner .container {
    overflow: visible;
}

.wordpress-services-banner {
    background: url(../../images/services/Wordpress-Development/wordpress-development-background-shadow.png) repeat-x
            left bottom,
        url(../../images/services/Wordpress-Development/wordpress-development-background-bottom-white.png) repeat-x left
            bottom,
        linear-gradient(to right, #f5e5d2, #b2bfe2);
    animation: backgroundmoving 18s infinite alternate ease-in-out;
}

.our-process-section {
    padding: 60px 0;
    background-color: #e8f5fb;
}

/*.our-process-section .container{overflow:visible;}*/

.process-box figure {
    width: 52px;
    margin: 0px auto 15px;
}

.process-box h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    text-align: center;
    margin-bottom: 0;
}

.our_process_inner {
    background: url(../../images/services/Wordpress-Development/line-1.png) no-repeat center;
    animation: lineAnimation 20s infinite linear;
}

.our_process_bar {
    display: flex;
    margin: 50px 0;
    position: relative;
    width: 100%;
}

.process-box {
    flex: 1;
    padding: 15px;
    margin: 0 10px;
    min-width: 146px;
    height: 170px;
    border-radius: 8px;
    background-color: #ffffff;
    position: relative;
    transform-style: preserve-3d;
    transform: translateY(3em) translateY(0.1em);
    -webkit-animation: moveAnimation 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
    animation: moveAnimation 4s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

.process-box:nth-child(1) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.process-box:nth-child(2) {
    margin-top: 40px;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.process-box:nth-child(3) {
    margin-top: 80px;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.process-box:nth-child(4) {
    margin-top: 40px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.process-box:nth-child(5) {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.process-box:nth-child(6) {
    margin-top: 40px;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.process-box:nth-child(7) {
    margin-top: 80px;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

@-moz-keyframes moveAnimation {
    50% {
        transform: translateY(-2em);
    }
}

@-webkit-keyframes moveAnimation {
    50% {
        transform: translateY(-2em);
    }
}

@keyframes moveAnimation {
    50% {
        transform: translateY(-2em);
    }
}

@keyframes lineAnimation {
    0% {
        left: 100%;
        background-position: left center;
    }

    100% {
        left: -100%;
        background-position: right center;
    }
}

/* Technology stack */
.tech-stack-card {
    position: relative;
    margin: 0 0 40px;
}

.tech-stack-row-card {
    display: flex;
    flex-wrap: wrap;
}

.tech-stack-content-dv {
    padding: 40px 50px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 16px 42px 6px rgba(0, 0, 0, 0.06);
    position: relative;
    width: 75%;
    margin: 0 20px -90px auto;
    top: -90px;
}

.tech-stack-content-dv .tech-stack-list-dv {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    row-gap: 20px;
    column-gap: 20px;
    word-break: break-word;
}

.tech-stack-content-dv .tech-stack-list-dv li {
    padding: 0 0 0 12px;
    margin: 0;
    position: relative;
}

.tech-stack-content-dv .tech-stack-list-dv li::before {
    content: "";
    background: #0083d7;
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 10px;
    position: absolute;
    top: 9px;
    left: 0;
}

.tech-stack-title-dv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    min-height: 110px;
    border-radius: 12px;
    background-image: -moz-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    padding: 20px 20px 20px 100px;
    width: 100%;
    overflow: hidden;
}

.tech-stack-title-dv .img-dv {
    width: 85px;
    bottom: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    opacity: 0.2;
}

.tech-stack-row-card {
    display: flex;
    flex-wrap: wrap;
}

.tech-stack-title-dv .img-dv img {
    object-fit: contain;
    left: -5px;
    position: relative;
}

.tech-stack-title-dv h3 {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    font-weight: 700;
    width: 100%;
}

.technology-stack-inner {
    padding: 10px 0 30px;
}

.misty-rose-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(255, 235, 238) 0%,
        rgb(255, 245, 247) 132%,
        rgb(255, 255, 255) 100%
    );
}

.carousel-pink-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(243, 229, 245) 0%,
        rgb(249, 242, 250) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(243, 229, 245) 0%,
        rgb(249, 242, 250) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(243, 229, 245) 0%,
        rgb(249, 242, 250) 132%,
        rgb(255, 255, 255) 100%
    );
}

.iceberg-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(224, 247, 250) 0%,
        rgb(240, 251, 253) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(224, 247, 250) 0%,
        rgb(240, 251, 253) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(224, 247, 250) 0%,
        rgb(240, 251, 253) 132%,
        rgb(255, 255, 255) 100%
    );
}

.papaya-whip-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(255, 243, 224) 0%,
        rgb(255, 249, 240) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(255, 243, 224) 0%,
        rgb(255, 249, 240) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(255, 243, 224) 0%,
        rgb(255, 249, 240) 132%,
        rgb(255, 255, 255) 100%
    );
}

.green-white-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(236, 239, 241) 0%,
        rgb(246, 247, 248) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(236, 239, 241) 0%,
        rgb(246, 247, 248) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(236, 239, 241) 0%,
        rgb(246, 247, 248) 132%,
        rgb(255, 255, 255) 100%
    );
}

.rum-swizzle-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(249, 251, 231) 0%,
        rgb(252, 253, 243) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(249, 251, 231) 0%,
        rgb(252, 253, 243) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(249, 251, 231) 0%,
        rgb(252, 253, 243) 132%,
        rgb(255, 255, 255) 100%
    );
}

.link-water-gradient {
    background-image: -moz-linear-gradient(
        1deg,
        rgb(232, 234, 246) 0%,
        rgb(244, 245, 251) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -webkit-linear-gradient(
        1deg,
        rgb(232, 234, 246) 0%,
        rgb(244, 245, 251) 132%,
        rgb(255, 255, 255) 100%
    );
    background-image: -ms-linear-gradient(
        1deg,
        rgb(232, 234, 246) 0%,
        rgb(244, 245, 251) 132%,
        rgb(255, 255, 255) 100%
    );
}

/* End of technology stack */

/* Slider card */

.how-to-hire-dev-section {
    padding: 0 0 70px;
    margin: 0;
    position: relative;
}

.how-to-hire-dev-inner {
    padding: 60px 15px 70px;
    border-radius: 12px;
    background-color: #e3f2fd;
    overflow: hidden;
    position: relative;
}

.how-to-hire-dev-slider {
    z-index: 2;
}

.hth-dev-card {
    padding: 36px 24px;
    margin: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
}

.hth-dev-card .number-dv {
    font-size: 90px;
    color: #f0f0f0;
    font-weight: 700;
    line-height: 0.75;
    text-align: right;
    position: absolute;
    top: -6px;
    right: -8px;
    pointer-events: none;
}

.how-to-hire-dev-slider .slider_item {
    margin: 0 15px;
}

.hth-dev-card .img-dv .img-fluid {
    height: 50px;
    object-fit: contain;
}

.hth-dev-card .img-dv {
    margin: 0 0 20px;
}

.hth-dev-card h3 {
    font-weight: 600;
    color: #333;
    font-size: 18px;
    line-height: 1.5;
}

.how-to-hire-dev-inner .sec_title {
    z-index: 1;
    position: relative;
}

.ready_start_development_sec .sec_title.vue_title{
    font-weight: 600;
    width: 90%;
}

.how-to-hire-dev-section .img-blur-shape-01 {
    position: absolute;
    bottom: -135px;
    left: 12px;
    z-index: 0;
    pointer-events: none;
    object-fit: contain;
}

.how-to-hire-dev-section .img-blur-shape-02 {
    position: absolute;
    top: -147px;
    right: 22px;
    z-index: 0;
    pointer-events: none;
    object-fit: contain;
}

.how-to-hire-dev-section .round-fao-shape {
    position: absolute;
    top: -16px;
    left: 19px;
    object-fit: contain;
}

/* End of Slider card */

.multiline-using-tools-box {
    row-gap: 50px;
}

.multiline-using-tools-box .tools-box-inner {
    flex: 0 0 20%;
}

.using-tools-box-three-grid {
    row-gap: 50px;
}

.using-tools-box-three-grid .tools-box-inner {
    flex: 0 0 33.3%;
}

/* Our Achievement */

.achievements-dev-section {
    padding: 60px 0;
    margin: 0;
    position: relative;
}

.achievements-dev-section .container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1300px;
}

.achievements-dev-section::before {
    content: "";
    background: #eaf7ff;
    height: 50%;
    width: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
}

.achievements-dev-section h2.sec_title {
    padding-bottom: 25px;
}

.achievements-dev-slider .slider_item {
    margin: 0 15px;
}

.achievements-dev-card {
    padding: 15px;
    margin: 0;
    position: relative;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #1e88e5;
    min-height: 240px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.achievements-dev-card .img-dv {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 0 0 16px;
    margin: 0 0 20px;
}

.achievements-dev-card .img-dv img {
    height: 52px;
    object-fit: contain;
}

.achievements-dev-card .img-dv::after {
    content: "";
    background-color: #1e88e533;
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 2px;
}

.achievements-dev-card h4 {
    font-size: 18px;
    color: #333;
    line-height: 1.6;
    display: block;
    font-weight: 600;
}

/* End of our achievement */

/* React Native Developers slider */
.rnd-combinations-section {
    padding: 0 0 70px;
    margin: 0;
    position: relative;
}

.rnd-combinations-inner {
    padding: 60px 15px 60px;
    border-radius: 20px;
    color: #fff;
    background-color: #4db6ac;
    background: linear-gradient(154deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
    background-image: -webkit-linear-gradient(154deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
    position: relative;
    -webkit-animation: AnimatedGradientBgLeft 10s linear alternate infinite;
    animation: AnimatedGradientBgLeft 10s linear alternate infinite;
}

@keyframes AnimatedGradientBgLeft {
    0% {
        background: linear-gradient(154deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
        background-image: -webkit-linear-gradient(154deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
    }

    100% {
        background: linear-gradient(200deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
        background-image: -webkit-linear-gradient(154deg, #42a5f5 0%, #48aed1 48%, #4db6ac 100%);
    }
}

.rnd-combinations-section h2.sec_title {
    color: #fff;
    padding-bottom: 30px;
}

.rnd-combinations-slider .slider_item {
    margin: 0;
}

.rnd-combinations-root {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 140px);
    left: -70px;
    position: relative;
}

.rnd-combinations-section > .container {
    overflow: visible;
}

.rnd-combinations-root .rnd-combinations-slider {
    width: 100%;
}

.rnd-combinations-dev-card {
    padding: 20px 25px;
    margin: 0 15px 20px;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    color: #333;
    overflow: hidden;
    box-shadow: 0 8px 20px 0 #00000014;
}

.rnd-combinations-dev-card .img-rgt-abs-dv {
    position: absolute;
    bottom: -5px;
    right: -30px;
    opacity: 0.06;
    pointer-events: none;
}

.rnd-combinations-dev-card .img-dv {
    margin: 0 0 15px;
}

.rnd-combinations-dev-card .img-dv .img-fluid {
    object-fit: contain;
    height: 44px;
}

.rnd-combinations-dev-card .text-dv p {
    font-size: 14px;
    line-height: 1.5;
    color: #8b8b8b;
    margin: 0 0 5px;
    font-weight: 400;
}

.rnd-combinations-dev-card .text-dv h3 {
    color: #333;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}

.rnd-combinations-slider .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    transform: scale(0.8);
    background-color: #ffffff99;
    transition: all 0.8s;
}

.rnd-combinations-slider .slick-dots li.slick-active {
    background-color: #fff;
    transform: scale(1);
}

/* End of React Native Developers slider */

.using-tools-box-three-grid .framework-services-box .left_div {
    width: 100%;
    padding: 0;
}

.using-tools-box-three-grid .framework-services-box .img-dv img {
    height: 96px;
    object-fit: contain;
    margin-bottom: 20px;
    transition: 0.5s ease-in-out;
}

.using-tools-section.python-tools-section,
.using-tools-section.ionic-tools-section {
    padding-bottom: 10px;
}

/* Our Platform Expertise */
.platform-section {
    padding: 50px 0 70px;
    margin: 0;
    position: relative;
    background-color: #86c6ee;
}

.platform-section::before {
    content: "";
    width: calc(50vw - 300px);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    background: #e8f5fb;
}

.platform-inner-dv {
    position: relative;
    z-index: 2;
}

.platform-title-card {
    padding: 30px;
    margin: 0;
    position: relative;
    background: #fff;
    border-radius: 10px 10px 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.platform-title-card h2.sec_title {
    text-align: left;
}

.platform-title-card .title-dv {
    width: 100%;
}

.platform-inner-dv .row {
    display: flex;
    flex-wrap: wrap;
}

.platform-box-root {
    background-color: #ffffffe6;
    box-shadow: 0 40px 40px 4px #0000001a;
    padding: 20px 0;
    margin: 0;
    position: relative;
    border-radius: 10px 10px 10px 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.platform-card-box {
    padding: 0 20px;
    width: 100%;
    text-align: center;
    position: relative;
}

.platform-card-box .img-dv {
    padding: 25px 0;
    position: relative;
    z-index: 2;
    border-top: 1px solid #86c6ee80;
}

.platform-box-root .platform-box-col {
    width: 25%;
    border-left: 1px solid #86c6ee80;
    height: 100%;
}

.platform-section .container {
    overflow: visible;
}

.platform-box-root .platform-box-col .platform-card-box:first-child .img-dv {
    border-top: none;
}

.platform-card-box.platform-card-box-100 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.platform-card-box .img-dv img {
    height: 50px;
    object-fit: contain;
}

/* End of Our Platform Expertise */

/* DevOps Tools */

.tools-design-section {
    padding: 60px 0 0;
    margin: 0;
    position: relative;
}

.tools-design-section h2.sec_title {
    margin-bottom: 25px;
}

.tools-design-card {
    position: relative;
    margin: 0 0 40px;
    --colorGradient01: 0deg, rgb(255, 255, 255) 0%, rgb(243, 238, 250) 48%, rgb(230, 221, 244) 100%;
    --colorBorder01: #e6ddf4;
    --shapeImg01: url("data:image/svg+xml,%3Csvg width='45' height='49' viewBox='0 0 45 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2435_3194' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='45' height='49'%3E%3Crect x='45' y='49' width='45' height='49' transform='rotate(180 45 49)' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2435_3194)'%3E%3Cpath d='M17.7576 10.9991L17.7515 10.9851L17.7446 10.9715C14.9729 5.52389 9.89639 1.95074 3.79996 1.95074H-356.499C-361.947 1.95074 -365.999 -2.21589 -365.999 -7.34926V-116.129C-365.999 -121.45 -361.953 -125.429 -356.499 -125.429H293.501C298.763 -125.429 303.001 -121.444 303.001 -116.129V-7.34926C303.001 -7.03618 302.984 -6.72687 302.953 -6.42017L302.896 -5.86926H303.001V34.3056C303.001 41.8649 296.744 48.0107 289.006 48.0107H43.201C37.5194 48.0107 32.3837 44.5715 30.1597 39.562C30.1594 39.5615 30.1592 39.561 30.159 39.5604L17.7576 10.9991Z' fill='white' stroke='%23E6DDF4'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.tools-design-card.color-card02 {
    --colorGradient01: 0deg, rgb(255, 255, 255) 0%, rgb(228, 244, 237) 48%, rgb(201, 232, 219) 100%;
    --colorBorder01: #c9e8db;
    --shapeImg01: url("data:image/svg+xml,%3Csvg width='45' height='49' viewBox='0 0 45 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2439_3200' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='45' height='49'%3E%3Crect x='45' y='49' width='45' height='49' transform='rotate(180 45 49)' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2439_3200)'%3E%3Cpath d='M17.7576 10.9991L17.7515 10.9851L17.7446 10.9715C14.9729 5.52389 9.89639 1.95074 3.79996 1.95074H-356.499C-361.947 1.95074 -365.999 -2.21589 -365.999 -7.34926V-116.129C-365.999 -121.45 -361.953 -125.429 -356.499 -125.429H293.501C298.763 -125.429 303.001 -121.444 303.001 -116.129V-7.34926C303.001 -7.03618 302.984 -6.72687 302.953 -6.42017L302.896 -5.86926H303.001V34.3056C303.001 41.8649 296.744 48.0107 289.006 48.0107H43.201C37.5194 48.0107 32.3837 44.5715 30.1597 39.562C30.1594 39.5615 30.1592 39.561 30.159 39.5604L17.7576 10.9991Z' fill='white' stroke='%23C9E8DB'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.tools-design-card.color-card03 {
    --colorGradient01: 0deg, rgb(255, 255, 255) 0%, rgb(255, 242, 240) 48%, rgb(254, 228, 224) 100%;
    --colorBorder01: #fee4e0;
    --shapeImg01: url("data:image/svg+xml,%3Csvg width='45' height='49' viewBox='0 0 45 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_2439_3203' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='45' height='49'%3E%3Crect x='45' y='49' width='45' height='49' transform='rotate(180 45 49)' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_2439_3203)'%3E%3Cpath d='M17.7576 10.9991L17.7515 10.9851L17.7446 10.9715C14.9729 5.52389 9.89639 1.95074 3.79996 1.95074H-356.499C-361.947 1.95074 -365.999 -2.21589 -365.999 -7.34926V-116.129C-365.999 -121.45 -361.953 -125.429 -356.499 -125.429H293.501C298.763 -125.429 303.001 -121.444 303.001 -116.129V-7.34926C303.001 -7.03618 302.984 -6.72687 302.953 -6.42017L302.896 -5.86926H303.001V34.3056C303.001 41.8649 296.744 48.0107 289.006 48.0107H43.201C37.5194 48.0107 32.3837 44.5715 30.1597 39.562C30.1594 39.5615 30.1592 39.561 30.159 39.5604L17.7576 10.9991Z' fill='white' stroke='%23FEE4E0'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.tools-design-card .tools-design-title-card {
    padding: 10px 50px 10px 30px;
    margin: 0 0 -1px;
    position: relative;
    background-image: -moz-linear-gradient(var(--colorGradient01));
    background-image: -webkit-linear-gradient(var(--colorGradient01));
    background-image: -ms-linear-gradient(var(--colorGradient01));
    background-image: linear-gradient(var(--colorGradient01));
    width: auto;
    display: inline-flex;
    border: 1px solid var(--colorBorder01);
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
    min-height: 48px;
}

.tools-design-card .tools-design-title-card::before {
    content: "";
    background-image: var(--shapeImg01);
    position: absolute;
    right: -1px;
    top: -2px;
    width: 45px;
    height: 49px;
    border: none;
    display: block;
    background-size: contain;
    background-position: top right;
}

.tools-design-card .img-tools-root {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}

.tools-design-card .img-tools-root .img-dv {
    flex: 1;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-left: 1px solid rgb(207, 207, 207);
    min-height: 58px;
}

.tools-design-card .img-tools-root .img-dv:first-child {
    border: none;
}

.tools-design-card .img-tools-root .img-dv .img-responsive {
    object-fit: contain;
    max-height: 40px;
    margin: 0 auto;
}

.tools-design-body-card {
    border: 1px solid var(--colorBorder01);
    border-radius: 0 12px 12px 12px;
    width: 100%;
}

.tools-design-card .img-tools-root .img-dv .img-responsive.img-h30 {
    max-height: 34px;
}

.tools-design-card .img-tools-root.img-tools-root-s20 .img-dv {
    padding: 0 20px;
}

.tools-design-card .tools-design-title-card h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 600;
}

/* End of DevOps Tools */

/************************************** Edit on 09-05-2023 Start ******************************************/
.why_choose_blue_sec {
    width: 100%;
    display: inline-block;
    padding: 50px 0 30px;
    background-image: url(../../images/services/wix-developments/blue_bg.jpg);
    background-position: center;
    background-size: cover;
}

.why_choose_blue_sec .sec_title {
    color: #ffffff;
}

.rounded_box h4 {
    font-family: "open sans";
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    width: 100%;
}

.blue_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.rounded_box {
    flex-basis: 20%;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    background-image: url(../../images/services/wix-developments/rounded-circle.png);
    background-size: 224px;
    background-position: center;
    background-repeat: no-repeat;
    height: 224px;
    padding: 0 15px;
    align-items: start;
    margin-bottom: 30px;
    align-content: center;
}

.who_needs_service {
    padding: 60px 0 0;
}

.need_service_block {
    position: relative;
    padding: 81px 0 0;
    z-index: 1;
}

.need_service_inner_box {
    border: 1px solid;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0 30px 30px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.need_service_block.green_box .need_service_inner_box {
    border-color: #80cbc4;
}

.need_service_block.orange_box .need_service_inner_box {
    border-color: #ff8a65;
}

.need_service_block.blue_box .need_service_inner_box {
    border-color: #64b5f6;
}

.need_service_block .icon_img {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
    background-color: #ffffff;
}

.need_service_block .icon_img img {
    width: 58px;
}

.need_service_block.green_box .icon_img {
    box-shadow: 0 20px 21px 0px rgb(38 166 154 / 20%);
}

.need_service_block.orange_box .icon_img {
    box-shadow: 0 20px 21px 0px rgb(255 138 101 / 20%);
}

.need_service_block.blue_box .icon_img {
    box-shadow: 0 20px 21px 0px rgb(100 181 246 / 20%);
}

.need_service_block h4 {
    font-family: "open sans";
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 100%;
}

.need_service_block p {
    font-family: "open sans";
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    margin: 0;
}

.need_service_block:before {
    content: "";
    display: flex;
    border-radius: 200px 200px 0 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    position: absolute;
    height: 129px;
    width: 258px;
    z-index: -1;
}

.need_service_block.green_box:before {
    background-color: #e0f2f1;
}

.need_service_block.orange_box:before {
    background-color: #fbe9e7;
}

.need_service_block.blue_box:before {
    background-color: #e3f2fd;
}

/************************************** Edit on 09-05-2023 End ******************************************/

/***************** Temprory Css Start ******************/
.portfolio-section .paregraphcontent,
.accordion_title,
.accodion_content,
.hire-dedicated-box p,
.expertise-box p,
.paregraphcontent,
.framework-services-box .left_div p,
.tech_desc {
    font-size: 18px;
    line-height: 1.5;
}
/***************** Temprory Css End ******************/

.skillset_tab .ui-tabs .ui-tabs-nav,
.skillset_tab .ui-widget.ui-widget-content {
    padding: 0;
    border: none;
    background: transparent;
}
.skillset_tab_content.ui-tabs.ui-widget.ui-widget-content {
    display: flex;
    flex-wrap: wrap;
    background-color: #e2ecf4;
    border: 1px solid #82c1e7;
    border-radius: 12px;
    padding: 0 0 0 30px;
}
.skillset_tab .ui-tabs .ui-tabs-nav {
    width: 290px;
    position: relative;
    padding: 0px 0px 0px 20px;
    margin-right: 30px;
}
.skillset_tab .ui-tabs .ui-tabs-nav:before {
    content: "";
    display: inline-block;
}
.skillset_tab .ui-tabs .ui-tabs-panel {
    width: calc(100% - 320px);
    padding: 0 30px;
    background-color: #ffffff;
    border-radius: 0 12px 12px 0;
}
.skillset_tab .ui-tabs .ui-tabs-nav li button,
.skillset_tab .ui-tabs .ui-tabs-nav li a,
.skillset_tab .ui-tabs .ui-tabs-nav li {
    width: 100%;
}
.skillset_tab .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin: 0;
    padding: 0;
}
.skillset_tab .ui-tabs .ui-tabs-nav li a,
.skillset_tab .ui-tabs .ui-tabs-nav li button {
    font-family: "open sans";
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    padding: 30px 15px 30px 80px;
    background-color: #ffffff;
    border-radius: 12px 0px 0 12px;
    position: relative;
    z-index: 1;
    background-image: url(../../images/services/framework-icon-color-01.svg);
    background-position: center left 21px;
    background-repeat: no-repeat;
    background-size: 46px;
    border: 0;
}
.skillset_tab .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.skillset_tab .ui-tabs .ui-tabs-nav li button.active  {
    background-image: url(../../images/services/framework-icon-white-01.svg);
    background-color: #0081d4;
    color: #ffffff;
}
.skillset_tab .ui-tabs .ui-tabs-nav li {
    border: none;
    margin: 0;
    background-color: transparent;
}
.skillset_tab .container {
    overflow: visible;
}
.skillset_tab .ui-tabs .ui-tabs-nav:before {
    content: "";
    display: inline-block;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    bottom: -30px;
    margin: auto;
    border-radius: 12px;
    box-shadow: 0px 14px 84px 0px rgb(0 0 0 / 20%);
}
.skillset_tab {
    padding: 60px 0 30px;
}
.tab_language_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.tab_language_list ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}
.tab_language_list li {
    width: 33.33%;
    text-align: center;
    padding: 40px 0;
    position: relative;
    border-radius: 0;
    border-bottom: 1px solid #cfcfcf;
    list-style: none;
}
.tab_language_list li:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #cfcfcf;
    top: 0;
    bottom: 0;
    margin: auto;
}
.tab_language_list li label {
    position: relative;
    z-index: 1;
    line-height: 36px;
    font-size: 18px;
    color: #333333;
    font-weight: normal;
    font-family: "open sans";
    display: inline-block;
    padding-left: 20px;
}
.tab_language_list li label::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px 0 0 50px;
    background-color: #e0eaf2;
    z-index: -1;
}
.skillset_tab .sec_title {
    padding-bottom: 30px;
}
.skillset_tab .ui-tabs .ui-tabs-nav li.ui-tabs-active a:after, 
.skillset_tab .ui-tabs .ui-tabs-nav li button.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #0081d4;
    width: 30px;
    opacity: 1;
    z-index: -1;
}
.skillset_tab .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before,
.skillset_tab .ui-tabs .ui-tabs-nav li button.active::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -42px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #0081d4;
}

.mean_dev_page {
    padding: 150px;
}
a.blueroundbtn.mern_btn {
    font-weight: 700 !important;
}