/*****************************************************************************New-CSS-started-here********************************************************************************/

@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}
.laravel-section-one {
    padding-top: 81px;
}
html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

.outer-banner-sec h1 span.typewrite {
    width: 265px;
    text-align: left;
}

.outer-banner-sec h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 600;
    line-height: 58.51px;
    text-align: center;
    color: #001D4A;
}

#newhead .quote a.btn {
    background: #FFD165;
    color: #fff;
    height: 67px;
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    padding: 0 60px 0 28px;
    position: relative;
    border-radius: 0;
    color: #001D4A;
    transition: .6s;
}

#newhead .quote a.btn:hover {
   
    background: #001D4A;
    color: #FFf;
    cursor: pointer;
}

#newhead .quote a.btn:after {
    content: '';
    position: absolute;
    color: #fff;
    right: 20px;
    width: 30px;
    background-image: url(/public/frontend/images/medium-in-arrow.png);
    height: 17px;
    background-repeat: no-repeat;
    transition: .6s;
}

.home-service-sec {
    padding: 60px 0 60px 0 !important;
}

#newhead .quote a.btn:hover:after {
    background-image: url(/public/frontend/images/medium-arrow.png);
}

#newhead div#navbarTogglerDemo02 {
    box-shadow: 0px 0px 16px 0px #00000012;
    padding: 15px 0;
}

.upwork-outer {
    padding-top: 351px;
    max-width: 900px;
    margin: 0 auto;
}

.video-section-banner .button-div {
    margin-top: 45px;
}

.home-page .video-section-banner .main-btn {
    border: 2px solid #001D4A;
    padding: 24px 105px 24px 35px;
    color: #001D4A;
    position: relative;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: center;
    display: flex;
    height: 67px;
    background: #fff;
    border-radius: 0;
}

.home-page .video-section-banner .main-btn:after {
    content: '';
    position: absolute;
    width: 62px;
    color: #001D4A;
    height: 20px;
    background-image: url('/public/frontend/images/long-arrow.png');
    background-repeat: no-repeat;
    right: 30px;
    top: 25px;
}


.fixed--header .logo-side {
    display: none !important;
}

#newhead .navbar {
    padding: 0 !important;
}

#newhead .quote a.btn:hover:after {
    color: #001D4A;
}

.home-page .video-section-banner .main-btn:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}

.home-page .video-section-banner .main-btn:hover:after {
    color: #001D4A;
}

.home_banner_image {
    height: 950px;
}

body .outer-banner-sec {
    bottom: auto !important;
    padding-top: 240px;
    top: 0;
}

section.home-service-sec {
    background: #FFD1651A;
}

section.home-service-sec .heading-div {
    text-align: center;
    margin-bottom: 35px;
}

.home-service-sec .heading-div h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 58.51px;
    text-align: left;
    color: #001D4A !IMPORTANT;
    position: relative;
}

.home-service-sec .heading-div h2 span.blue-text {
    font-weight: 700 !important;
    color: #001D4A !IMPORTANT;
}

.home-service-sec .heading-div h2:after {
    content: '';
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #FCE39C33;
}

.home-service-sec p {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    color: #001d4a;
    max-width: 848px;
    margin: 0 auto;
}
    .upwork-outer:after {
        /*background-image: url(/public/frontend/images/spring-arrow.webp);*/
       /* content: '';*/
        position: absolute;
        z-index: 9;
        left: -50px;
        width: 700px;
        height: 500px;
        top: -50px;
        background-size: contain;
        background-repeat: no-repeat;
    }
@media(min-width: 768px){
    .upwork-outer:before {
        /*background-image: url(/public/frontend/images/lamp-2.webp);*/
       /* content: '';*/
        position: absolute;
        z-index: 0;
        right: -40px;
        width: 100%;
        height: 740px;
        bottom: -200px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: right;
        max-width: 700px;
    }
}
/*...service-section-css..*/
.service-tabs {
    display: flex;
    width: 100%;
    border: none;
    gap: 30px;
    justify-content: space-between;
}

.service-tabs li.nav-item {
    width: 23%;
    border: none;
}

.service-tabs li.nav-item button {
    box-shadow: none;
    width: 100%;
    height: 92px;
    background: #FFD1651A;
    border: none ! IMPORTANT;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 34.58px;
    text-align: center;
    color: #001D4A;
}

.service-tabs li.nav-item button.active {
    box-shadow: 0px 0px 16px 0px #00000014;
    color: #001d4a;
    position: relative;
}

.service-list-items ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 18px;
}

.service-list-items {
    background: #fff;
    padding: 45px 60px;
    margin-top: 30px;
    min-height: 410px;
    position: relative;
}

.service-list-items ul li {
    padding: 16px 20px 16px 20px;
    width: fit-content;
    color: #001D4A;
    font-family: Montserrat;
    font-size: 17px;
    font-weight: 600;
    line-height: 34.2px;
    text-align: center;
    box-shadow: 0px 0px 5px 0px #00000014;
}

.service-tabs li.nav-item button.active:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #001d4a;
    bottom: 25px;
}

.service-list-items ul li:hover {
    background: #001D4A;
    color: #fff;
}

.serve-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
    justify-content: center;
}

.we-serve-sec {
    background: #001d4a;
    color: #fff;
    padding: 65px 0;
}

.we-serve-sec p {
    padding: 7px 40px 7px 39px;
    margin: 30px 0 30px 0;
    border-right: 1px solid #fff;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 24.38px;
    text-align: left;
}

.we-serve-sec p:nth-child(6),
.we-serve-sec p:last-child {
    border-right: none;
}

.we-serve-sec h3 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700 !important;
    line-height: 58.51px;
    text-align: left;
    color: #FFD165;
}

.we-serve-sec h3 span.orange-text b {
    font-weight: 700;
}

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

.heading-work {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-tabs li.nav-item button:hover {
    background: #fff;
    box-shadow: 0px 0px 16px 0px #00000014;
}

.our-section-new .heading-div h3.main-heading {
    font-weight: 700;
    position: relative;
    color: #001d4a;
}

.our-section-new .heading-div h3.main-heading span {
    color: #001d4a;
}

.our-section-new .heading-div h3.main-heading:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #FCE39C33;
}

.our-section-new p.main-subtitle {
    color: #001D4A;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    text-align: left;
    margin-top: 15px;
}

.view-work-btn a {
    border: 2px solid #001D4A;
    padding: 24px 110px 24px 40px;
    color: #001D4A;
    position: relative;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    height: 67px;
    background: #fff;
    border-radius: 0;
    text-align: center;
    position: relative;
    transition: .6s;
}

.view-work-btn a:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}

.view-work-btn a:after {
    content: '';
    position: absolute;
    right: 35px;
    background-image: url(/public/frontend/images/long-arrow.png);
    width: 62px;
    height: 20px;
    background-repeat: no-repeat;
    top: 25px;
}

.our-section-new .heading-div {
    text-align: left !important;
}

.view-more-btn a {
    border: 2px solid #001D4A;
    padding: 24px 110px 24px 40px;
    color: #001D4A;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
    display: flex;
    height: 67px;
    background: transparent;
    border-radius: 0;
    text-align: center;
    position: relative;
    width: fit-content;
    margin: 0 auto 0;
    transition: .6s;
}

.view-more-btn a:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}

.view-more-btn a:after {
    content: '';
    position: absolute;
    right: 35px;
    background-image: url('/public/frontend/images/long-arrow.png');
    width: 62px;
    height: 20px;
    background-repeat: no-repeat;
    top: 25px;
}

.work-image {
    text-align: center;
    position: relative;
    height: 250px;
}

.our-section-new .content-box {
    background: #FFD165;
    text-align: center;
    padding: 25px;
    position: relative;
    border-radius: 0;
}

.our-section-new .content-box ul {
    display: flex;
}

.our-section-new .content-box .btn-row {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 0;
    top: -20px;
    padding: 0 25px;
    align-items: center;
}

.our-section-new .content-box .btn-row .live-btn {
    position: unset;
}

.our-section-new .content-box h2 {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 600;
    line-height: 39.01px;
    text-align: center;
    margin-top: 15px;
    color: #001d4a;
}
.we-serve-sec p a:hover {
    color: #ffd165;
}
.testimonial {
    margin-top: 46px;
}
.team-life-gallery-sec .testimonial {
    width: 100%;
    margin-top: 0;
}
.our-section-new .content-box p {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 30.76px;
    text-align: center;
    color: #001D4A;
    max-width: 477px;
    margin: 15px auto;
}

.our-section-new a.readmore {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: center;
    position: relative;
    color: #001D4A;
}

.our-section-new a.readmore:after {
    content: '';
    position: absolute;
    color: #000000;
    right: -40px;
    top: 5px;
    width: 30px;
    height: 17px;
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
    background-repeat: no-repeat;
}

.work-image img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
    z-index: 99;
    width: 300px;
}
.our-section-new .content-box .btn-row .live-btn a {
    font-family: Montserrat;
    font-size: 20px ! IMPORTANT;
    font-weight: 600;
    line-height: 24.38px;
    text-align: center;
    color: #000;
    width: 76px;
    height: 32px;
    border-radius: 0;
    box-shadow: 0 0 5px 0 #cccccc6b;
}
.certifications-row {
    margin-bottom: 107px;
}

.certifications-row ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 14px 0px #0000000F;
    gap: 0 15px;
    width: 100%;
    padding: 0 20px;
}

.certifications-row a.view-more-btn {
    background: #001D4A;
    color: #fff;
    display: block;
    width: 220px;
    padding: 50px 30px 50px 30px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    text-align: left;
    position: relative;
    transition: .6s;
}

.award-row {
    display: flex;
    margin-top: 15px;
}

.certifications-row ul li {
    width: fit-content;
    padding: 0;
    text-align: center;
}

.certifications-row a.view-more-btn:after {
    content: '\f054';
    position: absolute;
    font-family: 'FontAwesome';
    right: 25px;
    top: 43px;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #001d4a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: 300;
}

.certifications-row h2 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 36.22px;
    text-align: left;
    color: #001d4a;
}

/*.certifications-row h2 span {
    color: #ffd165;
}*/

body .our-section-new {
    padding-bottom: 95px;
    padding-top: 40px;
}

.certifications-row a.view-more-btn:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}

.new-appreciated-sec {
    background: #001d4a;
    color: #fff;
    padding: 100px 0;
}

.new-appreciated-sec h3.main-heading {
    color: #fff;
    font-weight: 600;
}

.new-appreciated-sec h3.main-heading span.grey-bold {
    color: #fff;
}

.new-appreciated-sec .video-div:after {
    position: absolute;
    width: 300px;
    height: 370px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    top: -33px;
    background: #FFD165;
}

.new-appreciated-sec .video-div:after {
    content: '';
}

.new-appreciated-sec .video-col video {
    max-width: 535px;
    margin: 0 auto;
    height: 303px;
}

.new-appreciated-sec .video-div {
    position: relative;
    text-align: center;
}

.new-appreciated-sec button.owl-dot {
    width: 82px;
    height: 82px;
    border-radius: 100%;
    margin: 0 70px;
}

.new-appreciated-sec button.owl-dot:nth-child(2) span {
    background-image: url('/public/assets/images/post/1621591309.webp') !important;
    background-size: contain !important;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.new-appreciated-sec button.owl-dot:first-child span {
    background-image: url('/public/assets/images/post/1681474451.webp') !important;
    background-size: contain !important;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.new-appreciated-sec button.owl-dot:nth-child(3) span {
    background-image: url('/public/assets/images/post/1681474420.webp') !important;
    background-size: contain !important;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.new-appreciated-sec button.owl-dot.active {
    height: 110px;
    width: 110px;
    border-radius: 100%;
    position: absolute;
}

.new-appreciated-sec button.owl-dot.active span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
}

.new-appreciated-sec button.owl-dot.active span {
    width: 110px;
    height: 110px;
    border: none !important;
    border-radius: 100%;
}

.new-appreciated-sec .owl-dots {
    align-items: center;
    gap: 15px;
    position: absolute;
    top: 60px !important;
    bottom: auto;
    left: 0;
    right: 0;
}

.new-appreciated-sec button.owl-dot span {
    position: relative;
}

.new-appreciated-sec .owl-carousel {
    padding-top: 150px;
}

.new-appreciated-sec button.owl-dot.active span:after {
    content: '';
    width: 120px;
    height: 120px;
    position: absolute;
    left: -5px;
    border: 1px solid #b09046;
    border-radius: 100%;
    top: -5px;
}

.new-appreciated-sec .testimonial .head-div {
    display: inline-block;
    vertical-align: middle;
    border: none;
    margin-left: 0;
    padding: 0;
}

.new-appreciated-sec .testimonial .head-div h3.title {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 45.6px;
    text-align: left;
    color: #ffd165;
    position: relative;
    margin-left: -58px;
    padding-left: 80px;
}

.new-appreciated-sec .testimonial .head-div h3.title:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -5px;
    border: 2px solid #FFD165;
    z-index: -2;
}

.new-appreciated-sec .owl-carousel .owl-stage-outer {
    padding-bottom: 0;
}

.certifications-row ul li img {
    height: 31px;
    object-fit: contain;
}

.new-appreciated-sec .testimonial .description {
    position: relative;
    padding-top: 50px;
    padding-left: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 190%;
}

.new-appreciated-sec .testimonial .description:after {
    content: '';
    position: absolute;
    left: -25px;
    top: 30px;
    font-family: 'FontAwesome';
    font-size: 40px;
    background: url(/public/frontend/images/q-left.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
}

.new-appreciated-sec .testimonial .description:before {
    content: '';
    position: absolute;
    right: 15px;
    bottom: -25px;
    font-family: 'FontAwesome';
    font-size: 40px;
    background: url(/public/frontend/images/q-right.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    color: #FFFFFF29;
}

footer.footer.new-footer .nav-pills .nav-link {
    position: relative;
}

footer.footer.new-footer .nav-pills .nav-link:after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    transform: rotate(180deg);
    position: absolute;
    right: -18px;
    top: 2px;
    font-size: 18px;
    color: #fff;
}

footer.footer.new-footer .nav-pills .nav-link.active::after {
    transform: rotate(0);
}

.new-appreciated-sec .video-col img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 50px;
}

section.hire-developer {
    padding: 100px 0;
}

section.hire-developer .owl-nav {
    display: none;
}

section.hire-developer .owl-dots {
    display: none;
}

section.hire-developer h3 {
    font-weight: bold;
    position: relative;
    font-size: 44px;
    display: inline-block;
    color: #001D4A;
    line-height: 76px;
}

section.hire-developer h3:after {
    content: '';
    position: absolute;
    height: 25px;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #FCE39C33;
}

section.hire-developer .item img {
    width: auto !important;
    object-fit: contain;
}

section.hire-developer .item {
    display: flex;
    align-items: center;
    padding: 15px 20px !important;
    box-shadow: 0 0 10px #ccc;
    border-radius: 50px;
    text-align: center;
    justify-content: center;
    margin: 5px 10px;
    border: 1px solid transparent;
}

section.hire-developer .item h2 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    margin-left: 10px;
    min-height: 40px;
    display: flex;
    align-items: center;
    color: #001D4A;
}

section.hire-developer .owl-stage {
    display: flex;
    align-items: center;
    gap: 0;
}

.our-section-new .content-box ul li {
    margin-left: 10px;
}

.our-section-new .content-box ul li img {
    width: 32px;
}

.footer.new-footer .col-md-6:first-child {
    padding-right: 40px;
}

.footer.new-footer .col-md-6:first-child h2 {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 27.16px;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 0;
    color: #fff;
}

.footer.new-footer .col-md-6:first-child p {
    max-width: 579px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 180%;
    text-align: left;
    margin: 10px 0;
}

.footer.new-footer .call-mail-div {
    margin-top:  !important;
}

.footer.new-footer .footer-contact .call-mail-div {
    position: unset !important;
}

.footer.new-footer .footer-contact ul span {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 27.16px;
    text-align: left;
}

.footer.new-footer .footer-col.border-right {
    border-right: none !important;
}

.footer.new-footer .quick-links {
    padding: 0 70px 0 70px;
    position: relative;
}

.footer.new-footer .quick-links:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 273px;
    background: linear-gradient(to top, #743ad500, #ffffff9e, #d53a9d00);
    top: 0;
    bottom: 0;
    margin: auto;
}

.footer.new-footer .footer-services {
    padding: 0 0 0 70px;
    position: relative;
}

.footer.new-footer .footer-services:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 273px;
    background: linear-gradient(to top, #743ad500, #ffffff9e, #d53a9d00);
    top: 0;
    bottom: 0;
    margin: auto;
}

.footer.new-footer h4.footer-main-title.orange-text {
    color: #FFD165 !important;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 30.18px;
    text-align: left;
}

.footer.new-footer .footer-col li .fa {
    display: none !important;
}

.footer.new-footer .footer-col li a {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 24.14px;
    text-align: left;
}

.footer.new-footer .social-icons ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    background: #001d4a;
    padding: 0 25px;
}

.footer .tab-content .tab-pane .col-sm-4 {
    max-width: fit-content;
    padding-right: 77px;
    border-right: 1px solid;
}

.footer.new-footer .social-icons {
    padding: 50px 0;
    position: relative;
}

.footer.new-footer .social-icons ul i {
    font-size: 15px;
    width: 24px;
    background: #fff;
    color: #001d4a;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.footer.new-footer .social-icons:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #FFFFFF80;
    top: 60px;
}

footer.footer.new-footer .nav-pills .nav-link {
    background: none !important;
    display: flex;
    box-shadow: none !IMPORTANT;
    border: none !important;
    padding: 0;
}

footer.footer.new-footer .img-div img {
    width: 26px;
    height: 18px;
    margin-right: 12px;
}

footer.footer.new-footer ul#pills-tab li.nav-item {
    width: 25%;
}

footer.footer.new-footer .nav-pills .nav-link span {
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 27.16px;
    text-align: left;
}

footer.footer.new-footer h4 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 30.18px;
    text-align: left;
    color: #FFD165;
    margin-bottom: 15px;
}

.footer .tab-content #pills-profile::after {
    left: 29%;
}

.footer .tab-content #pills-contact::after {
    left: 57%;
}

.footer .tab-content div#uk::after {
    left: 80%;
}

.footer .subtab {
    background: #001d4a;
    color: #001d4a;
    padding: 0;
    margin-top: 0px !important;
    width: 100%;
    position: absolute;
    left: 0;
    overflow: visible;
    padding-top: 25px !important;
}

ul.Location-tab li.hover .subtab.us-tab:after {
    left: 83%;
    z-index: 9999;
}

.footer .subtab.active:after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    position: absolute;
    top: 10px;
    color: #D3DAE8;
    font-size: 45px;
    z-index: 9999;
    left: 5%;
}

.footer .tab-content .tab-pane li {
    margin-bottom: 20px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 24.14px;
    text-align: left;
}

.for-flex {
    display: flex;
    padding: 40px;
    align-items: center;
    background: #D3DAE8;
    height: 500px;
}

footer.footer.new-footer .copyright-sec {
    border: none;
    justify-content: center;
    padding: 20px 0;
    margin: 0;
}

footer.footer.new-footer .copyright-sec ul.footer-social-links {
    display: none;
}

.copyright-row {
    justify-content: center;
}

.footer.new-footer .social-icons ul i:hover {
    background: #ffd165;
    cursor: pointer;
}

footer.footer.new-footer .nav-pills .nav-link {
    cursor: pointer;
}

section.hire-developer .item:hover {
    border: 1px solid #ffd165;
    cursor: pointer;
}

.our-section-new a.readmore:hover {
    text-decoration: underline;
}

.service-tabs li.nav-item button:hover {
    cursor: pointer;
}

.our-section-new .content-box .live-btn a:after {
    display: none !important;
}

body section.home-slider .upwork-outer .plt-icons {
    width: 20%;
}

body section.home-slider .upwork-outer .plt-icons img.same-btn {
    height: 25px;
    width: 100% ! IMPORTANT;
    object-fit: contain;
}

body section.home-slider .upwork-outer .plt-icons:last-child img.same-btn {
    max-width: 150px !important;
}

.footer .tab-content .tab-pane li {
    position: relative;
    width: fit-content;
}

.footer .tab-content .tab-pane li:hover:after {
    content: '';
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
    position: absolute;
    right: -70px;
    width: 63px;
    height: 15px;
    background-repeat: no-repeat;
    top: 4px;
}

.footer .tab-content .tab-pane li a:hover {
    text-decoration: underline;
}

ul.Location-tab {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-between;
    height: 375px;
}

ul.Location-tab li {
    width: 25%;
    position: unset;
    height: fit-content;
}

ul.Location-tab li.hover a:after {
    transform: rotate(360deg);
}

ul.Location-tab li li {
    width: 100%;
}

.footer .subtab.active {
    z-index: 999;
    height: 100%;
}

.btn-tab-here img {
    width: 30px;
}

.subtab {
    width: 100%;
    left: 0;
    background: #d3dae8;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    background: #e5feff;
    overflow: hidden;
    max-height: 0;
}

ul.Location-tab li:hover .subtab {
    max-height: 400px;
    overflow: visible;
    z-index: 9999999999;
}

.subtab div#v-pills-tab {
    width: 30%;
    max-width: 300px;
    padding-right: 77px;
    border-right: 1px solid;
    margin-right: 50px;
}

.subtab div#v-pills-tabContent {
    width: 80%;
}

.footer .subtab a:after {
    display: none;
}

footer.footer.new-footer .nav-pills .nav-link {
    padding: 0 0 15px 0;
    font-size: 16px;
}

footer.footer.new-footer .nav-pills .nav-link.active {
    font-weight: 600;
    color: #001d4a;
}

.footer .subtab.canada-tab::after {
    left: 28%;
}

.btn-tab-here a {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 27.16px;
    text-align: left;
    margin-left: 10px;
    position: relative;
}

.btn-tab-here {
    display: flex;
    align-items: center;
}

.btn-tab-here a:after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    transform: rotate(180deg);
    position: absolute;
    right: -18px;
    top: 1px;
    font-size: 18px;
    color: #fff;
}

ul.Location-tab li.hover .subtab:after {
    content: '\f0d8';
    position: absolute;
    font-family: fontawesome;
    top: 10px;
    color: #D3DAE8;
    font-size: 45px;
    z-index: 9999;
}

ul.Location-tab li.hover .subtab.uk-tab:after {
    z-index: 999;
    left: 58%;
}

ul.Location-tab li.hover .subtab:after {
    left: 5%;
}

ul.Location-tab li.hover .subtab.canada-tab:after {
    left: 30%;
}


/*....about us page css started here....*/
#newhead .nav-submenu.icon-menu .service_submenu:hover,
.custom-menu-1 .sub-menu-1 a:hover,
.custom-menu-2 .sub-menu-1 a:hover {
    background: #FFD165 !important;
    color: #001d4a !important;
}

#newhead .nav-submenu a.list-group-item {
    border-bottom: 0 !important;
}

.inner-page-header .header-inner-site.menu-side {
    width: 100% !IMPORTANT;
}

body #newhead.inner-page-header .header-inner-site.logo-side {
    width: 100% !important;
}

#newhead.inner-page-header .navbar {
    width: 100% !IMPORTANT;
}

#newhead .nav-submenu {
    border-radius: 0 !important;
    box-shadow: 0px 0px 14px 0px #0000001F;
    padding: 0;
    min-width: 251px;
}

#newhead .nav-submenu a.list-group-item {
    padding: 20px;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    text-align: left;
    color: #001D4A !important;
}

section.about-banner-section {
    height: fit-content;
    position: relative;
    margin-top: 89px;
}

.about-banner-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 120px;
    z-index: 999;
}

header#newhead {
    background: #fff !important;
}

.about-banner-content p {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 27.63px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.about-banner-content .row.global-rating {
    flex-wrap: wrap;
    margin: 0 !important;
}

.about-banner-content .row.global-rating .col-md-2.col-6 {
    width: 50% !important;
    max-width: 50%;
    flex: 50%;
    text-align: center;
    padding: 17px;
}

.about-banner-content .row.global-rating h3 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 55.26px;
    text-align: center;
    color: #fff;
}

.about-banner-content .row.global-rating span {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 27.63px;
    text-align: center;
    color: #fff;
}

.about-banner-content .row {
    align-items: center;
}

.about-banner-section video#video {
    height: 100vh;
    width: calc(100% + 2px) !important;
    object-fit: cover;
    object-position: top;
}

.work-infograph-sec p.subtitle {
    text-align: center;
}

.why-choose-p-sec {
    background: #f6f6f6;
    padding: 50px 0;
}

.work-infograph-sec {
    margin-top: -10px;
}

.about-banner-content .row.global-rating {
    position: relative;
}

.about-banner-content .row.global-rating:after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1px;
    height: 273px;
    background: linear-gradient(to top, #743ad500, #ffffff9e, #d53a9d00);
    top: 0;
    bottom: 0;
    margin: auto;
}

.about-banner-content .row.global-rating:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 273px;
    background: linear-gradient(to top, #743ad500, #ffffff9e, #d53a9d00);
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
    right: 0;
}

.sortLink.selected {
    font-weight: 600;
}

.menu-side {
    padding: 15px 0 !important;
}

img#changed_banner_image {
    height: 100vh;
}

body .outer-banner-sec .align-items-center .col-md-12:first-child {
    position: relative;
    z-index: 99;
}

.subtab {
    height: 100%;
}

.our-section-new a.readmore {
    background: none ! IMPORTANT;
    text-align: center;
    width: fit-content;
    padding: 0;
    margin: 0 auto;
}

.modal-dialog {
    height: 100% !important;
    display: flex;
    align-items: center;
}

.our-service-section {
    text-align: center;
    background: #FFD1651A;
    padding: 88px 0;
}

.our-service-section .heading-div p {
    text-align: center;
}
.our-service-section h2.main-heading {
    position: relative;
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 58.51px;
    text-align: left;
    color: #001d4a;
}

.our-service-section .service-box {
    overflow: hidden;
    border: 1px solid #001D4A1A;
    padding: 0;
    height: 497px;
    position: relative;
}

.our-service-section .service-box:hover .back {
    top: 0;
    background: #fff;
    z-index: 9999;
}

.our-service-section .service-box:hover .service-icon {
    background: #fffbef;
}

.list-services {
    min-height: 252px;
}

.back ul {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
}

.back ul li {
    width: fit-content;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 30.4px;
    text-align: center;
    color: #001D4A;
    padding: 10px 45px 10px 20px;
}

.back ul li {
    position: relative;
    overflow: hidden;
}

.back ul li:hover:after {
    left: auto;
    right: 20px;
    transition: .5s ease;
}

.back ul li:after {
    content: '';
    position: absolute;
    color: #000000;
    left: -100%;
    top: 20px;
    width: 20px;
    height: 10px;
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.flip-box-back .service-icon {
    background: url(/public/frontend/images/ylo-circle.webp) !important;
    backrgound-size: contain !important;
    background-repeat: no-repeat !important;
}

.back ul li:hover {
    background: #FFD1651A;
}

ul.web_design li {
    width: fit-content;
}

ul.web_design {
    justify-content: center;
}

.front {
    z-index: 9;
    position: relative;
    background: #fffbef;
    height: 100%;
    padding: 40px;
    cursor: pointer;
}

.our-service-section .service-icon {
    width: 139px;
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px auto;
}

.flip-box-front .service-icon {
    background: url('/public/frontend/images/white-circle.webp') !important;
    backrgound-size: contain !important;
    background-repeat: no-repeat !important;
}

.our-service-section .service-box h2 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 34.58px;
    text-align: center;
    margin-bottom: 15px;
    color: #001D4A;
}

.our-service-section .col-sm-6 {
    margin-bottom: 30px;
}

.fixed--header {
    z-index: 9999999;
}

.our-service-section .service-description p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 27.66px;
    text-align: center;
    color: #001D4A;
    min-height: 250px;
}

.our-service-section .heading-div {
    margin-bottom: 40px;
}

.our-service-section h2.main-heading:after {
    content: '';
    width: 100%;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #FCE39C33;
}

.our-service-section h2.main-heading span {
    font-weight: 700 !important;
    color: #001d4a;
}

.our-service-section .heading-div p {
    max-width: 848px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    text-align: center !important;
    margin: 0 auto;
    color: #001D4A;
}

.flip-box {
    width: 100%;
    perspective: 1000px;
    overflow: hidden;
    padding: 0;
    height: 497px;
    position: relative;
}

.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;
}

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

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 40px;

}

.flip-box-front {
    background-color: #fffbef;
    border: 1px solid #001D4A1A;
}

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

.flip-box-back {
    background-color: #ffffff;
    transform: rotateY(180deg);
    border: 1px solid #001D4A1A;
}

.flip-box-inner h3 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 34.58px;
    text-align: center;
    margin-bottom: 15px;
    color: #001D4A;
}

section.hire-developer .item a {
    display: flex;
}


ul.Location-tab li div#v-pills-tab {
    height: 220px;
    display: block;
}

.for-flex {
    height: fit-content;
    align-items: baseline;
}

ul.Location-tab li:last-child div#v-pills-tab {
    overflow-y: scroll;
}

.service-p-col h6 {
    font-size: 18px;
    font-weight: 600;
    color: #001d4a;
}

.service-p-col .icon-p-div {
    height: 150px !important;
}

.social-m-m-head h4 {
    font-weight: 500;
    line-height: 24px;
}
section.page-head-sec h4.slowest {
    margin: 25px 0 0;
}
.inner-page .header-inner-site.logo-side {
    display: none !important;
}
.inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
    margin-left: 25px !important;
}
@media(max-width: 1600px) {
    ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin-left: 0 !important;
        gap: 30px !important;
    }
    .inner-page .logo-side {
        display: none !important;
    }

    .inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        display: flex;
        align-items: center;
        margin-left: 20px !important;
        justify-content: center !important;
        gap: 25px !important;
    }


    .inner-page .header-inner-site {
        padding: 15px 0 !IMPORTANT;
    }

    .inner-page.fixed--header .menu-side {
        padding: 15px 0 !important;
    }
}

@media(min-width: 1601px) {
    #newhead .container {
        max-width: 100%;
        padding: 0 16px;
    }

    #newhead .logo-side {
        width: fit-content !important;
        display: inline-flex !important;
        padding: 0 !important;
    }

    #newhead .navbar {
        display: flex;
        flex-direction: row !important;
        justify-content: space-between;
    }

    #newhead .navbar .menu-side {
        padding: 0 !important;
    }

    #newhead .navbar .menu-side div#navbarTogglerDemo02 {
        box-shadow: none !important;
    }

    .logo {
        padding: 20px 0 !important;
    }

    .fixed--header {
        background: #fff !important;
        box-shadow: 0 0 10px #ccc;
    }

    body .outer-banner-sec {
        bottom: auto !important;
        padding-top: 150px !important;
        top: 0;
    }

    #newhead .navbar-nav .nav-item.home-nav {
        display: none !important;
    }
    header#newhead.inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        display: flex;
        align-items: center;
        margin-left: auto !important;
        justify-content: center !important;
    }
    .inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin-left: auto !important;
    }
}

@media(min-width: 1025px) and (max-width: 1399px) {
    .home_banner_image {
        height: 1050px;
    }

    img#changed_banner_image {
        height: 1050px;
    }

    body .outer-banner-sec {
        padding-top: 192px;
    }
}

@media(min-width: 1281px) and (max-width: 1330px) {
    .upwork-outer:before {
        right: 0;
    }
}


@media(min-width: 1025px) and (max-width: 1280px) {
    .upwork-outer:before {
        right: 0;
        max-width: 600px;
        height: 640px;
        bottom: -149px;
    }

    .upwork-outer:after {
        left: -100px;
    }
}


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

    img#changed_banner_image {
        height: 1010px;
    }
    .portfolio-p-sec .nav {
        padding: 30px !important;
    }
    .portfolio-p-sec .nav li a {
        font-size: 16px;
    }

    .portfolio-p-sec .show-child .child-cat {
        padding: 0 3px !important;
    }
    .upwork-outer:after {
        left: -130px !important;
    }

    img#changed_banner_image {
        height: 1010px;
    }

    .outer-banner-sec h1 {
        font-size: 70px;
    }

    .outer-banner-sec h2 {
        font-size: 36px;
    }

    section.hire-developer h3 {
        font-size: 31px;
    }

    .footer.new-footer .quick-links {
        padding: 0 30px;
    }

    .footer.new-footer .footer-services {
        padding: 0 0 0 30px;
    }

    section.hire-developer .item img {
        width: 30px !important;
    }

    .we-serve-sec p {
        margin: 15px 10px 15px 10px;
    }
}


@media(min-width: 992px) and (max-width: 1024px) {
    .home_banner_image {
        height: 800px;
    }
    .portfolio-p-sec .nav {
        padding: 30px !important;
    }
    .portfolio-p-sec .nav li a {
       font-size: 16px !important;
    }


    body img#changed_banner_image {
        height: 800px;
    }

    .outer-banner-sec h1 {
        font-size: 48px;
        line-height: normal !important;
    }

    .outer-banner-sec h2 {
        font-size: 36px;
    }

    .outer-banner-sec h1 span.typewrite {
        width: fit-content;
        text-align: left;
    }

    .upwork-outer:after {
        width: 350px;
        height: 600px;
        left: -59px;
    }

    .upwork-outer:before {
        width: 450px;
        height: 500px;
        bottom: -100px;
        right: 0;
    }

    body section.home-slider .upwork-outer .plt-icons img.same-btn {
        height: 25px !Important;
    }

    .upwork-outer {
        padding-top: 200px;
    }

    section.hire-developer h3 {
        font-size: 31px;
        line-height: 36px;
        margin-bottom: 30px;
    }

    section.hire-developer .col-sm-5,
    section.hire-developer .col-sm-7 {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .btn-tab-here a {
        font-size: 18px;
    }

    .footer.new-footer .quick-links {
        padding: 0 30px;
    }

    .footer.new-footer .footer-services {
        padding: 0 0 0 30px;
    }

    .certifications-row ul li {
        padding: 0 20px;
    }

    .back ul li {
        padding: 5px 45px 5px 20px;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    .new-appreciated-sec h3.main-heading {
        font-size: 36px;
    }
    .portfolio-p-sec .nav {
        padding: 30px 10px !important;
    }
    .portfolio-p-sec .nav li a {
        font-size: 13px !important;
    }
    .portfolio-p-sec .page-head-sec {
        height: 250px;
    }
    .portfolio-p-sec .show-child .child-cat {
        justify-content: center;
        padding: 0 !important;
    }
    .home_banner_image {
        height: 500px !important;
    }

    .our-section-new .content-box h2 {
        font-size: 24px;
    }

    .btn-tab-here a {
        font-size: 12px;
    }

    .footer-contact .call-mail-div img {
        padding-right: 10px;
    }

    .footer.new-footer .footer-col li a {
        display: flex;
        font-size: 14px;
    }

    .for-flex {
        padding: 25px;
    }

    .subtab div#v-pills-tab {
        padding-right: 30px;
    }

    .footer.new-footer .footer-contact ul span {
        font-size: 18px;
    }

    img#changed_banner_image {
        height: 650px !important;
        margin-top: -100px !important;
    }

    .outer-banner-sec h1 {
        font-size: 48px;
        line-height: normal !important;
    }

    .outer-banner-sec h2 {
        font-size: 36px;
    }

    .outer-banner-sec h2 {
        font-size: 31px;
    }

    section.hire-developer .item h2 {
        font-size: 18px;
    }

    .our-section-new .content-box h2 {
        font-size: 24px;
    }

    .footer.new-footer .quick-links {
        padding: 0 30px;
    }

    .footer.new-footer .footer-services {
        padding: 0 0 0 30px;
    }

    section.hire-developer .item img {
        width: 30px !important;
    }

    .we-serve-sec p {
        margin: 15px 10px 15px 10px;
        font-size: 18px;
    }

    body section.home-slider .upwork-outer .plt-icons img.same-btn {
        height: 20px !Important;
    }

    .quote.d-none.d-md-block {
        display: none !important;
    }

    #newhead .navbar .logo-side {
        padding: 0 !important;
    }

    .menu-side {
        width: 100% !important;
        justify-content: end !important;
    }

    .certifications-row a.view-more-btn {
        width: fit-content;
        padding: 25px 40px 25px 10px;
        font-size: 14px;
    }
    .menu-side button.navbar-toggler {
        position: absolute;
        top: 40px;
    }

    .menu-side button.navbar-toggler i.fa {
        font-size: 27px;
    }

    body .outer-banner-sec {
        bottom: auto !important;
        padding-top: 0;
        top: 0;
    }

    .outer-banner-sec h1 span.typewrite {
        width: fit-content;
        text-align: left;
    }

    .upwork-outer:after {
        width: 500px;
        height: 400px;
        left: -100px;
    }

    .upwork-outer:before {
        width: 400px;
        height: 450px;
        bottom: -50px;
        right: -15px;
    }

    .upwork-outer {
        padding-top: 250px;
    }

    .view-work-btn a {
        padding: 24px 75px 24px 20px;
        font-size: 18px;
        white-space: nowrap;
    }

    .view-work-btn a:after {
        width: 40px;
        background-size: contain;
        right: 20px;
        top: 28px;
    }

    .certifications-row ul li {
        padding: 0 10px;
    }

    .certifications-row a.view-more-btn:after {
        right: 10px;
        top: 27px;
        width: 20px;
        height: 20px;
    }
    .new-appreciated-sec .owl-dots {
        justify-content: space-between;
    }

    .new-appreciated-sec .owl-dots button.owl-dot {
        margin: 0;
    }

    .new-appreciated-sec button.owl-dot.active {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .new-appreciated-sec .owl-dots {
        justify-content: space-between;
    }

    .new-appreciated-sec .owl-dots button.owl-dot {
        margin: 0;
    }

    .new-appreciated-sec button.owl-dot.active {
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    section.hire-developer .col-sm-5,
    section.hire-developer .col-sm-7 {
        max-width: 100%;
        width: 100%;
        flex: 100%;
    }

    .flip-box {
        height: 680px;
    }

    .flip-box-front {
        padding: 20px;
    }

    .back ul li {
        padding: 5px 45px 5px 20px;
    }
}

@media(max-width: 991px){
    .news_noixc .min_ise {
        display: block ! IMPORTANT;
    }

    .news_noixc .news_main_inxc {
        max-width: 100% !important;
        width: 100%;
    }

    .news_noixc .right_news_inside {
        max-width: 100% !important;
        width: 100%;
    }

    .news_noixc .right_news_inside {
        background: #F9F9F9;
        padding-top: 20px;
        margin-bottom: 40px;
    }

    .news_noixc .right_news_inside aside.related_new_x{
        padding-bottom: 15px;
    }
}

.news_noixc .right_news_inside {
    background: #F9F9F9;
    padding-top: 20px;
}

.news_noixc .right_news_inside .blog-div {
    max-width: 100% !important;
    width: 100%;
}
section.btns-marketing {
    margin-top: 25px;
}

@media(max-width: 767px){
    body section.news-in-to .blog-ttl1 h1 {
    font-size: 16px !important;
}
    section.inner-top-space.provider .container h4 {
    font-size: 18px;
    padding: 0 0 15px 0 !important;
    text-align: center;
}
        #newhead .list-group.nav-submenu.show a {
        max-width: 100%;
        justify-content: center;
    }
    body .page-head-sec .main-heading {
        font-size: 14px;
        margin-bottom: 0;
        line-height: normal;
    }
    section.portfolio-p-sec.about-gallery-p-sec .gallery div#content h1.main-heading {
        font-size: 14px;
        min-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    section.portfolio-p-sec.about-gallery-p-sec .gallery div#content {
        display: block;
    }
    section.portfolio-p-sec.about-gallery-p-sec .gallery div#content .filter-tags br {
        display: none;
    }
    section.portfolio-p-sec.about-gallery-p-sec .heading-div {
        justify-content: center;
    }
    section.portfolio-p-sec.about-gallery-p-sec .filter-tags {
        display: flex;
        justify-content: center !important;
    }
    section.portfolio-p-sec.about-gallery-p-sec div#content {
        margin-top: 50px;
    }
    section.fixed-blue-bar h1 {
        font-size: 14px;
        min-height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body section.page-head-sec .main-heading {
        font-size: 14px !important;
        margin-bottom: 0 !important;
        line-height: normal;
        min-height: 45px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .portfolio-p-sec .nav {
        padding: 10px !important;
    }
    .new-appreciated-sec .testimonial .description{
        padding-left: 0 !important;
    }

      .portfolio-p-sec .nav ul.child-cat.nav.nav-pills {
        background: #fff !important;
        padding: 15px !important;
        max-height: max-content;
    }

    .portfolio-p-sec .child-cat .cust-work-tab a {
        margin: 5px !important;
    }

    .portfolio-p-sec .nav ul.child-cat.nav.nav-pills li.cust-work-tab {
        border: none !important;
    }

    .portfolio-p-sec .nav li a {
        font-size: 16px !important;
    }

    .portfolio-p-sec .page-head-sec {
        margin-bottom: 25px !important;
    }
    .quote.d-none.d-md-block {
        display: none !important;
    }
    #newhead .navbar .logo-side {
        justify-content: center !important;
        padding: 0 !important;
    }
    .menu-side {
        width: 100% !important;
        justify-content: end !important;
    }
   .menu-side button.navbar-toggler {
        position: absolute;
        top: 33px;
    }
    .menu-side button.navbar-toggler i.fa {
        font-size: 27px;
    }
    .logo svg {
        width: 140px;
    }
    body .outer-banner-sec {
        padding-top: 0;
        position: unset;
    }
    .menu-side {
        padding: 0 !IMPORTANT;
    }
    body .outer-banner-sec h1 {
        font-size: 32px;
        line-height: 39.01px;
        margin-bottom: 5px;
    }
    .outer-banner-sec h2 {
        font-size: 20px;
        line-height: 24.38px;
    }
    body .upwork-outer:after {
        width: 125px;
        height: 250px;
        left: -20px;
        top: -31px;
    }
    .upwork-outer:before {
        max-width: 300px;
        height: 350px;
        bottom: -70px;
        right: 0;
    }
    .logo {
        padding: 25px 0 25px 0;
    }
    .video-section-banner .button-div{
        margin-top: 24px !important;
    }
    img#changed_banner_image {
        height: 400px;
    }
    .upwork-outer {
        padding-top: 62px;
        max-width: 70%;
        justify-content: center;
        padding-bottom: 30px;
    }
    .outer-banner-sec{
        transform: unset !important;
    }
    .outer-banner-sec h1 span.typewrite{
        width: fit-content !Important;
    }
    body section.home-slider .upwork-outer .plt-icons img.same-btn {
        height: 20px !important;
    }

    .home-page .video-section-banner .main-btn {
        font-size: 12px;
        line-height: 14.63px;
        padding: 0 15px !important;
        height: 35px;
        width: 180px !important;
        max-width: 182px !important;
        flex: auto;
    }
    .home-page .video-section-banner .main-btn:after {
        width: 30px;
        right: 13px;
        top: 12px;
        background-size: contain;
}


.our-service-section {
    padding: 36px 0;
}

.our-service-section h2.main-heading {
    font-size: 20px;
    line-height: 24.38px;
    margin-bottom: 10px !important;
}

.our-service-section .heading-div p {
    font-size: 14px;
    line-height: 25.2px;
}

.we-serve-sec {
    padding: 26px 0;
}

.we-serve-sec h3 {
    font-size: 20px;
    line-height: 24.38px;
}

.we-serve-sec p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    margin: 10px 0;
    padding: 0px 20px;
}

.our-section-new .heading-div h3.main-heading {
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
}

.our-section-new p.main-subtitle {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 17.07px;
    max-width: 217px;
}

.view-work-btn a {
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    padding: 10px 15px 10px 15px;
    width: 150px;
    height: 37px;
}

.view-work-btn a:after {
    width: 26px;
    background-size: contain;
    right: 15px;
    top: 15px;
}
.mobile-none{
    display: none;
}
.our-service-section .view-more-btn {
    display: none;
}
.hide-mobile {
    display: none;
}
.award-row ul {
    display: none;
}
.certifications-row h2 {
    text-align: center;
    font-size: 20px;
}
.certifications-row a.view-more-btn {
        height: 37px;
        padding: 10px 20px;
        width: 135px;
        font-size: 14px;
        font-weight: 600;
        line-height: 17.07px;
        text-align: left;
        margin: 0 auto;
}
.certifications-row a.view-more-btn:after {
    font-size: 14px;
    top: 11px;
    right: 15px;
    height: 14px;
    width: 14px;
}
.award-row {
    justify-content: center;
    max-width: 100%;
}
.certifications-row-desktop .col-sm-3 {
    max-width: 100%;
    flex: 100%;
}
.our-section-new .heading-div {
    margin: 0;
}
body .our-section-new {
    padding: 40px 0;
}
.certifications-row {
    margin: 0 0 50px 0;
}
}

@media(max-width: 400px){
    body .outer-banner-sec h1 {
        min-height: 80px;
    }
    body .upwork-outer:after {
        width: 125px;
        height: 250px;
        left: -20px;
        top: -31px;
    }
    .upwork-outer {
        padding-top: 62px !important;
        max-width: 300px !important;
    }
    img#changed_banner_image {
        height: 550px !Important;
    }
    .hire-developer-mobile .col-sm-12 {
    gap: 10px !important;
}
}

@media(max-width: 575px){
    img#changed_banner_image {
        height: 440px;
    }
    .upwork-outer:after {
        width: 290px;
        height: 250px;
        left: -50px;
        top: -31px;
    }
    .outer-banner-sec h2{
        font-size: 16px;
    }
}


@media(min-width: 768px){
    #services-accordian, .service-mobile{
        display: none;
    }
    .certifications-row.certifications-mobile-row{
        display: none !important;
    }
    #our-work-slider, .hire-developer-mobile{
         display: none !important;
    }
    .social-icons-mobile{
         display: none !important;
    }
}

@media(max-width: 991px){
    .quote.for-mobile-tools {
        display: block !important;
        margin-bottom: 151px;
    }
#newhead  .quote.for-mobile-tools a.btn.head-btn-1 {
    background: #fff !important;
    color: #001D4A !IMPORTANT;
    width: 250px !important;
    margin: 45px auto 0 auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
}
#newhead  .quote.for-mobile-tools a.btn.head-btn-1:after {
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
}
#newhead .quote.for-mobile-tools a.btn.head-btn-1:hover {
    background: #ffd165 !important;
}
.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon div {
    position: unset;
}
header#newhead .container {
    padding: 0;
}
.menu-side button.navbar-toggler.collapsed {
    width: 30px;
    height: 30px;
}

.menu-side button.navbar-toggler.collapsed span.navbar-toggler-icon {
    width: fit-content;
    height: fit-content;
    line-height: 0;
}
.menu-side button.navbar-toggler {
    height: 50px;
    width: 50px;
    margin: 0 auto;
}
.menu-side button.navbar-toggler span.navbar-toggler-icon {
    width: 50px;
    height: 50px;
}
.menu-side button.navbar-toggler span.navbar-toggler-icon div {
    top: 25px;
    position: absolute;
}
.menu-side button.navbar-toggler div:first-child {
    width: 47px;
    height: 2px;
    transform: rotate(45deg);
}

.menu-side button.navbar-toggler div:nth-child(2) {
    transform: rotate(135deg);
    width: 47px;
    height: 2px;
}

.navbar-dark .navbar-toggler .navbar-toggler-icon {
    position: relative;
    width: 20px;
    background: none !important;
}
.menu-side button.navbar-toggler {
     z-index: 9999;
     right: 0;
     left: 0;
     top: 70px;
     padding: 0 !important;
}
.menu-side button.navbar-toggler.collapsed {
    right: 15px;
    left: auto;
    top: 30px;
}
.menu-side button.navbar-toggler div {
    background: #fff !IMPORTANT;
}
.menu-side button.navbar-toggler.collapsed div {
    background: #001D4A !IMPORTANT;
    transform: unset !important;
}
.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon div:first-child {
    width: 10.23px;
    height: 2.92px;
    border-radius: 5px;
    background: #001D4A;
    margin-left: auto;
}

.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon div:nth-child(2) {
    width: 19px;
    height: 2.92px;
    border-radius: 5px;
    margin: 5px 0 5px auto;
    background: #001D4A;
}

.navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon div:nth-child(3) {
    width: 10.23px;
    height: 2.92px;
    border-radius: 5px;
    background: #001D4A;
    margin-right: auto;
}

.navbar-collapse.show {
    position: absolute;
    top: 0;
    padding: 150px 0 !important;
    background: #001D4A;
    color: #ffff;
}
.navbar-collapse.show ul.navbar-nav {
    gap: 25px !important;
}
#newhead .navbar-nav .nav-link {
    color: #fff !important;
    text-align: center;
    width: fit-content;
    max-width: fit-content;
}
#newhead .navbar-nav .nav-item {
    justify-content: center;
}

#newhead .navbar-nav .nav-item path.home-icon {
    fill: #fff;
}
#newhead .navbar-nav .nav-item{
    display: flex;
}
#newhead div#navbarTogglerDemo02 {
        box-shadow: none !important;
        background: #001D4A !important;
        top: 0 !important;
        padding: 10px !important;
}
#newhead div#navbarTogglerDemo02 ul.navbar-nav {
    margin: 150px 0 0 !important;
}
#newhead div#navbarTogglerDemo02 ul.navbar-nav {
    gap: 25px !important;
}
}


@media(max-width: 767px){
.mobile-submenu i {
    font-weight: 600 !important;
}
.service-mobile .card-header .btn-link.collapsed:after {
    content: '\f0d7';
    position: absolute;
    right: 15px;
    font-family: 'FontAwesome';
    color: #001d4a;
    font-size: 24px;
    transform: unset;
}

.service-mobile .card-header .btn-link:after {
    content: '\f0d7';
    position: absolute;
    right: 15px;
    font-family: 'FontAwesome';
    color: #001d4a;
    font-size: 24px;
    transform: rotate(180deg);
}
.new-appreciated-sec .owl-dots {
    width: 150px;
    justify-content: space-between;
    max-width: 100%;
}
.new-appreciated-sec button.owl-dot {
    margin: 0;
    width: 40px;
    height: 40px;
}
.new-appreciated-sec button.owl-dot.active {
    width: 50px;
    height: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.new-appreciated-sec button.owl-dot.active span {
    width: 50px;
    height: 50px;
}
.new-appreciated-sec button.owl-dot.active span:after {
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
}
.new-appreciated-sec .owl-carousel {
    padding-top: 0;
}

.new-appreciated-sec .owl-dots {
    top: 20px !IMPORTANT;
}

.new-appreciated-sec .testimonial {
    margin-top: 0;
    justify-content: center;
}
.new-appreciated-sec .testimonial .head-div h3.title {
    padding: 0 25px;
    margin: -20px 0 0 0;
    background: #FFD165;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 700;
    line-height: 34.2px;
    text-align: left;
    color: #001d4a;
}
.new-appreciated-sec .video-col video {
    height: auto;
}
.new-appreciated-sec .video-col {
    margin: 0;
    padding-top: 85px;
}
.new-appreciated-sec .testimonial .head-div h3.title:after {
    display: none;
}
.new-appreciated-sec .testimonial .description:after {
    left: 0;
    width: 28px;
    font-size: 14px;
    height: 28px;
    background-size: contain;
}
.new-appreciated-sec .testimonial .description:before {
    width: 28px;
    font-size: 14px;
    height: 28px;
    background-size: contain;
    right: 0;
}
.new-appreciated-sec {
    padding: 60px 0;
}
.footer.new-footer .col-md-6:first-child {
    padding-right: 15px;
}
.footer.new-footer .footer-col li a {
    display: flex;
    align-items: center;
}

.footer.new-footer .footer-contact ul span {
    margin-left: 5px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 21.13px;
    text-align: left;
}
.footer.new-footer .footer-contact .call-mail-div ul {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.footer.new-footer .col-md-6:first-child p {
    font-size: 14px;
    line-height: 25.2px;
    text-align: center;
}
.footer.new-footer .footer-contact .call-mail-div ul li {
    width: fit-content;
    margin: 0 10px;
    padding: 0 !important;
}
.footer.new-footer .social-icons {
    margin-top: 10px;
}
.footer.new-footer .quick-links ul.links-ul li {
    text-align: center;
}
.footer.new-footer ul.links-ul li a {
    display: block;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 24.14px;
}
.footer.new-footer ul.links-ul li {
    padding: 10px 0;
}
.new-appreciated-sec .video-div:after{
    display: none;
}
.social-icons-mobile.social-icons{
         display: block !important;
}
.hire-developer-desktop{
    display: none !Important;
}
.certifications-row-desktop{
    display: block !Important;
}
.certifications-row ul{
    display: block !important;
}
.service-mobile button {
        display: flex;
        align-items: center;
        text-decoration: none !important;
        padding: 0;
        color: #001d4a;
    }
section.hire-developer{
    padding: 55px 0;
}
.our-service-section .service-icon {
    width: 69px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    background-size: 100% !IMPORTANT;
    background-image: url(/public/frontend/images/ylo-circle.webp) !important;
    background-repeat: no-repeat !important;
}
.service-mobile button h2 {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 34.58px;
    text-align: center;
    margin-bottom: 0;
    color: #001D4A;
    margin-left: 15px;
}
.service-mobile .card-header {
    background: #FFFFFF;
    border: none !important;
    border-radius: 0 !important;
}
.service-mobile .card {
    border: none !important;
    margin-bottom: 15px;
}
.our-service-section .card-body {
    padding: 0 15px 15px 15px;
}
.our-service-section .card-body ul {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.our-service-section .card-body ul li {
    background: #FFD1650F;
    padding: 10px 40px 10px 10px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    line-height: 22.8px;
    text-align: left;
    position: relative;
}
.our-service-section .card-body ul li a {
    color: #001D4A;
    position: relative;
}
.our-service-section .card-body ul li a:after {
    content: '';
    position: absolute;
    color: #000000;
    right: -30px;
    top: 4px;
    width: 20px;
    height: 10px;
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.our-section-new a.readmore:after {
    width: 15px;
    background-size: contain;
    right: -20px;
}
.work-image img {
    width: auto !important;
    max-width: 200px;
}
.our-section-new .content-box h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: center;
    margin: 10px 0;
}
.our-section-new .content-box p {
    font-size: 14px;
    font-weight: 500;
    line-height: 23.93px;
    margin: 0 0 10px 0;
}
.our-section-new a.readmore {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    text-align: center;
}
.work-image {
    height: 150px;
}
.our-section-new .content-box .btn-row .live-btn a {
    font-size: 12px !important;
    width: 52px;
    height: 22px;
}
.our-section-new .content-box ul li img {
    width: 22px;
}
.our-section-new .content-box .btn-row {
    top: -10px;
}
.our-section-new a.readmore:after {
    width: 15px;
    background-size: contain;
    right: -20px;
}
div#our-work-slider .owl-nav {
        display: block;
        position: absolute;
        top: 70%;
        width: 100%;
    }
div#our-work-slider  button {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #001d4a;
    font-size: 34px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    z-index: 999;
}
div#our-work-slider button.owl-prev {
    left: 0;
    position: absolute;
}
div#our-work-slider button.owl-next {
    right: 0;
    position: absolute;
}
div#our-work-slider .owl-dots {
    display: none;
}
div#our-work-slider button span {
    height: 25px;
    display: block;
    line-height: 22px;
}
div#award-slider .owl-item {
    text-align: center;
}
div#award-slider .owl-item li {
    padding: 0;
    width: auto;
}
div#award-slider .owl-item li img {
    height: 50px;
}
div#award-slider img {
    height: 31px;
    object-fit: contain;
    width: 100%;
    margin: 0 auto;
}
.certifications-mobile-row .award-row {
    display: block;
}
section.hire-developer h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 40.38px;
    margin-bottom: 30px;
}
div#award-slider .owl-nav {
    position: absolute;
    top: 25px;
    width: 100%;
}
div#award-slider  button {
    width: 30px;
    height: 30px;
    background: #fff;
    color: #001d4a;
    font-size: 34px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 0px #0000001A;
    z-index: 999;
}
div#award-slider button.owl-prev {
    left: -15px;
    position: absolute;
}
div#award-slider button.owl-next {
    right: 25px;
    position: absolute;
}
div#award-slider button span {
    height: 25px;
    display: block;
    line-height: 22px;
}
.certifications-mobile-row .btn-side {
    text-align: center;
    margin-top: -20px;
}
.certifications-mobile-row .btn-side a.view-more-btn {
    margin: 0 auto;
    z-index: 99999;
}
    div#award-slider {
        box-shadow: 0px 0px 6px 0px #0000000F;
        padding: 20px 20px 20px 20px;
    }


/*..hire-developer..*/
body .hire-developer-mobile .item {
    width: 48%;
    border-radius: 0 !important;
    padding: 20px 20px 40px 20px !important;
    margin: 0;
}
.hire-developer-mobile .item img {
    display: none !important;
}
.hire-developer-mobile  h2 {
    text-align: center !important;
    font-size: 14px !important;
}
.hire-developer-mobile .col-sm-12 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
section.hire-developer .item a {
    display: block;
    position: relative;
}
section.hire-developer .item a:after {
    content: '';
    position: absolute;
    color: #000000;
    right: 0;
    bottom: -25px;
    width: 30px;
    height: 17px;
    background-image: url(/public/frontend/images/medium-arrow-blue.png);
    background-repeat: no-repeat;
    left: 0;
    margin: 0 auto;
}


/*...footer css...*/
.footer.new-footer .col-md-6:first-child h2 {
    text-align: center;
}
.footer.new-footer .col-md-6:first-child p {
    text-align: center;
}
.footer.new-footer .footer-contact ul span {
    text-align: center;
}
.footer.new-footer h4.footer-main-title.orange-text {
    text-align: center;
}
.footer.new-footer .quick-links {
    padding: 15px;
}
.footer.new-footer .quick-links .footer-col.border-right {
    padding: 15px;
    border: 1px solid #fff !important;
    height: fit-content;
}
.footer.new-footer .footer-services {
    padding: 0 15px;
}
.footer.new-footer .footer-services .footer-col {
    padding: 15px;
    border: 1px solid #fff !important;
    height: fit-content;
}
.footer .container .row:last-child {
    display: none;
}
.social-icons-mobile.social-icons {
    padding: 0 !important;
}
.social-icons-mobile.social-icons::before {
    display: none;
}
.social-icons-mobile.social-icons ul {
    height: fit-content !important;
}
.social-icons-mobile.social-icons ul li {
    padding: 0 !important;
}
.footer.new-footer .social-icons {
    display: none;
}
.service-mobile button h2 {
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: normal;
    text-align: left;
    padding-right: 20px;
}
}

@media(min-width: 991px){
    .for-mobile-tools{
        display: none;
    }
    section.about-banner-section {
        margin-top: 89px;
    }
}



/*...inner pages css...*/
.portfolio-p-sec .show-child .child-cat {
    display: flex;
    padding-top: 10px;
    margin-top: 0 !important;
    max-height: 150px;
    bottom: -60px;
}
.has-search .main-divi-in {
    display: flex;
    width: 100%;
}
.has-search .main-divi-in .half {
    width: 50%;
    display: flex;
    align-items: end;
}
.has-search .main-divi-in .half h3 {
    padding-left: 15px;
}
.select-bar {
    width: 100%;
    display: flex;
}
.has-search .main-divi-in .half input#search_port {
    max-width: 100%;
    height: 50px;
}
.portfolio-p-sec .page-head-sec .content-div {
    display: none;
}
.portfolio-p-sec .page-head-sec .content-div.show {
    display: block;
    margin-top: 10px;
    position: unset;
    margin-left: auto;
}
.portfolio-p-sec .nav {
    background: #FFD1651A;
    padding: 15px 30px;
    margin-bottom: 80px !important;
    height: fit-content;
    position: relative;
}
.portfolio-p-sec .nav li a {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: left;
    color: #001D4A;
}
.portfolio-p-sec .page-head-sec {
    margin: 32px 0 10px 0;
}
.portfolio-p-sec .child-cat {
    padding: 0 30px;
    margin: 0 !IMPORTANT;
    max-height: 0;
    border: none !important;
    overflow: hidden;
}
.portfolio-p-sec .child-cat .cust-work-tab a {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    text-align: left;
    margin: 0 !important;
}
.portfolio-p-sec .child-cat .cust-work-tab a {
    padding: 10px 20px;
    border: 1px solid transparent !important;
    border-radius: 50px;
}
.portfolio-p-sec .child-cat .cust-work-tab a.active {
    border: 1px solid #FFD165 !important;
}
.portfolio-p-sec .show-child .child-cat:after {
    display: none;
}
.show-child>.active:after {
    display: none;
}

.portfolio-p-sec .child-cat .cust-work-tab a:hover {
    border: 1px solid #FFD165 !important;
}
section.page-head-sec p {
    margin-top: 25px;
}
body.inner-page section.website-services-cols-sec.dark-blue-bg .content-div p.desc {
    color: #000 !important;
}
.new-serv-col {
    border: none !IMPORTANT;
    box-shadow: 0 0 10px #ccc;
}
.website-services-cols-sec {
    padding: 10px 40px 0 !important;
    background: #fff !important;
}
section#second-sec .container-fluid.bg-blue {
    background: #fff;
    padding-top: 25px;
}
section#second-sec {
    padding: 0;
}
.cookie-card, .cookie-card .actions .accept{
    border-radius: 0 !important;
}
.portfolio-p-sec .nav li a.search-icon {
    width: 43px;
    height: 43px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 50px;
}
.select-bar li.search-field {
    width: 100%;
}
.select-bar li.search-field input.chosen-search-input.default {
    color: #001D4A !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 120% !important;
    font-family: 'Montserrat';
    outline: none !important;
}
body .chosen-container-multi .chosen-choices li.search-field input[type=text]{
       font-family: 'Montserrat' !important;
}
section.portfolio-p-sec.clearfix .has-search .main-divi-in input#port_search:hover {
    background: #ffd165 !important;
    cursor: pointer;
    color: #06204E !important;
}
.portfolio-p-sec .child-cat.nav.nav-pills .cust-work-tab:last-child a img {
    width: 23px;
}
#newhead .navbar-nav .nav-link:hover {
    color: #ffd165 !important;
}


/*/////////////portfolio icon///////////////////////////*/

.work-logo-div li{
    background: none !important;
    margin-left: 0px !important;
}

.portfolio-p-sec .Portfolio .work-logo-div img{
    background: none !important;
    max-width: 41px !important;
    width: 100% !important;
    height: 41px !important;
}
.contact-left-col h1.main-heading {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    line-height: 43.88px;
    text-align: left;
    color: #FFD165;
    border-bottom: 2px solid #FFD165;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

@media(min-width: 1201px) and (max-width: 1400px){
    body ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin: 0 30px !important;
        gap: initial !important;
        justify-content: space-between;
        width: 100%;
        padding: 15px 15px !important;
    }
    .inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        display: flex;
        align-items: center;
        margin-left: 20px !important;
        justify-content: center !important;
        gap: 20px !important;
    }
}
@media(min-width: 991px) and (max-width: 1200px){
.inner-page ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
    gap: initial !important;
    justify-content: space-between !important;
    width: 100%;
    margin: 0 15px !important;
}
ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
    margin: 0 25px !important;
    gap: initial !important;
    width: 100%;
    justify-content: space-between;
}
}















/*.....broucher-page-css.......*/
.broucher-hero {
    margin: 100px 0 100px 0;
}
.broucher-hero h1 {
    font-family: Montserrat;
    font-size: 80px;
    font-weight: 700;
    line-height: 97.52px;
    text-align: center;
    margin-bottom: 15px;
    color: #001D4A;
}
.broucher-hero  p {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 37.66px;
    text-align: center;
    max-width: 834px;
    margin: 0 auto 15px;
}
.broucher-hero .row:nth-child(2) .col-sm-12 {
    background: #FFD165;
    padding: 50px;
}
.broucher-hero .row:nth-child(2) .col-sm-12 p {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 500;
    line-height: 37.66px;
    text-align: center;
    max-width: 100%;
}
.broucher-hero .row:nth-child(2) .col-sm-12 a.hire-btn {
    background: #FFFFFF;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600;
    line-height: 39.86px;
    text-align: center;
    padding: 16px 90px 16px 32px;
    color: #001d4a;
    margin-top: 15px;
    display: block;
    width: fit-content;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.broucher-hero .row:nth-child(2) .col-sm-12 a.hire-btn:before {
    content: '';
    width: 60px;
    height: 15px;
    background: url(/public/frontend/images/hire-logo-design/hire_design_arrow.png);
    position: absolute;
    background-repeat: no-repeat;
    right: 15px;
    top: 30px;
}
section.brand-identity\! {
    background: #FFD1651A;
    padding: 85px 0;
}
.brand-identity\! h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 60.04px;
    text-align: left;
    max-width: 950px;
    color: #001D4A;
    margin-bottom: 15px;
}
.brand-identity\! p {
    color: #001D4A;
}
.brand-identity\! h5 {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 41.76px;
    text-align: left;
    color: #001D4A;
}
.broucher-slider {
    padding: 100px 0 25px 0;
}
.broucher-slider div#broucher-slider {
    padding-top: 0;
}
.broucher-slider h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 71.04px;
    text-align: left;
    color: #001D4A;
}
.broucher-slider  p {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 500;
    line-height: 41.76px;
    text-align: left;
    max-width: 1160px;
}
.broucher-slider div#broucher-slider .owl-item .item {
    background: #001D4A;
    color: #fff;
    padding: 20px;
    min-height: 350px;
    margin: 0 15px 0 0;
}
.broucher-slider div#broucher-slider .owl-item .item p {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 31.32px;
    text-align: left;
}
.broucher-slider div#broucher-slider .owl-item .item h3 {
    margin-bottom: 10px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 34.8px;
    text-align: left;
}
.broucher-slider div#broucher-slider .owl-nav {
    display: flex !important;
    justify-content: center;
    margin: 50px 0;
    gap: 50px;
    padding-right: 50px;
}
.broucher-slider div#broucher-slider .owl-nav button {
    position: relative;
}
div#broucher-slider.owl-carousel .owl-nav button span {
    color: #fff;
    width: 50px;
    display: block;
    position: relative;
    margin: 0 20px;
}
div#broucher-slider.owl-carousel .owl-nav button.owl-prev:after {
    content: '';
    height: 30px;
    width: 2px;
    position: absolute;
    background: #000;
    right: -30px;
    top: 0;
}
div#broucher-slider.owl-carousel .owl-nav button.owl-prev span:after {
    content: '';
    position: absolute;
    background: url(/public/frontend/images/slide-prev.png);
    width: 55px;
    height: 25px;
    left: 0;
    background-repeat: no-repeat;
    top: 5px;
}
div#broucher-slider.owl-carousel .owl-nav button.owl-next span:after {
    content: '';
    position: absolute;
    background: url(/public/frontend/images/slide-next.png);
    width: 55px;
    height: 25px;
    left: 0;
    background-repeat: no-repeat;
    top: 5px;
}
.broucher-slider div#broucher-slider .owl-dots {
    display: none;
}
section.broucher-list {
    background: #FFD165;
    padding: 40px 50px;
}
section.broucher-list h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 71.04px;
    text-align: left;
    margin-bottom: 25px;
}
section.broucher-list h3 {
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    text-align: left;
    max-width: 301px;
    width: 20%;
    background: #FFFFFF4D;
    padding: 10px 15px;
    margin-right: 25px;
}
.tab-list-box {
    display: flex;
    border: 1px solid #001D4A4D;
    padding: 20px;
    margin-bottom: 20px;
    width: 100%;
}
section.broucher-list p {
    max-width: 80%;
    margin: 0;
}
section.eye-balls h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 71.04px;
    text-align: left;
    color: #001D4A;
}
section.eye-balls ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
section.eye-balls ul li {
    width: 25%;
    margin: 15px 0;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 29.6px;
    text-align: left;
    color: #001D4A;
}
.broucher-hero h1 span {
    color: #ffd165;
}
.flexibility-broucher a.hire-btn {
    background: #001d4a;
}
section.eye-balls {
    margin-bottom: 100px;
}
.hiring-flexibility a.hire-btn:hover {
    background: #ffd165;
}
.broucher-hero .row:nth-child(2) .col-sm-12 a.hire-btn:hover {
    background: #001d4a;
    color: #fff;
}
.broucher-hero .row:nth-child(2) .col-sm-12 a.hire-btn:hover::before {
    background: url(/public/frontend/images/hirewix/arrow-white-long.png);
    background-repeat: no-repeat;
}


@media(max-width: 767px){
.broucher-hero h1 {
    font-size: 36px;
    line-height: normal;
}
body section.robots-sec form#contact-form .controls h1 {
    font-size: 14px !important;
}
.broucher-hero p {
    font-size: 18px;
    line-height: 24px;
}

.broucher-hero .row:nth-child(2) .col-sm-12 {
    padding: 20px 15px;
}

.broucher-hero .row:nth-child(2) .col-sm-12 p {
    font-size: 18px;
    line-height: 24px;
}

.broucher-hero .row:nth-child(2) .col-sm-12 a.hire-btn {
    margin-top: 15px;
    font-size: 21px;
}
.broucher-hero {
        margin: 0 0 50px 0;
    }

section.brand-identity\! {
    padding: 50px 0;
}

.brand-identity\! h2 {
    font-size: 36px;
    line-height: normal;
}

.broucher-slider {
    padding: 50px 0 25px 0;
}

.broucher-slider h2 {
    font-size: 34px;
    line-height: normal;
}

.broucher-slider p {
    font-size: 18px;
    line-height: normal;
    margin: 15px 0 15px 0;
}

.broucher-slider div#broucher-slider .owl-nav {
    margin: 0;
    padding: 0;
}

section.broucher-list {
    padding: 50px 0;
}

section.broucher-list h2 {
    font-size: 36px;
    line-height: normal;
}

.tab-list-box {
    display: block;
}

section.broucher-list h3 {
    width: 100%;
    margin: 0 !important;
    max-width: 100%;
}

section.broucher-list p {
    max-width: 100%;
    margin-top: 15px;
}

section.eye-balls h2 {
    font-size: 36px;
    line-height: normal;
}

section.eye-balls ul {
    display: block;
}

section.eye-balls ul li {
    width: 100%;
}

section.eye-balls {
    margin-bottom: 0;
}
}



/*....webflow service-page..*/
section.webflow-page-second .advantage-main-div {
    position: relative;
}
section.webflow-page-second .advantage-main-div:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #001d4a;
    top: 0;
    left: 0;
}
section.webflow-page-second .advantage-main-div:before {
    content: '';
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    border-radius: 50px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 7px);
}
section.webflow-page-second .row .col-md-4:nth-child(5) .advantage-main-div, section.webflow-page-second .row .col-md-4:nth-child(6) .advantage-main-div {
    border-bottom: none !important;
}
section.webflow-page-second .row .col-md-4:nth-child(5) .advantage-main-div:before, section.webflow-page-second .row .col-md-4:nth-child(6) .advantage-main-div:before {
    left: 0;
    display: none;
}
section.webflow-page-second .row .col-md-4:nth-child(5) .advantage-main-div:after, section.webflow-page-second .row .col-md-4:nth-child(6) .advantage-main-div:after {
    bottom: 0;
    top: auto;
}
section.webflow-page-second .row .col-md-2:last-child {
    border-left: 2px solid #001d4a;
    position: relative;
}
section.webflow-page-second .row .col-md-2:last-child:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #001d4a;
}
section.webflow-page-second .row .col-md-4:nth-child(2), section.webflow-page-second .row .col-md-4:nth-child(3) {
    position: relative;
}
section.webflow-page-second .row .col-md-4:nth-child(2):after, section.webflow-page-second .row .col-md-4:nth-child(3):after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    bottom: -6px;
    left: -7px;
    border-radius: 50px;
    background: #fff;
}
.webflow-page-three .why-choose-col {
    background: none !important;
    border: 2px solid #001d4a !important;
    position: relative;
}
.webflow-page-three .why-choose-col:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 30px;
    background: url(/public/frontend/images/round-circle.png);
    background-repeat: no-repeat;
    top: -15px;
    background-color: #fff;
    text-align: center;
    left: 30px;
    background-position: center;
}
.webflow-section-four p {
    text-align: center !important;
}
.webflow-section-four .col-md-4::before {
    display: none;
}
section.webflow-section-four .row {
    gap: 0 !important;
    padding: 0 !important;
}
section.webflow-section-four .row .choosing-div {
    padding-bottom: 20px;
}

@media(min-width: 769px) and (max-width: 991px) {
    section.webflow-page .row {
    display: block;
}

section.webflow-page .row .col-md-7 {
    width: 100%;
    max-width: 100%;
}

section.webflow-page .row .col-md-4 {
    max-width: 100%;
}

section.webflow-page .row .col-md-4 img {
    max-width: 100% !important;
    width: 100%;
}

section.webflow-page-in .ser-main-div {
    gap: 10px !important;
    padding: 15px !important;
}

.ser-main-div .ser-content {
    max-width: 100% !important;
}

section.webflow-page-in .ser-main-div .ser-content h5.title {
    padding: 0 !important;
}
}


@media(max-width: 767px){
section#second-sec h2.p-main-heading {
    line-height: normal;
}
#new-seo .card-blue .card-body {
    padding: 10px;
}
section.webflow-page-in .ser-main-div {
        width: 100% !important;
        flex-wrap: nowrap;
        gap: 0 !important;
}
section.webflow-page-second .advantage-main-div:before, section.webflow-page-second .row .col-md-2:last-child:after{
    display: none;
}
section.webflow-section-four .row .choosing-div {
    padding-bottom: 0 !important;
}
section#second-sec .container-fluid.bg-blue {
    padding-top: 0;
}
section.webflow-page-second .advantage-main-div {
    padding: 0 0 15px 0 !IMPORTANT;
    border: none !important;
}

section.webflow-page-three .choose-Joomla-wrap .why-choose-col {
    padding: 15px !important;
    min-height: fit-content !important;
}
.recaptcha .g-recaptcha {
    width: 100%;
    overflow: hidden;
}
section.webflow-page {
    padding: 0 0 50px 0 !important;
}
section.webflow-page-second {
    padding-top: 50px !important;
}
section.webflow-page-second .advantage-main-div:after{
    display: none;
}
section.webflow-page-second .row .col-md-4:nth-child(2):after, section.webflow-page-second .row .col-md-4:nth-child(3):after{
    display: none;
}
section.webflow-section-four .row .choosing-div {
    padding-bottom: 10px !important;
}
.bottom-media-strip .media-col {
    padding: 15px 25px;
}
}



.certifications-row .owl-carousel .owl-item img {
    height: 32px;
    width: auto;
}
.certifications-row .owl-carousel .owl-item .item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#award-slider {
    display: flex;
    align-items: center;
}
.award-row {
    margin: 0;
}
.award-row .owl-stage {
    display: flex;
    flex-wrap: nowrap;
    gap: 80px;
}
.certifications-row .owl-carousel .owl-item {
    width: fit-content !important;
}



@media(min-width: 1025px) and (max-width: 1470px){
     @media (min-height: 781px) and (max-height: 815px){
        body .outer-banner-sec {
            bottom: auto !important;
            padding-top: 205px;
            top: 0;
        }
        img#changed_banner_image {
            height: 1000px;
        }
        .upwork-outer {
            padding-top: 350px;
        }
    }
    @media (min-height: 757px) and (max-height: 780px){
        body .outer-banner-sec {
            bottom: auto !important;
            padding-top: 200px;
            top: 0;
        }
        img#changed_banner_image {
            height: 1000px;
        }
        .upwork-outer {
            padding-top: 325px;
        }
        .upwork-outer:before {
             bottom: -225px;
        }
    }
    @media (min-height: 740px) and (max-height: 756px){
        img#changed_banner_image {
            height: 950px;
        }
        .upwork-outer {
            padding-top: 330px;
        }
        body .outer-banner-sec {
            padding-top: 190px;
        }
         .upwork-outer:before {
             bottom: -225px;
        }

    }
    @media (min-height: 720px) and (max-height: 740px){
        img#changed_banner_image {
            height: 950px;
        }
       .logo {
            padding: 15px 0 0;
        }  
        body .outer-banner-sec {
            padding-top: 160px;
        }
        .outer-banner-sec h1 {
            font-size: 100px;
            line-height: normal;
        }
        .outer-banner-sec h2 {
            font-size: 36px;
            line-height: normal;
        }           
        .upwork-outer:before {
            max-width: 450px;
            height: 500px;
            bottom: -95px;
        }
        .upwork-outer {
            padding-top: 350px;
        }
        .upwork-outer:after {
            width: 590px;
            height: 395px;
            left: -60px;
        }
        .home_banner_image {
            height: 820px;
        }
        }
    @media (min-height: 690px) and (max-height: 720px){
        img#changed_banner_image {
            height: 950px;
        }
       .logo {
            padding: 15px 0 0;
        }  
        body .outer-banner-sec {
            padding-top: 160px;
        }
        .outer-banner-sec h1 {
            font-size: 85px;
            line-height: normal;
        }
        .outer-banner-sec h2 {
            font-size: 36px;
            line-height: normal;
        }           
        .upwork-outer:before {
            max-width: 450px;
            height: 500px;
            bottom: -95px;
        }
        .upwork-outer {
            padding-top: 350px;
        }
        .upwork-outer:after {
            width: 590px;
            height: 395px;
            left: -60px;
        }
        .home_banner_image {
            height: 820px;
        }
        }


        @media (min-height: 650px) and (max-height: 689px){
        img#changed_banner_image {
            height: 950px;
        }
       .logo {
            padding: 15px 0 0;
        }  
        body .outer-banner-sec {
            padding-top: 160px;
        }
        .outer-banner-sec h1 {
            font-size: 75px;
            line-height: normal;
        }

        .outer-banner-sec h2 {
            font-size: 36px;
            line-height: normal;
        }           
        .upwork-outer:before {
            max-width: 450px;
            height: 500px;
            bottom: -40px;
        }
        .upwork-outer {
            padding-top: 320px;
        }
        .upwork-outer:after {
            width: 590px;
            height: 395px;
            left: -60px;
        }
        img#changed_banner_image {
            height: 800px;
        }
        }

        @media (min-height: 630px) and (max-height: 649px){
        img#changed_banner_image {
            height: 950px;
        }
       .logo {
            padding: 15px 0 0;
        }  
        body .outer-banner-sec {
            padding-top: 160px;
        }
        .outer-banner-sec h1 {
            font-size: 75px;
            line-height: normal;
        }

        .outer-banner-sec h2 {
            font-size: 29px;
            line-height: normal;
        }           
        .upwork-outer:before {
            max-width: 450px;
            height: 500px;
            bottom: -40px;
        }
        .upwork-outer {
            padding-top: 300px;
        }
        .upwork-outer:after {
            width: 590px;
            height: 395px;
            left: -60px;
        }
        img#changed_banner_image {
            height: 800px;
        }
        }
}

@media(min-width: 1471px){
.video-section-banner.carousel-item.active {
    padding-bottom: 50px;
    position: relative;
    height: 1000px;
}
.video-section-banner.carousel-item.active img#changed_banner_image {
    height: 100%;
    position: absolute;
    bottom: 0;
}
}

@media(min-width: 768px){
   @media(min-height: 816px){
           img#changed_banner_image {
            height: 1000px !important;
    }
    }
}


.blog-detail-sec .sin-ig.clodi ul.stuf-text1 li {
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: rgb(33, 37, 41);
}

.blog-detail-sec .sin-ig.clodi ul.stuf-text1 li b {
    padding-right: 10px;
}

.cust-paginate svg {
    width: 30px;
}



.cust-paginate .flex.justify-between.flex-1.sm\:hidden {
    display: none;
}
.cust-paginate p.text-sm {
    display: none;
}
.cust-paginate {
    margin-bottom: 100px;
}
.cust-paginate a, .cust-paginate span {
    display: flex;
    width: 60px;
    height: 60px;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}
.cust-paginate span.relative {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    width: 100%;
}
.cust-paginate span.relative span span {
    margin: 0;
}

.rank_inx h4 {
    padding-bottom: 15px;
    text-align: left;
}

.rank_inx p {
    padding-bottom: 15px;
    text-align: left;
}

.rank_incx h4 {
    padding-bottom: 15px;
    text-align: left;
}
body .cookie-card p.description {
    margin: 0 !important;
}
body .cookie-card .title {
    display: block;
    margin-bottom: 10px !important;
}
.modal-body-content .port-content-div .work-logo-div img {
    background: none !important;
    padding: 5px !important;
    width: 41px !important;
    height: 41px !important;
}

/*////////////////////////////////location-page-form/////////////////////////////////////*/

.new-york-agency-form-sec .card .card-header {
    display: none;
}

.new-york-agency-form-sec .card 
 .card-main-ttl {
    border-radius: 0;
    font-weight: 600;
    color: #001D4A;
    border-bottom: 1px solid rgb(255 209 101);
    background-color: rgb(255 209 101);
    font-size: 18px;
    padding: .75rem 1.25rem;
    line-height: 24.94px;
}

.new-york-agency-form-sec .card .card-body form#free-seo-form .row .col-md-6 {
    max-width: 100%;
    flex: 0 0 100%;
}

.new-york-agency-form-sec .card .card-body form#free-seo-form  .input-group.mb-3 {
    margin-bottom: 10px !IMPORTANT;
}

.new-york-agency-form-sec .card .card-body form#free-seo-form .input-group.mb-3 input::placeholder {
    font-style: normal !important;
}

.new-york-agency-form-sec .card .card-body form#free-seo-form .input-group.mb-3 select {
    font-style: normal !important;
}

section#new-seo .new-york-agency-form-sec .card .card-body form#free-seo-form .form-btn input#submitForm {
    background: #001D4A !important;
    border: 2px solid #001D4A !important;
    color: #fff !important;
    font-size: 14px ! IMPORTANT;
}

section#new-seo .new-york-agency-form-sec .card .card-body form#free-seo-form .form-btn input#submitForm:hover{
    color: #001D4A !important;
}

section#new-seo .new-york-agency-form-sec .card .card-body form#free-seo-form .form-btn {
    margin-top: 0px !IMPORTANT;
}

.new-york-agency-form-sec .card .card-body form#free-seo-form textarea::placeholder {
    font-style: normal !important;
}

#new-seo .card-blue {
    margin-left: auto !important;
    margin-right: 0 !important;
}
body .new-serv-col img {
    object-fit: contain;
    width: 100px !important;
}
.hire-dev-page {
    margin-bottom: 40px;
}

.blog-new-dsgn .stuf-text1 li a.orange-text {
    color: #06204E !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-transform: capitalize !important;
}

.blog-new-dsgn .stuf-text1 p a{
    font-weight: 600 !important;
}

.clodi.inx_cs h4 {
    font-size: 30px !important;
    font-weight: 500 !important;
    text-align: left;
    margin-bottom: 15px;
}

.blog-new-dsgn .stuf-text1 p a:hover{
    color: #FFD165 !important;
}

.rank_inx p.step_c_a {
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.clodi p a:hover{
    color: #FFD165 !important;
}

.clodi p a {
    color: #06204E !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-transform: capitalize !important;
}

.stuf-text1 ul li {
    list-style: disc !important;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    color: rgb(33, 37, 41);
}

.blog-new-dsgn .stuf-text1 li a.orange-text:hover{
    color: #FFD165 !important;
}


.new-serv-col.webflow_desca .img-div img {
    width: 75% ! IMPORTANT;
}



/*//////////////news-page-css//////////////*/

.news_noixc {
    display: flex;
    align-items: baseline;
}

.news_noixc .news_main_inxc {
    max-width: 70%;
    width: 100%;
}

.news_noixc .right_news_inside {
    max-width: 30%;
    width: 100%;
}

.news_noixc .right_news_inside section.related-post .row {
    display: block;
}

.news_noixc .right_news_inside section.related-post .row .col-md-4 {
    max-width: 100%;
    width: 100%;
}

.news_noixc .right_news_inside .related-post h4.late_inside {
    color: #E8A625;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    border-bottom: 2px solid #e8a625;
    width: fit-content;
}

.news_noixc .right_news_inside .related_new_inside .row {
    display: block;
}

.news_noixc .right_news_inside .related_new_inside .row .col-md-4 {
    max-width: 100%;
    width: 100%;
}

.news_noixc .right_news_inside .related_new_inside .row .col-md-4 .blog-div {
    display: flex;
    align-items: center;
    background: #fff;
}

.news_noixc .right_news_inside .related_new_inside .row .col-md-4 .blog-div .img-div {
    max-width: 30%;
    width: 100%;
    height: 66px;
}

.news_noixc .right_news_inside .related_new_inside h4.relate_incx {
    color: #E8A625;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    border-bottom: 2px solid #e8a625;
    width: fit-content;
    margin-bottom: 25px;
}

.news_noixc .right_news_inside .related_new_inside .blog-div {
    margin-bottom: 15px;
}

.news_noixc .right_news_inside .related_new_inside .row .col-md-4 .blog-div  .blog-content {
    padding: 11px 22px;
}

.news_noixc .right_news_inside .related_new_inside .row .col-md-4 .blog-div .blog-content h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    color: #001D4A;
}

.news_noixc .right_news_inside .related-post .date {
    position: unset;
    background: none;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.07px;
    text-align: left;
    color: #E8A625;
    padding-left: 0px;
    gap: 10px;
    display: flex;
    align-items: center;
}

.news_noixc .right_news_inside .related-post .blog-content a h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #001D4A;
}

.news_noixc .news_main_inxc .news-in img {
    max-width: 100% !IMPORTANT;
    width: 100% !IMPORTANT;
}

.news_noixc .right_news_inside section.related-post .row .col-md-4:last-child .blog-div {
    border-bottom: 1px solid #001D4A1A;
}

.news_noixc .right_news_inside aside.related_new_x {
    padding-top: 40px ! IMPORTANT;
}

.news_noixc .right_news_inside .blog-div {
    max-width: 300px;
}

.news_noixc .right_news_inside .blog-div .img-div img {
    width: 100%;
    height: 100%;
}

.news_noixc .min_ise {
    display: flex;
    align-items: baseline;
    gap: 40px;
}
.hire-developer-heading {
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    margin-bottom: 15px;
}
.hire-developer-heading a {
    width: 120px;
}
section.hire-developer h3 {
    line-height: normal;
}

section.news-in-to .blog-ttl1 h1 {
    color: #06204E !important;
    font-weight: 600;
    font-size: 44px;
}

.minc_e li b {
    padding-right: 5px ! IMPORTANT;
}



/*...mobile-footer-css..*/

@media(max-width: 767px){
.ceo-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.ceo-info h2 {
    margin: 0 !important;
    text-align: left !important;
}
.footer.new-footer .footer-contact .call-mail-div ul li {
    margin-left: 0 !important;
}
.footer.new-footer .footer-contact .call-mail-div ul {
    justify-content: flex-start;
    gap: 0;
}
.ceo-info-content {
    margin-left: 15px;
}
.footer.new-footer .col-md-6:first-child p {
    text-align: left;
}
.footer.new-footer .social-icons ul {
    margin: 15px auto 0 auto;
}
.social-icons-mobile.social-icons ul li {
    margin: 0;
}
.footer.new-footer .quick-links .footer-col.border-right ul.links-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.footer.new-footer .quick-links .footer-col.border-right ul.links-ul li a {
    font-size: 14px;
}
.footer.new-footer .quick-links .footer-col.border-right {
     margin: 0 !important;
}
.footer.new-footer .quick-links ul.links-ul li {
    border-right: 1px solid #fff;
    padding: 0 15px 0 0;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
    .footer.new-footer .social-icons {
        margin-top: 25px;
    }
    footer.footer.new-footer .copyright-sec {
    padding-top: 5px;
}
.footer.new-footer .quick-links .footer-col.border-right ul.links-ul .space-here {
    height: 25px;
    display: block;
    width: 100%;
}
.list-services {
    min-height: fit-content;
}
.new-appreciated-sec .testimonial .head-div h3.title::after{
    position:absolute;
    content: '\f0d8';
    font-family: 'FontAwesome';
    top:-10px;
    left:0;
    z-index:999;
}
.footer.new-footer .quick-links:before{
    display: none;
}
}


/*/////////////////////////////////////home-page/////////////////////////////////////*/

.main-home-lamp-banner {
    display: flex;
    align-items: center;
}

.main-home-lamp-banner .spring-image {
    max-width: 100px;
    width: 100%;
}

.main-home-lamp-banner .lamp-image {
    max-width: 100px;
    width: 100%;
}

.main-home-lamp-banner .upwork-outer {
    padding-top: 351px;
    height: fit-content;
    width: 100%;
}

.video-section-banner .button-div {
    max-width: 888px ! IMPORTANT;
    width: 100%;
    margin: 0 auto ! IMPORTANT;
    margin-top: 45px ! IMPORTANT;
    display: flex;
    align-items: center;
    padding-left: 12px;
    justify-content: center;
}

.main-home-lamp-banner .lamp-image img {
    position: absolute;
    right: -40px;
    width: 100%;
    height: auto !important;
    bottom: auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
    max-width: 700px;
    z-index: -1;
    top: -52px;
}

.main-home-lamp-banner .spring-image img {
    position: absolute;
    z-index: 9;
    left: -50px;
    width: 496px;
    height: 500px;
    top: -50px;
    background-size: contain;
    background-repeat: no-repeat;
}

.video-section-banner .button-div a.main-btn {
    align-items: center;
    padding: 24px 100px 24px 35px;
    margin: 0px 15px;
    width: 100%;
    max-width: 331.5px ! IMPORTANT;
}

section#second-sec .button-div a.main-btn {
    background: none;
    color: #001D4A;
    border-color: #001D4A;
    font-weight: 600;
    font-size: 18px;
}

section#second-sec .button-div a.main-btn:hover {
    background: #FFD165;
    border-color: #FFD165;
}

section#second-sec .button-div a.main-btn.orange-border-btn:hover {
    background: #FFD165;
    border-color: #FFD165;
}

section#second-sec .button-div a.main-btn.orange-border-btn {
    background: none;
    color: #001D4A;
    border-color: #001D4A;
    font-weight: 600;
    font-size: 18px;
    transition: all .6s;
}

header#newhead ul.navbar-nav li.nav-item.service-menu.custom-menu-0 .list-group .sub-menu-1 span.svg-ico {
    display: block !important;
}

.testimonial-p-sec {
    padding: 40px 0 80px;
}

#new-seo, .mobile-app-sec2 {
    padding-bottom: 0px;
}

section.portfolio-p-sec.clearfix .has-search .main-divi-in ul.chosen-choices {
    border-bottom: 2px solid #06204e !important;
}

@media(max-width: 991px){
    #second-sec .mice_ina {
    display: block;
    }

    #second-sec .mice_ina .col-md-7 {
        max-width: 100%;
    }

    #second-sec .mice_ina .col-md-5 {
        max-width: 100%;
    }

    #second-sec .mice_ina .col-md-5 .card {
        margin-left: 0px !IMPORTANT;
        margin-top: 20px;
    }
}


@media (min-width: 1025px) and (max-width: 1399px){
    .home_banner_image {
        height: 940px !important;
    }
}

@media (min-width: 1281px) and (max-width: 1330px) {
    .main-home-lamp-banner .lamp-image img {
        right: 0;
    }
}

@media (min-width: 1025px) and (max-width: 1470px) {
    @media (min-height: 650px) and (max-height: 689px) {
        .main-home-lamp-banner .lamp-image img {
            max-width: 450px;
            height: 505px;
            bottom: -40px;
            top: 0px;
        }

        .home_banner_image{
            height: 800px ! IMPORTANT;
        }

        .main-home-lamp-banner .spring-image img {
            width: 590px;
            height: 395px;
            left: -60px;
        }

        .main-home-lamp-banner .upwork-outer{
            padding-top: 320px !important;
        }

          .main-home-lamp-banner .spring-image img {
            width: 562px;
            height: 390px;
            left: -140px;
            object-fit: contain;
        }
    }

    @media (min-height: 690px) and (max-height: 720px) {
        .main-home-lamp-banner .lamp-image img {
            max-width: 450px;
            height: 500px;
            bottom: -95px;
            top: auto;
        }

        .main-home-lamp-banner .spring-image img {
            width: 590px;
            height: 395px;
            left: -160px;
            object-fit: contain;
        }

        .home_banner_image {
            height: 950px !important;
        }
    }

    @media (min-height: 600px) and (max-height: 750px) {
        .main-home-lamp-banner .upwork-outer {
            padding-top: 290px;
        }
    }
}

@media(max-width: 1200px){
    .main-home-lamp-banner .lamp-image img {
        right: 0;
        top: 44px !important;
        max-width: 450px;
        height: 502px;
        bottom: -37px;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .main-home-lamp-banner .lamp-image img {
        right: 0;
        top: 0px;
        max-width: 450px;
        height: 500px;
        bottom: -40px;
    }

    .main-home-lamp-banner .spring-image img {
        width: 590px;
        height: 365px;
        left: -160px;
        object-fit: contain;
    }

    .main-home-lamp-banner .upwork-outer {
        padding-top: 320px;
        height: fit-content;
        width: 100% ! IMPORTANT;
        max-width: 900px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .main-home-lamp-banner .lamp-image img {
        width: 450px;
        height: 500px;
        bottom: -100px;
        right: 0;
        object-fit: fill;
    }

    .main-home-lamp-banner .spring-image img {
        width: 341px;
        height: 341px;
        left: -50px;
    }

    .home_banner_image {
        height: 800px !important;
    }

    .main-home-lamp-banner .upwork-outer{
        padding-top: 200px;
    }

     .main-home-lamp-banner{
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-home-lamp-banner .lamp-image img {
        width: 380px;
        height: 400px;
        right: 0px;
        object-fit: fill;
        top: -13px;
    }

    .main-home-lamp-banner .spring-image img {
        width: 300px;
        height: 395px;
        bottom: -50px;
        right: -4px;
    }

    .main-home-lamp-banner .upwork-outer {
        padding-top: 250px;
    }

    .main-home-lamp-banner{
        display: block;
    }
}


/*/////////////////////////////////////////portfolio-seo-section/////////////////////////////////////*/

.work-text-div_x .number-afx h2 {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    line-height: 58.51px;
    text-align: left;
    color: #011F52;
}

.work-text-div_x {
    color: #000;
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    max-width: 87%;
    width: 100%;
    margin: -40px auto 0;
}

.work-text-div_x .text-afx p {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    margin-bottom: 0px;
    color: #011F52;
    max-width: auto;
    width: 100%;
}

.work-text-div_x .link-afx {
    margin-left: auto;
}

.work-text-div_x .link-afx a {
    padding: 12px 14px;
    background: #011F52;
    color: #fff;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    border: 1px solid #011F52;
    transition: .6s;
    white-space: nowrap;
}

.work-text-div_x .link-afx a:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}

.work-text-div_x .content-afx-in .text-afx .popup-afx {
    position: absolute;
    max-width: 100% ! IMPORTANT;
    width: 100% ! IMPORTANT;
    left: 0px;
    background: linear-gradient(180deg, #001D4A 93%, transparent 7%);
    top: auto;
    right: 0;
    bottom: 84px;
    padding: 46px 30px 50px 30px;
    transition: opacity 0.8s ease-in, visibility 0.8s ease-in;
    opacity: 0;
    visibility: hidden;
    height: auto;
}

.work-text-div_x .content-afx-in:hover .text-afx .popup-afx {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.work-text-div_x .text-afx .popup-afx table {
    width: 100%;
}

.work-text-div_x .text-afx .popup-afx table thead {
    display: table-header-group !important;
    max-width: 100%;
    width: 100%;
    position: relative;
    top: -20px;
}

.work-text-div_x .text-afx .popup-afx table thead tr {
    background: none ! IMPORTANT;
}

.work-text-div_x .text-afx .popup-afx table thead tr th {
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.94px;
    text-align: left;
    color: #FEB429;
    border-bottom: 2px solid #fff ! IMPORTANT;
}

.work-text-div_x .text-afx .popup-afx table tbody tr {
    background: none ! IMPORTANT;
}

.work-text-div_x .text-afx .popup-afx table tbody tr td {
    color: #fff ! IMPORTANT;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
}

.work-text-div_x .text-afx .popup-afx table tbody {
    border-top: 2px solid #fff ! IMPORTANT;
}

.work-text-div_x .text-afx .popup-afx table thead tr th:first-child {
    padding-left: 0px;
}

.work-text-div_x .text-afx .popup-afx table thead tr th:last-child {
    padding-right: 0px;
    text-align: right;
}

.work-text-div_x .text-afx .popup-afx table tbody tr td:first-child {
    padding-left: 0px;
}

.work-text-div_x .text-afx .popup-afx table tbody tr td:last-child {
    text-align: right;
}

.work-text-div_x .text-afx .popup-afx span.mice_afx {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.5px;
    color: #fff;
    text-align: center;
    width: 100% ! IMPORTANT;
    display: block;
    position: relative;
    top: -20px;
}

.work-text-div_x .content-afx-in {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 70px 0 30px 15px;
    width: 100%;
}

.work-text-div_x .link-afx {
    padding: 70px 0px 28px 0;
}

.mice_xwe{
    display: flex;
    align-items: center;
    gap: 20px;
}

.mice_xwe .btn-div.visit-btn a {
    padding: 8px;
}

.modal-content.open-portfolio button.close {
    position: absolute;
    top: 10px;
    right: 15px;
}

ul.main-cat-seo {
    justify-content: flex-start ! IMPORTANT;
    gap: 18px;
}

.portfolio-p-sec .Portfolio .work-img-div img {
    width: 84%;
}

.portfolio-p-sec .work-img-div{
    overflow: visible;
}


h4.macke {
    margin-bottom: 10px;
    font-weight: 500;
}

.blog-details-desc .faQ_in {
    margin: 20px 0;
}

.blog-details-desc .faQ_in div#accordion .card {
    margin-bottom: 15px;
}

.blog-details-desc .faQ_in div#accordion .card h4 button.btn.btn-link::after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: 15px;
    top: 20px;
    transition: .4s ease-in-out;
    transform: rotate(180deg);
}

.blog-details-desc .faQ_in div#accordion .card h4 button {
    padding-left: 0px;
}

.blog-details-desc .faQ_in div#accordion .card h4 button.btn.btn-link.collapsed::after {
    transform: rotate(0deg);
}

.news-page-sec .blog-div .divi-img img {
    object-fit: cover;
}


/*//////////////////////////blog-sidebar-layout///////////////////////////////////*/

.blog_rT .blog_xTy {
    display: flex;
    align-items: flex-start;
    margin: auto;
    gap: 15px;
}

.blog_rT .blog_qA {
    max-width: 70%;
    width: 100%;
}

.blog_rT .blog-page-sec.related-post .row {
    flex-direction: column;
}

.blog_rT .blog-page-sec.related-post .row .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
}

.blog_rT .Bloginc_we {
    max-width: 30%;
    width: 100%;
}

.blog_rT .Bloginc_we ul.cat-listing .slick-track {
    display: flex ! IMPORTANT;
    width: auto ! IMPORTANT;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog_rT .Bloginc_we .blog_inAc .form-group.has-search .d-flex {
    flex-direction: column;
}

.blog_rT .blog_xTy .blog_inAc form {
    margin-top: 55px;
}

.blog_rT .blog_xTy .blog_inAc form input.serch-blog {
    margin-bottom: 25px;
    background: none ! IMPORTANT;
    border: none ! IMPORTANT;
    border-bottom: 1px solid rgba(0, 29, 74, 0.3) !important;
    color: rgba(0, 29, 74, 0.5) ! IMPORTANT;
    font-size: 14px ! IMPORTANT;
    font-weight: 600 !IMPORTANT;
}

.blog_rT .blog_xTy .blog_inAc form input.serch-blog::placeholder {
    text-align: center;
}

.blog_rT .blog_xTy .blog_inAc form .form-group.has-search {
    padding: 25px 45px;
    background: #F8F8F8;
    margin-bottom: 36px;
}

.blog_rT .blog_xTy .blog_inAc form .form-group.has-search input.submit-btn {
    width: 80%;
    background: #001D4A ! IMPORTANT;
    color: #fff ! IMPORTANT;
    border: 1px solid #001D4A ! IMPORTANT;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.blog_rT .blog_xTy .blog_inAc form .form-group.has-search input.submit-btn:hover {
    background: #FFD165 !important;
    color: #001D4A !important;
    border: 1px solid transparent !important;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter {
    padding: 12px 20px;
    background: #F8F8F8 ! IMPORTANT;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter h3.filter-title.orange-text {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 25px;
    color: #E8A625;
    width: fit-content;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter h3.filter-title.orange-text::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #E8A625;
    position: relative;
    display: flex;
    top: 3px;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter ul.inlost_q .main_qwe {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter ul.inlost_q .main_qwe li.inlost {
    padding: 10px;
    border: 1px solid #001D4A;
}

.blog_rT .Bloginc_we .blog_inAc .blog-filter ul.inlost_q .main_qwe li.inlost a {
    font-size: 14px;
    font-weight: 600;
    color: #001D4A;
}

.blog_rT .Bloginc_we section.blog-page-sec.related-post {
    background: #F8F8F8 ! IMPORTANT;
    padding: 20px;
}

.blog_rT .Bloginc_we section.blog-page-sec.related-post h4.relate_inq {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 32px;
    color: #E8A625;
    width: fit-content;
}

.blog_rT .Bloginc_we section.blog-page-sec.related-post h4.relate_inq::after{
    content: "";
    width: 100%;
    height: 1px;
    background: #E8A625;
    position: relative;
    display: flex;
    top: 3px;
}

.blog_rT .blog-page-sec.related-post .row .blog-content h4.blog-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    color: #001D4A;
    margin-bottom: 9px !important;
}

.blog_rT .blog-page-sec.related-post .row .blog-div {
    margin-bottom: 20px ! IMPORTANT;
}

.blog_rT .blog-page-sec.related-post .row .blog-content a.read-more {
    font-size: 14px;
    font-weight: 600 !IMPORTANT;
    color: #E8A625 ! IMPORTANT;
}

.blog_rT .blog-page-sec.related-post .row .blog-div {
    border-bottom: 1px solid rgba(0, 29, 74, 0.1) !important;
    padding-bottom: 0px;
}

.blog_rT .blog-page-sec.related-post .row .col-md-4.blog-col:last-child .blog-div{
    border-bottom: none !important;
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}


.blog_rT .blog-page-sec.related-post .row .col-md-4.blog-col:last-child .blog-div .blog-content {
    padding-bottom: 0px !important;
}

/*///////////////////////////contact page adress section////////////////////////////////////*/

section.contact_address {
    background: linear-gradient(360deg, #001D4A 50%, #ffffff 50%);
}

section.contact_address .addressQ_in {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 22px 20px;
    gap: 19px;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0px;
}

section.contact_address .addressQ_in .col-md-4 {
    border: 1px solid rgba(1, 30, 74, 0.1);
    width: 100%;
    max-width: 32%;
    padding: 22px 18px;
}

section.contact_address .addressQ_in .contnent .image_content {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}

section.contact_address .addressQ_in .contnent .text_content {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

section.contact_address .addressQ_in .contnent .image_content h4 {
    font-size: 26px;
    font-weight: 600;
    color: #001D4A;
}

section.contact_address .addressQ_in .contnent .text_content p {
    font-size: 16px;
    font-weight: 600;
    color: #001D4A;
    margin-bottom: 0px;
}

section.contact_address .addressQ_in .contnent .text_content i {
    color: #011D4A;
    padding-top: 5px;
}


@media(max-width:991px){
    section.contact_address .addressQ_in{
        flex-wrap: wrap;
    }

    section.contact_address .addressQ_in .col-md-4{
        max-width: 31%;
    }
}

@media(max-width: 768px){
    section.contact_address .addressQ_in .col-md-4 {
        max-width: 100%;
    }
}


.blog-dynamiv-sec {
    padding: 55px 0;
}

.table_conTent {
    margin-bottom: 31px;
    border: 1px solid rgba(0, 29, 74, 0.5);
    padding: 20px 29px;
}

.table_conTent h4 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 38px;
    margin-bottom: 14px;
}

.table_conTent ul li {
    margin-bottom: 10px;
    border: 1px solid rgba(0, 29, 74, 0.2);
    padding: 10px 24px;
    width: fit-content;
}

.table_conTent ul li a {
    display: flex;
    align-items: baseline;
    gap: 12px;
    font-size: 18px;
    line-height: 38px;
    color: #001D4A;
    font-weight: 600;
}

.table_conTent ul li a::before {
    content: "";
    width: 8px;
    height: 8px;
    position: relative;
    display: block;
    background: #001D4A;
    border-radius: 50px;
}

div#table_content h2.contEnt {
    font-size: 30px !important;
    font-weight: 500 !important;
    text-align: left;
    margin-bottom: 15px;
}

.blog-dynamiv-sec img{
    max-width: 100% !important;
    width: 100% !important;
}

.footer.new-footer .social-icons ul a i.fa-x-twitter:before {
    content: "\e61b" ! IMPORTANT;
}

/*hide mitropack watermark*/

body template + script + div {
    visibility: hidden;
    height: 0 !IMPORTANT;
    overflow: hidden;
}

.blog-details-desc .faQ_in div#accordion .card h4 button {
    white-space: break-spaces !important;
    text-align: left !important;
}

.blog_rT .blog_xTy {
    display: flex;
    gap: 30px;
    flex-wrap: nowrap;
}

@media(max-width: 991px){
    .blog_rT .blog_xTy {
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
    }

    .blog_rT .blog_qA{
        max-width: 100% !important;
    }

    .blog_rT .Bloginc_we{
        max-width: 100% !important;
    }
}

.ppc_read_pdf p b {
    font-size: 30px !important;
    line-height: 33px !important;
    position: relative;
    font-weight: 700 !important;
    border: 5px;
}

@media (min-width: 1200px) and (max-width: 1470px) {
    @media (min-height: 600px) and (max-height: 720px) {
        .home_banner_image {
            height: 880px !important;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1470px) {
    @media (min-height: 500px) and (max-height: 599px) {
        .home_banner_image {
            height: 1000px !important;
        }

        body .outer-banner-sec {
             bottom: auto !important;
             padding-top: 200px !important;
             top: 0;
         }
    }
}

@media (min-width: 1200px) and (max-width: 1470px) {
    @media (min-height: 601px) and (max-height: 630px) {
        .home_banner_image {
            height: 980px !important;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1470px) {
    @media (min-height: 720px) and (max-height: 740px) {
        .home_banner_image {
            height: 900px;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    @media (min-height: 600px) and (max-height: 679px) {
        .home_banner_image {
            height: 775px !important;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    @media (min-height: 600px) and (max-height: 630px) {
        .home_banner_image {
            height: 820px !important;
        }
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    @media (min-height: 680px) and (max-height: 720px) {
        .home_banner_image {
            height: 856px !important;
        }
    }
}

@media(max-width: 1440px){
   .main-home-lamp-banner img {
       max-width: 90%;
       width: 100%;
       margin: auto;
   }
}


a.navbar-brand.teqX {
    font-size: 0px;
}

.footer.new-footer .social-icons.sc_icon ul li a {
    font-size: 0px;
}

.footer.new-footer .social-icons.sc_icon ul li a i {
    margin-top: -30px;
}

a.butt-whatsapp.whatsapp_inx {
    font-size: 0px;
}

.blog-details-desc .peecy {
    padding: 0px !important;
}

section.serve-heading {
    padding-top: 0px;
}

@media(max-width: 768px){
    .footer.new-footer .social-icons-mobile.social-icons.sc_icon ul li a i {
        margin-top: 0px;
    }
}




@media(max-width: 767px){
.service-mobile .card-header h3 h3 {
    font-size: 16px;
    font-weight: 600;
    margin-left: 15px;
}
}

@media(min-width: 768px) and (max-width: 991px){
    section.blog-page-sec.news-page-sec .blog-related .blog-div .img-div img {
        height: 150px;
        width: 100%;
        object-fit: cover;
    }

    section.blog-page-sec.blog-main-page-sec .blog-related .blog-div .img-div img {
        height: 150px;
        width: 100%;
        object-fit: cover;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    section.blog-page-sec.news-page-sec .blog-related .blog-div .img-div img {
        height: 210px;
        width: 100%;
        object-fit: cover;
    }

    section.blog-page-sec.blog-main-page-sec .blog-related .blog-div .img-div img {
        height: 210px;
        width: 100%;
        object-fit: cover;
    }
}

@media(min-width: 1200px){
    section.blog-page-sec.news-page-sec .blog-related .blog-div .img-div img {
        height: 240px;
        width: 100%;
        object-fit: cover;
    }

    section.blog-page-sec.blog-main-page-sec .blog-related .blog-div .img-div img {
        height: 240px;
        width: 100%;
        object-fit: cover;
    }
}

.new-appreciated-sec .video-div {
    position: unset !important;
    max-width: 535px;
    margin: 0 auto;
    height: 308px;
}
.new-appreciated-sec .video-div img:first-child {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    position: unset;
    transform: unset;
}
.new-appreciated-sec .video-col img:last-child {
    top: 40%;
}


.new-appreciated-sec .video-col button {
    top: 35%;
    position: absolute;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none !important;
    border: none !IMPORTANT;
}
.new-appreciated-sec .video-col button img.play-btn {
    display: block !important;
}


.video-popup .modal-content {
    max-width: 600px;
    margin: 0 auto;
}
.video-popup .modal-content img {
    width: 100%;
}
.video-popup .modal-header {
    padding: 0;
}
.video-popup .modal-header button.close {
    top: 0px;
    right: 0px;
    z-index: 99;
}
.video-popup .modal-header button.close span {
    color: #000;
    font-size: 34px !important;
    font-weight: 600;
    text-shadow: none;
}

.table_conTent ul li.min-lef {
    margin-left: 20px;
}

.blog-vamp {
    background: none;
}

.blog-vamp ol.stuf-text {
    background: none;
    margin-top: 0px;
}

.blog-vamp ol.stuf-text li {
    font-weight: 500;
    margin-bottom: 10px;
    list-style: auto;
}

.blog-vamp h3 {
    font-size: 26px;
    font-weight: 500;
}





/*.....29-oct-banner-css....*/
/*....*/

.main-banner-slider-sec {
    margin-top: 90px;
    background: #FFD1650D;
    height: 718px;
}
.main-banner-slider-sec .ylo-bar {
    background: #ffd165;
    width: 100%;
    height: 100%;
}
.slide-style {
    display: flex;
/*    background: #FFD1650D;*/
    height: 718px;
}

.slide-style .slide-content {
    width: 100%;
    padding: 118px 50px;
}

.slide-style h2 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 48.76px;
    text-align: left;
    color: var(--Color, #001D4A);
}

.slide-style .slide-content h1 {
    font-family: Montserrat;
    font-size: 92px;
    font-weight: 500;
    line-height: 103px;
    text-align: left;
    color: var(--Color, #001D4A);
}

.slide-style .slide-content h1 span {
    color: #ffd165;
    font-weight: 600;
}

.number-slide {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 48.76px;
    text-align: center;
    color: var(--Color, #001D4A);
    width: 58px;
    border: 1px solid var(--Color, #001D4A);
    height: 58px;
    position: absolute;
    right: 68px;
    top: 172px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.number-slide:after {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 220px;
    background: #000;
    top: 90px;
    right: 0;
    margin: 0 auto;
}

.main-banner-slider-sec .owl-dots button.owl-dot {
    background: none !important;
    margin: 0;
    width: 5px;
}

.main-banner-slider-sec.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: black !important;
}

.main-banner-slider-sec.owl-carousel .owl-nav button.owl-next,
.main-banner-slider-sec.owl-carousel .owl-nav button.owl-prev,
.main-banner-slider-sec.owl-carousel button.owl-dot {
    outline: none;
}

#owl-example-article .item img {
    display: block;
    width: 100%;
    height: auto;
}

.main-banner-slider-sec .owl-next span,
.main-banner-slider-sec .owl-prev span {
    font-size: 30px !important;
    cursor: pointer;
    outline: none !important;
}

.main-banner-slider-sec .owl-prev:focus,
.main-banner-slider-sec .owl-next:focus {
    outline: none !important;
}

.main-banner-slider-sec .owl-nav {
    position: absolute;
    top: 100%;
    transform: translate(-50%);
    left: 50%;
    display: none;
}

.main-banner-slider-sec .owl-item {
    background-color: transparent;
    color: white;
    text-align: center;
}

.main-banner-slider-sec .owl-prev {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
    margin-right: 70px;
    margin-top: 0;
}

.main-banner-slider-sec .owl-next {
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}

.main-banner-slider-sec .owl-dots {
    counter-reset: slides-num; /* Initialize counter */
    position: absolute;
    top: 500px;
    left: -98px;
    transform: translate(-50%);
    margin-top: 15px;
}

.main-banner-slider-sec .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    vertical-align: middle;
}

.main-banner-slider-sec .owl-dot {
    display: inline-block;
    counter-increment: slides-num; /* Increment counter */
    margin-right: 5px;
}

.main-banner-slider-sec .owl-dot span {
    display: none;
}

.main-banner-slider-sec .owl-dot.active:before {
    content: counter(slides-num); /* Use the same counter to get current item */
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: absolute;
    left: 0;
    font-weight:600;
    top: 0;
}
.main-banner-slider-sec .col-sm-3 {
    width: 20%;
    max-width: 20%;
    flex: 20%;
    padding: 0;
}

.main-banner-slider-sec .col-sm-9 {
    width: 80%;
    max-width: 80%;
    flex: 80%;
    padding: 0;
}
.main-banner-slider-sec .owl-dots:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 20px;
    background: #000;
    bottom: 2px;
    right: 0;
    margin: 0 auto;
    transform: rotate(20deg);
}
.our-award {
    display: flex;
    width: fit-content;
    border: 1px solid #001D4A33;
    padding: 10px 15px;
    margin-bottom: 56px;
    gap: 30px;
    height: 53px;
}
.our-award img {
    width: 176px !important;
    object-fit: contain;
}
.slide-style .slide-content .hire-btns a {
    border: 1px solid #001D4A80;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: center;
    color: var(--Color, #001D4A);
    padding: 24px 80px 24px 40px;
    display: inline-block;
}
.hire-btns {
    width: fit-content;
    margin-top: 100px;
}
.slide-style .slide-content .hire-btns a {
    margin-right: 20px;
}
.main-banner-slider-sec .col-sm-2 {
    padding: 0;
}
.main-banner-slider-sec .col-sm-10 {
    padding: 0;
}
.slide-style .slide-content .hire-btns a {
    position: relative;
}
.slide-style .slide-content .hire-btns a:after {
    content: '';
    position: absolute;
    color: #fff;
    right: 20px;
    width: 40px;
    background-image: url(/public/frontend/images/hero-banner/Arrow.png);
    height: 15px;
    background-repeat: no-repeat;
    top: 29px;
}
.slide-number {
    position: absolute;
    z-index: 99999;
    top: 172px;
    right: 68px;
    border: 1px solid var(--Color, #001D4A);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 48.76px;
    text-align: center;
    color: var(--Color, #001D4A);
}
.main-banner-slider-sec .col-sm-2 {
    padding: 0;
}
.main-banner-slider-sec .col-sm-10 {
    padding: 0;
}
.slide-number:after {
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 230px;
    background: #000;
    top: 85px;
    right: 0;
    margin: 0 auto;
}
section.webexpert-section.webexpert-new .container {
    padding: 0 15px;
    box-shadow: none !important;
    margin-left: auto !important;
}
section.webexpert-section.webexpert-new .container h2 {
    width: fit-content;
    color: #fff;
    font-size: 70px;
}
section.webexpert-section.webexpert-new .container .review-btn {
    width: fit-content;
}
section.webexpert-section.webexpert-new .col-sm-12 {
    display: flex;
    align-items: center;
}
section.webexpert-section.webexpert-new .container .review-btn a {
    margin: 0;
}
section.webexpert-section.webexpert-new .col-sm-12 {
    padding-left: 0;
    justify-content: space-between;
    padding-right: 0;
    max-width: 75%;
    margin-right: 100px !important;
}

@media(min-width: 768px) and (max-width: 1600px){
.main-banner-slider-sec {
        margin-top: 90px;
        height: 430px;
        overflow: hidden;
    }
body .butt-whatsapp {
    bottom: 40px !important;
    right: 2.5%;
}
header#newhead .container {
    max-width: 100%;
}
header#newhead .container .logo-side {
    width: fit-content !important;
    padding: 0 !important;
}
#newhead .navbar {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between;
}
header#newhead .container .logo-side .logo {
    padding: 0;
}

.slide-style h2 {
    font-size: 40px;
    line-height: 48.76px;
}
.slide-style .slide-content h1 {
    font-size: 70px;
    line-height: 80px;
}
    .slide-style .slide-content {
        width: 100%;
        padding: 120px 50px;
    }
.our-award {
    margin-bottom: 43px;
}
.slide-style .slide-content .hire-btns a {
    padding: 14px 78px 14px 34px;
}

.slide-style .slide-content .hire-btns a:after {
    top: 20px;
}

section.webexpert-section.webexpert-new .container h2 {
    font-size: 50px;
}

body section.webexpert-section.webexpert-new .container .review-btn a {
    max-width: 331.5px ! IMPORTANT;
    padding: 24px 60px 24px 28px !important;
}

    section.webexpert-section.webexpert-new .container .review-btn a::after {
        top: 30px;
        right: 20px;
    }

.slide-style {
    height: auto;
}

.slide-number {
    top: 140px;
}

.main-banner-slider-sec .owl-dots {
    top: 465px;
}
    section.webexpert-section.webexpert-new .col-sm-12 {
        padding-left: 10px;
        margin-right: 80px !important;
    }
}

section.webexpert-section.webexpert-new h2 span.typewrite span {
    margin: 0 !important;
    border: none !IMPORTANT;
}


@media(min-width: 1280px) and (max-width: 1400px){
.slide-style .slide-content h1 {
    font-size: 60px;
    line-height: 70px;
}
.our-award {
    margin-bottom: 23px;
}
.slide-style h2 {
    font-size: 29px;
    line-height: 39px;
}
.slide-style .slide-content {
    padding: 40px 30px;
}
.main-banner-slider-sec .ylo-bar .slide-number {
    top: 50px;
    font-size: 24px;
    width: 40px;
    height: 40px;
}
.slide-number:after {
    top: 57px;
}
.main-banner-slider-sec .owl-dots {
    top: 335px;
    left: -90px;
}
.slide-style .slide-content .hire-btns a {
    font-size: 16px;
}
}

.our-award {
    border: none !important;
    padding: 0 !important;
}
.certi-logos {
    display: flex;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 25.07px;
    text-align: left;
    color: #000;
    align-items: center;
    gap: 5px;
}
.certi-logos:first-child img {
    max-width: 100px;
}
.certi-logos:nth-child(2) img, .certi-logos:nth-child(3) img {
    max-width: 50px;
}
.slide-style .slide-content .hire-btns a:hover {
    border-color: #ffd165;
}
body #newhead .container {
    max-width: 100%;
    padding: 0 4%;
}
body section.webexpert-section.webexpert-new .container {
    max-width: 95%;
    background: var(--Color, #001D4A);
    margin-left: 0 !important;
    padding: 25px;
}
body section.webexpert-section.webexpert-new .container .row {
    justify-content: end;
}
section.webexpert-section.webexpert-new {
    background: #fffdf7;
}
.butt-whatsapp {
    bottom: 4vh !important;
    right: 3.5vw;
}
.review-btn a:after {
    content: '';
    position: absolute;
    width: 28px !important;
    color: #001D4A;
    height: 20px;
    background-image: url(/public/frontend/images/medium-arrow-blue.png) !important;
    background-repeat: no-repeat;
    right: 30px;
    top: 29px;
}
section.webexpert-section.webexpert-new .container .review-btn a {
    padding: 24px 75px 24px 35px !important;
    width: 100%;
    max-width: 331.5px ! IMPORTANT;
    border: 2px solid #001D4A;
    color: #001D4A;
    position: relative;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    text-align: center;
    display: flex;
    height: fit-content;
    background: #fff;
    border-radius: 0;
    transition: .6s;
}
#newhead .navbar-nav  li.nav-item.home-nav {
    display: none !important;
}
    #newhead .navbar .menu-side div#navbarTogglerDemo02 ul.navbar-nav {
        margin-right: 0 !important;
        box-shadow: 0px 0px 16px 0px #00000012;
        padding: 15px 45px;
        gap: 30px;
    }


@media(max-width: 1600px){
body #newhead .container {
    max-width: 95%;
    padding: 0;
    margin-left: 0;
}
header#newhead .container .logo-side .logo a.navbar-brand.teqX {
    margin-right: 0;
    margin-left: 0;
}
#newhead div#navbarTogglerDemo02 {
    padding: 0;
    box-shadow: none;
}
.menu-side {
    padding: 15px 0 !important;
    width: fit-content !important;
}
.fixed--header .logo-side {
    display: block !important;
}
}


@media(min-width: 1400px) and (max-width:1600px){
    .main-banner-slider-sec {
        margin-top: 70px !important;
    }
    .main-banner-slider-sec {
        height: 619px;
        overflow: hidden;
    }
}

@media(min-width: 1300px) and (max-width: 1400px){
      .main-banner-slider-sec {
        height: 419px;
        overflow: hidden;
    }
}
@media(min-width: 1400px) and (max-width: 1440px){
    ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin: 0 auto;
        gap: 30px !important;
    }
}


@media(min-width: 1300px) and (max-width: 1440px){
    body ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin: 0 auto;
        gap: 15px !important;
        padding: 15px 20px !important;
    }
    section.webexpert-section.webexpert-new .container h2 {
        font-size: 40px;
    }
    header#newhead .container .logo-side .logo svg {
        width: 190px;
        margin-left: 15px;
    }
}

@media(min-width: 992px) and (max-width: 1300px){
    body ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        margin: 0 !important;
        gap: 25px !important;
    }
    section.webexpert-section.webexpert-new .container h2 {
        font-size: 30px;
    }
    header#newhead .container .logo-side .logo svg {
        width: 140px;
        margin-left: 15px;
    }
      #newhead div#navbarTogglerDemo02 ul.navbar-nav {
        width: 100% ! IMPORTANT;
        margin: 0 !important;
        gap: 5px !important;
        padding: 15px 10px !important;
    }
    .slide-style .slide-content {
        padding: 70px 15px !important;
    }
    .our-award {
        margin-bottom: 15px !important;
    }
    .slide-style .slide-content h1 {
        font-size: 40px;
        line-height: normal;
    }
    .hire-btns {
        margin-top: 80px;
    }
    .slide-number {
        top: 70px;
        width: 45px;
        height: 45px;
        font-size: 24px;
    }
    .slide-number:after {
        height: 150px;
        top: 60px;
    }
    .main-banner-slider-sec .owl-dots {
        top: auto !important;
        bottom: 5px;
        left: -90px;
    }
    .slide-style h2 {
        font-size: 27px !important;
    }
    .slide-style .slide-content .hire-btns a {
        padding: 14px 60px 14px 15px;
        font-size: 15px;
    }
    .slide-style .slide-content .hire-btns a:after {
        width: 40px;
        right: 11px;
    }
    body section.webexpert-section.webexpert-new .container .review-btn a {
        padding: 10px 60px 10px 15px !important;
        font-size: 16px;
    }
    section.webexpert-section.webexpert-new .container .review-btn a::after {
        top: 15px;
    }
    section.webexpert-section.webexpert-new .col-sm-12 {
        padding-left: 0;
        margin-right: 40px !important;
        max-width: 80%;
    }
}


section.webexpert-section.webexpert-new h2 br {
    display: none;
}
section.webexpert-section.webexpert-new h2 {
    text-align: center !important;
    font-family: Montserrat;
    font-size: 80px;
    font-weight: 600;
    line-height: 88.56px;
    text-transform: uppercase;
}
section.webexpert-section.webexpert-new h2 br {
    display: none;
}
section.webexpert-section.webexpert-new h2 span.typewrite {
    width: 160px;
    color: #FFD165;
    font-weight: 700;
    text-align: center !important;
}












/*...new-slider-css...*/
.hero-slider {
    padding: 88px 0 0 0;
    text-align: left;
}
.hero-item {
    background: #FFD1650D;
    padding: 55px;
    height: 698px;
}

/*.hero-item {
    background: #FFD1650D;
    padding: 55px;
    height: 850px;
}*/
.hero-item h2 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 48.76px;
    text-align: left;
    color: #001D4A;
}
.hero-item h1 {
    font-family: Montserrat;
    font-size: 58px;
    font-weight: 800;
    line-height: 70.89px;
    text-align: left;
    color: #001D4A;
    max-width: 100%;
}
.hero-item h1 span {
    color: #FFD165;
}
.hero-hire-btns {
    text-align: left;
}
.hero-hire-btns a {
    padding: 24px 80px 24px 40px;
    border-color: #0d2b6b;
    border-style: solid;
    display: inline-block;
    margin-top: 23px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    text-align: center;
    color: #001D4A;
    margin-right: 15px;
    transition: .5s;
}
.hero-award-logos img {
    max-width: max-content;
    height: 42px;
    object-fit: contain;
}
.hero-award-logos {
    display: block;
    padding-top: 0;
}
.hero-award-logos img {
    margin-right: 0;
    position: relative;
}
.right-image {
    position: absolute;
    right: 0;
    text-align: right;
    top: auto;
    bottom: 80px;
    display: flex;
    align-items: end;
    height: 100%;
}
.right-image img {
    max-width: 95%;
    margin-left: auto;
    margin-right: 40px;
}

section.webexpert-section.webexpert-new {
    padding: 0;
    background: #fffdf7;
    border-right: none;
}
section.webexpert-section.webexpert-new h2 {
    text-align: center !important;
    font-family: Montserrat;
    font-size: 80px;
    font-weight: 600;
    line-height: 88.56px;
    text-transform: uppercase;
}
section.webexpert-section.webexpert-new h2 br {
    display: none;
}
section.webexpert-section.webexpert-new h2 span.typewrite {
    /* width: 185px; */
    color: #FFD165;
    font-weight: 700;
    text-align: center !important;
}

.hero-hire-btns a {
    position: relative;
}
.hero-hire-btns a:after {
    content: url(/public/frontend/images/hero-banner/blue-aro.png);
    position: absolute;
    right: 30px;
}
.hero-award-logos .top-notch {
    position: unset;
    background: #FFD165;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: fit-content;
}
.hero-award-logos .top-notch p {
    margin: 0;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 22.14px;
    text-align: left;
    text-transform: uppercase;
    padding: 10px;
}
.space {
    width: 2px;
    height: 40px;
    background: #0d2b6b;
    margin: 0 50px;
}
.hero-hire-btns a:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}
.hero-item.shopify-item {
    background: #FFD1650D;
}
.lrn-item .right-image {
    bottom: 90px;
    align-items: end;
    top: auto;
}
.lightbg{
     background: #FFD1650D;
}
.hero-award-logos-wix img {
    max-width: max-content;
}

.hero-award-logos-wix {
    margin-top: 40px;
    display: flex;
}

.hero-award-logos-wix .space {
    background: none;
    margin: 0 30px;
}
.hero-award-logos {
    position: absolute;
    bottom: 100px;
}
@media(max-width: 1600px){
    .hero-award-logos {
        position: absolute;
        bottom: 85px;
    }
    section.webexpert-section.webexpert-new .container {
        box-shadow: 0px -15px 15px -10px #00000008;
        padding: 20px 15px 100px;
    }
    .hero-award-logos .top-notch p {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        padding: 8px 10px 5px 10px;
    }
    section.hero-slider {
        padding-top: 200px;
    }
    .hero-item {
        padding: 40px 40px 60px 40px;
        height: 560px;
    }
    .hero-item h1 {
        font-size: 45px;
        line-height: 65.89px;
        margin: 0 0 20px 0;
    }
    .right-image img {
        max-width: 60%;
        margin-left: auto;
    }
    .hero-item.lrn-item .right-image img {
        max-width: 40%;
        margin-left: auto;
    }
    .hero-hire-btns a {
        padding: 15px 80px 15px 30px;
        margin-top: 10px;
    }
    .hero-item h2 {
        font-size: 24px;
        line-height: 29px;
    }
    section.webexpert-section.webexpert-new h2 {
        font-size: 50px;
    }
    section.webexpert-section.webexpert-new h2 span.typewrite {
        width: 125px;
    }
    .hero-award-logos-wix img {
        height: 230px !important;
    }
    .hero-award-logos-wix {
        margin-top: 15px;
        display: flex;
        position: absolute;
        bottom: 50px;
    }
    .hero-award-logos img {
        max-width: max-content;
        height: 30px;
        object-fit: contain;
    }
    .hero-award-logos-wix .space {
        background: none;
        margin: 0 40px;
    }
    .space {
        margin: 0 25px;
        height: 30px;
    }
}

@media(min-width: 1280px) and (max-width: 1400px){
.hero-hire-btns a {
    font-size: 16px;
    padding: 15px 70px 15px 20px;
}
.hero-hire-btns a:after {
    right: 15px;
    top: 18px;
}
section.webexpert-section.webexpert-new h2 span.typewrite {
    width: 165px;
}
section.webexpert-section.webexpert-new h2 {
    font-size: 60px;
    line-height: 70px;
}
}


@media(min-width: 1025px) and (max-width: 1280px){
.hero-hire-btns a {
    font-size: 16px;
    padding: 15px 70px 15px 20px;
}
.hero-hire-btns a:after {
    right: 15px;
    top: 18px;
}
section.webexpert-section.webexpert-new h2 span.typewrite {
    width: 165px;
}
section.webexpert-section.webexpert-new h2 {
    font-size: 60px;
    line-height: 70px;
}
    .right-image img {
        max-width: 50%;
        margin-left: auto;
    }
.hero-award-logos-wix .space {
    background: none;
    margin: 0 15px;
}
.space {
    margin: 0 25px;
    height: 30px;
}
.hero-award-logos img {
    height: 30px;
    object-fit: contain;
}
    .hero-item h1 {
        font-size: 36px;
        line-height: 70.89px;
    }
    .lrn-item .right-image {
    bottom: 170px;
}
.hero-item h2 {
    font-size: 24px;
    line-height: 34px;
}
}

@media(min-width: 1600px){
    .hero-slider .container {
        max-width: 1622px;
    }
    section.webexpert-section.webexpert-new .container {
        box-shadow: 0 -15px 15px -10px #00000008;
        padding: 35px 0 50px 0;
        max-width: 1592px;
    }
    #newhead .navbar .menu-side div#navbarTogglerDemo02 ul.navbar-nav {
        margin-right: 0 !important;
        box-shadow: 0px 0px 16px 0px #00000012;
        padding: 15px 45px;
        gap: 30px;
    }
    #newhead .navbar-nav .nav-link {
        font-size: 18px;
    }
    section.webexpert-section.webexpert-new .container h2 {
        font-size: 60px !important;
    }
}

@media(min-width: 1900px){
    #newhead .navbar-nav .nav-link {
        font-size: 20px;
    }
    #newhead .navbar .menu-side div#navbarTogglerDemo02 ul.navbar-nav {
        gap: 80px;
    }
    section.webexpert-section.webexpert-new .container h2 {
        font-size: 70px;
    }
}



@media(min-width: 767px){
.mobile-banner-home{
    display: none;
}
}


@media(max-width: 767px){
    .bar {
        margin: 5px 0 0 0;
    }
    .mobile-banner-home .three-line-bar .bar {
        margin: 0 0 5px 0 !important;
    }
    section.home-slider.desktop-banner-home{
        display: none;
    }
    .fixed--header .logo-side {
         display: flex !important; 
    }
    body .outer-banner-sec h1 {
        min-height: fit-content;
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 600;
        line-height: 24.35px;
        text-align: center;
        text-transform: uppercase;
    }
    body .outer-banner-sec h1 span.typewrite {
        display: inline-block !important;
        width: 65px !important;
        font-family: Montserrat;
        font-size: 22px;
        font-weight: 700;
        line-height: 24.35px;
        text-align: center;
        color: #FFD165;
        margin: 0 auto !important;
    }
    body .outer-banner-sec h1 span.typewrite {
        animation: unset !important;
        border-right: none !IMPORTANT;
    }
    .typewrite > #heading_animate {
        border-right: none !important;
        text-align: center !important;
    }
    .upwork-outer {
        padding: 0 !IMPORTANT;
        margin-top: 15px;
    }
    .video-section-banner .button-div a.main-btn {
        max-width: fit-content !important;
        padding: 0 50px 0 15px !important;
    }
    .outer-banner-sec h3 {
        display: none;
    }
    .video-section-banner .button-div {
        margin: 0 !IMPORTANT;
    }
    section.mobile-baner.mobile-banner-home {
        margin-top: 0 !important;
        padding-top: 0;
        height: 585px;
    }
        body .outer-banner-sec {
        padding: 37px 0 !important;
        position: unset;
    }
    section.mobile-baner.mobile-banner-home .owl-dots {
        display: none;
    }
  section.mobile-baner.mobile-banner-home {
        margin-top: 0 !important;
    }
    body header#newhead {
        background: #fffdf7 !important;
        z-index: 9999;
    }
    #newhead .logo-side {
        display: block !important;
    }
    body header#newhead {
    position: fixed !important;
    text-align: center;
    top: 0;
}
    body #newhead .container {
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
}


@media(max-width: 440px){
.banner-info-content h1 {
    font-size: 28px !IMPORTANT;
    font-weight: 800;
    line-height: 33px !IMPORTANT;
}
}
.logo-barr {
    max-width: fit-content;
    width: 100%;
    display: flex;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    padding: 15px 30px;
}
.logo-flex{
    display: flex;
}


.logo svg path.a {
    fill: #001d4a;
}


/*..mobile-banner-css*/
section.mobile-baner.mobile-banner-home {
    margin-top: 60px;
}

.mobile-banner-home .four-line-bar {
    position: absolute;
    top: 0;
    gap: 40px;
    justify-content: center;
    display: flex;
}
.mobile-banner-home .three-line-bar {
    display: flex;
    gap: 40px;
    justify-content: center;
    position: absolute;
    bottom: 0;
    align-items: end;
}
.banner-info-content h1 span {
    color: #FFD165;
}
.mobile-banner-home .four-line-bar .bar div {
    height: 200px;
    width: 50px;
    margin: 0px auto 0 auto;
}

.mobile-banner-home .four-line-bar .bar div.seo-bar {
    background: linear-gradient(180deg, #FFBF04 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .four-line-bar .bar div.ppc-bar {
    background: linear-gradient(180deg, #9BD04A 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .four-line-bar .bar div.sem-bar {
    background: linear-gradient(180deg, #FC2A26 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .four-line-bar .bar div.smo-bar {
    background: linear-gradient(180deg, #04AFF0 0%, rgba(255, 255, 255, 0) 44%);
}
.mobile-banner-home .three-line-bar .bar div {
    height: 200px;
    width: 50px;
    margin: 0px auto 0 auto;
    transform: rotate(180deg);
}

.mobile-banner-home .three-line-bar .bar div.g-analytics-bar {
    background: linear-gradient(180deg, #F9AB00 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .three-line-bar .bar div.google-bar {
    background: linear-gradient(180deg, #EA4335 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .three-line-bar .bar div.derive-bar {
    background: linear-gradient(180deg, #4285F4 0%, rgba(255, 255, 255, 0) 44%);
}

.mobile-banner-home .three-line-bar .bar img {
    width: auto !important;
    height: 40px !IMPORTANT;
    margin-top: 0;
}
.banner-info-content h2 {
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 700;
    line-height: 18.29px;
    text-align: center;
    color: #001d4a;
}
.banner-info-content h1 {
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 800;
    line-height: 40px;
    color: #001D4A;
    text-align: center;
}
.mobile-hero-item {
    height: 560px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.mobile-hero-item .banner-info-content {
    width: 100%;
    position: absolute;
}
section.mobile-baner.mobile-banner-home .owl-nav {
    display: none;
}
.mobile-banner-home .four-line-bar .bar:nth-child(even) {
    margin-top: .;
}
.mobile-banner-home .three-line-bar .bar:nth-child(odd) {
    margin-bottom: 0;
}


.mobile-banner-home .four-line-bar .bar div.joomla-bar {
    background: linear-gradient(180deg, #F9AE41 0%, rgba(255, 255, 255, 0) 44%);
}
.js-bar {
    background: linear-gradient(180deg, #539E43 0%, rgba(255, 255, 255, 0) 44%);
}

.react-bar {
    background: linear-gradient(180deg, #61DAFB 0%, rgba(255, 255, 255, 0) 44%);
}

.larawel-bar {
    background: linear-gradient(180deg, #FF2D20 0%, rgba(255, 255, 255, 0) 44.5%);
}

.wordpress-bar {
    background: linear-gradient(180deg, #00769C 0%, rgba(255, 255, 255, 0) 44%);
}

.wix-bar {
   background: linear-gradient(180deg, #146EF5 0%, rgba(255, 255, 255, 0) 44%);
}

.shopify-bar {
    background: linear-gradient(180deg, #95BF46 0%, rgba(255, 255, 255, 0) 44%);
}

.hero-item.shopify-item .logo-flex img {
    max-width: max-content;
    height: auto;
    object-fit: contain;
}


.bar .image-shadow-box {
    height: 50px !important;
    width: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 7px #0000001A;
    transform: unset !important;
    background: #fff;
}
.bar .image-shadow-box img {
    height: 40px;
    width: 40px;
    object-fit: contain;
}
a.butt-whatsapp.whatsapp_inx {
    font-size: 0px;
    width: 70px;
    height: 70px;
    background: #ffd165;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
}
.certi-logos:nth-child(2) img {
    height: 14px;
}
section.webexpert-section.webexpert-new .container .review-btn a:hover {
    background: #FFD165;
    color: #001D4A;
    cursor: pointer;
    border-color: #FFD165;
}
.inner-page .header-inner-site.logo-side {
    display: block !important;
}
ul.footer-links-extra {
    display: flex;
    gap: 15px;
}
.copyright-row {
    justify-content: space-between !important;
}
.main-banner-slider-sec .owl-dots span {
    display: none !important;
}


/*////////////////////////////////////hire-pppc-page////////////////////////////////////////*/

section.ppc_X h1 span {
    color: #34A802 !IMPORTANT;
}

section.ppc_X a.hire-graphic-btn {
    background: #34a802;
    transition: .6s;
}

.ppc_A h2 span {
    color: #34a802;
}

.ppc_A .row .col-sm-6:first-child {
    background: #000;
}

.ppc_A .row .col-sm-6:last-child {
    background: #34a802;
}

.ppc_B h2 span {
    color: #34a802;
}

.ppc_C h2 span {
    color: #34a802;
}

.ppc_C .row.why-seo-row .col:nth-child(1) {
    background: #34a802;
}

.ppc_D a.contact-btn {
    color: #34a802;
    border: 2px solid #34a802;
    transition: .6s;
}

.ppc_C .row.why-seo-row .col:nth-child(1) {
    background: #34a802;
}

.ppc_C .row.why-seo-row .col:nth-child(2) {
    background: #000;
}

.ppc_C .row.why-seo-row .col:nth-child(3) {
    background: #000;
}

.ppc_C .row.why-seo-row .col:nth-child(4) {
    background: #34a802;
}

.ppc_C .row.why-seo-row .col:nth-child(5) {
    background: #000;
}

.ppc_D a.contact-btn::after {
    filter: brightness(0) saturate(100%) invert(43%) sepia(87%) saturate(606%) hue-rotate(54deg) brightness(109%) contrast(103%);
    transition: .6s;
}

.ppc_E h2 span {
    color: #34a802 !IMPORTANT;
}

.ppc_E ul li:nth-child(1) {
    background: #34a802 !important;
}

.ppc_E ul li:nth-child(2) {
    background: #000000 !important;
}

.ppc_E ul li:nth-child(3) {
    background: #000000 !important;
}

.ppc_E ul li:nth-child(4) {
    background: #34a802 !important;
}

.ppc_E ul li:nth-child(5) {
    background: #34a802 !important;
}

.ppc_E ul li:nth-child(6) {
    background: #000000 !important;
}

.ppc_E ul li:nth-child(7) {
    background: #000000 !important;
}

.ppc_E ul {
    justify-content: center;
}

.ppc_D a.contact-btn:hover {
    background: #000;
    border: 2px solid transparent;
}

.ppc_D a.contact-btn:hover::after {
    filter: brightness(0) invert(1);
}

section.ppc_X a.hire-graphic-btn:hover {
    background: #000 !IMPORTANT;
}





@media(max-width: 1024px){
    html {
    overflow-y: scroll !important;
}
}

section.inner-top-space p {
    margin-top: 15px;
}


/*/////////////////hire-page-top-space-remove//////////////////*/

section.hire-Joomla-intro-sec {
    padding: 40px 0 !IMPORTANT;
}

section.shopify_in {
    padding: 40px 0 !IMPORTANT;
}

section.hire-wp-section {
    padding: 0 0 60px !IMPORTANT;
}

.laravel-section-one {
    padding: 0 0 40px !IMPORTANT;
}

section.hire-Joomla-intro-sec.hire-react {
    padding: 40px 0 60px !important;
}

section.node-js-banner {
    margin-top: 0px !IMPORTANT;
}

section.hire-wix-section {
    padding: 0 0 80px !important;
}

section.hire-graphic-banner {
    margin-top: 0px !IMPORTANT;
}

section.hire-seo-banner {
    margin-top: 0px !IMPORTANT;
}

section.hire-ios-banner {
    margin-top: 0px ! IMPORTANT;
}

section .hero-wrapper {
    margin: 0px 0 !IMPORTANT;
}

section .hero-wrapper .container {
    padding-top: 0px ! IMPORTANT;
}

section.email-marketing-banner {
    padding-top: 0px ! IMPORTANT;
}

section.broucher-hero {
    margin-top: 0px !important;
}

section.hire-seo-banner.ppc_X {
    margin-top: 0px ! IMPORTANT;
}

.blog-new-dsgn .stuf-text1 p a{
    text-decoration: none !important;
}



section.news-in-to {
    background: #06204e !important;
    color: #fff !important;
}
body section.news-in-to .blog-ttl1 h1 {
    font-size: 20px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
}
body section.news-in-to .blog-ttl1 p.span-txt {
    color: #fff;
    margin: 0;
    text-align: center;
}
body section.news-in-to .blog-ttl1 p.span-txt span {
    padding-top: 5px !important;
    margin: 0;
    font-size: 12px;
    text-align: center;
    color: #9a9a9a !IMPORTANT;
}
.news_noixc .min_ise {
    align-items: flex-start;
}
body .blog-detail-sec.main-div-blog {
    top: 95px;
    padding: 15px 0 !important;
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
}
.news_noixc {
    margin-top: 50px;
}
.news_noixc .news_main_inxc .news-in img {
    padding-top: 0 !important;
}

p a.orange-text {
    position: relative;
    font-weight: 600;
    color: #212529;
    display: inline-block;
}
p a.orange-text:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 98%;
    left: 0;
    background: #ffd165;
    bottom: 0;
    right: 0;
}
.get-free-strip-sec a.orange-text, .reputation-design-sec a.orange-text, .seo-design-sec a.orange-text, .shopify-dev-services-sec a.orange-text {
    color: #ffd165;
}

a.orange-text:hover::after {
    background: transparent;
}


/*///////////////////////Australia-footer/////////////////////*/

.subtab div#v-pills-tab {
    width: 100%;
    max-width: 100%;
}

.subtab div#v-pills-tabContent {
    width: 100%;
    background: #D3DAE8;
    padding: 30px 45px;
    margin-top: 0px;
}

.for-flex {
    flex-wrap: wrap;
    background: none;
    padding: 0px;
}

ul.Location-tab li:last-child div#v-pills-tab {
    overflow: hidden;
    border: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row !IMPORTANT;
    padding: 0px;
    margin: 0px;
    justify-content: space-between;
    height: auto;
}

ul.Location-tab li:last-child div#v-pills-tab a {
    color: #fff;
}

.footer .tab-content .tab-pane ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.footer .tab-content .tab-pane li {
    margin-right: 55px;
}

.footer .tab-content .tab-pane li a {
    color: #001D4A;
}

.footer .tab-content .tab-pane ul li {
    max-width: fit-content;
    width: 100%;
    margin-right: 45px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.footer .tab-content .tab-pane ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
}

.footer .tab-content .tab-pane ul li::before {
    content: "";
    width: 1px;
    height: 20px;
    background: #001d4a;
    display: block;
    position: absolute;
    right: -45px;
}

ul.Location-tab li.hover .subtab:after{
    top: 100px !important;
    display: none;
}

.footer .subtab.active:after{
    top: 100px !important;
    display: none;
}

.for-flex div.tab-pane{
    position: relative;
}

.for-flex div.tab-pane::before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    position: absolute;
    top: -43px;
    color: #D3DAE8;
    font-size: 45px;
    z-index: 9999;
    left: 1.5%;
}

.for-flex div.tab-pane::before{
    top: 80px;
}


.for-flex div.tab-pane.active.show#tab-1-New-South-Wales::before{
    top: -43px;
    left: 1.5% !important;
}

.for-flex div.tab-pane.active.show#tab-2-Queensland::before{
    top: -43px;
    left: 22.5% !important;
}

.for-flex div.tab-pane.active.show#tab-3-South-Australia::before{
    top: -43px;
    left: 41.5% !important;
}

.for-flex div.tab-pane.active.show#tab-4-Tasmania::before{
    top: -43px;
    left: 61.5% !important;
}

.for-flex div.tab-pane.active.show#tab-5-Victoria::before{
    top: -43px;
    left: 77.5% !important;
}

.for-flex div.tab-pane.active.show#tab-6-Western-Australia::before{
    top: -43px;
    left: 96.5% !important;
}

ul.Location-tab .btn-tab-here {
    display: none;
}

footer.footer.new-footer .col-md-12 span {
    color: #FFD165;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150.9%;
}

ul.Location-tab li:last-child div#v-pills-tab a{
    position: relative;
    margin-bottom: 12px;
}

ul.Location-tab li:last-child div#v-pills-tab a::before {
    content: '\f0d8';
    font-family: 'FontAwesome';
    position: absolute;
    top: 38.8px;
    color: #D3DAE8;
    font-size: 0px;
    z-index: 9999;
    left: 1.5%;
}

ul.Location-tab li:last-child div#v-pills-tab a#New-South-Wales-1-tab:hover::before {
    left: 57px;
    font-size: 45px;
}

ul.Location-tab li:last-child div#v-pills-tab a#Queensland-2-tab:hover::before {
    left: 41.5%;
    font-size: 45px;
}

ul.Location-tab li:last-child div#v-pills-tab a#South-Australia-3-tab:hover::before {
    left: 35.5%;
    font-size: 45px;
}

ul.Location-tab li:last-child div#v-pills-tab a#Tasmania-4-tab:hover::before {
    left: 40.5%;
    font-size: 45px;
}

ul.Location-tab li:last-child div#v-pills-tab a#Victoria-5-tab:hover::before {
    left: 35.5%;
    font-size: 45px;
}

ul.Location-tab li:last-child div#v-pills-tab a#Western-Australia-6-tab:hover::before {
    left: 42.5%;
    font-size: 45px;
}

.footer .tab-content .tab-pane ul li:nth-child(3)::before{
    display: none;
}

.footer .tab-content .tab-pane ul li:nth-child(4)::before{
    display: none;
}

ul.Location-tab {
    height: 235px;
}
