body {
	color: #888;
	font-family: "Mulish", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	overflow-x: hidden;
  }
  
  html,
  body {
	height: 100%;
	position: relative;
	overflow-x: hidden;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
	letter-spacing: 0px;
	margin: 0px;
	font-family: "Mulish", sans-serif;
	color: #1a2d62;
	font-weight: 400;
  }
  a {
	font-family: "Mulish", sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
  }
  a:hover {
	color: #fff;
	text-decoration: none;
  }
  a:focus {
	outline: none;
	text-decoration: none;
  }
  inout {
	outline: none;
  }
  p {
	margin-bottom: 0;
  }
  ul,
  li {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
  }
  b,
  strong {
	font-weight: 600;
  }
  /* span{font-family: 'Mulish', sans-serif;} */
  .no-padding {
	padding: 0;
  }
  
  /*END PRELOADER DESIGN*/
  .section-padding {
	padding: 80px 0;
  }
  /*START SECTION TITLE DESIGN*/
  .section-title {
	margin-bottom: 60px;
	position: relative;
  }
  @media screen and (max-width: 767px) {
	.section-padding {
	  padding-top: 30px;
	}
  }
  .section-title h2 {
	font-size: 14px;
	font-weight: 700;
	padding: 0;
	line-height: 1px;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #4b2fe6;
  }
  
  .section-title h2::after {
	content: "";
	width: 120px;
	height: 1px;
	display: inline-block;
	background: #4b2fe6;
	margin: 4px 10px;
  }
  .section-title p {
	width: 60%;
	margin: 0;
	font-size: 42px;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 46px;
	color: #1a2d62;
  }
  @media only screen and (max-width: 480px) {
	.section-title p {
	  width: 100%;
	}
  }
  .section-title p span {
	color: #4b2fe6;
  }
  h1.section-title-white {
	color: #fff;
  }
  p.section-title-white {
	color: #fff;
  }
  .section-title-two {
	margin-bottom: 60px;
  }
  .section-title-two h2 {
	font-weight: 800;
	font-size: 50px;
	text-align: center;
  }
  .section-title-two h2 span {
	color: #4b2fe6;
  }
  /*END SECTION TITLE DESIGN*/
  /*START SCROLL TO TOP*/
  .topcontrol {
	background: #4b2fe6;
	border-radius: 30px;
	bottom: 5px;
	-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	height: 50px;
	line-height: 47px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
  }
  @media only screen and (max-width: 767px) {
	.topcontrol {
	  display: none;
	}
  }
  .topcontrol:hover {
	background: #4b2fe6;
	color: #fff;
  }
  /*END SCROLL TO TOP*/
  /*START PRELOADER DESIGN*/
  #loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	overflow: hidden;
  }
  
  #loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #fb8e49;
	-webkit-animation: spin 1.7s linear infinite;
	animation: spin 1.7s linear infinite;
	z-index: 11;
  }
  
  #loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #68bb3e;
	-webkit-animation: spin-reverse 0.6s linear infinite;
	animation: spin-reverse 0.6s linear infinite;
  }
  
  #loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #5138a2;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
  }
  
  @-webkit-keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	}
  }
  
  @keyframes spin {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  
  @-webkit-keyframes spin-reverse {
	0% {
	  -webkit-transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(-360deg);
	}
  }
  
  @keyframes spin-reverse {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(-360deg);
	  transform: rotate(-360deg);
	}
  }
  
  #loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #fff;
	z-index: 10;
  }
  
  #loader-wrapper .loader-section.section-left {
	left: 0;
  }
  
  #loader-wrapper .loader-section.section-right {
	right: 0;
  }
  
  .loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  }
  
  .loaded #loader {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
  }
  /*END LOADER*/
  
  ::-moz-selection {
	background: #1a2d62;
	color: #fff;
	text-shadow: none;
  }
  ::selection {
	background: #1a2d62;
	color: #fff;
	text-shadow: none;
  }
  /*BTN START*/
  .btn_one {
	background: #1a2d62;
	font-size: 15px;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	border-radius: 100px;
	font-weight: 700;
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  .btn_one:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 231 0);
	border-radius: 100px;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .btn_one:hover,
  .btn_one:focus,
  .btn_one:active {
	color: #000;
	border-radius: 100px;
  }
  .btn_one:hover:before,
  .btn_one:focus:before,
  .btn_one:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	border-radius: 100px;
  }
  
  @media only screen and (max-width: 880px) {
	.btn_one {
	  padding: 10px 20px;
	}
  }
  @media only screen and (max-width: 480px) {
	.btn_one {
	  padding: 10px 30px;
	}
  }
  /*BTN END*/
  
  /*START BTN TWO*/
  .cta {
	position: relative;
	margin: auto;
	padding: 18px 22px;
	transition: all 0.2s ease;
  }
  .cta:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 28px;
	background: rgb(221 210 104);
	width: 56px;
	height: 56px;
	transition: all 0.3s ease;
  }
  .cta span {
	position: relative;
	font-size: 15px;
	color: #1a2d62;
	font-weight: 700;
	text-transform: uppercase;
  }
  .cta svg {
	position: relative;
	top: 0;
	margin-left: 10px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #111;
	stroke-width: 2;
	transform: translateX(-5px);
	transition: all 0.3s ease;
  }
  .cta:hover:before {
	width: 100%;
	background: rgb(255, 230, 1);
  }
  .cta:hover svg {
	transform: translateX(0);
  }
  .cta:active {
	transform: scale(0.96);
  }
  .cta:hover span {
	color: #000000;
  }
  .cta:hover svg {
	position: relative;
	top: 0;
	margin-left: 10px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: #000000;
	stroke-width: 2;
	transform: translateX(-5px);
	transition: all 0.3s ease;
  }
  /*END BTN TWO*/
  /*START BTN THREE*/
  .btn_two {
	color: #1a2d62;
	border: 1px solid #ededed;
	padding: 9px 30px;
	font-weight: 700;
	display: inline-block;
	border-radius: 100px;
	font-size: 15px;
	transition: 0.3s;
  }
  .btn_two:hover {
	color: #fff;
	border: 1px solid #4b2fe6;
	background: #4b2fe6;
  }
  /*END BTN THREE*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 01.END GENERAL STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*START TOP HEADER DESIGN*/
  .logo-contact {
	padding: 10px 0;
	background: #4b2fe6;
  }
  @media only screen and (max-width: 480px) {
	.logo-contact {
	  display: none;
	}
  }
  .logo-img {
  }
  .logo-img a {
	color: #fff;
	font-size: 40px;
	text-transform: uppercase;
	margin-top: 5px;
	display: inline-block;
  }
  .single-top-contact {
	margin-top: 6px;
  }
  @media only screen and (max-width: 880px) {
	.single-top-contact {
	  margin-bottom: 30px;
	}
  }
  .single-top-contact i {
	color: #fff;
	float: left;
	margin-right: 15px;
	font-size: 24px;
	margin-bottom: 0px;
  }
  .single-top-contact h4 {
	font-size: 15px;
	color: #fff;
	margin-bottom: 0px;
	overflow: hidden;
	padding-top: 3px;
  }
  .single-top-contact h4 a {
	color: #fff;
  }
  /*TOP SOCIAL PROFILES*/
  .top_social_profile ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	float: right;
  }
  .top_social_profile ul li {
	display: inline-block;
  }
  .top_social_profile ul li a {
	background: #fff;
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 5px;
	font-size: 16px;
	color: #232434;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	border-radius: 30px;
  }
  @media only screen and (max-width: 767px) {
	.top_social_profile ul li a {
	  margin-right: 10px;
	  margin-bottom: 10px;
	}
  }
  .top_social_profile ul li a:hover {
	color: #fff;
  }
  .top_f_facebook:hover {
	background: #3b5998;
  }
  .top_f_twitter:hover {
	background: #1a90d9;
  }
  .top_f_instagram:hover {
	background: #ff5252;
  }
  .top_f_linkedin:hover {
	background: #0e76a8;
  }
  /*END LOGO WITH CONTACT*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 02.START BOOTSTRAP NAVIGATION OVERRIDES
	  * ----------------------------------------------------------------------------------------
	  */
  .site-logo img {
	width: 185px;
	height: auto;
	padding: 10px 0 10px;
	/* margin-top: 10px; */
  }
  .bg-faded {
	background-color: #fff;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
  }
  .navbar-fixed {
	z-index: 999;
	position: fixed;
	opacity: 0.98;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
	width: 100%;
	padding: 10px 0;
	top: 0;
	-webkit-animation: fadeInDown 800ms;
	animation: fadeInDown 800ms;
	-webkit-backface-visibility: hidden;
	border-radius: 0px;
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
  }
  #navigation {
	border-bottom: 1px solid #cccccc7d;
	background: #fff;
	padding: 5px 0 5px;
  }
  #navigation.navbar-fixed {
	display: none;
	padding: 10px 0;
	background: #fff;
	border-color: #fff;
  }
  .header_right {
	display: block;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
  }
  #main-menu {
  }
  #main-menu ul {
	list-style-type: none;
	text-align: center;
  }
  #main-menu ul li {
	display: inline-block;
	margin-left: 15px;
	position: relative;
  }
  #main-menu ul li a {
	color: #1a2d62;
	font-weight: 700;
	text-transform: capitalize;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	font-size: 15px;
	padding: 24px 0 26px;
	display: block;
  }
  #main-menu ul li a span {
	font-weight: bold;
	font-size: 12px;
  }
  @media only screen and (max-width: 880px) {
	#main-menu ul li a span {
	  display: none;
	}
  }
  #navigation.navbar-fixed #main-menu ul li a {
	color: #1a2d62;
	padding: 22px 0 22px;
  }
  #navigation.navbar-fixed #main-menu ul li a:hover,
  #navigation.navbar-fixed #main-menu ul li a:focus,
  #main-menu ul li a:hover,
  #main-menu ul li a:focus {
	color: #4b2fe6;
  }
  #main-menu ul li > a:hover,
  #main-menu ul li > a:focus {
	color: #4b2fe6;
  }
  #navigation #main-menu ul li a:hover,
  #navigation #main-menu ul li a:focus,
  #navigation.navbar-fixed #main-menu ul li a:hover,
  #navigation.navbar-fixed #main-menu ul li a:focus {
  }
  #navigation.navbar-fixed #main-menu ul li a:hover,
  #navigation.navbar-fixed #main-menu ul li a:focus {
	color: #4b2fe6;
  }
  
  .slicknav_menu {
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 0px;
  }
  .slicknav_nav_icon {
	color: #6138bd;
	font-size: 24px;
  }
  #mobile_menu {
	display: none;
  }
  /* Responsive Design */
  @media only screen and (max-width: 1024px) {
	#main-menu ul li {
	  margin-left: 30px;
	}
  }
  /*END 1024px*/
  @media only screen and (max-width: 991px) {
	#main-menu ul li {
	  margin-left: 9px;
	}
	#main-menu ul li a {
	  font-size: 15px;
	}
	#navigation {
	  background: linear-gradient(to right, #f7f8fc, #edf2fb);
	  border-bottom: 0px;
	}
  }
  
  @media screen and (max-width: 767px) {
	.site-logo {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.site-logo img {
	  width: 140px;
	  height: auto;
	  padding: 10px 0 10px;
	  /* margin-top: 10px; */
	}
  }
  /*END 991px*/
  @media only screen and (max-width: 880px) {
	#main-menu {
	  display: none;
	}
	#mobile_menu {
	  display: block;
	  width: 100%;
	}
	.slicknav_nav {
	  background-color: #fff;
	}
	#navigation #mobile_menu li a {
	  color: #1a2d62;
	  font-weight: 500;
	}
	#navigation.navbar-fixed #mobile_menu li a {
	  color: #1a2d62;
	}
	.slicknav_nav a {
	  padding: 5px 0px;
	  -webkit-transition: 0.3s;
	  -o-transition: 0.3s;
	  transition: 0.3s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus {
	  color: #1a2d62;
	  background: #fff;
	}
	.slicknav_btn {
	  top: 24px;
	  background: #1a2d62;
	}
  }
  /*END 767px*/
  .slicknav_nav .slicknav_arrow {
	font-size: 0.8em;
	margin: 0 0 0 0.4em;
	display: none;
  }
  @media only screen and (max-width: 575px) {
	.slicknav_btn {
	  margin: 0;
	  text-decoration: none;
	  position: absolute;
	  top: 35px;
	  right: 17px;
	}
  }
  /*END 575px*/
  /*-------------------------------
	  # Dropdwon menu 
	  --------------------------------*/
  
  #navigation #main-menu ul li ul,
  #navigation #main-menu ul li ul li ul {
	background: #fff;
	-webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);
	left: -55px;
	list-style: outside none none;
	margin: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding: 10px;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 999;
	border-radius: 4px;
	border-top: 2px solid #4b2fe6;
  }
  #navigation #main-menu ul li ul li {
	position: relative;
  }
  #navigation #main-menu ul li ul li ul {
	top: 0;
	right: auto;
	left: 205px;
  }
  #navigation.navbar-fixed #main-menu ul li li a {
	color: #1a2d62;
  }
  #navigation #main-menu ul li:hover ul,
  #navigation #main-menu ul li ul li:hover > ul {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
  }
  #navigation #main-menu ul li ul li {
	display: block;
	margin: 0;
	padding: 0;
  }
  
  #navigation.navbar-fixed #main-menu ul li ul li a,
  #navigation #main-menu ul li ul li a {
	color: #1a2d62;
	display: block;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 7px 12px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s !important;
	-o-transition: all 0.3s ease 0s !important;
	transition: all 0.3s ease 0s !important;
	visibility: inherit !important;
	opacity: inherit !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
  }
  
  #navigation #main-menu ul li ul li a:hover,
  #navigation.navbar-fixed #main-menu ul li ul li a:hover,
  #navigation.navbar-fixed #main-menu ul li ul li a:focus {
	color: #4b2fe6;
	background-color: #fff;
	text-decoration: none;
  }
  
  @media only screen and (max-width: 767px) {
	.navbar-brand {
	  padding-top: 20px;
	}
  }
  
  .home_lc {
	display: inline-block;
	margin-top: 30px;
  }
  .hlc {
	position: relative;
	margin-right: 30px;
	display: inline-block;
  }
  .home_lc a i {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1a2d62;
	font-size: 26px;
  }
  .home_lc a .gactive {
	width: 20px;
	height: 20px;
	background: #4b2fe6;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: -10px;
	right: -11px;
  }
  .call_to_action {
	float: right;
	margin-top: 10px;
  }
  .call_to_action a {
	margin-right: 5px;
  }
  .select_cat select {
	width: 50%;
	float: left;
	margin-top: 15px;
	padding: 10px;
	font-weight: 700;
	font-size: 15px;
	border: 1px solid #ededed;
  }
  .select_cat select option {
	padding: 10px;
  }
  .select_cat select:focus {
	box-shadow: none;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 02.END BOOTSTRAP NAVIGATION OVERRIDES
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 03. START HOMEPAGE CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  .home_bg {
	height: 800px;
	position: relative;
  }
  .home_bg2 {
	height: 700px;
	position: relative;
  }
  .home_content {
	padding-top: 75px;
	position: relative;
  }
  .hc_pt {
	padding-top: 150px;
	position: relative;
  }
  @media only screen and (max-width: 767px) {
	.home_content {
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 50px;
	}
  }
  .home_content h1 {
	font-size: 68px;
	font-weight: 700;
	color: #000;
	line-height: 75px;
	margin-bottom: 20px;
	text-transform: inherit;
  }
  .home_content .offer-button {
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	box-shadow: 0px 4px 50px 0px #3e2ef480;
	color: white;
	padding: 10px 20px 10px;
	border-radius: 30px;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	font-family: "Outfit-bold";
	font-weight: 600;
	font-size: 32px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: capitalize;
  }
  .home_content .fire-img {
	width: 8%;
	height: 35px;
  }
  .home_content .msd-img {
	width: 23%;
	height: 100%;
  }
  @media (max-width: 767px) {
	.home_content .offer-button {
	  width: 100%;
	  font-size: 18px;
	  padding: 12px 15px;
	  margin-top: 10px;
	}
	.home_content .fire-img {
	  width: 8%;
	  height: 18px;
	}
	.home_content .msd-img {
	  width: 18%;
	}
  }
  @media only screen and (max-width: 960px) {
	.home_content h1 {
	  font-size: 55px;
	  line-height: 55px;
	  text-align: center;
	}
  }
  .home_content h1 p {
	color: #ab2ef5;
	font-size: 68px;
	font-family: "Outfit-Bold" !important;
	margin-bottom: 0px;
  }
  .home_content h1 span {
	font-size: 50px;
	font-family: "Outfit-Bold" !important;
	color: #000;
  }
  .home_content p {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 18px;
	color: #838080;
  }
  .home_me_img {
	margin-top: 75px;
	z-index: 1;
	bottom: 0;
	background: url("../images/form-bg.png");
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  }
  
  .banner-form {
	background: transparent;
	width: 100%;
	max-width: 600px;
	padding: 50px 0px 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
  }
  
  .form-row {
	display: flex;
	gap: 15px;
	width: 100%;
  }
  
  .form-column {
	flex: 1;
	display: flex;
	flex-direction: column;
  }
  
  .form-column-full {
	width: 100%;
	display: flex;
	flex-direction: column;
  }
  
  input,
  select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
  }
  
  .gradient-button {
	background: linear-gradient(to right, #cc2ef4, #3e2ef4);
	color: white;
	border: none;
	padding: 15px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px;
	width: 50%;
  }
  
  @media only screen and (max-width: 767px) {
	.form-row {
	  flex-direction: column;
	}
  }
  .home_bg {
	height: 700px;
  }
  .home_img_two {
	display: none;
  }
  /*HOME THREE CSS*/
  .home_img_bg {
	height: 750px;
	position: relative;
  }
  .home_img_bg::before {
	background: #1a1936;
	content: "";
	height: 100%;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
	opacity: 0.8;
  }
  .hero-text {
	position: relative;
  }
  .hero-text h1 {
	color: #fff;
	font-size: 90px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 90px;
	padding-top: 150px;
	text-transform: capitalize;
	margin-bottom: 20px;
  }
  .hero-text h1 span {
	color: #4b2fe6;
  }
  @media only screen and (max-width: 480px) {
	.hero-text h1 {
	  font-size: 60px;
	  line-height: 70px;
	}
  }
  .hero-text p {
	color: #fff;
	margin-bottom: 30px;
  }
  .hero-text-img {
	position: absolute;
	bottom: 0;
	z-index: 9;
  }
  .hero-text-img img {
	position: relative;
  }
  @media only screen and (max-width: 480px) {
	.hero-text-img img {
	  display: none;
	}
  }
  /*END HOME THREE CSS*/
  .home_ps {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	position: absolute;
	top: 50%;
  }
  .home_ps img {
	width: 40px;
	float: left;
	margin-right: 10px;
  }
  .home_ps h2 {
	overflow: hidden;
	font-weight: 800;
  }
  .home_ps span {
	font-size: 14px;
  }
  
  .home_ps2 {
	background: #fff;
	width: 200px;
	padding: 20px;
	border-radius: 30px;
	position: absolute;
	top: 10%;
	right: 0;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
  }
  .home_ps2 img {
	width: 40px;
	float: left;
	margin-right: 10px;
  }
  .home_ps2 h2 {
	overflow: hidden;
	font-weight: 800;
  }
  .home_ps2 span {
	font-size: 14px;
  }
  .home_tag {
	margin-top: 30px;
  }
  .home_tag span {
  }
  .home_tag a {
	color: #1a2d62;
	font-weight: 600;
	padding: 0 5px;
	text-decoration: underline;
	transition: 0.3s;
  }
  .home_tag a:hover {
	color: #4b2fe6;
  }
  @media only screen and (max-width: 480px) {
	#kenburns_061 {
	  margin-top: 75px;
	}
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 03. END HOMEPAGE CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 04. START TOP PROMO STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  .tp_feature {
	padding-bottom: 50px;
  }
  .single_tp {
	padding: 60px;
	margin-bottom: 30px;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
	border-right: 1px solid #ededed;
  }
  @media only screen and (max-width: 880px) {
	.single_tp {
	  margin-bottom: 0px;
	}
  }
  .single_tp h3 {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 15px;
	overflow: hidden;
  }
  .single_tp p {
	margin-bottom: 40px;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 04. END TOP PROMO CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 04. START ABOUT CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  .ab_one {
	padding-bottom: 50px;
	background: url("/images/hero-gradient-bg.webp");
	background-repeat: no-repeat;
	background-size: cover;
  }
  .ab_content {
	margin-bottom: 30px;
	position: relative;
  }
  .ab_content h2 {
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
	line-height: 54px;
	font-size: 44px;
  }
  .ab_content h2 span {
	color: #fb0000;
  }
  .ab_content h2 u {
	color: #4b2fe6;
  }
  .ab_content p {
	margin-bottom: 30px;
  }
  .ab_content p {
	margin-bottom: 30px;
  }
  .abmv {
	margin-bottom: 30px;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #eee;
	transition: 0.3s;
  }
  .abmv:hover {
	border-left: 4px solid rgb(255 231 0);
  }
  .abmv span {
	background: rgb(255 231 0);
	float: left;
	margin-right: 20px;
	display: block;
	width: 70px;
	height: 70px;
	color: #1a2d62;
	line-height: 70px;
	text-align: center;
	font-size: 26px;
	border-radius: 100px;
  }
  .abmv h4 {
	font-weight: 800;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 22px;
  }
  .abmv p {
	overflow: hidden;
  }
  .ss_btn {
	margin-top: 50px;
  }
  
  .ab_img {
	position: relative;
  }
  .ab_img img {
	padding-right: 40px;
  }
  @media only screen and (max-width: 880px) {
	.ab_img img {
	  padding-right: 0px;
	  width: 100%;
	}
	.ab_img {
	  margin-top: 0px;
	  margin-bottom: 60px;
	}
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 05. END ABOUT CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 06. START COUNTER CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  .counts .count-box {
	display: flex;
	align-items: center;
	padding: 25px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	border: 1px solid #ededed;
  }
  .counts .count-box i {
	font-size: 42px;
	line-height: 0;
	margin-right: 15px;
	color: #4154f1;
  }
  .counts .count-box span {
	font-size: 36px;
	display: block;
	color: #1a2d62;
	font-weight: 700;
  }
  
  .counts .count-box p {
	padding: 0;
	margin-top: 5px;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 06. END COUNTER CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 07.START FEATURES DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .marketing_content_area {
	background: url(../images/all-img/section-bg-1.png);
	padding-bottom: 50px;
	background-size: cover;
	background-position: center;
	/* padding: 100px 0; */
  }
  .single_feature_one {
	background: #fff;
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
	margin-bottom: 30px;
	position: relative;
	border: 1px solid #ededed;
	z-index: 2;
	-webkit-transition: 0.3s;
	-webkit-transition: 0.2s;
	-o-transition: 0.3s;
	transition: 0.3s;
  }
  .sf_top {
	overflow: hidden;
  }
  .single_feature_one span {
	border-radius: 100px;
	float: left;
	font-size: 30px;
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	margin-right: 20px;
  }
  .single_feature_one h2 a {
	font-size: 22px;
	color: #1a2d62;
	margin-bottom: 15px;
	display: block;
	text-transform: capitalize;
	overflow: hidden;
	line-height: 32px;
	font-weight: 800;
	transition: 0.3s;
  }
  .single_feature_one:hover h2 a {
  }
  .single_feature_one p {
  }
  .single_feature_one:hover {
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	-webkit-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	transform: translate(0, -5px);
  }
  .ss_one {
	background: rgba(46, 202, 127, 0.2);
  }
  .ss_two {
	background: #ecfffc;
  }
  .ss_three {
	background: #e8f5ff;
  }
  .ss_four {
	background: #e3f9f6;
  }
  .ss_five {
	background: #fff6eb;
  }
  .ss_six {
	background: #e8ffea;
  }
  .ss_seven {
	background: #eee8ff;
  }
  .ss_eight {
	background: #ffe8e8;
  }
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 07.END FEATURES DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 08.START COURSE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .course-slide {
	position: relative;
	background: #fff;
	margin-bottom: 30px;
  }
  @media only screen and (max-width: 480px) {
	.course-slide {
	  margin-bottom: 30px;
	}
  }
  .course-slide .course-img {
	position: relative;
	overflow: hidden;
  }
  .course-slide .course-img img {
	width: 100%;
	height: auto;
  }
  .course-slide .course-date {
	position: absolute;
	top: 10%;
	left: 4%;
  }
  .course-slide .month {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background: #4b2fe6;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
  }
  .course-content {
	padding: 30px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid #ededed;
  }
  .course-content h3 a {
	color: #1a2d62;
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
  }
  .course-content h3 a:hover {
	color: #4b2fe6;
  }
  .course-slide .course-content span i {
	color: #4b2fe6;
	margin-right: 8px;
  }
  .course-slide .course-content span {
	color: #1a2d62;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
  }
  .course-slide .course-content span strong {
	font-weight: 700;
  }
  /*START COURSE STYLR TWO*/
  .course-slide2 {
	position: relative;
	background: #fff;
	margin-bottom: 30px;
  }
  @media only screen and (max-width: 480px) {
	.course-slide2 {
	  margin-bottom: 30px;
	}
  }
  .course-slide2 .course-img2 {
	position: relative;
	overflow: hidden;
	float: left;
	width: 50%;
	margin-right: 30px;
  }
  
  .course-slide2 .course-img2 img {
	width: 100%;
	height: auto;
  }
  .co_list {
	margin-top: 30px;
	display: inline-block;
  }
  .course-slide2 .course-date2 {
	position: absolute;
	top: 10%;
	left: 4%;
  }
  .course-slide2 .month2 {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background: #4b2fe6;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
  }
  .course-content2 {
	padding: 30px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid #ededed;
  }
  .course-content2 h3 a {
	color: #1a2d62;
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
  }
  .course-content2 h3 a:hover {
	color: #4b2fe6;
  }
  .course-slide2 .course-content2 span i {
	color: #4b2fe6;
	margin-right: 8px;
  }
  .course-slide2 .course-content2 span {
	color: #1a2d62;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
  }
  .course-slide2 .course-content2 span strong {
	font-weight: 700;
  }
  .c_btn2 {
	text-decoration: underline;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #1a2d62;
	font-weight: 700;
	transition: 0.3s;
  }
  .c_btn2:hover {
	color: #4b2fe6;
  }
  .c_btn3 {
	background: #4b2fe6;
	color: #fff;
	padding: 10px 30px;
	border-radius: 100px;
	font-weight: 800;
  }
  /*END COURSE STYLR TWO*/
  /*START COURSE THREE*/
  .course-slide3 {
	margin-bottom: 30px;
  }
  
  .co_bg_img {
	position: relative;
	padding: 80px 0;
	text-align: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .co_bg_img::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background: rgba(7, 41, 77, 0.4);
  }
  
  .co-video-play {
	display: inline-block;
	position: relative;
  }
  .co-video-play i {
	background: rgba(255, 255, 255, 0.3);
	/* border: 2px solid #ffde67; */
	color: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100px;
	/* margin-right: 15px; */
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-size: 30px;
  }
  .co-video-play:hover i {
	background: #4b2fe6;
	color: #fff;
  }
  .course-content3 {
	padding: 30px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid #ededed;
	background: #fff;
  }
  
  .course-content3 h3 a {
	color: #1a2d62;
	font-size: 20px;
	font-weight: 800;
	display: block;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	line-height: 29px;
  }
  .course-content3 a {
	margin-right: 30px;
  }
  .course-content2 h3 a:hover {
	color: #4b2fe6;
  }
  /*END COURSE THREE*/
  
  /*START SINGLE COURSE SIDEBAR CSS*/
  .course_features {
  }
  .course_features h3 {
	font-weight: 800;
	margin-bottom: 20px;
	background: #4b2fe6;
	color: #fff;
	text-align: center;
	padding: 20px 10px;
  }
  .course_features ul {
  }
  .course_features ul li {
	/* font-weight: 600; */
	padding-top: 10px;
	color: #1a2d62;
	overflow: hidden;
	font-size: 18px;
  }
  .course_features ul li i {
	color: #4b2fe6;
	margin-right: 8px;
  }
  .course_features ul li b {
	font-weight: 800;
	float: right;
	background: #4b2fe6;
	color: #fff;
	padding: 5px 10px;
	overflow: hidden;
	border-radius: 10px;
  }
  .course-content p {
	margin-bottom: 30px;
  }
  .related_course {
	margin: 30px 0;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
	padding: 30px;
  }
  .related_course h3 {
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: 800;
  }
  .single_rc {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
  }
  .single_rc img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
  }
  .single_rc i {
	color: #ffbd35;
	margin-right: 8px;
  }
  .single_rc h4 a {
	color: #1a2d62;
	font-size: 18px;
	font-weight: 800;
	margin: 10px 0;
	display: block;
	transition: 0.3s;
  }
  .single_rc h4 a:hover {
	color: #4b2fe6;
  }
  .single_rc span {
	color: #4b2fe6;
	font-weight: 800;
	font-size: 20px;
  }
  .single_langu {
  }
  .single_langu input {
  }
  .single_langu span a {
	color: #1a2d62;
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	transition: 0.3s;
  }
  .single_langu span a:hover {
	color: #4b2fe6;
  }
  .single_rat a {
	line-height: 42px;
	/* font-size: 40px; */
	display: inline-block;
  }
  /*END SINGLE COURSE SIDEBAR CSS*/
  
  .c_btn {
	background: #4b2fe6;
	padding: 6px 20px;
	margin-bottom: 20px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	transition: 0.3s;
  }
  .vid_area {
	background: url(../images/banner/course-bg-p2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 150px 0;
  }
  .vid_area::before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #1a1936;
	content: "";
	left: 0;
	top: 0;
	opacity: 0.5;
  }
  .video-area {
	height: 163px;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  }
  .video-button::after,
  .video-button::before,
  blockquote::before,
  .video-area .video-button {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	content: "";
  }
  .video-button {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #4b2fe6;
	position: relative;
	color: #ffffff;
	font-size: 30px;
  }
  
  .video-button i {
	position: relative;
	z-index: 1;
  }
  
  .video-button:hover {
	color: #ffffff;
  }
  
  .video-button::after,
  .video-button::before {
	animation: video 25s linear infinite;
	-webkit-animation: video 25s linear infinite;
	-moz-animation: video 25s linear infinite;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
  }
  
  .video-button::before {
	background: rgba(46, 202, 127, 0.161);
	width: 150px;
	height: 150px;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-webkit-border-radius: 33.33% 50%;
	-moz-border-radius: 33.33% 50%;
	border-radius: 33.33% 50%;
  }
  
  .video-button::after {
	background: rgba(46, 202, 127, 0.302);
	height: 120px;
	width: 120px;
  }
  
  @keyframes video {
	0% {
	  -webkit-border-radius: 33.33% 50%;
	  -moz-border-radius: 33.33% 50%;
	  border-radius: 33.33% 50%;
	  -webkit-transform: translate(-50%, -50%) rotate(0deg);
	  -ms-transform: translate(-50%, -50%) rotate(0deg);
	  transform: translate(-50%, -50%) rotate(0deg);
	}
  
	100% {
	  -webkit-border-radius: 50% 33.33%;
	  -moz-border-radius: 50% 33.33%;
	  border-radius: 50% 33.33%;
	  -webkit-transform: translate(-50%, -50%) rotate(1800deg);
	  -ms-transform: translate(-50%, -50%) rotate(1800deg);
	  transform: translate(-50%, -50%) rotate(1800deg);
	}
  }
  
  @-webkit-keyframes video {
	0% {
	  -webkit-border-radius: 33.33% 50%;
	  -moz-border-radius: 33.33% 50%;
	  border-radius: 33.33% 50%;
	  -webkit-transform: translate(-50%, -50%) rotate(0deg);
	  -ms-transform: translate(-50%, -50%) rotate(0deg);
	  transform: translate(-50%, -50%) rotate(0deg);
	}
  
	100% {
	  -webkit-border-radius: 50% 33.33%;
	  -moz-border-radius: 50% 33.33%;
	  border-radius: 50% 33.33%;
	  -webkit-transform: translate(-50%, -50%) rotate(1800deg);
	  -ms-transform: translate(-50%, -50%) rotate(1800deg);
	  transform: translate(-50%, -50%) rotate(1800deg);
	}
  }
  
  @-moz-keyframes video {
	0% {
	  -webkit-border-radius: 33.33% 50%;
	  -moz-border-radius: 33.33% 50%;
	  border-radius: 33.33% 50%;
	  -webkit-transform: translate(-50%, -50%) rotate(0deg);
	  -ms-transform: translate(-50%, -50%) rotate(0deg);
	  transform: translate(-50%, -50%) rotate(0deg);
	}
  
	100% {
	  -webkit-border-radius: 50% 33.33%;
	  -moz-border-radius: 50% 33.33%;
	  border-radius: 50% 33.33%;
	  -webkit-transform: translate(-50%, -50%) rotate(1800deg);
	  -ms-transform: translate(-50%, -50%) rotate(1800deg);
	  transform: translate(-50%, -50%) rotate(1800deg);
	}
  }
  .bc_three {
	background: url(../images/banner/course-bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
  }
  /*START COURSE DETAILS TAB CSS*/
  .course-details-content {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #f1f5f9;
	margin-top: 40px;
  }
  
  .course-details-content .nav {
	border: none;
	text-align: center;
	border: 1px solid #dddddd;
	border-bottom: none;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
  }
  
  .course-details-content .nav li {
	margin-left: -1px;
	flex-grow: 1;
	padding: 0;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  }
  
  .course-details-content .nav li:first-child {
	border-left: none;
  }
  
  .course-details-content .nav li a {
	font-weight: 700;
	padding: 14px;
	color: #07294d;
	text-transform: uppercase;
	display: block;
  }
  
  .course-details-content .nav li a.active {
	background: #4b2fe6;
	color: #ffffff;
  }
  
  .course-details-content .overview {
	padding-top: 25px;
  }
  
  .course-details-content .overview p {
	margin: 0;
	margin-bottom: 1rem;
  }
  .course-details-content .overview iframe {
	width: 100%;
	margin: 30px 0;
  }
  
  .course-details-content .tab-content {
	padding: 0 30px 30px;
  }
  
  @media (max-width: 575px) {
	.course-details-content .tab-content {
	  padding: 0 15px 20px;
	}
  
	.course-details-content .nav li a {
	  font-size: 14px;
	  padding: 5px 10px;
	}
  }
  
  .course-details-content .instructor-item .instructor-content .title {
	font-size: 20px;
	margin: 0;
	margin-bottom: 2px;
  }
  
  .details-buttons-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -5px -5px;
  }
  
  .details-buttons-area .custom-button {
	margin: 5px;
  }
  
  .details-buttons-area .social-icons {
	margin: 0;
	margin-left: auto;
  }
  
  .details-buttons-area .social-icons li a {
	color: #07294d;
	background: #ffffff;
  }
  
  .details-buttons-area .social-icons li a.active {
	background: #4b2fe6;
	color: #ffffff;
  }
  
  @media (max-width: 767px) {
	.details-buttons-area {
	  justify-content: center;
	}
  
	.details-buttons-area .social-icons {
	  width: 100%;
	  margin: 0;
	  justify-content: center;
	}
  }
  
  .review-form .client-form input {
	border-color: #dddddd;
	background: #ffffff;
	height: 50px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
  }
  
  .review-form .client-form .rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
  }
  
  .review-form .client-form .rating .rating-title {
	padding-right: 5px;
  }
  
  .review-form .client-form .rating ul {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
  }
  
  .review-form .client-form .rating ul li a i {
	color: #ff7700;
  }
  
  .review-form .client-form textarea {
	border-color: #dddddd;
	padding: 10px;
	height: 130px;
	margin-bottom: 20px;
  }
  
  .review-form .client-form button {
	background-color: #ff7700;
	color: #ffffff;
	font-weight: 500;
	outline: none;
	height: 50px;
	cursor: pointer;
	border: none;
  }
  
  .client-review {
	padding-top: 30px;
  }
  
  .client-review .review-title {
	text-transform: capitalize;
	margin-bottom: 10px;
	font-weight: 800;
	margin-bottom: 20px;
	font-size: 21px;
  }
  
  .review-contents {
	margin-bottom: 35px;
  }
  
  .review-contents li {
	padding: 0;
	margin-bottom: 25px;
  }
  
  .review-contents li:last-child {
	margin-bottom: 0;
  }
  
  .review-contents li .thumb {
	width: 100px;
	float: left;
	margin-right: 20px;
  }
  
  .review-contents li .thumb img {
	width: 100%;
  }
  
  .review-contents li .cont {
	padding-left: 20px;
	width: calc(100% - 100px);
	font-size: 14px;
	line-height: 26px;
  }
  
  .review-contents li .cont .subtitle {
	margin: 0;
	font-size: 18px;
	margin-bottom: -3px;
	font-weight: 700;
	margin-bottom: 5px;
  }
  
  .review-contents li .cont .ratings {
	margin-bottom: 15px;
  }
  
  @media screen and (max-width: 450px) {
	.review-contents li .thumb {
	  width: 80px;
	}
  
	.review-contents li .cont {
	  width: 100%;
	  padding: 15px 0 0 0;
	}
  }
  .cl-theme {
	color: #ff7700 !important;
  }
  .review-form .client-form input {
	border-color: #dddddd;
	background: #ffffff;
	height: 50px;
	margin-bottom: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 10px;
	border: none;
  }
  .review-form .client-form textarea {
	border-color: #dddddd;
	padding: 10px;
	height: 130px;
	width: 100%;
	margin-bottom: 20px;
	border: none;
  }
  .custom-button {
	color: #ffffff;
	text-transform: uppercase;
	line-height: 48px;
	background: #ff7700;
	padding: 0 35px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	border-radius: 25px;
	border: 1px solid #ff7700;
  }
  
  .custom-button i {
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	display: inline-block;
  }
  
  .custom-button i:last-child {
	padding-left: 10px;
  }
  
  .custom-button i:first-child {
	padding-right: 10px;
  }
  
  .custom-button:hover {
	color: #4b2fe6;
  }
  
  .custom-button.btn-sm {
	padding: 0 18px;
	font-size: 14px;
	line-height: 45px;
  }
  
  .custom-button.theme-one {
	border-color: #4b2fe6;
	background: #4b2fe6;
	box-shadow: 0 0 15px rgba(255, 119, 0, 0.1);
  }
  
  .custom-button.theme-one:hover {
	color: #4b2fe6;
	background: #fff;
	border: 1px solid #4b2fe6;
  }
  .custom-button.bg-white {
	background: #ffffff;
	color: #07294d;
	border-color: rgba(7, 41, 77, 0.2);
  }
  
  .custom-button.bg-white:hover {
	background: #ff7700 !important;
	border-color: #ff7700 !important;
	color: #ffffff;
  }
  
  .social-icons {
	margin: -10px;
  }
  
  .social-icons li {
	padding: 10px;
	display: inline-block;
  }
  
  .social-icons li a {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	display: block;
  }
  
  .social-icons li a:hover,
  .social-icons li a.active {
	background: #4b2fe6;
	color: #ffffff;
	box-shadow: 0 5px 20px rgba(255, 119, 0, 0.31);
  }
  
  .instructor-item {
	margin: 0 auto 30px;
  }
  
  .instructor-item .instructor-thumb {
	width: 184px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
  }
  
  .instructor-item .instructor-thumb img {
	width: 100%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
  }
  
  .instructor-item .instructor-content {
	position: relative;
	z-index: 1;
	max-width: 237px;
	margin: -20px auto 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 16px 10px;
	background: #ffffff;
	text-align: center;
	box-shadow: 0 0 30px rgba(7, 41, 77, 0.12);
  }
  
  .instructor-item .instructor-content .title {
	margin: 0;
	margin-bottom: 2px;
	text-transform: uppercase;
  }
  .course-details-content .instructor-item .instructor-content .title a {
	font-size: 20px;
	margin: 0;
	margin-bottom: 2px;
	color: #1a2d62;
	font-weight: 700;
  }
  .instructor-item:hover .instructor-thumb img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
  }
  /*END COURSE DETAILS TAB CSS*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 08.END COURSE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 09.START COURSE PROMOTION DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  .mt-150 {
	margin-top: 90px !important;
  }
  @media screen and (max-width: 767px) {
	.mt-150 {
	  margin-top: 55px !important;
	}
  }
  .course_promo {
	background: radial-gradient(
	  101.57% 61.47% at 53.7% -6.87%,
	  #e8e8e8 0%,
	  rgba(255, 255, 255, 0) 100%
	);
  }
  
  .cp_content {
	padding-top: 115px;
  }
  #cp_content {
	font-size: 61px;
	text-align: center;
	color: #000;
  }
  .cp_content h4 {
	font-weight: 700;
	font-size: 33px;
	color: #000;
	margin-bottom: 10px;
  }
  .cp_content h2 {
	font-weight: 800;
	color: #4b2fe6;
	font-size: 48px;
	margin-bottom: 20px;
  }
  
  .new-para {
	color: #000;
	text-align: center;
	font-family: "Outfit-Light";
	font-weight: 600;
	font-size: 23px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
  }
  @media screen and (max-width: 767px) {
	.cp_content h2 {
	  font-size: 32px;
	  text-align: center;
	}
	#cp_content {
	  font-size: 40px;
	}
	.cp_content {
	  padding-top: 20px;
	}
  }
  .cp_content h2 span {
	color: #4b2fe6;
  }
  .cp_content p {
	margin-bottom: 20px;
  }
  .cp_content ul {
	margin-bottom: 10px;
  }
  .cp_content ul li {
	font-weight: 600;
	line-height: 39px;
	font-size: 23px;
	color: #4c4c4c;
  }
  .cp_content ul li span {
	background: #4b2fe6;
	color: #fff;
	width: 25px;
	height: 25px;
	display: inline-block;
	line-height: 25px;
	text-align: center;
	border-radius: 2px;
	margin-right: 15px;
	font-size: 15px;
	font-weight: 600;
  }
  .cc_btn {
	margin-top: 30px;
  }
  /*  */
  .image-hectorai-top {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
  }
  
  .cp_img {
	position: relative;
	text-align: center;
  }
  
  .big-image {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
  }
  
  .top-center-image {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: auto;
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	padding: 5px;
  }
  
  .top-center-1 {
	top: 5%;
  }
  
  .top-center-2 {
	top: 20%;
  }
  
  .arrow-image {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 80px;
	height: auto;
  }
  
  @media only screen and (max-width: 880px) {
	.cp_img img {
	  margin-top: 60px;
	}
	.top-center-image {
	  width: 80%;
	}
  }
  /*  */
  .vp_top {
	margin-top: 80px;
  }
  
  .video-play {
	display: block;
	position: absolute;
	top: 45%;
	left: 45%;
  }
  .video-play i {
	background: #4b2fe6;
	color: #fff;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 100px;
	display: inline-block;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.15);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 40px;
  }
  .video-play:hover i {
	background: #3f3eed;
	color: #fff;
  }
  @media only screen and (max-width: 480px) {
	.video-play i {
	  width: 80px;
	  height: 80px;
	  line-height: 80px;
	  font-size: 30px;
	}
	.video-play {
	  display: block;
	  position: absolute;
	  top: 60%;
	  left: 40%;
	}
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 09.END COURSE PROMOTION DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 10.START TOPIC DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .topic_content_area {
	padding-bottom: 50px;
	background: url(../images/banner/topic.png);
	background-position: center;
	background-size: cover;
  }
  .single_tca {
	background: #fff;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
	border: 1px solid #ededed;
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
	cursor: pointer;
  }
  .single_tca img {
	float: left;
	margin-right: 20px;
  }
  .single_tca h2 {
	overflow: hidden;
  }
  .single_tca h2 a {
	color: #1a2d62;
	font-size: 24px;
	font-weight: 700;
	transition: 0.3s;
	margin-bottom: 10px;
	display: block;
  }
  .single_tca span {
	color: #4b2fe6;
	font-size: 18px;
	font-weight: 600;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 10.END TOPIC DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 11. START REVIEWS DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .testi_home_area {
	background: url(../images/banner/shapes-bg.png) no-repeat;
	background-position: top center;
	background-size: cover;
	padding-bottom: 100px;
  }
  .testimonial {
	background: #fff;
	border-radius: 5px;
	margin: 0px 15px;
	-webkit-box-shadow: 0 10px 20px -10px rgba(0, 64, 128, 0.3);
	box-shadow: 0 10px 20px -10px rgba(0, 64, 128, 0.3);
	margin-bottom: 30px;
  }
  .testimonial_content {
	padding: 30px;
  }
  .testimonial_content h3 {
	font-weight: 600;
	font-size: 20px;
	color: #1a2d62;
  }
  .testimonial_content i {
	color: #ffbd35;
	font-size: 22px;
  }
  .testimonial_content p {
	overflow: hidden;
	margin-top: 15px;
  }
  .testi_pic_title {
	padding: 20px;
  }
  .tpt_one {
	background: rgba(46, 202, 127, 0.2);
  }
  .tpt_two {
	background: #fff8ee;
  }
  .tpt_three {
	background: #eef4ff;
  }
  .testi_pic_title .pic {
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 15px;
  }
  .testi_pic_title .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100px;
  }
  .testi_pic_title h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 10px;
  }
  .testi_pic_title small {
	font-weight: 400;
	color: #1b2032;
	font-size: 14px;
	margin-top: 8px;
	display: block;
	font-family: "Poppins", sans-serif;
  }
  .owl-theme {
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
  }
  .owl-theme .owl-controls {
	width: 100%;
	height: 50px;
	display: block !important;
	opacity: 1;
	position: absolute;
	top: -32%;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
  }
  .owl-theme .owl-controls .owl-buttons div {
	width: 46px;
	height: 46px;
	line-height: 42px;
	opacity: 1;
	border-radius: 3px;
	background: #fff;
	border: 1px solid #ededed;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
  }
  
  .owl-theme .owl-controls .owl-buttons div:hover {
	background: #4b2fe6;
	border: 1px solid #4b2fe6;
	display: block;
  }
  .owl-prev {
	position: absolute;
	left: 89%;
  }
  .owl-next {
	position: absolute;
	right: 1%;
  }
  .owl-prev:after,
  .owl-next:after {
	content: "\f104";
	font-family: "FontAwesome";
	font-size: 26px;
	color: #1a2d62;
	opacity: 1;
  }
  .owl-next:after {
	content: "\f105";
  }
  @media only screen and (max-width: 767px) {
	.owl-theme .owl-controls {
	  margin-top: 20px;
	}
	.owl-theme .owl-controls {
	  display: none !important;
	}
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 11.END REVIEWS DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 12. START TEAM CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*START HOME PAGE TEAM DESIGN*/
  .team_home_area {
	padding-bottom: 50px;
  }
  .single-team-home {
	position: relative;
	border-radius: 10px;
	margin-bottom: 100px;
  }
  @media only screen and (max-width: 880px) {
	.single-team-home {
	  margin-bottom: 90px;
	}
  }
  .single-team-home:before {
	content: "";
	background: rgba(46, 202, 127, 0.2);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	border-radius: 10px;
  }
  .single-team-home .img img {
	border-radius: 10px;
	width: 100%;
  }
  .single-team-home .team-content-home {
	text-align: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: -120px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	background: #4b2fe6;
	padding: 20px;
	-webkit-box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2);
	border-radius: 10px;
  }
  .team-content-home h3 {
	margin: 0px;
	font-weight: 700;
	color: #fff;
	font-size: 22px;
	margin-bottom: 5px;
  }
  .team-content-home p {
	font-weight: 500;
	color: #fff;
  }
  
  .single-team-home .team-content-home ul.social-home {
	list-style: none;
	margin-top: 10px;
  }
  .single-team-home .team-content-home .social-home li {
	display: inline-block;
  }
  .single-team-home .team-content-home .social-home li a {
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100px;
	font-size: 16px;
	color: #1a2d62;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	background: #fff;
  }
  .single-team-home .team-content-home .social-home li a:hover {
	color: #4b2fe6;
	background: #fff;
  }
  .single-team-home:hover:before {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  }
  .single-team-home:hover .team-content-home {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
  }
  .sth_det {
  }
  .sth_det span {
	color: #fff;
	font-weight: 600;
	display: block;
	margin: 15px 0;
	/* margin: 0 5px; */
  }
  .sth_det u {
	font-family: "Mulish", sans-serif;
  }
  /*END HOME PAGE TEAM DESIGN*/
  
  /*START TEAM PAGE THREE CSS*/
  .team_member {
	background: rgba(199, 201, 209, 0.09);
	padding-bottom: 50px;
	overflow: hidden;
  }
  .single_team_content {
	padding: 45px;
	margin-top: 60px;
  }
  .single_team_content h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 60px;
  }
  .single_team_content p {
  }
  .our-team {
	margin-bottom: 30px;
	box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.09);
  }
  .our-team .team_img {
	position: relative;
	overflow: hidden;
  }
  .our-team .team_img:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	bottom: -100%;
	left: 0;
	transition: all 0.3s ease 0s;
  }
  .our-team:hover .team_img:after {
	bottom: 0;
  }
  .our-team img {
	width: 100%;
	height: auto;
  }
  .our-team .social {
	padding: 0 0 18px 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 0%;
	right: 10px;
	background: #4b2fe6;
	border-radius: 0 0 20px 20px;
	z-index: 1;
	transition: all 0.3s ease 0s;
  }
  .our-team:hover .social {
	top: 0;
  }
  .our-team .social li a {
	display: block;
	padding: 15px;
	font-size: 15px;
	color: #fff;
  }
  .our-team:hover .social li a:hover {
	color: #fff;
  }
  .our-team .team-content {
	padding: 20px 0;
	background: #fff;
  }
  .our-team .title {
	font-size: 18px;
	font-weight: 800;
	color: #4b2fe6;
	text-transform: capitalize;
	margin: 0 0 20px;
	position: relative;
  }
  .our-team .title:before {
	content: "";
	width: 25px;
	height: 1px;
	background: #4b2fe6;
	position: absolute;
	bottom: -10px;
	right: 50%;
	margin-right: 9px;
	transition-duration: 0.25s;
  }
  .our-team .title:after {
	content: "";
	width: 25px;
	height: 1px;
	background: #4b2fe6;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: 9px;
	transition-duration: 0.25s;
  }
  .our-team:hover .title:before,
  .our-team:hover .title:after {
	width: 50px;
  }
  .our-team .post {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
  }
  .our-team .post:before {
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #4b2fe6;
	margin: 0 auto;
	position: relative;
	top: -13px;
  }
  @media only screen and (max-width: 990px) {
	.our-team {
	  margin-bottom: 30px;
	}
  }
  .sth_det2 {
  }
  .sth_det2 span {
	color: #4b2fe6;
	font-weight: 600;
	display: inline-block;
	margin: 15px 10px;
  }
  .sth_det2 u {
	color: #1a2d62;
	font-family: "Mulish", sans-serif;
  }
  /*END TEAM PAGE THREE CSS*/
  /*START SINGLE TEAM DETAILS*/
  .template_agent {
	padding-bottom: 0;
  }
  .single_agent {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
	margin-bottom: 30px;
	overflow: hidden;
	padding: 60px;
  }
  .single_agent_image img {
	float: left;
	margin-right: 20px;
	width: 350px;
  }
  @media only screen and (max-width: 480px) {
	.single_agent_image img {
	  float: left;
	  margin-bottom: 50px;
	  width: 100%;
	}
  }
  .single_agent_content {
  }
  .agent_social {
	margin-top: 30px;
	overflow: hidden;
  }
  .single_agent_content h4 {
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 800;
	font-size: 30px;
	margin-bottom: 5px;
  }
  .single_agent_content h5 {
	border-bottom: 1px solid #eee;
	color: #4b2fe6;
	margin-bottom: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	text-transform: capitalize;
  }
  .single_agent_content p {
	margin-bottom: 20px;
	overflow: hidden;
  }
  .single_agent_content ul {
  }
  .single_agent_content ul li {
	color: #1a2d62;
	line-height: 40px;
	overflow: hidden;
	font-size: 18px;
	font-weight: 600;
  }
  .single_agent_content i {
	margin-right: 10px;
	color: #4b2fe6;
  }
  
  .agent_social ul li {
	float: left;
  }
  .agent_social ul li a {
	margin-right: 5px;
  }
  .agent_social ul li a i {
	margin-right: 0;
  }
  .agent_social ul li a:hover {
	background: #4b2fe6;
	color: #fff;
  }
  /*END SINGLE TEAM DETAILS*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 12. END TEAM CSS STYLE
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 13.START BLOG DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .blog_area {
	padding-bottom: 50px;
	background: url(../images/banner/blog-bg.png) no-repeat;
	background-position: top center;
	background-size: cover;
  }
  .blog_area_bg {
	background: rgba(199, 201, 209, 0.09);
  }
  .single_blog {
	background: #fff;
	border-radius: 0px;
	margin-bottom: 30px;
	-webkit-box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
	box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.03);
  }
  .single_blog img {
	width: 100%;
  }
  .content_box {
	padding: 35px;
  }
  .single_blog h2 {
	line-height: 32px;
	font-size: 20px;
	margin-bottom: 15px;
  }
  .single_blog h2 a {
	color: #1a2d62;
	font-weight: 800;
	margin-bottom: 40px;
	display: block;
  }
  .single_blog h2 a:hover {
	color: #4b2fe6;
  }
  .single_blog p {
	margin-bottom: 0px;
  }
  .single_blog span {
	text-transform: capitalize;
	margin-bottom: 10px;
	display: inline-block;
  }
  .single_blog span a {
	color: #4b2fe6;
	font-weight: 700;
  }
  .single_blog span a:hover {
	color: #4b2fe6;
  }
  .single_blog_two span {
	margin-top: 0px;
  }
  .single_blog_two p {
	margin-bottom: 30px;
  }
  .arti_img_two img {
	width: 100%;
	margin-bottom: 20px;
  }
  .arti_btn {
	color: #4b2fe6;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
  }
  .arti_btn:hover {
	padding-left: 10px;
	color: #4b2fe6;
  }
  
  .arti_sp {
  }
  .arti_sp h2 {
	margin-top: 30px;
	font-weight: 700;
	margin-left: 60px;
	margin-bottom: 30px;
  }
  .arti_sp img {
	margin-bottom: 30px;
	width: 100%;
  }
  .arti_sp p {
  }
  .share_sp {
	margin-top: 30px;
	overflow: hidden;
  }
  .share_sp h4 {
	font-weight: 600;
	margin-bottom: 25px;
  }
  .share_sp ul {
  }
  .share_sp ul li {
	float: left;
  }
  .share_sp ul li a {
	color: #fff;
	transition: 0.3s;
	padding: 15px;
	display: block;
	background: #f4f4f4;
	background: #4b2fe6;
	border-radius: 5px;
	margin-right: 10px;
  }
  .share_sp ul li a:hover {
	background: #1a2d62;
  }
  .share_sp ul li a span {
  }
  /*START BLOG SIDEBAR DESIGN*/
  .blog_search {
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 10px;
	border: 1px solid #ededed;
  }
  .blog_search input {
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0;
	color: #1a2d62;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
	outline: 0 none;
  }
  .blog_search input:focus {
	box-shadow: none;
  }
  /*START NEWSLETTER FORM*/
  .newsletter-form {
	background: #1a2d62;
	padding: 40px;
	border-radius: 10px;
  }
  .newsletter-form h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 24px;
	line-height: 34px;
  }
  .newsletter-form p {
	color: #fff;
	margin-bottom: 30px;
  }
  .newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
  }
  .newsletter-form input:focus {
	box-shadow: none;
  }
  .subscribe button {
	border: none;
	width: 100%;
  }
  
  .sub_btn {
	background: #4b2fe6;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	padding: 14px 40px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 100px;
	display: inline-block;
	font-weight: 500;
  }
  .sub_btn:hover,
  .sub_btn:focus {
	background: #fff;
	color: #1a2d62;
  }
  /*END NEWSLETTER FORM*/
  
  /*Popular post*/
  .sidebar_title {
  }
  .sidebar_title h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
  }
  .sidebar-post {
	background: #fff;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 30px;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	border: 1px solid #ededed;
  }
  .single_popular {
	margin-bottom: 20px;
	overflow: hidden;
  }
  .single_popular:last-child {
	margin-bottom: 0;
  }
  .single_popular a img {
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
  }
  .single_popular h5 a {
	color: #1a2d62;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: 500;
  }
  .single_popular h5 a:hover {
	color: #554c86;
  }
  /*End Popular post*/
  
  /*Start Social media*/
  .single_social {
  }
  .social_item {
	padding: 8px 12px;
	border-radius: 4px;
  }
  .single_social ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	list-style: none;
	-ms-grid-columns: minmax(0, 1fr) 10px minmax(0, 1fr);
	grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .single_social ul li {
  }
  .single_social ul li a {
  }
  .single_social ul li a i {
	color: #fff;
	font-size: 12px;
  }
  .item-list {
	float: right;
	color: #fff;
	font-size: 13px;
  }
  
  .b_facebook {
	background: #1a4fc5;
  }
  .b_twitter {
	background: #00acee;
  }
  .b_youtube {
	background: #f50000;
  }
  .b_pinterest {
	background: #e62e3f;
  }
  .b_tumblr {
	background: #34526f;
  }
  .b_rss {
	background: #e8a50e;
  }
  
  /*End Social media*/
  
  /*Start category*/
  .single_category {
	overflow: hidden;
  }
  .item-category {
	padding: 8px 12px;
	border-radius: 4px;
	background: #f2f2f2;
  }
  .single_category ul {
  }
  .single_category ul li {
	line-height: 32px;
	float: left;
	margin: 10px;
  }
  .single_category ul li a {
	color: #1a2d62;
	font-size: 16px;
	font-weight: 600;
	text-decoration: underline;
  }
  .single_category ul li a sup {
	color: #4b2fe6;
  }
  /*End category*/
  .tag {
	overflow: hidden;
  }
  .tag a {
	background: #f4f4f4;
	border: 1px solid #ededed;
	border-radius: 30px;
	color: #1a2d62;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
  }
  .tag a:hover {
	background: #4b2fe6;
	color: #fff;
	border: 1px solid #4b2fe6;
  }
  .sidebar-banner img {
	width: 100%;
  }
  /*START SINGLE BLOG PAGE DESIGN*/
  .author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
  }
  .single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid #ededed;
  }
  .author_part img {
	border: 4px solid #ededed;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
  }
  .author_part h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 10px;
	overflow: hidden;
  }
  .author_part p {
	margin-bottom: 0;
  }
  .blog_head_title {
	border-bottom: 1px solid #ededed;
	margin: 0 0 30px;
	padding-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
  }
  .comments_part {
	margin-bottom: 60px;
  }
  .single_comment {
	margin-bottom: 30px;
	background: #fff;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
	border: 1px solid #ededed;
  }
  .sc_left {
	margin-left: 100px;
  }
  .single_comment_mbnone {
	margin-bottom: 0px;
  }
  .single_comment img {
	border: 4px solid #ededed;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
  }
  .single_comment h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	overflow: hidden;
  }
  .single_comment p {
	margin-bottom: 0;
	overflow: hidden;
  }
  .comment-box {
	background: #fff;
	padding: 40px;
	border-radius: 10px;
  }
  .comment_form input,
  .comment_form textarea {
  }
  
  .comment_form textarea {
  }
  @media only screen and (max-width: 767px) {
	.comment_form textarea {
	  width: 100%;
	}
  }
  /*END SINGLE BLOG PAGE DESIGN*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 13.END BLOG DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 14.START FOOTER DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .footer {
	background: #fff;
	padding-bottom: 40px;
  }
  .single_footer {
  }
  @media only screen and (max-width: 880px) {
	.single_footer {
	  margin-bottom: 40px;
	}
  }
  .single_footer img {
	margin-bottom: 20px;
	width: 150px;
  }
  .single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 20px;
  }
  .single_footer p {
	color: #fff;
	margin-bottom: 30px;
  }
  .foot_social {
  }
  @media only screen and (max-width: 480px) {
	.foot_social {
	  margin-bottom: 30px;
	  overflow: hidden;
	}
  }
  .foot_social ul {
  }
  .foot_social ul li {
	float: left;
  }
  .foot_social ul li a {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	margin-right: 15px;
	transition: 0.3s;
	text-decoration: underline;
  }
  .foot_social ul li a:hover {
	color: #4b2fe6;
  }
  
  .single_footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  .single_footer ul li {
  }
  .single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
  }
  .single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
  }
  .single_footer ul li a:hover {
	color: #4b2fe6;
  }
  
  .sf_contact {
	margin-bottom: 30px;
	overflow: hidden;
  }
  .sf_contact span {
	color: #4b2fe6;
	font-size: 30px;
	float: left;
	margin-top: 5px;
	margin-right: 20px;
  }
  .sf_contact h3 {
	font-weight: 700;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	margin-bottom: 5px;
  }
  .sf_contact p {
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 0;
  }
  .fc {
	/* margin-top: 60px; */
	/* background: #2b2a5e; */
	padding-top: 35px;
	/* border-top: 1px solid #ccc; */
  }
  .footer-contact-container {
	height: 100%;
	justify-items: center;
  }
  .footer-contact {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	width: max-content;
	align-self: center;
	height: 100%;
	justify-content: center;
  }
  .footer-contact a {
	color: #000;
  }
  .footer-contact a:hover {
	color: #3e2ef4;
  }
  .footer-contact-phone {
	display: flex;
	flex-direction: column;
  }
  @media (min-width: 768px) {
	.footer-contact {
	  align-items: flex-start;
	  margin-left: 20px;
	}
	.footer-contact-phone {
	  flex-direction: row;
	  gap: 20px;
	}
  }
  .footer-contact-phone span {
	display: flex;
	align-items: center;
	gap: 10px;
  }
  .footer-contact-phone > a {
	margin-left: auto;
  }
  /* .footer_copyright {float: left;} */
  /* @media only screen and (max-width:480px){
	  .footer_copyright {display:inline;}
	  } */
  .footer_copyright div {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 20px;
  }
  .footer_copyright p {
	color: #000;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	text-transform: capitalize;
	padding-top: 20px;
  }
  .footer_menu {
	float: right;
  }
  @media only screen and (max-width: 480px) {
	.footer_menu {
	  float: left;
	  margin-top: 20px;
	}
  }
  .footer_menu ul {
	list-style: none;
  }
  .footer_menu ul li {
	float: left;
  }
  .footer_menu ul li a {
	color: #fff;
	padding: 0px 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
  }
  .footer_menu ul li a:hover {
	color: #4b2fe6;
	text-decoration: underline;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 14.END FOOTER DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 15.START PARTNER DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .pl_bg {
	background: #1a2d62;
  }
  .partner_title {
  }
  .partner .new-img {
	width: 200px;
  }
  .partner_title h3 {
	font-size: 24px;
	font-weight: 700;
	background: rgb(0 28 97);
	padding: 10px;
	border-radius: 30px;
	width: 42%;
	margin: auto;
	margin-bottom: 60px;
	color: #ddd268;
  }
  @media only screen and (max-width: 480px) {
	.partner_title h3 {
	  font-size: 18px;
	  width: 100%;
	}
  }
  .partner.owl-theme .owl-controls {
	display: none !important;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 15.END PARTNER DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 16.START SECTION TOP DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .section-top {
	padding-top: 200px;
	position: relative;
	background: url(../images/banner/section-top.png);
	background-size: cover;
	background-position: center;
	padding-bottom: 120px;
  }
  
  .section-top-title {
	position: relative;
  }
  @media only screen and (max-width: 480px) {
	.section-top-title {
	  width: 100%;
	}
  }
  .section-top-title h1 {
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 700;
	font-size: 50px;
  }
  .section-top-title ul {
	background: #fff;
	text-align: center;
	border: 2px solid #fff;
	padding: 10px 20px;
	width: 220px;
	margin: auto;
	border-radius: 10px;
	margin-top: 20px;
  }
  .section-top-title ul li {
	color: #1a2d62 !important;
	display: inline-block;
  }
  .section-top-title ul li a {
	color: #4b2fe6 !important;
	font-weight: 600;
  }
  .section-top-title ul li a:hover {
	color: #1a2d62 !important;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 16.END SECTION TOP DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 17.START PRICING DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .price_area {
  }
  .pricing-content {
	position: relative;
  }
  .pricing_design {
	position: relative;
  }
  @media only screen and (max-width: 880px) {
	.pricing_design {
	  margin-bottom: 30px;
	}
  }
  .pricing_design .single-pricing {
	background: #4b2fe6;
	padding: 60px 40px;
	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	position: relative;
	z-index: 1;
  }
  .pricing_design .single-pricing:before {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 18px 18px 190px 18px;
	border: 1px solid #ededed;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
  }
  .price-head {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
  }
  .price-head h2 {
	/* margin-bottom: 20px; */
	font-size: 26px;
	font-weight: 700;
  }
  .price-head h1 {
	font-weight: 700;
	margin-top: 10px;
  }
  .price-head span {
	display: block;
  }
  .upgrade_price {
	text-decoration: underline;
	font-weight: 700;
	margin-top: 5px;
	color: #4b2fe6;
  }
  .single-pricing ul {
	list-style: none;
	margin-top: 30px;
  }
  .single-pricing ul li {
	line-height: 44px;
  }
  .single-pricing ul li span {
	background: rgba(46, 202, 127, 0.1);
	color: #4b2fe6;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-right: 6px;
	display: inline-block;
  }
  .pricing-price {
  }
  
  .price_btn {
	background: #4b2fe6;
	padding: 10px 30px;
	color: #fff;
	display: inline-block;
	margin-top: 30px;
	border-radius: 2px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
  }
  .price_btn:hover {
	background: #3f3eed;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 17.END PRICING DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 18.START EVENT DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .our-event {
	padding-bottom: 50px;
  }
  .event-slide {
	position: relative;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 30px;
	transition: 0.3s;
  }
  .es {
	position: relative;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 3px;
	margin-bottom: 30px;
	padding: 30px;
	transition: 0.3s;
  }
  .event-slide:hover {
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
  }
  .es:hover {
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
  }
  @media only screen and (max-width: 480px) {
	.event-slide {
	  margin-bottom: 30px;
	}
  }
  .event-slide-page {
	margin: 0px 0px;
	margin-bottom: 30px;
  }
  .event-slide .event-img {
	position: relative;
	overflow: hidden;
  }
  .event-slide .event-img img {
	width: 100%;
	height: auto;
  }
  .event-slide .event-date {
	position: absolute;
	top: 10%;
	left: 4%;
  }
  .event-slide .date {
	display: inline-block;
	border-radius: 3px 0 0 3px;
	padding: 5px 15px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	background: #1a2d62;
	float: left;
  }
  .event-slide .month {
	display: inline-block;
	border-radius: 0 3px 3px 0;
	padding: 5px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	background: #4b2fe6;
  }
  .event-slide .event-content {
	padding: 30px;
	border: 1px solid #eee;
  }
  .event-content.ec_pd {
	padding: 0;
	border: 0;
	margin-top: 30px;
  }
  .event-content h3 a {
	color: #1a2d62;
	font-size: 20px;
	font-weight: 800;
	margin: 0 0 15px 0;
	text-transform: capitalize;
	display: block;
	line-height: 30px;
	transition: 0.3s;
  }
  .event-content h3 a:hover {
	color: #4b2fe6;
  }
  .event-slide .event-content span i {
	color: #4b2fe6;
	margin-right: 8px;
  }
  .event-slide .event-content > span {
	color: #1a2d62;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
  }
  .event-slide .event-description {
	margin-bottom: 20px;
  }
  .event-content p {
  }
  
  /*START SINGLE EVENT DESIGN*/
  .single_event_single {
  }
  .single_event_single img {
	width: 100%;
  }
  .single_event_text_single {
  }
  
  .single_event_text_single h4 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 20px;
  }
  .single_event_text_single {
  }
  .single_event_text_single span i {
	color: #4b2fe6;
	margin-right: 8px;
  }
  .single_event_text_single span {
	color: #333;
	margin-bottom: 5px;
	display: inline-block;
	margin-right: 20px;
  }
  .single_event_text_single p {
	margin-top: 20px;
  }
  
  .single_event_text_single_description {
	margin-top: 30px;
  }
  .single_event_text_single_description h3 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
  }
  .single_event_text_single_description p {
  }
  .event_info {
	border: 1px solid #eee;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.07);
	padding: 30px;
  }
  .event_info h3 {
	background: #4b2fe6 none repeat scroll 0 0;
	color: #fff;
	font-size: 26px;
	font-weight: 800;
	text-align: center;
	padding: 20px;
  }
  .event_info ul {
	list-style: none;
  }
  .event_info ul li {
	margin: 30px 0;
  }
  .event_info ul i {
	background: #4b2fe6 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff;
	float: left;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	margin-right: 15px;
	text-align: center;
	width: 45px;
  }
  .event_info ul h4 {
	font-weight: 700;
	text-transform: capitalize;
	overflow: hidden;
	font-size: 22px;
  }
  .event_info ul li p {
	overflow: hidden;
  }
  
  .event_info_price {
  }
  .event_info_price h4 {
	background: #4b2fe6 none repeat scroll 0 0;
	border-radius: 5px;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 24px;
	font-weight: 800;
	margin: 30px 0;
	padding: 10px;
	text-align: center;
  }
  
  .event_info_register a {
	width: 100%;
	text-align: center;
  }
  /*END SINGLE EVENT DESIGN*/
  /*
	  * ----------------------------------------------------------------------------------------
	  * 18.END EVENT DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /* ----------------------------------------------------------------------------------------
	  * 19.START FAQ DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .faq_area {
	padding-bottom: 40px;
  }
  .accordion {
	margin-bottom: 60px;
  }
  .accordion-item {
	border: 1px solid #ededed;
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	background: #fff;
	margin-bottom: 20px;
  }
  .accordion-item:not(:first-of-type) {
	border-top: 1px solid #ddd;
  }
  .accordion-header {
	background: #fff !important;
	padding: 7px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  .accordion-button {
	background: none !important;
	color: #1a2d62 !important;
	font-weight: 700;
	font-size: 20px;
  }
  .accordion-button:not(.collapsed) {
	color: #1a2d62 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
  }
  .accordion-button:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
  }
  .pt_faq {
	padding-left: 50px;
  }
  /* ----------------------------------------------------------------------------------------
	  * 19.END FAQ DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 20.START ERROR PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .error_page {
  }
  .error_page h2 {
	font-weight: 800;
	margin: 30px 0;
	font-size: 50px;
  }
  .error_page p {
	margin-bottom: 40px;
	font-weight: 500;
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 20.END ERROR PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 21.START LOGIN AND REGISTER PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .login_register {
	background: rgba(199, 201, 209, 0.09);
  }
  .login_register_title {
	margin-bottom: 30px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
	font-size: 30px;
	font-weight: 899;
  }
  .login {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	overflow: hidden;
	padding: 30px;
	border: 1px solid #d3ced2;
  }
  .login input {
	margin-bottom: 30px;
	background: #f4f4f4;
	height: 50px;
  }
  .login input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
  }
  .register {
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	overflow: hidden;
	padding: 30px;
	border: 1px solid #d3ced2;
  }
  .register input {
	margin-bottom: 30px;
	background: #f4f4f4;
	height: 50px;
  }
  .register input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
  }
  
  .login label {
	margin-bottom: 5px;
	font-weight: 500;
  }
  .register label {
	margin-bottom: 5px;
	font-weight: 500;
  }
  .login button,
  .register button {
	border: none;
	width: 100%;
  }
  .login p,
  .register p {
	color: #232434;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
  }
  .login p a,
  .register p a {
	color: #4b2fe6;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 21.END LOGIN AND REGISTER PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 22.START CONTACT PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  .contact label {
	margin-bottom: 5px;
	font-weight: 700;
	color: #1a2d62;
  }
  .contact input {
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #1a2d62;
	font-size: 16px;
	font-weight: 400;
	height: 70px;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom: 30px;
  }
  .contact textarea {
	background: #f4f4f4;
	border: 1px solid #f4f4f4;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #1a2d62;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 10px 10px 30px;
	width: 100%;
	margin-bottom: 30px;
  }
  .contact input:focus {
	background: #f4f4f4;
	border: 1px solid #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 none;
	color: #1a2d62;
  }
  .contact textarea:focus {
	background: #f4f4f4;
	border: 1px solid #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #1a2d62;
  }
  .contact button {
	border: none;
  }
  @media only screen and (max-width: 480px) {
	.single_address {
	  margin-bottom: 30px;
	}
  }
  .single_address i {
	color: #4b2fe6;
	font-size: 42px;
	margin-bottom: 20px;
	display: inline-block;
  }
  .single_address h4 {
	text-transform: capitalize;
	margin-bottom: 20px;
	font-weight: 700;
  }
  .single_address p {
  }
  .sabr {
	border-right: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 22.END CONTACT PAGE DESIGN
	  * ----------------------------------------------------------------------------------------
	  */
  /*
	  * ----------------------------------------------------------------------------------------
	  * 23. START ABOUT PAGE & SINGLE USE CASE CSS
	  * ----------------------------------------------------------------------------------------
	  */
  .about-page {
	padding-bottom: 50px;
  }
  .ap-content {
	padding: 30px;
	border: 1px solid #ededed;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
  }
  .ap-content h1 {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 20px;
  }
  .ap-content p {
  }
  .ap-content a {
	color: #1a2d62;
  }
  
  .ss_case_one {
	padding: 30px;
	border: 1px solid #ededed;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
  }
  .ss_case_one img {
	float: left;
	margin-right: 30px;
	width: 300px;
  }
  .ss_case_one h2 {
	font-weight: 700;
	font-size: 46px;
	margin-bottom: 20px;
	overflow: hidden;
	padding-top: 50px;
  }
  .ss_case_one p {
	overflow: hidden;
  }
  
  .ss_case_two {
	padding: 30px;
	border: 1px solid #ededed;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	overflow: hidden;
  }
  .ss_case_two img {
	width: 300px;
  }
  .ss_case_two h2 {
	margin-top: 50px;
	font-weight: 700;
	font-size: 46px;
	margin-bottom: 20px;
	overflow: hidden;
  }
  .ss_case_two p {
	overflow: hidden;
  }
  .ss_case_left {
	float: left;
	margin-right: 30px;
	width: 534px;
  }
  @media only screen and (max-width: 767px) {
	.ss_case_left {
	  margin-right: 0px;
	  margin-bottom: 60px;
	  width: 100%;
	}
  }
  .ss_case_mr {
	margin-bottom: 250px;
  }
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 23. END ABOUT PAGE & SINGLE USE CASE CSS
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*24. START NEWSLETTER*/
  .subs_form {
  }
  .subs_form h3 {
	font-weight: 800;
	font-size: 40px;
	margin-bottom: 20px;
  }
  .subs_form p {
  }
  
  .home_subs {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 100%;
  }
  .home_subs button {
	border: none;
  }
  .subscribe__input {
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 500px;
	color: #1a2d62;
	display: block;
	font-weight: 600;
	height: 52px;
	letter-spacing: 0.4px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
  }
  .subscribe__input:focus {
	outline: 0 none;
	box-shadow: none;
	border: 2px solid #4b2fe6 !important;
  }
  .subscribe__btn {
	background-color: #4b2fe6;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	height: 52px;
	position: absolute;
	right: 0;
	top: 0;
	width: 54px;
  }
  .subscribe__btn:hover i {
	color: #fff;
  }
  
  .banner_subs {
	display: block;
	position: relative;
	margin-top: 30px;
	width: 60%;
	margin: auto;
  }
  .banner_subs button {
	border: none;
  }
  .home_si {
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 500px;
	color: #1a2d62;
	display: block;
	font-weight: 600;
	height: 60px;
	letter-spacing: 0.4px;
	margin: 0;
	padding: 0 60px 0 20px;
	text-transform: capitalize;
	width: 100%;
  }
  .home_si:focus {
	outline: 0 none;
	box-shadow: none;
	border: 2px solid #4b2fe6 !important;
  }
  .home_sb button {
	background-color: #4b2fe6;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	height: 50px;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 0 20px;
	width: 25%;
  }
  .home_sb button:hover {
	color: #fff;
	background: #1a2d62;
  }
  /*24. END NEWSLETTER*/
  
  /*
	  * ----------------------------------------------------------------------------------------
	  * 24. START FREE COURSE+INSTRUCTOR CSS
	  * ----------------------------------------------------------------------------------------
	  */
  .insfreecourse {
	background: rgba(199, 201, 209, 0.09);
	padding-bottom: 30px;
  }
  .single_ins {
	background: #fff;
	border: 1px solid #eee;
	padding: 40px;
	overflow: hidden;
	margin-bottom: 50px;
  }
  .single_ins_content {
	float: left;
	width: 50%;
  }
  @media only screen and (max-width: 480px) {
	.single_ins_content {
	  float: left;
	  width: 100%;
	  margin-bottom: 30px;
	}
  }
  .single_ins_content h4 {
	font-weight: 700;
	font-size: 18px;
	color: #4b2fe6;
	text-transform: capitalize;
  }
  .single_ins_content h1 {
	font-weight: 700;
	margin-bottom: 20px;
  }
  .single_ins_content p {
	margin-bottom: 40px;
  }
  .single_ins_img {
  }
  .single_ins_img img {
	width: 50%;
  }
  /*
	  * ----------------------------------------------------------------------------------------
	  * 24. END FREE COURSE+INSTRUCTOR CSS
	  * ----------------------------------------------------------------------------------------
	  */
  
  /*START RANGE SLIDER*/
  .rs-slider {
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	padding: 30px;
	margin-bottom: 30px;
  }
  .rs-slider h4 {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
  }
  
  .range-slider {
	padding: 10px 55px 10px 0;
	position: relative;
  }
  .range-slider input[type="range"] {
	background: transparent;
	width: 100%;
	height: 8px;
	outline: none;
	border: 2px solid #4b2fe6;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	transition: all 0.3s ease;
  }
  .range-slider input[type="range"]::-webkit-slider-thumb {
	background: #4b2fe6;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.15s ease-in-out 0s;
	-webkit-appearance: none;
	appearance: none;
  }
  .range-slider input[type="range"]:active::-webkit-slider-thumb,
  .range-slider input[type="range"]::-webkit-slider-thumb:hover {
	transform: rotate(45deg);
	border-radius: 50% 0 50% 50%;
  }
  .range-slider input[type="range"]:active::-webkit-slider-thumb {
	box-shadow: 0 0 0 5px #fff inset, 0 0 5px #4b2fe6;
  }
  .range-slider input[type="range"]::-moz-range-thumb {
	background: #4b2fe6;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	transition: all 0.15s ease-in-out 0s;
  }
  .range-slider input[type="range"]:active::-moz-range-thumb,
  .range-slider input[type="range"]::-moz-range-thumb:hover {
	transform: rotate(45deg);
	border-radius: 50% 0 50% 50%;
  }
  .range-slider input[type="range"]:active::-moz-range-thumb {
	box-shadow: 0 0 0 5px #fff inset, 0 0 5px #4b2fe6;
  }
  .range-slider .range-value {
	color: #fff;
	background: #4b2fe6;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	width: 45px;
	padding: 7px 0;
	border-radius: 50%;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	transform: translateY(50%);
	position: absolute;
	bottom: 50%;
	right: 0;
  }
  ::-moz-range-track {
	background: transparent;
	border: 0;
  }
  /*END RANGE SLIDER*/
  
  /*START SHOP CSS*/
  
  .product_item .mix {
	display: none;
  }
  .product_filter {
	margin-bottom: 10px;
  }
  .product_filter ul {
	margin: 0px 0 40px;
	padding: 0;
	list-style: none;
  }
  .product_filter ul li {
	font-weight: 600;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 10px 22px;
	font-size: 16px;
	border: 1px solid transparent;
	transition: 0.5s;
	/* letter-spacing: 1px; */
	border-radius: 20px;
	margin: 0px;
	color: #1a2d62;
	line-height: 1;
	border: 1px solid #eee;
	margin: 0 10px;
  }
  .product_filter .filter.active {
	color: #fff;
	border-color: #4b2fe6;
	background: #4b2fe6;
	font-weight: 700;
  }
  
  .product-grid {
	text-align: center;
	padding: 0 0 72px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
  }
  .product-grid .product-image {
	position: relative;
	transition: all 0.3s ease 0s;
  }
  .product-grid .product-image a {
	display: block;
  }
  .product-grid .product-image img {
	width: 100%;
	height: auto;
  }
  .product-grid .pic-1 {
	opacity: 1;
	transition: all 0.3s ease-out 0s;
  }
  .product-grid:hover .pic-1 {
	opacity: 1;
  }
  .product-grid .pic-2 {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-out 0s;
  }
  .product-grid:hover .pic-2 {
	opacity: 1;
  }
  .product-grid .social {
	width: 150px;
	padding: 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	top: 60%;
	left: 50%;
	z-index: 1;
	transition: all 0.3s ease 0s;
  }
  .product-grid:hover .social {
	opacity: 1;
	top: 50%;
  }
  .product-grid .social li {
	display: inline-block;
  }
  .product-grid .social li a {
	color: #4b2fe6;
	background-color: #fff;
	font-size: 16px;
	line-height: 43px;
	text-align: center;
	height: 40px;
	width: 40px;
	margin: 0 2px;
	display: block;
	position: relative;
	transition: all 0.3s ease-in-out;
	border-radius: 50%;
  }
  .product-grid .social li a:hover {
	color: #fff;
	background-color: #4b2fe6;
  }
  .product-grid .social li a:before,
  .product-grid .social li a:after {
	content: attr(data-tip);
	color: #fff;
	background-color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 20px;
	padding: 1px 5px;
	white-space: nowrap;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -30px;
  }
  .product-grid .social li a:after {
	content: "";
	height: 15px;
	width: 15px;
	border-radius: 0;
	transform: translateX(-50%) rotate(45deg);
	top: -20px;
	z-index: -1;
  }
  .product-grid .social li a:hover:before,
  .product-grid .social li a:hover:after {
	opacity: 1;
  }
  .product-grid .product-new-label,
  .product-grid .product-discount-label {
	color: #fff;
	background-color: #4b2fe6;
	font-size: 12px;
	text-transform: uppercase;
	padding: 2px 10px;
	display: block;
	position: absolute;
	top: 13px;
	left: 13px;
	font-family: "Poppins", sans-serif;
  }
  .product-grid .product-discount-label {
	background-color: #333;
	left: auto;
	right: 0;
  }
  .product-grid .rating {
	color: #fec42d;
	cursor: pointer;
	font-size: 13px;
	padding: 12px 0 0;
	margin: 0;
	list-style: none;
	position: relative;
	z-index: -1;
  }
  .product-grid .rating li.disable {
	color: rgba(0, 0, 0, 0.2);
  }
  .product-grid .product-content {
	background-color: #fff;
	text-align: center;
	padding: 0px 0 5px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	z-index: 1;
	transition: all 0.3s;
  }
  .product-grid:hover .product-content {
	bottom: 7px;
  }
  .product-grid .title {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	margin: 5px 0 0px;
	transition: all 0.3s ease 0s;
  }
  .product-grid .title a {
	color: #333;
  }
  .product-grid .title a:hover {
	color: #4b2fe6;
  }
  .product-grid:hover .title a {
	color: #4b2fe6;
  }
  .product-grid .price {
	color: #333;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.6px;
	margin-bottom: 3px;
	text-align: center;
	transition: all 0.3s;
  }
  .product-grid .price span {
	color: #999;
	font-size: 13px;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 3px;
	display: inline-block;
  }
  .product-grid .add-to-cart {
	color: #000;
	font-size: 13px;
	font-weight: 600;
  }
  
  /* -------- Product Details Page Css -------- */
  
  .pd_title {
	color: #4b2fe6;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 12px;
	margin-bottom: 30px;
	text-transform: uppercase;
	width: 100%;
	transition: 0.5s;
  }
  .pd_title:hover {
	color: #000;
  }
  .pd_price_dtls {
	margin-bottom: 38px;
  }
  .pd_price {
	float: left;
  }
  .pd_ratng {
	float: right;
  }
  .pd_price .new {
	color: #303030;
	font-size: 18px;
	font-weight: 700;
	margin-right: 11px;
  }
  .pd_price span {
	line-height: 16px;
	display: block;
	font-weight: 500;
	float: left;
  }
  .pd_price .old {
	color: #909090;
	font-size: 14px;
	position: relative;
	padding: 0 5px 0 4px;
  }
  .pd_price .old::before {
	background: #909090;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 100%;
  }
  .pd_ratng .rtngs i {
	display: block;
	float: left;
	font-size: 15px;
	margin-right: 3px;
  }
  .pd_text {
	margin-bottom: 30px;
  }
  .pd_text h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
  }
  .pd_img_size {
	margin-bottom: 38px;
	overflow: hidden;
  }
  .pd_img_size h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
  }
  .pd_img_size a {
	border: 1px solid #eeeeee;
	color: #303030;
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 36px;
	transition: 0.5s;
  }
  .pd_img_size a:hover {
	border: 1px solid #4b2fe6;
	color: #4b2fe6;
  }
  .pd_clr_qntty_dtls {
	margin-bottom: 40px;
  }
  .pd_clr {
	width: 50%;
	float: left;
  }
  .pd_clr h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
  }
  .pd_clr a.active {
	border: 6px solid #fff;
	outline: 1px solid #303030;
	outline-offset: -1px;
	overflow: hidden;
  }
  .pd_clr a {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	text-indent: -999999px;
	width: 36px;
  }
  .pd_qntty_area {
	width: 50%;
	float: left;
  }
  .pd_qntty_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
  }
  .pd_qntty_area .pd_qty {
	border: 1px solid #ddd;
	width: auto;
	display: inline-block;
  }
  .pd_qntty_area .pd_qty input[type="number"] {
	background: transparent none repeat scroll 0 0;
	border-color: #ddd;
	border-style: solid;
	border-width: 0 1px 0 0;
	color: #303030;
	float: left;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	width: 54px;
  }
  .pd_qntty_area .pd_qty .qttybtn.inc {
	margin-top: 5px;
  }
  .pd_qntty_area .pd_qty .qttybtn {
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-align: center;
  }
  .pd_qntty_area .pd_qty .qttybtn i {
	display: block;
	line-height: 12px;
  }
  .pd_btn {
	margin-bottom: 38px;
  }
  .btn_icn {
	background: #fff;
	color: #4b2fe6 !important;
	border: 1px solid #4b2fe6;
	padding: 8px 15px;
	margin-left: 10px;
	transition: 0.5s;
  }
  .btn_icn:hover {
	background: #4b2fe6;
	color: #fff !important;
  }
  .pd_share_area h4 {
	font-size: 14px;
	font-weight: 500;
	margin: 0 0 12px;
	text-transform: uppercase;
  }
  .pd_social_icon a {
	color: #606060;
	display: block;
	float: left;
	font-size: 20px;
	line-height: 32px;
	margin-right: 20px;
	transition: 0.5s;
  }
  .pd_social_icon a:hover {
	color: #4b2fe6;
  }
  .prdct_dtls_content {
	margin-top: 40px;
  }
  .pd_tab_area {
	margin-top: 30px;
	background: #fff none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.02);
	display: block;
	padding: 31px 32px;
  }
  .pd_tab_area p {
	margin-bottom: 15px;
  }
  .pd_tab_area ul {
	display: inline-block;
  }
  
  .pd_tab_area li {
	padding: 5px 0;
	display: block;
	font-weight: 00;
  }
  .pd_tab_btn {
	margin-bottom: 10px;
	border: none;
  }
  .pd_tab_btn li {
	display: block;
	float: left;
	margin-right: 10px;
	padding-bottom: 11px;
	position: relative;
  }
  .pd_tab_btn li a {
	color: #000;
	display: block;
	font-weight: 400;
	text-transform: capitalize;
	padding: 7px 20px;
	border-radius: 20px;
	transition: 0.5s;
  }
  .pd_tab_btn li a.active {
	background: #4b2fe6;
	color: #fff;
	box-shadow: 4px 3px 5px rgba(0, 0, 0, 0.07);
  }
  
  .single_pd_tab {
	text-align: left;
  }
  .pda_rtng_area {
	margin-bottom: 20px;
  }
  .pda_rtng_area h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 14px;
	margin: 0 0 7px;
	color: #000;
  }
  .pda_rtng_area h4 span {
	color: #909090;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
  }
  .pda_rtng_area > span {
	color: #909090;
	display: block;
	font-size: 12px;
	font-weight: 300;
	line-height: 10px;
  }
  .rtng_cmnt_area {
	margin-bottom: 40px;
  }
  .rtng_cmnt_area .single_rtng_cmnt {
	margin-bottom: 30px;
  }
  .rtngs {
	float: right;
	color: #fec42d;
  }
  .rtng_cmnt_area .single_rtng_cmnt .rtngs i {
	color: #fec42d;
	font-size: 16px;
  }
  .rtng_cmnt_area .single_rtng_cmnt .rtngs span {
	color: #909090;
  }
  .rtng_author {
	float: left;
  }
  .rtng_cmnt_area .single_rtng_cmnt .rtng_author h3 {
	color: #606060;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	line-height: 13px;
  }
  .rtng_cmnt_area .single_rtng_cmnt .rtng_author span {
	color: #909090;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 13px;
	margin-left: 15px;
  }
  .rtng_cmnt_area .single_rtng_cmnt p {
	display: block;
	overflow: hidden;
	width: 100%;
  }
  .rtng_cmnt_form_area h3 {
	font-size: 14px;
	margin: 0 0 30px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 12px;
  }
  .rcf_pdnglft {
	padding-left: 0;
  }
  .rp_title h3 {
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 24px;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	padding-bottom: 13px;
	color: #000;
	font-weight: 700;
	margin-bottom: 18px;
  }
  
  .related_prdct_area {
	padding: 50px 0;
  }
  
  .gray_section {
	background: #f9f9f9;
  }
  .acc_btn {
	background: #4b2fe6;
	border: 1px solid transparent;
	border-radius: 0;
	color: #fff !important;
	padding: 8px 20px;
	transition: 0.5s;
	margin-top: 10px;
	text-transform: capitalize;
  }
  .acc_btn:hover {
	background: #000;
	border: 1px solid transparent;
	color: #fff;
  }
  .input-area input {
	background: #f2f2f2;
	border: none;
	height: 52px;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
  }
  .input-area textarea {
	background: #f2f2f2;
	border: none;
	width: 100%;
	margin-bottom: 15px;
	padding: 20px;
  }
  /*END SHOP CSS*/
  
  .wc_year {
	padding-top: 30px;
  }
  .wc_year h6 {
	font-size: 25px;
  }
  .wc_year p {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
  }
  /*  */
  
  /*  */
  .hector-section {
	padding: 0px 20px;
	text-align: center;
	background: #3e2ef4;
	/* background: linear-gradient(135deg, #1a1a2e, #16213e); */
	position: relative;
  }
  .hector-section p {
	color: #fff;
	font-size: 23px;
	font-weight: 500;
	padding: 10px 0 0px;
  }
  .hector-section h2 {
	font-size: 44px;
	margin-bottom: 20px;
	font-weight: 700;
	color: #fff;
  }
  @media screen and (max-width: 767px) {
	.hector-section h2 {
	  font-size: 32px;
	}
	.hector-section .res-img {
	  width: 220px;
	}
  }
  .highlight {
	color: #ffcc00;
  }
  .features {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
	margin-top: 30px;
  }
  
  .feature-box {
	padding: 30px;
	border-radius: 10px;
	width: 350px;
	text-align: left;
	border: 1px solid #ffffff61;
  }
  .feature span {
	color: #000;
  }
  .feature-box h3 {
	color: #fff;
	font-weight: 600;
	font-size: 23px;
	margin: 0 0 5px 0;
	display: flex;
	align-items: center;
	gap: 10px;
  }
  
  .feature-box p {
	color: #ccc;
	font-size: 18px;
	margin: 0;
	padding-left: 34px;
  }
  
  .feature-box h3 img {
	width: 24px;
	height: 24px;
  }
  .mds-logos {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	margin: 40px 0;
  }
  .mds-logo img {
	width: 200px;
	filter: drop-shadow(0 0 10px #fff);
  }
  /*  */
  .video-container {
	margin-top: 40px;
	text-align: center;
	position: relative;
  }
  .video-wrapper {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 715px;
	border-radius: 15px;
  }
  .video-wrapper video,
  .video-cover {
	width: 100%;
	height: 400px;
	border-radius: 32px;
  }
  .video-cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
  }
  .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 1;
  }
  .exclusive-badge {
	position: absolute;
	top: 39px;
	left: -30px;
	width: 175px;
	z-index: 2;
  }
  .mds-logo-dark {
	position: absolute;
	bottom: 34px;
	right: -73px;
	width: 174px;
	z-index: 1;
  }
  .arrow-icon {
	position: absolute;
	bottom: -141px;
	right: -25px;
	width: 95px;
	z-index: 1;
  }
  .cta-button {
	display: inline-block;
	padding: 20px 30px;
	background: linear-gradient(90deg, #cc2ef4 0%, #437cef 100%);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 30px;
	border-right: thin;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
  }
  /* .cta-button:hover {
		  background: linear-gradient(90deg,#3E2EF4  0%,#CC2EF4  100%);
		  color: #fff;
	  } */
  @media screen and (max-width: 767px) {
	.video-wrapper video,
	.video-cover {
	  margin: 0px 0 30px;
	  height: auto !important;
	}
	.cta-button {
	  font-size: 14px;
	  padding: 13px 15px;
	  margin: 20px 0 10px;
	  border-radius: 50px;
	}
	.exclusive-badge {
	  position: absolute;
	  top: 18px;
	  left: -18px;
	  width: 110px;
	  z-index: 2;
	}
	/* .arrow-icon {
	  position: absolute;
	  bottom: -118px;
	  right: -10px;
	  width: 78px;
	  z-index: 1;
	} */
	.arrow-icon {
	  display: none;
	}
	.mds-logo-dark {
	  position: absolute;
	  bottom: 34px;
	  right: -32px;
	  width: 100px;
	  z-index: 1;
	}
	.phone-input .country-code img {
	  width: 20px;
	}
	.faq {
	  padding: 20px 0 0 !important;
	}
	.que-container {
	  padding: 0 15px 0px !important;
	}
	.footer {
	  padding-bottom: 20px !important;
	}
	.footer_copyright p {
	  padding-top: 20px;
	}
	.fc {
	  padding-top: 20px;
	}
	.wrap-class {
	  background-color: #3e2ef4 !important;
	}
  }
  
  /*  */
  
  .img-cotainer .ew {
	width: 80%;
	max-width: 800px;
	height: 500px;
	border: none;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(255, 204, 0, 0.5);
  }
  /*  */
  /* popup */
  .button-new {
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(117, 88, 249, 0.3);
  }
  
  .modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: hidden; /* Enable scroll if needed */
	background-color: rgb(0, 0, 0); /* Fallback color */
	background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  }
  
  .close-btn {
	position: absolute;
	top: 15%;
	right: 25%;
	background: transparent;
	border: none;
	font-size: 58px;
	color: #fff;
	cursor: pointer;
  }
  
  .modal-content-new {
	background-color: #fefefe;
	margin: 8% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 670px; /* Could be more or less, depending on screen size */
	border-radius: 15px;
	box-shadow: 0 10px 60px 0 rgba(226, 236, 249, 0.5);
  }
  
  .hector-ai-form {
	padding: 40px;
	text-align: center;
	border-radius: 15px;
	border: 4px solid var(--bg-white, #fff);
	background: hsla(0, 0%, 100%, 0.7);
  }
  
  .hector-ai-form h2 {
	margin-bottom: 20px;
  }
  
  .form-group {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
  }
  
  .input-field {
	display: flex;
	align-items: center;
	background: #fff;
	border: 0.5px solid #303030;
	border-radius: 8px;
	padding: 0 10px;
	width: 100%;
	gap: 5px;
  }
  
  .input-field img {
	width: 18px;
  }
  
  .input-field input,
  .input-field select {
	border: none;
	outline: none;
	width: 100%;
  }
  
  .phone-input {
	display: flex;
	align-items: center;
	width: 100%;
	gap: 5px;
  }
  
  .phone-input .country-code {
	display: flex;
	align-items: center;
	/* border-right: 1px solid #e2e8f0; */
	padding: 0 10px 0 2px;
	font-size: 12px;
	width: 65px;
  }
  
  .phone-input .country-code img {
	width: 18px;
	margin-right: 5px;
  }
  
  .full-width {
	width: 100%;
  }
  
  .submit-btn {
	background: #7558f9;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 13px 0;
	width: 35%;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(117, 88, 249, 0.3);
  }
  
  .country-code::after {
	content: "\25BC"; /* Unicode for downward triangle */
	font-size: 12px;
	margin-left: auto;
	color: #303030;
  }
  
  .dropdown-container {
	display: none;
	position: absolute;
	background: #fff;
	border: 2px solid #e2e8f0;
	border-radius: 8px;
	width: auto;
	max-height: 200px; /* Added max height */
	overflow-y: auto; /* Enables scrolling */
	z-index: 10;
  }
  
  .dropdown-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  .dropdown-container li {
	padding: 8px 12px;
	cursor: pointer;
	text-align: left;
  }
  
  .dropdown-container li:hover {
	background-color: #f0f0f0;
  }
  
  .country-name {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
	border-bottom: 1px solid #f0f0f0; /* Divider for clarity */
	gap: 10px;
	transition: background 0.3s ease-in-out;
  }
  
  .country-name img {
	width: 20px;
	border-radius: 50%; /* Circular flag for better aesthetics */
  }
  
  .country-name:hover {
	background-color: #f0f0f0;
  }
  
  @media (max-width: 767px) {
	.modal-content-new {
	  width: 90%;
	  margin: 20% auto;
	  padding: 15px;
	}
  
	.hector-ai-form {
	  width: 100%;
	  padding: 30px 20px;
	}
  
	.form-group {
	  flex-direction: column;
	  gap: 10px;
	}
  
	.input-field,
	.phone-input {
	  flex-direction: row;
	  gap: 8px;
	  padding: 0 8px;
	}
  
	.phone-input .country-code {
	  width: 60px;
	}
  
	.submit-btn {
	  width: 100%;
	  padding: 14px 0;
	  font-size: 16px;
	}
  
	.close-btn {
	  top: 35px;
	  right: 10px;
	  font-size: 32px;
	}
  
	.dropdown-container {
	  width: 100%;
	}
  
	.country-name {
	  padding: 8px 12px;
	}
  
	.country-code::after {
	  font-size: 10px;
	}
  }
  /*  */
  .mds-badge {
	display: inline-block;
	/* background: linear-gradient(135deg,#7e00d8, #d80095); */
	padding: 12px 20px;
	margin-bottom: 20px;
	color: #000;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 25px;
	/* box-shadow: 0 4px 10px rgba(255, 140, 0, 0.5); */
	border: 2px solid #fff;
	position: relative;
  }
  
  .mds-badge span {
	display: flex;
	align-items: center;
	gap: 8px;
  }
  
  /* Add a glowing effect */
  .mds-badge::before {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 30px;
	/* background: rgba(255, 215, 0, 0.3); */
	z-index: -1;
	filter: blur(8px);
	opacity: 0.8;
  }
  
  /*  */
  .hector-ai-banner-img {
	position: relative;
	padding-top: 65px;
	width: 100%;
  }
  .hector-ai-banner-img .big-image {
	width: 100%;
	display: block;
	border-radius: 10px;
  }
  .hector-ai-banner-img .small-image {
	position: absolute;
	bottom: -35px;
	left: -35px;
	width: 42%;
	border-radius: 10px;
  }
  .hector-ai-banner-img .center-image {
	position: absolute;
	bottom: -100px;
	left: 65%;
	transform: translateX(-50%);
	width: 72%;
	border-radius: 10px;
  }
  /* Mobile Optimization */
  @media (max-width: 1024px) {
	.hector-ai-banner-img .small-image {
	  width: 35%; /* Scales down for tablets */
	  bottom: -20px;
	  left: -20px;
	}
  
	.hector-ai-banner-img .center-image {
	  width: 60%; /* Reduced size for better balance */
	  bottom: -60px;
	  left: 50%; /* Centers the image more effectively */
	}
  }
  
  @media (max-width: 767px) {
	.hector-ai-banner-img {
	  padding-top: 40px; /* Reduced top spacing */
	}
  
	.hector-ai-banner-img .small-image {
	  width: 32%;
	  bottom: -15px;
	  left: -15px;
	}
  
	.hector-ai-banner-img .center-image {
	  width: 60%; /* Smaller size for mobile layout */
	  bottom: -40px;
	}
  }
  
  @media (max-width: 480px) {
	.hector-ai-banner-img .small-image {
	  width: 32%; /* Compact size for smaller screens */
	  bottom: -10px;
	  left: -10px;
	}
  
	.hector-ai-banner-img .center-image {
	  width: 60%;
	  bottom: -40px;
	}
  }
  /*  */
  .pl-5 {
	padding-left: 109px;
  }
  @media screen and (max-width: 767px) {
	.pl-5 {
	  padding-left: 0px;
	}
  }
  
  /*  */
  .static-img-brand {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	height: 35vh;
	/* margin-top: 40px;
		  margin-bottom: 40px; */
	justify-content: center;
	align-items: center;
	justify-items: center;
  }
  .img-new {
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s ease;
	max-height: 115px;
	object-fit: contain;
  }
  /* Media Query for Mobile Devices */
  @media (max-width: 767px) {
	.static-img-brand {
	  grid-template-columns: repeat(1, 1fr); /* 2 columns for smaller screens */
	  gap: 8px;
	  margin-top: 200px;
	  margin-bottom: 295px;
	}
  
	.img-new {
	  width: 200px;
	  height: 80px; /* Smaller size for mobile */
	}
  }
  /*  */
  .new-text {
	font-family: Outfit;
	font-weight: 600;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	margin-top: 70px;
  }
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.new-text {
	  font-size: 24px; /* Slightly smaller text for tablets */
	  margin-top: 50px; /* Reduced margin for better spacing */
	}
  }
  
  @media (max-width: 480px) {
	.new-text {
	  font-size: 20px; /* Smaller text for compact screens */
	  margin-top: 40px; /* Further reduced margin for balance */
	}
  }
  /*  */
  .own-your-amazon-dsp {
	text-align: center;
	font-family: Arial, sans-serif;
	padding: 20px;
  }
  .own-your-amazon-dsp h2 {
	font-family: Outfit;
	font-weight: 700;
	font-size: 61px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #000;
  }
  .own-your-amazon-dsp .highlight {
	color: #000;
  }
  .own-your-amazon-dsp .emoji {
	font-size: 85px;
  }
  .own-your-amazon-dsp .subtext {
	font-size: 18px;
	margin: 10px 0;
	font-family: Outfit;
	margin-top: 30px;
	font-weight: 600;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #000;
  }
  .own-your-amazon-dsp .offer-button {
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	box-shadow: 0px 4px 50px 0px #3e2ef480;
	color: white;
	padding: 10px 20px 10px;
	border-radius: 30px;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px;
	font-family: "Outfit-bold";
	font-weight: 600;
	font-size: 32px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: capitalize;
  }
  .own-your-amazon-dsp .offer-button img {
	width: 23%;
	height: 100%;
  }
  .own-your-amazon-dsp .offer-button .fire-img {
	width: 8%;
	height: 35px;
  }
  .offer-details .circle-img {
	background: #fff;
	border-radius: 38%;
  }
  .own-your-amazon-dsp .offer-details {
	background: #f0f0f0;
	padding: 10px;
	display: inline-block;
	border-radius: 20px;
	margin: 10px 0;
	font-family: "Outfit-light";
	font-weight: 400;
	font-size: 20px;
	color: #000;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	margin-top: 45px;
  }
  
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.own-your-amazon-dsp h2 {
	  font-size: 40px; /* Scaled down for smaller screens */
	}
  
	.own-your-amazon-dsp .emoji {
	  font-size: 65px; /* Reduced for mobile */
	}
  
	.own-your-amazon-dsp .subtext {
	  font-size: 17px;
	  margin-top: 20px;
	}
  
	.own-your-amazon-dsp .offer-button {
	  width: 100%; /* Full-width button for better accessibility */
	  font-size: 18px;
	  padding: 12px 15px;
	}
  
	.own-your-amazon-dsp .offer-button img {
	  width: 18%; /* Slightly smaller for improved layout */
	}
  
	.own-your-amazon-dsp .offer-button .fire-img {
	  width: 8%;
	  height: 18px;
	}
  
	.own-your-amazon-dsp .offer-details {
	  font-size: 18px;
	  padding: 8px;
	  margin-top: 30px;
	}
  }
  
  /*  */
  .max-research-container {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 20px;
  }
  
  .max-research {
	display: flex;
	align-items: center;
	width: 400px;
	padding: 30px;
	border-radius: 15px;
	background: white;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	text-align: left;
	border: 1px solid #eee;
  }
  
  .max-research img {
	width: 50px;
	height: 50px;
	margin-right: 15px;
  }
  
  .max-research-content {
	display: flex;
	flex-direction: column;
  }
  
  .max-research h3 {
	color: #772ef4;
	font-family: Outfit;
	font-weight: 500;
	font-size: 24px;
	line-height: 131%;
	letter-spacing: 0%;
	vertical-align: middle;
	padding-bottom: 5px;
	text-transform: capitalize;
  }
  
  .max-research p {
	font-family: Outfit;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
  }
  
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.max-research-container {
	  flex-direction: column; /* Stacks items vertically */
	  gap: 15px;
	}
  
	.max-research {
	  width: 100%; /* Slight margin for breathing room */
	  padding: 20px;
	}
  
	.max-research h3 {
	  font-size: 20px;
	}
  
	.max-research p {
	  font-size: 16px;
	}
  }
  
  @media (max-width: 480px) {
	.max-research {
	  padding: 15px;
	}
  
	.max-research img {
	  width: 40px;
	  height: 40px;
	  margin-right: 10px;
	}
  
	.max-research h3 {
	  font-size: 18px;
	}
  
	.max-research p {
	  font-size: 14px;
	}
  }
  /*  */
  .dsp-account-new {
	position: relative;
	width: 100%;
	max-width: 1140px;
	margin: auto;
	text-align: center;
  }
  
  .dsp-account-new .big-image {
	margin-top: 115px;
	width: 100%;
	border-radius: 10px;
  }
  
  .dsp-account-new .top-left-image {
	position: absolute;
	top: -128px;
	left: 260px;
	width: 230px;
  }
  
  .dsp-account-new .bottom-right-arrow {
	position: absolute;
	bottom: -165px;
	right: 60px;
	width: 165px;
  }
  
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.dsp-account-new .big-image {
	  margin-top: 60px; /* Reduced margin for smaller screens */
	  border-radius: 8px; /* Slightly smaller rounding for a compact look */
	}
  
	.dsp-account-new .top-left-image {
	  top: -70px; /* Adjusted position for smaller screens */
	  left: 50%; /* Centers the element */
	  transform: translateX(-50%); /* Ensures centering */
	  width: 150px; /* Scales down for mobile */
	}
  
	.dsp-account-new .bottom-right-arrow {
	  bottom: -80px; /* Adjusted position for smaller screens */
	  right: 20px; /* Moves closer to the content */
	  width: 100px; /* Smaller size for mobile */
	}
  }
  
  @media (max-width: 480px) {
	.dsp-account-new .top-left-image {
	  top: -50px;
	  width: 120px; /* Further scaling for compact devices */
	}
  
	.dsp-account-new .bottom-right-arrow {
	  bottom: -60px;
	  width: 80px; /* Scaled down for smaller devices */
	}
  }
  /*  */
  /* Centering the button */
  .button-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 39vh; /* Full screen height */
  }
  
  /* Button styling */
  .hector-design-bn {
	background: linear-gradient(to right, #c822ff, #1e4eff);
	color: white;
	font-weight: bold;
	font-size: 23px;
	padding: 18px 30px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	text-align: center;
	white-space: nowrap;
  }
  .hector-design-bn:hover {
	background: linear-gradient(to right, #1e4eff, #c822ff);
	color: #fff;
  }
  /* Mobile Optimization */
  @media (max-width: 767px) {
	.hector-design-bn {
	  font-size: 13px; /* Slightly smaller font for better fit */
	  padding: 14px 20px; /* Adjust padding for compact layout */
	  width: 100%; /* Full width for smaller screens */
	  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); /* Softer shadow for mobile */
	}
	.button-container {
	  height: 25vh;
	}
  }
  
  /*  */
  .hector-ai-fine {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 20px;
  }
  
  .perks-container {
	text-align: center;
	width: 100%;
	max-width: 1250px;
  }
  
  .exclusive-perks-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	gap: 10px;
  }
  
  .line-new {
	flex-grow: 1;
	height: 2px;
	background-color: #ccc;
  }
  
  .exclusive-perks {
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: white;
	font-weight: bold;
	font-size: 30px;
	padding: 15px 45px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
	gap: 8px;
  }
  
  .perks-details {
	background: #f4f4f4;
	color: #333;
	font-size: 14px;
	padding: 12px 20px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	gap: 8px;
	margin-top: 40px;
  }
  .perks-details p {
	font-family: "Outfit-Light" !important;
	color: #000;
	font-size: 20px;
  }
  .icon-done {
	height: 25px;
	vertical-align: middle;
  }
  .icon-done-new {
	height: 33px;
	vertical-align: middle;
	background: #fff;
	padding: 5px;
	border-radius: 50px;
  }
  
  @media only screen and (max-width: 767px) {
	.perks-container {
	  width: 95%;
	}
	.exclusive-perks {
	  font-size: 16px;
	  padding: 10px 20px;
	}
	.perks-details {
	  font-size: 12px;
	  padding: 10px 15px;
	}
	.perks-details p {
	  font-size: 16px;
	}
  }
  
  /*  */
  .faq {
	padding: 50px 25px;
	background: #3e2ef4;
  }
  
  .headings {
	text-transform: capitalize;
	text-align: center;
  }
  
  .section-heading {
	font-size: 61px;
	text-align: center;
	color: #fff;
	font-family: "Outfit-Bold" !important;
  }
  
  .sub-heading {
	margin: 20px auto 0;
	max-width: 45ch;
	color: #fff;
	line-height: 1.6;
  }
  
  .que-container {
	max-width: 950px;
	margin: 50px auto 0;
  }
  
  .question {
	border-bottom: 1px solid #ffffff4f;
  }
  
  .question:last-child {
	border-bottom: 1px solid #ffffff4f;
  }
  
  .question button {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: transparent;
	font-size: 20px;
	color: #fff;
	text-transform: inherit;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 25px 20px 25px 0;
	border: none;
	cursor: pointer;
	transition: color 0.3s;
  }
  
  .question button i {
	color: #fff;
	font-size: 40px;
	transition: transform 0.3s;
  }
  
  .question p {
	color: #fff;
	line-height: 1.6;
	height: 0;
	font-size: 18px;
	text-transform: inherit;
	overflow: hidden;
	transition: all 0.3s;
  }
  
  .question button.show + p {
	padding-bottom: 25px;
	height: auto;
  }
  
  .question button.show {
	color: #fff;
  }
  
  .question button.show i {
	transform: rotate(180deg);
  }
  
  /* ================== MOBILE RESPONSIVENESS ================== */
  @media (max-width: 1024px) {
	.section-heading {
	  font-size: 48px;
	}
  
	.sub-heading {
	  font-size: 18px;
	  max-width: 40ch;
	}
  
	.que-container {
	  padding: 0 20px;
	}
  
	.question button {
	  font-size: 18px;
	  padding: 20px 15px;
	}
  
	.question p {
	  font-size: 16px;
	  margin-left: 5px;
	  font-weight: 200;
	}
  }
  
  @media (max-width: 767px) {
	.section-heading {
	  font-size: 38px;
	}
  
	.sub-heading {
	  font-size: 16px;
	}
  
	.que-container {
	  margin-top: 30px;
	}
  
	.question button {
	  font-size: 16px;
	  padding: 15px 10px;
	  text-align: left;
	}
  
	.question button i {
	  font-size: 30px;
	}
  
	.question p {
	  font-size: 15px;
	  margin-left: 5px;
	  font-weight: 200;
	}
	.question button i {
	  font-size: 17px;
	}
  }
  
  @media (max-width: 480px) {
	.faq {
	  padding: 0px;
	}
	.section-heading {
	  font-size: 32px;
	}
  
	.sub-heading {
	  font-size: 14px;
	}
  
	.que-container {
	  padding: 0 15px 15px;
	}
  
	.question button {
	  font-size: 15px;
	  padding: 12px 8px;
	  text-align: left;
	}
  
	.question button i {
	  font-size: 17px;
	}
  
	.question p {
	  font-size: 14px;
	  margin-left: 5px;
	  font-weight: 200;
	}
  }
  /*  */
  .hector-new-section {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	padding-left: 40px;
  }
  
  .hector-new-section h2 {
	font-size: 61px;
	color: #000;
	margin-bottom: 10px;
	padding-left: 10%;
  }
  
  .hector-new-section h3 {
	font-size: 23px;
	color: #000;
  }
  
  .arrow-down {
	width: 165px;
	position: relative;
	left: 260px;
	height: auto;
	/* margin-bottom: 32px; */
  }
  
  .hector-new-done-flowpoints {
	width: 45%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 60px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
  }
  
  .hector-new-done-flowpoints .step {
	background: white;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
  }
  
  .hector-new-done-flowpoints .icon {
	background: #e8e0ff;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: absolute;
	left: -38px;
	top: 50%;
	transform: translateY(-50%);
  }
  
  .overlay-image {
	position: absolute;
	right: -60px;
	top: 5%;
	transform: translateY(-50%);
	width: 115px;
	height: auto;
  }
  
  .cta-button-new {
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 30px;
	border-radius: 30px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	margin-top: 40px;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
	position: relative;
	align-self: center;
  }
  
  .cta-button-new:hover {
	background: linear-gradient(90deg, #3e2ef4 0%, #cc2ef4 100%);
	color: #fff;
  }
  .cta-button-new img {
	width: 135px;
	height: auto;
	position: absolute;
	right: -115px;
	top: -60%;
	transform: translateY(-50%);
  }
  
  .line {
	position: absolute;
	width: 8px;
	height: 90px;
	background: linear-gradient(45deg, #904bff, #d984ff);
	z-index: 1;
  }
  .line-0 {
	left: 50%;
	top: 58px;
	transform: rotate(297deg);
  }
  .line-1 {
	left: 48%;
	height: 250px;
	top: 42px;
	transform: rotate(55deg);
  }
  .line-2 {
	left: 50%;
	top: 266px;
	transform: rotate(73deg);
  }
  .line-3 {
	left: 48%;
	top: 302px;
	height: 229px;
	transform: rotate(58deg);
  }
  .line-4 {
	left: 50%;
	top: 501px;
	transform: rotate(91deg);
  }
  
  /* ================== MOBILE RESPONSIVENESS ================== */
  @media (max-width: 1024px) {
	.hector-new-section {
	  padding-left: 20px;
	}
  
	.hector-new-section h2 {
	  font-size: 48px;
	  padding-left: 0;
	}
  
	.hector-new-done-flowpoints {
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
  
	.hector-new-done-flowpoints .step {
	  padding: 30px;
	}
  
	.hector-new-done-flowpoints .icon {
	  width: 40px;
	  height: 40px;
	  left: -25px;
	}
  
	.overlay-image {
	  right: -30px;
	  width: 90px;
	}
  
	.cta-button-new {
	  width: 100%;
	  font-size: 18px;
	}
  
	.cta-button-new img {
	  width: 100px;
	  right: -80px;
	}
  }
  
  @media (max-width: 767px) {
	.hector-new-done-flowpoints {
	  width: 50%;
	}
	.hector-new-section h2 {
	  font-size: 40px;
	}
  
	.hector-new-section h3 {
	  font-size: 20px;
	}
  
	.arrow-down {
	  width: 120px;
	  left: 180px;
	}
  
	.hector-new-done-flowpoints .step {
	  padding: 25px;
	}
  
	.overlay-image {
	  width: 86px;
	  right: 8px;
	}
  
	.cta-button-new {
	  font-size: 17px;
	  padding: 12px 20px;
	}
  
	.cta-button-new img {
	  width: 80px;
	  right: -60px;
	  display: none;
	}
	.line-0,
	.line-1,
	.line-2,
	.line-3 {
	  display: none;
	}
  }
  
  @media (max-width: 480px) {
	.hector-new-section h2 {
	  font-size: 40px;
	}
  
	.hector-new-section h3 {
	  font-size: 18px;
	}
  
	.arrow-down {
	  width: 100px;
	  left: 120px;
	}
  
	.hector-new-done-flowpoints {
	  width: 80%;
	  gap: 20px;
	}
  
	.hector-new-done-flowpoints .step {
	  padding: 20px;
	}
  
	.hector-new-done-flowpoints .icon {
	  width: 35px;
	  height: 35px;
	  left: -20px;
	}
  
	.overlay-image {
	  width: 86px;
	  right: -31px;
	}
  
	.cta-button-new {
	  width: 100%;
	  font-size: 14px;
	  padding: 10px 15px;
	}
  
	.cta-button-new img {
	  width: 70px;
	  right: -50px;
	  display: none;
	}
	.line-0,
	.line-1,
	.line-2,
	.line-3 {
	  display: none;
	}
  }
  
  /*  */
  .smaller-text-msd {
	font-family: "Inter", sans-serif;
	font-size: 0.95rem;
	color: #374151;
	background-color: #f3f4f6;
	padding: 1.25rem 1.5rem;
	border-left: 4px solid #712ef4;
	border-right: 4px solid #712ef4;
	border-radius: 0.5rem;
	max-width: 460px;
	margin: 1rem auto;
	line-height: 1.6;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
  }
  
  .smaller-text-msd strong {
	color: #111827;
	font-weight: 600;
  }
  
  .smaller-text-msd .price {
	color: #111827;
	font-weight: 600;
  }
  
  .smaller-text-msd .percent {
	color: #6d28d9;
	font-weight: 500;
  }
  
  /*  */
  .include-hector-plan {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #3e2ef4; /* Strong blue background */
	padding: 60px 20px;
	color: #fff;
	border-bottom: 1px solid #ccc;
	margin-top: 40px;
  }
  
  .include-hector-plan-left {
	flex: 1;
	max-width: 40%;
	padding-right: 40px;
  }
  
  .include-hector-plan-left h2 {
	font-size: 54px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
  }
  
  .include-hector-plan-left h2 span {
	display: inline-block;
  }
  
  .include-hector-plan-right {
	flex: 1;
	background: #fff;
	color: #111;
	border-radius: 16px;
	padding: 40px 30px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	max-width: 540px;
  }
  
  .include-hector-plan-right ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .include-hector-plan-right li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.5;
  }
  
  .checkmark {
	color: #14b84e; /* Green check */
	font-weight: bold;
	margin-right: 10px;
	font-size: 20px;
	margin-top: 2px;
  }
  @media (max-width: 767px) {
	.include-hector-plan {
	  flex-direction: column;
	  padding: 40px 20px;
	  text-align: center;
	}
  
	.include-hector-plan-left {
	  max-width: 100%;
	  padding: 0 0 30px 0;
	}
  
	.include-hector-plan-left h2 {
	  font-size: 36px;
	}
  
	.include-hector-plan-right {
	  max-width: 100%;
	  padding: 30px 20px;
	}
  
	.include-hector-plan-right li {
	  font-size: 18px;
	  text-align: left;
	}
  }
  
  /*  */
  .essential-tools-mds {
	padding: 0px 20px;
	text-align: center;
	font-family: "Inter", sans-serif;
	background: #fff;
  }
  .essential-tools-header {
	padding-left: 13%;
  }
  
  .essential-tools-header h2 {
	font-size: 60px;
	line-height: 60px;
	font-weight: 800;
	margin-bottom: 10px;
	color: #111;
	text-align: left;
  }
  
  .essential-tools-header p {
	font-size: 23px;
	color: #000;
	margin-bottom: 40px;
	text-align: left;
	font-weight: 600;
  }
  
  .essential-tools-graphic {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
  }
  
  .dashboard-img {
	width: 100%;
	max-width: 1080px;
	padding: 10px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  }
  
  .arrow-img {
	position: absolute;
	top: -120px;
	left: 57%;
	width: 150px;
  }
  
  .badge-overlay {
	position: absolute;
	top: -122px;
	right: 17%;
	z-index: 1;
  }
  
  .badge-overlay img {
	width: 195px;
  }
  
  .card-overlay {
	position: absolute;
	top: -41px;
	right: 19%;
  }
  
  .card-overlay img {
	width: 300px;
  }
  
  .essential-tools-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	margin-top: 40px;
	max-width: 1118px;
	margin-left: auto;
	margin-right: auto;
  }
  
  .card {
	background: #f9f9f9;
	border-radius: 16px;
	padding: 25px 20px;
	box-shadow: 0px 30px 50px 0px #0000001a;
	transition: transform 0.3s ease;
  }
  
  .card:hover {
	transform: translateY(-5px);
  }
  
  .card h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-top: 15px;
	color: #111;
  }
  
  .card p {
	font-size: 19px;
	color: #666;
	line-height: 1.6;
  }
  
  .essential-tools-cta {
	margin-top: 60px;
  }
  
  .essential-tools-cta a {
	display: inline-block;
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: #fff;
	padding: 20px 32px;
	border-radius: 999px;
	font-size: 25px;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.3s ease;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.essential-tools-header {
	  padding-left: 5%;
	}
	.essential-tools-cta {
	  margin-top: 35px;
	}
  
	.essential-tools-header h2 {
	  font-size: 35px;
	  line-height: 40px;
	}
  
	.essential-tools-header p {
	  font-size: 18px;
	  margin-bottom: 35px;
	}
  
	.dashboard-img {
	  max-width: 100%;
	  padding: 6px;
	  margin-top: 30px;
	}
  
	.essential-tools-graphic {
	  margin-bottom: 50px;
	}
	.badge-overlay {
	  top: -45px;
	  right: -5%;
	}
	.badge-overlay img {
	  width: 120px;
	}
	.arrow-img {
	  width: 120px;
	  top: -100px;
	  display: none;
	}
	.card {
	  align-items: center;
	}
	.card-overlay {
	  position: absolute;
	  top: 0px;
	  right: 2%;
	}
	.card-overlay img {
	  width: 120px;
	}
	.card h4 {
	  font-size: 18px;
	}
  
	.card p {
	  font-size: 16px;
	}
  
	.essential-tools-cards {
	  grid-template-columns: 1fr;
	  margin-top: 30px;
	}
  
	.essential-tools-cta a {
	  font-size: 12px;
	  padding: 12px 22px;
	}
	.center-card {
	  grid-column: auto;
	  max-width: inherit;
	  margin: 0px !important;
	}
  }
  /* .essential-tools-cta a:hover {
		  background: linear-gradient(90deg, #8a2be2, #3f32fc);
		}
		 */
  /*  */
  .dsp-unlock-higher-conversions {
	padding: 60px 20px;
	text-align: center;
	background: #fff;
  }
  
  .dsp-unlock-higher-conversions h2 {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
	color: #000;
  }
  
  .dsp-unlock-higher-conversions .access-dsp-hector {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 999px;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 300;
	font-family: "Outfit-Light" !important;
	color: #333;
	margin: 20px auto;
	max-width: 100%;
	margin-top: 7px;
  }
  
  .access-dsp-hector .icon-wrapper {
	background: #fff;
	border-radius: 50%;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 18px;
  }
  .dsp-unlock-higher-conversions p {
	font-size: 22px;
	color: #000;
	font-weight: 600;
	margin-bottom: 40px;
  }
  
  .dsp-unlock-higher-conversions .image-container {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
  }
  
  .dsp-unlock-higher-conversions .image-container img {
	width: 100%;
	max-width: 1000px;
	border-radius: 29px;
	/* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); */
  }
  
  .dsp-unlock-higher-conversions .features {
	display: grid;
	grid-template-columns: repeat(2, minmax(200px, 1fr));
	gap: 30px 60px;
	justify-items: center;
	align-items: center;
	max-width: 800px;
	margin: -260px auto 20px;
	position: relative;
	z-index: 2;
  }
  
  .dsp-unlock-higher-conversions .exclusive {
	font-size: 16px;
	font-weight: 600;
	color: #d32f2f;
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
  }
  
  .dsp-unlock-higher-conversions .feature img {
	width: 30px;
	height: 30px;
  }
  
  .dsp-unlock-higher-conversions .exclusive {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	margin-bottom: 40px;
	position: relative;
	top: 7px;
  }
  
  .dsp-unlock-higher-conversions .start-button {
	display: inline-block;
	padding: 20px 30px;
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: #fff;
	font-size: 20px;
	border-radius: 50px;
	text-decoration: none;
	font-weight: bold;
	margin-top: -11px;
  }
  /* Default: Desktop view */
  .dsp-unlock-higher-conversions .image-container {
	display: flex;
  }
  /*   
		.dsp-unlock-higher-conversions .image-container img {
		  display: block;
		  width: 100%;
		  max-width: 1000px;
		  border-radius: 12px;
		  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
		} */
  
  .dsp-unlock-higher-conversions .image-container-2 {
	display: none; /* Hide container 2 on desktop */
  }
  /* Tablet */
  @media (max-width: 767px) {
	.dsp-unlock-higher-conversions {
	  padding: 0px 20px;
	}
	.dsp-unlock-higher-conversions .feature img {
	  width: 15px;
	  height: 15px;
	  margin-top: -3px;
	}
	.dsp-unlock-higher-conversions .image-container {
	  display: none; /* Hide main image-container on mobile */
	}
  
	.dsp-unlock-higher-conversions .image-container-2 {
	  display: flex; /* Show alternate container */
	  justify-content: center;
	}
  
	.dsp-unlock-higher-conversions .image-container-2 img {
	  width: 100%;
	  max-width: 1000px;
	  border-radius: 0; /* Set to 0 instead of 'none' */
	  box-shadow: none;
	  display: block;
	}
	.dsp-unlock-higher-conversions h2 {
	  font-size: 30px;
	  line-height: 40px;
	}
	.dsp-unlock-higher-conversions p {
	  font-size: 18px;
	}
	.dsp-unlock-higher-conversions .features {
	  grid-template-columns: 1fr; /* Stack features vertically */
	  gap: 15px;
	  margin: 0px auto 20px 42px;
	  /* background: #fff; */
	  display: grid;
	  justify-items: flex-start;
	}
	.dsp-unlock-higher-conversions .start-button {
	  font-size: 14px;
	  padding: 14px 20px;
	}
	.feature span {
	  color: #000;
	  padding-left: 5px;
	}
	.essential-tools-mds {
	  padding: 30px 20px 0px !important;
	}
	.dsp-unlock-higher-conversions .access-dsp-hector {
	  padding: 8px 16px;
	  font-size: 14px;
	  line-height: 18px;
	  flex-wrap: nowrap;
	}
  
	.access-dsp-hector .icon-wrapper {
	  padding: 6px;
	  font-size: 16px;
	  margin-right: 8px;
	}
  }
  /* .dsp-unlock-higher-conversions .start-button:hover {
		  background: linear-gradient(90deg, #7c3aed, #db2777);
		} */
  
  /*  */
  .automation-before-after-dsp {
	padding: 25px 0 10px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .automation-before-after-dsp .row {
	display: flex;
	align-items: flex-start;
	width: 100%;
	max-width: 1200px;
  }
  
  .automation-before-after-dsp .col-md-6 {
	flex: 1;
	padding: 20px;
  }
  
  .automation-before-after-dsp h2 {
	font-weight: 700;
	font-size: 32px;
	padding: 18px 24px;
	margin-bottom: 30px;
  }
  
  .automation-before-after-dsp ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .automation-before-after-dsp li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
  }
  
  .automation-before-after-dsp li span,
  .automation-before-after-dsp li img {
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .automation-before-after-dsp li p {
	font-size: 20px;
	color: #1e1e1e;
	margin: 0;
	font-weight: 500;
  }
  
  .automation-before-after-dsp .before {
	/* box-shadow: 10px 0 15px -8px rgba(0, 0, 0, 0.1); */
	position: relative;
	left: 58px;
	top: -4px;
	right: 0px;
  }
  
  .automation-before-after-dsp .after h2 {
	background: #4f3ff0;
	color: #fff;
	padding: 18px 24px;
	border-radius: 50px;
	font-size: 28px;
	width: max-content;
	margin-bottom: 30px;
  }
  
  @media (max-width: 767px) {
	.automation-before-after-dsp {
	  flex-direction: column;
	  padding: 20px;
	}
  
	.automation-before-after-dsp .row {
	  flex-direction: column;
	  gap: 30px;
	}
  
	.automation-before-after-dsp h2 {
	  font-size: 28px;
	  margin-bottom: 20px;
	}
  
	.automation-before-after-dsp ul li {
	  font-size: 12px;
	  margin-bottom: 15px;
	  align-items: flex-start;
	  gap: 5px;
	}
  
	.automation-before-after-dsp li span,
	.automation-before-after-dsp li img {
	  width: 24px;
	  height: 24px;
	  margin-top: 3px;
	}
  
	.automation-before-after-dsp li p {
	  font-size: 16px;
	}
  
	.automation-before-after-dsp .before {
	  right: 0;
	  left: 0;
	  box-shadow: none;
	}
  
	.automation-before-after-dsp .after {
	  margin-top: -102px;
	}
	.automation-before-after-dsp .after h2 {
	  font-size: 24px;
	  padding: 15px 20px !important;
	}
  }
  
  .pro-with-rule-dsp {
	background: linear-gradient(
	  332.63deg,
	  rgba(255, 255, 255, 0) 17.04%,
	  rgba(67, 124, 239, 0.2) 96.49%
	);
	padding: 60px 20px;
	border-radius: 24px;
	position: relative;
	overflow: hidden;
	max-width: 1170px;
	margin: 50px auto 0; /* Centered horizontally */
  }
  
  .pro-with-rule-dsp .badge-new {
	position: absolute;
	top: 5px;
	right: 6%;
	width: 142px;
  }
  
  .pro-with-rule-dsp h2 {
	font-size: 58px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
  }
  .pro-with-rule-dsp p {
	font-size: 18px;
	margin-bottom: 30px;
	color: #2c2c2c;
  }
  .pro-with-rule-dsp .btn-primary {
	background: linear-gradient(90deg, #ff00c7, #4f3ff0);
	border: none;
	padding: 18px 58px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	box-shadow: 0 8px 24px rgba(79, 63, 240, 0.3);
  }
  .pro-with-rule-dsp .arrow {
	position: absolute;
	top: 75%;
	left: 30%;
	width: 172px;
  }
  .pro-with-rule-dsp .dsp-image-block img {
	width: 100%;
	/* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
  }
  
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.pro-with-rule-dsp {
	  padding: 15px;
	  margin-top: 20px;
	  position: relative;
	}
  
	.pro-with-rule-dsp .badge-new {
	  width: 95px !important;
	  top: 233px !important;
	  right: 10px !important;
	  transform: translate(0, 0);
	  z-index: 2;
	}
  
	.pro-with-rule-dsp h2 {
	  font-size: 35px;
	  margin-bottom: 15px;
	  text-align: center;
	}
  
	.pro-with-rule-dsp p {
	  font-size: 16px;
	  margin-bottom: 20px;
	}
  
	.pro-with-rule-dsp .btn-primary {
	  font-size: 14px;
	  padding: 14px 30px;
	}
	.automation-before-after-dsp h2 {
	  padding: 15px 0 !important;
	}
  
	.pro-with-rule-dsp .arrow {
	  width: 120px;
	  top: 80%;
	  left: 25%;
	  display: none;
	}
  }
  
  /*  */
  .amazon-performance-dsp {
	background: #f9fafc;
	padding: 35px 0;
  }
  
  .amazon-performance-dsp h2 {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #111;
  }
  
  .amazon-performance-dsp h2 span {
	color: #5a35f0; /* Purple color for "Amazon Performance" */
	font-weight: bolder;
  }
  .mobile-only-images {
	display: none; /* hide by default */
  }
  
  @media (max-width: 767px) {
	.mobile-only-images {
	  display: block;
	  width: 100%;
	  text-align: center; /* optional, to center images */
	}
  }
  
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.image-block {
	  display: none;
	}
	.amazon-performance-dsp h2 {
	  font-size: 26px;
	  margin-bottom: 30px;
	}
	.amazon-performance-dsp p {
	  font-size: 18px;
	  color: #2c2c2c;
	  margin-top: 20px;
	  padding: 0px 15px 0px 15px;
	  margin-bottom: 30px !important;
	}
  }
  .amazon-performance-dsp .image-block img {
	max-width: 100%;
	border-radius: 24px;
  }
  
  .amazon-performance-dsp p {
	font-size: 18px;
	color: #2c2c2c;
	margin-top: 20px;
	margin-bottom: 40px;
  }
  
  .amazon-performance-dsp .btn-primary {
	background: linear-gradient(90deg, #ff00c7, #4f3ff0);
	border: none;
	padding: 20px 30px;
	font-size: 30px;
	font-weight: 600;
	border-radius: 50px;
	box-shadow: 0 8px 24px rgba(79, 63, 240, 0.3);
	text-transform: uppercase;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.amazon-performance-dsp .btn-primary {
	  font-size: 14px;
	  padding: 13px 20px;
	}
	.trusted-logo h5 {
	  color: #000 !important;
	  margin-top: 25px !important;
	  font-size: 23px !important;
	}
  }
  /*  */
  .trusted-logo {
	background-color: #f8f9fa;
  }
  
  .trusted-logo h5 {
	font-size: 1.25rem;
	color: #000 !important;
  }
  
  .grayscale-logo {
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s ease;
	max-height: 115px;
	object-fit: contain;
  }
  
  .grayscale-logo:hover {
	filter: grayscale(0%);
	opacity: 1;
  }
  
  /*  */
  .banner-dsp-sec-outstarmart {
	/* background: linear-gradient(to right, #f7f8fc, #edf2fb); */
	background: url("../images/bg-final.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	text-align: center;
	padding: 50px 20px;
  }
  
  .banner-dsp-sec-outstarmart .container {
	max-width: 100%;
	margin: 0 auto;
  }
  
  .banner-dsp-sec-outstarmart h1 {
	font-size: 64px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.3;
  }
  
  .banner-dsp-sec-outstarmart h1 span {
	color: #3e2ef4; /* Bright blue-violet */
	font-weight: bolder;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.banner-dsp-sec-outstarmart h1 {
	  font-size: 35px;
	  line-height: 38px;
	  text-align: center;
	}
	.banner-dsp-sec-outstarmart {
	  padding: 20px 0px;
	  margin-top: -1px;
	}
	.banner-dsp-sec-outstarmart .subtitle {
	  font-size: 13px !important;
	}
	.banner-dsp-sec-outstarmart .subtitle strong {
	  font-size: 20px !important;
	}
  }
  .banner-dsp-sec-outstarmart .subtitle {
	font-size: 24px;
	color: #000;
	font-weight: 600;
	margin-bottom: 30px;
  }
  
  .banner-dsp-sec-outstarmart .subtitle strong {
	display: block;
	font-weight: 700;
	color: #000;
	font-size: 28px;
  }
  
  .banner-dsp-sec-outstarmart .cta-button {
	display: inline-block;
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: #fff;
	font-weight: 700;
	padding: 20px 32px;
	border-radius: 50px;
	font-size: 30px;
	text-decoration: none;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
  }
  
  .banner-dsp-sec-outstarmart .cta-button img {
	width: 30px;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.banner-dsp-sec-outstarmart .cta-button {
	  font-size: 12px;
	  padding: 12px 15px;
	}
	.banner-sec-dsp-done {
	  padding: 0px !important;
	}
  
	.banner-dsp-sec-outstarmart .cta-button img {
	  width: 24px;
	  margin-top: -5px;
	}
  }
  /*  */
  .banner-sec-dsp-done {
	/* background: linear-gradient(to right, #f7f8fc, #edf2fb); */
	text-align: center;
	padding: 0px 20px;
	position: relative;
  }
  
  .banner-sec-dsp-done .image-wrapper {
	position: relative;
	display: inline-block;
  }
  
  .banner-sec-dsp-done .main-dashboard {
	max-width: 100%;
	height: auto;
  }
  
  .banner-sec-dsp-done .badge-free-dsp {
	position: absolute;
	bottom: -5%;
	right: 12%;
	width: 182px;
  }
  
  .banner-sec-dsp-done .badge-mds {
	position: absolute;
	bottom: 5%;
	right: 18%;
	width: 167px;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.banner-sec-dsp-done .badge-free-dsp {
	  width: 119px;
	  right: -3%;
	  bottom: -39%;
	}
  
	.banner-sec-dsp-done .badge-mds {
	  width: 101px;
	  right: 14%;
	  bottom: -12%;
	}
  }
  /*  */
  .special-offer-mds-new {
	text-align: center;
	padding: 60px 20px;
	font-family: "Inter", sans-serif;
  }
  
  .special-offer-mds-new .offer-heading {
	margin-bottom: 40px;
  }
  
  .special-offer-mds-new .mds-logo {
	height: 50px;
	vertical-align: middle;
  }
  
  .special-offer-mds-new h2 {
	font-size: 50px;
	font-weight: 700;
	color: #111;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.special-offer-mds-new {
	  text-align: center;
	  padding: 10px 20px 0px;
	}
  
	.special-offer-mds-new h2 {
	  font-size: 42px;
	}
  }
  .special-offer-mds-new .pricing-boxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	margin-bottom: 40px;
  }
  
  .special-offer-mds-new .price-card {
	background: #3e2ef4;
	color: #fff;
	border-radius: 20px;
	padding: 30px 20px;
	width: 230px;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
	transition: all 0.3s ease;
	text-align: left;
  }
  
  .special-offer-mds-new .price-card h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
  }
  .special-offer-mds-new .price-card h5 {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #fff;
  }
  
  .special-offer-mds-new .price-card .price {
	font-size: 28px;
	font-weight: 700;
  }
  
  .special-offer-mds-new .price-card .amount {
	display: inline-block;
	font-family: "Outfit-Light" !important;
  }
  
  .special-offer-mds-new .price-card small {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	background: #22c55e;
	width: fit-content;
	padding: 0px 8px;
	border-radius: 50px;
  }
  .special-offer-mds-new .price-card .new {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	color: #000;
	font-weight: 400;
	background: none;
	width: fit-content;
	padding: 0px 8px;
	border-radius: 50px;
	opacity: 0.8;
  }
  
  .special-offer-mds-new .price-card.monthly {
	background: #ffffff;
	box-shadow: 0px 30px 50px 0px #00000030;
	color: #000;
	text-align: left;
  }
  
  .special-offer-mds-new .cta-button {
	display: inline-block;
	background: linear-gradient(90deg, #cc2ef4 0%, #3e2ef4 100%);
	color: #fff;
	font-weight: 700;
	padding: 20px 50px;
	border-radius: 50px;
	text-decoration: none;
	font-size: 30px;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
  }
  .special-offer-mds-new .cta-button img {
	width: 30px;
  }
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.special-offer-mds-new .cta-button {
	  font-size: 17px;
	  padding: 16px 45px;
	}
  
	.special-offer-mds-new .cta-button img {
	  width: 24px;
	  margin-top: -5px;
	}
  }
  /* .special-offer-mds-new .cta-button:hover {
		  background: linear-gradient(90deg, #8B5CF6, #F43F5E);
		} */
  
  /* Mobile Responsive */
  @media (max-width: 767px) {
	.special-offer-mds-new .pricing-boxes {
	  flex-direction: column;
	  align-items: center;
	}
  
	.special-offer-mds-new .price-card {
	  width: 100%;
	  max-width: 300px;
	}
	.hector-dsp-points-done {
	  padding: 25px 20px !important;
	}
  }
  /*  */
  .hector-dsp-points-done {
	padding: 60px 20px;
	text-align: center;
	background: #3e2ef4;
	margin-top: 50px;
  }
  
  .hector-dsp-points-done h2 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 60px;
	line-height: 1.3;
  }
  
  .points-wrapper {
	max-width: 950px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
  }
  
  .points-row {
	display: flex;
	gap: 20px;
	justify-content: center;
	/* flex-wrap: wrap; */
  }
  
  .point-item {
	background: #ffffff;
	color: #2c00ef;
	display: flex;
	text-align: left;
	align-items: center;
	border-radius: 50px;
	padding: 14px 30px;
	font-size: 20px;
	font-weight: 600;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	min-height: 64px;
	white-space: nowrap;
  }
  .points-row-2 {
	display: flex;
	gap: 7px;
	justify-content: center;
	margin-left: -150px;
	/* flex-wrap: wrap; */
  }
  
  .point-icon {
	width: 36px;
	height: 36px;
	background: #f2f2f2;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
  }
  
  .point-icon img {
	width: 30px;
	height: 30px;
  }
  
  .claim-offer {
	margin-top: 60px;
  }
  
  .claim-offer-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(90deg, #cc2ef4 0%, #437cef 100%);
	color: #ffffff;
	padding: 20px 36px;
	border: none;
	border-radius: 50px;
	font-size: 30px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	transition: 0.3s ease;
	box-shadow: 0px 4px 50px 0px #3e2ef480;
  }
  
  .claim-offer-btn:hover {
	transform: translateY(-2px);
  }
  
  .claim-offer-btn img {
	width: 24px;
	height: 24px;
  }
  
  .hr-sec {
	margin-top: 70px;
  }
  /* Tablet */
  @media (max-width: 767px) {
	.hector-dsp-points-done h2 {
	  font-size: 35px;
	  line-height: 40px;
	  margin-bottom: 40px;
	}
	.hector-section h2 {
	  margin-bottom: 10px;
	}
  
	.points-wrapper {
	  padding: 0 5px;
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	}
  
	.points-row,
	.points-row-2 {
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	  width: 100%;
	  margin-left: 0px;
	}
  
	.point-item {
	  display: flex;
	  align-items: center;
	  background: #fff;
	  border-radius: 40px;
	  padding: 12px 16px;
	  width: 100%;
	  box-sizing: border-box;
	  font-size: 14px;
	  line-height: 20px;
	  font-weight: 500;
	  color: #333;
	  white-space: normal;
	}
  
	.point-icon {
	  margin-right: 5px;
	  min-width: 32px;
	  min-height: 32px;
	  background: #f5f5f5;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
  
	.point-icon img {
	  width: 20px;
	  height: 20px;
	  object-fit: contain;
	}
  
	.claim-offer {
	  margin-top: 40px;
	  text-align: center;
	}
  
	.claim-offer-btn {
	  font-size: 17px;
	  padding: 16px 26px;
	  justify-content: center;
	}
  
	.hr-sec {
	  margin-top: 20px;
	}
  }
  /*  */
  .access-dsp-hector {
	display: flex;
	align-items: center;
	background: #f5f5f5; /* Light gray background */
	border-radius: 999px; /* Pill shape */
	padding: 8px 16px;
	font-size: 16px;
	color: #333;
	max-width: fit-content;
  }
  
  .access-dsp-hector .icon-wrapper {
	background: #fff;
	border-radius: 50%;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	font-size: 18px;
  }
  
  .arrow-mob-down {
	display: none;
  }
  .trusted-logo h5 {
	font-size: 40px !important;
  }
  @media screen and (max-width: 767px) {
	.arrow-mob-down {
	  display: block;
	  width: 16%;
	  position: relative;
	  top: -24px;
	  right: -79%;
	}
	.trusted-logo h5 {
	  font-size: 20px !important;
	}
	.banner-dsp-sec-outstarmart .subtitle {
	  font-size: 13px !important;
	  margin-bottom: 20px !important;
	  line-height: 15px;
	}
	.mobile-only-images img {
	  width: 90%;
	  height: auto;
	}
	.graph-img {
	  position: relative;
	  top: -3.5em;
	}
	.amazon-performance-dsp p {
	  font-size: 18px !important;
	  margin: 0 0 20px !important;
	}
	.rule-section {
	  margin: 0 15px;
	}
	.pro-with-rule-dsp .container {
	  max-width: none;
	}
	.pro-with-rule-dsp h2,
	.amazon-performance-dsp h2 {
	  font-size: 30px;
	}
	.pro-with-rule-dsp .text-block a {
	  display: flex;
	  justify-content: center;
	}
	.pro-with-rule-dsp .btn-primary {
	  margin-bottom: 10px;
	}
	.desk-text {
	  display: none;
	}
	.automation-before-after-dsp {
	  flex-direction: column;
	  padding: 0 20px;
	}
	.pro-with-rule-dsp {
	  padding: 25px;
	}
	.dsp-unlock-higher-conversions .access-dsp-hector {
	  margin: 25px auto;
	  font-size: 12px;
	  line-height: 18px;
	}
	.access-dsp-hector .icon-wrapper {
	  padding: 0;
	}
	.dsp-unlock-higher-conversions h2 {
	  font-size: 25px;
	  line-height: 34px;
	}
	.essential-tools-header h2 {
	  font-size: 30px;
	  line-height: 34px;
	}
	.essential-tools-header {
	  padding-left: 0;
	}
	.essential-tools-header h2,
	.essential-tools-header p {
	  text-align: center;
	}
	.card {
	  box-shadow: none;
	}
	.amazon-performance-dsp .btn-primary,
	.pro-with-rule-dsp .btn-primary,
	.dsp-unlock-higher-conversions .start-button,
	.essential-tools-cta a,
	.claim-offer-btn,
	.cta-button {
	  font-size: 12px;
	  padding: 15px 20px;
	}
	.point-item {
	  margin-bottom: 15px;
	}
	.text-with-arrow {
	  /* position: relative;
	  display: inline-block;  */
	  position: relative;
	  display: flex;
	  text-align: center;
	  flex-direction: column;
	}
  
	.arrow-mob-left {
	  position: absolute;
	  width: 16%;
	  transform: rotateY(180deg);
	  top: 45%;
	  left: 12%;
	  transform: translate(-50%, -50%) rotateY(180deg);
	}
	.arrow-mob-right {
        position: absolute;
        width: 16%;
        transform: rotateY(180deg);
        top: -11%;
        left: 8%;
        transform: translate(-50%, -50%) rotateY(180deg);
    }
  }
  @media screen and (max-width: 700px) {
	.arrow-mob-left {
	  position: absolute;
	  width: 16%;
	  transform: rotateY(180deg);
	  top: 45%;
	  left: 9%;
	  transform: translate(-50%, -50%) rotateY(180deg);
	}
	.arrow-mob-right {
	  position: absolute;
	  width: 12%;
	  transform: rotateY(180deg);
	  top: -11%;
	  left: 4%;
	  transform: translate(-50%, -50%) rotateY(180deg);
	}
  }
  @media screen and (max-width: 550px) {
	.arrow-mob-left {
	  position: absolute;
	  width: 16%;
	  transform: rotateY(180deg);
	  top: 36%;
	  left: 3%;
	  transform: translate(-50%, -50%) rotateY(180deg);
	}
	.arrow-mob-right {
	  position: absolute;
	  width: 13%;
		transform: rotateY(180deg);
		top: -11%;
		left: 4%;
	  transform: translate(-50%, -50%) rotateY(180deg);
	}
  }
  @media screen and (min-width: 920px) {
	.center-card {
	  grid-column: 1 / -1;
	  max-width: 350px;
	  margin: 0 auto;
	}
  }
  @media screen and (min-width: 767.5px) {
	.trusted-logo {
	  margin: 0px 0 20px;
	}
	.mob-text {
	  display: none;
	}
	.faq {
	  margin-top: -3px;
	}
	.arrow-mob-left,
	.arrow-mob-right {
	  display: none;
	}
  }
  @media (min-width: 767.5px) and (max-width: 850px) {
	.pro-with-rule-dsp {
	  max-width: 700px;
	  margin: 50px auto 0;
	}
	.pro-with-rule-dsp .arrow {
	  position: absolute;
	  top: 82%;
	  left: 38%;
	  width: 110px;
	}
	.automation-before-after-dsp {
	  max-width: 700px;
	}
	.arrow-img {
	  position: absolute;
	  top: -136px;
	  left: 67%;
	  width: 135px;
	}
	.essential-tools-header p {
	  font-size: 20px;
	}
	.point-text {
	  white-space: normal;
	  word-wrap: break-word;
	  flex-grow: 1;
	  font-size: 14px;
	  line-height: 23px;
	}
  }
  @media (min-width: 851px) and (max-width: 991px) {
	.pro-with-rule-dsp {
	  max-width: 800px;
	  margin: 50px auto 0;
	}
	.pro-with-rule-dsp .arrow {
	  position: absolute;
	  top: 76%;
	  left: 35%;
	  width: 125px;
	}
	.automation-before-after-dsp {
	  max-width: 750px;
	}
	.arrow-img {
	  position: absolute;
	  top: -139px;
	  left: 62%;
	  width: 135px;
	}
	.essential-tools-header p {
	  font-size: 20px;
	}
	.point-text {
	  white-space: normal;
	  word-wrap: break-word;
	  flex-grow: 1;
	  font-size: 14px;
	  line-height: 23px;
	}
	.arrow-icon {
	  position: absolute;
	  bottom: -172px;
	  right: 61px;
	  width: 85px;
	  z-index: 1;
	}
  }
  @media (min-width: 767.5px) and (max-width: 991px) {
	.banner-dsp-sec-outstarmart h1 {
	  font-size: 45px;
	  line-height: 52px;
	  text-align: center;
	}
	.banner-dsp-sec-outstarmart {
	  padding: 30px 0px;
	}
	.banner-dsp-sec-outstarmart .subtitle {
	  font-size: 20px !important;
	}
	.banner-dsp-sec-outstarmart .subtitle strong {
	  font-size: 28px !important;
	}
	.banner-dsp-sec-outstarmart .cta-button,
	.amazon-performance-dsp .btn-primary,
	.pro-with-rule-dsp .btn-primary,
	.dsp-unlock-higher-conversions .start-button,
	.essential-tools-cta a,
	.claim-offer-btn {
	  font-size: 20px;
	  padding: 15px 25px;
	}
	.banner-sec-dsp-done {
	  padding: 0px !important;
	}
  
	.banner-dsp-sec-outstarmart .cta-button img {
	  width: 25px;
	  vertical-align: bottom;
	}
	.trusted-logo h5 {
	  font-size: 25px !important;
	}
	.amazon-performance-dsp h2,
	.dsp-unlock-higher-conversions h2,
	.essential-tools-header h2,
	.hector-dsp-points-done h2 {
	  font-size: 40px;
	  margin-bottom: 30px;
	  line-height: 45px;
	}
	.amazon-performance-dsp p {
	  margin-top: 10px;
	  margin-bottom: 25px;
	}
	.pro-with-rule-dsp h2,
	.section-heading {
	  font-size: 35px;
	  margin-bottom: 15px;
	}
	.automation-before-after-dsp {
	  padding: 25px 0 10px;
	}
	.automation-before-after-dsp .before {
	  position: relative;
	  left: 0px;
	  top: 0px;
	  padding: 0;
	}
	.automation-before-after-dsp h2,
	.automation-before-after-dsp .after h2 {
	  font-size: 23px;
	  padding: 15px 25px;
	  margin-bottom: 20px;
	}
	.automation-before-after-dsp li p {
	  font-size: 15px;
	}
	.automation-before-after-dsp .after {
	  padding: 0;
	}
	.automation-before-after-dsp::before {
	  top: 50%;
	  left: 45%;
	  width: 260px;
	  height: 20px;
	}
	.dsp-unlock-higher-conversions {
	  padding: 40px 20px;
	}
	.dsp-unlock-higher-conversions .image-container img {
	  border-radius: 0;
	}
	.dsp-unlock-higher-conversions .features {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(200px, 1fr));
	  gap: 20px 40px;
	  justify-items: center;
	  align-items: center;
	  max-width: 550px;
	  margin: -221px auto 20px;
	  position: relative;
	  z-index: 2;
	}
	.dsp-unlock-higher-conversions .feature img {
	  width: 22px;
	  height: 22px;
	}
	.feature span {
	  color: #000;
	  font-size: 14px;
	}
  
	.dsp-unlock-higher-conversions .access-dsp-hector {
	  padding: 8px 15px;
	  margin-top: -5px;
	  margin-left: 50px;
	}
	.access-dsp-hector span {
	  font-size: 14px;
	}
	.dashboard-img {
	  width: 85%;
	}
	.card-overlay img {
	  width: 240px;
	}
	.hector-dsp-points-done {
	  padding: 40px 20px;
	  text-align: center;
	  background: #3e2ef4;
	  margin-top: 40px;
	}
	.hr-sec {
	  margin-top: 45px;
	}
	.claim-offer {
	  margin-top: 40px;
	}
  
	.arrow-icon {
	  position: absolute;
	  bottom: -124px;
	  right: -20px;
	  width: 85px;
	  z-index: 1;
	}
	.site-logo {
	  display: flex;
	  justify-content: center;
	}
  }
  @media (min-width: 991.5px) and (max-width: 1199px) {
	.banner-dsp-sec-outstarmart h1 {
	  font-size: 50px;
	  line-height: 58px;
	}
	.banner-dsp-sec-outstarmart {
	  padding: 40px 0px;
	}
	.banner-dsp-sec-outstarmart .subtitle {
	  font-size: 24px !important;
	}
	.banner-dsp-sec-outstarmart .subtitle strong {
	  font-size: 28px !important;
	}
	.banner-dsp-sec-outstarmart .cta-button,
	.amazon-performance-dsp .btn-primary,
	.pro-with-rule-dsp .btn-primary,
	.dsp-unlock-higher-conversions .start-button,
	.essential-tools-cta a,
	.claim-offer-btn {
	  font-size: 25px;
	  padding: 20px 30px;
	}
	.cta-button {
	  font-size: 20px;
	  padding: 20px 30px;
	}
	.banner-sec-dsp-done {
	  padding: 0px !important;
	}
  
	.banner-dsp-sec-outstarmart .cta-button img {
	  width: 28px;
	  vertical-align: bottom;
	}
	.banner-sec-dsp-done .main-dashboard {
	  max-width: 90%;
	  height: auto;
	}
	.trusted-logo h5 {
	  font-size: 35px !important;
	}
	.amazon-performance-dsp h2,
	.section-heading {
	  font-size: 45px;
	  margin-bottom: 30px;
	}
	.amazon-performance-dsp p {
	  margin-top: 10px;
	  margin-bottom: 25px;
	}
	.pro-with-rule-dsp h2,
	.dsp-unlock-higher-conversions h2,
	.hector-dsp-points-done h2 {
	  font-size: 45px;
	  margin-bottom: 20px;
	}
	.essential-tools-header h2 {
	  font-size: 45px;
	  margin-bottom: 30px;
	}
	.pro-with-rule-dsp {
	  max-width: 950px;
	  margin: 50px auto 0;
	  padding: 40px 20px;
	}
	.pro-with-rule-dsp .arrow {
	  position: absolute;
	  top: 76%;
	  left: 35%;
	  width: 145px;
	}
	.automation-before-after-dsp .before {
	  position: relative;
	  left: 50px;
	  top: 0px;
	  padding: 0;
	}
	.automation-before-after-dsp h2,
	.automation-before-after-dsp .after h2 {
	  font-size: 30px;
	  padding: 15px 25px;
	  margin-bottom: 25px;
	}
	.automation-before-after-dsp li p {
	  font-size: 18px;
	}
	.automation-before-after-dsp .after {
	  padding: 0;
	}
	.automation-before-after-dsp::before {
	  top: 50%;
	  left: 45%;
	  width: 260px;
	  height: 20px;
	}
	.dsp-unlock-higher-conversions {
	  padding: 40px 20px;
	}
	.dsp-unlock-higher-conversions .image-container img {
	  border-radius: 0;
	}
	.dsp-unlock-higher-conversions .features {
	  display: grid;
	  grid-template-columns: repeat(2, minmax(200px, 1fr));
	  gap: 30px 50px;
	  justify-items: center;
	  align-items: center;
	  max-width: 800px;
	  margin: -230px auto 20px;
	  position: relative;
	  z-index: 2;
	}
	.dsp-unlock-higher-conversions .feature img {
	  width: 22px;
	  height: 22px;
	}
	.feature span {
	  color: #000;
	  font-size: 17px;
	}
  
	.dsp-unlock-higher-conversions .access-dsp-hector {
	  padding: 8px 15px;
	  margin-top: -5px;
	  margin-left: 50px;
	}
	.access-dsp-hector span {
	  font-size: 16px;
	}
	.arrow-img {
	  position: absolute;
	  top: -144px;
	  left: 57%;
	  width: 150px;
	}
	.dashboard-img {
	  width: 90%;
	}
	.card-overlay img {
	  width: 270px;
	}
	.point-text {
	  white-space: normal;
	  word-wrap: break-word;
	  flex-grow: 1;
	  font-size: 16px;
	  line-height: 23px;
	}
	.hector-dsp-points-done {
	  padding: 45px 20px;
	  margin-top: 40px;
	}
	.hr-sec {
	  margin-top: 50px;
	}
	.claim-offer {
	  margin-top: 45px;
	}
	.arrow-icon {
	  position: absolute;
	  bottom: 0;
	  right: -31px;
	  width: 95px;
	  z-index: 1;
	  top: 25em;
	}
  }
  .hector-section {
	margin-top: -3px;
  }
  @media (min-width: 768px) and (max-width: 1199px) {
	.point-item {
	  width: 100%;
	}
	.points-row-2 {
	  margin-left: 0;
	  gap: 20px;
	}
	.question button i {
	  font-size: 30px;
	}
	.hector-section {
	  margin-top: -3px;
	}
  }