.work-process-timeline ul,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

.article-column .article-text p,
.clientContent p.more,
.feature-text p,
.gal-cont h4,
.our-packapge .start-package p,
.our-services-box .our-services-text p,
body.home .our-packapge .startpack-outer p {
    -webkit-box-orient: vertical;
    overflow: hidden
}

body,
p {
    font-size: 16px
}

:root {
    --green-color: #008060;
    --pink-color: #D72158;
}

.custom-btn,
.theme_btn {
    display: inline-block;
    text-align: center
}

.article-column .article-text p,
.clientContent p.more,
.feature-text p {
    word-spacing: normal;
    -webkit-line-clamp: 4
}

.footer #media_image-2 img,
.footer_content a img,
.getin-touch-wrapper .touch-box .touch-icon img,
.package-section .top-heading img {
    filter: brightness(0) invert(1)
}

@font-face {
    font-family: icomoon;
    src: url('../fonts/icomoon.eot?7owmsk');
    src: url('../fonts/icomoon.eot?7owmsk#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?7owmsk') format('truetype'), url('../fonts/icomoon.woff?7owmsk') format('woff'), url('../fonts/icomoon.svg?7owmsk#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.comming-soon .comingsoon-inner h1,
.custom-btn,
.nav-item .btn,
.package-section .packages-heading h3,
.package-tabs button,
.theme_btn,
.title_tag {
    text-transform: uppercase
}

.call-us-wrap .call-us-cont h2,
.call-us-wrap .call-us-cont h4,
.call-us-wrap .call-us-cont p,
.corebenefit-img .corebenefit-box p,
.devtoll-box h5,
.empower-buissness .technology-work p,
.footer .newsletter h6,
.footer-bottom-page ul li a,
.get_touch_form h3,
.intrduction_blog .blog-section .blog-img-txt .post-meta span,
.package-btn .theme_btn,
.package-section .package-section-heading h6,
.packages_content ul li,
.people_section .people_box p,
.top-heading span,
h1,
h2,
h3,
h4,
h6 {
    text-transform: capitalize
}

* {
    box-sizing: border-box
}

body {
    font-family: Poppins
}

:root {
    --theme-color: #085AA3;
    --btn-color: #ffffff;
    --content-color: #726D6D;
    --poppins-font: 'Poppins';
    --white-color: #ffffff;
    --section_bg: #f5f8fb;
    --text-border: var(--ssss, linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%))
}

.article-column .article-img h4 a:hover,
a,
a:hover {
    text-decoration: none
}

.app-develop-servi-wrap .about-services-heading h2,
.app-develp-wrapper .devel-box-out:hover h4,
.app-develp-wrapper .devel-box-out:hover p,
.article-column .article-img h4 a,
.banner_text_white h1,
.bottom_header .current-menu-item,
.breadcrumb-item+.breadcrumb-item::before,
.call-us-wrap .call-us-cont,
.choose-us .choose-tab ul li button.active span,
.choose-us .choose-tab ul li button:hover span,
.custom-btn:hover,
.domain-column-box:hover,
.domain-column-box:hover h2,
.domain-column-box:hover h3,
.domain-column-box:hover p,
.full-banner .full-banner-text p,
.headermenu-box p,
.magen-web-team-wrap .about-services-heading h2,
.magen-web-team-wrap .about-services-heading p,
.navbar .dropdown-menu .nav-link:hover,
.our-develop-proc-wrap .about-services-heading h2,
.package-btn:hover .theme_btn,
.small_ban h2,
.top-responsive-design-wrap .top-res-box h5,
.top_header .calls ul li a,
.webdesign-banner.webddev-banner .landform-chd-form .wpcf7-not-valid-tip,
.whworkweb-text .commu-traicon h3,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child a,
body.home .our-packapge .start-package h3 {
    color: #fff
}
/* body.page-template-business .container {
    max-width: 80%;
} */
.form-check-input:focus {
    box-shadow: none;
    border-color: #ddd
}

.wpcf7-spinner {
    position: absolute!important
}

.form-check-input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 0
}

.form-check-input:checked[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 0
}

.form-check-input:checked {
    background-color: #e96532;
    border-color: #d72059
}

.light-pink {
    background-color: #ffeff1!important;
    padding: 70px 0
}

p {
    line-height: 29px
}

.gray {
    background: #f4f4f4
}
.custom-logo-link img { height: 55px; }
section.frontend-dev-service .frontend-dev-service-icon img { filter: grayscale(1); }
#call-modalToggle .modal-dialog .close_page,
#get-touchmodalToggle .modal-dialog .close_page,
.about_section .get_box .media-left .icon,
.appdes h3,
.auditModal .modal-dialog .close_page,
.benfits-php-wrap .benefi-box .icon-box,
.build-intuitive-text h2 span,
.building-better-wrapper .build-bet-box .img-box span,
.choose-us1 .choose-detail h3,
.edu-challtab .nav-link.active span,
.gal-cont span,
.gallery_mod .click-btn,
.gallery_mods .click-btn span,
.gallery_nav li a.active,
.getin-touch-wrapper .touch-box .touch-icon,
.intrduction_blog #comments h3,
.intrduction_blog .blog-section .blog-tags .btn:hover,
.intrduction_blog input[type=submit],
.login-page .close_page,
.login-page .login-image h6,
.login-page .login-page-form p a,
.login_form_sec .login_form form.woocommerce-form a.register_btn,
.page-template-web-development-company-in-india .package-section .packages-heading,
.page-template-web-development-company-in-india .package-section .section-title h2,
.people_section .people_box p,
.product_banner.about_banner .banner_tag,
.responsive-services-wrap a.nav-link.active span,
.skills.custom-btn,
.store-setup-define .store-setup-count span,
.theme_btn,
.webdesign-banner.webddev-banner .landform-chd-form,
.website-link a,
.whworkweb-text .commu-traicon .commu-trimg span,
.woocommerce-account .addresses .title .edit,
.woocommerce-account header.woocommerce-Address-title.title a.edit,
.word-develp-stu-wrap .word-develp-box .icon-Layer-2:before,
.word-develp-stu-wrap .word-develp-box .icon-customization:before,
body.home .our-packapge .start-package,
footer .custom-btn,
h4,
input.user-registration-Button.button,
section.Renew-feature .feature-box-outer .renewBox,
section.achieve .achieve-Box .achieve-icon,
#appointment-modalToggle .close_page,
section.advantage .time-line-Outer .time-line-contant h5::after,
section.second-frequently .accordion-button:not(.collapsed)::after,
section.second-frequently button.active::after,
ul.slick-dots li.slick-active button {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.icon-translation:before {
    content: "\e945"
}

.icon-wordpress-logo:before {
    content: "\e946"
}

.icon-web:before {
    content: "\e947"
}

.icon-theme:before {
    content: "\e948"
}

.icon-plugin:before {
    content: "\e949"
}

.icon-categories:before {
    content: "\e94a"
}

.icon-equalizer:before {
    content: "\e94b"
}

.icon-global:before {
    content: "\e937"
}

.icon-hours:before {
    content: "\e938"
}

.icon-data-collection:before {
    content: "\e939"
}

.icon-seo:before {
    content: "\e93a"
}

.icon-competitive:before {
    content: "\e93b"
}

.icon-reliability:before {
    content: "\e93c"
}

.icon-marketing1:before {
    content: "\e93d"
}

.icon-ecommerce:before {
    content: "\e93e"
}

.icon-scalability:before {
    content: "\e93f"
}

.icon-rate:before {
    content: "\e940"
}

.icon-user-admin:before {
    content: "\e941"
}

.icon-calendar1:before {
    content: "\e942"
}

.icon-whatsapp:before {
    content: "\e943"
}

.icon-right-arrow:before {
    content: "\e944"
}

.icon-coding-develoment:before {
    content: "\e933"
}

.icon-inventory-setup:before {
    content: "\e934"
}

.icon-shopifymigration:before {
    content: "\e935"
}

.icon-seo-implementation:before {
    content: "\e936"
}

.icon-location:before {
    content: "\e92f"
}

.icon-store:before {
    content: "\e930"
}

.icon-payment:before {
    content: "\e931"
}

.icon-app-development:before {
    content: "\e932"
}

.icon-star:before {
    content: "\e92e"
}

.icon-marketing:before {
    content: "\e927"
}

.icon-boss:before {
    content: "\e928"
}

.icon-entrepreneur:before {
    content: "\e929"
}

.icon-startup:before {
    content: "\e92a"
}

.icon-reseller:before {
    content: "\e92b"
}

.icon-close:before {
    content: "\e92c"
}

.icon-check:before {
    content: "\e92d"
}

.icon-skype:before {
    content: "\e925"
}

.icon-telephone:before {
    content: "\e924"
}

.icon-envelop:before {
    content: "\e926"
}

.icon-psd-to-magento:before {
    content: "\e91e";
    color: #fff
}

.icon-store-migration:before {
    content: "\e91f";
    color: #fff
}

.icon-website-development:before {
    content: "\e920";
    color: #085aa2
}

.icon-magento-store-marketing:before {
    content: "\e921";
    color: #fff
}

.icon-magento-development:before {
    content: "\e922";
    color: #fff
}

.icon-custom-website-design:before {
    content: "\e923";
    color: #fff
}

.icon-enterprise:before {
    content: "\e90d";
    color: #085aa3
}

.icon-entertainment:before {
    content: "\e90e";
    color: #085aa3
}

.icon-healthcare:before {
    content: "\e90f";
    color: #085aa3
}

.icon-idea:before {
    content: "\e910";
    color: #085aa3
}

.icon-migration:before {
    content: "\e911";
    color: #fff
}

.icon-native:before {
    content: "\e912";
    color: #fff
}

.icon-QA-Testing:before {
    content: "\e913";
    color: #085aa3
}

.icon-retail:before {
    content: "\e914";
    color: #085aa3
}

.icon-security:before {
    content: "\e915";
    color: #085aa3
}

.icon-text:before {
    content: "\e916";
    color: #fff
}

.icon-utility:before {
    content: "\e917";
    color: #085aa3
}

.icon-windows:before {
    content: "\e918";
    color: #fff
}

.icon-wireframe:before {
    content: "\e919";
    color: #085aa3
}

.icon-education:before {
    content: "\e91a";
    color: #fff
}

.icon-design:before {
    content: "\e91b";
    color: #085aa3
}

.icon-code-audit:before {
    content: "\e91c";
    color: #fff
}

.icon-banking:before {
    content: "\e91d";
    color: #085aa3
}

.icon-framework:before {
    content: "\e906";
    color: #fff
}

.icon-Layer-2:before {
    content: "\e907";
    color: #fff
}

.icon-cloud-networking:before {
    content: "\e908";
    color: #065ba3
}

.icon-customization:before {
    content: "\e909";
    color: #065ba3
}

.icon-excellent-support:before {
    content: "\e90a";
    color: #065ba3
}

.icon-flexibility:before {
    content: "\e90b";
    color: #065ba3
}

.icon-seo-friendly:before {
    content: "\e90c";
    color: #065ba3
}

.icon-attention:before {
    content: "\e900";
    color: #fff
}

.icon-code:before {
    content: "\e901";
    color: #065ba3
}

.icon-installation:before {
    content: "\e902";
    color: #065ba3
}

.icon-support:before {
    content: "\e903";
    color: #065ba3
}

.icon-user-interface:before {
    content: "\e904";
    color: #065ba3
}

.icon-customer-focused:before {
    content: "\e905";
    color: #065ba3
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    font-family: icomoon!important;
    content: "\e924"!important
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.do-out-banner .banner_content .form-row .input-group .btn-primary:active,
.package_button .btn-primary:active,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none
}

.theme_btn {
    font-family: var(--poppins-font);
    font-size: 15px;
    font-weight: 500;
    border: none;
    position: relative;
    min-height: 51px;
    line-height: 51px;
    padding: 0 10px;
    min-width: 179px;
    color: var(--white-color);
    margin: 0 0 0 15px
}

.custom-btn {
    min-width: 184px;
    min-height: 56px;
    line-height: 56px;
    background-color: #085aa3;
    color: #fff;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500
}

.theme_btn:hover {
    text-decoration: none;
    color: var(--white-color)
}

.account_access .theme_btn.theme_border_btn {
    margin-right: 36px
}

.theme_btn.theme_border_btn:hover {
    text-decoration: none;
    background-color: #fff;
    color: var(--theme-color)
}

.theme_btn.theme_border_btn {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.banner_tag,
.title_tag {
    display: inline-block;
    border-radius: 5px
}

.intrduction_blog .blog-section .blog-text .portfolio-detail-view.single-post .theme_btn::after,
.theme_btn::after {
    content: '';
    position: absolute;
    left: -14px;
    bottom: -14px;
    width: 44px;
    height: 44px;
    border-bottom: 3px solid #d72159;
    border-left: 3px solid #e86233;
    transition: .8s
}

.banner_form .default_btn:hover::after,
.build-app-wrap .build-box .btn-box a.btn:hover::after,
.build-app-wrap .build-box .img-box img,
.build-app-wrap .out-btn-box a.btn:hover::after,
.gallery_modal .modal-body img,
.magen-web-team-wrap .mage-box-out .magent-team-box .btn-box a:hover::after,
.theme_btn:hover::after,
.woocommerce-account .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address address,
form.is-search-form.is-form-style.is-form-style-1.is-form-id-199 label,
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first,
section.custom-domain ul#myTab li {
    width: 100%
}

.title_tag {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color);
    min-width: 170px;
    min-height: 40px;
    line-height: 40px;
    padding: 0
}

.banner_tag {
    background-color: var(--theme-color);
    min-width: 297px;
    line-height: 33px;
    min-height: 33px;
    text-align: center;
    font-size: 19px;
    color: #fff;
    position: relative;
    padding: 0 10px
}

.black_section.banner_text_white p.p_style {
    margin: 0 0 27px
}

.ecommerce-platform.ecomm-retailplatform,
.gray,
.health-process.travelhos-process,
.marketing-tools,
.ranking.seo-ranking,
.section_padding,
.web_portfolio_main,
section.Service-helps,
section.custom-domain,
section.customized,
section.ranking {
    padding: 70px 0
}

.seo_ban.section_padding {
    padding: 136px 0
}

h1 {
    font-size: 40px !important;
    font-weight: 700;
    line-height: 47px !important;
}

h2,
h3 {
    font-weight: 600
}

.contact-form h2,
h2 {
    font-size: 46px
}

h3 {
    color: #222;
    font-size: 30px
}

.package-section .package-section-heading h6,
h6 {
    color: #085aa2;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px
}

h4 {
    font-size: 34px;
    font-weight: 600;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

a,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.btn:focus,
button:focus {
    outline: 0;
    box-shadow: none
}

.btn-primary,
.client_feedback .carousel-indicators .active,
.contact_form .form-group.send_now .default_btn:hover {
    background-color: #0065bd
}

.form-control::-webkit-input-placeholder {
    color: #cdcccc;
    font-size: 14px
}

.form-control::-moz-placeholder {
    color: #cdcccc;
    font-size: 14px
}

.form-control:-ms-input-placeholder {
    color: #cdcccc;
    font-size: 14px
}

.form-control:-moz-placeholder {
    color: #cdcccc;
    font-size: 14px
}

.top_header {
    width: 100%;
    padding: 6px 0;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.calls ul,
.gallery_nav,
.our-develop-proc-wrap .our-dvelop-box ul,
.social-icon ul,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.top_header .calls ul li {
    padding-right: 36px;
    color: #fff;
    line-height: 28px;
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-size: 16px
}

.calls ul li img {
    margin-right: 5px
}

.calls ul li .fa {
    margin-right: 6px
}

.social-icon ul a {
    width: 32px;
    height: 32px;
    color: #fff;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 50%
}

.social-icon ul a:focus,
.social-icon ul a:hover {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    background-color: var(--ssss, linear-gradient(90deg, #d61c5b 0%, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    color: #fff
}

.client-says .slider-heading .media .media-body,
.social-icon ul li {
    padding-left: 5px
}

.navbar-light .navbar-nav .nav-link {
    font-size: 16px;
    color: #00304c;
    --poppins-font: 'Poppins';
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    letter-spacing: .75px;
    transition: .4s
}

.about_content .about_text ul li span,
.cline-satis h4 span,
.global-reach:hover h3,
.intrduction_blog .blog-categories ul li a:hover,
.login-page .login-image .login-img-text h1,
.login-page .login-page-form h2,
.ourapp-row h2 span,
.responsive-services-wrap a.nav-link.active .videoboxtitle,
.woocommerce-account .woocommerce-MyAccount-content p a,
.word-develp-stu-wrap .word-develp-box .icon::before,
.word-develp-stu-wrap .word-develp-box:hover .icon-box .icon::before,
.word-develp-stu-wrap .word-develp-box:hover h3,
.workProcess-heading h2 span,
header .desktop-menu .current-menu-item .nav-link {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.wdich-services,
header.header,
section.shopify-advancefeature.feature-logistic.contectnt-logistic,
section.shopify-advancefeature.feature-logistic.keyword-sesas,
section.shopify-advancefeature.feature-logistic.socialoplogistc {
    background-color: #fefaf9
}

header.header nav {
    padding: 17px 0
}

.custom-logo-link img {
    max-width: 167px;
    height: auto;
}

.nav-item .btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .75px;
    padding: 7px 18px;
    border-radius: 5px;
    background: #000000;
    color:#ffffff;
}

.navbar-light .navbar-nav .nav-link span {
    font-size: 22px;
    line-height: 22px;
    color: #085aa2
}

header.header .bottom_header {
    display: block;
    position: relative;
    z-index: 99
}

header.header .bottom_header .calls {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0
}

.bottom_header .nav-link {
    padding: 8px 22px 16px;
    color: #222;
    font-size: 16px;
    line-height: normal;
    font-family: Poppins
}

.navbar .dropdown-menu div[class*=col] {
    margin-bottom: 1rem
}

.media {
    display: flex;
    justify-content: start!important;
    column-gap: 20px
}

.media h5 {
    margin-bottom: 10px
}

.media p {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-top: 5px
}

.navbar .dropdown-menu {
    border: none;
    background-color: #fff!important
}

.navbar .dropdown-menu h4 {
    color: #fff;
    margin-bottom: 15px
}

.navbar .dropdown-menu h5 {
    font-size: 18px;
    color: #fff
}

.navbar .dropdown-menu p {
    color: #fff;
    font-size: 14px;
    letter-spacing: .5px
}

.navbar .dropdown-menu .nav-link {
    padding: .3rem 0;
    font-size: 14px;
    color: #fff;
    text-transform: inherit;
    font-weight: 400
}

.bottom_header .nav-item.website-audit a,
.client-partner .slick-prev,
.client-partner .slick-slide button,
.footer .footer_content .social-icon,
.frontend-our-process .frontprocess-step:last-child::after,
.hide,
.hprocess-step .process-detail:last-child::after,
.intrduction_blog .blog-section .blog-img-txt span.meta-author,
.intrduction_blog .blog-section .blog-text .theme_btn::after,
.line-remove:before,
.login-page label,
.morecontent span,
.navbar p.site-title,
.newsletter .wpcf7 form.invalid .wpcf7-response-output,
.newsletter .wpcf7 form.payment-required .wpcf7-response-output,
.newsletter .wpcf7 form.unaccepted .wpcf7-response-output,
.package-btn .theme_btn::after,
.package-tabcontent,
.page-header.search,
.page-id-548 section.help_section,
.page-template-web-development-company-in-india section.Per-details::after,
.page-template-web-development-company-in-india section.Per-details::before,
.pie-wrapper.progress-45 .pie .right-side,
.portfolio-detail-view .get-in-touch-button .theme_btn::after,
.rating-section,
.screen-reader-response,
.slick-arrow,
.store-setup-count:first-child span::after,
.store-setup-count:nth-child(2) span::before,
.store-setup-count:nth-child(3) span::after,
.store-setup-count:nth-child(4) span::before,
.store-setup-count:nth-child(5) span::after,
.store-setup-count:nth-child(6) span::before,
.tabs_include .nav-tabs,
.user-logged-in .woocommerce-MyAccount-content .u-column2.col-2.woocommerce-Address,
.webdesign-banner.webddev-banner .landform-chd-form label,
.woocommerce-account #add_payment_method #payment div.payment_box::before,
.woocommerce-account .woocommerce-cart #payment div.payment_box::before,
.woocommerce-account .woocommerce-checkout #payment div.payment_box::before,
.woocommerce-account footer.entry-footer,
.woocommerce-cart .woocommerce-message,
a.bottom-toogle,
body.loginPage .help_section,
body.loginPage footer.footer,
body.loginPage header.header,
form.woocommerce-cart-form table.shop_table tr td br,
img.afterimg-right,
span.is-screen-reader-text {
    display: none
}

.mega_border {
    border-right: 1px solid #013f86
}

.mega_border_left {
    border-left: 1px solid #fff
}

.gray_bg {
    background-color: #f6f6f6
}

.banner_text_white h1::after,
.black_section h2::after,
.full-banner .full-banner-text h2::after,
.full-banner .h2_style::after,
.magen-web-team-wrap .mage-box-out:hover,
.white_bg,
.whmcs_setup.white_bg {
    background-color: var(--white-color)
}

.client-partner .line-border,
.develop-procs-wrapper .line-border,
.global-icon span,
.web-devlopser .getouch-modal .form-control,
.word-develp-stu-wrap .line-border {
    background-color: #fff
}

.container {
    max-width: 1720px
}

.section-title {
    max-width: 1072px;
    width: 100%;
    margin: auto auto 40px;
    text-align: center
}

.client-says .slider-heading .media .media-body p,
.client-text p,
.contact-form .form-group,
.home_banner .banner_form h4,
.section-title p {
    font-size: 16px
}

.top-heading {
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.top-heading span {
    font-size: 18px;
    font-weight: 600
}

.contact_form .top_title h2,
.contact_innner,
.ourapp-row h2,
.section-title h2 {
    margin-bottom: 15px
}

.home_banner {
    min-height: 600px
}

.home_banner .banner_content {
    text-align: center;
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    transform: translate(-50%, 50%)
}

.home-banner {
    position: relative;
    /* padding-top: 110px; */
    background: 0 0/cover #fefefe
}

.banner_btns {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin: 22px 0
}

.webdesign-banner.webddev-banner .banner_btns .theme_btn:last-child,
section.Per-details .Per-details-contact input.theme_btn,
section.advantage .advantage-btn a.theme_btn {
    background: #000
}

.front-end-solution .front-end-solution-btns,
.home-banner .banner-btn,
.testmonial-review .client-rating1 .client-text {
    padding-top: 40px
}

a.theme_btn.call-back {
    background: #222;
    min-width: 210px
}

.ourapps-outer.ecommerce-platform .theme_btn::after,
a.theme_btn.call-back::after {
    border-bottom: 3px solid #222;
    border-left: 3px solid #222
}

.home-banner .banner-text p {
    width: 100%;
    max-width: 589px;
    padding-top: 30px;
    padding-bottom: 30px
}

.getouch-modal,
.login-page .login-page-form {
    padding: 56px
}

.getouch-modal label {
    text-align: left;
    width: 100%
}

.Renew-feature.ecom-build .ourapp-row p,
.aboutphp.aboutphpw .about-services-heading,
section.custom-domain .domainBox:last-child .domain-tab-Outer {
    padding-bottom: 0
}

.Renew-feature.ecom-build .ourapp-row,
.account_access p,
.choose-us .choose-tab ul li:last-child,
.faq_section .card:last-child,
.intrduction_blog .blog-section:last-child,
.marketing-listing .marketing-box:last-child,
.responsive-services-wrap li.nav-item:last-child,
.web_port .gallery-inner,
.web_port .gallery-main {
    margin-bottom: 0
}

.getin-touch-wrapper .touch-box h3,
.getouch-modal .form-check,
.getouch-modal label {
    margin-top: 25px
}

#get-touchmodalToggle input.theme_btn {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 32px;
    margin-left: 0
}

.getouch-modal .form-check label {
    margin-top: 0;
    font-size: 13px;
    color: #222;
    text-align: justify;
    display: flex;
    column-gap: 15px;
    padding-left: 0;
    align-items: start;
    line-height: 20px
}

.get_form .form-group:last-child,
.get_touch.whmcs_setup .theme_btn,
.getouch-modal .wpcf7-list-item,
.intrduction_blog .blog_right a:last-child .blog_media,
.my-custom-order-pay .woocommerce-checkout .woocommerce form .form-row,
.payment-methods-tab.woocommerce-account .woocommerce form .form-row {
    margin: 0
}

.getouch-modal input[type=checkbox] {
    margin-top: 4px
}

.getouch-modal .form-check {
    padding-left: 0
}

.web-devlopser .getouch-modal .form-check {
    padding-left: 8px
}

#get-touchmodalToggle .section-title,
.banner_content h1,
.choose-us .choose-tab ul li,
.footer_content a img,
.our-packapge .col-lg-4,
.our-packapge .col-md-3,
.our-packapge .col-xl-3,
.testmonial-review .col-lg-4,
.testmonial-review .col-md-3,
.testmonial-review .col-xl-3,
.woocommerce-checkout h3,
.woocommerce-terms-and-conditions-wrapper,
span.subscribe-image img {
    margin-bottom: 20px
}

.form-control,
.getouch-modal .form-select {
    border: none;
    border-bottom: 1px solid #919191;
    height: 48px;
    border-radius: 0;
    color: #cdcccc;
    font-size: 14px;
    outline: 0;
    box-shadow: none!important
}

.article-column .article-text h3 a,
.home-banner .banner-text h1,
.intrduction_blog .blog-section .blog-text h3 a,
.intrduction_blog .blog_media .media_body span,
.page-template-web-development-company-in-india section.Per-details .Per-details-Outer .per-text a,
.page-template-web-development-company-in-india section.Per-details .Per-details-contant,
.shopify-banner h1,
.wdich-services .wdich-services-inner .wdich-service-box a,
.woocommerce table.my_account_orders th a,
.woocommerce-account table.my_account_orders td a {
    color: #000
}

.cline-satis h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    -webkit-text-fill-color: #000;
    text-align: center
}

.customer-says-wrap .slick-initialized .slick-slide,
.webdesign-logo .slick-initialized .slick-slide {
    padding: 0 25px
}

.technologyslider .technology-box {
    border-radius: 20px;
    padding: 0 0 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.edu-challtab .challenge-face h3,
.empower-buissness p,
.home-banner .empower-buissness p,
.woocommerce-account .addresses .title h3 {
    font-size: 24px
}

.permotion-plateform .customer-rating .customer-box {
    text-align: center;
    flex: 0 0 22%
}

.permotion-plateform .customer-rating .customer-box img,
.rating-outer .permotion-plateform .customer-rating .customer-box img {
    width: 100%;
    max-width: 130px;
    height: 50px;
    object-fit: contain
}

.permotion-plateform .customer-rating {
    display: flex;
    padding-top: 50px;
    column-gap: 15px;
    flex-wrap: wrap;
    row-gap: 12px
}

.cline-satis {
    padding-bottom: 22px
}

.rating-outer .customer-rating {
    padding: 40px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.about-services-heading,
.building-better-wrapper .img-sec,
.clientBox .clientBtn,
.contact_form .form-group.send_now,
.domain-column-heading,
.home-services-heading,
.rating-outer .customer-rating .customer-box,
.woocommerce-account .my-custom-button-container a.my-custom-button,
section.Invest-seo .top-Invest,
section.Renew-feature .feature-box-outer .feature-text,
section.achieve .top-achieve,
section.ranking .ranking-image,
section.ranking .top-ranking {
    text-align: center
}

.rating-outer .customer-rating .customer-box img {
    width: 100%;
    max-width: 130px;
    height: 53px;
    object-fit: contain;
    margin: auto
}

.home-banner .rating-outer {
    margin-top: 64px;
    background-color: #fcedf1
}

.customer-rating p {
    color: #000;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 22px
}

.app_banner .banner_content h1 strong,
.client-says .slider-heading .media .media-body h5,
.rating-outer .empower-buissness .cline-satis h4,
.resell_card h4,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-page.woocommerce-lost-password section.single_section form .form-row label {
    font-weight: 600
}

.empower-buissness .technology-work .technologyslider .technology-box img {
    object-fit: contain;
    margin: auto;
    height: 228px;
    object-fit: contain;
    width: 100%;
    max-width: 100%
}

.empower-buissness .technology-work p {
    padding-top: 30px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.technologyslider .slick-list,
.webdesign-logo .slick-list {
    margin: 0 -15px
}

.banner_content .banner_btns a.theme_btn,
.technologyslider .slick-list .slick-slide {
    margin: 0 15px
}

.our-packapge {
    position: relative;
    padding: 70px 0 50px;
    text-align: center
}

.our-packapge .col-xl-3:nth-child(2n) {
    padding-top: 0;
    transition: .4s
}

.our-packapge .col-xxl-3:nth-child(odd) {
    padding-top: 200px;
    transition: .4s
}

.our-packapge .startpack-outer {
    position: relative;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    background: #fff;
    border-radius: 15px;
    transition: .4s
}

.package-btn,
.package-btn::after {
    border-radius: 0 0 15px 15px;
    left: 0
}

.package-btn {
    position: relative;
    bottom: 0;
    width: 100%;
    min-height: 57px;
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    transition: width 2s;
    margin-top: 35px;
    z-index: 1
}

.package-btn::after {
    content: '';
    position: absolute;
    width: 0;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    height: 60px;
    transition: .5s ease-in-out;
    opacity: 0;
    z-index: revert-layer
}

.package-btn:hover:after {
    left: 0;
    opacity: 1;
    width: 100%
}

.package-btn:hover span.icon-right-arrow {
    background-color: #fff;
    color: #222
}

.package-btn span.icon-right-arrow {
    position: absolute;
    right: 18px;
    color: #fff;
    font-size: 21px;
    width: 40px;
    height: 40px;
    background: #222;
    line-height: 40px;
    display: inline-block;
    border-radius: 5px;
    z-index: 2;
    text-align: center;
    top: 5px
}

.package-btn .theme_btn {
    font-size: 21px!important;
    width: 100%;
    min-width: 100%;
    text-align: left;
    max-width: 100%;
    padding: 0 20px;
    position: relative;
    color: #222;
    margin: 0;
    background: transparent !important;
    border: none;
    border-radius: 0 0 15px 15px;
    z-index: 2
}
.page-id-1670 .our-services .our-services-box { height: auto !important; }
.our-packapge .start-package {
    padding: 42px 20px 0
}

.start-package .package-icon {
    width: 70px;
    height: 70px;
    background-color: #fefaf9;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.start-package .package-icon span {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    line-height: 73px
}

.our-packapge .start-package h3 {
    margin: 20px 0 0
}

.our-packapge .start-package p {
    padding-top: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 7
}

.our-packapge .start-package h4 {
    padding-top: 10px;
    color: #ffc000;
    background: no-repeat;
    -webkit-text-fill-color: unset
}

.our-packapge .start-package h5 {
    margin-bottom: 40px;
    padding-top: 8px
}

.call-us-wrap .call-us-cont .btn-box .theme_btn::after,
.our-packapge .start-package .theme_btn::after {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff
}

.buissness-india {
    position: relative;
    background-color: #f5f5f5;
    padding: 70px 0 80px
}

.edge-chd-tab button.active,
.edge-chd-tab button:hover,
.global-reach:hover .global-icon span,
.intrduction_blog .pagination .page-numbers.current,
.intrduction_blog .pagination a:hover,
.login-page-form button.btn.button.ur-submit-button,
.package-section,
ul#secondary-menu ul.sub-menu li a:hover {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    color: #fff
}

.buissness-india .global-reach {
    display: flex;
    column-gap: 40px;
    margin-bottom: 40px;
    transition: .4s
}

.buissness-india .request-btn {
    text-align: center;
    padding-top: 20px
}

.global-icon span {
    min-width: 60px;
    height: 60px;
    display: inline-block;
    text-align: center;
    line-height: 63px;
    font-size: 32px;
    flex: 0 0 20%;
    border-radius: 50%
}

.article-column .article-text .readmore-btn,
.building-better-wrapper .build-bet-box h3,
.develop-procs-wrapper .develop-box-out,
.error-404 p,
.frontend-our-process .frontprocess-step p,
.frontend-technology-name p,
.our-services .col-lg-4,
.reach-text p,
.vps_services,
section.end-magento .megno-Box span.magno-arrow img {
    padding-top: 20px
}

.about-staff,
.about-staff .staff-img,
.article-section,
.choose-us,
.feature-box-outer,
.feature-shape,
.home_banner,
.host_feature,
.hprocess-step .process-detail,
.is-form-style input.is-search-submit,
.lets-talk,
.line-border,
.login-page .container,
.logistic-software.real-estatesoft,
.map_section .map_outer,
.mission_section,
.our-services,
.overlay section,
.package-section,
.permotion-plateform,
.product_banner.about_banner .container,
.small_ban,
.small_ban .container,
.source-develoment,
.video,
.web-devlopser,
.webdesign-text,
.wrapper,
section.Development-Services,
section.Development-Services .Develop-image,
section.Development-Services .Develop-image img,
section.Per-details,
section.custom-domain .domainBox.slick-slide.slick-active,
section.seo_ban {
    position: relative
}

.package-section .packages_col {
    padding: 36px 28px 160px;
    border-radius: 20px;
    position: relative;
    min-height: 100%;
    background-color: #f5f8fb;
    text-align: center
}

.package-tabs {
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px
}

.package-tabs button {
    border: none;
    min-width: 230px;
    font-weight: 600;
    min-height: 46px;
    line-height: 46px;
    border-radius: 5px;
    background-color: #000;
    color: #fff;
    transition: .4s
}

.package-tabs button:hover {
    color: #000;
    background-color: #ffc000
}

.package-section .packages-heading p {
    color: #000;
    padding: 10px 0
}

.package-section .packages-heading,
.packages-heading {
    padding-top: 28px;
    margin: auto
}

.package_button .theme_btn {
    width: 100%;
    max-width: 243px;
    font-size: 16px;
    letter-spacing: 1px;
    min-height: 56px;
    line-height: 56px;
    margin-left: 0
}

.price-de span {
    width: 130px;
    height: 3px;
    display: inline-block;
    background: #222;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%)
}

.package-section .packages-heading h4 {
    font-weight: 700;
    color: #ffc000;
    background: no-repeat;
    -webkit-text-fill-color: unset
}

.app-develop-servi-wrap .about-services-heading p,
.black_section h2,
.full-banner .full-banner-text h2,
.full-banner .h2_style,
.industrie-serve-wrapper .indus-box-sec:hover .icon::before,
.industrie-serve-wrapper .indus-box-sec:hover p,
.magen-web-team-wrap .mage-box-out .icon-box .icon::before,
.package_button .theme_btn:hover {
    color: var(--white-color)
}

.about_content .about_text ul,
.chd-tabcontent .chd-tabcontent-btn,
.devtool-text p,
.package_price,
.portfolio-detail .port-details p,
.portfolio-detail .website-technology,
.webdesign-banner.wordpress-development .webdesign-text p {
    padding-top: 15px
}

.package_price h2 {
    font-size: 48px
}

.package_price span {
    vertical-align: super;
    font-size: 18px
}
section.excellence .excellence-contant span {
    padding-top: 5px;
    display: block;
}
.package_button .btn-primary {
    border-radius: 5px
}

.package_button .btn-primary:focus {
    box-shadow: none!important
}

.pulse {
    animation: 1.5s infinite pulse-animation
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgb(207 207 207 / 95%)
    }
    100% {
        box-shadow: 0 0 0 20px rgb(255 255 255 / 25%)
    }
}

.about-staff {
    padding: 118px 0
}

.about-staff .staff-img::after,
.about-staff .staff-img::before {
    position: absolute;
    width: 434px;
    background: #085aa2;
    height: 154px;
    content: "";
    z-index: -1
}

.about-staff .staff-img::before {
    left: -20px;
    top: -20px
}

.about-staff .staff-img::after {
    right: -20px;
    bottom: -20px
}

.about-staff .staff-dsc {
    padding-left: 78px
}

.about-staff .staff-dsc .about1-btn {
    padding-top: 46px
}

.about-staff .staff-dsc p {
    padding-top: 16px
}

#add_payment_method #payment div.payment_box::before,
.carousel-buttons_wrapper,
.domainFull button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before,
ul#secondary-menu .sub-menu li a:after,
ul.sub-menu .menu-item-has-children .sub-menu {
    display: none!important
}

.account_access.get-access p,
.intrduction_blog .blog-section .blog-img-txt h3 {
    padding-top: 10px;
    color: #fff
}

.our-services .our-services-box {
    padding: 20px 0 0;
    background-color: #fff;
    box-shadow: 0 0 14px rgb(0 0 0 / 10%);
    border-radius: 10px;
    text-align: center;
    transition: 1s;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.our-services .circle,
.services_section .circle {
    animation: 20s linear infinite circle-rotate;
    border: 2px solid #085aa2
}

.our-services-box .our-services-text {
    padding: 0 20px;
    min-height: 250px
}

.our-services-box .our-services-text p {
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.domain-column .col-lg-4,
.page-id-328 .whworkweb-text h2,
.seo-service.guest-ours,
.whworkweb-text h2,
.work-process-outer.shopify-process-outer,
section.customized .customized-contant .customized-list ul li.mized {
    padding-bottom: 20px
}

.our-services .our-services-text .btn-primary {
    font-size: 16px;
    padding: 10px 30px
}

.our-services .our-services-box .our-services-text h3 {
    padding-top: 27px;
    font-size: 24px;
    color: #222;
    font-weight: 600;
    text-transform: capitalize
}

.our-services-box .service-img img {
    height: 340px;
    object-fit: contain;
    width: 100%;
    max-width: 464px
}

.home-services-section .service-icon,
.our-services .service-icon,
.services_section .service-icon {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    position: relative
}

.our-services .circle {
    -webkit-animation: 20s linear infinite circle-rotate;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 75%;
    height: 75%;
    border-radius: 50%
}

.home-services-section .icon-block:first-child,
.our-services .icon-block:first-child,
.services_section .icon-block:first-child {
    top: 26px;
    bottom: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.home-services-section .icon-block:nth-child(2),
.our-services .icon-block:nth-child(2),
.services_section .icon-block:nth-child(2) {
    top: 60%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%)
}

.home-services-section .icon-block,
.our-services .icon-block,
.services_section .icon-block {
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background-image: linear-gradient(180deg, #085aa2 0, #085aa2 100%);
    -webkit-background-image: linear-gradient(180deg, #085aa2 0%, #085aa2 100%)
}

.our-services .center-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.home-services-section .center-logo img,
.our-services .center-logo img {
    max-width: 52px
}

.our-services-text .theme_btn {
    min-width: 218px;
    margin-top: 22px
}

.call-us-wrap {
    background-color: #222;
    background-size: cover;
    padding: 70px 0 80px;
    background-repeat: no-repeat;
    position: relative;
    width: 100%
}

.call-us-wrap.call-us-wr2 .img-box,
.end-magento.digital-success-chd .Magento-text,
.shopify-pic.text-right {
    text-align: right
}

.call-us-wrap .call-us-cont h2 {
    font-size: 60px;
    font-weight: 600
}

.call-us-wrap .call-us-cont h3 {
    padding-top: 25px;
    color: #fff;
    font-size: 35px;
    font-weight: 400
}

.call-us-wrap .call-us-cont h4 {
    padding-top: 35px;
    font-size: 60px;
    font-weight: 600
}

.call-us-wrap .call-us-cont p {
    padding-top: 17px
}

.call-us-wrap .call-us-cont .btn-box {
    padding-top: 32px;
    display: flex;
    column-gap: 40px;
    flex-wrap: wrap;
    row-gap: 40px
}

.call-us-wrap .call-us-cont .theme_btn { background: #fff; font-size: 16px; font-weight: 400; color: #222; }
.call-us-wrap .call-us-cont .theme_btn span.icon.icon-whatsapp { color: #4caf50; font-size: 16px }
.package-section .packages-heading .price-de { min-height: 20px; position: relative; margin-bottom: 30px; }

.packages_content {
    position: relative;
    text-align: center
}

.packages_content ul {
    padding: 0;
    margin: 0
}

.packages_content ul li {
    list-style-type: none;
    text-align: left;
    font-size: 16px;
    padding-top: 24px;
    color: #000;
    display: flex;
    align-items: center;
    column-gap: 14px;
    line-height: 24px;
    justify-content: space-between
}

.packages_content ul li span {
    font-size: 14px
}

.packages_content ul li span.icon-check {
    color: #31dd85
}

.packages_content ul li .icon-close {
    color: #ff4b4b
}

.package_button {
    margin-top: 36px;
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%
}

.industries-work {
    position: relative;
    padding: 70px 0 55px
}

.industries-work .industry-box {
    position: relative;
    margin-bottom: 15px;
    transition: .4s;
    border-radius: 10px
}

.industries-work .industry-box .readmore-btn {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    display: none
}

.industries-work .industry-box::before {
    position: absolute;
    content: "";
    background-color: rgb(0 0 0 / 60%);
    width: 0%;
    height: 0%;
    z-index: 1;
    border-radius: 5px;
    transition: .8s
}

.industries-work .industry-box::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(to top, rgb(0 0 0 / 92%) 0, rgb(0 0 0 / 0%) 100%);
    border-radius: 0 0 5px 5px
}

.industries-work .industry-box:hover:before {
    width: 100%;
    height: 100%
}

.industries-work .industry-box:hover .readmore-btn,
.slick-slide img {
    display: block
}

.customer-says-wrap,
.dedica-our-ser,
.industry-box .ind-img,
.joomla-per-team-wrap,
.most-use-joomla-plug-wrap,
.section_padding.aboutphp,
section.infrastructure_server.dedic-infra-wrap {
    position: relative;
    overflow: hidden
}

.industry-box .ind-text {
    position: absolute;
    bottom: 40px;
    padding: 0 24px
}

.industry-box .ind-text h3 {
    color: #fff;
    position: relative;
    z-index: 1
}

.industry-box .ind-img img {
    width: 100%;
    max-width: 100%;
    transition: .4s;
    border-radius: 5px
}

.clientBox .clientImg:hover img,
.industry-box .ind-img img:hover {
    transform: scale(1.1)
}

.testmonial-review {
    padding: 70px 0 50px;
    position: relative;
    background-color: #fef8fa
}

.testmonial-review .client-rating1 {
    height: 100%;
    padding: 40px 30px;
    border-radius: 8px;
    background: #fff;
    display: inline-block;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25)
}

.testmonial-review .client-rating1 {}

.testmonial-review .cleint-pro img {
    border: 4px solid #f44336;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    object-fit: contain
}

.testmonial-review .client-rating1 .client-name {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.testmonial-review .client-rating1 .cleint-protext h4 {
    font-size: 20px;
    padding-bottom: 3px;
    font-weight: 500;
    color: #222!important;
    background: inherit;
    -webkit-text-fill-color: #222
}

.testmonial-review .client-rating1 .cleint-protext p {
    font-size: 16px;
    font-weight: 400;
    padding-top: 5px;
    color: #085aa2
}

.article-column .article-text .admin-detail p,
.home_service.home-about,
.ready-to-discuss h2,
.testmonial-review .client-rating1 .ratingOuter,
footer .footer-bottom-page,
form.user-registration-ResetPassword {
    padding-top: 0
}

.clientContent .ratingOuter .rating a,
.testmonial-review .client-rating1 .rating .icon-star {
    color: #ffb91e;
    font-size: 18px
}

.article-section p:empty,
p:empty {
    display: none;
    padding: 0!important
}

.article-section .article-column {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    height: 100%
}

.article-column .article-img {
    position: relative;
    transition: .4s;
    overflow: hidden
}

.article-column .article-img img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    opacity: 1;
    height: auto!important
}

.article-section .article-column:hover {
    transition: .7s
}

.article-column .article-text {
    padding: 30px 0 32px
}

.article-column .article-text h3 {
    min-height: 50px;
    font-size: 24px;
    line-height: 32px
}

.article-column .article-text .admin-detail {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
    align-items: center
}

.article-column .article-text .admin-detail h4 {
    font-size: 16px;
    color: #222!important;
    font-weight: 400;
    background: inherit;
    -webkit-text-fill-color: #222
}

.article-column .article-text p {
    padding-top: 10px;
    display: -webkit-box
}

.faq_section,
section.does-business {
    background-color: #fefaf9;
    padding: 70px 0
}

.faq_section #accordionExample {
    width: 100%;
    position: relative;
    z-index: 1
}

.faq_section #accordionExample:before {
    position: absolute;
    content: '';
    background-image: url(../images/faq-bg.webp);
    width: 802px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    top: 50%;
    left: 50%;
    z-index: -1
}

.faq_section .card {
    margin-bottom: 10px;
    border: 1px solid #f3f1f1;
    border-radius: 10px!important;
    background-color: rgb(255 255 255 / 40%)
}

.faq_section .accordion>.card .card-header {
    margin-bottom: 0;
    border: 0;
    font-size: 20px;
    padding: 20px 64px 20px 30px;
    position: relative;
    cursor: pointer;
    font-weight: 700
}

.faq_section .card-header {
    background-color: rgb(255 255 255 / 20%);
    background-color: #fff
}

.faq_section .accordion>.card .card-header:after {
    content: "\f107";
    font: 20px/28px FontAwesome;
    width: 28px;
    height: 28px;
    border: 1px solid #f3f1f1;
    display: block;
    position: absolute;
    right: 30px;
    top: 21px;
    text-align: center;
    border-radius: 28px;
    color: #807e7e;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transform: rotate(180deg)
}

.faq_section .card-body {
    border-top: 1px solid #f3f1f1;
    padding: 20px 30px;
    background-color: #fff
}

.faq_section .accordion>.card .card-header.collapsed:after {
    transform: rotate(0)
}

.faq_section .accordion>.card:first-of-type,
.faq_section .accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 1px solid #f3f1f1;
    border-radius: 10px
}

.help_section {
    padding: 40px 0;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.help_section .help_col a {
    display: block;
    width: fit-content;
    text-align: center;
    margin: auto
}

.help_col h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 600
}

.footer {
    position: relative;
    background-color: #000;
    padding-top: 52px;
    overflow: hidden
}

.footer .footer_content {
    margin-bottom: 40px;
    max-width: 324px;
    width: 100%
}

.footer_content p {
    font-size: 16px;
    line-height: 28px;
    color: #fff
}

.footer_links {
    margin-bottom: 40px
}

.footer_links h5 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff
}

.footer_links a {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin: 5px 0;
    display: inline-block
}

.footer-bottom p,
.footer-bottom-page ul li a {
    font-size: 13px;
    color: #000
}

.footer_links a:hover,
section.Business .top-Business h1 span,
section.Development-Services .Develop-contant h2 span,
section.achieve .top-achieve h2 span,
section.customized .customized-contant h2 span {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.footer .newsletter h6 {
    color: #fff;
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    padding-bottom: 30px;
    margin-top: -12px
}

.newsletter .form-control {
    height: 56px;
    border-radius: 5px
}

.newsletter .form-row {
    display: flex;
    column-gap: 10px
}

.footer-bottom {
    border-top: 1px solid #fbf9fb;
    padding: 7px 0;
    background-color: #fff;
    color: #000;
    overflow: hidden
}

.footer-bottom p {
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: .75px;
    line-height: 22px
}

.footer-bottom p a {
    color: #fff;
    text-decoration: none
}

.footer-bottom-page ul span,
.gallery_nav li a {
    color: #000!important
}

.footer_links a:focus,
.footer_links a:hover {
    padding-left: 0;
    color: #0065bd
}

.footer_links a:focus:before,
.footer_links a:hover:before {
    left: 5px
}

.footer-bottom-page ul {
    display: flex;
    justify-content: center;
    column-gap: 8px;
    flex-wrap: wrap
}

.product_banner.about_banner {
    position: relative;
    background: url(../images/abouts-usbanner.jpg) center/cover no-repeat;
    padding: 142px 0
}

.about_banner.main-abt {
    padding: 120px 0 70px!important
}

.banner_text_white .theme_btn,
.domain-column-box:hover .theme_btn,
.domain_banner button.theme_btn,
.product_banner.about_banner .banner_tag {
    background-color: var(--white-color);
    color: var(--theme-color)
}

.product_banner.about_banner p {
    line-height: 37px;
    padding-top: 10px;
    max-width: 770px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    color: #000
}

.about_section {
    position: relative;
    background-color: #fefaf9;
    padding: 70px 0
}

.about_section.mainweab {
    background-color: #fff;
    padding: 70px 0 70px 0;
}

.about_section .get_box .media-left .icon {
    font-size: 16px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
}

.about_img img {
    max-width: 100%;
    width: 100%;
}

.delevopment-tools .section-title {
    max-width: 100%;
    width: 100%;
    margin-bottom: 50px;
    text-align: left;
}

.about_section.webddev-chd-tailored h2,
.client-listing .col-lg-3,
.client-listing .col-md-3,
.client-listing .col-md-6,
.delevopment-tools .sec-heading h2,
.get_form .form-group,
.login-page .login-page-form h2 {
    margin-bottom: 30px;
}

.devtoll-icon img {
    height: 80px;
    object-fit: contain;
}

.devtool-img {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 40px;
    text-align: center;
    border-radius: 5px;
    column-gap: 20px;
    justify-content: center;
}

.devtoll-icon {
    background: #f8f8f8;
    min-height: 160px;
    min-width: 160px;
    line-height: 160px;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 3px 7px 0 #e2e2e2;
}

.gal-p,
input#is-search-input-199 {
    background-repeat: no-repeat;
    width: 100%;
}

.devtool-text .theme_btn,
.get_touch_form .get_form,
.ourappitem .read-more {
    margin-top: 26px;
}

.devtoll-box h5 {
    font-size: 17px;
    padding-top: 24px;
    font-weight: 600;
}

.devtoll-box {
    flex: 0 0 23%;
}

.about_section .get_box .media {
    margin-top: 30px;
    flex: 0 0 48%;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 5px #ddd;
    border-radius: 10px;
    display: inline-block;
}

.about_section .get_box {
    margin-top: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.people_section {
    position: relative;
    padding-bottom: 50px;
    padding-top: 70px;
}

.people_section::before {
    position: absolute;
    left: 0;
    top: 30%;
    content: "";
    width: 130px;
    height: 375px;
    background: url(../images/team-shape-1.webp)no-repeat;
    background-size: contain;
}

.people_section::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 180px;
    height: 555px;
    background: url(../images/team-shape-2.webp)no-repeat;
    background-size: contain;
}

.people_section .people_box {
    background-color: #fff;
    box-shadow: 2px 2px 12px #3333331f;
    padding: 50px 0;
    border-radius: 20px;
    text-align: center;
}

.people_section .people_box .people_img {
    width: 100%;
    height: 230px;
    overflow: hidden;
    margin: 0 auto;
}

.people_section .people_box .people_img img {
    max-width: 100%;
    object-fit: cover;
    height: 180px;
}

.people_section .people_box h3 {
    font-size: 20px;
    line-height: 48px;
    display: inline-block;
    margin: 0;
}

.people_section .people_box p {
    font-size: 21px;
    font-weight: 700;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.people_box .theme_btn {
    min-width: 230px;
    margin-top: 20px;
}

.mission_section.mission_sec2,
.webdesign-services.graphic-ser {
    padding: 70px 0 80px;
}

.mission_section .mission_box h3 {
    font-size: 26px;
    margin-top: 28px;
    line-height: 36px;
}

.mission_section .mission_box p {
    line-height: 29px;
    margin: 0;
    padding: 20px 0;
}

.front-end-solution .section-title,
.map_outer .map_img img,
.mission_img img,
.mission_section .mission_img img,
.page-template-web-development-company-in-india .package-section .section-title,
img {
    max-width: 100%;
}

.blog_banner {
    background-image: url("../images/blog-banner.webp");
    text-align: center;
    padding: 80px 0 60px;
    background-size: cover;
}

.product_banner.blog_banner h3 {
    font-size: 19px;
    line-height: 32px;
    margin-top: 12px;
    margin-bottom: 34px;
}

form.is-search-form.is-form-style.is-form-style-1.is-form-id-199 {
    display: flex;
    justify-content: center;
    max-width: 723px;
    padding: 15px!important;
    border-radius: 8px;
    margin: 10px auto auto;
    background: #fff;
}

input#is-search-input-199 {
    background-image: url(../images/seacrh-bar.png)!important;
    border: none!important;
    font-size: 18px!important;
    font-weight: 500;
    padding: 0 10px 0 45px;
    height: 48px;
    background-size: 24px;
    background-position: 3px 12px;
}

.headermenu-box a#theme_btn {
    background: #222;
    color: #fff;
    min-width: 214px!important;
    display: inline-block;
    line-height: 50px;
    min-height: 50px;
    padding: 0;
    text-align: center;
    margin-top: 16px;
}

.intrduction_blog .blog-section .blog-image {
    position: relative;
    top: 0;
    left: 0;
}

.intrduction_blog .blog-section .blog-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.intrduction_blog .blog-section .blog-img-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgb(244 67 54 / 70%);
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 0
}

.intrduction_blog .blog-section .blog-img-txt a {
    display: flex;
    align-items: center;
    column-gap: 11px;
    color: #000
}

.intrduction_blog .blog-section .blog-img-txt .post-meta {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.intrduction_blog .blog-section .blog-image a span {
    padding-right: 4px;
    font-size: 22px
}

.intrduction_blog .blog-section .blog-image a {
    color: #fff;
    font-size: 18px;
    padding-right: 24px;
    text-decoration: none
}

.intrduction_blog .blog-section .blog-text {
    padding: 24px 24px 42px
}

.intrduction_blog .blog-section .blog-text ul li {
    list-style: disc;
    padding-top: 8px;
}

.intrduction_blog .blog-section .blog-text ol li,
.my-custom-order-pay fieldset div.form-row {
    padding: 6px 0
}

.intrduction_blog .blog-section .blog-text ul {
    padding: 14px 10px 4px 20px;
}

.intrduction_blog .blog-section .blog-text h3 {
    font-weight: 600;
    text-transform: inherit;
    font-size: 26px;
    padding-top: 16px
}

.intrduction_blog .blog-section .blog-text p {
    padding: 16px 0
}

p:empty {
    display: none;
    width: 0;
    height: 0;
    padding: 0
}

.get_touch_form h3 {
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

.intrduction_blog .blog-section {
    box-shadow: 0 15px 38px rgb(0 0 0 / 10%);
    margin-bottom: 40px;
    margin-top: 20px
}

.intrduction_blog .blog-section .blog-tags {
    padding: 24px
}

.intrduction_blog .blog-section .blog-tags .btn {
    margin-top: 15px;
    font-size: 14px;
    padding: 4px 10px;
    border-radius: 10px;
    font-weight: 400;
    color: #000;
    background-color: transparent;
    border: 2px solid #000;
}

.intrduction_blog .blog-section .blog-tags .btn:hover {
    color: #fff;
    border: 2px solid #f44336
}

.intrduction_blog .blog_right {
    margin-bottom: 34px;
    box-shadow: 0 15px 38px rgb(0 0 0 / 10%)
}

.intrduction_blog .blog_right a:hover {
    color: #0065bd
}

.intrduction_blog .blog_media .media_body {
    padding-left: 21px;
    max-width: 58.3%
}

.intrduction_blog .blog_media .media_body h3 {
    font-weight: 600;
    color: var(--theme-color2);
    font-size: 20px;
    margin-top: 14px;
    color: #000
}

.intrduction_blog .blog_media .media_body h5.blog_date {
    color: #919191;
    font-size: 16px;
    margin-top: 12px
}

.intrduction_blog .blog_right .blog_media {
    padding: 22px 28px;
    display: flex;
    align-items: center
}

.get_touch_form.banner_form .form-control {
    background: no-repeat;
    border: none;
    border-bottom: 1px solid #919191;
    padding-left: 0;
    width: 100%;
    border-radius: 0;
    height: 50px!important;
    margin-top: 0!important
}

.home_service {
    padding-top: 80px;
    padding-bottom: 40px
}

.gal-cont span,
.gal-img,
.gallery_nav li,
.website-link a,
section.custom-domain .domainBox.slick-slide.slick-active .domain-icon img {
    display: inline-block
}

.gallery_nav li a {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    display: block;
    cursor: pointer;
    border: 2px solid #000;
    margin-right: 5px
}

.gallery-main {
    width: 100%;
    display: table;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 22px;
    transition: .3s;
    min-height: 518px
}

.clientContent.shopify .clientContent p.more,
.description-services-text {
    min-height: 190px
}

.portfolio-detail-view img {
    box-shadow: 0 0 10px #ddd;
    display: block;
    margin: 20px 0
}

.gallery-main:hover {
    transform: translate3d(0, -6px, 0);
    box-shadow: 0 4px 25px rgb(50 84 109 / 38%)
}

.gallery-main .gal-cont {
    margin-bottom: 15px;
    min-height: 135px
}

.gallery-inner {
    overflow: hidden;
    position: relative
}

.gallery_nav li a.active {
    color: #fff!important;
    border-color: #fff
}

.gallery-inner .portfolio {
    height: 350px;
    position: relative
}

.gal-img {
    height: 100%;
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.gal-p {
    background-position: center 0;
    background-size: cover!important;
    height: 100%;
    margin: 0 auto
}

.page-template-our-work .gal-p {
    background-position: center 0!important
}

.gallery_mod .click-btn {
    color: #333;
    border-radius: 30px;
    text-decoration: none;
    position: absolute;
    top: 50%;
    min-width: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-transform: uppercase;
    text-align: center;
    font-size: 22px;
    min-height: 42px;
    line-height: 42px;
    display: none
}

.gallery_mod .click-btn span {
    position: relative;
    top: 2px;
    color: #fff
}

.gallery_mods .click-btn,
.infrastructure_server a.theme_btn,
.services-box-outer .read-more,
.woocommerce-account .u-column2.col-2.woocommerce-Address address,
.woocommerce-account .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address address {
    margin-top: 20px
}

.gallery_mods .click-btn span {
    position: relative;
    top: 4px;
    font-size: 34px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gallery_mods {
    margin-top: 18px
}

.galcont-btn {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px
}

.gal-cont span {
    border: 1px solid #e96333;
    padding: 5px 11px;
    font-size: 11px;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 10px
}

.get_touch.whmcs_setup .get_touch_form.banner_form .default_btn {
    margin-top: 24px
}

.tell_section.contact_page {
    margin: 0 auto;
    position: relative;
    padding: 80px 0
}

.tell_section.contact_page .contact_form {
    margin-top: 20px;
    padding: 60px 70px
}

.contact_page.contact-m .contact_form,
.intrduction_blog p.comment-form-cookies-consent label,
.joomla-studio.about_section .about_section .h2_style,
.our-services.social_media .our-services-box {
    margin-top: 0
}

.map_section,
.tell_section,
section.Renew-feature .ourapp-row p {
    padding-bottom: 100px
}

.contact_form {
    width: 100%;
    overflow: hidden;
    box-shadow: 2px 2px 10px #33333359;
    z-index: 22;
    padding: 10px 70px 20px
}

.getin-touch-wrapper {
    margin-top: 0;
    position: relative;
    overflow: hidden;
    background: url(../images/getin-bg.png) center/contain no-repeat #fefaf9
}

.getin-touch-wrapper .touch-box {
    background-color: #fff;
    display: block;
    padding: 50px 60px;
    text-align: center;
    min-height: 300px;
    margin-top: 60px
}

.getin-touch-wrapper .touch-box .touch-icon {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    line-height: 112px;
    text-align: center;
    margin: -114px auto 0;
    box-shadow: 0 1px 14px #c4cdd5;
    position: relative;
    display: block
}

.getin-touch-wrapper .touch-icon img,
.sale_section .sale_box .sale_icon img {
    max-width: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.getin-touch-wrapper .touch-box p,
.responsive-services-wrap .video-content,
.short-description {
    margin-top: 15px
}

.getin-touch-wrapper .touch-box .theme_btn {
    min-width: 182px;
    margin-top: 20px
}

.webdesign-banner.wordpress-development .media {
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding-top: 16px
}

.building-better-wrapper {
    background: #f5f5f5
}

.building-better-wrapper .img-sec img {
    width: 100%;
    max-width: 100%;
    padding: 50px 20px
}

.bg-spider,
.our-develop-proc-wrap .bg-spider {
    background-image: url(../images/our-spider-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.website-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px
}

.website-work-portfolio {
    margin-top: 15px;
    box-shadow: 0 0 3px #ddd
}

.website-link a {
    min-width: 40px;
    min-height: 37px;
    border: 2px solid #e46a83;
    border-radius: 40px;
    text-align: center;
    line-height: 35px;
    padding: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.skills.custom-btn {
    min-width: 136px;
    padding: 0;
    font-size: 16px;
    min-height: 40px;
    margin-top: 10px;
    margin-right: 7px;
    border-radius: 40px;
    line-height: 40px;
    margin-bottom: 15px
}

.develop-procs-wrapper:after,
.most-use-joomla-plug-wrap:after {
    content: '';
    background-size: contain;
    right: 10px;
    background-repeat: no-repeat
}

.building-better-wrapper .build-bet-box.mar {
    margin-bottom: 50px;
    min-height: 240px
}

.building-better-wrapper .build-bet-box:last-child,
.shopify-partner {
    padding-top: 50px
}

.building-better-wrapper .build-bet-box .img-box {
    display: block;
    width: 80px;
    background-color: var(--white-color);
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%
}

.building-better-wrapper .build-bet-box .img-box span {
    line-height: 80px;
    font-size: 36px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.building-better-wrapper .build-bet-box p {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px
}

.build-bet-box.box-left-out {
    text-align: -webkit-right
}

.build-bet-box.box-right-out {
    text-align: -webkit-left
}

.building-better-wrapper .build-bet-box {
    width: 80%;
    margin: 0 auto
}

.about_content .about_text ul li {
    font-weight: 400;
    text-align: left;
    color: var(--content-color);
    font-size: 15px;
    line-height: 29px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-top: 13px;
    text-transform: capitalize
}

.word-develp-stu-wrap {
    background: #fefaf9
}

.client-partner,
.develop-procs-wrapper {
    position: relative;
    background: #fcedf1
}

.word-develp-stu-wrap .word-develp-box {
    border: 1px solid #fff;
    padding: 70px 25px;
    border-radius: 18px;
    line-height: 6;
    width: 100%;
    text-align: center;
    transition: .4s
}

.word-develp-stu-wrap .word-develp-box .icon-box .icon {
    font-size: 50px;
    margin-bottom: 35px;
    display: block
}

.word-develp-stu-wrap .word-develp-box .icon-Layer-2:before {
    content: "\e907";
    color: #222;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.word-develp-stu-wrap .word-develp-box .icon-customization:before {
    content: "\e909";
    color: #222;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.benfits-php-wrap .benefi-box h3 {
    line-height: 40px;
    margin-top: 25px
}

.benfits-php-wrap .benefi-box p,
.webdesign-services .webdesign-text p,
.woocommerce-view-order.user-logged-in p.woocommerce-customer-details--phone {
    padding-top: 10px
}

.benfits-php-wrap .benefi-box {
    background-color: #fefaf9;
    padding: 30px;
    border-radius: 25px;
    text-align: center;
    margin-top: 80px;
    min-height: 300px
}

.benfits-php-wrap .benefi-box .icon-box {
    width: 100px;
    margin: -80px auto 0;
    height: 100px;
    display: flex;
    align-items: center;
    border: 2px solid #d82457;
    justify-content: center;
    border-radius: 50%
}

.benfits-php-wrap.joomalaphp-wrap .benefi-box .icon-box {
    line-height: 88px
}

.benfits-php-wrap.joomalaphp-wrap .benefi-box {
    min-height: 270px
}

.benfits-php-wrap .benefi-box .icon-box span {
    font-size: 36px;
    color: var(--theme-color);
    -webkit-text-fill-color: #fff
}

.benfits-php-wrap .benefi-box:hover .icon-box {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--white-color);
    -webkit-transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -ms-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.benfits-php-wrap .benefi-box:hover .icon::before {
    color: var(--white-color);
    -webkit-transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -ms-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.client-partner .container,
section.seo_ban .container {
    position: relative;
    z-index: 1
}

.client-partner.client-about .client-about-heading h2,
.domain-column-heading h2,
.small_ban h1 {
    font-size: 50px
}
section.customized .customized-contant .customized-list ul li strong {
    padding-right: 5px;
}
.client-partner .client-partner-slider .client-partner-name {
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.get_touch.whmcs_setup {
    background-color: var(--section_bg);
    position: relative
}

.get_touch.whmcs_setup .media-left {
    position: relative;
    min-width: 42px
}

.get_touch.whmcs_setup .media-left .icon {
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: var(--white-color);
    text-align: center;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 0;
    display: inline-block;
    border-radius: 50%;
    font-weight: 700
}

.develop-procs-wrapper {
    overflow: hidden
}

.develop-procs-wrapper:after {
    background-image: url(../images/develop-right-proce.png);
    width: 200px;
    height: 108px;
    position: absolute;
    top: 5%
}

.develop-procs-wrapper .develop-box-out img,
.medical-practice img,
.precss-detailinner .precss-detioutimg img,
.woocommerce .col2-set,
.woocommerce-page .col2-set {
    width: 100%;
    max-width: 100%
}

.webdesign-services {
    position: relative;
    padding-bottom: 70px;
    width: 100%
}

.magen-web-team-wrap .mage-box-out .magent-team-box .btn-box,
.theme_btn-contact,
.webdesign-services .webdesign-logo {
    margin-top: 30px
}

.webdesign-text a.theme_btn.active {
    margin-right: 37px
}

.webdesign-services .webdesign-box {
    padding: 28px 10px;
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
    text-align: center;
    margin: 22px 9px
}

.white {
    padding: 70px 0;
    background-color: #fff!important
}

.webdesign-services .webdesign-box img {
    margin: auto;
    max-width: 172px;
    height: 52px;
    object-fit: contain;
    width: 100%
}

.webdesign-services .webdesign-text {
    padding-left: 50px
}

.domain-column-text .theme_btn,
.webdesign-services .webdesign-text a.theme_btn {
    margin-top: 10px
}

.elementor-round h3,
.webdesign-services .webdesign-text p.p_style span,
.woocommerce-view-order.user-logged-in .woocommerce table.shop_table span.woocommerce-Price-amount.amount,
section.Brands-choose .Brands-choose-contant .Brands-listing ul li span.branded {
    font-weight: 700
}

.web_portfolio_main .slick-slide {
    padding: 0 8px
}

.web_port {
    border: 1px solid #e5e5e5;
    padding: 10px
}

.web_servcol {
    border: 0;
    box-shadow: 0 0 24px rgba(0, 0, 0, .04);
    border-radius: 10px;
    margin-bottom: 30px;
    transition: .3s ease-in-out
}

.login-page .login-image,
.login-page-form {
    box-shadow: 0 15px 20px rgb(156 156 156 / 1)
}

.web_servcol:hover {
    border: 1px solid #1765bd;
    transform: scale(1.1)
}

.my-custom-order-pay .woocommerce,
.web_servcol .card-body,
section.custom-domain .domain-tab-Outer.top-tab {
    padding: 30px
}

.web_servcol .card-body h4 {
    color: #1765bd;
    font-weight: 700
}

.web_servcol .card-body p {
    color: #7b7b7b;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .6px
}

.responsive-services-wrap .video-img {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative
}

.responsive-services-wrap .video-section {
    margin-top: 50px
}

.responsive-services-wrap .video-img img,
.responsive-services-wrap .vido img {
    max-height: 630px
}

.responsive-services-wrap .vido {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.responsive-services-wrap li.nav-item span {
    display: block;
    width: 80px;
    background-color: #e2e2e2;
    height: 80px;
    text-align: center;
    line-height: 80px;
    border-radius: 50%
}

.responsive-services-wrap li.nav-item {
    margin-bottom: 70px;
    margin-top: 40px;
    background: #fff;
    border-radius: 10px;
    padding: 22px 13px;
    box-shadow: 0 0 7px #ddd;
    width: 100%
}

.responsive-services-wrap li.nav-item .icon-left {
    width: 100%;
    display: block
}

.responsive-services-wrap .video-content .videoboxtitle {
    font-size: 24px;
    color: #222;
    font-weight: 700;
    margin: 10px 0
}

.responsive-services-wrap .video-content p {
    font-size: 16px;
    color: #222;
    line-height: 30px
}

.nav-pills .show>.nav-link,
.responsive-services-wrap li.nav-item .active {
    color: #fff;
    background-color: #264f8400
}

.top-responsive-design-wrap .top-res-box {
    padding: 25px 30px;
    border-radius: 15px;
    display: inline-block;
    height: 100%
}

.top-responsive-design-wrap .client-heading.text-center {
    margin-bottom: 60px
}

.top-responsive-design-wrap .top-res-box span.numb {
    color: #ffffff73;
    font-size: 100px;
    margin-right: 30px;
    position: relative;
    font-weight: 700
}

.top-responsive-design-wrap .top-res-box span.numb:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 110px;
    background-color: #fff;
    top: 20px;
    left: 52px
}

.top-responsive-design-wrap .top-res-box p {
    color: #fff;
    text-align: center
}

.top-responsive-design-wrap .top-res-box2 span.numb:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 110px;
    background-color: #fff;
    top: 20px;
    left: 70px
}

.top-responsive-design-wrap .top-res-box3 span.numb:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 110px;
    background-color: #fff;
    top: 20px;
    left: 65px
}

.get_box {
    margin-top: 55px
}

.get_touch_text {
    padding-right: 30px
}

.most-use-joomla-plug-wrap.explorephp-frame {
    padding: 70px 0 50px
}

.most-use-joomla-plug-wrap:after {
    background-image: url(../images/get-touch-right.png);
    width: 200px;
    height: 100%;
    position: absolute;
    top: 5%
}

.most-use-joomla-plug-wrap .plug-box-out {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 280px;
    text-align: left;
    border-radius: 18px;
    display: -ms-flexbox;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 25px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.most-use-joomla-plug-wrap .plug-box-out .plug-box h4 {
    margin: 20px 0;
    font-size: 20px;
    color: #085aa2;
    font-weight: 700
}

.most-use-joomla-plug-wrap .plug-box-out .plug-box p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

#call-modalToggle .modal-dialog,
#get-touchmodalToggle .modal-dialog,
#appointment-modalToggle .modal-dialog,
.auditModal .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto
}

.auditModal .tell_section.contact_page {
    padding: 0 50px!important
}

.auditModal .modal-dialog .tell_section {
    padding: 50px 0!important;
    text-align: center
}
#appointment-modalToggle .getouch-modal{
    padding: 0;
}
#call-modalToggle .modal-dialog .close_page,
#get-touchmodalToggle .modal-dialog .close_page,
#appointment-modalToggle .close_page,
.auditModal .modal-dialog .close_page {
    z-index: 1;
    position: absolute;
    top: -11px;
    color: #fff;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    right: -10px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: none
}

.modal-content .modal-body .contact_form {
    box-shadow: none;
    text-align: left;
    padding: 0
}

#website-auditToggle .tell_section.contact_page .contact_form,
.row.services-box-spacing {
    padding: 0 50px
}

.contact_form .form-group {
    margin-bottom: 0;
    margin-top: 25px
}

.contact_form .form-control {
    border: none;
    border-bottom: 1px solid #919191;
    font-size: 16px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 0;
    color: #000;
    padding: 0 7px
}

.contact_form .form-control::placeholder {
    font-size: 16px;
    font-weight: 500
}

.login-page {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 1200px;
    margin: 0;
    transform: translate(-50%, -50%);
}

.login-page:after {
    position: absolute;
    content: "";
}

.login-page .login-image {
    position: relative;
    padding: 50px;
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-image: url("../images/login-page-cover.png");
}

.login-page .login-image::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgb(192 192 192 / 60%);
    width: 100%;
    height: 100%
}

.login-page .login-image .login-img-text h1 span {
    font-weight: 400
}

.login-page .login-image h6 {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 20px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.login-page .login-image p {
    font-size: 19px;
    font-weight: 400;
    color: #222
}

.login-page .login-image .login-img-text {
    padding-top: 30px;
    position: relative;
    z-index: 1
}

.login-page .login-logo {
    position: relative;
    z-index: 5
}

.login-page .login-image .login-img-icon {
    padding-top: 50px;
    position: relative;
    z-index: 1
}

.login-page .login-image .login-img-icon a {
    border: 3px solid #fff;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    background-color: transparent;
    text-align: center
}

.login-page .login-image .login-img-icon a:hover {
    border: 3px solid transparent;
    background-color: #fff;
    color: #0e6dc0
}

.login-page-form {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    height: 100%
}

.login-page-form .form-style .form-group input {
    border: 1px solid transparent;
    font-size: 14px;
    border-bottom: 1px solid #9c9c9c
}

.free-btn .btn-primary,
.login-page-form .form-style .form-group .btn-primary {
    color: #fff!important
}

.login-page-form input,
.login-page-form optgroup,
.login-page-form textarea {
    border: none;
    outline: 0;
    min-height: 40px;
    width: 100%
}

.login-page .login-page-form p {
    font-size: 14px;
    font-weight: 400;
    color: #9c9c9c;
    padding-top: 10px;
    line-height: 22px
}

.login-page-form input:-webkit-autofill {
    background-color: #fff
}

.login-page .login-page-form p a {
    text-decoration: none;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 14px;
    -webkit-text-fill-color: transparent
}

input.user-registration-Button.button {
    color: #fff;
    margin-top: 11px;
    width: 100%;
    font-size: 19px;
    padding: 13px 32px;
    border-radius: 5px
}

.user-registration-form-login.login input[type=password],
.user-registration-form-login.login input[type=text] {
    border: none;
    border-bottom: 1px solid #f44336;
    height: 48px;
    border-radius: 0;
    color: #cdcccc;
    font-size: 14px;
    outline: 0;
    box-shadow: none!important
}

.login-page .login-page-form .forgot_password a {
    text-decoration: none;
    color: #0065bd
}

.login-page p.user-registration-LostPassword.lost_password {
    float: left
}

.login-page p.user-registration-register.register {
    float: right
}

.login-page .login-page-form .btn {
    padding: 8px 32px;
    border-radius: 56px;
    font-size: 14px;
    margin-top: 13px
}

.loginPage .login-image.create-image {
    padding: 146px 50px
}

.login-page-form.create-page-form .btn {
    margin-top: 25px;
    width: 100%;
    font-size: 19px;
    padding: 13px 32px;
    border-radius: 5px
}

.login-page-form.create-page-form {
    padding: 79px 56px
}

.login-page-form.forget-page .btn {
    margin-top: 44px;
    width: 100%;
    font-size: 19px;
    text-transform: uppercase;
    padding: 13px 32px;
    border-radius: 5px
}

.login-page-form.forget-page {
    padding: 63px 56px
}

.login-page .close_page {
    position: absolute;
    top: -12px;
    color: #fff;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    right: -10px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    z-index: 11;
    background-clip: text
}

.modal-body.hire-developer .col-12.top_title {
    padding-bottom: 30px;
    text-align: center
}

.modal-body.hire-developer {
    padding: 50px 60px
}

ul#secondary-menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: 43px!important;
    padding: 0;
    background-color: #fefaf9;
    box-shadow: 0 2px 3px #ddd
}

ul#secondary-menu li ul.sub-menu li a {
    padding: 8px 14px
}

ul#secondary-menu li ul {
    width: 250px
}

ul#secondary-menu li:hover ul {
    display: block;
    position: absolute;
    top: 42px;
    z-index: 9
}

ul#secondary-menu li:hover ul li:last-child {
    border: none!important
}

ul#secondary-menu li:hover ul li a {
    border-left: 0
}

ul#secondary-menu li.menu-item-has-children a:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

ul#secondary-menu li:hover ul li:hover ul {
    display: block!important;
    position: absolute;
    left: 250px
}

.domain-name .our-services,
.footer_links a,
.woocommerce-account #add_payment_method #payment div.form-row,
.woocommerce-account .woocommerce-cart #payment div.form-row,
.woocommerce-account .woocommerce-checkout #payment div.form-row {
    padding: 0
}

.footer #media_image-2 img {
    margin-bottom: 22px
}

.blog-img-txt h3 a {
    padding-right: 0!important
}

.intrduction_blog .pagination {
    display: flex;
    justify-content: center;
    column-gap: 15px
}

.intrduction_blog .pagination a,
.intrduction_blog .pagination span {
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #000;
    background: #ddd
}

.intrduction_blog .pagination .next.page-numbers {
    background: unset;
    color: #000
}

.home_banner .banner_content p,
.our-services .col-md-4,
.our-services.shopify .col-lg-3 {
    margin-bottom: 45px
}

.icon-star.star-empty {
    color: #ddd
}

.is-search-input:focus-visible {
    outline: 0
}

input.is-search-submit {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))!important;
    min-width: 117px!important;
    min-height: 48px;
    line-height: 43px!important;
    font-size: 16px!important;
    border: none!important;
    color: #fff!important;
    border-radius: 3px!important;
    outline: 0!important
}

.shopify-banner {
    position: relative;
    background-color: #fefaf9;
    padding-top: 110px;
    padding-bottom: 80px
}

.shopify_bannertext ul {
    padding-bottom: 35px;
    padding-left: 20px;
    display: flex;
    column-gap: 25px;
    row-gap: 12px;
    flex-wrap: wrap;
    padding-top: 10px
}

.shopify_bannertext ul li {
    flex: 0 0 46%;
    list-style: disc;
    font-size: 17px;
    font-weight: 600
}

.shopify-banner .shopify-pic img {
    width: 100%;
    max-width: 500px
}

.shopify_bannertext p {
    padding: 20px 0;
    font-size: 18px;
    line-height: 29px
}

section.shopify-development-exp {
    padding: 70px 0;
    z-index: 1;
    position: relative;
    background: #fcedf1
}

.shopify-development-desc {
    display: flex;
    column-gap: 30px;
    align-items: center;
    border-right: 2px solid #fff
}

.shopify-development-desc p {
    max-width: 530px;
    font-weight: 400;
    font-size: 25px;
    line-height: 38px
}

.project-experience {
    display: flex;
    justify-content: space-between
}

.certified-text {
    position: relative;
    margin: auto
}

.certified-text .circle {
    background: #085aa3;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    z-index: -1;
    position: absolute;
    left: 0
}

.certified-text h3 {
    font-weight: 700;
    font-size: 60px;
    line-height: 80px;
    padding-left: 30px;
    position: relative;
    margin-top: 0
}

.certified-text h3::after {
    content: '+';
    position: absolute;
    top: 0;
    font-size: 60px
}

.certified-text p {
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 15px;
    text-align: center
}

.certified-text.light-yellow .circle {
    background: #ffbe16
}

.certified-text.yellow .circle {
    background: #fba951
}

section.build-intuitive-outer {
    background: #fcedf1;
    overflow: hidden;
    padding-bottom: 70px
}

.build-intuitive-text h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 70px
}

.build-intuitive-text h2 span {
    background-clip: text;
    -webkit-background-clip: text
}

.build-intuitive-text p {
    font-size: 20px;
    line-height: 35px;
    margin-top: 20px
}

.review-box-flex {
    display: flex;
    column-gap: 40px;
    align-items: flex-start
}

.review-box {
    background: #fff;
    box-shadow: 0 4px 4px rgba(137, 137, 137, .25);
    border-radius: 40px;
    padding: 70px 60px 30px;
    max-width: 360px;
    transition: background-color .7s
}

.logo-outer,
.ourClients .clientBox {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.image-rew {
    display: flex;
    column-gap: 16px;
    align-items: center;
    margin-bottom: 38px
}

.logo-outer,
.ourappitem-inner {
    align-items: center;
    display: flex
}

.review-box p,
.workProcess-heading p {
    color: #4b4b4b;
    font-size: 20px;
    line-height: 35px;
    font-weight: 400
}

.review-box-flex .review-box:last-child {
    margin: 70px 0
}

.review-box-flex .review-box:hover {
    background-color: #e9f5ff
}

.shopify-partner {
    background: #f5f8fb;
    z-index: 1;
    position: relative
}

.shopify-partner-text p {
    font-size: 25px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 30px;
    color: #4b4b4b
}

.shopify-partner-text p span {
    color: var(--theme-color);
    font-weight: 700
}

.logo-outer {
    background: #fff;
    border-radius: 8px;
    padding: 20px 0;
    justify-content: space-around
}

.development-services-outer {
    padding: 70px 0 0;
    overflow: hidden;
    background-color: #fff
}

.shopify-development-text h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
    max-width: 800px;
    color: #000
}

.shopify-development-text p {
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    line-height: 35px
}

.address_box .address_text a:hover,
.app-develop-servi-wrap .app-serv-box-out:hover .icon::before,
.app-develop-servi-wrap .app-serv-box-out:hover p,
.app-develp-wrapper .devel-box-out .develp-box .icon-box .icon::before,
.app-develp-wrapper .devel-box-out:hover .icon-box .icon::before,
.industrie-serve-wrapper .indus-box-sec .icon-box .icon::before,
.list_col ul li i.fa,
.magen-web-team-wrap .mage-box-out:hover .icon::before,
.magen-web-team-wrap .mage-box-out:hover h3,
.magen-web-team-wrap .mage-box-out:hover p,
.shopify-development-text h2 span,
section.ourapps-outer h2 span {
    color: var(--theme-color)
}

section.ourapps-outer {
    padding: 30px 0 15px;
    position: relative;
    overflow: hidden
}

section.ourapps-outer .ourapp-row {
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

section.ourapps-outer .row.align-items-center.bg-white {
    overflow: hidden;
    position: relative;
    border-radius: 20px;
	row-gap: 30px;
}

#ourclients p.more,
.clientContent.shopify .clientContent p.more {
    overflow: inherit;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit
}

section.ourapps-outer h2 { font-weight: 700; font-size: 50px; line-height: 64px; color: #000; width: 100%; margin-bottom: 50px }
.ourappitem { border-radius: 20px; background: #fef8fa; padding: 40px 33px; margin-right: 30px }

.buissness-india .theme_btn {
    min-width: 229px
}

.ourappitem-inner {
    column-gap: 30px
}

.appimg {
    width: 130px;
    height: 130px;
    background: #fff;
    border-radius: 300px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 130px
}

.appdes h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 35px;
    text-transform: capitalize;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

p.app-description {
    color: #4b4b4b;
    text-align: justify;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin-top: 20px
}

section.work-process-outer {
    padding: 70px 0;
    background-color: #fff
}

.workProcess-heading h2 {
    font-weight: 700;
    font-size: 45px;
    line-height: 60px;
    color: #000;
    margin-bottom: 20px
}

.work-process-timeline {
    position: relative;
    margin-top: 30px
}

.work-process-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/timeline-shape.png);
    width: 11px;
    height: 100%;
    background-size: 100%
}

.work-process-timeline ul li {
    display: flex;
    column-gap: 120px;
    position: relative
}

.order-number {
    border: 2px dotted #df4142;
    width: 30px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: -10px;
    background: #fff;
    border-radius: 2px
}

.order-number span {
    font-size: 20px;
    line-height: 26px;
    color: #e91e63
}

.work-processText {
    padding-top: 30px;
    margin-left: 40px
}

.work-processText h2 {
    margin-top: 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.work-processText p {
    color: #4b4b4b;
    font-size: 20px;
    margin-top: 20px;
    line-height: 35px
}

.work-process-image {
    animation-name: floating;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    -webkit-animation-name: floating;
    text-align: center
}

section.ourClients {
    padding: 70px 0;
    position: relative;
    overflow: hidden
}

.clientBox .clientImg img {
    max-width: 100%;
    object-fit: cover;
    min-height: 210px;
    overflow: hidden;
    transition: .7s;
    width: 100%
}

section.ourClients::after,
section.ourClients::before {
    content: '';
    width: 400px;
    height: 595px;
    position: absolute;
    z-index: -1
}

section.ourClients::before {
    top: -13%;
    left: 0;
    background: url(../images/client-sec-shape.png) center center/cover no-repeat
}

section.ourClients::after {
    bottom: 0;
    right: 0;
    background: url(../images/client-sec-shape-right.png) center center/cover no-repeat
}

.client-listing .clientContent h3,
.morelink,
.navbar-light .navbar-nav .nav-link i.fa.fa-shopping-cart,
.navbar-light .navbar-nav .nav-link i.fa.fa-user {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-text-fill-color: transparent
}

.ourClients .client-listing {
    margin-top: 40px
}

.ourClients .clientBox {
    background: #fff;
    border-radius: 12px;
    padding: 22px 22px 30px;
    margin-bottom: 30px;
    display: inline-block;
    height: 100%
}

.carousel__item img,
.wrapper:after {
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, .14)
}

.clientBox .clientImg {
    max-height: 210px;
    width: 100%;
    overflow: hidden;
    border-radius: 12px
}

.client-listing .clientContent h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 20px 0 12px;
    background-clip: text;
    -webkit-background-clip: text
}

.clientContent .ratingOuter {
    display: flex;
    align-items: center
}

.clientContent p.more {
    min-height: 122px;
    display: -webkit-box;
    text-align: justify
}

#ourclients p.more {
    word-spacing: normal;
    display: inherit;
    text-align: justify
}

.clientContent p {
    font-weight: 400;
    font-size: 16px;
    line-height: 29px;
    color: var(--text-color);
    margin: 12px 0 15px
}

.morelink {
    display: block;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 18px;
    font-weight: 600
}

.marketing-tools .top-heading span.sub-head {
    font-size: 25px;
    line-height: 25px;
    text-transform: capitalize;
    color: var(--text-color)
}

.marketing-tools .markting-list-outer {
    margin-top: 66px
}

.marketing-listing .marketing-box {
    border-bottom: 1px solid #000;
    padding-bottom: 60px;
    margin-bottom: 60px
}

.marketing-listing .marketing-img {
    margin-right: 15px
}

.marketing-listing .marketing-img span {
    background: rgba(43, 154, 121, .13);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-weight: 100;
    font-size: 22px;
    color: var(--theme-color);
    line-height: 30px
}

.trustedShopify {
    background: linear-gradient(to bottom, transparent 20%, #fcedf1 0, #fcedf1 19.25%, #fcedf1 40.98% 20%);
    overflow: hidden
}

.marketing-listing .marketing-content h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    line-height: 20px;
    text-transform: uppercase
}

.marketing-listing .marketing-content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    color: var(--text-color);
    margin: 18px 0 0
}

.trustedShopify .trusted_text {
    padding: 55px 0 70px 140px
}

.portfolio-detail-view h1,
.trustedShopify .trusted_text h2 {
    font-size: 40px;
    line-height: 56px
}

.trustedShopify .trusted_text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    margin-top: 10px
}

.trustedShopify .trusted_text .custom-btn {
    margin-top: 40px;
    background-color: #fff;
    color: #000;
    transition: none
}

.fg-navbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    height: 80px;
    align-items: center;
    background-color: #000
}

.fg-navbar-container {
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto
}

.awesome-carousel_wrapper {
    position: relative;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    perspective: 1000px;
    transform: translate3d(0, 0, 1px);
    transform-style: preserve-3d;
    margin-top: 52%
}

.carousel-button_overlay {
    position: absolute;
    width: 2rem;
    height: 2rem;
    padding-right: 0;
    padding-left: 0;
    border-radius: 50%;
    background-color: #574fff;
    opacity: .5
}

.carousel-button_overlay.yellow {
    background-color: #ddb53b
}

.carousel-button_overlay.red {
    padding-right: 0;
    padding-left: 0;
    background-color: #f1845f
}

.carousel-buttons_wrapper {
    margin-top: 78px;
    padding: 2rem;
    justify-content: center;
    grid-column-gap: 5rem;
    grid-row-gap: 5rem
}

.carousel-image_wrapper {
    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    max-width: 588px;
    margin-right: auto;
    margin-left: auto;
    transform: scale(.6);
    text-align: center
}

.ourapp-row,
.services-box-outer {
    text-align: center;
    margin: auto auto 50px
}

.carousel__item img {
    border-radius: 19px
}

.wrapper:after {
    background: #fff;
    content: "";
    position: absolute;
    width: 78%;
    height: 100px;
    border-radius: 23px;
    top: -285px;
    z-index: -1
}

section.awesome-services-outer .container {
    background-color: var(--section-bg);
    border-radius: 20px;
    padding-bottom: 20px
}

.awesome-heading {
    text-align: center;
    padding: 50px 0
}

.awesome-heading p {
    color: #4b4b4b;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 20px;
    display: inline-block
}

.feature-text p,
.gal-cont h4 {
    display: -webkit-box
}

.awesome-heading h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 70px;
    color: #000;
    margin: auto
}

.services-box-outer {
    background: #fff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .13);
    max-width: 350px;
    transition: .7s
}

.icon-box span {
    font-size: 70px;
    color: var(--theme-color)
}

.icon-box h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    color: var(--theme-color);
    font-family: Helvetica;
    text-transform: uppercase;
    margin: 20px 0
}

.services-box-outer p {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    text-align: center
}

.shopify-advancefeature {
    position: relative;
    width: 100%;
    background-color: #fefaf9;
    counter-reset: my-sec-counter;
    padding: 70px 0 50px!important
}

.shopify-advancefeature .feature-box {
    background-color: #fff;
    padding: 24px;
    margin-bottom: 25px;
    column-gap: 15px;
    position: relative
}

.shopify-advancefeature.shopify-advanceword .feature-box {
    min-height: 254px
}

.ourapp-row {
    width: 100%;
    max-width: 1073px
}

.wpcf7-not-valid-tip,
li.currency a {
    text-align: left!important
}

.shopify-advancefeature.feature-logistic {
    padding: 70px 0!important;
    background-color: #fff
}

.feature-box .feature-shape span {
    position: absolute;
    content: "";
    background: #085aa3;
    height: 230px;
    width: 110px;
    left: 78px;
    top: -42px;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    z-index: 2
}

.feature-text p {
    font-size: 16px;
    text-align: justify
}

.shopify-advancefeature .feature-text {
    flex: 0 0 88%
}

.shopify-advancefeature.feature-logistic .feature-text {
    flex: 0 0 100%
}

.shopify-advancefeature .feature-box .feature-icon {
    flex: 0 0 10%
}

.shopify-advancefeature .feature-text h4 {
    margin-bottom: 8px;
    font-size: 20px;
    margin-top: 8px
}

.our-services-section.shopifyour-services {
    padding-bottom: 40px
}

.opens-advancefeature.whmcs-advancefeature.gray .feature-box,
.shopify-advancefeature.shopoify-add4 .feature-box {
    min-height: 260px
}

.shopify-advancefeature h3::before {
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    color: transparent;
    line-height: 50px;
    text-transform: capitalize;
    -webkit-text-stroke: 1px #000;
    counter-increment: my-sec-counter;
    content: "0" counter(my-sec-counter) ""
}

.banner_content a.theme_btn {
    background-color: var(--white-color);
    color: #fff
}

.banner_content p {
    color: #fff;
    margin-bottom: 30px
}

.home_banner .banner_content .form-row .input-group {
    width: 60%;
    margin: 0 auto 100px
}

.home_banner .banner_content .form-row .input-group .form-control {
    height: 57px;
    border-radius: 87px 0 0 87px;
    padding-left: 30px;
    font-size: 16px;
    color: #000
}

.home_banner .banner_content .form-row .input-group .btn-primary {
    padding: 14px 50px;
    border-color: var(--theme-color);
    border-radius: 30px;
    position: relative;
    left: -25px
}

.home_banner .domain_rate {
    padding: 40px;
    position: absolute;
    width: 90%;
    background-color: #fff;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -66%
}

.btn {
    font-size: 18px;
    padding: 13px 50px;
    border-radius: 56px
}

.bottom_header .dropdown-item {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: #085aa2!important
}

.bottom_header .nav-item {
    padding: 0;
    position: relative
}

.bottom_header .dropdown-item:hover {
    background-color: #fff!important;
    color: #085aa2
}

.bottom_header .dropdown-menu {
    font-weight: 600;
    background-color: #085aa2;
    text-transform: inherit;
    padding: 0;
    margin: 0;
    border: none
}

header.header .custom-btn {
    color: #fff!important;
    min-height: 56px;
    line-height: 56px;
    padding: 0;
    border-radius: 5px;
    font-size: 16px!important;
    font-weight: 400!important
}

.webdesign-banner {
    position: relative;
    padding: 110px 0 70px;
    background-color: #fefaf9!important
}

.delevopment-tools {
    overflow: hidden;
    position: relative;
    padding: 70px 0;
    background: #f4f4f4
}

.webdesign-banner .media {
    margin-top: 50px!important
}

.about_section.graphc-award .sec-heading,
.mission_section .top_title {
    text-align: left
}

.delevopment-tools .sec-heading {
    margin-bottom: 32px
}

.source-develoment::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(4, 87, 159, .5)
}

.curves_banner:after,
.curves_banner:before {
    content: "";
    width: 120%;
    height: 150px;
    bottom: -120px
}

.app-develop-servi-wrap .app-serv-box-out:hover,
.app-develp-wrapper .devel-box-out:hover h4::after,
.btn-light,
.curves_banner:after,
.curves_banner:before,
.webddev-chd-tailored,
.webdesign-banner.responsive-banner h1::after,
.woocommerce-account #add_payment_method #payment,
.woocommerce-checkout #add_payment_method #payment div.payment_box,
.woocommerce-checkout #add_payment_method #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-cart #payment div.payment_box,
.woocommerce-checkout .woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .woocommerce-checkout #payment ul.payment_methods {
    background-color: #fff
}

.webdesign-banner.custom-design h1::after {
    background-color: var(-white-color)
}

.webdesign-banner .webdesign-text .btn-primary:hover {
    background-color: #c7a439;
    border: 2px solid #c7a439
}

.webdesign-banner .webdesign-text .btn-primary.active {
    background-color: #c7a439!important;
    border: 2px solid #c7a439!important
}

.webdesign-banner .webdesign-img {
    padding: 0;
    text-align: right;
    position: relative
}

.navbar-light .navbar-nav .nav-link i.fa.fa-shopping-cart,
.navbar-light .navbar-nav .nav-link i.fa.fa-user {
    font-size: 21px;
    background-clip: text;
    -webkit-background-clip: text
}

.webdesign-banner .webdesign-img img {
    max-width: 500px;
    width: 100%
}

.webdesign-text p {
    padding: 12px 0
}

.webdesign-banner.php-development .development-banner-img {
    width: 100px;
    height: 50px;
    transform: skew(20deg);
    z-index: 1;
    background-color: #fff
}

.curves_banner {
    position: relative;
    overflow: hidden;
    padding-bottom: 120px
}

.curves_banner:before {
    position: absolute;
    left: -20px;
    transform: rotate(-8deg)
}

.curves_banner:after {
    position: absolute;
    left: -20%;
    transform: rotate(7deg)
}

.web_packages:after,
.web_packages:before {
    content: "";
    width: 20px;
    right: 0;
    margin: 0 auto
}

.jump_bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 58px;
    width: 42px
}

.btn-light {
    color: #24252a
}

.web_packages {
    padding-top: 180px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1
}

.web_packages:before {
    height: 100px;
    position: absolute;
    top: 40px;
    left: 0;
    background: url("../images/line_top.png") center no-repeat
}

.web_packages:after {
    height: 150px;
    position: absolute;
    bottom: -80px;
    left: 0;
    background: url("../images/line_bottom.png") center no-repeat
}

.contact-form {
    padding: 50px 40px;
    background-color: rgba(8, 90, 162, .7);
    position: absolute;
    color: #fff;
    top: -108px;
    left: 108px
}

.contact-form h3 {
    text-transform: uppercase;
    font-size: 19px
}

.contact-form .form-control {
    font-size: 16px;
    height: 52px
}

.contact-form .form-group textarea {
    height: 92px!important
}

.domain-column-box {
    min-height: 100%;
    margin-top: 30px;
    padding: 40px 38px;
    background-color: #fff;
    box-shadow: 0 0 20px #f1f1f1;
    text-align: center;
    position: relative;
    z-index: 9999;
    -webkit-transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -ms-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out
}

.card.resell_card,
.host_feature_inner {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.domain-name {
    position: relative;
    padding-top: 40px
}

.domain-column {
    position: relative;
    padding: 50px 0
}

.domain-name-heading h2,
.magen-web-team-wrap .mage-box-out .icon-box {
    font-size: 42px
}

section.our-services.service_bg {
    background-color: var(--section_bg);
    overflow: hidden
}

.dedica-our-ser:before,
section.our-services.service_bg:before {
    content: '';
    background-image: url(../images/service-bg-left.png);
    width: 369px;
    background-size: contain;
    height: 400px;
    left: -132px;
    background-repeat: no-repeat;
    position: absolute;
    top: 55%
}

section.infrastructure_server.dedic-infra-wrap:after,
section.our-services.service_bg:after {
    content: '';
    background-image: url(../images/service-bg-right.png);
    width: 200px;
    background-size: contain;
    right: -92px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    height: 300px;
    z-index: 0
}

.small_ban.ourwork-banner .banner_btns {
    justify-content: center
}

.home-services-section .icon-block img,
.our-services .icon-block img,
.services_section .icon-block img {
    margin: 0 auto;
    width: 86%;
    animation: 20s linear infinite Rotate-reverse;
    -webkit-animation: 20s linear infinite Rotate-reverse
}

li.currency a span {
    color: #085aa2;
    font-weight: 700;
    font-size: 17px
}

li.currency a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: 10px 18px;
    justify-content: start
}

.line-border {
    width: 100px;
    height: 2px;
    display: inline-block;
    top: -10px;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.home-services-section .circle .icon-block img,
.our-services .circle .icon-block img,
.services_section .circle .icon-block img {
    animation: 20s linear infinite img-rotate;
    -webkit-animation: 20s linear infinite img-rotate
}

.package-section .package-heading h2 {
    font-size: 50px;
    padding-bottom: 50px
}

.package-section .set-size {
    color: #444;
    font-size: 10em
}

.package-section .pie-wrapper {
    height: 1em;
    width: 1em;
    margin: 0 auto 30px;
    position: relative
}

.package-section .pie-wrapper:nth-child(3n+1) {
    clear: both
}

.pie-wrapper.progress-75 .pie .right-side.second-cricel {
    transform: rotate(360deg)
}

.pie-wrapper.progress-75 .pie .right-side.Third-circle {
    transform: rotate(480deg)
}

.package-section .pie-wrapper .pie .half-circle {
    height: 100%;
    width: 100%;
    border: .1em solid #085aa2;
    border-radius: 50%;
    clip: rect(0, .5em, 1em, 0);
    left: 0;
    position: absolute;
    top: 0
}

.package-section .pie-wrapper .label {
    background: #34495e;
    border-radius: 50%;
    bottom: .4em;
    color: #ecf0f1;
    cursor: default;
    display: block;
    font-size: .25em;
    left: .4em;
    line-height: 2.8em;
    position: absolute;
    right: .4em;
    text-align: center;
    top: .4em
}

.pie-wrapper .shadow {
    height: 100%;
    width: 100%;
    border: .1em solid #bdc3c7;
    border-radius: 50%
}

.package-section .pie-wrapper .label .smaller {
    color: #bdc3c7;
    font-size: .45em;
    padding-bottom: 20px;
    vertical-align: super
}

.package-section .pie-wrapper.style-2 .label {
    background: 0 0;
    color: #7f8c8d
}

.package-section .pie-wrapper.style-2 .label .smaller {
    color: #bdc3c7
}

.pie-wrapper.progress-45 .pie .half-circle,
.pie-wrapper.progress-75 .pie .half-circle {
    border-color: #085aa2
}

.pie-wrapper.progress-45 .pie .left-side {
    transform: rotate(90deg)
}

.pie-wrapper.progress-75 .pie {
    clip: rect(auto, auto, auto, auto)
}

.pie-wrapper.progress-75 .pie .left-side {
    transform: rotate(300deg)
}

.pie-wrapper.progress-75 .pie .right-side {
    transform: rotate(180deg)
}

.lets-talk {
    background-image: url(../images/lets-talk-banner.png);
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
    width: 100%;
    height: 100%
}

.lets-talk::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(1, 52, 97, .5)
}

.lets-talk .lets-talk-heading h2 {
    text-transform: inherit;
    color: #fff;
    font-size: 50px;
    text-align: center
}

.lets-talk .lets-talk-heading p {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.lets-talk .form-group .form-control {
    color: #fff;
    font-size: 19px;
    height: 54px!important;
    border: 2px solid #fff;
    background-color: transparent
}

.lets-talk .form-group .btn-primary {
    border-radius: 5px;
    width: 100%;
    outline: 0
}

.contact_icon .fa {
    width: 40px;
    height: 40px;
    background-color: #085aa2;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px
}

.home_banner:before,
.small_ban:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.cotact_content h4 {
    font-size: 22px;
    letter-spacing: .8px;
    font-weight: 600;
    margin-bottom: 12px
}

.contact_section {
    padding-top: 50px;
    padding-bottom: 30px
}

.small_ban {
    padding: 110px 0 70px
}

.small_ban:before {
    background-color: rgb(177 170 169 / 60%)
}

.portfolio-detail-view .blog-featured-image {
    margin-bottom: 34px;
    margin-top: 30px
}

.portfolio-detail-view .blog-featured-image img {
    box-shadow: 0 0 7px #ddd
}

.portfolio-detail-view p {
    padding: 8px 0
}

.portfolio-detail-view ul {
    padding: 15px 0 0 20px
}

.portfolio-detail-view .ready-to-discuss {
    margin-top: 22px;
    margin-bottom: 22px;
    align-items: center;
    justify-content: space-between;
    background-color: #222;
    text-align: center;
    padding: 40px 0 50px
}

.portfolio-detail-view ul li {
    padding: 6px 0;
    list-style: disc
}

.portfolio-detail-view h2 {
    font-size: 28px;
    padding-top: 20px
}

.portfolio-detail-view h3 {
    padding: 14px 0 0;
    font-size: 24px
}

.portfolio-detail-view .ready-to-discuss h4.mb-0 {
    margin-bottom: 20px!important;
    color: #fff;
    background: unset;
    -webkit-text-fill-color: #fff
}

.gal-cont h4 {
    color: #000;
    font-size: 24px;
    background: unset;
    -webkit-text-fill-color: unset;
    -webkit-line-clamp: 2;
    min-height: 58px
}

.gal-cont h4 a {
    color: #000;
    font-size: 24px;
    background: unset;
    -webkit-text-fill-color: unset;
    -webkit-line-clamp: 2;
    min-height: 58px
}

.portfolio-detail-view {
    padding: 80px 0;
    width: 100%;
    min-height: 58px
}
.portfolio-detail-view .container {
    max-width: 1140px;
    margin: auto;
}
.portfolio-detail-view .get-in-touch-button {
    margin: 30px 0 10px
}

.portfolio-detail-view .get-in-touch-button .theme_btn {
    margin: 0;
    background: #ffc000;
    color: #000;
    font-weight: 700;
    min-height: 50px;
    line-height: 50px;
    font-size: 22px;
    min-width: 448px;
    border-radius: 6px;
    word-spacing: 5px;
    letter-spacing: 3px
}

.breadcrumb,
.main-video a img,
.mission_box .default_btn:hover,
.product_banner.blog_banner .search_form .input-group button.default_btn:hover {
    background-color: transparent
}

.breadcrumb a {
    color: #fff;
    font-size: 16px
}

.breadcrumb-item.active {
    color: #085aa2;
    font-size: 16px
}

.home_banner {
    color: #fff;
    padding-left: 15px!important;
    padding-right: 15px!important
}

.home_banner:before {
    background-color: rgba(0, 9, 15, .47)
}

.home_banner .banner_form {
    background-color: rgba(4, 87, 159, .7);
    padding: 46px 41px;
    box-shadow: 0 0 10px #c4cdd5;
    position: relative;
    color: #fff;
    float: right;
    border-radius: 0;
    width: 100%;
    max-width: 462px
}

.home_banner .banner_form h3 {
    font-size: 32px;
    color: #fff;
    line-height: 54px
}

.home_banner .get_touch_form .get_form {
    margin-top: 12px
}

.home_banner .banner_form .btn {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    border-radius: 5px;
    color: #085aa2;
    float: right;
    width: 100%;
    font-weight: 500
}

.home_banner .get_form .form-group {
    margin-bottom: 18px
}

.home_banner .banner_form .btn:hover {
    background-color: #0065bd;
    color: #fff
}

.do-out-banner,
.gallery_modal .modal-content,
.jumbotron {
    border-radius: 0
}

.do-out-banner .banner_content {
    margin-top: 70px
}

.do-out-banner .input-group-append,
.home_banner .input-group-append {
    outline: 0;
    border-left: 1px solid #000;
    border-radius: 0;
    background-color: #fff!important
}

.do-out-banner .banner_content .form-control {
    height: 60px;
    border: 0 solid;
    border-radius: 40px 0 0 40px;
    font-size: 16px;
    letter-spacing: 2px;
    padding-left: 30px
}

.do-out-banner .banner_content h1 {
    font-size: 30px;
    font-weight: 600
}

.banner_content h5 {
    font-size: 26px;
    color: #fff;
    font-weight: 500
}

.banner_content p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400
}

.home_banner .banner_content .form-control {
    height: 56px;
    border: 0 solid
}

.home_banner .form-control {
    border: 0 solid
}

.home_banner .btn-primary {
    border-radius: 0;
    padding: 14px 35px;
    border-color: var(--theme-color)
}

.domain_rate ul {
    margin: 0 -6px;
    padding: 0;
    list-style: none
}

.domain_rate ul li {
    width: 14.28%;
    padding: 0 6px
}

.domain_inner {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    padding: 10px 10px 15px;
    border-radius: 6px;
    border: 2px solid rgba(2, 101, 187, .83);
    color: #085aa3
}

.domain_rate {
    padding-top: 34px
}

.account_access .theme_btn:last-child {
    background-color: var(--btn-color);
    color: #fff
}

.account_access .theme_btn::after,
.domain-column-box:hover .theme_btn:after {
    border-bottom: 3px solid var(--white-color);
    border-left: 3px solid var(--white-color)
}

.services_section h2 {
    font-size: 36px
}

.services_section .circle {
    background-color: var(--white-color);
    -webkit-animation: 20s linear infinite circle-rotate;
    position: absolute;
    top: 50%;
    left: 33%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 62%;
    height: 62%;
    border-radius: 50%
}

.services_section .center-logo {
    position: absolute;
    top: 50%;
    left: 33%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.services_section .center-logo img {
    max-width: 42px;
    max-height: 42px
}

.home-services-section {
    position: relative;
    padding: 100px
}

.home-services-section .circle {
    animation: 20s linear infinite circle-rotate;
    -webkit-animation: 20s linear infinite circle-rotate;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    width: 75%;
    height: 75%;
    border: 2px solid #085aa2;
    border-radius: 50%
}

.home-services-section .center-logo {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

@keyframes Rotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes Rotate {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes Rotate-reverse {
    from {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes Rotate-reverse {
    from {
        -webkit-transform: rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0)
    }
}

@keyframes circle-rotate {
    from {
        transform: translate(-50%, -50%) rotate(45deg)
    }
    to {
        transform: translate(-50%, -50%) rotate(405deg)
    }
}

@-webkit-keyframes circle-rotate {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(405deg)
    }
}

@keyframes img-rotate {
    from {
        transform: rotate(-45deg)
    }
    to {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes img-rotate {
    from {
        -webkit-transform: rotate(-45deg)
    }
    to {
        -webkit-transform: rotate(-405deg)
    }
}

.home-about {
    padding-top: 180px
}

.about-us-time .about-time-heading h2 {
    font-size: 50px;
    padding-top: 80px;
    text-align: center;
    text-transform: inherit
}

.banner_form .default_btn,
.intrduction_blog .blog-section .blog-text .get-in-touch-button .theme_btn,
.magen-web-team-wrap .mage-box-out .magent-team-box .btn-box a,
.our-develop-proc-wrap .our-dvelop-box h4,
.ribbon,
h4.top-head-bg {
    text-transform: uppercase;
    text-transform: uppercase
}

.about-us-time .about-time-heading p {
    text-align: center;
    color: #555;
    font-size: 20px
}

.rounded {
    border-radius: 50px!important
}

.elementor-img img,
.elementor-round,
section.Renew-feature .feature-box-outer .renewBox img {
    border-radius: 50%
}

.video_icon {
    position: absolute
}

.about_content .btn-primary {
    border-radius: 5px;
    width: max-content;
    padding: 12px 60px
}

.about_content .btn-primary img {
    margin-left: 5px
}

.elementor-round {
    position: relative;
    bottom: 151px;
    right: 15px;
    text-align: center;
    display: inline-block;
    background-color: #00aeef;
    min-height: 220px;
    min-width: 220px;
    color: #fff
}

.elementor-round img {
    text-align: center;
    width: 30%;
    padding-bottom: 15px;
    padding-top: 30px
}

.elementor-round h4 {
    font-size: 18px
}

.video_section {
    position: relative;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    background: url("../images/about-us-bg2.png") 0 0/cover no-repeat
}

.video_section .container,
.whworkwebzia-img img {
    position: relative;
    z-index: 2
}

.video_section .video_text {
    position: relative;
    top: 100px;
    border-radius: 10px;
    padding: 50px 30px 10px 40px;
    background-color: #fff;
    box-shadow: 0 0 15px #ddd
}

.black_section:before,
.client_feedback:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.video_text h4 {
    width: 152px;
    height: 26px;
    line-height: 26px;
    color: #085aa2;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #f1f1f1;
    border-radius: 2px;
    text-align: center
}

.video_text h2 {
    color: #085aa2;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -1px
}

.video_text .media {
    padding-left: 0;
    margin-bottom: 36px;
    -webkit-transition: .5s
}

.page-template-digital-marketing .webddev-chd-tailored ul,
.page-template-digital-marketing-company-in-punjab .webddev-chd-tailored ul,
.page-template-website-design-company-in-chandigarh .webddev-chd-tailored ul,
.page-template-wordpress-development-services-in-punjab .webddev-chd-tailored ul,
.video_text .media:hover {
    padding-left: 20px
}

.video_text .media span:hover {
    color: #05589f
}

.video_text .media span {
    align-items: center;
    font-size: 38px;
    color: #085aa2;
    padding-right: 20px
}

.video_text .media-body h5 {
    font-weight: 700;
    font-size: 24px
}

.main-video {
    position: relative;
    width: 100%;
    text-align: center
}

.main-video a img {
    position: relative;
    border: none;
    box-shadow: 0 0 0 0 rgba(0, 201, 255, .5);
    border-radius: 50%;
    background-size: 145px auto;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-animation: 1.75s cubic-bezier(.66, 0, 0, 1) infinite rippleOne;
    -moz-animation: 1.75s cubic-bezier(.66, 0, 0, 1) infinite rippleOne;
    -ms-animation: rippleOne 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: 1.75s cubic-bezier(.66, 0, 0, 1) infinite rippleOne;
    text-indent: 1000%;
    overflow: hidden;
    white-space: nowrap
}

.main-video a img:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none
}

@-webkit-keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244, 68, 56, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0)
    }
}

@keyframes rippleOne {
    70% {
        box-shadow: 0 0 0 70px rgba(244, 68, 56, 0)
    }
    100% {
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0)
    }
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

.about_section .theme_btn {
    min-width: 172;
    min-height: 51px;
    line-height: 51px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    margin-top: 21px
}

.about_section .theme_btn::after {
    border-color: #f44336
}

.hgroup p {
    line-height: 24px;
    font-weight: 500;
    color: #6a7c92
}

.black_section {
    padding: 100px 0;
    position: relative
}

.black_section:before {
    position: absolute;
    background-color: rgba(0, 53, 85, .58)
}

.black_section a.theme_btn {
    background-color: var(--white-color);
    color: var(--theme-color);
    padding: 0 20px
}

.banner_text_white .theme_btn::after,
.black_section a.theme_btn::after,
.domain_banner button.theme_btn::after {
    border-color: var(--white-color)
}

.black_section h4 {
    font-size: 28px;
    color: #fff
}

.black_section p {
    margin-bottom: 24px;
    color: var(--white-color)
}

.client_feedback {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative
}

.client_feedback .carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    padding: 0;
    bottom: inherit;
    text-align: left
}
section.webddev-chd-tailored .about_text p span.p-space {
    padding-top: 10px;
    display: block;
}
.client_feedback .bd-example {
    padding: 30px 30px 60px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}
.page-template-iphone-app-development section.does-business .does-business-image img { height: 790px; width: 100%; }
.client_feedback:before {
    background-color: rgba(0, 26, 56, .78);
    position: absolute
}

.client_feedback h3 {
    color: #1765bd;
    font-size: 20px
}

.client_feedback h4 {
    color: #a9a7a7;
    font-style: italic;
    font-size: 16px
}

.client_feedback .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #d5d5d5;
    border: 0
}

.client_pic img {
    width: 180px;
    height: 180px;
    object-fit: cover
}

.client-bg {
    width: 240px;
    height: 240px;
    background: url("../images/client_testimonial_bg.png") center/240px no-repeat;
    position: relative
}

.client_pic {
    width: 180px;
    height: 180px;
    background-color: #fff;
    position: absolute;
    bottom: 18px;
    left: 47px
}

.client_feedback .carousel-indicators {
    margin-bottom: 0;
    bottom: -24px
}

.client_feedback p {
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    color: #a9a7a7
}

.client-says {
    position: relative;
    background: url("../images/form-bg.png") 0 0/cover no-repeat
}

.client-says.design-page {
    margin-top: 90px
}

.app-develop-servi-wrap,
.app-develp-wrapper .devel-box-out:hover,
.client-says .carousel-indicators .active,
.industrie-serve-wrapper .indus-box-sec:hover,
.magen-web-team-wrap,
.our-develop-proc-wrap,
.sale_section .sale_box:hover .sale_btn {
    background-color: var(--theme-color)
}

.client-says .bd-example {
    background-color: #fff;
    position: relative;
    top: -60px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

.map_outer .map_img,
.sale_section .sale_box {
    box-shadow: 0 1px 6px #c4cdd5
}

.client-says .carousel-indicators {
    margin-bottom: 0;
    bottom: 18px;
    color: #ccc
}

.client-says .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #ccc;
    border: 0
}

.client-says .slider-heading {
    padding: 70px
}

.client-says .slider-heading p,
.portfolio-detail h3 {
    font-size: 22px
}

.client-says .slider-heading .media {
    padding-top: 45px
}

.client-says .slider-heading .media img {
    height: 120px;
    width: 120px
}

.client-says .client-heading {
    padding-top: 100px;
    padding-bottom: 150px
}

.client-says .client-heading h4 {
    width: 130px;
    height: 28px;
    line-height: 28px;
    color: var(--theme-color);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #f1f1f1;
    border-radius: 5px;
    text-align: center
}

.client-says .client-heading h2 {
    line-height: 50px;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff
}

.list_col ul {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.list_col ul li {
    margin-bottom: 8px;
    color: var(--content-color);
    font-size: 16px;
    flex: 0 0 50%;
    line-height: 29px;
    display: flex;
    align-items: center;
    column-gap: 10px
}

.host_feature_inner {
    background-color: #f5f8fb;
    padding: 40px 40px 30px 60px;
    border: 0 solid;
    margin-bottom: 30px;
    transition: .3s;
    box-shadow: none;
    border-radius: 30px;
    min-height: 330px;
    max-height: 100%
}

.host_icon {
    width: 75px;
    height: 75px;
    box-shadow: 0 0 24px rgba(0, 0, 0, .04);
    border-radius: 10px;
    position: relative;
    left: 0;
    background-color: #085aa314;
    margin-bottom: 20px
}

.host_icon img {
    width: 100%;
    max-width: 45px
}

.host_feature_inner .host-content h3 {
    color: #085aa3;
    font-size: 16px;
    position: relative;
    width: 100%
}

.host_feature_inner .host-content h3:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 1px;
    background-color: #04579f;
    bottom: -8px;
    left: 0
}

.faq_section.white_bg {
    background-color: var(--white_color);
    overflow: hidden;
    position: relative
}

.faq_section.white_bg:after {
    content: '';
    background-image: url(../images/faq-white-right.png);
    width: 662px;
    background-size: contain;
    right: -25%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    height: 612px;
    z-index: 0
}

.app_banner .banner_content h1 {
    font-size: 115px;
    font-weight: 300;
    color: #252525;
    line-height: 115px
}

.app_banner {
    background-color: #fbfbfb;
    position: relative;
    padding-bottom: 550px
}

.app_ban_pic {
    width: 74%;
    right: 9%;
    top: 18%;
    position: absolute
}

.mobile_time,
.reseller_sec {
    padding-top: 80px;
    padding-bottom: 44px
}

.mobile_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.mobile_list ul:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    background-color: #c1bfbf
}

.mobile_list ul li {
    width: 50%;
    position: relative
}

.mobile_main {
    max-width: 300px;
    width: 100%
}

.mobile_box {
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    position: absolute;
    bottom: 159px;
    right: -24px;
    content: "";
    background: #fff;
    border: 2px solid #c7c7c7;
    padding: 8px;
    z-index: 99;
    line-height: 38px;
    width: 50px;
    top: 120px
}

.mobile_inner {
    width: 100%;
    height: 100%;
    background-color: #1765bd;
    border-radius: 100%
}

.mobile_icon {
    width: 160px;
    height: 160px;
    background: #f7f6f6;
    background: -webkit-linear-gradient(top, #fdfdfd 0, #dad8d8 72%);
    background: -moz-linear-gradient(top, #fdfdfd 0, #dad8d8 72%);
    border-radius: 160px;
    padding: 16px;
    animation: 2s infinite pulse
}

.mobile_iten {
    width: 100%;
    height: 100%;
    background-color: #1765bd;
    border-radius: 100%;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .13)
}

.mobile_cir {
    padding-right: 139px
}

.mobile_list ul li:nth-of-type(2) .mobile_cir,
.mobile_list ul li:nth-of-type(4) .mobile_cir,
.mobile_list ul li:nth-of-type(6) .mobile_cir {
    padding-left: 139px;
    padding-right: 0
}

.mobile_list ul li:nth-of-type(2) {
    margin-top: 150px
}

.mobile_list ul li:nth-of-type(3),
.mobile_list ul li:nth-of-type(5) {
    margin-top: -50px
}

.mobile_list ul li:nth-of-type(4),
.mobile_list ul li:nth-of-type(6) {
    margin-top: 100px
}

.mobile_list ul li:nth-of-type(2) .mobile_box,
.mobile_list ul li:nth-of-type(4) .mobile_box,
.mobile_list ul li:nth-of-type(6) .mobile_box {
    right: inherit;
    left: -25px
}

.mobile_cir h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 10px
}

.mobile_list ul li:nth-of-type(2) .mobile_iten {
    background-color: #673ab7
}

.mobile_list ul li:nth-of-type(3) .mobile_iten {
    background-color: #9c27b0
}

.mobile_list ul li:nth-of-type(4) .mobile_iten {
    background-color: #2196f3
}

.mobile_list ul li:nth-of-type(5) .mobile_iten {
    background-color: #00bcd4
}

.mobile_list ul li:nth-of-type(6) .mobile_iten {
    background-color: #ffc107
}

.mobile_app_slider .slick-initialized .slick-slide {
    display: block;
    padding: 60px 15px
}

.mobile_app_slider {
    background-color: #fbfbfb;
    padding: 80px 0;
    overflow: hidden
}

.mobile_app_slider .slick-slide {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: .3s ease-in-out
}

.mobile_app_slider .slick-slide.slick-center {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

ul.slick-dots {
    padding: 0;
    list-style: none;
    display: flex!important;
    justify-content: center
}

ul.slick-dots li {
    padding: 0 3px
}

ul.slick-dots li button {
    width: 14px;
    height: 14px;
    border-radius: 14px;
    background-color: #e8e7e7;
    font-size: 0px;
    border: 0;
    outline: 0
}

.gallery_modal .modal-dialog {
    max-width: 700px;
    width: 100%
}

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

.gallery_modal .modal-header {
    padding: 0;
    border: 0
}

.gallery_modal .close {
    width: 30px;
    height: 30px;
    text-shadow: none;
    font-weight: 400;
    color: #fff;
    opacity: 1;
    font-size: 35px;
    padding: 0!important;
    margin-top: -35px!important;
    margin-right: -10px!important
}

.gallery_modal .modal-footer {
    border-top: 0;
    padding-top: 0;
    text-align: center
}

.gallery_modal .modal-footer .btn {
    width: 35px;
    height: 35px;
    padding: 0;
    background-color: #f44336;
    border-color: #d71f5a;
    color: #fff;
    box-shadow: none;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.tabs_include {
    padding-top: 40px;
    padding-bottom: 44px
}

small {
    color: #d6d5d5
}

.ribbon {
    font-size: 15px;
    width: 200px;
    position: relative;
    background: #e91e63;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    margin: 2em auto 3em;
    font-weight: 400;
    letter-spacing: .8px
}

.ribbon:after,
.ribbon:before {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #d61d48;
    z-index: -1
}

.ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent
}

.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent
}

.ribbon .ribbon-content:after,
.ribbon .ribbon-content:before {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #6d061d transparent transparent;
    bottom: -1em
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0
}

.card.resell_card {
    padding-left: 110px;
    border: 2px solid #fff;
    border-radius: 15px;
    margin-bottom: 30px;
    transition: .3s
}

.card.resell_card:focus,
.card.resell_card:hover {
    border-color: #1765bd
}

.resell_icon {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 100px;
    background-color: #f7f6f6;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.card.resell_card:focus .resell_icon,
.card.resell_card:hover .resell_icon {
    box-shadow: 0 0 24px rgba(0, 0, 0, .04);
    background-color: #fff
}

.resell_card p {
    color: #afaeae;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: .3px
}

.hosting_banner {
    background: url('../images/hoting_banner.jpg') 0 0/cover;
    position: relative
}

.banner_text_white .p_style {
    margin-top: 28px
}

.domain_banner {
    padding-top: 180px;
    padding-bottom: 80px
}

.dedicate_banner {
    background: #254a7e;
    position: relative
}

.vps_banner {
    background: url('../images/private_server.jpg') #013f86;
    position: relative
}

.vps_banner:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(8, 90, 162, .4);
    position: absolute;
    left: 0;
    bottom: 0
}

.login_section {
    padding-top: 70px;
    padding-bottom: 70px
}

.login_section h2 {
    font-size: 40px;
    font-weight: 300
}

.login_section p {
    font-size: 18px;
    font-weight: 300
}

a.forgot_link {
    color: #8e8d8d;
    text-decoration: underline!important;
    font-weight: 300
}

.sub_btn {
    padding: 9px 35px;
    border-radius: 0
}

.subscribe_section h6 {
    font-size: 22px;
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 26px
}

.subscribe_section button.btn {
    background-color: var(--theme-color);
    font-size: 18px;
    border-color: var(--theme-color);
    font-weight: 500;
    border-radius: 0 5px 5px 0
}

.subscribe_section .form-control {
    border-radius: 5px 0 0 5px
}

.full-banner .full-banner-text .btn.active,
.full-banner .full-banner-text .btn:hover {
    background-color: #c7a439;
    border: 1px solid #c7a439
}

.subscribe_section {
    border-bottom: 1px solid #f5f3f5;
    margin-bottom: 30px
}

.full-banner {
    position: relative;
    left: 0;
    right: 0;
    color: #fff;
    padding: 70px 0;
    min-height: 100%;
    min-width: 100%;
    z-index: 1;
    background: #414042;
    background: linear-gradient(255deg, #0069d9 50%, #414042 50%)
}

.full-banner .full-banner-text .btn {
    padding: 8px 27px;
    margin-right: 8px;
    background-color: transparent;
    border: 2px solid #fff;
    transition: .4s
}

.full-banner .full-banner-text .btn:hover {
    transition: .4s
}

.full-banner .full-banner-text .media {
    padding-top: 24px
}

.full-banner .full-banner-image img {
    padding-left: 100px
}

.iphone-about {
    padding: 80px 0
}

.intrduction_blog .blog-section .blog-text .btn {
    border-radius: 5px;
    padding: 8px 22px
}

.intrduction_blog .contact-form {
    padding: 50px 40px;
    z-index: 1;
    background-color: #085aa2;
    position: relative;
    color: #fff;
    top: 0;
    left: 0
}

.intrduction_blog .blog-section .blog-text .get-in-touch-button .theme_btn {
    border: none;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    margin: 0;
    background: #ffc000;
    color: #000;
    font-weight: 700;
    min-height: 50px;
    line-height: 50px;
    font-size: 22px;
    min-width: 448px;
    border-radius: 6px;
    word-spacing: 5px;
    letter-spacing: 3px
}

.product_banner.blog_banner .search_form .input-group {
    margin: 0 auto;
    background-color: #fff;
    max-width: 723px;
    padding: 15px;
    border-radius: 8px
}

.search_form {
    margin-top: 43px
}

.product_banner.blog_banner .search_form p {
    font-size: 13px;
    line-height: 32px;
    font-family: var(--Walsheim-font);
    font-weight: 400;
    color: rgba(21, 45, 106, 60%);
    margin-top: 12px
}

.product_banner.blog_banner .search_form .input-group input {
    background: url(../images/seacrh-bar.png) 20px 16px no-repeat;
    border: none;
    font-size: 18px;
    font-weight: 500;
    padding: 0 10px 0 55px
}

.product_banner.blog_banner .search_form .input-group button.default_btn {
    background-color: var(--theme-color)!important;
    min-width: 117px;
    min-height: 43px;
    line-height: 43px;
    font-size: 16px;
    border: none;
    color: #fff;
    border-radius: 3px;
    outline: 0
}

.product_banner.blog_banner .search_form .input-group .input-group-append {
    margin-left: 0
}

.blog_left img {
    max-width: 200px;
    width: 100%;
    object-fit: contain
}

.mission_box .btn {
    background-color: var(--theme-color);
    margin-top: 24px;
    padding: 7px 28px;
    font-size: 16px;
    border-radius: 5px
}

.mission_box .default_btn.get {
    background-color: var(--theme-color2)
}

.mission_box .default_btn.get:hover {
    background-color: transparent;
    border-color: var(--black);
    color: var(--theme-color2)
}

.banner_form {
    background-color: transparent;
    padding: 40px 50px;
    box-shadow: none;
    position: relative;
    border-radius: 10px;
    max-width: 900px;
    float: none;
    width: 100%;
    margin: 0 auto
}

.product_banner.contact_banner {
    background: url(../images/contact_bg.webp) center no-repeat;
    padding: 85px 0 360px;
    position: relative
}

.product_banner.contact_banner.contact_page { background: url(../images/Contact-Banner.webp) center no-repeat; background-size: cover!important; padding:203px 0 157px; color: #fff; }

.sale_section {
    padding-bottom: 100px;
    position: relative;
    margin-top: -250px
}

.sale_section .sale_box {
    background-color: var(--white);
    display: inline-block;
    width: 100%;
    text-align: center;
    border-radius: 5px
}

.sale_section .sale_box .sale_icon {
    background-color: var(--white);
    width: 112px;
    height: 112px;
    border-radius: 50%;
    line-height: 112px;
    text-align: center;
    margin: -55px auto 0;
    box-shadow: 0 1px 14px #c4cdd5;
    position: relative
}

.sale_section .sale_box h3 {
    font-size: 21px;
    color: var(--black);
    font-family: var(--Walsheim-font);
    font-weight: 500;
    margin-top: 45px
}

.address_box .contact_btn,
.sale_box .sale_btn a {
    font-family: var(--Walsheim-font);
    color: #359dfd;
    transition: .8s
}

.sale_section .sale_box p {
    font-family: var(--Walsheim-font);
    font-size: 17px;
    line-height: 24px;
    margin-top: 15px
}

.sale_box .sale_btn {
    background-color: #f6f9fc;
    padding: 25px 0;
    margin-top: 40px;
    transition: .8s
}

.sale_box .sale_btn a {
    font-size: 16px;
    font-weight: 400
}

.address_box .address_text h3,
.map_section .address_box h2 {
    color: var(--theme-color2);
    font-family: var(--Walsheim-font);
    font-weight: 500
}

.address_box .contact_btn .icon,
.sale_box .sale_btn a .icon {
    vertical-align: middle;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px
}

.sale_section .sale_box:hover .sale_btn a {
    color: var(--white)
}

.contact_form textarea.form-control {
    min-height: 100%;
    resize: none;
    line-height: normal;
    padding-top: 14px
}

.contact_form .form-group.send_now .default_btn {
    min-width: 273px;
    min-height: 60px;
    line-height: 60px;
    border: none;
    outline: 0;
    font-size: 19px;
    color: #fff;
    background-color: var(--theme-color)
}

.map_section .address_outer {
    margin-top: 41px
}

.map_section .address_box {
    background-color: var(--white);
    padding: 52px;
    position: absolute;
    right: 41px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 495px;
    border-radius: 8px;
    box-shadow: 0 3px 32px #e0e0e0
}

.map_section .address_box h2 {
    font-size: 31px
}

.address_box .address_text {
    border-bottom: 1px solid #e8eaf0;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.address_box .address_text:last-child {
    border: none
}

.address_box .address_text h3 {
    font-size: 20px;
    margin-bottom: 7px
}

.address_box .address_text a,
.address_box .address_text p {
    font-size: 16px;
    color: grey;
    font-family: var(--Walsheim-font);
    font-weight: 400;
    line-height: 27px;
    width: 100%;
    display: inline-block
}

.address_box .contact_btn {
    display: inline-block;
    background-color: #f6f9fc;
    min-height: 62px;
    line-height: 62px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    border-radius: 5px;
    text-align: center
}

.address_box .contact_btn:hover {
    background-color: #359dfd;
    color: var(--white)
}

.custom_select {
    height: auto;
    display: inline-block;
    border-radius: 3px;
    min-width: 200px;
    min-height: 48px;
    line-height: 48px;
    border: 1px solid #e5e9ec;
    margin: 0;
    width: 100%;
    padding: 0 10px;
    background: url(../images/down-arrow.png) 97% 20px no-repeat
}

.custom_select select {
    background: url(../images/down-arrow.png) 97% 20px/9px no-repeat;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    cursor: pointer;
    border: none;
    text-indent: .01px;
    border-radius: 0;
    padding: 0;
    color: #748494
}

.domain-column-text h2 {
    margin: 11px 0;
    font-size: 25px
}

.get_box .media,
.woocommerce-checkout .woocommerce div#customer_details {
    margin-top: 36px
}

.get_box .media-left .icon {
    font-size: 45px
}

.get_box .media-body h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px
}

.get_touch_form.banner_form .form-control::-webkit-input-placeholder {
    color: #545454;
    font-size: 16px
}

.get_touch_form.banner_form .form-group label {
    margin-top: 20px;
    font-size: 18px
}

.build-app-wrap .build-box .btn-box a.btn,
.build-app-wrap .out-btn-box a.btn {
    width: 250px;
    min-height: 30px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    outline: 0
}

.banner_form .default_btn {
    margin-top: 20px;
    width: 100%;
    min-height: 58px;
    line-height: 58px;
    font-size: 17px;
    font-weight: 700;
    outline: 0;
    border: none;
    color: #fff;
    border-radius: 5px;
    position: relative;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.banner_form .default_btn::after {
    content: '';
    position: absolute;
    left: -14px;
    bottom: -14px;
    width: 44px;
    height: 44px;
    border-bottom: 3px solid #f44336;
    border-left: 3px solid #e91e63;
    transition: .8s
}

.support-banner {
    position: relative;
    color: #fff;
    text-align: center;
    padding: 100px 0;
    background-image: url("../images/suppor-banner.png")
}

.support-banner p {
    font-size: 22px;
    font-weight: 500;
    color: #fff
}

.support-banner .btn {
    font-size: 22px;
    font-weight: 500;
    background-color: #c7a439;
    border: 2px solid #c7a439;
    color: #fff;
    overflow: hidden;
    outline: 0
}

.support-banner .btn:hover {
    background-color: #c7a4396b;
    border: 2px solid #c7a439
}

.our-services.support-services {
    padding-top: 50px;
    padding-bottom: 100px
}

.our-services.support-services .our-services-heading h2 {
    font-weight: 500
}

.our-services.support-services .our-services-box .center-logo img {
    max-width: 80px!important
}

.hosting_img_shape {
    clip-path: polygon(50% 0, 50% 0, 100% 30%, 100% 70%, 50% 100%, 0% 70%, 0% 30%)
}

.challenge-title .challlenge-icon,
.realestate-custombox {
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%)
}

.services_section .host_icon .circle {
    top: 38px
}

.services_section .host_icon .center-logo {
    top: 37px
}

section.seo_ban::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 90, 162, .5)
}

section.seo_ban.seo_banner::after {
    background-color: rgba(4, 87, 159, .5)
}

h4.top-head-bg {
    background-color: rgb(255 255 255);
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
    color: var(--theme-color);
    min-width: 170px;
    min-height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    display: inline-block;
    text-align: center
}

.build-app-wrap .build-box .btn-box,
.do-out-banner .sml-text-sec {
    width: 100%;
    margin-top: 30px
}

.build-app-wrap .build-box .btn-box a.btn {
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    background-color: #085aa2;
    border: none;
    border-radius: 0;
    position: relative;
    padding: 15px 0;
    display: block
}

.build-app-wrap .build-box .btn-box a.btn:after,
.build-app-wrap .out-btn-box a.btn:after {
    content: '';
    position: absolute;
    left: -8px;
    bottom: -14px;
    width: 44px;
    height: 44px;
    border-bottom: 3px solid var(--theme-color);
    border-left: 3px solid var(--theme-color);
    transition: .8s
}

.build-app-wrap .out-btn-box {
    margin-top: 100px;
    width: 100%;
    text-align: center
}

.build-app-wrap .out-btn-box a.btn {
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    background-color: #085aa2;
    border: none;
    border-radius: 0;
    position: relative;
    padding: 0;
    display: block
}

.build-app-wrap .out-btn-box a.btn span,
section.Per-details .Per-details-contact select.custom_select {
    padding-left: 10px
}

.app-develop-servi-wrap .h2_style.text_center::after,
.our-develop-proc-wrap .h2_style.text_center::after {
    background-color: var(--white-color);
    bottom: -20px
}

.our-develop-proc-wrap .our-dvelop-box {
    text-align: center;
    color: #fff;
    margin-top: 50px;
    min-height: 270px
}

.our-develop-proc-wrap .our-dvelop-box.bor {
    border-right: 1px solid #fff
}

.our-develop-proc-wrap .our-dvelop-box h3 {
    font-size: 120px;
    margin-bottom: 50px;
    font-weight: 700
}

.our-develop-proc-wrap .our-dvelop-box h4 {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px
}

.our-develop-proc-wrap .our-dvelop-box ul li {
    font-size: 18px;
    line-height: 32px
}

.domain_banner .banner_content h1 {
    color: #085aa3;
    font-size: 50px;
    font-weight: 700
}

.do-out-banner .banner_content .form-row .input-group .btn-primary {
    padding: 14px 50px;
    border-color: #fff;
    border-radius: 30px;
    position: relative;
    left: -25px;
    background-color: #fff;
    color: var(--theme-color);
    font-weight: 700;
    font-size: 20px
}

.do-out-banner .sml-text-sec p {
    font-size: 22px;
    color: #04579f;
    font-weight: 500
}

.do-out-banner .sml-text-sec p span {
    padding: 0 15px
}

.domain-column-img img {
    max-width: 100%;
    height: 80px;
    object-fit: contain
}

.domain-column-box .sml-box {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -ms-transition: .7s ease-in-out;
    -o-transition: .7s ease-in-out;
    transition: .7s ease-in-out;
    height: 100%
}

.joomla-per-team-wrap:after,
.joomla-per-team-wrap:before {
    width: 170px;
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    content: ''
}

.domain-column-box .sml-box img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.domain-column-box:hover .sml-box {
    opacity: 1
}

.client-heading .h2_style::after {
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.joomla-core-fe-wrap .joomla-core-box {
    padding: 30px 30px 0;
    color: var(--white-color);
    text-align: center;
    min-height: 401px;
    line-height: 86px
}

.joomla-core-fe-wrap .joomla-core-box h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 40px 0 20px;
    padding-bottom: 15px;
    position: relative
}

.joomla-core-fe-wrap .joomla-core-box h5:after,
.joomla-per-team-wrap a .per-team-box h4:after {
    position: absolute;
    content: '';
    width: 115px;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.joomla-core-fe-wrap .joomla-core-box p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px
}

.joomla-per-team-wrap:before {
    background-image: url(../images/contact-left.png);
    left: -2px;
    top: 743px
}

.joomla-per-team-wrap:after {
    background-image: url(../images/contact-right.png);
    right: -2px;
    top: 0
}

.joomla-per-team-wrap a .per-team-box {
    background-color: #085aa2;
    color: #fff;
    text-align: center;
    padding: 60px 30px 0;
    border-radius: 25px;
    min-height: 360px;
    max-height: 360px
}

.joomla-per-team-wrap a {
    text-decoration: none;
    display: block
}

.joomla-per-team-wrap a .per-team-box .img-box {
    width: 200px;
    margin: 0 auto 22px;
    height: 80px
}

.joomla-per-team-wrap a .per-team-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 0;
    padding-bottom: 15px;
    position: relative
}

.joomla-per-team-wrap a .per-team-box p {
    color: #fff;
    line-height: 30px;
    font-weight: 500
}

.top-responsive-design-wrap .h2_style {
    line-height: 60px;
    padding-bottom: 10px
}

.app-develop-servi-wrap .app-serv-box-out {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white-color);
    height: 250px;
    text-align: center;
    border-radius: 18px;
    display: -ms-flexbox;
    margin-bottom: 20px
}

.app-develop-servi-wrap .app-serv-box .icon-box .icon::before {
    color: var(--white);
    font-size: 40px;
    margin-bottom: 13px;
    display: block
}

.app-develop-servi-wrap .app-serv-box p {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin: 20px 0 0
}

.app-develp-wrapper .devel-box-out {
    background-color: #f5f8fb;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    align-items: center;
    padding: 0 20px;
    border-radius: 30px;
    margin-bottom: 20px
}

.app-develp-wrapper .devel-box-out .develp-box .icon-box {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #085aa317;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 20px
}

.app-develp-wrapper .devel-box-out .develp-box h4 {
    color: var(--theme-color);
    font-size: 16px;
    font-weight: 700;
    position: relative;
    margin: 0;
    padding-bottom: 15px
}

.app-develp-wrapper .devel-box-out .develp-box h4:after {
    content: '';
    width: 115px;
    height: 1px;
    background-color: var(--theme-color);
    position: absolute;
    left: 0;
    bottom: 8px
}

.app-develp-wrapper .devel-box-out .develp-box p {
    font-size: 14px;
    font-weight: 500;
    color: #64676a;
    line-height: 26px
}

.app-develp-wrapper .devel-box-out:hover .icon-box {
    background-color: #e0eaf3
}

.industrie-serve-wrapper {
    background-color: #f5f8fb
}

.industrie-serve-wrapper .indus-box-sec {
    text-align: center;
    padding: 50px 0;
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 1px 1px 7px #7070706b
}

.industrie-serve-wrapper .indus-box-sec .icon-box {
    font-size: 60px;
    margin-bottom: 20px
}

.industrie-serve-wrapper .indus-box-sec p {
    margin: 0;
    font-size: 22px;
    font-weight: 500;
    color: #77797d
}

.magen-web-team-wrap .mage-box-out {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    height: 420px;
    align-items: center;
    padding: 0 40px;
    border-radius: 20px;
    margin-bottom: 20px;
    border: 1px solid #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.magen-web-team-wrap .mage-box-out .magent-team-box h3 {
    font-size: 27px;
    font-weight: 600;
    color: var(--white-color);
    margin: 15px 0;
    line-height: 37px
}

.magen-web-team-wrap .mage-box-out .magent-team-box p {
    font-size: 18px;
    color: #fff;
    line-height: 27px
}

.magen-web-team-wrap .mage-box-out .magent-team-box .btn-box a {
    background-color: var(--white-color);
    font-family: var(--poppins-font);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    min-height: 51px;
    line-height: 51px;
    padding: 0 10px;
    min-width: 250px;
    text-align: center;
    border: 1px solid #fff;
    color: var(--theme-color);
    text-decoration: none
}

.magen-web-team-wrap .mage-box-out .magent-team-box .btn-box a::after {
    content: '';
    position: absolute;
    left: -14px;
    bottom: -14px;
    width: 44px;
    height: 44px;
    border-bottom: 3px solid var(--white-color);
    border-left: 3px solid var(--white-color);
    transition: .8s
}

.magen-web-team-wrap .mage-box-out:hover .btn-box a {
    color: var(--white-color);
    background-color: var(--theme-color)
}

.magen-web-team-wrap .mage-box-out:hover .btn-box a::after {
    border-color: var(--theme-color)
}

.product_banner.about_banner .banner_tag {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    min-height: 45px;
    line-height: 45px;
    margin-bottom: 15px
}

.collaborator {
    position: relative;
    background-color: #085aa2;
    padding: 52px 0
}

.choose-us1,
.logistic-software {
    padding: 70px 0;
    position: relative
}

.collaborator .collaborator-name {
    display: flex;
    column-gap: 23px;
    flex-wrap: wrap;
    padding-left: 60px;
    row-gap: 23px;
    border-left: 1px solid #fff
}

.collaborator .collab-heading h2 {
    color: #fff;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize
}

.intrduction_blog input[type=submit],
footer .custom-btn {
    font-family: var(--poppins-font);
    font-size: 15px;
    min-width: 179px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    font-weight: 500
}

.collaborator .collaborator-box {
    background-color: #fff;
    border: 1px solid #eee;
    min-width: 247px;
    min-height: 78px;
    text-align: center;
    line-height: 78px;
    flex: 0 0 18%
}

.choose-us .choose-outer {
    padding: 30px 0
}

.choose-us .choose-tab {
    padding: 28px 60px;
    border-radius: 5px;
    background: var(--FFFFFF, #fff);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.choose-content .tab-pane img {
    max-width: 970px;
    width: 100%
}

.choose-us .choose-tab ul {
    display: block;
    margin-top: 33px
}

.choose-us .choose-tab ul li button.active,
.choose-us .choose-tab ul li button:hover {
    color: #fff;
    background-color: #085aa3
}

.choose-us .choose-tab ul li button {
    border: none;
    padding: 16px 28px;
    width: 100%;
    color: #222;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
    display: flex;
    column-gap: 26px;
    align-items: center
}

.choose-us .choose-tab ul li button span {
    color: #085aa3;
    font-size: 33px
}

footer .custom-btn {
    display: inline-block;
    min-height: 51px;
    line-height: 51px;
    padding: 0 10px;
    border: 1px solid #fff;
    color: var(--white-color);
    margin: 0 0 0 15px
}

.comming-soon .section-title img {
    filter: brightness(0) invert(1);
    margin-bottom: 14px
}

.intrduction_blog .nav-links {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    flex-wrap: wrap;
    row-gap: 13px
}

.intrduction_blog .nav-links a {
    color: #f44336;
    font-weight: 500
}

.intrduction_blog p.comment-form-comment textarea {
    background: no-repeat;
    border: none;
    border-bottom: 1px solid #f44336;
    padding-left: 0;
    width: 100%;
    border-radius: 0;
    height: 58px;
    margin-top: 13px;
    outline: 0
}

.intrduction_blog label {
    width: 100%;
    margin-top: 16px;
    font-size: 16px
}

.intrduction_blog #comments h3 {
    margin-bottom: 12px;
    text-transform: capitalize;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.intrduction_blog input[type=email],
.intrduction_blog input[type=text],
.intrduction_blog input[type=url] {
    display: inline-block;
    background: no-repeat;
    border: none;
    border-bottom: 1px solid #f44336;
    padding-left: 0;
    width: 100%;
    outline: 0;
    border-radius: 0;
    margin-top: 10px;
    min-height: 44px;
    line-height: 44px
}

.intrduction_blog p.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin: 18px 0
}

.intrduction_blog input[type=submit] {
    border: none;
    display: inline-block;
    min-height: 51px;
    line-height: 51px;
    padding: 0 10px;
    color: var(--white-color)
}

.intrduction_blog .nav-links a span.nav-subtitle {
    font-weight: 700;
    font-size: 18px;
    color: #222;
    padding-right: 3px
}

.intrduction_blog #comments {
    padding: 50px;
    box-shadow: 0 0 8px #ddd;
    border-radius: 10px;
    margin: 25px 0 50px
}

.webdesign-banner.logistic-banner .webdesign-img img { width: 100% }
.shopify-advancefeature.feature-logistic .feature-text h4 { -webkit-text-fill-color: #222 }
.shopify-advancefeature.feature-logistic .feature-box { background-color: transparent; padding: 0; margin-bottom: 25px }

.shopify-advancefeature.feature-logistic .feature-text p {
    -webkit-line-clamp: inherit;
    -webkit-box-orient: inherit;
    overflow: auto;
    font-size: 16px;
    text-align: justify
}

.logistic-software h2,
section.ranking .ranking-boxOuter.ranked {
    padding-bottom: 30px
}

.logistic-software .banner-text p {
    padding-bottom: 10px
}

.logistic-software .logistic-det {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 30px;
    row-gap: 30px
}

.logistic-software {
    background-color: #f5f5f5
}

.logistic-det .fast-delivery .increase-del {
    width: 70px;
    height: 70px;
    margin: auto;
    line-height: 70px;
    border-radius: 50%;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.logistic-det .fast-delivery p,
.medical-practice h3 {
    padding-top: 30px
}

.logistic-det .fast-delivery {
    border-radius: 5px;
    flex: 0 0 31%;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    padding: 20px;
    text-align: center
}

.choose-us1 {
    background: url("../images/choosus-bg.png") no-repeat #000;
    color: #fff;
    text-align: center
}

.choose-us1 .choose-detail h3 {
    font-size: 46px;
    font-weight: 600;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.web_portfolio_main .section-title {
    max-width: 1282px
}

.web-devlopser .getouch-modal,
.woocommerce-account table.shop_table tr:nth-child(odd) {
    background-color: #f1f1f1
}

.web-devlopser .web-devlopsetex {
    background-color: #222;
    color: #fff;
    height: 100%;
    display: inline-block;
    position: relative;
    width: 100%
}

.devlopsetex-inner p {
    padding-top: 20px
}

.devlopsetex-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 50px;
    width: 100%
}

.web-devlopser .getouch-modal input.theme_btn {
    margin-top: 30px;
    margin-left: 0;
    background: #000;
}

.web-devlopser .container-fluid {
    padding-right: 0;
    padding-left: 0
}

.web-devlopser .form-control,
.web-devlopser .getouch-modal .form-select {
    border-bottom: 1px solid #dbdbdb
}

.transportaion-software .tranportaion-inner {
    position: relative;
    text-align: center;
    padding: 70px 0 80px
}

.tranportaion-inner .tranportai-btn,
.transportaion-software .tranportaion-inner p {
    padding-top: 38px
}

.whworkwebzia {
    position: relative;
    padding: 70px 0;
    background: #000;
    color: #fff
}

.whworkwebzia .whworkwebzia-img {
    position: relative;
    text-align: right;
    padding: 30px 30px 0 0
}

.whworkwebzia .whworkwebzia-img::after {
    position: absolute;
    right: 0;
    top: 0;
    background: 0 0;
    content: "";
    width: 514px;
    height: 605px;
    z-index: 1;
    border: 1px solid
}

.corebenefit-box .corebenefit-boxinner,
.whworkweb-text .commu-traicon .commu-trimg {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    text-align: center
}

.page-id-328 .whworkweb-text .commu-trans,
.whworkweb-text .commu-trans {
    padding-top: 35px
}

.whworkweb-text .commu-traicon {
    display: flex;
    align-items: center;
    column-gap: 20px
}

.whworkweb-text .commu-traicon .commu-trimg {
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    border-radius: 5px;
    display: inline-block;
}

.whworkweb-text .commu-trans p {
    padding-top: 14px
}

.intrduction_blog {
    padding: 50px 0 70px
}

.intrduction_blog h2 {
    font-size: 32px
}

.single-post-sidebar .is-form-style input.is-search-submit {
    border-radius: 0!important
}

.intrduction_blog .blog-categories ul li a {
    color: #000;
    font-size: 17px;
    font-weight: 600;
    transition: .4s
}

.intrduction_blog .blog-categories ul {
    list-style: none
}

.intrduction_blog .blog-categories ul li {
    position: relative;
    list-style: none
}

.intrduction_blog .blog-categories ul li::after {
    position: absolute;
    content: "";
    left: -25px;
    background: url("../images/blog-afte.png") 0 0/contain no-repeat;
    width: 13px;
    height: 13px;
    top: 6px;
    filter: brightness(.1);
    transform: rotate(180deg)
}

.intrduction_blog .blog-categories ul li:hover::after,
.page-template-web-development-company-in-india .package-section .top-heading img {
    filter: inherit
}

.realestate-customimg {
    position: relative;
    width: 100%;
    max-width: 844px;
    min-height: 547px;
    margin: 0 0 0 auto
}

.realestate-custombox {
    background-color: #fff;
    text-align: center;
    min-width: 322px;
    height: 262px;
    display: inline-block;
    padding: 51px 0
}

.realestate-custombox .realestate-innbox {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    margin: auto auto 22px;
    fill: #FEF9F9;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.realestate-custombox:first-child {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.realestate-custombox:nth-child(2) {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.realestate-custombox:nth-child(3) {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.realestate-custombox:nth-child(4) {
    position: absolute;
    bottom: 0;
    left: 12%;
    transform: translate(50%, 0)
}

.corebenefit-img {
    position: relative;
    max-width: 730px;
    width: 100%;
    min-height: 770px;
    margin: 0 0 0 auto
}

.corebenefit-box .corebenefit-boxinner {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    margin: auto auto 12px
}

.corebenefit-img .corebenefit-box {
    background: url("../images/core-benefitimg.webp") 0 0/cover no-repeat;
    min-width: 311px;
    height: 288px;
    padding: 60px 72px;
    text-align: center;
    margin: auto
}

.corebenefit-img .corebenefit-box::before {
    position: absolute;
    top: -4%;
    content: "";
    left: 50%;
    background: url("../images/core-benefitshape.webp") no-repeat;
    width: 110px;
    height: 23px;
    transform: translate(-50%, 0)
}

.corebenefit-box .corebenefit-img {
    position: relative;
    max-width: 600px;
    width: 100%;
    margin: 0 0 0 auto
}

.corebenefit-img .corebenefit-box:first-child {
    position: absolute;
    left: 0;
    top: 33%;
    transform: translate(0, -30%)
}

.corebenefit-img .corebenefit-box:nth-child(2) {
    position: absolute;
    left: 28%;
    top: 0
}

.corebenefit-img .corebenefit-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 33%;
    transform: translate(0, -30%)
}

.corebenefit-img .corebenefit-box:nth-child(4) {
    position: absolute;
    left: 28%;
    bottom: 20%;
    transform: translate(0, 0)
}

.corebenefit-img .corebenefit-box:nth-child(5) {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(0, 0)
}

.corebenefit-img .corebenefit-box:nth-child(6) {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0, 0)
}

.education-challenge {
    position: relative;
    padding-top: 70px
}

.edu-challtab .nav-link {
    text-align: left;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    padding: 0;
    margin-top: 33px;
    color: #222
}

.edu-challtab .nav-link.active {
    text-transform: capitalize;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.edu-challtab #v-pills-tab,
.edu-challtab #v-pills-tabContent {
    flex: 0 0 48%
}

.edu-challtab button.nav-link span {
    width: 219px!important;
    height: 1px;
    display: inline-block;
    margin: 10px 7px 7px 10px
}

.edu-challtab .challenge-face .challenge-title {
    display: flex;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 17px
}

.challenge-title .challlenge-icon {
    background-color: #f5f5f5;
    min-width: 77px;
    min-height: 79px;
    display: inline-block;
    text-align: center;
    line-height: 79px
}

.medical-practice,
.proecss-dev .precss-step {
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25)
}

.precss-box .precss-icon,
section.Business .Business-Outer .Business-icon,
section.Invest-seo .InvestBox .Invest-icon,
section.custom-domain .domainBox.slick-slide.slick-current.slick-active .domain-contant h3,
section.custom-domain .domainBox.slick-slide.slick-current.slick-active .domain-icon,
section.custom-domain .domainBox.slick-slide.slick-current.slick-active::after,
section.customized .customized-contant .customized-list ul li span,
section.does-business .does-business-contant h2 span,
section.ranking .ranking-boxOuter .ranking-icon {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))
}

.edu-challtab .challenge-face {
    margin-bottom: 50px
}

.medical-practice {
    padding: 30px;
    border-radius: 8px
}

.ourapps-outer.ecommerce-platform h2 {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px
}

.ourapps-outer.ecommerce-platform .appimg {
    width: auto;
    height: auto;
    background: 0 0;
    border-radius: 0;
    min-width: auto
}

.ourapps-outer.ecommerce-platform .theme_btn {
    background: #222
}

.ourapps-outer.ecommerce-platform .appimg img {
    max-height: 70px;
    object-fit: contain
}

.health-process {
    position: relative;
    padding-top: 80px
}

.health-process .hprocess-step {
    display: flex;
    align-items: start;
    column-gap: 15px;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap
}

.hprocess-step .process-detail::after {
    position: absolute;
    right: -130px;
    top: 60px;
    content: "";
    background: url("../images/step-shape.webp") 0 0/contain no-repeat;
    width: 147px;
    height: 30px
}

.hprocess-step .process-detail p {
    width: 180px;
    margin-top: 18px;
    line-height: 25px
}

.process-detail img {
    max-width: 80px;
    width: 100%;
    height: 80px;
    object-fit: contain
}

.proecss-dev {
    position: relative;
    padding-top: 50px
}

.proecss-dev .precss-step {
    padding: 22px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.precss-step .precss-box {
    display: flex;
    column-gap: 17px;
    margin-bottom: 30px;
    align-items: center
}

.precss-box .precss-icon {
    min-width: 60px;
    display: inline-block;
    min-height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px
}

.precss-detailinner {
    position: relative;
    min-height: 492px
}

.precss-detailinner .precss-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 81%;
    margin-top: 90px
}

.precss-detailinner .precss-detioutimg {
    position: absolute;
    bottom: 108px;
    width: 100%;
    max-width: 100%
}

.overlay section:before,
.precss-detailinner .precss-detaioueter {
    bottom: 0;
    width: 100%;
    position: absolute
}

.precss-detailinner .precss-detioutimg::after {
    position: absolute;
    top: -130px;
    right: -9px;
    content: "";
    background: url("../images/rocket-shape.png") no-repeat;
    width: 50px;
    height: 115px
}

.precss-detailinner .precss-details .faces-steps {
    text-align: center;
    width: 218px;
    border-radius: 5px;
    border: 1px solid #ffd6d4;
    background: var(--FEF8FA, #fef8fa);
    min-height: 78px;
    line-height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px
}

section.Business .Business-Outer .Business-icon,
section.Invest-seo .InvestBox .Invest-icon,
section.ranking .ranking-boxOuter .ranking-icon {
    border-radius: 50px
}

.headermenu-box {
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%))!important;
    border-radius: 10px!important;
    color: #fff!important;
    font-size: 4rem!important;
    padding: 2rem!important
}

.bottom_header ul.mega-sub-menu .nav-link {
    padding: 8px 22px
}

.headermenu-box h2 {
    font-size: 26px;
    color: #fff
}

.comming-soon {
    width: 100%;
    height: 500px;
    position: relative;
    background: #fef8fa
}

.comingsoon-inner p {
    padding-top: 10px;
    font-size: 20px;
    padding-bottom: 24px
}

.comming-soon .comingsoon-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%)
}

.overlay section:before {
    content: '';
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    opacity: .6;
    z-index: 9;
    height: 100%
}

.ur-frontend-form .ur-form-row .ur-form-grid input {
    border-style: none!important
}

.mega-menu-megamenu:hover ul.mega-sub-menu {
    opacity: 1!important;
    visibility: visible!important
}

[data-status=failed] .wpcf7-response-output {
    color: red
}

section.Service-helps .row,
section.customized .row,
section.excellence .row,
section.ranking .row {
    align-items: center
}

section.ranking .top-ranking h2 {
    max-width: 1163px;
    margin: 0 auto;
    line-height: 60px
}

section.ranking .top-ranking p {
    max-width: 1284px;
    margin: 0 auto;
    padding: 20px 0 40px
}

section.ranking .ranking-boxOuter {
    display: flex;
    align-items: center;
    column-gap: 24px
}

td.product-remove a {
    line-height: 25px!important;
    font-size: 24px!important
}

section.ranking .ranking-boxOuter .ranking-icon {
    min-width: 44px;
    min-height: 44px;
    display: inline-block;
    text-align: center;
    line-height: 44px
}

section.ranking .ranking-box h2 {
    font-size: 28px;
    line-height: 38px;
    padding-bottom: 30px
}

section.ranking .ranking-box {
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25);
    padding: 30px
}

section.our-services.seo-service .our-services-box .our-services-text {
    min-height: auto;
    padding-bottom: 20px
}

section.Invest-seo {
    padding-bottom: 70px
}

section.Invest-seo .top-Invest h2 {
    line-height: 46px
}

section.Invest-seo .top-Invest p {
    max-width: 1071px;
    margin: 0 auto;
    padding: 30px 0 80px
}

section.Invest-seo .InvestBox {
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 30px;
    background-color: #fff
}

section.Invest-seo .InvestBox .Invest-contant h3 {
    padding: 40px 0 20px;
    min-height: 132px
}

section.Invest-seo .InvestBox .Invest-icon {
    min-width: 70px;
    min-height: 70px;
    display: inline-block;
    line-height: 70px
}

section.Business .top-Business h1 {
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 28px;
    line-height: 55px;
}

section.Business .Business-Outer {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-bottom: 25px
}

section.Business .Business-Outer .Business-icon {
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    line-height: 30px
}

section.Business .Business-Outer .Business-icon img {
    width: 15px
}

section.Business {
    padding: 110px 0 70px;
    background-color: #fefaf9
}

section.Business .top-Business .Business-btn a.theme_btn {
    min-width: 497px;
    min-height: 51px;
    line-height: 51px;
    margin-top: 25px
}

.domain-tab-Outer,
.woocommerce-view-order.user-logged-in .woocommerce-customer-details address {
    padding: 20px
}

section.custom-domain .domain-tab-Outer {
    display: flex;
    column-gap: 20px;
    align-items: start;
    padding-left: 30px
}

section.custom-domain .domain-tab-Outer .domain-contant p {
    color: #000;
    max-width: 674px;
    padding-top: 10px
}

section.custom-domain ul#myTab {
    border-bottom: none;
    row-gap: 12px
}

section.custom-domain ul#myTab li button {
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 5px
}

button.slick-next.slick-arrow,
section.custom-domain button.slick-prev.slick-arrow {
    border: none;
    background: 0 0;
    font-size: 0px;
    width: 100%
}

section.custom-domain .domainBox.slick-slide.slick-active::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 8px;
    height: 130px;
    background: #a9a9a9;
    opacity: .2
}

section.custom-domain .domainBox.slick-slide.slick-current.slick-active::after {
    opacity: 1
}

section.custom-domain .domainBox.slick-slide.slick-active .domain-icon {
    border-radius: 10px;
    background: #e7e7e7;
    min-width: 60px;
    min-height: 60px;
    line-height: 60px;
    text-align: center
}

.page-template-web-development-company-in-india section.Per-details .Per-details-Outer .per-icon img,
section.custom-domain .domainBox.slick-slide.slick-current.slick-active .domain-icon img {
    filter: invert(1)
}

section.custom-domain .domainBox.slick-slide.slick-current.slick-active .domain-icon {
    border-radius: 10px
}

section.custom-domain .domainBox.slick-slide.slick-active .domain-contant h3 {
    font-size: 22px;
    line-height: 27px
}

section.custom-domain .domainBox.slick-slide.slick-current.slick-active .domain-contant h3 {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 27px
}

section.custom-domain .tab-image img { border-radius: 10px !important; height: 100% !important; margin: 0 0 0 auto; width: 100% !important;  }
section.customized .customized-contant { padding-left: 97px }

section.customized .customized-contant h2 {
    max-width: 680px
}

section.customized .customized-contant p {
    padding: 20px 0 48px
}

section.customized .customized-contant .customized-list ul li {
    display: flex;
    column-gap: 30px;
    align-items: center
}

section.customized .customized-contant .customized-list ul li p {
    padding: 0;
    font-size: 18px;
    max-width: 580px;
    line-height: 32px
}

section.customized .customized-contant .customized-list ul li span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px
}

.customized-list {
    padding: 0!important
}

section.does-business .does-business-image img {
    border-radius: 35px
}

section.does-business .does-business-contant h2 span {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins;
    letter-spacing: .46px
}

section.does-business .does-business-contant p {
    font-size: 18px;
    line-height: 1.7em;
    padding: 20px 0 50px
}

section.does-business .does-business-Outer {
    display: flex;
    justify-content: space-between;
    column-gap: 15px
}

section.does-business .does-business-Outer .does-business-left h4 {
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: var(--text-border);
    background: 0 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    font-size: 60px;
    line-height: 70px
}

section.does-business .does-business-Outer .does-business-left h5 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    padding: 30px 0 20px
}

section.does-business .does-business-Outer .does-business-left p {
    padding: 0;
    max-width: 471px
}

section.does-business .does-business-Outer.does-inner {
    padding-bottom: 50px
}

.woocommerce-checkout .select2-selection--single,
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=text] {
    border: none;
    border-bottom: 1px solid #919191;
    font-size: 16px;
    min-height: 40px;
    max-height: 40px;
    border-radius: 0
}

.woocommerce-page.woocommerce-lost-password section.single_section {
    padding: 70px 0 30px!important
}

textarea {
    border: none;
    border-bottom: 1px solid #919191;
    min-height: 100px
}

.woocommerce-checkout #order_review_heading {
    margin-top: 30px;
    margin-bottom: 20px
}

.woocommerce-checkout form span.select2-selection.select2-selection--single {
    border: none;
    border-bottom: 1px solid #919191;
    font-size: 16px;
    min-height: 40px;
    max-height: 40px;
    border-radius: 0;
    margin-top: 13px
}

.woocommerce-checkout .wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    align-items: normal!important
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 15px
}

.woocommerce-checkout .woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 20px
}

.woocommerce-checkout #add_payment_method #payment div.form-row,
.woocommerce-checkout .woocommerce-cart #payment div.form-row,
.woocommerce-checkout .woocommerce-checkout #payment div.form-row {
    padding: 1em;
    background-color: #fff
}

.woocommerce-checkout #add_payment_method #payment div.payment_box::before,
.woocommerce-checkout .woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #fff
}

.woocommerce-checkout #payment {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #fff
}

.woocommerce-checkout #payment form .form-row {
    padding: 3px;
    margin: 0 0 6px
}

.woocommerce-checkout .woocommerce .col2-set .col-2,
.woocommerce-checkout .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 100%!important
}

.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%!important
}

.woocommerce-checkout .woocommerce {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    border-radius: 10px;
    padding: 50px;
    box-shadow: 0 0 10px #ddd
}

.page-template-web-development-company-in-india .package-section .packages-heading .price-de span,
.woocommerce-checkout #add_payment_method #payment,
.woocommerce-checkout .woocommerce-cart #payment,
.woocommerce-checkout .woocommerce-checkout #payment {
    background: #fff
}

.woocommerce-checkout h2 {
    font-size: 26px!important;
    padding-bottom: 12px!important
}

.woocommerce-checkout .woocommerce ul.order_details {
    display: flex;
    padding-top: 23px;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0!important;
    padding-bottom: 20px
}

section.end-magento .magneto-contant .top-heading {
    justify-content: left
}

section.end-magento .row.end-mage {
    align-items: end
}

section.end-magento .Magento-text {
    max-width: 747px
}

section.end-magento .megno-Box {
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 22px 0 rgba(183, 173, 173, .25);
    padding: 20px;
    display: inline-block;
    height: 100%
}

section.end-magento .megno-Box .magno-icon {
    background-color: #fcecec;
    min-width: 70px;
    min-height: 70px;
    text-align: center;
    display: inline-block;
    line-height: 70px;
    border-radius: 10px
}

section.end-magento .megno-Box h3 {
    font-size: 22px;
    line-height: 22px;
    padding: 32px 0 20px
}

section.end-magento .megno-Box p {
    min-height: 174px
}

section.end-magento .row.box-megno {
    row-gap: 30px;
    padding-top: 70px
}

.frontend-our-process.eccomec-frontend-our-process,
section.excellence {
    padding-top: 70px
}

section.excellence .excellence-image img {
    border-radius: 20px
}

section.Per-details .Per-details-contant p,
section.excellence .excellence-contant p {
    padding: 30px 0 50px
}

header.header-two ul#custom-menu a.nav-link {
    line-height: 41px!important;
    font-size: 12px;
    color: #fff;
    padding: 0
}

header.header-two .theme_btn::after {
    left: -10px;
    bottom: -10px;
    width: 34px;
    height: 34px;
    display: none
}

header.header-two .theme_btn {
    min-height: 41px!important;
    line-height: 41px!important
}

section.Solution-Platforms {
    background: url(/wp-content/themes/webzia-infotech/images/india-bg.png) no-repeat!important;
    padding: 0 0 80px
}

section.Solution-Platforms .webdesign-img img {
    max-width: 630px;
    width: 100%
}

section.Solution-Platforms .webdesign-text p {
    max-width: 678px;
    font-size: 24px;
    line-height: 40px;
    color: #444
}

section.Development-Services a.theme_btn,
section.Solution-Platforms a.theme_btn {
    background: #000;
    min-width: 200px
}

section.Solution-Platforms a.theme_btn span.whats-icon img {
    position: relative;
    left: -10px;
    top: -1px
}

.webdesign-banner.webddev-banner .landform-chd-form .theme_btn::after,
section.Brands-choose .Brands-choose-contant .brands-button a.theme_btn::after,
section.Development-Services a.theme_btn::after,
section.Service-helps .Service-helps-contant .service-help-btn a.theme_btn::after,
section.Solution-Platforms .theme_btn::after,
section.achieve .achieve-Box a.theme_btn::after,
section.advantage .advantage-btn a.theme_btn::after {
    border-bottom: 3px solid #000;
    border-left: 3px solid #000
}

section.Solution-Platforms .webdesign-text a.theme_btn.active {
    margin-right: 0
}

section.Development-Services .good-company {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .25);
    padding: 30px;
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
    transform: translate(0, -85px);
    position: absolute;
    z-index: 11;
    width: 100%
}

section.Development-Services::after {
    position: absolute;
    content: "";
    top: -40px;
    width: 100%;
    height: 100%;
    background: url(/wp-content/themes/webzia-infotech/images/Development-bg.png) no-repeat
}

section.Development-Services .good-company span {
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-transform: capitalize;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 30px;
    display: inline-block
}

section.Development-Services .row.devlop {
    position: relative;
    z-index: 1;
    align-items: center;
    padding-top: 194px;
    padding-bottom: 50px
}

section.Development-Services .good-company .good-Outer img {
    width: 100%;
    max-width: 200px;
    height: 46px;
    object-fit: contain;
    margin: auto
}

section.Development-Services .Develop-contant p,
section.advantage .time-line-Outer .time-line-contant h3 {
    padding: 20px 0
}

section.Development-Services .Develop-image::after {
    position: absolute;
    content: "";
    top: -35px;
    left: 37px;
    background: url(/wp-content/themes/webzia-infotech/images/devlop-svg.svg) no-repeat;
    width: 109px;
    height: 113px
}

section.Development-Services .Develop-image::before {
    position: absolute;
    content: "";
    top: -80px;
    right: 130px;
    width: 523px;
    height: 603px;
    background: url(/wp-content/themes/webzia-infotech/images/devlop-png.png) 0 0/contain no-repeat
}

section.achieve {
    padding: 80px 0;
    background-color: #f9fafb
}

section.achieve .top-achieve h2 {
    max-width: 898px;
    margin: 0 auto
}

section.achieve .top-achieve p {
    max-width: 1258px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 40px;
    padding: 20px 0 60px
}

section.achieve .achieve-Box {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    text-align: center;
    padding: 30px
}

section.achieve .achieve-Box .achieve-icon {
    border-radius: 5px;
    min-width: 80px;
    min-height: 80px;
    line-height: 80px;
    display: inline-block
}

section.achieve .achieve-Box h3 {
    padding: 20px 0;
    min-height: 112px
}

section.achieve .achieve-Box p {
    min-height: 116px
}

section.achieve .achieve-Box a.theme_btn {
    min-width: 200px;
    background: #000;
    margin-top: 20px
}

section.advantage {
    padding: 70px 0;
    background-color: #f9fafb
}

section.advantage .time-line-Outer {
    display: flex;
    position: relative;
    text-align: center;
    justify-content: space-between;
    padding: 0 0 80px;
    margin-top: 80px;
    column-gap: 15px
}

section.advantage .time-line-Outer::before {
    content: '';
    position: absolute;
    left: 160px;
    top: 25px;
    height: 2px;
    background-color: #e2c9c8;
    margin-left: -8px;
    transition: width .8s ease-in-out;
    width: 80%
}

section.advantage .advantage-contant h2 {
    max-width: 808px
}

section.advantage .time-line-Outer .time-line-contant h5 {
    font-size: 70px;
    color: #f6e2e1;
    font-weight: 600;
    line-height: 50px;
    position: relative
}

section.advantage .time-line-Outer .time-line-contant p {
    max-width: 289px
}

section.advantage .advantage-btn {
    text-align: center;
    padding-bottom: 15px
}

section.advantage .time-line-Outer .time-line-contant h5::after {
    position: absolute;
    content: "";
    top: 50%;
    min-width: 20px;
    min-height: 20px;
    -webkit-text-fill-color: transparent;
    border-radius: 50px;
    left: 50%;
    transform: translate(-50%, -50%)
}

section.Service-helps .Service-helps-contant .Service-helps-Outer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

section.Service-helps .Service-helps-contant h2 {
    max-width: 726px;
    padding-bottom: 38px
}

section.Service-helps .Service-helps-contant .Service-helps-Outer .Service-help-Visibility h3 {
    font-size: 30px;
    max-width: 326px
}

section.Service-helps .Service-helps-contant .Service-helps-Outer .Service-help-Visibility p {
    max-width: 336px;
    padding-top: 20px
}

section.Service-helps .Service-helps-contant .Service-helps-Outer.service-helps {
    padding-top: 43px
}

section.Service-helps .Service-helps-contant .service-help-btn a.theme_btn {
    background: #000;
    margin-top: 64px
}

section.Brands-choose {
    background: url(/wp-content/themes/webzia-infotech/images/Brand-image.png) left no-repeat;
    position: relative;
    padding-bottom: 80px
}

section.Brands-choose::after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    left: 0;
    background: linear-gradient(270deg, #fff 43.33%, rgba(255, 255, 255, 0) 65.04%);
    height: 100%
}

section.Brands-choose .Brands-choose-contant {
    position: relative;
    z-index: 1;
    max-width: 772px;
    float: right;
    padding-top: 98px
}

section.Brands-choose .Brands-choose-contant p {
    max-width: 802px;
    padding: 22px 0 30px
}

section.Brands-choose .Brands-choose-contant .Brands-listing ul li {
    padding-bottom: 15px
}

section.Brands-choose .Brands-choose-contant .Brands-listing ul li span.Brands-icon img {
    padding-right: 14px
}

section.Brands-choose .Brands-choose-contant .brands-button a.theme_btn {
    background: #000;
    margin-top: 37px
}

section.Brands-choose .Brands-choose-contant .Brands-listing p {
    padding: 7px 0 0 34px
}

section.second-frequently .top-frequently {
    padding-bottom: 41px;
    text-align: center
}

.store-setup-process,
section.second-frequently {
    padding: 70px 0 40px
}

section.second-frequently .accordion-button:focus {
    box-shadow: none;
    border-color: #d9d9d9
}

section.second-frequently .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent
}

section.second-frequently .accordion-item .accordion-button {
    padding: 22px 0 22px 55px;
    border-radius: 5px
}

.landing-pagefaq .webaccord-data {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

section.second-frequently .accordion-item {
    margin-bottom: 40px;
    border: 1px solid #d9d9d9;
    position: relative;
    width: 100%;
    border-radius: 5px
}

section.second-frequently .accordion-button::after {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    border-radius: 5px;
    border: .3px solid #000;
    content: '+';
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    background-image: none;
    box-shadow: 1px 1px 0 0
}

.user-logged-in .woocommerce-account .woocommerce-MyAccount-content form,
.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method {
    box-shadow: none;
    padding: 0
}

section.second-frequently .accordion-button:not(.collapsed)::after,
section.second-frequently button.active::after {
    transform: none;
    content: '-'!important;
    border-radius: 5px;
    border: .3px solid #000;
    color: #fff
}

section.second-frequently .accordion-item.active::after {
    position: absolute;
    content: "";
    height: 100%;
    background: #222;
    width: 100%;
    top: 10px;
    z-index: -1;
    left: 10px;
    border-radius: 9px
}

section.second-frequently .accordion {
    --bs-accordion-border-width: none
}

section.second-frequently .accordion-item .accordion-button h3 {
    font-size: 16px;
    line-height: 20px
}

section.second-frequently .accordion-body {
    padding: 0 0 37px 80px
}

section.second-frequently .accordion-body strong p {
    color: #585858;
    font-size: 16px;
    font-weight: 400;
    max-width: 567px
}

.landing-pagefaq {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px
}

.landing-pagefaq .accordion-outer {
    flex: 0 0 48%;
    border: 1px solid #dee2e6
}

.landing-pagefaq .accordion-outer button {
    position: relative;
    width: 100%;
    text-align: left;
    padding: 22px 0 22px 80px;
    background-color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 24px;
    border: none
}

.accordion-outer button::after {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    border-radius: 5px;
    border: .3px solid #000;
    content: '+';
    font-size: 30px;
    text-align: center;
    top: 19px;
    line-height: 30px;
    background-image: none;
    box-shadow: 1px 1px 0 0
}

section.Per-details .Per-details-contant {
    position: relative;
    z-index: 1;
    color: #fff;
    padding: 60px 60px 60px 0
}

section.Per-details .Per-details-Outer {
    display: flex;
    align-items: center;
    column-gap: 35px
}

section.Per-details .Per-details-Outer .per-icon span {
    font-size: 16px;
    background-color: #fff;
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    color: #000
}

section.Per-details .Per-details-Outer.detailse {
    padding: 29px 0 19px
}

section.Per-details .Per-details-Outer .per-text a {
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

section.Per-details .Per-details-Outer.deli {
    align-items: start
}

section.Per-details .Per-details-contant .Per-detail ul {
    display: flex;
    align-items: center;
    column-gap: 12px
}

section.Per-details .Per-details-contant .Per-detail ul li a {
    border: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
    min-width: 35px;
    min-height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50px;
    margin-top: 70px
}

section.Per-details::after {
    position: absolute;
    width: 796px;
    height: 100%;
    background: linear-gradient(92deg, #d61c5b -30.86%, #d72158 -.47%, #db2e4f 33.81%, #e14540 69.89%, #e34b3c 78.14%, #e5513a 92.26%, #e96433 111.93%, #ee762d 126.91%);
    content: "";
    top: 0
}

section.Per-details::before {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #f9fafb;
    top: 0;
    right: 0;
    height: 100%
}

section.Per-details .Per-details-contact {
    padding: 60px 0 0 50px;
    position: relative;
    z-index: 11
}

section.Per-details .Per-details-contact .form-control {
    border: 1px solid #e0e0e0;
    margin-top: 20px
}

section.Per-details .Per-details-contact .form-row.row {
    row-gap: 20px
}

section.Renew-feature .feature-box-outer {
    height: 100%;
    display: inline-block;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 40px 0 rgba(140, 140, 140, .25);
    padding: 126px 40px 10px
}

.shopify-advancefeature .feature-box {
    display: block!important
}

section.Renew-feature .feature-box-outer .renewBox {
    border-radius: 50%;
    padding: 4px;
    height: 212px;
    width: 212px;
    margin: -240px auto auto
}

section.Renew-feature .row.renews {
    row-gap: 166px
}

section.Renew-feature .feature-box-outer .feature-text h4 {
    max-width: 421px;
    font-size: 20px;
    line-height: 45px;
    margin: 0 auto;
    padding-bottom: 11px;
    position: relative;
    min-height: 60px;
    padding-top: 30px
}

section.Renew-feature .feature-box-outer .feature-text h4::after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 180px;
    border-bottom: 3px solid var(--ssss, #d61c5b);
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px
}

section.Renew-feature .feature-box-outer .feature-text p {
    padding-top: 15px;
    font-size: 14px;
    color: #585858;
    text-align: center;
    line-height: 28px;
    min-height: 155px
}

.packages-heading small,
.start-package small {
    width: 100%;
    display: block;
    color: #000
}

.desktop-menu .free-btn .btn-primary {
    margin-left: 10px
}

.page-template-web-development-company-in-india section.Solution-Platforms .webdesign-text p {
    max-width: 671px;
    font-size: 19px;
    line-height: 34px
}

.page-template-web-development-company-in-india h1 {
    font-size: 46px;
    line-height: 60px
}

.page-template-web-development-company-in-india h2,
.user-logged-out section.single_section h2 {
    font-size: 30px
}

.page-template-web-development-company-in-india section.Solution-Platforms .webdesign-img img {
    max-width: 500px
}

.page-template-web-development-company-in-india section.achieve .top-achieve p {
    font-size: 20px;
    line-height: 30px
}

.page-template-web-development-company-in-india section.Per-details {
    background: linear-gradient(90deg, #f6e2e1 42%, #f9fafb 42%)
}

.edge-chd-tab button,
body.home .our-packapge {
    background-color: #e9edf1
}

.page-template-web-development-company-in-india section.Service-helps .Service-helps-contant .Service-helps-Outer .Service-help-Visibility h3 {
    font-size: 26px
}

.page-template-web-development-company-in-india .container {
    max-width: 1440px;
    overflow: hidden
}

.page-template-web-development-company-in-india section.Per-details .Per-details-Outer .per-icon span {
    background-color: #000;
    color: #fff
}

.page-template-web-development-company-in-india section.Per-details .Per-details-contant .Per-detail ul li a {
    border: 2px solid #000;
    color: #000;
    font-size: 18px;
    min-width: 37px;
    min-height: 35px
}

.page-template-web-development-company-in-india .package-section {
    background: #e9edf1;
    color: #000
}

.page-template-web-development-company-in-india .package-section .section-title h2 {
    font-size: 35px;
    text-transform: capitalize;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page-template-web-development-company-in-india .package-section .packages_col {
    padding: 0 0 160px
}

.page-template-web-development-company-in-india .package-section .packages-heading {
    padding-top: 28px;
    padding-bottom: 28px;
    border-radius: 20px 20px 0 0
}

.page-template-web-development-company-in-india .packages_content {
    padding: 36px 28px 0
}

.page-template-web-development-company-in-india .package-section .packages-heading h3 {
    color: #fff;
    font-size: 23px
}

.page-template-web-development-company-in-india .package-section .packages-heading p {
    color: #fff;
    font-size: 14px
}

.page-template-web-development-company-in-india .newsletter .sub_btn {
    max-width: 180px!important
}

body.home .our-packapge .startpack-outer p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    color: #000;
    padding: 30px 20px 0
}

body.home .our-packapge .package_button {
    display: block;
    position: relative;
    bottom: 0;
    margin-top: 18px
}

body.home .our-packapge .startpack-outer .price-de {
    min-height: 33px;
    position: relative
}

body.home .our-packapge .start-package {
    padding: 28px 20px;
    border-radius: 14px 16px 0 0
}

.our-packapge .start-package small,
body.home .our-packapge .packages-heading small {
    color: #fff;
    margin-top: 10px
}

body.home .our-packapge .col-xxl-3:nth-child(odd) {
    padding-top: 30px;
    padding-bottom: 30px
}

.error-404 {
    text-align: center;
    color: #fff;
    padding: 100px 0;
    background: #404041;
    border-radius: 20px 20px 0 0
}

.discount-headline,
.woocommerce-account table.shop_table th {
    background: #000;
    color: #fff
}

#customer_login .woocommerce-form-register.register,
#customer_login form.woocommerce-form.woocommerce-form-login.login,
body.home .our-packapge .price-de span {
    background-color: #fff!important
}

.subscribe-popup .form-row {
    padding: 0 40px;
    margin-top: 48px;
    display: flex
}

.woocommerce-billing-fields select {
    border: none;
    border-bottom: 1px solid #f44336
}

.cart_item span.posted_in a,
.woocommerce-info a,
.woocommerce-info::before {
    color: #f44336!important
}

.cart_totals h2 {
    margin-bottom: 12px;
    font-size: 32px
}

.customize-support .wc-block-components-notice-banner.is-success a {
    text-decoration: none!important;
    font-size: 16px!important
}

.woocommerce form.login .button,
.woocommerce form.register .button {
    padding: 12px 30px!important
}

.wc-block-components-notice-banner.is-success {
    background-color: #fff!important;
    border-color: #f4fff7!important;
    box-shadow: 0 0 5px #ddd
}

.subscribe-popup {
    width: 80%
}

.subscribe-popup p.p_style {
    padding: 4px 40px
}

.discount-headline {
    position: relative;
    padding: 10px 0
}

.discount-headline p {
    animation-name: discount-headline;
    animation-duration: 4s;
    font-size: 12px
}

.discount-headinner {
    display: flex;
    column-gap: 10px;
    animation: 20s linear infinite marquee
}

.discount-headinner .disinner-text p {
    font-size: 17px;
    text-align: center
}

.discount-headinner .disinner-text {
    width: 100%;
    text-align: left
}

.newsletter .sub_btn {
    padding: 0;
    border-radius: 5px;
    border: none;
    min-height: 56px!important;
    line-height: 56px!important;
    max-width: 170px!important;
    margin: 0!important
}

.blog-featured-image.popup img {
    height: 500px;
    object-fit: cover;
    width: 100%;
    object-position: top
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a {
    min-height: 42px;
    line-height: 42px;
    display: inline-block;
    transition: .4s;
    border-radius: 0;
    color: #000;
    width: 100%;
    padding: 0 16px;
    text-transform: capitalize
}

.woocommerce-account .single_section {
    padding: 84px 38px 0!important;
    background: #f1f1f1
}

.woocommerce-account .single_section .container {
    padding: 0!important;
    width: 100%;
    max-width: 100%
}

.woocommerce-lost-password.woocommerce-account .single_section .container {
    width: auto;
    max-width: fit-content
}

#customer_login button.woocommerce-button.button.woocommerce-form-login__submit,
#customer_login form.woocommerce-form.woocommerce-form-register.register .woocommerce-form-register__submit,
form.woocommerce-ResetPassword.lost_reset_password form button.woocommerce-Button.button {
    padding: 12px 20px!important;
    font-size: 16px!important
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin-right: 38px;
    box-shadow: 0 0 4px #ddd;
    border-radius: 5px;
    padding: 24px 14px 5px;
    height: 100%;
    background-color: #fff
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:first-child {
    background-color: #000
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    box-shadow: 0 0 2px #ddd;
    margin-bottom: 10px
}

.woocommerce-account table.shop_table td,
.woocommerce-account table.shop_table th {
    padding: 10px 12px!important;
    border: none!important
}

.woocommerce-account table.shop_table {
    font-weight: 400;
    border-collapse: collapse!important;
    border: none!important;
    border-radius: 0;
    box-shadow: 0 0 2px #ddd
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 82%!important;
    background-color: #fff;
    padding: 40px 30px;
    border-radius: 5px
}

.woocommerce-account header.woocommerce-Address-title.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.woocommerce-account header.woocommerce-Address-title.title a.edit {
    color: #fff;
    min-height: 40px;
    min-width: 110px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    display: inline-block
}

.woocommerce-cart p.return-to-shop {
    text-align: center;
    padding: 15px 0
}

.woocommerce-checkout #payment div.payment_box .form-row {
    margin: 12px 0 0;
    padding: 0
}

.my-custom-order-pay .wc-stripe-elements-field,
.my-custom-order-pay .wc-stripe-iban-element-field,
.woocommerce-account #add_payment_method .wc-stripe-elements-field,
.woocommerce-account #add_payment_method .wc-stripe-iban-element-field,
.woocommerce-checkout .wc-stripe-elements-field,
.woocommerce-checkout .wc-stripe-iban-element-field {
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 18%!important;
    height: 100vh;
    display: inline-block
}

.woocommerce-account a.woocommerce-button.button {
    padding: 8px 18px!important;
    margin-right: 12px;
    font-size: 14px!important
}

.woocommerce-message {
    color: green!important
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em 2em 1em 3.5em!important;
    margin: 0 0 1em!important;
    border: none!important;
    background-color: #fff!important;
    box-shadow: 0 0 5px #ddd!important;
    border-radius: 5px!important
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content form button.woocommerce-Button {
    font-size: 16px!important;
    padding: 14px 18px!important;
    margin-top: 10px;
    font-weight: 600;
    text-transform: capitalize
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content table tbody tr td button {
    background: #ffc000!important;
    color: #000!important;
    border-radius: 50px!important;
    font-size: 14px!important;
    padding: 8px 18px!important;
    text-transform: capitalize
}

.woocommerce-payment-methods .button {
    background: #ffc000!important;
    color: #000!important;
    border-radius: 50px!important;
    font-size: 14px!important;
    padding: 8px 18px!important
}

.woocommerce-account .woocommerce-MyAccount-content form legend {
    color: #000;
    padding-top: 10px;
    font-weight: 500;
    text-transform: capitalize
}

.woocommerce-account .woocommerce-MyAccount-content form p em {
    font-size: 12px;
    line-height: 12px
}

.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row select .woocommerce-account .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    min-height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ddd
}

#btn-razorpay,
.woocommerce-account .my-custom-button-container a.my-custom-button,
button#btn-razorpay-cancel {
    background: #ffc000;
    border-radius: 50px;
    min-width: 120px;
    line-height: 40px;
    font-weight: 600;
    display: inline-block;
    min-height: 40px;
    font-size: 16px;
    color: #000
}

.woocommerce-account .woocommerce form span.select2-selection.select2-selection--single {
    height: 40px;
    padding: 5px 3px
}

.woocommerce-account .woocommerce-MyAccount-content form h3 {
    padding: 0 0 14px;
    font-size: 22px;
    border-bottom: 1px solid #ddd
}

.my-custom-order-pay #add_payment_method #payment div.payment_box,
.my-custom-order-pay #payment div.payment_box,
.my-custom-order-pay .woocommerce-account .woocommerce-cart #payment div.payment_box,
.woocommerce-account #add_payment_method #payment div.payment_box,
.woocommerce-account .woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    padding: 0;
    margin: 0;
    background-color: #fff
}

.thanks_msg {
    display: block!important;
    text-align: center!important
}

.thanks_msg .check_icon {
    margin: 0 auto 15px!important;
    width: 90px!important
}

#btn-razorpay,
button#btn-razorpay-cancel {
    text-align: center;
    border: none;
    margin-top: 7px
}

.user-logged-out section.single_section {
    background-color: #fff;
    padding: 70px 0 20px!important
}

.user-logged-out div#customer_login form {
    margin: 1rem 0!important;
    min-height: 340px
}

.user-logged-out .woocommerce .col2-set .col-1,
.user-logged-out .woocommerce-page .col2-set .col-1 {
    width: 49%
}

.user-logged-out #customer_login .woocommerce-form-register.register p {
    margin-bottom: 8px
}

form.checkout.woocommerce-checkout #customer_details .select2-search--dropdown,
form.checkout.woocommerce-checkout div#customer_details .select2-container--open .select2-dropdown--below {
    border-top: 1px solid red
}

.user-logged-out .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px
}

.my-custom-order-pay #add_payment_method #payment,
.my-custom-order-pay .woocommerce-checkout #payment,
.woocommerce-cart #payment {
    background: #fff;
    border-radius: 0
}

.my-custom-order-pay ul.wc_payment_methods.payment_methods.methods {
    background-color: #fff!important;
    padding: 22px!important;
    border: none;
    border-radius: 5px 5px 0 0
}

.my-custom-order-pay #add_payment_method #payment div.payment_box,
.my-custom-order-pay .woocommerce-cart #payment div.payment_box,
.my-custom-order-pay .woocommerce-checkout #payment div.payment_box {
    padding: 0!important;
    margin: 0!important;
    background-color: #fff!important;
    color: #515151!important
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
    width: 100%;
    padding: 0!important;
    margin: 0!important;
    background-color: #fff!important;
    color: #515151!important
}

form.woocommerce-ResetPassword.lost_reset_password {
    width: 100%;
    max-width: 570px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px
}

form.woocommerce-ResetPassword.lost_reset_password form .form-row {
    padding: 3px;
    margin: 5px 0 6px;
    width: 100%
}

.my-custom-order-pay fieldset#wc-stripe-cc-form .form-row {
    background-color: #fff;
    margin: 6px 0!important;
    padding: 0!important
}

.my-custom-order-pay #payment {
    box-shadow: 0 0 5px #ddd;
    background-color: #fff;
    border: none
}

.my-custom-order-pay .woocommerce form .form-row {
    background-color: #fff;
    margin: 0!important;
    border-radius: 0 0 5px 5px
}

#add_payment_method ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
    margin-top: 20px!important
}

.my-custom-order-pay .woocommerce-checkout #payment div.payment_box {
    padding: 0;
    margin: 0;
    font-size: .92em;
    background-color: #fff;
    color: #515151
}

.user-logged-out .single_section .container {
    width: auto;
    max-width: 1720px
}

.woocommerce-view-order.user-logged-in .woocommerce table.shop_table tbody tr {
    background-color: transparent!important
}

form.checkout.woocommerce-checkout .select2-dropdown {
    border: 1px solid #aaa!important
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .woocommerce-address-fields .button {
    font-size: 15px!important;
    margin-top: 10px;
    padding: 14px 18px!important;
    text-transform: capitalize
}

.woocommerce-view-order.user-logged-in .order-number {
    border: none;
    position: unset
}

.woocommerce-view-order.user-logged-in p.woocommerce-customer-details--email {
    padding-top: 5px
}

.woocommerce-view-order.user-logged-in h2 {
    font-size: 28px;
    margin: 16px 0
}

.woocommerce-view-order.user-logged-in .woocommerce table.shop_table tfoot th {
    background-color: transparent;
    color: #000
}

.woocommerce-view-order.user-logged-in .woocommerce table.shop_table tbody a {
    color: #000;
    font-weight: 700
}

.woocommerce-account .my-custom-button-container {
    padding: 14px 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px
}

.woocommerce-account #add_payment_method #payment ul.payment_methods {
    border-bottom: none;
    border-radius: 5px
}

.woocommerce-account .woocommerce-MyAccount-content form#add_payment_method ul.woocommerce-PaymentMethods.payment_methods.methods {
    box-shadow: 0 0 5px #ddd;
    background-color: #fff
}

.woocommerce-address-fields {
    padding: 25px 0 0
}

.woocommerce-account .woocommerce form .select2-container--default .select2-selection--single {
    border: 1px solid #ddd
}

.woocommerce-account .woocommerce-MyAccount-content form {
    padding: 40px 30px;
    box-shadow: 0 0 4px #ddd;
    border-radius: 5px
}

.woocommerce-account .u-column2.col-2.woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address {
    box-shadow: 0 0 0 #e5e4e4;
    padding: 30px 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #e5e4e4;
    width: 100%
}

textarea#order_comments {
    border: none!important;
    border-bottom: 1px solid #919191!important;
    height: 40px!important;
    min-height: 40px
}

.user-logged-in a.woocommerce-Button.wc-forward.button,
.wc-block-components-notice-banner.is-info a {
    opacity: 1;
    padding: 12px 18px!important;
    text-decoration: none;
    background-color: #ffc000;
    color: #000;
    font-weight: 700!important;
    font-size: 18px!important;
    border-radius: 40px;
    text-transform: capitalize
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 5px
}

.woocommerce .button {
    padding: 12px 30px!important;
    text-transform: capitalize!important
}

.woocommerce form .password-input input[type=password],
.woocommerce-page form .password-input input[type=password] {
    padding-right: 2.5rem;
    border: none;
    border-bottom: 1px solid #f44336;
    font-size: 16px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 0
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: #ffc000!important
}

.wc-block-components-notice-banner.is-info {
    background-color: #fff!important;
    border-color: transparent!important;
    align-items: center;
    box-shadow: 0 0 5px #ddd!important
}

.woocommerce-account .addresses .title .edit {
    float: right;
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff
}

.login_form_sec .login_form form.woocommerce-form {
    width: 100%!important;
    max-width: 450px!important
}

.login_form_sec .login_form form.login button[type=submit] {
    margin-top: 40px;
    margin-inline: auto;
    width: 100%
}

.login_form_sec .login_form form.woocommerce-form a.register_btn {
    font-size: 15px;
    font-weight: 500!important;
    border: none!important;
    position: relative;
    text-align: center;
    text-transform: uppercase!important;
    border-radius: 0!important;
    min-height: 50px;
    margin-inline: auto;
    line-height: 50px;
    color: #fff;
    display: inline-block;
    margin-left: 0;
    width: 100%;
    margin-top: 10px
}

.privacy-policy1,
.terms-condition1 {
    position: relative;
    padding: 110px 0 70px
}

.privacy-policy1 h1,
.terms-condition1 h1 {
    line-height: 70px
}

.privacy-policy1 p, .terms-condition1 p {
    line-height: 25px;
    padding-bottom: 1.2em !important;
   font-size: 16px !important;
}
.privacy-policy1 ul, .terms-condition1 ul {
    margin-bottom: 1.3em;
}
.privacy-policy1 ul li, .terms-condition1 ul li {
    list-style: disc;
    list-style-position: inside;
    padding-left: 20px;
}
.privacy-policy1 .privacy-line, .terms-condition1 .privacy-line {
    background: #000 !important;
    margin-bottom: 1.2em;
}
.frontend-our-process .frontprocess-title h3,
.privacy-policy1 h3,
.store-setup-step h3 {
    font-size: 25px
}

/* .privacy-policy1 p:last-child,
.terms-condition1 p:last-child {
    padding: 28px 0 0
} */

.privacy-policy1 .privacy-line,
.terms-condition1 .privacy-line {
    width: 140px;
    height: 6px;
    color: #000;
    margin-top: 20px;
    display: inline-block;
    background: linear-gradient(90deg, #000 75%, #d61d5a 75%)
}

ul.refund_policy li {
    line-height: 30px
}
ul.refund_policy li {
    list-style: disc!important;
    list-style-position: inside !important;
}
.privacy-policy1 ul li a {
    color: #f44336;
}
/* ul.refund_policy {
    padding-left: 16px
} */

section.ranking .ranking-image img {
    border-radius: 15px
}

.webdesign-banner.opensrc .webdesign-img::after {
    position: absolute;
    content: "";
    background: url(../images/open-after.svg) no-repeat;
    bottom: 83px;
    left: 70px;
    width: 205px;
    height: 210px
}

.webdesign-banner.webddev-banner .landform-chd-form {
    padding: 50px;
    border-radius: 8px
}

.webdesign-banner.webddev-banner {
    padding: 50px 0 60px
}

.wdich-services .wdich-heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px
}

.wdich-services .wdich-services-inner {
    display: flex;
    align-items: center;
    column-gap: 1%;
    flex-wrap: wrap;
    margin-top: 60px;
    justify-content: space-between
}

.end-magento.digital-success-chd .Magento-heading p {
    margin-top: 8px
}

.wdich-services .wdich-services-inner .wdich-service-box {
    flex: 0 0 18%;
    background-color: #fff;
    padding: 30px 16px;
    border: 1px solid #d9d9d9;
    color: #000;
    border-radius: 10px
}

.wdich-services .wdich-service-box p {
    padding-top: 10px;
    font-size: 14px
}

.edge-chd-tab {
    float: left;
    width: 20%;
    height: 300px
}

.chd-tabcontent {
    width: 80%;
    float: left;
    padding: 0 50px;
    border-left: none;
    display: none
}

.edge-chd-tab button {
    display: block;
    color: #000;
    width: 100%;
    min-height: 56px;
    padding: 0 20px;
    border: none;
    font-weight: 500;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .3s;
    font-size: 17px;
    border-radius: 5px;
    margin: 8px 0
}

.webdesign-banner.webddev-banner .landform-chd-form .col-md-6 {
    width: 100%;
    margin-bottom: 15px
}

.webdesign-banner.webddev-banner .landform-chd-form .theme_btn {
    background: #000;
    margin: 0
}

.webdesign-banner.webddev-banner .landform-chd-form .custom_select {
    background: url(../images/down-arrow.png) no-repeat #fff
}

.webdesign-banner.webddev-banner .landform-chd-form h3 {
    margin-bottom: 30px;
    color: #fff
}

.portfolio-detail {
    position: relative;
    padding: 80px 0;
    background-color: #fefaf9
}

.portfolio-detail .short-description {
    margin-top: 35px
}

.home_service .gallery-main .gallery-inner .gal-img .gal-p {
    background-position: center!important
}

.portfolio-detail h2 {
    font-size: 28px
}

.page-template-digital-marketing .webddev-chd-tailored ul li,
.page-template-digital-marketing-company-in-punjab .webddev-chd-tailored ul li,
.page-template-website-design-company-in-chandigarh .webddev-chd-tailored ul li,
.page-template-wordpress-development-services-in-punjab .webddev-chd-tailored ul li {
    list-style: disc;
    padding: 4px 0
}

.frontend-dev-service {
    padding: 70px 0;
    background-color: #fef8fa;
    position: relative
}

.frontend-dev-service.nitro-offscreen .section-title {
    max-width: 1162px;
}

.frontend-dev-service-box {
    background-color: #fff;
    padding: 22px 20px;
    border-radius: 10px;
    box-shadow: 0 0 5px #ddd;
    margin-bottom: 20px;
    min-height: 100%;
}
section.frontend-dev-service .row { row-gap: 30px; }
.frontend-dev-service-box p {
    min-height: 80px
}

.page-template-front-end-development-services .about_img img {
    height: 515px;
    object-fit: contain;
}

.page-template-front-end-development-services .discount-headline {
    display: none;
}

.frontend-dev-service-icon h3 {
    font-size: 25px;
    font-weight: 600
}

.frontend-dev-service-icon img {
    height: 60px;
    width: 60px;
    object-fit: contain
}

.frontend-dev-service-box .read-more {
    margin-top: 16px
}

.frontend-dev-service-icon {
    display: flex;
    column-gap: 18px;
    margin-bottom: 10px;
    align-items: center
}

.frontend-dev-service-box .read-more a {
    color: #000;
    display: flex;
    align-items: center;
    column-gap: 6px;
    font-weight: 600
}

.frontend-technology {
    position: relative;
    padding: 70px 0
}

.frontend-technology-outer {
    display: flex;
    column-gap: 2%;
    padding-top: 30px;
}

.frontend-technology-name {
    text-align: center;
    flex: 0 0 18.4%
}

.frontend-technology-img {
    text-align: center;
    box-shadow: 0 0 5px #ddd;
    border-radius: 5px;
    padding: 20px 0;
    background: #fff;
}

.frontend-technology-name img {
    height: 100px;
    width: 100px;
    object-fit: contain
}

.frontend-our-process {
    position: relative;
    padding-bottom: 70px;
    padding-top: 70px;
    overflow: hidden
}

.frontend-our-process .frontprocess-outer {
    display: flex;
    padding-top: 70px;
    column-gap: 2%;
    justify-content: center
}

.frontend-our-process .frontprocess-step {
    flex: 0 0 18.4%;
    border: 1px solid #c5c5c5;
    background-color: #f8f8f8;
    padding: 16px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    transition: 0.4s;
}

.frontend-our-process .frontprocess-step:hover {
    box-shadow: 6px 6px 4px #ddd;
    margin-top: 2px;
}

.frontend-our-process .frontprocess-title {
    min-height: 120px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px
}

.frontend-our-process .frontprocess-title span {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-color: #fff;
    border: 4px solid #d72159;
    border-radius: 50%;
    margin-top: 9px
}

.frontend-our-process .frontprocess-icon {
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    margin-top: -31px;
    background-color: #fff;
    position: relative;
    top: -16px;
    border-radius: 50%;
}

.frontend-our-process .frontprocess-step::after {
    position: absolute;
    content: "";
    height: 130px;
    width: 300px;
    border: 1px dashed #ddd;
    background-color: #fff;
    left: 40%;
    z-index: -1;
    border-radius: 20px;
    top: -60px;
    border-bottom: none;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.frontend-our-process .frontprocess-step:hover::after {
    border: 2px dashed #d72159;
    border-bottom: none;
}

.front-end-solution {
    background-color: #212529;
    color: #fff;
    padding: 70px 0 50px;
    position: relative
}

.whworkwebzia.eccome-whworkwebzia {
    background: #fef8fa;
    color: #000
}

.whworkwebzia.eccome-whworkwebzia .whworkweb-text .commu-traicon h3 {
    color: #000;
    font-size: 25px
}

.whworkwebzia.eccome-whworkwebzia .whworkweb-text .commu-traicon .commu-trimg { width: unset; height: unset; line-height: unset; text-align: center; border-radius: unset; background: unset; min-height: auto; }
.whworkweb-text .commu-traicon .commu-trimg span { font-size: 25px; -webkit-background-clip: text; -webkit-text-fill-color: transparent }

.delevopment-tools.delevopment-tools-case .devtoll-box {
    flex: 0 0 19%
}

.delevopment-tools.delevopment-tools-case .devtoll-icon {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    box-shadow: 0 0 4px #ddd
}

.frontend-dev-service.shopify-store-setup-service .frontend-dev-service-box {
    text-align: center;
    min-height: 340px
}

.circle_Icon {
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background: #FEF8FA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
}

.circle_Icon img {
    width: 100%;
    max-width: 36px;
    height: auto;
    object-fit: contain;
}

.frontend-dev-service.shopify-store-setup-service .frontend-dev-service-icon {
    justify-content: center;
}

.store-setup-define {
    position: relative;
    min-height: 430px
}

.store-setup-define .store-setup-point {
    display: flex;
    justify-content: center;
    padding: 180px 0;
    position: relative
}

.store-setup-define .store-setup-point::after {
    position: absolute;
    left: 10%;
    top: 47%;
    content: "";
    background: #ddd;
    width: 80%;
    height: 1px;
    z-index: -1
}

.store-setup-define .store-setup-count {
    flex: 0 0 19.9%;
    text-align: center
}

.store-setup-define .store-setup-count span {
    position: relative;
    width: 20px;
    height: 20px;
    top: -72px;
    left: 1px;
    display: inline-block;
    border-radius: 20px
}

.store-setup-define .store-setup-count span::after {
    position: absolute;
    top: 0;
    content: "";
    background: #ddd;
    width: 2px;
    height: 95px;
    left: 9px;
    z-index: -1
}

.store-setup-define .store-setup-count span::before {
    position: absolute;
    bottom: 0;
    content: "";
    background: #ddd;
    width: 2px;
    height: 95px;
    left: 9px;
    z-index: -1
}

.store-setup-count h5 {
    font-size: 100px;
    font-weight: 600;
    color: #f2f5f7
}

.store-setup-step {
    position: absolute;
    /*width: 300px;*/
    width: 339px;
    text-align: center
}

.store-setup-step:first-child {
    left: 2%;
    top: 0
}

.store-setup-step:nth-child(2) {
    left: 21%;
    bottom: 70px
}

.store-setup-step:nth-child(3) {
    left: 41.2%;
    top: 0
}

.store-setup-step:nth-child(4) {
    right: 21%;
    bottom: 42px
}

.store-setup-step:nth-child(5) {
    right: 2%;
    top: 0
}

.store-setup-step:nth-child(6) {
    left: 83%;
    bottom: 40px
}

.store-setup-process.shopify-app-setup-process .store-setup-define .store-setup-point {
    padding: 270px 0
}
.portfolio-detail-view h4 { font-size: 22px; }
.get-buton-outer { display: flex; justify-content: center; gap: 14px; margin-bottom: 12px; }
.Business.excellence .bigcommerce-listing .Business-contant p {padding: 0;}
.bigcommerce-listing {margin-bottom: 30px;}

.fully-customized {
    position: relative;
    background: #000;
    padding: 120px 0px 10px;
}
.fully-customized .customized-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    /* gap: 40px; */
}

.fully-customized .customized-left {
    width: 30%;
    padding-right: 34px;
    position: relative;
}

.fully-customized .customized-left::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%);
}

.fully-customized .customized-right {
    flex: 1;
    position: relative;
    padding-left: 40px;
}

.fully-customized .customized-title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #fff;
    text-transform: math-auto;
}

.fully-customized .customized-description {
    font-size: 24px !important;
    color: #e2e8f0;
    line-height: 1.5;
}

.fully-customized .features-section {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding-top: 40px;
}

.fully-customized .feature-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(31.111% - 80px);
}

.fully-customized .feature-icon {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.fully-customized .feature-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
}
.fully-customized .feature-description {
    font-size: 0.95rem;
    color: #fff;
    line-height: 1.6;
}

.fully-customized .icon-design {
    color: #a855f7;
}

.fully-customized .icon-rocket {
    color: #ec4899;
}

.fully-customized .icon-money {
    color: #a855f7;
}

/* SVG Icons with gradients */
.fully-customized .svg-icon {
    margin-bottom: 20px;
}

.fully-customized .svg-icon path {
    fill: #ed712f;
}

/* Line separator */
.fully-customized .separator {
    width: 100%;
    height: 2px;
    background-color: #d8d8d8;
    margin: 80px 0;
    opacity: .2;
}

.fully-customized .down-arrow-animation {
    left: 0;
    right: 0;
    top: 0;
    width: 146px;
    height: 60px;
    position: absolute;
}
.fully-customized .down-arrow-animation .Triangle {
    top: -35px;
    position: relative;
    z-index: 2;
    width: 100px;
    height: 60px;
    margin: 0 auto;
}
.fully-customized .down-arrow-animation .Triangle svg {
    width: 100%;
    height: 100%;
}
/* .down-arrow-animation:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    left: 0;
    top: -30px;
    right: 0;
    margin: 0 auto;
    border-left: 73px solid #fff0;
    border-right: 73px solid #fff0;
    border-top: 80px solid #fff;
    position: absolute;
    z-index: 1;
} */
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.awards-container .left-column {
    flex: 1;
    min-width: 300px;
    padding-right: 20px;
}

.awards-container .right-column {
    flex: 1.5;
    min-width: 400px;
    padding-left: 20px;
}

.awards-container .heading-main {
    font-size: 42px;
    font-weight: bold;
    color: #000;
    line-height: 45px;
}
.awards-container .awards-flex-outer {
    display: flex;
    padding: 70px 0 0 0;
}
.awards-container .heading-gradient {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 25px;
    background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    line-height: 45px;
}

.awards-container .subheading {
    font-size: 22px !important;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 30px;
    color: #000;
    max-width: 490px;
}


.awards-container .cta-button { display: inline-block; background-color: #222; color: white; font-size: 16px; font-weight: 500; text-decoration: none; border: none; cursor: pointer; margin-top: 20px; }

.awards-container .right-heading {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
}

.awards-container .right-subheading {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #000;
}   
.awards-container .right-text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #333;
}
.awards-container .awards-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px;
}
.awards-container .awards-grid:last-of-type {
    border-top: 1px solid #ddd;
}

.awards-container .award-item:last-of-type {
    border-right: 0;
}
.awards-container .award-item {
    display: grid;
    align-items: center;
    width: calc(25% - 20px);
    margin-bottom: 40px;
    padding: 0 10px;
    border-right: 1px solid #ddd;
    grid-template-columns: 60px 1fr;
    gap: 20px;
}
.awards-container .award-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.awards-container .award-logo img {
    width: 100%;
    height: 100%;
    min-width: 82px;
    object-fit: contain;
}

.awards-container .award-text {
    font-size: 18px;
    line-height: 1.3;
    color: #000;
}

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


/* start 15-05-2025 css */
section.new-logistics-section .does-business-Outer .does-business-left { width: 30%; flex: 0 0 30%; }
section.new-logistics-section .does-business-Outer { flex-wrap: wrap; row-gap: 20px; }
section.new-logistics-section .does-business-Outer .does-business-left h5 { line-height: 30px; }
section.new-logistics-section .does-business-contant h2 { max-width: 850px; }
h2 { font-size: 30px !important; }
p.para-dot { position: relative; padding-left: 20px; }
p.para-dot:after { position: absolute; content: ''; top: 11px; left: 0; width: 8px; height: 8px; background: #000; border-radius: 50px; transform: translateX(-50%); }
/* end css */

/* start 29-05-2025 */
section.fully-customized .banner_btns .theme_btn { background-color: #fff !important; color: #222; }
section.fully-customized .banner_btns .theme_btn::after{ border-color: #fff !important; }

/* start shopify-headless section */
section.shopify-headless{ padding: 82px 0; }
section.shopify-headless h2 { font-weight: 700; line-height: normal; color: #000; }
section.shopify-headless h2 span{ background: var(--ssss, linear-gradient(90deg, #d61c5b 0, #d72158 19.25%, #db2e4f 40.98%, #e14540 63.85%, #e34b3c 69.08%, #e5513a 78.03%, #e96433 90.49%, #ee762d 99.98%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.shopify-headless .section-title { max-width: 1180px; }
.shopify-headless .section-title p { font-size: 16px !important; line-height: 28px; }
section.shopify-headless h3 { font-size: 20px; line-height: 26px; text-align: center; font-weight: 600; margin: 0 0 30px 0; }
.headless-listing .headless-box { background-color: #F9F7F4; padding: 38px 26px; min-height: 100%;}
.headless-listing .headless-box img { height: 49px; }
.headless-listing .headless-box p { font-size: 16px !important; line-height: 28px; margin-top: 17px; }

section.frontend-dev-service .frontend-dev-service-box { min-height: 100% !important; height: auto !important; }


/* start customizer css */

/* .page-template-coming-soon .comingsoon-inner a.theme_btn,
.page-template-coming-soon .main,
.page-template-coming-soon footer.footer {
    display: none;
} */
.terms-pages p a {
    color: #f44336;
}
.nav-tabs .domain-contant {
    text-align: left;
}
section.does-business .does-business-contant p {
    padding: 00px 0 20px;
}
section.does-business .does-business-Outer.does-inner {
    padding-bottom: 30px;
}
.page-id-376 header.header, .page-id-376 footer.footer{
	display: none;
}
#mega-menu-wrap-menu-2 .mega-sub-menu h4 {
    font-size: 20px;
}
#mega-menu-wrap-menu-2 ul.mega-sub-menu .mega-menu-item a {
    padding: 4px 0 !important;
}
.page-id-1670 .hero-content .banner_btns .theme_btn, .page-id-1672 .hero-content .banner_btns .theme_btn {
    background: #ffffff !important;
    color: #000000;
}
.page-id-1670 .our-packapge .package_button {
    padding-bottom: 35px;
}

.portfolio-detail-view.single-post {
    max-width: 100%;
    padding: 0;
}

.article-column .article-img h4 a:hover {
    text-decoration: none;
}
.woocommerce-cart .wc-block-components-notice-banner.is-success {
    display: none;
}
.website-skills {
    margin-top: 20px;
}
.woocommerce-checkout .is-info .wc-block-components-notice-banner__content {
    align-items: center !important;
}
.custom-error-message {
    width: 100%;
    color: #a00;
	margin-top: 5px;
}
.back-login-custom {
    margin-top: 20px;
}
.testmonial-review .cleint-pro img {
    width: 80px;
    height: 80px;
    padding: 4px;
}
.blog_right.related-blog {
    padding: 25px 20px;
}
.intrduction_blog .blog_right .blog_media {
    padding: 10px 0 10px 0;
}
.woocommerce a.remove:hover{
	background: #000 !important;
}
.woocommerce a.remove {
    font-weight: 400;
    background: var(--ssss, linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%));
	color:#fff !important;
}
.intrduction_blog .blog_media .media_body h3 a{
	color:#000;
}
.intrduction_blog .blog_media .media_body h3 a:hover {
    background: var(--ssss, linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.testmonial-review .client-rating1 {
    width: 100%;
}

a.morelinks {
    display: block;
    padding-top: 20px;
}
/* .woocommerce-NoticeGroup-checkout {
    display: none !important;
} */
.show_hide {
    padding-top: 24px;
    display: block;
    text-align: center;
    background: var(--ssss, linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
	font-size: 20px;
}
.packages_content .content {
    display: none;
}
.packages_content ul li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 9px;
}
.woocommerce-checkout span.woocommerce-input-wrapper {
    display: block;
}
textarea#order_comments {
    border: 1px solid #f44336;
    padding: 10px;
}
.article-column .article-img h4 a {
    color: #fff;
}
.free-btn .btn-primary {
    color: #fff !important;
}
.top_header .calls ul li a{
    color: #fff;
}
ul#secondary-menu li ul.sub-menu {
    display: none;
}
ul#secondary-menu li ul {
    width: 250px;
}
ul#secondary-menu li:hover ul {
    display: block;
    position: absolute;
    top: 50px;
    z-index: 9;
}
ul#secondary-menu li:hover ul li:last-child {
    border: none !important;
}
ul#secondary-menu li:hover ul li a {
    border-left: 0px;
}
ul#secondary-menu li.menu-item-has-children a:after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
ul#secondary-menu .sub-menu li a:after, ul.sub-menu .menu-item-has-children .sub-menu {
    display: none !important;
}
ul#secondary-menu li:hover ul li:hover ul {
    display: block !important;
    position: absolute;
    left: 250px;
}
.footer_links a {
    padding: 0;
}
.shopify-partner {
    padding-top: 50px;
}
.login-page-form .um-register {
    opacity: 1;
}
html body.um:not(.um-admin) {
    margin-bottom: 0 !important;
}
.login_form_sec {
    padding: 120px 0 60px;
}
.login_form_sec h2 {
    text-align: center;
}
.login_form_sec .registration_form,
.login_form_sec .login_form {
    margin-top: 40px;
}
.registration_form .um-col-1 > div {
    padding: 0;
}
.login_form form.woocommerce-form {
    width: 450px;
    margin-inline: auto;
}
.login_form_sec form .um-col-1 >  div:not(:first-child) {
    margin-top: 30px;
}
.registration_form .um-col-1 label,
.login_form form label {
    font-weight: 500;
	display: block;
}
.login_form_sec .registration_form .um-field-area input,
.login_form_sec .login_form form input:not([type="checkbox"], [type="submit"]) {
    border: none !important;
    border-bottom: 1px solid #f44336 !important;
    font-size: 16px !important;
	height: 36px !important;
    border-radius: 0;
    color: #000;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.5;
	width: 100%;
	outline: none;
}
.login_form_sec .registration_form .um-field-area input:focus,
.login_form_sec .login_form form input:focus {
    border: 0 !important;
	border-bottom: 1px solid #f44336 !important;
}
.login_form_sec .registration_form input#um-submit-btn,
.login_form_sec .login_form form button[type="submit"] {
    background: var(--ssss,linear-gradient(90deg,#d61c5b 0%,#d72158 19.25%,#db2e4f 40.98%,#e14540 63.85%,#e34b3c 69.08%,#e5513a 78.03%,#e96433 90.49%,#ee762d 99.98%));
    font-size: 15px;
    font-weight: 500 !important;
    border: none !important;
    position: relative;
    text-align: center;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    min-height: 50px;
	width: 170px;
    margin-inline: auto;
	color: #fff;
}
.login_form form.woocommerce-form > p.form-row:nth-child(4) {
    text-align: center;
}
.login_form_sec .login_form form.login button[type="submit"] {
	margin-top: 40px;
	margin-inline: auto;
}
.login_form form .woocommerce-form-login__rememberme {
    text-align: left;
    font-weight: 400;
	display: flex;
    align-items: center;
    gap: 10px;
	width: 100%;
}
.login_form form .lost_password {
    text-align: center;
}
.login_form form .lost_password a {
    color: #000;
}
.login_form form .lost_password a:hover {
    color: #db2f4e;
}
.login_form form .woocommerce-form-login__rememberme input {
    width: 16px;
    height: 16px;
	accent-color: #db2f4e;
}
.registration_form a.um-link-alt {
    width: fit-content;
    margin-inline: auto;
}
.login_form form.woocommerce-form > p:not(:first-child) {
    margin-top: 30px;
}
.registration_form form .um-left, 
.registration_form form .um-right {
    margin-top: 20px;
}
.registration_form form .um-right a.um-button {
    padding: 0 !important;
    background-color: transparent !important;
    box-shadow: none;
    line-height: 1.2 !important;
	width: fit-content;
}
.registration_form form .um-right a.um-button:hover {
    color: #d72158;
}
.registration_form form > .um-col-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.registration_form form > .um-col-alt > div {
    width: 100%;
}
.registration_form form .um-right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.registration_form input#mo_um_getotp_button {
    padding: 0 !important;
    box-shadow: none;
    border: 0 !important;
    margin: 20px 0 0;
    background: linear-gradient(90deg,#d61c5b 0%,#d72158 25%,#e34b3c 50%,#e5513a 75%,#EE762E 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1 !important;
    height: auto !important;
}
.login_form_sec h2 {
    color: #000;
}
.forgot_pass_sec .forgot_pass_form {
    margin: 0;
    max-width: 450px;
    margin-inline: auto;
	text-align: center;
    color: #000;
}
.forgot_pass_form legend {
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}
.forgot_pass_form .somfrp-lost-pass-form-text {
    margin-bottom: 30px;
}
.forgot_pass_form form input {
    border: none !important;
    border-bottom: 1px solid #f44336 !important;
    font-size: 16px !important;
    height: 36px !important;
    border-radius: 0;
    color: #000;
    padding: 0.375rem 0.75rem !important;
    line-height: 1.5;
    width: 100%;
	outline: none;
    text-align: center;
}
.forgot_pass_form form .lostpassword-submit {
    margin: 40px 0 30px;
}
.forgot_pass_form form .lostpassword-submit button[type="submit"] {
    background: var(--ssss,linear-gradient(90deg,#d61c5b 0%,#d72158 19.25%,#db2e4f 40.98%,#e14540 63.85%,#e34b3c 69.08%,#e5513a 78.03%,#e96433 90.49%,#ee762d 99.98%));
    font-size: 15px;
    font-weight: 500 !important;
    border: none !important;
    position: relative;
    text-align: center;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    min-height: 50px;
    width: 170px;
    margin-inline: auto;
    color: #fff;
}
.woocommerce-cart .cart_totals {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    order: 2;
}
.woocommerce-cart .cart_totals .custom-cart-field {
    order: 1;
    margin-top: 30px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 20px 15px 30px;
}
.woocommerce-cart .cart_totals .custom-cart-field > h3 {
    font-size: 22px;
    line-height: 1.4;
}
.custom-cart-field #gst_choice_field {
    font-size: 18px;
}
.custom-cart-field #gst_choice_field input#gst_choice_yes {
    margin-left: 15px;
}
.custom-cart-field #gst_choice_field input {
    accent-color: #da2c50;
	cursor: pointer;
}
.custom-cart-field #gst_choice_field label {
	cursor: pointer;
}
.cart_gst_fields label {
    min-width: 145px;
}
.cart_gst_fields label .required,
.cart_gst_fields label .optional,
#custom_checkout_fields label .optional {
    display: none;
}
.cart_gst_fields {
    margin-top: 40px;
	display: none;
}
.cart_gst_fields.active {
	display: block;
}
.woocommerce-cart .cart_totals .custom-cart-field p {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 15px;
    font-weight: 500;
	line-height: 1;
}
.woocommerce-cart .cart_gst_fields input {
    border: 0;
    padding: 5px 0;
    outline: none;
    border-bottom: 1px solid #000;
}
.woocommerce-cart .cart_gst_fields input::placeholder {
	font-size: 14px;
}
.woocommerce-cart .cart_totals .custom-cart-field label .optional {
    font-size: 13px;
    font-weight: 400;
}
.custom-cart-field .cart_gst_fields .woocommerce-input-wrapper {
    flex-direction: column;
    gap: 10px;
}
.cart_gst_fields .error {
    color: #f00;
    font-size: 12px;
		padding-left: 160px;
}
body.woocommerce-cart .wc-proceed-to-checkout a.disabled {
	opacity: 0.5;
	pointer-events: none;
	margin-bottom: 0 !important;
}
.woocommerce-cart-form__cart-item .posted_in {
    display: none;
}
div#wt_template_footers, table#template_footer {
    background: var(--ssss, linear-gradient(90deg, #D61C5B 0%, #D72158 19.25%, #DB2E4F 40.98%, #E14540 63.85%, #E34B3C 69.08%, #E5513A 78.03%, #E96433 90.49%, #EE762D 99.98%));
	background-color: none !important;
}

@media (max-width:1366px){
	.forgot_pass_form fieldset legend {
		font-size: 30px;
	}
}

@media (max-width:991px){
	body .login_form_sec {
		padding: 60px 0 30px;
	}
}

@media (max-width:767px){
	body .forgot_pass_form fieldset legend {
		font-size: 26px;
	}
	section.Business .top-Business .Business-btn a.theme_btn {
    min-height: 65px;
    line-height: 65px;
    margin-top: 34px;
		min-width: 179px;
}
}

@media (max-width:480px){
	.woocommerce-cart .cart_totals .custom-cart-field p {
			flex-direction: column;
			align-items: flex-start;
	}
	.woocommerce-cart .cart_totals .custom-cart-field p span {
			width: 100%;
	}
	body .cart_gst_fields .error {
			padding: 0;
	}
}
@media screen and (min-width: 1200px) {
    #tawkchat-iframe-container {
        width: 300px !important; /* Adjust the width as needed */
    }
}

.thanks_msg {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
	margin-bottom: 15px;
}
.thanks_msg .check_icon {
    width: 30px;
}

/* end customizer css */



@media screen and (min-width:1400px) {
    section.custom-domain .tab-image img { border-radius: 10px; height: 608px; margin: 0 0 0 auto; }
    .Business .Business-right-image img { height: 563px; }
}

@media(max-width: 1299px) {
    p {
        font-size: 14px !important;
    }
    .fully-customized .customized-left {
        width: 40%;
        padding-right: 32px;
    }
    .fully-customized .customized-title {
        font-size: 2rem;
    }
    .fully-customized .customized-description {
        font-size: 22px !important;
    }
    .fully-customized .feature-card {
        margin-right: 50px;
    }
    .home-leatest-new .hero-content h1 { 
        font-size: 28px !important; 
        line-height: 38px important; 
    }
    header.header nav {
        padding: 10px 0;
    }
    .custom-logo-link img {
        max-width: 200px;
    }
    .theme_btn {
        font-size: 14px;
        min-height: 46px;
        line-height: 46px;
        min-width: 150px;
        padding: 0px 18px;
    }
    a.theme_btn.call-back {
        min-width: 150px;
    }
    .hero-new-banner .banner_btns .theme_btn::after {
        left: -7px;
        bottom: -7px;
    }
    .awards-container .cta-button {
        font-size: 14px;
    }
    .theme_btn::after {
        left: -9px;
        bottom: -9px;
    }
    .customer-rating p {
        font-size: 13px !important;
    }


}

@media(max-width: 1024px) {
    .ht_ctc_style .ctc_s_3.ctc_nb svg { position: relative; top: -48px; left: -15px; }
    .scroll-top { bottom: 167px !important; right: 25px !important; z-index: 1; }

    .fully-customized .customized-section {
        flex-direction: column;
        gap: 30px;
    }
    .fully-customized .customized-left {
        width: 100%;
        padding-bottom: 12px;
    }
    .fully-customized .customized-right {
        padding-left: 0;
    }
    .fully-customized .customized-left::after {
        top: 100%;
        left: 0;
        right: auto;
        width: 200px;
        height: 2px;
    }
    .fully-customized .features-section {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        justify-content: space-between;
        gap: 30px;
    }
    .fully-customized .feature-card {
        width: 100%;
    }

    .awards-container {
        flex-direction: column;
        padding: 40px 20px;
    }
    
    .awards-container .left-column, .awards-container .right-column {
        flex: unset;
        width: 100%;
        min-width: auto;
        padding: 0;
    }
    .awards-container .awards-flex-outer {
        flex-wrap: wrap;
        padding: 0px 0;
    }
    .awards-container .award-item {
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }
    .awards-container .subheading {
        font-size: 20px !important;
        margin-bottom: 10px;
    }
    .awards-container .award-item:last-of-type { border-right: 1px solid #ddd; }
    .awards-container .heading-main, .awards-container .heading-gradient {
        font-size: 36px;
    }
    .awards-container .right-column {
        margin-top: 40px;
    }
    .awards-container .right-heading {
        font-size: 22px !important;
        line-height: 30px;
    }
    section.customized .customized-contant .customized-list ul li p { max-width: 100%; }
    .awards-container .awards-grid {
        padding-top: 0px;
    }
.awards-container .awards-grid:last-of-type { padding-top: 16px; }
}


@media(max-width: 767px) {
     section.discount-headline { display: none; }
    .top-heading img { max-width: 30px; }
    .top-heading span { font-size: 16px; }
    .education-challenge { padding-top: 30px; }
    .section-title { margin: auto auto 10px; }
    .fully-customized .features-section {
        grid-template-columns: 100%;
    }
    .fully-customized .customized-title {
        font-size: 24px;
    }
    .fully-customized .customized-description {
        font-size: 14px !important;
    }
    .fully-customized .customized-left::after {
        width: 30px;
    }
    .fully-customized .feature-title {
        font-size: 18px;
    }
    .fully-customized .separator {
        margin: 40px 0 60px;
    }
    .awards-container .award-item { width: 100%; margin-bottom: 15px; }
    .awards-container .right-heading { font-size: 18px !important; line-height: 25px; }
    .awards-container .subheading { font-size: 16px !important; margin-bottom: 10px; }
    section.customized .customized-contant {
    padding: 40px 0 0 20px;
    }

    /* start 16-05-2025 responsive css */
    section.new-logistics-section .does-business-Outer .does-business-left { width: 100%; flex: 0 0 100%; }
    section.new-logistics-section { padding: 40px 0 0 0; }
    section.new-logistics-section .does-business-contant h2 { line-height: 27px;  }
    section.Renew-feature .row.renews { row-gap: 106px; }
    section.customized .customized-contant .customized-list ul li p { line-height: 27px; }
    .footer .newsletter h6 { font-size: 18px !important; line-height: 32px !important; }
    .awards-container .heading-main, .awards-container .heading-gradient { font-size: 28px; line-height: 37px; }
    .awards-container .heading-gradient { margin-bottom: 15px; }
    .fully-customized { padding: 40px 0px 0px; }
    .fully-customized .customized-section { margin: 0; }
    .footer { padding-top: 32px; }
    .footer a img { max-width: 50% !important; }
    .footer_links h5 { font-size: 18px; line-height: 15px; }
    section.does-business .does-business-Outer .does-business-left p { max-width: 100%; }
    /* end here */

    section.Business .top-Business .Business-btn a.theme_btn{ min-height: 45px !important; line-height: 45px !important; margin-bottom: 30px; }
    section.custom-domain .domain-tab-Outer{ padding: 30px 0 0 0; }
    .footer_links a{ font-size: 14px; }
    .get_touch.whmcs_setup{ padding: 39px 0; }
    .get_touch.whmcs_setup .media-left span.icon { left: 0; }
    .frontend-our-process .frontprocess-outer { flex-wrap: wrap; row-gap: 30px; }
    .frontend-our-process .frontprocess-step { flex: 0 0 48%; }
    .frontend-our-process .frontprocess-step::after { content: none; }
    .frontend-our-process .frontprocess-outer { padding-top: 0; }
    .shopify-headless .section-title p { font-size: 14px !important; line-height: 26px; }
    .shopify-headless .headless-listing .col { flex: 0 0 50%; }
    .headless-listing .headless-box p{ font-size: 14px !important; }
    section.shopify-headless { padding: 32px 0; }
    section.shopify-headless h3{ margin: 0; }
    .shopify_bannertext ul li { font-size: 13px; }
    .shopify-development-exp .project-experience .certified-text { width: 100%; display: flex; align-items: center; column-gap: 58px; }
    .shopify-development-exp .project-experience .certified-text p { margin: 0; }
    .shopify-development-desc p{ line-height: 26px; }
    .build-intuitive-text h2{ line-height: 34px; }
    .build-intuitive-text p{ line-height: 30px; }
    .shopify-development-desc{ border-right: none; }
    .workProcess-heading h2{ line-height: 33px; }
    .getouch-modal form .form-group label { margin-top: 1px; }

    
}

@media screen and (max-width:480px) {
   .shopify-headless .headless-listing .col { flex: 0 0 100%; } 
   .ourappitem{ margin-right: 0; }
   .ourappitem .ourappitem-inner { flex-wrap: wrap; }
   .ourapps-outer .ourappitem { padding: 25px; height: auto !important; }
   .shopify-development-exp .project-experience{ flex-wrap: wrap; row-gap: 15px; }
   .build-intuitive-outer .review-box-flex{ flex-wrap: wrap; }
   .ourappitem-inner .appimg img { width: 50px; }
   .ourappitem-inner .appimg { width: 75px; height: 75px; border-radius: 50%; min-width: auto; }
   .ourappitem-inner .appdes { display: block; width: 100%; }
   .work-process-outer .work-processText p { line-height: 1.6; }
   .clientContent p.more{ min-height: auto; }

   
}