body .header-main .navbar-nav .nav-link.active {
    color: #ffd165 !important;
}
html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
}

body.inner-page {
    padding-top: 160px;
}

section.fixed-blue-bar {
    position: fixed;
    width: 100%;
    top: 95px;
    left: 0;
    background: #001d4a;
    z-index: 999;
}

section.fixed-blue-bar h1 {
    color: #fff !important;
    text-align: center !important;
    display: block;
    border: none !important;
    line-height: normal !important;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    padding: 10px !IMPORTANT;
}

section.page-head-sec.website-design-head {
    margin: 0 !IMPORTANT;
    position: fixed;
    width: 100%;
    top: 95px;
    left: 0;
    background: #001d4a;
    z-index: 999;
    padding: 0 !important;
}

section.page-head-sec.website-design-head h1 {
    color: #fff;
    border: navajowhite;
    display: block;
    text-align: center;
    padding: 10px;
}

section.about-banner-section {
    margin-top: -75px !important;
}

section.portfolio-p-sec.about-gallery-p-sec {
    margin-top: 15px !important;
    position: relative;
}

section.portfolio-p-sec.about-gallery-p-sec .gallery {
    position: fixed;
    left: 0;
    width: 100%;
    background: #001d4a;
    z-index: 999;
    padding: 10px;
    top: 95px;
}

section.portfolio-p-sec.about-gallery-p-sec .gallery div#content {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

section.portfolio-p-sec.about-gallery-p-sec .gallery div#content a {
    color: #fff;
}

section.portfolio-p-sec.about-gallery-p-sec .gallery div#content h1.main-heading {
    color: #fff;
    border: none;
    padding: 0;
}

section.page-head-sec.inner-top-space {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

section.fixed-blue-bar h3.main-heading {
    color: #fff !important;
    text-align: center !important;
    display: block;
    border: none !important;
    line-height: normal !important;
    font-family: Montserrat;
    font-size: 29px;
    font-weight: 700;
    padding: 10px ! IMPORTANT;
}

section.page-head-sec.blog-head-div {
    margin: 0 !important;
    position: fixed;
    width: 100%;
    top: 95px;
    padding: 0 !important;
    left: 0;
    background: #001d4a;
    z-index: 999;
    display: flex;
    align-items: center;
}

section.page-head-sec.blog-head-div h1 {
    color: #fff;
    border: navajowhite;
    padding: 15px;
    display: block;
    text-align: center;
    width: 100%;
}

section.page-head-sec.blog-head-div .container p {
    margin: 0;
}

.main-div-blog {
    margin-top: -65px !important;
}

body section.seo-free-tool .first-in .content-col .main-text-1 h1 {
    left: 0;
    background: #001d4a;
    z-index: 999;
    text-align: center;
    color: #fff !important;
    padding: 15px !important;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    position: fixed;
    width: 100%;
    top: 95px;
    border: none;
}

body section.seo-free-tool {
    margin-top: 0;
}

.portfolio-p-sec .page-head-sec {
    margin-top: 0 !important;
}

.portfolio-p-sec .page-head-sec .heading-div {
    position: fixed;
    width: 100%;
    top: 95px;
    left: 0;
    background: #001d4a;
    z-index: 999;
    padding: 15px;
    justify-content: center;
}

.portfolio-p-sec .page-head-sec .heading-div h1.main-heading {
    display: block;
    color: #fff;
    border: none;
    padding: 0;
}

.services-p-sec {
    margin-top: 15px;
}

body .blog-detail-sec.main-div-blog {
    top: 95px;
    padding: 15px 0 !important;
    position: fixed;
    width: 100%;
    z-index: 999;
}

body .blog-image-first p.span-txt {
    padding-top: 5px !important;
    margin: 0;
    font-size: 12px;
    text-align: center;
}

body .about-gallery-p-sec, body .blog-detail-sec, body .contact-p-sec, body .inner-page .about-p-sec, body .page-head-sec, body .privacy_content, body .terms_content {
    margin-top: 0 !important;
}

section.page-head-sec.ios-design-head,
section.page-head-sec.seo-design-head,
section.page-head-sec.search-engine-head,
section.page-head-sec.SMM-head,
section.page-head-sec.SMO-head,
section.page-head-sec.vuejs-head-sec,
section.page-head-sec.uiux-design-head,
section.page-head-sec.graphic-design-head,
section.page-head-sec.banner-design-head,
section.page-head-sec.ux-head-sec {
    margin: 0 !IMPORTANT;
    position: fixed;
    width: 100%;
    top: 95px;
    left: 0;
    background: #001d4a;
    z-index: 999;
    padding: 0 !important;
}

section.page-head-sec.ios-design-head h1.main-heading, section.page-head-sec.seo-design-head h1.main-heading,
section.page-head-sec.search-engine-head h1.main-heading, section.page-head-sec.SMM-head h1.main-heading,
section.page-head-sec.SMO-head h1.main-heading, section.page-head-sec.vuejs-head-sec h1.main-heading,
section.page-head-sec.uiux-design-head h1.main-heading, section.page-head-sec.graphic-design-head h1.main-heading,
section.page-head-sec.banner-design-head h1.main-heading, section.page-head-sec.ux-head-sec h1.main-heading{
    width: 100%;
    text-align: center;
    color: #fff;
    border: none;
    padding: 10px;
}

body section.page-head-sec.ios-design-head, section.page-head-sec.seo-design-head,
section.page-head-sec.search-engine-head, section.page-head-sec.SMM-head,
section.page-head-sec.SMO-head, section.page-head-sec.vuejs-head-sec,
section.page-head-sec.uiux-design-head, section.page-head-sec.banner-design-head,
section.page-head-sec.ux-head-sec
 {
    margin-top: 0 !important;
}
section.inner-top-space.provider .container h4 {
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
}
body .webflow-intro-section {
    margin-top: -65px;
    padding-top: 0;
}

p.min-in-main {
    padding: 0;
    margin: 0;
}

section.hire-Joomla-intro-sec {
    padding-top: 0 !important;
    margin-top: -65px;
}

.shopify_in {
    margin-top: -65px;
}

.contact-p-sec h1 {
    background: #fff !important;
    left: 0;
    color: #001d4a !important;
    z-index: 999;
    text-align: center;
    padding: 15px !important;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    position: initial;
    width: 100%;
    top: 95px;
    border: none;
}

section.contact-p-sec form#contact-form .content-col h1 {
    left: 0;
    background: #001d4a;
    z-index: 999;
    text-align: center;
    padding: 15px !important;
    font-family: Montserrat;
    font-size: 36px;
    font-weight: 700;
    position: fixed;
    width: 100%;
    top: 95px;
    border: none;
    color: #fff;
}

body section.robots-sec form#contact-form .controls h1 {
    color: #001d4a !important;
    padding: 15px !important;
    text-align: center !important;
}

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

section.page-head-sec.career-head-sec {
    position: fixed;
    width: 100%;
    top: 95px;
    left: 0;
    background: #001d4a;
    z-index: 999;
    margin: 0 !important;
    padding: 15px !important;
}

section.page-head-sec.career-head-sec h1 {
    color: #fff;
    border: none;
    padding: 0;
    text-align: center;
    display: block;
}

section.job-open-sec {
    margin-top: 14px;
}

a,a:hover {
    color: inherit
}

.banner-content,.blog-inner-secss .stuf-text h5,.blog-inner-secss .stuf-text1 h5,.form-career .heading-div,.get-free-div,.logo-strip-div,.media-strip-ttl,.our-section-new p.main-subtitle,.table-seo-inner td,.table-seo-inner th,.text-center,.who-we-col,.why-choose-wp-ser-sec p,body section.dapa-checker form#contact-form .controls .col-md-12 {
    text-align: center
}

div#next-indicator,div#prev-indicator {
    font-size: 30px!important;
    right: 20px;
    color: #ffd165
}

div#v-pills-tab::-webkit-scrollbar {
    width: 4px!important
}

div#v-pills-tab::-webkit-scrollbar-track {
    box-shadow: none;
    border-radius: 0;
    background: #001d4a
}

div#v-pills-tab::-webkit-scrollbar-thumb {
    background: #ffd165!important;
    border-radius: 18px
}

div#v-pills-tab::-webkit-scrollbar-thumb:hover {
    background: #ffd165
}

.custom-z-index,.header-main {
    z-index: 9999
}

.header-main:hover,section#new-seo section.new-york-agency-form-sec .card-blue form#free-seo-form .form-btn input#submitForm:hover {
    background: #fff!important
}

.graphic-dark-blue-text,.header-main:hover .location-menu,.home-page .header-main:hover .nav-link,section#second-sec p.desc {
    color: #001d4a!important
}

.header-main .a {
    fill: #001d4a
}

#new-seo .wordpress-portfolio-sec .work-content img,.custom-popup .modal-body img,.fiver-slider-img img,.plt-icons img {
    width: auto
}

#pills-tab li.nav-item.parent-element.show-child:last-child a.parent-a:after,.mobile-submenu,.who-we-col p br,.wordpress-portfolio-sec .owl-dots {
    display: none
}

.table-outer-seo.table-responsive {
    overflow-x: inherit
}

.btn-contact-pack,section.robots-sec form#contact-form .controls .row.table-in.table-in-ot {
    margin-top: 20px
}

body {
    font-family: Montserrat;
    padding: 0;
    font-size: 18px;
    line-height: 24.94px;
    font-weight: 500;
    border: 0;
    overflow-x: hidden;
    border-top: 0
}

li,ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0
}

a:hover {
    text-decoration: none
}

.new-website-design-services-sec h4,img {
    max-width: 100%
}

.related-service-bg-sky {
    background: #f8fcff!important
}

.related-service-bg-sky .bg-lsky {
    background: #aeddff!important
}

.related-service-bg-lsky {
    background: #f2faff!important
}

.related-service-bg-lsky .bg-dsky {
    background: #b1e5fd!important
}

.laravel-bg,.related-service-bg-red {
    background: #feebeb!important
}

.related-service-bg-red .bg-lred {
    background: #ffcfcc!important
}

.related-service-bg-lightgreen {
    background: #f5ffe2!important
}

.related-service-bg-lightgreen .bg-dgrey {
    background: #e2f3c2!important
}

.react-Professionalism-sec,.related-service-bg-reactjs {
    background: #dff8ff!important
}

.related-service-bg-reactjs .bg-white {
    background-color: #b9e8f5!important
}

.related-service-bg-nodejs {
    background: #edffe5!important
}

.related-service-bg-nodejs .bg-nodejs {
    background: #c2edaf!important
}

.related-service-bg-wix {
    background: #fff4e6!important
}

.related-service-bg-wix .wd-ser-main-div {
    background: #f9e0c0!important
}

.related-service-bg-vuejs {
    background: #d4dee8!important
}

.related-service-bg-vuejs .bg-vuejs {
    background: #b9cadb!important
}

.content-anchor {
    color: #ffd165!important;
    transition: .6s
}

.content-anchor:hover {
    color: #d49600!important
}

#new-seo #seo-tab .tab-parent .nav-link.active.tab-link h5,.blog-dynamiv-sec p,.blue-advantage-box:hover,.choose-banner-design-sec .advantage-main-div:hover,.choose-graphic-desgin-sec .advantage-main-div:hover .title,.custom-popup .modal-header .close span,.follow-nofollow ul li,.green-advantage-box:hover,.red-advantage-box:hover,.uiux-important-element-sec .advantage-main-div:hover .title,.white-text,.white-txt,.wp-dev-reason-to-choose .advantage-main-div {
    color: #fff
}

#navMenus .active,#new-seo .card-blue i,#newhead .navbar-nav .nav-link:hover,.audit-form-sec input:checked+label,.audit-form-sec input:checked+label:hover,.contact-p-sec input:checked+label,.contact-p-sec input:checked+label:hover,.footer-col .blog-title abbr a:hover,.header .navbar-dark .navbar-nav .nav-link:hover,.highlighted_link,.inner-content li a:hover,.orange-text,.portfolio-p-sec .nav li a:hover,.sec-app2 .wd-ser-main-div a,.sidebar-div .cat-listing li:hover a,.website-maintenance-packages .price-txt h2 {
    color: #ffd165
}

.grey-bold {
    color: #3f3f3f;
    font-weight: 700
}

.font-bold,body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.seo-page-img-content-sec.Switch-ON-Innovation-img-content-sec .content-div h6.big-desc.blue-text.mb-2 {
    font-weight: 600!important
}

.main-heading {
    font-size: 48px;
    font-weight: 300;
    display: inline-block;
    position: relative
}

///////////////////////////////////////////////// ////////////////////////////////////////// section.portfolio-p-sec .tab-head-div .go .form-group.has-search .main-divi-in input#search_port {
    border-radius: 0!important;
    padding: 10px 30px!important;
    height: auto!important;
    color: #001d4a!important;
    font-size: 15px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    font-family: Montserrat;
    outline: 0!important;
    background: #fff!important;
    border: none!important;
    border-bottom: 2px solid #001d4a!important
}

#new-seo section#second-sec .card-blue .chosen-choices li.search-field input {
    padding: 8px 2px!important;
    font-size: 14px!important
}

section#new-seo section.new-york-agency-form-sec .card-blue form#free-seo-form .form-btn input#submitForm {
    background: #ffd165!important;
    border: 2px solid #ffd165!important;
    font-size: 18px!important;
    font-weight: 500!important;
    padding: 10px 12px!important;
    border-radius: 0!important;
    color: #fff;
    transition: .6s
}

#new-seo .card-blue .form-control,#new-seo .card-blue form#free-seo-form .input-group-text {
    background: #fff!important;
    border-radius: 0!important;
    border: none!important;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #ffd165!important;
    padding: 5px 7px!important;
    width: 100%;
    height: 31px;
    font-weight: 500!important
}

#new-seo .card-blue .main-btn {
    background: #001d4a!important;
    border: 2px solid #001d4a!important;
    color: #fff!important
}

#new-seo .card-blue .main-btn:hover {
    background: #fff!important;
    border: 2px solid #001d4a!important;
    color: #001d4a!important
}

.get-free-digital-proposal-sec .form-control {
    background: #fff!important;
    padding: 12px 20px!important
}

div#tech_filter_chosen,form#free-seo-form .chosen-container-multi .chosen-choices li.search-field {
    width: 100%!important
}

.get-free-digital-proposal-sec form#contact-form-location .controls input.main-btn {
    background: #ffd165!important;
    border: 2px solid #ffd165!important;
    font-size: 18px!important;
    font-weight: 500!important;
    padding: 10px 12px!important;
    border-radius: 4px!important
}

.get-free-digital-proposal-sec form#contact-form-location .controls input.main-btn:hover,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint input.check-meta:hover {
    background: #fff!important;
    color: #ffd165!important
}

/////////////////////////////////////////////// .modal-body {
    color: #000!important
}

#accordion,#new-seo .chosen-container-multi .chosen-choices li.search-field,.about-gallery-p-sec figure img,.content-box .image-side,.cust-paginate,.image-div img,.portfolio-p-sec #pills-tabContent,.video-col iframe,.video-col video,.web-development-process-sec .main-timeline .timeline,.why-choose-wp-ser-sec .light-blue-bg {
    width: 100%
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 0
}

.btn.focus,.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0)
}

input:required:focus {
    border: 1px solid #eca906!important;
    outline: 0!important
}

input:required,textarea:required {
    box-shadow: 0 0 0 #ffd165
}

:not(output):-moz-ui-invalid {
    box-shadow: 0 0 .1px 1px #ffd165
}

:not(output):-moz-ui-invalid:-moz-focusring {
    box-shadow: 0 0 2px 2px rgba(255,0,0,.4)
}

.main-btn {
    background: #ffd165;
    border: 2px solid #ffd165;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 12px;
    border-radius: 0;
    color: #001d4a;
    transition: .6s
}

.main-btn:hover,.orange-border-btn {
    background: 0 0;
    border: 2px solid #ffd165;
    color: #ffd165
}

.border-btn {
    border: 2px solid #ffd165;
    padding: 7px 12px;
    display: inline-block;
    border-radius: 0;
    color: #ffd165;
    font-weight: 500;
    transition: .6s
}

.border-btn:hover {
    color: #fff;
    background: #ffd165;
    border: 2px solid #ffd165
}

.border-btn span {
    display: inline-block;
    padding-left: 10px
}

.blue-btn,.job-open-sec .apply {
    background: #001d4a;
    color: #fff;
    border-radius: 0;
    border: 2px solid #001d4a
}

.blue-btn:hover,.career-form .blue-btn:hover,.job-open-sec .apply:hover {
    background: 0 0;
    border: 2px solid #001d4a;
    color: #001d4a
}

.orange-border,.table-seo-inner .back-orange1 {
    border-bottom: 5px solid #ffd165
}

.orange-border-btn:hover,.service-col:hover {
    background: #ffd165;
    color: #fff
}

.header .bg-dark {
    background-color: #f7f7f700!important;
    line-height: 0;
    padding: 0;
    margin-top: -7px
}

.header .container-fluid {
    padding-right: 0;
    background-color: #f7f7f7!important
}

.header .navbar-dark .navbar-nav .nav-link {
    color: #1e1e1e;
    font-size: 18px;
    line-height: 24.94px;
    font-weight: 500
}

#newhead .navbar-nav .nav-link:active,.Joomla-vs-wordpress-sec a.orange-text:hover,.blog-dynamiv-sec p a,.blog-new-dsgn .stuf-text1 p a:hover,.footer h5.footer-main-title.orange-text,.nav-item.show .nav-link,.stuf-text1 p a,.why-choose-Joomla-sec a.orange-text:hover,a.nav-link.position-relative.active,body.home-page .header-main:hover a.nav-link.position-relative.active:hover,body.inner-page .New-York-SEO-wrapper.New-York-Webdesign-wrapper section.top-rated-expert-web-design-sec .heading-div h3.p-main-heading span.orange-text,section.Joomla-advantage-ser-sec p a.orange-text:hover,section.hire-Joomla-intro-sec a.main-btn:hover,section.hire-why-choose-Joomla-sec a.main-btn:hover {
    color: #ffd165!important
}

.header .navbar-dark .navbar-brand {
    color: #fff;
    padding: 0
}

.header .nav-item {
    padding: 13px 12px;
    line-height: 20px!important
}

.header .nav-link {
    padding: 0!important
}

.header .last-link {
    background: #ffd165;
    margin-left: 15px;
    transition: .6s
}

.header .last-link:hover {
    background: #1e1e1e
}

.quote-btn {
    color: #fff!important;
    font-weight: 600!important
}

.fixed--header {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 9999;
    top: 0
}

.fixed--header .bg-dark {
    background-color: #f7f7f7!important;
    line-height: 0;
    padding: 0;
    margin-top: -9px;
    width: 100%;
    z-index: 99
}

.fixed--header .container-fluid,.our-work-sec .left-content-div,.purpose-of-shopify-dev-sec .col-md-7,.shopify-desc-9 {
    padding-right: 0
}

.header .dropdown-toggle::after {
    transition: transform .15s linear
}

.header .show.dropdown .dropdown-toggle::after {
    transform: translateY(5px)
}

.animate {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

@keyframes slideIn {
    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(1rem);
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

.header .navbar-nav .dropdown-menu {
    position: absolute;
    top: 46px;
    border-top: 2px solid #ffd165;
    left: 0;
    max-width: 1170px;
    margin: 0 auto;
    min-width: 1170px
}

.header .services-dropdown {
    left: 0;
    max-width: 1170px;
    margin: 0 auto;
    min-width: 1170px;
    right: 0;
    width: 100%;
    position: fixed!important;
    top: 46px
}

.header .About,.header .packages {
    min-width: 245px!important;
    max-width: 245px!important;
    width: auto!important;
    position: absolute!important
}

.serv-col {
    padding-top: 26px;
    padding-bottom: 26px
}

.header .serv-col .serv-div {
    border-right: 2px solid #ffd165;
    height: 100%
}

.header .serv-col:last-child .serv-div {
    border-right: 0px solid #ffd165
}

.header .serv-div .sub-menu-title {
    padding: 0 22px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 9px
}

.header .serv-div .dropdown-item {
    padding: 2px 22px;
    font-size: 13px
}

.header .dropdown-item:hover {
    color: #ffd165;
    background-color: transparent
}

.header .About .dropdown-item,.header .packages .dropdown-item {
    font-size: 13px;
    white-space: normal
}

.header .About {
    left: 0
}

.box-scrolling .inner-image,.cust-work-tab,.get-free-strip-sec.page-strip-sec,.logo-strip-div,.mesh-gall-col .img-div,.nodejs-process-sec .timeline-col,.partnership-mod .right-sec,.right-col,.show-child>.active,.team-video-col .img-div,.video-col,.video-div,.web-development-process-sec .main-timeline,.work-infograph-sec .main-timeline {
    position: relative
}

.news-page-sec .text-side .blog-content,body.home-page a.nav-link.position-relative.active,body.inner-page section.website-services-cols-sec.dark-blue-bg .content-div p.desc {
    color: #fff!important
}

.home-service-sec .service-div a.blue-text,body.home-page .fixed--header a.nav-link.position-relative.active,body.home-page .header-main:hover a.nav-link.position-relative.active,section.news-in-to .blog-ttl1 p span {
    color: #06204e!important
}

.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 0 10px
}

.inner-page .fixed--header .home-nav,.inner-page .home-nav,.port-single-key .work-access-detail,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row {
    display: flex!important
}

.logo-strip-div,.logo-strip-div .logo-col,.who-we-col .icon-div,ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
    display: flex;
    display: flex
}

ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
    align-items: flex-end
}

.inner-page .fixed--header .logo {
    display: block!important
}

.logo-side .menu-side {
    padding-top: 0!important;
    padding-bottom: 0!important
}

#newhead .navbar,#newhead .navbar .pb-3,section.robots-sec form#contact-form .form-group .checkboxes.check-in {
    padding-top: 0!important
}

.ReactJS-about-sec,.page-head-sec {
    padding: 20px 0!important
}

.table-seo-inner {
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px 0px
}

.table-seo-inner th {
    font-size: 30px;
    font-weight: 500;
    background: #001d4a;
    color: #fff;
    padding: 10px;
    line-height: 100%
}

.table-seo-inner th:first-child {
    background: 0 0;
    color: #000
}

.table-seo-inner td {
    padding: 12px 10px;
    font-size: 17px;
    line-height: 100%
}

.table-seo-inner .table-bold {
    font-weight: 600;
    font-size: 30px
}

.table-seo-inner .back-orange1 {
    background: #ffd165;
    color: #001d4a;
    font-size: 22px
}

.card-body p,.content-div p,.table-seo-inner td:first-child,.table-seo-inner th:first-child,.wd-ser-main-div .wd-ser-content p,.web-development-process-sec .main-timeline .timeline .timeline-content {
    text-align: left
}

.table-seo1 {
    padding: 20px 0 130px
}

.table-seo-inner tr:nth-child(odd) {
    background: #f1f1f1
}

.advantage-main-div:hover .title::before,.android-we-offer-sec .advantage-main-div:hover .title::before,.fixed--header,.inner-page .website-maintenance-packages-sec .table-seo-inner .main-bg-white,.table-seo-inner .back-white,.website-maintenance-packages-sec .table-seo-inner .clr-white:nth-child(odd),.white-bg {
    background: #fff!important
}

.pack-web-sec .nav-tabs {
    border-bottom: 4px solid #ffd165!important;
    margin-bottom: 22px
}

.banner-design-offered-sec .process-main-div,.benefits-growth-seo-sec .benefits-main-div p,.choose-logo-design-company-sec .wd-ser-main-div p,.comprehensive-range-sec .icon-ser-main-div:last-child,.contact-form .big,.contact-right-col .contact-col p:last-child,.copyright-sec .copy-right,.footer-col li:last-child .blog-title,.ios-app-sec .desc,.our-wp-dev-ser-sec .wd-ser-content p,.pack-web-sec .nav-tabs .nav-item,.ppc-accordian-sec .panel-body p,.purpose-of-shopify-dev-sec .content-col p,.shopify-desc-1 p,.shopify-dev-ser-sec p,.web-development-process-sec .border-left-desc p,.who-we-col p,.why-choose-col:last-child,.why-choose-wp-ser-sec p,.wix-light-pink-bg .d-flex:last-child .border-left-desc,.wix-purpose-sec p,.wordpress-portfolio-sec .heading-div .p-main-heading,.world-best-customer p {
    margin-bottom: 0
}

.pack-web-sec .nav-tabs .nav-item a {
    margin-right: 20px;
    font-size: 20px;
    text-transform: uppercase;
    background: #f0f0f0;
    border: 0;
    border-radius: 0
}

.pack-web-sec .nav-tabs .nav-item .active {
    background: #ffd165!important;
    color: #000
}

small.small_txt {
    font-size: 34%
}

.home-banner-sec {
    background: url(../images/banner.jpg) 0 0/cover no-repeat fixed;
    padding: 150px 0;
    transition: .6s
}

.banner-content {
    color: #fff;
    width: 100%;
    margin: 0 auto
}

.banner-content .bann-heading {
    font-size: 48px;
    font-weight: 300;
    margin-bottom: 22px
}

.audit-report-strip-sec p .orange-text,.banner-content .bann-heading span,.home-service-sec .service-div .content-div h5,.p-main-heading .orange-text,.sem-types-row .types-col b,.seo-design-head h4,.website-maintenance-head h4,.who-we-col p,h5.pl-2.blue-text,p.desc-test {
    font-weight: 600
}

.banner-content .bann-desc,.new-seo-expert-sec h5 {
    font-size: 24px;
    line-height: 30px
}

.home-slider .carousel-caption {
    top: 50%;
    transform: translate(-50%,-90%);
    width: 100%;
    max-width: 1140px;
    left: 50%
}

.home-slider video {
    object-fit: cover;
    width: calc(100% + 0px)!important
}

.logo-strip-div {
    justify-content: center;
    justify-content: center;
    background: #fff;
    -webkit-box-shadow: 0 0 13px -3px rgba(0,0,0,.59);
    -moz-box-shadow: 0 0 13px -3px rgba(0,0,0,.59);
    box-shadow: 0 0 26px -5px rgba(0,0,0,.35);
    top: -32px;
    width: 100%
}

.service-col,.service-p-col {
    -webkit-box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    -moz-box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    transition: .6s
}

.logo-strip-div .logo-col {
    padding: 28px 25px;
    justify-content: center;
    align-items: center
}

.who-we-sec .row {
    align-items: flex-end
}

.who-we-col {
    width: 20%;
    margin-top: 20px
}

.who-we-col .icon-div {
    margin-bottom: 18px;
    height: 45px;
    justify-content: center;
    align-items: center
}

.copyright-sec,.get-free-div {
    justify-content: space-between
}

.copyright-sec .footer-social-links li i,.links-ul li a,.new-serv-col .img-div,.shopify-ser-col img,.sidebar-div .cat-listing li a,.ux-solutions-sec .content-m-col img,.website-design-sec .wd-div img,.website-maintenance-include-sec .types-col .img-div,.who-we-col .icon-div p,.who-we-col img,.work-col-bg .work-img-div {
    transition: .6s
}

.who-we-col:hover .icon-div p,.who-we-col:hover img {
    transform: translateY(0)
}

.who-we-col p {
    font-size: 18px;
    line-height: 20px
}

.row-after-slider .who-we-col .icon-div p {
    font-size: 35px;
    color: #feb914;
    font-weight: 500
}

.who-we-sec .center-col .text-div h2 {
    font-size: 56px;
    font-weight: 700
}

.get-free-div .title,.who-we-sec .center-col .content-div h4 {
    font-size: 24px;
    font-weight: 300
}

.who-we-sec .center-col .text-div h2 span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    line-height: 10px
}

.who-we-sec .center-col .content-div {
    margin-top: 18px
}

.who-we-sec .center-col .content-div h4 span {
    display: block;
    font-weight: 500
}

.services-sec {
    background: url(../images/background.png) no-repeat fixed;
    padding: 70px 0 0
}

.service-col {
    box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    padding: 40px 25px 40px 30px;
    line-height: 30px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 100px;
    border-radius: 4px;
    background: #fff
}

.service-col .ser-icon {
    opaweb-design: 1;
    display: block;
    transition: .6s
}

.service-col .hover-icon,.service-col:hover .ser-icon {
    opaweb-design: 0;
    display: none
}

.service-col .hover-icon {
    transition: .6s
}

.Joomla-advantage-ser-sec .col-md-4,.ReactJS-advantage-sec .col-md-4,.about-gallery-p-sec .gallery,.blog-page-sec .blog-col,.blog-page-sec .blog-sidebar,.choose-world-class-application-sec .col-md-3,.content-m-serv-sec .col-md-6,.explore-other-design-sec .col-md-3,.home-service-sec .col-md-6,.icon-content-div,.list-points-row .col-md-4,.marketing-faq-sec .col-md-6,.marketing-faq-sec .title-div,.or-list,.or-list1,.our-wp-dev-ser-sec .col-md-6,.owl-dots,.potential-web-design-ser-sec .col-md-6,.react-Reason-Choose-sec .col-md-4,.services-p-sec .col-md-3,.social-m-p-design-sec .col-md-4,.table-data-here .card-header h5,.timeline-process-main-div,.vuejs-process-sec .timeline-col,.website-design-sec .wd-col,.website-design-sec .web-d-row,.wide-app-developmet-serives .wd-ser-col,.wp-dev-reason-to-choose .col-md-3 {
    display: flex
}

.service-col:hover .hover-icon {
    opaweb-design: 1;
    display: block
}

.service-col h6 {
    font-weight: 500;
    font-size: 20px;
    padding-left: 12px
}

.service-col .ser-desc {
    padding-top: 24px
}

.center-service-row {
    margin-top: 120px
}

.get-free-strip-sec,.reputation-design-sec,.seo-design-sec,.shopify-dev-services-sec {
    background: #001d4a;
    padding: 40px 0
}

.get-free-div {
    color: #fff;
    display: flex
}

#new-seo #seo-tab .background-blue,#new-seo #third-sec,#new-seo .wd-services-sec,.ReactJS-advantage-sec,.factor-influence-sec,.important-things-seo-sec,.ios-dev-sec,.new-seo-expert-sec,.new-york-seo-sec,.our-work-sec,.our-wp-dev-ser-sec,.react-Reason-Choose-sec,.reactjs-feature-ser-sec,.sem-plateform-sec,.shopify-adding-domain-content-sec,.web-development-process-sec,.why-choose-vuejs-dev-sec,.why-choose-wp-ser-sec,.why-hire-wix,.why-web-development-agency-sec,.wide-app-developmet-serives,.widely-used-node-js,.wp-best-cms-sec,section.clutch-section,section.wix-section {
    padding: 50px 0
}

.our-work-sec .main-subtitle {
    margin-top: 14px;
    font-size: 18px;
    margin-bottom: 37px
}

.green-bg {
    background: #4dd179
}

.benefits-growth-seo-sec .benefits-main-div:hover .numbering-div,.comprehensive-range-sec .icon-ser-main-div:hover .icon-div,.light-yellow .wd-div,.new-serv-col:hover,.orange-bg,.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ffd165
}

.audit-form-sec input:checked+label,.banner-design-benefit-sec .icon-ser-main-div .icon-div,.contact-p-sec input:checked+label,.eco-main-div:hover .icon-div,.graphic-about-sec,.light-blue .wd-div,.pink-bg,.web-maintenance-support-sec .advantage-main-div .title::before {
    background: #001d4a
}

.our-work-sec .work-col-bg {
    margin: 0 0 30px;
    border-radius: 0;
    color: #fff;
    overflow: hidden;
    padding-top: 14px;
    position: relative
}

.our-work-sec .title {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 15px
}

.work-img-div {
    height: 280px
}

.work-col-bg:hover .work-img-div {
    height: 280px;
    transform: scale(1.1)
}

.our-work-sec .left-content-div .desc {
    padding-bottom: 56px;
    line-height: 20px;
    font-size: 18px
}

.our-work-sec .main-btn {
    margin-top: 19px!important;
    display: inline-block
}

.appreciated-sec {
    padding: 50px 0 130px;
    background: #f7f7f7
}

.video-col {
    width: 100%;
    margin-top: 46px
}

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

.owl-dots {
    justify-content: center;
    max-width: 50%;
    justify-content: center;
    margin: 0 auto
}

.owl-dot,.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 5px 3px
}

.icon-ser-main-div:hover .icon-black-bg,.owl-dot.active {
    background: #ffd165!important
}

.owl-dot {
    display: inline-block;
    background: #869791!important;
    border-radius: 20px
}

.E-Commerce-eco-system-sec .image-ecom,.footer-contact .call-mail-div img,.testimonial,.testimonial .owl-theme .owl-controls,.website-maintenance-packages-sec .btn-contact-pack {
    margin-top: 0
}

.testimonial {
    display: flex;
    flex-wrap: wrap
}

.testimonial .pic img {
    width: 84px!important;
    height: 84px;
    border-radius: 50%;
    object-fit: cover
}

.E-Commerce-design-sec .button-div .main-btn,.brochure-about-sec .main-btn,.tags-listing li,.testimonial .pic,.white-bg-strip .main-btn,.why-choose-p-sec .choose-content-div .main-btn,.work-infograph-sec .first-last-div .content-box,.work-infograph-sec .first-last-div .line {
    display: inline-block
}

.testimonial .head-div {
    display: inline-block;
    vertical-align: middle;
    border-left: 6px solid #ffd165;
    margin-left: 20px;
    padding: 29px 0 29px 20px
}

.testimonial .head-div .title {
    font-size: 18px;
    color: #1e1e1e;
    font-weight: 600
}

.testimonial .head-div .post {
    font-size: 14px;
    text-transform: uppercase
}

.testimonial .description {
    font-size: 16px;
    font-style: italic;
    padding-top: 31px;
    text-align: left;
    font-weight: 500
}

.testimonial .owl-theme .owl-controls .owl-page span {
    background: #bfbfbf
}

.bottom-logo-strip .logo-strip-div {
    top: -71px;
    border-radius: 0;
    position: absolute
}

.bottom-media-strip {
    margin-top: -103px
}

.bottom-media-strip .logo-strip-div {
    top: 37px;
    border-radius: 0;
    position: inherit;
    width: 100%;
    left: 0
}

.media-strip-ttl {
    position: absolute;
    top: -3px;
    left: 8px;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    z-index: 9;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    width: 209px
}

.marketing-faq-sec span.orange-text,.modal .modal-body-content .port-content-div p,.modal .modal-body-content h3.title,.ppc-blue-text,.right-icons ul li .fa,.table-data-here .card h5 button:hover,section#second-sec h2.p-main-heading span.orange-text {
    color: #001d4a
}

.media-strip-ttl:before {
    bottom: 0;
    top: 0;
    left: 7px;
    content: "";
    position: absolute;
    background: #001d4a;
    width: 209px;
    height: 40px;
    z-index: -1
}

.media-strip-ttl span {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    font-size: 18px
}

.footer {
    background: #001d4a;
    color: #fff;
    font-size: 14px;
    padding: 72px 0 0
}

.banner-features-design-sec .icon-ser-col,.blog-related .img-div,.choose-banner-design-sec .title,.footer-col .dsec,.footer-col .logo-div,.main-para,.work-infograph-sec .main-timeline .icon-div {
    margin-bottom: 25px
}

.footer-col .logo-div img {
    width: 54px
}

.footer-contact ul img {
    display: inline-block;
    padding-right: 15px;
    margin-top: 6px
}

.footer-contact ul span {
    display: inline-block;
    width: 80%;
    vertical-align: top;
    font-size: 13.6px
}

.footer-contact .location .img-div {
    width: 15%;
    padding-right: 0!important;
    display: inline-block
}

.footer-contact .call-mail-div {
    overflow: hidden;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%
}

.footer-contact .call-mail-div li {
    width: 48%;
    float: left;
    padding-bottom: 0!important
}

.footer-main-title {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px
}

#new-seo #third-sec .card .img-con,.footer-col,.shopify-adding-domain-content-sec .main-timeline:before {
    height: 100%
}

.footer-col li {
    padding-bottom: 12px
}

.links-ul li:hover a {
    padding-left: 5px;
    color: #ffd165
}

.blog-div li:last-child,.links-ul li:last-child,.mob-development-your-dream-sec {
    padding-bottom: 0
}

.footer-col li .fa {
    color: #ffd165;
    padding-right: 6px
}

.footer-col .blog-div .img-div {
    display: inline-block;
    width: 24%;
    margin-top: 6px
}

.footer-col .blog-title {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-left: 7px;
    margin-bottom: 8px
}

.footer-col .blog-title abbr a {
    transition: .4s
}

.footer-col .blog-title .date {
    display: inline-block;
    font-size: 12px
}

.border-right {
    border-right: 2px solid #ffd165!important
}

.footer-col .footer-contact li {
    padding-bottom: 17px
}

.blog-div li {
    padding-bottom: 9px
}

.footer-col .blog-title abbr {
    text-decoration: initial!important
}

.copyright-sec {
    border-top: 1px solid #ffd165;
    display: flex;
    padding-top: 15px;
    margin-top: 28px
}

.copyright-sec .footer-social-links li {
    display: inline-block;
    padding-right: 11px;
    font-size: 22px
}

.copyright-row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.copyright-sec .footer-social-links li:hover i {
    transform: translateY(-10px);
    color: #ffd165
}

.work-infograph-sec p.subtitle,section.webflow-page-in h3.p-main-heading {
    text-align: center!important
}

.p-main-heading {
    font-size: 30px;
    margin-bottom: 16px;
    font-weight: 500
}

.page-bottom-strip {
    margin-top: 95px
}

.about-gallery-p-sec .main-heading,.page-head-sec .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
}

.page-head-sec h4 {
    font-weight: 700;
    font-size: 18px
}

.services-p-sec {
    padding: 0 0 20px
}

.service-p-col {
    box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    padding: 25px 10px 20px;
    line-height: 21px;
    margin-bottom: 45px;
    background: #fff;
    flex-wrap: wrap;
    position: relative
}

.service-p-col h6 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px
}

.service-p-col img {
    margin-bottom: 18px;
    transition: .6s
}

#new-seo #seo-tab .tab-content .card:hover img,#new-seo #seo-tab .tab-parent .tab-link:hover img,#new-seo #third-sec .card:hover img,.new-serv-col:hover .img-div,.service-p-col:hover img,.shopify-ser-col:hover img,.ux-solutions-sec .content-m-col:hover img,.wd-ser-main-div:hover .icon-div img,.wd-ser-main-div:hover svg,.website-design-sec .wd-div:hover img,.website-maintenance-include-sec .types-col:hover .img-div {
    transform: translateY(-10px)
}

.service-p-col .ser-desc,.wordpress-portfolio-sec .work-content p,h6.blue-text {
    font-size: 18px;
    line-height: 24px
}

.service-p-col .ser-desc p {
    margin-bottom: 90px
}

.service-p-col .main-btn {
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    bottom: 0
}

.service-p-col .icon-p-div {
    height: 140px
}

.reputation-design-head h4,.website-design-head h4 {
    font-size: 18px;
    font-weight: 700;
    max-width: 995px;
    width: 100%
}

.website-design-sec {
    background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    background: -moz-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#001e4a),color-stop(74%,#001e4a),color-stop(74%,#fff),color-stop(100%,#fff));
    background: -ms-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    padding: 30px 0 0;
    margin-bottom: 45px
}

.WDo-core-section .WDo-core-option .WDo-option-text h4,.about-supper-strength-sec .title,.application-receive-sec .title,.banner-process-sec .main-timeline .description,.brochure-goal-sec p,.cms-design-sec .desc,.content-android-apps-outer p,.digital-design-sec .desc,.graphic-eco-col .content-div,.reputation-design-sec .content-div .desc,.shopify-adding-domain-content-sec .main-timeline .description,.uiux-design-process-sec .process-main-div h6,.website-design-sec .desc {
    font-size: 18px
}

.website-design-sec .content-div {
    color: #f7f7f7
}

.website-design-sec .right-div {
    position: relative;
    top: 60px
}

.website-design-sec .wd-div {
    background: #fff;
    padding: 35px 14px;
    margin-bottom: 28px;
    -webkit-box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    -moz-box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    box-shadow: 0 0 45px -2px rgba(0,0,0,.13);
    text-align: center;
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    transition: .6s
}

.website-design-sec .content-div .sub-desc {
    font-size: 22px;
    font-weight: 500;
    line-height: 27px
}

.website-design-sec .wd-div .img-div {
    text-align: center;
    margin-bottom: 11px
}

.website-design-sec .wd-div .title {
    font-size: 18px;
    font-weight: 600;
    padding: 0 14px;
    margin-bottom: 0
}

.E-Commerce-eco-system-sec,.brochure-about-sec,.email-serv-infograh-sec,.wd-eco-system-sec {
    padding: 45px 0
}

.eco-main-div {
    text-align: center;
    margin: 32px auto 0
}

.eco-col:nth-child(2n) .eco-main-div,.mobile-app-sec2 .col-md-12 {
    margin-top: 70px
}

.eco-main-div .icon-div {
    display: block;
    background: #ffd165;
    border-radius: 15px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative;
    margin: 0 auto 16px;
    transition: .8s
}

.eco-main-div .numbering {
    display: inline-block;
    background: #001d4a;
    padding: 0 3px;
    width: 28px;
    height: 28px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    left: -10px;
    top: -10px;
    font-weight: 700;
    font-size: 15px
}

.eco-main-div .eco-content .title,.seo-company-brand-sec .p-main-heading,.social-m-m-head h4,.website-maintenance-packages .price-txt span,.white-sec-home .get-free-div h5 {
    font-weight: 500
}

#new-seo .tab-pane.active,#new-seo span.show,.custom-menu-0 .svg-ico,.list-name>div.active,.location_submenu .svg-ico,.mesh-gallery-row,.page-strip-sec .get-free-div,.portfolio-p-sec .read-style {
    display: block
}

.page-strip-sec .get-free-div .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 30px
}

.portfolio-p-sec .show-child .child-cat:after,.show-child>.active:after {
    content: "";
    background: #535556;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0
}

.wd-services-sec {
    padding: 50px 0 103px
}

.wd-ser-main-div .icon-div img {
    transition: .6s;
    width: 50px;
    margin-right: 15px;
    object-fit: contain;
    height: 50px;
    margin-bottom: 15px
}

.wd-ser-main-div svg {
    font-size: 53px;
    color: #ffd165;
    transition: .6s
}

.wd-ser-content .title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 600
}

.wd-ser-content p {
    font-size: 18px;
    text-align: left;
    line-height: 24px
}

.content-m-col p,.portfolio-p-sec .port-content-div p {
    line-height: 21px
}

.p-logo-outer h3,.shopify-light-green-bg h3 {
    font-size: 24px;
    font-weight: 600
}

.portfolio-p-sec .Portfolio {
    position: relative;
    margin-bottom: 100px;
    border-radius: 0!important;
    border: 0 solid #000;
    float: left;
    width: 100%;
    transition-duration: .4s;
    animation: .5s winanim;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.portfolio-p-sec .child-cat,.portfolio-p-sec .inner-nav-tabs {
    position: absolute!important;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    justify-content: center;
    margin-top: 0!important;
    border: 0;
    background: #fff!important;
    padding: 10px 0
}

.back-gap p,.portfolio-p-sec .child-cat a {
    color: #212529!important
}

.portfolio-text {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 30px;
    flex: 0 0 70%
}

.show-child>.active:after {
    width: 2px;
    height: 25px;
    top: 36px
}

.portfolio-p-sec .show-child .child-cat:after {
    width: 100%;
    height: 2px;
    top: -2px;
    max-width: 100%
}

.work-infograph-sec .bottom-div .line:after,.work-infograph-sec .bottom-div .line:before {
    top: auto;
    bottom: 0
}

.portfolio-p-sec .child-cat .cust-work-tab:first-child a,.row-after-slider .who-we-col:first-child a,.upwork-outer .content-div:first-child {
    margin-left: 0
}

.portfolio-p-sec .child-cat .cust-work-tab:last-child a {
    margin-right: 0
}

.portfolio-p-sec .child-cat .cust-work-tab a {
    margin: 0 26px;
    width: auto;
    outline: 0;
    border: 0;
    transition-duration: 0s
}

.portfolio-p-sec .child-cat .cust-work-tab a img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    margin-right: 8px
}

.portfolio-p-sec .child-cat .cust-work-tab:last-child a img {
    width: 42px
}

.portfolio-p-sec .child-cat .active {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #ffd165!important;
    margin-bottom: -2px!important
}

.portfolio-p-sec .Portfolio:last-child {
    margin-bottom: 50px
}

.portfolio-p-sec .Portfolio:hover {
    box-shadow: 0 12px 24px 0 rgba(0,0,0,.24),0 -8px 40px 0 rgba(0,0,0,.19)
}

.portfolio-p-sec .Portfolio .work-img-div img {
    transition: .6s;
    border-radius: 0;
    width: 79%;
    height: auto;
    margin-top: 56px
}

.portfolio-p-sec .Portfolio:hover .work-img-div img {
    transform: scale(1.04)
}

@-webkit-keyframes winanim {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px)
    }

    50% {
        opacity: .8
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

.portfolio-p-sec .nav {
    margin-top: 20px;
    margin-left: auto;
    align-items: center;
    background: #091d4a;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 0
}

.portfolio-p-sec .nav li a {
    margin: 2px;
    padding: 5px 10px;
    font-size: 18px;
    color: #fff;
    background: 0 0;
    transition-duration: .4s;
    font-weight: 500;
    width: 100%;
    display: block
}

.portfolio-p-sec .nav .active {
    color: #ffd165;
    background: 0 0;
    font-weight: 600
}

.portfolio-p-sec .work-col-bg {
    margin: 0;
    color: #fff;
    padding-top: 0;
    position: relative
}

.portfolio-p-sec .work-col-bg:hover .work-img-div {
    transform: inherit;
    height: 525px
}

.portfolio-p-sec .port-content-div {
    background: #e5e8ed;
    min-height: 585px!important;
    padding: 16px 20px;
    width: 404px;
    margin: -40px 4% 0;
    border-radius: 0
}

.Portfolio .row.work-col-bg.green-bg {
    min-height: fit-content;
    border-radius: 0;
    padding: 0 0 40px;
    background: #ffe3a0
}

.Portfolio .row.work-col-bg.blue-bg,.Portfolio .row.work-col-bg.orange-bg,.Portfolio .row.work-col-bg.pink-bg {
    min-height: fit-content;
    padding-bottom: 40px
}

#newhead .nav-submenu .list-group-item:first-child,.android-app-outer .content-m-col,.blog-div img,.blog-dynamiv-sec img,.border-r-8,.border-radius-8,.nav-submenu .list-group-item:last-child,.wd-ser-main-div.light-peach-bg {
    border-radius: 0
}

.Portfolio .row.work-col-bg.pink-bg {
    border-radius: 0;
    position: relative
}

.Portfolio .row.work-col-bg.blue-bg {
    border-radius: 0;
    background: #ffe3a0
}

#listPortfolio tr.odd td.sorting_1 {
    background: 0 0!important;
    padding: 10px 0
}

#listPortfolio tr.even td.sorting_1 {
    background: 0 0!important;
    padding: 0
}

.Portfolio .light-blue-color {
    background: #d2dae7;
    border-radius: 0!important
}

.portfolio-p-sec .port-content-div span {
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    line-height: 19px
}

.modal span.visit-ed {
    padding: 6px 18px;
    color: red!important;
    border: none!important;
    font-weight: 500;
    font-size: 12px;
    position: relative
}

.Portfolio .visit-btn a::after,.modal .fa-long-arrow-right:before,.modal span.visit-ed::after,.our-section-new .content-box .live-btn a:after {
    content: '';
    position: absolute;
    right: 5px;
    width: 5px;
    top: 5px;
    height: 5px;
    background: red;
    border-radius: 100%
}

.blue-gredient-bg .client,.logo-d-services-sec .wd-ser-content p,.portfolio-p-sec .port-content-div .visit-btn,.seo-design-sec .content-div,.shopify-ser-col .content-div p {
    font-size: 14px
}

.read-style .animated {
    width: 75%;
    position: absolute;
    right: 0;
    bottom: -30px
}

.main-divi-in {
    justify-content: flex-end
}

.main-divi-in input#search_port {
    max-width: 250px;
    width: 100%
}

input.chosen-search-input.default {
    font-size: 18px!important;
    width: 100%!important
}

.chosen-container-multi .chosen-choices {
    border: none!important;
    border-bottom: 1px solid #ffd165!important;
    background: 0 0!important;
    box-shadow: none!important
}

div#tech_filter_chosen ul.chosen-choices {
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 0!important
}

.cms-design-sec .img-div img,.read-style {
    position: relative;
    z-index: 999
}

.form-control:focus {
    border-color: #06204e!important;
    background-color: #fff!important
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out;
    box-shadow: inset 0 0 20px 20px #fff
}

.portfolio {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 62px
}

.blog-details-desc .stuf-text1 .news-detail-image,.inner-accordian,.our-wp-dev-ser-sec .wd-ser-content .title,.point-access ul,.visit-web {
    margin-bottom: 10px
}

.Portfolio .visit-btn a {
    padding: 6px 18px;
    display: inline-block;
    transition: .6s;
    background: #fff!important;
    border-radius: 0;
    color: red;
    border: none!important;
    font-weight: 500;
    position: relative
}

.modal .modal-body {
    background: #e5e8ed!important;
    border-radius: 0
}

.back-gap,.flex-check .field-check label,.modal .visit-web .visit-btn a,.portfolio-p-sec table.dataTable.display tbody tr:hover,.portfolio-p-sec table.dataTable.display tbody tr:hover>.portfolio-p-sec .sorting_1,.portfolio-p-sec table.dataTable.hover tbody tr:hover,.portfolio-p-sec table.dataTable.order-column.hover tbody tr:hover>.sorting_1,.stuf-text1,section.contact-p-sec .contact-left-col form#contact-form .controls .form-group select.form-control:focus {
    background: 0 0!important
}

.modal .btn-div.visit-btn {
    background: #fff;
    padding: 4px;
    border-radius: 5px!important
}

.choose-banner-design-sec .advantage-main-div,.visit-btn a:hover,.wordpress-portfolio-sec .main-btn:hover {
    background: #fff;
    color: #001d4a
}

.visit-btn span {
    padding-left: 8px
}

.visit-btn a:hover span {
    color: #545454
}

.blog-content a.title-first-anchor h4 {
    color: #fff!important;
    font-family: Montserrat,sans-serif!important;
    font-size: 22px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: normal!important
}

.blog-content a.title-anchor h4 {
    color: #000!important;
    font-family: Montserrat,sans-serif!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 8px
}

.about-heading-color,.home-service-sec .service-div h5.title,.inner-page #newhead .navbar-nav .nav-link,.new-serv-col:hover .ttl {
    color: #06204e
}

.home-service-sec .service-div p {
    color: #000!important;
    font-weight: 500!important
}

.home-service-sec .service-div {
    background: rgba(6,32,78,.1)!important
}

.news-page-sec .blog-div .img-divi {
    height: 414px!important;
    padding-right: 0!important
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div:first-child,.blog-new-dsgn .stuf-text1,.news-page-sec,section.contact-p-sec.text-pro-core,section.webflow-page-three .choose-Joomla-wrap {
    margin-top: 0!important
}

.news-page-sec .blog-div .img-div,section.contact-p-sec.da-pa-check-in .texted-in-to ul.texted-in-to-c li:last-child p,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-12,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .nint,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .row .col-md-6,section.redirect-in .texted-in-to:first-child p,section.redirect-in .texted-in-to:last-child p {
    padding-left: 0!important
}

.blog-right-div .text-side-eg .date_time {
    font-size: 10px!important;
    border-right: 1px solid #000!important;
    padding-right: 8px
}

.text-side .divi,.text-side-eg .gap-2 {
    gap: 0!important
}

.blog-right-div .text-side-eg .date {
    font-size: 10px!important;
    padding-left: 8px!important
}

.port-text-tp {
    display: flex;
    align-items: center;
    justify-content: space-between
}

a.openPopup {
    padding: 7px 22px;
    display: inline-block;
    transition: .6s;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-family: Montserrat,sans-serif;
    background: #011f52!important;
    border: none!important;
    border-radius: 0!important;
    font-weight: 500
}

.portfolio-p-sec .Portfolio .work-logo-div {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.Portfolio p.desc-test {
    font-size: 12px!important;
    font-weight: 600!important
}

.portfolio-p-sec .Portfolio .work-logo-div img {
    width: 32px;
    height: 32px;
    background: #f3f8ff;
    padding: 7px;
    border-radius: 0
}

.port-content-div .zion-back {
    background: #f3f8ff;
    padding: 10px 16px 10px 40px
}

.zion-back {
    list-style-image: url('/public/assets/images/post/Vector 1.svg')
}

.port-content-div .zion-back li {
    font-size: 11px;
    padding-top: 4px;
    color: #011f52;
    font-family: Montserrat,sans-serif;
    font-weight: 500
}

.portfolio-p-sec .port-content-div .title {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
    font-family: Montserrat,sans-serif;
    color: #011f52!important
}

.portfolio-p-sec .port-content-div p {
    font-size: 12px;
    line-height: normal;
    font-family: Montserrat,sans-serif;
    margin: 17px 0 5px;
    font-weight: 500;
    color: #011f52
}

.work-logo-div {
    margin-top: 10px
}

.work-logo-div li {
    display: inline-block;
    padding-left: 0;
    background: #eff3fa;
    margin-left: 10px;
    border-radius: 0
}

.work-logo-div li img {
    padding: 5px!important
}

.modal-backdrop.show {
    z-index: 99!important
}

.modal-content {
    background: #05265e
}

.modal-body-content h3.title {
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.modal-content button.close {
    color: #ffd165;
    opacity: initial
}

.visit-web {
    display: flex;
    align-items: center;
    gap: 40px
}

.visit-web .visit-btn a {
    background: #ffd165;
    border: none;
    outline: 0;
    color: #000;
    font-family: Montserrat,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.modal-body-content .port-content-div p,.news-page-sec .blog-div .blog-title .goes,.pointer-access .point-access p {
    color: #fff;
    font-family: Montserrat,sans-serif;
    font-style: normal
}

.modal-body {
    padding: 35px 40px
}

.modal-body-content .port-content-div p {
    font-size: 18px;
    font-weight: 500
}

.pointer-access {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 0;
    gap: 40px
}

.pointer-access .point-access {
    background: #f3f8ff;
    padding: 18px 19px;
    flex: 1;
    height: 320px;
    overflow: auto;
    border-radius: 0
}

.pointer-access .point-access p {
    font-size: 20px;
    font-weight: 600;
    line-height: normal
}

.point-access ul {
    list-style-image: url(/public/assets/images/post/Vector1.png);
    padding-left: 19px
}

.modal .point-access ul li {
    color: #001d4a;
    whitespace: nowrap;
    font-family: Montserrat,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    padding-bottom: 10px
}

.modal-body-content .port-content-div .work-logo-div img {
    width: 32px;
    height: 32px;
    background: #eff3fa;
    padding: 7px;
    border-radius: 7px
}

.work-access-detail {
    overflow: auto;
    height: 60vh;
    padding-right: 25px
}

.news-page-sec .text-side {
    padding-left: 40px;
    padding-top: 27px;
    position: absolute;
    bottom: -1px;
    background: rgba(0,0,0,.6);
    max-width: 100%;
    width: 100%!important
}

.news-page-sec .text-side .divi,.stuf-img,.stuf-text h3,.stuf-text h5,.stuf-text1 h3,.stuf-text1 h5 {
    padding-bottom: 10px
}

.news-page-sec .blog-div .divi-img img {
    max-width: 100%;
    width: 100%;
    position: relative;
    height: 414px
}

.news-page-sec .blog-div .blog-title .goes {
    font-size: 22px;
    font-weight: 700;
    line-height: normal
}

.date_time,.divi .date {
    color: #ffa600;
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.blog-related .blog-title,.contact-form .custom-control-label,.desc,.read-more {
    font-family: Montserrat
}

.divi .date_time {
    border-right: 1px solid #fff;
    padding-right: 10px!important
}

.WDo-core-section .WDo-core-option .WDo-option-text.pl20,.divi .date {
    padding-left: 10px!important
}

.news-page-sec .div-img-sec .blog-content {
    padding-bottom: 27px!important
}

.blog-right-div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    background: #f2f2f2
}

.blog-right-div .img-div-eg img {
    min-width: 230px;
    height: 130px;
    object-fit: cover
}

.related-post .date {
    font-size: 14px;
    font-weight: 600;
    top: -15px;
    left: 12px;
    position: relative;
    background: #001d4a;
    display: inline-block;
    color: #ffd165;
    padding: 3px 15px
}

.blog-content.animated.fadeIn.slowest.go {
    padding-bottom: 15px
}

.blog-page-sec .blog-div:hover .img-div-eg img,.news-page-sec .blog-div:hover .div-img-sec img {
    transform: none!important
}

.blog-right-div .text-side-eg {
    max-height: 130px;
    padding: 20px 16px 20px 30px
}

.blog-page-sec .blog-div .img-div {
    padding-right: 0;
    overflow: hidden
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: #ffd165;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)
}

.port-single-key .visit-web {
    display: block!important;
    max-width: 50%;
    width: 100%;
    padding: 35px 40px
}

.port-single-key .pointer-access {
    max-width: 50%;
    width: 100%;
    padding: 0!important;
    align-items: unset!important
}

#new-seo .card-blue textarea,.career-form textarea,.port-single-key .pointer-access .point-access,section.blog-page-sec .img-to img {
    height: auto!important
}

.port-single-key .visit-btn {
    display: flex;
    align-items: end;
    gap: 40px
}

button.close {
    position: absolute;
    top: 35px;
    right: 35px
}

.port-single-key .work-logo-div {
    position: absolute;
    bottom: 20px
}

.port-single-key .point-access {
    padding: 40px!important
}

.port-single-key .work-access-detail,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .row.box-in .col-md-6,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .tab-content.mint .row.box-in .col-md-12 {
    padding-right: 0!important
}

.divi-img,.reputation-design-sec .rd-div .img-div img {
    transition: .4s ease-in-out
}

.email-serv-infograh-sec .main-timeline .circle-outer span,.img-div-eg {
    transition: .3s ease-in-out
}

.divi-img:hover,.img-div-eg:hover {
    transform: scale(1.1)
}

.contact-left-col .subheading {
    font-size: 18px;
    font-weight: 700;
    padding: 9px 0
}

.contact-right-col .contact-col {
    margin-bottom: 18px
}

.contact-right-col .contact-col .desc-div {
    display: inline-block;
    width: 90%;
    vertical-align: top;
    padding-left: 13px
}

.contact-right-col .contact-col p,.sidebar-div .content-div {
    margin-bottom: 21px
}

.contact-right-div {
    background: #001d4a;
    padding: 18px 10px 8px 12px;
    color: #fff;
    max-width: 345px;
    width: 100%;
    margin-left: auto;
    margin-right: 0;
    font-size: 14px;
    margin-top: 60px
}

.contact-right-div .contact-social-links {
    padding-left: 34px
}

.inner-desc-div {
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px
}

.inner-desc-div span {
    width: 12%;
    margin-top: 4px
}

.inner-desc-div p {
    width: 88%;
    padding-left: 9px
}

.contact-right-div h5 {
    margin-bottom: 3px;
    font-size: 18px
}

.contact-social-links li {
    display: inline-block;
    padding: 0 5px
}

.contact-social-links li a {
    color: #ffd165;
    font-size: 26px
}

.contact-form .form-control {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #1e1e1e;
    background-color: #f8f8f8;
    background-clip: padding-box;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 6px 14px;
    height: calc(2.6rem + 2px)
}

.contact-form textarea {
    height: auto
}

.contact-form ::placeholder {
    color: #1e1e1e
}

.contact-form .form-control:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
    border: 1px solid #eca906!important
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #001d4a
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0 #fff,0 0 0 0 rgba(0,123,255,.25)
}

.errmsg {
    display: block!important;
    background-color: #f1f1f100!important;
    color: #dc3232!important;
    width: 100%!important;
    margin-top: 0!important;
    padding: 3px 0!important;
    border-radius: 3px!important;
    font-size: 12px!important
}

.checkboxes .errmsg,.contact-p-sec .radio-btn .hide.errmsg {
    margin-left: 16px
}

.audit-report-strip-sec {
    background: #001d4a;
    color: #fff;
    text-align: center;
    padding: 22px 0 10px
}

.audit-report-strip-sec .title {
    font-size: 30px;
    margin-bottom: 21px
}

.checkboxes ul li {
    margin-bottom: 0!important
}

.audit-form-sec {
    padding: 55px 0 125px
}

#newhead .navbar,.menu-side {
    padding-top: 5px!important
}

.menu-side,.navbar .pb-3 {
    padding-bottom: 5px!important
}

.audit-form-sec .audit-form .custom-control-label {
    font-family: Montserrat;
    font-size: 15px
}

.audit-form .g-recaptcha {
    margin-bottom: 25px;
    width: 100%;
    overflow: auto;
    overflow-y: hidden
}

#newhead .navbar {
    padding-bottom: 0!important;
    z-index: 9
}

.SMO-page .img-content-sec,.about-p-sec,.cms-infographic-echo-sec,.seo-page-img-content-sec,.smo-bullets-sec,.smo-fb-plateform-sec,.smo-insta-plateform-sec,.smo-optimize-brand-sec,.smo-twitter-plateform-sec,.social-media-technique-sec {
    padding: 55px 0
}

.about-p-sec .about-content-div .p-main-heading {
    font-size: 46px
}

.about-p-sec .video-col video {
    width: 100%;
    border: 1px solid #001d4a;
    object-fit: cover
}

.about-p-sec .about-content-div .orange-text {
    font-size: 20px;
    font-weight: 600
}

.work-infograph-sec {
    background: #001d4a;
    padding: 45px 0 55px
}

.work-infograph-sec .subtitle {
    margin-bottom: 140px;
    font-size: 21px
}

.work-infograph-sec .main-timeline .content-box h5 {
    color: #ffd165;
    margin-bottom: 4px
}

.work-infograph-sec .main-timeline .content-box p {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500
}

.work-infograph-sec .main-timeline:after,.work-infograph-sec .main-timeline:before {
    content: "";
    display: block;
    width: 100%;
    clear: both
}

.work-infograph-sec .main-timeline:before {
    content: "";
    width: 100%;
    height: 182px;
    background: url(../images/graphic-line-old.png);
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    z-index: 9
}

.work-infograph-sec .main-timeline .col-sm-2 {
    max-width: 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    text-align: center
}

.work-infograph-sec .main-timeline .content-box {
    color: #fff;
    text-align: left
}

.work-infograph-sec .line {
    position: relative;
    height: 100px;
    display: block
}

.work-infograph-sec .line:before {
    content: "";
    width: 1px;
    height: 100px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    transition: .3s
}

.work-infograph-sec .line:after {
    background: #fff;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: -5px;
    content: "";
    position: absolute
}

.work-infograph-sec .infograph-div:first-child {
    top: -71px;
    left: -43px
}

.work-infograph-sec .infograph-div:nth-child(2) {
    top: -56px;
    left: -41px
}

.work-infograph-sec .infograph-div:nth-child(3) {
    top: -47px;
    left: -73px
}

.work-infograph-sec .infograph-div:nth-child(4) {
    top: -61px;
    left: -66px
}

.work-infograph-sec .infograph-div:nth-child(5) {
    top: -77px;
    left: -66px
}

.work-infograph-sec .bottom-div .icon-div {
    margin-bottom: 0;
    margin-top: 25px
}

.work-infograph-sec .first-last-div .icon-div {
    margin-bottom: 0;
    margin-top: 0;
    text-align: left
}

.work-infograph-sec .first-last-div .line:after {
    left: -3px
}

.work-infograph-sec .first-last-div .line:before {
    height: 120px;
    top: 0
}

.work-infograph-sec .first-div .content-box {
    width: 147px;
    float: right!important
}

.work-infograph-sec .first-div .line:before {
    height: 149px
}

.WDo-option-icon.fl,.work-infograph-sec .last-div .content-box {
    float: left!important
}

.about-supper-strength-sec .icon-div {
    margin-top: 24px
}

.why-choose-p-sec {
    margin: 65px 0 10px;
    position: relative
}

.why-choose-p-sec:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 73px;
    width: 100%;
    height: 280px;
    background: #001d4a;
    background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 540px,#f6f6f6 540px,#f6f6f6 100%);
    z-index: -1
}

.why-choose-p-sec .container {
    width: 100%;
    max-width: 100%
}

.why-choose-p-sec .choose-content-col {
    display: flex;
    background: #f6f6f6;
    padding: 0 77px 45px;
    align-items: center
}

.content-col p,.home-service-sec p,.icon-ser-content p,.work-content p,.wrapper-outer p {
    text-align: justify
}

.why-choose-p-sec .img-div {
    position: relative;
    left: 61px;
    z-index: 99
}

.testimonial-p-sec {
    padding: 45px 0 150px
}

.testimonial-p-sec .carousel {
    position: relative;
    margin-top: 35px
}

.testimonial-p-sec .carousel-indicators {
    position: absolute;
    right: 0;
    left: auto;
    z-index: 15;
    display: block;
    list-style: none;
    margin: 0;
    align-items: end;
    flex-direction: column;
    height: 300px;
    width: auto!important;
    top: -5px!important;
    overflow-y: scroll!important;
    padding: 30px 0!important
}

.indicator-button {
    cursor: pointer;
    font-size: 20px;
    margin: 0 10px;
    z-index: 99999;
    position: relative
}

div#prev-indicator {
    position: absolute;
    top: -25px;
    rotate: 180deg
}

div#next-indicator {
    position: absolute;
    bottom: -35px;
    rotate: 0deg;
    z-index: 99999999999
}

.testimonial-p-sec .carousel {
    height: 300px!important
}

.carousel-indicators::-webkit-scrollbar {
    display: none
}

.testimonial-p-sec .carousel-indicators li:active {
    z-index: 2!important
}

div#next-indicator::after,div#prev-indicator::before {
    content: "\f107"!important;
    font-family: FontAwesome!important
}

@media (max-width: 768px) {
    div#next-indicator,div#prev-indicator {
        position:relative;
        right: 0;
        color: #ffd165;
        font-size: 30px!important
    }

    .testimonial-p-sec .carousel-indicators {
        display: flex!important;
        align-items: center!important;
        flex-direction: row!important;
        margin-top: 0!important;
        height: auto!important
    }

    .testimonial-p-sec .carousel {
        height: auto!important
    }

    .indicator-controls {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    div#prev-indicator {
        top: 0;
        rotate: 90deg!important
    }

    div#next-indicator {
        bottom: 0;
        rotate: 270deg!important;
        z-index: 99999999999
    }
}

.testimonial-p-sec .carousel-indicators li {
    position: relative;
    -ms-flex: 0 1 auto;
    flex: inherit;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: rgba(255,255,255,.5);
    overflow: hidden;
    border-radius: 50%;
    text-indent: 0;
    margin: 11px 0;
    border: 3px solid #fff
}

.carousel-indicators li.active {
    border: 3px solid #ffd165
}

.testimonial-p-sec .carousel-indicators li img {
    height: 70px;
    object-fit: cover;
    opacity: .3;
    border-radius: 50%
}

.audit-form-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::after,.audit-form-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::before,.audit-form-sec .custom-radio .custom-control-input:checked~.custom-control-label::after,.audit-form-sec .custom-radio .custom-control-input:checked~.custom-control-label::before,.contact-p-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::after,.contact-p-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::before,.contact-p-sec .custom-radio .custom-control-input:checked~.custom-control-label::after,.contact-p-sec .custom-radio .custom-control-input:checked~.custom-control-label::before,.testimonial-p-sec .carousel-indicators .active img {
    opacity: 1!important
}

.testimonial-p-sec .pic {
    width: 25%;
    display: inline-block
}

.testimonial-p-sec .pic img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover
}

.testimonial-p-sec .content-div {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: 72%;
    text-align: justify
}

.testimonial-p-sec .name-div {
    display: inline-block;
    border-right: 3px solid #c2c2c2;
    padding-right: 25px
}

.testi-info {
    align-items: center;
    display: flex;
    margin-bottom: 19px
}

.smm-icn-2,.smm-icn-3 {
    margin-bottom: 25%
}

.job-strip h5,.testimonial-p-sec .name {
    font-size: 20px
}

.testimonial-p-sec .logo-div {
    display: inline-block;
    margin-left: 25px
}

.video-popup .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)!important;
    width: 100%;
    max-width: 572px
}

.video-popup .modal-body {
    padding: 8px 8px 3px
}

.video-popup iframe {
    width: 100%;
    background: #032963;
    padding: 2px
}

.video-popup .modal-content {
    background-color: #001d4a;
    background: repeating-linear-gradient(-45deg,#fff,#f3f3f3 30px,#d8d8d8 30px,#dedede 60px)
}

.video-popup .close {
    padding: 0;
    background-color: #ffd165;
    border: 0;
    -webkit-appearance: none;
    opacity: 1;
    color: #fff;
    font-weight: 200;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    right: -14px;
    top: -21px;
    font-size: 27px
}

.banner-design-purpose-sec .ttl,.ecom-desc p,.grey-background .content-div {
    color: #1e1e1e
}

.blog-dynamiv-sec .row,.digital-design-sec .row,.inner-p-benifit-number-sec .inner-logo-number,.reputation-design-sec .row,.reputation-managment-sec .row,.shopify-about-sec .row,.team-circle-testimonial .row,.website-maintance-strip-sec .get-free-div {
    align-items: center
}

.reputation-design-sec .main-btn {
    margin-top: 18px;
    display: inline-block
}

.reputation-design-sec .rd-div {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.reputation-design-sec .rd-div .img-div,.wordpress-portfolio-sec .work-content .img-div {
    margin-bottom: 13px
}

.inner-serve-div:hover img,.reputation-design-sec .rd-div:hover .img-div img {
    transform: translateY(-7px)
}

.reputation-design-sec .rd-div .title {
    font-size: 14px;
    font-weight: 600
}

.reputation-managment-sec {
    padding: 70px 0 40px
}

.reputation-managment-sec .icon-div-main {
    margin-top: 100px
}

.reputation-managment-sec .icon-div-main li {
    margin-bottom: 80px;
    margin-top: 80px
}

.reputation-managment-sec .icon-div {
    width: 18%;
    display: inline-block
}

.about-gallery-p-sec,.blog-detail-sec,.contact-p-sec,.inner-page .about-p-sec,.page-head-sec,.privacy_content,.terms_content {
    margin-top: 100px!important
}

.main-div-blog {
    margin-top: 51px!important
}

.header-main {
    transition: .5s;
    top: 0
}

.logo-side .location-menu {
    z-index: 99999
}

.logo-side #newhead .head-btn-1 {
    color: #fff;
    background-color: #ffd165;
    border-color: #ffd165;
    border-radius: 3px!important;
    font-weight: 600!important;
    transition: .6s;
    font-size: 14px;
    padding: 5px
}

.inner-page .a {
    fill: #06204E
}

.custom-popup,.inner-page .fixed--header .menu-side,.why-choose-Joomla-sec .why-choose-col .content-div,section.news-in,section.news-to .blog-details-desc,section.webflow-page-second .row .col-md-4,section.webflow-page-three .choose-Joomla-wrap .min-o {
    padding: 0!important
}

.mobile-submenu i {
    padding-left: 4px;
    font-size: 20px;
    position: relative;
    top: 2px;
    display: none
}

.reputation-managment-sec .icon-div-main li .title {
    font-weight: 600;
    width: 60%;
    display: inline-block;
    margin-left: 8px
}

.reputation-managment-sec .img-div-main {
    margin-top: 8px
}

section.news-in img {
    width: 72%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding-top: 10px!important;
    border-radius: 0
}

section.news-in .col-lg-12>div {
    padding-left: 20px!important
}

section.news-in-to {
    background: 0 0!important;
    padding: 85px 0 25px!important
}

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

section.blog-new-dsgn .news-detail-image img {
    width: 72%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-top: 10px!important;
    border-radius: 0
}

.col-lg-12.news-main-to div {
    padding: 20px!important
}

.news-detail-image p {
    padding-top: 10px!important
}

.digital-design-sec {
    background: #001d4a;
    padding: 0
}

.digital-design-sec .digital-icons-div .title {
    font-weight: 500;
    width: 73%;
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    font-size: 14px
}

.digital-design-sec .digital-icons-div {
    margin-bottom: 24px
}

.digital-design-sec .button-div {
    margin-top: 17px;
    display: inline-block
}

.digital-marketing-eco-sec {
    padding: 65px 0 10px
}

.digital-marketing-eco-sec .img-div-main {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-34%);
    z-index: -1
}

.digital-marketing-eco-sec .dm-icn-div .img-div {
    display: inline-block;
    width: 22%
}

.digital-marketing-eco-sec .dm-icn-div p {
    display: inline-block;
    width: 53%;
    font-weight: 600;
    font-size: 15px
}

.digital-marketing-eco-sec .dm-icn-div {
    text-align: left;
    position: relative;
    max-width: 369px;
    vertical-align: top;
    display: flex
}

.digital-marketing-eco-sec .dm-icn-div.dm-icn-1 {
    left: 192px;
    top: 15px
}

.digital-marketing-eco-sec .dm-icn-2,.digital-marketing-eco-sec .dm-icn-3 {
    top: 52px;
    max-width: 375px
}

.digital-marketing-eco-sec .dm-icn-2 {
    margin-right: auto;
    margin-left: 0;
    left: 72px
}

.digital-marketing-eco-sec .dm-icn-3 {
    margin-right: 0;
    margin-left: auto;
    left: 58px
}

.digital-marketing-eco-sec .dm-icn-4,.digital-marketing-eco-sec .dm-icn-5 {
    top: 190px;
    max-width: 288px
}

.digital-marketing-eco-sec .dm-icn-4 {
    margin-right: auto;
    margin-left: 0;
    left: 45px
}

.digital-marketing-eco-sec .dm-icn-5 {
    margin-right: 0;
    margin-left: auto;
    left: 40px
}

.digital-marketing-eco-sec .dm-icn-6,.digital-marketing-eco-sec .dm-icn-7 {
    top: 372px;
    max-width: 419px
}

.digital-marketing-eco-sec .dm-icn-6 {
    left: 47px
}

.digital-marketing-eco-sec .dm-icn-7 {
    left: 226px
}

.seo-design-sec .button-div {
    margin-top: 30px
}

#new-seo .seo-design-sec .button-div {
    margin: 30px auto 0
}

#new-seo .seo-eco-system-sec,.seo-eco-system-sec {
    padding: 70px 0 50px
}

.seo-eco-system-sec .img-div {
    margin-top: 45px;
    position: relative
}

.seo-eco-system-sec .seo-infoG-text-div {
    width: 100%;
    position: absolute
}

.seo-eco-system-sec .seo-infoG-text-div .text {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px
}

.seo-eco-system-sec .top-text-row {
    top: 90px;
    left: 24px
}

.seo-eco-system-sec .bottom-text-row .text,.seo-eco-system-sec .top-text-row .text {
    position: relative;
    width: 100%
}

.seo-eco-system-sec .top-text-row .text:first-child {
    left: 21px;
    max-width: 220px
}

.seo-eco-system-sec .top-text-row .text:nth-child(2) {
    left: 100px;
    max-width: 200px
}

.seo-eco-system-sec .top-text-row .text:nth-child(3) {
    left: 220px;
    max-width: 180px
}

.seo-eco-system-sec .top-text-row .text:nth-child(4) {
    left: 352px;
    max-width: 200px
}

.seo-eco-system-sec .bottom-text-row {
    bottom: 96px
}

.seo-eco-system-sec .bottom-text-row .text:first-child {
    left: 207px;
    max-width: 210px
}

.seo-eco-system-sec .bottom-text-row .text:nth-child(2) {
    left: 304px;
    max-width: 164px
}

.seo-eco-system-sec .bottom-text-row .text:nth-child(3) {
    left: 460px;
    max-width: 180px
}

.social-media-market-sec {
    background: #001d4a;
    color: #fff;
    padding: 40px 0 48px
}

.social-media-market-sec .logo-strip-div {
    position: absolute;
    top: 87px
}

.social-media-m-eco-sec {
    padding: 85px 0
}

.smm-icn-2,.smm-icn-4 {
    padding-right: 30%
}

.smm-icn-3,.smm-icn-5 {
    padding-left: 30%
}

.background-blue {
    background: #001d4a;
    color: #fff;
    padding-bottom: 50px
}

.outer-smm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.smm-icn p {
    font-weight: 700;
    margin: 9px auto;
    max-width: 230px
}

.smm-imgs {
    position: absolute;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%,79%)
}

#new-seo #seo-tab .tab-content .card-body,.blog-page-sec .blog-div .blog-content,.republic-banner-strip .container-fluid,.row-ecomerce .col-md-6,.website-maintenance-packages .points-pack,.wordpress-portfolio-sec,div#accordion .col-md-12 {
    padding: 0
}

.row-ecomerce .wd-div {
    margin: 0;
    flex-wrap: wrap
}

.dark-blue .wd-div {
    background: #021a40
}

.ecom-desc p {
    font-weight: 600
}

.image-ecom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-42%)
}

.ecom-desc {
    margin-top: 20%;
    position: relative;
    z-index: 9
}

.ecom-desc-0,.shopify-infographic-sec .shopify-desc-0 {
    margin: 10px 0 0
}

.image-ecom img {
    max-width: 610px;
    position: relative;
    z-index: -1
}

.padd-ecomm,.shopify-infographic-sec .padd-ecomm {
    padding-bottom: 8%
}

.ecom-desc-1,.ecom-desc-5 {
    padding-left: 15%
}

.ecom-desc-2 {
    padding-right: 10%
}

.ecom-desc-5,.ecom-desc-6,.main-para p,.outer-accordian p.desc,.shopify-desc-5,.shopify-desc-6,.uiux-role-sec,div#accordion .row.w-100 {
    margin: 0
}

.ecom-desc-6 {
    padding-right: 15%
}

.ecom-desc-3,.ecom-desc-4 {
    margin: 30% 0
}

.marg-bott,.website-img {
    margin-top: 10%
}

.E-Commerce-design-sec {
    position: relative;
    padding-bottom: 18px
}

.E-Commerce-design-sec .container-fluid,.timeline-process-main-div .icon-div {
    z-index: 1;
    position: relative
}

.E-Commerce-design-sec .content-div {
    max-width: 430px;
    float: right
}

.dark-yellow .wd-div {
    background: #df9d00
}

.row-ecomerce .wd-div p.title {
    max-width: 100%;
    flex: 0 0 100%
}

.E-Commerce-design-sec .right-div {
    top: 82px
}

.E-Commerce-design-sec.website-design-sec {
    background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 72%,#fff 48%,#fff 100%);
    background: -moz-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#001e4a),color-stop(74%,#001e4a),color-stop(74%,#fff),color-stop(100%,#fff));
    background: -ms-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%)
}

.blue-back {
    background: #001e4a;
    margin-bottom: -1px
}

.blue-back .wd-ser-main-div,.sec-app2 .wd-ser-main-div,.vuejs-process-sec .content-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.blue-back .wd-ser-content,.logo-d-services-sec .wd-ser-content,.our-wp-dev-ser-sec .wd-ser-content,.sec-app2 .wd-ser-content {
    max-width: calc(100% - 80px)
}

.blue-back .wd-ser-content .title {
    margin-bottom: 7px;
    color: #ffd165
}

.blue-back .wd-ser-content p,.logo-d-services-sec .wd-ser-content .title,.sec-app2 .wd-ser-content .title {
    margin-bottom: 7px
}

.smm-imgs.app-1 {
    transform: translate(-60%,60%)
}

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

.sec-app2 .col-md-6:first-child,.sec-app2 .col-md-6:nth-child(2),.tech-logo img {
    margin-bottom: 20px
}

.web-icons-outer {
    position: absolute;
    top: 0;
    width: 100%;
    display: block
}

.website-img {
    text-align: center
}

.web-icons-outer .smm-icn {
    position: absolute;
    max-width: 210px
}

.web-icons-outer .smm-icn:first-child {
    top: 310px;
    right: 0
}

.web-icons-outer .smm-icn:nth-child(2) {
    top: 150px;
    right: 40px
}

.web-icons-outer .smm-icn:nth-child(3) {
    top: 0;
    right: 80px
}

.web-icons-outer .smm-icn:nth-child(4) {
    top: -60px;
    right: 370px
}

.web-icons-outer .smm-icn:nth-child(5) {
    top: -60px;
    left: 320px
}

.web-icons-outer .smm-icn:nth-child(6) {
    top: 0;
    left: 80px
}

.web-icons-outer .smm-icn:nth-child(7) {
    top: 150px;
    left: 40px
}

.web-icons-outer .smm-icn:nth-child(8) {
    top: 310px;
    left: 0
}

.php-icon {
    width: 60px
}

.seo-page-img-content-sec.grey-bg,.top-rated-expert-web-design-sec,.web-design-agency-sec,.website-maintenance-sec {
    padding: 35px 0
}

.seo-company-brand-sec,.w-maintenance-eco-system-sec {
    background: #001d4a;
    padding: 43px 0;
    color: #fff
}

.w-maintenance-infographic-sec {
    padding-bottom: 340px;
    padding-top: 290px
}

.w-maintenance-infographic-sec .image-ecom {
    margin-top: 5%
}

.w-maintenance-infographic-sec .image-ecom img {
    max-width: initial
}

.counter-col,.marg-top {
    margin-top: 35px
}

.grey-background,.wix-purpose-sec {
    background: #f5f5f5
}

.main-txt {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    text-align: left
}

.main-txt p {
    background: #001d4a;
    max-width: 370px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
    font-weight: 500;
    margin: 25px 0
}

#guru-slider .owl-controls.clickable .owl-page:hover span,#guru-slider .owl-page.active span,#upwork-slider .owl-controls.clickable .owl-page:hover span,#upwork-slider .owl-page.active span,.Development-scroller-Process-sec .wd-ser-col:nth-child(odd),.bg-white,.brochure-design-process-sec,.facebook-ads-accordian-sec .panel-body,.graphic-design-process-sec,.insta-ads-accordian-sec .panel-body,.location-faq,.logo-imp-business-sec .advantage-main-div,.shopify-advantage-sec,.table-seo-inner tr:last-child,.white-background,.wp-dev-reason-to-choose .advantage-main-div .title::before {
    background: #fff
}

.Development-scroller-Process-sec .wd-ser-col li,.Development-scroller-Process-sec .wd-ser-col p,.Development-scroller-Process-sec .wd-ser-col:nth-child(odd) li,.Development-scroller-Process-sec .wd-ser-col:nth-child(odd) p,.logo-design-ser-sec .wd-ser-main-div p,.nodejs-process-sec .title,.website-design-sec .div-main-black,.white-bg-strip .get-free-div {
    color: #000
}

.main-icn-outer {
    max-width: 230px;
    position: relative
}

.main-div-mainn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.image-ecom {
    text-align: center;
    margin-top: 16%
}

.main-icn-outer img {
    height: 45px;
    margin-bottom: 10px
}

.main-icn-outer-1 {
    top: -130px;
    left: 26%
}

.main-icn-outer-2 {
    top: -130px;
    left: 31%
}

.main-icn-outer-3 {
    left: -32%
}

.main-icn-outer-4 {
    left: 10%
}

.main-icn-outer-5 {
    left: -3%
}

.main-icn-outer-6 {
    left: 62%
}

.main-icn-outer-7 {
    top: 140px;
    left: -35%
}

.main-icn-outer-8 {
    top: 140px;
    left: 32%
}

.blog-detail-sec {
    padding: 32px 0 30px
}

.blog-page-sec .blog-div img {
    overflow: hidden;
    transition: .6s;
    position: relative
}

.blog-page-sec .blog-div:hover img {
    transform: scale(1.1);
    opaweb-design: 0.8
}

.blog-page-sec .blog-div {
    padding-bottom: 12px;
    margin-bottom: 65px
}

.date_time {
    display: inline-block;
    padding: 3px 15px;
    position: relative
}

.blog-related .blog-title {
    color: #212529;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.desc {
    color: #7d7d7d;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.read-more {
    color: #06204e!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.blog-page-sec .blog-div .desc {
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0;
    line-height: 24px
}

.blog-page-sec .blog-div .read-more {
    color: #ffb427;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.sidebar-div {
    background: #001d4a;
    padding: 17px 20px;
    margin-bottom: 65px
}

.sidebar-div .sidebar-title {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 22px
}

.sidebar-div .has-search input {
    border-radius: 0;
    font-size: 14px
}

.sidebar-div .cat-listing li {
    padding: 6px 0;
    font-size: 18px
}

.sidebar-div .cat-listing a {
    color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.sidebar-div .cat-listing li i {
    color: #ffb427
}

.sidebar-div .tags-listing a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    background: #01132f;
    padding: 1px 8px;
    margin: 4px 2px;
    transition: .6s
}

.sidebar-div .tags-listing a:hover {
    color: #fab001
}

.portfolio-p-sec .cust-paginate .pagination {
    text-align: center;
    justify-content: center;
    margin-bottom: 111px;
    position: relative;
    top: -21px
}

.cust-paginate .page-item .page-link {
    font-size: 14px;
    display: inline-block;
    margin: 0 3px 6px;
    height: 38px;
    min-width: 38px;
    border-radius: 38px;
    border: 2px solid #ffd165;
    line-height: 34px;
    padding: 0;
    color: #ffd165;
    font-weight: 700;
    text-align: center;
    background: #fff
}

.cust-paginate .page-item .page-link:focus {
    box-shadow: 0 0 0 .1rem rgb(255 180 0 / 45%)
}

.cust-paginate .page-item.active .page-link {
    z-index: 1;
    color: #fff!important;
    background-color: #ffd165
}

.cust-paginate .pagination {
    text-align: center;
    justify-content: center;
    margin-bottom: 46px
}

.blog-detials-outer h2 {
    text-align: center;
    font-size: 36px
}

.span-txt {
    text-align: center;
    margin: 15px 0 20px;
    font-size: 12px;
    color: #9a9a9a
}

.span-txt span {
    margin: 0;
}

.blog-details-desc,.learn-more-seo-sec {
    padding: 25px 0
}

.form-outer-blog p {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 10px
}

.form-outer-blog input,.form-outer-blog textarea {
    width: 100%;
    padding: 10px;
    background: 0 0;
    border: 1px solid #ccc;
    font-size: 14px
}

.form-outer-blog input {
    height: 40px
}

.form-outer-blog {
    margin: 20px 0
}

.btn-comment {
    padding: 10px 25px;
    border: none;
    background: #0089ab;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    transition: .3s ease-in-out
}

.btn-comment:hover {
    background: #282828
}

.related-post h4 {
    margin-bottom: 20px;
    font-size: 24px
}

.shopify-ser-col {
    text-align: center;
    color: #fff;
    margin: 25px 0
}

.content-m-bottom-sec .wd-ser-content .title,.shopify-ser-col .icon-div {
    margin-bottom: 8px
}

.shopify-ser-col .content-div h4 {
    font-size: 20px;
    font-weight: 500
}

.shopify-about-sec {
    padding: 70px 0 82px;
    background: #f8f8f8
}

.shopify-about-sec p,.social-media-technique-sec .list-points-row .title {
    font-size: 15px
}

.shopify-about-sec .btns-div {
    margin-top: 28px;
    display: block
}

.shopify-infographic-sec {
    padding: 50px 0 45px
}

.shopify-infographic-sec .numbering {
    display: inline-block;
    width: 47px;
    height: 45px;
    line-height: 47px;
    background: #ffd165;
    color: #fff;
    font-weight: 600;
    border-radius: 9px;
    text-align: center;
    font-size: 27px;
    margin-bottom: 13px
}

.shopify-infographic-sec .shopify-desc p {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 22px
}

.shopify-infographic-sec .position-relative {
    margin-top: 135px
}

.shopify-infographic-sec .image-shopify {
    position: absolute;
    top: 50%;
    left: 61%;
    transform: translate(-50%,-38%);
    z-index: -1;
    width: 70%
}

.shopify-infographic-sec .shopify-desc {
    margin-top: 14px;
    text-align: center;
    position: relative
}

.shopify-infographic-sec .image-ecom img {
    max-width: 610px
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-content,.shopify-desc-2,.shopify-desc-4,.shopify-desc-6,.shopify-desc-8 {
    float: left
}

.shopify-desc-3,.shopify-desc-5,.shopify-desc-7,.shopify-desc-9 {
    float: right
}

.shopify-desc-1 {
    top: -88px
}

.shopify-desc-2 {
    padding-left: 20%;
    top: -130px;
    right: -56px
}

.shopify-desc-3 {
    padding-right: 15%;
    top: -130px;
    left: -56px
}

.shopify-desc-5 {
    padding-right: 9%;
    top: -79px
}

.shopify-desc-4 {
    padding-left: 1%;
    top: -79px
}

.shopify-desc-6,.shopify-desc-7 {
    top: -42px
}

.Development-scroller-Process-sec .section-nav,.contact-form select,.shopify-desc-8,.without-bullet-points .list-points-col .title,section.blog-detail-sec.back-grey .col-lg-6 {
    padding-left: 0
}

.cms-eco-col .content-main,.graphic-eco-col .numbering {
    padding: 0 12px;
    text-align: center
}

.cms-design-sec {
    background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    background: -moz-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    background: -webkit-gradient(left top,right top,color-stop(0,#001e4a),color-stop(74%,#001e4a),color-stop(74%,#fff),color-stop(100%,#fff));
    background: -ms-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
    padding: 30px 0;
    margin-bottom: 45px;
    position: relative
}

.cms-design-sec .content-div,.graphic-about-sec .content-main-div {
    color: #fff;
    font-size: 18px
}

.cms-design-sec .content-div li {
    position: relative;
    padding-left: 18px
}

.cms-design-sec .content-div li:before {
    content: "";
    left: 0;
    top: 5px;
    width: 7px;
    height: 7px;
    position: absolute;
    background: #ffd165;
    border-radius: 26px
}

.cms-design-sec .content-div .btn-div {
    display: block;
    margin-top: 29px
}

.cms-design-sec .img-div {
    position: absolute;
    top: 6px;
    width: 100%
}

.cms-design-sec .img-div:after {
    background: #feb300;
    width: 97%;
    height: 80%;
    left: 99px;
    top: 62px;
    position: absolute;
    content: "";
    z-index: 0
}

.cms-eco-col.even-col:before,.cms-eco-col.odd-col:before {
    background: url(../images/semi-circle.png) 0 0/cover;
    height: 140px;
    width: 253px;
    left: -18px;
    z-index: 99999999;
    content: "";
    position: absolute
}

.cms-eco-col {
    border: 12px solid #001d4a;
    border-radius: 50%;
    height: 240px;
    width: 240px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
    z-index: -1
}

.cms-eco-col.odd-col:before {
    bottom: -14px;
    top: auto
}

.cms-eco-col.even-col:before {
    bottom: auto;
    top: -14px;
    transform: rotate(180deg)
}

.cms-eco-col .content-main .img-div {
    margin-bottom: 14px
}

.cms-eco-col .content-main h4 {
    font-size: 15px;
    color: #001d4a
}

.cms-eco-col .content-main p {
    font-size: 13px
}

.graphic-about-sec .row,.right-icons ul,.service-menu {
    display: flex;
    align-items: center
}

.graphic-about-sec .content-main-div .btn-div {
    display: block;
    margin-top: 30px
}

.graphic-infographic-eco-sec {
    padding: 50px 0 60px
}

.graphic-eco-col {
    background: #ffd165;
    color: #fff;
    padding: 60px 15px 42px;
    text-align: center;
    margin-top: 37px;
    position: relative;
    max-width: 200px
}

.graphic-eco-col:before {
    content: "";
    background: url(../images/graphic-right-shape.png) right no-repeat;
    position: absolute;
    top: 0;
    right: -41px;
    width: 100px;
    height: 100%;
    z-index: -1
}

.graphic-eco-col:after {
    content: "";
    background: url(../images/graphic-bottom-shape.png) right no-repeat;
    position: absolute;
    top: auto;
    bottom: -12px;
    right: auto;
    left: -16px;
    width: 113px;
    height: 34px;
    z-index: 1
}

.graphic-eco-col .content-div h4 {
    font-size: 20px;
    margin-bottom: 10px
}

.graphic-eco-col .numbering {
    display: inline-block;
    background: #001d4a;
    font-size: 35px;
    font-weight: 600;
    width: 85px;
    height: 72px;
    line-height: 72px;
    vertical-align: middle;
    position: absolute;
    left: -27px;
    top: -32px
}

.graphic-eco-col .top-line {
    position: absolute;
    top: -33px;
    right: 29px
}

.graphic-bottom-services .wd-ser-content {
    padding-left: 5px
}

.navbar-dark .navbar-toggler {
    border-color: transparent
}

.logo-design-post-sec.cms-design-sec,.social-media-post-sec.cms-design-sec {
    margin-bottom: 106px
}

.laravel-bg .red-card-hire,.logo-design-post-sec.cms-design-sec .img-div:after,.social-media-post-sec.cms-design-sec .img-div:after,.ux-design-sec .img-div:after {
    height: 90%
}

.s-m-post-serv-sec .cms-eco-col.even-col:before,.s-m-post-serv-sec .cms-eco-col.odd-col:before {
    background: url(../images/semi-circle.png) 0 0/contain no-repeat;
    height: 89px;
    width: 152px;
    z-index: 99999999;
    left: -15px;
    content: ""
}

.inner-p-benifit-number-sec {
    padding: 55px 0 40px
}

#new-seo #seo-tab .tab-parent,.btn-raed1,.inner-p-benifit-number-sec .row,.space-top {
    margin-top: 40px
}

.inner-p-benifit-number-sec p {
    margin-top: 8px;
    font-size: 18px
}

.inner-logo-circle h3 {
    font-size: 22px;
    margin: 13px 0 5px
}

.inner-logo-number {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.inner-logo-number h2 {
    background: #001d4a;
    border-radius: 0;
    color: #fff;
    font-size: 22px;
    width: 50px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-logo-outer {
    max-width: calc(100% - 78px);
    margin-left: 20px
}

.s-m-post-serv-sec .cms-eco-col {
    height: 140px;
    width: 140px;
    border: 9px solid #001d4a
}

.s-m-post-serv-sec .cms-eco-col.odd-col:before {
    position: absolute;
    bottom: -18px;
    top: auto
}

.s-m-post-serv-sec .cms-eco-col.even-col:before {
    top: -17px
}

.s-m-post-serv-sec .cms-eco-col .content-main {
    text-align: center;
    margin: 11px auto 0
}

.logo-d-services-sec {
    padding-bottom: 49px
}

.logo-d-services-sec .wd-ser-main-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 28px
}

.logo-benefits-b-sec {
    padding: 48px 0 134px
}

.logo-benefits-b-sec .larvel-info {
    max-width: 310px;
    font-size: 18px;
    line-height: 23px;
    margin: 0 auto;
    color: #000;
    font-weight: 500
}

.logo-benefits-b-sec .desc {
    display: block;
    margin-top: 7px
}

.logo-benefits-b-sec .title {
    color: #001d4a;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px
}

.logo-benefits-b-sec .same-laravel p {
    margin-bottom: 40px
}

.logo-benefits-b-sec .outer-infor-lara p:first-child {
    position: relative;
    left: 40px;
    margin-top: 10px
}

.logo-benefits-b-sec .outer-infor-lara p:nth-child(2) {
    position: relative;
    right: 20px
}

.logo-benefits-b-sec .outer-infor-lara p:nth-child(3) {
    position: relative;
    right: 10px
}

.logo-benefits-b-sec .outer-infor-lara p:nth-child(4) {
    position: relative;
    left: 30px
}

.logo-benefits-b-sec .larvel-info.text-center {
    margin-bottom: 40px;
    margin-top: 40px
}

.logo-benefits-b-sec .right-lara p:first-child {
    position: relative;
    right: 40px;
    margin-top: 10px
}

.logo-benefits-b-sec .right-lara p:nth-child(2) {
    position: relative;
    left: 20px
}

.logo-benefits-b-sec .right-lara p:nth-child(3) {
    position: relative;
    left: 10px
}

.logo-benefits-b-sec .right-lara p:nth-child(4) {
    position: relative;
    right: 30px
}

.content-marketing-about-sec {
    padding: 16px 0;
    margin: 83px 0;
    position: relative
}

.content-marketing-about-sec .img-div {
    position: absolute;
    bottom: -200px
}

.content-m-serv-sec {
    padding: 42px 0
}

.content-m-serv-sec .heading-div p {
    font-size: 24px;
    font-weight: 200
}

.content-m-col {
    padding: 22px;
    margin: 0 0 30px;
    -webkit-box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    -moz-box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    position: relative;
    overflow: hidden
}

.content-m-col .numbering {
    background: #001d4a;
    padding: 1px 9px;
    display: inline-block;
    width: 86px;
    height: 78px;
    line-height: 85px;
    border-radius: 50%;
    text-align: center;
    font-size: 31px;
    color: #ffb402;
    position: absolute;
    right: -8px;
    top: -20px
}

.content-m-col h4 {
    font-size: 20px;
    color: #001d4a;
    margin-bottom: 17px
}

.content-m-col p {
    font-size: 18px;
    font-weight: 200
}

.email-mark-about-sec {
    padding: 29px 0
}

.email-serv-infograh-sec .main-timeline {
    position: relative;
    margin-top: 42px
}

.email-serv-infograh-sec .main-timeline:before {
    content: "";
    width: 0;
    height: 100%;
    border-radius: 0;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 2px dashed #ebebeb
}

.email-serv-infograh-sec .main-timeline .timeline {
    display: inline-block;
    margin-bottom: 50px;
    position: relative
}

.email-serv-infograh-sec .main-timeline .timeline:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #d7d7d7;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%,-50%)
}

.email-serv-infograh-sec .main-timeline .timeline-icon {
    display: inline-block;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 16%;
    transform: translateY(-50%)
}

.email-serv-infograh-sec .main-timeline .circle-outer {
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 3px solid #ffd165;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #ffd165;
    z-index: 9;
    transition: .3s ease-in-out
}

.email-serv-infograh-sec .main-timeline .timeline:hover .circle-outer {
    background: #06204e;
    border: 3px solid #06204e
}

.email-serv-infograh-sec .main-timeline .timeline-icon span {
    border: 3px solid #fff;
    display: block;
    border-radius: 50%;
    background: #ffd165;
    color: #fff;
    z-index: 1;
    position: relative;
    width: 115px;
    height: 115px;
    line-height: 115px
}

.dark-blue-bg,.email-serv-infograh-sec .main-timeline .timeline:hover span {
    background: #06204e
}

.email-serv-infograh-sec .main-timeline .number {
    font-size: 121px;
    color: #ebebeb;
    display: inline-block;
    border-radius: 50%;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: -25%;
    right: 98%
}

.email-serv-infograh-sec .main-timeline .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline-icon:before {
    content: "";
    width: 231px;
    height: 4px;
    position: absolute;
    top: 50%;
    right: -231px;
    transform: translateY(-50%);
    border: 5px dotted #ebebeb;
    z-index: -1;
    border-block-end-width:0px}

.email-serv-infograh-sec .main-timeline .timeline-content {
    width: 50%;
    padding: 0 50px;
    margin: 10px 0 0;
    float: right;
    position: relative
}

.email-serv-infograh-sec .main-timeline .title {
    font-size: 24px;
    font-weight: 600;
    color: #001d4a;
    margin: 0 0 5px
}

.email-serv-infograh-sec .main-timeline .description {
    display: inline-block;
    font-size: 18px;
    color: #404040;
    line-height: 20px;
    letter-spacing: 1px;
    margin: 0
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon {
    left: auto;
    right: 16%
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:before {
    right: auto;
    left: -231px;
    width: 231px
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-content:before {
    left: auto;
    right: 35px;
    transform: rotateY(180deg)
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-content:after {
    left: auto;
    right: 0
}

.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .number {
    font-size: 121px;
    color: #ebebeb;
    display: inline-block;
    border-radius: 50%;
    padding: 5px;
    text-align: center;
    position: absolute;
    top: -25%;
    left: 100%
}

.ios-app-sec {
    padding-top: 35px
}

.ios-app-sec .sub-heading {
    margin-bottom: 12px;
    font-size: 24px
}

.ios-app-sec .button-div {
    margin-bottom: 17px
}

.ios-dev-sec .sub-heading {
    margin-bottom: 16px
}

.ux-design-sec {
    margin: 15px 0 170px
}

.ux-design-sec .img-div {
    -webkit-box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    -moz-box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    box-shadow: 0 0 11px -4px rgba(0,0,0,.59);
    border-radius: 21px
}

.accordian-div,.marketing-faq-div div#accordion,.outer-p-list-blog,.portfolio-p-sec .heading-div,.ux-solutions-sec .col-md-4,.web-design-agency-sec .listing-info,.web-design-sol-provider-sec .listing-info,.web-design-towards-sec .listing-info {
    display: flex;
    flex-wrap: wrap
}

.ux-solutions-sec .content-m-col {
    text-align: center;
    margin-top: 10px
}

.checkout-shopify-sec h3,.ux-solutions-sec .content-m-col h4 {
    margin-top: 16px
}

.ux-design-serv-sec .wd-ser-content p {
    font-weight: 200
}

.brochure-design-serv-sec .wd-ser-main-div {
    margin-top: 27px;
    text-align: center
}

.brochure-about-sec .listing {
    font-weight: 500;
    margin-top: 25px
}

.brochure-about-sec .listing li {
    display: flex;
    margin-bottom: 21px
}

.brochure-about-sec .listing li::before {
    color: #ffd165;
    font-size: 39px;
    line-height: 0;
    margin-right: 7px;
    margin-top: 6px
}

.banner-design-serv-sec {
    padding-bottom: 48px
}

.banner-d-about-sec {
    padding-bottom: 116px
}

.reason-main-div .title {
    font-size: 15px;
    margin: 7px 0 0;
    font-weight: 600;
    text-align: center
}

.job-strip span {
    display: block;
    padding: 20px 0;
    width: 100%
}

.job-strip p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.job-strip .read-more {
    display: block;
    color: #0089ab!important;
    font-size: 18px;
    margin: 13px 0
}

.job-strip .btn {
    background: #038bad;
    border-radius: 0;
    color: #fff;
    padding: 7px 22px;
    font-weight: 300;
    border: 1px solid #038bad
}

.career-resume-form-sec {
    padding: 30px 0 130px;
    background: #f1f1f1
}

.career-form {
    max-width: 950px;
    margin: 13px auto 0
}

.career-form .blue-btn {
    background: #001d4a;
    color: #fff;
    border-radius: 0;
    border: 2px solid #001d4a;
    margin-top: 14px;
    padding: 4px 24px
}

.form-career .main-heading {
    font-size: 28px
}

.career-form .form-control,.career-form select {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #2d2d2d;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 6px 3px;
    height: calc(2.6rem + 2px)
}

.career-form .g-recaptcha {
    margin-bottom: 11px;
    margin-top: 1px
}

.career-form .form-control:focus,.contact-form select {
    box-shadow: 0 0 0 0 rgba(0,123,255,.25);
    outline-offset: 0px;
    outline: -webkit-focus-ring-color auto 0
}

.job-open-sec {
    padding: 20px 0 40px
}

.jobs-column .heading-div {
    margin-top: 15px
}

.job-open-sec .reason-main-div {
    text-align: left;
    padding: 11px 3px;
    margin: 12px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-bottom: 3px solid #ffd165
}

.job-content-col {
    border-right: 2px solid #dadada
}

.job-content-col:last-child {
    border-right: 0px solid #bebebe
}

.job-open-sec .reason-main-div .blue-text,.job-open-sec .reason-main-div .read-job {
    font-size: 17px;
    max-width: initial;
    margin: 0;
    color: #001d4a;
    font-weight: 600
}

.job-open-sec .reason-main-div .read-job a:hover {
    color: #024b5d
}

.job-open-sec .reason-main-div label {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    text-align: center;
    display: block
}

.job-open-sec .reason-main-div .title,.stuf-text h3,.stuf-text1 h3,section.stuf-text.mt-4 h3 {
    font-size: 22px
}

.title-col label,section.robots-sec form#contact-form .controls .custom-control {
    text-align: left!important
}

.btn-col {
    text-align: right
}

.job-open-sec h6 {
    font-weight: 500;
    font-size: 20px
}

.job-open-sec .value {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    text-align: center
}

.career-form .file-upload {
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 500
}

.career-form .file-upload .file-select {
    display: block;
    border-bottom: 0 solid #e3e3e3;
    color: #34495e;
    cursor: pointer;
    line-height: inherit;
    text-align: left;
    background: 0 0;
    overflow: hidden;
    position: relative;
    padding-left: 3px
}

.career-form .file-upload .file-select .file-select-button {
    background: 0 0;
    padding: 0 0 0 2px;
    display: inline-block;
    line-height: 42px;
    height: calc(2.4rem + 2px);
    font-size: 18px;
    color: #2d2d2d;
    font-weight: 300;
    width: 36%;
    border-bottom: 1px solid #e3e3e3
}

.career-form .file-upload .file-select .file-select-name {
    line-height: 42px;
    display: inline-block;
    padding: 0;
    height: calc(2.4rem + 0px);
    width: 61%;
    border-bottom: 1px solid #e3e3e3
}

.career-form .file-upload .file-select:hover {
    border-color: #d6d6d6;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.career-form .file-upload .file-select:hover .file-select-button {
    background: 0 0;
    color: #1e1e1e;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.career-form .file-upload.active .file-select {
    border-color: #3fa46a;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.file-upload.active .file-select .file-select-button {
    background: 0 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out
}

.career-form .file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.career-form .file-upload .file-select.file-select-disabled {
    opacity: .65
}

.career-form .file-upload .file-select.file-select-disabled:hover {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative
}

.career-form .file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px
}

.career-form .file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px
}

.career-form .contact-left-col .subheading {
    font-size: 19px;
    font-weight: 700;
    padding: 9px 0
}

.career-form ::placeholder {
    font-family: Montserrat;
    color: #1e1e1e
}

.career-form .form-control:focus {
    box-shadow: 0 0 0 0 rgba(0,123,255,.25)
}

.content-android-apps-outer h4 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px
}

.content-android-apps-outer h3 {
    font-size: 23px;
    margin-bottom: 8px
}

.android-apps-sec2,.android-apps-sec3 {
    padding: 40px 0 0
}

.width-100 {
    widows: 100%
}

.android-apps-sec1 {
    margin: 15px 0 100px
}

.comprehensive-range-sec,.ios-choose-bullets-sec,.nodejs-intro-sec,.social-m-p-design-sec,.website-services-cols-sec,.white-bg-strip {
    padding: 40px 0
}

.social-m-p-design-sec .content-m-col {
    color: #fff;
    background: #feb300;
    margin-bottom: 0!important;
    margin-top: 15px;
    width: 100%
}

.social-m-p-design-sec .content-m-col .numbering {
    background: #fff;
    border: 5px solid #001d4a;
    padding: 1px 9px;
    display: inline-block;
    width: 107px;
    height: 102px;
    line-height: 85px;
    border-radius: 50%;
    text-align: center;
    font-size: 31px;
    color: #ffb402;
    position: absolute;
    right: -16px;
    top: -21px
}

.social-m-p-design-sec .content-m-col p {
    font-weight: 200;
    line-height: 25px;
    margin-top: 64px;
    font-size: 18px;
    max-width: 160px;
    margin-bottom: 0
}

.social-m-p-design-sec .content-m-col h4 {
    color: #fff;
    margin-bottom: 0;
    font-weight: 700
}

.social-m-p-design-sec .row {
    align-items: inherit
}

.privacy_content,.terms_content {
    padding-top: 60px;
    padding-bottom: 130px
}

.privacy_content p,.terms_content p {
    margin-bottom: 5px
}

.privacy_content h1,.terms_content h1 {
    font-size: 56px;
    margin-bottom: 6px;
    font-weight: 300
}

.privacy_content h3,.terms_content h3 {
    font-size: 31px;
    margin-top: 32px;
    font-weight: 300
}

.privacy_content ul,.terms_content ul,.website-maintenance-packages .points-pack li {
    margin-bottom: 12px
}

.privacy_content ul li,.terms_content ul li {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500
}

.team-life-gallery-sec {
    overflow: hidden;
    padding: 35px 0
}

.team-life-gallery-sec .life-gallery-row {
    display: flex;
    align-items: baseline;
    position: relative
}

.team-life-gallery-sec .life-gall-colmn {
    padding: 0 3px;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%!important
}

.team-life-gallery-sec .button-div a.main-btn.viewmore {
    display: block;
    width: fit-content;
    margin: 0 auto
}

.team-life-gallery-sec .life-gall-colmn img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 14px
}

.team-life-gallery-sec .owl-wrapper {
    display: flex!important;
    align-items: flex-end;
    left: -235px!important
}

.team-life-gallery-sec .owl-carousel .owl-wrapper-outer {
    overflow: visible
}

.team-life-gallery-sec .button-div {
    text-align: center;
    margin-top: 22px!important
}

.team-life-gallery-sec .life-gall-colmn .img-div {
    border-radius: 14px;
    overflow: hidden
}

.about-gallery-p-sec .team-gall-col {
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px
}

.about-gallery-p-sec .Portfolio:hover {
    box-shadow: 0 12px 24px 0 rgb(0 0 0 / 0%),0 -8px 40px 0 rgb(0 0 0 / 0%)
}

.about-gallery-p-sec .colmn-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 9px
}

.team-video-col .img-div:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 60px;
    background: url(../images/video-icon.png) 0 0/cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999
}

.about-gallery-p-sec .team-gall-col img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.about-gallery-p-sec .page-head-sec {
    margin: 32px 0 20px
}

.about-gallery-p-sec figure {
    width: 100%;
    border-radius: 14px;
    overflow: hidden
}

.modal-backdrop.show {
    opacity: .8
}

.custom-popup .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)!important
}

.custom-popup .modal-content {
    max-width: 100%;
    border: 0;
    background: 0 0
}

#new-seo #seo-tab .tab-content .tab-pane .row:nth-child(3) .col-md-3 .card,#newhead .sub-menu-1:last-child .list-group-item,.blog-related .blog-content,.custom-popup .modal-header {
    border: 0
}

.custom-popup .modal-header .close {
    height: 37px;
    width: 15px;
    line-height: 30px;
    right: -9px;
    top: 8px;
    background: 0 0;
    z-index: 9;
    opacity: 1;
    border-radius: 50%;
    padding: 0;
    position: fixed;
    font-weight: 100;
    font-size: 37px
}

.custom-popup .modal-body {
    background: 0 0;
    border: 0 solid #001d4a;
    padding: 0
}

#btn-anterior {
    left: -50px;
    position: absolute
}

#btn-siguiente {
    right: -50px;
    position: absolute
}

.custom-popup .btn-default img {
    width: 15px
}

.custom-popup button {
    background: 0 0;
    color: #fff;
    position: absolute;
    top: 45%;
    font-size: 50px
}

.custom-popup .modal-footer {
    border: 0;
    padding: 0
}

.load-more-loader {
    text-align: center;
    margin-top: 37px
}

.load-more-loader img {
    width: 55px
}

.marketing-faq-sec {
    background: #f4f4f4;
    padding: 26px 0 160px
}

.marketing-faq-sec .heading-div {
    text-align: center;
    margin-bottom: 35px
}

.marketing-faq-div {
    background: #fff;
    padding: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
    -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 18%);
    margin-bottom: 13px;
    width: 100%
}

.marketing-faq-div .title-div h4 {
    font-size: 18px;
    color: #001d4a;
    font-weight: 600;
    display: inline-block;
    width: 92%;
    position: relative
}

.marketing-faq-div .accordian-div {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.marketing-faq-div .outer-accordian {
    flex: 0 0 50%;
    padding: 3px
}

.marketing-faq-div .title-div h4:after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: -17px;
    top: 0;
    transition: .4s ease-in-out
}

.marketing-faq-div [aria-expanded=true] h4:after,.outer-accordian [aria-expanded=true] h4:after {
    transform: rotate(180deg)
}

.marketing-faq-div .title-div .qsn-icon {
    background: #001d4a;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 20px;
    color: #feb400;
    font-weight: 600;
    text-align: center;
    margin-right: 9px
}

.marketing-faq-div .desc {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    position: relative;
    display: flex;
    padding-left: 8px;
    line-height: 17px;
    margin-bottom: 0
}

.marketing-faq-div .desc:before {
    content: "";
    top: 0;
    left: 0;
    border: 1px solid #feb400;
    width: 1px;
    margin-right: 10px
}

span.fa-stack.fa-sm {
    width: 100%;
    opacity: 0
}

.inner-accordian button {
    text-decoration: none!important;
    text-align: left;
    width: 100%;
    white-space: inherit!important;
    background: #dedede!important;
    padding: 10px 15px;
    min-height: 75px
}

.inner-accordian button.collapsed {
    background: #ececec!important
}

.inner-accordian button:hover {
    background: #dedede!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.marketing-faq-sec .outer-accordian .title-div {
    display: flex;
    max-width: 100%;
    flex: 0 0 100%
}

.home-slider {
    max-height: auto;
    overflow: hidden
}

.outer-banner-sec {
    bottom: auto!important;
    padding-top: 233px;
    top: 0;
    position: absolute;
    transform: unset;
    width: 100%;
    z-index: 99;
    display: block;
    left: 0;
    right: 0;
    height: 100%
}

.bottom {
    padding-bottom: 150px
}

body .bottom .dataTables_paginate .paginate_button {
    width: 40px;
    display: inline-block!important;
    align-items: center;
    justify-content: center;
    padding: 6px!important;
    border-radius: 100px!important;
    border: 2px solid #f7b400!important;
    height: 40px;
    color: #f7b400!important;
    font-weight: 700;
    margin: 0 3px;
    transition: .4s ease-in-out
}

body .bottom .dataTables_paginate .paginate_button.current,body .bottom .dataTables_paginate .paginate_button:hover {
    background: #f7b400;
    color: #fff!important;
    box-shadow: inset 0 0 3px #1110
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.current,body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff!important;
    border: 1px solid #979797;
    background: linear-gradient(to bottom,#ffd165 0,#ffd165 100%)!important
}

#new-seo #seo-tab .tab-content .col-md-3:nth-child(4) .card:after,#new-seo #seo-tab .tab-parent .nav-link.active.tab-link .blue-img,#new-seo .tab-pane,#newhead .service-menu .mobile-innersubmenu,#portfolio_table_info,.home-page .home-nav,.input-group .input-group-text,.list-name>div,.outer-banner-sec p,.qoute-changed,.row-2-serve .inner-serve-div:after,.sub-menu-1 .svg-ico,.we-serve-sec .col-md-2:last-child .inner-serve-div:before,.white-img,.wordpress-portfolio-sec .owl-pagination,header#masthead,ul#pills-tab li.nav-item.parent-element:first-child a:after,ul#pills-tab li.nav-item.parent-element:nth-child(3) a:after,ul#pills-tab li.nav-item.parent-element:nth-child(4) a:after,ul#pills-tab li.nav-item.parent-element:nth-child(5) a:after {
    display: none
}

table.dataTable.no-footer {
    border: none!important
}

div#portfolio_table_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.portfolio-p-sec table.dataTable.display tbody tr.even>.sorting_1,.portfolio-p-sec table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fff;
    border: none!important
}

body .bottom .dataTables_paginate .paginate_button.disabled {
    opacity: .4;
    border-color: #757575!important
}

body .dataTables_wrapper .dataTables_paginate .ellipsis {
    font-size: 27px;
    padding: 6px
}

a#portfolio_table_next,a#portfolio_table_previous {
    margin-top: 5px
}

.outer-banner-sec p {
    color: #fff;
    margin-top: 7px
}

.upwork-outer {
    display: flex;
    justify-content: left;
    margin-top: 20px
}

.upwork-outer .content-div {
    display: inline-block;
    background: rgb(242 242 242 / 0%);
    padding: 0;
    transition: .4s ease-in-out;
    margin-left: 24px;
    position: relative;
    max-width: 188px;
    width: 22%;
    height: auto;
    text-align: left
}

.upwork-outer .content-div:hover {
    background: rgb(255 255 255 / 0%)
}

.upwork-outer .content-div .orange-text {
    font-size: 20px;
    font-weight: 500;
    padding-right: 8px;
    display: block;
    color: #fff
}

.upwork-outer .content-div p {
    margin: 0;
    font-size: 13px;
    display: inherit;
    align-items: center;
    justify-content: center
}

.row-after-slider .who-we-col img {
    position: absolute;
    transition: .4s ease-in-out;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 27px
}

.row-after-slider .who-we-col a:hover .same-btn,img.onhover-btn {
    visibility: hidden;
    opacity: 0
}

.row-after-slider .who-we-col a:hover .onhover-btn {
    visibility: visible;
    opacity: 1
}

.row-after-slider .who-we-col a {
    display: inline-block;
    display: flex;
    align-items: center;
    background: rgb(242 242 242 / 24%);
    padding: 10px 20px;
    transition: .4s ease-in-out;
    margin-left: 40px;
    position: relative;
    max-width: 180px;
    width: 200px;
    height: 52px;
    display: flex;
    align-items: center
}

.who-we-are-logos-sec {
    background: -webkit-linear-gradient(left,#f6f9fb 0,#f6f9fb 71%,rgb(255 255 255 / 0%) 70%,rgb(255 255 255 / 0%) 100%);
    margin-top: -100px;
    position: relative
}

.who-we-are-logos-sec .who-we-are-col {
    padding-top: 20px;
    padding-bottom: 20px;
    -ms-flex: 0 0 65%
}

.who-we-are-logos-sec .who-we-are-col .main-heading {
    font-size: 41px;
    margin-bottom: 12px!important
}

.list-points-row .list-points-col img,.who-we-are-logos-sec .who-we-are-col .main-heading span {
    padding-right: 10px
}

.who-we-are-logos-sec .who-we-are-col .main-heading b {
    font-weight: 600;
    color: #001d4a;
    padding-left: 0
}

.typewrite>span {
    padding-right: 0!important;
    margin-right: 7px!important
}

.logos-slider-col .title {
    font-size: 26px;
    font-weight: 500;
    line-height: 14px;
    display: inline-block;
    width: 100%
}

.logos-slider-col img {
    height: 35px;
    object-fit: contain;
    margin-top: 0
}

.logos-slider-main-col {
    padding: 30px 20px 20px
}

.who-we-are-logos-sec .owl-item {
    padding: 3px
}

.who-we-are-logos-sec .blue-btn {
    background: #001d4a;
    border: 2px solid #001d4a;
    padding: 5px 12px;
    position: absolute;
    bottom: 27px;
    border-radius: 4px
}

.who-we-are-logos-sec .blue-btn:hover {
    background: 0 0;
    color: #001d4a
}

.who-we-are-logos-sec #who-we-logos-slider,.who-we-are-logos-sec .owl-item,.who-we-are-logos-sec .owl-wrapper,.who-we-are-logos-sec .owl-wrapper-outer {
    height: 100%;
    text-align: left
}

.who-we-are-logos-sec p {
    line-height: 27px;
    margin-bottom: 0;
    text-align: justify
}

.logo-colmn {
    display: inline-block;
    width: 55%;
    position: relative;
    top: 13px;
    left: 2px
}

span.uper-line {
    margin-bottom: 23px!important;
    display: block
}

.home-service-sec {
    padding: 25px 0 65px
}

.light-sky-blue-bg {
    background: #dff6ff
}

.light-green-bg {
    background: #dfffea
}

.light-pink-bg,.related-service-bg-pink {
    background: #fce1e8
}

.light-purple-bg {
    background: #e2e9ff
}

.home-service-sec .service-div {
    padding: 20px;
    border-radius: 0;
    margin-top: 28px;
    position: relative
}

.home-service-sec .service-div .content-div {
    padding-bottom: 23px
}

.home-service-sec .service-div a {
    font-weight: 600;
    position: absolute;
    bottom: 15px;
    border-bottom: 2px solid #001D4A00;
    transition: .6s
}

.home-service-sec .service-div a:hover {
    border-color: #001d4a;
    border-radius: 0!important;
    border-bottom: 2px solid #001d4a;
    transition: .6s
}

.WDo-core-section {
    padding: 0 0 60px;
    overflow: hidden
}

.WDo-core-section .WDo-core-cont,section.avoid-sec {
    padding-top: 30px
}

.WDo-core-section .WDo-core-round-sec {
    max-width: 420px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: 1s;
    transition: 1s
}

.WDo-core-section .circle-center-title {
    font-size: 35px
}

.WDo-core-section .circle-center-title .blue-txt {
    color: #0089ab;
    font-weight: 600;
    padding-right: 7px
}

.WDo-core-section .WDo-core-round {
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 420px;
    height: 420px;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: center
}

.WDo-core-section .WDo-core-option {
    position: absolute
}

.WDo-option-icon.fr,.WDo-option-text.fl,.WDo-option-text.fr {
    float: right!important
}

.WDo-core-section .WDo-core-option .WDo-option-text.pr20 {
    padding-right: 10px!important
}

.WDo-core-section .WDo-core-option:hover h4 {
    color: #05495a
}

.WDo-core-section .WDo-core-option .WDo-option-text p {
    font-size: 13px;
    line-height: 17px;
    position: relative
}

.WDo-core-section .WDo-core-option .WDo-option-icon {
    width: 80px;
    height: 80px;
    padding: 20px;
    -webkit-transition: -webkit-transform .1s ease-out,background .2s;
    -moz-transition: -moz-transform .1s ease-out,background .2s;
    transition: transform .1s ease-out,background .2s;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: center
}

#newhead .inner-content,#newhead .nav-submenu {
    box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    max-width: 200px;
    visibility: hidden
}

.WDo-core-section .WDo-core-option .WDo-option-text {
    width: 364px;
    padding-top: 5px
}

.WDo-core-section .WDo-core-option:hover .WDo-option-icon {
    webkit-transform: scale(.93);
    -moz-transform: scale(.93);
    -ms-transform: scale(.93);
    transform: scale(.93)
}

.WDo-core-section .WDo-core-option .WDo-option-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
    opacity: 0;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.WDo-core-section .WDo-core-option:hover .WDo-option-icon:after {
    -webkit-animation: 1.3s ease-out 75ms sonarEffect;
    -moz-animation: 1.3s ease-out 75ms sonarEffect;
    animation: 1.3s ease-out 75ms sonarEffect
}

.WDo-core-section .WDo-core-option:hover .WDo-option-text h4 a {
    color: #f7b400
}

.zoom1 {
    top: 10px;
    left: -343px
}

.zoom3 {
    left: -400px;
    top: 160px
}

.zoom5 {
    left: -343px;
    top: 305px
}

.zoom2 {
    right: -343px;
    top: 10px
}

.zoom4 {
    right: -400px;
    top: 160px
}

.zoom6 {
    right: -343px;
    top: 305px
}

.year-12-outer h2 {
    font-size: 55px;
    line-height: 31px;
    font-weight: 700
}

.year-12-outer h2 span {
    display: block;
    font-size: 15px;
    font-weight: 500
}

.year-12-outer h4 {
    font-size: 25px;
    margin-top: 30px
}

.row-after-slider .who-we-col {
    width: 20%;
    text-align: center;
    margin-top: 10px
}

.slider-sec-after {
    background: #f2f2f2;
    padding-bottom: 10px
}

.row-after-slider .who-we-col .icon-div {
    align-items: self-end
}

.row-after-slider .who-we-col:first-child img {
    margin-bottom: -9px
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: .1
    }

    40% {
        opacity: .3;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: .1
    }

    40% {
        opacity: .3;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3);
        -moz-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .1
    }

    40% {
        opacity: .3;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3)
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,.1),0 0 10px 10px #b3b3b3,0 0 0 10px rgba(255,255,255,.3);
        transform: scale(1.5);
        opacity: 0
    }
}

.New-York-SEO-wrapper,.New-York-Webdesign-wrapper {
    padding-bottom: 82px
}

.New-York-SEO-wrapper p,.blog-details-desc p,.stuf-text ul li {
    font-size: 18px;
    font-weight: 500
}

.border-left-desc,.new-seo-expert-sec .border-left {
    border-left: 6px solid #ffd165!important;
    padding-left: 9px;
    font-weight: 500;
    margin-bottom: 14px;
    font-size: 18px;
    transition: .4s
}

.border-left-desc:hover,.border-left:hover {
    border-left: 6px solid #001d4a!important
}

.img-div-main img {
    transition: .5s!important
}

.img-div-main img:hover {
    filter: grayscale(1)
}

.comprehensive-range-sec .img-content-sec-row {
    margin-top: 60px;
    margin-bottom: 35px
}

.comprehensive-range-sec .icon-ser-main-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px
}

.comprehensive-range-sec .icon-ser-main-div .icon-div {
    width: 75px;
    height: 75px;
    background: #001d4a;
    line-height: 75px;
    text-align: center;
    transition: .4s
}

.comprehensive-range-sec .icon-ser-main-div .icon-div img {
    padding: 0 17px
}

.comprehensive-range-sec .icon-ser-main-div .icon-ser-content {
    max-width: calc(100% - 95px)
}

.comprehensive-range-sec .icon-ser-main-div .icon-ser-content .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.comprehensive-range-sec .icon-ser-main-div .icon-ser-content p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: #212529
}

.factor-influence-sec .wd-ser-content,.ser-main-div .ser-content {
    max-width: calc(100% - 65px)
}

.new-york-seo-sec .p-small-heading {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 22px
}

.new-york-seo-sec .img-content-sec-row {
    margin-top: 68px
}

.new-york-seo-sec .img-content-sec-row .img-title {
    font-size: 24px;
    margin-bottom: 21px
}

.important-things-seo-sec .p-main-subtitle,.sem-agency-sec .advantage-main-div p {
    line-height: 26px
}

.benefits-main-div {
    border: 2px solid #f1efef
}

.benefits-growth-seo-sec .benefits-main-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 31px;
    align-items: center;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    transition: .4s
}

.benefits-growth-seo-sec .icon-ser-main-div .numbering-div {
    width: 70px;
    height: 75px;
    background: #001d4a;
    line-height: 77px;
    text-align: center;
    color: #fff;
    font-size: 47px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    transition: .4s
}

.benefits-growth-seo-sec .benefits-main-div:hover {
    border: 2px solid #ffd165
}

.outer-accordian {
    flex: 0 0 50%;
    padding: 4px
}

.qsn-icon {
    background: #001d4a;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border-radius: 20px;
    color: #feb400;
    font-weight: 600;
    text-align: center;
    margin-right: 9px;
    flex: 0 0 25px
}

.outer-accordian h4 {
    font-size: 18px;
    color: #001d4a;
    font-weight: 600;
    display: inline-block;
    position: relative;
    max-width: 90%;
    width: 100%;
    line-height: 24px
}

.New-York-Webdesign-wrapper li,.New-York-Webdesign-wrapper p,.outer-accordian p {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px
}

.outer-accordian h4:after {
    content: "\f107";
    font-family: fontAwesome;
    position: absolute;
    right: -15px;
    top: 0;
    transition: .4s ease-in-out
}

.outer-accordian .card-header {
    cursor: pointer;
    padding: 0
}

.grey-bg,.ios-dev-ser-sec .wd-ser-main-div {
    background: #f8f8f8
}

.blue-bg {
    background: #08234f;
    color: #fff
}

.big-desc {
    font-weight: 500!important;
    font-size: 18px!important
}

.shadow-desc {
    box-shadow: 0 0 18px #0000000f;
    border-radius: 7px;
    padding: 5px 8px 5px 15px!important;
    line-height: 18px
}

.listing-info li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px
}

.listing-info li:before {
    content: " ";
    font: 14px/1 FontAwesome;
    background: url(images/check-circle.png);
    color: #e68c1b;
    width: 19px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 3px
}

.potential-web-design-ser-sec,.web-design-sol-provider-sec,.web-design-towards-sec,.wix-intro-sec {
    padding: 38px 0
}

.web-design-sol-provider-sec li,.web-design-towards-sec li {
    width: 50%
}

.potential-web-design-ser-sec .wd-ser-main-div {
    background: #f5f9ff;
    padding: 23px 18px;
    margin-bottom: 26px
}

.New-York-SEO-wrapper .blue-border-left,.blue-border-left,.web-development-process-sec .border-left-desc:hover {
    border-left: 6px solid #08234f!important
}

.potential-web-design-ser-sec .blue-border-left {
    padding: 20px 19px;
    background: #f5f9ff
}

.mesh-gall-col.width-25,.web-design-agency-sec .listing-info li {
    width: 25%
}

.top-rated-col {
    width: 25%;
    text-align: center;
    padding: 24px 10px;
    border-right: 2px solid #f1f1f1;
    border-bottom: 2px solid #f1f1f1
}

#newhead,.menu-side,.top-rated-row:last-child .top-rated-col {
    border-bottom: 0
}

.top-rated-row .top-rated-col:last-child {
    border-right: 0
}

.top-rated-col .icon-div {
    width: 65px;
    height: 65px;
    background: #f1f1f1;
    border-radius: 35px;
    border: 2px solid #08234f;
    padding: 15px;
    margin: 0 auto 14px;
    transition: .3s
}

.ser-main-div:hover .icon-div,.top-rated-col:hover .icon-div {
    transform: translate(0,-6px)
}

.top-rated-col .content-div .title {
    font-size: 18px;
    font-weight: 600;
    color: #08234f
}

.top-rated-col .icon-div img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

#newhead {
    background-color: #06204e
}

#newhead .head-btn {
    color: #fff;
    background-color: #001d4a;
    border-color: #001d4a;
    border-radius: 3px!important;
    transition: .6s;
    font-size: 14px
}

.logo-side .quote .head-btn-1 {
    color: #fff;
    background-color: #ffd165;
    border-color: #ffd165;
    border-radius: 5px!important;
    font-weight: 600!important;
    transition: .6s;
    font-size: 14px;
    padding: 5px
}

.logo-side .quote .head-btn-1:hover {
    background-color: transparent;
    border-color: #ffd165;
    color: #ffd165
}

.home-page .video-section-banner .main-btn {
    color: #f7b400;
    margin-top: 0;
    background: 0 0;
    border: 0
}

#newhead .inner-content,.fixed--header .location-menu,.fixed--header .navbar .nav-link,.inner-content li a,.inner-page .location-menu {
    color: #06204e!important
}

#newhead .nav-submenu {
    min-width: 200px;
    width: 100%;
    position: absolute;
    top: 101%;
    opacity: 0;
    transition: .1s ease-in-out;
    transform: translate(0,0);
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 999999
}

.logo-side .location_submenu {
    position: absolute!important
}

.location-menu .location_submenu {
    top: 160%!important
}

.location_submenu {
    min-width: 190px!important;
    max-width: 190px!important
}

.location-menu {
    position: relative;
    font-weight: 500
}

.form-inline .list-group .inner-content {
    height: fit-content!important;
    max-height: 320px!important;
    height: -moz-fit-content!important;
    scrollbar-color: #99A5CB #80808082;
    scrollbar-width: thin;
    padding: 8px 10px 10px!important
}

.location-menu:hover .nav-submenu,.service-menu:hover .nav-submenu {
    opacity: 1!important;
    visibility: visible!important
}

#newhead .show-nav,.blue-inner:hover .main-btn {
    opacity: 1
}

#newhead .list-group-item-child:after {
    display: inline-block;
    font: 20px/1 FontAwesome;
    content: "\f105";
    position: absolute;
    right: 11px
}

#newhead .service-menu .location-menu:after,#newhead .service-menu .nav-link:after {
    display: inline-block;
    font: 14px/1 FontAwesome;
    content: "\f107";
    right: -3px;
    position: relative
}

#newhead .nav-submenu .list-group-item {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #f0f0f0;
    color: #000;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    transition: .1s ease-in-out;
    padding: 16px 8px;
    gap: 10px
}

.butt-whatsapp {
    position: fixed;
    z-index: 9999;
    bottom: 5vh;
    right: 4vw
}

.fixed--header .a {
    fill: #001d4a
}

.logo-side #newhead .head-btn-1:hover {
    background-color: #fff;
    border-color: #ffd165;
    color: #ffd165
}

.location-menu .list-group-item-action:focus,.location-menu .list-group-item-action:hover {
    text-decoration: none;
    background-color: #fff!important;
    color: #fff
}

.location_submenu .inner-content {
    left: 192px!important;
    max-width: 160px!important;
    min-width: 160px!important
}

#newhead .svg-ico svg {
    width: auto;
    height: 25px;
    margin-right: 8px
}

#newhead .inner-content {
    position: absolute;
    background: #fff;
    left: 250px;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    overflow: auto;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#newhead .sub-menu-1:hover .inner-content,.our-work-img.d-bloc img {
    opacity: 1;
    visibility: visible
}

.inner-content li a {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 11px;
    display: inline-block;
    transition: .4s ease-in-out;
    width: 100%;
    border: 1px solid #f0f0f0
}

.location-menu .list-group-item {
    padding: 8px!important;
    gap: 0!important
}

.sub-menu-1 a:has(> .States):hover {
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important
}

.sub-menu-1 a:has(> .States) {
    border-bottom-left-radius: 10px!important;
    border-bottom-right-radius: 10px!important
}

#newhead .navbar-nav .nav-item {
    padding: 0 5px
}

.gap-3 {
    gap: 24px
}

.no-scroll .list-group-item {
    padding-top: 18px;
    padding-bottom: 18px
}

#newhead .inner-content::-webkit-scrollbar {
    width: 4px
}

#newhead .inner-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 0
}

#newhead .inner-content::-webkit-scrollbar-thumb {
    background: #99a5cb;
    border-radius: 18px
}

#newhead .inner-content::-webkit-scrollbar-thumb:hover {
    background: #99a5cb
}

.marketing-btns-group a:hover {
    background: #fff;
    border-color: #ffd165;
    color: #ffd165
}

.marketing-btns-group a {
    background: #ffd165;
    border: 2px solid #ffd165;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 12px;
    border-radius: 0;
    color: #001d4a;
    transition: .6s;
    margin-right: 10px
}

.brochure-play-role-sec,.p-60,.shopify-dev-img-content-sec,.shopify-kinds-sec,.website-maintance-intro-sec,.wp-dev-img-content-sec,section#second-sec {
    padding: 60px 0
}

section#second-sec h2.p-main-heading {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 600;
    line-height: 48.76px;
    text-align: left
}

.marketing-btns-group {
    display: flex;
    justify-content: flex-start;
    position: relative;
    top: 0
}

#new-seo .page-head-sec h4 {
    font-size: 24px;
    font-weight: 700
}

#new-seo .desc {
    font-size: 18px;
    line-height: 153.5%
}

#new-seo .bg-blue {
    background-color: #001d4a;
    padding: 50px 0
}

#new-seo .card-yellow {
    border-radius: 0;
    font-weight: 600;
    color: #001d4a;
    border-bottom: 1px solid rgb(255 209 101);
    background-color: rgb(255 209 101)
}

form#free-seo-form .input-group:last-child.mb-3 {
    margin-bottom: 0!important
}

#new-seo .card-blue {
    background: #fff;
    border-radius: 0
}

#new-seo .card-blue select.form-control {
    background-image: linear-gradient(45deg,transparent 50%,#29292b 50%),linear-gradient(135deg,#29292b 50%,transparent 50%),linear-gradient(to right,#fff,#fff);
    background-position: calc(100% - 11px) calc(1em + 0px),calc(100% - 6px) calc(1em + 0px),100% 0!important;
    background-size: 5px 5px,5px 5px,2.5em 2.5em;
    background-repeat: no-repeat
}

#new-seo .card-blue .form-control,#new-seo .card-blue .input-group-text {
    background: rgb(242 242 242 / 0%);
    border-radius: 0;
    border: none;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #feb300;
    padding: 0 5px;
    width: 100%;
    height: 31px
}

#new-seo .card-blue .form-control:focus,#new-seo .card-blue .input-group-text:focus {
    box-shadow: 0 0 0 .2rem rgb(0 123 255 / 0%)
}

#new-seo .card-blue input::placeholder,#new-seo .card-blue textarea::placeholder {
    color: #000!important
}

#new-seo span.hide {
    bottom: -18px;
    color: red;
    font-size: 10px!important;
    display: none
}

#new-seo .card-blue .chosen-choices {
    -webkit-appearance: none!important;
    background-image: linear-gradient(45deg,transparent 50%,#29292b 50%),linear-gradient(135deg,#29292b 50%,transparent 50%),linear-gradient(to right,#fff,#fff)!important;
    background-position: calc(100% - 11px) calc(1em + 0px),calc(100% - 6px) calc(1em + 0px),100% 0!important;
    background-size: 5px 5px,5px 5px,2.5em 2.5em!important;
    background-repeat: no-repeat!important;
    background: rgb(242 242 242 / 0%);
    border-radius: 0;
    border: none;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #feb300;
    padding: 0 5px;
    font-style: italic;
    box-shadow: none
}

#new-seo .card-blue .chosen-search-input.default {
    font-size: 14px;
    color: #000;
    height: 28px;
    font-family: Montserrat
}

.chosen-container-multi .chosen-choices li.search-choice {
    font-size: 11px;
    background: #001d4a;
    color: #fff;
    border: 1px solid #001d4a
}

.chosen-container-multi .chosen-choices li.search-choice span {
    font-size: 10px;
    font-style: initial
}

#new-seo .card-blue .form-btn {
    margin-top: -20px!important
}

#new-seo .button-div .main-btn {
    display: inline-block;
    margin: 14px 25px 14px 0;
    padding: 6px 24px
}

#new-seo #third-sec .card {
    border-radius: 0;
    background-color: #f2f2f2;
    border: none;
    align-items: center;
    padding: 20px 0;
    height: 100%
}

#new-seo #third-sec .card-img-top {
    width: 114px;
    height: auto
}

#new-seo #third-sec .card .card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px
}

#new-seo #third-sec .card .card-text {
    font-size: 18px;
    font-weight: 300
}

#new-seo #Seo-pro .bg-map {
    background-image: url(/public/frontend/images/seo-backup.png);
    background-repeat: no-repeat;
    padding: 140px 0
}

.bg-cage {
    background-image: url(/public/frontend/images/Seo-cage.png);
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 180px
}

#new-seo #Seo-pro {
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 600
}

#new-seo .seo-eco-system-sec .top-text-row {
    width: 80%;
    position: absolute;
    margin: 0 auto!important;
    right: 0;
    left: 0;
    top: 110px
}

#new-seo .seo-eco-system-sec .bottom-text-row {
    bottom: 119px;
    width: 82%;
    position: absolute;
    margin: 0 auto!important;
    right: 0;
    left: 0
}

#new-seo .read-btn {
    color: #ffd165;
    position: absolute;
    bottom: 0
}

#new-seo .wd-ser-main-div {
    height: 100%;
    position: relative;
    padding-bottom: 20px
}

#new-seo #seo-tab .heading h5 {
    padding: 10px 0 15px
}

#new-seo #seo-tab .tab-parent .tab-link {
    color: #fff;
    background-color: #fff;
    border-radius: 0;
    position: relative;
    text-align: center;
    border-bottom: 8px solid #ffd165;
    padding: 28px 50px;
    width: 250px
}

#new-seo #seo-tab .tab-parent .tab-link h5 {
    color: #001d4a;
    font-weight: 600;
    font-size: 17px
}

#new-seo #seo-tab .tab-parent .tab-link img {
    margin-bottom: 20px;
    transition: .3s ease-in-out
}

#new-seo #seo-tab .plus-btn {
    background: #ffd165;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -21px
}

#new-seo #seo-tab .tab-content {
    background: #f2f2f2;
    border-top: 6px solid #ffd165;
    padding: 55px 0
}

#new-seo #seo-tab .tab-content .card h5 {
    color: #001d4a;
    font-weight: 600;
    font-size: 18px;
    margin: 18px 0;
    height: 33px
}

#new-seo #seo-tab .tab-content .card {
    background: 0 0;
    border: 0;
    position: relative;
    border-bottom: 1.5px solid #001D4A2B;
    border-radius: 0;
    border-left: 2px;
    height: 100%
}

#new-seo #seo-tab .tab-content .card:after {
    width: 113%;
    content: '';
    display: block;
    position: absolute;
    height: 95%;
    border-right: 1.5px solid #001D4A2B
}

#new-seo #seo-tab .tab-content .card-text {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 32px
}

#new-seo #seo-tab .tab-content .card h5.anm-title {
    font-size: 32px;
    height: auto;
    margin: 0
}

#new-seo #seo-tab .tab-parent .nav-link.active.tab-link .plus-btn {
    background: #fff;
    color: #ffd165
}

#new-seo #seo-tab .tab-parent .nav-link.active.tab-link {
    background: #ffd165;
    border-color: #fff
}

#new-seo #seo-tab .tab-parent .nav-link.active.tab-link .white-img {
    display: block;
    margin: 0 auto 20px
}

#new-seo #seo-tab .tab-content .card img {
    width: auto;
    height: 50px;
    margin-top: 25px;
    transition: .3s ease-in-out
}

.tab-link.active:after {
    content: "";
    background: url(https://taqtop.xcelanceweb.com/public/frontend/images/active-tab-arrow.png) 0 0/100% no-repeat;
    width: 49px;
    height: 34px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -80px;
    margin: 0 auto
}

#new-seo #third-sec .card img {
    transition: .5s ease-in-out
}

.audit-form-sec .custom-control-label,.contact-p-sec .custom-control-label {
    background: #ebf2fb;
    min-height: 64px;
    border-radius: 0;
    text-align: center;
    display: grid!important;
    align-items: center;
    font-size: 18px;
    font-family: Montserrat;
    font-weight: 600;
    display: grid;
    height: 85px;
    align-items: center;
    transition: .6s;
    width: 100%
}

.audit-form-sec .custom-control-label:hover,.contact-p-sec .custom-control-label:hover {
    background: #001d4a;
    color: #ffd165
}

.audit-form-sec .custom-control-label::before,.contact-p-sec .custom-control-label::before {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%)
}

.audit-form-sec .custom-control-label::after,.contact-p-sec .custom-control-label::after {
    top: auto;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%)
}

.audit-form-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::before,.audit-form-sec .custom-radio .custom-control-input:checked~.custom-control-label::before,.contact-p-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::before,.contact-p-sec .custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #ffd165
}

.audit-form-sec .custom-checkbox .custom-control-label::before,.audit-form-sec .custom-radio .custom-control-label::before,.contact-p-sec .custom-checkbox .custom-control-label::before,.contact-p-sec .custom-radio .custom-control-label::before {
    border-radius: 50%;
    opacity: 0
}

.audit-form-sec .checkboxes>ul li,.contact-p-sec .checkboxes>ul li {
    padding: 0;
    width: 100%
}

.audit-form-sec .custom-control.custom-checkbox,.audit-form-sec .custom-control.custom-radio,.contact-p-sec .custom-control.custom-checkbox,.contact-p-sec .custom-control.custom-radio {
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px
}

.contact-p-sec .radio-btn .custom-control-label {
    height: auto;
    min-height: auto;
    padding: 7px
}

.audit-form-sec .custom-radio .custom-control-input:checked~.custom-control-label::after,.contact-p-sec .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    content: "\f00c";
    font: 9px/1 FontAwesome;
    color: #fff;
    position: absolute;
    padding-top: 3px
}

.audit-form-sec label.big,.contact-p-sec label.big {
    font-size: 25px;
    margin-bottom: 9px;
    margin-top: 11px
}

.contact-p-sec .form-control {
    background-color: transparent;
    border-radius: 0!important
}

.new-serv-col {
    background: #fff;
    text-align: center;
    border: 2px solid #ffd165;
    border-radius: 0;
    margin-top: 30px;
    transition: .6s;
    min-height: 150px
}

.new-serv-col a {
    display: block;
    padding: 24px 10px 9px;
    min-height: 150px
}

.hover-img {
    display: none;
    opacity: 0;
    transition: .6s
}

.new-serv-col img {
    margin: 0 auto;
    height: 54px;
    object-fit: contain
}

.new-serv-col:hover .hover-img {
    display: block;
    opacity: 1
}

.new-serv-col:hover .ser-img,.view-details {
    display: none;
    opacity: 0
}

.new-serv-col .ttl {
    color: #06204e;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
    transition: .3s;
    font-weight: 500
}

.view-details {
    font-size: 14px;
    color: #fff
}

.new-serv-col:hover .view-details {
    opacity: 1;
    color: #fff
}

.upwork-outer a {
    display: inline-block;
    background: rgb(242 242 242 / 24%);
    padding: 10px 20px;
    transition: .4s ease-in-out;
    margin: 0 15px;
    position: relative;
    height: 52px;
    display: flex;
    align-items: center;
    max-width: 20%
}

.advantage-main-div p,.ser-main-div .title,.why-choose-col .content-div p {
    font-size: 18px;
    margin-bottom: 0
}

.Joomla-vs-wordpress-sec {
    position: relative;
    z-index: 9;
    overflow: hidden
}

.Joomla-vs-wordpress-sec:before {
    content: "";
    position: absolute;
    top: 0;
    left: -64px;
    height: 308px;
    width: 275px;
    background: url(./images/joomla-img.png) 0 0/cover no-repeat
}

.Joomla-vs-wordpress-sec:after {
    content: "";
    background: url(./images/wp-img.png) 0 0/cover no-repeat;
    z-index: -1
}

.bg-red {
    background: #ee4035
}

.bg-orange {
    background: #f9ae41
}

.sky-blue {
    background: #4f91cd
}

.bg-green {
    background: #7ac043
}

.ser-main-div {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0;
    margin-top: 25px;
    transition: .6s
}

.icon-black-bg,.ser-main-div:hover,.wp-dev-reason-to-choose .advantage-main-div:hover {
    background: #000!important
}

.ser-main-div .icon-div {
    transition: .3s
}

.ser-main-div .icon-div img {
    height: 40px
}

.blue-heading {
    font-weight: 600;
    color: #001d4a
}

.advantage-main-div {
    background: #fff;
    padding: 15px 13px;
    box-shadow: 0 3px 6px #00000012;
    border-radius: 0;
    margin-top: 30px;
    transition: .3s
}

.advantage-main-div p {
    line-height: 24px;
    font-weight: 500
}

.advantage-main-div .title {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 10px;
    min-height: 58px
}

.advantage-main-div .title:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    height: 2px;
    width: 25%;
    background: #ee4035;
    content: "";
    bottom: 0;
    transition: .3s
}

.title.blue-border::before {
    background: #5091cd!important
}

.title.green-border::before {
    background: #7ac043!important
}

.red-advantage-box:hover,.title.red-border::before {
    background: #ee4035!important
}

.orange-advantage-box:hover {
    background: #f9ae41;
    color: #fff
}

.why-choose-col {
    transition: .4s;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 0;
    border-left: 18px solid #d0d0d0;
    margin-bottom: 52px;
    margin-top: 22px
}

.why-choose-col:hover {
    box-shadow: 6px 6px 18px #0000007a
}

.blue-left-border-col:hover {
    box-shadow: 6px 6px 18px #5191c780
}

.green-left-border-col:hover {
    box-shadow: 6px 6px 18px #73c44e4d
}

.red-left-border-col:hover {
    box-shadow: 6px 6px 18px #ee40354a
}

.orange-left-border-col:hover {
    box-shadow: 6px 6px 18px #f9ae4166
}

.why-choose-col .content-div {
    padding: 9px 8px
}

.why-choose-col .content-div .ttl {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 25px
}

.why-choose-col .content-div p {
    line-height: 21px
}

.why-choose-Joomla-sec .inner-row,.youtube-plateform-sec .sem-types-row {
    justify-content: space-around
}

.pt-60,.why-choose-Joomla-sec .padding-top {
    padding-top: 60px
}

.why-choose-Joomla-sec .choose-Joomla-wrap {
    margin-top: 44px
}

.right-col:before {
    content: "";
    position: absolute;
    left: -46px;
    height: 100%;
    background: #001d4a;
    width: 10px;
    top: 0;
    border-radius: 25px
}

.blue-left-border-col {
    border-left: 18px solid #5191cd!important
}

.green-left-border-col {
    border-left: 18px solid #73c44e!important
}

.red-left-border-col {
    border-left: 18px solid #ee4035!important
}

.orange-left-border-col {
    border-left: 18px solid #f9ae41!important
}

.choosing-div .ttl {
    font-size: 17px;
    text-align: center;
    color: #fff;
    margin-top: 14px
}

.choosing-div,.wix-advantage-sec .img-div-main {
    margin-top: 25px
}

.choosing-div .icon-col {
    width: 68px;
    height: 68px;
    line-height: 65px;
    margin: 0 auto;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: .3s
}

.choosing-div:hover .icon-col {
    border: 3px solid #ea3b31;
    transform: translate(0,-6px)
}

.choosing-div .icon-col img {
    height: 36px
}

.blue-text {
    color: #08234f
}

.light-blue-bg {
    background: #f5f9ff
}

.modernized-approach-sec {
    padding: 45px 0 0
}

.web-development-process-sec .border-left-desc {
    padding: 10px 12px;
    margin-bottom: 25px;
    transition: .4s
}

.list-points-row .list-points-col {
    padding: 8px 12px;
    margin-bottom: 18px;
    border-radius: 0;
    align-items: center;
    display: flex;
    transition: .4s
}

.list-points-row .list-points-col:hover {
    box-shadow: 0 0 6px #0000003b
}

.list-points-row .list-points-col span {
    display: inline-block;
    margin-right: 14px
}

.list-points-row .list-points-col span img {
    width: 20px
}

.list-points-row .list-points-col .title {
    position: relative;
    padding-left: 30px
}

.list-points-row .list-points-col .title:before {
    content: " ";
    font: 14px/1 FontAwesome;
    background: url(../images/blue-check-icon.png) 0 0/contain;
    color: #e68c1b;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 3px
}

.learn-more-text .blue-text {
    font-size: 23px
}

.web-development-process-sec .main-timeline:after {
    content: '';
    display: block;
    clear: both
}

.web-development-process-sec .main-timeline:before {
    content: '';
    height: 100%;
    width: 0;
    border: 2px dashed;
    border-radius: 20px;
    transform: translateX(-50%);
    position: absolute;
    left: 0;
    top: 0
}

.web-development-process-sec .main-timeline .timeline-content {
    min-height: 125px;
    padding: 0;
    border-radius: 15px;
    display: block;
    position: relative;
    color: #fff;
    text-align: right
}

.web-development-process-sec .main-timeline .timeline-content:hover {
    text-decoration: none
}

.web-development-process-sec .main-timeline .timeline-icon {
    color: #08234f;
    background-color: #fff;
    font-size: 53px;
    line-height: 93px;
    width: 100px;
    height: 100px;
    font-weight: 600;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    transform: translateY(-50%);
    position: absolute;
    top: 23%;
    right: -130px;
    text-align: center;
    transition: .6s
}

.web-development-process-sec .main-timeline .timeline:hover .timeline-icon {
    color: #fff;
    background-color: #ffd165
}

.web-development-process-sec .main-timeline .title {
    color: #ffd165;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.web-development-process-sec .main-timeline .description {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0
}

.web-development-process-sec .main-timeline .timeline {
    float: right;
    padding: 0 10px 0 80px;
    margin: 0 0 20px 10px
}

.web-development-process-sec .main-timeline .timeline .timeline-icon {
    right: auto;
    left: -130px
}

.video-home {
    max-width: 800px;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 21px #ccc;
    overflow: hidden;
    margin: 30px auto 0
}

.video-home video {
    width: 100%;
    height: 450px;
    margin-bottom: -10px
}

.video-home img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.white-sec-home {
    background: #fff;
    padding: 50px 0
}

.white-sec-home .get-free-div {
    color: #404040
}

.we-serve-sec {
    background: 0 0/cover #f7f7f7;
    padding: 50px 0
}

.inner-serve-div {
    padding: 30px 20px;
    text-align: center;
    height: 100%;
    position: relative;
    cursor: pointer
}

.inner-serve-div h4 {
    font-size: 18px;
    margin-top: 14px
}

.inner-serve-div:after {
    border-bottom: 1px solid #001d4a;
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 0
}

.inner-serve-div:before {
    border-right: 1px solid #001d4a;
    content: "";
    position: absolute;
    bottom: 0;
    right: -10px;
    height: 84%;
    top: 5%
}

.inner-serve-div img {
    transition: .4s ease-in-out;
    height: 40px;
    width: auto
}

.blue-sec-home {
    background: #001d4a;
    padding: 50px 0 20px
}

.blue-inner {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    border-radius: 0;
    transition: .4s ease-in-out;
    cursor: pointer
}

.blue-inner:hover {
    background: #213a61
}

.img-blue {
    max-width: 100px;
    margin-right: 20px
}

.txt1-blue {
    max-width: calc(100% - 120px)
}

.txt1-blue p {
    color: #99a5cb;
    margin-top: 10px
}

.blue-sec-home .col-md-6,.google-ads-section .row:nth-child(2),.state-title,.webflox-section .row:nth-child(2),section.Google-Analytics-section .row:nth-child(2),section.g-ads-certificates .col-sm-6 {
    margin-bottom: 30px
}

.blue-sec-home .main-btn {
    display: inline-block;
    opacity: 0;
    transition: .4s ease-in-out
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div .icon-col,.Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div .icon-col,.mob-development-your-dream-sec .position-bottom img,section.webflow-section-four .row .choosing-div .icon-col {
    margin: 0!important
}

.wide-app-developmet-serives .wd-ser-main-div {
    background: #f5f9ff;
    padding: 52px 15px 13px
}

.wide-app-developmet-serives .icon-div {
    position: absolute;
    left: 0;
    top: -32px;
    display: inline-flex;
    align-items: end
}

.wide-app-developmet-serives .wd-ser-main-div h4 {
    padding-left: 10px
}

.wide-app-developmet-serives .icon-div img {
    background: #08234f;
    padding: 7px 9px
}

.content-logos-div img {
    padding-right: 20px
}

.Benefits-Mobile-app-sec .light-blue-bg {
    background: #efefef;
    padding-top: 10px
}

.without-bullet-points .list-points-col .title:before {
    background: 0 0;
    width: 0;
    height: 0
}

.choose-world-class-application-sec .wd-ser-main-div {
    background: #efefef
}

.mesh-gallery-sec {
    padding-bottom: 65px
}

.mesh-gall-col {
    position: relative;
    float: left;
    overflow: hidden;
    padding: 25px 14px 0 10px
}

.mesh-gall-col .content-main-div {
    position: absolute;
    top: 38px;
    left: 25px;
    color: #fff
}

.mesh-gall-col .content-main-div .title {
    padding-top: 6px
}

.mesh-gall-col .img-div img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.mesh-gall-col .img-div:before {
    background: rgb(28 28 28 / 29%);
    position: absolute;
    content: "";
    height: 100%;
    width: 100%
}

.mesh-gall-col.width-30 {
    width: 30%
}

.mesh-gall-col.width-45 {
    width: 45%
}

.mesh-gall-col.height-100 {
    height: 400px
}

.mesh-gall-col.height-50 {
    height: 200px
}

.mesh-gall-col.height-50 .img-div img {
    height: 200px;
    width: 100%
}

.scroller-content-div .main-content-div {
    height: 400px;
    overflow: auto;
    padding-right: 34px
}

.scroller-content-div .main-content-div::-webkit-scrollbar-thumb {
    background: #326ac1
}

.scroller-content-div .main-content-div::-webkit-scrollbar-track {
    background: #073b8b
}

.scroller-content-div .main-content-div::-webkit-scrollbar {
    width: 3px;
    height: 30px
}

.scroller-content-div h4 {
    margin-bottom: 19px
}

.scroller-content-div ul {
    margin-left: 26px
}

.Development-scroller-Process-sec li,.scroller-content-div li {
    list-style-type: disc
}

.Development-scroller-Process-sec .col-md-8 div {
    height: 290px;
    overflow: auto
}

.Development-scroller-Process-sec main>nav {
    position: sticky;
    top: 2rem;
    align-self: start
}

.Development-scroller-Process-sec .section-nav li.active>a,.slug-gen .result-div span {
    color: #ffd165;
    font-weight: 500
}

.Development-scroller-Process-sec .section-nav a {
    text-decoration: none;
    display: block;
    padding: .125rem 0;
    color: #ccc;
    transition: 50ms ease-in-out
}

.Development-scroller-Process-sec .section-nav a:focus,.Development-scroller-Process-sec .section-nav a:hover {
    color: #666
}

.Development-scroller-Process-sec main {
    grid-template-columns: 1fr 15em;
    max-width: 100em;
    width: 100%;
    margin: 50px auto 0
}

.skyblue-text {
    color: #21759b
}

.banner-features-design-sec,.bg-dsky,.why-choose-wp-ser-sec .light-blue-bg,.wp-dev-light-skyblue-bg {
    background: #f2faff
}

.custom-wp-dev-ser-sec,.wp-dev-reason-to-choose,.wp-plugin-customization-sec {
    background: #f2faff;
    padding: 50px 0
}

.bg-wp-light-skyblue {
    background: #33a7dc!important
}

.bg-wp-skyblue {
    background: #2995c7!important
}

.bg-wp-dark-skyblue {
    background: #21759b!important
}

.bg-wp-extra-light-skyblue {
    background: #72c6ec!important
}

.our-wp-dev-ser-sec .wd-ser-main-div {
    background: #f2faff;
    padding: 23px 18px;
    margin-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 3px 6px #00000012;
    height: auto!important
}

.get-free-digital-proposal-sec .form-control,.wp-best-cms-sec .icon-div {
    border-radius: 4px
}

.why-choose-wp-ser-sec .border-left-desc {
    border-left: 6px solid #22769b!important;
    border-radius: 0;
    padding: 12px 11px
}

.wordpress-portfolio-sec .col-md-12.work-col .row,.wordpress-portfolio-sec .heading-row {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1140px;
    margin: 0 auto;
    justify-content: center
}

.wordpress-portfolio-sec .heading-div {
    position: absolute;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    top: 36px
}

.wordpress-portfolio-sec .work-col {
    padding-top: 140px
}

.wordpress-portfolio-sec .owl-theme .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    line-height: 40px;
    border-radius: 0;
    background: 0 0;
    opacity: 1
}

.wordpress-portfolio-sec .owl-theme .owl-controls {
    width: 100%;
    height: 50px;
    opacity: 1;
    position: absolute;
    top: 50%
}

.wordpress-portfolio-sec .owl-next:after,.wordpress-portfolio-sec .owl-prev:after {
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    color: #fff;
    opacity: 1
}

.wordpress-portfolio-sec .owl-next:after {
    content: "\f061"
}

.wordpress-portfolio-sec .owl-next {
    position: absolute;
    right: 8%
}

.wordpress-portfolio-sec .owl-prev {
    position: absolute;
    left: 8%
}

.wordpress-portfolio-sec .work-content {
    color: #fff;
    height: 100%;
    position: relative;
    padding-left: 50px
}

.wordpress-portfolio-sec .work-content .img-div img {
    max-width: 180px;
    height: 70px;
    object-fit: contain
}

.wordpress-portfolio-sec .home-featurd-btn {
    border-radius: 0;
    padding: 4px 12px;
    border: 1px solid #fff;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    margin-top: 38px;
    position: absolute;
    bottom: 108px
}

.wordpress-portfolio-sec .home-featurd-btn:hover {
    background: #0089ab;
    border: 1px solid #0089ab
}

.wordpress-portfolio-sec .work-content .link {
    padding: 0 0 17px
}

.wordpress-portfolio-sec .logos-div li {
    display: inline-block;
    padding: 0 23px 0 0;
    transition: .6s
}

.wordpress-portfolio-sec .logos-div li img {
    max-width: 100px;
    height: 45px;
    object-fit: contain
}

.wordpress-portfolio-sec .logos-div li:hover {
    transform: translateY(-15px)
}

.wordpress-portfolio-sec .logos-div {
    margin-top: 38px;
    position: absolute;
    bottom: 35px
}

.wordpress-portfolio-sec .project-img-div {
    height: 395px;
    overflow: hidden;
    text-align: center
}

.wordpress-portfolio-sec .project-img-div img {
    height: auto;
    object-fit: contain
}

.wordpress-portfolio-sec .owl-theme .owl-controls .owl-page.active span {
    background: #31a0bc
}

.wordpress-portfolio-sec .owl-theme .owl-controls .owl-page span {
    opacity: 1;
    background: #fff;
    margin: 20px 4px 5px
}

.wordpress-portfolio-sec .main-btn {
    font-size: 14px;
    border: 2px solid #fff;
    padding: 6px 19px!important;
    background: 0 0;
    color: #fff
}

.Development-scroller-Process-sec .wd-ser-main-div .icon-div {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.Development-scroller-Process-sec .wd-ser-col {
    background: #fff;
    margin-top: 10px;
    padding: 13px 14px;
    border-radius: 4px
}

.Development-scroller-Process-sec h4 {
    padding-left: 20px
}

.Development-scroller-Process-sec ul {
    margin-left: 26px;
    font-size: 14px
}

.Development-scroller-Process-sec .wd-ser-main-div .icon-div img {
    width: 52px;
    padding: 6px;
    border-radius: 6px
}

.Development-scroller-Process-sec .wd-ser-col .white-text,.Development-scroller-Process-sec .wd-ser-col:nth-child(odd) .white-text {
    color: #08234f!important
}

.Development-scroller-Process-sec .wd-ser-col img,.Development-scroller-Process-sec .wd-ser-col:nth-child(odd) img {
    background: #ffd165;
    padding: 6px
}

.Development-scroller-Process-sec .wd-ser-col:nth-child(odd) .wd-ser-main-div:hover .icon-div img,.Development-scroller-Process-sec .wd-ser-main-div:hover .icon-div img {
    transform: inherit;
    background: #08234f
}

.green-text {
    color: #5e8e3e
}

.shopify-light-green-bg {
    background: #f5ffe2
}

.purpose-of-shopify-dev-sec {
    padding: 0;
    margin: 65px 0
}

.purpose-of-shopify-dev-sec .img-col {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 73%;
    margin-left: 18%
}

.purpose-of-shopify-dev-sec .img-col img {
    width: 480px
}

.purpose-of-shopify-dev-sec .content-col {
    background: #5e8e3e;
    color: #fff;
    padding: 50px 205px 50px 72px;
    border-top-left-radius: 54px;
    border-bottom-left-radius: 54px;
    position: relative;
    z-index: 999
}

.purpose-of-shopify-dev-sec .content-col:before {
    background: #5e8e3e;
    height: 100%;
    content: "";
    position: absolute;
    width: 119px;
    top: 0;
    border-radius: 50% 0 0 50%;
    left: -19px;
    z-index: -1
}

.bg-shopify-light-green {
    background: #95d61c!important
}

.bg-shopify-green {
    background: #95bf47!important
}

.bg-shopify-dark-green {
    background: #5e8e3e!important
}

.shopify-dev-ser-sec .wd-ser-main-div {
    background: #e2f3c2
}

.explore-other-design-sec .icon-div,.shopify-dev-ser-sec .icon-div {
    width: auto;
    display: flex;
    align-items: center
}

.shopify-dev-ser-sec .icon-div h4 {
    padding-left: 13px
}

.shopify-kinds-sec .ser-main-div {
    justify-content: flex-start
}

.shopify-kinds-sec .ser-main-div .ser-content {
    padding-left: 17px
}

.nodejs-dev-sec .advantage-main-div,.shopify-advantage-sec .advantage-main-div {
    padding: 43px 13px
}

.shopify-advantage-sec .advantage-main-div .title {
    margin-bottom: 22px
}

.shopify-adding-domain-content-sec .main-timeline {
    position: relative;
    margin-left: 15px
}

.shopify-adding-domain-content-sec .main-timeline:before {
    content: '';
    width: 4px;
    border-left: 2px dashed #777;
    transform: translateX(-50%);
    position: absolute;
    left: 0;
    top: 0
}

.shopify-adding-domain-content-sec .main-timeline .timeline:before {
    content: '';
    background-color: #95bf47;
    height: 16px;
    width: 16px;
    transform: translateY(-50%);
    position: absolute;
    left: -9px;
    top: 8px;
    border-radius: 50%
}

.shopify-adding-domain-content-sec .main-timeline .timeline {
    padding-left: 20px;
    position: relative
}

.shopify-adding-domain-content-sec .main-timeline .title {
    color: #5e8e3e;
    font-size: 20px;
    margin-bottom: 6px
}

.light-skyblue-text {
    color: #53c1de
}

.ReactJS-dev-ser-sec,.ReactJS-light-sky-bg,.email-mark-light-sky-bg,.smo-light-blue-bg,.why-reactjs-popular-sec {
    background: #dff8ff
}

.why-reactjs-popular-sec .wrapper-outer,.world-best-customer .wrapper-outer {
    width: 100%;
    max-width: 470px
}

.bg-reactjs-dark-skyblue,.react-Reason-Choose-sec .title::before {
    background: #53c1de!important
}

.bg-reactjs-light-skyblue {
    background: #63d8f6
}

.ReactJS-dev-ser-sec .wd-ser-main-div {
    background: #fff!important;
    border-radius: 6px
}

.reactjs-feature-ser-sec .bg-wp-dark-skyblue {
    background: #53c1de!important;
    border-radius: 3px
}

.react-Reason-Choose-sec .advantage-main-div:hover {
    background: #54c1de;
    color: #fff
}

.react-development-process-sec {
    padding: 50px 0 0;
    border-bottom: 2px solid #53c1de
}

.react-development-process-sec .col-md-3 {
    padding: 0;
    display: flex
}

.timeline-process-main-div .icon-div:before {
    content: "";
    width: 2px;
    height: 100%;
    background: #53c1de;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: .3s
}

.timeline-process-main-div .icon-div .icon {
    background: #53c1de;
    height: 52px;
    width: 52px;
    object-fit: contain;
    display: block;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.timeline-process-main-div .icon-div img {
    object-fit: contain
}

.timeline-process-main-div .content-div {
    max-width: calc(100% - 52px);
    padding-left: 8px
}

.timeline-process-main-div p {
    font-size: 18px;
    margin-top: 10px
}

.timeline-process-main-div .title {
    color: #53c1de;
    font-size: 18px;
    margin-top: 12px
}

.blog-page-sec .blog-div .img-div,.content-box .image-side img,.rounded,.service-p-col {
    border-radius: 0!important
}

.heading-div p,.services-row-title p {
    font-size: 18px;
    text-align: left!important
}

.features-port {
    font-size: 18px!important;
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    margin-top: 5px
}

.custom-z-index .modal-dialog {
    max-width: 1200px;
    overflow-y: auto
}

.custom-z-index .modal-dialog .modal-body {
    overflow-y: auto;
    max-height: 80vh
}

.stuf-text1 .w-50 {
    max-width: 380px;
    margin: 0 auto;
    display: block
}

.h2-22 .stuf-text .title-blog-h2,.h2-22 .stuf-text1 .title-blog-h2 {
    font-size: 30px!important
}

.service-p-col.text-center.animated.bounceInUp.devtuts.slow.go {
    height: 530px
}

@media screen and (max-width: 767px) {
    #new-seo #seo-tab .tab-content .card:after {
        border:0
    }
    body .blog-ttl1 h1 {
        font-size: 16px;
    }
    button.navbar-toggler {
        padding: 0
    }

    #new-seo #seo-tab .tab-parent .tab-link h5 {
        color: #001d4a;
        font-weight: 600;
        font-size: 14px
    }

    #new-seo #seo-tab .tab-parent .tab-link img {
        margin-bottom: 20px;
        width: auto;
        height: 60px
    }

    #new-seo #seo-tab .tab-parent .nav-pills li {
        flex: 0 0 31%
    }

    #new-seo #seo-tab .tab-parent .tab-link {
        margin: 0;
        padding: 16px;
        width: auto;
        height: 100%
    }

    #new-seo #seo-tab .tab-content .card h5.anm-title {
        padding: 70px 0
    }

    #new-seo #third-sec .col-md-3 {
        margin: 15px 0
    }

    #new-seo .seo-eco-system-sec .seo-infoG-text-div {
        width: 82%;
        position: initial;
        display: flex;
        order: 1
    }

    #new-seo .read-btn,.who-we-are-logos-sec .blue-btn {
        position: initial
    }

    #new-seo #seo-tab .tab-content .tab-pane .row:nth-child(3) .col-md-3 .card {
        border-bottom: 1.5px solid #001D4A2B
    }

    #newhead .sub-menu-1:hover .inner-content.show_service {
        display: block!important
    }

    #newhead .service-menu .mobile-innersubmenu {
        display: block
    }

    .mobile-innersubmenu {
        position: absolute;
        top: 50%;
        right: 20px;
        z-index: 999;
        transform: translateY(-49%)
    }

    #newhead .inner-content {
        max-width: 130px!important;
        z-index: 9999;
        left: 0;
        border: 2px solid #3d4765;
        border-top: 0;
        height: auto;
        border: transparent;
        top: 0!important
    }

    #newhead .sub-menu-1 {
        position: relative
    }

    #newhead .list-group-item-child:after {
        display: none;
        transform: rotate(90deg)
    }

    .mobile-innersubmenu i {
        color: #99a5cb;
        font-size: 23px
    }

    #newhead .list-group.nav-submenu.show a {
        max-width: 100%
    }

    #newhead .list-group.nav-submenu.show {
        display: block!important;
        opacity: 1!important;
        visibility: visible;
        box-shadow: none!important
    }

    .form-inline .list-group.nav-submenu {
        min-height: auto
    }

    #newhead .location-menu:after,#newhead .service-menu .nav-link:after {
        display: none
    }

    #newhead .navbar-nav .nav-item {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .mobile-submenu {
        color: #fff
    }

    #newhead .navbar-nav .nav-link {
        max-width: 80%;
        flex: 0 0 100%
    }

    #newhead .nav-submenu {
        max-width: 100%;
        width: 100%;
        position: inherit;
        opacity: 0;
        transition: .4s ease-in-out;
        visibility: hidden;
        display: none;
        transform: translate(0);
        flex: 0 0 100%
    }

    .location-menu:hover .nav-submenu,.service-menu:hover .nav-submenu {
        opacity: 1!important;
        visibility: visible!important;
        display: block!important
    }

    #newhead .head-btn,.technologies-we-work .content-logos-div img {
        margin-bottom: 10px
    }

    #newhead .form-inline li:nth-child(2),#newhead .form-inline li:nth-child(3),#newhead .form-inline ul,#newhead .head-btn,#newhead .head-btn-1,.mesh-gall-col.width-25,.mesh-gall-col.width-30,.mesh-gall-col.width-45 {
        width: 100%!important
    }

    .New-York-SEO-wrapper,.New-York-Webdesign-wrapper {
        padding-bottom: 12px
    }

    .web-design-agency-sec .listing-info,.web-design-sol-provider-sec .listing-info {
        display: inherit
    }

    .web-design-sol-provider-sec li,.web-design-towards-sec li {
        width: 100%
    }

    .top-rated-col {
        width: 92%;
        margin: 5px auto;
        border-right: 0
    }

    .top-rated-row:last-child .top-rated-col {
        border-bottom: 2px solid #f1f1f1
    }

    .btns-marketing {
        height: auto
    }

    .who-we-are-logos-sec {
        margin-top: 0;
        background: #f6f9fb
    }

    .who-we-are-logos-sec .main-heading {
        font-size: 24px!important
    }

    .logos-slider-main-col,.who-we-are-logos-sec .who-we-are-col {
        padding-left: 15px!important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .upwork-outer .content-div {
        margin-left: 0;
        width: 50%;
        margin-bottom: 9px
    }

    .who-we-are-logos-sec .logos-slider-main-col,.who-we-are-logos-sec .who-we-are-col {
        padding-left: 15px;
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .who-we-are-logos-sec p {
        padding-right: 0!important
    }

    .logos-slider-col .title {
        margin-bottom: 23px!important;
        font-size: 18px!important
    }

    .inner-serve-div:before {
        border-right: 0px solid #001d4a
    }

    .inner-serve-div:after {
        border-bottom: 0 solid #001d4a
    }

    .inner-serve-div {
        padding: 18px 20px
    }

    #newhead div#navbarTogglerDemo02 {
        box-shadow: none!important
    }

    .about-gallery-p-sec .gallery {
        flex-wrap: wrap
    }

    .filter-tags {
        justify-content: left!important
    }

    .marketing-btns-group a {
        display: block;
        width: 100%;
        text-align: center;
        margin: 8px 0
    }

    .marketing-btns-group {
        top: 0
    }

    .wide-app-developmet-serives .icon-div {
        left: 35px;
        top: -8px
    }

    .technologies-we-work .p-main-heading {
        margin-top: 14px
    }

    .technologies-we-work .content-div h6 {
        margin-bottom: 8px
    }

    .why-web-development-agency-sec ol,.wordpress-portfolio-sec .work-content {
        padding-left: 0
    }

    .our-wp-dev-ser-sec .wd-ser-main-div .wd-ser-content {
        max-width: initial
    }

    .wp-best-cms-sec .icon-ser-main-div .icon-ser-content {
        max-width: initial;
        margin-top: 18px
    }

    .wp-dev-light-skyblue-bg .content-col {
        margin-top: 12px
    }

    .custom-wp-dev-ser-sec .content-div {
        margin-top: 16px
    }

    .wordpress-portfolio-sec .logos-div {
        position: inherit
    }

    .wordpress-portfolio-sec .owl-prev {
        left: -2%
    }

    .wordpress-portfolio-sec .owl-next {
        right: -2%
    }

    .wordpress-portfolio-sec .owl-next:after,.wordpress-portfolio-sec .owl-prev:after {
        font-size: 18px
    }

    .wordpress-portfolio-sec .project-img-div img {
        height: auto;
        object-fit: contain
    }

    .wordpress-portfolio-sec .project-img-div {
        height: auto;
        overflow: visible
    }

    .row-after-slider .who-we-col a {
        margin: 0 auto!important
    }

    .table-outer-seo.table-responsive {
        overflow-x: auto
    }

    .table-seo-inner tr:last-child td .main-btn.contact-pack {
        padding: 8px 6px
    }

    .table-seo-inner tr:last-child td {
        padding: 11px 3px
    }

    .purpose-of-shopify-dev-sec {
        margin: 0
    }

    .purpose-of-shopify-dev-sec .content-col {
        padding-left: 20px;
        padding-right: 15px;
        margin-left: 0;
        margin-bottom: 30px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .purpose-of-shopify-dev-sec .content-col:before {
        width: 0
    }

    .purpose-of-shopify-dev-sec .img-col {
        position: inherit;
        transform: inherit;
        padding: 27px 0
    }
}

@media screen and (max-width: 4000px) {
    .header .services-dropdown {
        max-width:90%!important
    }

    .services-dropdown .container {
        max-width: 90%
    }

    .About .container,.packages .container {
        max-width: 100%
    }
}

@media screen and (min-width: 1367px) {
    .who-we-are-logos-sec p {
        padding-right:120px
    }

    .logos-slider-col .title {
        font-size: 25px
    }
}

@media screen and (max-width: 1920px) {
    .header .services-dropdown {
        max-width:90%!important
    }
}

@media screen and (max-width: 1400px) {
    .gap-3 {
        gap:20px!important
    }
}

@media screen and (max-width: 1280px) {
    .gap-3 {
        gap:13px!important
    }
}

@media screen and (max-width: 1080px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right:.2rem;
        padding-left: .2rem
    }
}

@media(min-width: 992px) and (max-width:1200px) {
    ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 a.nav-link {
        padding-left:0;
        padding-right: 0;
        font-size: 13px!important
    }

    ul.navbar-nav.mx-auto.mt-2.mt-lg-0.gap-3 {
        gap: 10px!important
    }

    .logo {
        padding: 32px 0 10px
    }

    #newhead .navbar-nav .nav-item {
        padding: 0 10px
    }

    #newhead .quote a.btn {
        font-size: 16px!important
    }

    .flip-box {
        height: 700px!important;
        position: relative
    }
}

.blog-page-sec {
    margin-top: 30px!important
}

section.page-head-sec {
    margin-top: 90px!important
}

.container.filter-main-section,.dapa-table {
    margin-top: 60px
}

.contact-p-sec {
    padding: 20px 0 84px!important
}

@media screen and (max-width: 1365px) {
    .digital-marketing-eco-sec .dm-icn-3,.digital-marketing-eco-sec .dm-icn-7 {
        left:0
    }

    .digital-marketing-eco-sec .dm-icn-4,.digital-marketing-eco-sec .dm-icn-5 {
        top: 233px;
        max-width: 288px
    }

    .digital-marketing-eco-sec .dm-icn-4 {
        left: 91px
    }

    .digital-marketing-eco-sec .dm-icn-5 {
        left: 3px
    }
}

@media screen and (max-width: 1199px) {
    .header .services-dropdown {
        max-width:90%!important;
        min-width: 90%!important
    }

    .services-dropdown .container {
        max-width: 100%
    }

    .get-free-div {
        display: inherit
    }

    .get-free-div .title {
        margin-bottom: 28px
    }

    .work-logo-div {
        bottom: 12px
    }

    .work-logo-div li {
        padding: 0 5px
    }

    .work-logo-div img {
        width: 25px
    }

    .footer-col .footer-contact li {
        padding-bottom: 8px
    }

    .why-choose-p-sec:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 37px;
        width: 100%;
        height: 100%;
        background: #001d4a;
        background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 420px,#f6f6f6 420px,#f6f6f6 100%);
        z-index: -1
    }

    .infograph-div .icon-div img {
        width: 50px
    }

    .work-infograph-sec .infograph-div:first-child {
        top: -72px;
        left: -18px
    }

    .work-infograph-sec .infograph-div:nth-child(2) {
        top: -49px;
        left: -41px
    }

    .work-infograph-sec .infograph-div:nth-child(3) {
        top: -72px;
        left: -73px
    }

    .work-infograph-sec .infograph-div:nth-child(4) {
        top: -53px;
        left: -66px
    }

    .work-infograph-sec .infograph-div:nth-child(5) {
        top: -79px;
        left: -56px
    }

    .who-we-are-logos-sec p {
        padding-right: 8px
    }

    .logos-slider-col .title {
        font-size: 20px
    }

    .seo-eco-system-sec .top-text-row {
        top: 73px;
        left: 16px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(2) {
        left: 59px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(3) {
        left: 129px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(4) {
        left: 217px
    }

    .seo-eco-system-sec .bottom-text-row {
        bottom: 77px
    }

    .seo-eco-system-sec .bottom-text-row .text:first-child {
        left: 170px
    }

    .seo-eco-system-sec .bottom-text-row .text:nth-child(2) {
        left: 228px
    }

    .seo-eco-system-sec .bottom-text-row .text:nth-child(3) {
        left: 335px
    }

    .cms-design-sec .img-div:after {
        width: 95%;
        left: 7%
    }

    .cms-eco-col.even-col:before,.cms-eco-col.odd-col:before {
        background-size: 92%;
        background-repeat: no-repeat;
        height: 140px;
        width: 253px
    }

    .cms-design-sec .content-div .btn-div {
        display: flex
    }

    .cms-eco-col {
        height: 220px;
        width: 220px
    }

    .cms-eco-col.odd-col:before {
        bottom: -28px;
        left: -18px
    }

    .cms-eco-col.even-col:before {
        top: -27px;
        left: -39px
    }

    .ecom-desc-3,.ecom-desc-4 {
        margin: 20% 0
    }

    .image-ecom img {
        max-width: 450px!important
    }

    .smm-imgs img {
        max-width: 467px
    }

    .ecom-desc p br,.image-ecom,.website-img {
        display: none
    }

    .main-div-mainn {
        position: initial!important;
        transform: initial!important;
        justify-content: center
    }

    .main-icn-outer {
        position: initial!important;
        max-width: 33%!important;
        padding: 10px 30px
    }

    .main-txt p {
        font-size: 13px
    }

    .ecom-desc {
        padding: 0!important;
        margin: 0!important;
        width: 100%;
        text-align: center!important
    }

    .ecom-desc p {
        font-size: 18px
    }

    .web-icons-outer {
        position: initial
    }

    .web-icons-outer .smm-icn {
        position: initial;
        margin: 0 auto!important
    }
}

@media screen and (max-width: 1024px) {
    #new-seo #seo-tab .tab-parent .nav-pills li {
        flex:0 0 31%
    }

    #new-seo #seo-tab .tab-parent .tab-link {
        width: auto
    }

    #new-seo .seo-eco-system-sec .top-text-row {
        top: 25%
    }

    #new-seo .seo-eco-system-sec .bottom-text-row {
        bottom: 24%
    }

    .page-head-sec .main-heading {
        font-size: 35px
    }

    .home-slider .carousel-item img {
        height: 551px;
        object-fit: cover
    }

    .footer-contact ul span {
        font-size: 12px;
        width: 100%
    }

    .main-btn {
        display: inline-block
    }

    .testimonial-p-sec .pic img {
        width: 145px;
        height: 145px
    }

    .ecom-desc p,.testimonial-p-sec .content-div .border-btn {
        font-size: 12px
    }

    .portfolio-p-sec .port-content-div {
        background: #001d4a;
        height: 100%;
        padding: 10px 20px;
        width: 84%;
        margin: 0 4%;
        position: relative;
        z-index: 99
    }

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

    .portfolio-p-sec .child-cat .cust-work-tab a {
        margin: 0 16px;
        padding: 5px 0;
        font-size: 12px
    }

    .portfolio-p-sec .work-img-div {
        height: 100%;
        max-height: 543px
    }

    .contact-right-col .contact-col .desc-div {
        width: 88%
    }

    .about-p-sec .video-col video {
        height: 100%
    }

    .job-open-sec .apply {
        font-size: 12px;
        padding: 4px
    }

    .career-form .file-upload .file-select .file-select-button {
        width: 48%
    }

    .career-form .file-upload .file-select .file-select-name {
        width: 51%
    }

    .header .services-dropdown {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 100%;
        position: fixed!important;
        top: 46px;
        border-top: 2px solid #ffd165;
        max-width: 90%!important;
        min-width: 90%!important
    }

    .header .dropdown-item {
        white-space: inherit
    }

    .header .serv-div .dropdown-item {
        padding: 2px 8px
    }

    .header .serv-div .sub-menu-title {
        padding: 0 7px
    }

    .header .About,.header .packages {
        min-width: 245px!important;
        max-width: 245px!important;
        width: auto!important;
        left: 0;
        position: absolute!important
    }

    .s-m-post-serv-sec .col-md-2 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .digital-design-sec {
        padding: 10px 0
    }

    .email-serv-infograh-sec .main-timeline .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline-icon:before {
        right: -191px
    }

    .email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:before {
        left: -191px
    }

    .social-media-market-sec .logo-strip-div {
        position: initial
    }

    .page-strip-sec .get-free-div .title {
        font-size: 18px
    }

    .image-ecom img {
        max-width: 340px!important
    }

    .w-maintenance-infographic-sec {
        padding-bottom: 33px;
        padding-top: 33px
    }

    .btn-get-touch {
        margin: 20px 0 35px
    }

    .smm-imgs {
        display: none
    }

    .padd-ecomm .col-sm-6 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .smm-icn {
        margin: 0!important;
        padding: 25px 0!important
    }

    .white-background img {
        height: 100%;
        object-fit: cover
    }

    .graphic-about-sec .content-main-div .btn-div {
        display: flex;
        margin-top: 0;
        margin-bottom: 10px
    }

    .graphic-eco-col .numbering {
        padding: 0 10px;
        font-size: 26px;
        width: 57px;
        height: 48px;
        line-height: 48px;
        left: -10px
    }

    .graphic-eco-col:before {
        right: -26px
    }

    .graphic-eco-col:after {
        left: 1px
    }
}

@media screen and (max-width: 991px) {
    .navbar a.navbar-brand,.portfolio-p-sec .Portfolio .work-logo-div {
        display:block!important
    }

    body header#newhead.inner-page .logo-side {
        display: block!important;
        padding: 0!important
    }

    .header-inner-site li.nav-item {
        width: 100%!important
    }

    .footer-contact .call-mail-div li,.read-style .animated {
        width: 100%
    }

    .about-gallery-p-sec,.blog-detail-sec,.contact-p-sec,.inner-page .about-p-sec,.page-head-sec,.privacy_content,.terms_content {
        margin-top: 20px!important
    }

    .header .nav-item {
        padding: 9px 7px;
        color: #99a5cb
    }

    a.openPopup {
        justify-content: center!important;
        margin-bottom: 10px
    }

    .portfolio-p-sec .port-content-div .title {
        font-size: 18px!important
    }

    .visit-btn a {
        padding: 6px 15px!important
    }

    .digital-marketing-eco-sec .dm-icn-div p,.header .navbar-dark .navbar-nav .nav-link {
        font-size: 12px
    }

    .header .navbar-nav .dropdown-menu {
        top: 41px
    }

    .E-Commerce-design-sec .content-div,.services-dropdown .container {
        max-width: 100%
    }

    .who-we-sec .center-col .content-div h4 {
        font-size: 20px
    }

    .who-we-sec .center-col .content-div h4 span {
        font-size: 18px
    }

    .icon-content-div {
        display: inherit
    }

    .service-col h6 {
        padding-left: 0;
        padding-top: 5px
    }

    .our-work-sec .work-col-bg {
        padding-top: 28px
    }

    .our-work-sec .title {
        font-size: 22px;
        margin-bottom: 7px
    }

    .testimonial .head-div {
        border-left: 6px solid #ffd165;
        margin-left: 4px;
        padding: 29px 0 29px 8px
    }

    .testimonial .description {
        padding-top: 15px
    }

    .footer-col {
        padding-right: 5px
    }

    .footer-col .blog-title {
        width: 100%;
        padding-left: 0;
        padding-top: 4px
    }

    .footer-main-title {
        line-height: 21px
    }

    footer .col-md-2,footer .col-md-3 {
        display: flex
    }

    .why-choose-p-sec:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 73px;
        width: 100%;
        height: 453px;
        background: #001d4a;
        background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 341px,#f6f6f6 341px,#f6f6f6 100%);
        z-index: -1
    }

    .work-infograph-sec .infograph-div .icon-div img {
        width: 35px
    }

    .work-infograph-sec .first-div .content-box {
        width: 85px!important
    }

    .work-infograph-sec .first-div .line:before {
        height: 185px
    }

    .work-infograph-sec .infograph-div:first-child {
        top: -125px;
        left: -16px
    }

    .work-infograph-sec .infograph-div:nth-child(2) {
        top: -36px;
        left: -46px
    }

    .work-infograph-sec .infograph-div:nth-child(3) {
        top: -138px;
        left: -56px
    }

    .work-infograph-sec .infograph-div:nth-child(4) {
        top: -40px;
        left: -64px
    }

    .work-infograph-sec .infograph-div:nth-child(5) {
        top: -95px;
        left: -41px
    }

    .logos-slider-col .title {
        font-size: 22px
    }

    .portfolio-p-sec .child-cat .cust-work-tab a img {
        width: 17px;
        height: 17px;
        margin-right: 4px
    }

    .portfolio-p-sec .child-cat .cust-work-tab a {
        margin: 0 11px
    }

    .reputation-managment-sec .icon-div-main li .title {
        width: 54%;
        margin-left: 4px
    }

    .seo-eco-system-sec .seo-infoG-text-div .text {
        font-size: 14px;
        line-height: 14px
    }

    .seo-eco-system-sec .top-text-row {
        top: 40px;
        left: 16px
    }

    .seo-eco-system-sec .top-text-row .text:first-child {
        left: 12px;
        max-width: 83px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(2) {
        left: 120px;
        max-width: 112px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(3) {
        left: 210px;
        max-width: 100px
    }

    .seo-eco-system-sec .top-text-row .text:nth-child(4) {
        left: 313px;
        max-width: 90px
    }

    .seo-eco-system-sec .bottom-text-row {
        bottom: 35px
    }

    .seo-eco-system-sec .bottom-text-row .text:first-child {
        left: 126px;
        max-width: 98px
    }

    .seo-eco-system-sec .bottom-text-row .text:nth-child(2) {
        left: 224px;
        max-width: 88px
    }

    .seo-eco-system-sec .bottom-text-row .text:nth-child(3) {
        left: 335px;
        max-width: 102px
    }

    .digital-marketing-eco-sec .dm-icn-div.dm-icn-1 {
        left: 99px;
        top: 8px
    }

    .digital-marketing-eco-sec .dm-icn-3,.digital-marketing-eco-sec .dm-icn-4,.digital-marketing-eco-sec .dm-icn-7 {
        left: 0
    }

    .digital-marketing-eco-sec .dm-icn-2,.digital-marketing-eco-sec .dm-icn-3 {
        top: 56px;
        max-width: 275px
    }

    .digital-marketing-eco-sec .dm-icn-2 {
        left: 8px
    }

    .digital-marketing-eco-sec .dm-icn-4,.digital-marketing-eco-sec .dm-icn-5 {
        max-width: 234px
    }

    .digital-marketing-eco-sec .dm-icn-div .img-div {
        margin: 0 7px
    }

    .shopify-infographic-sec .shopify-desc p {
        font-size: 14px
    }

    .graphic-about-sec {
        padding: 16px 0
    }

    .graphic-eco-col {
        padding: 53px 15px 42px
    }

    .graphic-eco-col:before {
        right: -24px
    }

    .cms-infographic-echo-sec .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .cms-eco-col {
        margin-bottom: 28px;
        margin-top: 28px
    }

    .cms-design-sec .img-div:after {
        width: 95%;
        left: -5px
    }

    .email-serv-infograh-sec .main-timeline .number,.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .number {
        font-size: 99px
    }

    .email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .timeline-icon:before {
        left: -104px
    }

    .email-serv-infograh-sec .main-timeline .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline-icon:before {
        right: -104px
    }

    .E-Commerce-design-sec.website-design-sec {
        background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 100%,#fff 100%,#fff 100%);
        background: -moz-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%);
        background: -webkit-gradient(left top,right top,color-stop(0,#001e4a),color-stop(74%,#001e4a),color-stop(74%,#fff),color-stop(100%,#fff));
        background: -ms-linear-gradient(left,#001e4a 0,#001e4a 77%,#fff 77%,#fff 100%)
    }
}

@media screen and (max-width: 767px) {
    .about-supper-strength-sec .title,.main-btn,.testimonial .head-div .title,.work-infograph-sec .main-timeline .content-box h5,body {
        font-size:14px
    }

    .main-heading {
        font-size: 28px
    }

    .footer-col .blog-title .date,.portfolio-p-sec .read-style,.testi-info {
        display: block
    }

    a.openPopup {
        justify-content: center!important;
        margin-bottom: 0
    }

    .portfolio-p-sec .port-content-div .title {
        font-size: 19px!important
    }

    .portfolio-p-sec .Portfolio .work-logo-div {
        display: flex!important;
        position: initial!important
    }

    .visit-btn a {
        padding: 6px 22px!important
    }

    .pointer-access {
        display: block!important
    }

    .point-access {
        margin-bottom: 15px!important
    }

    .fixed--header {
        box-shadow: 0 0 2px 2px rgb(0 0 0 / 14%);
        -webkit-box-shadow: 0 0 2px 2px rgb(0 0 0 / 14%);
        -moz-box-shadow: 0 0 26px 4px rgba(0,0,0,.39)
    }

    .header .container-fluid {
        background-color: #06204e!important;
        padding: 5px 10px
    }

    .navbar-dark .navbar-toggler {
        border-color: rgb(255 180 0 / 0%)
    }

    .header .last-link {
        margin-left: 0;
        border: 1px solid #fff;
        text-align: center;
        margin-top: 8px
    }

    .navbar-dark .navbar-toggler-icon {
        align-items: center;
        vertical-align: middle;
        line-height: 1.5em
    }

    .navbar-toggler-icon i {
        color: #001d4a
    }

    .cust-work-tab:before,.digital-marketing-eco-sec .img-div-main,.email-serv-infograh-sec .main-timeline .number,.email-serv-infograh-sec .main-timeline .timeline:before,.footer-col li .fa,.header .dropdown .dropdown-menu,.image-ecom,.job-strip h5 br,.main-img-col .main-img-div,.shopify-infographic-sec .image-shopify,.work-infograph-sec .main-timeline .line,ul#pills-tab li.nav-item.parent-element a:after {
        display: none
    }

    .header .dropdown .dropdown-menu.show {
        display: block!important;
        position: initial!important;
        max-width: 100%!important;
        min-width: 100%
    }

    .header .navbar-dark .navbar-nav .nav-link {
        display: inline-block;
        text-align: center;
        font-size: 11px;
        color: #99a5cb
    }

    .header .services-dropdown .container {
        padding-right: 15px;
        padding-left: 15px
    }

    .accordion .col-md-12,.header .About .container,.header .packages .container,.home-slider .carousel-caption .container,.shopify-desc-2,.shopify-desc-3,.shopify-desc-5,.shopify-desc-8,.shopify-desc-9 {
        padding: 0
    }

    .header .services-dropdown {
        top: 57px;
        border-top: 0 solid #ffd165
    }

    .serv-col {
        flex: 0 0 50%;
        padding: 9px 0
    }

    .header .serv-div .sub-menu-title {
        font-size: 12px;
        margin-bottom: 3px;
        padding: 0 10px
    }

    .header .serv-div .dropdown-item {
        padding: 2px 10px;
        font-size: 11px
    }

    .header .navbar-dark .navbar-nav .nav-link:hover {
        color: #000
    }

    .header .serv-col .serv-div {
        border-right: 2px solid #feb300;
        height: 100%
    }

    .header .serv-col:last-child .serv-div {
        border-right: 0px solid #ffd165
    }

    .header .serv-col:nth-child(2) .serv-div {
        border: none!important
    }

    .body-popup {
        opacity: 1
    }

    .mobile-submenu {
        display: inline-block!important
    }

    .header .dropdown-toggle::after {
        display: none!important
    }

    .mobile-submenu i {
        padding-left: 13px;
        font-size: 20px;
        position: relative;
        top: 0;
        display: block!important;
        color: #fff
    }

    .inner-page #newhead .navbar-nav .nav-link {
        width: fit-content;
        max-width: fit-content
    }

    .banner-content .bann-heading {
        font-size: 22px;
        margin-bottom: 2px
    }

    .banner-content .bann-desc {
        font-size: 15px;
        line-height: 18px
    }

    .home-banner-sec,.services-sec {
        padding: 50px 0
    }

    .logo-strip-div .logo-col {
        padding: 18px 10px
    }

    .home-slider .carousel-item img {
        height: 526px;
        object-fit: cover
    }

    .home-slider .carousel-caption {
        padding-top: 10px
    }

    .upwork-outer a {
        margin: 4px 5px;
        max-width: calc(50% - 11px);
        flex: 0 0 50%;
        width: 100%;
        padding: 0!important;
        height: 45px;
        display: inline-block
    }

    .upwork-outer {
        flex-wrap: wrap;
        justify-content: center
    }

    .who-we-col {
        width: 100%;
        background: #f1f1f1;
        margin: 8px 8px 0;
        padding: 18px 5px
    }

    .who-we-col .icon-div {
        margin-bottom: 10px
    }

    .contact-right-div h5,.email-serv-infograh-sec .main-timeline .title,.get-free-div .title,.our-work-sec .title,.website-design-head h4,.who-we-col .content-div h4,.who-we-col p {
        font-size: 18px
    }

    .service-col .ser-desc {
        padding-top: 0;
        line-height: 22px
    }

    .service-col h6 {
        padding-top: 10px;
        font-size: 17px
    }

    .service-col {
        padding: 25px 15px 20px;
        margin-bottom: 25px
    }

    .job-open-sec .reason-main-div .read-job,.services-sec .service-col {
        text-align: center
    }

    .about-content-div .video-col,.center-service-row,.mobile-app-sec2 .marg-bott,.page-bottom-strip,.social-m-p-design-sec .content-m-col p {
        margin-top: 0
    }

    .service-col .ser-icon {
        margin: 0 auto
    }

    .appreciated-sec,.our-work-sec {
        padding: 40px 0
    }

    .our-work-sec .main-subtitle {
        margin-top: 8px;
        font-size: 14px;
        margin-bottom: 15px
    }

    .testimonial .head-div .post {
        font-size: 13px
    }

    .testimonial .head-div {
        padding: 20px 0 20px 8px;
        margin-top: 12px;
        border-left: 3px solid #ffd165
    }

    .testimonial .description {
        text-align: left
    }

    .bottom-logo-strip .logo-strip-div .logo-col {
        padding: 13px 9px;
        width: 45%;
        display: inline-block
    }

    .bottom-logo-strip .logo-strip-div {
        top: 30px;
        position: relative;
        display: inherit
    }

    .media-strip-ttl {
        top: -15px
    }

    .footer {
        padding: 45px 0 0
    }

    .copyright-sec,.copyright-sec .footer-social-links,.graphic-bottom-services .wd-ser-content {
        padding-left: 0
    }

    .footer-col .logo-div {
        margin-bottom: 14px
    }

    .footer-col .dsec,.shopify-about-sec .img-div {
        margin-bottom: 15px
    }

    footer .col-md-2,footer .col-md-3 {
        display: inline-block
    }

    .footer-col.border-right {
        border-bottom: 1px solid #ffd165!important;
        margin-bottom: 20px;
        border-right: 0!important;
        padding-bottom: 12px
    }

    .footer-col {
        padding-top: 17px;
        margin-bottom: 20px;
        text-align: center
    }

    .footer-col .contact-col {
        text-align: center;
        margin-bottom: 0
    }

    .E-Commerce-design-sec .wd-div,.audit-report-strip-sec .audit-report-div p,.footer-col .blog-title,.logo-design-post-sec.cms-design-sec {
        margin-bottom: 0
    }

    .footer-main-title {
        margin-bottom: 8px;
        font-size: 15px
    }

    .footer-col li {
        padding-bottom: 3px
    }

    .footer-col .footer-contact li {
        padding-bottom: 13px!important
    }

    .footer-contact .call-mail-div {
        margin-top: 0;
        margin-bottom: 4px;
        position: initial
    }

    .footer-contact .location .img-div {
        display: block;
        margin: 0 auto
    }

    .footer-contact ul img {
        padding-right: 0;
        margin-bottom: 5px
    }

    .copyright-row {
        display: inherit
    }

    .copyright-sec {
        margin-top: 0;
        display: block;
        padding-bottom: 7px;
        padding-right: 0;
        text-align: center
    }

    .ecom-desc,.title-col label {
        text-align: center!important
    }

    .copyright-sec .copy-right {
        margin-bottom: 0;
        padding-right: 0
    }

    .copyright-sec .footer-social-links li:hover i {
        transform: translateY(-5px)
    }

    .page-head-sec {
        padding: 20px 0
    }

    .page-head-sec .main-heading {
        font-size: 25px;
        margin-bottom: 15px;
        line-height: normal
    }

    .blog-page-sec .blog-div .blog-title,.inner-p-benifit-number-sec .p-logo-outer h3,.page-head-sec .heading-div h4,.page-strip-sec .get-free-div .title {
        font-size: 17px
    }

    .p-main-heading {
        font-size: 22px!important
    }

    .services-p-sec {
        padding: 0 0 10px
    }

    .service-p-col {
        margin-bottom: 31px
    }

    .website-design-sec {
        background: -webkit-linear-gradient(left,#001e4a 0,#001e4a 100%,#fff 100%,#fff 100%);
        background: -moz-linear-gradient(left,#001e4a 0,#001e4a 100%,#fff 100%,#fff 100%);
        background: -webkit-gradient(left top,right top,color-stop(0,#001e4a),color-stop(74%,#001e4a),color-stop(74%,#fff),color-stop(100%,#fff));
        background: -ms-linear-gradient(left,#001e4a 0,#001e4a 100%,#fff 100%,#fff 100%);
        margin-bottom: 0
    }

    .website-design-sec .content-div .sub-desc {
        font-size: 17px;
        line-height: 24px
    }

    .website-design-sec .right-div {
        position: initial;
        top: 60px
    }

    .website-design-sec .wd-div {
        display: initial;
        margin-bottom: 13px
    }

    .website-design-sec .wd-div .img-div {
        text-align: center;
        margin-bottom: 11px
    }

    .wd-services-sec {
        padding: 32px 0 10px
    }

    .eco-col:nth-child(2n) .eco-main-div {
        margin-top: 32px
    }

    .wd-ser-content .title {
        margin-bottom: 5px
    }

    .wd-ser-content p {
        margin-bottom: 2px
    }

    .portfolio-p-sec .page-head-sec {
        display: inherit;
        margin: 32px 0 72px
    }

    .portfolio-p-sec .child-cat,.portfolio-p-sec .inner-nav-tabs {
        bottom: 0;
        transform: inherit;
        position: inherit!important;
        margin-bottom: 28px
    }

    .portfolio-p-sec .child-cat .cust-work-tab,.portfolio-p-sec .inner-nav-tabs .cust-work-tab {
        width: 100%;
        border-bottom: 1px solid #e4e4e4
    }

    .portfolio-p-sec .page-head-sec .nav-item {
        display: block;
        width: 100%
    }

    .portfolio-p-sec .nav li a {
        border-bottom: 1px solid #e4e4e4;
        border-radius: 0
    }

    .portfolio-p-sec .child-cat .cust-work-tab a {
        margin: 0;
        padding: 8px 0
    }

    .portfolio-p-sec .port-content-div {
        width: 100%;
        padding: 11px 14px;
        margin: 0;
        top: -16px;
        position: inherit
    }

    .portfolio-p-sec .work-img-div {
        padding: 0;
        height: 167px!important
    }

    .work-logo-div img {
        width: 66px;
        object-fit: contain;
        height: 48px!important
    }

    .portfolio-p-sec .Portfolio .work-img-div img {
        margin-top: 10px;
        width: 100%
    }

    .blog-col,.right-img-div {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .portfolio-p-sec .Portfolio {
        margin-bottom: 57px
    }

    .portfolio-p-sec .cust-paginate .pagination {
        top: 0;
        margin-bottom: 0
    }

    .cust-paginate .page-item .page-link {
        height: 32px;
        min-width: 32px;
        line-height: 29px
    }

    .audit-form-sec {
        padding: 40px 0 25px
    }

    .audit-report-strip-sec .title {
        margin-bottom: 6px
    }

    .contact-left-col .subheading {
        font-size: 18px;
        line-height: 20px
    }

    .contact-p-sec {
        padding: 44px 0!important
    }

    .contact-right-div {
        max-width: 100%;
        width: 100%
    }

    .recaptcha .g-recaptcha {
        width: 100%;
        overflow: auto
    }

    .contact-p-sec .inner-desc-div p {
        font-size: 12px
    }

    .about-p-sec {
        padding: 25px 0
    }

    .about-p-sec .about-content-div .orange-text {
        font-size: 17px;
        margin-bottom: 7px
    }

    .about-p-sec .video-col {
        margin-top: 16px
    }

    .about-p-sec .video-col img {
        position: inherit
    }

    .work-infograph-sec {
        padding: 45px 0 2px;
        background-image: linear-gradient(to left,rgba(0,29,74,.93),rgba(0,29,74,.58)),url(../images/graphic-line-old.png);
        background-size: contain;
        background-repeat: repeat
    }

    .work-infograph-sec .infograph-div {
        position: initial;
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 20%;
        flex: 0 0 100%
    }

    .work-infograph-sec .main-timeline .col-sm-2 {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .work-infograph-sec .subtitle {
        margin-bottom: 10px;
        font-size: 18px
    }

    .work-infograph-sec .content-box {
        float: none!important;
        width: 100%;
        margin-bottom: 18px
    }

    .work-infograph-sec .main-timeline:before {
        background: 0 0
    }

    .work-infograph-sec .main-timeline .content-box p {
        font-size: 13px;
        line-height: 14px;
        margin-bottom: 5px
    }

    .work-infograph-sec .main-timeline .icon-div {
        text-align: left;
        display: none
    }

    .work-infograph-sec .first-div .content-box {
        width: 100%!important
    }

    .why-choose-p-sec .choose-content-col {
        padding: 25px 15px
    }

    .cms-design-sec .img-div img,.cms-design-sec .img-div:after,.content-marketing-about-sec .img-div,.shopify-infographic-sec .shopify-desc,.why-choose-p-sec .img-div {
        position: initial
    }

    .why-choose-p-sec {
        margin: 42px 0 10px
    }

    .why-choose-p-sec:before {
        height: auto;
        background: 0 0;
        position: initial
    }

    .digital-marketing-eco-sec,.reputation-managment-sec,.seo-eco-system-sec,.testimonial-p-sec {
        padding: 45px 0 40px
    }

    .testimonial-p-sec .pic {
        width: 100%;
        display: block;
        text-align: center
    }

    .testimonial-p-sec .content-div {
        padding-left: 0;
        width: 100%;
        text-align: center
    }

    .testimonial-p-sec .pic img {
        width: 150px;
        height: 150px
    }

    .testimonial-p-sec .description {
        line-height: 17px;
        margin-top: 7px
    }

    .testimonial-p-sec .name-div {
        padding-right: 4px;
        border-right: 0px solid #c2c2c2;
        border-bottom: 0 solid #c2c2c2;
        margin-bottom: 16px;
        padding-bottom: 2px;
        width: 100%
    }

    .testimonial-p-sec .logo-div {
        margin-left: 6px
    }

    .content-m-serv-sec .heading-div p,.testimonial-p-sec .name {
        font-size: 15px
    }

    .testimonial-p-sec.post {
        font-size: 11px;
        line-height: 14px;
        display: block;
        font-weight: 500;
        margin-top: 5px
    }

    .testimonial-p-sec .carousel-indicators {
        position: initial;
        justify-content: center;
        display: flex;
        margin-top: 17px
    }

    .testimonial-p-sec .carousel-indicators li {
        display: inline-block;
        margin: 0;
        width: 40px;
        height: 40px
    }

    .testimonial-p-sec .carousel-indicators li img {
        height: 40px
    }

    .video-popup .modal-dialog {
        width: 90%;
        margin: 0
    }

    .video-popup iframe {
        height: 100%
    }

    .reputation-design-sec .main-btn {
        margin-top: 0;
        margin-bottom: 25px
    }

    .reputation-managment-sec .icon-div-main li {
        margin-bottom: 0;
        margin-top: 40px
    }

    .reputation-managment-sec .icon-div-main,.shopify-infographic-sec .position-relative,.web-development-sec .position-relative .col-md-12 {
        margin-top: 10px
    }

    .reputation-managment-sec .col-md-2 {
        order: 1
    }

    .reputation-managment-sec .icon-div {
        width: 100%;
        margin-bottom: 8px
    }

    .reputation-managment-sec .icon-div-main li .title {
        width: 100%;
        margin-left: 0
    }

    .seo-eco-system-sec .img-div {
        margin-top: 0;
        display: flex;
        flex-wrap: wrap;
        padding: 0 9px
    }

    .seo-eco-system-sec .seo-infoG-text-div {
        width: 100%;
        position: initial;
        display: flex;
        order: 1
    }

    .seo-eco-system-sec .bottom-text-row .text,.seo-eco-system-sec .top-text-row .text {
        position: initial;
        max-width: 100%!important;
        padding-bottom: 10px;
        padding-left: 5px
    }

    .digital-design-sec .content-div {
        padding: 35px 0
    }

    .digital-design-sec {
        padding: 0 0 30px
    }

    .digital-marketing-eco-sec .dm-icn-div {
        position: initial;
        margin-bottom: 14px;
        margin-top: 14px;
        align-items: center;
        display: flex;
        max-width: 100%
    }

    .digital-marketing-eco-sec .dm-icn-div .img-div {
        display: block;
        width: 30%
    }

    .digital-marketing-eco-sec .dm-icn-div p {
        font-size: 12px;
        display: flex;
        order: 1
    }

    .blog-page-sec .img-div img,.career-form-sec .career-form {
        width: 100%
    }

    .blog-page-sec .blog-div,.blog-page-sec .sidebar-div {
        margin-bottom: 27px
    }

    .sidebar-div .sidebar-title {
        margin-bottom: 5px;
        font-size: 18px
    }

    .sidebar-div .cat-listing li {
        padding: 2px 0;
        font-size: 13px
    }

    .sidebar-div .tags-listing a {
        font-size: 12px;
        padding: 1px 5px;
        margin: 3px 2px
    }

    .blog-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .blog-detail-sec .blog-detials-outer h2,.ecom-desc p {
        font-size: 20px
    }

    .blog-detail-sec .blog-detials-outer .span-txt {
        margin: 10px 0
    }

    .blog-details-desc {
        padding: 17px 0
    }

    .form-outer-blog p {
        font-size: 14px;
        margin-bottom: 3px
    }

    .shopify-ser-col .content-div h4 {
        font-size: 18px;
        margin-bottom: 5px
    }

    .shopify-ser-col {
        margin: 15px 0
    }

    .shopify-ser-col .content-div p {
        line-height: 16px
    }

    .shopify-about-sec {
        padding: 35px 0 40px
    }

    .shopify-desc-2,.shopify-desc-3,.shopify-desc-4,.shopify-desc-5,.shopify-desc-6,.shopify-desc-7,.shopify-desc-8,.shopify-desc-9 {
        float: none
    }

    .shopify-infographic-sec {
        padding: 45px 0
    }

    .pages-testimonial-client-sec .owl-carousel {
        margin-left: 0
    }

    .graphic-eco-col {
        max-width: 90%;
        margin-bottom: 42px
    }

    .graphic-eco-col .numbering {
        left: 12px
    }

    .graphic-eco-col:before {
        right: -37px;
        top: -2px;
        background-size: contain
    }

    .cms-design-sec {
        background: #001f4c;
        margin-bottom: 0
    }

    .cms-design-sec .img-div {
        position: initial;
        margin-top: 13px
    }

    .career-top-reason-sec .col-md-3.main-content-col,.cms-infographic-echo-sec .col-md-3,.logo-benefits-b-sec .col-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .cms-eco-col {
        margin-bottom: 6px;
        margin-top: 28px
    }

    .cms-infographic-echo-sec {
        padding: 30px 0
    }

    .E-Commerce-design-sec {
        background: #f5f5f5
    }

    .website-maintenance-sec .content-div {
        margin-bottom: 36px
    }

    .website-maintenance-sec .main-txt {
        position: initial;
        transform: inherit!important;
        width: 100%
    }

    .website-maintenance-sec .main-txt p {
        margin: 13px 0
    }

    .inner-p-benifit-number-sec .inner-logo-number,.wd-ser-main-div {
        margin-top: 24px
    }

    .marg-top {
        margin-bottom: 30px
    }

    .ecom-desc {
        margin: 0!important;
        padding: 0!important
    }

    .padd-ecomm .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .web-development-sec {
        padding: 30px 0 10px
    }

    .blue-back .wd-ser-content,.logo-d-services-sec .wd-ser-content,.sec-app2 .wd-ser-content {
        max-width: 100%
    }

    .logo-benefits-b-sec .same-laravel p {
        position: initial!important
    }

    .logo-benefits-b-sec .right-lara p:first-child {
        margin-top: 30px
    }

    .logo-benefits-b-sec .larvel-info.text-center {
        margin-bottom: 23px
    }

    .social-media-post-sec.cms-design-sec {
        margin-bottom: 0!important
    }

    .inner-p-benifit-number-sec {
        padding: 25px 0 20px
    }

    #accordion .row,.content-marketing-about-sec {
        margin: 0
    }

    .content-m-col h4 {
        margin-top: 36px
    }

    .email-serv-infograh-sec {
        padding: 35px 0 10px
    }

    .email-mark-about-sec .btn-div {
        justify-content: center
    }

    .email-serv-infograh-sec .main-timeline .timeline {
        position: initial;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

    .email-serv-infograh-sec .main-timeline .timeline-content {
        width: 100%;
        float: left;
        position: initial;
        padding: 0;
        order: 1
    }

    .email-serv-infograh-sec .main-timeline .timeline:nth-child(2n) .number {
        position: initial;
        font-size: 56px;
        display: none
    }

    .email-serv-infograh-sec .main-timeline .circle-outer {
        position: initial;
        transform: initial
    }

    .email-serv-infograh-sec .main-timeline .timeline-icon {
        width: auto;
        height: auto;
        position: inherit;
        transform: initial
    }

    .email-serv-infograh-sec .main-timeline .timeline-icon:after,.email-serv-infograh-sec .main-timeline .timeline-icon:before {
        position: initial;
        transform: initial;
        border: 0 dotted #ebebeb
    }

    .email-serv-infograh-sec .main-timeline:before {
        position: initial;
        border: 0 dotted #ebebeb
    }

    .ux-solutions-sec {
        padding: 40px 0 20px
    }

    .ux-solutions-sec .content-m-col h4 {
        font-size: 18px;
        margin-bottom: 7px
    }

    .logo-benefits-b-sec {
        padding: 28px 0 25px
    }

    .graphic-infographic-eco-sec {
        padding: 26px 0
    }

    .mobile-app-sec2 .smm-icn {
        padding: 10px 0!important
    }

    .ios-app-sec .sub-heading {
        font-size: 19px
    }

    .ios-app-sec {
        padding-bottom: 0
    }

    .ios-dev-sec .sub-heading {
        font-size: 20px;
        margin-top: 16px
    }

    .android-app-outer .content-m-col {
        margin-bottom: 13px
    }

    .banner-d-about-sec {
        padding-bottom: 26px
    }

    .career-resume-form-sec {
        padding: 30px 0;
        background: #f1f1f1
    }

    .career-top-reason-sec .col-md-4 {
        border-right: 0px solid #e4f9ff;
        border-bottom: 1px solid #e4f9ff!important
    }

    .career-top-reason-sec .row .col-md-4:last-child {
        border-bottom: 0 solid #e4f9ff!important
    }

    .job-opening-sec .job-strip ul,.job-strip p {
        display: initial
    }

    .job-strip span {
        display: inline;
        padding: 0 0 0 10px;
        border-left: 1px solid #038bad;
        margin-left: 10px
    }

    .job-strip .btn {
        margin-top: 14px
    }

    .career-p-head-sec .main-heading {
        font-size: 26px
    }

    .job-content-col {
        border-right: 0px solid #bebebe;
        margin-bottom: 10px
    }

    .btn-col {
        text-align: center;
        margin-top: 22px
    }

    .job-open-sec .reason-main-div label {
        margin-bottom: 0;
        font-size: 18px
    }

    .first-content-col .col-md-12:nth-child(2) .reason-main-div {
        left: 0
    }

    .last-content-col .col-md-12:nth-child(2) .reason-main-div {
        right: 0!important
    }

    .job-open-sec .btn-col {
        text-align: center;
        margin-top: 0;
        margin-bottom: 0
    }

    .career-form .file-upload .file-select .file-select-button {
        font-size: 12px;
        width: 40%
    }

    .career-form .file-upload .file-select .file-select-name {
        width: 58%;
        font-size: 9px
    }

    .outer-accordian {
        flex: 0 0 100%!important
    }

    .outer-accordian h4 {
        font-size: 13px!important;
        max-width: 85%!important;
        line-height: 17px!important
    }
}

.open-portfolio .modal-body-parent {
    margin: 60px 15px 0!important
}

.open-portfolio {
    background: 0 0!important;
    border: none!important
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:1290px!important;
        margin: 0 auto!important
    }

    .main-divi-in {
        gap: 20px!important
    }
}

@media screen and (max-width: 575px) {
    .WDo-core-section .WDo-core-option .WDo-option-text h4,.WDo-core-section .WDo-core-option .WDo-option-text p,.main-txt p,.outer-banner-sec p {
        text-align:center
    }

    #newhead .logo-side {
        width: 100%!important
    }

    .modal-body-content h3.title {
        font-size: 18px!important
    }

    .modal .btn-div.visit-btn {
        padding: 4px
    }

    .modal-content .fa-long-arrow-right:before {
        content: "\f0c1";
        font-size: 15px
    }

    .modal-content .visit-btn a {
        padding: 6px 15px!important;
        border-radius: 10px!important
    }

    .modal-content .visit-btn span {
        padding-left: 0
    }

    .main-divi-in {
        display: block!important
    }

    .main-divi-in input#search_port {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px
    }

    select#tech-filter {
        width: 100%;
        margin: 15px 0!important
    }

    a.openPopup {
        margin-bottom: 10px
    }

    .visit-web {
        gap: 20px!important
    }

    .home-slider .carousel-item img {
        height: 75vh;
        object-fit: cover
    }

    .button-div {
        width: 100%;
        margin-top: 0!important
    }

    .website-design-sec .row-ecomerce .wd-div .title {
        font-size: 13px
    }

    .ecom-desc p {
        font-size: 14px
    }

    .page-strip-sec .get-free-div .title {
        font-size: 13px!important
    }

    .main-txt {
        transform: translate(-50%,-50%)!important;
        width: 97%;
        left: 50%
    }

    .main-txt p {
        font-size: 13px
    }

    .main-icn-outer {
        max-width: 100%!important
    }

    .s-m-post-serv-sec .col-md-2 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .home-slider {
        max-height: 100%
    }

    .home-slider video {
        height: 70vh!important
    }

    .home-slider .carousel-caption {
        top: 20%;
        transform: translate(-50%,-50%);
        left: 50%;
        width: 100%;
        bottom: auto;
        padding: 0 10px
    }

    .outer-banner-sec {
        bottom: 0;
        transform: translate(0,-30%)
    }

    .outer-banner-sec h1 {
        text-align: center;
        font-size: 23px
    }

    .outer-banner-sec p br {
        display: none
    }

    .upwork-outer a img {
        top: 12px!important;
        height: 25px!important
    }

    .row-after-slider .who-we-col {
        width: 100%;
        margin-top: 0
    }

    .WDo-core-section .WDo-core-option {
        position: initial
    }

    .WDo-core-section .WDo-core-round {
        width: 100%;
        height: 100%;
        box-shadow: none
    }

    .WDo-core-section .WDo-core-option .WDo-option-text {
        width: 100%
    }

    .banner-content .bann-desc {
        margin: 0
    }

    body .bottom .dataTables_paginate .paginate_button {
        width: 25px;
        padding: 1px 0!important;
        height: 25px;
        font-size: 12px
    }

    .bottom {
        padding-bottom: 20px
    }

    a#portfolio_table_next,a#portfolio_table_previous {
        margin-top: 0
    }

    div#portfolio_table_paginate {
        align-items: baseline
    }

    .WDo-option-icon.fr {
        float: none!important;
        margin: 0 auto!important
    }

    .WDo-option-icon.fl {
        float: none!important;
        margin: 15px auto 8px
    }

    .page-head-sec.seo-company-design-head {
        padding-bottom: 4px
    }
}

.red-text {
    color: #ff2d20
}

.laravel-new {
    line-height: 30px
}

.laravel-sec.our-wp-dev-ser-sec .wd-ser-main-div,.red-card-sec.wp-plugin-customization-sec,.world-best-customer {
    background: #feebeb
}

.red-card-sec .ser-main-div {
    height: 80%
}

.red-card {
    background-color: #ff2d20
}

.bg-red-laravel,.lt-red-card {
    background-color: #ff5247
}

.dk-red-card {
    background-color: #fe766e
}

.red-card-hire {
    background-color: #ff5247!important
}

.pop-text {
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 28px;
    display: block;
    font-weight: 500;
    margin-bottom: -1px
}

.world-best-customer {
    margin: 50px 0
}

.world-best-customer .p-main-heading {
    font-size: 34px;
    margin-bottom: 16px;
    font-weight: 500
}

.why-choose-laravel {
    margin: 80px 0
}

.why-choose-laravel .choosing-div .icon-col {
    border-color: #ff2d20;
    height: 80px;
    width: 80px
}

.why-choose-laravel .choosing-div .ttl {
    font-size: 17px;
    color: #001d4a
}

.why-choose-laravel .choosing-div:hover .icon-col {
    background: #feebeb;
    transform: translate(0,-6px);
    border-color: #feebeb;
    cursor: pointer
}

.p-new-text {
    color: #001d4a;
    font-weight: 500;
    max-width: 1008px;
    margin: 0 auto
}

.wordpress-portfolio-sec .owl-next::after,.wordpress-portfolio-sec .owl-prev::after,button.splide__arrow[disabled] {
    opacity: 0
}

.red-card-sec .ser-main-div .title {
    width: 235px
}

@media only screen and (max-width: 991px) {
    .pop-text,.why-choose-laravel .choosing-div .ttl {
        font-size:15px
    }

    .navbar-collapse {
        width: 100%
    }

    .location-menu {
        color: #000!important
    }

    .why-choose-laravel .choosing-div .ttl>br {
        display: none
    }

    .world-best-customer .d-flex {
        justify-content: center;
        padding: 25px 0
    }

    .world-best-customer .wrapper-outer {
        max-width: 600px;
        text-align: center
    }

    .world-best-customer .p-main-heading {
        font-size: 28px
    }

    .pop-text {
        padding: 25px 0
    }

    #new-seo .button-div .main-btn {
        margin: 14px 3px 14px 0
    }
}

@media only screen and (max-width: 767px) {
    .world-best-customer .wrapper-outer {
        padding:20px
    }
}

.who-we-are-logos-sec .who-we-are-col .heading-div {
    max-width: 765px;
    margin-left: auto
}

.who-we-are-logos-sec p {
    padding-right: 160px
}

.big-text-platform {
    font-size: 33px;
    font-weight: 500
}

.new-home p {
    margin: 0;
    font-size: 17px;
    font-weight: 500
}

.provider-container {
    border-radius: 0;
    padding: 35px 30px;
    margin-bottom: 50px
}

.tech-detail {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 50px;
    color: #1e1e1e
}

.upwork-lime {
    background-color: #e0ffd4
}

.upwork-lime .main-btn {
    background: #6fda44;
    border: 2px solid #6fda44
}

.upwork-lime .main-btn:hover {
    background: 0 0;
    color: #6fda44
}

.clutch-red {
    background-color: #ffc4bf
}

.clutch-red .main-btn {
    background: #ee4234;
    border: 2px solid #ee4234
}

.clutch-red .main-btn:hover {
    background: 0 0;
    color: #ee4234
}

.peopleperhour-cream {
    background-color: #fbc7ac
}

.peopleperhour-cream .main-btn {
    background: #fe6b21;
    border: 2px solid #fe6b21
}

.peopleperhour-cream .main-btn:hover {
    background: 0 0;
    color: #fe6b21
}

.fiver-brick {
    background-color: #c1dfca
}

.fiver-brick .main-btn {
    background: #003912;
    color: #fff;
    border: 2px solid #003912
}

.fiver-brick .main-btn:hover {
    background: 0 0;
    color: #003912
}

.guru-blue {
    background-color: #cfe7ff
}

.guru-blue .main-btn {
    background: #2777c6;
    border: 2px solid #2777c6
}

.guru-blue .main-btn:hover {
    background: 0 0;
    color: #2777c6
}

#guru-slider .owl-controls,#upwork-slider .owl-controls.clickable {
    position: absolute;
    width: 100%;
    bottom: -25px
}

.fiver-task-outer {
    background: #fff;
    padding: 9px;
    border-radius: 6px
}

.fiver-more-btn {
    border: 1px solid #e4e5e7;
    border-radius: 4px;
    padding: 6px 30px 6px 18px;
    font-size: 13px;
    margin: 5px 0 5px 7px;
    color: #4a73e8;
    font-weight: 600;
    display: inline-block;
    position: relative;
    background-color: #fff
}

.fiver-more-btn:hover {
    background: #fafafa;
    color: #4a73e8;
    text-decoration: none;
    cursor: pointer
}

.fiver-more-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    right: 18px;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #4a73e8;
    border-style: solid;
    border-width: 4px 0 4px 7px
}

.top-provider-col.upwork-slider-col {
    padding: 25px 30px;
    border-radius: 0;
    color: #fff
}

.blue-gredient-bg {
    background: -webkit-linear-gradient(-45deg,#1f4456 0,#1f4456 51%,#385765 51%,#385765 65%,#385765 100%)
}

.blue-gredient-bg .pic img {
    width: 60px;
    margin-bottom: 28px
}

.blue-gredient-bg .rating-div {
    margin-bottom: 10px;
    margin-top: 8px
}

.blue-gredient-bg .owl-controls {
    margin-top: -21px;
    z-index: 9;
    position: relative
}

#pph-hireme iframe {
    width: 100%;
    height: auto
}

@media screen and (max-width: 768px) {
    .counter-col,.fiver-task-outer {
        text-align:center
    }

    .tech-detail {
        font-size: 15px
    }

    .marketing-btns-group {
        display: grid;
        justify-content: center
    }
}

#clockdiv,#clockdiv>div,.typewrite,.vuejs-process-sec .title {
    display: inline-block
}

.upwork-outer>div {
    display: flex;
    justify-content: center;
    align-items: center
}

.bottom-media-strip .logo-strip-div,.upwork-outer,section.seo-free-tool .row {
    justify-content: space-between
}

.plt-icons .onhover-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    transition: .2s
}

.typewrite {
    width: 110px
}

.outer-banner-sec h1 {
    font-family: Montserrat;
    font-size: 100px;
    font-weight: 600;
    line-height: 129.21px;
    text-align: center;
    color: #001e4a
}

#newhead .navbar-nav .nav-link {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.5px;
    text-align: left;
    color: #001d4a!important
}

.outer-banner-sec h1 span {
    font-weight: 700;
    color: #ffd165
}

.home-slider {
    margin: 0 -7px
}

.upwork-outer .main-btn {
    background: 0 0;
    border: 0 solid #ffd165;
    color: #ffd165;
    height: 30px;
    font-size: 15px
}

.home-slider video {
    height: 100vh!important
}

@media screen and (max-width: 1024px) {
    .outer-banner-sec h1 {
        font-size:37px
    }

    .typewrite {
        width: 100px
    }

    .plt-icons img {
        height: auto!important
    }
}

@media screen and (max-width: 991px) {
    .butt-whatsapp {
        bottom:11vh!important
    }

    .inner-page .fixed--header .menu-side .collapse {
        top: 100%!important;
        transform: translateY(0)!important
    }

    #newhead .menu-side .nav-submenu {
        display: none!important
    }

    .copyright-row {
        flex-direction: column
    }

    .footer-col .footer-contact li {
        margin-bottom: 10px;
        align-items: center
    }

    .header-main {
        position: relative!important
    }

    #newhead .navbar {
        z-index: 9;
        padding-bottom: 0!important;
        display: flex;
        flex-direction: row!important
    }

    .service-menu:has(> .show) {
        flex-wrap: wrap!important
    }

    .show {
        min-width: 100%!important
    }

    .navbar {
        align-items: flex-start
    }

    #newhead .navbar-nav .nav-item {
        justify-content: space-between
    }

    .menu-side {
        width: 10%!important;
        padding-top: 0!important;
        padding-right: 13px!important
    }

    .navbar-collapse {
        position: absolute;
        top: 66px;
        background: #fff;
        left: 0;
        padding: 10px 44px
    }

    #newhead .navbar-nav .nav-link {
        color: #06204e
    }

    .navbar-toggler {
        color: #000!important
    }

    .btns-marketing {
        height: auto
    }

    .marketing-btns-group {
        gap: 15px
    }

    .bottom-media-strip .logo-strip-div {
        flex-wrap: wrap
    }

    .controls .custom-control {
        text-align: center
    }

    .header-main .a {
        fill: #001d4a
    }

    .typewrite {
        width: 68px
    }

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

    .upwork-outer .main-btn {
        height: 29px;
        font-size: 14px;
        padding: 0 10px;
        margin: 0
    }

    .plt-icons img {
        height: 20px!important;
        object-fit: contain!important
    }

    .news-page-sec .blog-col .blog-div,.port-single-key .work-access-detail {
        display: block!important
    }

    .news-page-sec .col-md-6.img-div.div-img-sec {
        max-width: 100%!important
    }

    .news-page-sec .col-md-6.img-divi.divi-img-sec {
        max-width: 100%!important;
        padding-left: 0;
        margin-top: 15px
    }

    .blog-content a.title-first-anchor h4 {
        font-size: 20px!important
    }

    .port-single-key .pointer-access,.port-single-key .visit-web {
        max-width: 100%
    }

    .port-single-key .work-logo-div {
        position: absolute;
        bottom: -1px!important;
        background: #051d46;
        max-width: 98%;
        width: 100%;
        margin-left: -40px;
        padding: 10px 0
    }
}

.logo-col a {
    display: block;
    position: relative
}

.logo-col a .footer_logo_hover {
    position: absolute;
    left: 0;
    visibility: hidden;
    right: 0;
    transition: .2s ease-in-out
}

.logo-col a:hover .footer_logo_hover {
    visibility: visible;
    cursor: pointer
}

.node-js-l-green-bg,.widely-used-node-js-sec .wd-ser-main-div {
    background: #edffe5
}

.node-green-text {
    color: #3e863d
}

.bg-nodejs-dark-green {
    background: #3e863d!important
}

.why-choose-nodejs-sec .border-left-desc {
    border-left: 6px solid #3f863e!important;
    background: #edffe5
}

.nodejs-process-sec {
    border: 0;
    padding-bottom: 45px
}

.nodejs-process-sec .timeline-process-main-div .content-div {
    max-width: calc(100% - 20px);
    padding-left: 8px;
    padding-bottom: 25px
}

.nodejs-process-sec .timeline-col:before {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    right: -7px;
    z-index: 999
}

.nodejs-process-sec .timeline-col:first-child:before {
    border-bottom: 9px solid #3e863d
}

.nodejs-process-sec .timeline-col:nth-child(2):before {
    border-bottom: 9px solid #669f5b
}

.nodejs-process-sec .timeline-col:nth-child(3):before {
    border-bottom: 9px solid #6cbd48
}

.nodejs-process-sec .timeline-col:nth-child(4):before {
    border-bottom: 9px solid #a4de8b
}

.nodejs-process-sec .timeline-col .icon {
    background: #3e863d!important;
    height: 15px;
    width: 15px
}

.nodejs-process-sec .timeline-col:nth-child(2) .timeline-process-main-div .icon {
    background: #669f5b!important
}

.nodejs-process-sec .timeline-col:nth-child(3) .timeline-process-main-div .icon {
    background: #6cbd48!important
}

.nodejs-process-sec .timeline-col:nth-child(4) .timeline-process-main-div .icon {
    background: #a4de8b!important
}

.bg-nodejs,.nodejs-process-sec .timeline-col .timeline-process-main-div .icon-div:before {
    background: #3e863d
}

.nodejs-process-sec .timeline-col:nth-child(2) .timeline-process-main-div .icon-div:before {
    background: #669f5b
}

.nodejs-process-sec .col-md-3:nth-child(3) .timeline-process-main-div .icon-div:before {
    background: #6cbd48
}

.nodejs-process-sec .col-md-3:nth-child(4) .timeline-process-main-div .icon-div:before {
    background: #a4de8b
}

.wix-dev-services-sec .wd-ser-main-div,.wix-light-pink-bg {
    background: #fff4e6
}

.wix-purpose-sec .wrapper-outer {
    width: 100%;
    max-width: 530px
}

.wix-light-pink-bg .border-left-desc {
    width: 100%;
    border-left: 6px solid #faad4d!important
}

.why-hire-wix .bg-wix-orange {
    background: #faad4d!important;
    border-radius: 3px
}

.dark-grey-text {
    color: #34495e
}

.vuejs-light-green-bg {
    background: #41b883!important
}

.vuejs-light-grey-bg {
    background: #d4dee8
}

.bg-vuejs,.vuejs-dark-grey-bg {
    background: #34495e
}

.vueJS-dev-ser-sec .wd-ser-main-div {
    background: #d4dee8;
    border-radius: 0
}

.why-use-vue-js-sec .advantage-main-div .title::before {
    background: #41b883
}

.why-use-vue-js-sec .advantage-main-div {
    padding: 30px 13px 35px;
    min-height: 231px
}

.vuejs-process-sec .timeline-process-main-div .content-div {
    max-width: calc(100% - 0px);
    padding-top: 15px;
    padding-left: 19px;
    align-items: center;
    padding-bottom: 7px
}

.vuejs-process-sec .title {
    width: 86%;
    margin-top: 0
}

.vuejs-process-sec .numbering {
    display: inline-block;
    background: #d4dee8;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    color: #001d4a;
    font-weight: 600;
    font-size: 25px
}

.vuejs-process-sec .timeline-col:before {
    border-bottom: 9px solid #34495e!important;
    bottom: -9px;
    right: -13px
}

.vuejs-process-sec .timeline-col:nth-child(4):before,.vuejs-process-sec .timeline-col:nth-child(5):before {
    border-bottom: 0 solid #a4de8b!important
}

.vuejs-process-sec .timeline-col:first-child:before {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.vuejs-process-sec .timeline-col:nth-child(3):before {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.vuejs-process-sec .timeline-col .timeline-process-main-div .icon-div:before {
    background: #41b883!important;
    border-top-left-radius: 7px
}

.vuejs-process-sec .timeline-col:nth-child(4) .timeline-process-main-div .icon-div:before,.vuejs-process-sec .timeline-col:nth-child(5) .timeline-process-main-div .icon-div:before {
    border-radius: 0 0 0 7px
}

.vuejs-process-sec .timeline-process-main-div .icon-div:before {
    width: 5px
}

.bottom-media-strip .media-col {
    display: flex;
    align-items: center;
    padding: 23px 24px
}

.bottom-media-strip .media-col .img-div {
    background: #001d4a;
    padding: 0;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50%;
    margin-right: 10px
}

.bottom-media-strip span.ttl {
    color: #001d4a;
    font-weight: 600;
    text-align: left;
    font-size: 15px
}

@media screen and (max-width: 767px) {
    .provider-container {
        padding:35px 16px
    }

    .tech-detail {
        margin-bottom: 30px
    }

    .mobile-ordering section:nth-child(odd) .col-md-6:nth-child(odd) {
        order: 1;
        margin-top: 45px
    }

    .mobile-ordering section:nth-child(odd) .col-md-6:nth-child(2n) {
        text-align: center
    }

    .mobile-ordering section:nth-child(2n) .col-md-6:nth-child(odd) {
        margin-bottom: 45px;
        text-align: center
    }

    .typewrite {
        width: 66px
    }

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

    .upwork-outer>div:not(:last-child) {
        flex: 0 0 33.3%;
        padding: 10px 0
    }

    .upwork-outer>div:nth-child(5) {
        flex: 0 0 42%
    }

    .upwork-outer>div:last-child {
        flex: 0 0 100%
    }

    .plt-icons img {
        height: auto!important
    }

    .upwork-outer .main-btn {
        height: fit-content;
        font-size: 13px;
        width: fit-content!important;
        padding: 3px 0!important;
        margin-top: 10px;
        flex: 0 0 42%
    }

    .home-slider {
        margin: 0
    }

    .upwork-outer>div:first-child img {
        height: 27px!important;
        margin-top: 3px
    }

    .upwork-outer {
        justify-content: space-evenly
    }

    .nodejs-process-sec .title {
        margin-top: 0
    }

    .nodejs-process-sec .timeline-col:before {
        border-bottom: 0!important
    }

    .timeline-process-main-div .icon-div {
        margin-left: 3px
    }

    .nodejs-process-sec .timeline-process-main-div .content-div {
        padding-bottom: 3px
    }

    .wix-purpose-sec .wrapper-outer {
        padding: 25px 15px
    }

    .vuejs-process-sec .timeline-col:before {
        right: 0
    }

    .vuejs-process-sec .timeline-col:nth-child(4):before,.vuejs-process-sec .timeline-col:nth-child(5):before {
        border-bottom: 9px solid #34495e!important
    }

    .vuejs-process-sec .timeline-process-main-div .icon-div:before {
        width: 0
    }

    .vuejs-process-sec .timeline-process-main-div .content-div {
        padding-left: 0
    }
}

.ppc-light-blue-bg {
    background: #f6fbff
}

.widely-used-node-js .ser-main-div .icon-div img {
    height: 40px;
    object-fit: contain
}

.widely-used-node-js .ser-main-div .icon-div {
    width: 65px
}

#new-seo .ser-main-div {
    padding: 20px 25px
}

.ppc-accordian-sec {
    padding: 22px 0
}

.ppc-accordian-sec .panel {
    border: none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 15px
}

.ppc-accordian-sec .panel-heading {
    padding: 0;
    border: none;
    border-radius: 3px
}

.ppc-accordian-sec .panel-title a {
    display: block;
    padding: 12px 50px 12px 15px;
    background: #4285f4;
    border: 0 solid #fff;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    position: relative;
    font-weight: 500
}

.ppc-accordian-sec .collapsed {
    background: #dff6ff!important;
    color: #1e1e1e!important
}

.ppc-accordian-sec .panel-title a:before {
    content: "\f068";
    font-family: FontAwesome;
    width: 25px;
    height: 25px;
    line-height: 22px;
    border-radius: 50%;
    background: #92919100;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    text-shadow: none;
    position: absolute;
    top: 10px;
    right: 15px
}

.ppc-accordian-sec div#accordion {
    display: inherit
}

.ppc-accordian-sec .list-points-col {
    background: 0 0;
    padding: 0;
    margin-bottom: 0
}

.email-marketing-strategy-sec .list-points-row .list-points-col:hover,.form-control:focus,.ppc-accordian-sec .list-points-col:hover,.smo-bullets-sec .list-points-row .list-points-col:hover {
    box-shadow: none
}

.ppc-accordian-sec .panel-title a.collapsed:before {
    content: "\f067";
    color: #143ba1;
    border: 2px solid #143ba1
}

.ppc-accordian-sec .panel-body {
    padding: 12px 28px;
    font-size: 15px;
    color: #222;
    line-height: 27px;
    border: none;
    background: #f9f9f9
}

.ppc-accordian-sec .list-points-row .list-points-col .title:before {
    content: " ";
    font: 14px/1 FontAwesome;
    background: url(../images/ppc/right-tick.png) 0 0/contain;
    color: #e68c1b;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 15px;
    top: 3px
}

.ppc-accordian-sec .panel-body h5 {
    padding-left: 35px!important;
    font-size: 15px;
    margin-bottom: 15px;
    word-break: break-word
}

.bing-ads-accordian-sec .panel-title a {
    background: #008272
}

.youtube-accordian-sec .panel-title a {
    background: red
}

.facebook-ads-accordian-sec .panel-title a {
    background: #3c5a99
}

.insta-ads-accordian-sec .panel-title a {
    background: #f95d0e
}

.republic-banner-strip {
    padding: 4px 0 2px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border: 7px solid #001d4a;
    box-shadow: 7px -5px 7px #0000000d;
    border-top: 0 solid #ededed;
    border-bottom: 0;
    -webkit-animation: 3s all;
    animation: 2s mymove
}

@keyframes mymove {
    from {
        bottom: -200px
    }

    to {
        bottom: 0
    }
}

.republic-banner-strip .logo-counter-div img {
    width: 91px
}

.logo-counter-div {
    margin-left: 120px;
    display: flex;
    align-items: center
}

.republic-banner-strip .counter-div {
    padding-left: 40px;
    line-height: initial
}

#clockdiv {
    font-family: sans-serif;
    color: #fff;
    font-weight: 100;
    text-align: center;
    align-items: center;
    line-height: initial
}

#clockdiv>div {
    padding: 0 7px;
    border-radius: 3px
}

#clockdiv div>span {
    padding: 9px;
    color: #535353;
    border: 2px solid #000;
    border-radius: 50%;
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px
}

.orange-counter>span {
    border-color: #ff5400!important
}

.grey-counter>span {
    border-color: #bfbfbf!important
}

.blue-counter>span {
    border-color: #283f89!important
}

.green-counter>span {
    border-color: #4eb200!important
}

#clockdiv .smalltext {
    padding-top: 4px;
    font-size: 12px;
    color: #535353;
    letter-spacing: .5px
}

.cross-icon {
    position: absolute;
    right: 2px;
    top: 1px;
    background: #d30909;
    width: 17px;
    height: 17px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    border-radius: 50%
}

.brochure-design-process-sec .process-main-div:hover,.cross-icon:hover {
    background: #000
}

.strip-contact-btn {
    background: #ff5400;
    border: 2px solid #ffad00;
    display: flex;
    padding: 5px 11px;
    border-radius: 6px;
    margin-left: 34px;
    color: #fff;
    font-size: 13px;
    font-weight: 500
}

.strip-contact-btn:hover {
    background: #4db100;
    color: #fff
}

.logo-process-sec .timeline-col:nth-child(2) .timeline-process-main-div .icon-div:before,.yellow-advantage-box:hover {
    background: #fdd247!important
}

.upwork-outer {
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-left: 12px
}

.video-section-banner .button-div {
    width: 100%;
    margin-top: 30px
}

#newhead .service-menu .nav-link:after {
    font-size: 20px;
    top: 2px;
    right: -8px
}

.timeline-process-main-div .ux-yellow-text,.ux-yellow-text {
    color: #fdd247
}

.logo-design-ser-sec .wd-ser-main-div .title,.logo-red-text,.timeline-process-main-div .logo-red-text {
    color: #e50a29
}

.logo-light-orange-text,.timeline-process-main-div .logo-light-orange-text {
    color: #fc9549
}

.light-peach-bg {
    background: #fff2f4
}

.yellow-advantage-box:hover {
    color: #fff
}

.logo-design-ser-sec .wd-ser-main-div {
    background: #f6fbff!important
}

.choose-logo-design-company-sec .light-peach-bg {
    background: #fff2f4;
    border-radius: 0
}

.choose-logo-design-company-sec h4 {
    font-size: 18px;
    margin-bottom: 15px
}

.choose-logo-design-company-sec .wd-ser-main-div {
    padding: 11px
}

.logo-methodologies-sec .border-left-desc {
    width: 100%;
    border-radius: 6px
}

.logo-process-sec {
    padding-top: 45px
}

.logo-process-sec .timeline-col:first-child .timeline-process-main-div .icon-div:before {
    background: #e50a29!important
}

.logo-process-sec .timeline-col:nth-child(3) .timeline-process-main-div .icon-div:before {
    background: #2085b7!important
}

.logo-process-sec .timeline-col:nth-child(4) .timeline-process-main-div .icon-div:before {
    background: #f85c48!important
}

.logo-process-sec .timeline-col:nth-child(5) .timeline-process-main-div .icon-div:before {
    background: #fc9549!important
}

.timeline-process-main-div .ux-blue-text,.ux-blue-text {
    color: #2085b7
}

.timeline-process-main-div .ux-red-text {
    color: #f85c48
}

.logo-process-sec .numbering {
    background: 0 0
}

@media screen and (max-width: 1200px) {
    .blog-content a.title-anchor h4 {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .logo-counter-div {
        margin-left:0;
        flex-wrap: wrap
    }

    .republic-banner-strip .logo-counter-div img {
        width: 77px
    }

    .logo-counter-div .img-div {
        width: 100%;
        text-align: center;
        padding: 0 0 9px
    }

    .republic-banner-strip .counter-div {
        padding-left: 0;
        width: 100%;
        text-align: center
    }

    .strip-contact-btn {
        margin: 7px auto;
        padding: 1px 9px;
        font-size: 11px
    }

    #clockdiv div>span {
        height: 34px;
        width: 34px;
        font-size: 15px
    }

    .news-page-sec .text-side {
        padding-left: 40px!important
    }

    .blog-content a.title-first-anchor h4 {
        font-size: 18px!important
    }
}

@media screen and (max-width: 480px) {
    .blog-right-div {
        display:block!important
    }

    .blog-right-div .img-div-eg img {
        max-width: 100%;
        height: auto
    }

    .news-page-sec .blog-div .img-divi {
        height: auto!important
    }

    .blog-right-div .text-side-eg {
        padding: 10px 16px 10px 14px
    }

    .news-page-sec .text-side {
        padding-left: 25px!important;
        padding-right: 10px
    }
}

.ux-orange-text {
    color: #eb8b00
}

.ux-red-text {
    color: #f24e1e
}

.ux-pink-text {
    color: #dc395f
}

.ux-violet-text {
    color: #470137
}

.ux-dark-blue-text {
    color: #023d5f
}

.ux-light-pink-text {
    color: #da4dcf
}

.uiux-methodologies-sec .white-bg,.ux-light-blue-bg {
    background: #ecf7ff
}

.ux-light-pink-bg {
    background: #ffecfb
}

.ux-dark-pink-bg {
    background: #dc395f
}

.why-choose-wp-ser-sec .border-left-yellow {
    border-left: 6px solid #fdd247!important
}

.why-choose-wp-ser-sec .border-left-orange {
    border-left: 6px solid #f99348!important
}

.why-choose-wp-ser-sec .border-left-red {
    border-left: 6px solid #c10524!important
}

.why-choose-wp-ser-sec .border-left-skyblue {
    border-left: 6px solid #2085b7!important
}

.why-choose-wp-ser-sec .border-left-pink {
    border-left: 6px solid #dc395f!important
}

.uiux-important-element-sec {
    padding: 65px 0
}

.uiux-important-element-sec .advantage-main-div {
    padding: 35px 13px;
    background: #ecf7ff
}

.uiux-important-element-sec .advantage-main-div .title {
    margin-bottom: 21px;
    min-height: 65px;
    font-size: 24px;
    font-weight: 600
}

.uiux-design-ser-sec .wd-ser-main-div {
    background: #dc395f;
    border-radius: 0;
    color: #fff
}

.blue-advantage-box:hover {
    background: #5191cd!important
}

.green-advantage-box:hover {
    background: #73c44e!important
}

.features-uiux-dev-sec .icon-ser-main-div {
    justify-content: initial
}

.features-uiux-dev-sec .icon-ser-main-div .icon-div {
    margin-right: 20px;
    background: #470137
}

.uiux-methodologies-sec .border-left-desc {
    border-radius: 6px
}

.uiux-design-process-sec {
    background: #ecf7ff;
    padding: 52px 0
}

.uiux-design-process-sec .process-main-div {
    margin-bottom: 35px;
    text-align: left
}

.uiux-design-process-sec .bullet-listing li {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
    padding-left: 17px
}

.uiux-design-process-sec .bullet-listing li:before {
    content: "";
    position: absolute;
    left: 0;
    width: 8px;
    height: 8px;
    background: #001e36;
    border-radius: 50%;
    top: 5px
}

.uiux-design-process-sec .numbering h5 {
    font-size: 100px;
    font-weight: 800;
    color: #c2e4ff;
    margin-bottom: 6px
}

@media screen and (max-width: 380px) {
    .portfolio-p-sec .Portfolio .work-logo-div {
        display:block!important
    }
}

.bg-lred {
    background: #ff2d20
}

.bg-dgrey {
    background: #eaebe8
}

.bg-lpink {
    background: #feeff3
}

.bg-lsky {
    background: #d4ebfb
}

.bg-grey {
    background: #d5dbdf
}

.graphic-blue-text {
    color: #252f8b!important
}

.graphic-pink-text {
    color: #f32c7f!important
}

.graphic-yellow-text {
    color: #ffca00!important
}

.graphic-green-text {
    color: #006310!important
}

.graphic-sky-text {
    color: #42bcd3!important
}

.graphic-pink-bg {
    background: #f32c7f
}

.explore-other-design-sec {
    background: #fce1e8;
    padding: 40px 0 166px
}

.explore-other-design-sec .ser-content {
    padding: 14px 10px;
    padding-bottom: 38px!important
}

.explore-other-design-sec h4 {
    padding-left: 11px;
    font-size: 17px;
    color: #001d4a
}

.explore-other-design-sec .wd-ser-main-div {
    position: relative;
    background: #feeff3;
    padding-bottom: 0!important
}

.explore-other-design-sec .link {
    color: #001d4a;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
    left: 12px
}

.graphic-goal-sec {
    background: url(../images/graphic/yellow-graphic-bg.png);
    padding: 60px 0
}

.graphic-business-required-sec,.p-70 {
    padding: 70px 0
}

.choose-graphic-desgin-sec {
    padding: 40px 0 70px;
    background: linear-gradient(to bottom,#f32c7f 0,#f32c7f 70%,#f32c7f 70%,#fff 70%)
}

.custom-graphic-design-sec {
    background: url(../images/graphic/custom-graphic-blue-bg.png);
    padding: 60px 0 30px;
    border-radius: 10px!important
}

.custom-graphic-design-sec .wd-ser-main-div {
    background: #fff;
    padding: 28px 12px 15px;
    margin-bottom: 30px;
    height: auto!important
}

.custom-graphic-design-sec h4 {
    margin-top: 21px;
    color: #0d2954
}

.custom-graphic-design-sec .wd-ser-main-div p {
    color: #0d2954
}

.custom-graphic-design-sec img {
    width: 80px
}

.sem-light-blue-text {
    color: #4285f4
}

.sem-dark-green-text {
    color: #008272
}

.sem-purple-text {
    color: #5f01d1
}

.sem-red-text {
    color: #fd0002
}

.sem-light-green-bg {
    background: #ecfffd
}

.sem-light-red-bg {
    background: #ffecec
}

.hover-text {
    color: #ffd165!important;
    cursor: pointer
}

.hover-text:hover {
    color: inherit!important
}

.box-shadow {
    box-shadow: 0 3px 6px #00000012
}

.sem-types-row .types-col {
    box-shadow: 0 3px 6px #00000029;
    width: 194px;
    padding: 25px 15px;
    text-align: center;
    border-radius: 0;
    margin: 9px 13px
}

.sem-types-row .types-col .img-div {
    margin-bottom: 11px
}

.sem-types-row .types-col .img-div img {
    height: 54px;
    object-fit: contain;
    width: 55px
}

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

.bing-ads-sec .sem-types-row .types-col {
    margin: 10px 22px
}

.bing-ads-sec .sem-types-row {
    justify-content: space-evenly
}

.yahoo-plateform-sec .types-col {
    width: 166px;
    margin: 6px 9px
}

.youtube-plateform-sec .types-col {
    padding: 10px 8px
}

.sem-agency-sec .advantage-main-div.bg-blue {
    padding: 35px 18px!important
}

.why-choose-sem-sec .border-left-desc {
    border-left: 6px solid #001d4a!important;
    border-radius: 7px;
    margin-bottom: 22px
}

.brochure-pink-text {
    color: #c5014c
}

.banner-design-purpose-sec,.brochure-goal-sec,.brochure-light-blue-bg {
    background: #ecf6ff
}

.brochure-design-process-sec .process-main-div {
    background: #143345;
    padding: 4px 14px;
    color: #fff;
    margin-top: 15px;
    transition: .6s
}

.brochure-design-process-sec .numbering h5 {
    color: #c5014c;
    opacity: .44
}

.brochure-design-process-sec .wd-ser-content {
    margin-top: -10px;
    position: relative
}

.brochure-why-choose-sec .icon-ser-main-div .icon-div {
    margin-right: 20px;
    background: #143345
}

.website-maintenance-packages.bg-grey {
    background: #f6f6f6
}

.team-circle-testimonial,.website-maintenance-packages {
    padding: 100px 0
}

.website-maintenance-packages .outer-web-dev-pack {
    border: 4px solid #06204e;
    margin-bottom: 15px;
    border-radius: 0
}

.website-maintenance-packages .outer-web-dev-pack h4 {
    font-size: 28px;
    background: #06204e;
    padding: 15px 4px
}

.website-maintenance-packages .outer-web-dev-pack ul .text-center {
    background: #f6f6f6;
    padding: 11px 12px;
    font-weight: 500;
    margin-bottom: 13px
}

.website-maintenance-packages .price-txt {
    padding: 18px 0
}

.website-maintenance-packages img {
    padding-right: 7px
}

.website-maintenance-packages .pack-web-sec {
    padding-bottom: 130px
}

.website-maintenance-packages .contact-pack {
    display: inline-block;
    padding: 6px 21px
}

.website-maintenance-packages .btn-contact-pack {
    text-align: center;
    padding: 0 0 20px
}

.website-maintenance-packages-sec {
    padding: 60px 0 150px
}

.clr-grey:nth-child(2n),.website-maintenance-packages-sec .table-seo-inner tr:nth-child(odd) {
    background: #f1f1f1!important
}

.website-maintenance-packages-sec .orange-border {
    background: #fff;
    padding: 0;
    line-height: 0
}

.website-maintenance-packages-sec .table-seo-inner th:first-child {
    background: #fff;
    width: 40%;
    vertical-align: top;
    font-size: 30px
}

.website-maintenance-packages-sec .table-seo-inner th {
    font-size: 25px
}

.website-maintenance-packages-sec .table-seo-inner .table-bold {
    font-size: 26px;
    padding: 9px 0
}

.website-maintenance-packages-sec .contact-pack {
    padding: 9px 13px
}

.smo-why-choose-sec .advantage-main-div {
    padding: 30px 13px
}

.title.rani-pink-border::before {
    background: #c6008b!important
}

.rani-pink-advantage-box:hover {
    background: #c6008b;
    color: #fff
}

.smo-bullets-sec .list-points-row .list-points-col {
    margin-bottom: 0;
    background: 0 0;
    padding: 0
}

.smo-bullets-sec .list-points-row h5 {
    padding-left: 20px;
    font-size: 15px;
    margin-bottom: 15px;
    word-break: break-word
}

.smo-bullets-sec .list-points-row .list-points-col .title:before {
    content: " ";
    font: 14px/1 FontAwesome;
    background: url(../images/smo/right-tick.png) 0 0/contain;
    color: #e68c1b;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 3px
}

.smo-bullets-sec .list-points-row .list-points-col .title {
    padding-left: 18px;
    line-height: 18px
}

.smo-fb-plateform-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/fb-check.webp) 0 0/contain
}

.smo-insta-plateform-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/instagram-check.webp) 0 0/contain
}

.smo-twitter-plateform-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/twitter-check.webp) 0 0/contain
}

.smo-linkedin-plateform-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/linkedin-check.webp) 0 0/contain
}

.smo-pinterest-plateform-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/pinterest-check.webp) 0 0/contain
}

.social-media-technique-sec .list-points-row .list-points-col .title:before {
    background: url(../images/smo/technique-check.webp) 0 0/contain;
    transform: translateY(-50%);
    top: 50%
}

.social-media-technique-sec .list-points-col {
    min-height: 60px
}

.types-email-mark-provide-sec .wd-ser-main-div {
    border-radius: 7px
}

.email-marketing-strategy-sec .list-points-row .list-points-col .title:before {
    content: " ";
    font: 14px/1 FontAwesome;
    background: url(../images/blue-check-icon.png) 0 0/contain;
    color: #e68c1b;
    width: 20px;
    height: 20px
}

.email-marketing-strategy-sec .list-points-col {
    padding: 0;
    margin-bottom: 0
}

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

.methodology-ios-app-sec .border-left-desc {
    border-left: 6px solid #000!important
}

.android-purpose-sec .border-left-desc:hover,.methodology-ios-app-sec .border-left-desc:hover {
    border-left: 6px solid #feb300!important
}

.ios-choose-bullets-sec .list-points-row .list-points-col .title::before {
    background: url(../images/ios/black-check-icon.png) 0 0/contain no-repeat;
    width: 16px;
    height: 16px;
    top: 1px
}

.ios-choose-bullets-sec .title,section.contact-p-sec.da-pa-check-in .texted-in-to ul.texted-in-to-c li p:last-child {
    padding-left: 25px!important
}

.portfolio-p-sec .work-img-div {
    height: 525px;
    overflow: hidden;
    text-align: center
}

.banner-design-purpose-sec .icon-col {
    border: 3px solid #001d4a
}

.banner-design-purpose-sec .choosing-div:hover .icon-col {
    background: #fff;
    border: 3px solid #fff
}

.banner-design-offered-sec .bullet-listing li::before {
    background: url(../images/banner-design/bullet-arrow.webp) 0 0/contain no-repeat;
    z-index: 99;
    width: 15px;
    height: 15px;
    top: 2px
}

.banner-design-offered-sec .bullet-listing li {
    margin-bottom: 16px;
    padding-left: 22px
}

.choose-banner-design-sec .advantage-main-div .title::before {
    background: #011e4b;
    left: 0;
    transform: initial
}

.banner-features-design-sec .icon-ser-main-div .numbering {
    background: #fff;
    box-shadow: 0 3px 6px #00000012;
    color: #001d4a;
    font-size: 35px;
    font-weight: 700;
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 18px!important
}

.banner-process-sec .main-timeline .title {
    color: #001d4a;
    font-size: 18px;
    font-weight: 600
}

.banner-process-sec .main-timeline .timeline::before {
    background-color: #fff;
    border: 6px solid #001d4a;
    height: 33px;
    width: 33px;
    left: -17px
}

.banner-process-sec .main-timeline .timeline {
    padding-bottom: 30px;
    padding-left: 25px
}

.banner-process-sec .timeline-content {
    top: -4px;
    position: relative
}

.SMO-package-sec,.seo_package_section {
    margin-bottom: 122px!important
}

.pb-60 {
    padding-bottom: 60px
}

.twitter-skyblue-text {
    color: #3cf
}

.pinterest-red-text {
    color: #ca2026
}

.smm-steps-sec .timeline {
    margin-bottom: 34px
}

.smm-steps-sec .main-timeline .black-text {
    color: #1e1e1e;
    font-size: 17px
}

.smm-steps-sec .main-timeline .timeline:before {
    content: '';
    background-color: #08234f;
    height: 18px;
    width: 18px;
    transform: translateY(-50%);
    position: absolute;
    left: -10px;
    top: 8px;
    border-radius: 50%;
    border: 4px double #fff
}

.android-green-text {
    color: #3ddc84
}

.global-rating h3,.numbers {
    font-weight: 700;
    color: #c1c1c1
}

.android-green-bg {
    background: #3ddc84
}

.android-light-green-bg {
    background: #e6f8ed!important
}

.android-purpose-sec .border-left-desc {
    border-left: 6px solid #3ddc84!important
}

.android-app-dev-sec .advantage-main-div {
    padding: 32px 13px 15px
}

.android-we-offer-sec .advantage-main-div:hover {
    background: #3ddc84;
    color: #fff
}

.android-app-process-sec .icon-div,.android-we-offer-sec .title.green-border::before {
    background: #3ddc84!important
}

.android-app-process-sec .icon-ser-main-div:hover .icon-div {
    background: #feb300!important
}

.android-app-process-sec .icon-div {
    font-size: 35px;
    font-weight: 600;
    background: #fff;
    color: #fff
}

.website-maintenance-include-sec .types-col {
    width: 250px
}

.web-maintenance-support-sec .advantage-main-div {
    background: #dff8ff;
    padding: 35px 13px
}

.web-maintenance-support-sec .blue-advantage-box:hover {
    background: #011e4b
}

.about-global-heading {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.global-rating h3 {
    font-size: 50px
}

.global-rating span {
    color: #001d4a;
    font-size: 15px;
    font-weight: 500
}

.blog-related .date,a.back-link {
    color: #ffd165;
    font-weight: 600
}

.task-gallery {
    padding: 80px 0
}

.task-gallery img {
    width: 180px;
    height: auto
}

.max-390 {
    max-width: 390px;
    width: 100%
}

.my-90 {
    margin: 90px auto
}

.partnership-mod {
    background: #001d4a;
    padding: 55px 0
}

.agency-videos-sec,.agency-who-we-are,.get-free-digital-proposal-sec {
    background: #f9f9f9
}

.partnership-mod .right-sec:after {
    position: absolute;
    content: '';
    background-image: url(/public/frontend/images/about-us-new-img/Border-line.svg);
    background-repeat: no-repeat;
    top: 13px;
    left: -130px;
    height: 100%;
    width: 100%;
    background-size: 21%
}

.partnership-mod .p-main-heading {
    font-size: 40px
}

.wrapper .orange-text {
    font-size: 20px;
    margin-bottom: 8px
}

.fadeIn-Up {
    opacity: 0;
    -webkit-animation-name: fadeIn-Up;
    animation-name: fadeIn-Up
}

@keyframes fadeIn-Up {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
    top: -40px!important
}

.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
    bottom: -40px!important
}

.splide__slide {
    justify-content: center;
    align-items: center;
    display: flex
}

button.splide__arrow {
    transition: .2s
}

.our-work-img {
    text-align: center;
    display: block;
    position: absolute;
    width: 100%
}

.our-work-img img {
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    height: 380px;
    width: auto;
    transform: rotate(1deg)
}

@media (min-width: 768px) and (max-width:1023px) {
    .section-team blockquote {
        letter-spacing:-1px;
        padding-right: 20px;
        line-height: 24px;
        font-weight: 700
    }
}

.teamMembers {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 408px
}

.teamMembers .cirecleIconsBox {
    position: absolute;
    left: 0
}

.teamMembers .cirecleIconsBox .cirecleIcons {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 640px;
    left: auto
}

.teamMembers li.active a {
    border: 4px solid #ffd165
}

.teamMembers li a {
    border: 4px solid transparent
}

.teamMembers li a.zoom {
    display: block;
    overflow: hidden;
    border-radius: 9999px
}

.teamMembers li a.zoom img {
    display: block;
    border-radius: 9999px;
    transition: transform .3s
}

.teamMembers li a.active img {
    border-radius: 9999px;
    border-width: 4px;
    --border-opacity: 1;
    border-color: #ffd165
}

@media (min-width: 768px) {
    .teamMembers {
        max-width:716px
    }
}

@media (min-width: 1024px) {
    .teamMembers li:hover a {
        border:4px solid #ffd165
    }

    .teamMembers li a.zoom img:hover {
        transform: scale(1.1)
    }

    .teamMembers {
        max-width: 619px;
        margin: 0
    }
}

.teamMembers svg {
    height: auto;
    width: 100%
}

.teamMembers img {
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.teamMembers ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 16.155%;
    height: 16.155%
}

.teamMembers ul li:first-child {
    left: 42.33%;
    top: -16px;
    width: 20%
}

.teamMembers ul li:nth-child(2) {
    left: 5.816%;
    top: 21.486%
}

.teamMembers ul li:nth-child(3) {
    left: 23.748%;
    top: 13.89%;
    width: 22.879%;
    height: 24.879%
}

.teamMembers ul li:nth-child(4) {
    left: 51.858%;
    top: 16.247%;
    width: 22.879%;
    height: 24.879%
}

.teamMembers ul li:nth-child(5) {
    left: 75.837%;
    top: 12.163%;
    width: 23%
}

.teamMembers ul li:nth-child(6) {
    top: 42.97%
}

.teamMembers ul li:nth-child(7) {
    width: 17.61%;
    height: 17.61%;
    left: 17.286%;
    top: 41.195%
}

.teamMembers ul li:nth-child(8) {
    width: 27.778%;
    height: 27.778%;
    left: 36.449%;
    top: 35.611%
}

.teamMembers ul li:nth-child(9) {
    width: 24.879%;
    height: 24.879%;
    left: 68.98%;
    top: 36.83%
}

.teamMembers ul li:nth-child(10) {
    left: 8.362%;
    top: 60.65%;
    width: 21%
}

.teamMembers ul li:nth-child(11) {
    width: 22.879%;
    height: 24.879%;
    left: 26.778%;
    top: 72.228%
}

.teamMembers ul li:nth-child(12) {
    width: 23.61%;
    height: 17.61%;
    left: 50.02%;
    top: 60.9%
}

.teamMembers ul li:nth-child(13) {
    left: 75.675%;
    top: 63.166%;
    width: 15%
}

.teamMembers ul li:nth-child(14) {
    left: 41.68%;
    top: 84.49%
}

.teamMembers ul li:nth-child(15) {
    left: 62.84%;
    top: 78.68%
}

@media screen and (max-width: 767px) {
    .global-rating *,.task-gallery {
        text-align:center
    }

    .text-side {
        padding-left: 0!important
    }

    .task-gallery,.team-circle-testimonial {
        padding: 50px 0
    }

    .partnership-mod .p-main-heading br,.partnership-mod .right-sec:after,.wrapper .orange-text br {
        display: none
    }

    .my-90 {
        margin: 30px auto
    }

    .wrapper .orange-text {
        font-size: 18px
    }

    .partnership-mod .right-sec {
        margin-top: 15px
    }

    .team-circle-testimonial .col-md-6:last-child {
        margin-top: 30px
    }

    .our-work-img img,.our-work-wrapper {
        height: 200px!important
    }

    .global-rating h3 {
        font-size: 40px
    }

    .work-infograph-sec.our-work-sec {
        background-image: none
    }

    button.splide__arrow svg {
        height: 12px
    }

    button.splide__arrow[disabled] {
        opacity: 1
    }

    .splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
        bottom: 10px!important;
        left: 55%!important
    }

    .splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
        bottom: 10px!important;
        top: auto!important;
        left: 45%
    }

    .task-gallery .mt-5 {
        margin-top: 0!important
    }

    .task-gallery .col-md-2 {
        margin: 10px 0
    }
}

.new-york-agency-form-sec .card-main-ttl {
    font-size: 24px;
    font-weight: 500;
    padding: .75rem 1.25rem 0
}

.new-york-agency-form-sec .card-yellow {
    border: 0!important;
    padding-bottom: 0
}

.new-york-agency-form-sec .card-blue .form-control,.new-york-agency-form-sec .card-blue .input-group-text,.new-york-agency-form-sec .card-blue select.form-control {
    background: #f5f5f5!important;
    border: 0!important;
    height: 38px!important;
    font-style: italic!important;
    padding: 0 11px!important;
    border-radius: 5px!important
}

.agency-who-we-are .video-col video {
    width: 100%;
    border-radius: 0
}

.agency-who-we-are {
    padding: 70px 0
}

.stuf-text,.stuf-text1 {
    background: #ffd16533
}

.agency-videos-sec img.play-btn {
    width: 13%
}

.about-digital-marketing-sec {
    padding: 52px 0
}

.about-digital-marketing-sec .play-btn.play-pause-btn {
    width: 10%
}

.numbers {
    font-size: 57px
}

.stuf-text .outer-p-list-blog p {
    flex: 0 0 50%;
    text-align: center!important
}

.why-choose-dm-agency .wd-ser-main-div {
    background: #fff;
    border: 1px solid #ffd16533
}

.get-free-digital-proposal-sec .custom-control-label::after {
    border: 1px solid #0b2650;
    border-radius: 3px;
    background-color: #f9f9f9
}

.get-free-digital-proposal-sec .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-color: #0b2650
}

.dm-expertise-sec .wd-ser-main-div {
    box-shadow: 0 0 18px #00000012;
    background: #fff;
    padding-bottom: 10px!important;
    border: 1px solid #99a5cb5c;
    border-radius: 0
}

.follow-nofollow,.stuf-text,.stuf-text1,section.text-img {
    border-radius: 15px
}

.dm-expertise-sec .border-right {
    border-right: 2px solid #bcc8db!important
}

.dm-expertise-sec .border-bottom {
    border-bottom: 2px solid #bcc8db!important
}

.stuf-text {
    background: #f5f5f5;
    padding: 20px;
    margin-top: 20px
}

.stuf-text1 {
    padding: 20px;
    margin-top: 30px
}

section.text-img h2 {
    text-align: center;
    padding: 30px 0 15px
}

section.text-img {
    padding: 0 0 30px;
    margin: 30px 0 0
}

section.avoid-sec h2 {
    font-size: 26px;
    text-align: center;
    padding: 10px 0 20px;
    font-weight: 500
}

.follow-nofollow {
    background-color: #06204e;
    padding: 20px
}

.follow-nofollow h5 {
    color: #fff;
    padding: 0 0 15px
}

.state-btn {
    margin: 15px 0
}

.state-btn a {
    width: 100%;
    height: 90px;
    background: #f2faff;
    border-radius: 0;
    color: #08234f;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    border: 2px solid transparent;
    transition: .4s ease-in-out
}

.state-btn a:hover {
    border: 2px solid #f2faff;
    background: 0 0;
    color: #f2faff
}

.seo-state {
    margin-top: 50px
}

.blog-ttl1 h1 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
}

.blog-dynamiv-sec {
    background: #06204e;
    padding: 50px 0
}

.blog-new-dsgn .stuf-text1 p a {
    color: #06204e!important;
    font-size: 18px!important;
    font-weight: 500!important;
    text-decoration: underline!important;
    text-transform: capitalize!important
}

.blog-dynamiv-sec img {
    width: 72%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-top: 40px!important
}

.blog-image-first p.span-txt {
    padding-top: 30px!important
}

.main-head-blog {
    margin-top: 0!important;
    padding: 0 0 30px!important
}

.main-div-blog {
    background: #06204e!important;
    color: #fff!important;
    padding: 105px 0 65px!important
}

.blog-detail-sec .span-txt {
    font-size: 18px;
    text-align: left
}

.stuf-text1 ul {
    font-size: 30px!important;
    line-height: 30px!important
}

.stuf-text1 li {
    font-size: 18px;
    text-align: justify;
    font-weight: 300;
    color: #212529
}

.stuf-text1 ul li {
    list-style: disc!important;
    padding-bottom: 10px
}

.or-list div:first-child,.or-list1 div:first-child {
    width: 25px;
    flex: 0 0 25px
}

.blog-details-desc h6 {
    font-size: 18px;
    margin-bottom: 5px
}

img.img-logos-blog {
    max-width: 340px;
    margin: 0 auto;
    display: block
}

.follow-nofollow ul li:before {
    content: '';
    background: url(./images/locations/check-circle.png);
    position: absolute;
    top: 0;
    left: 0
}

.stuf-text h5,.stuf-text1 h5 {
    font-size: 22px;
    font-weight: 500
}

.stuf-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: initial!important
}

.head-row h2,.live-btn a,.related {
    font-family: Montserrat;
    font-style: normal;
    line-height: normal
}

section.follow-nofollow.mt-4 h5,section.text-img h2 {
    font-size: 30px;
    font-weight: 500
}

section.text-img p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

.blog-detials-outer p {
    font-size: 18px;
    text-align: justify;
    font-weight: 500
}

.stuf-text h2,.stuf-text1 h2 {
    font-size: 30px!important;
    font-weight: 500!important;
    text-align: left;
    margin-bottom: 15px
}

.h2-22 .stuf-text h2,.h2-22 .stuf-text1 h2 {
    font-size: 22px!important
}

.follow-nofollow ul {
    padding-left: 15px
}

.or-list img,.or-list1 img {
    width: 20px;
    height: 20px;
    margin-left: -5px
}

.swal-button {
    background-color: #ffd165!important
}

.swal-button:hover {
    background-color: #001d4a!important
}

.site-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: .7;
    background-color: #fff;
    z-index: 99;
    align-items: center;
    justify-content: center
}

.site-loader .loader {
    position: initial;
    top: 50%;
    left: 240px;
    z-index: 100;
    max-width: 100px
}

#new-seo .desc,.about-content-div p,.ser-content p {
    margin-top: 10px;
    text-align: left
}

.location-faq h3 span {
    color: #08234f;
    font-weight: 700
}

.Australia {
    background: url(/public/frontend/images/twemoji_flag-australia.svg) center/cover
}

.Canada {
    background: url(/public/frontend/images/twemoji_flag-canada.svg) center/cover
}

.Kingdom {
    background: url(/public/frontend/images/twemoji_flag-united-kingdom.svg) center/cover
}

.States {
    background: url(/public/frontend/images/twemoji_flag-united-states.svg) center/cover
}

.svg-ico {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.fixed--header .logo-side,.header-main:hover .logo-side {
    border-color: #99a5cb59
}

.icon-menu {
    background: #fff!important;
    border-radius: 0 0 10px 10px;
    overflow: hidden
}

.navbar,section.contact-p-sec.robots-sec.redirect.meta-title,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.incloud {
    padding-bottom: 0!important
}

.inner-page .header-inner-site {
    border-color: #99a5cb59!important
}

.child-data-package td:first-child:before {
    content: '';
    min-width: 6px;
    max-width: 6px;
    height: 6px;
    display: flex;
    background: #212121;
    border-radius: 50%
}

.child-data-package td:first-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding-left: 40px;
    font-size: 15px
}

.related {
    color: #06204e;
    font-size: 22px;
    font-weight: 700;
    border-left: 4px solid #ffb427;
    padding-left: 10px;
    margin-bottom: 54px
}

.head-row,.item-box {
    margin-bottom: 15px
}

.blog-related {
    margin-top: 106px
}

.blog-related .date {
    font-size: 14px;
    top: -38px;
    left: 12px;
    position: relative;
    background: #001d4a;
    display: inline-block;
    padding: 3px 15px
}

.blog-content a {
    color: #ffb427!important
}

.blog-related p {
    color: #212529
}

.date,.date_time {
    color: #ffb427;
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px
}

.gap-2 {
    gap: 21px
}

.slick-slider {
    display: flex!important;
    gap: 10px;
    align-items: center
}

.slick-arrow {
    background: 0 0;
    border: 0;
    font-size: 21px
}

.slick-track {
    display: flex!important;
    gap: 16px
}

.slick-slide {
    border-radius: 25px;
    border: 1px solid #06204e;
    padding: 10px 17px
}

.slick-slide:has(.active) {
    background: #06204e;
    color: #fff
}

.serch-blog {
    border: 0;
    border-bottom: 2px solid #535556;
    border-radius: 0;
    outline: 0;
    box-shadow: none
}

.submit-btn {
    padding: 7px 16px;
    border-radius: 0;
    border: 0;
    background: #06204e;
    color: #fff;
    margin-left: -2px
}

.our-section-new .main-btn {
    background: #001d4a;
    border: 2px solid #001d4a;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    transition: .6s;
    display: block;
    width: fit-content;
    margin: 25px auto 10px
}

.right-icons ul li img {
    width: 60%
}

.our-section-new {
    padding-bottom: 50px
}

.our-section-new .heading-div {
    margin-bottom: 30px;
    margin-top: 50px
}

.box-scrolling {
    height: 400px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: 0
}

.live-btn {
    position: absolute;
    top: 25px;
    right: 45px;
    z-index: 99
}

.live-btn a {
    width: 53px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    background: #fff;
    color: #dc0000;
    font-size: 12px;
    font-weight: 500;
    position: relative
}

.box-scrolling::-webkit-scrollbar {
    display: none
}

.box-scrolling img {
    width: 100%;
    border-radius: 10px!important
}

.box-scrolling .inner-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 40%;
    top: 0;
    left: 0
}

.head-row h2 {
    display: inline-block;
    color: #06204e;
    font-size: 23px;
    font-weight: 700
}

.head-row {
    display: flex
}

.head-row ul.cat-here {
    display: flex;
    align-items: center;
    margin-left: 20px;
    position: absolute;
    left: 0;
    top: -50px
}

.foot-row a.readmore,.head-row ul.cat-here li span {
    display: block;
    border-radius: 0;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: Montserrat
}

.box-content {
    background: #e5e8ed;
    padding: 25px;
    border-radius: 0;
    position: relative
}

.head-row ul.cat-here li span {
    color: #06204e;
    font-size: 10px;
    padding: 9px 12px;
    background: #eff3fa;
    margin-right: 10px
}

.box-content p {
    color: #06204e;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.item-box h3 {
    color: #06204e;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px
}

.item-box ul {
    border-radius: 0;
    background: #fff;
    padding: 10px 10px 10px 30px
}

.item-box ul li {
    color: #626262;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    list-style: disc
}

.foot-row .inner-foot {
    width: fit-content
}

.foot-row {
    display: flex;
    justify-content: space-between
}

.foot-row a.readmore:hover {
    color: #001d4a;
    background: #fff;
    transition: .5s
}

.foot-row a.readmore {
    padding: 7px 20px;
    background: #001d4a;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 2px solid #001d4a
}

.foot-row a.readmore i.fa {
    margin-left: 5px
}

.right-icons ul li {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff3fa;
    margin-left: 10px;
    border-radius: 0
}

.box-bg {
    background: #e5e8ed;
    border-radius: 0
}

@media(min-width: 768px) and (max-width:991px) {
    .foot-row .right-icons li:first-child {
        margin-left:0
    }

    .foot-row .inner-foot {
        margin-bottom: 15px
    }

    .foot-row {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 570px) {
    .blog-page-sec .blog-div .blog-title {
        font-size:15px
    }

    section.blog-new-dsgn .news-detail-image img,section.news-in img {
        width: 100%!important
    }

    ..news-in-to .blog-ttl1 h1 {
        font-size: 24px!important
    }

    section.news-in .col-lg-12>div {
        padding-left: 0!important
    }

    section.news-in-to {
        padding: 50px 0 25px!important
    }
}

header#newhead nav.navbar .location-menu .list-group.nav-submenu.location_submenu .sub-menu-1 .inner-content {
    scrollbar-color: #cccccc rgb(255 255 255 / 0%);
    scrollbar-width: thin;
    width: 2px
}

@media(max-width: 575px) {
    .foot-row .right-icons li:first-child {
        margin-left:0
    }

    .foot-row .inner-foot {
        margin-bottom: 15px
    }

    .foot-row {
        flex-wrap: wrap
    }

    .box-content {
        padding: 25px 15px
    }
}

.blue-bg-ttl {
    border-radius: 0!important;
    padding: 10px 15px!important
}

small.short-desc {
    width: 72%!important;
    display: flex;
    align-items: center;
    justify-content: flex-start!important;
    margin: auto;
    margin-top: -65px!important
}

.Joomla-intro-sec {
    padding: 10px 0 50px!important
}

.Joomla-intro-sec h3.p-main-heading {
    font-family: Montserrat;
    font-size: 48px;
    font-weight: 700;
    color: #001d4a!important
}

.Joomla-choosing-app-sec p,.Joomla-intro-sec .content-col p,.Joomla-vs-wordpress-sec p,.why-choose-Joomla-sec .why-choose-col .content-div p {
    font-size: 18px!important;
    font-weight: 500!important;
    color: #001d4a!important
}

.Joomla-intro-sec .content-col p {
    font-family: Montserrat!important;
    line-height: 24px
}

.Joomla-vs-wordpress-sec {
    padding: 50px 0!important;
    background: #e5e8ed!important
}

section.Joomla-vs-wordpress-sec h3.p-main-heading.blue-heading {
    font-weight: 700!important;
    font-size: 32px!important
}

.Joomla-vs-wordpress-sec p {
    line-height: 180%!important
}

.Joomla-website-ser-sec,.why-choose-Joomla-sec,section.webflow-page {
    padding: 100px 0!important
}

.Joomla-website-ser-sec h3.p-main-heading {
    text-align: left!important;
    font-size: 32px;
    font-weight: 700!important;
    line-height: 110%!important;
    color: #001d4a!important
}

.Joomla-website-ser-sec .ser-main-div {
    background: #fff4d9!important;
    padding: 30px 40px!important;
    width: 375px!important
}

.Joomla-website-ser-sec h5.title {
    font-weight: 600;
    color: #001d4a!important;
    line-height: 130%!important
}

.Joomla-advantage-ser-sec {
    padding: 0!important;
    background: 0 0!important
}

.Joomla-advantage-ser-sec h3.p-main-heading {
    text-align: left!important;
    font-size: 32px!important;
    color: #001d4a!important;
    font-weight: 700!important;
    line-height: 130%!important
}

.Joomla-advantage-ser-sec .advantage-main-div {
    margin-top: 8px!important;
    padding: 30px!important;
    box-shadow: none!important;
    background: #e5e8ec!important
}

.Joomla-advantage-ser-sec .advantage-main-div .title:before,.why-choose-Joomla-sec .right-col:before {
    display: none!important
}

.Joomla-advantage-ser-sec .advantage-main-div .title {
    min-height: auto!important;
    margin-bottom: 0!important;
    padding-bottom: 16px!important;
    text-align: left!important;
    font-size: 20px!important;
    color: #001d4a!important;
    font-weight: 600;
    line-height: 130%!important
}

section.Joomla-advantage-ser-sec p {
    font-size: 18px!important;
    line-height: 160%!important;
    color: #001d4a!important
}

.why-choose-Joomla-sec .why-choose-col {
    border-left: none!important;
    margin-bottom: 8px!important;
    margin-top: 0!important;
    padding: 30px!important;
    background: rgba(254,227,160,.4)!important;
    box-shadow: none!important;
    min-height: auto!important;
    height: auto!important
}

.why-choose-Joomla-sec .row.inner-row .col-md-6:first-child {
    padding-left: 15px!important;
    padding-right: 4px!important
}

.why-choose-Joomla-sec .row.inner-row .col-md-6:last-child {
    padding-right: 15px!important;
    padding-left: 4px!important
}

.why-choose-Joomla-sec .why-choose-col .content-div .ttl {
    font-weight: 600;
    color: #001d4a!important;
    line-height: 130%!important;
    font-family: Montserrat!important;
    margin-bottom: 0!important;
    padding-bottom: 16px!important;
    font-size: 20px!important
}

.why-choose-Joomla-sec .why-choose-col .content-div p {
    line-height: 24px!important
}

.Joomla-choosing-app-sec {
    background: 0 0!important;
    padding: 0 0 130px!important
}

.Joomla-choosing-app-sec h3.p-main-heading {
    margin-bottom: 0!important;
    padding-bottom: 16px!important;
    font-weight: 700!important;
    color: #001d4a!important;
    line-height: 110%!important;
    font-size: 32px!important
}

.why-choose-wp-ser-sec .border-left-desc p {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.Joomla-choosing-app-sec p {
    margin-bottom: 0!important;
    padding-bottom: 40px!important;
    text-align: center;
    max-width: 80%;
    margin: auto
}

.Joomla-choosing-app-sec .right-col:before {
    content: "";
    position: absolute;
    left: -13px!important;
    height: 720px;
    background: #e5e8ed!important;
    width: 18px!important;
    top: -40px;
    border-radius: 25px
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main {
    margin-right: 0!important;
    padding-right: 0!important;
    padding-left: 0!important
}

.Joomla-choosing-app-sec .col-md-6.right-col.second-main {
    margin-right: 0!important;
    padding-left: 5px!important
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div {
    display: flex!important;
    align-items: baseline!important;
    justify-content: flex-end;
    background: #e5e8ed!important;
    padding: 15px 55px 15px 30px!important;
    border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;
    gap: 24px!important
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div h4.ttl,.Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div h4.ttl {
    color: #001d4a!important;
    font-size: 17px!important;
    font-weight: 600!important;
    line-height: 140%!important;
    padding-top: 0!important
}

.Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div {
    display: flex!important;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse!important;
    background: #e5e8ed!important;
    padding: 15px 30px 15px 55px!important;
    border-bottom-left-radius: 70px;
    border-top-right-radius: 70px;
    gap: 24px
}

.Joomla-choosing-app-sec .choosing-div {
    margin-top: 80px!important
}

section.Joomla-choosing-app-sec .row,section.robots-sec form#contact-form .form-group .checkboxes,section.robots-sec form#contact-form label.din-to {
    padding-top: 40px!important
}

.why-choose-Joomla-sec h3.p-main-heading {
    text-align: left!important;
    font-weight: 700!important;
    font-size: 32px!important;
    line-height: 110%!important
}

.Joomla-choosing-app-sec .choosing-div .icon-col img {
    height: 50px!important
}

.hire-Joomla-intro-sec a.main-btn::after,section.hire-why-choose-Joomla-sec a.main-btn::after,section.robots-sec form#contact-form a.btn-min::before {
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.364 12.7071C20.5515 12.5196 20.6568 12.2653 20.6568 12.0001C20.6568 11.7349 20.5515 11.4806 20.364 11.2931L14.707 5.6361C14.6148 5.54059 14.5044 5.46441 14.3824 5.412C14.2604 5.35959 14.1292 5.332 13.9964 5.33085C13.8636 5.32969 13.732 5.355 13.6091 5.40528C13.4862 5.45556 13.3745 5.52981 13.2806 5.6237C13.1867 5.7176 13.1125 5.82925 13.0622 5.95214C13.0119 6.07504 12.9866 6.20672 12.9878 6.3395C12.9889 6.47228 13.0165 6.6035 13.0689 6.7255C13.1213 6.84751 13.1975 6.95785 13.293 7.0501L17.243 11.0001H4.00001C3.7348 11.0001 3.48044 11.1055 3.29291 11.293C3.10537 11.4805 3.00001 11.7349 3.00001 12.0001C3.00001 12.2653 3.10537 12.5197 3.29291 12.7072C3.48044 12.8947 3.7348 13.0001 4.00001 13.0001H17.243L13.293 16.9501C13.1109 17.1387 13.0101 17.3913 13.0123 17.6535C13.0146 17.9157 13.1198 18.1665 13.3052 18.3519C13.4906 18.5373 13.7414 18.6425 14.0036 18.6448C14.2658 18.6471 14.5184 18.5463 14.707 18.3641L20.364 12.7071Z' fill='white'/%3E%3C/svg%3E") center center/contain no-repeat;
    display: inline-block;
    content: ""
}

.Joomla-choosing-app-sec .choosing-div .icon-col {
    width: 50px!important;
    height: 50px!important;
    border: none!important;
    line-height: 50px!important
}

.choosing-div:hover .icon-col {
    background: 0 0!important;
    transform: none!important
}

.Joomla-vs-wordpress-sec a.orange-text {
    color: #001d4a!important;
    font-weight: 600;
    text-decoration: underline
}

.why-choose-Joomla-sec a.orange-text,section.Joomla-advantage-ser-sec p a.orange-text {
    font-weight: 500;
    text-decoration: underline;
    color: #001d4a!important
}

section.Joomla-advantage-ser-sec p a.orange-text {
    padding-left: 4px!important
}

#new-seo .card-blue .chosen-search-input.default {
    width: 95%!important
}

section.hire-Joomla-intro-sec {
    padding: 121px 0!important;
    box-shadow: 0 0 25px 0 rgba(30,30,30,.08)!important;
    box-shadow: none!important
}

section.hire-Joomla-choosing-app-sec,section.hire-Joomla-choosing-app-sec-in,section.hire-Joomla-vs-wordpress-sec {
    padding: 80px 0!important
}

section.hire-Joomla-choosing-app-sec .choosing-div {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 0!important
}

section.hire-Joomla-choosing-app-sec .choosing-div .ttl {
    color: #001d4a!important;
    text-align: left;
    padding-bottom: 16px!important;
    margin-top: 0;
    font-size: 20px!important;
    font-weight: 600!important
}

section.hire-Joomla-choosing-app-sec h3.p-main-heading {
    color: #001d4a!important;
    text-align: left;
    font-size: 32px;
    font-weight: 700!important;
    line-height: 130%!important;
    margin-bottom: 0!important;
    padding-bottom: 40px!important
}

section.hire-web-Joomla-website-ser-sec {
    background: #e5e8ed!important;
    padding-top: 40px!important;
    padding-bottom: 50px!important
}

section.hire-web-Joomla-website-ser-sec .ser-main-div {
    margin-top: 0!important;
    background: 0 0!important;
    border: 1px solid #001d4a!important;
    padding: 30px!important
}

section.hire-web-Joomla-website-ser-sec .row.hire-in .col-md-6 {
    padding: 0!important;
    display: flex;
    flex-wrap: wrap;
    width: 49%!important;
    max-width: 49%!important
}

section.hire-web-Joomla-website-ser-sec .row.hire-in {
    gap: 8px;
    justify-content: center
}

section.hire-web-Joomla-website-ser-sec .ser-main-div h5.title {
    font-weight: 600;
    color: #001d4a!important;
    line-height: 130%!important;
    font-size: 20px!important
}

section.hire-web-Joomla-website-ser-sec .ser-main-div p {
    color: #001d4a!important;
    font-size: 18px!important;
    font-weight: 500;
    line-height: 160%!important;
    margin: 0!important;
    padding-top: 16px;
    text-align: left!important
}

section.hire-Joomla-intro-sec h1.p-main-heading {
    font-size: 40px!important;
    font-weight: 700!important;
    line-height: 118%!important;
    color: #001d4a!important;
    margin-bottom: 0!important;
    padding-bottom: 24px!important
}

section.hire-Joomla-intro-sec h4.p-main-heading,section.hire-Joomla-intro-sec p {
    font-weight: 500!important;
    color: #001d4a!important;
    line-height: 150%!important;
    margin-bottom: 0!important
}

section.hire-Joomla-intro-sec h4.p-main-heading {
    font-size: 24px!important;
    padding-bottom: 16px!important
}

section.hire-Joomla-intro-sec p {
    padding-bottom: 0!important;
    font-size: 18px!important
}

section.hire-Joomla-intro-sec a.main-btn {
    position: absolute;
    margin-top: 40px;
    font-size: 18px;
    font-weight: 600;
    line-height: 118%!important;
    padding: 15px 30px!important;
    display: flex;
    align-items: center;
    gap: 10px!important;
    color: #fff!important
}

.hire-Joomla-intro-sec a.main-btn:hover::after,section.hire-why-choose-Joomla-sec a.main-btn:hover::after,section.robots-sec form#contact-form a.btn-min:hover::before {
    filter: invert(63%) sepia(127%) saturate(627%) hue-rotate(370deg) brightness(162%) contrast(103%)!important
}

section.hire-Joomla-vs-wordpress-sec .row:first-child h2.p-main-heading {
    font-size: 48px!important;
    font-weight: 700!important;
    line-height: 130%!important;
    color: #000!important;
    margin-bottom: 0!important;
    padding-bottom: 24px!important
}

section.hire-Joomla-vs-wordpress-sec .row:first-child .content-col p {
    font-size: 18px!important;
    line-height: 180%!important;
    text-align: center;
    max-width: 70%;
    margin: auto;
    color: #000!important;
    padding-bottom: 40px!important;
    font-weight: 500!important
}

section.hire-Joomla-vs-wordpress-sec .row:first-child .content-col p a.orange-text {
    font-weight: 700!important;
    color: #000!important
}

section.hire-Joomla-vs-wordpress-sec .row:last-child {
    align-items: center!important;
    justify-content: space-between!important
}

section.hire-Joomla-vs-wordpress-sec .row:last-child .col-md-5 {
    max-width: 45%!important
}

section.hire-Joomla-vs-wordpress-sec .row:last-child .col-md-7 {
    max-width: 55%!important
}

section.hire-Joomla-vs-wordpress-sec .row:last-child .content-col h3.p-main-heading {
    text-align: left;
    font-size: 24px!important;
    font-weight: 700!important;
    line-height: 130%!important;
    color: #001d4a!important
}

section.hire-Joomla-vs-wordpress-sec .row:last-child .content-col p {
    font-size: 18px!important;
    font-weight: 500!important;
    color: #001d4a!important;
    line-height: 150%!important;
    text-align: left!important
}

section.hire-Joomla-website-ser-sec {
    background: #e5e8ed!important;
    padding-top: 40px!important
}

section.hire-Joomla-website-ser-sec h3.p-main-heading {
    font-size: 32px!important;
    font-weight: 700;
    line-height: 130%!important;
    color: #001d4a!important;
    text-align: left
}

section.hire-Joomla-website-ser-sec p {
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 180%!important;
    max-width: 89%;
    margin-bottom: 0!important;
    text-align: left!important
}

section.hire-Joomla-choosing-app-sec-in {
    background: #06204e!important
}

section.hire-Joomla-choosing-app-sec .choosing-div .icon-col {
    width: 32px!important;
    height: 34px!important;
    line-height: 40px!important;
    border: none!important
}

section.hire-Joomla-choosing-app-sec .choosing-div .icon-col img {
    height: 34px!important;
    max-width: 32px!important
}

section.hire-Joomla-choosing-app-sec .choosing-div:hover .icon-col {
    background: 0 0!important;
    transform: none!important;
    border: none!important
}

section.hire-Joomla-choosing-app-sec .row {
    gap: 40px!important
}

section.hire-Joomla-choosing-app-sec .choosing-div p {
    color: #001d4a!important;
    font-size: 18px!important;
    font-weight: 500;
    line-height: 160%!important;
    text-align: left!important
}

section.hire-why-choose-Joomla-sec,section.webflow-page-in {
    background: #e5e8ed!important;
    padding: 60px 0!important
}

section.hire-why-choose-Joomla-sec h3.p-main-heading {
    font-size: 48px;
    font-weight: 700;
    line-height: 130%!important
}

section.hire-why-choose-Joomla-sec p {
    font-size: 17px!important;
    font-weight: 500;
    text-align: center;
    line-height: 180%!important;
    margin-bottom: 40px!important
}

section.hire-why-choose-Joomla-sec a.main-btn {
    margin: 0 auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 130%!important;
    padding: 17px 32px!important;
    display: flex;
    align-items: center;
    gap: 10px!important;
    justify-content: center;
    width: fit-content;
    color: #fff!important
}

section.hire-Joomla-choosing-app-sec-in h3.p-main-heading {
    color: #fff!important;
    font-size: 32px!important;
    font-weight: 700;
    line-height: 132%!important;
    margin-bottom: 0!important;
    text-align: left!important
}

section.hire-Joomla-choosing-app-sec-in .choosing-div {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px!important
}

section.hire-Joomla-choosing-app-sec-in .choosing-div .icon-col {
    margin: 0!important;
    border: none!important;
    width: 45px!important;
    height: 45px!important
}

section.hire-Joomla-choosing-app-sec-in h4.ttl {
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 130%!important;
    text-align: left!important
}

section.hire-Joomla-choosing-app-sec-in .row {
    justify-content: center
}

section.seo-free-tool {
    padding: 15px 0 60px!important;
    background: #fff!important;
    margin-top: 110px;
    margin-bottom: 10px!important
}

section.seo-free-tool .first-in .content-col .main-text-1 h1 {
    color: #ffd165!important;
    font-family: Montserrat!important;
    font-size: 36px!important;
    font-weight: 700!important;
    line-height: 105%!important;
    padding-bottom: 5px!important;
    border-bottom: 2px solid #ffd165;
    display: inline-block
}

section.seo-free-tool .first-in .content-col .main-text-1 p {
    color: #000!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 180%!important;
    text-align: left!important;
    margin-bottom: 0!important;
    margin-top: 15px
}

section.seo-free-tool .first-in .content-col {
    padding-bottom: 40px!important
}

section.seo-free-tool .second-in .content-col .text-1 {
    display: flex;
    align-items: baseline;
    background: #e5e8ec;
    margin-bottom: 16px;
    padding: 30px;
    gap: 15px;
    border-radius: 10px!important
}

section.seo-free-tool .second-in .content-col .text-1 .img-1 img {
    width: 32px!important;
    height: 32px!important;
    max-width: 32px!important
}

section.seo-free-tool .second-in .content-col .text-1 .content-1 h4 {
    font-weight: 600!important;
    font-size: 18px!important;
    line-height: 105%!important;
    color: #001d4a!important;
    font-family: Montserrat!important;
    padding-bottom: 16px!important
}

section.seo-free-tool .second-in .content-col .text-1 .content-1 p {
    font-size: 14px!important;
    font-weight: 500!important;
    text-align: left!important;
    line-height: 180%!important;
    color: #000!important;
    margin-bottom: 0!important
}

section.robots-sec form#contact-form a.btn-min {
    padding: 10px 20px;
    border-radius: 5px!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    background: #ffd165!important;
    color: #fff!important;
    display: flex;
    align-items: center;
    width: 106px;
    max-width: 106px!important;
    height: 44px!important
}

section.robots-sec form#contact-form a.btn-min::before {
    rotate: 180deg!important
}

section.robots-sec form#contact-form .controls {
    padding-top: 50px!important
}

section.robots-sec form#contact-form .controls h1 {
    color: #001d4a!important;
    font-size: 32px!important;
    font-weight: 700!important;
    line-height: 105%!important;
    padding-bottom: 24px!important
}

section.robots-sec form#contact-form .controls p,section.robots-sec form#contact-form label {
    font-size: 18px!important;
    color: #001d4a!important;
    margin-bottom: 0!important;
    text-align: left!important
}

section.robots-sec form#contact-form .controls p {
    font-weight: 500!important;
    line-height: 180%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .form-group,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint label.col-md-6,section.robots-sec form#contact-form .form-group {
    margin-bottom: 0!important
}

section.robots-sec form#contact-form label {
    font-weight: 600!important;
    line-height: 120%!important;
    padding-bottom: 16px!important
}

input,section.robots-sec form#contact-form .form-group select,textarea {
    border: 1px solid #e5e8ec!important;
    border-radius: 0!important;
    padding: 16px 30px!important;
    outline: 0!important;
    background-color: #e5e8ec!important;
    height: auto;
    color: #001d4a!important;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    font-family: Montserrat
}

section.robots-sec form#contact-form .form-group input::placeholder {
    color: #001d4a!important;
    font-size: 18px!important;
    line-height: 120%!important;
    font-weight: 500!important
}

section.robots-sec form#contact-form .form-group textarea::placeholder {
    color: red!important
}

section.robots-sec form#contact-form .form-group select {
    -webkit-appearance: none!important
}

section.robots-sec form#contact-form input.main-btn-too {
    margin-top: 24px!important;
    background: #ffd165!important;
    color: #fff!important;
    font-size: 18px!important;
    font-family: Montserrat;
    line-height: 120%!important;
    font-weight: 500!important;
    border: 1px solid #ffd165!important
}

section.robots-sec form#contact-form .form-group label.big {
    text-align: center!important;
    display: flex;
    align-items: center;
    justify-content: center!important;
    font-size: 24px!important;
    font-weight: 700!important;
    line-height: 120%!important;
    padding-bottom: 40px!important
}

section.robots-sec form#contact-form .controls p.din-in {
    font-weight: 500!important;
    color: #001d4a!important;
    font-size: 14px!important;
    line-height: 120%!important;
    padding-bottom: 24px!important
}

section.robots-sec form#contact-form .form-group textarea#form_message {
    margin-top: 16px!important
}

section.robots-sec form#contact-form .form-group span.hide {
    font-size: 18px!important;
    font-weight: 600;
    line-height: 120%!important;
    color: #001d4a!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in {
    padding-top: 40px!important;
    padding-bottom: 30px!important;
    padding-left: 0!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in-to {
    padding-top: 5px!important;
    padding-bottom: 15px!important;
    padding-left: 0!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in-to a.btn-in-too {
    background: #001d4a;
    padding: 15px 25px!important;
    color: #fff!important;
    border-radius: 0!important;
    font-size: 18px!important;
    font-weight: 500;
    line-height: 120%!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in button.btn-in-too {
    background: #001d4a;
    padding: 15px 25px!important;
    color: #fff!important;
    border-radius: 0!important;
    font-size: 18px!important;
    font-weight: 500;
    line-height: 120%!important;
    border: 1px solid #001d4a
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in button.btn-in-too:first-child {
    margin-right: 17px!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in-to button.btn-in-too:first-child {
    margin-right: 11px!important
}

.download-btn a:hover,section.robots-sec form#contact-form a.btn-min:hover,section.robots-sec form#contact-form input.main-btn-too:hover {
    border: 1px solid #ffd165;
    color: #ffd165!important;
    background: #fff!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in button.btn-in-too:hover {
    border: 1px solid #001d4a;
    background: #fff!important;
    color: #001d4a!important
}

section.robots-sec form#contact-form .form-group.in input#form_name {
    max-width: 90%!important
}

section.robots-sec form#contact-form .form-group .in-icon-to i.fa-solid.fa-minus::before,section.robots-sec form#contact-form .form-group .in-icon-to i.fa-solid.fa-plus::before {
    font-family: FontAwesome!important
}

section.robots-sec form#contact-form .form-group.in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px
}

section.robots-sec form#contact-form .form-group.in .in-icon-to {
    display: flex;
    gap: 40px!important
}

section.robots-sec form#contact-form .controls .custom-control.map-in input[type=text] {
    width: 100%!important;
    max-width: 100%!important
}

section.robots-sec form#contact-form .controls .custom-control.min-inn::after {
    content: "\f078";
    font-family: FontAwesome;
    float: right;
    right: 30px;
    position: relative;
    top: -35px;
    font-size: 15px;
    font-weight: 200;
    display: none
}

section.robots-sec form#contact-form .controls .custom-control.min-inn select.form-control {
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>') 96%;
    background-repeat: no-repeat!important;
    -webkit-appearance: none!important
}

section.robots-sec form#contact-form .form-group.restrict input.form-control.required-field {
    width: 95%;
    max-width: 95%!important
}

section.robots-sec form#contact-form .form-group.restrict {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 20px!important
}

section.robots-sec form#contact-form .form-group.restrict .in-icon-to i.fa-solid.fa-minus,section.robots-sec form#contact-form .form-group.restrict .in-icon-to i.fa-solid.fa-plus {
    width: 15px!important
}

section.robots-sec form#contact-form input.main-btn-too.to-in {
    width: 100%!important;
    max-width: 100%!important;
    cursor: pointer!important;
    margin-top: 0!important
}

section.robots-sec form#contact-form .controls .custom-control.sin-in input::placeholder {
    color: #001d4a!important;
    font-size: 14px!important;
    font-weight: 500!important;
    line-height: 120%!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in.me {
    padding-left: 15px!important
}

section.robots-sec form#contact-form .controls .col-md-12.stad-in.me.in {
    padding-left: 15px!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in {
    margin-top: 0!important;
    padding-bottom: 84px!important;
    padding-top: 40px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in h4.card-sec-text {
    font-size: 18px!important;
    line-height: 120%!important;
    font-weight: 600!important;
    padding-bottom: 16px!important;
    color: #000!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec {
    padding: 30px!important;
    background: #e5e8ec!important;
    border-radius: 10px!important;
    flex: 0 0 47%!important;
    max-width: 48%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .row {
    gap: 16px!important;
    padding-left: 16px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec h4.card-sec-text-in {
    color: #001d4a!important;
    font-size: 18px!important;
    line-height: 120%;
    font-weight: 600!important;
    padding-bottom: 16px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec p.card-sec-text-min {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    color: green!important;
    margin-bottom: 0!important;
    padding-bottom: 10px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec h3.card-sec-text-sen {
    color: #1a0eab!important;
    font-size: 17px!important;
    font-weight: 600!important;
    padding-bottom: 8px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec p.card-sec-text-ax,section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .col-md-12.card-sec p.card-sec-text-ax {
    color: #373737!important;
    font-weight: 500!important;
    font-size: 13px!important;
    line-height: 160%!important;
    word-break: break-all!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-12 ul.site-in {
    gap: 16px!important;
    margin-bottom: 0!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-12 ul.site-in li.nav-item button.site-a {
    border: 1px solid #001d4a!important;
    border-radius: 5px!important;
    padding: 15px 25px!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    background: #fff!important;
    color: #001d4a!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-12 ul.site-in li.nav-item button.site-a.active {
    background: #001d4a!important;
    color: #fff!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint {
    padding-top: 24px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint section.contact-p-sec.robots-sec.redirect.meta-title.meta-in {
    padding-top: 20px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .custom-control.sin-in label {
    color: #001d4a!important;
    font-weight: 600!important;
    line-height: 120%!important;
    padding-bottom: 16px!important;
    margin-bottom: 0!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .row.box-in {
    width: 100%!important;
    max-width: 100%!important;
    padding-right: 0!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .row.box-in a input.main-btn-too.to-in {
    width: 100%!important;
    max-width: 100%!important;
    background: #ffd165!important;
    color: #fff!important;
    font-weight: 500!important;
    font-size: 18px!important;
    line-height: 120%!important;
    border: 1px solid #ffd165!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .row.box-in a input.main-btn-too.to-in:hover {
    color: #ffd165!important;
    background: #fff!important
}

.Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div,.Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div,body.inner-page .New-York-SEO-wrapper section.sec-app2 .wd-ser-main-div .icon-div img {
    width: auto!important
}

.portfolio-p-sec .show-child .child-cat {
    padding: 0 30px
}

.Joomla-vs-wordpress-sec:after {
    height: 195px!important;
    width: 193px!important;
    position: absolute;
    bottom: 0;
    right: -30px
}

@media (min-width: 991px) {
    section.hire-web-Joomla-website-ser-sec .ser-content {
        max-width:calc(100% - 8px)!important
    }
}

@media (max-width: 991px) {
    .Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div,.Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div {
        width:auto!important
    }

    .Joomla-choosing-app-sec .choosing-div .icon-col img,.why-choose-Joomla-sec .why-choose-col {
        height: auto!important
    }

    .Joomla-website-ser-sec .row .col-md-4 {
        width: 50%!important;
        max-width: 50%!important;
        display: flex!important
    }

    section.page-head-sec {
        margin-top: 0!important
    }

    section.hire-Joomla-vs-wordpress-sec .row:last-child,section.seo-free-tool .row {
        display: block!important
    }

    section.hire-Joomla-vs-wordpress-sec .row:last-child .col-md-5,section.hire-Joomla-vs-wordpress-sec .row:last-child .col-md-7 {
        max-width: 100%!important
    }

    section.hire-Joomla-vs-wordpress-sec .row:last-child .col-md-5 img {
        width: 100%!important;
        padding-bottom: 40px!important
    }

    section.hire-Joomla-choosing-app-sec,section.hire-Joomla-choosing-app-sec-in,section.hire-Joomla-vs-wordpress-sec {
        padding: 60px 0!important
    }

    section.hire-Joomla-choosing-app-sec-in h4.ttl {
        font-size: 18px!important
    }

    section.hire-Joomla-intro-sec {
        padding: 110px 0!important
    }

    section.hire-Joomla-choosing-app-sec-in h3.p-main-heading {
        padding-left: 60px!important
    }

    section.seo-free-tool .row .col-md-5.first-in {
        width: 100%!important;
        max-width: 100%!important
    }

    section.seo-free-tool .row .col-md-6.second-in {
        max-width: 100%!important;
        width: 100%!important;
        margin-top: 40px!important
    }

    section.seo-free-tool {
        margin-top: 50px!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .col-md-12.stad-in.me.in label.col-md-6 {
        max-width: 100%!important;
        width: 100%!important;
        flex: 100%!important;
        padding-right: 0!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint .row.box-in .col-md-6 {
        width: 100%!important;
        max-width: 100%!important;
        flex: 100%!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .nint {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

@media (max-width: 768px) {
    .Joomla-website-ser-sec .row .col-md-4 {
        width:100%!important;
        max-width: 100%!important;
        display: flex!important
    }

    .Joomla-website-ser-sec .ser-main-div {
        width: 100%!important
    }

    section.Joomla-website-ser-sec .ser-main-div {
        justify-content: flex-start;
        gap: 24px!important
    }

    .Joomla-choosing-app-sec .left-col:before {
        content: "";
        position: absolute;
        left: -13px!important;
        height: 720px;
        background: #e5e8ed!important;
        width: 18px!important;
        top: -40px;
        border-radius: 25px
    }

    .Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div {
        flex-direction: row-reverse;
        padding: 15px 30px 15px 55px!important
    }

    .Joomla-choosing-app-sec .choosing-div {
        margin-top: 40px!important
    }

    .Joomla-choosing-app-sec .right-col:before {
        height: 580px!important
    }

    .Joomla-choosing-app-sec .col-md-6.right-col.second-main .choosing-div h4.ttl {
        text-align: left!important
    }

    .why-choose-Joomla-sec .row.inner-row .col-md-6:first-child {
        padding-right: 15px!important
    }

    .why-choose-Joomla-sec .row.inner-row .col-md-6:last-child {
        padding-left: 15px!important
    }

    .Joomla-advantage-ser-sec h3.p-main-heading,.Joomla-choosing-app-sec h3.p-main-heading,.Joomla-intro-sec h3.p-main-heading .p-main-heading,.Joomla-website-ser-sec h3.p-main-heading,.why-choose-Joomla-sec h3.p-main-heading,section.Joomla-vs-wordpress-sec h3.p-main-heading.blue-heading {
        font-size: 22px!important
    }

    .Joomla-intro-sec,.Joomla-website-ser-sec,.why-choose-Joomla-sec,section.hire-Joomla-intro-sec {
        padding: 60px 0!important
    }

    .Joomla-choosing-app-sec p,section.hire-Joomla-website-ser-sec p {
        max-width: 100%!important
    }

    .Joomla-choosing-app-sec {
        padding-bottom: 60px!important
    }

    section.hire-Joomla-intro-sec .row {
        gap: 135px!important
    }

    section.hire-Joomla-intro-sec h1.p-main-heading {
        font-size: 32px!important;
        line-height: 95%!important
    }

    section.hire-Joomla-vs-wordpress-sec .row:first-child h2.p-main-heading {
        font-size: 32px!important;
        line-height: 130%!important
    }

    section.hire-Joomla-vs-wordpress-sec .row:first-child .content-col p {
        max-width: 100%!important;
        font-size: 18px!important
    }

    section.hire-web-Joomla-website-ser-sec .row.hire-in {
        display: block!important;
        padding: 0 15px!important
    }

    section.hire-web-Joomla-website-ser-sec .row.hire-in .col-md-6 {
        width: 100%!important;
        max-width: 100%!important;
        margin-bottom: 8px!important
    }

    section.hire-web-Joomla-website-ser-sec .ser-main-div .ser-content {
        max-width: calc(100% - 0px)
    }

    section.hire-Joomla-choosing-app-sec-in h3.p-main-heading {
        padding-left: 0!important
    }

    section.testimonial-p-sec .indicator-controls {
        position: relative;
        top: 0
    }

    .wordpress-portfolio-sec .work-col {
        padding-bottom: 40px!important
    }

    section.seo-free-tool .first-in .content-col .main-text-1 h1 {
        font-size: 38px!important
    }

    section.robots-sec form#contact-form .controls .col-md-12.stad-in .form-group {
        display: flex;
        flex-wrap: wrap!important;
        gap: 20px
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .col-md-5.card-sec {
        max-width: 100%!important;
        flex: 0 0 100%!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .row {
        padding-left: 15px!important;
        padding-right: 15px!important
    }

    section.robots-sec form#contact-form .form-group .checkboxes.check-in {
        padding-top: 0!important;
        width: 100%!important
    }

    section.ac-row ul {
        width: 767px
    }

    body section.ac-row .col-sm-8 {
        overflow-x: scroll;
        margin: 0 10px
    }
}

.content-box .content-side h4,.content-box .content-side p,.content-box h4,.main-para h3,section.ac-row h2,section.ac-row h2 span,section.wix-section span.black-text {
    line-height: normal;
    font-style: normal
}

@media (max-width: 570px) {
    .Joomla-choosing-app-sec .left-col:before,.Joomla-choosing-app-sec .right-col:before,p.min-in-main {
        display:none!important
    }

    .Joomla-choosing-app-sec .col-md-6.left-col.first-main,.Joomla-choosing-app-sec .col-md-6.right-col.second-main {
        padding-left: 15px!important;
        padding-right: 15px!important
    }

    .Joomla-choosing-app-sec .col-md-6.left-col.first-main .choosing-div h4.ttl {
        text-align: left!important
    }

    .Joomla-choosing-app-sec .choosing-div .icon-col {
        width: 68px!important;
        height: 68px!important;
        line-height: 68px!important
    }

    .Joomla-choosing-app-sec .choosing-div .icon-col img {
        height: 36px!important
    }

    .Joomla-vs-wordpress-sec:before {
        height: 50px!important;
        width: 46px!important
    }

    .Joomla-vs-wordpress-sec:after {
        height: 69px!important;
        width: 88px!important
    }

    section.hire-Joomla-choosing-app-sec-in h3.p-main-heading,section.hire-Joomla-vs-wordpress-sec .row:first-child h2.p-main-heading,section.hire-Joomla-website-ser-sec h3.p-main-heading {
        font-size: 25px!important
    }

    section.hire-Joomla-choosing-app-sec,section.hire-Joomla-choosing-app-sec-in,section.hire-Joomla-vs-wordpress-sec {
        padding: 40px 0!important
    }

    section.hire-why-choose-Joomla-sec {
        padding: 40px 15px!important
    }

    section.hire-Joomla-intro-sec h1.p-main-heading {
        font-size: 28px!important
    }

    section.hire-Joomla-intro-sec h4.p-main-heading {
        font-size: 20px!important
    }

    section.hire-Joomla-intro-sec a.main-btn {
        font-size: 18px!important
    }

    section.seo-free-tool .first-in .content-col .main-text-1 h1 {
        font-size: 32px!important
    }

    section.robots-sec form#contact-form .controls .col-md-12.stad-in .form-group a.btn-in-too {
        font-size: 14px!important;
        padding: 15px 20px!important
    }

    section.robots-sec form#contact-form .controls h1 {
        font-size: 27px!important
    }

    section.robots-sec form#contact-form .controls {
        padding-top: 30px!important
    }

    section.robots-sec form#contact-form .controls .col-md-12.stad-in button.btn-in-too {
        font-size: 15px!important;
        padding: 15px 20px!important
    }

    section.seo-free-tool {
        margin-bottom: 40px!important
    }

    section.robots-sec form#contact-form .controls .col-md-12.stad-in button.btn-in-too:first-child {
        margin-right: 0!important
    }
}

section.about-p-sec .col-md-6.about-in-nell iframe {
    max-width: 560px!important;
    width: 100%!important
}

section.frame-in.tube .video-col,section.redirect .table-in table {
    margin-top: 20px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint input.check-meta {
    width: 100%!important;
    background: #ffd165!important;
    border: 1px solid #ffd165!important;
    color: #fff!important;
    font-weight: 500!important
}

.site-loader.tools-loader .loader {
    position: absolute!important;
    top: 50%!important;
    left: 50%!important
}

.spin-town {
    display: inline-block;
    float: right;
    font-size: 13px
}

.in-mobile-to {
    max-width: 340px;
    width: 100%;
    margin: auto
}

span#desc_char,span#title_char {
    padding-right: 10px;
    font-weight: 600;
    padding-left: 5px
}

span#desc_pixel,span#title_pixel {
    font-weight: 600;
    padding-left: 5px
}

section.frame-in.tube .video-col iframe {
    max-width: 700px!important;
    width: 100%!important;
    min-height: 400px!important
}

section.ac-row ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 600px;
    margin-left: auto
}

section.ac-row h2 {
    color: #fff;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 300
}

.main-para h3,section.ac-heading h2,section.wix-section span.black-text {
    font-size: 36px;
    font-family: Montserrat
}

section.ac-row .col-sm-4 {
    align-items: center;
    display: flex
}

section.ac-row h2 span {
    color: #ffd165;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 600
}

section.ac-row ul a.view-more-btn {
    background: #ffd165;
    border: 2px solid #ffd165;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    transition: .6s;
    display: block;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer
}

body section.ac-row {
    background: #001d4a!important;
    padding: 25px 0!important
}

section.ac-row ul a.view-more-btn:hover {
    background: 0 0!important;
    color: #ffd165!important
}

section.ac-heading {
    margin-top: 50px;
    padding: 50px 0
}

section.ac-heading h1 {
    font-weight: 700;
    line-height: 43.88px;
    text-align: left;
    color: #ffd165;
    border-bottom: 2px solid #ffd165;
    padding-bottom: 5px;
    display: inline-block
}

.webflox-section {
    background: #001d4a;
    padding: 50px 0;
    color: #fff
}

.content-box {
    display: block;
    background: #fff;
    padding: 15px;
    border-radius: 0;
    color: #000
}

.content-box .content-side {
    width: 100%;
    padding-left: 15px
}

.main-para h3 {
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 15px
}

.google-ads-section,section.Google-Analytics-section {
    padding: 50px 0;
    color: #fff;
    background: #001d4a
}

.main-para h3:before {
    content: '';
    position: absolute;
    width: 160px;
    height: 8px;
    left: 0;
    background: #ffd165;
    bottom: 0
}

.main-para h3 span.ylo-text {
    font-weight: 700;
    color: #fff
}

.content-box h4 {
    color: #fff;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

section.wix-section .content-side p {
    min-height: 100px
}

.content-box .content-side p {
    color: #3f3f3f;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

.content-box .content-side h4 {
    color: #333;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600
}

section.wix-section span.black-text {
    color: #000;
    font-weight: 700
}

section.clutch-section .content-box,section.wix-section .content-box {
    border-radius: 0;
    background: #fff;
    box-shadow: 0 0 5px #ccc
}

.google-ads-section .content-box .content-side {
    padding-top: 15px
}

section.clutch-section span.black-text {
    color: #333;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

section.clutch-section .content-box .content-side {
    padding-top: 15px;
    min-height: 170px
}

@media (max-width: 767px) {
    .top-login-inner.hidden-xs,.topbar .container,.topbar .topbar-left-inner {
        display:flex!important
    }

    .topbar .container {
        flex-wrap: wrap!important
    }

    .topbar .container .col-sm-12 {
        width: 100%;
        justify-content: center
    }

    .topbar-right .col-xs-12 {
        width: 100%!important;
        margin: 0
    }

    .top-login-inner.hidden-xs {
        justify-content: center
    }

    .wrap.topbar {
        padding: 10px 0
    }

    body.fullwidth-layout .wrap.highlighter .head-search {
        display: flex!important;
        width: 100%;
        justify-content: start;
        padding: 10px 0
    }

    body .head-search .form-control {
        width: 100%!important;
        max-width: 100%!important
    }

    .head-search form {
        width: 100%
    }

    header#t3-header {
        border: none!important;
        padding-bottom: 0
    }

    header#t3-header .row {
        flex-wrap: wrap
    }

    header#t3-header .logo .logo-image {
        text-align: center
    }

    #t3-mainnav.navbar-default {
        border: none!important;
        min-height: fit-content
    }

    #picturenews {
        padding-top: 15px
    }
}

body section.blog-page-sec.blog-main-page-sec .container.filter-main-section .form-group.has-search input.form-control.serch-blog {
    background: #fff!important;
    border: transparent!important;
    border-bottom: 2px solid #001d4a!important;
    border-radius: 0!important;
    padding-left: 10px!important
}

body section.blog-page-sec.blog-main-page-sec .container.filter-main-section .form-group.has-search input.submit-btn {
    background: #06204e!important;
    color: #fff!important;
    padding: 13px 25px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 {
    width: 49%!important;
    flex: 0 0 49%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul button:not(.active) {
    background: #fff!important;
    color: #001d4a!important;
    border: 1px solid #001d4a!important;
    border-radius: 5px!important;
    padding: 15px 25px!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 120%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul.nav.nav-pills.mb-3.site-in {
    gap: 10px
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul button.active {
    background: #001d4a!important;
    border: 1px solid #001d4a!important;
    border-radius: 5px!important;
    padding: 15px 25px!important;
    color: #fff!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 120%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul#new-pills-tab {
    display: flex;
    align-items: center;
    justify-content: center
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .col-md-12.card-sec {
    padding: 30px!important;
    background: #e5e8ec!important;
    border-radius: 10px!important;
    flex: 0 0 99%!important;
    max-width: 99%!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .col-md-12.card-sec h4.card-sec-text-in {
    color: #001d4a!important;
    font-size: 18px!important;
    line-height: 120%;
    font-weight: 600!important;
    padding-bottom: 16px!important;
    word-break: break-all!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .col-md-12.card-sec p.card-sec-text-min {
    font-size: 12px!important;
    font-weight: 500!important;
    line-height: 120%!important;
    color: green!important;
    margin-bottom: 0!important;
    padding-bottom: 10px!important;
    word-break: break-all!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul li button#new-pills-in-tab:before {
    content: "\f109";
    font-family: FontAwesome;
    padding-right: 7px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul#new-pills-tab button#new-pills-t-tab {
    display: flex;
    gap: 4px
}

button.nav-link.site-a.site-b.active.show {
    fill: #fff!important
}

section.redirect .table-in table thead tr th {
    background: #ffd165!important;
    border: 1px solid #000!important
}

section.redirect .table-in table tbody#results tr td {
    border: 1px solid #000!important;
    font-weight: 600
}

.too-ssoo {
    display: flex!important;
    align-items: end!important;
    justify-content: space-between;
    padding-top: 20px!important
}

section.robots-sec form#contact-form .controls .too-ssoo .mintr p {
    font-weight: 600!important;
    color: #000!important
}

.too-ssoo .intr button {
    border: 1px solid #ffd165;
    background: #fff!important;
    padding: 10px 16px;
    color: #000!important;
    font-weight: 600!important
}

section.redirect .table-in.table-in-ot table thead tr th {
    background: #ffd165!important;
    border: 1px solid #000!important;
    width: 50%
}

section.robots-sec form#contact-form .controls .row.table-in.table-in-ot .too-sees .mintra h2 {
    font-size: 32px!important;
    font-weight: 700!important;
    color: #001d4a!important;
    line-height: 105%!important;
    padding-bottom: 16px!important
}

.download-btn a,.form-side h2,section.robots-sec form#contact-form .controls .row.table-in.table-in-ot .too-sees .mintra p {
    line-height: 120%!important
}

section.robots-sec form#contact-form .controls .row.table-in.table-in-ot table tbody {
    background: #e5e8ec!important;
    border: 1px solid #000!important
}

section.robots-sec form#contact-form .controls .row.table-in.table-in-ot table tbody tr td {
    border-color: #000!important;
    font-weight: 600!important;
    padding: 16px 30px!important
}

section.robots-sec form#contact-form .form-group .checkboxes .custom-checkbox.sin-in textarea#domain_url::placeholder {
    color: #001d4a!important
}

section.robots-sec form#contact-form .controls .custom-control textarea#domain_url {
    height: unset
}

section.meta-in.olies-no .tab-content.mint .stad-in.me.in .checkboxes.check-in .sin-in input {
    height: 100%!important
}

section.contact-p-sec .contact-left-col form#contact-form .controls .form-group textarea#form_message,section.sitemap-sec form.site-map .form-group textarea#form_message {
    height: auto;
    resize: vertical
}

section#new-seo section#second-sec form#free-seo-form select,section#new-seo section#second-sec form#free-seo-form.seo-form-int select {
    -webkit-appearance: auto!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .col-md-12.card-sec h3.card-sec-text-sen {
    color: #1a0eab!important;
    font-size: 17px!important;
    font-weight: 600!important;
    padding-bottom: 8px!important;
    word-break: break-all!important
}

section.portfolio-p-sec.clearfix .has-search .main-divi-in input#search_port {
    background: 0 0!important;
    border: none!important;
    border-bottom: 2px solid #06204e!important;
    border-radius: 0!important;
    padding: 16px 2px!important
}

section.portfolio-p-sec.clearfix .has-search .main-divi-in div#tech_filter_chosen li.search-field input.chosen-search-input.default {
    padding: 16px 2px!important;
    font-size: 14px!important;
    color: #999!important;
    font-weight: 500!important
}

section.contact-p-sec .contact-left-col form#contact-form .controls .form-group select.form-control {
    background: #e5e8ec!important
}

section.contact-p-sec .contact-left-col form#contact-form .controls input.main-btn {
    background: #ffd165!important;
    border: 2px solid #ffd165!important;
    font-size: 18px!important;
    font-weight: 500!important;
    padding: 10px 12px!important;
    border-radius: 0!important;
    color: #fff!important
}

section.contact-p-sec .contact-left-col form#contact-form .controls input.main-btn:hover {
    color: #ffd165!important;
    border: 2px solid #ffd165!important;
    background: 0 0!important
}

section.portfolio-p-sec.clearfix .has-search .main-divi-in input#port_search {
    background: #06204e!important;
    color: #fff!important
}

section.robots-sec.dapa-checker form#contact-form .controls .custom-control textarea#domain_url {
    height: 100%!important;
    min-height: 244px;
    margin-top: 15px
}

section.robots-sec.dapa-checker form#contact-form .flex-check .field-check label {
    font-weight: 500!important;
    color: #001d4a;
    font-family: Montserrat;
    font-size: 14px!important;
    font-style: normal;
    line-height: 120%;
    padding: 0 0 0 10px!important
}

.flex-check {
    display: flex;
    justify-content: end
}

.flex-check .field-check {
    padding-left: 15px;
    display: flex;
    align-items: center
}

body section.dapa-checker form#contact-form input.main-btn-too.to-in.check-authority {
    width: fit-content!important;
    max-width: fit-content!important;
    margin: 20px auto 0 0!important
}

.dapa-table table.table.table-bordered tbody td {
    background: #e5e8ec;
    color: #001d4a;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500!important;
    line-height: 120%
}

.download-btn a {
    margin-top: 25px!important;
    background: #ffd165!important;
    color: #fff!important;
    font-size: 18px!important;
    font-family: Montserrat;
    font-weight: 500!important;
    border: 1px solid #ffd165!important;
    border-radius: 5px!important;
    padding: 16px 30px!important;
    display: block;
    width: fit-content;
    margin: 0 auto
}

.download-btn a i.fa {
    margin-right: 10px
}

@media(min-width: 768px) and (max-width:991px) {
    .flex-check .field-check {
        padding-left:6px
    }

    section.robots-sec.dapa-checker form#contact-form .flex-check .field-check label {
        padding: 0 0 0 7px!important
    }
}

@media(max-width: 991px) {
    .Google-Analytics-section .col-sm-6,.clutch-section .col-sm-6,.google-ads-section .col-sm-6,.webflox-section .col-sm-6,.wix-section .col-sm-6 {
        max-width:100%;
        width: 100%;
        flex: 100%;
        margin-bottom: 15px
    }

    section.ac-heading h2,section.ac-heading h2 span {
        font-size: 36px
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 {
        width: 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no .row .col-md-6 ul#new-pills-tab {
        justify-content: flex-start!important;
        padding-top: 20px!important
    }

    section.contact-p-sec.robots-sec.redirect.meta-title.meta-in .tab-content.mint {
        padding-top: 12px!important
    }

    .footer-contact .call-mail-div {
        position: relative
    }

    section.we-serve-sec .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    section.we-serve-sec .col-6 .inner-serve-div:before {
        border-right: none!important
    }

    section.we-serve-sec .col-6 .inner-serve-div:after {
        border-bottom: none!important
    }
}

.slug-gen .result-div {
    background: #001d4a;
    color: #fff;
    padding: 20px;
    margin-top: 20px;
    border-radius: 0;
    text-align: center
}

.slug-gen .result-div p#result {
    word-break: break-all;
    margin-bottom: 0;
    padding-top: 5px
}

@media(min-width: 768px) {
    .slug-gen .result-div {
        max-width:49%;
        width: 100%!important
    }
}

.form-side {
    padding: 25px 15px
}

.form-side h2 {
    color: #001d4a!important;
    font-weight: 600!important;
    padding-bottom: 10px!important;
    margin-bottom: 0!important;
    font-size: 17px
}

.form-side p {
    text-align: left!important;
    color: #001d4a!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 180%!important;
    margin-bottom: 10px!important
}

.form-side form input {
    padding: 15px!important;
    height: fit-content
}

.form-side form input.main-btn-too.to-in.check-meta {
    width: 100%;
    margin-top: 20px;
    background: #ffd165!important;
    border: 1px solid #ffd165!important;
    color: #fff!important;
    font-weight: 500!important
}

.form-side form input.main-btn-too.to-in.check-meta:hover {
    border-color: #ffd165!important;
    color: #ffd165!important;
    background: 0 0!important
}

.chart-side {
    display: flex;
    align-items: end
}

.table-data-here {
    padding-top: 40px
}

.table-data-here h2 {
    color: #001d4a;
    font-family: Montserrat;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 10px
}

.table-data-here #accordion .card-body,.table-data-here .card h5 button,.table-data-here p,.table-data-here table tbody td span {
    color: #001d4a;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 500
}

.table-data-here p {
    line-height: 120%
}

.table-data-here thead.thead-dark tr th {
    border: .5px solid #001d4a;
    background: #ffd165
}

.table-data-here table tbody td {
    border: .5px solid #001d4a;
    background: #e5e8ec;
    padding: 16px 32px
}

.table-data-here table tbody td span {
    padding-left: 10px;
    line-height: 108%
}

.table-data-here table tbody td i.fa {
    float: right;
    font-size: 21px;
    line-height: 24px
}

.table-data-here .dark-header {
    border: .5px solid #001d4a;
    background: #ffd165;
    text-align: center;
    padding: 12px 0
}

.table-data-here .dark-header h2 {
    margin: 0;
    color: #fff
}

.table-data-here .card {
    border: .5px solid #001d4a;
    background: #e5e8ec;
    border-radius: 0;
    border-top: none
}

.table-data-here .card h5 button {
    padding: 0 0 0 10px;
    text-decoration: none!important;
    line-height: 108%;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding-right: 15px!important;
    white-space: inherit!important
}

.table-data-here .card-header {
    border-bottom: none;
    padding: 15px 1.25rem
}

.table-data-here .collapse.show {
    border-top: none
}

.table-data-here .card h5 button.btn.btn-link.collapsed:before {
    content: '\f105';
    position: absolute;
    font-family: FontAwesome;
    right: 0;
    font-size: 21px;
    transform: unset
}

.table-data-here .card h5 button.btn.btn-link:before {
    transform: rotate(90deg);
    content: '\f105';
    position: absolute;
    font-family: FontAwesome;
    right: 0;
    font-size: 21px
}

.table-data-here #accordion .card-body {
    padding: 15px 1.25rem;
    line-height: 130%
}

@media(min-width: 580px) {
    section.seo-free-tool .second-in .content-col .text-1 {
        height:215px!important;
        margin-bottom: 20px
    }

    section.seo-free-tool .row .second-in {
        padding-right: 0!important
    }
}

section.seo-free-tool .animatedParent .row:last-child {
    margin-bottom: 40px!important
}

section.contact-p-sec.robots-sec.redirect.meta-title.meta-in.olies-no,section.contact-p-sec.sitemap-sec,section.contact-p-sec.slug-gen,section.contact-p-sec.text-pro-core .texted-in-to,section.contact-p-sec.text-pro-core .texted-in-to ul.texted-in-to-c li,section.redirect {
    padding-bottom: 20px!important
}

section.contact-p-sec.text-pro-core .texted-in-to h4.text-pro {
    font-size: 26px!important;
    font-weight: 600;
    padding-bottom: 10px;
    color: #001d4a!important
}

section.contact-p-sec.text-pro-core .texted-in-to h5.text-pro {
    font-size: 22px!important;
    font-weight: 600;
    padding-bottom: 10px;
    color: #001d4a!important
}

section.contact-p-sec.text-pro-core .texted-in-to p {
    text-align: left!important;
    color: #001d4a!important;
    font-size: 18px!important;
    font-weight: 500!important;
    line-height: 170%!important;
    margin-bottom: 0!important
}

section.contact-p-sec.text-pro-core .texted-in-to p a {
    font-weight: 700;
    color: #001d4a!important
}

section.contact-p-sec.text-pro-core .texted-in-to ul.texted-in-to-c {
    padding-top: 20px
}

section.contact-p-sec.dapa-checker {
    padding-bottom: 35px!important
}

section.contact-p-sec.site-map .texted-in-to ul.texted-in-to-c.site-c-in li {
    position: relative;
    padding-left: 20px
}

section.contact-p-sec.site-map .texted-in-to ul.texted-in-to-c.site-c-in li p::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #000;
    display: block;
    position: absolute;
    left: 3px;
    top: 11px;
    border-radius: 20px
}

section.contact-p-sec.site-map .texted-in-to .pic-text-toi img {
    max-width: 400px!important
}

section.contact-p-sec.robots-sec.redirect.slug-gen.text-pro-core.site-map.meta-title-in .texted-in-to:nth-child(4) .texted-in-to {
    padding-top: 22px
}

section.contact-p-sec.robots-sec.redirect.slug-gen.text-pro-core.site-map.meta-title-in .texted-in-to:nth-child(4) .texted-in-to h4.text-pro {
    padding-top: 15px!important
}

section.redirect-in .texted-in-to h3.text-pro {
    font-weight: 600;
    color: #001d4a!important
}

section.redirect-in .texted-in-to p {
    padding-left: 25px
}

body.inner-page .New-York-SEO-wrapper section.why-web-development-agency-sec.Development-scroller-Process-sec h2.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-Webdesign-wrapper section.top-rated-expert-web-design-sec .heading-div span.orange-text {
    font-size: 30px!important;
    font-weight: 600!important
}

body.inner-page .New-York-SEO-wrapper section.sec-app2.wide-app-developmet-serives .heading-div h2.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper section.seo-page-img-content-sec.technologies-we-work .heading-div h3.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper section.why-web-development-agency-sec.application-receive-sec h3.p-main-heading.orange-text span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.why-web-development-agency-sec .heading-div h3.p-main-heading.orange-text span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-Webdesign-wrapper section.seo-page-img-content-sec.our-mission-vision-sec .heading-div h3.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-Webdesign-wrapper section.web-design-agency-sec .heading-div h2.p-main-heading span.orange-text {
    font-size: 30px!important;
    font-weight: 600!important;
    color: #ffd165!important
}

body.inner-page .New-York-SEO-wrapper section.potential-web-design-ser-sec.choose-world-class-application-sec h3.p-main-heading.orange-text span.orange-text,body.inner-page .New-York-SEO-wrapper section.potential-web-design-ser-sec.mesh-gallery-sec h3.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper section.seo-page-img-content-sec.Benefits-Mobile-app-sec.grey-bg .heading-div h2 span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.seo-page-img-content-sec.Switch-ON-Innovation-img-content-sec .content-div h2.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.web-development-process-sec .heading-div h3.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-Webdesign-wrapper .heading-div h2.p-main-heading span.orange-text {
    font-weight: 600!important;
    font-size: 30px!important;
    color: #ffd165!important
}

body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.potential-web-design-ser-sec .heading-div h3.p-main-heading span.orange-text {
    font-size: 30px!important;
    color: #ffd165!important;
    font-weight: 600!important;
    margin-bottom: 16px!important
}

body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.potential-web-design-ser-sec .wd-ser-main-div .icon-div img {
    width: auto!important;
    padding-bottom: 10px
}

body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.new-york-seo-sec .heading-div h3.p-main-heading span.orange-text,body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.web-development-process-sec.blue-bg .heading-div h3.p-main-heading span.orange-text {
    color: #fff!important;
    font-weight: 600!important;
    font-size: 30px!important
}

body.inner-page .New-York-SEO-wrapper section.why-web-development-agency-sec.Development-scroller-Process-sec h5.orange-text {
    color: #ffd165!important;
    text-decoration: none!important
}

body.inner-page .New-York-SEO-wrapper section.potential-web-design-ser-sec.choose-world-class-application-sec .wd-ser-main-div .icon-div img {
    width: auto!important;
    padding-bottom: 10px!important
}

body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.modernized-approach-sec .img-content-sec-row .content-div h6.big-desc.orange-text {
    color: #ffd165!important;
    text-decoration: none!important;
    font-size: 18px!important;
    padding-bottom: 1rem!important
}

body.inner-page .New-York-SEO-wrapper.New-York-WebDevelopment-wrapper section.modernized-approach-sec.blue-bg .row.img-content-sec-row {
    align-items: end
}

@media(max-width: 767px) {
    .our-section-new .col-sm-6 {
        max-width:100%;
        flex: 100%
    }

    .our-section-new .col-sm-6:first-child {
        margin-bottom: 25px
    }

    .news-in-to .blog-ttl1 h1 {
        font-size: 30px!important
    }

    .flex-check {
        display: block
    }

    .flex-check .field-check {
        padding: 0 0 5px
    }

    section.g-ads-certificates .col-sm-6 {
        margin-bottom: 15px!important
    }

    .webflox-section .row:nth-child(2) {
        margin-bottom: 0
    }

    .main-para h3,section.clutch-section span.black-text,section.wix-section span.black-text {
        font-size: 24px
    }

    .content-box .content-side {
        padding-left: 0
    }
}

section.webflow-page-three .why-choose-col {
    min-height: 410px!important
}

section.webflow-section-four .Joomla-choosing-app-sec .left-col:before,section.webflow-section-four .Joomla-choosing-app-sec .right-col:before {
    content: none!important
}

section.webflow-page-in .ser-main-div {
    background: #fff!important;
    padding: 8px 30px 8px 8px!important;
    width: auto!important;
    justify-content: flex-start!important;
    display: flex!important
}

section.webflow-page-in .ser-main-div .icon-div {
    background: #e5e8ed!important;
    padding: 12px!important;
    border-radius: 50%!important
}

section.webflow-page-in .ser-main-div .ser-content h5.title {
    font-size: 18px!important;
    padding-left: 13px!important
}

section.webflow-page-second {
    padding-top: 100px!important;
    padding-bottom: 0!important
}

section.webflow-page-second .row {
    margin: auto!important;
    display: flex;
    justify-content: center
}

section.webflow-page-second .advantage-main-div {
    background: 0 0!important;
    border-left: 2px solid #001d4a!important;
    border-radius: 0!important;
    border-bottom: 2px solid #001d4a!important;
    margin-top: -2px!important
}

section.webflow-page-second .min-c:first-child .advantage-main-div::before,section.webflow-page-second .min-c:nth-child(2) .advantage-main-div::before,section.webflow-page-second .min-c:nth-child(3) .advantage-main-div::before {
    content: ""!important;
    width: 25px!important;
    height: 2px!important;
    background: #001d4a!important;
    position: absolute;
    top: -2px;
    left: 0
}

section.webflow-page-second .min-c:first-child .advantage-main-div::after,section.webflow-page-second .min-c:nth-child(2) .advantage-main-div::after,section.webflow-page-second .min-c:nth-child(3) .advantage-main-div::after {
    content: ""!important;
    width: 12px!important;
    height: 12px;
    background: #fff!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: -5px;
    left: -5px;
    border: 2px solid #001d4a!important
}

section.webflow-page-second .min-c:nth-child(4) .advantage-main-div {
    border-bottom: 0!important
}

section.webflow-page-second .min-c:nth-child(5) .advantage-main-div {
    border-bottom: 0!important;
    border-right: 2px solid #001d4a!important
}

section.webflow-page-second .min-c:nth-child(4) .advantage-main-div::before,section.webflow-page-second .min-c:nth-child(5) .advantage-main-div::before {
    content: ""!important;
    width: 12px!important;
    height: 12px;
    background: #fff!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -7px;
    left: -5px;
    border: 2px solid #001d4a!important
}

section.webflow-page-second .min-c:nth-child(4) .advantage-main-div::after,section.webflow-page-second .min-c:nth-child(5)::before {
    content: ""!important;
    width: 25px!important;
    height: 2px!important;
    background: #001d4a!important;
    position: absolute;
    bottom: 0;
    left: 0
}

section.webflow-page-second .min-c:nth-child(5) .advantage-main-div::after {
    content: ""!important;
    width: 12px!important;
    height: 12px;
    background: #fff!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -7px;
    right: -5px;
    border: 2px solid #001d4a!important
}

section.webflow-page-second .min-c:nth-child(5)::after {
    content: ""!important;
    width: 25px!important;
    height: 2px!important;
    background: #001d4a!important;
    position: absolute;
    bottom: 0;
    right: -23px
}

section.webflow-page-second h3.p-main-heading {
    margin-bottom: 0;
    padding-bottom: 40px
}

.why-choose-Joomla-sec h3.p-main-heading {
    padding-bottom: 40px!important;
    margin-bottom: 0!important
}

section.webflow-page-three .choose-Joomla-wrap .why-choose-col {
    margin-bottom: 29px!important
}

section.webflow-page-three .row.justify-content-center {
    padding: 0 15px!important
}

section.webflow-page-three .row.justify-content-center .inner-row {
    justify-content: space-between!important
}

section.webflow-page-three .choose-Joomla-wrap .min-o .why-choose-col {
    background: #fff!important;
    border: 2px solid #001d4a!important;
    position: relative
}

section.webflow-page-three .choose-Joomla-wrap .min-o .why-choose-col::before {
    content: "";
    background: url(../images/web-flow-page/webflow-icon-1.png) 0 0/cover!important;
    position: absolute;
    top: -14px;
    width: 40px!important;
    height: 26px!important
}

section.webflow-section-four .row {
    padding-top: 60px!important;
    display: flex;
    align-items: center;
    justify-content: space-between!important
}

section.webflow-section-four .row .choosing-div {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 0!important;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 15px;
    padding-bottom: 40px
}

section.webflow-section-four .row .choosing-div h4.ttl {
    color: #001d4a!important;
    font-weight: 600!important;
    text-align: left!important;
    margin-top: 0!important
}

@media(min-width: 769px) {
    section.webflow-page-three .choose-Joomla-wrap .min-o {
        max-width:32.333%
    }

    section.webflow-section-four .mid-main {
        max-width: 40%!important;
        flex: 0 0 40%!important
    }

    section.webflow-section-four .first-main,section.webflow-section-four .second-main {
        max-width: 30%!important
    }
}

@media(max-width: 768px) {
    body section.blog-page-sec.blog-main-page-sec .container.filter-main-section .form-group.has-search {
        margin-top:15px!important
    }

    .Joomla-website-ser-sec .row .col-md-4 {
        width: 100%!important;
        max-width: 100%!important;
        display: flex!important
    }
}

@media(min-width: 769px) and (max-width:991px) {
    section.webflow-page-in .ser-main-div {
        width:375px!important
    }

    section.webflow-page .col-md-4,section.webflow-page .col-md-7 {
        max-width: 100%!important;
        flex: 0 0 100%!important
    }

    section.webflow-page .col-md-4 .img-col {
        padding-top: 20px!important
    }
}

@media(min-width: 992px) and (max-width: 1470px){
    section.web-development-process-sec .main-timeline::before {
        content: '';
        left: 5% !important;
    }

    section.web-development-process-sec .main-timeline .timeline {
        width: 95% !important;
    }
}

@media(min-width: 992px) and (max-width: 1600px){
    .main-banner-slider-sec .row {
        height: 100% !important;
    }

    .main-banner-slider-sec .owl-dots{
        bottom: -120px !important;
        top: auto !IMPORTANT;
    }
}

@media(min-width: 992px) and (max-width: 1300px){
    .main-banner-slider-sec .owl-dots{
        bottom: auto !important;
        top: auto !IMPORTANT;
    }
}


.certifications-row-desktop {
    padding-top: 100px;
}