/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

*,
.web-tect,
.wp-block-image img,
ul.social-icon-topbar li {
    transition: .3s
}

.custom-para-width,
.shadow-white {
    margin: 0 auto
}

.accordin-custom-style .eael-accordion-content,
.footer-para,
.image-box-style p,
.text-justify,
article.post p {
    text-align: justify
}

.banner-description ul,
.looking_webdev li {
    width: fit-content
}

.footer-para,
.line_25 {
    line-height: 30px
}

*,
.paymet_plans,
.paymet_plans h6,
ul.li-class li {
    box-sizing: border-box
}

.btn-white img.wp-image-189,
.have_que .wp-block-button:last-child a.wp-block-button__link img,
.have_que a.wp-block-button__link:hover img {
    filter: invert(1)
}

.btn-link-tree,
.dot,
.lan-slides,
.next,
.prev {
    cursor: pointer
}

/* .title h2,
h1.home-title {
    font-family: Poppins, sans-serif
}
 */
#secondary_menu-site-navigation ul li a {
    display: flex;
    gap: .5em;
    align-items: center
}

ul.social-icon-topbar {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 1em
}
.wp-block-columns.justify-center.is-layout-flex.wp-container-48.wp-block-column.mx-auto.is-layout-constrained {
    width: 100% !important;
    flex-basis: 100% !important;
}
ul.social-icon-topbar li:focus,
ul.social-icon-topbar li:hover {
    transform: scale(1.2);
    filter: drop-shadow(1px 2.5px 4px #111)
}

.me-menu .mega-current_page_item a {
    color: #ce0615 !important
}

.banner-button a:last-child,
.highlight-text,
.shadow-white a:focus,
.shadow-white a:hover {
    color: #ce0615
}

.button-shadow a {
    box-shadow: inset 0 -5px 4px rgba(0, 0, 0, .25);
    overflow: hidden
}

.button-shadow.input {
    box-shadow: inset 0 -5px 4px rgba(0, 0, 0, .25) !important
}

.button-shadow:hover img {
    animation: .5s ease-out alternate arrow
}

@keyframes arrow {
    0% {
        transform: translateX(10px)
    }
    20% {
        transform: translateX(50px);
        opacity: 0
    }
    50% {
        opacity: 0
    }
    75% {
        transform: translateX(-20px)
    }
    100% {
        transform: translateX(0);
        opacity: 1
    }
}

.button-shadow a:hover {
    box-shadow: none
}

.image-box-style,
.lan-col {
    overflow: hidden
}

.entry-content>.wp-block-cover {
    min-height: unset
}

.image-box-button {
    display: grid;
    margin: 0 auto;
    padding: 0
}

.image-box-button a {
    display: flex;
    padding: .5rem 1rem;
    background: #fff;
    border-radius: 8px;
    color: #000;
    box-shadow: none;
    border: 1px solid #ce0515
}

.image-box-style p.elementor-image-box-description {
    padding-bottom: 1em
}

.image-box-style p {
    padding-inline: 1.25rem
}

.image-box-button a:focus,
.image-box-button a:hover {
    box-shadow: inset 0 -20px 5px rgba(0, 0, 0, .2);
    background-color: #ce0515;
    color: #fff
}

.image-box-button a img {
    filter: invert(1);
    width: 18px;
    transform: translateX(5px)
}

.image-box-button a:focus img,
.image-box-button a:hover img {
    filter: invert(0)
}

.image-box-style img {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.shadow-white a {
    background: #fff !important;
    color: #000
}

.shadow-white {
    display: flex
}

.over-flow-hidden .eael-advance-tabs {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.over-flow-hidden li#promotion {
    border: 0
}

.over-flow-hidden ul li.active {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .25)
}

.blog-custom ul li a,
.blog-custom ul li span {
    min-width: 13px !important;
    min-height: 13px !important;
    line-height: 0 !important;
    border-radius: 50% !important
}

.over-flow-hidden li.active span {
    font-size: 20px !important;
    font-weight: 600 !important
}

.over-flow-hidden li {
    justify-content: center !important
}

.banner-description p,
.blog-main h2.wp-block-post-title,
.site-footer .widget_block,
.web-tect h4 {
    margin-bottom: 10px
}

.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row .site-footer-section:last-child::after,
.ast-single-related-posts-container+div#comments,
.flow-tabs li:hover::after,
.site-header-above-section-right,
.wpcf7 form.invalid .wpcf7-response-output,
section#block-18 p,
section#block-21 p,
section#block-31 P {
    display: none
}

.looking_webdev ul li,
section#block-10 {
    margin-bottom: 20px
}

.alignwide,
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row .site-footer-section,
h4.graphic-trusted,
span.highlight-text,
span.yellow-rect {
    position: relative
}

li#mega-menu-65-0 {
    background: #fff !important;
    filter: drop-shadow(2px 4px 2px #CD0614)
}

li#mega-menu-item-3187,
li#mega-menu-item-874,
li#mega-menu-item-876,
li#mega-menu-item-890,
li#mega-menu-item-898 {
    width: 100% !important
}

li#mega-menu-65-0 ul li {
    margin-bottom: .5em !important
}

li#mega-menu-item-2438>a,
li#mega-menu-item-3187>a,
li#mega-menu-item-874>a.mega-menu-link,
li#mega-menu-item-876>a,
li#mega-menu-item-890>a,
li#mega-menu-item-898>a {
    color: #ce0615 !important;
    margin-bottom: .5em !important;
    padding-bottom: .5em !important;
    position: relative !important;
    letter-spacing: 1px;
}

.footer-widget-area,
.site-footer ul a,
.title h2,
div#other-locations span.eael-accordion-tab-title,
thead {
    color: #fff
}

li#mega-menu-item-3187 ul li>a,
li#mega-menu-item-874 ul li>a,
li#mega-menu-item-876 ul li>a,
li#mega-menu-item-890 ul li>a,
li#mega-menu-item-898 ul li>a {
    transition: .3s !important;
    padding-left: 1.5em !important
}

li#mega-menu-item-3187 ul li>a::before,
li#mega-menu-item-874 ul li>a::before,
li#mega-menu-item-876 ul li>a::before,
li#mega-menu-item-890 ul li>a::before,
li#mega-menu-item-898 ul li>a::before {
    content: "\f345";
    margin-left: -1.5em !important;
    transition: .4s !important
}

li#mega-menu-item-2438>a::before,
li#mega-menu-item-3187>a::before,
li#mega-menu-item-874>a.mega-menu-link::before,
li#mega-menu-item-876>a::before,
li#mega-menu-item-890>a::before,
li#mega-menu-item-898>a::before {
    content: '' !important;
    background: #ccc !important;
    height: 1px !important;
    width: 100% !important;
    position: absolute !important;
    bottom: 0;
    left: 0
}

.filter-img .pa-gallery-img-container {
    display: block;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 1px;
    margin: 0 auto;
    filter: drop-shadow(1px 4px 5px #cd06148f);
    z-index: 999
}

.filter-img .pa-gallery-img-container img {
    bottom: -1350px;
    width: 100%;
    height: auto !important;
    position: absolute;
    z-index: 0;
    object-fit: cover !important;
    -webkit-transition: top 2s;
    -moz-transition: top 2s;
    -ms-transition: top 2s;
    -o-transition: top 2s;
    transition: bottom 2s
}

.filter-img .premium-gallery-item.elementor-repeater-item-2e088fe.e-commerce .pa-gallery-img-container img {
    bottom: -1284px
}

.filter-img .premium-gallery-item.elementor-repeater-item-c68e747.e-commerce .pa-gallery-img-container img {
    bottom: -1240px
}

.filter-img .premium-gallery-item.elementor-repeater-item-1b13e8d.e-commerce .pa-gallery-img-container img {
    bottom: -1624px
}

.filter-img .premium-gallery-item.elementor-repeater-item-ae11d3e.dynamic .pa-gallery-img-container img {
    bottom: -272px
}

.filter-img .premium-gallery-item.elementor-repeater-item-0648383.static .pa-gallery-img-container img {
    bottom: -604px
}

.filter-img .pa-gallery-img-container:hover img {
    bottom: 0 !important;
    -webkit-transition: 10s;
    -moz-transition: 10s;
    -ms-transition: 10s;
    -o-transition: 10s;
    transition: 10s
}

.filter-img a.category.active {
    box-shadow: none !important;
    filter: drop-shadow(2px 4px 6px rgb(4 4 4 / 50%));
    background: linear-gradient(180deg, #cd0614 50%, #222 100%)
}

.address-heading .elementor-image-box-wrapper {
    align-items: baseline !important
}

.visit-col {
    box-shadow: 0 10px 12px #22238;
    margin-bottom: 2em;
    padding: 1rem 0
}

textarea#forminator-field-textarea-1 {
    resize: none;
    height: 100px
}

.sec-col-gapping .elementor-container.elementor-column-gap-default {
    gap: 1em
}

div#other-locations {
    text-align: center;
    background: #cd0614;
    filter: drop-shadow(0 5px 5px #820100);
    border-radius: 10px
}

div#other-locations.show.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.image-box-cus img {
    margin-left: 2em;
    height: 130px;
    filter: drop-shadow(2px 4px 6px #eee);
    object-fit: contain
}

.banner-description ul,
.home-list-one ul,
.quality-trafic-list ul {
    margin-left: 0;
    list-style: none
}

.innerpage-menu li.elementor-icon-list-item {
    margin-bottom: .25rem
}

#lan-slides {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 200%;
    animation: 9s linear infinite slide
}

.lan-slides {
    width: 239px;
    margin: 10px;
    display: flex;
    justify-content: space-around;
    align-content: center;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px -3px
}

.lan-slides p {
    margin-bottom: 0;
    align-self: center;
    font-size: 20px;
    font-weight: 600
}

#lan-slides:hover {
    animation-play-state: paused
}

@keyframes slide {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(-55%)
    }
}

#lan-slides:hover .lan-slides {
    animation: none
}

li {
    z-index: 0;
    position: relative
}

.custom-innerpage-heading span.premium-dual-header-first-span {
    display: flex !important
}

.custom-innerpage-heading span.premium-dual-header-first-span span {
    margin-right: 8px;
    margin-top: -.7px
}

li.wp-social-link:after {
    content: none;
}

ul.flow.flow-tabs :nth-child(2):is(.active):after,
ul.flow.flow-tabs :nth-child(2):is(.visited):after {
    width: 88px;
}
.flow li::after {
    content: '';
}


@media(min-width:767px) {
    .ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row .site-footer-section::after {
        content: "";
        position: absolute;
        height: 22pc;
        width: 1px;
        background: #fff40;
        top: -12px;
        z-index: 1;
        right: -36px
    }
    .mobile-title,
    .site-footer-primary-section-2.site-footer-section.site-footer-section-2::after {
        display: none
    }
    .site-header-above-section-right.site-header-section.ast-flex.ast-grid-right-section {
        display: block
    }
}

@media(min-width:769px) {
    .site-footer-primary-section-2.site-footer-section.site-footer-section-2::after {
        display: block
    }
}

.margin-class {
    margin: 2em 0
}

img {
    image-rendering: initial !important
}

div#pum-1329 .forminator-is_active label.forminator-label.forminator-floating--textarea {
    transform: translate3d(-10px, -30px, -10px)
}

.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link) .is-style-outline {
    border: 1px solid !important;
    padding: .667em 1.333em
}

.what_we_do {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px -5px
}

.local-list-pyment,
.paymet_plans {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.what_we_do .wp-block-media-text__content p {
    margin-bottom: 0;
    text-align: justify
}

.what_we_do h3 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    line-height: 22.4px
}

.what_we_do:hover {
    box-shadow: 1px 0 5px 2px #fffa3
}

p.znv {
    line-height: 36px;
    font-size: 15px;
    text-align: justify
}

.con-conts,
.des-steps,
.portfolio-card,
.portfolio-card figcaption,
.portfolio-card figcaption a,
.portfolio-container .plethoraplugins-tabs,
.spices ul li,
.text,
.what_lang figure.wp-block-media-text__media {
    text-align: center
}

.home-list-one ul i.fas.fa-arrow-right {
    color: #ce0515;
    font-size: 15px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0
}

.home-list-one ul li {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    position: relative;
    padding-left: 50px;
    line-height: 35px
}

.client-gallery .wp-block-column {
    padding: 15px 30px;
    background: #f5f5f5;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    height: 150px;
    position: relative;
    transition-delay: .1s
}

.client-gallery .wp-block-column::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid #a20000;
    transition: .3s;
    opacity: 0;
    z-index: -1
}

.client-gallery .wp-block-column:hover::before {
    height: 100%;
    width: 100%;
    opacity: 1
}

.client-gallery .wp-block-column:hover,
.contact_main_inner ul li:last-child,
.icon-btn .wp-block-button__link:hover,
nav#secondary_menu-site-navigation li.menu-item:last-child {
    background: 0 0
}

.home-tab li .js-plethoraplugins-tabs--link,
.home-tab li .js-plethoraplugins-tabs--link.active {
    background: #fff !important;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .25)
}

.block-heading span.highlight-text::after,
.block-heading span.highlight-text::before,
.des-steps:last-child::after,
.looking_webdev li::after,
h2.has-text-align-center.block-heading span.highlight-text::after,
h2.has-text-align-center.block-heading span.highlight-text::before {
    content: none
}

.looking_webdev li i {
    background: #f1f1f1;
    padding: 10px;
    border-radius: 50%
}

.looking_webdev li:hover i {
    left: 100% !important
}

ul.js-plethoraplugins-tabs {
    background: #fff;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important
}

.home-tab {
    border-radius: 10px
}

ul.js-plethoraplugins-tabs li:first-child a {
    border-top-left-radius: 8px !important
}

ul.js-plethoraplugins-tabs li:last-child a {
    border-bottom-left-radius: 8px !important
}

.plethoraplugins-sidenavjump,
ul.flow.flow-tabs li.active {
    background: 0 0 !important
}

.home-blog ul.wp-block-post-template {
    display: flex;
    margin: 0;
    width: 100%;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap
}

.home-blog ul.wp-block-post-template li.wp-block-post.post {
    width: 48%;
    margin: 10px 0;
}

.side-wa {
    position: fixed;
    bottom: 30px;
    left: 30px
}

.home-blog ul.wp-block-post-template li.wp-block-post .wp-block-column:first-child,
.home-blog ul.wp-block-post-template li.wp-block-post.post .wp-block-column:last-child,
ul.wp-container-83.wp-block-post-template li .wp-block-columns div {
    flex-basis: 50% !important
}

.home-blog ul.wp-block-post-template li.wp-block-post.post.type-post h2.wp-block-post-title a {
    font-size: 16px;
    color: #000;
  margin-bottom: 0px !important;
}

ul.wp-block-post-template li.wp-block-post.post.type-post .wp-block-post-excerpt {
    margin-top: 0;
    font-size: 14px
}

.home-blog ul.wp-block-post-template li.wp-block-post.post.type-post h2.wp-block-post-title {
    font-weight: 700;
  margin-bottom: 0px !important;
}

.home-blog .wp-block-columns.alignwide {
    box-shadow: 0 0 7px -5px;
    padding: 10px 5px 0;
    height: 210px
}

thead {
    background: #a20000
}

#banner {
    width: 100%;
    height: auto;
    position: relative
}

.slideshow-container {
    width: 100%;
    position: relative;
    margin: 0;
    background: url(../webp/banner-image.webp)center center/cover no-repeat;
    background-color: #0006;
    background-blend-mode: overlay;
    padding: 50px 0px 15px 0px !important;
}

.next,
.prev,
.text {
    position: absolute
}

.next,
.prev {
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .6s;
    border-radius: 0 3px 3px 0
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.next:hover,
.prev:hover {
    background-color: rgba(0, 0, 0, .8)
}

.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    bottom: 8px;
    width: 100%
}

.dot {
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s
}

.banner-button a:first-child,
.dot.active,
.dot:hover {
    background-color: #ce0615
}

span.yellow-rect::after {
    content: url(../png/rectangle.png);
    position: absolute;
    left: 100px;
    bottom: -30px;
    height: 100%;
    width: 100%
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@media only screen and (max-width:300px) {
    .text {
        font-size: 11px
    }
}

.title h2 {
    font-size: 35px;
    line-height: 60px;
    margin-bottom: 10px
}

.highlight-industry,
.testimonial-person-main i.fas.fa-star,
.yellow-highlight {
    color: #ffb800
}

.banner-description {
    color: #fff;
    font-size: 18px;
    width: 75% !important;
    margin-bottom: 0px;
    padding-top: 15px;
}
ul.company-intro {
    
    flex-wrap: wrap;
    column-gap: 40px;
}

.banner-button {
    display: flex
}

.banner-button img {
    height: 35px;
    width: 35px;
    margin-right: 10px
}

.banner-description li {
    background: url(../png/point.png) no-repeat;
	background-position: 0 10px;
    padding-left: 35px;
    line-height: 40px
}

.banner-button a {
    color: #fff;
    border-radius: 30px;
    padding: 5px 20px 5px 5px;
    margin-right: 20px;
    font-size: 18px;
    position: relative;
    z-index: 13;
    font-weight: 500;
    display: flex;
    width: fit-content;
    align-items: center;
    justify-content: center
}

.banner-button a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    border-radius: 30px;
    z-index: -1;
    transition: .2s ease-in
}

.banner-button a:last-child::after,
.banner-button:hover a.banner-btn-one::after,
.con-field.text-area,
.lets-talk-btn a:hover::after,
span.highlight-text:hover::after,
span.highlight-text:hover::before {
    width: 100%
}

.banner-button:hover a.banner-btn-one {
    background-color: transparent;
    color: #a20000
}

.banner-button:hover a.banner-btn-two,
.portfolio-card figcaption a {
    background: #a20000;
    color: #fff
}

.banner-button:hover a.banner-btn-two::after {
    width: 0
}

header.entry-header.ast-no-thumbnail.ast-no-meta {
    display: none;
    visibility: hidden
}

.ast-single-post.ast-page-builder-template .site-main>article,
.wp-container-27.wp-block-columns.alignfull.about-award-win.has-background {
    padding: 0
}

a.next+div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px
}

ul.wp-container-83.wp-block-post-template {
    display: flex;
    width: 100%;
    float: left;
    margin: 0 !important
}

ul.wp-container-83.wp-block-post-template li {
    margin: 0;
    padding: 10px;
    background: #f5f5f5
}

.spices ul li:first-child h2:last-child,
h2.wp-block-post-title {
    font-size: 18px
}

ul.wp-container-83.wp-block-post-template li:first-child {
    margin-right: 10px
}

ul.wp-container-83.wp-block-post-template li:last-child {
    margin-left: 10px
}

.wp-block-post-template h2.wp-block-post-title {
    font-size: 18px;
    overflow: hidden;
  margin-bottom: 0px !important;
}

.site-footer ul.chev li {
    line-height: 2.5;
    position: relative
}

.footer-widget-area p {
    color: #fff;
    line-height: 2.5
}

.faq-tabs h3 {
    padding: 10px !important
}

.wp-block-button.has-custom-width.wp-block-button__width-100.is-style-outline.mt-3 {
    margin-top: 20px
}

.wp-block-button.has-custom-width.wp-block-button__width-100.is-style-outline.mt-3 .fa-right-long:before {
    position: relative;
    top: 1px;
    left: 8px
}

.container {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%
}

.bacground-image-1 {
    background: url(../webp/about-us.webp)center center/cover no-repeat
}

.btn-red-hover:hover {
    background: #cf2e2e !important
}

.mt-3 {
    margin-top: 20px !important
}

.portfolio-card figcaption {
    font-size: 20px;
    margin: 0 auto;
    opacity: 0;
    z-index: 10;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center
}

.portfolio-card figcaption a {
    display: block;
    transition: 2.3s;
    padding: 0 10px
}

.portfolio-card:hover figcaption {
    opacity: 1;
    top: 50%;
    transform: translateY(-50%)
}

.portfolio-card {
    position: relative;
    z-index: 0
}

.portfolio-card::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.portfolio-card:hover::after {
    background: #0007
}

.site-footer-primary-section-2.site-footer-section.site-footer-section-2,
.site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
    padding-left: 40px
}

a.wp-block-post-excerpt__more-link,
p.read-more a {
    padding: 0 15px;
    border: 1px solid #ce0615;
    border-radius: 10px;
    color: #000;
    font-weight: 700
}

a.wp-block-post-excerpt__more-link:hover {
    box-shadow: inset 0 -20px 5px rgba(0, 0, 0, .2);
    background: #ce0615;
    color: #fff
}

.page-id-2047 h1,
.page-id-2047 h2,
.page-id-2047 h3,
.page-id-2047 h4 {
    font-weight: 700
}

.mb-5 {
    margin-bottom: 35px !important
}

.what_we_do .wp-block-media-text__content {
    box-shadow: inset 0 0 10px -2px #333
}

.home-faq .pds-accordion__item,
.what_we_do h3 {
    margin-bottom: 10px
}

.justify-center {
    justify-content: center
}

.home-faq .plethoraplugins-tabs-container--vertical.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby .plethoraplugins-sidenavjump li a.active {
    font-weight: 800;
    font-size: 1.1rem;
    color: #ce0615
}

.home-faq .plethoraplugins-accordion.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby .pds-accordion__title {
    background: #fff;
    color: #000;
    margin-bottom: 0;
  padding:10px
}

.home-faq .plethoraplugins-accordion.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby {
    background: #f5f5f5;
    border: 0
}

.home-faq .pds-accordion__content {
    background: #fff
}

.home-faq span.pds-accordion__icon {
    background: #ce0615;
    padding: 0 2px;
    height: 15px !important;
    width: 15px !important;
    border-radius: 50%
}

.cont-main a,
.contact_main_inner ul li a,
.home-faq span.pds-accordion__icon svg,
.wp-block-columns.has-background ul#breadcrumbs,
li.foot-phone,
p.new_para1 a {
    color: #fff
}

.con-field.text-area+p,
.cont-main p.cons_para,
.home-faq p.has-text-align-center,
.quick-banner h1,
.site-footer-section-1 .wp-block-columns,
.web-tect p,
.what_lang h4.has-text-align-center {
    margin-bottom: 0
}

.home-result h2.has-white-color.has-text-color {
    margin-bottom: 5px
}

.home-result h4.has-white-color.has-text-color {
    margin-top: 5px;
    margin-bottom: 0
}

ul.foot-contact i {
    color: #fff;
    width: 10%;
    font-size: 18px
}

.des-steps,
.head-contect ul a {
    font-size: 13px;
    color: #fff
}

ul.foot-contact li {
    display: flex;
    margin-bottom: 10px
}

ul.foot-contact i a {
    width: 90%
}

ul.foot-contact a {
    display: block;
    width: 90%
}

li.foot-phone a {
    display: inline;
    width: auto
}

ul.foot-contact i.fa-solid.fa-location-dot {
    margin-top: 6px
}

.btn-hover-shaddow:hover,
.btn-hover-shaddow:hover a {
    box-shadow: inset 0 -20px 5px rgba(0, 0, 0, .2)
}

.home-tab li a.active {
    color: #ce0615 !important;
    font-weight: 700;
    font-size: 17px
}

.btn-width-auto {
    width: auto !important
}

p.has-text-align-center.about-us-desk {
    background: #ccc;
    padding: 30px;
    margin: 0
}

div#about-us-features {
    background: url(../png/frame-5.png)center center/cover no-repeat
}

div#about-us-features figcaption {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0
}

.award-winning-bg-col {
    background: url(../png/image-2.png)center center/cover no-repeat
}

.guide-to-connect ul,
ul.about-vision-list {
    margin: 0;
    list-style: none
}

ul.about-vision-list li {
    padding-left: 30px;
    background: url(../png/our-vission.png)left center/20px no-repeat;
    margin-bottom: 10px
}

div#design-offer .wp-block-columns,
div#design-offer p {
    margin-top: 0
}

.design-steps-container {
    display: flex;
    justify-content: center
}

.des-steps {
    background: #ce0615;
    width: 8.5%;
    border-radius: 5px;
    margin-right: 64px;
    position: relative
}

.des-steps::after {
    content: url(../png/line-61.png);
    position: absolute;
    left: 100%;
    padding: 0;
    width: 64px;
    top: 50%;
    transform: translateY(-50%)
}

.des-steps:last-child {
    margin-right: 0
}

.head-contect ul {
    margin: 0;
    display: flex;
    list-style: none;
    color: #fff
}

.head-contect ul li {
    margin-right: 15px
}

.screen {
    height: 350px;
    margin-bottom: .5rem;
    overflow: hidden;
    width: 100%
}

.screen img {
    object-fit: cover;
    overflow: hidden;
    transition: transform 1s ease-in-out;
    width: 100%
}

h2.has-text-align-center,
li::after {
    transition: .3s ease-in-out
}

.screen img:hover {
    transform: translateY(calc(-100% + 350px));
    transition: transform 5s ease-in-out
}

.spices ul {
    display: flex;
    width: 100%;
    box-shadow: 0 0 6px 0 #cdcdcd47;
    border-radius: 15px;
    background: linear-gradient(to right, #cdcdcd 0, #fff 40%);
    list-style: none;
    margin: 0
}

.spices ul li {
    width: 20%;
    box-shadow: -3px 0 4px 0 #cdcdcd47;
    border-radius: 27px;
    background: #fff;
    min-height: 337px;
    margin: 0;
    padding: 4% 0 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center
}

.spices ul li:first-child {
    background: #cdcdcd47;
    border-radius: unset
}

.spices ul li h3 {
    font-size: 26px;
    text-transform: capitalize;
    min-height: 62px
}

.spices ul li h2 {
    font-size: 22px;
    width: 100%;
    font-weight: 500
}

.spices ul li p a {
    color: #000;
    border: 1px solid #c80615;
    padding: 11px;
    text-transform: uppercase;
    border-radius: 39px
}

.logo-clint ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin-bottom: 0
}

.logo-clint ul img {
    width: 95px;
    height: 42px;
    padding: 1%
}

.logo-clint ul li {
    background: 0 0;
    margin: 1% 2%;
    padding: 0
}

.logo-clint ul li:nth-child(4)img {
    height: 41px;
    padding: 8% 0
}

.logo-clint ul li:nth-child(3)img {
    padding: 14% 0
}

.logo-clint ul li:nth-child(5)img {
    padding: 1% 0;
    height: 44px;
    width: 55px
}

.local-list-pyment div.engage-offer p,
.paymet_plans h6 {
    font-size: 10px;
    padding: 4px 8px;
    display: inline-block;
    text-align: center
}

.spice-accordian.plethoraplugins-accordion.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby .pds-accordion__title,
.spice-block .wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: #a20000
}

.spice-accordian table tr:nth-child(odd) {
    background: #f1f1f1
}

.spice-accordian .pds-accordion__content {
    padding: 0 !important
}

.spice-accordian.plethoraplugins-accordion.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby,
.web-design-right .wp-block-column:first-child .wp-block-column {
    border: 0
}

.client-base h2.has-white-color.has-text-color {
    width: auto;
    margin: 0 5px 0 0;
    float: left;
    font-size: 18px
}

.client-base p.has-white-color.has-text-color {
    width: auto;
    margin: 0;
    font-size: 14px
}

.paymet_plans {
    border: 1px solid #b5b5b5;
    padding: 0 20px 20px;
    text-align: center;
    border-radius: 15px
}

.paymet_plans h6 {
    background: #b00808;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    position: relative;
    font-weight: 700;
    transform: translateY(-1em);
    margin-bottom: 0
}

.clitable ul.li-class,
ul.engage-offer-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.paymet_plans h6 img {
    vertical-align: middle;
    margin-bottom: .3em
}

.paymet_plans h4,
.plan_tit {
    margin-top: 0 !important;
    color: #000;
    text-shadow: 2px 2px #ddd;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    margin-bottom: 0 !important
}

.paymet_plans h5 {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    text-align: center;
    line-height: 1.73;
    opacity: .8;
    margin: 0
}

.paymet_plans p {
    line-height: 1.75;
    font-size: 12px;
    color: #000;
    font-weight: 400
}

.payments h4 a,
.paymet_plans button {
    background: #b00808;
    color: #fff;
    font-size: 14px;
    border: 0;
    padding: 4px 16px;
    border-radius: 50px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer
}

.local-list-pyment {
    border: 1px solid #b5b5b5;
    padding: 30px
}

.paymet_plans span {
    font-weight: 700;
    font-size: 13px
}

.local-list-pyment div.engage-offer p {
    background: #b00808;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50px;
    margin: auto;
    position: static
}

.engage-offer {
    text-align: center;
    margin-top: -3em !important
}

.seo_payment_details .payment-amt {
    color: #b00808
}

.seo_payment_details .currency_name {
    margin: 0 6px;
    font-size: 14px
}

.seo_payment_details .througn_line {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    text-decoration-color: #b00808;
    text-decoration-thickness: 2px
}

.wp-block-cover.aligncenter.local-listing-banner {
    min-height: auto
}

ul.engage-offer-list {
    margin: 0
}

ul.engage-offer-list li {
    width: 50%;
    padding-left: 30px;
    line-height: 2em;
    background: url(../png/location.png)0 5px no-repeat;
    margin-bottom: 5px;
    font-size: 15px
}

.local-list-mandatory h2.has-text-align-center {
    margin-bottom: 40px
}

.local-list-mandatory figcaption {
    text-align: center;
    font-size: 18px;
    line-height: 1.5
}

.clitable ul.li-class {
    justify-content: start;
    margin: 0
}

ul.li-class li {
    display: inline;
    background: 0 0;
    margin: 5px 3px !important;
    float: left;
    border: 1px solid #8c1a1a;
    min-height: 99px;
    width: 13.6%
}

.no-border {
    border: 0 !important
}

.client-page,
.imcntsq {
    display: flex;
    flex-wrap: wrap
}



.client-page .fstfvefloat {
    width: 25%;
    text-align: center;
    margin-bottom: 1.5em
}

.contact-banner {
    background: url(../png/con_ban.png)center center/cover no-repeat;
    padding: 2em
}

.contact_main_inner h3.con {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px !important
}

.contact_main_inner ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-bottom: 0
}

.btn-link-tree a,
.por-tab a,
.port-link a,
.portfolio-container .content {
    display: block
}

.contact_main_inner ul li {
    padding: 0 20px;
    background: url(../png/seperator.png)right center no-repeat
}

.contact-left {
    background: url(../webp/b1.webp)center center/cover no-repeat;
    padding: 3em;
    text-align: center
}

.cont-main,
.cont-main.london {
    padding: 20px;
    color: #fff
}

.cont-main h4.new_conhead,
.contact-left h4.new_conhead {
    color: #fff;
    margin-bottom: 0
}

.contact-left p.new_con_para1 {
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700
}

p.new_para1 {
    color: #fff;
    text-align: left;
    margin-bottom: 0
}

.d-flex,
nav.menu-footer-menu-container ul {
    display: flex;
    justify-content: space-between
}

.con-field input {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #cdcdcd;
    min-height: 42px;
    color: #222;
    border-radius: 7px
}

.con-field textarea {
    background: rgba(0, 0, 0, 0);
    max-height: 150px;
    border: 1px solid #cdcdcd;
    color: #222;
    border-radius: 7px
}

.web-steps::before,
h2.block-heading::after {
    position: absolute;
    border-radius: 50%;
    content: ''
}

.con-field {
    width: 49%
}

input.wpcf7-form-control.has-spinner.wpcf7-submit.button-shadow {
    width: 100%;
    font-size: 18px;
    font-weight: 700
}

nav#secondary_menu-site-navigation li.menu-item {
    background: url(../png/seperator.png)right center no-repeat
}

.display-none {
    display: none !important
}

h2.block-heading {
    position: relative;
    padding-bottom: 10px
}

h2.block-heading::after {
    width: 150px;
    height: 3px;
    left: 50%;
    background: #fa0000;
    bottom: 0;
    transform: translatex(-50%);
    transition: .3s
}

.cont-main.london {
    background: url(../webp/b3.webp)center center/cover no-repeat
}

.cont-main.switzerland {
    background: url(../webp/b4.webp)center center/cover no-repeat
}

.cont-main.australia {
    background: url(../webp/b5.webp)center center/cover no-repeat
}

.wp-container-11.wp-block-columns.contact-con {
    gap: 10px
}

.wp-container-14.wp-block-columns.types-webapp.has-vivid-red-background-color.has-background {
    background: url(../png/web-application-background-images.png)center center/cover no-repeat
}

.types-webapp h3 {
    margin-bottom: 0 !important;
    font-size: 20px
}

.types-webapp h3+p {
    margin: 5px
}

.wp-container-12.wp-block-columns.webapp-type {
    gap: 0;
    margin-top: -20px
}

.web-tect {
    text-align: center;
    background: #dedede;
    padding: 10px;
    border-radius: 10px
}

.wp-block-columns.web-dev-process {
    gap: 0
}

.web-steps {
    padding: 0 1.5em;
    position: relative
}

.web-steps::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 6px;
    background: #605e5f;
    bottom: 40%;
    left: 0;
    z-index: 0
}

.web-steps::before,
li::after {
    left: 50%;
    transform: translateX(-50%)
}

.web-steps::before {
    width: 8px;
    height: 8px;
    bottom: 40%;
    background: #fff;
    z-index: 5;
    border: 1px solid #605e5f
}

.what_we_do .wp-block-media-text__content {
    padding: 15px !important
}

.lh-2 {
    line-height: 1.8
}

h2.has-text-align-center.lh-2 {
    line-height: 1.7
}

.mt-5 {
    margin-top: 60px
}

p.digi-activities.has-white-background-color.has-background {
    padding: 0;
    text-align: center;
    margin-bottom: 0
}

.key-metrix .wp-block-column {
    padding: 0 40px !important
}

.ga-adtavtage h3 {
    text-align: right;
    margin-bottom: 0
}

.ga-adtavtage p {
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px
}

.dg-marketing-bg-col {
    background: url(../png/get-to-know-us.png)center center/cover no-repeat
}

.guide-to-connect ul li {
    padding-left: 30px;
    background: url(../png/point-1.png)left center/16px no-repeat;
    line-height: 35px;
    font-weight: 600
}

.wp-block-cover.quick-banner {
    min-height: 165px
}

.quick-form-main .wp-block-contact-form-7-contact-form-selector {
    border: 1px solid #ddd;
    text-align: center;
    width: 100%;
    padding: 20px 20px 0 !important
}

.quick-form-title {
    border-bottom: 3px solid #a20000;
    background: url(../png/black.png)left 20px top no-repeat
}

.quick-form-field input,
.quick-form-field textarea {
    padding: 5px 10px !important;
    background: 0 0;
    max-height: 100px
}

.indus-col h4,
.indus-col h4.education {
    background: #3e60ab
}

.quick-form-title h2 {
    font-size: 26px;
    font-weight: 500;
    color: #a20000;
    margin-bottom: 10px
}

.quick-form-field+p span[data-name=checkbox-552] {
    float: left;
    width: 56%
}

.quick-portfolio img {
    box-shadow: 2px 3px 12px 0 rgba(0, 0, 0, .16);
    padding: 5px;
    width: 19%;
    margin: .5%
}

.headingmod {
    text-align: center;
    background: linear-gradient(180deg, #be0000 4%, #ff1414 115%);
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 1em;
    padding: 7px !important
}

ul.li-class li img {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    height: 94px
}

.blog-main p.wp-block-post-author__name,
ul.li-class {
    margin: 0
}

.indus-col figure.wp-block-image.size-full,
.indus-col h4,
.web-design-right p {
    margin-top: 5px
}

.blog-main .wp-block-post-author {
    float: left;
    margin-right: 15px !important;
}

.blog-main li.wp-block-post {
    box-shadow: 0 0 10px #ccc;
    padding-top: 0 !important;
    height: 460px;
}

.blog-main .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    width: calc(32.33333% - .93333em) !important
}

.blog-main .wp-block-post-template.is-flex-container {
    gap: 2em
}

.blog-main p.wp-block-post-author__name {
    text-transform: capitalize;
    position: relative;
    padding-left: 20px;
}

.wp-block-post .wp-block-post-title a {
    text-decoration: none
}

.blog-main p.wp-block-post-author__name::before {
    content: 'by';
    left: 0;
    position: absolute;
    color: #6f6f6f
}

.blog-main hr.wp-block-separator {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.blog-main ul.wp-block-post-template {
    margin-left: 0;
    justify-content: center
}

article.post ol,
article.post ul {
    padding-left: 30px
}

a,
a:focus,
a:hover,
a:visited {
    text-decoration: none !important
}

p.read-more a:hover {
    box-shadow: inset 0 -20px 5px #ce0615;
    background: 0 0;
    color: #fff
}

.wpmbanner-viewport {
    box-shadow: 0 0 15px -5px #00075;
    border: 0 !important
}

.home-key-features .alignwide:hover figure {
    padding: 5px;
    border: 2px solid #a20000
}

.alignwide figure {
    border-radius: 50%
}

.home-key-features .alignwide:hover h4,
.web-design-right .wp-block-columns .wp-block-columns:hover a.wp-block-button__link.wp-element-button,
.web-design-right .wp-block-columns .wp-block-columns:hover h3,
ul.flow.flow-tabs li.active i,
ul.flow.flow-tabs li.active p,
ul.flow.flow-tabs li.visited i,
ul.flow.flow-tabs li.visited p {
    color: #a20000
}

.background-gray {
    background-color: #f5f5f5
}

.have_que {
    background: url(../webp/image-09.webp)center center/cover no-repeat fixed
}

.have_que p {
    font-weight: 600;
    font-size: 17px
}

.have_que a.wp-block-button__link {
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 22px
}

.have_que .wp-block-button:last-child a.wp-block-button__link,
.have_que a.wp-block-button__link:hover {
    background: #a20000 !important;
    color: #fff !important
}

.have_que .wp-block-button:last-child a.wp-block-button__link:hover {
    background: #fff !important;
    color: #000 !important
}

.have_que .wp-block-button:last-child a.wp-block-button__link:hover img {
    filter: none
}

.indus-col h4 {
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px
}

.indus-col h4.health_care {
    background: #813899
}

.indus-col h4.entertainment {
    background: #372e2d
}

.indus-col h4.financial {
    background: #ee3423
}

.indus-col h4.accounting {
    background: #1594cd
}

.indus-col h4.ecommerce {
    background: #62b048
}

.indus-col h4.travel {
    background: #a2b607
}

.indus-col h4.logistics {
    background: #f89927
}

.indus-col h4.restaurant {
    background: #ee5225
}

.indus-col h4.industries {
    background: #4b5f44
}

.indus-col h4.has-text-align-center.real_estate {
    background: #584021
}

.indus-col h4.has-text-align-center.it_companies {
    background: #a71e4a
}

h4.has-text-align-center.sports {
    background: #2b4786
}

.indus-col h4.has-text-align-center.community {
    background: #ffc412
}

.indus-col h4.has-text-align-center.start_ups {
    background: #473093
}

.indus-col h4.has-text-align-center.garments {
    background: #00c1b4
}

.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
    justify-content: flex-end;
    margin-top: 3px;
}

.site-header-above-section-left.site-header-section.ast-flex.site-header-section-left {
    padding: 5px 0
}

.lets-talk-btn a:hover {
    background: 0 0 !important;
    color: #fff !important
}

.lets-talk-btn a::after {
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #4b3b3d;
    z-index: -1;
    border-radius: 8px;
    transition: .3s
}

h4.graphic-trusted::after,
h4.graphic-trusted::before {
    width: 44%;
    background: #6c6c6c;
    top: 50%;
    content: '';
    height: 2px
}

.wp-block-button.lets-talk-btn a {
    position: relative;
    z-index: 10
}

a:focus {
    outline: 0 !important
}

@media(min-width:480px) {
    .home-tab.plethoraplugins-tabs-container.plethoraplugins-tabs-container--horizontal.plethoraplugins-theme__minimal.plethoraplugins-theme__tabby {
        display: flex
    }
    .home-tab .plethoraplugins-tabs {
        width: 40%
    }
    .home-tab .plethoraplugins-tabs ul.js-plethoraplugins-tabs {
        flex-direction: column
    }
    .home-tab .plethoraplugins-tabs ul.js-plethoraplugins-tabs li {
        height: auto
    }
}

.graphic-banner {
    background: url(../png/banner-background.png)center center/cover no-repeat
}

h4.graphic-trusted::before {
    position: absolute;
    left: 0
}

h4.graphic-trusted::after {
    position: absolute;
    right: 0
}

.graphic-banner-gallary figure {
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: unset !important
}

ul.flow.flow-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none
}

ul.flow.flow-tabs li {
    width: 135px;
    padding-left: 34px
}

ul.flow.flow-tabs li:first-child {
    padding-left: 0
}

ul.flow.flow-tabs li a {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #4b3b3d
}

#breadcrumbs, ul.flow.flow-tabs li a i {
    display: flex;
    justify-content: left;
}
.home-trusted {
    margin: 5px 0px;
}

ul.flow.flow-tabs li p {
    margin-bottom: 0;
    height: 55px
}

ul.flow.flow-tabs li a i {
    padding: 19px;
    border: 2px solid;
    border-radius: 50%;
    font-size: 24px;
    width: 67px;
    height: 67px
}

ul.flow.flow-tabs li.active::after,
ul.flow.flow-tabs li.visited::after {
    display: block;
    top: 33px;
    width: 70px;
    transform: translateX(0);
    left: unset;
    right: 83px;
    height: 4px
}

ul.flow.flow-tabs li:nth-child(2) .active::after,
ul.flow.flow-tabs li:nth-child(2) .visited::after {
    width: 87px
}

ul.flow.flow-tabs li:first-child.active::after,
ul.flow.flow-tabs li:first-child.visited::after {
    width: 0
}

.tab-content>.active {
    padding: 25px;
    border-radius: 10px;
}

.slide-left {
    animation: 1s linear slide-left
}

.slide-right {
    animation: 1s linear slide-right
}

.slide-up {
    animation: 1s linear slide-up
}

@keyframes slide-down {
    from {
        opacity: 0;
        transform: translateY(-100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.slide-down {
    animation: 1s forwards slide-down
}

@keyframes slide-left {
    from {
        opacity: 0;
        transform: translateX(-100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slide-right {
    from {
        opacity: 0;
        transform: translateX(100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        transform: none
    }
}

h2.has-text-align-center:hover {
    transform: scale(1.05)
}

span.highlight-text::after,
span.highlight-text::before {
    content: '';
    width: 0;
    position: absolute;
    height: 3px;
    transition: .3s;
    background: #a20000
}

span.highlight-text::after {
    bottom: -5px;
    right: 0
}

span.highlight-text::before {
    top: -5px;
    left: 0
}

li::after {
    content: none;
    position: absolute;
    width: 0;
    height: 2px;
    background: #a20000;
    bottom: -2px;
}

li:hover::after {
    width: 100%;
    left: 0;
    transform: none
}

/*.wp-block-image img:hover {
    transform: scale(1.1)
}*/


h2.block-heading:hover::after {
    width: 300px;
    border-radius: 0
}

a.has-white-background-color.has-text-color:hover {
    background: #000 !important;
    color: #fff !important
}

.web-tect:hover {
    background: #f5f5f5;
    color: #a20000
}

.hidden-up {
    opacity: 0
}

.web-tect:hover h4 {
    color: #cf2e2e
}

.webdesign-section {
    background: url(../png/background.png)center center/cover no-repeat
}

.web-design-right .wp-block-buttons {
    margin-top: 10px
}

.inner_testimonials .wp-block-button__link.wp-element-button,
.web-design-right a.wp-block-button__link.wp-element-button {
    background: 0 0;
    color: #000;
    font-weight: 600
}

.web-design-right a i {
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px
}

.web-design-right a.wp-block-button__link.wp-element-button:hover {
    color: #a20000
}

.web-design-right h3 {
    font-size: 20px
}

.btn-link-tree a,
.btn-link-tree.followus-tree {
    font-size: 18px;
    font-weight: 600
}

.web-design-left,
.web-design-right .wp-block-column:first-child {
    border-right: 1px solid #d3d3d3;
    padding-right: 10px
}

.web-design-left .wp-block-columns:first-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d3
}

.what_lang .wp-block-media-text {
    padding: 20px;
    box-shadow: 0 0 5px 0 #0004a;
    border-radius: 10px
}

.what_lang img {
    width: 50%
}

.port-inner .wp-block-button i {
    padding: 10px 11px;
    background: #fff;
    color: #000;
    border-radius: 50%;
    margin-right: 10px
}

.inner_testimonials .wpmtst-testimonial-content.testimonial-content {
    display: grid;
    grid-template-columns: 1fr 0fr 2fr;
    align-items: center
}

.inner_testimonials .wpmtst-testimonial-content.testimonial-content .wpmtst-testimonial-image.testimonial-image {
    width: 90%;
    min-height: 190px
}

.inner_testimonials .wpmtst-testimonial-content.testimonial-content .maybe-clear {
    width: 0
}

.inner_testimonials .wpmtst-testimonial-field.testimonial-field:has(span.strong-rating) {
    position: absolute;
    left: 180px;
    bottom: 15px
}

.inner_testimonials h3.wpmtst-testimonial-heading.testimonial-heading {
    position: absolute;
    left: 180px;
    top: 20px
}

.inner_testimonials .wpmtst-testimonial-inner.testimonial-inner {
    background: #ececec;
    padding: 20px !important;
    border-radius: 10px
}

.page-id-4843 {
    background: linear-gradient(-45deg, #820000, #605e5f)
}

.page-id-4843 header {
    text-align: center;
/*     padding: 10px;
    margin-top: 30px; */
    color: #fff
}

.page-id-4843 header h1 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 20px
}

.page-id-4843 header img {
    width: 100px
}

.btn-link-tree {
    width: 100%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0;
    transition: .3s;
    position: relative;
    border: 1px solid #fff
}

.page-id-4843 footer {
    text-align: center;
    margin-bottom: 0
}

.page-id-4843 footer a {
    color: #fff;
    font-size: 20px;
    background: #a20000;
    padding: 5px 20px
}

.btn-link-tree a {
    color: #fff;
    line-height: 2.9;
    width: 100%;
    height: 100%;
    text-align: center
}

.btn-link-tree a:hover {
    background: #fff;
    color: #a20000
}

.page-id-4843 section {
    padding: 0 20px;
    margin-bottom: 60px;
    max-width: 800px !important
}

.btn-link-tree:not(.followus-tree) i {
    border: 1px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 5px;
    top: 6px
}

.btn-link-tree.followus-tree a {
    display: inline-block;
    padding: 0;
    margin: 5px;
    border: 1px solid #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 39px;
    text-align: center
}

.inner_testimonials a i {
    padding: 10px;
    background: #cf2e2e;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff
}

.testimonial-person-main {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 20px
}

.spice-block,
.spice-block .is-layout-flow.wp-block-column {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px
}

.testimonial-person-main p {
    margin: 0;
    text-align: justify;
    line-height: 1.7
}

.fixed-contact a,
.por-tab a,
.port-link a {
    color: #fff;
    text-align: center
}

.icon-btn:hover .wp-block-button__link .fas.fa-arrow-right {
    transform: translateX(130px)
}

.graphic-banner-gallary figure.wp-block-image.size-full {
    margin-bottom: unset;
    align-items: center;
    align-self: center
}

#breadcrumbs {
    list-style: none;
    gap: 5px
}

.por-tab a {
    width: 100%;
    padding: 10px
}

.por-outside-col {
    gap: 1px !important;
    justify-content: center
}

.port-link a {
    width: 100%;
    background: #820000;
    padding: 10px;
    font-weight: 600
}

.spice-block .is-layout-flow.wp-block-column {
    box-shadow: -3px 0 4px 0 #cdcdcd47;
    background: #fff
}

.spice-block {
    gap: 0 !important;
    position: relative;
    background: linear-gradient(to right, #cdcdcd 25%, #fff 18%);
    box-shadow: 0 0 6px 0 #cdcdcd47
}

.spice-block h3 {
    margin-top: 30px;
    min-height: 70px
}

.spice-block p {
    font-size: 22px
}

.spice-block a.wp-block-button__link.wp-element-button {
    border-color: #a20000 !important;
    border-radius: 30px
}

h1:not(.has-text-align-center)+ul#breadcrumbs {
    justify-content: flex-start
}

.wp-block-columns.has-background[style="background:linear-gradient(135deg,rgb(76,60,61)0,rgb(206,6,21)100%)"] ul#breadcrumbs a {
    color: #ddd
}

.client-base {
    background: #4b3b3d;
    padding-top: 10px;
    margin-bottom: -1px
}

h2:has(span.typed-cursor) {
    font-size: 35px
}

p.footer-places.has-text-align-center {
    font-size: 14px
}

h1.home-title {
    color: #fff;
    font-size: 35px;
    line-height: 60px
}

.head-contect a:hover img {
    animation: .5s ease-out infinite shakes
}

@keyframes shakes {
    from {
        transform: rotate(7deg)
    }
    to {
        transform: rotate(-7deg)
    }
}

.home-blog img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 100% !important;
    object-fit: contain
}

.home-blog figure.wp-block-post-featured-image,
.home-blog figure.wp-block-post-featured-image a {
    height: 100%
}

.fixed-contact {
    position: fixed;
    bottom: 0;
    display: none;
    align-items: center;
    width: 100%;
    justify-content: center
}

.fixed-contact a {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.fixed-contact a:first-child,
.fixed-contact a:first-child i {
    background: #25d366
}

.fixed-contact a:last-child,
.fixed-contact a:last-child i {
    background: #0000FF
}

.fixed-contact a i {
    padding: 10px;
    width: fit-content;
    margin: -10px auto 0;
    border-radius: 50%
}

.wp-block-columns:has(.title.banner-description) {
    margin-top: 0
}
.web-design-left, .web-design-right .wp-block-column:first-child {
    border-right: none;
    padding-right: 0;
    text-align: justify;
}
.web-design-left, .web-design-right .wp-block-column:first-child {
    border-right: none;
    padding-right: 0;
    text-align: justify;
}
.por-outside-col h3 {
    margin-bottom: 0;
}
.contact-con {
    column-gap: 5px !important;
}
.contact-page-form span.wpcf7-spinner {
    position: absolute;
    left: 0;
    z-index: 99;
}
.port-folio-main figcaption.wp-element-caption {
    margin: 0;
    text-align: center;
    background: #ce0615;
    color: #fff;
    padding: 7px 0;
    z-index: 10;
}

.port-folio-main figcaption.wp-element-caption a {
    color: #fff;
    font-weight: 500;
}

.port-folio-main img {
    width: 100%;
}
#main .pagination a {
    margin-right: 5px;
    color: #000;
}

#main .pagination a.active {
    color: #ce0615;
}
ul.seo-training-list {
    list-style: none;
    margin: 0;
}

ul.seo-training-list li {
    padding-left: 25px;
    position: relative;
}

ul.seo-training-list li::before {
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    left: 0px;
    position: absolute;
    top: 1px;
    color: #CE0615;
}
/* Responsive */
@media(max-width:768px) {
    .title h2 {
        font-size: 2.5em;
        line-height: 1.5em;
        margin-bottom: 10px
    }
    body .is-layout-flex {
        flex-wrap: wrap;
        align-items: center !important
    }
    figure.wp-block-image.size-full {
        text-align: center
    }
    .site-footer ul li {
        text-align: left
    }
    .home-blog ul.wp-block-post-template li.wp-block-post.post {
        width: 100%
    }
    .home-blog .wp-block-columns.alignwide {
        height: auto
    }
    .wp-block-social-links {
        justify-content: center !important
    }
    #astra-footer-menu {
        display: flex !important
    }
    #astra-footer-menu .menu-item>a {
        padding: 0 10px
    }
    .site-footer-below-section-1.site-footer-section.site-footer-section-1 {
        border-bottom: 1px solid #c5c5c56b
    }
    .column-order {
        flex-direction: column-reverse
    }
    .btn-link-tree a {
        padding: 2px 38%
    }
    ul.flow.flow-tabs.process-model.more-icon-preocess {
        flex-wrap: wrap;
        margin: 0 0 20px;
        justify-content: space-between;
        gap: 10px
    }
    ul.flow.flow-tabs li a {
        display: flex;
        padding: 0;
        justify-content: center
    }
    ul.flow.flow-tabs li {
        width: 3.33%;
        padding: 0
    }
    ul.flow.flow-tabs li.active::after,
    ul.flow.flow-tabs li.visited::after {
        content: none
    }
}

@media(max-width:480px) {
    .banner-button a,
    .footer-widget-area p,
    .home-key-features .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-top {
        text-align: center
    }
    .client-gallery .wp-block-column:nth-child(n+4),
    .spice-block .is-layout-flow.wp-block-column:first-child {
        display: none
    }
    .title h2 {
        font-size: 25px !important
    }
    h2.home-title {
        min-height: 115px
    }
    span.yellow-rect::after {
        content: none
    }
    .banner-description li {
        font-size: 13px;
        line-height: 30px
    }
    .entry-content p {
        font-size: 13px
    }
    .p-sd-2 {
        padding: 30px !important
    }
    .banner-description {
        width: auto
    }
    .banner-button {
        display: flex;
        flex-wrap: wrap
    }
    .banner-button a {
        margin-bottom: 15px;
        width: 130px;
        padding: 4px 0;
        margin-right: 10px;
        font-size: 13px
    }
    .banner-button img {
        height: 25px;
        width: 25px;
        margin-right: 10px
    }
/*     #banner {
        height: 510px
    } */
    .slideshow-container {
        padding: 20px
    }
    .wp-block-column>:where(:not(.alignleft) :not(.alignright):not(.alignfull)) {
        max-width: 100% !important
    }
    .banner-description ul {
        margin: 0 0 5px
    }
    .site-footer-above-section-1.site-footer-section.site-footer-section-1 {
        margin-bottom: 0 !important
    }
    nav.menu-footer-menu-container ul {
        justify-content: space-around
    }
    .home-list-one .wp-block-column:not(:last-child),
    .title h2,
    ul.wp-block-post-template li.wp-block-post .wp-block-column:first-child {
        margin-bottom: 0
    }
    .padding-left {
        padding-left: 2em !important
    }
    .site-footer ul.chev li {
        text-align: left;
        margin-left: 30px
    }
    .site-primary-footer-wrap[data-section=section-primary-footer-builder] {
        padding: 30px 0
    }
    .site-footer-primary-section-2.site-footer-section.site-footer-section-2,
    .site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
        padding: 0
    }
    ul.foot-contact li {
        text-align: left;
        padding-left: 30px
    }
    ul.wp-container-76.is-horizontal.is-content-justification-left.wp-block-social-links.has-icon-color.is-style-logos-only.logo-social-icon-footer {
        justify-content: center
    }
    .site-footer-below-section-1.site-footer-section.site-footer-section-1 {
        padding: 15px 0
    }
    .entry-content h2 {
        line-height: 1.5;
        font-size: 1.4em
    }
    .home-key-features .wp-block-media-text.alignwide.is-stacked-on-mobile.is-vertically-aligned-top img {
        width: 100px
    }
    .wp-container-58>:where(:not(.alignleft) :not(.alignright)) {
        max-width: 100%
    }
    ul.wp-block-post-template {
        flex-wrap: wrap
    }
    ul.wp-block-post-template li.wp-block-post.post {
        width: 100%
    }
    ul.wp-block-post-template h2.wp-block-post-title {
        height: auto !important
    }
    .btn-link-tree a {
        padding: 2px 20px
    }
    .graphic-banner {
        padding: 20px !important
    }
    .graphic-banner h2.title {
        min-height: 75px;
        margin-bottom: 0
    }
    .graphic-banner h2.title+p {
        margin-top: 0
    }
    h4.graphic-trusted::after,
    h4.graphic-trusted::before {
        width: 30%
    }
    .graphic-banner-gallary.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
        margin-bottom: 10px !important
    }
    #lan-slides {
        justify-content: start;
        width: min-content;
        max-width: unset !important
    }
    .lan-slides {
        flex-shrink: 0;
        width: 154px
    }
    h1.h1-heading {
        font-size: 25px !important;
        font-weight: 600
    }
    .home-list-one {
        gap: 0 !important
    }
    .client-gallery-last,
    .home-webdev-process,
    .industry-column {
        display: none !important
    }
    .wp-block-column:has(.portfolio-card) {
        display: none
    }
    .wp-block-column:has(.portfolio-card):first-child {
        display: block
    }
    .faq-tabs h3 {
        padding-right: 30px !important
    }
    .fixed-contact {
        display: flex;
        visibility: hidden;
        z-index: 99
    }
    .spice-block h3 {
        min-height: unset
    }
    .spice-block {
        background: unset
    }
    .spice-block .is-layout-flow.wp-block-column {
        border-radius: 30px;
        box-shadow: 0 2px 4px 0 #cdcdcd
    }
  .pr-sm-0 {
    padding-right: 0 !important;
}
  #breadcrumbs {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 0.2fr 5fr;
}
  h1.has-text-align-center.wp-block-heading.slide-left {
    font-size: 24px !important;
    line-height: 1.3;
}
  .blog-main .wp-block-post-template.is-flex-container {
    flex-direction: column;
}

.blog-main .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    width: 100% !important;
}
  .blog-main .wp-block-post-excerpt {
    margin-top: 10px;
    margin-bottom: 10px;
}
  .home-key-features .alignwide figure {
    width: fit-content;
    margin: 0 auto;
}
}

/* vinith- css */

 li#mega-menu-item-6139>a {
    color: #ce0615 !important;
    margin-bottom: .5em !important;
    padding-bottom: .5em !important;
    position: relative !important;
    letter-spacing: 1px;
}
ul.foot-contact i.fa-solid.fa-location-dot {
    margin-top: 6px;
    margin-right: 18px;
}
li#mega-menu-item-6139 ul li>a::before {
    content: "\f345";
    margin-left: -1.5em !important;
    transition: .4s !important;
}
li#mega-menu-item-6139>a::before {
    content: '' !important;
    background: #ccc !important;
    height: 1px !important;
    width: 100% !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
}
.wp-block-columns.justify-center.is-layout-flex.wp-container-48 .wp-block-column.mx-auto.is-layout-constrained {
    flex-basis: 100% !important;
}
li.list-design {
    list-style-type: square;
}         
        .waves {
            position: relative;
            width: 100%;
            height: 15vh;
            margin-bottom: -30px;
            /*Fix for safari gap*/
            min-height: 100px;
            max-height: 150px;
        }


        /* Animation */

        .parallax>use {
            animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
        }

        .parallax>use:nth-child(1) {
            animation-delay: -2s;
            animation-duration: 7s;
        }

        .parallax>use:nth-child(2) {
            animation-delay: -3s;
            animation-duration: 10s;
        }

        .parallax>use:nth-child(3) {
            animation-delay: -4s;
            animation-duration: 13s;
        }

        .parallax>use:nth-child(4) 
              
        .waves {
            position: relative;
            width: 100%;
            height: 15vh;
            margin-bottom: -30px;
            /*Fix for safari gap*/
            min-height: 100px;
            max-height: 150px;
        }


        /* Animation */

        .parallax>use {
            animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
        }

        .parallax>use:nth-child(1) {
            animation-delay: -2s;
            animation-duration: 7s;
        }

        .parallax>use:nth-child(2) {
            animation-delay: -3s;
            animation-duration: 10s;
        }

        .parallax>use:nth-child(3) {
            animation-delay: -4s;
            animation-duration: 13s;
        }

        .parallax>use:nth-child(4) {
            animation-delay: -5s;
            animation-duration: 20s;
        }

        @keyframes move-forever {
            0% {
                transform: translate3d(-90px, 0, 0);
            }

            100% {
                transform: translate3d(85px, 0, 0);
            }
        }

        /*Shrinking for mobile*/
        @media (max-width: 768px) {
            .waves {
                height: 40px;
                min-height: 40px;
            }

            .content {
                height: 30vh;
            }

            h1 {
                font-size: 24px;
            }
        }

use {
    fill: rgba(75, 59, 61, 0.7);
}

.ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
    padding: 0;
}

.tab-wrapper {
  width: 590px;
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.tab-wrapper button {
  letter-spacing: 3px;
  border: none;
  padding: 10px;
  background-color: #bccbe9;
  color: #232c3d;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.tab-wrapper button:hover {
  background-color: #d5e3ff;
}

.tab-wrapper button.active {
  background-color: white;
}

.active {
  background-color: white;
}

.tab-wrapper p {
  text-align: left;
  padding: 10px;
}

.content {
  display: none;
  padding: 10px 20px;
}

.content.active {
  display: block;
}   {
            animation-delay: -5s;
            animation-duration: 20s;
        }

        @keyframes move-forever {
            0% {
                transform: translate3d(-90px, 0, 0);
            }

            100% {
                transform: translate3d(85px, 0, 0);
            }
        }

        /*Shrinking for mobile*/
        @media (max-width: 768px) {
            .waves {
                height: 40px;
                min-height: 40px;
            }

            .content {
                height: 30vh;
            }
              
        .waves {
            position: relative;
            width: 100%;
            height: 15vh;
            margin-bottom: -30px;
            /*Fix for safari gap*/
            min-height: 100px;
            max-height: 150px;
        }


        /* Animation */

        .parallax>use {
            animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
        }

        .parallax>use:nth-child(1) {
            animation-delay: -2s;
            animation-duration: 7s;
        }

        .parallax>use:nth-child(2) {
            animation-delay: -3s;
            animation-duration: 10s;
        }

        .parallax>use:nth-child(3) {
            animation-delay: -4s;
            animation-duration: 13s;
        }

        .parallax>use:nth-child(4) {
            animation-delay: -5s;
            animation-duration: 20s;
        }

        @keyframes move-forever {
            0% {
                transform: translate3d(-90px, 0, 0);
            }

            100% {
                transform: translate3d(85px, 0, 0);
            }
        }

        /*Shrinking for mobile*/
        @media (max-width: 768px) {
            .waves {
                height: 40px;
                min-height: 40px;
            }

            .content {
                height: 30vh;
            }

            h1 {
                font-size: 24px;
            }
        }

use {
    fill: rgba(75, 59, 61, 0.7);
}

.ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
    padding: 0;
}

.tab-wrapper {
  width: 590px;
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.tab-wrapper button {
  letter-spacing: 3px;
  border: none;
  padding: 10px;
  background-color: #bccbe9;
  color: #232c3d;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.tab-wrapper button:hover {
  background-color: #d5e3ff;
}

.tab-wrapper button.active {
  background-color: white;
}

.active {
  background-color: white;
}

.tab-wrapper p {
  text-align: left;
  padding: 10px;
}

.content {
  display: none;
  padding: 10px 20px;
}

.content.active {
  display: block;
}   

            h1 {
                font-size: 24px;
            }
        }

use {
    fill: rgba(75, 59, 61, 0.7);
}

.ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
    padding: 0;
}

.tab-wrapper {
  width: 590px;
  margin: auto;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);
}

.buttonWrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.tab-wrapper button {
  letter-spacing: 3px;
  border: none;
  padding: 10px;
  background-color: #bccbe9;
  color: #232c3d;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.tab-wrapper button:hover {
  background-color: #d5e3ff;
}

.tab-wrapper button.active {
  background-color: white;
}

.active {
  background-color: white;
}

.tab-wrapper p {
  text-align: left;
  padding: 10px;
}

.content {
  display: none;
  padding: 10px 20px;
}

.content.active {
  display: block;
}   
.zin-count {
    display: flex;
    justify-content: center;
    color: #fff !important;
    font-size: 28px;
}
p.make-white.span-cap {
    margin: 0px auto;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}
.ast-archive-description {
    margin-bottom: 2.5em;
    padding-bottom: 1.3333em;
    text-align: left;
  border: 0px;
}
.ast-archive-description .ast-archive-title {
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #CE0515;
    font-size: 34px;
    text-transform: uppercase;
}
.ast-page-builder-template.archive.ast-right-sidebar .ast-row article, .ast-page-builder-template.archive.ast-left-sidebar .ast-row article #primary {
    padding: 0px 80px;
}
.ast-page-builder-template .ast-archive-description {
    margin: 2em auto 0;
    padding-left: 100px;
    padding-right: 20px;
}
.square img {
    float: right;
    margin: 0px 30px;
    width: 40%
}
.square p {
    text-align: justify;
}
@media only screen and (max-width: 600px) {
 .square  {
    text-align: justify;
   padding: 15px;
}
  .square img {
    float: right;
    margin: 0px 30px;
    width: 86%
}
	
	p.has-text-align-center.has-white-color.has-text-color {
    text-align: center !important;
}
p.has-text-align-center {
    text-align: center !important;
}

}
.wp-block-buttons {
    text-align: center;
}
.pum-content.popmake-content input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: #000 !important;
    font-weight: 400;
}
.pum-content.popmake-content textarea.wpcf7-form-control.wpcf7-textarea {
    font-weight: 400;
}
.pum-content.popmake-content span.wpcf7-list-item-label {
    font-weight: 400;
}
ul.reduce-list li {
    font-size: 14px;
    font-weight: 500;
}
ul.make-list-white li {
    color: #fff;
}
.fstfvefloat img {
    width: 200px!important;
    height: 80px!important;
    box-shadow: 2px 1px 10px 1px #cfcfcf !important;
}




#main .pagination {
    display: flex;
    justify-content: center;
}
#main .pagination a{
    padding: 2px 14px;
    border-radius: 20px;
}
#main .pagination a.active {
    color: #ce0615;
    background: #cfcfcf;
    padding: 2px 14px;
    border-radius: 20px;
}
@media only screen and (max-width: 600px) {

#main .pagination a{
    padding: 2px 5px;
    border-radius: 20px;
}
#main .pagination a.active {
    color: #ce0615;
    background: #cfcfcf;
    padding: 2px 5px;
    border-radius: 20px;
}
}
.dual-img-class img {
    margin-bottom: 20px;
}
.single-img-class {
    display: block;
    margin: auto 0px auto 20px;
    position: relative;
}
.whole-img-home {
    display: flex;
}

.single-img-class::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: url('../png/group-43265.png');
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.single-img-class:hover::after {
    opacity: 1;
}
.hover-dual1{
  position: relative;
}
.hover-dual1::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: url('../png/group-43280-1.png');
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.hover-dual1:hover::after {
    opacity: 1;
}
.hover-dual2{
  position: relative;
  text-align: end;
}
.hover-dual2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: url('../png/group-43280-2.png');
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.hover-dual2:hover::after {
    opacity: 1;
}
div#secondary .sidebar-main .widget_block {
    margin-bottom: 1.7em;
}
ul.add-arrow-class li {
    padding-left: 25px;
    position: relative;
}
ul.add-arrow-class li:before {
    content: '\f35a';
    font-family: "Font Awesome 5 Free";
    left: 0px;
    position: absolute;
    top: 1px;
    color: #CE0615;
}
ul.add-arrow-class li:after {
	content: '';
	left: 0;
    transform: translate(0);
}
#secondary {
    margin: 1em 0 2.5em;
    word-break: break-word;
    line-height: 2;
}
.ast-post-format-.blog-layout-1 .entry-meta, .ast-post-format-.blog-layout-1 .entry-meta span {
    color: #CE0615;
}
.client-gallery .wp-block-column {
    padding: 0px 20px;
    background: #ffffff;
    box-shadow: 2px 1px 10px 1px #cfcfcf;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    height: 100px;
    position: relative;
    transition-delay: .1s;
}
h1.year-exp {
    margin: 45px 0px -25px 0px;
}
.sub-exp {
    padding: 0px 0px 0px 35px;
    position: relative;
    font-size: 11px;
}
.sub-exp:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 1.5px;
    background: #000;
    bottom: 13px;
    left: 8px;
}
.wp-block-columns.custom-pad-remove.has-background.is-layout-flex {
    padding: 0px !important;
}
.has-text-color.wp-block-post-author {
    padding-left: 10px !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    height: 220px;
    object-fit: initial !important;
    padding-bottom: 15px;
}

/*footer-icon*/
li.foot-mail i {
    padding-top: 2px;
}
li.foot-phone i {
    padding-top: 4px;
}
.footer-widget-area p {
    color: #fff;
    line-height: 2;
}

/*header-maga-menu*/
li#mega-menu-item-6139 ul.mega-sub-menu {
    padding-left: 20px !important;
}

.des-steps, .head-contect ul a {
    font-size: 13.5px;
    color: #fff;
}

.client-base {
    background: #4b3b3d;
    padding-top: 35px;
    margin-bottom: -1px;
}

.blog-main li.wp-block-post {
    box-shadow: 0 0 10px #ccc;
    padding-top: 0 !important;
    height: 460px;
}

@media only screen and (max-width: 768px) {
  
  li.head-mobil-wh {
    display: none;
}
    
.contact_main_inner ul {
  flex-wrap: wrap;
}   

.image-change .wp-block-column.slide-down.is-layout-flow.wp-block-column-is-layout-flow .wp-block-columns.is-layout-flex.wp-container-7.wp-block-columns-is-layout-flex {
  
  
flex-direction: column-reverse;
} 

.custom-pad-remove {

  flex-direction: column-reverse;
  
} 

.variety-of-services {
    column-gap: 1px !important;
}
  .wp-block-column.is-vertically-aligned-center.is-layout-constrained.wp-block-column-is-layout-constrained {
    margin: 0px;
}
  
.entry-content p {
    margin-bottom: 0px;
} 

.contact_main_inner ul li {
    padding: 0 20px;
    background: url(#)right center no-repeat;
}
.contact_main_inner ul {
    margin: 0 !important;
}
 .head-contect ul {
    display: -webkit-inline-box;
    list-style: none;
    color: #fff;
    column-gap: 5px;
}
  .entry-content p {
    margin-bottom: 0em !important;
}
 .wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
    margin-bottom: 25px;
}
	
	
      
}





/*logo-img*/

.client-gallery .wp-block-column {
    padding: 0px 20px;
    background: #ffffff;
    box-shadow: 2px 1px 10px 1px #cfcfcf;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    height: 130px;
    position: relative;
    transition-delay: .1s;
}

/* industry we server animation*/
.industry-img img:hover {
    transform: scale(1.09);
}




  .image-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: 20px;
}

.image-row div {
    padding: 0px 20px;
    background: #ffffff;
    box-shadow: 2px 1px 10px 1px #cfcfcf;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    height: 100px;
    position: relative;
    transition-delay: .1s;
}

.btn6:hover {
        background: 0 0;
}

.image-row .btn6:hover::before {
    height: 100%;
    width: 100%;
    opacity: 1;
}
.image-row .btn6::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid #a20000;
    transition: .3s;
    opacity: 0;
    z-index: -1;
}

img.cheang-img {
    width: 77px;
}
p.text-justify.has-white-color.has-text-color {
    line-height: 35px;
}

@media only screen and (max-width: 768px) {
    .image-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 7px;
}  
  .image-row div {
    padding: 0px 20px;
    margin: 10px;
    background: #ffffff;
    box-shadow: 2px 1px 10px 1px #cfcfcf;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    height: 100px;
    position: relative;
    transition-delay: .1s;
}
  .wp-block-columns.is-layout-flex.wp-container-80.wp-block-columns-is-layout-flex {
    display: none;
}
.wp-block-columns.is-layout-flex.wp-container-82.wp-block-columns-is-layout-flex {
    display: none;
}
  .wp-block-columns.home-result.p-sd-2.has-background.is-layout-flex.wp-container-100.wp-block-columns-is-layout-flex {
    padding-top: 20px;
}
  
  li.wp-block-post.post-4429 .wp-block-columns.alignwide.is-layout-flex.wp-container-109.wp-block-columns-is-layout-flex {
   column-gap: 1px !important;
}
li.wp-block-post.post-4432 .wp-block-columns.alignwide.is-layout-flex.wp-container-106.wp-block-columns-is-layout-flex {
    column-gap: 5px;
}
li.wp-block-post.post-4422 .wp-block-columns.alignwide.is-layout-flex.wp-container-112.wp-block-columns-is-layout-flex {
    column-gap: 5px;
}
  
  .portfolio-three-col {
    display: grid;
    grid-template-columns: 1fr !important;
    column-gap: 5px;
    margin-bottom:10px;
}
.portfolio-1div {
    margin-bottom: 20px;
}
  .portfolio-2div {
    margin-bottom: 20px;
}
  .portfolio-3div {
    margin-bottom: 20px;
}
  
  .old-port {
    display: none !important;
}
	
	section.ast-archive-description {
    padding: 0px 0px 0px 20px !important;
}
  
}

/* portfolio three */

.portfolio-three-col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
}

.old-port {
    display: none !important;
}

picture.cheang-img {
    width: 80px;
}

.wp-block-columns.is-layout-flex.wp-container-102.wp-block-columns-is-layout-flex {
    margin-top: 10px;
}

section.ast-archive-description {
    padding: 0px 0px 0px 100px !important;
}


@media screen and (max-width: 600px) {
.ast-page-builder-template.archive.ast-right-sidebar .ast-row article, .ast-page-builder-template.archive.ast-left-sidebar .ast-row article #primary {
    padding: 0px 10px !important;
}

}


