@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Sora:wght@100..800&display=swap');
:root {

	--orange-color: #fbb040;
	--dark-black: #27282D;
	--light-bg-color: #F8F8F8;
	--white-btn-color: #FFFFFF;
}

a {
	text-decoration: none;
}

*,
*::after *::before {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: "Domine", serif;
}

/* start hero banner Section  */
.package .best-seller-tag {
	z-index: 5;
	background: red;
	color: white;
	border-radius: 3px 3px 0px 0px;
	margin-top: -44px;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: 500;
	padding: 3px 11px;
	right: 0;
	max-width: 120px;
	float: right;

}

/*christmas page*/

.header-sec {
	background-image: url('../images/hero-bg.webp') !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* Prevent the background image from repeating */
}
div#max {
    padding: 100px 0;
}



/* Header Section */

/* CSS for Mobile Responsiveness */

header b {
	color: #fff;
}

/*  End Header Section */

/* navbar  */

.top-head {
	background: #272727;
	padding: 5px 0;
}

.top-left.col-md-7 {
	display: flex;
	align-items: center;
}

.top-left a {
	background: #ffba00;
	padding: 5px 20px;
	color: #000;
	font-weight: bold;
	border-radius: 2px;
	font-size: 15px;
}

.top-left h4 {
	color: #fff;
	font-size: 15px;
	margin: 0 10px 0 0;
}

/* navbar */
.wrapper {

	max-width: 1134px;
	margin: 0 auto;

}

h2 {
	font-weight: 700;
	color: #444;

}

.our-process {
	margin-top: 20px;
}
.top-heading {
color: #5FB79D;
font-family: "Open Sans", sans-serif;
font-size: 16.377px;
font-style: normal;
text-align: left;
font-weight: 700;
line-height: 21.289px; /* 130% */
letter-spacing: -0.455px;
}

.banner-heading {
text-align: left;
font-family: "Domine", serif;
font-size: 42.777px;
font-style: normal;
font-weight: 700;
line-height: 42.332px; /* 120% */
letter-spacing: -0.91px;
color: #fff;
}

.banner-text {
	font-family: "Roboto", sans-serif;
	font-size: 16.926px;
	font-style: normal;
	font-weight: 400;
	line-height: 22.753px; /* 156.522% */
	letter-spacing: -0.455px;
	color: #fff;

}

.icon-list li {
	margin-bottom: 5px;
	/* Adjust this value as needed */
}

.hrHeading {
	display: inline-block;
	width: 50px;
	vertical-align: middle;
}

ul.icon-list {
	padding: 0;
	margin: 0;
}

ol,
ul {
	align-items: center !important;
	padding-left: 0rem !important;

}

.list-check {

	list-style: none;
	margin-left: -15px;
	font-family: Poppins, sans-serif;
	font-size: 16px;

}

i.fa.fa-check {
	color: #512e91;
}


.list-check-struggle {
	font-size: 12px;
	list-style: none;
	margin-left: -15px;

}

.list-check-struggle li::before {
	font-size: 12px;

	content: "\2714" !important;
	content: url(../images/Tick.svg) !important;
	font-weight: bold;
}

.Center {
	text-align: center;
}

.package-bg {
	/*background-image:  url('../images/packages.webp');*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.package-list {
	font-size: 14px;
	color: #000;
	/* Grey text color */
	list-style: none;
	/* Remove default list styles */
}

.package-list li::before {
	content: "\2022";
	/* Unicode character for bullet (•) */
	color: #512e91;
	;
	/* Orange bullet color */
	font-size: 18px;
	font-weight: bold;
	/* Adjust font weight if needed */
	margin-left: 5px;
	/* Adjust margin as needed */
}

.package-list li::after {
	padding-right: 10px;
	/* Adjust padding as needed */
}


span {
	color: var(--orange-color);
}

.footer-column2 {
	margin-top: 0px;
}


header {
	background-image: url('../images/LP-Background.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/* Prevent the background image from repeating */

}

.container-inner {
	max-width: 1030px;
    margin: 0 auto;
}


.trust-images {
	margin-top: 20px;
	width: 320px !important;

}

.best-seller {
	background-color: #E4E1FF !important;

}

/* start platform icons section */
.platform-icons {
	width: 100%;
	align-content: center;

	height: 150px;
	background: linear-gradient(to left, #F14772, #9e1f63);
}

/* end platform icons section */




.wrapper {
  display: block;
  margin: 2rem auto;
  position: relative;
  width: calc(100% - 2rem);
}

simple-masonry {
  --column-count: 6;
  --grid-gap-horizontal: 1.5rem;
  --grid-gap-vertical: 1.5rem;
  counter-reset: masonry-counter;
  display: grid;
  position: relative;
  width: 100%;
  padding: 20px 0px;
  margin: 50px 0px;
}

simple-masonry + simple-masonry {
  margin-top: calc(var(--grid-gap-vertical) * 4);
}

.grid-item {
  background-color:none;
  counter-increment: masonry-counter;
  grid-area: 1/-1;
  overflow: hidden;
  position: relative;
}

.grid-item::after {
  align-items: center;
  background-color: rgba(29, 29, 31, 0.75);
  border-radius: 50%;
  bottom: 0.25rem;
  color: #fff;
  content: counter(masonry-counter);
  display: flex;
  font-size: 0.625rem;
  height: 1.5rem;
  justify-content: center;
  line-height: 1.5rem;
  position: absolute;
  right: 0.25rem;
  display:none;
  text-align: center;
  width: 1.5rem;
}

.imgd-none {
 visibility: hidden;
 opacity: 0;
}

.grid-item img {
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  color: transparent;
  display: block;
  font: 0/0 a;
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  outline: none;
  padding: 0;
  position: relative;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 100%;
}

.resources-layer {
  bottom: 0;
  display: block;
  position: fixed;
  right: 0;
  z-index: 1000;
}

.resources {
  background: rgba(29, 29, 31, 0.75);
  display: grid;
  font-size: 0.6875rem;
  font-weight: 300;
  grid-auto-flow: column;
  line-height: 1.3;
  padding: 0.5rem;
  pointer-events: auto;
}

.resources a {
  align-content: center;
  display: grid;
  justify-content: center;
  padding: 0 0.5rem;
  place-content: center;
}

.resources a,
.resources a:active,
.resources a:visited {
  color: hsla(0, 0%, 100%, 0.75);
}

.resources a:not(:first-child) {
  border-inline-start: 0.0625rem solid currentColor;
}

@media (max-width: 75.04875em) {
  simple-masonry {
    --column-count: 4;
    --grid-gap-horizontal: 1.25rem;
    --grid-gap-vertical: 1.25rem;
  }
}

@media (max-width: 51.29875em) {
  simple-masonry {
    --column-count: 3;
    --grid-gap-horizontal: 1rem;
    --grid-gap-vertical: 1rem;
  }
}

@media (max-width: 36.04875em) {
  simple-masonry {
    --column-count: 2;
    --grid-gap-horizontal: 0.75rem;
    --grid-gap-vertical: 0.75rem;
  }
}



/* nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1134px;
    top: 36px;
    } */

nav ul {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
}

nav ul li a {
	font-family: Poppins, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

/* Hero Section */

.hero-section {
	padding-top: 40px;
	top: 300px;
	display: flex;
	width: 100%;
	padding-bottom: 60px;
}



/* Start Form */


.sticker-image {
	margin-top: -1105px;
	margin-left: 310px;
	/* position: absolute; */
	width: 100px;
	height: auto;
	z-index: 10;
	position: relative;
}



.head-form {
	float: right;
	border-radius: 20px !important;
	width: 540.478px;
	height: auto;
	flex-shrink: 0;
	background: #fff;
	padding: 1px 40px 0px 40px;
	border-radius: 10.375px;
	margin: 0 auto;
	position: relative;
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%);
	position: relative;
    top: -100px;
	right: -93px;
	transform: scale(0.8);
}

.form-head {

	text-align: center;
	padding: 0;
	margin: 10px 0 0;
}

.form-head h6 {
color: #000;
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: 'Montserrat';
font-size: 15.814px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.form-head h2 {
	font-weight: 600;
	color: black;
	font-size: 30px;
	letter-spacing: -0.03em;
	line-height: 1.2;
	margin-bottom: 15px;
}

.form-head span {
	color: #2f1b49;
}

.form-group {
	margin-bottom: 5px;
	position: relative;
}

.inner-pages-form input {
	width: 100%;
	height: 53.127px;
	border-radius:  9.192px !important;
	margin-top: 6px;
	transition: 0.4s ease-in-out;
	border: 0.912px solid rgba(0, 0, 0, 0.32);
	font-weight: 400;
	background-color: #F2F2F2;
}

.head-form textarea.form-control,
textarea {

	background-color: #F2F2F2;
	margin-top: 6px;
	width: 100%;
	height: 136.371px;
	border-radius: 9.192px !important;
}

.form-control,
.input-text {

	height: calc(2.25rem + 27px);
	padding: 14px 30px;
	outline: 0;
	background-color: #f4f5f8;
	border: 1px solid #f4f5f8;
	color: #686a6f;
	font-size: 16px;
	width: 100%;
}


.form-control {

	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.submit-button {
	background:#9E1068;
	color: white;
	border-style: none;
	border-radius: 0px;
	width: 287.216px;
	height: 43.015px;
	font-weight: 600;
	padding: 10px;
	margin: 20px auto !important;


}

/* End Form */



.custom-btn {
	padding: 10px;
	border-radius: 10px;
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}

.view-pricing-btn {
	color: #000000;
	border: 1px black solid;
	background-color: var(--white-btn-color);
	margin-right: 10px;
}

.avail-discount-btn {
	margin-right: 10px;
	background: linear-gradient(to right, #9053F5, #6226EE);

	color: #ffffff;
}

.creative-btn {
	border-radius: 5px;
	background: #6529EF;
	width: 199px;
	height: 44px;
	color: #FFF;
	text-align: justify;
	font-family: 'Poppins';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.creative-btn-bg-none {
	border-radius: 5px;
	background: transparent;
	width: 199px;
	height: 44px;
	border-radius: 5px;
	border: 1px solid #FFF;
	color: #fff;
	background: rgba(233, 120, 76, 0.00);
	text-align: center;
	font-family: 'Poppins';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

i.fa.fa-headphones {
	color: #512e91;
}

i.fa.fa-phone {
	color: #512e91;
}

/* .btn.phone-icon::before {
    content: url(../images/phone-icon.svg); 
    
    left: 50px; 
    transform: translateY(-50%);
    
    } */

/* .btn.phone-icon::before {
    content: url(../images/phone-icon.svg); 
    left: 50px; 
    transform: translateY(-50%);
    
    } */

.btn .phone-icon {
	padding-left: 60px;
}

.btn .chat-icon {
	padding-left: 60px;
}

/* .btn.chat-icon::before {
    content: url(../images/Chat.svg); 
     height: 16px;
     width: 16px;
    left: 50px; 
    } */

/* end hero banner Section  */

/* Start Struggle section */


.strugglesec {
	padding: 50px 0;
}

.strugglesec h2 {
	text-align: left;
	font-size: 44px;
	width: 100%;
	font-weight: 700;
	line-height: 1.2;
	color: #333;
}

.strugglesec p {
	font: 16px/27px 'Poppins', sans-serif;
	color: #687087;
	margin: 30px 0;
}

.strugglesec ul {
	padding-left: 0;
	display: inline-block;
}

.strugglesec ul li {
	width: 50%;
	padding-left: 25px;
	line-height: 1.4;
	float: left;
	color: #687087;
	position: relative;
	font-size: 17px;
	padding-bottom: 11px;
}

.strugglesec ul li a {
	color: #687087;
}

.strugglesec ul li a:hover {
	color: #512e91;
}

.strugglesec ul li:before {
	content: "\f00c";
	position: absolute;
	font-family: Poppins, sans-serif !important;
	font: normal normal normal 14px/1 FontAwesome;
	left: 0;
	font-size: 14px;
	color: var(--orange-color) !important;
	display: table-cell;
	vertical-align: middle;
}

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


/* End Struggle section */




/* ---------------Start Ready To Talk About Your Project? Styling -------------*/
.ready-to-talk {
	background-image: url('../images/our-custom-design.webp');
	padding: 40px 0;
	background-size: cover;
	background-color: #F9F9F9;
}

.container-read {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ready-h3 {
	font-weight: 700;
	color: #F14772;
	font-size: 30px;
	/* Adjust font size */
	margin-bottom: 20px;
	/* Add space between heading and button */
	text-align: right;
}

.ready-cta {
	display: inline-block;
	padding: 10px 20px;
	background-color: #75318F;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	border-radius: 5px;
	transition: background-color 0.3s;
	margin-top: -20px !important;
}

.ready-cta:hover {
	background-color: #333;
	/* Change background color on hover */

}



/* ---------------End Ready To Talk About Your Project?  Styling -------------*/



/* ---------------Start Testimonial Styling -------------------------------------*/
.testimonial-carousel {
	max-width: 800px;
	margin: 50px auto;
}

.carousel-item {
	text-align: center;
	padding: 30px;
	background: #f8f9fa;
	border-radius: 15px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.carousel-item img {
	border: 5px solid #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.carousel-item h5 {
	margin-top: 15px;
	font-weight: bold;
	color: #343a40;
}

.carousel-item p.designation {
	color: #6c757d;
	font-style: italic;
	margin-bottom: 15px;
}

.carousel-item p.review {
	font-size: 16px;
	color: #495057;
	margin-bottom: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-color: #343a40;
	border-radius: 50%;
}



/* --------------- End Testimonial Styling -------------------------------------- */



/* start packages section */

.content-section {

	/* background-image: url('../images/packages.webp'); */
	background-size: cover;
	padding: 25px;
	border-radius: 10px;
	width: 1134px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;

}

/* .centered-gallery-button {
      display: flex;
      justify-content: center;
      margin: 50px 0; 
  }  */

.centered-gallery-button {
	text-align: center;
	margin-top: 20px;
}

.new-gallery {
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #F63C6F;
	/* Orange border color */
	color: rgb(246, 60, 111);
	/* Orange text color */
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
	/* Rounded corners */
	transition: background-color 0.3s, color 0.3s;
}

.new-gallery:hover {
	background-color: rgb(246, 60, 111);
	/* Orange background on hover */
	color: #fff;
	/* White text color on hover */
}


.package {
    width: calc(33.33% - 10px);
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #808080;
    border: 2px solid var(--orange-color);
    margin-right: 10px;
}

/* 
    .package:first-child {
    margin-right: 10px;
    }
    
    .package:last-child {
    margin-left: 10px;
    } */



.content {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

.content::-webkit-scrollbar {
	width: 3px;
}

.content::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}

.content::-webkit-scrollbar-thumb {
	background-color: #512e91;
}

.price {
	color: black;
	text-align: center;
	margin-top: 5px;
}

.price {
	border-bottom: 1px solid var(--orange-color);
	margin-bottom: 20px;
	/* Adjust margin for spacing */
	margin-top: 20px;
}

.price h2 {
	color: #000000;
	font-weight: 600;
	margin-bottom: 8px;
	display: block
}

.price span {
	font-weight: 700;
	display: block;
	margin-left: 5px;
	position: relative;
	top: -10px;
	font-size: 10px;
	color: #808080
}

.price strike {
	color: red;
	font-weight: 600;
	margin-bottom: 8px;
	display: block
}

.price2 {
	color: black;
	text-align: center;
	/* margin-top: 5px; */
}

.price2 {
	/* border-bottom: 1px solid var(--orange-color); */
	/* margin-bottom: 20px; */
	/* Adjust margin for spacing */
	/* margin-top: 20px; */
}

.price2 h2 {
	color: #000000;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 8px;
	display: block
}

.price2 span {
color: #000;
text-align: center;
font-family: 'Montserrat';
font-size: 18.852px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
float: left;
display: block;
}

.price2 strike {
	color: #FF00BF;
	font-size: 14px;
    font-weight: 300;
	margin-bottom: 0px;
	display: block
}



.right {
	display: inline-block;
	text-align: left;
	float: none !important;
	padding: 5px;


}

h5,
h6 {
	text-align: center;
	font-weight: bold;
	margin: 5px;
	color: #000;
}

h5 {
	color: #9e1f63;

}

h6 {
	font-weight: 500;
}

.package-btn {
	display: block;
	background: #512e91;
	color: var(--white-btn-color);
	text-align: center;
	padding: 10px 25px;
	border-radius: 6px;
	margin: 15px auto 0;
	border-bottom: 4px solid #512e91;
	text-shadow: #000000bf 0 1px 1px;
	width: 159px;
}


.package-btn:hover {
	background-color: #512e91;
}

.heading {
	text-align: center;
	margin-bottom: 20px;
}

.heading h1 {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 10px;
}

.heading p {
	font-size: 16px;
	margin-bottom: 20px;
	color: #808080;
	/* Set paragraph text color */
}

/* .content .listing ul li::marker {

      
    color: var(--orange-color) !important;
    padding-left: 30px;
    } */









/* <----------------------------------------------------start custom web-------------------------------------------------> */

.custom-mob.col-md-3 {
	color: white;
}


.custom-mob.col-md-3 {
	margin-left: 60px !important;
}



.custom-web-banner {
	/* background: linear-gradient(to right, #512e91, #2f1b49); */
	/* background-image: url('../images/Rectangle 35.webp'); */
	background-size: cover;
	background: #912869;
	/* Cover the entire banner area */

	padding: 50px 0;
}
.custom-web-banner h3 {
	color: #FFF;
	text-align: center;
	font-family: "Open Sans";
	font-size: 23px;
	font-style: normal;
	font-weight: 500;
	line-height: 38.4px; /* 166.957% */
	letter-spacing: -0.35px;
}

.custom-web-heading {
	text-align: left;
	padding-bottom: 0;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #FFFFFF;
	float: left;
}

.custom-web-paragraph {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 10px;
	color: white;
	float: left;
	text-align: justify;
}

.custom-web-btn {
	padding: 12px 40px;
	margin-top: 10px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	margin-right: 20px;
	font-size: 18px;
	background-color: #000000;
	border: 1px solid #000000 !important;
	border-radius: 5px;
	float: left;
	width: 260px;
}

.custom-web-image {
	width: 400px;
}

@media (max-width: 768px) {
	.custom-web-image {
		width: 300px !important;
	}
}

	.topsell h3 {
		color: #000;
		font-family: "Sora", sans-serif;
		font-size: 36.055px;
		font-style: normal;
		font-weight: 600;
		line-height: 44.067px; /* 122.222% */
		letter-spacing: -2.003px;
		text-transform: capitalize;
	}
	.top-sell-btn {
		display: flex;
		width: 131.198px;
		height: 52.079px;
		padding: 17.026px 31.047px;
		justify-content: center;
		align-items: flex-start;
		gap: 4.629px;
		flex-shrink: 0;
		border-radius: 50.076px;
		background: #912869;
		color: #fff;
		text-align: center;
		font-family: Sora;
		font-size: 14.021px;
		font-style: normal;
		font-weight: 600;
		line-height: 18.027px; /* 128.571% */
	}
   .vendor-card {
      /* padding: 15px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1); */
      transition: transform 0.3s ease;
    }

    .vendor-card:hover {
      transform: translateY(-5px);
    }

    .vendor-books {
      display: grid;
      grid-template-columns: 2fr 1fr;
      grid-gap: 10px;
    }

    .vendor-books .big-book img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
    }

    .vendor-books .small-books {
      display: grid;
      grid-template-rows: 1fr 1fr;
      gap: 10px;
    }

    .vendor-books .small-books img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
    }

    .vendor-info {
      margin-top: 15px;
      display: flex;
      align-items: center;
    }

    .vendor-logo {
      width: 50px;
      height: 50px;
      border-radius: 12px;
      background: #0dcaf0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 22px;
      margin-right: 12px;
    }

    .vendor-details h6 {
      margin: 0;
      font-weight: 600;
	  text-align: left;
    }

    .vendor-details small {
      color: #666;
    }

    .rating {
      color: #ffc107;
      font-size: 14px;
    }

    /* Responsive */
    @media(max-width: 576px){
      .vendor-books {
        grid-template-columns: 1fr;
      }
      .vendor-books .small-books {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
      }
    }

.text-left {
	text-align: left;
}

.book-slider {
  width: 90%;
  margin: 60px auto;
}

.book-slide {
  text-align: center;
  font-family: 'Helvetica Neue', sans-serif;
}

.book-cover {
  background: #ededed;
  border-radius: 50%;
  padding:10px;
  width: 200px;
  height: 200px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.book-cover img {
  max-height: 180px;
  max-width: 100%;
  transform: perspective(600px) rotateY(-10deg);
  transition: transform 0.3s;
}

.book-slide p {
    font-weight: bold;
    font-size: 16px;
    font-weight: 500;
    width: 60%;
    text-align: center;
    margin: 20px auto;
}

/* Arrow custom styles */
.slick-prev, .slick-next {
  background: none;
  border: none;
  font-size: 30px;
  color: black;
  z-index: 5;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

/* Hide default slick arrows from theme.css */
.slick-arrow.slick-hidden {
  display: none !important;
}

.slick-prev, .slick-next {
  display: none !important; /* disables default arrows */
}

/* ... then style only your custom arrows below */
.custom-prev, .custom-next {
  background: none;
  border: none;
  font-size: 30px;
  color: black;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
}
.custom-prev {
  left: -40px;
}

.custom-next {
  right: -40px;
}

.cover-design  {
	max-width: 1180px;
	margin: 0 auto;
}
.custom-cover-section h2 {
	color: #0A0E2F !important;
    font-family: Sora;
    font-size: 50.04px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 63.3px;
    letter-spacing: -0.604px;
}
.custom-cover-section p {
    max-width: 90% !important;
    color: #3A3C4B !important;
    font-family: "Open Sans";
    font-size: 16.583px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30.532px;
    letter-spacing: -0.604px;
}

@media (min-width: 992px) {
  .custom-cover-section p {
    max-width: 100%;
    margin: 0;
  }
}


.promo-card {
    position: relative;
    color: white;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
  }

  @media (max-width: 767.98px) {
    .promo-card {
      text-align: center !important;
    }
  }

 .text-danger-df {
	    color: #CC0680;
 }

/* ---------------------------------------------------------------<End custom web --------------------------------------------------------------------------------*/





.mygrid2 {
	padding: 30px 20px 30px 20px;
	background: linear-gradient(to left, #F14772, #75318F);
	width: 100% !important;
	margin: 0 auto;
	position: relative;
	border-radius: 20px;
	height: 315px;
}


.custom-web-pkg-sec2 {
	/* background:#D94723; */
	width: 80%;
	margin: 0 auto;

}

a {
	text-decoration: none !important;
}

.cta3 {
	overflow: revert;
	padding: 60px 0 0px;
	text-align: center;
	width: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

.cta3 .wrap a {
	padding: 12px 40px;
	margin-top: 10px;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	margin-right: 20px;
	font-size: 18px;
	border: 1px solid #000000 !important;
	border-radius: 5px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	float: left;
	transition: 0.4s;
	background-color: #000000;

}

.cta3 .wrap h6 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 10px;
	text-align: left;
}

.cta3 .wrap h3 {
	text-align: left;
	padding-bottom: 0;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #ffffff;
}

.container3 {
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;

}

.cta3-img img {
	position: absolute;
	content: "";
	top: -66px;
	right: 15px;
	width: 600px;
	/* width: 81%; */
}





/*------------------------------------------------------- start Styling for service sections ---------------------------------------------------------------------*/


/* Styling for service sections */
/* Styling for service sections */
.services-sec {
	margin-top: 30px;
	padding: 50px 0;
	background-color: #f4f4f4;
}

.box {
	background-color: #dddddd;
	border-radius: 10px;
	xtext-align: justify;
	padding: 10px 20px 10px 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease;
	height: 100%;
	/* Set a fixed height for all boxes */
}

.box:hover {
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
	background-color: #512e91;
}

.box:hover * {
	color: white;
	/* Change color of all elements inside .box to white on hover */
}

.box img {
	max-width: 81px;
	height: auto;
	border-radius: 5px;
	display: block;
	/* Ensure the image is centered properly */
	margin: 0 auto;
	/* Center the image horizontally */
	transition: filter 0.3s ease;
	/* Smooth transition for filter effect */
}



.box h3 {
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	border-bottom: 2px solid #512e91;
	/* Orange line below the heading */
	padding-bottom: 10px;
	/* Space between heading and paragraph */
}

.box:hover h3 {
	border-bottom-color: white;
	/* Change border color to white on hover */
}

.box p {
	font-size: 16px;
	color: #666666;
}



/* Start CTA Section */


.cta-section {
	display: flex;
	width: 100%;
	height: 340.611px;
	padding: 89.634px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
    background-image: url(../images/Section.png);
    background-position: center center;

    background-repeat: no-repeat;
    position: relative;
    color: white;
    background-size: contain;

}

.cta-content {
	z-index: 1;
	position: relative;
}

.cta-image-container {
	position: relative;
	height: auto;
	overflow: hidden;
}

.cta-image {


	margin-bottom: -50px;
	right: 0;
	max-width: 100%;
	height: auto;
	z-index: 2;


}


.cta-heading {
	font-size: 36px;
	font-weight: bold;
}

.cta-buttons .btn {
	margin-right: 10px;
	padding: 15px 25px;
}








/* End CTA Section */



/*------------------------------------------- end Styling for service sections ------------------------------------------------------------ */



















/* Start Portfolio Gallery */


/* Portfolio Background */
.portfolio-background {
	background-color: #F4F4F4;
	padding-top: 20px;
	padding-bottom: 100px;
	width: 100%;
	margin: 0;
	margin-bottom: 50px;
	overflow: hidden;

}

/* Wrapper */
.wrapper {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0px;
}


/* Portfolio Heading Section */
.portfolio-heading-sec {
	text-align: center;
	margin-bottom: 40px;
}

.portfolio-subtitle {
	font-size: 18px;
	color: #646bd9;
	margin: 0;
}

.portfolio-title {
	font-size: 36px;
	color: #333;
	margin: 10px 0;
	font-weight: 800;
}

.portfolio-heading-sec {
	text-align: center;
}

h1.portfolio-title {

	font-family: 'Poppins', sans-serif;
	/* Using Poppins font */
	font-weight: bold;
	/* Set font weight to bold */
	font-size: 55px;
	/* Set font size to 55px */
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

html {
	/*   *****   Storing Colors In Variables   *****  */
	--body-clr: #f6f9fe;
	/* --primary-clr: #512e91; */
	--primary-light-clr: #eaf3fa;
	--links-clr: #512e91;
	--text-clr: #000000;
}

body {
	width: 100%;
	min-height: 100vh;
}

.portfolio .section-head {
	max-width: 700px;
	margin: 0px auto 25px;
	text-align: center;
}

.section-head h1 {
	position: relative;
	font-size: 32px;
	margin: 10px 0px 30px;
	color: #512e91;
}

.button-group {
	text-align: left;
	/* Align tabs to the left */
	margin-bottom: 20px;
}

.button-group .button {
	padding: 10px 20px;
	border: none;
	background-color: transparent;
	/* Remove background color */
	color: #333;
	/* Text color */
	margin: 0 5px;
	cursor: pointer;
	transition: color 0.3s ease;
	/* Transition for hover effect */
	font-weight: 700;
	font-size: 15px;
}

.button-group .button.active,
.button-group .button:hover {
	color: #646bd9;
}

.divider {
	border-bottom: 1px solid #979797;
	margin-bottom: 20px;
	width: 100%;
}


.button-group .button:hover {
	background-color: var(--primary-clr);
	color: #646bd9;
}

div.gallery {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: -4px;
	/* Offset the margin on the items */
}

div.gallery .item {
	position: relative;
	margin: 4px;
	width: calc(20% - 8px);
	overflow: hidden;
	cursor: pointer;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* Adds a subtle shadow */
}

.item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: 0.3s;

}

div.gallery .item:hover img {
	transform: scale(1.15);
}

.item .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(5, 85, 92, 0.7);
	color: var(--body-clr);
	padding: 15px;
	overflow: hidden;
	transition: opacity 0.2s ease-in-out;
	opacity: 0;
}

.item:hover .overlay {
	opacity: 1;
}

.item .overlay a {
	display: inline-block;
	padding: 8px 16px;
	border: 2px solid var(--body-clr);
	color: var(--body-clr);
	text-decoration: none;
	font-size: 14px;
	transition: 0.3s;
}

.item .overlay a:hover {
	background-color: var(--body-clr);
	color: var(--primary-clr);
}




body {
	margin: 0;
	padding: 0;
	background-color: #E9EDFF;
	/* Optional: matches your preferred background color */
}

.scroll-container {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	position: relative;
}

.scroll-content {
	display: inline-block;
	animation: scroll-left 70s linear infinite;
}

.scroll-content img {
	width: 200px;
	margin-right: 10px;
	vertical-align: middle;
}

@keyframes scroll-left {
	from {
		transform: translateX(0);
	}

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



/* End Portfolio Gallery */



/* Basic CSS for button styling */
.popup-button-custom {
	background: linear-gradient(to right, #fbb040, #9e1f63);
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	cursor: pointer;
}



/* Basic CSS for form styling */
body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
}






/* popp------------------------------------------------------------------------------------------------- */


/* 

.popup-button {
  display: block;
    background-image: linear-gradient(to right, #F1623C, #CE3F21);
    color: var(--white-btn-color);
    text-align: center;
    padding: 10px 25px;
    border-radius: 6px;
    margin: 15px auto 0;
    border-bottom: 4px solid #bf320f;
    text-shadow: #000000bf 0 1px 1px;
    width: 159px; 
  }

.popup-container {
  max-width: 400px;
  margin: 50px auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.popup-heading {
  text-align: center;
}
.popup-input, .popup-submit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.popup-textarea {
  height: 150px;
}
.popup-submit {
  background: linear-gradient(to right, #F1623C, #CE3F21);
  color: white;
  border: none;
  cursor: pointer;
}
.popup-submit:hover {
  background-color: #000;
} */





/* Basic CSS for button styling */
.popup-button {
	background-color: #512e91;
	/* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 10px;
	transition: background-color 0.3s;
}

.popup-button:hover {
	background-color: #512e91;
	/* Darker Green */
}

/* Popup form styling */
.popup-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	/* Semi-transparent black */
	z-index: 1;
	display: none;
}

.popup-container {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fefefe;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	z-index: 2;
	display: none;
	max-width: 500px;
	/* Reduced width */
}

.popup-heading {
	text-align: center;
	margin-bottom: 20px;
}

.popup-input,
.popup-submit {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.popup-textarea {
	width: 100%;
	height: 150px;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.popup-submit {

	background: linear-gradient(to right, #fbb040, #9e1f63);
	color: white;
	border: none;
	cursor: pointer;
}

.popup-submit:hover {
	background-color: #000;
}

.popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;

}

/* popp------------------------------------------------------------------------------------------------- */





/* Default styles */
.heading {
	text-align: center;
	margin-bottom: 20px;
}

.heading h1 {
	font-size: 40px;
	/* Adjust font size for desktop */
	font-weight: 700;
	margin-bottom: 10px;
}

.heading p {
	font-size: 16px;
	/* Adjust font size for desktop */
	margin-bottom: 20px;
	color: #808080;
	/* Set paragraph text color */
}









/* --------------------------------All in One Combo------------------------------- */
.combo-sec {
	background: linear-gradient(to bottom, #fff, #D3C1DE);
	margin-top: 100px !important;
	background-size: cover;
	padding: 25px;
	border-radius: 20px;
	width: 1134px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border: 2px solid #512e91;
}

.combo-h3 {
	font-weight: 500;
	font-size: 24px;
}

.combo-h2 {
	font-size: 63px;
	font-weight: 700;
	margin: 0 0 10px;
	color: #512e91;
}

.combo-h4 {
	color: #512e91;
	font-size: 20px;
	font-weight: 700;
}


.combo-btn2:hover,
.combo-btn:hover {
	background-color: inherit !important;
	/* Set background-color to inherit */
	color: inherit !important;
	/* Set text color to inherit */
	border-color: inherit !important;
	/* Set border color to inherit */
}

.combo-btn {


	background-color: #000000;
	color: #fff;
	padding: 10px 15px;
	font-weight: 600;
	border-radius: 10px;
}

.combo-btn2 {
	background-color: #F14772;
	color: #FFFFFF;
	font-weight: 600;
	padding: 10px 15px;
	border-radius: 10px;
}

.combo-para {
	font-size: 16px;
	margin: 0 0 25px;
	line-height: 26px;
	text-align: justify;
}

.combo-list {
	font-size: 14px;
	color: #000000;
	list-style: none;
}

.combo-list li::before {
	content: "\2022";
	color: #512e91;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}

.combo-list li::after {
	padding-right: 10px;
}

.combo-sec2 {
	background: linear-gradient(to right, #fbb040, #9e1f63);
	text-align: center;
	border-radius: 24px;
	width: 60%;
	padding: 10px;
}

.combo2-h3 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 24px;
}

.combo2-h6 {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 12px;
}

.combo-h7 {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 12px;
}

.combo2-h2 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 42px;
}

.combo-img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 80%;
}



/* ---------------------- All ine one combo------------------------------- */


/* ------------------------- Start Footer Styling ----------------- */
.fa {
	padding-left: 13px;
	display: inline-block;
	font: normal normal normal 14px / 1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Add this CSS to your stylesheet */

/*.footer-org-btn {*/
/*  width: auto;*/
/* max-width: 170px; */
/*  padding-left: 30px;*/
/*  padding-right: 50px;*/

/*}*/

.footer-org-btn {
	width: auto;
	max-width: 170px;
	text-align: center;
	background-color: #D9D9D9;
    color: #000;
    border-radius: 6px;
    font-size: 16px;
    font-family: 'Montserrat';
	xmin-width: 200px;
}

.footer-container {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.footer-container .icon-list {
	list-style: none;
	padding: 0;
}

.footer-container .icon-list li {
	margin-top: 0px;
}

.footer-container input[type="text"],
.footer-container input[type="email"],
.footer-container input[type="tel"],
.footer-container textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.footer-container button {
	padding: 10px 20px;
	border: none;
	background-color: #F14772;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	width: 100%;
}

.footer-container button:hover {
	background-color: rgb(32, 5, 104);
}

.footer-container textarea {
	height: 100px;
}


.bg-orange {
	background-color: #CC0680;
	color: white;
	justify-content: center;
	text-align: center;
	padding: 10px;
	padding-bottom: 0px;

}

.footer-text {
	color: white;
	text-align:left;
}
.footer-container .icon-list svg {
    width: 26px;
    height: 26px;
    margin-right: 12px;
    margin-left: 10px;
}
.footer-column1 {
    position: relative;
    top: 35px;
}

.footer-link {
	color: white;
	text-decoration: none;
	/* Yadi chahe toh link underline ko hatane ke liye */
}

.footer-link:hover {
	text-decoration: underline;
	/* Yadi chahe toh link par hover karne pe underline add kar sakte hain */
}


/* our process */


.count {
	position: relative;
	display: inline-block;
	color: black;
	text-align: center;
	/* Center align the text */
}

.background-number {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 120px;
	/* Adjust the size as needed */
	color: #fff;
	/* Color of the background number */
	width: 100%;
	/* Ensure the background covers the entire container */
	height: 100%;
	/* Ensure the background covers the entire container */
	display: flex;
	/* Use flexbox for vertical and horizontal centering */
	justify-content: center;
	/* Center horizontally */
	align-items: center;
	/* Center vertically */
}

.text-on-top {
	position: relative;
	z-index: 1;
}

.count:hover .background-number {
	color: #a47aff;
	/* Change background color on hover */
}

.count:hover .text-on-top {
	color: #000;
	/* Change background color on hover */
}


.special-offer {
	display: flex;
	justify-content: space-between;
}

.left-special-offer {}

.right-special-offer {}

.zoom-animation {
	animation: zoomInOut 5s infinite alternate;
	/* Adjust the duration and other properties as needed */
}

@keyframes zoomInOut {
	0% {
		transform: scale(0.7);
		/* Initial zoom level */
	}

	100% {
		transform: scale(1);
		/* Zoomed in level */
	}
}

/* our process */

.desktop-logo {
	margin: 10px 0px 0px 0px;
}

.mobile-logo {
	margin: 10px 0px 10px 0px;
	height: 160px !important;

}

/* ------------------------- End Footer Styling ----------------- */





/*********************** responsive AD  *******************************/


@media(max-width: 376px) {


	.top-head {
		background: #11314f;
		padding: 5px 0;
		font-size: 10px;
	}

}


/* 
 
    
@media(max-width: 600px){
  div.gallery .item{
    width: 100%;
    margin: 4px 0px;
  }
} */





@media only screen and (min-width: 451px) and (max-width: 768px) {

	.testimonial .item {
		width: 100%;
		/* Make testimonials occupy full width on smaller screens */
		margin: 10px 0;
		/* Adjust spacing between testimonials */
	}

	.testimonial .item .itext {
		padding: 20px;
		/* Adjust padding for smaller screens */
	}

	.strugglesec img {
		margin: 50px auto
	}

	section.strugglesec .mtpx-30 {
		text-align: center;
	}

	.strugglesec h2 {
		text-align: center;
	}

	section.strugglesec .mtpx-30 {
		text-align: center;
	}

	.ready-to-talk {
		padding: 20px;
		/* Adjust padding for smaller screens */
	}

	.ready-h3 {
		font-size: 20px;
		/* Adjust font size for smaller screens */
	}

	.ready-cta {
		font-size: 16px;
		/* Adjust font size for smaller screens */
	}

	/* .col-md-3 {
    width: calc(100% - 30px);
    margin-bottom: 10px; 
  } */

}

@media only screen and (max-width: 768px) {


	.cta-content {
		text-align: center;
		/* Center text on mobile */
	}

	.cta-heading {
		font-size: 28px;
	}

	.cta-buttons .btn {
		margin: 10px 0;
		/* Margin for mobile spacing */
		padding: 15px 25px;
		display: block;
		/* Block display for full width on mobile */
		width: 100%;
		/* Full width buttons on mobile */
	}

	.cta-image {
		position: relative;
		top: 0;
		/* Reset image top position for mobile */
		width: 100%;
		/* Make image full width on mobile */
		max-width: none;
		/* Remove max-width restriction */
	}

	.cta-image-container {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.avail-discount-btn {
		margin-right: 10px;
		background: #f14772;
		color: #ffffff;
	}

	.combo-sec {

		margin-top: 50px !important;

	}



	.cta3 .wrap a {
		width: 100%;
	}


	.custom-web-banner {
		background-color: #512e91 !important;
		background-image: none !important;
	}


	.custom-mob.col-md-3 {
		margin-left: 0 !important;
		color: white;
		text-align: center;
	}

	.custom-mob2.col-md-3.text-right {
		align-items: center;
		text-align: center;
	}

	i.fa.fa-check {
		color: #ffffff;
	}

	.custom-mob.col-md-3 {
		margin-left: 0 !important;
	}


	.avail-discount-btn {
        border: solid 1px white;
        /* margin-top: 20px; */
        margin-right: 10px !important;
    }

	hr {
		color: black;
	}

	span {
		xcolor: white;
	}

	b,
	strong {
		color: black;
		font-weight: bolder;
	}

	header b {
		color: #ffffff;
	}

	.top-left.col-md-7 {

		display: none;
	}


	.top-head {
		background: #11314f;
		padding: 5px 0;
		font-size: 12px;
	}

	.cta3 .wrap h3 {
		text-align: center;

	}

	.zoom-animation {
		animation: zoomInOut 5s infinite alternate;
		/* Adjust the duration and other properties as needed */
	}

	@keyframes zoomInOut {
		0% {
			transform: scale(0.4);
			/* Initial zoom level */
		}

		100% {
			transform: scale(0.8);
			/* Zoomed in level */
		}
	}


	.package.col-4 {
		margin-bottom: 30px;
		margin-left: 20px;
	}

	.best-seller-tag {

		margin-right: 42px;
		float: right;
		right: 0;
	}


	.mobile-center {

		justify-content: center !important;
		text-align: center;
	}

	    .view-pricing-btn {
        /*width: 145px !important;*/
        /*margin-left: -11px !important;*/
        margin-top: -6px;
    }

	.banner-text {
		font-family: Poppins, sans-serif;
		font-size: 14px;
		text-align:justify;
	}


	.hrHeading {
		display: none !important;
	}

    .banner-heading {
        color: white;
        font-size: 24px;
        font-weight: 700;
    }

	img.zoom-animation {
		margin-top: -30px;
	}


	.footer-container .icon-list {
		list-style: none;
		/* padding: 0; */
		font-size: 13px;
	}

	.list-check {
		list-style: none;
		margin-left: -15px;
		font-family: Poppins, sans-serif;
		font-size: 14px;
	}


	.footer-column2 {
		margin-top: 14px;
	}

	.cta3 .wrap a {
		float: none;
	}

	.custom-web-btn {

		float: none;
	}

	.strugglesec {
		padding: 0;
	}

	.mtpx-30 {
		text-align: center;
		margin-bottom: 20px;
	}

	.strugglesec h2 {

		font-size: 25px;
	}


	.box {
		height: auto;
		margin-bottom: 15px;

	}

	.popup-container {
		width: 90%;
		/* Adjust as needed */
		max-width: 90%;
		/* Adjust as needed */
	}

	.content-section {
		padding: 0px;
		justify-content: center !important;
	}

	.package-btn {
		width: 70%;
	}



	    .mobile-logo {
        height: 100px !important;
        margin-top: -15px;
    }


	.desktop-logo {
		display: none;
		/* Hide desktop logo on mobile */
	}

	.hero-section {
		margin-top: -40px !important;
		width: auto;
	}


	.vertical-buttons {
		display: flex;
		flex-direction: column;
		align-items: center;
		/* Center items horizontally */
	}

	.vertical-buttons li:not(:last-child) {
		margin-bottom: 10px;
		/* Add margin between buttons */
	}

	header {


		background: linear-gradient(to bottom, #662CB2, #A33446);
		color: white;
	}


	.col-md-5.col-sm-12.d-flex.justify-content-md-end.form-adj {
		padding-top: 30px;
	}

	.footer-org-btn {
		width: auto;
		/* max-width: 170px; */
		padding-left: 25px;
		padding-right: 22px;
	}

	/* .package {
		width: calc(100% - 20px);
		margin-right: 0 !important;
		margin-left: 0 !important;

	} */

	.package-btn {
		width: 70%;
	}

	.testimonial .item {
		width: 100%;
		/* Display one testimonial per row */
		margin: 10px 0;
		/* Adjust spacing between testimonials */
	}

	.testimonial .item .itext {
		padding: 20px;
		/* Adjust padding for smaller screens */
	}

	.combo-h2 {

		font-size: 30px !important;
	}


	.cta3 {
		height: 430px !important;
	}

	/* header {
    
    background-image: linear-gradient(to top, #c72a00, #ffeae6);
         color: white;
         text-align: center;
  } */

	.head-form {
		width: 100%;
		/* Set width to 80% on mobile view */
	}

	/* Target mobile devices with a maximum width of 768px */
	/* .trust-images {
    width: 90% !important;
    margin-left: -20px !important; 
    }

  .sticker-image {
    display: none;
  }

  .hero-section .col-md-5, .hero-section .col-md-4 {
    flex: 100%; 
    max-width: 100%; 
    margin-bottom: 20px; 
    margin-left: 10px;
  } */

	.heading h1 {
		font-size: 32px;
		/* Adjust font size for mobile devices */
	}

	.heading p {
		font-size: 12px;
		/* Adjust font size for mobile devices */
	}

	.sticker-image {
		/* display: none; */
		width: 80px;
		margin-top: -900px;
		margin-left: -15px;
	}


	/* .col-md-5.col-sm-12.d-flex.justify-content-md-end.justify-content-center {
    padding-top: 30px;
} */
}

@media only screen and (min-width: 770px) {
	.mobile-logo {
		display: none;
		/* Hide mobile logo on desktop */
	}




}

@media only screen and (min-width: 768px) {


	.combo-img {
		padding-top: 210px;
		width: auto;
		max-width: 100%;
	}
}



@media (max-width: 857px) {

	.left-special-offer {
		display: none !important;
	}

	.right-special-offer {
		display: none !important;
	}

	.custom-web-pkg-sec {
		/* background: linear-gradient(to right, #D94723, #100704); */
		width: 100%;
		margin: 0 auto;


	}

}

@media (max-width: 755px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		background: white;
		width: 90%;
	}
}

@media (max-width: 430px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		background: white;
	}
}

@media (max-width: 414px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		background: white;
	}
}

@media (max-width: 392px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		padding-right: 10px;
		background: white;
	}
}

@media (max-width: 375px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		padding-right: 10px;
		background: white;
	}
}

@media (max-width: 320px) {
	.trust-images {
		margin-top: 20px;
		width: 99%;
		background: white;
	}
}

@media (max-width: 992px) {
	/* Tablet screens and below */


	.package.col-4 {
		margin-bottom: 30px;
		margin-left: 20px;
	}

	.best-seller-tag {

		margin-right: 42px;
		float: right;
		right: 0;
	}

	.popup-container {
		width: 90%;
		/* Adjust as needed */
		max-width: 80%;
		/* Reduced width */
	}

	.content-section {
		justify-content: center;
	}


	/*.package:first-child,*/
	/*.package:nth-child(odd) {*/
	/*	margin-left: 20px;*/
	/*}*/

	/* .package:last-child,
	.package:nth-child(even) {
		margin-left: 20px;
	} */

	
	.heading h1 {
		font-size: 36px;
		/* Adjust font size for tablets */
		margin-top: 20px;
	}

	.heading p {
		font-size: 14px;
		/* Adjust font size for tablets */
	}

	


	.trust-images {
		margin-top: 10px;
		width: 99%;
		background: white;
	}
}


.form-adj {
	xborder: 1px solid red !important;
	display: flex;
	margin-left: auto;
	/* Push the element to the right edge */
}






/* Media Queries for Responsive Design */
@media (max-width: 768px) {
	div.gallery .item {
		width: calc(50% - 8px);
		/* 2 images per row on smaller tablets */
	}
	.custom-web-pkg-sec2 {
		/* background:#D94723; */
		width: 90%;
		margin: 0 auto;

	}
/* 	
.custom-trust-images-mobile {
	display: none !important;
} */
}

@media (max-width: 480px) {
	div.gallery .item {
		width: calc(100% - 8px);
		/* 1 image per row on mobile */
	}
}



/*     
@media(max-width: 1024px){
  div.gallery .item{
    width: calc(50% - 8px);
  } */




/* 
} */



@media screen and (max-width: 1160px) {

	
	.ready-h3 {
		margin-bottom: 20px;
		/* Add space between heading and button */
		text-align: center;
		/* Center-align the heading */
		margin-left: auto;
		/* Reset margin for smaller screens */
		margin-right: auto;
		/* Reset margin for smaller screens */
	}

	.ready-cta {
		margin-top: 20px;
		/* Add space between button and heading */
	}
}


@media (max-width: 1200px) {

	.testimonial .item {
		xwidth: 80%;
		/* Display two testimonials per row */
	}

	.submit-button {
		margin-bottom: 20px !important;
	}

	.wrapper {
		padding: 10px;
		/* Adjust padding for smaller screens */
	}

	/* .nav {
      flex-direction: column; 
   }
  .logo, .col-md-5 {
      margin-bottom: 20px; 
  }
  .hero-section {
      flex-direction: column; 
  }
  .col-md-2 {
      display: none; 
  } */
	.inner-pages-form {
		margin-top: 20px;
	}

	.submit-button {
		width: 100%;
	}

	/* nav.row {
    margin: 0 auto;
    text-align: center;
    justify-content: center;
  } */

	/* .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
  } */


	.cta3-img {
		display: none;
	}

	.cta-img img {
		display: none;

		position: static;
		/* Reset position property */
		content: none;
		/* Reset content property */
		top: auto;
		/* Reset top property */
		right: auto;
		/* Reset right property */
		left: auto;
		/* Reset left property */
		width: 90%;
	}
}

@media only screen and (max-width: 1260px) {
	.platform-icons {
		display: none;
	}

	img.sponsor-images {
		display: none;

	}
}
@media (max-width: 765px) {
	.package {
	  width: 97%;
	  background-color: rgba(255, 255, 255, 0.7);
	  padding: 20px;
	  border-radius: 10px;
	  margin-bottom: 20px;
	  font-size: 14px;
	  color: #808080;
	  border: 2px solid var(--orange-color);
	  margin-top: 10px;
	}
  }
  

@media (min-width: 768px) and (max-width: 1024px)  {

    .container, .container-md, .container-sm {
        max-width: 910px !important;
    }
	.package:last-child, .package:nth-child(even) {
        margin-left: 20px;
    }
	.banner-heading {
		color: #000;
		text-transform: capitalize;
		font-size: 18px;
	}
	.banner-text {
		font-family: Poppins, sans-serif;
		font-size: 13px;
	}
	.list-check {
		list-style: none;
		/* margin-left: -15px; */
		font-family: Poppins, sans-serif;
		font-size: 13px;
	}
	.custom-btn {
		font-size: 13px;
	}
	.custom-trust-images-desk{
        padding: 5px;
        max-width: 240px !important;
        height: auto;
        display: block;
    }
	.head-form {
		width: 365px;
	}

	.package {
		width: 44%;
	}

	.combo-img {
		max-width: 100%;
		height: auto !important;
		width: 115% !important;
	}
	.combo-list {
		font-size: 13px;
		color: #000000;
		list-style: none;
	}
	.box {
		height: auto;
		margin-bottom: 10px;
	}
	.cta-heading {
		font-size: 34px;
		font-weight: bold;
	}
	.cta-buttons .btn {
		margin-right: 10px;
		padding: 15px 25px;
		margin-bottom: 10px;
	}
	.sticker-image {
		margin-top: -1132px;
        margin-left: 273px;
        width: 90px;
        height: auto;
        z-index: 10;
        position: relative;
    }

}