@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body {
    background: #fff;
    color: #000;
    font-family: 'Roboto', sans-serif;
}

a {
    color: #df7a5e;
    transition: 0.5s;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    color: #df7a5e;
    outline: none;
    text-decoration: none;
}

p {
    font-size: 14px;
}

.clear-fix {
    clear: both;
}

.btn:focus {
    outline: none;
}

button:active {
    outline: none;
    border: none;
}

button:focus {
    outline: 0;
}

textarea:focus,
input:focus,
a:focus {
    outline: none;
}

input,
button,
select,
textarea {
    font-family: 'Roboto', sans-serif;
}

html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 20px 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    line-height: 40px;
}

p {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}

p a {
    color: #010101;
}

.pad0 {
    padding: 0px;
}

.desktop-view {
    display: block;
}

.mobile-view {
    display: none;
}

.vCaptchaImg {
    width: 82%;
}

.clr {
    color: #df7a5e !important;
}

/**header**/
.top-header {
    background: linear-gradient(to right, #df795d, 50%, #F8F8F8, 50%, #3c405b);
    position: relative;
    padding: 5px 0px;
    height: 50px;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 1;
}

.top-header:after {
    content: '';
    background-color: #3c405b;
    width: 50px;
    height: 140px;
    position: absolute;
    left: 48%;
    transform: rotate(38deg);
    z-index: -1;
}

.top-header ul {
    margin-bottom: 0px;
    text-align: right
}

.top-header ul li {
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.top-header ul li a {
    padding-right: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #f5f5f5;
    font-weight: 400;
}

.top-header ul li a:hover {
    color: #df7a5e;
}

.header-section {
    background: rgb(255 255 255 / 95%);
    z-index: 999;
    transition: all 1s ease 0s;
    top: -160px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.shrink-nav {
    top: 0px;
    position: fixed;
    z-index: 999;
    width: 100%;
    transition: all 1s ease 0s;
    box-shadow: 0px 2px 3px 0px rgb(204 204 204 / 20%);
    background: #fff;
}

.tp_tel {
    background: url('../images/sprite.webp') no-repeat -10px -11px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}

.tp_email {
    background: url('../images/sprite.webp') no-repeat -42px -13px;
    width: 18px;
    height: 13px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}

.head_search_icon {
    background: url('../images/sprite.webp') no-repeat -111px -11px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 2px;
    vertical-align: middle;
}

.header-section .navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    line-height: 25px;
    color: #010101;
    font-weight: 500;
    padding: 6px 20px;
    position: relative;
}

.header-section .navbar-light .navbar-nav .nav-link.active,
.header-section .navbar-light .navbar-nav .show>.nav-link {
    color: #010101;
    font-weight: 700;
}

.header-section .navbar-light .navbar-nav .nav-link:hover {
    color: #df795d;
}

.header-section .navbar-light .navbar-nav .nav-link.active:after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #df795d;
    display: block;
}

.phone-icon {
    background: url('../images/sprite.webp') no-repeat -77px -9px;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

.contact_header {
    border-radius: 25px;
    padding: 8px 12px;
    background-color: #df795d;
    border: 1px solid #df795d;
    color: #fff !important;

    .phone-icon {
        filter: brightness(0) invert(1);
        color: #fff !important;
    }
}

.contact_header:hover {
    border: 1px solid #101010;
    background-color: #fff;
    color: #000 !important;
}

.csline {
    position: relative;
    width: 1px;
    height: 17px;
    display: inline-block;
    background-color: #fff;
    vertical-align: middle;
    margin: 0px 5px;
}

.contact_header:hover .csline {
    background-color: #000;
}

.contact_header:hover .phone-icon {
    color: #000 !important;
    filter: brightness(0) invert(0);
}

.search_header {
    border: 1px solid #010101;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin: 0px 10px;
}

.banner-image {
    position: absolute;
    width: 100%;
    z-index: -1;
    top: -95px;
    height: 745px;
}

.home-banner-section {
    height: 648px;
    display: flex;
    align-items: center;
    position: relative;
}

.home-banner-max {
    max-width: 715px;
}

.home-banner-max h1 {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 56px;
    color: #000000;
    font-weight: 700;
}

.home-banner-max p {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
}

.home-banner-max p {
    max-width: 654px;
}

.hire_banner_btn {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    background-color: #3c405b;
    border: 1px solid #3c405b;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px 20px;
    display: inline-block;
    height: 45px;
    width: 180px;
    margin-right: 10px;
    position: relative;
    text-align: center;
}

.hire_banner_btn:hover,
.hire_banner_btn:hover {
    background-color: #ffffff;
    border: 1px solid #3c405b;
    color: #3c405b;
}

.hire_banner_btn:after {
    content: '';
    background: url('../images/sprite.webp') no-repeat -176px -99px;
    width: 8px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 12px;
    top: 15px;
}

.hire_banner_btn:hover:after {
    background: url('../images/sprite.webp') no-repeat -192px -99px;
}

.hire_banner_btn.btn-auto {
    width: auto;
    padding: 10px 25px;
}

.hire_banner_btn.btn-auto:after {
    right: 10px;
}

.discover_banner_btn {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #040404;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #101010;
    border-radius: 30px;
    box-shadow: none;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    height: 45px;
    width: 170px;
}

.discover_banner_btn:hover,
.discover_banner_btn:focus {
    color: #fff;
    background-color: #df7a5e;
    border: 1px solid #df7a5e;
}

.header-section .dropdown-item.active,
.header-section .dropdown-item:active {
    color: #df795d;
    text-decoration: none;
    background-color: transparent;
}

.header-section .dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 20px;
    clear: both;
    font-weight: 500;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.header-section .dropdown-item:focus,
.header-section .dropdown-item:hover {
    color: #fff;
    background-color: #3b415a;
}

.header-section .dropdown-menu {
    padding: 0px 0px;
    position: relative;
    border-radius: 0px;
}

.header-section .dropdown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    border-top: 0;
    position: absolute;
    right: auto;
    top: -13px;
    left: 23px;
}

.header-section .dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 15px solid #e1dbdb;
    border-top: 0;
    position: absolute;
    right: auto;
    top: -15px;
    left: 20px;
}

/**home-section-two**/
.home-section-two {
    margin: 5px 0px;
}

.home-section-two .row {
    align-items: center;
}

.home-section-two h2 {
    font-size: 32px;
    line-height: 42px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 0px;
}

.home-section-two p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.hst-one {
    padding-top: 40px;
    padding-bottom: 40px;
}

.hst-two {
    position: relative;
    max-width: 535px;
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.hst-two:before {
    content: '';
    background-color: #eaeff4;
    width: 1px;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: auto;
    top: 0px;
    left: 0;
}

/**home-section-three**/
.home-section-three {
    padding: 0px 0px 0px 0px;
}

.hst-icon {
    text-align: center;
    position: relative;
}

.hst-icon span {}

.hst-border {
    margin: 20px 0px;
    position: relative;
    border-right: 1px solid #eaeff4;
}

.hst-border:after {
    content: '';
    width: 2px;
    height: 100px;
    background-color: #efbcae;
    display: block;
    position: absolute;
    right: -2px;
    bottom: -25px;
    z-index: 2;
    border-top: 30px solid #fff;
    border-bottom: 10px solid #fff;
}

.hst-border:before {
    content: '';
    width: 70px;
    height: 2px;
    background-color: #efbcae;
    display: block;
    position: absolute;
    right: -32px;
    bottom: 16px;
    z-index: 2;
    border-left: 10px solid #fff;
    border-right: 4px solid #fff
}

.hst-border:last-child:after,
.hst-border:last-child:before {
    display: none;
}

.mb-none {
    border: none;
}

.sb-none:before,
.sb-none:after {
    display: none;
}

.sb-none .hst-content:after {
    display: none;
}

.hst-border.mb-none:after,
.hst-border.mb-none:before {
    display: none;
}

.hst-content {
    position: relative;
    text-align: center;
    max-width: 315px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 395px;
}

.hst-content::before {
    /* content: ''; */
    opacity: 0.502;
    width: 1px;
    height: 92%;
    background-color: #b9b5b5;
    display: block;
    position: absolute;
    top: 0px;
    right: 30px;
    left: -32px;
}

.hst-content:after {
    content: '';
    opacity: 0.502;
    width: 100%;
    height: 1px;
    background-color: #b9b5b5;
    display: block;
    position: relative;
    top: 48px;
    right: 0px;
    left: 0px;
}

.fb-none.hst-content::before {
    display: none;
}

.hst-content h4,
.hst-content h3 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
}

.hst-content h4 a,
.hst-content h3 a {
    font-size: 18px;
    font-weight: 500;
}

.hst-icon:after {
    content: '';
    opacity: 0.502;
    width: 50px;
    height: 2px;
    background-color: #df795d;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
    top: auto;
    bottom: -55px;
}

.dinline a {
    display: inline-block !important;
    margin-bottom: 0px !important;
}

.hst-content p {
    font-size: 14px;
    line-height: 25px;
    color: #000000;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 125px;
}

.hst-content a {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
    display: block;
    margin-bottom: 20px;
}

.hst-border a {
    color: #000;
}

.hst-border a:hover .hst-icon {
    color: #df795d;
}

.hst-border a:hover .sd-content-icon:after {
    border: 1px solid #000;
}

.sd-content-icon {
    border-radius: 50%;
    width: 138px;
    height: 138px;
    display: inline-block;
    border: 10px solid #fff;
}

.hst-border a:hover .sd-content-icon {
    border: 10px solid #efbcae;
}

.hst-border a:hover .hst-content h4 {
    color: #df7a5e;
}

.hst-content .hread-more {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 25px;
    color: #df7a5e;
    position: absolute;
    bottom: 0px;
    left: 35%;
    height: 40px;
    overflow: inherit;
}

.hst-content .hread-more .arrow-ic-right {
    background: url('../images/sprite.webp') no-repeat -239px -15px;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(90deg);
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .3s ease-out, all .3s ease-in;
    transition: all .3s ease-out, all .3 ease-in;
    top: 0px;
    right: 0;
    position: relative;
}

.hst-content .hread-more:hover .arrow-ic-right {
    right: -10px;
}

.hst-content .hread-more:hover {
    text-decoration: underline;
}

.sd-content-icon:before {
    font-family: 'icomoon' !important;
    font-size: 80px;
    border: 1px solid #161616;
    padding: 0px;
    border-radius: 50%;
    width: 118px;
    height: 118px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.hst-tpb {
    border-top: 2px solid #eaeff4;
    border-bottom: 2px solid #eaeff4;
    padding-top: 20px;
    padding-bottom: 0px;
}

.sb-none {
    margin-bottom: 0px;
}

/**home-section-four**/
.home-section-four {
    background: #f0f0f2 url('../images/home/insustries-serve.webp');
    padding: 60px 0px 20px 0px;
    background-position: right;
    background-repeat: no-repeat;
}

.third-title {
    font-size: 32px !important;
    line-height: 40px !important;
    color: #1d1d1d;
    font-weight: 700 !important;
    text-transform: capitalize;
}

.home-section-four p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
}

.home-section-four h5,
.home-section-four h4 {
    font-size: 16px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 600;
    margin-bottom: 0px;
}

.d-left-home {
    float: left;
}

.p-left-home {
    padding-left: 45px;
}

.form-group {
    margin-bottom: 15px;
}

.home-section-four a:hover {
    color: #df7a5e;
}

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

.served-hm-list {}

.served-hm-list ul {
    padding: 0px;
    list-style: none;
}

.served-hm-list ul li {
    display: inline-block;
}

/**home-section-five**/
.home-section-five {
    padding: 60px 0px;
    background: url(../images/home/hire-us-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.home-section-five h6,
.home-section-five h4 {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    font-style: italic;
}

.home-section-five ul {
    padding: 0px;
    list-style: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.home-section-five ul li,
.home-section-five ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    font-family: "Roboto";
    position: relative;
    padding: 5px 0px;
}

.home-section-five ul li:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #df795d;
    display: inline-block;
    margin-right: 15px;
}

.home-section-five p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 10px;
}

/**call-to-left-action**/
.call-to-left-action {
    background-color: #3c405b;
    padding: 30px 0px;
}

.call-to-left-action p {
    font-size: 26px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.call-to-left-action .row {
    align-items: center;
}

/* .call-to-left-action a {
    border: 1px solid rgb(255 255 255 / 30%);
} */
.call-to-left-action .hire_banner_btn {
    background-color: #df7660;
    border: 1px solid #df7261;
}

.call-to-left-action .hire_banner_btn:hover,
.call-to-left-action .hire_banner_btn:focus {
    background-color: #fff;
    border: 1px solid #df7261;
    color: #df7261;
}

.call-to-left-action .hire_banner_btn:after {
    display: none;
}

/**home-section-six**/
.home-section-six {
    padding: 60px 0px;
}

.tech-discover-div {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    border-left: 10px solid #df795d;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tech-discover-div p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #df7a5e;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 0px;
}

.dquote-left {
    background: url('../images/sprite.webp') no-repeat -143px -13px;
    width: 16px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.dquote-right {
    background: url('../images/sprite.webp') no-repeat -143px -13px;
    width: 16px;
    height: 14px;
    display: inline-block;
    transform: rotate(180deg);
    bottom: -8px;
    margin-left: 5px;
}

.discover-course-slider {
    border-radius: 20px;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    padding: 20px;
    border-bottom: 20px solid #3b3f5b;
    padding-bottom: 0px;
    max-width: 580px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 668px;
}

.discover-course-slider h4 {
    font-size: 16px;
    line-height: 33px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}

.discover-course-slider p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
}

.discover-course-slider h5 {
    font-size: 14px;
    color: #231f20;
    font-weight: 700;
    margin-bottom: 8px;
}

.course-logo-box {
    border: 1px solid #b9b9b957;
    background-color: #ffffff;
    padding: 10px 10px;
    min-height: 60px;
    border-radius: 6px;
}

.course-logo-box ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.course-logo-box-two ul {
    justify-content: left;
}

.course-logo-box ul li {
    display: inline-block;
    padding: 0px 7px;
}

.course-icon-slider {
    width: 98px;
    height: 98px;
    border-radius: 49px;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 80px;
    margin-top: 10px;
    bottom: 30px;
    display: none;
}

.course-icon-slider img {
    object-fit: none;
}

.cquote {
    position: absolute;
    left: -23px;
    top: 0;
}

/**slick-slider**/
.slider-home-container {
    position: relative;
}

.slider-home-container .slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slider-home-container .slick .slide {
    border: none;
    color: rgba(255, 255, 255, 0.75);
}

.slider-home-container .slick .slide:focus {
    outline: none;
}

.slider-home-container .slick .slick-arrow {
    transform: rotate(90deg);
    top: initial;
    right: -30px;
    left: auto;
    bottom: 0;
    z-index: 1;
    display: none !important;
}

.slider-home-container .slick .slick-arrow.slick-prev {
    bottom: 30px;
}

.slider-home-container .slick .slick-arrow.slick-prev:before {
    transform: rotate(135deg);
}

.slider-home-container .slick .slick-arrow.slick-next:before {
    transform: rotate(-45deg);
}

.slider-home-container .slick .slick-arrow:before {
    transition: opacity 0.25s;
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid #3b3f5b;
    border-width: 0 2px 2px 0;

}

.slider-home-container .slick .slick-dots {
    position: absolute;
    width: 30px;
    left: auto;
    top: 28%;
    right: 0px;
    display: none;
}

.slider-home-container .slick .slick-dots li {
    margin: 0 auto;
    width: 30px;
    display: block;
}

.slider-home-container .slick .slick-dots li button {
    padding: 0;
    margin-top: 20px;
}

.slider-home-container .slick .slick-dots li button:before {
    transition: opacity 0.25s;
    color: #cacbcc;
    font-size: 30px;
    content: '';
    width: 10px;
    height: 30px;
    background-color: #cacbcc;
}

.slider-home-container .slick-dots li.slick-active button:before {
    background-color: #df7a5e !important;
    opacity: 1;
}

.row-flex {
    align-items: center;
}

/**slick-slider-closed**/
/**home-section-seven**/
.home-section-seven {
    background-color: #f0f0f2;
    padding: 60px 0px;
}

.home-ourwork-tab .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 0px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    font-size: 22px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
}

.home-ourwork-tab .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    justify-content: center;
    margin-bottom: 20px;
    padding-top: 0px;
}

.home-ourwork-tab .nav-tabs .nav-item.show .nav-link,
.home-ourwork-tab .nav-tabs .nav-link.active {
    color: #df7a5e;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
}

.home-ourwork-tab .nav-tabs .nav-link.active:after {
    content: '';
    width: 56px;
    height: 2px;
    display: block;
    background-color: #df7a5e;
    left: 0;
    position: relative;
    top: 10px;
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.home-ourwork-tab .owl-carousel .owl-nav button.owl-next,
.home-ourwork-tab .owl-carousel .owl-nav button.owl-prev {
    background: rgb(60 64 91 / 70%);
    color: #fff;
    border: none;
    padding: 0 !important;
    font-size: 30px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 41%;
    position: absolute;
}

.home-ourwork-tab .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}

.home-ourwork-tab .owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 0;
}

/***home-section-eight**/
.home-counter {
    background-color: #3b3f5b;
    padding: 60px 0px;
    text-align: center;
}

.home-counter h3,
.home-counter .hm-counter {
    font-size: 80px;
    letter-spacing: -2px;
    color: #ffffff;
    font-weight: 700;
    line-height: 66px;
    margin-bottom: 10px;
    display: block;
}

.home-counter h3 sup,
.home-counter .hm-counter sup {
    font-size: 40px;
    font-weight: 400;
    top: -15px;
    margin-left: -5px;
}

.home-counter p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}

.home-ourclient {
    background-color: #eaeff4;
}

.home-section-eight {
    text-align: center;
    padding: 60px 0px;
}

.home-section-eight p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    text-align: center;
}

.client-logo-box {
    background-color: #ffffff;
    border: 1px solid rgba(60, 64, 91, 0.22);
    width: 204px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
}

.slick-slide .course-icon-slider img {
    object-fit: none;
}

.home-section-eight .d-flex-clients {
    display: flex;
    gap: 20px;
    margin: 0 auto;
    max-width: 1125px;
}

/**home-section-nine**/
.home-section-nine {
    background: #f3eff0;
}

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

.ht-left h5 {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #000000;
    font-weight: 700;
    margin: 10px 0px 0px 0px;
}

.owl-carousel .owl-item .ht-left img {
    width: 160px !important;
    height: 160px;
    border-radius: 50%;
    display: inline-block !important;
    border: 1px solid #ccc;
}

.ht-left h6 {
    opacity: 0.502;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.max-testi-home {
    border-radius: 30px;
    /* filter: drop-shadow(0 0 8px rgba(0,0,0,0.16)); */
    background-color: #ffffff;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px;
}

.ht-right {}

.ht-right h6 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 400;
    margin: 0px;
}

.ht-right h3 {
    font-size: 32px;
    line-height: 24px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 30px;
}

.ht-right p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.ht-right sup {
    background: url('../images/sprite.webp') no-repeat -8px -50px;
    width: 37px;
    height: 31px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: 2px;
}

.ht-right sub {
    background: url('../images/sprite.webp') no-repeat -8px -50px;
    width: 37px;
    height: 31px;
    display: inline-block;
    transform: rotate(180deg);
    position: absolute;
    margin-left: 5px;
}

#owl-carousel-testimonials .icon-prev {
    font-family: 'icomoon' !important;
    font-size: 80px;
    border: 1px solid #161616;
    padding: 18px;
}

#owl-carousel-testimonials .icon-next {
    font-family: 'icomoon' !important;
    font-size: 80px;
    border: 1px solid #161616;
    padding: 18px;
}

/**shaking**/
.testimonial-tip {
    position: absolute;
    width: 2.2em;
    height: 2.2em;
    cursor: pointer;
}

.testimonial-tip-item {
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    position: absolute;
    border-radius: 50%;
    border: 6px solid #FFF;
    background: #ebebeb;
}

.testimonial-tip-item {
    width: 106px;
    height: 106px;
    padding: 30px 10px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    margin: 0;
}

.uber .testimonial-tip-item {
    top: 0;
    left: 0;
    margin: 0;
}

.testimonial-tip.testimonial-tip-west,
.testimonial-tip.testimonial-tip-east {
    width: 106px;
    height: 106px;
    margin: 0;
}

.testimonial-tip.testimonial-tip-west.uber {
    top: 45%;
    left: 20%;
}

.testimonial-tip.testimonial-tip-west.ak-abc {
    top: 78%;
    left: 28%;
}

.testimonial-tip.testimonial-tip-west.ak-abc .testimonial-tip-item {
    padding: 8px 10px;
}

.testimonial-tip.testimonial-tip-west.ak-abc {
    top: 68%;
    left: 28%;
}

.testimonial-tip.testimonial-tip-west.ak-abc .testimonial-tip-item {
    padding: 8px 10px;
}

.think-connect {
    top: 25%;
    left: 28%;
    width: 85px;
    height: 85px;
}

.think-connect .testimonial-tip-item {
    width: 90px;
    height: 90px;
    padding: 8px 0px 0 12px;
}

.eaten-plum {
    top: 14%;
    left: 36%;
}

.eaten-plum .testimonial-tip-item {
    padding: 12px 15px;
}

.spider-web {
    top: 56%;
    left: 38%;
}

.spider-web .testimonial-tip-item {
    width: 80px;
    height: 80px;
    padding: 8px;
}

.neene {
    top: 18%;
    left: 47%;
}

.neene .testimonial-tip-item {
    padding: 10px;
}

.timber-revert {
    top: 65%;
    left: 46%;
}

.timber-revert .testimonial-tip-item {
    padding: 15px;
}

.alfloat {
    top: 34%;
    left: 56%;
}

.alfloat .testimonial-tip-item {
    width: 88px;
    height: 88px;
    padding: 15px 10px;
}

.somnia {
    top: 65%;
    left: 59%;
}

.somnia .testimonial-tip-item {
    padding: 15px;
}

.locus {
    top: 22%;
    left: 66%;
}

.locus .testimonial-tip-item {
    padding: 40px 12px;
}

.wittercove {
    top: 64%;
    left: 70%;
}

.wittercove .testimonial-tip-item {
    width: 90px;
    height: 90px;
    padding: 22px 8px;
}

.testimonial-tip.testimonial-tip-west img,
.testimonial-tip.testimonial-tip-east img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}

.testimonial-tip.testimonial-tip-west:hover img,
.testimonial-tip.testimonial-tip-east:hover img {
    -webkit-filter: inherit;
    filter: inherit;
    opacity: 1;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(0.5, 0.5, 1);
        transform: scale3d(0.5, 0.5, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.testimonial-tip:hover .testimonial-tip-item {
    border-color: #fff;
}

.testimonial-tip-content {
    position: absolute;
    background: #333333;
    z-index: 9;
    width: 270px;
    bottom: 50%;
    margin-bottom: -1em;
    padding: 15px;
    border-radius: 5px;
    font-size: 1.1em;
    text-align: left;
    color: #fff;
    opacity: 0;
    cursor: default;
    pointer-events: none;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.testimonial-tip-west .testimonial-tip-content {
    left: 4em;
    -webkit-transform-origin: -2em 50%;
    transform-origin: -2em 50%;
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);
    transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, 30deg);
}

.testimonial-tip-east .testimonial-tip-content {
    right: 5em;
    -webkit-transform-origin: calc(100% + 2em) 50%;
    transform-origin: calc(100% + 2em) 50%;
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
    transform: translate3d(0, 50%, 0) rotate3d(1, 1, 1, -30deg);
}

.testimonial-tip:hover .testimonial-tip-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 0, 0);
    pointer-events: auto;
}

.think-connect.testimonial-tip-east .testimonial-tip-content {
    right: 7em;
}

.testimonial-tip-east.eaten-plum .testimonial-tip-content,
.alfloat.testimonial-tip-east .testimonial-tip-content,
.testimonial-tip-east.wittercove .testimonial-tip-content {
    right: 8em;
}

.timber-revert.testimonial-tip-east .testimonial-tip-content {
    bottom: 32%;
    right: 8em;
}

.testimonial-tip-content::before,
.testimonial-tip-content::after {
    content: '';
    position: absolute;
}

.testimonial-tip-content::before {
    height: 100%;
    width: 3em;
}

.testimonial-tip-content::after {
    width: 2em;
    height: 2em;
    top: 50%;
    margin: -1em 0 0;
    background: url('../images/testimonial/tooltip2.svg') no-repeat center center;
    background-size: 100%;
}

.testimonial-tip-west .testimonial-tip-content::before,
.testimonial-tip-west .testimonial-tip-content::after {
    right: 99%;
}

.testimonial-tip-east .testimonial-tip-content::before,
.testimonial-tip-east .testimonial-tip-content::after {
    left: 99%;
}

.testimonial-tip-east .testimonial-tip-content::after {
    -webkit-transform: scale3d(-1, 1, 1);
    transform: scale3d(-1, 1, 1);
}

.dummy-image {
    position: relative;
}

.dummy {
    text-align: left;
    padding: 1em;
    min-height: 300px;
    margin: 0 auto;
    font-weight: 300;
}

.testimonial-bg {
    max-width: 100%;
    height: auto;
}

@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-2px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-2px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}

.shake {
    -webkit-animation: spaceboots 4.5s infinite linear;
    animation: spaceboots 4.5s infinite linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.testimonial-tip.shake:hover {
    animation: none;
}

.testimonials {
    position: relative;
}

.testimonials .third-title {
    position: absolute;
    z-index: 91;
    left: 0;
    right: 0;
    top: 30px;
    text-align: center;
}

/**shaking-closed**/
/**footer**/
.footer-section {
    background-color: #252628;
    padding-bottom: 20px;
}

.news-letter-footer {
    border-bottom: 1px solid #8e8e8e;
    padding: 40px 0px 20px 0px;
}

.news-letter-footer h4 {
    font-size: 32px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
}

.news-letter-footer h4:after {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: relative;
    left: 72px;
}

.news-letter-footer h4:before {
    content: '';
    width: 70px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: relative;
    top: 38px;
}

.news-letter-footer p {
    font-size: 14px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0px;
}

.news-letter-footer .input-group>.form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 52px;
    border: 1px solid rgba(194, 191, 191, 0.45);
    border-radius: 30px;
    background: url('../images/newsletter-cover.svg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left 18px center;
    padding-left: 60px;
}

.news-letter-footer .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 5px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.news-letter-footer .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.news-letter-footer .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.news-letter-footer .btn-outline-secondary {
    border: 1px solid #df7a5e;
    background-color: #df7a5e;
    border-radius: 0px;
    padding: 9px 20px;
    font-size: 18px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 500;
    box-shadow: none;
}

.news-letter-footer .btn-outline-secondary:hover,
.news-letter-footer .btn-outline-secondary:focus {
    border: 1px solid #df7a5e;
    background-color: #fff;
    color: #df7a5e;
}

.footer-section p {
    font-size: 14px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
}

.ft-para-rowone {
    padding-top: 15px;
    max-width: 300px;
    text-align: justify;
}

.social-footer-div {
    position: relative;
}

.social-footer-div ul {
    padding: 0px;
    list-style: none;
}

.social-footer-div ul li {
    display: inline-block;
    padding: 5px 5px 5px 0px;
}

.social-footer-div ul li a {
    vertical-align: middle;
}

.footer-section h3 {
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 16px;
}

.footer_links_div {
    position: relative;
}

.footer_links_div ul {
    padding: 0px;
}

.footer_links_div ul li {
    list-style: none;
    position: relative;
    text-indent: -23px;
    margin-left: 23px;
}

.footer_links_div ul li:before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
    margin-right: 15px;
}

.footer_links_div ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
}

.footer_links_div ul li a:hover {
    color: #df7a5e;
}

.time-ft-icon {
    background: url('../images/sprite.webp') no-repeat -173px -12px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    filter: brightness(0) invert(1);
    margin-left: 10px;
}

.recent-post-ft p {
    font-size: 13px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 0px;
}

.right-ft-divider {
    position: relative;
}

.right-ft-divider:after {
    content: '';
    background-color: rgb(255 255 255 / 34%);
    width: 1px;
    height: 85%;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50px;
}

.prl {
    position: relative;
}

.footer-ctc-section {
    background-color: #000000;
}

.footer-ctc-div {
    padding: 10px 30px
}

.footer-ctc-div a {
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
}

.footer-ctc-div a:hover {
    color: #df7a5e;
}

.footer-ctc-div p {
    margin-bottom: 0px;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
}

.footer-ctc-div span {
    margin-right: 15px;
}

.footer-ph-section {
    background-color: #df7a5e;
}

.footer-ph-section.footer-ctc-div a:hover {
    color: #000;
}

.footer-ctc-div .d-flex {
    align-items: center;
}

.copy-right-div p {
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-top: 25px;
}

.usefull-ft-div {
    position: relative;
}

.usefull-ft-div ul {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0px;
}

.usefull-ft-div ul li {
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 500;
    display: inline-block;
}

.usefull-ft-div ul li a {
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    padding: 0px 10px;
    border-right: 1px solid #ffffff;
}

.usefull-ft-div ul li a:hover {
    color: #df7a5e;
}

.b0-right {
    border-right: 0px !important;
}

.opacity-0 {
    opacity: 0;
}

/**footer-closed**/
.bg-white-section {
    background-color: #fff;
    padding: 60px 0px;
}

.bg-white-section2 .home-section-seven {
    background-color: #fff !important;
}

.bg-gray-div {
    background-color: #f0f0f2;
    padding: 60px 0px;
}

.para {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

.why_node_right p {
    font-size: 16px;
    line-height: 20px;
    color: #1d1d1d;
    font-weight: 400;
    margin-bottom: 0px;
}

.why-box-div {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    padding: 15px;
    display: flex;
    align-items: center;
    height: 70px;
}

.why-left-div {
    width: 60px;
}

.dedicate-div ul {
    padding: 0px;
    list-style: none;
}

.dedicate-div ul li {
    /* font-size: 14px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
    text-indent: -41px;
    margin-left: 41px; */
    font-size: 14px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
    text-indent: -33px;
    margin-left: 33px;
}

.d-squre-icon {
    background: url('../images/sprite.webp') no-repeat -66px -60px;
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    /* margin-right: 20px; */
}

.dedicate-div.doubleline .d-squre-icon,
.sec_right .d-squre-icon {
    margin-right: 15px;
}

.dotted-box {
    border: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

.dot-inner-border {
    padding: 50px 50px;
    position: relative;
}

.dot-inner-border:after {
    content: '';
    width: 27px;
    height: 27px;
    display: inline-block;
    position: absolute;
}

.dash-left-after:after {
    border-left: 1px dashed #000;
    border-bottom: 1px dashed #000;
    left: 10px;
    bottom: 10px;
}

.dash-right-after:after {
    border-right: 1px dashed #000;
    border-bottom: 1px dashed #000;
    right: 10px;
    bottom: 10px;
}

.dash-top-after:after {
    border-top: 1px dashed #000;
    border-right: 1px dashed #000;
    right: 10px;
    bottom: 10px;
    top: 10px;
}

.dash-bottom-after:after {
    border-left: 1px dashed #000;
    border-top: 1px dashed #000;
    left: 10px;
    bottom: 10px;
    top: 10px;
}

.dot-box-flex {
    display: flex;
    align-items: center;
}

.dot-box-flex h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 600;
    margin-bottom: 0px;
}

.dot-box-flex h4 a {
    color: #1d1d1d;
}

.dot-box-flex>div:first-child {
    width: 80px;
}

.dotted-box p {
    margin-bottom: 0px;
}

.dot-inner-left {
    border-right: 1px dashed #000;
}

.db-o {
    border-top: 0px;
}

.white_bg {
    background-color: #fff !important;
}

.gray_bg {
    background-color: #f0f0f2 !important;
}

.jsd-dedicated-list {
    min-height: 340px !important;
}

.jsd-dedicated-list ul li {
    text-indent: -34px;
    margin-left: 34px;
}

.dedicate-div ul li a {
    color: #000000;
}

.dedicate-div ul li a:hover {
    color: #df7a5e;
}

.style-jsd h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 500;
}

/**dedicated-team**/
.spd-whychoose-box.dedicated-bx img {
    width: auto !important;
}

.dedicated-hire-section {
    padding: 70px 0px;
    background-color: #f0f0f2 !important;
}

.main-circle {
    width: 260px;
    height: 260px;
    background-color: transparent;
    border: 5px solid #3c405b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.main-circle:after {
    content: '';
    width: 70px;
    height: 6px;
    background-color: #3b3f5a;
    position: absolute;
    right: -70px;
    top: auto;
    bottom: 100px;
}

.main-circle:before {
    content: '';
    background-color: #f0f0f2;
    width: 30px;
    height: 37px;
    position: absolute;
    right: -20px;
    top: 107px;
}

.main-circle P {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin: 10px 0px;
}

.white-shadow-circle {
    width: 218px;
    height: 218px;
    border-radius: 50%;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.33));
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.c-inner-circle {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #df7a5e;
    border: 8px solid #ffffff;
    font-size: 42px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 900;
    text-align: center;
    position: absolute;
    right: -35px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-inner-circle.blue {
    background-color: #3c405b;
}

.dhs-flex {
    display: flex;
    gap: 60px;
}

.last-main-circle:before,
.last-main-circle:after {
    display: none;
}

.max-circle-dt {
    max-width: 1180px;
    margin: 0 auto;
}

/***what-actually-section**/
.what-actually-section {
    background-color: #fff;
    padding: 70px 0px 0px 0px;
    border-top: 1px solid #e4e2e2;
}

.div-rotate {
    transform: rotate(90deg);
    top: 80px;
    position: relative;
}

.div-rotate:after {
    content: '';
}

.hexagon-shape-div {
    position: relative;
    overflow: hidden;
    background: transparent;
    width: 230px;
    height: 230px;
    transform: rotate(-30deg) skewX(30deg) scaleY(.866);
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
}

.hexagon-shape-div:before {
    content: '';
    position: absolute;
    right: 6.7%;
    bottom: 0;
    left: 6.7%;
    top: 0;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    background-color: #fefefe;
}

.hexagon-shape-small {
    position: absolute;
    overflow: hidden;
    background: transparent;
    width: 190px;
    height: 190px;
    transform: rotate(-30deg) skewX(30deg) scaleY(.866);
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    top: -20px;
    right: 27%;
}

.hexagon-shape-small:before {
    content: '';
    position: absolute;
    right: 6.7%;
    bottom: 0;
    left: 6.7%;
    top: 0;
    transform: scaleY(1.155) skewX(-30deg) rotate(30deg);
    background-color: #82d4e3;
}

.hex-box-content {
    text-align: center;
    position: relative;
    top: -125px;
}

.hex-box-content h4 {
    font-size: 57px;
    line-height: 23px;
    color: #40bbd1;
    font-weight: 900;
}

.hex-box-content h4 span {
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
    margin-right: 3px;
}

.hex-box-content h5 {
    font-size: 14px;
    line-height: 23px;
    color: #000000;
    font-weight: 400;
}

.hexa-dark-blue h4 {
    color: #3d415d;
}

.hexa-light-orange h4 {
    color: #dd7a5f;
}

.hexa-medium-blue h4 {
    color: #177cbe;
}

.step-circle {
    background-color: #ffffff;
    border: 4px solid #72adb8;
    width: 57px;
    height: 57px;
    border-radius: 28px;
    display: block;
    padding: 9px;
    position: absolute;
    top: -60px;
    left: 50px;
}

.hexa-dark-blue .step-circle {
    border: 4px solid #3d415d;
}

.hexa-light-orange .step-circle {
    border: 4px solid #dd7a5f;
}

.hexa-medium-blue .step-circle {
    border: 4px solid #177cbe;
}

.hexa-dark-blue .hexagon-shape-small:before {
    background-color: #3d415d;
}

.hexa-light-orange .hexagon-shape-small:before {
    background-color: #dd7a5f;
}

.hexa-medium-blue .hexagon-shape-small:before {
    background-color: #177cbe;
}

.pricing_rates ul li::before {
    background-image: url('../images/services/Select.webp') !important;
}

/**cloud-application**/
.why-ca-icon {
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    top: 4px;
    position: relative;
}

.why-ca1-icon {
    background: url('../images/sprite.webp') no-repeat -128px -49px;
}

.why-ca2-icon {
    background: url('../images/sprite.webp') no-repeat -170px -49px;
}

.why-ca3-icon {
    background: url('../images/sprite.webp') no-repeat -211px -49px;
}

.why-ca4-icon {
    background: url('../images/sprite.webp') no-repeat -252px -49px;
}

.why-ca5-icon {
    background: url('../images/sprite.webp') no-repeat -6px -93px;
}

.why-ca6-icon {
    background: url('../images/sprite.webp') no-repeat -46px -93px;
}

.why-ca7-icon {
    background: url('../images/sprite.webp') no-repeat -86px -93px;
}

.why-ca8-icon {
    background: url('../images/sprite.webp') no-repeat -127px -93px;
}

.custom-app-list {}

.custom-app-list ul {
    padding-left: 50px;
}

.custom-app-list ul li {
    text-indent: -54px;
    line-height: 18px;
    vertical-align: middle;
    margin-bottom: 20px;
}

.cloudapps-client-section {}

.cc-love-box {
    background-color: #ffffff;
    border: 1px solid rgba(62, 62, 64, 0.71);
    position: relative;
    padding: 20px;
    height: 100%;
}

.cc-love-box h4 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
}

.cc-love-box p {
    font-size: 14px;
    line-height: 25px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.cc-icon-div {
    position: absolute;
    right: 40px;
    top: -40px;
}

.cad-process-section {
    border-bottom: 1px solid #e4e4e4;
}

.cad-max {
    max-width: 340px;
    margin: 0 auto;
}

.cad-max span {
    display: block;
}

.cad-max h5 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 500;
}

.cad-max h5 a {
    color: #1d1d1d;
}

.cad-max p {
    text-align: justify;
}

.cad-process-section .owl-carousel .owl-nav button.owl-next,
.cad-process-section .owl-carousel .owl-nav button.owl-prev,
.cad-process-section .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
}

.cad-process-section .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.cad-process-section .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.cad-process-section .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.cad-success-section {
    margin-bottom: 50px;
}

.cad-success-section h6 {
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 0px;
}

.cad-success-section p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.cad-success-section small {
    font-size: 12px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

.cad-success-section .card {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.15));
    background-color: #ffffff;
    border: 0px;
    border-radius: 0px;
    margin: 5px;
}

.cad-success-section .card-body {
    padding: 20px 25px;
}

.cad-success-section .owl-carousel .owl-nav button.owl-next,
.cad-success-section .owl-carousel .owl-nav button.owl-prev,
.cad-success-section .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: auto;
    bottom: -70px;
}

.cad-success-section .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.cad-success-section .owl-carousel .owl-nav button.owl-next {
    right: 49%;
}

.cad-success-section .owl-carousel .owl-nav button.owl-prev {
    left: 43%;
}

.caproject-section {
    border-bottom: 1px solid #e4e4e4;
}

.cap-list-div {}

.cap-list-div ul {
    padding: 0px;
    list-style: none;
}

.cap-list-div ul li {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    display: inline-block;
    height: 60px;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.15));
    background-color: #ffffff;
    width: 31%;
    margin: 10px 10px;
    padding: 16px 30px;
}

.dbl-tick {
    background: url('../images/sprite.webp') no-repeat -98px -60px;
    width: 22px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.max-none {
    max-width: inherit;
}

.obj-fit {
    object-fit: none;
}

.dev-web .dedicate-div ul li {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    text-indent: -37px;
    margin-bottom: 11px;
    margin-left: 37px;
}

.webapp-hr {
    background-color: #bdbfc1;
}

.factor-txt {
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-weight: 700;
}

.provide-webapp-box {
    position: relative;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    padding: 25px;
    text-align: center;
    height: 100%;
    min-height: 480px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.provide-webapp-box h4 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
    position: relative;
}

.provide-webapp-box h4 a {
    color: #000000;
}

.provide-webapp-box h4:after {
    content: '';
    opacity: 0.502;
    width: 50px;
    height: 2px;
    background-color: #ff5d30;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
    top: auto;
    bottom: -6px;
}

.provide-webapp-box p {
    font-size: 14px;
    line-height: 25px;
    color: #000000;
    font-weight: 400;
}

.provide-webapp-box img {
    display: inline-block !important;
}

.webapp-provide-div {
    position: relative;
    top: -90px;
}

.webapp-provide-div .owl-carousel .owl-nav button.owl-next,
.webapp-provide-div .owl-carousel .owl-nav button.owl-prev,
.webapp-provide-div .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: auto;
    bottom: -70px;
    border-radius: 40px;
}

.webapp-provide-div .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.webapp-provide-div .owl-carousel .owl-nav button.owl-next {
    right: 49%;
}

.webapp-provide-div .owl-carousel .owl-nav button.owl-prev {
    left: 43%;
}

#subscribe_email-error {
    color: #df7a5e;
    text-align: revert;
    font-size: 13px;
    display: block;
}

/**closed**/
.lsm-section {
    padding: 35px 0px 70px 0px;
    border-bottom: 1px solid #bdbfc1;
}

.lsm-box-div {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border: 1px solid #8e8e8e;
    height: 70px;
}

.lsm-box-div p {
    font-size: 14px;
    margin-bottom: 0px;
}

.lsm-left {
    width: 20%;
    border-right: 1px solid #8e8e8e;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lsm-right {
    width: 80%;
    text-align: left;
    padding-left: 30px;
}

.new-hst-icon {
    width: 138px;
    height: 138px;
    text-align: center;
    display: inline-block;
}

.lsm .provide-webapp-box {
    min-height: 540px;
}

.lsm-platforms-section {
    background-color: #f0f0f2;
    padding: 70px 0px;
}

.platform-list-div {
    display: flex;
}

.lsm-pld-left {
    width: 100px;
}

.lsm-pld-right {
    width: 100%;
}

.lsm-pld-left img {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.33));
    background-color: #ffffff;
    padding: 5px;
    object-fit: none;
}

.platform-list-div h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 5px;
}

.platform-list-div p {
    font-size: 14px;
    line-height: 24px;
    color: #1d1d1d;
    font-weight: 400;
}

.platform-list-div .dquote-left,
.platform-list-div .dquote-right {
    opacity: 0.4;
}

.lsm-platforms-section .d-flex {
    align-items: end;
}

.lsm-cc-div {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.33));
    background-color: #ffffff;
    min-height: 370px;
    padding: 30px;
    margin: 5px;
}

.lsm-cc-div h4 {
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 700;
}

.lsm-cc-div p {
    font-size: 14px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 400;
    text-align: justify;
}

.lsm-cc-section p {
    text-align: justify;
    font-size: 14px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 400;
}

.lsm-cc-div .dedicate-div ul li {
    text-indent: -37px;
    margin-bottom: 11px;
    margin-left: 37px;
    font-size: 14px;
    line-height: 22px;
    color: #1d1d1d;
    font-weight: 400;
}

.lsm-cc-div .dedicate-div ul li a {
    color: #1d1d1d;
}

.lsm-cc-section .owl-carousel .owl-nav button.owl-next,
.lsm-cc-section .owl-carousel .owl-nav button.owl-prev,
.lsm-cc-section .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: auto;
    bottom: -70px;
}

.lsm-cc-section .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.lsm-cc-section .owl-carousel .owl-nav button.owl-next {
    right: 42%;
}

.lsm-cc-section .owl-carousel .owl-nav button.owl-prev {
    left: 43%;
}

.lsm-cc-section {
    border-bottom: 1px solid #e4e2e2;
}

.lsm-modration-fsection {
    padding: 70px 0px;
    border-bottom: 1px solid #e4e2e2;
}

.lsm-flipbox-div {
    position: relative;
}

.lsm-flipbox-div .services-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.lsm-flipbox-div .service {
    position: relative;
}

.lsm-flipbox-div .flip-box {
    background-color: transparent;
    width: 220px;
    height: 242px;
    border: 0px solid #f1f1f1;
    border-radius: 0px;
    perspective: 1000px;
    padding: 10px;
}

.lsm-flipbox-div .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lsm-flipbox-div .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.lsm-flipbox-div .flip-box-front,
.lsm-flipbox-div .flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.lsm-flipbox-div .flip-box-front {
    background-color: #eeeff0;
    color: black;
    border-radius: 0px;
    padding: 10px;
}

.lsm-flipbox-div .flip-box-front h2,
.lsm-flipbox-div .flip-box-front h3 {
    font-size: 16px;
    line-height: 25px;
    color: #1d1d1d;
    font-weight: 400;
    margin-top: 15px;
}

.lsm-flipbox-div .flip-box-front img {
    height: 50px;
    width: 50px;
}

.lsm-flipbox-div .flip-box-back {
    background-color: #eeeff0;
    color: #000;
    transform: rotateY(180deg);
    border-radius: 0px;
    padding: 15px;
}

.lsm-flipbox-div .flip-box-back p {
    font-size: 14px;
    line-height: 25px;
    color: #1d1d1d;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

/**Toast message**/
.jq-toast-wrap {
    display: block;
    position: fixed;
    width: 300px;
    pointer-events: none !important;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    z-index: 9000 !important;
}

.jq-toast-wrap * {
    margin: 0;
    padding: 0;
}

.jq-toast-wrap.bottom-left {
    bottom: 20px;
    left: 20px;
}

.jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 40px;
}

.jq-toast-wrap.top-left {
    top: 20px;
    left: 20px;
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 40px;
}

.jq-toast-single {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 5px;
    border-radius: 4px;
    font-size: 12px;
    font-family: arial, sans-serif;
    line-height: 17px;
    position: relative;
    pointer-events: all !important;
    background-color: #444444;
    color: white;
}

.jq-toast-single h2 {
    font-family: arial, sans-serif;
    font-size: 14px;
    margin: 0px 0px 7px;
    background: none;
    color: inherit;
    line-height: inherit;
    letter-spacing: normal;
}

.jq-toast-single a {
    color: #eee;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid white;
    padding-bottom: 3px;
    font-size: 12px;
}

.jq-toast-single ul {
    margin: 0px 0px 0px 15px;
    background: none;
    padding: 0px;
}

.jq-toast-single ul li {
    list-style-type: disc !important;
    line-height: 17px;
    background: none;
    margin: 0;
    padding: 0;
    letter-spacing: normal;
}

.close-jq-toast-single {
    position: absolute;
    top: 3px;
    right: 7px;
    font-size: 14px;
    cursor: pointer;
}

.jq-toast-loader {
    display: block;
    position: absolute;
    top: -2px;
    height: 5px;
    width: 0%;
    left: 0;
    border-radius: 5px;
    background: red;
}

.jq-toast-loaded {
    width: 100%;
}

.jq-has-icon {
    padding: 10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px;
}

.jq-icon-info {
    background-image: url('../images/info.png');
    background-color: #31708f;
    color: #d9edf7;
    border-color: #bce8f1;
}

.jq-icon-warning {
    background-image: url('../images/rect-info.png');
    background-color: #8a6d3b;
    color: #fcf8e3;
    border-color: #faebcc;
}

.jq-icon-error {
    background-image: url('../images/info2.png');
    background-color: #a94442;
    color: #f2dede;
    border-color: #ebccd1;
}

.jq-icon-success {
    background-image: url('../images/tost-tick.png');
    color: #dff0d8;
    background-color: #3c763d;
    border-color: #d6e9c6;
}

/**ecommerce-tab-section**/
.ecommerce-tab-section {
    padding: 70px 0px;
}

.vapps-deliver-div {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    padding: 30px 0px;
}

.vapps-deliver-div .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-right: 10px solid #3b3f5b;
    min-width: 310px;
}

.vapps-deliver-div .nav-link {
    display: block;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    text-align: left;
}

.vapps-deliver-div .nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0px;
    height: 80px;
    border-bottom: 1px solid #8f9dab;
    padding: 10px 20px;
    text-align: left;
    position: relative;
}

.vapps-deliver-div .nav-pills .nav-link:last-child {
    border-bottom: 0px solid transparent;
}

.vapps-deliver-div .nav-pills .nav-link.active,
.vapps-deliver-div .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #df7a5e;
    border-bottom: 1px solid transparent;
}

.vapps-deliver-div .nav-pills .nav-link.active:before {
    content: '';
    background-color: #df7a5e;
    height: 80px;
    width: 10px;
    position: absolute;
    right: -10px;
    top: 0;
}

.vapps-deliver-div .nav-pills .nav-link.active:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #df7a5e;
    border-right: 0;
    position: absolute;
    right: -25px;
    top: 30%;
}

.vapps-deliver-div .tab-content>.tab-pane {
    padding: 20px 30px;
}

.vapps-deliver-div h3 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #010101;
    font-weight: 500;
    font-family: "Roboto";
    border-bottom: 1px solid #8f9dab;
    padding-bottom: 5px;
}

.vapps-deliver-div p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
}

.leverage-section {
    padding: 70px 0px;
}

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

.leverage-section p {
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 400;
}

.new-hst-icon {
    position: relative;
}

.new-hst-icon:after {
    content: '';
    opacity: 0.502;
    width: 50px;
    height: 2px;
    background-color: #df795d;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 5px;
    top: auto;
    bottom: -55px;
}

.vapps-eco-advantages {
    padding: 30px 0px 110px 0px;
    border-bottom: 1px solid #cfcfcf;
}

.eco-advandage-box {
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.15));
    background-color: #ffffff;
    margin: 10px;
}

.tva-div {
    background-color: #efeff1;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eco-advbox {
    padding: 30px;
    height: 470px;
    overflow: auto;
}

.eco-advbox h4 {
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 25px;
}

.eco-advbox h5 {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}

.eco-advbox p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

.vapps-eco-advantages .owl-carousel .owl-nav button.owl-next,
.vapps-eco-advantages .owl-carousel .owl-nav button.owl-prev,
.vapps-eco-advantages .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: auto;
    bottom: -70px;
    border-radius: 50%;
}

.vapps-eco-advantages .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.vapps-eco-advantages .owl-carousel .owl-nav button.owl-next {
    right: 50%;
}

.vapps-eco-advantages .owl-carousel .owl-nav button.owl-prev {
    left: 43%;
}

/**contact-us**/
.contact-section {
    padding: 60px 0px;
}

.contact-flex {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.c-icon-left {
    width: 50px;
}

.c-text-right {
    width: 80%;
    padding-left: 15px;
}

.c-text-right p {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.contact-section a {
    color: #000000;
}

.contact-clients {
    background-color: #3c405b;
}

.contact-clients p,
.contact-clients h3 {
    color: #fff;
}

.contact-form-div {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    padding: 20px;
    border-radius: 20px;
    border-bottom: 20px solid #3b3f5b;
    max-width: 660px;
    margin: 0 auto;
}

.contact-form-div h3 {
    font-size: 22px;
    line-height: 45px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}

.contact-form-div label {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}

.text-area {
    height: 100% !important;
    resize: none;
}

.contact-form-div .form-control {
    height: 47px;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    border: 1px solid rgba(142, 142, 147, 0.29);
    border-radius: 0px;
}

.contact-submit-btn {
    text-align: center;
    margin-top: 30px;
}

.contact-submit-btn button {
    border-radius: 23px;
    background-color: #3b3f5b;
    border: 0px solid #252628;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    padding: 8px 45px;
    width: 150px;
    height: 45px;
}

.contact-submit-btn button:hover,
.contact-submit-btn button:focus {
    background-color: #df795d;
    border: 0px solid #df795d;
}

.contact-submit-btn .btn-outline-secondary.disabled,
.contact-submit-btn .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: #df795d;
    border: 0px solid #df795d;
}

.contact-form-div label.error,
.contact-form-div .danger {
    color: #f00;
}

.error-server {
    display: none;
}

/**about us**/
.about-section-two {
    padding: 70px 0px;
}

.about-section-three {
    padding: 70px 0px;
    background-color: #f0f0f2;
}

.abt-box-div {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    min-height: 422px;
    margin-bottom: 20px;
}

.abt-box-div .card-title {
    padding: 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cddfeb;
}

.abt-box-div .card-title .left {
    width: 70px;
}

.abt-box-div .card-title .right {
    width: 80%;
}

.abt-box-div .card-title h4 {
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
}

.abt-box-div .card-body {
    padding: 20px;
    padding-top: 10px;
}

.abt-box-div .card-body p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 5px;
}

.abt-box-div .card-body p i {
    color: #b9b7b7;
}

.about-three-div {
    padding-right: 30px;
}

.about-three-div p {
    text-align: justify;
}

.what-about-next {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    border-left: 10px solid #df795d;
    padding: 40px 30px;
}

.what-about-next h4 {
    font-size: 32px;
    line-height: 26px;
    color: #000000;
    font-weight: 700;
}

.what-about-next p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.what-about-next p sub,
.what-about-next p sup {
    opacity: 0.4;
}

/**javascript-developer**/
.jsd-one-div {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #fff;
    height: 120px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jsd-one-left {
    width: 95px;
    border-right: 1px solid #090909;
    margin-right: 10px;
    padding-right: 10px;
}

.jsd-one-right {
    width: 66%;
}

.jsd-one-right h4 {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 2px;
}

.jsd-one-right p {
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

/**magento**/
.text-justify {
    text-align: justify;
}

.mst-heading {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 10px;
}

.max-r-pad30 {
    padding-right: 30px;
}

.txt-indent-megento-list {
    text-indent: -37px;
    margin-left: 37px;
}

.magento-getstart-div {
    padding: 70px 0px;
}

.magento-getstart-list h4 {
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.magento-getstart-list h4 a {
    color: #000000;
}

.magento-getstart-list p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
    max-width: 100%;
}

.magento-serve-section {
    padding: 70px 0px;
}

.portfolio-magento .card {
    overflow: hidden;
    position: relative;
    max-width: 285px;
    margin: 0 auto;
}

.portfolio-magento .card .content {
    z-index: 2;
    width: 100%;
    position: absolute;
    bottom: -43px;
    transition: all 0.7s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    min-height: 100px;
    background: rgb(223 121 93 / 74%);
}

.portfolio-magento .card .image {
    z-index: 1;
    height: 100%;
}

.portfolio-magento .card img {
    height: 100%;
    width: 100%;
    transition: all 0.5s ease;
    transform: scale(1.2);
}

.portfolio-magento .card:hover .content {
    bottom: 0px;
    color: #fff;
}

.portfolio-magento .card:hover .image img {
    transform: scale(1.1);
}

.portfolio-magento .card .content span:first-child {
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 500;
}

.portfolio-magento .card .content span:last-child {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
}

.portfolio-magento .owl-carousel .owl-nav button.owl-next,
.portfolio-magento .owl-carousel .owl-nav button.owl-prev,
.portfolio-magento .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 40%;
}

.portfolio-magento .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.portfolio-magento .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.portfolio-magento .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

/**software-product-development-services**/
.spd-whychoose {
    background-color: #f0f0f2;
    padding: 70px 0px;
}

.spd-whychoose-box {
    filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.22));
    background-color: #ffffff;
    padding: 25px 20px;
    text-align: center;
    min-height: 360px;
    max-width: 380px;
    margin: 0 auto;
}

.spd-whychoose-box img {
    width: 100% !important;
    display: inline-block !important;
}

.spd-whychoose-box h4 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
}

.spd-whychoose-box p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

.spd-whychoose .owl-carousel .owl-nav button.owl-next,
.spd-whychoose .owl-carousel .owl-nav button.owl-prev,
.spd-whychoose .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 40%;
}

.spd-whychoose .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.spd-whychoose .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.spd-whychoose .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.call-spd .hire_banner_btn {
    width: 220px;
}

.spd-section .dedicate-div ul li {
    text-indent: -37px;
    margin-left: 37px;
}

.market-ready-section {
    padding: 60px 0px;
}

.oct {
    color: #757575;
}

.market-ready-section .dedicate-div ul li {
    text-indent: -37px;
    margin-left: 37px;
}

.contact-clients .owl-carousel .owl-nav button.owl-next,
.contact-clients .owl-carousel .owl-nav button.owl-prev,
.contact-clients .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: auto;
    bottom: -60px;
    border-radius: 40px;
}

.contact-clients .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.contact-clients .owl-carousel .owl-nav button.owl-next {
    right: 49%;
}

.contact-clients .owl-carousel .owl-nav button.owl-prev {
    left: 42%;
}

/**technologies**/
.technologies-main-div {
    padding: 70px 0px;
}

.technologies-boxed {
    width: 32%;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    box-shadow: 0px 2px 1px 0px #fdfdfd;
    background-color: #fff;
    border: 1px solid rgb(204 204 204 / 40%);
    display: block;
    border-radius: 15px;
    text-align: center;
    margin: 10px 0px;
    padding: 15px 15px;
}

.technologies-boxed:hover {
    box-shadow: 0px 4px 5px 0px rgb(181 181 181 / 27%);
}

.technologies-flex-new {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}

.technologies-boxed {
    width: 32%;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*Solution Page -Software Development */
.solution-banner-sec ul li {
    position: relative;
    padding-left: 15px;
}

.solution-banner-sec ul li::before {
    position: absolute;
    left: 0;
    content: "\2022";
    font-size: 30px;
    top: 0px;
    width: 15px;
    line-height: 24px;
}

.solution-grid-wrap .solution-grid-content p {
    text-align: justify;
    margin-bottom: 25px;
}

.solution-industries-sec {
    background-color: #eaeff4;
}

.solution-provider-sec {
    background-color: #eaeff4;
}

.solution-provider-sec .key_advantage {
    padding-top: 75px;
    padding-bottom: 85px;
}

.solution-provider-sec .key_advantage .row {
    border: 1px dashed #b3b6b9;
}

.solution-provider-sec .key_advantage .key_outerdiv.first_row,
.solution-provider-sec .key_advantage .key_outerdiv.second_row {
    border-bottom: 1px dashed #b3b6b9;
}

.solution-provider-sec .key_advantage .key_outerdiv.first_row,
.solution-provider-sec .key_advantage .key_outerdiv.third_row {
    border-right: 1px dashed #b3b6b9;
}

.solution-provider-sec .key_advantage .key_outerdiv:nth-child(1):after,
.solution-provider-sec .key_advantage .key_outerdiv:nth-child(2):after,
.solution-provider-sec .key_advantage .key_outerdiv:nth-child(3):after,
.solution-provider-sec .key_advantage .key_outerdiv:nth-child(4):after {
    border-color: #b3b6b9;
}

.solution-provider-sec .key_advantage .row {
    margin-top: 40px;
}

.solution-grid-sec {
    padding-bottom: 45px;
}

.d_devopsicon {
    margin-top: 9px;
}

.keyfactor_cost h6 {
    margin-bottom: 0px;
    margin-top: 10px;
}

.keyfactor_cost .items {
    margin-top: 20px;
}

.keyfactor_cost .softwarecosting .items .secondcolumn {
    padding: 40px 40px 0px 40px;
}

.technology_use h4 {
    margin-bottom: 10px;
}

/**software-development-cost**/
.sfc-banner-max {
    max-width: 600px;
}

.sfc-banner-max p {
    text-align: justify;
}

.services_section .cater.sdc-stwo h2 {
    font-size: 32px;
    line-height: 42px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 15px;
}

.cater.sdc-stwo h4 {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}

.sdc-stwo-div p {
    padding-left: 70px;
}

.sdc-section-two {
    border-top: 1px solid #ccc;
    padding: 70px 0px;
}

.items {
    background-color: #ebebee;
    padding: 30px 30px 30px 0px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.items img {
    background-color: #df795d;
    padding: 15px;
    float: left;
    position: relative;
    box-shadow: 11px 11px 0px 0px #3b3f5b;
    width: 100px;
    height: 100px;
}

.items img:after {
    content: '';
}

.sdc-right-div {
    padding-left: 40px;
}

.sdc-right-div h4 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 3px;
}

.sdc-right-div p {
    margin-bottom: 0px;
    text-align: justify;
}

.sdc-right-div ul {
    padding: 0px;
    margin-bottom: 0px;
}

.sdc-right-div ul li {
    list-style: none;
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    font-weight: 400;
}

.sdc-section-two h3 {
    font-size: 32px;
    line-height: 36px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 3px;
}

.ps-cus {
    padding-left: 38px !important;
}

.sdc-faq p,
.sdc-sf p {
    text-align: justify;
}

.key_advantage .sdc-sf .key_div {
    gap: 22px;
}

.digitaljourney.about-section-two {
    padding: 70px 0px 30px 0px;
}

.about-section-three .card-body p {
    text-align: justify;
}

.slatpargraph {
    color: #afafaf !important;
    font-style: italic;
}

.faq_services h3 {
    /* margin-bottom: 2.5rem!important; */
}

.accordion-button:focus {
    box-shadow: none;
}

.cus.faq_services h3 {
    margin-bottom: 0px !important;
}

.home-section-two.web_dev {
    margin: 20px 0px;
}

.dev-web .hire_banner_btn {
    margin-left: 35px;
}

.dev-web .dedicate-div ul li {
    text-align: justify;
}

.bg-white-section.dev-web {
    padding: 40px 0px 40px 0px;
}

.why_hire_section .row p {
    text-align: justify;
}

.sec_how_much {
    padding: 70px 0px 60px 0px;
}

.sec_we_provide p {
    font-size: 32px;
}

.navbar-nav .indicatorarrow::before {
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: 10px;
    position: absolute;
    top: 17px;
}

.nav-link.contact_header {
    margin-left: 2rem;
}

.error-server {
    color: #f00;
}

.d-no-mbl {
    display: none;
}

/**thankyoudiv**/
.thankyoudiv {
    text-align: center;
    padding: 115px 0px;
    border-top: 1px solid #e9e9e9;
}

.thankyou-content {
    text-align: center;
    border-radius: 5px;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    max-width: 645px;
    margin: 0 auto;
    padding: 30px 15px;
    border-top: 5px solid #da795e;
    position: relative;
    top: -1px;
}

.thankyou-content h1 {
    font-size: 24px;
    line-height: 42px;
    color: #000000;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
}

.thankyou-content .hire_banner_btn {
    width: 160px;
}

.thankyou-content .hire_banner_btn:after {
    display: none;
}

.sec_align_jus {
    text-align: justify
}

.sec_why_soft_dev {
    padding-top: 60px;
    padding-bottom: 60px;
}

.brd-bottom-two {
    border-bottom: 2px solid #eaeff4;
}

.padtop-5 {
    padding-top: 5rem;
}

.border_back {
    position: relative;
}

.border_back li {
    background: #fff;
}

.border_back::after {
    content: "";
    border-left: 1px dashed #afafaf;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background: #ebebeb;
    left: 50%;
    z-index: -1;
}

.space_ul li {
    padding-left: 15px;
}

.unique_bottom {
    margin-top: 5.5rem;
}

.pad_0 {
    padding: 20px 0;
}

.padbottom-5 {
    margin-bottom: 9rem;
}

.mbfaq {
    margin-bottom: 5rem;
}

.dedicate-div.sec_right_low .d-squre-icon {
    margin-right: 5px;
}

/**Privacy & Terms**/
.privacy-div h4 {
    font-size: 22px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.privacy-div h5 {
    font-size: 16px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

/**Privacy & Terms-closed**/
/**testing-timeline-div**/
.testing-timeline-div {
    background-color: #eaeff4;
    padding: 60px 0px;
}

.tt-main-div {
    margin-bottom: 15px
}

.tt-main-div .card-header {
    padding: 5px 30px 5px 40px;
    margin-bottom: 0;
    background-color: #23375b;
    border-bottom: 0px solid rgba(0, 0, 0, .125);
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 30px 30px 0px 0px;
}

.tt-main-div .card-text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
}

.tt-main-div .card-body {
    padding: 20px 40px 20px 40px;
}

.tt-main-div .card {
    border: 0px solid rgba(0, 0, 0, .125);
    border-radius: 30px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.24));
    position: relative;
    width: 100%;
}

.m-left-card {
    max-width: 500px;
}

.m-right-card {
    max-width: 500px;
    margin: 0 0 0 auto;
}

.max590 {
    max-width: 590px;
}

.card-lft-icon {
    width: 83px;
    height: 82px;
    display: inline-block;
    position: absolute;
    right: -45px;
    top: -42px;
}

.card-lft-icon:before {
    content: '';
    width: 140px;
    height: 1px;
    display: block;
    position: absolute;
    border-bottom: 1px dashed #243559;
    left: 100%;
    right: 0;
    top: 50%;
    z-index: -1;
}

.card-lft-icon:after {
    content: '';
    width: 22px;
    height: 22px;
    border-radius: 11px;
    background-color: #ffffff;
    border: 4px solid #23375c;
    position: absolute;
    top: 36%;
    right: -92%;
}

.card-rht-icon {
    width: 83px;
    height: 82px;
    display: inline-block;
    position: absolute;
    left: -45px;
    top: -42px;
}

.wat-icon {
    background: url('../images/services/testing/testing-sprite.webp')no-repeat -5px -6px;
}

.ins-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -96px -7px;
}

.mat-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -187px -6px;
}

.dat-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -278px -6px;
}

.et-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -369px -6px;
}

.ecot-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -4px -100px;
}

.mst-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -96px -100px;
}

.dwt-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -187px -103px;
}

.tt-main-div .dedicate-div ul li {
    line-height: 30px;
    text-indent: -42px;
    margin-left: 42px;
}

.timeline-road {
    position: relative;
    padding-top: 50px;
}

.timeline-road:before {
    content: '';
    border-left: 2px dashed #23375b;
    width: 1px;
    height: 99%;
    display: block;
    position: absolute;
    left: 50%;
    top: 15px;
}

.ts-provide-section {
    background: #3e4159 url('../images/services/testing/tswe-provide.webp');
    padding: 60px 0px;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
}

.ts-provide-section .title {
    text-align: center;
    margin-bottom: 30px;
}

.ts-provide-section .title h3 {
    font-size: 32px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 15px;
}

.ts-provide-section .title p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
}

.ts-provide-max .row {
    justify-content: center;
}

.ts-provide-max .box {
    background-color: #ffffff;
    max-width: 280px;
    color: #000;
    padding: 20px 16px;
    text-align: center;
    height: 420px;
    position: relative;
}

.ts-provide-max .box h4 {
    font-size: 18px;
    line-height: 36px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
}

.ts-provide-max .box p {
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    font-weight: 400;
}

.ts-provide-max .box .hread-more {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 0px;
    position: absolute;
    bottom: 20px;
    left: 35%;
}

.ts-provide-max .hread-more .arrow-ic-right {
    background: url('../images/sprite.webp') no-repeat -210px -101px;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    top: 0px;
    right: -10px;
    position: relative;
}

.ts-provide-max a:hover .arrow-ic-right {
    background: url('../images/sprite.webp') no-repeat -239px -15px;
}

.at-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -12px -200px;
}

.ust-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -128px -205px;
}

.sut-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -244px -205px;
}

.prt-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -363px -208px;
}

.fut-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -10px -267px;
}

.wbma-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -137px -271px;
}

.cnan-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -269px -276px;
}

.ts-provide-max a:hover .at-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -70px -200px;
}

.ts-provide-max a:hover .ust-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -184px -206px;
}

.ts-provide-max a:hover .sut-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -303px -205px;
}

.ts-provide-max a:hover .prt-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -423px -208px;
}

.ts-provide-max a:hover .fut-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -71px -267px;
}

.ts-provide-max a:hover .wbma-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -200px -271px;
}

.ts-provide-max a:hover .cnan-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -341px -276px;
}

.at-ts {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.ts-provide-max a {
    position: relative;
}

.ts-provide-max a:hover h4 {
    color: #df7a5e;
}

.ts-provide-max a:hover .arrow-ic-right {
    right: -10px;
}

.ts-provide-max a:hover .hread-more {
    color: #df7a5e;
}

.whychoose-qa-vapps {
    padding: 60px 0px;
}

.whychoose-qa-vapps .title {
    border-radius: 20px 20px 0px 0px;
    background-color: #3b3f5b;
    padding: 60px 60px 150px 60px;
    text-align: center;
    color: #fff;
}

.whychoose-qa-vapps .title h3 {
    font-size: 32px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 700;
}

.whychoose-qa-vapps .title p {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
}

.whychoose-header {
    text-align: center;
    padding: 15px;
    background-repeat: no-repeat;
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.28));
}

.whychoose-panel {
    border-radius: 0px;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.45));
    background-color: #ffffff;
    max-width: 380px;
    height: 330px;
    margin: -2px 5px 15px 5px;
}

.whychoose-header.one {
    background-image: url('../images/services/testing/tec-ts-banner.webp');
}

.whychoose-header.two {
    background-image: url('../images/services/testing/cst-ts-banner.webp');
}

.whychoose-header.three {
    background-image: url('../images/services/testing/ptr-ts-banner.webp');
}

.whychoose-header.four {
    background-image: url('../images/services/testing/costf.webp');
}

.whychoose-header.five {
    background-image: url('../images/services/testing/transparency.webp');
}

.whychoose-header.six {
    background-image: url('../images/services/testing/dedicateds.webp');
}

.whychoose-header.seven {
    background-image: url('../images/services/testing/clientc.webp');
}

.robotic-service-header.one {
    background-image: url('../images/services/ai-services/itsb-robotic.webp');
}

.robotic-service-header.two {
    background-image: url('../images/services/ai-services/bnkb-robotic.webp');
}

.robotic-service-header.three {
    background-image: url('../images/services/ai-services/fab-robotic.webp');
}

/*Machine learning Page*/
.machine-learning-service-header.one {
    background-image: url('../images/services/machinelearning/automation_of_business_processes_image.webp');
}

.machine-learning-service-header.two {
    background-image: url('../images/services/machinelearning/client_segmentation_improvement_bg.webp');
}

.machine-learning-service-header.three {
    background-image: url('../images/services/machinelearning/use_predictive_analytics.webp');
}

.machine-learning-service-header.four {
    background-image: url('../images/services/machinelearning/client_segmentation_improvement_bg.webp');
}

.mls-automtion-business-icon {
    background-image: url('../images/services/machinelearning/automation_of_business_processes.webp');
}

.mls-client-segmentation-icon {
    background-image: url('../images/services/machinelearning/client_segmentat_on_Improvement.webp');
}

/* .mls-boost-customer-icon {background-image: url('../images/services/machinelearning/automation_of_business_processes_image.webp');} */
.mls-predictive-analytics-icon {
    background-image: url('../images/services/machinelearning/predictive_analytics.webp');
}

.wch-icon {
    width: 60px;
    height: 64px;
    display: inline-block;
    background-repeat: no-repeat;
}

.tc-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -278px -112px;
}

.cus-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -346px -122px;
}

.prvn-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -419px -122px;
}

.cost-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -6px -336px;
}

.trans-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -413px -274px;
}

.ded-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -158px -343px;
}

.cca-ts-icon {
    background: url('../images/services/testing/testing-sprite.webp') no-repeat -81px -341px;
}

.whychoose-header h4 {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
}

.whychoose-body {
    padding: 25px 20px;
}

.whychoose-body p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    text-align: center;
}

.whychoose-qa-top {
    position: relative;
    margin-top: -125px;
}

.qa-vapps-carousel {
    max-width: 1170px;
    margin: 0 auto;
}

.qa-vapps-carousel .owl-carousel .owl-nav button.owl-next,
.qa-vapps-carousel .owl-carousel .owl-nav button.owl-prev,
.qa-vapps-carousel .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
}

.qa-vapps-carousel .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.qa-vapps-carousel .owl-carousel .owl-nav button.owl-next {
    right: -60px;
}

.qa-vapps-carousel .owl-carousel .owl-nav button.owl-prev {
    left: -60px;
}

.qa-faq {
    border-top: 1px solid #cfcfcf;
}

/**testing-timeline-div-closed**/
/**functional-testing**/
.sec_why_soft_dev h4 {
    font-size: 18px;
    line-height: 26px;
    color: #494949;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 25px;
}

.funtional-testing-offering {
    background-color: #f0f3f6;
    padding: 60px 0px;
}

.funtional-testing-offering .title p {
    font-size: 14px;
    line-height: 26px;
    color: #010101;
    font-weight: 400;
}

.ftso a {
    text-align: center;
    display: block;
    padding: 30px 27px;
    border-bottom: 4px solid transparent;
    border-radius: 0px;
    filter: none;
    background-color: transparent;
    margin: 5px 0px;
}

.ftso a:hover {
    filter: drop-shadow(0 0 5px rgba(9, 41, 106, 0.5));
    background-color: #ffffff;
    border-bottom: 4px solid #d35d45;
}

.ftso h4 {
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
}

.ftso p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: 95px;
}

.ftso-height p {
    height: 125px;
    -webkit-line-clamp: 8;
}

.application-functional-test {
    padding: 60px 0px;
}

.top-diamond-div {
    background-image: url('../images/services/testing/top-diamond.webp');
    width: 296px;
    height: 296px;
    display: block;
    position: relative;
    padding: 15px;
    background-repeat: no-repeat;
    left: -75px;
}

.top-diamond-div span {
    position: relative;
    top: 30px;
    margin-bottom: 30px;
    display: block;
}

.top-diamond-div h4 {
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 28px;
    color: #000000;
    font-weight: 700;
    max-width: 174px;
    margin: 0 auto;
    padding-top: 35px;
}

.bottom-diamond-div {
    background-image: url('../images/services/testing/bottom-diamond.webp');
    left: 133px;
    margin-top: -140px;
}

.last-diamond-div {
    background-image: url('../images/services/testing/last-diamond.webp');
}

.aft-list-div ul {
    padding: 0px;
    list-style: none;
    position: relative;
}

.aft-list-div ul li {
    display: inline-block;
    list-style: none;
    padding: 0px 20px;
    position: relative;
}

.max-dimond-div {
    max-width: 1160px;
    margin: 0 auto;
}

.ft-need-section {
    padding: 60px 0px;
    background-color: #eff3f5;
}

.ftn-list {
    padding-top: 50px;
}

.ftn-list ul {
    padding: 0px;
    list-style: none;
    display: flex;
    gap: 20px;
}

.ftn-list ul li {
    display: flex;
    align-items: start;
    background-color: #ffffff;
    width: 220px;
    height: 240px;
    border-radius: 0px 0px 20px 0px;
    padding: 12px;
    box-shadow: 0px 0px 14px 0px #b9b9b9;
    position: relative;
    padding-top: 52px;
    margin: 5px 0px;
}

.ftn-list ul li:before {
    content: '';
    background-image: url('../images/services/testing/fnt-ic.webp');
    width: 124px;
    height: 84px;
    position: absolute;
    top: -40px;
    left: 0px;
    bottom: auto;
    right: auto;
}

.ftn-list ul li h4 {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
}

.ftn-list ul li p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
}

.ftn-list ul li:hover,
.ftn-list ul li:hover h4,
.ftn-list ul li:hover p {
    background-color: #d35d45;
    color: #fff;
}

.fnt-span {
    position: absolute;
    top: -28px;
    left: 10px;
    right: auto;
    bottom: auto;
}

.key-exp-section {
    padding: 60px 0px;
    background-color: #eff3f5;
}

/**functional-testing-closed**/
/**testing-section-three**/
.testing-section-three {
    padding: 60px 0px;
}

.ts-expertise-box {
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 33%);
    min-height: 157px;
    padding: 12px 10px;
    position: relative;
    max-width: 560px;
    margin-bottom: 32px
}

.ts-expertise-box .left-ic {
    width: 65px;
    height: 65px;
    background-color: #df795d;
    float: left;
    text-align: center;
    padding: 10px;
    position: relative;
    top: -12px;
    left: -10px;
}

.ts-expertise-box .left-ic:after {
    content: '';
    width: 65px;
    height: 65px;
    background-color: #3c405b;
    display: block;
    position: absolute;
    left: 5px;
    top: 4px;
}

.left-ic img {
    position: relative;
    z-index: 1;
    left: 5px;
    top: 3px;
}

.ts-expertise-box .right-ct {
    padding-left: 74px;
}

.ts-expertise-box .right-ct h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 3px;
}

.ts-expertise-box .right-ct h4 a {
    color: #1d1d1d;
}

.ts-expertise-box .right-ct p {
    font-size: 14px;
    line-height: 24px;
    color: #1d1d1d;
    margin-bottom: 6px;
    max-width: 450px;
}

.testing-section-four {
    padding: 60px 0px;
}

.testing-section-four .third-title {
    margin-bottom: 10px;
}

.bg-testing-gray {
    background-color: #eff3f5;
}

.tx-apprch-div {
    margin-bottom: 20px;
}

.tx-apprch-div .left {
    float: left;
}

.tx-apprch-div .right {
    padding-left: 40px;
}

.tx-apprch-div .right p {
    font-size: 14px;
    line-height: 26px;
    color: #000000;
    text-align: justify;
}

.tx-apprch-div .right p span {
    font-size: 18px;
    font-weight: 700;
}

/**testing-section-three-closed**/
/**blog**/
.main-blog-list {
    position: relative;
}

.main-blog-list .card-title {
    margin-bottom: 0px;
    text-align: left;
    font-size: 20px;
    line-height: 28px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 58px;
}

.main-blog-list .card-text {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 98px;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.main-blog-list .card-footer {
    padding: 25px 20px 15px 20px;
    background-color: transparent;
    border-top: 0px solid #e4e4e4;
    position: relative;
}

.main-blog-list .card-footer p {
    margin-bottom: 0px;
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.800;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.main-blog-list .card-body {
    padding: 15px;
}

.main-blog-list .card-footer p .dt-icon {
    background: url('../images/dt-icon.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -3px;
}

.arw-icon {
    background: url('../images/crd-arw.png');
    background-repeat: no-repeat;
    width: 19px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.main-blog-list .card {
    position: relative;
    border: 1px solid rgb(69 69 69 / 13%);
    border-radius: 0px;
    background-color: #ffffff;
    box-shadow: -1px 2px 7px 3px rgb(204 204 204 / 25%);
    margin-bottom: 20px;
}

.main-blog-list .card-img,
.main-blog-list .card-img-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /* height: 270px; */
    height: auto;
    object-fit: cover !important;
}

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

.bauthor-div {
    position: relative;
}

.bauthor-div ul {
    padding: 0px;
    list-style: none;
    margin-bottom: 5px;
}

.bauthor-div ul li {
    display: inline-block;
    opacity: 0.749;
    font-size: 11px;
    line-height: 32px;
    color: #000000;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    padding: 4px 1px;
    vertical-align: middle;
}

.bauthor-div ul li img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    opacity: 1;
}

.bauthor-div ul li:first-child {
    opacity: 1;
}

.main-blog-cat-list .card:hover p.text-right {
    opacity: 1;
}

/**blog-closed**/
/**app-services-section-two**/
.key_advantage .key_div h3 a {
    color: #1d1d1d;
}

.app-services-section-two {
    padding: 60px 0px;
}

.app-st-box {
    border-radius: 10px;
    background-color: #ffffff;
    border: 0.5px solid rgb(11 34 64 / 26%);
    padding: 10px 20px;
    max-width: 360px;
    min-height: 260px;
    display: flex;
    position: relative;
    margin-bottom: 35px;
}

.app-st-box h4 {
    font-size: 18px;
    line-height: 30px;
    color: #1d1d1d;
    margin-bottom: 2px;
    padding-top: 15px;
    padding-right: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 75px;
}

.app-st-box h4 a {
    color: #1d1d1d;
}

.app-st-box .dedicate-div ul {
    margin-bottom: 0px;
}

.app-st-box p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    text-align: justify;
}

.app-bx-img {
    position: absolute;
    right: 15px;
    top: 15px;
}

.app-services-section-three {
    padding: 60px 0px;
    background: #3e425a url('../images/services/application-services/enterprices-bg.webp');
}

.app-services-section-three .contact-clients {
    background-color: transparent;
}

.asst-div {
    background-color: #ffffff;
    padding: 25px;
}

.asst-div .left {
    float: left;
}

.asst-div .right {
    padding-left: 85px;
}

.asst-div h4 {
    font-size: 18px;
    line-height: 32px;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 10px;
}

.asst-div p {
    font-size: 14px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 400;
}

.asst-div.box-line {
    position: relative;
}

.asst-div.box-line:before {
    content: '';
    border-right: 1px dashed rgb(15 23 37 / 40%);
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    left: auto;
    right: 50%;
    top: 0;
    bottom: auto;
    margin-right: 4px;
}

.asst-div.box-line:after {
    content: '';
    border-bottom: 1px dashed rgb(15 23 37 / 40%);
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}

.blue-diamond {
    position: relative;
    display: block;
}

.blue-diamond:after {
    content: '';
    width: 60px;
    height: 60px;
    background-color: #3c405b;
    display: block;
    rotate: 45deg;
    position: absolute;
    left: 47%;
    top: 154px;
    z-index: 1;
}

.app-services-section-four {
    padding: 60px 0px;
}

.vais-div {
    min-height: 330px;
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 16%);
    padding: 0px;
    max-width: 360px;
    margin: 0 auto;
}

.vais-header {
    min-height: 130px;
    background-color: #3b3f5b;
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.vais-div-color .vais-header {
    background-color: #df795d;
}

.vais-header .left {
    width: 29%;
}

.vais-header .right {
    padding-left: 3px;
    width: 71%;
}

.vais-header .right h4,
.vais-header .right h4 a {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
}

.vais-body {
    padding: 15px;
}

.vais-body p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    text-align: center;
}

.app-services-section-four .owl-carousel .owl-nav button.owl-next,
.app-services-section-four .owl-carousel .owl-nav button.owl-prev,
.app-services-section-four .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
}

.app-services-section-four .owl-carousel .item {
    padding: 5px;
}

.app-services-section-four .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.app-services-section-four .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.app-services-section-four .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.ais-key {
    padding: 30px 0px 50px 0px;
}

.ais-key.key_advantage .key_outerdiv {
    padding: 15px 25px;
}

.ais-key.key_advantage .key_div {
    padding: 10px 0px;
    gap: 20px;
}

.ais-key.key_advantage .row {
    border: 1px dashed #9f9f9f;
    margin-top: 30px;
}

.ais-key.key_advantage .key_outerdiv:nth-child(1):after {
    border-color: #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv.first_row,
.ais-key.key_advantage .key_outerdiv.second_row {
    border-bottom: 1px dashed #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv.first_row,
.ais-key.key_advantage .key_outerdiv.third_row {
    border-right: 1px dashed #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv.first_row,
.ais-key.key_advantage .key_outerdiv.third_row {
    border-right: 1px dashed #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv:nth-child(1):after {
    border-color: #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv:nth-child(2):after {
    border-color: #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv:nth-child(3):after {
    border-color: #9f9f9f;
}

.ais-key.key_advantage .key_outerdiv:nth-child(4):after {
    border-color: #9f9f9f;
}

.aip-consider-div {
    padding: 60px 0px;
}

.aip-box {
    background-color: #ffffff;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 16%);
    padding: 0px;
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
    min-height: 390px;
    border-radius: 40px 0px 0px 0px;
    margin-bottom: 10px;
}

.aip-header {
    height: 80px;
    background-color: #1f3b57;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px 0px 0px 0px;
}

.aip-box h4 {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
}

.aip-box p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}

.aip-body {
    padding: 30px;
}

.aip-footer {
    padding-bottom: 10px;
}

.aip-footer img {
    display: inline-block !important;
}

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

.max-aip-slider .owl-carousel .owl-nav button.owl-next,
.max-aip-slider .owl-carousel .owl-nav button.owl-prev,
.max-aip-slider .owl-carousel button.owl-dot {
    width: 36px;
    height: 36px;
    background-color: #ffffff !important;
    border: 1px solid #959595 !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
}

.max-aip-slider .owl-carousel .item {
    padding: 5px;
}

.max-aip-slider .owl-carousel .owl-nav button span {
    top: -8px;
    display: block;
    position: relative;
}

.max-aip-slider .owl-carousel .owl-nav button.owl-next {
    right: -15px;
}

.max-aip-slider .owl-carousel .owl-nav button.owl-prev {
    left: -15px;
}

.application-service-header.one {
    background-image: url('../images/services/application-services/ins-as.webp');
}

.application-service-header.two {
    background-image: url('../images/services/application-services/ens-as.webp');
}

.application-service-header.three {
    background-image: url('../images/services/application-services/oms-as.webp');
}

.application-service-header.four {
    background-image: url('../images/services/application-services/ens-as.webp');
}

.imns-icon {
    background-image: url('../images/services/application-services/ims-as.webp');
}

.ent-as-icon {
    background-image: url('../images/services/application-services/ete-as.webp');
}

.onging-icon {
    background-image: url('../images/services/application-services/osm-as.webp');
}

.itsb-robotic-icon {
    background: url('../images/services/ai-services/it-service-robotic.webp');
}

.banking-robotic-icon {
    background: url('../images/services/ai-services/banking-robotic.webp');
}

.fa-robotic-icon {
    background: url('../images/services/ai-services/fa-robotic.webp');
}

.app-services-sectionone {
    padding: 60px 0px;
    background-color: #eaeff4;
}

.app-rev-box {
    text-align: center;
    border-radius: 20px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.24));
    background-color: #ffffff;
    border: 1px solid #ffffff;
    margin-bottom: 20px;
    margin-top: 10px;
    transition: 0.5s;
}

.app-rev-box:hover {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.24));
}

.app-rev-box-header {
    height: 80px;
    border-radius: 20px 20px 0px 0px;
    background-color: #23375b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app-rev-box-header h4 {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0px;
}

.app-rev-box-body {
    padding: 15px;
    min-height: 170px;
}

.app-rev-box-body p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
}

.app-rev-box-footer {
    padding-bottom: 20px;
    position: relative;
    bottom: 0px;
    width: 100%;
}

.max-rev-div .row {
    justify-content: center;
}

/**app-services=section-two-closed**/
/**uiux**/
.benefits-main-uiux-box {
    filter: drop-shadow(0 0 4px rgba(0, 1, 1, 0.5));
    background-color: #ffffff;
    min-height: 260px;
    padding: 10px;
    margin-bottom: 22px;
}

.bmuiuxb {}

.bmuiuxb .left {
    float: left;
}

.bmuiuxb .right {
    padding-left: 105px;
    padding-top: 20px;
}

.bmuiuxb .right h4 {
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
}

.bmuiux-content {
    padding: 10px 15px 0px 15px;
    text-align: justify;
}

.bmuiux-content p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 400;
}

.uiux-achieving-box {
    min-height: 160px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.24));
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 15px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    padding: 15px;
    transition: 0.5s;
}

.uiux-achieving-box h4 {
    font-size: 18px;
    line-height: 26px;
    color: #1d1d1d;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 10px;
}

.uiux-achieving-box:hover {
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.24));
}

/**ui-ux-closed**/
/**ai-service-section-two**/
.ai-service-section-two {
    padding: 60px 0px;
}

.ais-gird-box {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #fff;
}

.ais-gird-box .content {
    padding: 30px 30px 20px 30px;
}

.ais-gird-box .content p {
    text-align: justify;
}

.ais-gird-box img {
    height: 100%;
}

.ai-services-bluebox {
    border-radius: 20px;
    background-color: #3b3f5b;
    padding: 35px;
    text-align: center;
    min-height: 370px;
    margin: 15px 0px;
}

.ai-services-bluebox h4 {
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}

.ai-services-bluebox p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 400;
}

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

/**ai-service-section-two**/
/**credential_footer**/
.credential_footer {
    background-color: #eaeff4;
    padding: 60px 0px;
}

.credential_footer .third-title {
    font-size: 32px;
    line-height: 36px;
    color: #112d4b;
    font-weight: 700;
    margin-bottom: 30px;
}

.credential_footer .client-logo-box {
    background-color: #ffffff;
    border: 1px solid #112d4b;
    width: 190px;
    height: 79px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    border-radius: 5px;
}

/**credential_footer**/

/**Resposnive-div**/
@media all and (min-width: 992px) {
    .header-section .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .header-section .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .header-section .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }

    .about-section-two .what-about-next {
        margin-top: 5rem;
    }

    .contact_banner p {
        max-width: 515px;
    }

    .home-banner-section {
        max-height: 540px;
        height: 500px;

        .banner-image {
            max-height: 540px;
            height: 500px;
            object-fit: cover;
            top: 0;
        }
    }

    .home-banner-section.height-long {
        max-height: 640px;
        height: 640px;

        .banner-image {
            max-height: 640px;
            height: 640px;
        }
    }
}

@media(max-width:1600px) {
    .home-banner-section {
        height: 500px;
    }

    .mag-home-banner-section{
        height: 500px !important;
    }    

    .banner-image {
        height: 567px;
        object-fit: cover;
    }

    .hst-border:before {
        right: -43px;
        border-left: 10px solid #fff;
        border-right: 7px solid #fff;
        width: 90px;
    }

    .hst-border:after {
        right: -2px;
        bottom: -25px;
        border-top: 15px solid #fff;
        border-bottom: 0px solid #fff;
    }

    .discover-course-slider {
        max-width: 550px;
    }

    .home-banner-max h1 {
        font-size: 34px;
        line-height: 42px;
    }

    .home-banner-max {
        max-width: 615px;
    }

    .lsm-first h2 {
        font-size: 28px;
    }

    .lifecycle-cc-box .cc-icon-div {
        right: 10px;
    }
}

@media(max-width:1500px) {
    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-next {
        right: -15px;
    }

    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-prev {
        left: -15px;
    }

    .testimonials .third-title {
        font-size: 28px;
        top: 20px;
    }
}

@media(max-width:1399px) {
    .hexagon-shape-small {
        right: 22%;
    }

    .hex-box-content {
        top: -100px;
    }

    .dhs-flex {
        gap: 40px;
        justify-content: center;
    }

    .main-circle:after {
        width: 48px;
        right: -49px;
    }

    .card-lft-icon:after {
        right: -55%;
    }

    .top-diamond-div {
        left: -30px;
    }

    .bottom-diamond-div {
        left: 90px;
        margin-top: -70px;
    }

    .diamond-two,
    .diamond-four {
        left: 165px;
        margin-top: -140px;
    }

    .home-counter h3,
    .home-counter .hm-counter {
        font-size: 55px;
        line-height: 60px;
        margin-bottom: 5px;
    }

    .home-counter p {
        font-size: 18px;
    }

    .home-counter h3 sup,
    .home-counter .hm-counter sup {
        font-size: 35px;
        top: -8px;
    }

    .home-section-four h5,
    .home-section-four h4 {
        font-size: 15px;
    }
}

@media(max-width:1300px) {
    .top-diamond-div {
        left: -15px;
    }

    .diamond-two {
        left: 165px;
    }

    .diamond-three {
        left: -45px;
    }

    .diamond-four {
        left: 135px;
    }

    .diamond-five {
        left: -75px;
    }

    .last-diamond-div {
        left: 90px;
        margin-top: -120px;
    }

    .home-section-nine .testimonials .pt-5 {
        padding-top: 2rem !important;
    }
}

@media(max-width:1199px) {
    .news-letter-footer h2 {
        font-size: 18px;
    }

    .footer-section p {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .right-ft-divider:after {
        display: none;
    }

    .right-ft-divider.prl,
    .footer-section .prl {
        border-bottom: 1px solid #4d4d4d;
    }

    .contact_header {
        display: inline-block;
        margin-bottom: 10px;
    }

    .home-section-two h2 {
        font-size: 20px;
        line-height: 32px;
    }

    .right-ft-divider {
        padding: 0px 15px;
    }

    .recent-post-ft .ps-0 {
        padding-left: 15px !important;
    }

    .hst-border:before,
    .hst-border:after,
    .hst-content:after {
        display: none;
    }

    .hst-border {
        border: 0px solid #eaeff4;
        border-right: 0px;
        margin: 0px 0px;
    }

    .hst-tpb {
        border-bottom: 0px solid #eaeff4;
    }

    .home-banner-section {
        background-color: rgb(222 237 248 / 85%);
    }

    .slider-home-container {
        /* background-color: rgb(222 237 248 / 85%); */
        background-color: transparent;
        margin: 10px 0px;
        padding: 20px 0px;
    }

    .hexagon-shape-small {
        right: 54%;
    }

    .hex-box-content {
        top: -200px;
    }

    .step-circle {
        left: 30%;
    }

    .cad-max {
        margin: 0 15px;
    }

    .call-to-left-action p {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 10px;
    }

    .call-to-left-action p br {
        display: none;
    }

    .vapps-eco-advantages .owl-carousel .owl-nav button.owl-next {
        right: 48%;
    }

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

    .c-inner-circle {
        width: 60px;
        height: 60px;
        font-size: 32px;
        line-height: 26px;
        right: -30px;
    }

    .card-lft-icon,
    .card-rht-icon,
    .timeline-road:before {
        display: none;
    }

    .timeline-road {
        padding-top: 0px;
    }

    .ts-provide-max .box {
        max-width: inherit;
        height: 370px;
    }

    .top-diamond-div {
        left: -75px;
    }

    .diamond-two {
        left: 70px;
    }

    .diamond-three {
        left: -98px;
    }

    .diamond-four {
        left: 47px;
        margin-top: -100px;
    }

    .diamond-five {
        left: -122px;
    }

    .last-diamond-div {
        left: 23px;
        margin-top: -100px;
    }

    .diamond-two {
        margin-top: -97px;
    }

    .ftn-list ul li {
        height: auto;
    }

    .blue-diamond,
    .asst-div.box-line:before,
    .asst-div.box-line:after {
        display: none;
    }

    .asst-div.box-line .pb-5 {
        padding-bottom: 0px !important;
    }

    .app-services-section-two.breakadd h4 br {
        display: none;
    }

    .header-section .navbar-light .navbar-nav .nav-link {
        font-size: 13px;
    }

    .home-counter h3,
    .home-counter .hm-counter {
        font-size: 40px;
        line-height: 30px;
    }

    .home-counter p {
        font-size: 14px;
    }

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

    .home-counter h3 sup,
    .home-counter .hm-counter sup {
        font-size: 20px;
        top: -8px;
        margin-left: 0px;
    }

    .ft-para-rowone {
        max-width: inherit;
    }

    .contact-clients .owl-carousel .owl-nav button.owl-next {
        right: 35%;
    }

    .contact-clients .owl-carousel .owl-nav button.owl-prev {
        left: 40%;
    }

    .ecommerce-tab-section,
    .leverage-section,
    .lsm-platforms-section,
    .lsm-modration-fsection,
    .magento-serve-section,
    .home-section-eight,
    .home-counter {
        padding: 30px 0px;
    }

    .sec_why_soft_dev {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .custom-cloud-three .hst-tpb.mb-5 {
        margin-bottom: 0px !important;
    }

    .vapps-eco-advantages {
        border-top: 1px solid #cfcfcf;
    }

    .lsm-cc-section .owl-carousel .owl-nav button.owl-next,
    .lsm-cc-section .owl-carousel .owl-nav button.owl-prev,
    .lsm-cc-section .owl-carousel button.owl-dot {
        bottom: -40px;
    }

    .funtional-testing-offering,
    .testing-section-three,
    .testing-section-four,
    .bg-white-section,
    .app-services-section-two,
    .app-services-section-three,
    .app-services-section-four,
    .whychoose-qa-vapps,
    .ai-service-section-two {
        padding: 30px 0px;
    }

    .ftso a {
        padding: 5px;
    }

    .faq_services .third-title.mb-5 {
        margin-bottom: 20px !important;
    }

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

    .aip-body {
        padding: 15px;
    }

    .vais-body {
        padding: 12px;
    }

    .vais-body p {
        font-size: 13px;
        line-height: 22px;
    }

    .max590,
    .ts-expertise-box,
    .ts-expertise-box .right-ct p {
        max-width: inherit;
    }

    .d-mob-img {
        display: none;
    }

    .ts-expertise-box.mb-0 {
        margin-bottom: 32px !important;
    }

    .whychoose-panel {
        height: 410px;
    }

    .dedicate-div ul li {
        font-size: 13px;
        line-height: 26px;
    }

    .what_are_to_do {
        margin: 60px 0;
        gap: 115px;
        padding: 0px;
        position: relative;
    }

    .hexagon div::before {
        display: none;
    }

    .pricing_rates .row {
        margin-top: 0px;
    }

    .why_laravel {
        padding: 20px 0px;
    }

    .hire-fsd img {
        display: none;
    }

    .client_enjoy_list ul {
        padding: 0px;
    }

    .services_heading br {
        display: none;
    }

    .digitaljourney.about-section-two,
    .about-section-three {
        padding: 30px 0px;
    }

    .bg-white-section.dev-web {
        padding: 30px 0px 30px 0px;
    }

    hr {
        margin: 0rem 0;
    }

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

    .testimonials .third-title {
        font-size: 22px;
        top: 10px;
    }

    .obj-fit {
        object-fit: inherit;
    }

    .webapp-provide-div .owl-carousel .owl-nav button.owl-next {
        right: 46%;
    }

    .credential_footer {
        padding: 25px 0px;
    }

    .credential_footer .third-title {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 18px;
    }

}

@media (max-width:1100px) {
    .white-shadow-circle {
        width: 170px;
        height: 170px;
    }

    .main-circle {
        width: 200px;
        height: 200px;
    }

    .main-circle P {
        font-size: 13px;
        line-height: 17px;
    }

    .white-shadow-circle img {
        width: 30%;
    }

    .c-inner-circle {
        width: 50px;
        height: 50px;
        border: 3px solid #ffffff;
        font-size: 22px;
        line-height: 24px;
        right: -25px;
    }

    .main-circle:before {
        top: 48px;
    }

    .ts-provide-section .title h3 {
        font-size: 22px;
    }

    .whychoose-panel {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .top-diamond-div {
        left: 70px;
        margin-top: 0px;
    }

    .diamond-five {
        left: 300px;
        margin-top: -150px;
    }

    .last-diamond-div {
        left: 300px;
    }

    .ftn-list ul li {
        height: auto;
        flex: 1 0 auto;
        margin-bottom: 30px;
    }

    .ftn-list ul {
        flex-wrap: wrap;
    }

    .home-ourwork-tab .owl-carousel .owl-nav button.owl-next,
    .home-ourwork-tab .owl-carousel .owl-nav button.owl-prev {
        width: 30px;
        height: 30px;
        font-size: 20px;
        background: rgb(230 125 98);
        top: 22%;
    }

    .home-ourwork-tab .owl-carousel .owl-nav button.owl-next {
        right: 15px;
    }

    .home-ourwork-tab .owl-carousel .owl-nav button.owl-prev {
        left: 15px;
    }

    .main-blog-list .card-body {
        padding: 5px;
    }

    .main-blog-list .card-footer p {
        font-size: 13px;
    }

    .app-st-box {
        max-width: inherit;
    }

    .d-mob-img {
        display: none;
    }

    .ts-expertise-box {
        max-width: inherit;
    }

    .ts-expertise-box .right-ct p {
        max-width: inherit;
    }

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

    .max590 {
        max-width: inherit;
    }

    .home-section-seven {
        display: none;
    }

    .key_advantage.py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

@media(max-width:998px) {
    .course-logo-box {
        min-height: auto;
    }

    .hexagon-shape-small {
        right: 38%;
    }

    .step-circle {
        left: 20%;
    }

    .hex-box-content {
        top: -140px;
    }

    .cad-success-section .owl-carousel .owl-nav button.owl-next {
        right: 43%;
    }

    .cap-list-div ul li {
        width: 46%;
    }

    .webapp-provide-div .owl-carousel .owl-nav button.owl-next {
        right: 40%;
    }

    .webapp-provide-div .owl-carousel .owl-nav button.owl-prev {
        left: 30%;
    }

    .vapps-deliver-div .d-flex {
        display: block !important;
    }

    .vapps-deliver-div .nav-pills .nav-link.active:after {
        display: none;
    }

    .vapps-deliver-div {
        padding: 0px;
    }

    .vapps-deliver-div .nav {
        width: 100%;
        border: 0px;
    }

    .vapps-deliver-div .nav-pills .nav-link.active:before {
        display: none;
    }

    .vapps-deliver-div .nav-pills .nav-link:last-child {
        border-bottom: 1px solid #8f9dab;
    }

    .cc-icon-div {
        display: none;
    }

    .vapps-eco-advantages .owl-carousel .owl-nav button.owl-next {
        right: 40%;
    }

    .vapps-eco-advantages .owl-carousel .owl-nav button.owl-prev {
        left: 30%;
    }

    .what-about-next h4 {
        font-size: 18px;
    }

    .about-br p br {
        display: none;
    }

    .news-letter-footer h4 {
        font-size: 20px;
    }

    .footer-section h3 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .footer_links_div ul li a {
        font-size: 13px;
        line-height: 28px;
    }

    .third-title {
        font-size: 20px;
        line-height: 26px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 20px;
        line-height: 26px;
    }

    .hire-laravel-head h3{
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .max-r-pad30 {
        padding-right: 15px;
    }

    .header-section .navbar-light .navbar-toggler {
        border-color: transparent;
    }

    .header-section .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }

    .technologies-boxed {
        width: 48%;
    }

    .dhs-flex {
        flex-wrap: wrap;
    }

    .main-circle:after,
    .main-circle:before {
        display: none;
    }

    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-next {
        right: -5px;
    }

    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-prev {
        left: -5px;
    }

    .whychoose-qa-vapps .title {
        padding: 30px 15px 150px 15px;
    }

    .whychoose-qa-vapps .title h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-next,
    .qa-vapps-carousel .owl-carousel .owl-nav button.owl-prev,
    .qa-vapps-carousel .owl-carousel button.owl-dot {
        top: 30%;
    }

    .diamond-five {
        left: 190px !important;
    }

    .top-diamond-div {
        left: 10px;
        margin-top: 0px !important;
    }

    .last-diamond-div {
        left: 190px !important;
    }

    .application-functional-test .mb-5 {
        margin-bottom: 0rem !important;
    }

    .app-services-section-four .owl-carousel .owl-nav button.owl-prev {
        left: 5px;
    }

    .app-services-section-four .owl-carousel .owl-nav button.owl-next {
        right: 5px;
    }

    .max-aip-slider .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .max-aip-slider .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .app-services-section-two,
    .app-services-section-three,
    .app-services-section-four,
    .aip-consider-div,
    .app-services-sectionone {
        padding: 30px 0px;
    }

    .ais-key {
        padding: 30px 0px 20px 0px;
    }

    .app-services-section-four .mb-5,
    .aip-consider-div .mb-5 {
        margin-bottom: 0px !important;
    }

    .aip-box,
    .app-rev-box-body {
        min-height: auto;
    }

    .aip-footer {
        padding-bottom: 15px;
    }

    .aip-body {
        padding: 15px;
    }

    .pricing_rates ul {
        padding-left: 2rem;
        padding-top: 15px;
    }

    .app-rev-box-footer {
        display: none;
    }

    .max590 {
        max-width: inherit;
    }

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

    .ais-gird-box {
        filter: none;
    }

    .ai-service-section-two {
        padding: 30px 0px;
    }

    .ais-gird-box .content {
        padding: 0px;
    }

    .ai-services-bluebox {
        margin: 5px 0px;
        min-height: 360px;
    }

    .usefull-ft-div ul li a {
        padding: 0px 6px;
    }

    .what-are-webd .pt-4 {
        padding-top: 0px !important;
    }

    .hst-content .hread-more {
        margin-bottom: 0px;
    }

    .client_enjoy_list ul {
        margin-bottom: 0px;
    }

    .mobile_services.pad-1 {
        padding-top: 15px;
    }
}

@media(max-width:768px) {
    .sec_why_soft_dev {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .funtional-testing-offering {
        padding: 30px 0px;
    }

    .testing-section-three {
        padding: 30px 0px;
    }

    .dedicate-div ul {
        margin-bottom: 0px;
    }

    .ftso a {
        padding: 10px 15px;
    }

    .ts-expertise-box .right-ct p {
        font-size: 13px;
        line-height: 22px;
    }

    .ts-expertise-box.mb-0 {
        margin-bottom: 0px !important;
    }

    .ts-expertise-box.mb-0.mb3-mob {
        margin-bottom: 30px !important;
    }

    .testing-section-four {
        padding: 30px 0px;
        padding-bottom: 10px;
    }

    .bg-white-section {
        padding: 30px 0px;
    }

    .faq_services h3 {
        margin-bottom: 1.5rem !important;
    }

    .footer_links_div ul {
        padding: 0px;
        margin-bottom: 0px;
    }

    .copy-right-div p {
        margin-top: 15px;
        margin-bottom: 0px !important;
    }

    .bmuiuxb .left {
        display: none;
    }

    .bmuiuxb .right {
        padding-left: 0px;
    }

    .bmuiuxb .right h4 br {
        display: none;
    }

    .bmuiuxb .right h4 {
        margin-bottom: 0px;
    }

    .benefits-main-uiux-box,
    .bmuiux-content p {
        text-align: center;
    }

    .benefits-main-uiux-box {
        min-height: auto;
    }

    .what_are_to_do {
        flex-direction: column;
    }

    .txt-indent-megento-list {
        text-indent: -37px;
        margin-left: 7px;
    }
}

@media(max-width:767px) {
    .home-banner-max h1 {
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 30px;
        color: #000000;
        font-weight: 700;
    }

    .hire_banner_btn {
        margin-bottom: 0px;
        font-size: 13px;
        padding: 10px 10px !important;
    }

    .discover_banner_btn {
        width: 140px;
        padding: 10px 10px;
    }

    .top-header ul {
        padding: 0px;
        text-align: right;
    }

    .top-header ul li a {
        padding-right: 5px;
        font-size: 12px;
        line-height: 18px;
    }

    .top-header {
        height: 40px;
    }

    .hst-two:before {
        display: none;
    }

    .hst-two {
        padding-left: 3px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .hst-two.pa {
        padding-left: 15px;
    }

    .hst-one {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .right-ft-divider.prl,
    .footer-section .prl {
        padding-bottom: 20px;
    }

    .discover-course-slider {
        max-width: 580px;
        margin-top: 60px;
    }

    .slider-home-container .slick .slick-dots {
        left: 40%;
        top: 100%;
        right: auto;
        display: flex;
    }

    .slider-home-container .slick .slick-dots li button:before {
        height: 10px;
    }

    .slider-home-container {
        background-color: transparent;
        margin: -30px 0px;
        padding: 20px 0px;
    }

    .discover-course-slider {
        border: 1px solid #3b3f5b;
        border-bottom: 50px solid #3b3f5b;
    }

    .third-title {
        font-size: 20px;
        line-height: 26px;
    }

    .desktop-view {
        /* display: none; */
        margin-top: 20px;
    }

    .mobile-view {
        display: block;
    }

    .hexagon-shape-small {
        right: 58%;
    }

    .step-circle {
        left: 30%;
    }

    .hex-box-content {
        top: -170px;
    }

    .div-rotate {
        top: 130px;
    }

    .dot-inner-border:after {
        display: none;
    }

    .dot-inner-left {
        border-right: 0px dashed #000;
        border-bottom: 0px dashed #000;
    }

    .dotted-box {
        border: 1px dashed #d0d4dd;
        border-bottom: 0px dashed #d0d4dd;
    }

    .db-o {
        border-bottom: 1px dashed #d0d4dd;
        border-top: 0px dashed #d0d4dd;
    }

    .call-to-left-action p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
        text-align: center;
    }

    .dot-inner-border {
        padding: 20px 20px;
    }

    .cad-process-section .owl-carousel .owl-nav button.owl-next,
    .cad-process-section .owl-carousel .owl-nav button.owl-prev,
    .cad-process-section .owl-carousel button.owl-dot {
        top: auto;
        bottom: -30px;
    }

    .cad-process-section .owl-carousel .owl-nav button.owl-prev {
        left: 38%;
    }

    .cad-process-section .owl-carousel .owl-nav button.owl-next {
        right: 36%;
    }

    .cad-success-section .owl-carousel .owl-nav button.owl-next {
        right: 36%;
    }

    .cad-success-section .owl-carousel .owl-nav button.owl-prev {
        left: 38%;
    }

    .cap-list-div ul li {
        width: 95%;
    }

    .call-to-left-action p {
        font-size: 16px;
        line-height: 27px;
    }

    .obj-fit {
        object-fit: contain;
    }

    .dev-web .third-title {
        margin-top: 20px;
    }

    .border-btm {
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px !important;
    }

    .magento-getstart-list {
        text-align: center;
    }

    .magento-getstart-list p {
        max-width: inherit;
    }

    .magento-getstart-list .mb-5 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px !important;
    }

    .mb-0 {
        border-bottom: 0px solid #ccc;
        margin-bottom: 0px !important;
    }

    .portfolio-magento .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }

    .portfolio-magento .owl-carousel .owl-nav button.owl-next {
        right: 10px;
    }

    .portfolio-magento .card img {
        width: 100% !important;
    }

    .portfolio-magento .card .content {
        bottom: 0px;
    }

    .spd-whychoose .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .spd-whychoose .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .header-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .technologies-boxed {
        width: 100%;
    }

    .softwarecosting .items .firstcolumn {
        gap: 20px !important;
    }

    .pad-2 {
        padding: 30px 0px !important;
    }

    .cad-process-section {
        border-bottom: 0px solid #e4e4e4;
        margin-bottom: 30px;
    }

    .cad-max {
        max-width: inherit;
    }

    .padtop-5 {
        padding-top: 1rem;
    }

    .faq_services h3 {
        margin-bottom: 1rem;
    }

    .services_section .cater.sdc-stwo h2,
    .sdc-section-two h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .sdc-stwo-div p {
        padding-left: 38px;
    }

    .mobile-five-0 {
        margin-bottom: 0px !important;
    }

    .padbottom-5 {
        margin-bottom: 0rem;
    }

    .thankyou-content h1 {
        font-size: 15px;
        line-height: 30px;
    }

    .thankyoudiv {
        padding: 50px 0px;
    }

    .dropdown-menu {
        font-size: 12px;
    }

    .home-section-two.hometwo .row {
        padding: 0px 10px;
    }

    .hex-box-content h4 {
        font-size: 38px;
    }

    .d-squre-icon {
        margin-right: 15px !important;
    }

    .tt-main-div .card {
        margin: 0;
    }

    .tt-main-div .card-header {
        padding: 15px 25px 15px 25px;
        font-size: 18px;
        line-height: 20px;
    }

    .tt-main-div .card-body {
        padding: 20px 25px 20px 25px;
    }

    .testing-timeline-div {
        padding: 35px 0px;
    }

    .top-diamond-div {
        left: 90px;
    }

    .diamond-five {
        left: 90px !important;
    }

    .last-diamond-div {
        left: 90px !important;
    }

    .tx-apprch-div .right p span {
        font-size: 16px;
    }

    .main-blog-list .card-title {
        font-size: 16px;
        line-height: 26px;
        color: #000;
    }

    .tx-apprch-div {
        margin-bottom: 15px;
    }

    .home-section-seven {
        padding: 30px 0px;
    }

    .bauthor-div ul li {
        opacity: 1;
    }

    .home-ourwork-tab .mb-5.text-center {
        margin-bottom: 20px !important;
    }

    .faq_services {
        display: none;
    }

    .news-letter-footer .input-group>.form-control {
        height: 40px;
        font-size: 14px;
    }

    .news-letter-footer .btn-outline-secondary {
        height: 40px;
        line-height: 18px;
        font-size: 14px;
    }

    .news-letter-footer {
        border-bottom: 1px solid #8e8e8e;
        padding: 20px 0px 20px 0px;
        margin-bottom: 25px;
    }

    .ft-para-rowone {
        padding-top: 0px;
    }

    .right-ft-divider.prl,
    .footer-section .prl {
        border-bottom: 1px solid #8e8e8e;
    }

    .social-footer-div ul {
        margin-bottom: 0px;
    }

    .mob-footborder {
        border-bottom: 0px !important;
    }

    .footer-ctc-section {
        margin-top: 10px !important;
    }

    .home-ourwork-tab .owl-dots {
        text-align: center;
    }

    .home-ourwork-tab .owl-carousel button.owl-dot {
        background-color: #fff;
        color: inherit;
        border: none;
        padding: 0 !important;
        font-size: 10px;
        width: 10px;
        height: 10px;
        position: relative;
        display: inline-block;
        border-radius: 0px;
        padding: 0px 10px;
        margin: 0px 4px;
        box-shadow: 0px 0px 2px 1px #ccc;
    }

    .home-ourwork-tab .owl-carousel button.owl-dot.active {
        background-color: #df795d;
    }

    .testing-timeline-div .third-title {
        margin-bottom: 0px;
    }

    .tt-main-div {
        margin-bottom: 0px;
    }

    .ts-provide-max .mt-2 .box {
        margin-top: 5px;
    }

    .ts-provide-section {
        padding: 30px 0px;
        background: #3e4159;
    }

    .whychoose-qa-vapps,
    .magento-serve-section {
        padding: 30px 0px;
    }

    .home-section-six {
        padding: 30px 0px;
    }

    .tech-discover-div {
        margin-bottom: 0px !important;
    }

    .slider-home-container {
        display: none;
    }

    .app-bx-img {
        display: none;
    }

    .app-st-box h4 {
        padding: 0px;
    }

    .app-st-box {
        min-height: auto;
        margin-bottom: 20px;
        padding: 15px 20px;
    }

    .app-services-section-two .mb-5,
    .app-services-section-three .mb-5 {
        margin-bottom: 0px !important;
    }

    .asst-div .left {
        display: none;
    }

    .asst-div .right {
        padding-left: 0px;
    }

    .vais-header .left {
        display: none;
    }

    .vais-header .right {
        padding-left: 0px;
        width: 100%;
        text-align: center;
    }

    .vais-header {
        min-height: auto;
        padding: 8px 15px;
    }

    .vais-div {
        min-height: auto;
    }

    .mobile-slider-dot .owl-dots {
        text-align: center;
    }

    .mobile-slider-dot .owl-carousel button.owl-dot.active {
        background-color: #df795d !important;
    }

    .mobile-slider-dot .owl-carousel button.owl-dot {
        background-color: #fff;
        color: inherit;
        border: none !important;
        padding: 0 !important;
        font-size: 10px;
        width: 10px;
        height: 10px;
        position: relative;
        display: inline-block;
        border-radius: 0px;
        padding: 0px 10px;
        margin: 0px 4px;
        box-shadow: 0px 0px 2px 1px #ccc;
    }

    .ais-key.key_advantage .row {
        margin-top: 0px;
        border: 0px dashed #9f9f9f;
    }

    .ais-key.key_advantage .key_outerdiv.first_row,
    .ais-key.key_advantage .key_outerdiv.third_row {
        border-right: 0px dashed #9f9f9f;
    }

    .ais-key.key_advantage .key_outerdiv.first_row,
    .ais-key.key_advantage .key_outerdiv.second_row {
        border-bottom: 0px dashed #9f9f9f;
    }

    .ais-key.key_advantage .key_outerdiv {
        border: 1px dashed #9f9f9f !important;
        text-align: center;
        padding: 5px 15px;
        margin: 10px 0px;
    }

    .sdc-section-two {
        padding: 30px 0px;
    }

    .cloudapps-client-section .mb-5 {
        margin-bottom: 1rem !important;
    }

    .cloudapps-client-section .pt-5 {
        padding-top: 0rem !important;
    }

    .bg-gray-div {
        padding: 30px 0px;
    }

    .home-section-seven {
        display: none;
    }

    .app-st-box h4 {
        height: auto;
    }

    .app-st-box h4 br,
    .ftso h4 br {
        display: none;
    }

    .usefull-ft-div ul {
        text-align: left;
        border-top: 1px solid #8e8e8e;
        padding-top: 15px;
        margin-bottom: 20px;
    }

    .usefull-ft-div ul li {
        font-size: 18px;
        line-height: 35px;
        display: block;
    }

    .usefull-ft-div ul li a {
        font-size: 14px;
        line-height: 20px;
        padding: 0px 2px;
        border-right: 0px solid #ffffff;
    }

    .ts-provide-max .box .hread-more {
        bottom: 20px;
        left: auto;
        margin-top: 30px;
        position: relative;
    }
}

@media(max-width:519px) {
    .hex-box-content {
        top: -120px;
    }

    .step-circle {
        left: 20%;
    }

    .hexagon-shape-small {
        right: 47%;
    }

    .sdc-right-div {
        padding-left: 15px;
    }

    .items img {
        display: none;
    }

    .key_advantage .row {
        margin: 0px;
    }

    .top-diamond-div {
        left: 50px;
    }

    .diamond-five {
        left: 50px !important;
    }

    .last-diamond-div {
        left: 50px !important;
    }
}

@media(max-width:419px) {
    .hex-box-content {
        top: -100px;
    }

    .step-circle {
        left: 20%;
    }

    .hexagon-shape-small {
        right: 38%;
    }

    .top-diamond-div {
        left: 0px;
        margin: 0 auto;
    }

    .diamond-five {
        left: 0px !important;
    }

    .last-diamond-div {
        left: 0px !important;
    }
}

@media(max-width:320px) {
    .hexagon-shape-small {
        display: none;
    }

    .hex-box-content {
        top: -80px;
    }

    .header-section .navbar-brand img {
        max-width: 200px;
    }

    #subscribe_email {
        font-size: 12px;
    }
}

@media(max-width:1024px) {
    .home-section-nine.desktop-view {
        display: none;
    }

    .home-section-nine.mobile-view {
        display: block;
    }
}

@media (max-width:1199px) {
    .slider-home-container .course-icon-slider {
        display: none;
    }

    .home-section-five {
        padding: 30px 0px;
    }

    .solution-grid-sec {
        padding-bottom: 0px;
    }

    .why_laravel {
        padding: 20px 15px !important;
    }

    .services_section p {
        text-align: justify;
    }

    .cc-icon-div {
        top: -20px;
    }

}

@media screen and (max-width: 768px) {
    .testing-timeline-div .mb-5 {
        margin-bottom: 1rem !important;
    }

    .tt-main-div .card {
        margin-bottom: 15px;
        filter: none;
    }

    .banner-image {
        height: 545px;
    }

    .home-banner-section {
        height: 450px;
    }

    .home-section-eight {
        text-align: center;
        padding: 30px 0px;
    }

    .home-section-five {
        padding: 30px 0px;
    }
}

@media screen and (max-width: 480px) {
    .pricing_rates .pricing_title_div p {
        font-size: 18px !important;
    }

    .pricing_rates .pricing_innerdiv {
        padding: 20px 0px !important;
    }

    .sidepanel .closebtn {
        left: -20px;
    }
}

.owl-carousel .owl-item img {
    width: auto !important;
    max-width: 100%;
    object-fit: none;
}

.news-letter-footer .error-server {
    position: absolute;
    bottom: -30px;
    color: #df7a5e;
}

.hire-certified-tag {
    background-color: white;
    padding: 14px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
    border-left: 10px solid #dc7a60;
    margin-bottom: 15px;
}

.hire-a-dev-btn {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    background-color: #3c405b;
    border: 1px solid #3c405b;
    border-radius: 30px;
    box-shadow: none;
    padding: 10px 20px;
    display: inline-block;
    height: 45px;
    width: 180px;
    margin-right: 10px;
    position: relative;
    text-align: center;
    border: 1px solid white;
}

/* ---common--- */
.bg-color-gray{
    background-color: #F9F9F9 !important;
}
.bg-color-white{
    background-color: #fff !important;
}
.wordpress-developer p{
   font-weight: 300; 
}
.wordpress-developer h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
}
.contact-form-div .developer-form .form-control {
    height: 47px;
    filter: none !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.contact-form-div .developer-form .form-control.valid {
    background-color: #ffffff !important;
}
.contact-form-div .developer-form .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #df7a5e;
    outline: 0;
    box-shadow: none !important;
}

/* hire a wordpress developer v1.5 */

.plugin-bg .plugin-bg-image{
    flex: 1 1 0%;
	box-sizing: border-box;
	box-shadow: 0px 0px 14px 0px #b9b9b9;
	padding: 12px 20px;
	text-align: center;
	border-radius: 8px;
}
.plugin-bg .plugin-bg-image.plugin-img-1 img {
	width: 130px;
	height: 80px;
	object-fit: contain;
	transition: 0.5s;
}

.banner_list {
    padding-left: 20px;
    padding-top: 6px;
} 

.banner_list li::before {
    content: "";
    background-image: url('../images/hire-wordpress-developer/tick.webp');
    width: 25px;
    height: 22px;
    /* background-size: 14px; */
    /* position: absolute; */
    background-repeat: no-repeat;
    display: inline-block;
    position: static;
    vertical-align: middle;
}
.banner_list li{
    list-style: none;
    line-height: 35px;
    font-size: 18px;
}
.services_section h4 {
    line-height: 23px !important;
}
.service-tech-disc {
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.16));
    background-color: #ffffff;
    border-left: 10px solid #df795d;
    padding: 15px;
    display: flex;
    justify-content: left;
    align-items: center;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: 600 !important;
    max-width: 80%;
    margin: auto;
}
.service-tech-disc p {
    font-size: 18px !important;
    font-weight: 600 !important;
}
.services_section .card-img-bg {
    position: relative;
    display: inline-block;
    margin: 52px 0px;
}
.services_section .card-img-bg img{
    position: absolute;
    background-color: #3D405A;
    padding: 15px 15px;
    border-radius: 34px;
    left: -36px;
    bottom: -36px;
    display: inline-block;
}
.plugin-bg {
    background-color: #F9F9F9;
}

.plugin-bg p.inner-head{
    font-size: 16px;
    font-weight: 600;  
}
.major-wp ul li p{
    font-size: 18px;
}
.major-wp ul li img{    
    width: 80px !important;
}
.wp-web-dev h4{
    color: #000000;
    font-size: 18px !important;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 12px;
}
.wp-web-dev p{
    font-weight: 300 !important;
}
.wp-web-dev .row .col-xl-4{
    border: 2px dashed rgba(61, 64, 90, 0.45);
    padding: 20px 15px;
}
.wp-web-dev .wp-web-dev-card{
    height: 170px;
}
.wp-web-dev .row .wp-web-dev-card {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
}
.wp-web-dev .row .wp-web-dev-card img{
    width: 64px;
    height: 64px;
}
.wp-web-dev .border-bottom {
    border-bottom: none !important;  
}
.wp-web-dev .border-right {
    border-right: none !important;
}
.wp-dev-usa-card{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    height: 230px;
    padding: 20px 20px;
}
.wp-dev-usa-card h4{
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
}
.wp-dev-usa .wp-dev-usa-card img{
     width: 75px;
    height: 90px;
    display: flex;
    margin: auto;
}
.wp-dev-usa-card:hover{
    transform: scale(1.0.5);
	transition: 0.5s;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
}
.wp-sol-benefits{
    background-color: #F9F9F9;
}
.wp-sol-benefits h5{
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 500;
}
.wp-sol-benefits-left .col-12{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
}
.wp-sol-benefits-left img{
    width: 54px;
    height: 54px;
}
.wp-sol-benefits-right .col-12{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
}
.wp-sol-benefits-right img{
    width: 54px;
    height: 54px;
}

.inner-card-grid {
    display: grid;
    gap: 10px;
}
.inner-card-grid-col1{
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 25px;
}
.inner-card-grid-col2{
    display: grid;
    grid-template-columns: 30% 29% 19% 19%;
    gap: 12px;
}
.inner-card-grid-col2 .collab-img img{
    width: 100%;
}
/* Technologies We Use */

/* best-wp-company */
.best-wp-company{
    background-color: #3D405A;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.best-wp-company p.best-wp-para-left{
   color: #fff;
   font-size: 32px;
   font-weight: 600;
   line-height: 46px;
   text-align: left;
}

.best-wp-company-left{
    position: relative;
    display: flex;
    align-items: center;
}

.best-wp-company-left::after {
    content: "";
    position: absolute;
    background-image: url('../images/hire-wordpress-developer/best-wp-com-line.webp');
    height: 100%;
    width: 10px;
    right: -10px;
    top: 0;
    background-repeat: no-repeat;
    display: inline-block;
}

.best-wp-company .para-right {
  display: inline-block;
  background: #fff;
  color: #3a3d58;
  font-weight: 600;
  border-radius: 6px;
  padding: 6px 14px;
  margin: 0px 0px 15px 25px;
}

.best-wp-company ul {
  padding-left: 58px;
}
.best-wp-company ul::before {
    content: "";
    position: absolute;
    top: 28%;
    left: 54%;
    border-left: 2px dotted rgba(255, 255, 255, 0.5);
    transform: translateX(-50%);
    height: 100px;
    width: 40px;
}

.best-wp-company ul li {
  position: relative;
  /* padding-left: 18px; */
  margin-bottom: 10px;
  font-size: 14px;
  color: #ddd;
  font-weight: 300;
  line-height: 17px;
}
/* best-wp-company */

.how-we-work-left .col-12{
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
}
.how-we-work h5{
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0px;
}
.how-we-work p{
    font-size: 14px;
    font-weight: 300;
}
.how-we-work .how-we-work-left img{
    width: 54px;
    height: 54px;
}
.how-we-work .how-we-work-left{
    position: relative;
}
.how-we-work .how-we-work-left::before{
    content: "";
    position: absolute;
    min-height: 85%;
    width: 1px;
    border-left: 1px dashed #3D405A;
    top: 25px;
    left: 27px;
}

.key-advantages h5{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
}
.key-advantages .key-advantages-right p{
    font-size: 14px;
} 

.key-advantages-right-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.key-advantages-right-list li {
  position: relative;
  padding-left: 35px; 
  margin-bottom: 25px;
}

.key-advantages-right-list li::before {
  content: ""; 
  background-image: url('../images/hire-wordpress-developer/tick.webp');
  position: absolute;
  width: 25px;
  height: 22px;
  left: 8px;
  top: 2px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.wp-website-portfolio .right-item {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.wp-website-portfolio .right-item img {
  width: 100%;
  border-radius: 10px;
  transition: transform 0.4s ease;
}

.wp-website-portfolio .right-item a {
  display: block;
  position: relative;
  text-decoration: none;
}

.wp-website-portfolio .project-content {
    position: absolute;
    bottom: 20px;
    left: 15px;
    background: #2e3054;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 0px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    width: 90%;
    justify-content: space-between;
}

.wp-website-portfolio .project-content h3 {
  margin: 0;
  font-size: 0.95rem !important;
  font-weight: 600;
  color: #fff;
}

.wp-website-portfolio .arrow-btn {
  background: #fff;
  color: #2e3054;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.wp-website-portfolio .arrow-btn i {
  font-size: 20px;
  line-height: 1;
}

.wp-website-portfolio .right-item:hover img {
  transform: scale(1.05);
}

.wp-website-portfolio .right-item:hover .project-content {
  opacity: 1;
  transform: translateY(0);
}

.wp-testimonials {
   background-color: #F9F9F9;
}

/* testimonials */
.testimonial-item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0 0 0 / 30%);
    overflow: hidden;
    transition: transform 0.3s ease;
    border-bottom: 5px solid #DA785D;
}

.testimonial-content {
    padding: 20px;
    min-height: 300px;
    position: relative;
}

.testimonial-content .stars {
    color: #DA785D;
    margin-bottom: 10px;
    font-size: 16px;
}

.testimonial-content i.bi-quote {
    position: absolute;
    top: 15px;
    right: 15px;
    color: rgba(218, 120, 93, 0.15);
    font-size: 40px;
    transform: rotate(180deg);

}

.testimonial-footer {
    background: #3D405A;
    color: #fff;
    padding: 15px 20px;
    display: flex;
    gap: 10px;
}

.testimonial-footer i {
    font-size: 24px;
    color: #DA785D;
}

.testimonial-footer h3 {
    font-weight: 700;
    /* margin: 10px 10px 10px 10px; */
}
.testimonial-footer h3 span{
    color: #DA785D;
    font-size: 14px;
    line-height: 17px;
}
/* testimonials */


/* faq */
.faq_services .accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125) !important;
    border-bottom: 0px solid rgba(0, 0, 0, .125) !important;
    margin-bottom: 20px;
}
.container.faq_services .accordion-header .accordion-button:not(.collapsed) {
    background-color: #3D405A !important;
    height: 85px !important;
}
.faq_services .accordion-body {
    height: 210px !important;
}
.wp-testimonials .owl-theme .owl-dots .owl-dot span{
    width: 20px !important;
    height: 20px !important;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    transition: opacity .2s ease;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
}
.wp-testimonials .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #DA785D !important;
}

.developer-form .vCaptchaImg {
    width: 55%;
    border-radius: 6px;
}
.contact-form-div.wp-form{
    padding: 0px !important;
    border-bottom: 5px solid #DA785D !important;
    border-radius: 13px !important;
}
.submit-bg{
    background-color: #3D405A !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px 0px 20px 0px;
}
.submit-bg .contact-submit-btn button {
    border-radius: 5px;
    background-color: #DA785D;
    border: 0px solid #252628;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    padding: 8px 45px;
    width: 150px;
    height: 45px;
}
.submit-bg .contact-submit-btn {
    margin-top: 0px;
}
.developer-form .form-select {
    height: 47px;
    border-radius: 1px;
    /* border: 1px solid rgba(142, 142, 147, 0.29) !important; */
    color: #00000094;
    border-top: none;
    border-left: none;
    border-right: none;
}
.developer-form .form-select:focus {
    border-color: #df7a5e;
    outline: 0;
    box-shadow: none !important;
}

.contact-form-div.padremove.wp-form h3{
    font-size: 22px;
    line-height: 45px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0px;
    border-bottom: 1px solid rgba(220, 129, 103, 0.34) !important;
    border-radius: 14px 14px 0px 0px;
    padding: 10px 0px;
}
.contact-form-div.padremove.wp-form{
    border: 1px solid rgba(220, 129, 103, 0.34) !important;
    border-radius: 14px 14px 0px 0px;
}
.wp-form .form-group{
    margin-bottom: 16px;
}


/* media query for wordpress developer v1.5 */

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .best-wp-company ul::before {
        content: "";
        position: absolute;
        top: 33%;
        left: 56%;
        border-left: 2px dotted rgba(255, 255, 255, 0.5);
        transform: translateX(-50%);
        height: 100px;
        width: 32px;
    }
    .wpd-sec2 {
        padding: 40px 0px 40px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .best-wp-company .container::after,
    .best-wp-company .container::before,
    .best-wp-company::after {
        display: none;
    }

    .best-wp-company-left .para-left {
        text-align: center;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .best-wp-company .para-right {
        display: inline-block;
        text-align: center;
    }

    .best-wp-company ul {
        text-align: left;   
    }

    .wp-web-dev .wp-web-dev-card {
        height: 260px !important;
    }
    .best-wp-company ul::before {
        content: "";
        position: absolute;
        top: 32%;
        left: 57%;
        border-left: 2px dotted rgba(255, 255, 255, 0.5);
        transform: translateX(-50%);
        height: 100px;
        width: 55px;
    }
    /* .best-wp-company-left::after {
        display: none;
    } */
    .best-wp-company ul::before{
        display: none;
    }
    .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 0;
        top: 10px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .wpd-sec2 {
        padding: 40px 0px 40px;
    }
    .wpd-sec2 {
        padding: 40px 0px 40px !important;
    }
    .tech-we-use-right h3{
        text-align: center;
    }
    .tech-we-use-right p{
        text-align: center;
    }
    .faq_services.wp_faq .accordion-body {
        height: 156px !important;
    }
    .testimonial-content {
        padding: 20px;
        min-height: 380px;
        position: relative;
    }
    .wp-key .key-advantages-left img{
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .logo-grid {
        justify-content: center;
    }
    .key-advantages .key-advantages-left {
        display: none;
    }
    .best-wp-company-left::after {
        display: none;
    }
    .best-wp-company ul::before{
        display: none;
    }
    .best-wp-company-left{
        display: inline-block !important;
    }
    .best-wp-company p{
        text-align: center !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .best-wp-company ul {
        text-align: left;
        max-width: unset !important;
        margin: 0 auto;
    }
    .wp-web-dev .col-xl-4.border-right {
        border-right: 2px dashed rgba(61, 64, 90, 0.45) !important;
        /* height: 140px; */
    }
    .border-bottom-card{
        border-bottom: none !important;
    }
    .wp-web-dev-card-content h4, .wp-web-dev-card-content p{
        line-height: 17px;
        margin-bottom: 15px !important;
    }
    .wp-web-dev .wp-web-dev-card {
        height: 140px;
    }
    .inner-card-grid-col1 {
        display: grid;
        grid-template-columns: 100%;
        gap: 0px;
    }
    .inner-card-grid-col2 {
        display: grid;
        grid-template-columns: 100%;
        gap: 0px;
    }  
    .tech-we-use .logo-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(84px, auto));
        align-items: center;
        gap: 10px;
        justify-content: space-between;
    } 
    .tech-we-use .nav-tabs {
        display: flex;
        border: none !important;
        background-color: transparent;
        width: 210px;
        gap: 0px;
    }
    .tech-we-use .nav-tabs .nav-link {
        font-weight: 600;
        color: #333;
        border: none;
        padding: 12px 20px;
        width: 210px;
    }
    .best-wp-company .para-right {
        display: block;
        background: #fff;
        color: #3a3d58;
        font-weight: 600;
        border-radius: 6px;
        padding: 6px 14px;
        margin: 0px 0px 15px 25px;
    }
    .wpd-sec2 {
        padding: 25px 0px 25px !important;
    }
    .wp-web-dev .wp-web-dev-card {
        height: 100px;
    }
    .wp-dev-usa-card {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        height: 220px;
        padding: 20px 20px;
    }
    .tech-we-use-right h3{
        text-align: center;
    }
    .tech-we-use-right p{
        text-align: center;
    }
    .testimonial-content {
        padding: 20px;
        min-height: 200px;
        position: relative;
    }
    .wp-key .key-advantages-left img{
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .major-wp ul{
        flex-wrap: wrap !important;
    }
    .wp-web-dev .col-xl-4.border-right {
        border-right: 2px dashed rgba(61, 64, 90, 0.45) !important;
    }
    .wp-web-dev .wp-web-dev-card{
        height: 160px;
    }
    .best-wp-company-left::after {
        display: none;
    }
    .best-wp-company ul::before{
        display: none;
    }
    .best-wp-company-left{
        display: inline-block !important;
    }
    .best-wp-company p{
        text-align: center !important;
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .best-wp-company ul {
        text-align: left;
        max-width: unset !important;
        margin: 0 auto;
    }
    .wp-website-portfolio .project-content {
        padding: 10px 20px;
    }
    .testimonial-footer {
        background: #3D405A;
        color: #fff;
        padding: 20px 20px;
        display: flex;
        gap: 10px;
    }
    .wp_faq.faq_services .accordion-body {
        height: 370px !important;
    }
    .border-bottom-card{
        border-bottom: none !important;
    }
    .key-advantages .key-advantages-left {
        display: none;
    }
    .wp-web-dev-card-content h4, .wp-web-dev-card-content p{
        line-height: 24px;
        margin-bottom: 10px !important;
    }
    .wp-web-dev .wp-web-dev-card img{
        display: none;
    }
    .inner-card-grid-col1 {
        display: grid;
        grid-template-columns: 100%;
        gap: 25px;
    }
    .inner-card-grid-col2 {
        display: grid;
        grid-template-columns: 100%;
        gap: 12px;
    }
    .tech-we-use .tech-card{
        display: flex;
    }
    .tech-we-use .nav-tabs {
        display: flex;
        border: none !important;
        background-color: transparent;
        width: 210px;
        gap: 0px;
    }
    .tech-we-use .nav-tabs .nav-link {
        font-weight: 600;
        color: #333;
        border: none;
        padding: 12px 20px;
        width: 210px;
    }
    .wpd-sec2 {
        padding: 25px 0px 25px !important;
    }
    .hire-wp-dev .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none;
    }
    .hire-wp-dev .service-tech-disc{
        max-width: 100% !important;
    }
    .tech-we-use-right h3 {
        text-align: center !important;
        font-size: 20px !important;
    }
    .tech-we-use-right p {
        text-align: center !important;
    }
    .wp-dev-usa .wp-dev-usa-card h4 {
        margin-bottom: 0px;
    }
    .wp-dev-usa-card {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        height: 220px !important;
        padding: 20px 20px;
    }
    /* .wp-sol-benefits .wp-sol-benefits-left img{
        display: none;
    } */
     .best-wp-company .para-right {
        display: block !important;
        background: #fff;
        color: #3a3d58;
        font-weight: 600;
        border-radius: 6px;
        padding: 6px 14px;
        margin: 0px 0px 15px 0px;
    }
    .wp-sol-benefits h5{
        font-size: 16px !important;
        margin-bottom: 0px;
        font-weight: 500;
    }
    /* .tech-we-use .tech-we-use-right p{
        display: none;
    } */
    .wp-sol-benefits-left .wp-text-content p{
        display: none !important;
    }
    .wp-sol-benefits-right .wp-text-content p{
        display: none !important;
    }
     /* .how-we-work-left .wp-text-content p{
        display: none !important;
    } */
    /* .key-advantages-right h3{
        text-align: center;
    } */
    .how-we-work h3{
        /* text-align: center; */
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .wp-dev-usa .wp-dev-usa-card img{
       display: none !important;
    }
    .wp-dev-usa .wp-dev-usa-card{
        height: 130px !important;
    }
    /* .wp-sol-benefits .wp-sol-benefits-left img{
        display: none !important;
    }
    .wp-sol-benefits .wp-sol-benefits-left{
        border: 2px dashed #000;
    } */
}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .wp-key .key-advantages-left img{
        display: none !important;
    }
    .wp-web-dev .wp-web-dev-card {
        height: 134px;
    }
    .wp_faq.faq_services .accordion-body {
        height: 245px !important;
    }
    .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .testimonial-content {
        padding: 20px;
        min-height: 225px;
        position: relative;
    }
}

@media screen and (min-width: 450px) and (max-width: 576px) {
    .wp-web-dev .wp-web-dev-card {
        height: 134px;
    }
    .wp-key .key-advantages-left img{
        display: none !important;
    }
    .best-wp-company ul {
        padding-left: 20px;
    }
    .wp_faq.faq_services .accordion-body {
        height: 310px !important;
    }
    .plugin-bg .plugin-bg-image {
        flex: 1 1 0%;
        box-sizing: border-box;
        box-shadow: 0px 0px 14px 0px #b9b9b9;
        padding: 12px 20px;
        text-align: center;
        border-radius: 8px;
        height: 100px;
    }
    .developer-form .vCaptchaImg {
        width: 35% !important;
        border-radius: 6px;
    }
    .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}
@media screen and (min-width: 360px) and (max-width: 449px) {
    .wp-key .key-advantages-left img{
        display: none !important;
    }
    .plugin-bg .plugin-bg-image {
        flex: 1 1 0%;
        box-sizing: border-box;
        box-shadow: 0px 0px 14px 0px #b9b9b9;
        padding: 12px 20px;
        text-align: center;
        border-radius: 8px;
        height: 100px;
    }
    .major-wp p{
        font-size: 14px !important;
    }
    .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    
}



/*--------------------------- hire nodejs developer v1.2 */


.njs-dev.wp-web-dev .wp-web-dev-card{
    height: 290px;
}
.njs-tech-stack .tech-card .category-box{
    border-radius: 0px;
    padding: 20px;
    background: none;
    margin-bottom: 0px;
    border: 0px;
    height: 100px;
}
.serv-section-njs{
    background-color: #fff;
}
.njs-dev{
    background-color: #F9F9F9;
}
.njs-tech-stack{
   background-color: #fff; 
}
.njs-casestudy{
    background-color: #F9F9F9;
}
.faq_services.njs-faq .accordion-body {
    height: 130px !important;
}
.wpd-sec9{
    background-color: #fff !important;
}
#case-studies-carousel .card-body{
    padding: 30px 30px;
}
.njs-key-adv .key-advantages-right-list li::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .njs-dev .border-right-lg{
        border-right: 2px dashed rgba(61, 64, 90, 0.45) !important;
    }
    .njs-dev .border-bt-rt{
        border-bottom: none !important;
        border-right: none !important;
    }
    .njs-dev .wp-web-dev-card {
        height: 190px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .b-border-sm{
        border-bottom: none !important;
    }
    .njs-dev .wp-web-dev-card .wp-web-dev-card-content p{
        line-height: 30px;
    }
    .njs-dev.wp-web-dev .wp-web-dev-card{
        height: 154px;
    }
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .njs-key-adv .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .njs-dev.wp-web-dev .wp-web-dev-card{
        height: 134px;
    }
    .wp_faq.faq_services .accordion-body {
        height: 245px !important;
    }
    .b-border-sm{
        border-bottom: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-left p{
        display: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-right p{
        display: none !important;
    }
    .njs-dev-cloud .how-we-work-left p{
        display: none;
    }
    .njs-dev-cloud .how-we-work-left .col-12 {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-bottom: 10px;
        align-items: center;
    }
    .njs-portfolio{
        display: none;
    }
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .faq_services.njs-faq .accordion-body {
        height: 150px !important;
    }
    .njs-pricing-dev .wp-dev-usa-card {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.05);
        border-radius: 10px;
        height: 145px !important;
        padding: 20px 20px;
    }
    .njs-hire-dev .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none !important;
    }
    .njs-pricing-dev .wp-dev-usa-card img{
        display: none !important;
    }
    .njs-key-adv .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 450px) and (max-width: 575px) {
    .njs-dev.wp-web-dev .wp-web-dev-card {
        height: 165px !important;
    }
    .best-wp-company ul {
        padding-left: 20px;
    }
    .wp_faq.faq_services .accordion-body {
        height: 310px !important;
    }
    .b-border-sm{
        border-bottom: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-left p{
        display: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-right p{
        display: none !important;
    }
    .njs-dev-cloud .how-we-work-left p{
        display: none;
    }
    .njs-dev-cloud .how-we-work-left .col-12 {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-bottom: 10px;
        align-items: center;
    }
    .njs-portfolio{
        display: none;
    }
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .faq_services.njs-faq .accordion-body {
        height: 150px !important;
    }
    .njs-hire-dev .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none !important;
    }
    .njs-pricing-dev .wp-dev-usa-card img{
        display: none !important;
    }
    .njs-pricing-dev.wp-dev-usa .wp-dev-usa-card {
        height: 100px !important;
    }
    .njs-key-adv .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

}
@media screen and (min-width: 360px) and (max-width: 449px) {
    .njs-dev.wp-web-dev .wp-web-dev-card {
        height: 178px !important;
    }
    .b-border-sm{
        border-bottom: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-left p{
        display: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-right p{
        display: none !important;
    }
    .njs-dev-cloud .how-we-work-left p{
        display: none;
    }
    .njs-dev-cloud .how-we-work-left .col-12 {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-bottom: 10px;
        align-items: center;
    }
    .njs-portfolio{
        display: none;
    }
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .faq_services.njs-faq .accordion-body {
        height: 190px !important;
    }
    .njs-hire-dev .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none !important;
    }
    .njs-pricing-dev .wp-dev-usa-card img{
        display: none !important;
    }
    .njs-pricing-dev .wp-dev-usa-card{
        height: 125px !important;
    }
    .njs-key-adv .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}
@media screen and (min-width: 320px) and (max-width: 375px) {
    .njs-dev.wp-web-dev .wp-web-dev-card {
        height: 228px !important;
    }
    .b-border-sm {
        border-bottom: none !important;
    }
    .njs-key-adv .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}



/*----------------------- hire laravel developer v1.2 */

.home-counter.wpd-sec2.laravel-bg p{
    font-size: 20px;
}
.why-laravel .weOfferFollowsBox{
    height: 100px;
    padding: 10px 24px !important;
    border-bottom: 0px !important;
    position: relative;
}
.why-laravel .weOfferFollowsBox::before{
    content: "";
    position: absolute;
    border: 3px solid #3D405A;
    top: 0px;
    left: 0px;
    height: 30px;
    border-top-left-radius: 5px;
}
.why-laravel .weOfferFollowsBox h4{
  margin: 5px 0px 5px 0px !important;
  text-align: left;
}
.why-laravel .weOfferFollowsBox p{
    text-align: left;
}
.laravel-sol-benefits .key-advantages-right-list li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px !important;
    font-size: 14px;
    line-height: 30px;
}
.laravel-sol-benefits .key-advantages-right-list li::before{
    content: "";
    background-image: url(../images/hire-laravel-developer/Tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 0;
    top: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
/* .laravel-how-do-work h3{
    text-align: center !important;
} */

.laravel-faq.faq_services .accordion-body {
    height: 100px !important;
}
.laravel-key-advantages{
    background-color: #F9F9F9;
}
.key-benefits-laravel{
    background-color: #F9F9F9;
}
.key-benefits-laravel .key-ben-card{
    /* padding: 10px 25px; */
    /* height: 250px; */
}
/* .key-benefits-laravel .key-ben-card:hover{
    background-color: #fff;
    box-shadow: 0px 1px 8px 4px #3d405a5c;
    border-radius: 8px;
} */
.key-benefits-laravel .key-ben-card h4{
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 25px;
}
.laravel-website-portfolio{
    background-color: #fff !important;
}
.laravel-casestudy{
    background-color: #F9F9F9 !important;
}
.laravel-key-advantages .key-advantages-right-list li::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.laravel-key-advantages .key-advantages-right .key-advantages-right-list li{
        margin-bottom: 16px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .laravel_services_section h3{
        font-size: 26px;
        line-height: 35px;
    }
    .laravel-dev .b-right{
        border-right: 2px dashed rgba(61, 64, 90, 0.45) !important; 
    }
    .laravel-dev .border-right-lg{
        border-right: none !important;
    }
    .laravel-dev .wp-web-dev-card{
        height: 270px !important;
    }
    .laravel-dev .b-bottom-lg{
        border-bottom: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px !important;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .laravel-dev.wp-web-dev .wp-web-dev-card {
        height: 180px;
    }
    .laravel-dev .b-bottom{
        border-bottom: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px !important;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 577px) and (max-width: 767px) {
    .laravel-dev.wp-web-dev .wp-web-dev-card {
        height: 180px !important;
    }
    .laravel-dev .b-bottom{
        border-bottom: 0px !important;
    }
    .home-counter.wpd-sec2.laravel-bg p {
        font-size: 14px;
    }
    .key-advantages.laravel-key-advantages .key-advantages-right p {
        display: none !important;
    }
    .laravel-dev-sec1 .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none;
    }
    .laravel-pricing-models .wp-dev-usa-card img{
        display: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card{
        height: 125px !important;
    }
    .key-ben-card .key-ben-card-img img{
        display: none !important;
    }
    .laravel-sol-benefits .wp-sol-benefits-left ul{
        display: none !important;
    }
    .laravel-sol-benefits .wp-sol-benefits-right ul{
        display: none !important;
    }
    .laravel-how-do-work p{
        display: none !important;
    }
    .key-benefits-laravel .border-dashed {
        border: 2px dashed #d2d2d4;
        padding: 20px 15px;
    }
    .key-benefits-laravel .b-bottom {
        border-bottom: none;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 2px !important;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .laravel-website-portfolio{
        display: none !important;
    }
    .laravel-faq.faq_services .accordion-body {
        height: 125px !important;
    }
    .laravel-website-portfolio{
        display: none !important;
    }
}

@media screen and (min-width: 450px) and (max-width: 576px) {
    .laravel-dev.wp-web-dev .wp-web-dev-card {
        height: 175px !important;
    }
    .key-advantages.laravel-key-advantages .key-advantages-right p {
        display: none !important;
    }
    .laravel-dev-sec1 .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none;
    }
    .laravel-dev .b-bottom{
        border-bottom: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card img{
        display: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card{
        height: 125px !important;
    }
    .key-ben-card .key-ben-card-img img{
        display: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px !important;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .key-benefits-laravel .border-dashed {
        border: 2px dashed #d2d2d4;
        padding: 20px 15px;
    }
    .key-benefits-laravel .b-bottom {
        border-bottom: none;
    }
    .key-ben-card .key-ben-card-img img {
        display: none !important;
    }
    .laravel-faq.faq_services .accordion-body {
        height: 130px !important;
    }
    .laravel-website-portfolio{
        display: none !important;
    }
}

@media screen and (min-width: 360px) and (max-width: 449px) {
    .laravel-dev.wp-web-dev .wp-web-dev-card {
        height: 220px !important;
    }
    .b-border-sm{
        border-bottom: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-left p{
        display: none !important;
    }
    .njs-sol-ecom .wp-sol-benefits-right p{
        display: none !important;
    }
    .njs-dev-cloud .how-we-work-left p{
        display: none;
    }
    .njs-dev-cloud .how-we-work-left .col-12 {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        margin-bottom: 10px;
        align-items: center;
    }
    .njs-portfolio{
        display: none;
    }
    .njd-sec2 {
        padding: 30px 0px 30px !important;
    }
    .faq_services.njs-faq .accordion-body {
        height: 190px !important;
    }
    .home-counter.wpd-sec2.laravel-bg p {
        font-size: 14px;
    }
    .key-advantages.laravel-key-advantages .key-advantages-right p {
        display: none !important;
    }
    .laravel-dev .b-bottom{
        border-bottom: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card img{
        display: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .key-benefits-laravel .border-dashed {
        border: 2px dashed #d2d2d4;
        padding: 20px 15px;
    }
    .key-benefits-laravel .b-bottom {
        border-bottom: none;
    }
    .key-ben-card .key-ben-card-img img {
        display: none !important;
    }
    .laravel-faq.faq_services .accordion-body {
        height: 150px !important;
    }
    .laravel-website-portfolio{
        display: none !important;
    }
}
@media screen and (min-width: 360px) and (max-width: 424px) {
    .laravel-dev.wp-web-dev .wp-web-dev-card {
        height: 270px !important;
    }
    .laravel-dev-sec1 .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none;
    }
    .laravel-dev .b-bottom{
        border-bottom: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card img{
        display: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .key-benefits-laravel .border-dashed {
        border: 2px dashed #d2d2d4;
        padding: 20px 15px;
    }
    .key-benefits-laravel .b-bottom {
        border-bottom: none;
    }
    .key-ben-card .key-ben-card-img img{
        display: none !important;
    }
    .laravel-website-portfolio{
        display: none !important;
    }
}


/* -----full-stack developer */
.fullstack-dev-growth{
    background-color: #F9F9F9;
}
.full-stack-dev{
    background-color: #fff;
}
.full-stack-dev.wp-web-dev .wp-web-dev-card {
    height: 125px;
}
.fullstack-sec2{
    padding: 25px 0px 25px !important;
    background: url(../images/hire-fullstack/fullstack-sec2.webp) !important;
    object-fit: cover !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.remote-fullstack-dev .how-we-work-left {
    position: relative;
}

.remote-fullstack-dev .how-we-work-left::before {
    content: "";
    position: absolute;
    min-height: 60% !important;
    width: 1px;
    border-left: 1px dashed #3D405A;
    top: 40px;
    left: 27px;
}
.full-stack-skill .inner-card-grid {
    display: grid;
    gap: 10px;
}
.full-stack-skill .inner-card-grid-col1 {
    display: grid;
    grid-template-columns: 100% !important;
    gap: 25px;
}
.full-stack-advantages .key-advantages-right-list li::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.fs-faq.faq_services .accordion-body {
    height: 155px !important;
}
.laravel-how-do-work h4{
    font-weight: 400;
    font-size: 18px !important;
}

.services_section .call-to-left-action p {
    font-size: 24px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 500;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .full-stack-service-section h3{
        font-size: 28px !important;
    }
    .fs-faq.faq_services .accordion-body {
        height: 180px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .fullstack-web-dev .why_laravel h2{
        font-size: 20px !important;
    }
    /* .full-stack-service-section h3{
        font-size: 24px !important;
    } */
    .full-stack-dev.wp-web-dev .wp-web-dev-card {
        height: 155px !important;
    }
    .full-stack-dev .wp-web-dev-card .wp-web-dev-card-content h4{
        font-size: 16px !important;
    }
    .remote-fullstack-dev .how-we-work-left::before {
        content: "";
        position: absolute;
        min-height: 70% !important;
        width: 1px;
        border-left: 1px dashed #3D405A;
        top: 30px;
        left: 27px;
    }
    .fs-faq.faq_services .accordion-body {
        height: 125px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .full-stack-dev.wp-web-dev .wp-web-dev-card {
        height: 80px;
    }
    .full-stack-dev .b-bottom{
        border-bottom: none !important;
    }
}
@media screen and (min-width: 577px) and (max-width: 767px) {
    .full-stack-dev .b-bottom{
        border-bottom: none !important;
    }
    .full-stack-dev.wp-web-dev .wp-web-dev-card {
        height: 80px !important;
    }
    .fullstack-hiring .wp-dev-usa-card img{
        display: none !important;
    }
    .remote-fullstack-dev .how-we-work-left::before {
        content: "";
        position: absolute;
        min-height: 80% !important;
        width: 1px;
        border-left: 1px dashed #3D405A;
        top: 25px;
        left: 27px;
    }
    .fullstack-keybenefits .key-ben-card img{
        display: none !important;
    }
    .fs-faq.faq_services .accordion-body {
        height: 190px !important;
    }
    .fullstack-hiring .wp-dev-usa-card{
        height: 120px !important;
    }
    .fullstack-dev-growth .weOfferFollowsBoxWrapper .weOfferFollowsBox img {
        display: none !important;
    }
    .developer-form .vCaptchaImg {
        width: 31% !important;
        border-radius: 6px;
    }
    .remote-fullstack-dev .how-we-work-left h4{
        font-size: 18px !important;
        font-weight: 400;
    }
}
@media screen and (min-width: 450px) and (max-width: 576px) {
     .full-stack-dev .b-bottom{
        border-bottom: none !important;
    }
    .full-stack-dev.wp-web-dev .wp-web-dev-card {
        height: 80px !important;
    }
    .fullstack-hiring .wp-dev-usa-card img{
        display: none !important;
    }
    .remote-fullstack-dev .how-we-work-left::before {
        content: "";
        position: absolute;
        min-height: 80% !important;
        width: 1px;
        border-left: 1px dashed #3D405A;
        top: 25px;
        left: 27px;
    }
    .fullstack-keybenefits .key-ben-card img{
        display: none !important;
    }
    .fs-faq.faq_services .accordion-body {
        height: 215px !important;
    }
    .fullstack-hiring .wp-dev-usa-card {
        height: 115px !important;
    }
    .fullstack-keybenefits .key-ben-card {
        padding: 10px 25px;
        height: 100px;
    }
    .fullstack-dev-growth .weOfferFollowsBoxWrapper .weOfferFollowsBox img {
        display: none !important;
    }
    .developer-form .vCaptchaImg {
        width: 31% !important;
        border-radius: 6px;
    }
    .remote-fullstack-dev .how-we-work-left h4{
        font-size: 18px !important;
        font-weight: 400;
    }
}

@media screen and (min-width: 360px) and (max-width: 449px) {
    .hire-laravel-dev .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none !important;
    }
    .laravel-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .laravel-pricing-models .wp-dev-usa-card img{
        display: none !important;
    }
    .laravel-pricing-models .wp-dev-usa-card {
        height: 150px !important;
    }
    .laravel-sol-benefits .wp-sol-benefits-left ul{
        display: none;
    }
    .laravel-sol-benefits .wp-sol-benefits-right ul{
        display: none;
    }
    .laravel-how-do-work p{
        display: none;
    }
    .fullstack-dev-growth .weOfferFollowsBoxWrapper .weOfferFollowsBox img{
        display: none !important;
    }
    .full-stack-dev .b-bottom{
        border-bottom: none !important;
    }
    .full-stack-dev.wp-web-dev .wp-web-dev-card {
        height: 100px !important;
    }
    .fullstack-hiring .wp-dev-usa-card img{
        display: none !important;
    }
    .fullstack-hiring .wp-dev-usa-card{
        height: 150px !important;
    }
    .remote-fullstack-dev .how-we-work-left::before {
        content: "";
        position: absolute;
        min-height: 80% !important;
        width: 1px;
        border-left: 1px dashed #3D405A;
        top: 25px;
        left: 27px;
    }
    .full-stack-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .fullstack-keybenefits .key-ben-card img{
        display: none !important;
    }
    .fs-faq.faq_services .accordion-body {
        height: 270px !important;
    }
    .developer-form .vCaptchaImg {
        width: 38% !important;
        border-radius: 6px;
    }
    .remote-fullstack-dev .how-we-work-left h4{
        font-size: 18px !important;
        font-weight: 400;
    }
}

/* ------------------php developer page v1.1 */
.php-dev.wp-web-dev .wp-web-dev-card {
    height: 170px;
}
.php-homecounter .hm-counter-content p{
    font-size: 20px;
}
.php-homecounter.wpd-sec2 {
    padding: 40px 0px 40px;
    background: url(../images/php-developer/php-bg-img.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.php-models-dev .wp-dev-usa-card h4{
    font-size: 18px;
    text-align: left;
    margin-bottom: 0px;
}

/* .php-models-dev .php-models-dev-card img {
    width: 75px;
    height: 90px;
    display: block !important; 
} */
.php-models-dev .php-models-dev-card.php-models-card-left{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    height: 290px;
    padding: 20px 20px;
}
/* .php-models-dev .php-models-dev-card.php-models-card-right{
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    height: 100%;
    padding: 20px 20px;
} */
.php-models-dev .php-models-dev-card:hover{
    transform: scale(1.0.5);
	transition: 0.5s;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
}
.php-models-dev-card .php-modals li:before{
    content: "";
    background-image: url(../images/php-developer/Tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 0;
    top: 8px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.php-models-dev-card .php-modals li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px !important;
    font-size: 14px;
    line-height: 30px;
    list-style: none;
    font-weight: 300;
}
.php-models-dev-card .php-modals{
    padding-left: 10px;
}
.php-how-wework .how-we-work-left::before {
    content: "";
    position: absolute;
    min-height: 85%;
    width: 1px;
    border-left: 1px dashed #3D405A;
    top: 10px !important;
    left: 27px;
    /* z-index: 1; */
}

.php-spec-skills.wpd-sec4 .weOfferFollowsBox {
    box-shadow: 0px 0px 10px #00000029;
    padding: 24px 20px;
    text-align: center;
    border-radius: 10px;
    transition: 0.7s;
    border-bottom: 6px solid #3D405A;
    height: 100px;
}
.php-spec-skills .weOfferFollowsBox {
    height: 100px;
    padding: 10px 24px !important;
    border-bottom: 0px !important;
    position: relative;
}
.php-key-advantages .key-advantages-right-list li::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .php-spec-skills.wpd-sec4 .weOfferFollowsBox {
        box-shadow: 0px 0px 10px #00000029;
        padding: 24px 20px;
        text-align: center;
        border-radius: 10px;
        transition: 0.7s;
        border-bottom: 6px solid #3D405A;
        height: 135px;
    }
    .b-border-lg {
        border-bottom: none !important;
    }
    .php-dev.wp-web-dev .wp-web-dev-card {
        height: 135px !important;
    }
    .faq_services.php-faq .accordion-body {
        height: 145px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .php-spec-skills.wpd-sec4 .weOfferFollowsBox {
        box-shadow: 0px 0px 10px #00000029;
        padding: 24px 20px;
        text-align: center;
        border-radius: 10px;
        transition: 0.7s;
        border-bottom: 6px solid #3D405A;
        height: 132px;
    }
    .php-dev.wp-web-dev .wp-web-dev-card {
        height: 90px !important;
    }
    .php-key-advantages .key-advantages-right-list li::before {
        content: "";
        background-image: url(../images/hire-wordpress-developer/tick.webp);
        position: absolute;
        width: 25px;
        height: 22px;
        left: 8px;
        top: 4px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .php-models-dev .php-models-dev-card.php-models-card-left {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 10px;
        height: 230px;
        padding: 20px 20px;
    }
}

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

    .php-models-dev .php-models-dev-card.php-models-card-left {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 10px;
        height: 100% !important;
        padding: 20px 20px;
    }
    .php-models-dev .php-models-dev-card.php-models-card-right{
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.11);
        border-radius: 10px;
        height: 100% !important;
        padding: 20px 20px;
    }
    .developer-form .vCaptchaImg {
        width: 56%;
        border-radius: 6px;
    }
    .php-homecounter .hm-counter-content p{
        font-size: 16px;
    }
    .php-dev.wp-web-dev .wp-web-dev-card {
        height: 100px;
    }
    .php-models-dev .php-models-dev-card img{
        display: none !important;
    }
}
@media screen and (min-width: 376px) and (max-width: 425px) {
    .php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 135px !important;
    }
    .php-models-dev .php-models-dev-card img{
        display: none !important;
    }
    .faq_services.php-faq .accordion-body {
        height: 160px !important;
    }
}
@media screen and (max-width: 375px) {
    .php-dev.wp-web-dev .wp-web-dev-card {
        height: 140px !important;
    }
    .php-models-dev .php-models-dev-card img{
        display: none !important;
    }
    .faq_services.php-faq .accordion-body {
        height: 160px !important;
    }
}

/* ------magento developer-------- */
.meg-dev-stratups .wp-web-dev-card{
    height: 210px !important;
}
.mag-homecounter.wpd-sec2 {
    padding: 40px 0px 40px;
    background: url(../images/magento-developer/meg-homecounter-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.hire-mag-dev .weOfferFollowsBox h3{
    font-size: 16px;
    font-weight: 500;
}
.hire-mag-dev .weOfferFollowsBoxWrapper .card-1{
    margin-left: auto;
}
.hire-mag-dev .weOfferFollowsBoxWrapper .card-2{
    margin-right: auto;
}
.hire-mag-dev .weOfferFollowsBox img{
    width: 54px;
    height: 54px;
}
.mag-bst-business .php-models-dev-card img{
    height: unset !important;
    width: unset !important;
}
.mag-bst-business .php-models-dev-card.php-models-card-left {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    height: 245px;
    padding: 20px 20px;
}
.mag-bst-business .mag-bst-business-bg p::before{
    background: url(../images/magento-developer/business-best-mag.webp) center bottom / cover no-repeat !important;
    color: #fff;
    height: 49px;
    width: 80%;
    position: absolute;
    content: '';
    top: -8px;
    z-index: -1;
    right: 0%;
    left: 10%;
}
.mag-bst-business-bg{
    position: relative;
}
.mag-bst-business .mag-bst-business-bg p{
    font-style: italic;
    margin-bottom: 50px;
}
.ind-spec-mag h4{
    font-size: 18px;
    margin-bottom: 0px;
}
.hire-magento-services h3{
    font-size: 18px !important;
    margin-bottom: 5px;
    line-height: 25px;
}
.mag-key-advantages .key-advantages-right-list li::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 2px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.mag-key-advantages .key-advantages-right-list li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px !important;
}
.mag-key-advantages .key-advantages-right-list li h3{
    font-weight: 500;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 260px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 185px !important;
    }
    .b-border-lg {
        border-bottom: none !important;
    }
    .mag-bst-business .mag-bst-business-bg p::before {
        background: url(../images/magento-developer/business-best-mag.webp) center bottom / cover no-repeat !important;
        color: #fff;
        height: 49px;
        width: 100%;
        position: absolute;
        content: '';
        top: -8px;
        z-index: -1;
        right: 0%;
        left: 0%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .mag-bst-business-bg{
        display: none !important;
    }
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 150px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .mag-bst-business-bg{
        display: none !important;
    }
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 145px !important;
    }
    .ind-spec-mag h4 {
        font-size: 18px;
        margin-bottom: 0px;
        font-weight: 500 !important;
    }
}

@media screen and (min-width: 426px) and (max-width: 575px) {
    .mag-bst-business-bg{
        display: none !important;
    }
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 165px !important;
    }
    .ind-spec-mag h4 {
        font-size: 18px;
        margin-bottom: 0px;
        font-weight: 500 !important;
    }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 195px !important;
    }
    .hire-magento-services h4{
        font-size: 18px !important;
        font-weight: 500;   
    }
    .mag-key-advantages .key-advantages-right-list li h3{
        font-weight: 500;
        font-size: 16px !important;
    }
    .faq_services.mag-faq .accordion-body{
        height: 180px !important;
    }
    .mag-bst-business-bg{
        display: none !important;
    }
    .ind-spec-mag h4 {
        font-size: 18px;
        margin-bottom: 0px;
        font-weight: 500 !important;
    }
}

@media screen and (max-width: 375px) {
    .meg-dev-stratups.wp-web-dev .wp-web-dev-card {
        height: 195px !important;
    }
    .hire-magento-services h4{
        font-size: 18px !important;
        font-weight: 500;   
    }
    .mag-key-advantages .key-advantages-right-list li h3{
        font-weight: 500;
        font-size: 16px !important;
    }
    .faq_services.mag-faq .accordion-body{
        height: 180px !important;
    }
    .mag-bst-business-bg{
        display: none !important;
    }
    .ind-spec-mag h4 {
        font-size: 18px;
        margin-bottom: 0px;
        font-weight: 500 !important;
    }
}

.php-dev-head h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}

.hire-nodejs-head h3{
    font-size: 18px !important;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
.hire-fullstack-head h3{
    font-size: 18px !important;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
.hire-fullstack-head h2{
    font-size: 32px !important;
    line-height: 35px;
}

.hire-laravel-head h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
.hire-laravel-head h2{
    font-size: 32px;
    line-height: 40px;
}


@media screen and (max-width: 575px) {
    .tech-we-use .tech-we-use-right h2{
        text-align: center !important;
    }
}
.fullstack-hiring .wp-dev-usa-card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    height: 260px;
    padding: 20px 20px;
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .faq_services h2 {
        font-size: 28px !important;
    }
    .hire-laravel-head h2{
        font-size: 28px !important;
        line-height: 40px;
    }
    .laravel-casestudy h2{
        font-size: 28px !important;
        line-height: 40px;  
    }
    .hire-fullstack-head h2{
        font-size: 28px !important;
        line-height: 35px;
    }
    .hire-nodejs-head h2{
        font-size: 28px !important;
        line-height: 35px;
    }
    .hire-magento-services h2{
        font-size: 28px !important;
        line-height: 35px;
    }
    .wordpress-developer h2{
        font-size: 28px !important;
        line-height: 35px;
    }
    .php-dev-head h2{
        font-size: 28px !important;
        line-height: 35px;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .faq_services h2 {
        font-size: 24px !important;
    }
    .hire-laravel-head h2{
        font-size: 24px !important;
        line-height: 30px;
    }
    .laravel-casestudy h2{
        font-size: 24px !important;
        line-height: 30px;  
    }
    .hire-fullstack-head h2{
        font-size: 24px !important;
        line-height: 35px;
    }
    .hire-nodejs-head h2{
        font-size: 24px !important;
        line-height: 35px;
    }
    .hire-magento-services h2{
        font-size: 24px !important;
        line-height: 35px;
    }
    .wordpress-developer h2{
        font-size: 24px !important;
        line-height: 35px;
    }
    .php-dev-head h2{
        font-size: 24px !important;
        line-height: 35px;
    }
}

@media screen and (max-width:767px) {
    .faq_services h2 {
        font-size: 22px !important;
    }
    .hire-laravel-head h2{
        font-size: 22px !important;
        line-height: 30px;
    }
    .laravel-casestudy h2{
        font-size: 22px !important;
        line-height: 30px;  
    }
    .hire-fullstack-head h2{
        font-size: 22px !important;
        line-height: 35px;
    }
    .hire-nodejs-head h2{
        font-size: 22px !important;
        line-height: 35px;
    }
    .hire-magento-services h2{
        font-size: 22px !important;
        line-height: 35px;
    }
    .wordpress-developer h2{
        font-size: 22px !important;
        line-height: 35px;
    }
    .php-dev-head h2{
        font-size: 22px !important;
        line-height: 35px;
    }
}

/* dedicated software development team */

.dedicated_btn.hire_banner_btn {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    background-color: #3c405b;
    border: 1px solid #3c405b;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px 20px;
    display: inline-block;
    height: 45px;
    width: 250px;
    margin-right: 10px;
    position: relative;
    text-align: center;
}
.prefer-dedicated-card{
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px #0000001c;
    min-height: 265px;
    padding: 20px 20px;
    border-radius: 8px;
    border-bottom: 4px solid #3D405A;
}
.dedicated-team h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 5px;
}
.dedicated-team p{
    font-weight: 300;
}
.dedicated-dev {
    padding: 60px 0px 60px;
    background: url(../images/services/dedicated/counter-dedicated-dev.webp);
    background-size: cover;
}
.out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
    min-height: 230px;
}
.hire_banner_btn.software_off_btn {
    font-size: 14px;
    line-height: 25px;
    text-transform: uppercase;
    color: #3c405b;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #3c405b;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px 20px;
    display: inline-block;
    height: 45px;
    width: 150px;
    margin-right: 10px;
    position: relative;
    text-align: center;
}
.core-services .core-services-card {
    background-color: #fff;
    box-shadow: 0px 0px 5px 2px #0000001c;
    min-height: 290px;
    padding: 20px 20px;
    border-radius: 8px;
    border-bottom: 4px solid #3D405A;
}
.model-work .mag-bst-business-bg p::before {
    background: url(../images/magento-developer/business-best-mag.webp) center bottom / cover no-repeat !important;
    color: #fff;
    height: 49px;
    width: 70%;
    position: absolute;
    content: '';
    top: -8px;
    z-index: -1;
    right: 0%;
    left: 15%;
}
.model-work .wp-dev-usa-card{
    text-align: center;
    max-height: 180px !important;
}
.key-advantages-right-list .hiring-inhouse li::before {
    content: "";
    background-image: url(../images/services/dedicated/ticks.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 4px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.dev-hiring-inhouse .key-advantages-right-list .hiring-inhouse-list::before {
    content: "";
    background-image: url(../images/hire-wordpress-developer/tick.webp);
    position: absolute;
    width: 25px;
    height: 22px;
    left: 8px;
    top: 4px;
    vertical-align: middle;
    background-repeat: no-repeat;
}
.faq_services.software-dev-faq .accordion-body {
    height: 130px !important;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
    .b-border-lg {
        border: 2px dashed rgba(61, 64, 90, 0.45) !important;
        padding: 20px 15px !important;
    }
    .core-services .core-services-card {
        min-height: 315px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 200px;
    }
    .core-services .core-services-card {
        min-height: 240px !important;
    }
    .dedicated-team h2{
        font-size: 28px !important;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .dedicated-team h2{
        font-size: 24px !important;
    }
    .out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 155px;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    .model-work .wp-dev-usa-card {
        text-align: center;
        max-height: 120px !important;
    }
    .out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 165px;
    }
    .prefer-dedicated-card {
        text-align: center;
        background-color: #fff;
        box-shadow: 0px 0px 5px 2px #0000001c;
        min-height: 250px;
        padding: 20px 20px;
        border-radius: 8px;
        border-bottom: 4px solid #3D405A;
    }
    .dedicated-team h2{
        font-size: 22px !important;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

@media screen and (min-width: 426px) and (max-width: 575px) {
    .model-work .wp-dev-usa-card {
        text-align: center;
        max-height: 120px !important;
    }
    .out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 185px;
    }
    .prefer-dedicated-card {
        text-align: center;
        background-color: #fff;
        box-shadow: 0px 0px 5px 2px #0000001c;
        min-height: 120px;
        padding: 20px 20px;
        border-radius: 8px;
        border-bottom: 4px solid #3D405A;
    }
    .dedicated-team h2{
        font-size: 22px !important;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

@media screen and (min-width: 376px) and (max-width: 425px) { 
    .model-work .wp-dev-usa-card {
        text-align: center;
        max-height: 120px !important;
    }
    .prefer-dedicated-card {
        text-align: center;
        background-color: #fff;
        box-shadow: 0px 0px 5px 2px #0000001c;
        min-height: 120px;
        padding: 20px 20px;
        border-radius: 8px;
        border-bottom: 4px solid #3D405A;
    }
    .dedicated-team h2{
        font-size: 22px !important;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

@media screen and (max-width: 375px) {
    .prefer-dedicated-card {
        text-align: center;
        background-color: #fff;
        box-shadow: 0px 0px 5px 2px #0000001c;
        min-height: 120px;
        padding: 20px 20px;
        border-radius: 8px;
        border-bottom: 4px solid #3D405A;
    }
    .out-software-off.php-dev.wp-web-dev .wp-web-dev-card {
        min-height: 200px;
    }
    .core-services .core-services-card {
        background-color: #fff;
        box-shadow: 0px 0px 5px 2px #0000001c;
        min-height: 190px;
        padding: 20px 20px;
        border-radius: 8px;
        border-bottom: 4px solid #3D405A;
    }
    .model-work .wp-dev-usa-card {
        text-align: center;
        max-height: 120px !important;
    }
    .dedicated-team h2{
        font-size: 22px !important;
    }
    .faq_services.software-dev-faq h3 button{
        font-size: 16px !important;
    }
}

/* float form css */

.open-button {
    /* display: none; */
    background-color: #eb1f27;
    color: #fff;
    /* padding: 16px 20px; */
    border: none;
    cursor: pointer;
    opacity: 1;
    position: fixed;
    bottom: 23px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 1;
}

.form-popup {
    display: none;
    position: fixed;
    bottom: 24px;
    right: 20px;
    border: 3px solid #f1f1f1;
    z-index: 99999;
    width: 324px;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
}


.form-popup .form-container {
    max-width: 300px;
    padding: 10px;
    background-color: #fff;
}

.form-popup h3 {
    font-family: var(--theme-font);
    text-align: center;
}

.form-popup .form-container input[type=text],
.form-popup .form-container input[type=password],
.form-popup .form-container textarea {
    width: 100%;
    padding: 15px;
    margin: 5px 0 5px 0;
    border: none;
    background: #f1f1f1;
}

.form-popup .error {
    color: #f00;
}

.form-popup .form-container input[type=text]:focus,
.form-popup .form-container input[type=password]:focus {
    background-color: #ddd;
    outline: none;
}

.form-popup .form-container .btn {
    background-color: #04AA6D;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    opacity: 0.8;
    margin-top: 5px;
    text-transform: uppercase;
}

.form-popup .form-container .btn.cancel:active {
    box-shadow: none !important;
}

.form-popup .form-container .cancel {
    background-color: red;

}

.form-popup .form-container .btn:hover,
.open-button:hover {
    opacity: 1;
}

.form-popup .form-container .btn.cancel {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 0px;
    right: -22px;
    top: -28px;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-popup .btn:focus {
    outline: none;
}

.form-popup textarea {
    margin-bottom: 10px;
    box-shadow: none;
    resize: none;
}

.form-popup textarea:focus {
    box-shadow: none;
}

.float-form{
    background-color: #fff;
}
.form-popup .btn.cancel{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #df795d;
    border-radius: 22px;
    width: 30px;
    height: 30px;
    display: flex;
    /* align-content: center; */
    align-items: center;
    vertical-align: middle;
}
.form-popup .btn.btn_send{
    background-color: #df795d;
    width: 50%;
}
@media screen and (max-width: 992px) {
    .open-button{
        display: none !important;
    }
    .top-header ul li a .bg-clr-org{
        background-color: #df7660;
    }
    .tp_tel {
        background: url('../images/sprite.webp') no-repeat -3px -4px;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 2px;
        vertical-align: middle;
        border-radius: 4px;
    }

    .tp_email {
        background: url('../images/sprite.webp') no-repeat -36px -5px;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 2px;
        vertical-align: middle;
        border-radius: 4px;
    }
}