/*
Theme Name: Raq-v2
Author: RAQ
Version: 1
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Text Domain: Raq
*/
section.case-study.desktop {
    display: none;
}
section.case-study.mobile-device {
    display: none;
}
.site-navbar .site-logo img {
    width: 210px !important;
}
span.people-join.animate__animated.aos-init.aos-animate {
    display: none;
}
.testimonial-navigation .swiper-button-next, .testimonial-navigation .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: rgb(0, 0, 0);
    border-radius: 100%;
}.testimonial-navigation svg {
    width: 16px !important;
}
/* section.our-process .image-container img{
	max-width: 340px !important;
} */
.col-12.col-xl-10.col-lg-9.d-none.new_header_navbar {
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
}
header.site-navbar .col-10.col-xl-2.col-lg-3 {
    padding-left: 0;
}
a, a:focus, a:hover {
	text-decoration:none
}
*, body, img {
	margin:0;
	padding:0
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin:0;
	padding:0;
	border:0;
	font:inherit
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ol, ul {
	list-style:none
}
/* blockquote, q {
	quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
	content:'';
	content:none
} */
table {
	border-collapse:collapse;
	border-spacing:0
}
* {
	box-sizing:border-box
}
a {
	outline:0;
	border:none;
}
a:focus {
	outline:0;
	border:none;
}
a:hover {
	outline:0;
	border:none;
}
button {
	outline:0;
	border:none;
}
button:hover {
	outline:0;
	border:none;
}
button:focus {
	outline:0;
	border:none;
}
.spacer {
	clear:both;
	line-height:0;
	font-size:0
}
img {
	border:0;
	height:auto;
	max-width:100%
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
html {
	overflow-x:hidden;
}
body {
	font-family: 'Lato', sans-serif;
	overflow-x:hidden;
}.navbar {
	padding:20px 0;
}

/* .navbar-brand {
	width:70px;
	margin:0;
	padding:0;
} */
.marquee-container {
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
}
.marquee-container {
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
}
.marquee-container .my-swiper.animate__animated.aos-init.aos-animate.swiper-initialized.swiper-horizontal.swiper-free-mode {
	overflow: hidden;
}
.navbar-nav {
	margin-top:20px;
}
.navbar-nav li {
	text-transform:capitalize;
}
.navbar-nav li a {
	color:#646A89 !important;
	display:block;
	font-size:16px;
	padding:6px 0;
	font-weight:400;
}
.navbar-nav li:hover a {
	background:0 0;
	color:#FB5472;
}
.navbar-nav li.active a {
	background:0 0;
	color:#FB5472
}
.navbar-toggler {
	padding:0;
	border:none;
	border-radius:0;
	width:21px;
	outline:0
}
.navbar-toggler span {
	width: 100%;
	height: 2px;
	display: block;
	border-radius: 0;
	margin-top: 4px;
	background: #1B2B7C;
}
.navbar-toggler:focus {
	border:none;
	outline:0
}
.navbar-toggler:focus {
	border:none;
	outline:0
}
.buttonoutertop {
	/* margin-left:30px; */
}
.buttonoutertop a {
	border-radius:50px;
	width:142px;
	height:44px;
	font-weight:700;
	line-height:41px;
	text-align:center;
	color:#FFFFFF;
	text-transform:capitalize;
	font-size:16px;
	display:block;
	background:#1B2B7C;
	box-shadow: 0px 15px 25px 0px rgba(27, 43, 124, 0.15);
}
.buttonoutertop a:hover {
	background: linear-gradient(225deg, rgba(128, 198, 0, 0.99) 0%, rgba(72, 142, 89, 0.99) 100%);

}
.herobannercontentrow {
	margin-top:30px;
}
.site-navbar{
	padding: 20px 0 10px 0;
}
.site-navbar .site-logo {
	width: 270px;
	}
	
	.site-navbar .site-navigation .site-menu {
	  margin-bottom: 0;
	}
	
	.site-navbar .site-navigation .site-menu .active>a span {
	  background: transparent;
	  color: inherit;
	  border-radius: 30px;
	  display: inline-block;
	  padding: 5px 20px;
	}
	
	.site-navbar .site-navigation .site-menu a {
	  text-decoration: none;
	  display: inline-block;
	}
	
	.site-navbar .site-navigation .site-menu>li {
	  display: inline-block;
	  position: relative;
	}
	
	.site-menu>li:hover:after {
	  display: block;
	}
/* 	.site-menu>li.active::after{
	  display: block;
	
	}
	.site-menu>li.active:after a{
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto;
	  top: -15px;
	  border: 2px solid #FB5472;
	  display: none;
	  border-radius: 100%;
	  width: 10px;
	  height: 10px;
	  content: "";
	} */
	 .site-menu>li:after {
	  position: absolute;
	  left: 0;
	  right: 0;
	  margin: auto;
	  top: -15px;
	  border: 2px solid #FB5472;
	  display: none;
	  border-radius: 100%;
	  width: 10px;
	  height: 10px;
	  content: "";
	}
	
	.site-menu>li:last-child:after {
	  display: none;
	}
	.site-navbar .site-navigation .site-menu>li>a {
	  color: #646A89;
	  display: block;
	  font-size: 16px;
	  padding: 6px 0;
	  font-weight: 400;
	}
	
	.site-navbar .site-navigation .site-menu>li>a>span {
	  padding: 5px 20px;
	  display: inline-block;
	  -webkit-transition: .3s all ease;
	  -o-transition: .3s all ease;
	  transition: .3s all ease;
	  border-radius: 30px;
	}
	
	.site-navbar .site-navigation .site-menu>li>a:hover>span {
	  background: transparent;
	  color: #FB5472;
	  border-radius: 30px;
	  display: inline-block;
	}
	
	.site-navbar .site-navigation .site-menu .has-children {
	  position: relative;
	}
	
	.site-navbar .site-navigation .site-menu .has-children>a span {
	  position: relative;
	  padding-right: 30px;
	}
	
	.site-navbar .site-navigation .site-menu .has-children>a span:before {
	  position: absolute;
	  content: "\e313";
	  font-size: 16px;
	  top: 50%;
	  right: 10px;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  font-family: 'icomoon';
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown {
	  visibility: hidden;
	  opacity: 0;
	  top: 100%;
	  position: absolute;
	  text-align: left;
	  border-top: 2px solid #FB5472;
	  -webkit-box-shadow:0 1px 10px rgb(0 105 255 / 30%);
	  box-shadow:0 1px 10px rgb(0 105 255 / 30%);
	  margin-top: 20px;
	  margin-left: 0px;
	  background: #fff;
	  -webkit-transition: 0.2s 0s;
	  -o-transition: 0.2s 0s;
	  transition: 0.2s 0s;
	  border-radius: 5px;
	  padding: 10px;
	  z-index: 999;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
	  position: absolute;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	  bottom: 100%;
	  left: 20%;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
	  border-color: rgba(136, 183, 213, 0);
	  border-bottom-color: #FB5472;
	  border-width: 10px;
	  margin-left: -10px;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown a {
	  text-transform: none;
	  letter-spacing: normal;
	  -webkit-transition: 0s all;
	  -o-transition: 0s all;
	  transition: 0s all;
	  color: #646A89;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown .active>a {
	  color: #FB5472 !important;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  min-width: 250px;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
	  padding: 14px 20px;
	  display: block;
	  border-bottom: 1px solid #edeff6;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
	  background: rgb(237 239 246 / 40%);
	  color: #FB5472;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a {
	  position: relative;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:after {
	  position: absolute;
	  right: 0;
	  content: "\e315";
	  right: 20px;
	  font-family: 'icomoon';
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
	  left: 100%;
	  top: 0;
	}
	
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
	.site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
	  background: #fafafb;
	}
	
	.site-navbar .site-navigation .site-menu .has-children:hover>a,
	.site-navbar .site-navigation .site-menu .has-children:focus>a,
	.site-navbar .site-navigation .site-menu .has-children:active>a {
	  color: #FB5472;
	}
	
	.site-navbar .site-navigation .site-menu .has-children:hover>a span,
	.site-navbar .site-navigation .site-menu .has-children:focus>a span,
	.site-navbar .site-navigation .site-menu .has-children:active>a span {
	  background: transparent;
	  color: #FB5472;
	}
	
	.site-navbar .site-navigation .site-menu .has-children:hover,
	.site-navbar .site-navigation .site-menu .has-children:focus,
	.site-navbar .site-navigation .site-menu .has-children:active {
	  cursor: pointer;
	}
	
	.site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
	.site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
	.site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
	  -webkit-transition-delay: 0s;
	  -o-transition-delay: 0s;
	  transition-delay: 0s;
	  margin-top: 0px;
	  visibility: visible;
	  opacity: 1;
	}
	.site-navbar .site-navigation .site-menu>li>a.buttonoutertop,
	.site-mobile-menu .site-nav-wrap>li>a.buttonoutertop {
	  border-radius: 50px;
	  width: 142px;
	  height: 44px;
	  font-weight: 700;
	  line-height: 44px;
	  text-align: center;
	  color: #FFFFFF;
	  text-transform: capitalize;
	  font-size: 16px;
		background: linear-gradient(225deg, rgba(128, 198, 0, 0.99) 0%, rgba(72, 142, 89, 0.99) 100%);
	 
	  box-shadow: 0px 15px 25px 0px rgba(27, 43, 124, 0.15);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.site-navbar .site-navigation .site-menu>li>a.buttonoutertop:hover,
	.site-mobile-menu .site-nav-wrap>li>a.buttonoutertop:hover{
		 background: #1B2B7C;
	  color: #fff !important;
	}
	.site-mobile-menu {
	  width: 300px;
	  position: fixed;
	  right: 0;
	  z-index: 2000;
	  padding-top: 80px;
	  background: #fff;
	  height: calc(100vh);
	  -webkit-transform: translateX(110%);
	  -ms-transform: translateX(110%);
	  transform: translateX(110%);
	  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
	  -webkit-transition: .3s all ease-in-out;
	  -o-transition: .3s all ease-in-out;
	  transition: .3s all ease-in-out;
	}
	
	.offcanvas-menu .site-mobile-menu {
	  -webkit-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  transform: translateX(0%);
	}
	
	.site-mobile-menu .site-mobile-menu-header {
	  width: 100%;
	  float: left;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
	  float: right;
	  margin-top: 8px;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
	  font-size: 18px;
	  display: inline-block;
	  padding-left: 10px;
	  padding-right: 0px;
	  line-height: 1;
	  cursor: pointer;
	  -webkit-transition: .3s all ease;
	  -o-transition: .3s all ease;
	  transition: .3s all ease;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
	  color: #f8f9fa;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
	  float: left;
	  margin-top: 10px;
	  margin-left: 0px;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
	  display: inline-block;
	  text-transform: uppercase;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
	  max-width: 70px;
	}
	
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
	  text-decoration: none;
	}
	
	.site-mobile-menu .site-mobile-menu-body {
	  overflow-y: scroll;
	  -webkit-overflow-scrolling: touch;
	  position: relative;
	  padding: 0 20px 20px 20px;
	  height: calc(100vh - 52px);
	  padding-bottom: 150px;
	}
	
	.site-mobile-menu .site-nav-wrap {
	  padding: 0;
	  margin: 0;
	  list-style: none;
	  position: relative;
	}
	
	.site-mobile-menu .site-nav-wrap a {
	  padding: 14px 20px;
	  display: block;
	  position: relative;
	  color: #646A89;
	}
	
	.site-mobile-menu .site-nav-wrap a:hover {
	  color: #FB5472;
	  text-decoration: none;
	  background-color: rgb(237 239 246 / 40%);
	 
	}
	
	.site-mobile-menu .site-nav-wrap li {
	  position: relative;
	  display: block;
	}
	
	.site-mobile-menu .site-nav-wrap .arrow-collapse {
	  position: absolute;
	  right: 0px;
	  top: 10px;
	  z-index: 20;
	  width: 36px;
	  height: 36px;
	  text-align: center;
	  cursor: pointer;
	  border-radius: 50%;
	}
	
	.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
	  background: #f8f9fa;
	}
	
	.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
	  font-size: 12px;
	  z-index: 20;
	  font-family: "icomoon";
	  content: "\f078";
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
	  -ms-transform: translate(-50%, -50%) rotate(-180deg);
	  transform: translate(-50%, -50%) rotate(-180deg);
	  -webkit-transition: .3s all ease;
	  -o-transition: .3s all ease;
	  transition: .3s all ease;
	}
	
	.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	}
	
	.site-mobile-menu .site-nav-wrap>li {
	  display: block;
	  position: relative;
	  float: left;
	  width: 100%;
	}
	
	.site-mobile-menu .site-nav-wrap>li>a {
	  padding-left: 20px;
	  font-size: 16px;
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul {
	  padding: 10px;
	  margin: 0;
	  list-style: none;
	  text-align: left;
	   border-radius: 5px;
	   border-top: 1px solid #E14096;
		-webkit-box-shadow: 0 1px 10px rgb(0 105 255 / 30%);
		box-shadow: 0 1px 10px rgb(0 105 255 / 30%);
	   
		background: #fff;
		-webkit-transition: 0.2s 0s;
		-o-transition: 0.2s 0s;
		transition: 0.2s 0s;
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul>li {
	  display: block;
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul>li>a {
	  padding-left: 40px;
	  font-size: 16px;
	  border-bottom: 1px solid #edeff6;
	
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul>li>ul {
	  padding: 0;
	  margin: 0;
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
	  display: block;
	}
	
	.site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
	  font-size: 16px;
	  padding-left: 60px;
	}
	
	.hamber-menu{
	  color: #000;
	  font-size: 30px;
	}
	
.bannercontent {
	text-align:center;
}
.rating {
	display:flex;
	align-items:center;
}
.rating img {
	width:56px;
}
.rating span {
	margin-left:5px;
	font-size:11px;
	color:#646A89;
}
.rating span strong {
	font-weight:700;
}
header.site-navbar .container {
    max-width: 1250px;
	padding:0;
}
header.site-navbar{
	padding-top: 20px;
    padding-right: 100px;
    padding-bottom: 20px;
    padding-left: 100px;
}

section.hero-main {
    background-color: #000000;
    height: 100%;
    position: relative;
    overflow: hidden;
}

section.hero-main .hero-section {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 72px 84px 0 100px;
    position: relative;
    z-index: 22;
}

section.hero-main .announce-speaker {
    position: absolute;
    left: 20px;
    top: 12%;
    z-index: 50;
}

section.hero-main .energy {
    position: absolute;
    top: 5%;
    right: 3%;
    z-index: 1;
}

section.hero-main .rocket {
    position: absolute;
    bottom: 4%;
    z-index: 23;
    right: 1%;
}

section.hero-main .rocket::after {
	position: absolute;
	content: '';
	width: 222px;
	height: 222px;
	border-radius: 100%;
	background: rgba(59, 59, 59, 0.5);
	bottom: -100%;
	right: -65%;
    z-index: -18;
}

section.hero-main .announce-speaker::after {
    content: '';
    position: absolute;
    width: 189px;
    height: 189px;
    border-radius: 1000%;
    background: rgba(59, 59, 59, 0.5);
    left: -70px;
    top: -43px;
    z-index: -18;
}

.hero-top {
    text-align: center;
}

.hero-top h2.hero-title {
    position: relative;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 128px;
    line-height: 120%;
	font-weight:700;
    text-transform: uppercase;
}

.hero-top h2.hero-title .border-text {
	color: #000;
    /* text-shadow:
        -2px 0 0 #003cff,
        2px 0 0 #003cff,
        0 -2px 0 #003cff,
        0 2px 0 #003cff,
        -2px -2px 0 #003cff,
        2px -2px 0 #003cff,
        -2px 2px 0 #003cff,
        2px 2px 0 #003cff; */
    text-shadow: 1px 0 0 #003cff,
        -1px 0 0 #003cff,
        0 1px 0 #003cff,
        0 -1px 0 #003cff,
        1px 1px 0 #003cff,
        -1px 1px 0 #003cff,
        1px -1px 0 #003cff,
        -1px -1px 0 #003cff;

}

.hero-top h2.hero-title .white-text {
    color: #fff;
    position: absolute;
    top: 10px;
    top: 52%;
    left: 52%;
    transform: translate(-51%, -49%);
    width: 100%;
}

.hero-detail-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 22;
}

.hero-img {
    max-width: 425px;
    width: 100%;
}
section.build-website p.success-scrore-desc{
	margin-top: 20px;
}
img.marketing-man {
   height: 590px;
}

.hero-detail-data::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    width: 100%;
    height: 100%;
    background:radial-gradient(30.14% 59.48% at 54.97% 47.52%, rgba(171, 59, 221, 0.5) 16.31%, #000000 100%);
    z-index: -2;
}

.hero-left-content h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
}

.hero-left-content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    max-width: 555px;
    width: 100%;
}

.hero-left-content .description-title {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.hero-left-content .description-title h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    line-height: 120%;

}
.description-title ul li strong {
    font-weight: 700;
}

.hero-left-content .description-title p {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 20px;
	line-height:120%;
    color: #fff;
	    max-width: 460px;
}

/* common btn */
.choose-our-plan .btn ,.choose-our-plan .btn:hover {
    max-width: 464px !important;
    width: 100%;
    height: 60px !important;
}
.btn {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    border-radius: 30px !important;
/*     padding: inherit !important; */
    text-align: center;
    text-decoration: none;
    background: linear-gradient(258.06deg, #80C600 0%, #488E59 100%) !important;
    max-width: 386px !important;
    width: 100%;
    white-space: nowrap;
    border: 1px solid transparent;
    height: 54px !important;
    margin: 0 !important;
    display: flex;
	column-gap:4px;
    justify-content: center;
    align-items: center;
	transition-delay:1s;
	transition: 0.3s;
}
.btn:hover {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: normal !important;
    color: #fff !important;
    border-radius: 30px !important;
/*     padding: inherit !important; */
    text-align: center;
    text-decoration: none;
    background: linear-gradient(258.06deg, #488E59 0%, #80C600 100%) !important;
    max-width: 386px !important;
    width: 100%;
    white-space: nowrap;
    border: 1px solid transparent;
    height: 54px !important;
    margin: 0 !important;
    display: flex;
	column-gap:4px;
    justify-content: center;
    align-items: center;
	width: 310px;
	transition-delay:1s;
	transition: 0.3s;
}

.client-detail p,
.designation span {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #fff;
    line-height: 180%;
}

.hero-right-content {
    max-width: 310px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-left: 26px;
}
.create-moment img {
    max-width: 70px;
}
.client-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.designation p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 11px;
    line-height: 180%;
    color: #fff;
}

.client-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.review {
    display: flex;
    gap: 10px;
}

.rating {
    display: flex;
    flex-direction: column;
    gap: 12px;    margin-top: auto;
}

.rating span {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #fff;
    text-transform: lowercase;
}

.rating .rating-stars {
    display: flex;
    align-items: center;
    gap: 4px;
}

img.client2,
img.client3,
img.client4 {
    margin-left: -15px;
}

.client-img {
    display: flex;
}


/* Marquee Styles */
.marquee-container {
    position: relative;
    overflow: hidden;
    padding: 10px 0 30px;
    width: 100vw;
    margin-top:-60px;
    z-index: 33;
}

.new_homepage .marquee-inner-content img {
	object-fit: contain;
    max-width: unset;
    width: 36px;
    height: 36px;
	flex-shrink:0;
}
.marquee {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.marquee1 {
    transform: rotate(2.28deg) translateY(40px);
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #fff;
    position: relative;
    z-index: 3;
}

.marquee2 {
    transform: rotate(-2.99deg) translateY(-15px);
    border-top: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    background-color: #1047D5;

}

.marquee-content {
    display: flex;
    align-items: center;
    gap: 19px;
    animation: marquee 30s linear infinite;
    padding: 19px 0 ;

}

.marquee:hover .marquee-content {
    animation-play-state: paused;
}

.marquee2 .marquee-inner-content {
    color: #fff;
}

.marquee-inner-content {
    display: flex;
    align-items: center;
    gap: 19px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
}

.marquee-content .marquee-content {
    display: inline-flex;
    gap: 19px;
}

.marquee-content span::before {
    content: '';
    margin-right: 1rem;
    color: rgba(255, 255, 255, 0.5);
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}


/* section 2 */
section.company-partner {
    max-width: 1500px;
    margin: 0 auto;
    padding: 27px 9px 111px 9px;
    width: 100%;
}

section.company-partner .company-partner-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;

}

section.company-partner .company-partner-grid img {
    max-width: 348px;
    width: 100%;
}

/* section 3 */
.build-brands-section,
.trusted-companies,
.our-services,
.our-success-journey,
.faqs,
.case-study {
    background: #FFF;
}

.build-brands,
.trusted-companies-main,
.our-services-main,
.our-success-journey-inclusive,
.faqs-main,
.case-study-main {
    max-width: 1500px;
    margin: 0 auto;
    padding: 115px 100px;
    width: 100%;
}
section.our-process{
	padding: 60px 100px 100px;
}
section.our-process:nth-child(6){
	padding: 100px 100px 100px;
}
.choose-our-plan-main{
	 max-width: 1500px;
   	 margin: 0 auto;
   	 width: 100%;
	 padding: 115px 130px;
}
.build-brands-main,
.free-consultation-step-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.step-details p{
	font-size: 18px;
}

.build-brands-header h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 132%;
    color: #000;
    text-transform: capitalize;
}

.blue-text {
    color: #1047D5;
}

.build-brands-header {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.build-brands-header p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #000;
}

.build-brand-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 60px;
}

.build-brand-cards .brand-provide-services-card {
    display: flex;
    gap: 30px;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    padding: 40px 20px 50px 20px;
}

.brand-provide-services-card .brand-services-detail {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.brand-services-detail h4.services-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #000000;
    text-transform: capitalize;
}

p.services-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #000;
}

.visitors-detail .client-satisfaction,
.process-result .client-satisfaction,
.our-services-details .client-satisfaction,
.book-free-call .client-satisfaction {
    align-items: start;
}

.client-satisfaction {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.our-process .client-satisfaction .btn, .our-services-main .client-satisfaction .btn, .build-website .client-satisfaction .btn{
	min-width: 397px;
	height: 60px !important;
}
.build-brands-section .client-satisfaction .btn {
	min-width: 386px;
		height: 54px !important;
}
.build-brands-main .rated-review.animate__animated.aos-init.aos-animate {
    margin-top: 10px;
}
.build-brands-main .client-satisfaction {
    gap: 0px;
}
.client-satisfaction .proud-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
    line-height: 120%;
}

span.black-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #000;
}

.rated-star {
    display: flex;
    align-items: center;
	margin-top:-4px;
}

.rated-review {
    display: flex;
    align-items: center;
    gap: 5px;
}

span.grey-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-transform: capitalize;
}

.counting-customer,
.happy-customer {
    font-weight: 700 !important;
    color: #000;
}

p.rated-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    text-transform: capitalize;
    color: #000;
}

p span.happy-customer {
    font-weight: 800;
}

.btn span {
    font-weight: 700;
}

/* section -- 4 */
.free-consultation-step {
    background: transparent !important;
}

.free-consultation-step-main .free-consultation-step-heading h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    text-transform: capitalize;
}

.consultation-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 80px;
	padding-left:15px;
	padding-right:15px;
}

.consultation-steps .consultation-step-card {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
}

.consultation-steps .step-details {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
	max-width:370px;
	margin-inline: auto;

}

.consultation-step-card .step {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    border: 5px solid;
    background: #1047D5;
    border-radius: 100%;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.consultation-step-card .step-details h4 {
		max-width:350px;
	margin-inline: auto;
}
.step-details h4 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #000;
	max-width:350px;
	margin-inline: auto;
}

.step-details p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #000;
}

.customer-section {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 49px;
}
.trusted-companies-main .customer-section .btn {
	min-width: 397px;
	height: 60px !important;
}
.customer-section .customer-img {
	margin-top:-10px;
}
.customer-img img {
    max-width: 572px !important;
    width: 100%;
	margin-top:0 !important;
    object-fit: contain;
    max-height: 690px !important;
}
.purple-lounch-rocket  img {
		max-width: 126px !important;
		width: 100%;
	}

	.msg-alert img {
		max-width: 132px !important;
		width: 100%;
	}

.customer-img {
    position: relative;
    height: max-content;
    z-index: 11;
}
.purple-lounch-rocket {
    position: absolute;
    top: 17%;
    left: -4px;
}

.msg-alert {
    position: absolute;
    top: 13%;
    right: 14px;
}

.customer-img .background {
    position: absolute;
    max-width: 488px !important;
    width: 100%;
    height: 100%;
    max-height: 620px !important;
    left: 48px;
    bottom: -1px;
    z-index: -1;
}
/* .companies-logo img {
    max-width: 150px !important;
	width:100%;
} */
.visitors-detail {
    max-width: 659px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.customer-right {
    max-width: 592px;
    width: 100%;
}

.visitors-detail h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    color: #000;
    text-transform: capitalize;
}

span.visitors {
    color: #1047D5;
}

.visitors-detail p.visitors-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #000;
}

.success-score {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 30px;
}

.success-score .progress-card {
    display: flex;
    gap: 20px;
}

.progress-card p.card-descriprion {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000;
    vertical-align: middle;
}

.progress-card .progress-bar {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    max-width: 75px;
    justify-content: center;
    width: 100%;
    border: 5px solid #D9D9D9;
    position: relative;
    border-radius: 100%;
    max-height: 75px;
}

.blue-line {
    position: absolute;
    max-width: 5px;
    width: 100%;
    height: 37px;
    background: #1047D5;
    top: 0;
    border-radius: 100%;
}

span.raq-design {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000;
}

.visitors-detail .rated-review,
.process-result .rated-review,
.our-services-details .rated-review,
.choose-our-plan-main .client-satisfaction .rated-review,
.book-free-call .client-satisfaction .rated-review,
.testimonial .rated-review,
.case-study-main .rated-review {
    margin-top: 0px;
}
li.free_strategy_callbtn a {
    width: 310px;
    height: 54px;
    gap: 12px;
    padding-top: 18px;
    padding-right: 25px;
    padding-bottom: 18px;
    padding-left: 25px;
    border-radius: 30px;
}
/* secrion - 4 --- */
.trusted-companies {
    overflow: hidden;
}

.trusted-companies-heading h3 {
       font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    color: #000;
    max-width: 1500px;
    width: 100%;
    padding: 0 100px;
    margin: 0 auto;
}

.trusted-companies-heading {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    padding-top: 115px;
}

.trusted-companies-heading span {
    color: #1047D5;
}

.visitors-detail .rated-description {
    color: #000 !important;
}

.raq-design-img {
    border-radius: 10px;
	max-height:154.5px !important;
        height: 100%;
}
.raq-design-img img {
    max-height: 154.5px !important;
    height: 100%;
}

/* .progress-bar::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid rgb(27, 26, 30);
    z-index: 1;
} */


/* section - 6 */
section.our-process {
    display: flex;
    gap: 49px;
}

.process-result {
    max-width: 659px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.process-result h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    leading-trim: Cap height;
    line-height: 106%;
    color: #000;
    letter-spacing: 0px;
    text-transform: capitalize;
    max-width: 510px;
}

.process-result .built-steps {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.process-result p.process-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    leading-trim: Cap height;
    line-height: 27px;
    letter-spacing: 0%;
    color: #000;
}

.bullet-points {
    display: flex;
    align-items: center;
    gap: 16px;
}

.blue-dots {
    max-width: 11px;
    width: 100%;
    background: #1047D5;
    height: 11px;
    border-radius: 100%;
    outline: 4px solid rgba(16, 71, 213, 0.17);
}

span.highleted-text {
    font-weight: 700;
}

p.bullet-point-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000;
}

.our-process .image-container {
    max-width: 592px;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 58px 25px 58px 33px;
    display: flex;
    flex-direction: column;
    gap: 60px;
	height:max-content;
}

.our-process .raq-design {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

.raq-design .raq-design-schema {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.image-container h3.raq-design-heading {
	max-width:270px;
	width:100%;
	height:34px;
    padding: 10px 20px;
    border: 1px solid #1047D5;
    border-radius: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 20px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    text-transform: capitalize;
	display: flex;
    align-items: center;
    justify-content: center;

}

span.raq-design-text {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
    vertical-align: middle;
    text-transform: capitalize;
    white-space: nowrap;
    width: 100%;
}

/* section  - 7 */
section.turn-your-idea {
    width: 100%;
    background: url('/assets/bannerRaq.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.turn-your-idea .turn-your-idea-main {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 100px;
}
.stay-ahead-section .turn-your-idea-details h2.heading {
    line-height: 130%;
}
.stay-ahead-section .turn-your-idea-details p.description {
    max-width: 724px;
}
.turn-your-idea-main .turn-your-idea-details {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.main_pitch_decks_section ul li {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 30px;
    vertical-align: middle;
    color: white;
    position: relative;
    padding-left: 25px;
	padding-top: 10px;
	text-align: left;
}
.main_pitch_decks_section ul li:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background: #1047D5;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-5px);
}
.turn-your-idea-details .btn, .customer-testimonial .client-satisfaction .btn, .case-study-main .client-satisfaction .btn {
	min-width:443px;
	height: 60px !important;
}
.turn-your-idea-details h2.heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
}

.turn-your-idea-details p.description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 700px;
    color: #fff;
}

.our-services .our-services-main {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    width: 100%;
}

.our-services-details {
    max-width: 663px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.our-services-details h3.our-services-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 48px;
    leading-trim: Cap height;
    line-height: 120%;
    letter-spacing: 0px;
    text-transform: capitalize;
    color: #000000;
}

.our-services-details p.our-services-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000;
}

.our-work-benifits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 8px;
}

.benifits {
    display: flex;
    align-items: center;
    gap: 10px;
}

span.benifits-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #000;
    vertical-align: middle;
}

.our-services-img {
    max-width: 588px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-services .our-services-img img {
	height: 480px;
	object-fit:cover;
}
.dd {
    background-color: white;
}

.our-success-journey .our-success-journey-inclusive {
    display: flex;
    align-items: flex-start;
    gap: 58px;
    width: 100%;
}
.our-success-journey .our-success-journey-inclusive .company-detail {
	margin-top: 21px;
}
.company-detail {
    max-width: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.company-detail h3.company-detail-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0%;
}

.company-detail .experience-section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.experience-section .experience-card {
    display: flex;
    align-items: center;
    padding: 30px 25px;
    border-radius: 23px;
    background: rgba(219, 223, 243, 0.4);
    flex-direction: column;
    gap: 14px;
}

.experience-card p.experience-heading {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000;
    text-transform: capitalize;
}

.experience-card span.experience-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #000;
    text-align: center;
}


.our-success-journey-inclusive .our-success-journey-details {
    max-width: 538px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.our-success-journey-details p.our-work-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #000;
}

.our-success-journey-details span.people-join {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0%;
}

.our-success-journey-details .employee {
    display: flex;
}

.our-success-journey-details .employee img {
    margin-left: -20px;
}

.our-success-journey-details .employee img:first-child {
    margin-left: 0;
}

/* section -- 10 */
.choose-our-plan .choose-our-plan-main {
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: center;
}

.choose-our-plan-heading h3.heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000000;
}

.choose-our-plan-heading p.description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #000;
    text-align: center;
}

.choose-our-plan-heading {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.list-bold {
    font-weight: 700 !important;
}
.our-plan-section div:nth-child(2) li, .our-plan-section div:nth-child(3) li {
    display: flex
;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
}
.our-plan-section div:nth-child(2) .main_img, .our-plan-section div:nth-child(3) .main_img {
    display: none;
}
/* .list-disable {
    color: rgba(43, 24, 62, 0.5) !important;
} */
.our-plan-card.animate__animated.aos-init.aos-animate .plans li:nth-child(1), .our-plan-card.animate__animated.aos-init.aos-animate .plans li:nth-child(2) {
    font-weight: 700 !important;
}
.choose-our-plan-main .our-plan-section {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    align-items: start;
}

.our-plan-section .our-plan-card {
    display: flex;
    flex-direction: column;
	align-items:center;
    background: #FFF;
    border-radius: 20px;
    padding:40px 45px;
    box-shadow: 0px 4px 4px 0px #00000040;
    min-height: 0;
    height: auto;
}
.our-plan-section ul.plans {
	width:100%;
}
.our-plan-section .our-plan-card h2.plan-header {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: 0%;
    text-align: center;
/* 	width:400px; */
    color: #000;
    padding-bottom: 20px;
}
.our-plan-card.animate__animated.aos-init.aos-animate .plans li:nth-child(9) {
    color: #2B183E80;
}
.our-plan-section .our-plan-card p.plan-price {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 49px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

.price-card-blue {
    background: #1047D5 !important;
}

.our-plan-section .our-plan-card .price-card {
	max-width:310px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 20px 35px;
    background: #000;
    border-radius: 10px;
	height: 85px;
}

.plan-price span.duration {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0%;
    color: #fff;
	margin-left:15px;
}

ul.plans {
    list-style: none;
    padding: 20px 0;
}
.our-plan-section .our-plan-card:first-child ul.plans li {
	 border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}
.our-plan-section .our-plan-card:first-child ul.plans li:last-child {
	border-bottom: none;
	margin-bottom: -12px;
}
ul.plans li {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 50px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #000;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #C4C4C4;
}
ul.plans li:first-child, .our-plan-section .our-plan-card:first-child ul.plans li:first-child {
    border-top: none;
}

ul.plans li:last-child {
    border-bottom: none;
}

a.get-started {
    width: 100%;
    height: 46px;
    gap: 20px;
    border-radius: 30px;
    border-radius: 30px;
    background: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    align-items: center;
    display: flex
;
    justify-content: center;
}

/* Hide the plans list by default and set up animation */
ul.plans {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

/* Show the plans list with animation when the .show class is applied */
ul.plans.show {
    max-height: max-content;
/*     Adjust based on content height */
    opacity: 1;
}

/* Ensure the Get Started button indicates clickability */
a.get-started {
    cursor: pointer;
}

/* accordion- css */
.faqs .faqs-main {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.faqs .faqs-main .faqs-header {
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 32px;
}

.faqs .faqs-main .faqs-header h2.heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    leading-trim: Cap height;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #000;
}

.faqs .faqs-main .faqs-header p.description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;text-align:left;
    leading-trim: Cap height;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000;
}

.disclosure-question {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    width: 100%;
    color: #111827;
    background: transparent;
    border: none;
    cursor: pointer;
}

.question-text {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #000;
}

.chevron-icon {
    width: 16px;
    height: 16px;
    transition: all 0.3s ease-in-out;
}

.disclosure-answer {
    display: none;
    transition: all 0.3s ease-in-out;
}

.disclosure-answer.active {
    display: block;
    height: auto;
}

.answer-text {
    max-width: 974px;
    width: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0%;
    color: #000;
}
.disclosure-question svg.chevron-icon path {
    fill: #000;
}
.disclosure {
    display: flex;
    gap: 14px;
    flex-direction: column;
    border: 1px solid rgba(219, 223, 243, 0.4);
    border-radius: 20px;
    padding: 38px 17px 37px 45px;
    background: rgba(219, 223, 243, 0.4);
}

dl.container-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.connect-with-us {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100%;
}

.connect-with-us .email-fiels {
    max-width: 600px;
    width: 100%;
    padding: 8px 8px 8px 26px;
    background: #fff;
    outline: 1px solid #E9E9E9;
    border-radius: 80px;
    display: flex;
    max-height: 64px;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.email-fiels input {
    max-width: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    leading-trim: Cap height;
    line-height: 140%;
    letter-spacing: 0%;
    color: #000;
}

.email-fiels .subscribe-now {
    display: flex;
    align-items: center;
    border-radius: 30px;
    gap: 12px;
    max-width: 210px;
    width: 100%;
    padding: 16px 24.5px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    outline: none;
    color: #fff;
    background: linear-gradient(258.06deg, #80C600 0%, #488E59 100%);
}

.subscribe-now img {
    width: 100%;
    margin-bottom: 3px;
}

.connect-with-us .regards {
    display: flex;
    gap: 8px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    leading-trim: Cap height;
    line-height: 140%;
    letter-spacing: 0%;
    color: #fff;
}

section.build-website {
	display: flex;
	justify-content: center;
    padding: 80px 20px;
    gap: 45px;
    width: 100%;
    align-items: flex-start;
}
section.build-website p.build-website-description.animate__animated.aos-init.aos-animate {
    font-weight: 400;
    line-height: normal;
}
.new_homepage section.our-process {
    justify-content: center;
}
.new_homepage section.free-consultation-step {
    max-width: 1500px;
    margin: 0 auto;
    padding: 80px 0;
}
.new_homepage section.free-consultation-step h3 {
    text-align: center;
}
.build-website-header {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.book-free-call {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 514px;
    width: 100%;
}


.client-review-card {
    display: flex;
    padding: 20px 17.35px 13px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    flex-direction: column;
    gap: 4px;
}

.book-free-call .build-website-header h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    color: #000;
    letter-spacing: 0%;
}

.build-website-header .build-website-description {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    color: #000;
    letter-spacing: 0%;
}

p.client-review {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #000;
}

.client-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.client-data {
    display: flex;
    align-items: center;
    gap: 20px;
}

.client-data img {
    border-radius: 100% 100% 0 100%;
}

.client-details .rated-star img {
    width: 20px;
    height: 20px;
}

.client-data .client-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

p.client-name {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #000;
}

.client-info .client-review-date {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #000;
}
.build-website .our-success-work {
	margin-top:60px;
}
.our-success-work {
    max-width: 779px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.project-banner-img {
    height: 531px;
    border-radius: 40px;
    background: #C4C4C4;
}

.our-success-work .success-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
    justify-content: space-between;
    gap: 88px;
}

.success-metrics .companies-highlights {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.success-metrics .companies-highlights .performance-numbers,
.countring {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #000;
}

.countring {
    display: flex;
    align-items: center;
    gap: 2px;
}

.success-metrics .companies-highlights .feature-subtitle {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: start;
    color: #000;
}

/* footer */
.raq-footer {
  	max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 81px 30px;
    display: flex;
/*     grid-template-columns: repeat(4, 1fr); */
    gap: 95px;
    justify-content: space-between;
}
.raq-footer .companies-details {
	max-width: 309px;
}
.companies-details,
.company-services,
.company-policy,
.company-work-time {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.companies-metrics {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.social-media {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.companies-metrics .companies-informatiopn {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
}

.social-media .social-media-label {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
}

.social-media-logo-container {
    display: flex;
    gap: 10px;
}

.social-media-logo-container .social-media-logo {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #1047D5;
	padding-bottom: 5px;
}

.raq-footer .company-services h4.services-heading,
.raq-footer .company-policy .company-policy-heading,
.raq-footer .company-work-time .company-work-time-heading {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFFFFF;
    vertical-align: middle;
}

ul.company-services-list,
ul.company-policy-list,
ul.company-services-list,
ul.company-work-hours {
    list-style: none;
    display: flex;
    flex-direction: column;
}

ul.company-services-list li a,
ul.company-policy-list li a,
ul.company-services-list li a,
ul.company-work-hours li {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 42px;
    letter-spacing: 0%;
    color: #fff;
    vertical-align: middle;
}

.separator {
    height: 1px;
    width: 100%;
    background: #ffffff;
}

.footer-copy-right {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 117px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.terms-of-company {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-copy-right .copy-right-text {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
}

ul.terms-of-company li a {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #fff;
}

.vertically-separator {
    height: 14px;
    width: 1px;
    background-color: #fff;
    margin-top: 6px;
}

footer {
    background: #000;
}

/* swiper  */

.testimonial {
    padding: 115px 0 115px 100px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.testimonial .testimonial-heading {
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #000;
    max-width: 1500px;
}

.testimonial-card {
/*     max-width: 347px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #D0D0D0;
    padding: 0 30px 30px;
}

.testimonial-header {
    width: max-content;
    margin-top: -40px;
}

.testimonial-swiper .swiper .swiper-slide {
    padding: 40px 0;
/*     max-width: 347px; */
    width: 100%;
}
.swiper-slide.swiper-slide-active ~ .swiper-slide.swiper-slide-next ~ .swiper-slide ~ .swiper-slide {
	opacity: 0.2;
}

.testimonial-details {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.testimonial-details .testimonial-rating {
    display: flex;
    align-items: center;
    gap: 0px;
}

.testimonial-details .testimonial-rating img {
    width: 19px;
	margin-left: -3px;
}

.testimonial-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.testimonial-body .testimonial-title {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
}

.testimonial-body .testimonial-text {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000;
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 10px;
}

.testimonial-footer .testimonial-author {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    leading-trim: Cap height;
    line-height: 16px;
    letter-spacing: 0%;
    color: #000;
}
h3.testimonial-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
}
.testimonial-body .testimonial-text{
	font-size: 16px;
}
.testimonial-footer .testimonial-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 12px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    color: #163041;
}

.testimonial-footer .testimonial-status .verified-icon {
    width: 15px;
    height: 15px;
}

/* bullet dots */
span.swiper-pagination-bullet.swiper-pagination-bullet-active,
span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 5px;
	opacity:1;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000000;

}

span.swiper-pagination-bullet {
    background: rgba(217, 217, 217, 1);

}

/* pagination */
.swiper-button-prev::after,
.swiper-button-next::after {
    display: none;
    content: none;
}

.navigation-btn {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 50%;
    right: 7%;
    z-index: 44;
}

.swiper-button-prev,
.swiper-button-next {
    width: 50px;
    height: 50px;
    background: #000;
    border-radius: 100%;
    position: static;
}

.swiper-button-prev svg {
    transform: rotate(180deg);
    width: 16px;
}

.swiper-button-next svg {
    width: 16px;
}
.testimonial-swiper .ovarlay-bg {
	display: none;
}
.ovarlay-bg {
      display: block;
    position: absolute;
    max-width: 317px;
    width: 100%;
    top: 1px;
    right: 2px;
    max-height: 488px;
    height: 513px;
    opacity: 2.5;
    z-index: 33;
    background: rgb(219 223 243 / 70%);
}

.my-swiper {
    max-width: 1500px;
    margin: 0 auto;
	overflow: hidden;
}
section.customer-testimonial .testimonial {
	max-width: 1920px;
	margin: 0 auto;
}
.trusted-companies-heading .swiper-slide{
    opacity: 1 !important;
}
.my-swiper .swiper-slide {
    max-width: max-content !important;
    width: 100%;
}

.my-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
}

.expand-card {
    display: flex;
    gap: 20px;
}

.card {
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    position: relative;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.card1 {
    max-width: 623px;
    width: 100%;
    background-image: url(assets/blog-heading.png);
    color: white;
    display: flex;
    align-items: flex-end;
    padding: 30px;
    gap: 10px;
    justify-content: space-between;
    position: relative;
    z-index: 11;
    justify-content: space-between;
    flex-direction: row;
}
.card.collapsed, .card.expanded {
	transition: width .5s ease;
}
.card1 h3,
.card1 p {
    margin: 0;
}

.case-study-main {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.card-number {
    background: white;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
	transition: all .3s ease;
}

.card2,
.card3,
.card4,
.card5 {
    width: 348px;
    height: 287px;
    background: #1047D5;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    text-align: center;
    cursor: pointer;
}

.card2.expanded {
    background: url('/assets/card2blur.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 11;
}

.card2.expanded::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #0E3EBA;
    z-index: -1;
    opacity: 50%;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.card2 .card-detail,
.card3 .card-detail,
.card4 .card-detail,
.card5 .card-detail {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px !important;
	transition: all .4s ease-in-out;
	position: absolute;
    bottom: -100px;
    left: 30px;
    opacity: 0;
    visibility: hidden;
}
.card.card1 .title-items {
	display:none;
}
.card .title-items {
    position: relative;
    z-index: 9;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
.card.expanded .title-items, .card.expanded .title-items .card-number {
      opacity: 0;
    visibility: hidden;
}
.card .title-items h3 {
    position: absolute;
    writing-mode: sideways-lr;
}
.card .title-items .card-number {
    position: absolute;
	top:unset;
    bottom: 0px !important;
    left: 50%;
    transform: translateX(-50%);
	opacity: 1;
	visibility: visible;
}
.card2.expanded .card-detail,
.card3.expanded .card-detail,
.card4.expanded .card-detail,
.card5.expanded .card-detail {
	opacity: 1;
    visibility: visible;
    bottom: 30px;
}
.card2 {
    width: 348px;
}

.card2 p {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 150%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;

}


.card3,
.card4,
.card5 {
    width: 83px;
}

.card3:hover,
.card4:hover,
.card5:hover {
    position: relative;
    z-index: 11;
    left: 0 !important;
    transform: none !important;
}

.card3:hover::after,
.card4:hover::after,
.card5:hover::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #0E3EBA;
    z-index: -1;
    opacity: 0.4;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.card2:not(.expanded) .card-number,
.card3:not(.expanded) .card-number,
.card4:not(.expanded) .card-number,
.card5:not(.expanded) .card-number {
    position: absolute;
    bottom: 30px;
    right: 20%;
    /* transform: translate(50%); */
}

/* .card2.expanded .card-number,
.card3:hover .card-number,
.card4:hover .card-number,
.card5:hover .card-number {
    position: static;
} */

.card.card2:not(.expanded) .card-detail h3 {
    margin-top: 10px !important;
}

/* .card3 h3,
.card4 h3,
.card5 h3 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin-top: 10px;
} */

/* .card3 p,
.card4 p,
.card5 p {
    display: none;
}

.card3:hover h3,
.card4:hover h3,
.card5:hover h3 {
    writing-mode: horizontal-tb;
    transform: none;
} */

.card3:hover p,
.card4:hover p,
.card5:hover p {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 150%;
    color: #fff;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
}

.case-study-main .case-study-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: capitalize;
}

.card h3 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;
    leading-trim: Cap height;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: capitalize;
    color: #fff;
}

.card.card1 .card-detail p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    leading-trim: Cap height;
    line-height: 140%;
    letter-spacing: 0%;
}

.card-detail {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card.card1::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    left: 0;
    border-radius: 10px;
    z-index: -1;
}
.expanded {
    width: 348px;
    background: url('/assets/card2blur.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
    z-index: 11;
		transition: all .4s ease-in-out;

}

.expanded::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
/*     background-color: #0E3EBA; */
    z-index: -1;
    opacity: 0.4;
    top: 0;
    left: 0;
    border-radius: 10px;
}

.collapsed {
    width: 83px;
    background: #1047D5 !important;
		transition: all .4s ease-in-out;
}

/* .card2.collapsed h3,
.card3.collapsed h3,
.card4.collapsed h3,
.card5.collapsed h3 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin-top: 10px;
} */

/* .card2.expanded h3,
.card3.expanded h3,
.card4.expanded h3,
.card5.expanded h3 {
    writing-mode: horizontal-tb;
    transform: none;
}

.card2.collapsed p,
.card3.collapsed p,
.card4.collapsed p,
.card5.collapsed p {
    display: none;
	transition:all .3s ease-in-out;
} */

.card2.expanded p,
.card3.expanded p,
.card4.expanded p,
.card5.expanded p {
/* 	opacity:1; */
/* 	transition: all .3s ease; */
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #fff;
	margin-bottom:0;
    letter-spacing: 0%;
    text-align: start !important;
    text-transform: capitalize;
}
.card .card-detail p.read-more {
    font-weight: 600;
}
.card.card1 .card-number {
    opacity: 1;
    visibility: visible;
    position: static;
}
.card .card-number {
	position: absolute;
    top: 30px;
    left: 30px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.card.expanded .card-number {
	    opacity: 1;
    visibility: visible;
}
/* Ensure expand-card is a flex container */
.expand-card {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.progressive-circle-container {
    position: relative;
    max-width: 75px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    --progress: 0;
    /* Initial percentage for animation */
}

.progressive-circle {
    width: 100%;
    max-width: 75px;
    height: 75px;
    border-radius: 50%;
    background: conic-gradient(#1047D5 0% calc(var(--progress) * 1%), #D9D9D9 calc(var(--progress) * 1%) 100%);
    position: absolute;
    animation: progressAnimation 5s ease-in-out forwards;
}

@keyframes progressAnimation {
    from {
        background: conic-gradient(#1047D5 0% 0%, #D9D9D9 0% 100%);
    }

    to {
        background: conic-gradient(#1047D5 0% calc(var(--progress) * 1%), #D9D9D9 calc(var(--progress) * 1%) 100%);
    }
}

.progressive-circle-center {
    max-width: 66px;
    width: 100%;
    height: 66px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.card-descriprion {
    margin-top: 10px;
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    color: #666;
}

.smooth-shake {
    --animate-duration: 16s;
    /* Slower duration for smoother effect */
    --animate-timing-function: ease-in-out;
    /* Smooth easing */
}

.hero-right-content .moobile-hero-descroption,
.moobile-hero-descroption,
.create-moment-for-mobile,
.choose-our-plan-main .client-satisfaction.mobile,
section.company-partner.mobile-device,
.case-study.mobile-device {
    display: none;
}

.choose-our-plan-main .client-satisfaction.desktop {
    display: flex;
}

section.company-partner .company-partner-grid {
    display: grid;
}
.companies-logo img.partner-company-logo {
/* 		max-width: 180px !important; */
		height: 56px;
		object-fit: contain;
	}
.trusted-companies-heading .companies-logo img {
	width:321px !important;
}
section.our-process .main-our-process {
    display: flex;
    gap: 49px;
}
.main_social_media_section > section.our-process:nth-of-type(5) .main-our-process {
    flex-direction: row-reverse;
}
.main_social_media_section > section.our-process:nth-of-type(5) {
    padding: 115px 0 150px;
}

/* Responsive Design */
@media(max-width: 1439px) {
	ul.company-services-list li a, ul.company-policy-list li a, ul.company-services-list li a, ul.company-work-hours li {
		line-height:20px;
	}
	ul.company-services-list li, ul.company-policy-list li , ul.company-services-list li , ul.company-work-hours li {
		margin-bottom:20px;
	}
	.choose-our-plan-main .our-plan-section {
		    grid-template-columns: repeat(2, 1fr);
	}
    .hero-top {
        margin-bottom: 20px;
    }

    .hero-left-content .description-title h2 {
        font-size: 32px;
    }

    .marquee-inner-content {
        font-size: 24px;
    }

    .marquee-content {
        padding: 14px 0;
    }
    .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 30px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
   
 section.company-partner.mobile-device,
    .case-study.mobile-device {
        display: block;
    }
    .feature-slide-content {

        position: relative;
        padding: 30px 28px;
        height: 381px;
		border-radius: 30px;
    }

    .feature-slide-inner-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        justify-content: flex-end;
        position: relative;
        z-index: 22;
        height: 100%;
    }

    span.tips {
        width: max-content;
        padding: 5px 10px;
        border-radius: 16px;
        background: #AB3BDD;
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    h4.slide-heading {
        font-family: Poppins;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
    }

    .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
/*     .case-study.desktop {
        display: none;
    } */
}
@media(max-width: 1300px){
	header.site-navbar{
		padding-right: 60px;
		padding-left: 60px;
	}
	.site-navbar .site-navigation .site-menu>li>a>span {
      padding: 5px 10px;
	}
	.btn, .btn:hover{
		padding: 15px !important;
	}
	.marquee-container{
		overflow: visible;
	}
	.rating-stars img{
		width: 12px;
	}
	.rating span{
		font-size: 12px;
	}
	.visitors-detail h3{
		font-size: 36px;
	}
	span.benifits-description{
		font-size: 18px;
		line-height: 20px;
	}
	.testimonial{
		padding: 50px 0 50px 40px;
	}
	.experience-section .experience-card{
		padding: 20px 10px;
	}
	.our-plan-section .our-plan-card{
		padding: 30px 25px;
	}
}
@media (max-width: 1280px) {
	.build-website .our-success-work {
	margin-top:0px;
}
    section.hero-main .hero-section {
        padding: 72px 84px 50px 100px;
    }

    section.company-partner,
    .build-brands,
    .free-consultation-step,
    .trusted-companies-main,
    section.our-process,
    .our-services-main,
    .our-success-journey-inclusive,
    .choose-our-plan-main,
    .faqs-main,
    .build-website,
    .case-study-main {
        padding: 50px 15.5px;
    }

    .hero-top h2.hero-title {
        font-weight: 700;
        font-size: 70px;
        line-height: 120%;
    }

    .hero-top {
        margin-bottom: 60px;
    }

    .hero-left-content .description-title h2 {
        font-size: 32px;
    }

    section.hero-main .hero-section {
        padding: 72px 84px 50px 100px;
    }

    .marquee-container {
        padding: 0;
    }

    

/*     .marquee-content {
        padding: 11px 0;
    } */

    .marquee-inner-content {
        font-size: 20px;
    }

    .our-process .image-container {
        height: max-content;
    }

    .our-process {
        align-items: center;
    }
     .choose-our-plan-main .our-plan-section {
        row-gap: 30px;
        grid-template-columns:repeat(3 , 1fr);
    }
     .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
   
 section.company-partner.mobile-device,
    .case-study.mobile-device {
        display: none;
    }
    .feature-slide-content {

        position: relative;
        padding: 30px 28px;
        height: 381px;
    }

    .feature-slide-inner-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        justify-content: flex-end;
        position: relative;
        z-index: 22;
        height: 100%;
    }

    span.tips {
        width: max-content;
        padding: 5px 10px;
        border-radius: 16px;
        background: #AB3BDD;
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    h4.slide-heading {
        font-family: Poppins;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
    }

    .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
/*     .case-study.desktop {
        display: none;
    } */
	.raq-footer{
		padding: 60px 15px 30px;
		    gap: 11px;
	}
	.our-success-work .success-metrics{
		gap: 10px;
	}


}
@media only screen and (max-width: 1199px) {
	.turn-your-idea-details h2.heading{
		font-size: 36px;
	}
	.turn-your-idea-details p.description {
		font-size: 16px;
		line-height: 24px;
	}
	.turn-your-idea .turn-your-idea-main {
		padding: 50px;
	}
	.turn-your-idea-main .turn-your-idea-details {
		gap: 25px;
	}
}
@media(max-width: 1100px){
	.free-consultation-step-main .free-consultation-step-heading h3{
		font-size: 36px;
	}
	.main_social_media_section .consultation-steps{
		column-gap: 20px;
	}
	.trusted-companies-heading{
		padding-top: 60px;
	}
	.btn{
		max-width: 306px !important;
	}
	header.site-navbar{
		padding-right: 30px;
        padding-left: 30px;
	}
	.col-12.col-xl-10.col-lg-9.d-none.new_header_navbar nav {
		margin-right: 30px !important;
	}
	.site-navbar .site-navigation .site-menu .active>a span{
		padding: 5px 10px;
	}
	.site-navbar span {
    font-family: Poppins;
    font-weight: 500;
    font-size: 15px !important;
	}
	section.hero-main .hero-section {
        padding: 72px 15px 50px 15px;
    }
	.hero-img {
		max-width: 375px;
		width: 100%;
	}
	.hero-img img{
		max-width: 100% !important;
       margin-left: 18px;
	}
	section.hero-main .rocket::after{
		width: 142px;
    height: 142px;
	}
	.rocket img{
		max-width: 70px;
	}
	.build-brand-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 30px;
}
	    .visitors-detail h3 {
        font-size: 36px;
    }
/* 	.progressive-circle-center{
		    max-width: 50px;
    width: 100%;
    height: 50px;
	}
	.progressive-circle {
    width: 100%;
    max-width: 55px;
		height: 55px;
	} */
	.customer-img .background{
		    left: 8px;
	}
	.visitors-detail p.visitors-description {
    font-size: 16px ;
		line-height: normal;
}	

	.visitors-detail {
    flex-direction: column;
    gap: 20px;
}
	.progress-card {
    gap: 20px !important;
}
	.progress-card p.card-descriprion {
		margin-top: 0;
/*     font-size: 12px; */
	}
	.build-brand-cards .brand-provide-services-card{
		    gap: 30px;
		    padding: 25px 20px 25px 20px;
	}
.brand-services-detail h4.services-title {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
/* 	font-size: 17px; */
	}
	.brand-provide-services-card .brand-services-detail {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.process-result h2 {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
	font-size: 36px;
	}
	.process-result p.process-description, .main_social_media_section p.bullet-point-description, .main_social_media_section p.bullet-point-description, .main_social_media_section .step-details p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
		font-size: 16px;
	}
	.process-result {
    max-width: 659px;
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 20px;
}
	p.bullet-point-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
		font-size: 18px;
	}
	section.our-process .image-container img {
    max-width: 285px !important;
}
	section.our-process {
    display: flex
;
    gap: 10px;
}.our-services-details h3.our-services-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
	font-size: 37px;}.our-services .our-services-img img {
		height: 400px;}
	body section.our-process .image-container img {
    max-width: 285px !important;
}
.our-services .our-services-main {
    display: flex
;
    align-items: flex-start;
	gap: 10px;}.our-services-details {
    max-width: 663px;
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 20px;
}.our-services-details p.our-services-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
	font-size: 20px;
	line-height:30px;
	}
span.benifits-description {
        font-size: 18px;
	    
    }
	.testimonial .testimonial-heading {
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 36px;
	}
	.our-success-journey .our-success-journey-inclusive {
    display: flex
;
    align-items: flex-start;
		gap: 58px;
	}
	.company-detail h3.company-detail-heading {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
		font-size: 40px;}
	.success-metrics .companies-highlights .performance-numbers, .countring {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 30px;
	}
	.experience-card span.experience-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 11px;
	}
	.our-success-journey-details p.our-work-description {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
	}
	.our-success-journey-details .employee img{
		    max-width: 79px;
    min-height: 79px;
    height: 100%;
	}
	.our-plan-section .our-plan-card .price-card {
    max-width: 260px;
	}
	.success-metrics .companies-highlights .feature-subtitle {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
		font-size: 12px;}
	.book-free-call {
    display: flex
;
    flex-direction: column;
		gap: 40px;}
ul.company-services-list li a, ul.company-policy-list li a, ul.company-services-list li a, ul.company-work-hours li {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 15px;
	}
}
@media (max-width: 1023px) {
	.client-satisfaction.desktop_version {
    display: flex
;
}
	.book-free-call{
	max-width: 100%;
}
.client-satisfaction {
    justify-content: center;
	align-items: center !important;}
section.case-study.desktop .case-study-main {
    display: none;
}
.success-metrics .companies-highlights {
    width: 100%;
    display: flex
;
    flex-direction: column;
    gap: 6px;
    text-align: center;
    align-items: center;
}
.success-metrics .companies-highlights .feature-subtitle {
        font-family: "Poppins", sans-serif;
        text-align: center;
        font-weight: 400;
        font-size: 12px;
    }
.book-free-call {
    max-width: 100% !important;
}
	.testimonial-navigation .swiper-button-next, .testimonial-navigation .swiper-button-prev {
    width: 40px;
		height: 40px;align-content}
	    .company-detail h3.company-detail-heading {
			max-width: 460px;
	        margin: 0 auto;
        text-align: center;}
	.our-success-journey-inclusive .our-success-journey-details {
		max-width: 100%;}
	.faqs .faqs-main {
		gap:30px;
	}
	section.hero-main .announce-speaker {
		z-index:1;
	}
	 .raq-footer {
		display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
	 section.build-website{
        flex-direction: column;
    }
    section.hero-main .hero-section {
        padding: 72px 84px 50px 100px;
    }
    .footer-copy-right,.raq-footer{
        padding-left:15.5px ;
        padding-right: 15.5px;
    }

    section.company-partner,
    .build-brands,
    .free-consultation-step,
    .trusted-companies-main,
    section.our-process,
    .our-services-main,
    .our-success-journey-inclusive,
    .choose-our-plan-main,
    .faqs-main,
    .build-website,
    .case-study-main,
    .testimonial ,.turn-your-idea .turn-your-idea-main {
        padding: 30px 15.5px;
    }

    .hero-top h2.hero-title {
        font-weight: 700;
        font-size: 50px;
        line-height: 120%;
    }

    .hero-img,
    .hero-detail-data::after {
        display: none;
    }

    .hero-top {
        margin-bottom: 40px;
    }

    .hero-left-content .description-title h2 {
        font-size: 32px;
    }

    .marquee-container {
        padding: 0;
    }

    .marquee-container,
    .marquee-content,
    .marquee2,
    .marquee1 {
        transform: none;
    }

    .marquee-content {
        padding: 11px 0;
    }

    .marquee-inner-content {
        font-size: 20px;
    }

    section.company-partner .company-partner-grid,
    .build-brand-cards,
    .consultation-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    section.company-partner .company-partner-grid img {
        max-width: 100%;
        width: 100%;
    }

    .build-brands-header h2,
    .free-consultation-step-main .free-consultation-step-heading h3,
    .visitors-detail h3,
    .process-result h2,
    .turn-your-idea-details h2.heading,
    .our-services-details h3.our-services-heading,
    .testimonial .testimonial-heading,
    .company-detail h3.company-detail-heading,
    .choose-our-plan-heading h3.heading,.faqs-main .faqs-header h2.heading,.book-free-call .build-website-header h3,.case-study-main .case-study-heading{
        font-size: 36px;
    }
	
    .consultation-steps {
        row-gap: 40px;
    }

    .customer-section,
    .our-process,
    .our-services-main,
    .our-success-journey-inclusive {
        flex-direction: column;
    }

    .visitors-detail .client-satisfaction,
    .our-process,
    .process-result .client-satisfaction,
    .our-services-details .client-satisfaction {
        align-items: center;
    }

    .process-result,
    .our-services-details,
    .our-success-journey-inclusive,.choose-our-plan .choose-our-plan-main ,.case-study-main{
        gap: 35px;
    }
    .faqs .faqs-main .faqs-header{
        gap: 20px;
    }
	.project-banner-img {
		height: 320px;
	}
	
    .experience-card span.experience-description {
        font-size: 12px;
    }
    
    .choose-our-plan-main .our-plan-section {
        row-gap: 30px;
        grid-template-columns:repeat(2 , 1fr);
    }
    .build-website{
        flex-direction: column;
        gap: 30px;
    }
     .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 30px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
   
 section.company-partner.mobile-device,
    .case-study.mobile-device {
        display: block;
    }
    .feature-slide-content {

        position: relative;
        padding: 30px 28px;
        height: 381px;
    }

    .feature-slide-inner-content {
        display: flex;
        flex-direction: column;
        gap: 30px;
        justify-content: flex-end;
        position: relative;
        z-index: 22;
        height: 100%;
    }

    span.tips {
        width: max-content;
        padding: 5px 10px;
        border-radius: 16px;
        background: #AB3BDD;
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    h4.slide-heading {
        font-family: Poppins;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
    }

    .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }

    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
/* 	.image-block img {
		margin-top: 30px;
	} */
	.pitch-hero .pitch-hero-wrapper .image-block img {
		margin-top: 20px;
	}
/*     .case-study.desktop {
        display: none;
    } */
    .raq-footer{
        grid-template-columns: repeat(2,1fr);
    }
.consultation-steps {
    grid-template-columns: repeat(1, 1fr);
	}.free-consultation-step-main .free-consultation-step-heading h3{
		text-align: center;
	}
	.trusted-companies-heading{
		gap: 20px;
	}
}
@media (max-width: 800px){
	span.swiper-pagination-bullet.swiper-pagination-bullet-active, span.swiper-pagination-bullet{
		width: 8px;
		height: 8px;
	}
	p.rated-description{
		font-size: 11px;
	}
	.choose-our-plan .choose-our-plan-main a.get-started {
		background:linear-gradient(258.06deg, #80C600 0%, #488E59 100%) !important;
		max-width: 219px;
		height: 46px;
	}
	.build-website-header span.visitors {
		display:inline-block;
	}
	header .mobile-menu-icon {
	margin-right: 15px;	
}
	.new_homepage section.hero-main .hero-section {
	 padding: 135px 15.5px !important;
	}
	header.site-navbar {
    padding-top: 8px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 35px;
	height:79px;
}
.choose-our-plan-main .our-plan-section{
    grid-template-columns: 1fr !important;
        row-gap: 30px;
    }
}

@media (max-width: 640px) {
	.process-result .built-steps{
		gap: 5px;
	}
	.btn {
		min-width: unset !important;
	}
	.raq-footer .companies-details {
		max-width:100%;
	}
	.build-website .client-review-card {
		padding-bottom: 20px;
	}
	.case-study-main .client-satisfaction .btn {
		font-size: 18px !important;
		line-height:150% !important;
	}
	.customer-testimonial .testimonial {
		gap:30px;
	}
	.our-process .image-container {
    padding: 30px 20px;
}
.image-container h3.raq-design-heading {
    max-width: 195px;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    height: 100%;
}
	body section.our-process .image-container img {
		max-width: 200px !important;
	}
	body section.our-process .image-container .plain-raq-logo img {
    max-width: 70px !important;
}
	.raq-design .raq-design-schema {
		gap: 6px;
		justify-content:Center;
	}
	span.raq-design-text {
        font-size: 8px;
		width:auto;
    }
	.consultation-steps .consultation-step-card img {
		width:60px;
		height: 60px;
	}
	.consultation-steps .consultation-step-card{
		gap: 15px;
	}
	section.company-partner {
		padding-bottom: 66px;
	}
	.build-brands-section .build-brands-main {
		gap: 30px;
	}
	section.company-partner.mobile-device {
		padding-top: 56px;
	}
	.our-success-journey .our-success-journey-inclusive .company-detail {
	margin-top: 0px;
}
	.hero-left-content .description-title p {
    margin-inline: auto;
}
.our-services .our-services-img img {
		height:auto;
	}
    .site-navbar {
        position: fixed;
        top: 0px;
        height: 80px;
        z-index: 99999;
        background: white;
        width: 100%;
    }


    section.hero-main .hero-section {
        padding: 60px 15.5px;
    }

    .hero-top h2.hero-title {
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
    }

    .hero-top h2.hero-title .white-text {
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
    transform: translate(-50.3%, -41.1%);
    }

    .hero-left-content {
        align-items: center;
    }

    .hero-left-content .description-title h2 {
        font-size: 30px;
        text-align: center;
    }

    .hero-top {
        margin-bottom: 30px;
    }

    .hero-detail-data {
        flex-direction: column;
    }

    a.btn {
        font-size: 15px;
    }

    .hero-left-content .description-title p {
        white-space: normal;
        text-align: center;
    }

    .hero-left-content .description-title,
    .hero-left-content,
    .visitors-detail,
    .process-result {
        gap: 20px;
    }

    .hero-img,
    .hero-detail-data::after,
    .create-moment,
    .client-detail,
    .choose-our-plan-main .client-satisfaction.desktop,
    .company-partner.desktop {
        display: none;
    }

    .hero-right-content,
    .our-process .raq-design {
        gap: 20px;
    }

    .hero-right-content {
        margin-top: 40px;
        margin-left: 0;
        max-width: 100%;
    }

    .hero-right-content .moobile-hero-descroption {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 11px;
        line-height: 180%;
        letter-spacing: 0%;
        color: #fff;
        display: block;
    }
	.create-moment-for-mobile b {
    color: white;
    font-weight: 700;
    font-style: normal;
    line-height: 100%;
}
	.create-moment-for-mobile p {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 11px;
    color: #fff;
    line-height: 180%;
}
    .create-moment-for-mobile {
        display: flex;
        align-items: flex-start;
        gap: 20px;
		flex-direction:column
		
    }

    .mobile-create-moment-img img {
        width: 50px;
        height: 50px;
    }

    .Verified-review-title {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .Verified-review-title .review-verified {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 12px;
        leading-trim: Cap height;
        line-height: 100%;
        letter-spacing: 0%;
        color: #22AE41;

    }

    section.hero-main .announce-speaker {
        left: 0px;
        top: 59%;
    }

    .announce-speaker img {
        width: 47px;
        height: 47px;
    }

    section.hero-main .announce-speaker::after {
        content: '';
        width: 106px;
        height: 106px;
        left: -40px;
        top: -33px;
    }

    section.hero-main .energy {
        width: 57px;
        height: 57px;
    }
section.hero-main .energy img {
    height: 100%;
    width: 100%;
}
	.brand-services-detail h4.services-title{
		font-size: 21px;
	}
section.our-process .rated-review {
    padding-top: 10px;
}
	.choose-our-plan-heading p.description{
	    line-height: 130%;	
	}
	ul.plans li{
		border-bottom: 1px solid #C4C4C4;
	}
	.book-free-call .build-website-header h3{
		line-height: 120%;
	}
    section.hero-main .energy {
        right: 5%;
		  top: 10%;
    }

    section.hero-main .rocket {
        bottom: 60px;
    }

    section.hero-main .rocket img {
        width: 87px;
        height: 87px;
    }

    section.hero-main .rocket::after {
        content: '';
        width: 150px;
        height: 150px;
        bottom: -45%;
        right: -40%;
    }

    .marquee-container {
        padding: 0;
    }

    .marquee-container,
    .marquee-content,
    .marquee2,
    .marquee1 {
        transform: none;
    }

    .marquee-content {
        padding: 11px 0;
    }

    .marquee-inner-content {
        font-size: 20px;
    }

    .build-brands,
    .free-consultation-step,
    section.our-process {
        padding: 30px 15.5px;
    }

    .build-brands-header h2,
    .testimonial .testimonial-heading {
        font-size: 28px;
        text-align: center;
    }
	.testimonial .section_title p{
		font-size: 16px;
	}

    .build-brands-header p {
        text-align: center;
    }

    .build-brand-cards,
    .consultation-steps,
    .choose-our-plan-main .our-plan-section {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .build-brand-cards .brand-provide-services-card {
        padding: 20px;
    }

    .client-satisfaction .proud-description {
        line-height: 140%;
    }

/*     .rated-review {
        flex-direction: column;
    } */

    .free-consultation-step-main .free-consultation-step-heading h3,
    .company-detail h3.company-detail-heading {
        font-size: 28px;
        text-align: center;
    }

    .trusted-companies-heading {
        padding-top: 30px;
    }

    .trusted-companies-heading h3 {
        padding: 0 15.5px;
    }

    .trusted-companies-main,
    .turn-your-idea .turn-your-idea-main,
    .testimonial,
    .our-success-journey .our-success-journey-inclusive,
    .choose-our-plan-main,
    .faqs .faqs-main,
    .raq-footer,
    .footer-copy-right,
    .build-website,
    section.company-partner,
    .case-study-main {
        padding: 30px 15.5px;
    }
	

    .customer-section {
        flex-direction: column;
        gap: 30px
    }

    .customer-right {
        width: max-content;
    }

    .customer-img img.trusted-client {
        max-width: 320px;
        object-fit: contain;
        height: max-content;
    }

    .customer-img .background {
        max-width: 290px !important;
        left: 50%;
        transform: translateX(-50%);
        max-height: 340px;
    }

    .msg-alert img {
        max-width: 82px;
        width: 100%;
        height: auto;
    }

    .purple-lounch-rocket img {
        max-width: 78px;
        width: 100%;
        height: auto;
    }

    .visitors-detail h3 {
        font-size: 28px;
        text-align: start;
    }

    .success-score .progress-card {
        flex-direction: column;
    }

    span.raq-design {
        width: 100%;
        text-align: center;
    }

    section.our-process {
        flex-direction: column;
        gap: 20px;
    }

    .process-result h2 {
        font-size: 30px;
    }

    span.raq-design-text {
        font-size: 10px;
    }

    .raq-design-img img {
        max-width: 170px;
		max-height:154px !important;
        height: 100%;
    }
	

    .image-container h3.raq-design-heading {
        font-size: 12px;
    }

    .plain-raq-logo img {
        max-width: 70px;
        object-fit: contain;
    }

    .image-container h3.raq-design-heading {
        padding: 5px 10px;
    }

    .turn-your-idea-details h2.heading,
    .our-services-details h3.our-services-heading,
    .choose-our-plan-heading h3.heading {
        font-size: 28px;
    }

    .our-services-main {
        padding: 30px 0;
    }

    .our-services .our-services-main {
        flex-direction: column;
        gap: 30px;
    }

    .our-services-img img {
        max-width: 410px;
        object-fit: contain;
        height: auto;
        overflow-x: hidden;
    }

    .our-services-details {
        padding: 0 15.5px;
    }

    .our-services-details,
    .company-detail,
    .choose-our-plan .choose-our-plan-main,
    .book-free-call,
    .case-study-main {
        gap: 30px;
    }

    .our-work-benifits {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .navigation-btn,
    .ovarlay-bg,
    .case-study.desktop {
        display: none;
    }

    .swiper-pagination {
        bottom: 0px !important;
    }

    .our-success-journey .our-success-journey-inclusive {
        flex-direction: column;
        align-items: start;
    }

    .experience-card p.experience-heading,
    .countring,
    .choose-our-plan-heading p.description {
        font-size: 20px;
    }

    .experience-section .experience-card {
        padding: 10px;
    }

    .experience-card span.experience-description {
        font-size: 12px;
    }

    .experience-section .experience-card {
        max-width: 100%;
        min-width: 104px;
        width: 100%;
    }

    .choose-our-plan {
        background-color: #1047D5;
    }

    .choose-our-plan-heading h3.heading,
    .choose-our-plan-heading p.description,
    .choose-our-plan-main .client-satisfaction p.rated-description,
    .choose-our-plan-main .client-satisfaction p .happy-customer,
    .choose-our-plan-main .client-satisfaction p .counting-customer {
        color: #fff;
    }

    .choose-our-plan-main .client-satisfaction.mobile {
        display: flex;
    }

    .our-plan-section .our-plan-card {
        padding: 30px 10px;
    }

    .our-plan-section .our-plan-card .price-card {
        background-color: #F1F2FA !important;
    }

    .our-plan-section .our-plan-card p.plan-price {
        color: #2F1640;
    }

    .plan-price span.duration {
        color: #000;
    }


    .choose-our-plan-main a.get-started,
    .our-plan-card .client-satisfaction {
        background: #1047D5 !important;

    }

    .list-bold,
    .z-bold {
        font-weight: 400p !important;
    }

    ul.plans li {
        font-weight: normal !important;
    }

    .faqs .faqs-main .faqs-header h2.heading,
    .book-free-call .build-website-header h3,
    .case-study-main .case-study-heading {
        font-size: 30px;

    }

    .disclosure {
        padding: 22.5px 17px
    }

    .raq-footer {
        grid-template-columns: 1fr;
        align-items: center;
        gap: 20px;
    }

    .companies-details {
        align-items: center;
        justify-content: center;
    }

    .company-services,
    .company-services-list,
    .companies-details,
    .companies-metrics,
    .company-policy,
    .company-work-time,
    .companies-metrics .companies-informatiopn,
    .company-policy-list,
    .success-metrics .companies-highlights {
        align-items: center;
    }

    .company-services,
    .company-policy,
    .company-work-time {
        gap: 20px !important;
    }

    .footer-copy-right {
        flex-direction: column;
        gap: 40px;
    }

    .companies-informatiopn {
        text-align: center;
    }

    .email-fiels input {
        font-size: 12px;
    }

    .email-fiels .subscribe-now {
        font-size: 14px;
        padding: 13px 18px;
    }

    .subscribe-now img {
        width: max-content;
        height: 12px;
    }

    .connect-with-us .email-fiels {
        padding: 8px 8px 8px 16px;
    }

    section.build-website {
        flex-direction: column;
        gap: 30px;
		padding: 0 15.5px;
    }

    .project-banner-img {
        height: 298px;
    }

    .our-success-work .success-metrics {
        gap: 15px;
    }

    .success-metrics .companies-highlights .performance-numbers,
    .countring {
        font-size: 22px;
    }

    .success-metrics .companies-highlights .feature-subtitle {
        font-size: 11px;
        text-align: center;
    }

    section.company-partner .swiper,
    .company-partner-swiper,
    .blog-swiper {
        padding-bottom: 0px;
    }

    section.company-partner.mobile-device,
    .case-study.mobile-device {
        display: block;
    }

    .feature-slide-content {

        position: relative;
        padding: 30px 28px;
        height: 381px;
    }
	.feature-slide-inner-content .btn {
		height: 47px !important;
	}
    .feature-slide-inner-content {
        display: flex;
        flex-direction: column;
        gap: 21px;
        justify-content: flex-end;
        position: relative;
        z-index: 22;
        height: 100%;
    }

    span.tips {
        width: max-content;
        padding: 9px 10px;
        border-radius: 46px;
        background: #AB3BDD;
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    h4.slide-heading {
        font-family: Poppins;
        font-weight: 600;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0%;
        color: #fff;
    }

    .blogSwiper .slide-content {
        position: relative;
        border-radius: 16px !important;

    }

    .blog-slide-background-img {
        position: relative;
        z-index: 0;
    }

    .feature-slide-content::after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35.61%, #000000 100%);
        border-radius: 30px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 381px;

    }

    .feature-slide-content::before {
        content: '';
        background: url('assets/blog-heading.png');
        border-radius: 16px;
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 381px;

    }

    .blog-slide-img {
        border-radius: 16px;
    }

    .blog-swiper .swiper-slide {
        border-radius: 16px !important;
    }
	.btn, .btn:hover{
		padding:15px 15px !important;
	}
	.question-text{
		font-size:18px;
		line-height:140%;
	}
	.disclosure.animate__animated.aos-init.aos-animate p{
		font-size: 16px;
	}
	.answer-text{
		font-size: 14px;
    line-height: 120%;
	}
    .blog-swiper,
    .company-partner {
        position: relative;
        overflow: hidden;
    }
	ul.terms-of-company{
		    flex-wrap: wrap;
    justify-content: center;
	}
	.customer-img img {
    max-width: 330px !important;
    width:100%;
	}

	.purple-lounch-rocket  img {
		max-width: 78px !important;
		width: 100%;
	}

	.msg-alert img {
		max-width: 82px !important;
		width: 100%;
	}
	.companies-logo img.partner-company-logo {
/* 		max-width: 120px !important; */
		height: 56px;
		object-fit: contain;
	}
.consultation-steps {
    grid-template-columns: repeat(1, 1fr);
}
}
@media(max-width: 1023px){
	.marquee-container {
		display: none;
	}
}
@media(max-width: 640px){
	
	section.our-process .main-our-process {
		flex-direction: column !important;
	}
	.free-consultation-step-main {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}	
	.consultation-steps {
		row-gap: 30px;
	}
/* 	.client-satisfaction {
    display: none;
} */
	.free-consultation-step{
		padding: 30px 0px;
	}
	.blog-hero-container .blog-hero-content-main .blog-hero-details h5.blog-title {
		font-size: 28px !important;
	}
}
@media(min-width: 767px){
	section.company-partner.mobile-device {
		display: none;
	}
	
}
@media (max-width: 500px) {
	.case-study-main .case-study-heading br {
		display: none;
	}
	    p.rated-description {
        font-size: 9px;
    }
	.social-media-logo-container{
		justify-content: center;
		align-items: center;
	}
}