@font-face {
	font-family: 'Hikasami';
	font-style: normal;
	font-weight: 400 500 600 700;
	src: url('../fonts/Hikasami-VF.ttf') format('truetype-variations');
	font-style: normal;
	font-display: swap;
}


:root {
	--color-light-black: #1A1A1A;
	--color-green: #58AB68;
	--container-width: 1440px;
    --font-hikasami: 'Hikasami';
}

html 
{
	overflow-x: hidden;
	scroll-behavior: smooth;
}

::selection {
  background-color: #ECF4DC; /* background color jab text select ho */

}

.bg-light-black {
	background-color: var(--color-light-black);
}
.bg-green {
	background-color: var(--color-green);
}
.text-green {
	color: var(--color-green);
}

.animation {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
}

body {
	font-family: var(--font-hikasami);
	font-weight: 400;
	color: #1A1A1A;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	overflow-x: hidden !important;
}
.container {
	max-width: var(--container-width)
}
*:focus-visible {
	outline: 2px dashed #C7F464;
	outline-offset: 3px;
}
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
input[type="file"]:focus-visible,
input[type="tel"]:focus-visible,
input[type="date"]:focus-visible,
textarea:focus-visible {
	outline: none !important;
	outline-offset: 0 !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
	box-shadow: none;
	border: 1px solid #c7f464;
}
.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	z-index: 9999;
}

.skip-link:focus,
.skip-link:focus-visible {
	top: 10px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: visible;
	padding: 8px 12px;
	background-color: #58AB68;
	color: #fff;
	text-decoration: none; 
}

.site_faq_accordion_box button[aria-expanded='false'] .icon-minus {
        display: none;
}

.site_faq_accordion_box button[aria-expanded='true'] .icon-plus {
        display: none;
}

.site_faq_accordion_box button[aria-expanded='true'] 
{
	box-shadow: none;
}

.left_space {
    padding-left: calc((100vw - var(--container-width)) / 2);
}

.packagesSwiper
{
}

a,button
{
	cursor: pointer;
}

.site_header{
    transition: all 0.4s ease;
}

#navbar-drawer
{
z-index: 999;
}

.site_header {
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}

.header_sticky {
    position: fixed;
    z-index: 999;
    animation: stickySlideDown 0.5s ease forwards;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.9);
    margin-top: 0;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

@keyframes stickySlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.header_sticky .site_header_content{

    background: transparent;
}

@keyframes stickySlideDown{
    from{
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

/* Hero Css */
.site_hero_section {
	background-image: url('../images/hero-bg.svg');
	background-size: cover;
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}

/* Why Choose */


.site_why_choose_tab li button 
{
    border-left: 3px solid transparent;
	color: #9E9E9E;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;

}

.site_why_choose_tab li button[aria-selected="true"] {
    border-left: 3px solid #008060;
    transition: border-left-color 0.2s ease;
	color: #1A1A1A;
	font-weight: 700;
}

.site_square_box {
    min-height: 48%;
}

.site_square_box.site_square_box_auto
{
	min-height: auto;
	margin-bottom: 0px;
}

.service-column-1 .site_square_box 
{
	min-height: 0;
}

.lottie-icon
{
	position: relative;
	padding-left: 75px;
}


.consultation-popup.lottie-icon.lottie-icon-green dotlottie-player {
    filter: brightness(0) saturate(100%) invert(48%) sepia(18%) saturate(1514%) hue-rotate(80deg) brightness(91%) contrast(86%);
}

.consultation-popup.lottie-icon.lottie-icon-green:hover dotlottie-player {
    filter: unset;
}


.consultation-popup.lottie-icon.lottie-icon-black:hover dotlottie-player {
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7483%) hue-rotate(353deg) brightness(96%) contrast(99%);
}

/* =========================================
   SERVICES BOXES START
========================================= */

.shopify_development_section .site_square_box:hover
{
	cursor: pointer;
}


/* Box Title */
.site_square_box h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size: 16px;
	    font-weight: bold;
}


/* =========================================
   ALL SERVICE BOXES
========================================= */

.service-column-1 .site_square_box,
.service-column-2 .site_square_box,
.service-column-3 .site_square_box {
    height: auto;
    min-height: 0;
}


/* =========================================
   DESCRIPTION - DEFAULT / INACTIVE
========================================= */

.service-column-1 .site_square_box .leading-relaxed,
.service-column-2 .site_square_box .leading-relaxed,
.service-column-3 .site_square_box .leading-relaxed {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0 !important;

    transition:
        max-height 0.2s ease,
        opacity 0.30s ease,
        margin-top 0.2s ease;
}


/* =========================================
   DESCRIPTION - ACTIVE
========================================= */


.service-column-1 .site_square_box.square_box_active .leading-relaxed,
.service-column-2 .site_square_box.square_box_active .leading-relaxed,
.service-column-3 .site_square_box.square_box_active .leading-relaxed {
    max-height: 300px;
    opacity: 1;
    margin-top: 1rem !important;
	 transition:
        max-height 0.9s ease,
        opacity 0.55s ease,
        margin-top 0.9s ease;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 1023px) {


    .service-column-1 .site_square_box .leading-relaxed,
    .service-column-2 .site_square_box .leading-relaxed,
    .service-column-3 .site_square_box .leading-relaxed {
        max-height: 300px;
        opacity: 1;
        margin-top: 1rem !important;
    }

	.service-column-2 .site_square_box:last-child
	{
		margin-bottom: 0px;
	}
}


/* =========================================
   SERVICES BOXES END
========================================= */

.swiper-pagination-progressbar {
	position: relative;
  background: #D9D9D9 !important; 
  height: 4px !important;
}

.swiper-pagination-progressbar-fill {
  background: #0A0A0A !important; 
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: none;
}

.packages_button_prev,
.packages_button_next
{
	margin: 0px;
}

.custom-swiper-next svg, .custom-swiper-prev svg {
	width: auto !important;
    height: auto !important;
}



/* .marqueeSwiper,
.marqueeSwiper2 {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
} */

.swiper-wrapper.marquee-swiper {
  transition-timing-function: linear;
  align-items: center;
}

.swiper-slide.marquee-swiper {
  max-width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site_testimonial_box
{
	transition: all .5s ease;

}
.site_testimonial_box:hover
{
	background-color: #ECFFC8;
}



.site_mobile_menu li a {
	padding: 12px 0;
	display: block; 
	border-bottom: 1px solid #C7F464;
}

.site_mobile_menu li:last-child a {
	border-bottom: 1px solid #C7F464;
	border: none;
}

.site_btn_col p
{
	display: flex;
	align-items: center;
}


.swiper,
.swiper-wrapper,
.swiper-slide,
.swiper-button-next,
.swiper-button-prev {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


/* FAQ */

.site_faq_accordion_title button
{
	text-align: left;
}

.site_faq_accordion_box:has(button[aria-expanded="false"])
{
	background-color: #F3F3F3;
}
.site_faq_accordion_box:has(button[aria-expanded="true"])
{
	background-color: #ECFFC8;
}

.site_faq_accordion_title button[aria-expanded="true"] {
  background-color: transparent;
}

/* WDE start */

.site_wde_box
{
	background-image: url(../images/focus-bg.webp);
	background-size: cover;
	border-radius: 30px;
	    margin-top: -300px;
}

.quote_cta_section
{
	background-image: url(../images/get-tailored-bg.svg);
	background-size: cover;
	/* margin-top: 230px; */
}

.quote_cta_section .quote_cta_section_content {
    align-self: center;
}


/* Scroll accordion */

.site_accordion_container 
{
	border-radius: 15px;
    overflow: hidden; 
}

.site_accordion_container .acc-header
{
	margin-bottom: -20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: solid 1px #e7e7e7;	
}

.site_accordion_container .acc-body
{
    border-radius: 10px;
}

@media(min-width:1367px)
{
	.site_accordion_container .acc-image
	{
		margin-top: 40px;
		margin-bottom: 40px;
	}	
}

@media(max-width: 1367px) and (min-width:1025px)
{	
	.site_accordion_container .acc-body img
	{
		height: 250px;
	}

}

#accordion-container .acc-item:nth-child(1) .acc-header
{
	background-color: #78BA82;
}
#accordion-container .acc-item:nth-child(2) .acc-header
{
	background-color: #58AB68;
}
#accordion-container .acc-item:nth-child(3) .acc-header
{
	background-color: #488954;
}
#accordion-container .acc-item:nth-child(4) .acc-header
{
	background-color: #3b7445;
}

/* Contact form 7 */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    border-radius: 10px;
    background-color: #ffb900;
	color: #0a2024;
}

.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450;
    border-color: #46b450;
    border-radius: 10px;
    color: #fff;
}

.wpcf7 form .wpcf7-response-output {
    border-color: #00a0d2;
    background-color: #00a0d2;
    border-radius: 10px;
    color: #fff;
}

.wpcf7 form.invalid .wpcf7-response-output {
    display: none;
}


/* Popup  */

html.overlay,
body.overlay {
    overflow: hidden !important;
}

.popup {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	position: fixed;
	inset: 0;
	text-align: center;
	z-index: 999999;
	overflow-y: auto;
}

.popup .popup__contents {
	width: 1440px;
	padding: 80px 50px 50px;
	background: #fff;
	color: black;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../images/popup-bg-lines.svg');
	background-repeat: no-repeat;
	background-size: 500px;
	background-position: bottom right;
	background-color: #fff;
	min-height: 600px;
}

.close span svg {
	width: 21px;
	height: 21px;
}

.popup .popup__content {
	box-sizing: border-box;
	z-index: 999999;
	max-height: 78vh;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}


.popup .popup__content::-webkit-scrollbar-track {
	background-color: #E3E1E1;
}

.popup .popup__content::-webkit-scrollbar {
	width: 10px;
	background-color: #E3E1E1;
}

.popup .popup__content::-webkit-scrollbar-thumb {
	background-color: #58AB68;

}


.popup .popup__contents .close {
    position: absolute;
    right: -15px;
    top: -30px;
    width: 50px;
    height: 50px;
    background: #008060;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999999999999;
}



.popup .popup__content .close span {
	cursor: pointer;
	position: fixed;
}


.popup__content-inner {
	width: 100%;
}


@media (max-width: 1600px) {
    .popup .popup__contents {
        width: 75%;
    }
}

@media (max-width: 639px) {
    .popup .popup__contents {
        justify-content: flex-start;
    }


}

@media (max-width: 1180px) {
    .popup .popup__contents {
        width: 90%;
    }
}

@media (max-width: 900px) and (max-height: 500px), (max-width: 639px) {

    .popup .popup__contents {
        padding: 25px;
		min-height: 300px;
    }

	.close span svg {
        width: 15px;
        height: 15px;
    }	

	.popup .popup__contents .close {
		right: -12px;
		top: -10px;
		width: 40px;
		height: 40px;
	}	

}

/* Step form start */

.step-header {
	margin-bottom: 50px;
}

.step-counter {
	font-size: 24px;
	font-weight: bold;
	color: #1a202c;
	/* Dark color for the text */
	margin-bottom: 8px;
	font-family: sans-serif;
}

.step-progress-container {
	width: 100%;
	height: 7px;
	background-color: #E3E1E1;
	overflow: hidden;
}

.step-progress-bar {
	width: 33.33%;
	/* Start width for 1st step */
	height: 100%;
	background-color: #58AB68;
	/* Light lime color as per image */
	transition: width 0.4s ease;
}


.multi-step-btn-wrap,
.multi-step-btn-wrap p {
	width: 100%;
	justify-content: space-between;
	display: flex;
}

.multi-step-btn-wrap {
	padding: 30px 0 50px;
	position: relative;
}

.multi-step-btn-wrap button {
    border-radius: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 59px;
    transition: .5s ease-in-out;
    max-width: 252px;
}

.multi-step-btn-wrap p {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

button.back-button {
	border: 1px solid #008060;
	width: 100%;
	gap: 15px;
	color: #008060;
	font-weight: bold;
	cursor: pointer;
}

button.back-button:hover {
	background: #008060;
	color: #F8F9FA;
}

.multi-step-btn-wrap p br {
	display: none;
}


button.back-button svg path {
	transition: width 0.4s ease;
}

button.back-button:hover svg path {
	stroke: #F8F9FA;
}

button.back-button br {
	display: none;
}

.ms_step_title {
	font-size: 40px;
	font-weight: 700;
	color: #1A1A1A;
}

.ms_step_count,
.ms_step_count p {
	font-size: 16px;
	font-weight: 700;
	color: #1A1A1A;
}

.ms_step_subtitle {
	font-size: 20px;
	font-weight: 700;
	color: #1A1A1A;
}


.build_icon_radio {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	max-width: 789px;
	margin: auto;
}

.build_icon_stack {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px;
	max-width: 660px;
	margin: auto;
}

.build_icon_range {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
    max-width: 789px;
	margin: auto;
}

@media(max-width:639px)
{

	.build_icon_range {
		grid-template-columns: repeat(1, 1fr);
	}

}

.build_icon_stack .wpcf7-list-item.last {
	grid-column: 1 / -1;
	justify-self: center;
}

.build_icon_radio .wpcf7-list-item,
.build_icon_stack .wpcf7-list-item,
.build_icon_range .wpcf7-list-item {
	margin: 0px;
	border: solid 1px #E3E1E1;
	border-radius: 10px;
    overflow: hidden;

}


.build_icon_radio .wpcf7-list-item label,
.build_icon_stack .wpcf7-list-item label,
.build_icon_range .wpcf7-list-item label {
	padding: 25px 10px;
	display: block;
	background-color: #fff;
	height: 100%;
}

.build_icon_radio .wpcf7-list-item label:hover,
.build_icon_stack .wpcf7-list-item label:hover,
.build_icon_range .wpcf7-list-item label:hover {
	cursor: pointer;
}

.build_icon_radio .wpcf7-list-item label:hover,
.build_icon_stack .wpcf7-list-item label:hover,
.build_icon_range .wpcf7-list-item label:hover {
	background-color: #ecf4dc;
}

.build_icon_radio label:has(input[type="radio"]:checked),
.build_icon_stack label:has(input[type="radio"]:checked),
.build_icon_range label:has(input[type="radio"]:checked) {
	background: #ecf4dc;
}

.build_icon_radio input[type="radio"],
.build_icon_stack input[type="radio"],
.build_icon_range input[type="radio"] {
	position: absolute;
	z-index: -1;
	visibility: hidden;
}

.build_icon_radio .wpcf7-list-item label::before {
	content: "";
	background-size: contain;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	width: 50px;
	height: 50px;
	margin: 0 auto 15px auto;

}

.multi-step-btn-wrap button {
	border-radius: 6px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 59px;
	transition: .5s ease-in-out;
}

/* .multi-step-btn-wrap button:hover {
	background: transparent !important;
	color: #58AB68 !important;
} */

.project-description-wrap {
	max-width: 1000px;
	margin: 0 auto;
}



.wpcf7-not-valid-tip {
    text-align: left;
    padding-top: 5px;
    font-size: 14px;
}

.project-description-wrap input {
	border-radius: 12px;
    padding: 18px 14px;
    font-size: 16px;
}

.project-description-wrap textarea#project-description {
	border: 1px solid #E3E1E1;
	border-radius: 12px;
	height: 100%;
	max-height: 213px;
    font-size: 16px;
}


.wpcf7-form .wpcf7-response-output {
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom: 5px !important;
	border: none !important;
	color: #dc3232;
}

.thankyou-popup {
	display: none;
}

.wpcf7-form.sent .wpcf7-response-output {
	display: none;
}

.wpcf7-form.sent .thankyou-popup {
	display: block;
}

.thankyou-popup-content {
	text-align: center;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	gap: 30px;
}

.thankyou-popup-content img {
	margin: 0 auto;
}

.build_icon_radio .wpcf7-list-item:nth-child(1) label::before {
	background-image: url('../images/shopify-store-dev.svg');
}


.build_icon_radio .wpcf7-list-item:nth-child(2) label::before {

	background-image: url('../images/shopify-store-design.svg');

}

.build_icon_radio .wpcf7-list-item:nth-child(3) label::before {
	background-image: url('../images/shopify-store-custom.svg');
}

.build_icon_radio .wpcf7-list-item:nth-child(4) label::before {
	background-image: url('../images/shopify-app-icon.svg');
}

.build_icon_radio .wpcf7-list-item:nth-child(5) label::before {

	background-image: url('../images/shopify-migration-icon.svg');
}

.build_icon_radio .wpcf7-list-item:nth-child(6) label::before {
	background-image: url('../images/store-optimization.svg');
}


.popup__content-inner form.wpcf7-form {
	width: 95%;
	margin: 0 auto;
}

.step-back-wrap {
	margin: 0;
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 20px;
}

.step-back-wrap p {
	display: flex;
	align-items: center;
	cursor: pointer;
}

.step-back-wrap p button {
	cursor: pointer;
}

.multi-step-btn-wrap span.wpcf7-spinner {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	bottom: 15px;
	background-color: #58AB68;
	opacity: 1;
}

form.wpcf7-form.sent {
	border: none !important;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
    width: 100% !important;
}

.iti__selected-country-primary {
    background: transparent !important;
}

/* Step form end */

.packages_section
{
	background-image: url('../images/shape-lines.svg');
	background-repeat: no-repeat;
    background-position: top right;
}



.process-slider-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;          /* left/right clip yahan hoga */
}

.process-swiper {
    width: 100%;
    max-width: 100%;
    min-width: 0;              /* loop todne wali line */
    overflow: visible;         /* tilt wale corners clip na hon */
    padding: 60px 0;           /* padding wrapper ke andar hai, to upar neeche cut nahi hoga */
}

 .process-swiper .swiper-slide {
        height: auto;
        transform-origin: center center;
        transform: rotate(-4deg); 
       transition:
            transform .7s cubic-bezier(.22, .61, .36, 1),
            transform-origin .7s cubic-bezier(.22, .61, .36, 1);   /* ye add kiya */
        will-change: transform;
        backface-visibility: hidden;
  }

.process-swiper .swiper-slide-active {
    transform: rotate(0deg);
}

.process-swiper .swiper-slide-active ~ .swiper-slide {
    transform: rotate(4deg);
}

.process-swiper .process-card {
    height: 100%;
    min-height: 475px;
    border-radius: 30px;
}

.process-slide.swiper-slide-prev{
    transform-origin: right;
}

.process-slide.swiper-slide-next{
    transform-origin: left;
}

.process-slider-wrap  .swiper-wrapper{
     align-items: center;
}


.site_git_col p
{
	margin-top: -4px;
}

.site_footer_copyright_row
{
    background-color: #f3f3f3;
    border: none;
    border-radius: 10px;
    margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
}


@media (min-width:1380px){
    .process-swiper .swiper-slide {
        width: 75%;
  }
}


@media (max-width:1440px) {

	.site_hero_section p br {
		display: none;
	}
	.achievementSliderWrap .slideContent {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.hero_image {
		padding-right: 0;
	}
}


@media (max-width:1380px) and (min-width:1180px){
    
    .process-swiper .swiper-slide{
	    width: 70%;
	}
}

@media (max-width:1236px) {

	.site_trusted_brands
	{
		flex-wrap: wrap;
		
	}

	.site_tb_img 
	{
		width: 30%;
		display: flex;
		justify-content: center;
		padding:  20px;
	}
	
}

@media (max-width:1180px) {
	.hiring_section p br {
		display: none;
	}

	.popup .popup__content {
		width: 100%;
	}

}

@media (max-width:1180px) and (min-width:1023px){
    
    .process-swiper .swiper-slide{
	    width: 50%;
	}
}


@media (max-width: 1023px) {

	.quote_cta_section_content
	{
		padding-top: 30px;
	}

	.quote_cta_section_img
	{
		order: 2;
	}

    .process-slider-wrap {
        padding-left: 36px;
    }
    .process-swiper .swiper-slide , .process-swiper .swiper-slide-active ~ .swiper-slide{
        transform-origin: initial !important;
        transform: none !important;
        transition: none !important;
        will-change: auto !important;
        backface-visibility: visible !important;
    }
 
	.hero_heading {
		margin-left: auto;
		margin-right: auto;
	}

	.site_why_choose_tab
	{
        display: flex;
        border-left: none;
        white-space: nowrap;
        overflow-x: auto;
		border-bottom: solid 2px #ccc;
	}

	.site_why_choose_tab li 
	{
		margin-bottom: 0px;
	}

	.site_why_choose_tab li button[aria-selected="true"]
	{
		border-left: 0px;
		border-bottom: 3px solid #008060;
	}

	.site_why_choose_content img.ms-auto
	{
		width: 50%;
	}

	.site_accordion_container .acc-header {
    	margin-bottom: 10px;
		border-radius: 10px;
	}
		

	.site_accordion_container .acc-item.group {
    	margin-bottom: 10px;
	}

	.packagesSliderWrap
	{
		padding: 0 16px
	}

}

@media (max-width: 854px) {
	.contact_form_section p br {
		display: none;
	}
}

@media(max-width:767px)
{
	.site_tb_img 
	{
		width: 40%;
	}

	.site_trusted_brands {
        justify-content: center;
    }
    
    .process-swiper .process-card{
        height: 640px;
    }

	.site_footer_copyright_row .text-left
	{	
		text-align: center !important;
	}


}

@media (max-width:640px) {
	br {
		display: none;
	}
}

@media (max-width:639px) {
	.popup__content-inner form.wpcf7-form {
		width: 100%;
	}

	.popup .popup__content {
		padding: 60px 20px 20px;
		justify-content: flex-start;
		height: 90% !important;
		width: 100%;
	}

	.popup .popup__contents .close {
		right: -15px;
		top: -20px;
		width: 40px;
		height: 40px;
		border-radius: 100px;

	}

	.close span svg {
		width: 15px;
		height: 15px;
	}

	.ms_step_title {
		font-size: 24px;
	}

	.thankyou-popup-content img {
		width: 80% !important;
	}

	.thankyou-popup-content .ms_step_title br {
		display: none;
	}

	.thankyou-popup-content p br {
		display: none;
	}

	.ms_step_subtitle {
		font-size: 16px;
	}

	.build_icon_stack {
		grid-template-columns: repeat(1, 1fr);

	}

	.build_icon_radio {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.process-img img {
        width: 80%;
    }
}


@media (max-width:439px){
    .wpcf7-turnstile.cf-turnstile {
        zoom: 0.8;
    }
}

@media (max-width:400px) {
	.mb_hidden {
		display: none !important;
	}
	.mb_social_icons {
		display: block !important;
	}
	.mb_social_icons .social-inks-wrap {
		justify-content: flex-start !important;
	}
	.hero_heading svg {
		width: 85%;
	}

	/* .hero_heading {
        font-size: 36px;
    } */

	.site_tb_img 
	{
        width: 44%;
        padding: 10px;
	}
}