/*!
Theme Name: webzia-infotech
Theme URI: https://webziainfotech.com/
Author: Underscores.me
Author URI: https://webziainfotech.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webzia-infotech
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

webzia-infotech is based on Underscores https://webziainfotech.com/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.headermenu-box { margin-right: 30px !important; }
.package-tabs { text-align: center !important; }
.package-tabs button:hover, .package-tabstablinks.active { color: #000; background-color: #FFC000; }
.bottom_header li.free-btn a, .bottom_header li.free-btn a:active { background: #FFC000; font-family: var(--poppins-font); font-size: 15px; font-weight: 500; border: none; position: relative; display: inline-block; min-height: 42px; line-height: 42px !important; padding: 7px 18px; min-width: 179px; text-align: center; padding: 0 !important; text-transform: uppercase; border-radius: 5px; margin: 0px 0px 0px 0px; }
.get_touch_form.banner_form .form-control { color: #726D6D; font-family: 'Poppins'; font-size: 16px; }
.mobile-menu .toggled.active .sub-menu { display: block !important; }
.blog_banner .is-form-style input.is-search-submit { position: relative !important; }
.web-devlopser .form-control { border-bottom: 1px solid #DBDBDB !important; border: none; }
.corebenefit-img .corebenefit-box p { text-transform: capitalize; width: 100%; max-width: 200px; margin: auto; font-size: 16px; line-height: 24px; }
.scroll-top { width: 50px; height: 50px; position: fixed; bottom: 107px; right: 15px; display: none; padding: 0; border-radius: 50%; background:#000; border: none; box-shadow: 1px 0px 11px rgb(0 0 0 / 69%); }
.scroll-top i { display: inline-block; color: #fff; position: relative; top: -2px; }
.people_section .col-md-3 { margin-bottom: 30px !important; }
.package_button a.theme_btn { background: #FFC000; color: #000; border-radius: 50px; font-weight: bold; min-height: 64px; line-height: 64px; font-size: 20px; }
.package_button a.theme_btn:hover, .simpay-payment-btn:hover { background: #000; color: #fff; }
.package_button .theme_btn::after{ display:none; }
.simpay-payment-btn{ background: #FFC000; border-radius: 50px; font-weight: bold; min-height: 64px; line-height: 64px; }
.simpay-payment-btn span { background: none !important; border: 0px !important; font-size: 20px !important; color: #000; box-shadow: none !important; text-transform: uppercase; text-shadow: none; }
.simpay-payment-btn { width: 100%; max-width: 243px; }
.simpay-payment-btn:hover span { color: #fff; }
.page-id-14 .people_box .people_img { height: 180px !important; width: 180px; border-radius: 50%; position: relative; box-shadow: 4px 5px 0px #d92a51; }

[data-status="invalid"] .wpcf7-response-output { color: #ffb900; }
.top-business-text { padding-bottom: 30px; }
section.customized .customized-contant p { padding: 20px 0 0px 0 !important; }
.customized-list { padding-top: 30px; }
.woocommerce-page .single_section { padding: 110px 0px 50px 0px;}
.wc-block-cart-item__quantity { display: none; }
.package-btn .theme_btn { font-size: 28px;}
.package-btn::after { background: #ffc000;}
.package-btn:hover .theme_btn { color: #000;}
.not_found_btns { margin-top: 50px; }
.not_found_btns .theme_btn { background: #fff !important; color: #000; }
.not_found_btns .theme_btn:hover { background: #D92754 !important; color: #fff; }
.not_found_btns .theme_btn:after { display:none; }
.woocommerce-page .entry-header { display: none;}
li.ad-ons { color: #D72059 !important;font-size: 24px !important;}
th.product-quantity { visibility: hidden;}
.coupon button.button { width: 100%;}
.woocommerce .button { background: #FFC000 !important; color: #000 !important; border-radius: 50px !important; font-size: 20px !important; padding: 20px 30px !important;}
.woocommerce .button:hover { background: #000000 !important; color: #fff !important;}
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {display: none; }
#mega-menu-wrap-menu-2 #mega-menu-menu-2 > li.mega-menu-megamenu > ul.mega-sub-menu { top: 34px;}
.bottom_header .mega-menu-item >.nav-link { padding: 10px 22px 9px 22px; color: #fff;}
.bottom_header .mega-menu-item .mega-sub-menu .nav-link { color: #000 !important;}
.p_margin { margin-bottom: 20px;}
.intrduction_blog .blog-section .blog-img-txt { position: relative; background: none; padding-top: 10px; padding-bottom: 0; }
.intrduction_blog .blog-section .blog-image a { color: #000; font-size: 18px; padding-right: 24px; text-decoration: none; }
.blog-text .button-outer a { color: #fff !important; }
.delevopment-tools  .section-title {text-align: center !important;}
.devtoll-icon { background: #fff; }
.page-id-474 .devtoll-box { flex: 0 0 31%; }
.page-id-212 .about_section {  background-color: #fff;}
.article-column .article-img img { height: 286px; }
.team-info {padding: 18px 10px; margin: 0 auto; position: relative;}
.people_section .people_box h3 { font-size: 18px; line-height: 34px; display: inline-block; margin: 0; }
.people_section  .people_box p { font-size: 16px; line-height: 22px; font-weight: 500; }
.navbar-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
.newsletter .form-control { height: 56px !important; border-radius: 5px !important; min-height: 56px !important; }
.people_section .people_box { box-shadow: none !important; padding: 30px 0; }
.get_touch_text .h2_style { margin-bottom: 20px; }
.page-id-264 section.does-business { margin-top: 70px; }
figcaption.wp-caption-text { display: none;}
.padding-remove { padding-bottom: 0px; }
.does-business-contant h2 { margin-bottom: 25px; }
.sec-heading h2 { margin-bottom: 20px; }
header.header-two ul#custom-menu a.nav-link { line-height: 51px; }
span.monetary { color: #dc3232;}
.package-tabs button { padding: 0px 19px; }
.col-md-12.recaptcha { margin: 30px 0 0 0;}
.get-in-touch-button { margin: 10px 0 30px 0; text-align: center; }
.single-post-sidebar .blog-section { padding: 25px 20px;}
.single-post-sidebar .is-form-style input.is-search-submit { top: 2px; min-height: 48px;}
.single-post-sidebar form.is-search-form.is-form-style.is-form-style-1.is-form-id-199 { padding: 2px !important; border-radius: 0px; 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%)); margin-top: 0px; }
.intrduction_blog .blog-section .blog-tags { padding: 0 !important; }
.single-post-sidebar .blog-categories h3 { margin-bottom: 15px; }
.single-post-sidebar .blog-categories ul { display: block; list-style: square; padding: 8px 0 0 30px; }
.custom-btn.sub_btn { 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-family: var(--poppins-font); font-size: 15px; font-weight: 500; border: none; position: relative; display: inline-block; min-height: 51px; line-height: 51px; padding: 0 10px; min-width: 179px; text-align: center; text-transform: uppercase; color: var(--white-color); margin: 0px 0px 0px 15px; }
.page-template-web-development-company-in-india .container { max-width: 1440px !important;}
strong.product-quantity, .shop_table span.posted_in { display: none;}
p a, a.woocommerce-remove-coupon, .woocommerce-order-received td.woocommerce-table__product-name.product-name a {color: #f44336 !important;}
.woocommerce-account a.showlogin { display: none;}
.scroll-top:hover { background: #F44336;}
.coupon { display: inline-flex; width: 50%; float: none !important; }
.woocommerce table.cart td.actions .input-text { width: 100%; }
td.custom-gst-field { width: 100%; display: block; border: none !important;}
td.custom-gst-field:first-child{ border-top: 1px solid #e9e6ed !important;}
span.woocommerce-input-wrapper { display: flex; column-gap: 6px;}
.DDOAVjNxQgDTTjDjJN4NuUZ5NEgNi0Ntheme--light {display:none!important; opacity:0!important; height:0px!important}
form.woocommerce-cart-form .coupon button.button { max-width: 212px;}
form.woocommerce-cart-form .coupon { justify-content: end; padding-right: 148px;}
form.woocommerce-cart-form input#coupon_code { max-width: 278px; padding: 6px 6px 6px 20px; margin-right: 0; border-right: none; min-height: 50px; border-radius: 30px 0px 0px 30px; height: 50px; }
form.woocommerce-cart-form .coupon button.button { max-width: 152px; min-width:152px; border-radius: 0px 40px 36px 0px !important; height: 50px; line-height: 50px; font-size: 15px !important; padding: 0px !important; text-transform: capitalize; }
.login_form_sec .login_form form > .um-col-alt > div { width: auto; }
.login_form_sec .login_form form > .um-col-alt { column-gap: 24px; justify-content: center; }
.woocommerce-cart  table.shop_table table thead { background-color: #000; color: #fff; }
.woocommerce-cart  table.shop_table thead th.product-quantity { visibility: visible; background-color: #000; color: #000; }
.woocommerce-cart table.shop_table td { border-top: none !important; }
.woocommerce-cart table.shop_table td { border-top: none; }
.woocommerce-cart table.shop_table { border: none; border-radius: 0px; box-shadow: 0px 0px 4px #ddd; }
.woocommerce-cart  table tbody td.actions { background-color: #f1f1f1; }
.woocommerce-cart  table.shop_table thead { background-color: #000; color: #fff; }
.woocommerce-cart table.shop_table td { border-top: none; }
.woocommerce-cart table.shop_table.shop_table_responsive tbody tr th { background-color: #f1f1f1; color: #000; border: none !important; }
.woocommerce-cart .shop_table_responsive tbody tr th { background-color: #f1f1f1; color: #000; border: none !important; }
.login_form_sec .login_form form .um-right a.um-button { padding: 0px 20px !important; background-color: transparent !important; box-shadow: none; line-height: 48px !important; width: fit-content; border: 1px solid #ddd !important; display: inline-block; min-width: 160px; text-transform: uppercase !important; border-radius: 0 !important; }
.woocommerce-cart .cart_totals .custom-cart-field { border: none !important; border-radius: 0 !important;box-shadow: 0px 0px 5px #ddd;}
.login_form_sec .login_form form .um-right a.um-button: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;}
.nav-with-image.prev { justify-content: flex-start; }
.nav-with-image.next { justify-content: flex-end; }
.nav-with-image { display: flex; margin-top: 10px; align-items: center; column-gap: 10px; }
.nav-with-image .nav-thumbnail { width: 30%; }
.nav-next { text-align: right; }
.nav-with-image .nav-title { display: block; width: 70%; }
.nav-links img { width: 100%; height: 70px; object-fit: contain; }
.login_form_sec .login_form .um-field.um-field-c { width: 100% !important;}
form.woocommerce-cart-form td.product-quantity::before {display:none;}
.grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important;}
.grecaptcha-badge:hover { width: 256px !important;}
.ready-to-discuss h2 { color: #fff; font-size: 30px; margin-bottom: 30px !important; }
.sticky-header { position: sticky; top: 0; width: 100%; z-index: 999; transition: all 0.3s ease; /* Smooth transition effect */ }

.nav-links .nav-previous, .nav-links .nav-next { width: 42%; }
.nav-links .nav-subtitle { display: block; }
/*08-sept-2024*/
ul.elevating_listing { list-style: disc; list-style-position: inside; }

.hero-new-banner.christman-banner .banner_btns { position: absolute; left: 50%; top: calc(100% - 200px); transform: translateX(calc(-50% - 0px)); margin-top: 0px; }
.getouch-modal .form-select { color: #000; }
body { overflow-x: hidden;}


/* start 15-05-2025 css */
.home-leatest-new .hero-content { position: inherit !important; transform: none !important;  text-align: left !important; }
.home-leatest-new .hero-content .banner_btns { justify-content: left; position: relative; z-index: 1; }
.home-leatest-new .hero-content h1 { font-size: 40px !important; line-height: 55px !important; max-width: 750px; position: relative; z-index: 1; }
/* end css */

.hero-new-banner  .hero-content h1{ color: #fff; font-size: 56px; line-height: 70px; font-weight: 700; }
.hero-new-banner  .hero-content p { color: #fff; font-size: 18px; line-height: 36px; font-weight: 600; margin: 28px auto 0; /*max-width: 618px;*/ }
.hero-new-banner .banner_btns { margin-top: 35px; display: flex; justify-content: center; }
.home .hero-new-banner .banner_btns .theme_btn { background-color: #fff !important; color: #000; }
.hero-new-banner .banner_btns .theme_btn::after { border-bottom-color: #fff !important; border-left-color: #fff !important; border-width: 1px; width: 25px; height: 25px; left: -9px; bottom: -9px;}
/* .home #mega-menu-wrap-menu-2 #mega-menu-menu-2 { box-shadow: 0 16px 20px rgba(255 255 255 / 30%); } */
.hero-new-banner .banner_btns .theme_btn:hover::after{ width: 100%; }

.hero-new-banner+section.home-banner { padding-top: 0; }
.hero-new-banner+section.home-banner .rating-outer{ margin-top: 0; }
.hero-new-banner .hero-new-banner-video { position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 1; }
.page-template-home-new .rating-outer { display: none; }
.hero-new-banner .hero-new-banner-video img { height: 100%; max-width: 100%; }


/* start 26-May-2025 */
.hero-new-banner.home-leatest-new{ background: #faf7f9; height: calc(100vh - 274px); }
.hero-new-banner.home-leatest-new::after{ content: none; }
.hero-new-banner.home-leatest-new h1 { color: #303030; font-size: 52px !important; line-height: 68px !important; }
.hero-new-banner.home-leatest-new h1 span { background: linear-gradient(to right, #D61C5B, #ED722E); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hero-new-banner.home-leatest-new  .hero-content p{ font-size: 15px; line-height: 28px; font-weight: 500; color: #303030; }
.page-template-home-new .hero-new-banner.home-leatest-new .banner_btns .theme_btn { background-color: #222 !important; color: #fff; }
.page-template-home-new .hero-new-banner.home-leatest-new .banner_btns .theme_btn::after { border-bottom-color: #222 !important; border-left-color: #222 !important; }
.hero-new-banner.home-leatest-new .hero-new-banner-video { max-width: 919px; }
.awards-container .awards-grid{ border-top: none !important; }
.awards-container .awards-grid{ position: relative; }
.awards-container .awards-grid::after{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 0.1px; width: 100%; background-color: #DDDDDD; }
.awards-container .awards-grid .award-item:nth-child(4),
.awards-container .awards-grid .award-item:last-child { border-right: none !important; }
.awards-container .heading-main { font-size: 42px !important; max-width: 314px; }
.awards-container .left-column .subheading{ margin-top: 15px; }

.craft_section .call-us-cont h2 { font-size: 60px !important; }


/* start responsive css */

@media (min-width: 1339px) and (max-width: 1600px){
	.page-template-web-development-company-in-india .container { max-width: 100%; padding: 0px 20px; }
	form.woocommerce-cart-form .coupon { padding-right: 86px;}
	.people_section .container .people_box .people_img { height: 160px!important; width: 160px; }
	.hero-new-banner.christman-banner .banner_btns { top: calc(100% - 172px); }
	.hero-new-banner.christman-banner .banner_btns .theme_btn { min-height: 48px; line-height: 48px; min-width: 170px; margin: 0 0 0 15px; }

}

@media (min-width: 1025px) and (max-width: 1338px){
	.page-template-web-development-company-in-india .container { max-width: 1280px; padding: 0px 20px; }
	form.woocommerce-cart-form .coupon { padding-right: 86px;}
	.people_section .container .people_box .people_img { height: 160px!important; width: 160px; }
	.hero-new-banner.christman-banner .banner_btns { top: calc(100% - 150px); }
	.hero-new-banner.christman-banner .banner_btns .theme_btn { font-size: 13px; min-height: 47px; line-height: 47px; min-width: 160px; margin: 0; }

}

@media(max-width: 1199px) {
	.hero-new-banner.christman-banner .banner_btns { top: calc(100% - 134px); }
}


@media (max-width: 767px){
	.login_form_sec .login_form form > .um-col-alt { column-gap: 6px;}
	.newsletter .sub_btn { min-height: 40px !important; line-height: 40px !important; max-width: 60px !important; min-width: 139px; }	
	form.woocommerce-cart-form .coupon { justify-content: center; width: 100%; padding-right: 0px; }	
	.contact_page.subscribe-popup .tell_section.contact_page  .contact_form { padding: 0px 0px 0px 0px; width: 100%; }
	.contact_page.subscribe-popup .top_title p.p_style { padding: 0;}
	.people_section .container .people_box .people_img { height: 120px!important; width: 120px; }
	.people_section .people_box .people_img img { height: 120px; }
	.people_section .col-md-3 { margin-bottom: 10px !important; }
	.address_sec .address_content { padding: 30px 20px; background-size: 25px auto; background-position: calc(100% - 20px) 25px; }
	body .getin-touch-wrapper .row div .touch-box { padding-bottom: 90px !important; }
	.contact_banner .col-6 { width: 100%;}
	.contact_banner p { text-align: center; }
	.contact_form .wpcf7, .col-12.top_title { padding: 0px !important; }
	.top_header.mobile-header { position: relative; z-index: 99; background: none !important; }
	.mobile-header .calls ul li a { color: #000000 !important; }
	.top_header.mobile-header .calls ul li { color: #000000;}
	.top_header.mobile-header .social-icon ul a{color:#000; border: 1px solid #000000;}
	.mobile-menu { display: flex; flex-wrap: wrap; align-content: space-between; }
	.mobile-menu ul#mobile-menu { margin: 0 !important; }
	.top_header.mobile-header ul.d-flex.flex-wrap { display: flex; justify-content: flex-start; }
	.mobile-hide { display: none !important; }
	.top_header.mobile-header .social-icon ul li { padding: 0 5px 0px 0; }
	.banner_btns { display: flex;  flex-wrap: wrap; row-gap: 36px; }
	.hero-new-banner .hero-content { transform: translate(-50%); z-index: 11; position: absolute !important; top: 15% !important; left: 0 !important; }
}

@media (min-width:1025px) and (max-width:1300px){
	body .getin-touch-wrapper .touch-box { padding: 50px 7px; }
    .home-leatest-new .hero-content h1 { font-size: 28px !important; line-height: 40px !important; }
}

@media (max-width:1600px){
	.address_content h3 { font-size: 28px; }

}

@media (max-width:1024px){
	.getin-touch-wrapper .row .touch-box { padding-bottom: 130px !important; }
	.hero-new-banner { height: 100% !important; }

}

@media (max-width:991px){
	.address_content h3 { font-size: 26px; }
	body .getin-touch-wrapper .row .touch-box { padding-bottom: 70px !important; }
	.home-leatest-new .hero-content h1 { font-size: 25px !important; line-height: 40px !important; }

}

.address_content { margin-top: 50px; box-shadow: 2px 2px 10px #33333359; padding: 30px 30px 35px; margin-inline: auto; width: fit-content; background-image: url(./images/location.webp); background-repeat: no-repeat; background-position: calc(100% - 25px) 25px; background-size: 40px auto; }
.address_content h4 { margin: 13px 0 8px; font-size: 20px; }
.address_content p { margin-top: 4px; }
.address_content p strong { font-weight: 600; }
.address_content p a { color: #000 !important; }
.address_content p a:hover { color: #f44336 !important; }
.getin-touch-wrapper .row { align-items: stretch; row-gap: 60px; }
.getin-touch-wrapper .row > div { overflow: hidden; margin-bottom: 0; }
.getin-touch-wrapper .touch-box { height: 100%; position: relative; padding-bottom: 150px !important; margin-top: 66px; }
.getin-touch-wrapper .touch-box .theme_btn { position: absolute; bottom: 125px; left: 50%; transform: translateX(-50%); margin: 0; min-width: 180px; }

/* start 09-Dec-2024 */
.home-leatest-new .hero-content p { max-width: 690px; margin: 0 !important; padding-top: 20px; position: relative; z-index: 1; }
.hero-new-banner { background: url('/wp-content/themes/webzia-infotech/images/new-hero-banner-image.webp') no-repeat; background-position: bottom; background-size: cover; width: 100%; min-height: 580px; height: calc(100vh - 147px); position: relative; display: flex; flex-wrap: wrap; align-items: center; z-index: 1; }
.hero-new-banner { position: relative }
.hero-new-banner:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; }
/* .hero-new-banner::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(32 22 75 / 80%); z-index: -1; } */
.hero-new-banner.christman-banner { background: url('https://us.webziainfotech.com/wp-content/uploads/2024/12/christmas-banner-desktop.jpg') no-repeat; background-size: cover; background-position: center; min-height: 750px; }
.hero-new-banner .hero-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; max-width: 1140px; padding: 0 15px; text-align: center; }
/*.hero-new-banner.christman-banner { position: relative; padding-top: 39%; }
.hero-new-banner.christman-banner .banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-new-banner.christman-banner .banner img { width: 100%; height: 100%; object-fit: cover; }*/
/*.hero-new-banner  .hero-content { width: 100%; max-width: 707px; }*/


/*@media(min-width: 1500px) {
	.hero-new-banner.christman-banner { background-size: cover; min-height: 750px; }
	.hero-new-banner.christman-banner .banner_btns { transform: translate(calc(-50% - 330px), calc(-50% + 130px)); }
}*/


.app_Development_Tech { padding: 80px 0px; }
.app_Development_Tech .section-title h2 { line-height: 1.1; }
.app_Development_Tech ul.tech_List { display: grid; grid-template-columns: repeat(6, 1fr); justify-content: center; text-align: center; }
.app_Development_Tech ul.tech_List li { display: flex; flex-direction: column; align-items: center; justify-content: center; row-gap: 1.2rem; }
.app_Development_Tech ul.tech_List li .Icon_Column { width: 168px; height: 168px; display: flex; align-items: center; justify-content: center; border-radius: 100px; padding: 28px; box-shadow: 0px 0px 24px 0px #00000014; transition: all 0.5s ease-in-out; }
.app_Development_Tech ul.tech_List li .Icon_Column img { width: 100%; max-width: 80%; transition: all 0.5s ease-in-out; }
.app_Development_Tech ul.tech_List li .Icon_Column:hover img { transform: scale(1.08); }
.app_Development_Tech ul.tech_List li span { display: block; font-size: 16px; color: #222222; font-weight: 600; }

.App_Services { width: 100%; height: 100%; background-image: url(https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/app_Development_BG.jpg); background-size: cover; background-repeat: no-repeat; padding: 100px 0px; }
.App_Services h2 { margin-bottom: 20px; }
.App_Services p { margin-bottom: 38px; }
.App_Services .theme_btn { min-width: 220px; color: #222; background-color: #fff !important; }
.App_Services .theme_btn::after { border-width: 2px; border-color: #fff !important; }
.App_Services ul.Service_List { display: flex; flex-wrap: wrap; gap: 26px; max-width: 1014px; justify-content: center; }
.App_Services ul.Service_List li.Service_Item { display: flex; background-color: #fff; padding: 0 40px 0 20px; min-height: 99px; align-items: center; border-radius: 60px; }
.App_Services ul.Service_List li.Service_Item span { font-size: 20px; color: #000; margin-left: 12px; }

/* shopify-app-development new section */
.shopify-app-development{ padding: 60px 0; }
.shopify-development-services{ background-image: linear-gradient(#ffffffbf, #eeeeee66); border: 1.12px solid #cccccc; border-radius: 0 0 33.58px 33.58px; margin: 18px 0; overflow: hidden; padding: 34px;}
.shopify-development-services .custom-left h3 { font-size: 29px; font-weight: 700; line-height: 50.36px; color: var(--heading-color); }
.shopify-development-services .custom-left p { font-size: 16px; font-weight: 400; line-height: 30.05px; margin: 20px 0 45px 0; text-align: justify; color: #585858; }
.shopify-development-services .custom-right{ text-align: right; }
.shopify-development-services .custom-right img { border-radius: 23px; height: 410px; }

.shopify-api-integration{ margin: 45px 0; }
.shopify-api-integration .api-integration-outer { background-image: linear-gradient(#ffffffbf, #eeeeee); border: 1.12px solid #cccccc; border-radius: 0 0 33.58px 33.58px; padding: 48px 41px; }
.shopify-api-integration .api-integration-outer h2 { font-size: 29px; color: var(--heading-color); font-weight: 700; line-height: 50.36px; }
.shopify-api-integration .api-integration-outer p { font-size: 16px; font-weight: 400; line-height: 38.05px; color: #585858; margin: 15px 0 44px 0; }
.shopify-api-integration .api-integration-outer img { border-radius: 23.5px; margin-top: 54px; height: 339px;  object-fit: cover; width: 100%; }

.work-together { background: linear-gradient(#f9f7f4, #ffffff, #ffffff, #f9f7f4); padding: 44px 0; }
.work-heading h1 { color: #000000; text-align: center; font-size: 35px; font-weight: 700; line-height: 40.77px; }
.work-heading p { font-size: 16px; font-weight: 400; color: #d72158; margin: 20px 0 48px 0; }
.work-together .box-outer { column-gap: 13px; }
.work-together .icon-outer { background-color: #ffffff; border: 1.27px solid #c5c5c5; border-radius: 7.64px; padding: 12px 20px; min-width: 151px; }
.work-together .icon-outer img { opacity: 0.6; } 
.work-together .text-box { background-color: #fff5f5; border-radius: 7.64px; padding: 21px 18px; gap: 14px; }
.work-together .form-check-input { accent-color: #000; }
.work-together .explore-button { background-color: #000000; color: #ffffff; text-decoration: none; border-radius: 1.27px; min-height: 365px; padding: 25px 98px; position: relative; font-size: 16px; font-weight: 400; line-height: 100%; }
.work-together .explore-button::after { content: ""; position: absolute; left: -9px; bottom: -9px; height: 25px; width: 25px; border-bottom: 1.27px solid #000; border-left: 1.27px solid #000; transition: 0.8s; }
.work-together .explore-button:hover::after { width: 100%; }
.work-together .form-check input { width: 32px; height: 32px; }
.work-together .box-outer .form-check { display: flex; flex-direction: row-reverse; align-items: center; column-gap: 1rem; font-size: 16px; font-weight: 500; line-height: 33.13px; }
.work-together .form-check input[type="radio"]:checked { background-color: #000; color: #fff; border-color: #000; }
.work-together .box-outer .form-check input[type="radio"]:focus{ box-shadow: none; outline: none; } 
.work-together .text-box:has(input[type="radio"]:checked) { background-color: #d72158; }

.work-together .box-outer:has(input[type="radio"]:checked) .icon-outer img { filter: brightness(0.5); opacity: 1; }
.work-together .banner_btns .theme_btn { min-width: 365px; }


@media (min-width: 1301px) and (max-width: 1600px) {
	.home-leatest-new .hero-content h1 { font-size: 42px !important; line-height: 42px !important; }
	.hero-new-banner { height: 100% !important; }
	.awards-container .heading-main { font-size: 34px !important; }
	.awards-container .heading-main span.heading-gradient{ font-size: 34px; }

	.craft_section .call-us-cont h2 { font-size: 49px !important; line-height: 59px !important; }
	.customized .customized-contant ul li { padding-bottom: 0 !important; }
	.customized .customized-contant ul li p { line-height: 27px !important; }
	.awards-container .award-logo img { width: auto; height: 64px; min-width: auto; }
	.App_Services ul.Service_List li.Service_Item { padding: 0 29px 0 15px; min-height: 77px; }
	.App_Services ul.Service_List li.Service_Item span{ font-size: 16px; }
	.app_Development_Tech ul.tech_List li .Icon_Column{ width: 148px; height: 148px; }
	.app_Development_Tech ul.tech_List li .Icon_Column img{ max-width: 78%; }

}

@media(max-width: 1199px) {
	.hero-new-banner.christman-banner .banner_btns .theme_btn { font-size: 13px; line-height: 42px; min-height: 42px; min-width: 160px; }
}

@media(max-width: 1024px){
	.hero-new-banner.christman-banner { min-height: 400px; }
	.hero-new-banner.christman-banner .banner_btns .theme_btn { font-size: 12px; line-height: 39px; min-height: 40px; min-width: 160px; }
	.hero-new-banner .banner_btns .theme_btn::after { width: 22px; height: 22px; left: -7px; bottom: -7px; }
	.hero-new-banner.christman-banner .banner_btns { top: calc(100% - 126px); }
	.hero-new-banner .hero-content h1 { line-height: 38px !important; }

}

@media (min-width:768px) and (max-width:1024px) { 
    .hero-new-banner .hero-content h1 { font-size: 23px !important; line-height: 35px !important; }

	.page-template-web-development-company-in-india .container { max-width: 1280px; padding: 0px 20px; }
	form.woocommerce-cart-form .coupon { padding-right: 0px;}
	.people_section .container .people_box .people_img { height: 140px!important; width: 140px; }
	.people_section .people_box h3 { font-size: 16px; line-height: 18px; }
	.people_section  .people_box p { font-size: 14px; }
	.top_header { display: block; }
	.top_header .calls ul li { padding-right: 20px; }
	.top_header .calls ul li:last-child { padding-right: 0 !important; }

	.hero-new-banner.home-leatest-new .hero-new-banner-video{ max-width: 100%; width: 100%; }
	.hero-new-banner.home-leatest-new .hero-content { position: absolute !important; background-color: #fff; transform: translate(-50%, -50%) !IMPORTANT; border-radius: 7px; padding: 18px; width: 78%; z-index: 12;}
	.awards-container .awards-grid { scroll-padding: 4px; overflow-x: scroll; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; flex-wrap: nowrap; scrollbar-width: auto; }
    .awards-container .awards-grid::-webkit-scrollbar { height: 4px; }
    .awards-container .awards-grid::-webkit-scrollbar-thumb { background: #000; border-radius: 4px; }
    .awards-container .awards-grid::-webkit-scrollbar-track { background: #fff; }
	.awards-container .awards-grid::after{ content: none; }
	.awards-container .awards-grid .award-item:nth-child(4){ border-right: 1px solid #ddd !important; }
	.awards-container .award-item{ min-width: 260px; width: 100%; }  
	.craft_section .call-us-cont h2 { font-size: 34px !important; line-height: 1.2; }
	.call-us-wrap .call-us-cont h4{ font-size: 31px !important; }

	footer.footer .row>.col-xl-3 { width: 100%; }
	.footer .footer_content{ max-width: 100%; }
	footer.footer .col-xl-9 { width: 100%; }
	footer.footer .col-xl-9 .row .col-xl-3 { width: 33.33333333%; }
	footer.footer .col-xl-9 .row  .col-12 { width: 100%; margin-bottom: 27px; }
	footer.footer .col-xl-9 .row .col-5, footer.footer .col-xl-9 .row .col-7 { width: 50%; }
	footer.footer .newsletter .custom-btn.sub_btn { min-height: 56px !important; line-height: 56px !important; }
	
	.app_Development_Tech { padding: 60px 0px; }
	.app_Development_Tech ul.tech_List{ column-gap: 8px; }
	.app_Development_Tech ul.tech_List li .Icon_Column { width: 108px; height: 108px; }
	.app_Development_Tech ul.tech_List li span{ font-size: 14px; }
	.App_Services { padding: 60px 0px; }

	.App_Services ul.Service_List{ margin-top: 20px; }
	.App_Services ul.Service_List li.Service_Item { padding: 0 30px 0 15px; min-height: 59px; }
	.App_Services ul.Service_List li.Service_Item img { height: 49px; }
	.App_Services ul.Service_List li.Service_Item span{ font-size: 15px; }
	.App_Services ul.Service_List { gap: 7px; max-width: 100%; row-gap: 15px; }

	.App_Services .text-white { text-align: center; }
	.App_Services .text-white .banner_btns{ justify-content: center; }

}


@media screen and (max-width: 767px) {
    /*.hero-new-banner { min-height: 400px; }*/
    .hero-new-banner.christman-banner { padding-top: 0px;  }
    .hero-new-banner  .hero-content p { font-size: 15px; line-height: 26px;margin: 11px 0 0; }
    .hero-new-banner  .hero-content  .theme_btn { font-size: 15px; line-height: 45px; min-height: 45px; padding: 0 10px; min-width: 107px; }
    .hero-new-banner .hero-content .theme_btn.call-back { margin-left: 0; }
    .hero-new-banner .hero-content .theme_btn::after{ left: -8px; bottom: -8px; }
    .hero-new-banner .banner_btns{  display: flex !important; column-gap: 28px;}
    .home .hero-new-banner .banner_btns .theme_btn { font-size: 12px; margin: 0 3px; }
    .call-us-wrap .call-us-cont { padding-top: 30px; }
    .hero-new-banner.christman-banner .banner { position: unset;}
    .hero-new-banner.christman-banner .banner_btns { width: 100%; top: calc(100% - 150px); transform: translate(-50%, 0); text-align: center; }
    .hero-new-banner .hero-new-banner-outer .hero-content { padding: 70px 18px 40px 18px; }
	.hero-new-banner .hero-new-banner-video { position: absolute; width: 100%; height: 100%; z-index: 1; }
	.hero-new-banner .hero-content { width: 100%; }
	.hero-new-banner .container { padding: 0px; }

	/* start 26-May-2025 */
	.hero-new-banner.home-leatest-new{ overflow: hidden; }
	.hero-new-banner.home-leatest-new .hero-content { background-color: #faf7f9; max-width: 94%; border-radius: 11px; padding: 29px 23px; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; }
	.hero-new-banner.home-leatest-new h1{ text-align: center; }
	.hero-new-banner.home-leatest-new  .hero-content p { line-height: 28px; padding-top: 7px; text-align: center; }
	.hero-new-banner.home-leatest-new .hero-content .banner_btns{ justify-content: center; margin: 26px 0 0 0; }
	.custom-logo-link img { height: auto; }
	.awards-container .container { padding: 0; }
	.awards-container .awards-grid { scroll-padding: 4px; overflow-x: scroll; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; flex-wrap: nowrap; scrollbar-color: #000 #adadad;scrollbar-width: thin; }
    .awards-container .awards-grid::-webkit-scrollbar { width: 4px; height: 4px; }
    .awards-container .awards-grid::-webkit-scrollbar-thumb { background: #000; border-radius: 4px; }
    .awards-container .awards-grid::-webkit-scrollbar-track { background: #fff; }

	.awards-container .awards-grid::after{ content: none; }

	.craft_section .call-us-cont h2 { font-size: 19px !important; }

	.awards-container .heading-main, .awards-container .heading-main span.heading-gradient{ font-size: 19px !important; }
	.awards-container .left-column .subheading{ font-size: 14px !important; }
	.awards-container .right-heading{ font-size: 14px !important; }
	p { font-size: 14px !important; }
	.call-us-wrap .call-us-cont h4{ font-size: 19px !important; }
	.buissness-india .global-reach:hover .global-icon span{ color:#000; }
	.product_banner.contact_banner.contact_page h1 { text-align: center; margin-bottom: 7px; }
	.tell_section.contact_page .contact_form{ margin-top: 28px; }
	section.tell_section.contact_page { padding-bottom: 39px; }
	section.getin-touch-wrapper.getin-touch-m { padding: 39px 0; }

	.app_Development_Tech { padding: 40px 0px; }
	.app_Development_Tech ul.tech_List { grid-template-columns: repeat(4, 1fr); row-gap: 17px;}
	.app_Development_Tech ul.tech_List li .Icon_Column { width: 98px; height: 98px; padding: 24px; }
	.app_Development_Tech ul.tech_List li { row-gap: 0.5rem; }
	.app_Development_Tech .section-title h2 { line-height: 27px; max-width: 80%; margin: 0 auto 10px; }
	.App_Services .text-white { text-align: center; }
	.App_Services { padding: 30px 0px 50px; }
	.App_Services .banner_btns{ justify-content: center; }  
	.App_Services ul.Service_List li.Service_Item { padding: 0 14px 0 10px; min-height: 47px; }
	.App_Services ul.Service_List { gap: 10px; max-width: 100%; }
	.app_Development_Tech ul.tech_List li span{ font-size: 13px; }
	.App_Services .theme_btn{ min-width: auto; }
	.App_Services ul.Service_List li.Service_Item img { height: 35px; }
	.App_Services ul.Service_List li.Service_Item span { font-size: 12px; color: #000; margin-left: 6px; }

}

@media(max-width: 575px) {
	.hero-new-banner.christman-banner .banner_btns { top: calc(100% - 130px); }
	.hero-new-banner  .hero-content h1 { font-size: 21px !important; line-height: 29px !important;}
}

@media screen and (max-width: 480px) {
    .hero-new-banner .banner_btns{ column-gap:24px;}
    .hero-new-banner.christman-banner .banner_btns { top: calc(100% - 106px); }
	.app_Development_Tech ul.tech_List { grid-template-columns: repeat(3, 1fr);}

}

@media(max-width: 375px) {
	/* .page-id-1670 .banner_btns a.theme_btn.call-back {
	    margin-top: 30px;
	} */
}