.award_sec .award-tagline, .letstalk_sec .letstalk-tagline {
    font-size: 14.6px;
    line-height: 26px;
    font-weight: 500;
    text-transform: uppercase
}

.award_sec h2, .hire-rtd h2, .letstalk_sec h2, .tech_sec h2 {
    line-height: 44px;
    letter-spacing: 0;
    font-style: normal
}

.hire-rtd h2, .home_dedicated h2, .letstalk_sec h2, .tech_sec h2 {
    font-size: 36px;
    font-weight: 700
}

.blog-box, .dcsec, .dcsec-bg, .hire-rtbg, .hire-rtbg img, .pd-contain, .pd-section {
    position: relative
}

.blog-listing .portfolio .thumbnail.image-2 img, .blog-thumb img, .img-hover-zoom--basic img {
    transition: transform .5s
}

.entry-content, .entry-summary, body, h1, h2, h3, h4, h5, ul {
    font-family: Graphik, sans-serif
}

.brand-slider.owl-carousel .owl-stage-outer, .cus-inr-banner .col-md-6, .home-service-sec .accordion-body, .hwi-p0, .infrapage-banner .owl-carousel .owl-stage-outer, .service-content-sec, .site-header, .site-main {
    padding: 0
}

body.custom-background {
    background: #fff !important
}

.site-footer {
    max-width: inherit;
    padding: 0;
    margin: 0
}

.award-text, .blog-cw p, .cf-box p, .contact-banner-sec span.wpcf7-list-item, .dcsec .accr_box figure, .dcsec-bg figure, .dcsec-bg:nth-child(3) .star-renk span, .entry-header .post-thumbnail, .footer-cf p, .footer-cf span.wpcf7-list-item, .home_dedicated ul.nav li:first-child button.nav-link, .process-box:last-child, .singular .post-thumbnail, .site-footer.main-footer {
    margin: 0
}

.site-content {
    margin: 80px 0 0
}

.site-branding {
    width: 300px
}

@media (min-width:1430px) {
    .container {
        max-width: 1320px !important
    }
}

a {
    transition: .4s
}

.award_sec {
    margin: 100px 0
}

.award_sec .award-tagline {
    letter-spacing: 0;
    color: #161519;
    margin: 0 0 10px
}

.award_sec h2 {
    font-weight: 700;
    font-size: 36px;
    color: #111013;
    margin: 0 0 15px
}

.award-title {
    font-style: normal;
    font-weight: 400;
    font-size: 18.4px;
    line-height: 29px;
    letter-spacing: 0;
    color: #161519;
    display: block;
    margin: 0 0 30px
}

.dcsec-bg, .star-renk img, .star-renk span {
    display: inline-block
}

.award-title span, .letstalk_sec .letstalk_content span, .letstalkwhite_content span, .op-block .opinner-box .open-box span {
    font-weight: 600
}

.dcsec {
    background: #fff;
    padding: 30px 20px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08)
}

.letstalk_sec, .pd-section ul:nth-child(2), .pd-section ul:nth-child(3) {
    background: #111013
}

.dcsec-bg {
    padding: 0;
    margin: 0;
    vertical-align: top
}

.dcsec-bg:nth-child(2) {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 20px
}

.dcsec-bg:nth-child(3) {
    border-right: 1px solid #ccc;
    padding: 0 15px
}

.dcsec h2 {
    text-transform: uppercase;
    text-align: center;
    margin: 70px 0 35px
}

.dcsec-bg figure img, .mad_section.odoo .heading {
    max-width: 100%
}

.accr_box, .brand-slider.owl-carousel .owl-item div, .cd-about-sec h2, .cd-about-sec p, .cd-benefits-sec h2, .cd-future-btm-sec h2, .employee-content-sec .team-content-heading, .error404 .page-content, .hd-process-content p, .mad_section.odoo .heading h2, .main_tool_section .tool-sec .tool_icon_content, .page-id-10653 .cms-content-sec p, .page-id-10657 .cms-content-sec p, .page-id-19982 .page-content, .portfolio-box .pro-img {
    text-align: center
}

.star-renk {
    font-size: 21px;
    line-height: 31px;
    color: #292929;
    font-weight: 700;
    display: block;
    padding: 0;
    margin: 15px 0
}

.star-renk img {
    vertical-align: top;
    margin: 4px 0 0
}

.star-renk span {
    vertical-align: top;
    margin: 0 0 0 10px
}

.case-sec, .cd-about-sec, .cd-feture-bg-sec, .contact-office-sec, .home_industry, .portfolio-video-sec .portfolio-heading-sec, .postid-1155 section.result-section, .postid-1197 section.result-section, .postid-1218 section.result-section, .postid-13820 section.result-section, .postid-14301 section.result-section, .postid-14401 section.result-section, .postid-14516 section.result-section, .postid-14644 section.result-section, .postid-14688 section.result-section, .postid-15028 section.result-section, .postid-15639 section.result-section, .postid-15680 section.result-section, .recruitment-process, .tech_sec, .techstack-sec, .testimonials-p-sec {
    padding: 100px 0
}

.hire-rtd h2, .tech_sec h2 {
    text-align: center;
    margin: 0 0 50px;
    color: #111013
}

.tech_sec ul.nav.nav-pills, .tech_sec ul.nav.nav-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 4px;
    max-width: 1009px;
    height: 48px;
    background: #f7f9fc;
    border-radius: 24px;
    margin: 0 auto;
    border: 0
}

.tech_sec ul.nav.nav-pills li button.nav-link, .tech_sec ul.nav.nav-tabs li button.nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: -.28px;
    background: 0 0 !important;
    color: #6c6f93 !important;
    border: 0 !important
}

.tech_sec ul.nav.nav-pills li button.nav-link:hover, .tech_sec ul.nav.nav-tabs li button.nav-link:hover {
    height: 40px;
    background: #fff;
    box-shadow: 0 18px 31px rgba(113, 116, 152, .1), 0 8px 16.2244px rgba(113, 116, 152, .067), 0 8px 8.46625px rgba(113, 116, 152, .05);
    border-radius: 20px;
    border: 0 !important
}

.tech_sec ul.nav.nav-pills li button.nav-link:focus, .tech_sec ul.nav.nav-pills li button.nav-link:focus-visible, .tech_sec ul.nav.nav-tabs li button.nav-link:focus, .tech_sec ul.nav.nav-tabs li button.nav-link:focus-visible {
    outline: 0;
    border: 0 !important
}

.tech_sec ul.nav.nav-pills li button.nav-link.active, .tech_sec ul.nav.nav-tabs li button.nav-link.active {
    border: 0 !important;
    height: 40px;
    background: #fff;
    box-shadow: 0 18px 31px rgba(113, 116, 152, .1), 0 8px 16.2244px rgba(113, 116, 152, .067), 0 8px 8.46625px rgba(113, 116, 152, .05);
    border-radius: 20px;
    color: #0e0b3d !important
}

.blog-faq-sec .accordion .accordion-item h3, .service-faq-sec .accordion .accordion-item h2, .service-faq-sec .accordion .accordion-item h3, .tech_sec .tab-content>.tab-pane {
    border: 0
}

.tech_sec .tab-content {
    max-width: 950px;
    margin: 50px auto 0
}

.communication-section ul, .pm-section ul, .tech_sec .tab-content .tab-pane ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap
}

.communication-section ul li, .pm-section ul li, .tech_sec .tab-content .tab-pane ul li {
    margin: 15px 0;
    text-align: center;
    width: 25%
}

.communication-section ul li p, .pm-section ul li p, .tech_sec .tab-content .tab-pane ul li p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #6c6f93;
    margin: 10px 0 0
}

.letstalk_sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 98px 0;
    width: 1424px;
    margin: 0 auto 70px
}

.letstalk_sec .letstalk-tagline {
    letter-spacing: 0;
    color: #91929b;
    margin: 0 0 15px
}

.letstalk_sec h2 {
    color: #fff;
    max-width: 500px
}

.letstalk_sec .contact-btn {
    display: inline-block;
    padding: 13px 20px;
    height: 50px;
    background: #d1a64a;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16.72px;
    line-height: 24px;
    letter-spacing: -.025em;
    color: #000;
    text-decoration: none;
    margin: 50px 0 0
}

.home_dedicated h2, .home_dedicated p, .letstalk_sec .letstalk_content {
    font-style: normal;
    letter-spacing: 0
}

.has-background-white .site .letstalk_sec a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button), .letstalk_sec .contact-btn:hover {
    background: #fff !important;
    color: #d1a64a !important
}

.foo-social-icon a svg path, .has-background-white .site a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path, .letstalk_sec .contact-btn:hover svg path, .social-icon a svg path, .team-block:hover .social-links a svg path {
    fill: #D1A64A
}

.letstalk_sec .contact-btn svg, .letstalkwhite_sec .contact-btn svg, .outline-btn svg, .view-btn svg {
    margin: 0 0 0 10px
}

.letstalk_sec .let-container {
    width: 1200px
}

.letstalk_sec .let_bdr {
    width: 92%;
    height: 1px;
    margin: 30px auto;
    background: rgba(96, 96, 107, .65)
}

.letstalk_sec .letstalk_content {
    max-width: 550px;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: rgba(255, 255, 255, .75)
}

.blog-heading-sec .t-right, .exp-tr, .home-service-sec .t-right, .inrpage-banner .bn-right, .letstalk_sec .t-right, .letstalkwhite_sec .t-right {
    text-align: right
}

.cd-future-btm-sec.cd-why-sec, .hire-develop-sev, .hire-rtd, .home-blog-sec, .industry-content-sec, .mad_section.odoo {
    padding: 100px 0 0
}

.pd-section {
    background: url("../images/home-no-bg.webp") center center no-repeat;
    display: flex;
    width: 100%;
    height: 600px;
    align-items: flex-end
}

.pd-section::after {
    content: "";
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.pd-section ul {
    margin: 0;
    padding: 40px 25px 40px 50px;
    list-style-type: none;
    background: #4200ff;
    display: flex;
    flex-direction: column;
    width: 237px;
    height: 185px
}

.pd-section ul li {
    margin: 0;
    padding: 0;
    color: #fff
}

.pd-section ul h3 {
    margin: 10px 0 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff
}

.pd-contain {
    display: flex;
    flex-flow: row wrap;
    justify-content: right;
    z-index: 999
}

.home_dedicated_bg {
    background: #030122;
    padding: 90px 96px 50px
}

.home_dedicated .tagline {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #d1a64a;
    margin: 0 0 20px
}

.home_dedicated h2 {
    line-height: 52px;
    color: #fff;
    margin: 0 0 20px
}

.home_dedicated p {
    font-weight: 400;
    font-size: 18.4px;
    line-height: 29px;
    color: #b3b8d0;
    max-width: 575px;
    margin: 10px 0 20px
}

.home_dedicated ul.nav {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px;
    width: 738px;
    height: 48px;
    background: #171531;
    border-radius: 24px;
    margin: 0 0 50px;
    border: 0
}

.home_dedicated ul.nav li button.nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    color: #b3b8d0;
    border: 0;
    outline: 0;
    border-radius: 20px;
    background: 0 0;
    margin: 0 10px
}

.home_dedicated ul.nav li button.nav-link.active, .home_dedicated ul.nav li button.nav-link:hover {
    background: #fff;
    border-radius: 20px;
    color: #0e0b3d;
    border: 0;
    outline: 0
}

.home_dedicated ul.nav li button.nav-link:focus-visiable {
    border: 0;
    outline: 0
}

.tech_icon_box {
    display: flex;
    flex-direction: column;
    margin: 50px 0 10px
}

.btn_hire, .explore {
    display: inline-flex;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none
}

.home_dedicated .tab-content p, .tech_icon_box span {
    align-items: center;
    display: flex;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal
}

.tech_icon_box img {
    margin-bottom: 1rem
}

.tech_icon_box span {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #d1a64a
}

.home_dedicated .tab-content p {
    font-size: 18px;
    line-height: 32px;
    color: #b3b8d0
}

.btn_hire {
    background: #fff;
    box-shadow: 0 1px 2px rgba(113, 116, 152, .08);
    border-radius: 8px;
    font-style: normal;
    font-size: 14px;
    align-items: center;
    text-align: center;
    letter-spacing: 0;
    color: #0e0b3d;
    padding: 8px 45px;
    margin: 60px 0 0
}

.btn_hire:hover, .has-background-white .site a.btn_hire:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #d1a64a !important;
    color: #fff !important
}

.home-service-sec .accordion-item, .home_dedicated .accordion-item {
    background: 0 0;
    border: 0
}

.hire-rtbg {
    background: url('../images/home-hire-bg.png') bottom right no-repeat;
    width: 100%;
    height: 100%;
    padding: 60px 0 40px 50px
}

.hire-rtbg img {
    z-index: 9;
    padding: 0
}

.home_industry .heading-sec {
    margin: 0 0 35px;
    display: flex;
    flex-direction: column
}

#v-industry-tab, .industry-content-main .nav-tabs {
    margin: 0 50px 0 0;
    width: 205px;
    flex-direction: column;
    border: 0
}

.home-blog-sec .tagline, .home-service-sec .tagline, .home_industry .tagline, .testi-content-sec .tagline {
    font-style: normal;
    font-weight: 500;
    font-size: 14.6px;
    line-height: 26px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #161519;
    margin: 0 0 15px
}

.career-about-sec h3, .hire-develper-process .process-heading h2, .home-case-sec .case-heading-sec h2, .home-service-sec h2, .home_industry h2, .process-sec h2, .process-sec h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013
}

.explore {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    border: none;
    border-radius: 20px;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0;
    color: #fff;
    background: #007aee
}

.badge-cate, .blog-content .date {
    font-size: 14.4px;
    line-height: 16px;
    letter-spacing: 0
}

.explore:focus, .explore:hover, .has-background-white .site a.explore:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #007aee !important;
    color: #fff !important
}

.authro-sec, .badge-sec, .industry-content-main, .testi-slide .testi-badge, .testimonial-box .testi-badge {
    display: flex
}

.industry-content-main .accordion-body {
    padding: 0;
    border: 0
}

.industry-content-main .accordion-item {
    border: 0;
    background: 0 0
}

.home_industry .nav button.nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    text-transform: capitalize;
    color: rgba(17, 16, 19, .6);
    background: 0 0;
    padding: 0;
    margin: 0 0 15px;
    border: 0
}

.home_industry .nav button.nav-link:focus, .home_industry .nav button.nav-link:focus-visible, .home_industry .nav button.nav-link:focus-within, .home_industry .nav button.nav-link:hover, .home_industry .nav-tabs .nav-link:focus, .home_industry .nav-tabs .nav-link:hover {
    border: 0;
    box-shadow: none
}

.home_industry .nav button.nav-link.active {
    color: #111013;
    background: 0 0;
    font-style: normal;
    font-weight: 700;
    border: 0
}

.home_industry .tab-content {
    background: rgba(188, 162, 105, .06);
    padding: 50px 65px 90px 100px;
    width: 82%
}

.ind_content {
    max-width: 550px
}

.engagement_section h2, .home_industry .tab-content h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    margin: 0 0 30px
}

.footer-cf h2, .home_industry .tab-content p {
    margin: 0 0 25px
}

.brand-section {
    display: block;
    padding: 100px 0
}

.brand-section .row+.row {
    height: 120px
}

.brand-section ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap
}

.accordion-category-content .cus-nav-heading i.nav-down, .accordion-category-content .cus-nav-heading.active i.nav-up, .brand-section ul li, .brand-section ul li .brand-r, .brand-section ul li:hover .brand-h, .exo-menu .cus-nav-heading i.nav-down, .exo-menu .cus-nav-heading.active i.nav-up, .exo-menu>li {
    display: inline-block
}

.brand-section ul li {
    width: 16.5%;
    margin: 30px 0;
    padding: 0
}

.accordion-category-content .cus-nav-heading i.nav-up, .accordion-category-content .cus-nav-heading.active i.nav-down, .banner-section-mobile, .brand-section ul li .brand-h, .brand-section ul li:hover .brand-r, .columns_wrap.row .column-1_1 br, .common-box a, .copyright ul li:last-child::after, .country-name, .country-name1, .developer-dedicat.ptqa, .drop-down-ul, .exo-menu .cus-nav-heading i.nav-up, .exo-menu .cus-nav-heading.active i.nav-down, .hpc-qa, .hrs-rate.hrqa, .media-slider.mobile, .menu-custom-development-menu-container, .page-id-12336 .developer-dedicat, .page-id-12336 .hpc-d, .page-id-12336 .hrs-rate, .page-id-13333 .graphic-sec, .page-id-13333 .home-case-sec, .page-id-13333 .pd-section, .page-id-13333 .process-sec, .page-id-13333 .tech_sec, .page-id-13333 .whyc-section, .page-id-13377 .home-case-sec, .page-id-13377 .pd-section, .page-id-13377 .portfolio-video-sec, .page-id-13377 .process-sec, .page-id-13377 .tech_sec, .page-id-13377 .whyc-section, .page-id-13809 .home-case-sec, .page-id-170 .graphic-sec, .page-id-170 .main_tool_section, .page-id-170 .portfolio-video-sec, .page-id-3593 .hwi-sec, .page-id-530 .graphic-sec, .page-id-530 .main_tool_section, .page-id-530 .portfolio-video-sec, .page-id-589 .graphic-sec, .page-id-589 .main_tool_section, .page-id-589 .portfolio-video-sec, .page-id-592 .graphic-sec, .page-id-592 .main_tool_section, .page-id-592 .portfolio-video-sec, .page-id-595 .graphic-sec, .page-id-595 .main_tool_section, .page-id-595 .portfolio-video-sec, .page-id-598 .graphic-sec, .page-id-598 .main_tool_section, .page-id-598 .portfolio-video-sec, .page-id-600 .graphic-sec, .page-id-600 .main_tool_section, .page-id-600 .portfolio-video-sec, .page-id-603 .graphic-sec, .page-id-603 .main_tool_section, .page-id-603 .portfolio-video-sec, .postid-1155 .case-detail-sec, .postid-1197 .case-detail-sec, .postid-1218 .case-detail-sec, .postid-13820 .case-detail-sec, .postid-14301 .case-detail-sec, .postid-14401 .case-detail-sec, .postid-14516 .case-detail-sec, .postid-14644 .case-detail-sec, .postid-14688 .case-detail-sec, .postid-15028 .case-detail-sec, .postid-15639 .case-detail-sec, .postid-15680 .case-detail-sec, .s2-mobile_menu, .s2-mobile_menu .s2-mobile-main-navigation .navbar-nav li a:after, .select2-selection__clear, .testimonials-sec .owl-carousel .owl-dots .owl-dot span, li.drop-down .dd-menu {
    display: none
}

.brand-slider.owl-carousel .owl-item img {
    margin: 25px 0;
    display: inline-flex
}

.home-blog-sec h2 {
    font-weight: 700;
    font-size: 38px;
    line-height: 115%;
    letter-spacing: 0;
    color: #111013
}

.blog-heading-sec, .blog-listing .portfolio-l-box, .case-heading-sec, .home-service-heading-sec, .section-title, .section-title-left, .service-content-sec .service-content-heading, .technology-content-sec .service-content-heading {
    margin: 0 0 40px
}

.blog-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0 20px
}

.blog-content, .blog-thumb {
    display: inline-flex;
    width: 100%
}

.blog-thumb {
    flex-direction: column;
    height: 280px;
    overflow: hidden;
    border-radius: 5px;
    margin: 0
}

.blog-thumb img {
    height: 100%;
    object-fit: cover
}

.blog-listing .portfolio .thumbnail.image-2:hover img, .blog-thumb img:hover, .img-hover-zoom--basic:hover img {
    transform: scale(1.2)
}

.blog-content {
    flex-direction: column;
    padding: 30px;
    position: absolute;
    bottom: 0
}

.badge-cate, .testi-slide .testi-badge span {
    display: inline-block;
    padding: 5px 8px;
    background: rgba(144, 145, 156, .15);
    font-weight: 500;
    font-style: normal;
    vertical-align: top;
    text-align: center
}

.blog-l-box, .fc-add-inner-box, .select2-container {
    margin: 0 0 20px
}

.blog-l-box h3, .blog-l-box h3 a {
    font-style: normal;
    text-decoration: none;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    color: #111013;
    margin: 0
}

.blog-l-box h3 a:hover {
    color: #111013;
    text-decoration: none
}

.blog-content .date {
    font-style: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    color: #fff;
    margin: 0 0 10px
}

.badge-cate {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    color: #fff;
    margin: 0 8px 0 0
}

.outline-btn, .view-btn {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    border: 2px solid #111013;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 15.84px;
    line-height: 24px;
    color: #111013;
    text-decoration: none
}

.has-background-white .site a.view-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button), .view-btn:hover {
    border: 2px solid #000 !important;
    background: #000 !important;
    color: #fff !important
}

.contact-detail i svg path, .has-background-white .site .letstalkwhite_sec a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path, .has-background-white .site a.outline-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path, .has-background-white .site a.view-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path, .herobanner .mp-btn a svg path, .home-service-sec #v-services-tab button.nav-link.active svg path, .home-service-sec #v-services-tab button.nav-link:hover svg path, .outline-btn:hover svg path, .view-btn:hover svg path {
    fill: #fff
}

.foo-social-icon a:hover svg path, .has-background-white .site .foo-social-icon a:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path, .herobanner .mp-btn a:hover svg path, .site-footer .foo-contact-detail i svg path {
    fill: #000
}

.home-service-sec #v-services-tab {
    width: 370px;
    padding: 0 10px 0 0;
    margin: 0 60px 0 0;
    position: relative;
    z-index: 999;
    border: 0;
    height: 585px;
    overflow: hidden;
    overflow-y: scroll;
    flex-wrap: inherit;
    flex-direction: column;
    scrollbar-width: thin
}

#v-services-tabContent {
    width: 65%;
    margin: 0 0 0 20px;
    position: relative
}

.contact-banner-sec select, .footer-cf select, .home-service-sec #v-services-tab li, .media-slider.owl-carousel .owl-item img, .s2-mobile_menu_content .s2-mobile-main-navigation, .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav {
    width: 100%
}

.home-service-sec #v-services-tab button.nav-link.sbtn {
    background: linear-gradient(white, #fff) padding-box, linear-gradient(to right, #9a9a9a, #d1a64a) border-box;
    border-radius: 15px;
    border: 2px solid transparent;
    margin: 0 0 27px
}

.home-service-sec #v-services-tab button.nav-link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 40px;
    cursor: pointer;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #111013;
    position: relative;
    height: 112px;
    width: 100%
}

.home-service-sec #v-services-tab button.nav-link.devops-tab {
    padding: 33px 40px
}

.home-service-sec #v-services-tab button.nav-link svg {
    margin: 0 15px 0 0
}

.home-service-sec #v-services-tab button.nav-link::after {
    background: url("../images/services-nav-after.png") no-repeat;
    content: "";
    height: 92px;
    width: 98px;
    position: absolute;
    right: 0;
    top: 18px
}

.home-service-sec #v-services-tab #odoodev-tab.active svg path, .home-service-sec #v-services-tab #odoodev-tab:hover svg path {
    fill: #fff;
    stroke-width: 0;
    stroke: #fff
}

.home-service-sec #v-services-tab button#graphic-tab.nav-link.active svg path, .home-service-sec #v-services-tab button#graphic-tab.nav-link:hover svg path, .home-service-sec #v-services-tab button#videoanimation-tab.nav-link.active svg path, .home-service-sec #v-services-tab button#videoanimation-tab.nav-link:hover svg path {
    stroke: #fff;
    fill: none
}

.home-service-sec #v-services-tab button.nav-link.active, .home-service-sec #v-services-tab button.nav-link:hover {
    background: linear-gradient(90deg, #9a9a9a 0, #d1a64a 100%), #fff;
    color: #fff
}

.home-service-sec #v-services-tab button.nav-link.active::after, .home-service-sec #v-services-tab button.nav-link:hover::after {
    background: url("../images/services-nav-after-h.png") no-repeat
}

.home-service-sec #v-services-tabContent ul {
    display: flex;
    list-style-type: none;
    margin: 50px 0;
    padding: 0;
    flex-direction: row
}

.home-service-sec #v-services-tabContent ul li {
    display: inline-flex;
    width: 16.5%;
    margin: 30px 0;
    padding: 0;
    flex-direction: column
}

.home-service-sec #v-services-tabContent .tab-pane {
    padding: 40px 0 0;
    width: 90%
}

.home-service-sec .tab-content::after {
    content: "";
    background: linear-gradient(270deg, rgba(188, 162, 105, .2) 0, rgba(188, 162, 105, .012) 101.34%);
    border-radius: 16px;
    Width: 1080px;
    Height: 654px;
    position: absolute;
    right: 0;
    top: -30px;
    z-index: -1
}

.home-service-sec #v-services-tabContent .tab-pane h3 {
    margin: 0 0 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013
}

.ser-tab-main {
    display: flex;
    align-items: flex-start;
    margin: 0 0 60px
}

.home-case-sec {
    padding: 100px 0;
    background: linear-gradient(180deg, #fff, #e3f0fd)
}

.home-case-sec .case-heading-sec .tagline {
    font-style: normal;
    font-weight: 500;
    font-size: 14.6px;
    line-height: 26px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #161519;
    margin: 0
}

.case-thumb, .ind-thumb {
    width: 100%;
    cursor: pointer;
    overflow: hidden
}

.case-thumb img {
    border-radius: 5px;
    width: 100%
}

.case-listing-sec .item, .casebox {
    margin: 0 0 35px
}

.home-case-sec a {
    text-decoration: none;
    color: #fff
}

.home-case-sec h2, .home-case-sec h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0;
    color: #111013;
    margin: 5px 0
}

.home-case-sec h3 {
    margin: 12px 0 5px
}

.home-case-sec .casebadge {
    font-style: normal;
    font-weight: 400;
    font-size: 15.6px;
    line-height: 26px;
    letter-spacing: 1px;
    color: #161519
}

.testimonials-sec {
    position: relative;
    padding: 0 0 100px
}

.testi-content-sec {
    width: 315px
}

.testi-content-sec h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    margin: 0 0 30px
}

.testimonials-sec .owl-carousel .owl-dots {
    counter-reset: my-sec-counter;
    position: relative !important;
    display: block
}

.testimonials-sec .owl-dot:after {
    counter-increment: my-sec-counter;
    content: "0"counter(my-sec-counter);
    color: #000
}

.testimonials-sec .owl-dot {
    background-color: transparent !important;
    color: #fff !important;
    border: none !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 300 !important;
    position: absolute !important;
    left: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important
}

.testimonials-sec .owl-dot.active {
    opacity: 1 !important;
    visibility: visible !important
}

.code-bx, .cstudy-section .inner-column, .egmodel-section .inner-column, .flyout-left, .flyout-right, .portfolio-heading-sec .tool_icon_content a, .s2-mobile_menu .dropdown, .team-block .inner-box, .total-slide, li.drop-down {
    position: relative
}

.testimonials-sec .count-number {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
    padding-left: 85px;
    position: relative
}

.testimonials-sec .count-number:after {
    content: "";
    position: absolute;
    width: 40px;
    left: 35px;
    background-color: #60606b;
    height: 2px;
    top: 50%
}

.testimonials-sec .owl-carousel .owl-item img {
    width: auto !important
}

.testimonials-sec .dots-wrapper {
    margin: 50px 0 0;
    position: relative;
    display: none
}

.cms-content-sec p, .testi-slide figure, .testimonial-box figure {
    margin: 0 0 15px
}

.testi-slide .testi-badge span {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    font-size: 14.4px;
    line-height: 16px;
    letter-spacing: 0;
    color: #161519;
    margin: 0 8px 15px 0
}

.testimonial-box h2, .testimonials-sec .testi-slide p.client-name {
    font-style: normal;
    font-weight: 700;
    font-size: 16.8px;
    line-height: 24px;
    letter-spacing: 0;
    color: #111013
}

.testi-slide .degignation, .testimonial-box .degignation {
    font-style: normal;
    font-weight: 400;
    font-size: 15.6px;
    line-height: 26px;
    display: flex;
    align-items: flex-end;
    letter-spacing: 0;
    color: #60606b
}

.testimonials-sec .testi-slide p, .testimonials-sec .testimonial-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 18.4px;
    line-height: 29px;
    letter-spacing: 0;
    color: #161519
}

.testimonials-btn-sec {
    width: 110px;
    margin: -26px 0 0 auto;
    position: relative;
    z-index: 999
}

.testimonials-btn-sec button.next-btn, .testimonials-btn-sec button.next-btn:hover, .testimonials-btn-sec button.prev-btn, .testimonials-btn-sec button.prev-btn:hover {
    background: 0 0 !important;
    padding: 0 18px;
    margin: 0;
    border: 0
}

.inrpage-banner {
    padding: 0;
    display: flex;
    position: relative;
    height: 714px;
    align-items: center
}

.inrpage-banner .container {
    position: relative;
    z-index: 9
}

.inrpage-banner::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0, rgba(255, 255, 255, .1) 100%)
}

.inrpage-banner .banner-text {
    width: 520px;
    display: flex;
    flex-direction: column
}

.inrpage-banner .tagline {
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    color: #fff
}

.inrpage-banner h1, .page-template-infrastructure-page h1 {
    font-size: 52px;
    line-height: 62px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0 50px;
    color: #111013
}

.inrpage-banner a.banner-btn, .service_icon_content h3 {
    font-weight: 600;
    letter-spacing: 0;
    font-style: normal;
    text-decoration: none
}

.blog-listing .portfolio-l-box .title a, .cd-feture-bg-sec h2, .has-background-white .site .blog-listing .portfolio-l-box .title a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .inrpage-banner h1, .team-block .inner-box:hover .info-box .name {
    color: #fff
}

.inrpage-banner a.banner-btn {
    display: inline-block;
    padding: 13px 20px;
    height: 50px;
    background: #007aee;
    border-radius: 9999px;
    font-size: 16.72px;
    line-height: 24px;
    color: #fff;
    margin: 0
}

.herobanner .mp-btn a svg, .inrpage-banner a.banner-btn svg {
    margin: 5px 0 0 10px;
    display: inline-block;
    vertical-align: top
}

.has-background-white .site .inrpage-banner a.banner-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #fff !important;
    color: #007aee !important
}

.inrpage-banner .banner-img img {
    border-radius: 20px 20px 50px
}

.page-template-infrastructure-page h1 {
    margin: 15px 0 20px
}

.mad_section {
    padding: 60px 0 100px
}

.mad_section .heading {
    margin: 0 0 60px
}

.mad_section .heading h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: center
}

.service_icon_content {
    border: 2px solid #e5e5e5;
    padding: 80px 30px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-height: 410px;
    border-radius: 10px;
    text-decoration: none
}

.service_icon_content figure {
    background: #e6f2fe;
    border-radius: 32.5px;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 50px
}

.service_icon_content:hover figure {
    background: #e6f2fe
}

.service_icon_content h3 {
    background: 0 0;
    font-size: 22px;
    line-height: 33px;
    color: #000;
    text-align: center;
    min-height: 67px;
    margin: 0
}

.service_icon_content:hover h3 {
    color: #007aee;
    text-decoration: none
}

.whyc-section {
    padding: 100px 0 70px
}

.hirertd-content-heading, .why-heading-sec {
    margin: 0 0 50px
}

.whyc-section h2, .whyc-section h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: center;
    margin: 0 0 20px
}

.letstalkwhite_content, .whyc-section p {
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0
}

.whyc-section p {
    font-size: 18.4px;
    color: #161519;
    text-align: center;
    margin: 0
}

.whyc-icon-box {
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    text-align: center;
    padding: 55px;
    width: 32.33%;
    border-bottom: 1px solid #e4e4e7;
    border-right: 1px solid #e4e4e7
}

.whyc-section .whyc-icon-box h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0;
    color: #181818;
    text-align: center;
    margin: 50px 0 22px;
    min-height: 58px
}

.whyc-section .whyc-icon-box p {
    color: #52525b
}

.whyc-icon-box:nth-child(3) {
    border-right: 0px
}

.whyc-icon-box:nth-child(4), .whyc-icon-box:nth-child(5) {
    border-bottom: 0
}

.whyc-icon-box:nth-child(6) {
    border-bottom: 0;
    border-right: 0px
}

.hire-content-sec h2, .service-content-sec h2, .technology-content-sec h2 {
    font-weight: 600;
    font-size: 42px;
    line-height: 52px;
    letter-spacing: 0;
    color: #111013;
    text-align: center
}

.service-content-para {
    max-width: 830px
}

.service-content-sec ul, .technology-content-sec ul {
    margin: 0 0 0 50px;
    padding: 0;
    list-style-type: none;
    display: block;
    width: 100%
}

.service-content-sec ul li, .technology-content-sec ul li {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    background: url(../images/service-bullet.png) 0 7px no-repeat;
    display: block;
    vertical-align: top;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    color: #111013
}

.case-page-banner, .hire-content-sec, .service-faq-sec, .technology-content-sec {
    padding: 70px 0
}

.case-sec p, .hire-content-sec .service-content-heading, .site-footer .foo-contact-detail {
    margin: 0 0 30px
}

.process-sec {
    padding: 0 0 170px
}

.hire-develper-process .process-heading, .process-heading {
    text-align: center;
    margin: 0 auto 90px
}

.probox-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.process-box {
    display: inline-flex;
    margin: 0 26px 0 0;
    position: relative
}

.process-box .process-box-inr {
    text-align: center;
    border-radius: 50%;
    background: #fff;
    width: 191px;
    height: 191px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.process-box:last-child .process-box-inr {
    background: rgba(209, 166, 74, .2)
}

.process-box .process-box-inr:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 50%;
    width: 191px;
    height: 191px;
    border: 2px dashed #d1a64a
}

.process-box.parrowbtm:after, .process-box.parrowtop:before {
    box-sizing: border-box;
    width: 198px;
    position: absolute;
    content: ""
}

.hd-process .hd-process-img figure:hover::after, .process-box .process-box-inr:hover:after {
    animation: 10s linear infinite spin
}

.process-box .process-box-inr figure {
    margin: 0 0 8px
}

.process-box .process-box-inr h3, .process-box .process-box-inr h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #161519
}

.process-box.parrowtop:before {
    background: url(../images/process-top-arrow.png) no-repeat;
    height: 54px;
    left: 10px;
    top: -40px
}

.process-box.parrowbtm:after {
    background: url(../images/process-bottom-arrow.png) no-repeat;
    height: 45px;
    left: 3px;
    bottom: -45px
}

@keyframes spin {
    100% {
        transform: rotateZ(360deg)
    }
}

.service-faq-heading {
    max-width: 600px;
    text-align: center;
    margin: 0 auto 50px
}

.cstudy-section h2, .egmodel-section h2, .result-section h2, .service-faq-heading h2, .service-faq-heading h3 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    margin: 0 0 20px
}

.service-faq-heading p {
    max-width: 450px;
    margin: 0 auto
}

.service-faq-sec .accordion {
    margin: 0 auto
}

.blog-faq-sec .accordion .accordion-item, .service-faq-sec .accordion .accordion-item {
    padding: 30px;
    background: #fff;
    border: 1.5px solid #e4e4e7;
    border-radius: 10px;
    margin: 0 0 15px
}

.blog-faq-sec .accordion .accordion-item h3 button, .service-faq-sec .accordion .accordion-item h2 button, .service-faq-sec .accordion .accordion-item h3 button {
    padding: 0;
    margin: 0;
    box-shadow: none
}

.blog-faq-sec .accordion .accordion-item h3 button.accordion-button, .service-faq-sec .accordion .accordion-item h2 button.accordion-button, .service-faq-sec .accordion .accordion-item h3 button.accordion-button {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 32px;
    color: #18181b;
    background: #fff
}

.blog-faq-sec .accordion .accordion-item .accordion-body, .service-faq-sec .accordion .accordion-item .accordion-body {
    padding: 25px 0 0
}

.blog-faq-sec .accordion-button[aria-expanded=false]::after, .service-faq-sec .accordion-button[aria-expanded=false]::after {
    background: url(../images/faq-plus.svg) no-repeat
}

.blog-faq-sec .accordion-button[aria-expanded=true]::after, .service-faq-sec .accordion-button[aria-expanded=true]::after {
    background: url(../images/faq-minus.svg) no-repeat
}

.blog-faq-sec h2 {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0;
    color: #111013;
    margin: 0
}

.blog-faq-heading {
    text-align: left;
    margin: 0 auto 20px
}

.blog-faq-sec .accordion .accordion-item {
    padding: 10px 15px
}

.blog-faq-sec .accordion .accordion-item .accordion-body {
    padding: 10px 0 0
}

.letstalkwhite_sec {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
    margin: 0 auto
}

.letstalkwhite_sec .letstalkwhite-tagline {
    font-weight: 500;
    font-size: 14.6px;
    line-height: 26px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #161519;
    margin: 0 0 15px
}

.letstalkwhite_sec h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    max-width: 500px
}

.letstalkwhite_sec .contact-btn {
    display: inline-block;
    padding: 13px 20px;
    height: 50px;
    background: #111013;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16.72px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    margin: 50px 0 0
}

.has-background-white .site .letstalkwhite_sec a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button), .letstalkwhite_sec .contact-btn:hover {
    color: #fff !important;
    background: #d1a64a !important
}

.letstalkwhite_bdr {
    width: 100%;
    height: 1px;
    margin: 30px auto;
    background: rgba(96, 96, 107, .65)
}

.letstalkwhite_content {
    max-width: 550px;
    font-size: 18px;
    color: 161519
}

.posted-by, .published-date {
    display: flex;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.category-name, .posted-by, .published-date {
    color: rgba(255, 255, 255, .75)
}

.blog .page-header {
    padding: 50px 0 0 !important;
    border: 0 !important;
    max-width: inherit
}

.blog-listing, .career-about-sec, .work-model {
    padding: 0 0 100px
}

.blog-listing-heading {
    padding: 60px 0
}

.blog .page-header h1, .blog-listing-heading h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    letter-spacing: 0;
    background: linear-gradient(91.17deg, #9a9a9a 1.25%, #cea650 33.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.blog-listing .portfolio {
    position: relative;
    width: 100%;
    padding: 150px 0;
    margin: 0 0 30px;
    border-radius: 5px
}

.blog-listing .portfolio .content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 100px 32px 32px;
    width: 100%;
    height: auto;
    background: linear-gradient(0deg, rgba(16, 16, 24, .8) 0, rgba(16, 16, 24, 0) 100%);
    border-radius: 8px;
    text-decoration: none
}

.blog-listing .portfolio .thumbnail, .blog-listing .portfolio .thumbnail-inner {
    background-size: cover;
    background-position: 50%;
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    left: 0;
    overflow: hidden;
    cursor: pointer
}

.blog-listing .portfolio .content .inner .portfolio-button {
    margin: 12px 0 0;
    transition: .7s;
    display: flex
}

.blog-listing .portfolio .thumbnail-inner {
    transition: transform .28s;
    transition: transform .28s, -webkit-transform .28s;
    z-index: 9;
    border-radius: 5px
}

.blog-listing .portfolio .thumbnail {
    border-radius: 5px
}

.blog-listing .portfolio .thumbnail figure.post-thumbnail {
    margin: 0;
    height: 100%
}

.blog-listing .portfolio .thumbnail figure.post-thumbnail a.post-thumbnail-inner {
    height: 100%;
    position: relative
}

.blog-listing .portfolio .thumbnail figure.post-thumbnail a.post-thumbnail-inner::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) .01%, rgba(0, 0, 0, .536412) 53.65%, #000 100%)
}

.blog-listing .portfolio .thumbnail img {
    width: 100%;
    height: 100% !important;
    border-radius: 8px;
    object-fit: cover
}

.blog-listing .portfolio .date {
    font-style: normal;
    font-weight: 500;
    font-size: 14.4px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    color: #fff;
    margin: 0 0 12px
}

.blog-listing .portfolio-l-box .title h2.entry-title {
    margin: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0;
    color: #111013
}

.blog-listing .portfolio-l-box .title a {
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: 0
}

.blog-listing .portfolio-button .p-badge-cate {
    font-style: normal;
    font-weight: 500;
    font-size: 14.4px;
    line-height: 16px;
    letter-spacing: 0;
    color: #fff;
    padding: 5px 8px;
    background: rgba(247, 247, 255, .15);
    border-radius: 5px;
    margin: 0 10px 0 0
}

.blog-listing .pagination {
    border: none;
    margin: 0;
    align-items: center;
    justify-content: center
}

.blog-listing .navigation.pagination {
    padding: 0;
    margin-top: 30px
}

.blog-listing .pagination .nav-links .page-numbers, .blog-listing .pagination .nav-links .page-numbers:focus {
    color: #d1a64a !important;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: .3s;
    list-style: none;
    height: 45px;
    width: 45px;
    margin: 0 3px;
    line-height: 45px;
    border-radius: 50%;
    text-decoration: none !important
}

.blog-listing .pagination .nav-links .page-numbers.current, .blog-listing .pagination .nav-links .page-numbers:hover {
    color: #fff !important;
    background: #d1a64a
}

.blog-listing .pagination .nav-links .next.page-numbers, .blog-listing .pagination .nav-links .prev.page-numbers {
    border-radius: 50px;
    width: 80px;
    padding: 0 10px
}

.site-header {
    max-width: 100% !important;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 999999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .07);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%)
}

.nav-up {
    top: -80px
}

.primary-navigation>.primary-menu-container {
    top: 19px
}

.blog-container {
    max-width: 1600px;
    margin: 0 auto
}

.primary-navigation a:focus, .primary-navigation a:hover, .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: 0;
    text-decoration: none
}

.singular .has-post-thumbnail .entry-header {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important
}

.alignfull [class*=inner-container]>.alignwide, .alignwide [class*=inner-container]>.alignwide, .entry-header .post-thumbnail, .singular .post-thumbnail {
    width: 100% !important;
    max-width: 100% !important
}

.post-thumbnail .wp-post-image {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important
}

.post-banner-m {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0
}

.post-banner-image {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
    overflow: hidden;
    border-radius: 0;
    cursor: pointer;
    position: relative
}

.post-banner-image::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(180deg, #fff 0, rgba(0, 0, 0, 0) .01%, rgba(113, 113, 113, .54) 53.65%, #646464 100%)
}

.post-content {
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    width: 1200px;
    height: auto;
    margin: 0 auto
}

.singular .post-content h1.entry-title {
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    line-height: 65px;
    display: flex;
    align-items: center;
    letter-spacing: 0;
    color: #fff;
    max-width: 875px
}

.posted-by {
    flex-direction: column;
    font-size: 16px
}

.posted-by span {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 0;
    color: #fff;
    text-transform: capitalize
}

.published-date {
    flex-direction: column;
    font-size: 16px;
    margin: 0 50px
}

.category-name, .published-date span {
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0
}

.backtotop, .blog-top-social-media {
    margin: 0;
    position: fixed;
    top: 50%;
    padding: 0
}

.published-date span {
    font-size: 16px;
    line-height: 27px;
    color: #fff
}

.category-name {
    font-size: 15.6px;
    line-height: 26px
}

.backtotop a, .blog-right-part h2, .blog-top-social-media, .blog-top-social-media a {
    line-height: 24px;
    letter-spacing: 0;
    color: #161519;
    font-style: normal
}

.backtotop {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 175px;
    left: -30px
}

.backtotop a span {
    width: 30px;
    height: 2px;
    background: #161519;
    display: inline-block;
    margin: 0 15px 4px 0
}

.backtotop a span.light-line {
    width: 30px;
    height: 2px;
    background: #6e6d70;
    display: inline-block;
    margin: 0 0 4px
}

.backtotop a, .blog-top-social-media a {
    font-weight: 500;
    font-size: 16px;
    text-decoration: none
}

.backtotop a:focus, .backtotop a:hover, .blog-top-social-media a:focus, .blog-top-social-media a:hover {
    color: #161519 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    outline: 0 !important
}

.blog-recent-content a, .blog-right-part h2, .bradcrum a, .case-listing-sec .item a, .hire-develop-sev a, .single.single-post .blog-content-part .recent-post a, .table-contents-card ul li a {
    text-decoration: none
}

.blog-top-social-media {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 210px;
    right: -30px;
    font-weight: 500;
    font-size: 16px
}

.entry-content {
    margin: 0 15px
}

.default-max-width, .entry-content, .entry-content .wp-audio-shortcode, .entry-content p, .entry-content>:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .post-thumbnail, .recent-post, [class*=inner-container]>:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
    max-width: 100% !important
}

.ptb40, .recent-post {
    padding: 40px 0
}

.recent-post-inr {
    margin: 0 auto;
    width: 955px
}

.blog-left-part, .blog-right-part {
    display: inline-block;
    width: 19%;
    vertical-align: top;
    position: -webkit-sticky;
    position: sticky;
    top: 110px
}

.blog-content-part {
    display: inline-block;
    width: 61%;
    vertical-align: top
}

.blog-cw, .blog-sidebar {
    width: 100%
}

.blog-content-part h1, .blog-content-part h2 {
    margin-bottom: 20px
}

.blog-content-part h3, .blog-content-part h4, .blog-content-part h5, .blog-content-part h6 {
    margin-bottom: 15px
}

.blog-content-part h3 {
    font-size: 1.5rem
}

.blog-content-part h4 {
    font-size: 1.25rem
}

.blog-content-part h5 {
    font-size: 1rem
}

.blog-content-part ul li {
    margin-bottom: 10px;
    line-height: 1.7
}

.blog-right-part h2 {
    font-weight: 700;
    font-size: 18px
}

.blog-right-part input[type=email], .blog-right-part input[type=text], .site .blog-right-part textarea {
    font-size: 16px
}

.recent-post h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 0;
    color: #17161a;
    margin: 0 0 36px
}

.blog-recent-content .pub-date, .recent-badge-sec .r-badge-cate, select.form-select {
    font-size: 14.4px;
    line-height: 16px;
    letter-spacing: 0;
    font-style: normal
}

.blog-recent-content a h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
    color: #111013
}

.blog-thumb-img img {
    min-height: 250px;
    border-radius: 5px;
    object-fit: cover
}

.cd-content p, .postid-1207 .keyf-content p, .postid-1229 .keyf-content p {
    min-height: 85px
}

.blog-recent-content .pub-date {
    font-weight: 500;
    color: #60606b;
    margin: 32px 0 12px
}

.recent-badge-sec {
    display: flex;
    flex-direction: row;
    margin: 12px 0 0
}

.recent-badge-sec .r-badge-cate {
    font-weight: 500;
    color: #161519;
    margin: 0 10px 0 0;
    padding: 5px 8px;
    background: rgba(144, 145, 156, .15);
    border-radius: 5px
}

.table-contents-card {
    background: #fff;
    padding: 16px 22px 28px;
    border: 1px solid #d7d7d7;
    border-radius: 8px
}

.table-contents-card .table-contents-card-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.blog-sidebar, .blog-single.blog-sdetail {
    display: inline-block;
    vertical-align: top
}

.bradcrum, .sq-logo {
    align-items: center
}

.table-contents-card .table-contents-card-head h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #161519;
    margin: 0
}

.table-contents-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: calc(100vh - 300px);
    overflow: auto
}

.table-contents-card ul li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin: 0 0 13px;
    position: relative
}

.table-contents-card ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #111013;
    outline: 0
}

.table-contents-card ul li a.active, .table-contents-card ul li a.is-active, .table-contents-card ul li a:hover {
    color: #ca8a00;
    text-decoration: none;
    outline: 0;
    font-weight: 600
}

.blog-single.blog-sdetail {
    width: 75%;
    margin: 0 0 0 30px
}

.blog-contact {
    padding: 16px 22px 18px;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 8px
}

.blog-cw {
    margin: 0 0 15px
}

.blog-cw input, .blog-cw textarea {
    border: 0;
    padding: 10px 0;
    border-bottom: 1px solid #a5a5a5
}

.site textarea:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #a5a5a5
}

.blog-cw textarea.wpcf7-form-control.wpcf7-textarea {
    height: 50px
}

.blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit {
    padding: 13px 20px;
    width: 100%;
    background-color: #d1a64a;
    border-radius: 6px;
    font-style: normal;
    font-weight: 700;
    font-size: 16.72px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    border: 0;
    outline: 0
}

.blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit:focus, .blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit:focus-visible, .blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit:focus-within, .blog-cw input.wpcf7-form-control.wpcf7-submit.btn-submit:hover {
    border: 0;
    outline: 0
}

.blog-bradcrum-container {
    width: 1017px;
    margin: 0 auto
}

.bradcrum {
    font-style: normal;
    font-weight: 600;
    font-size: 15.6px;
    line-height: 26px;
    display: flex;
    letter-spacing: 0;
    color: #161519
}

.bradcrum a {
    color: #161519
}

.bradcrum span {
    color: #161519;
    padding: 0 5px
}

.bradcrum .post.post-page.current-item {
    color: #60606b
}

.blog-droup-sec {
    text-align: right;
    margin: 0 0 30px
}

select.form-select {
    padding: 6px 12px;
    width: 125px;
    height: 36px;
    background: rgba(144, 145, 156, .08);
    border-radius: 5px;
    display: inline-flex;
    margin: 0 5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .3rem center;
    background-size: 16px 12px;
    font-weight: 400;
    color: #60606b;
    border: 0
}

.herobanner .mp-btn a, .hrs-rate a {
    padding: 13px 20px;
    text-decoration: none
}

.form-select:focus {
    box-shadow: none;
    border: 0
}

.Blog:hover, .Images:hover, .banner-section-web, .blog-drop-down>a:hover+.Blog, .drop-down-ul:hover, .flyout-mega-wrap:hover, .images-drop-down>a:hover+.Images, .media-slider.dekstop, .mega-drop-down a:hover+.mega-menu, .mega-menu:hover, .page-id-12336 .developer-dedicat.ptqa, .page-id-12336 .hpc-qa, .page-id-12336 .hrs-rate.hrqa, li.drop-down>a:hover+.dd-menu, li.drop-down>a:hover+.drop-down-ul, li.flyout-left a:hover+ul, li.flyout-left>ul:hover, li.flyout-mega>a:hover+.flyout-mega-wrap, li.flyout-right a:hover+ul, li.flyout-right>ul:hover {
    display: block
}

.herobanner {
    padding: 150px 0;
    display: flex;
    position: relative;
    height: 850px
}

.herobanner::after, .video-sec {
    position: absolute;
    width: 100%;
    top: 0
}

.video-sec {
    left: 0;
    object-fit: cover
}

.video-sec img {
    height: 850px;
    width: 100%;
    object-fit: cover
}

.herobanner::after {
    background: rgba(0, 0, 0, .6);
    content: "";
    height: 100%;
    z-index: 0
}

.herobanner .banner-text {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    z-index: 999;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 120px
}

.herobanner .banner-text-right {
    z-index: 99;
    position: absolute;
    right: 30px;
    top: 30px
}

.herobanner span {
    font-size: 23px;
    line-height: 26px;
    font-weight: 500;
    color: #fff
}

.herobanner p {
    font-size: 60px;
    line-height: 75px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 16px 0 30px;
    background: linear-gradient(111deg, #fbed96 20.58%, #abecd6 93.3%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.herobanner p.middle-txt {
    background: linear-gradient(90deg, #abbaab 0, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.contact-office-add figure, .contact-office-add h3, .herobanner .mp-btn {
    display: inline-flex
}

.herobanner .mp-btn a {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: 0 0;
    border-radius: 6px;
    border: 1px solid #fff
}

.has-background-white .site .herobanner .mp-btn a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .herobanner .mp-btn a:focus, .herobanner .mp-btn a:hover {
    color: #000 !important;
    text-decoration: none !important;
    background: linear-gradient(111deg, #fbed96 20.58%, #abecd6 93.3%) !important;
    outline: 0 !important;
    border: none
}

.herobanner .mp-btn.middle a:hover {
    background: linear-gradient(90deg, #abbaab 0, #fff 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    color: #000 !important
}

.sq-logo {
    width: 875px;
    display: flex
}

.sq-logo-inr {
    width: 32%;
    margin: 0 40px;
    display: inline-block;
    vertical-align: top
}

.first-box, .second-box {
    margin: 0 50px 0 0;
    background: #9a9a9a;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top
}

.first-box {
    animation-delay: 12s
}

.second-box {
    animation-delay: 9s
}

.third-box {
    background: #d1a64a;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    animation-delay: 6s
}

.forth-box {
    background: #9a9a9a;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 50px 50px 0 154px;
    animation-delay: 3s
}

.five-box, .six-box {
    margin: 50px 0 0;
    background: #9a9a9a;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top
}

.five-box {
    animation-delay: 9s
}

.six-box {
    animation-delay: 1s
}

.seven-box {
    background: #9a9a9a;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    margin: 50px 0 0 204px;
    animation-delay: 12s
}

.first-box, .five-box, .forth-box, .second-box, .seven-box, .six-box, .third-box {
    opacity: 0;
    position: relative;
    animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 3s;
    -moz-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.common-box:hover a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%
}

.common-box .location-info {
    position: absolute;
    z-index: 999;
    left: -44px;
    bottom: 100%;
    margin-bottom: 0;
    background-color: #d1a64a;
    padding: 15px 25px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0
}

.common-box:hover .location-info {
    margin-bottom: 20px;
    opacity: 1;
    visibility: visible;
    z-index: 999
}

.cnt {
    width: 20%;
    display: inline-block;
    vertical-align: top
}

.cnt h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #111013;
    margin: 0 0 10px
}

.cnt p {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #111013;
    margin: 0
}

#icon-container {
    width: 100%;
    height: 900px;
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: -1
}

.engagement-bx {
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    background-color: #fff
}

.engagement-bx .developer-time {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 40px 15px 20px;
    border-bottom: 1px solid #eee;
    justify-content: center
}

.engagement-body-bx {
    padding: 10px 25px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.engagement-body-bx ul.developer-desc, .life-photo-sec .owl-carousel .owl-stage-outer {
    margin: 0;
    padding: 0
}

.engagement-body-bx ul.developer-desc li {
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    list-style-type: none;
    background: url(http://localhost/sevensquaretech/wp-content/uploads/2023/04/list-arrow.png) 0 5px no-repeat
}

.engagement-bx .developer-time img {
    margin-right: 10px
}

.engagement-bx .developer-dedicat {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}

.engagement-bx .hrs-rate {
    color: #333;
    font-size: 30px;
    text-align: center;
    background: #f7f9fc;
    margin: 20px 0;
    border-radius: 5px;
    padding: 20px
}

.hrs-rate a {
    display: inline-block;
    background: #138bec;
    border-radius: 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 16.72px;
    line-height: 24px;
    letter-spacing: 0;
    color: #fff;
    margin: 0
}

.has-background-white .site .hrs-rate a:focus:not(.wp-block-button__link):not(.wp-block-file__button), .hrs-rate a:hover {
    color: #fff !important;
    text-decoration: none
}

.desk-dev, .op-block .opinner-box .open-box.expert p {
    min-height: 60px
}

.hire-develper-process {
    padding: 70px 0 30px;
    position: relative;
    z-index: 0
}

.hd-process {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0
}

.hd-process .hd-process-img {
    position: relative;
    z-index: 999;
    margin: 0 0 25px
}

.hd-process .hd-process-img figure {
    text-align: center;
    border-radius: 50%;
    background: #e7f3ff;
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0
}

.hd-process::after {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 80px;
    left: 50%;
    border: 1px dashed #283639;
    z-index: -1
}

.cus-nav-heading.active, .customdev-nav span {
    border-bottom: 1px solid #ccc
}

.hd-process.last::after {
    border: 0;
    display: none
}

.hd-process .hd-process-img figure::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    text-align: center;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    border: 2px dashed #007aee
}

.hd-process-content h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #161519;
    margin: 0 0 15px
}

.exo-menu>li>a, .primary-navigation a {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 18px
}

a.ctextlink, a.ctextlink:focus, a.ctextlink:hover {
    color: #007aee;
    text-decoration: underline
}

.exo-menu {
    width: 100%;
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0
}

.exo-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.primary-navigation a {
    font-family: Poppins, sans-serif
}

.menu-company-menu-container, .menu-custom-development-menu-container, .menu-hire-developer-menu-container, .menu-industry-menu-container, .menu-resources-menu-container, .menu-services-menu-container, .menu-technology-menu-container, .menu-work-menu-container, .primary-navigation ul li ul li a {
    padding: 10px
}

.exo-menu>li>a {
    color: #000;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

ul.drop-down-ul .inr-nav {
    display: inline-block;
    padding: 10px
}

.nav-career-left {
    width: 60%;
    display: inline-block
}

.nav-career-left span {
    font-size: 23px;
    font-weight: 600;
    line-height: 27px;
    color: #fff
}

.nav-career-left p {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin-top: 8px
}

.nav-career-right {
    width: 39%;
    display: inline-block;
    text-align: right
}

.exo-menu i {
    float: left;
    font-size: 18px;
    margin-right: 6px;
    line-height: 20px !important
}

li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
    display: none
}

li.drop-down .dd-menu, li.drop-down>ul {
    left: -200px;
    min-width: 230px;
    background: #fffefe;
    padding: 0;
    -webkit-box-shadow: 0 0 10px 0 #000;
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.benefits-box, .rp-block .rpinner-box {
    -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

li.drop-down>.dd-menu.industry-nav, li.drop-down>.dd-menu.services-nav, li.drop-down>ul.industry-nav, li.drop-down>ul.services-nav {
    min-width: 730px
}

li.drop-down>.dd-menu.tech-nav, li.drop-down>ul.tech-nav {
    min-width: 875px;
    left: -300px
}

li.drop-down>.dd-menu.hire-nav, li.drop-down>ul.hire-nav {
    min-width: 875px;
    left: -400px
}

li.drop-down>.dd-menu.work-nav, li.drop-down>ul.work-nav {
    min-width: 600px;
    left: -300px
}

li.drop-down>.dd-menu.resource-nav, li.drop-down>ul.resource-nav {
    min-width: 600px;
    left: -350px
}

li.drop-down>.dd-menu.company-nav, li.drop-down>ul.company-nav {
    min-width: 600px;
    left: -450px
}

.cust-nav li, li.drop-down>ul.company-nav li, li.drop-down>ul.resource-nav li, li.drop-down>ul.services-nav li, li.drop-down>ul.work-nav li {
    display: inline-flex;
    width: 49%
}

li.drop-down>ul.hire-nav li, li.drop-down>ul.tech-nav li {
    display: inline-flex;
    width: 32.5%
}

.flyout-left>ul, .flyout-right>ul {
    top: 0;
    min-width: 230px;
    display: none
}

.flyout-left ul>li>a, .flyout-right ul>li>a, li.drop-down>ul>li>a {
    color: #000;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-transition: color .2s linear, background .2s linear;
    -moz-transition: color .2s linear, background .2s linear;
    -o-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

.flyout-left ul>li>a, .flyout-right ul>li>a {
    border-bottom: 1px dotted #b8c7bc
}

.cus-nav-heading {
    padding: 0 0 10px;
    margin: 0 20px;
    font-style: normal;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0;
    color: #000
}

.accordion-category-content .cus-nav-heading i, .exo-menu .cus-nav-heading i {
    float: right;
    margin: 0
}

.accordion-category-content .cus-nav-heading i svg, .exo-menu .cus-nav-heading i svg {
    width: 12px
}

.nav-career-sec {
    background: #d1a64a;
    padding: 20px;
    display: flex;
    align-items: center
}

.nav-career-sec a.btn-nav {
    display: inline-block;
    padding: 13px 20px;
    height: 50px;
    background: #111013;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    margin: 0
}

.has-background-white .nav-career-sec a.btn-nav:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #111013 !important;
    color: #fff !important
}

.nav-career-sec a.btn-nav:hover {
    color: #000;
    background: #fff
}

.primary-navigation .current-menu-item>a:first-child, .primary-navigation .current-menu-item>a:first-child:hover, .primary-navigation .current_page_item>a:first-child, .primary-navigation .current_page_item>a:first-child:hover, .site-footer .foo-contact-detail a:hover {
    color: #d1a64a;
    text-decoration: none
}

.customdev-nav {
    padding: 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px
}

.customdev-nav span {
    width: 100%;
    display: block;
    padding: 0 0 10px
}

@media (min-width:767px) {
    .exo-menu>li>a {
        display: block
    }

    .Blog, .Images, .flyout-left>ul, .flyout-mega-wrap, .flyout-right>ul, .mega-menu, li.drop-down .dd-menu, li.drop-down>ul {
        position: absolute
    }

    .flyout-right>ul {
        left: 100%
    }

    .flyout-left>ul {
        right: 100%
    }
}

@media (max-width:767px) {
    .exo-menu, .exo-menu>li>a {
        display: none;
        width: 100%
    }

    .exo-menu, .exo-menu>li {
        width: 100%
    }

    .exo-menu {
        min-height: 58px;
        background-color: #23364b
    }

    .display.exo-menu>li>a {
        display: block;
        padding: 20px 22px
    }

    .Blog, .Images, .flyout-left>ul, .flyout-right>ul, .mega-menu, li.drop-down .dd-menu, li.drop-down>ul {
        position: relative
    }

    .industry-content-sec.odoo-dev .col-xl-6+.col-xl-6 {
        margin-top: 20px
    }
}

a.toggle-menu {
    position: absolute;
    right: 0;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #23364b;
    top: 0;
    display: none
}

.team-section {
    background: rgba(144, 145, 156, .06);
    padding: 100px 0
}

.team-block {
    position: relative;
    margin-bottom: 60px
}

.team-block .inner-box:hover .info-box .designation::after, .team-block .inner-box:hover .info-box::after {
    height: 100%
}

.team-block .inner-box:hover .social-links a {
    background-color: rgba(255, 255, 255, .15);
    color: #fff
}

.team-block .inner-box:hover .social-links a:hover {
    background-color: #fff;
    color: var(--theme-color2)
}

.team-block .inner-box:hover .image {
    padding: 15px;
    border: 2px solid #d1a64a
}

.team-block .image {
    position: relative;
    height: 190px;
    width: 190px;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    z-index: 2;
    -webkit-transition: .4s;
    transition: .4s
}

.team-block .image img {
    width: 100%;
    border-radius: 50%
}

.team-block .info-box {
    position: relative;
    padding: 100px 30px 30px;
    margin-top: -70px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    overflow: hidden
}

.team-block .info-box::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 120%;
    width: 100%;
    background-color: #fff;
    -webkit-transform: skewY(9deg);
    transform: skewY(9deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    content: ""
}

.team-block .info-box::after {
    position: absolute;
    left: 0;
    width: 100%;
    top: auto;
    bottom: 0;
    height: 0;
    background: linear-gradient(270deg, rgba(188, 162, 105, .2) 0, rgba(188, 162, 105, .012) 101.34%);
    -webkit-transform: skewY(9deg);
    transform: skewY(9deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: .3s;
    transition: .3s;
    content: ""
}

.team-block .info-box .name {
    position: relative;
    display: block;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 15px;
    z-index: 2
}

.site-footer .foo-contact-detail a, .team-block .info-box .name a {
    color: #000;
    text-decoration: none
}

.team-block .info-box .designation {
    position: relative;
    display: inline-flex;
    padding: 5px 20px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    z-index: 2;
    background: rgba(188, 162, 105, .2);
    min-height: 65px;
    align-items: center
}

.team-block .info-box .designation span {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #000
}

.benefits-box h5, .rp-block .rpinner-box .rp-content h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0
}

.team-block .social-links {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    -webkit-transition: .4s;
    transition: .4s
}

.team-block .social-links a {
    position: relative;
    display: block;
    margin: 0 5px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s
}

.has-background-white .site .team-block a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: 0 0;
    color: #000;
    outline: 0;
    text-decoration: none
}

.egmodel-section {
    padding: 100px 0;
    background: rgba(221, 237, 255, .2)
}

.egmodel-section .r-reverse, .fdr-reverse, .portfolio-sec .even .row-rev {
    flex-direction: row-reverse
}

.egmodel-section.even, .postid-1155 .cstudy-section.even, .postid-1155 .keyfeature-sec, .postid-1197 .cstudy-section.even, .postid-1197 .keyfeature-sec, .postid-1218 .cstudy-section.even, .postid-1218 .keyfeature-sec, .postid-13820 .cstudy-section.even, .postid-13820 .keyfeature-sec, .postid-14301 .cstudy-section.even, .postid-14301 .keyfeature-sec, .postid-14401 .cstudy-section.even, .postid-14401 .keyfeature-sec, .postid-14516 .cstudy-section.even, .postid-14516 .keyfeature-sec, .postid-14644 .cstudy-section.even, .postid-14644 .keyfeature-sec, .postid-14688 .cstudy-section.even, .postid-14688 .keyfeature-sec, .postid-15028 .cstudy-section.even, .postid-15028 .keyfeature-sec, .postid-15639 .cstudy-section.even, .postid-15639 .keyfeature-sec, .postid-15680 .cstudy-section.even, .postid-15680 .keyfeature-sec {
    background: #fff
}

.cstudy-section .content-column, .egmodel-section .content-column {
    display: flex;
    align-items: center
}

.egmodel-section .image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 50% 5px 5px 50%
}

.egmodel-section.even .image {
    border-radius: 5px 50% 50% 5px
}

.cstudy-section.even .inner-column, .egmodel-section.even .inner-column {
    justify-content: flex-end;
    display: flex
}

.egmodel-section .image-two {
    position: absolute;
    right: 17%;
    top: 50%;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%;
    transform: translateY(-50%);
    border: 4px solid #007aee;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.egmodel-section .image-two img {
    width: 80px;
    height: 80px
}

.benefits-box figure, .rp-block .rpinner-box figure {
    border-radius: 33px;
    width: 100px;
    height: 100px;
    background: #e5e5e5;
    margin: 0 15px 0 0
}

.egmodel-section.even .image-two {
    right: inherit;
    left: 17%
}

.career-benefits, .case-detail-sec, .currentopening-sec, .keyfeature-sec {
    padding: 100px 0;
    background: rgba(144, 145, 156, .06)
}

.benefits-box, .op-block .opinner-box, .rp-block .rpinner-box {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin: 15px 0
}

.benefits-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

.benefits-box figure {
    display: flex;
    align-items: center;
    justify-content: center
}

.benefits-box figure img, .case-box figure img, .cd-inner-box figure img, .keyf-inner-box figure img, .rp-block .rpinner-box figure img {
    max-width: inherit
}

.benefits-box h5 {
    margin: 20px 0 0;
    color: #111013
}

.career-benefits h2, .case-detail-sec h2, .currentopening-sec h2, .keyfeature-sec h2, .recruitment-process h2, .techstack-sec h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: center;
    margin: 0 0 30px
}

.rp-block .rpinner-box {
    display: flex;
    align-items: flex-start;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08);
    height: 128px
}

.cd-inner-box, .op-block .opinner-box {
    -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

.rp-block .rpinner-box figure {
    display: none;
    align-items: center;
    justify-content: center
}

.rp-block .rpinner-box .rp-content {
    display: inline-flex;
    width: 100%;
    flex-direction: column
}

.rp-block .rpinner-box .rp-content h3 {
    color: #111013
}

.review-content-sec .col-md-6+.col-md-6+.col-md-6+.col-md-6+.col-md-6+.col-md-6+.col-md-6+.col-md-6+.col-md-6, .review-content-sec .col-md-6:last-child, .rp-block .rpinner-box .rp-content h3 p, .sitemap-sec ul li:last-child {
    margin-bottom: 0
}

.op-block .opinner-box {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

.op-block .opinner-box .op-title {
    display: flex;
    flex-direction: row;
    width: 100%
}

.op-block .opinner-box h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 45px;
    letter-spacing: 0;
    color: #111013;
    text-align: left;
    margin: 0 0 10px;
    display: block
}

.op-block .opinner-box .open-box {
    width: 48%;
    display: inline-flex;
    flex-direction: column;
    margin: 0 5px
}

.has-background-white .site a.outline-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button), .outline-btn:hover {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #111013 !important
}

.press-inrpage-banner {
    background: #d1a64a;
    padding: 50px 0
}

.press-inrpage-banner h1 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    color: #fff
}

.press-inrpage-banner p {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 20px
}

.cms-content-sec, .pr-content-sec {
    padding: 50px 0
}

.cd-inner-box, .testimonial-box {
    padding: 20px;
    background: #fff;
    margin: 15px 0
}

.testimonial-box {
    border: 2px solid #ccc;
    border-radius: 10px;
    min-height: 465px
}

.testimonial-box .testi-badge span {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    background: rgba(144, 145, 156, .15);
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0;
    color: #161519;
    margin: 0 8px 15px 0
}

.case-inrpage-banner h1, .cms-h-content h1 {
    font-size: 65px;
    line-height: 80px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 30px;
    background: linear-gradient(179.74deg, #9a9a9a 24.68%, #cea650 114.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.cd-content h3, .keyf-content h3, .techstack-sec ul li h3 {
    font-weight: 600;
    font-size: 20px;
    color: #111013;
    letter-spacing: 0
}

.cd-inner-box {
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

.cd-inner-box figure {
    border-radius: 33px;
    display: inline-flex;
    margin: 0 15px 0 0;
    align-items: center;
    justify-content: center
}

.cd-content {
    display: inline-flex;
    width: 65%;
    flex-direction: column
}

.cd-content p {
    margin: 0
}

.cd-content h3, .keyf-content h3 {
    line-height: 25px;
    margin: 0 0 10px
}

.cstudy-section {
    padding: 100px 0;
    background: #fff
}

.communication-section, .cstudy-section.even, .highlight-sec, .postid-1155 .cstudy-section.odd, .postid-1155 .techstack-sec, .postid-1197 .cstudy-section.odd, .postid-1197 .techstack-sec, .postid-1218 .cstudy-section.odd, .postid-1218 .techstack-sec, .postid-13820 .cstudy-section.odd, .postid-13820 .techstack-sec, .postid-14301 .cstudy-section.odd, .postid-14301 .techstack-sec, .postid-14401 .cstudy-section.odd, .postid-14401 .techstack-sec, .postid-14516 .cstudy-section.odd, .postid-14516 .techstack-sec, .postid-14644 .cstudy-section.odd, .postid-14644 .techstack-sec, .postid-14688 .cstudy-section.odd, .postid-14688 .techstack-sec, .postid-15028 .cstudy-section.odd, .postid-15028 .techstack-sec, .postid-15639 .cstudy-section.odd, .postid-15639 .techstack-sec, .postid-15680 .cstudy-section.odd, .postid-15680 .techstack-sec {
    background: rgba(144, 145, 156, .06)
}

.cstudy-section .image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 0
}

.cstudy-section.even .image {
    border-radius: 0
}

.keyf-inner-box {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    margin: 15px 0
}

.keyf-inner-box figure {
    border-radius: 15px;
    width: 70px;
    height: 70px;
    background: #e5e5e5;
    display: inline-flex;
    margin: 0 15px 0 0;
    align-items: center;
    justify-content: center
}

.keyf-content {
    display: inline-flex;
    width: 80%;
    flex-direction: column
}

.keyf-content p {
    margin: 0;
    min-height: 60px
}

.techstack-sec ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center
}

.techstack-sec ul li {
    display: inline-flex;
    margin: 0;
    padding: 0;
    width: 20%;
    flex-direction: column;
    align-items: center
}

.techstack-sec ul li h3 {
    line-height: 23px;
    text-align: center;
    margin: 10px 0 0
}

.postid-1155 .keyf-inner-box figure {
    background: #2ab4ff
}

.postid-1197 .keyf-inner-box figure {
    background: #6552ff
}

.postid-1207 .keyf-inner-box figure {
    background: #eaad16
}

.postid-13820 .keyf-inner-box figure {
    background: #ff7920
}

.postid-1218 .keyf-inner-box figure {
    background: #387dff
}

.postid-1229 .keyf-inner-box figure {
    background: #6ac9cc
}

.cus-inr-banner {
    padding-top: 50px
}

.cus-dev-banner-inrtext {
    width: 700px;
    margin: 0 100px 0 auto
}

.cus-inr-banner .cus-dev-banner-inrtext h1 {
    font-size: 52px;
    line-height: 62px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0 50px;
    color: #212529
}

.cd-benefits-sec, .cs-section {
    padding: 100px 0;
    background: #fbfbfb
}

.cs-section ul {
    list-style-type: none;
    margin: 30px 0;
    padding: 0;
    max-width: 87%
}

.cs-section ul li {
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    background: url('../images/event-arrow-black.png') 0 1px no-repeat
}

.case-sec h2, .cd-about-sec h2, .cd-benefits-sec h2, .cd-feture-bg-sec h2, .cd-future-btm-sec h2, .cs-section h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: left;
    margin: 0 0 30px
}

.hwi-sec {
    background: #007aee
}

.left-heading {
    text-align: right;
    margin: 0 30px 0 0;
    padding: 20px 0
}

.right-heading {
    margin: 0 0 0 30px;
    padding: 20px 0
}

.hwi-sec h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
    margin-bottom: 0
}

.case-sec h2 {
    text-align: center;
    margin: 0 0 15px
}

.case-box {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    margin: 15px 0;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 10px 60px 0 rgba(0, 0, 0, .08)
}

.case-box.custom {
    background: linear-gradient(180deg, #f6faff, #e7f3fe);
    box-shadow: none
}

.case-box.bg figure, .case-box.custom figure {
    background: 0 0
}

.case-box.custom h3 {
    color: #000
}

.case-box figure {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    background: #e6f2fe;
    border-radius: 27px
}

.case-box.bg figure img {
    width: 140px;
    height: 140px
}

.case-box h3 {
    margin: 20px 0 0;
    color: #555;
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    min-height: 60px
}

.portfolio-content h2, .section-title h2, .section-title-left h2 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 700;
    letter-spacing: 0
}

.work-model .wm-box {
    border: 2px solid #007aee
}

.work-model .wm-des {
    padding: 20px;
    min-height: 280px
}

.work-model .wm-title {
    background: #007aee;
    padding: 20px
}

.work-model .wm-title h3 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 0
}

.work-model .wm-des ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.work-model .wm-des ul li {
    margin: 0 0 15px;
    padding: 0;
    color: #000
}

.cd-feture-bg-sec ul {
    list-style-type: none;
    margin: 30px 0;
    padding: 0
}

.cd-feture-bg-sec ul li {
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    background: url('../images/event-arrow-white.png') 0 1px no-repeat;
    color: #fff
}

.cd-benefits-sec ul, .cd-future-btm-sec ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    max-width: 900px
}

.cd-benefits-sec ul li, .cd-future-btm-sec ul li {
    margin: 0 0 10px;
    padding: 0 0 0 35px;
    background: url('../images/event-arrow-pink.png') 0 1px no-repeat;
    color: #555
}

.common-list ul li, .sitemap-sec ul li, ul.common-list li {
    padding: 0 0 0 20px;
    vertical-align: top;
    background: url(../images/service-bullet.png) 0 7px no-repeat
}

.cd-future-btm-sec ul {
    max-width: 1000px
}

.cd-future-btm-sec.cd-why-sec h2 {
    max-width: 800px;
    margin: 0 auto 30px
}

.cd-future-btm-sec.cd-why-sec ul, .modal-dialog {
    max-width: 700px
}

.section-title h2, .section-title-left h2 {
    color: #111013;
    margin: 0
}

.portfolio-content h2 {
    color: #111013;
    margin: 20px 0
}

.portfolio-content .tech-list ul {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0
}

.portfolio-content .tech-list ul li {
    margin: 10px 5px;
    padding: 8px;
    display: inline-flex;
    background: #f7f7f7;
    border-radius: 10px
}

.tech-list ul li img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.ptb80 {
    padding: 80px 0
}

.error404 .ptb80, .pm-section {
    padding: 80px 0 0
}

.content-banner {
    margin: 30px 0
}

.content-banner h1 {
    font-size: 55px;
    line-height: 70px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0 30px;
    text-align: center;
    background: linear-gradient(179.74deg, #9a9a9a 24.68%, #cea650 114.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.content-banner p {
    font-size: 22px;
    line-height: 33px;
    font-weight: 400;
    text-align: center;
    margin: 0
}

.contact-left-sec h1, .contact-left-sec p {
    margin: 0 0 15px;
    color: #fff;
    letter-spacing: 0
}

.contact-left-sec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%
}

.contact-left-sec h1 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700
}

.contact-left-sec p {
    font-size: 22px;
    line-height: 25px;
    font-weight: 400
}

.contact-left-sec h2, .contact-office-sec h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 10px;
    color: #fff
}

.contact-office-sec h2 {
    color: #000;
    text-align: center;
    margin: 0 0 20px
}

.cf-box {
    background: #fff;
    padding: 20px;
    margin: 20px 0
}

.contact-banner-sec input[type=color], .contact-banner-sec input[type=date], .contact-banner-sec input[type=datetime-local], .contact-banner-sec input[type=datetime], .contact-banner-sec input[type=email], .contact-banner-sec input[type=month], .contact-banner-sec input[type=number], .contact-banner-sec input[type=password], .contact-banner-sec input[type=search], .contact-banner-sec input[type=tel], .contact-banner-sec input[type=text], .contact-banner-sec input[type=time], .contact-banner-sec input[type=url], .contact-banner-sec input[type=week], .contact-banner-sec select, .site .contact-banner-sec textarea, .site textarea, .site-footer .footer-cf textarea, input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select {
    border: 0;
    border-bottom: 1px solid #707070;
    padding: 0 10px 10px 0;
    margin: 0 0 20px;
    font-size: 18px
}

.cf-box h2 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 20px;
    color: #000
}

.contact-banner-sec input[type=checkbox], input[type=checkbox] {
    border: 2px solid #d1a64a;
    border-radius: 3px;
    vertical-align: top;
    width: 25px;
    height: 25px;
    display: inline-block
}

.contact-banner-sec label span.wpcf7-list-item-label, .footer-cf label span.wpcf7-list-item-label {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    vertical-align: top;
    display: inline-block;
    width: 94%;
    margin: 0 0 0 10px
}

.cont-submit-btn input[type=submit]:focus, .contact-banner-sec input[type=checkbox]:focus, .contact-submit-btn input[type=submit]:focus, .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img, input[type=checkbox]:focus {
    outline: 0
}

input[type=checkbox]::after {
    left: 7px;
    top: 3px;
    border: 2px solid #d1a64a;
    border-top: 0;
    border-left: 0;
    transform: rotate(43deg)
}

.cont-submit-btn input[type=submit], .contact-submit-btn input[type=submit] {
    display: inline-block;
    font-family: Poppins, sans-serif;
    padding: 13px 20px;
    background: #007aee !important;
    border: 0;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.025em;
    color: #fff !important;
    text-decoration: none;
    margin: 30px 0 0;
    max-width: 150px
}

.cont-submit-btn input[type=submit]:hover, .contact-submit-btn input[type=submit]:hover {
    background: #007aee !important;
    border: 0;
    color: #fff !important
}

.addresume, .contact-detail {
    margin: 10px 0 30px
}

.contact-detail .d-block, .inrpage-banner .main-employee-sec h1, .site-footer .foo-contact-detail .d-block {
    margin: 0 0 10px
}

.contact-detail i, .site-footer .foo-contact-detail i {
    margin: 0 10px 0 0
}

.contact-detail a {
    color: #fff;
    text-decoration: none
}

.contact-detail a:focus, .contact-detail a:hover {
    color: #dddcdb !important;
    text-decoration: none
}

.foo-social-icon-sec, .social-icon-sec {
    display: flex;
    flex-direction: column
}

.foo-social-icon, .social-icon {
    display: flex;
    flex-direction: row
}

.foo-social-icon a, .social-icon a {
    display: inline-flex;
    align-items: center;
    padding: 10px
}

.social-icon a {
    background: #fff;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    justify-content: center;
    border-radius: 7px
}

.case-listing-sec .item a h2, .contact-office-add h3 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 10px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0
}

.foo-social-icon a:first-child, .social-icon a:first-child {
    margin-left: 0
}

.contact-office-add figure, .fc-add-inner-box figure {
    width: 35px;
    margin: 0 10px 0 0
}

.foo-social-icon a, .postid-14301 .keyf-inner-box figure img {
    width: 50px;
    height: 50px
}

.life-photo-sec h2 {
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    color: #000
}

.page-template-life-at-sst .owl-carousel .owl-nav button.owl-next, .page-template-life-at-sst .owl-carousel .owl-nav button.owl-prev {
    border-radius: 5px;
    background: rgba(0, 0, 0, .9)
}

.page-template-life-at-sst .owl-carousel .owl-nav button.owl-next:hover, .page-template-life-at-sst .owl-carousel .owl-nav button.owl-prev:hover {
    border-radius: 5px;
    background: rgba(209, 166, 74, .9)
}

.page-template-life-at-sst .las.la-long-arrow-alt-left {
    background: url(../images/gallery-arrow-left.png) no-repeat;
    width: 12px;
    height: 21px;
    display: inline-flex;
    margin: 10px 0 0 -4px
}

.page-template-life-at-sst .las.la-long-arrow-alt-right {
    background: url(../images/gallery-arrow-right.png) no-repeat;
    width: 12px;
    height: 21px;
    display: inline-flex;
    margin: 10px 0 0 -4px
}

.case-listing-sec .item a h2 {
    text-decoration: none;
    outline: 0
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: 0 0;
    color: #000;
    outline: 0;
    border: 0;
    text-decoration: none
}

.s2-mobile_menu_content {
    top: 0;
    bottom: 0;
    right: -350px;
    height: 100vh;
    z-index: 101;
    position: fixed;
    width: 280px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 70px 20px;
    box-shadow: 0 3px 5px rgba(100, 100, 100, .19);
    transition: .5s ease-in
}

.hiring-modal, .hiring-modal-icon {
    box-shadow: 0 6px 13.6px 2.4px rgba(84, 84, 84, .18)
}

.s2-mobile_menu_content .navbar-nav .dropdown-menu {
    position: static !important;
    transform: none !important
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li {
    width: 100%;
    display: block;
    transition: .3s ease-in-out;
    border-bottom: 1px solid #dcdcdc
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li:first-child {
    border-top: 1px solid #dcdcdc
}

.s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav li a {
    color: #000;
    padding: 5px 30px;
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.s2-mobile_menu_content .m-brand-logo {
    width: 160px;
    margin: 0 auto 30px
}

.s2-mobile_menu_wrap.mobile_menu_on .s2-mobile_menu_content {
    right: 0;
    transition: .7s ease-out
}

.mobile_menu_overlay {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 100;
    right: 0;
    height: 120vh;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .9);
    transition: .5s ease-in-out
}

.mobile_menu_overlay_on {
    overflow: hidden
}

.s2-mobile_menu .s2-mobile-main-navigation .dropdown>.dropdown-menu, .s2-mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
    opacity: 1;
    visibility: visible
}

.s2-mobile_menu_button {
    cursor: pointer;
    line-height: 40px;
    color: #73299a;
    text-align: center;
    font-size: 30px;
    z-index: 5
}

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu {
    border: none;
    display: none;
    transition: none;
    box-shadow: none;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #dcdcdc
}

.s2-mobile_menu .s2-mobile_menu_content .s2-mobile-main-navigation .navbar-nav .dropdown-menu li {
    border: none;
    padding: 0 20px;
    line-height: 1
}

.s2-mobile_menu .dropdown .dropdown-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    padding: 5px 10px
}

.s2-mobile_menu .dropdown .dropdown-btn:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    left: 0;
    background-color: #dcdcdc
}

.s2-mobile_menu .s2-mobile_menu_close {
    cursor: pointer;
    top: 10px;
    left: 20px;
    position: absolute
}

.site-footer .foo-con-box {
    background: rgba(144, 145, 156, .06);
    padding: 20px
}

#phone1, #phone2, .sitemap-sec.last-p {
    padding-bottom: 0
}

.footer-cf h2, .site-footer .foo-contact-detail h2 {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    font-weight: 600;
    margin: 0 0 20px
}

.fc-add-inner-box h3, .foo-social-icon-sec p {
    font-size: 23px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 10px;
    color: #000
}

.fc-add-inner-box figure, .fc-add-inner-box h3 {
    display: inline-flex;
    vertical-align: top
}

.call-s {
    display: inline-flex;
    flex-direction: column
}

.call-s a {
    margin: 0 0 5px
}

.foo-social-icon a {
    background: #000;
    margin: 0 5px;
    justify-content: center;
    border-radius: 7px
}

.foo-social-icon a:hover {
    background: #d1a64a
}

.modal-txt {
    font-size: 23px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 5px
}

.has-background-white .site .foo-social-icon a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #d1a64a !important
}

.cms-h-content {
    padding: 50px 0 0
}

.cms-content-sec h2, .cms-content-sec h3 {
    font-size: 23px;
    line-height: 25px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 30px 0 15px;
    color: #000
}

.common-list ul, ul.common-list {
    margin: 0 0 0 auto;
    padding: 0;
    list-style-type: none;
    display: block
}

.common-list ul li, ul.common-list li {
    margin: 0 0 10px 20px;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0;
    color: #111013
}

.cstudy-section .inner-column ul li, .sitemap-sec ul li {
    margin-bottom: 10px
}

.sitemap-sec {
    margin-top: 30px;
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .5)
}

.sitemap-sec:first-child {
    margin-top: 0
}

.sitemap-sec .sub-title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sitemap-sec .sub-title a {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    position: relative;
    text-align: left;
    transition: .3s ease-in-out;
    text-decoration: none;
    outline: 0
}

.sitemap-sec ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left
}

.sitemap-sec ul li {
    display: inline-block;
    width: 32.33%;
    position: relative;
    text-align: left
}

.sitemap-sec ul li a {
    font-size: 18px;
    color: #000;
    transition: .3s ease-in-out;
    position: relative;
    text-decoration: none
}

.sitemap-sec .sub-title a:hover, .sitemap-sec ul li a:hover {
    color: #d1a64a !important
}

.copyright {
    padding: 0 0 30px
}

.copyright ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.copyright ul li {
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-flex;
    position: relative
}

.copyright ul li:after {
    content: "|";
    position: absolute;
    right: -12px;
    top: -2px
}

.copyright ul li a {
    font-size: 15px;
    line-height: 17px;
    color: #000;
    font-weight: 400;
    text-decoration: none
}

.copyright ul li a:hover {
    color: #d1a64a
}

.modal-header .btn-close {
    background: #000 !important;
    opacity: 1;
    font-size: 23px;
    font-weight: 600;
    line-height: 22px;
    padding: 2px !important;
    margin: 0 !important;
    display: inline-block;
    color: #fff;
    width: 30px;
    height: 30px
}

.modal-header .btn-close:focus, .modal-header .btn-close:hover {
    background: #d1a64a !important;
    color: #fff;
    box-shadow: none
}

.page-template-aboutus-page .modal-header {
    align-items: flex-start
}

.page-header {
    border: 0 !important;
    padding: 0 !important
}

.error404 .page-header h1, .page-id-19982 .page-header h1 {
    font-size: 130px;
    line-height: 150px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0 0;
    background: linear-gradient(179.74deg, #e6f2fe 5%, #007aee 114.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center
}

.error-404 h3 {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 15px;
    color: #000;
    text-align: center
}

.error-404 p {
    font-size: 20px !important;
    line-height: 23px;
    font-weight: 400;
    letter-spacing: 0;
    margin: 30px 0 15px !important;
    color: #000;
    text-align: center
}

.hire-develop-sev a h3, .hiring-modal h3 {
    color: #111013;
    font-style: normal;
    text-align: center
}

.error404 a.btn-bh, .page-id-19982 a.btn-bh {
    display: inline-block;
    padding: 13px 20px;
    height: 50px;
    background: #007aee;
    border-radius: 6px;
    font-style: normal;
    font-weight: 500;
    font-size: 16.72px;
    line-height: 24px;
    letter-spacing: -.025em;
    color: #fff;
    text-decoration: none;
    margin: 50px 0 0
}

.error404 a.btn-bh:hover, .has-background-white .site a.btn-bh:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: #000 !important;
    color: #fff !important
}

.hiring-modal-svg-file {
    position: absolute;
    width: 100%;
    top: -40px
}

.hiring-modal {
    position: relative;
    margin: 50px 0 0;
    padding: 20px 0;
    border-radius: 5px
}

.hiring-modal h3 {
    margin: 20px 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
    letter-spacing: 0
}

.hiring-modal-icon {
    height: 130px;
    width: 130px;
    display: flex;
    align-items: center;
    text-align: center;
    background: #007aee;
    justify-content: center;
    border-radius: 70px;
    margin: -75px auto 0
}

.hiring-modal-icon>svg {
    height: 66px;
    width: 66PX;
    text-align: center;
    margin: 0 auto
}

.hiring-modal ul {
    margin: 0;
    padding: 0 30px
}

.hiring-modal ul li {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    text-align: center
}

.hire-develop-sev a h3 {
    margin: 20px 0;
    font-weight: 600;
    font-size: 25px;
    line-height: 33px;
    letter-spacing: 0;
    text-decoration: none;
    min-height: 70px
}

.highlight-sec ul li, .security-section ul li {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    background: url(../images/service-bullet.png) 0 4px no-repeat;
    vertical-align: top;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
    color: #111013;
    font-weight: 400;
    font-style: normal
}

.addresume input[type=file] {
    margin: 0 0 0 15px
}

.arlink {
    color: #d1a64a;
    font-weight: 600;
    text-decoration: none
}

.arlink:hover {
    color: #d1a64a;
    font-weight: 600;
    text-decoration: underline
}

.cms-inrpage-banner {
    padding: 50px 0 100px
}

.case-page-banner h1, .cms-inrpage-banner h1 {
    font-size: 65px;
    line-height: 80px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 15px 0 30px;
    background: linear-gradient(179.74deg, #9a9a9a 24.68%, #cea650 114.2%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.highlight-sec ul, .security-section ul {
    margin: 0 0 0 auto;
    padding: 0;
    display: inline-flex;
    list-style-type: none
}

.page-id-589 .whyc-section .whyc-icon-box p {
    min-height: 117px
}

.page-id-12336 .whyc-section .whyc-icon-box p {
    min-height: 145px
}

.communication-section ul li h3, .pm-section ul li h3 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    margin-bottom: 0
}

.communication-section img, .pm-section img {
    width: 70px
}

.security-section ul {
    flex-direction: column
}

.security-section ul li {
    display: inline-flex
}

.highlight-sec ul {
    flex-direction: row;
    flex-wrap: wrap
}

.highlight-sec ul li {
    display: inline-flex;
    text-align: left;
    width: 50%
}

.single.single-post .blog-content-part a {
    color: #d1a64a;
    text-decoration: underline
}

.single.single-post .blog-content-part a:focus, .single.single-post .blog-content-part a:hover {
    color: #d1a64a;
    outline: 0
}

.infollow-counter {
    margin: 15px 0 0
}

textarea:focus-visible {
    outline: 0
}

select:focus {
    outline: 0
}

.csrpage .inrpage-banner .tagline {
    max-width: inherit;
    font-size: 38px;
    line-height: 43px
}

.cbt {
    font-weight: 600;
    color: #007aee
}

#phone1, #phone2 {
    padding-left: 110px;
    line-height: 40px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 100px
}

.intl-tel-input {
    display: block;
    margin: 0 0 10px
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 25px
}

.select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 1px solid #707070;
    border-radius: 0
}

.select2-container .select2-selection--single {
    height: 41px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 18px;
    padding-left: 0;
    padding-right: 0
}

.wpcf7-not-valid-tip {
    margin-top: -10px !important
}

.input-group.phone .input-group-text {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none
}

input.code {
    width: 90px
}

.main-industry-sec h1 {
    font-family: Poppins;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 1px;
    text-transform: capitalize
}

.industry-content-sec .row, .postid-1155 section.result-section .row, .postid-1197 section.result-section .row, .postid-1218 section.result-section .row, .postid-13820 section.result-section .row, .postid-14301 section.result-section .row, .postid-14401 section.result-section .row, .postid-14516 section.result-section .row, .postid-14644 section.result-section .row, .postid-14688 section.result-section .row, .postid-15028 section.result-section .row, .postid-15639 section.result-section .row, .postid-15680 section.result-section .row {
    align-items: center
}

.industry-content-sec h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: center;
    margin-bottom: 50px
}

.benifit-content-sec {
    padding: 150px 0
}

.benifit-content-sec h2, .media-section h2, .media-section h3 {
    color: #111013;
    text-align: center;
    font-family: Poppins;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 70px
}

.benifit-content-sec ul {
    list-style-type: none;
    list-style-image: url('https://www.sevensquaretech.com/wp-content/uploads/2023/08/right-arrow.png')
}

.benifit-content-sec ul li {
    color: #111013;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px
}

.media-icon-content {
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(209, 166, 74, .2) 0, rgba(209, 166, 74, 0) 100%);
    width: 260px;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 60px;
    padding: 35px 25px
}

.media-section.odoo .media-icon-content {
    background: #fff;
    box-shadow: -2px 2px 12px rgba(0, 0, 0, .12);
    justify-content: center
}

.media-section.odoo .media-icon-content h3 {
    font-family: Graphik;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0
}

.media-icon-content figure {
    margin: 0 0 17px
}

.media-icon-content h3, .media-icon-content p {
    color: #000;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px
}

.main_tool_section .tool-sec h2, .media-work-section h2, .portfolio-video-sec .portfolio-heading-sec p {
    line-height: 44px;
    font-style: normal;
    font-family: Poppins
}

.media-inner-sec {
    max-width: 1170px;
    margin: 0 auto
}

.department_inner.odoo-sec .row, .media-inner-sec .row {
    justify-content: center
}

.media-work-section h2 {
    color: #111013;
    text-align: center;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 20px
}

.media-slider.owl-carousel .owl-dots .owl-dot {
    border-radius: 12px
}

.media-slider.owl-carousel .owl-dots {
    bottom: 105px
}

.media-slider.owl-carousel .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background: #d9d9d9;
    border-color: #d9d9d9
}

.media-slider.owl-carousel .owl-dots .owl-dot.active span, .media-slider.owl-carousel .owl-dots .owl-dot:hover span {
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: 12px
}

.media-slider.owl-carousel .owl-nav button.owl-prev {
    width: 92px;
    height: 92px;
    flex-shrink: 0;
    border-radius: 92px;
    border: 1px solid rgba(0, 0, 0, .5);
    background: url('https://www.sevensquaretech.com/wp-content/uploads/2023/08/slide-left-arrow.png') center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 8%
}

.media-slider.owl-carousel .owl-nav button.owl-next {
    width: 92px;
    height: 92px;
    flex-shrink: 0;
    border-radius: 92px;
    border: 1px solid rgba(0, 0, 0, .5);
    background: url('https://www.sevensquaretech.com/wp-content/uploads/2023/08/slide-right-arrow.png') center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 8%
}

.media-slider.owl-carousel .owl-nav button.owl-next span, .media-slider.owl-carousel .owl-nav button.owl-prev span {
    visibility: hidden
}

div#code-num span.wpcf7-not-valid-tip {
    position: absolute;
    left: -90px
}

div#code-num p.invalid {
    height: 80px
}

.owl-carousel.media-slider .single {
    transform: translate3d(0, 0, 0) !important
}

.page-id-12893 .inrpage-banner {
    background-position: center top !important
}

.page-id-13087 .industry-content-sec {
    background-size: 45% 100%
}

.page-id-13132 .industry-content-sec {
    background-size: 50% 100%
}

.page-id-13184 .industry-content-sec {
    background-size: contain
}

.page-id-13305 .inrpage-banner {
    background-position: center center !important
}

.main_tool_section {
    padding: 100px 0 50px
}

.main_tool_section .tool-sec {
    max-width: 822px;
    margin: 0 auto
}

.main_tool_section .tool-sec h2 {
    color: #111013;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 70px
}

.main_tool_section .tool-sec .tool_icon_content h3 {
    color: #6c6f93;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px;
    text-transform: capitalize
}

.portfolio-video-sec {
    background-color: #f8f8f9
}

.portfolio-video-sec .portfolio-heading-sec p {
    color: #111013;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 45px
}

.portfolio-heading-sec .tool_icon_content img {
    height: 250px;
    object-fit: cover;
    width: 100%;
    border-radius: 8px
}

.portfolio-video-sec .portfolio-heading-sec .tool_icon_content h3 {
    color: #111013;
    font-family: Poppins;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin: 25px 0 5px
}

.portfolio-video-sec .portfolio-heading-sec .tool_icon_content p {
    color: #161519;
    font-family: Poppins;
    font-size: 15.6px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px
}

.portfolio-heading-sec .tool_icon_content a::before {
    content: "";
    width: 100%;
    height: 250px;
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0, rgba(0, 0, 0, .5) 100%);
    border-radius: 8px
}

.portfolio-heading-sec .tool_icon_content a::after {
    content: "";
    width: 68px;
    height: 68px;
    position: absolute;
    background-image: url('https://www.sevensquaretech.com/wp-content/uploads/2023/09/video-icon.png');
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.graphic-sec {
    background-image: url('https://www.sevensquaretech.com/wp-content/uploads/2023/09/portfolio-bg.png');
    padding: 100px 0
}

.graphic-sec .portfolio-heading-sec p {
    color: #111013;
    font-family: Poppins;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 50px
}

.inrpage-banner .tagline.emp {
    font-size: 24px;
    line-height: 37.5px
}

.main-employee-sec {
    justify-content: center;
    margin-bottom: 190px
}

.inrpage-banner.employee {
    align-items: end
}

.employee-content-sec {
    padding: 100px 0 150px
}

.employee-content-sec .team-content-heading h3 {
    color: #111013;
    font-family: Poppins;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 20px
}

.employee-content-sec .team-content-heading p {
    color: #212529;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0
}

.employee-review-content, .industry-content-sec.odoo-dev .col-xl-6+.col-xl-6, .postid-14301 section.result-section .content-column+.content-column {
    display: flex;
    justify-content: end
}

.employee-review-content .employee-details {
    display: flex;
    justify-content: space-between;
    width: 68%
}

.employee-main-sec {
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 80px -28px rgba(0, 0, 0, .08);
    padding: 23px 15px 40px 28px;
    height: 370px
}

.employee-profile img {
    padding-left: 25px;
    width: 200px
}

.employee-description p {
    color: #1d1d1f;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 0;
    text-align: justify
}

.employee-details .left-sec h2 {
    color: #1d1d1f;
    font-family: Poppins;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 0
}

.employee-details .left-sec p {
    color: #1d1d1f;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 37px;
    letter-spacing: .01
}

.review-content-sec .col-md-6 {
    margin-bottom: 150px;
    position: relative
}

.review-content-sec .employee-profile {
    position: absolute;
    z-index: 99;
    top: -100px
}

.review-content-sec {
    padding: 150px 0 50px
}

.industry-content-sec.odoo-dev .service-content-para {
    max-width: 734px
}

.industry-content-sec.odoo-dev .service-content-para h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0;
    color: #111013;
    text-align: left;
    margin-bottom: 50px
}

.department_inner.odoo-sec {
    max-width: 1018px;
    margin: 0 auto
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #28303d transparent transparent;
    border-width: 5px 5px 0;
    margin-left: -10px
}

.postid-14301 .keyf-inner-box figure {
    background: #a2cc38
}

.postid-14401 .keyf-inner-box figure {
    background: #6d72d2
}

.postid-14516 .keyf-inner-box figure {
    background: #36a6b0
}

.postid-14644 .keyf-inner-box figure {
    background: #0267fd
}

.postid-14688 .keyf-inner-box figure {
    background: #8a4ae6
}

.postid-15028 .keyf-inner-box figure {
    background: #89b822
}

.postid-15639 .keyf-inner-box figure {
    background: #25607a
}

.postid-15680 .keyf-inner-box figure {
    background: #fc5b58
}

.keyfeature-sec h2.addition {
    font-size: 30px;
    list-style: outside;
    font-weight: 600
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.code-bx pre {
    display: flex;
    flex-direction: column;
    margin: 25px 0;
    background-color: #000;
    border: 1px solid #111b27;
    color: #fff;
    border-radius: .375rem;
    font-weight: 400;
    padding: 1rem;
    line-height: 28px;
    font-size: 14px !important;
    word-break: normal;
    word-spacing: normal;
    white-space: pre-wrap
}

.copy-clipboard {
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-align: center
}

.copy-clipboard svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    cursor: pointer
}

.copy-feedback {
    position: absolute;
    bottom: 8px;
    right: 45px;
    background-color: #4caf50;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    transition: opacity .3s ease-in-out
}