@import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Margarine&family=Montserrat:wght@400;500;600;700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');

:root {

  --color1: #FF5711;

  --color2: #AB4AD4;

  --color3: #3EC91B;

  --color4: #051c02;

  --color5: #006ce5;

  --clr-neutral-900: hsl(0, 0%, 0%);

  --clr-neutral-850: #333333;

  --clr-neutral-800: #424242;

  --clr-neutral-600: #6d6d6d;

  --clr-neutral-400: #BCBEC0;

  --clr-neutral-200: #F2F2F2;

  --clr-neutral-150: #fafafa;

  --clr-neutral-100: hsl(0 0% 100%);

  --ff-font1: "Amatic SC", cursive;

  --ff-font2: "Margarine", cursive;

  --ff-font3: "Montserrat", sans-serif;

  --ff-body: var(--ff-font3);

  --ff-heading: var(--ff-font2);

  --fw-regular: 400;

  --fw-medium: 500;

  --fw-semi-bold: 600;

  --fw-bold: 700;

  --fs-200: 10px;

  --fs-300: 12px;

  --fs-400: 14px;

  --fs-500: 16px;

  --fs-600: 18px;

  --fs-700: 20px;

  --fs-800: 60px;

  --fs-900: 70px;

  --fs-body: var(--fs-400);

  --fs-primary-heading: var(--fs-700);

  --fs-secondary-heading: var(--fs-600);

  --fs-nav: var(--fs-500);

  --fs-button: var(--fs-300);

  --size-100: 0.25rem;

  --size-200: 0.5rem;

  --size-300: 0.75rem;

  --size-400: 1rem;

  --size-500: 1.5rem;

  --size-600: 2rem;

  --size-700: 3rem;

  --size-800: 4rem;

  --size-900: 5rem;

}



@media (min-width: 50em) {

  :root {

    --fs-body: var(--fs-500);

    --fs-primary-heading: var(--fs-700);

    --fs-secondary-heading: var(--fs-650);

    --fs-nav: var(--fs-300);

  }

}

/* Box sizing rules */

*,

*::before,

*::after {

  box-sizing: border-box;

}



/* Remove default margin */

* {

  margin: 0;

  padding: 0;

  font: inherit;

}



/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul[role=list],

ol[role=list] {

  list-style: none;

}



/* Set core root defaults */

html:focus-within {

  scroll-behavior: smooth;

}



html,

body {

  overflow-x: hidden;

  scroll-behavior: smooth;

}



[id] {

  scroll-margin-top: 100px;

}



/* Set core body defaults */

body {

  text-rendering: optimizeSpeed;

  line-height: 1.5;

}



/* A elements that don't have a class get default styles */

a:not([class]) {

  -webkit-text-decoration-skip: ink;

          text-decoration-skip-ink: auto;

}



/* Make images easier to work with */

img,

picture,

svg {

  max-width: 100%;

  display: block;

}



/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */

@media (prefers-reduced-motion: reduce) {

  html:focus-within {

    scroll-behavior: auto;

  }

  *,

  *::before,

  *::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;

  }

}

/* general styling */

body {

  font-size: var(--fs-body);

  font-family: var(--ff-body);

  color: var(--clr-neutral-800);

}



p {

  position: relative;

  margin-top: 0;

  font-size: 16px;

	line-height: 2;

  font-family: var(--ff-body);

  font-weight: 400;

  color: var(--clr-neutral-800);

}



h1, h2, h3, h4, h5 {

  font-family: var(--ff-primary);

  line-height: 1.2;

}



/* Utility classes */

section {

  position: relative;

}

section[bg=none] {

  background: transparent !important;

}



.container {

  position: relative;

  --max-width: 1150px;

  --container-padding: 1rem;

  width: min(var(--max-width), 100% - var(--container-padding) * 2);

  margin-inline: auto;

}



.even-columns {

  display: grid;

  grid-auto-flow: column;

  grid-auto-columns: 1fr;

  gap: 2rem;

}



.vertical-align-center {

  align-items: center;

}



.vertical-align-top {

  align-items: flex-start;

}



.justify-content-center {

  justify-content: center;

}



.justify-content-spacebetween {

  justify-content: space-between;

}



.justify-self-end {

  justify-self: end;

}



@media (min-width: 50em) {

  .justify-self-end-md {

    justify-self: end;

  }

}

:where(.flow :not(:first-child)) {

  margin-top: var(--flow-spacer, 3em);

}



.text-justify {

  text-align: justify;

}



.text-center {

  text-align: center;

}



.text-center p {

  margin-inline: auto;

}



@media (max-width: 50em) {

  .text-center-sm-only {

    text-align: center;

  }

  .text-center-sm-only p {

    margin-inline: auto;

  }

}

.text-color1 {

  color: var(--color1);

}



.text-color2 {

  color: var(--color2);

}



.text-color3 {

  color: var(--color3);

}



.text-color4 {

  color: var(--color4);

}



.text-neutral-100 {

  color: var(--clr-neutral-100) !important;

}



.text-neutral-600 {

  color: var(--clr-neutral-600);

}



.text-neutral-800 {

  color: var(--clr-neutral-800);

}



.text-neutral-900 {

  color: var(--clr-neutral-900) !important;

}



.bg-color1 {

  background-color: var(--color1);

}



.bg-neutral-100 {

  background-color: var(--clr-neutral-100);

}



.bg-neutral-150 {

  background-color: var(--clr-neutral-150);

}



.bg-neutral-200 {

  background-color: var(--clr-neutral-200);

}



.bg-neutral-600 {

  background-color: var(--clr-neutral-600);

}



.bg-neutral-850 {

  background-color: var(--clr-neutral-850);

}



.bg-neutral-800 {

  background-color: var(--clr-neutral-800);

}



.bg-neutral-900 {

  background-color: var(--clr-neutral-900);

}



.fw-bold {

  font-weight: var(--fw-bold);

}



.fw-medium {

  font-weight: var(--fw-medium);

}



.fw-semi-bold {

  font-weight: var(--fw-semi-bold);

}



.fw-regular {

  font-weight: var(--fw-regular);

}



.fs-primary-heading {

  font-size: var(--fs-primary-heading);

  line-height: 1.5;

}



.fs-secondary-heading {

  font-size: var(--fs-secondary-heading);

  line-height: 1.5;

}



.fs-200 {

  font-size: var(--fs-200);

}



.fs-300 {

  font-size: var(--fs-300);

}



.fs-400 {

  font-size: var(--fs-400);

}



.fs-600 {

  font-size: var(--fs-600);

}



.fs-650 {

  font-size: var(--fs-650);

}



.fs-700 {

  font-size: var(--fs-700);

}



.fs-800 {

  font-size: var(--fs-800);

}



.fs-900 {

  font-size: var(--fs-900);

}



.h-100 {

  height: 100vh !important;

}



.text-uppercase {

  text-transform: uppercase;

}



.text-normal {

  text-transform: none !important;

}



@media (min-width: 50em) {

  .display-md-inline-flex {

    display: inline-flex;

  }

}

.padding-block-900 {

  padding: var(--size-900) 0;

}



.padding-block-500 {

  padding: var(--size-500) 0;

}



.padding-bottom-900 {

  padding-bottom: var(--size-900);

}



.padding-top-0 {

  padding-top: 0 !important;

}



.margin-top-0 {

  margin-top: 0 !important;

}



.margin-top-900 {

  margin-top: var(--size-900);

}



.margin-top-700 {

  margin-top: var(--size-700);

}



.margin-top-600 {

  margin-top: var(--size-600);

}



.margin-top-500 {

  margin-top: var(--size-500);

}



.heading1 {

  position: relative;

  font-size: 48px;

  font-family: var(--ff-heading);

  color: var(--color2);

}

.heading2 {

  padding-bottom: 40px;

  position: relative;

  font-size: 40px;

  font-family: var(--ff-heading);

  color: var(--clr-neutral-800);

}

.heading2:after{

	position: absolute;

	content: '';

	background: url("../images/shapes/under-line.svg");

	background-repeat: no-repeat;

	width: 200px;

	height: 18px;

	bottom: 20px;

	left: 0;

}

.heading3 {

	text-align: center;

  padding-bottom: 40px;

  position: r/**/elative;

  font-size: 40px;

  font-family: var(--ff-heading);

  color: var(--clr-neutral-800);

}

.heading3:before{

	position: absolute;

	content: '';

	background: url("../images/shapes/under-line.svg");

	background-repeat: no-repeat;

	width: 200px;

	height: 18px;

	bottom: 20px;

	

}



img.vbox-figlio {

  margin: auto;

}



.circleImage {

  position: relative;

  width: 400px;

  height: 400px;

  margin: auto;

  z-index: 2;

}

.circleImage img {

  position: relative;

  display: block;

  border-radius: 50%;

  z-index: 3;

}

.circleImage::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  background: #2ED6FF;

  animation: movement1 7s linear infinite;

  z-index: 2;

  opacity: 0.2;

}

.circleImage::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 50%;

  left: 50%;

  top: 50%;

  background: #FF5711;

  animation: movement2 7s linear infinite;

  z-index: 1;

  opacity: 0.2;

}

@keyframes movement1 {

  0% {

    transform: translate(-50%, -50%) skew(16deg, -5deg);

  }

  50% {

    transform: translate(-50%, -50%) skew(30deg, -5deg);

  }

  100% {

    transform: translate(-50%, -50%) skew(16deg, -5deg);

  }

}

@keyframes movement2 {

  0% {

    transform: translate(-50%, -50%) skew(-10deg, -5deg);

  }

  50% {

    transform: translate(-50%, -50%) skew(-10deg, 20deg);

  }

  100% {

    transform: translate(-50%, -50%) skew(-10deg, -5deg);

  }

}



.navbar {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99;

}



#header.scrollHead {

  background-color: var(--color3) !important;

}

#header.scrollHead .brand {

  padding: 10px 0;

}

#header.scrollHead .brand img {

  width: 50px;

}



.navbar, .buttons {

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 1em;

}



.brand {

  padding: 10px 0;

}

.brand img {

  width: 90px;

  transition: 0.3s;

}



.brand:hover {

  font-weight: bolder;

  color: #428aff;

}



button {

  border: none;

  transition: 0.3s;

  cursor: pointer;

}



.btn {

  font-size: 1.1em;

  background: #428aff;

  padding: 0.5em 1.3em;

  border-radius: 16px;

  color: #fff;

}



.btn:hover {

  background: #3877db;

}



.menu-btn {

  margin-left: 1em;

  background: none;

  display: inline-block;

}



.menu-btn span {

  font-size: 2.3em;

}



.dropdown > div, .sub-dropdown > div, .nodropdown > div {

  cursor: pointer;

  font-weight: 500 !important;

  font-size: 18px;

}



.dropdown .menu a:hover, .nodropdown .menu a:hover {

  color: #63793B;

}



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

  .navbar {

    padding: 0 1.5em;

  }

  .dropdown > div {

    padding: 1.5em 1em;

  }

  .nodropdown > div a {

    font-family: var(--ff-font2);

    padding: 0 1em;

    display: block;

    text-decoration: none;

    color: var(--clr-neutral-100);

  }

  .mega-menu {

    display: flex;

    justify-content: center;

    list-style: none;

    margin: 0;

    padding: 0;

  }

  .menu-btn {

    display: none;

  }

  .menu {

    background: #fff;

    position: absolute;

    top: 6.65em;

    left: 0;

    width: 100%;

    padding: 0 2em;

    overflow-y: scroll;

    transition: 0.4s ease-in-out;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    gap: 2em;

  }

  .sub-dropdown > div span:first-child {

    font-weight: bold;

  }

  .dropdown:hover > div a, .nodropdown:hover > div a, .activeNav a {

    color: #F4BB27 !important;

  }

  .dropdown li {

    margin-bottom: 1em;

    border-right: 1px solid #ccc;

    padding-right: 30px;

  }

  .dropdown li:last-child {

    border-right: 0;

    padding-right: 0;

  }

  .dropdown li a {

    display: block;

    padding: 7px 0;

    border-bottom: 1px solid #ccc;

    font-weight: 500;

  }

  .dropdown > div span:last-child,

  .sub-dropdown > div {

    display: none;

  }

  /* Width */

  .menu::-webkit-scrollbar {

    width: 8px;

  }

  /* Track */

  .menu::-webkit-scrollbar-track {

    background: #f1f1f1;

  }

  /* Handle */

  .menu::-webkit-scrollbar-thumb {

    background: #888;

  }

  /* Handle on hover */

  .menu::-webkit-scrollbar-thumb:hover {

    background: #63793B;

  }

  /* Hide menu */

  .menu {

    height: 0;

    list-style: none;

  }

  .dropdown:hover .menu {

    height: 250px;

    padding: 2em;

  }

}

/* Responsive Design */

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

  .navbar {

    padding: 1em 1.5em;

  }

  .menu-container {

    background: #fff;

    position: absolute;

    top: 8.4em;

    left: 0;

    width: 100%;

    overflow-y: hidden;

    transition: 0.3s ease-in-out;

  }

  /* Width */

  .mega-menu::-webkit-scrollbar {

    width: 8px;

  }

  /* Track */

  .mega-menu::-webkit-scrollbar-track {

    background: #f1f1f1;

  }

  /* Handle */

  .mega-menu::-webkit-scrollbar-thumb {

    background: #888;

  }

  /* Handle on hover */

  .mega-menu::-webkit-scrollbar-thumb:hover {

    background: #63793B;

  }

  .mega-menu {

    padding: 0 1em 1em 1em;

    height: 100%;

    list-style: none;

    overflow-y: scroll;

  }

  .mega-menu li {

    font-weight: bold;

    font-size: 1.1em;

  }

  .mega-menu li > div {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 0.5em;

  }

  .nodropdown > div a {

    color: var(--clr-neutral-850);

    padding: 0.5em;

    display: block;

    text-decoration: none;

  }

  .menu li {

    padding: 0 1em;

    font-size: 1em;

    font-weight: 400;

  }

  .menu a {

    display: block;

    color: var(--clr-neutral-850);

    margin: 0.8em 0;

  }

  .menu {

    display: none;

    list-style: none;

  }

  /* Toggle class for Javascript */

  .menu-show {

    display: block;

  }

  .material-symbols-outlined {

    transition: 0.3s;

  }

  /* Toggle class for javascript */

  .icon-rotated {

    transform: rotate(90deg);

  }

  .dropdown > div, .sub-dropdown > div {

    cursor: pointer;

    padding: 0.5em;

  }

  .sub-menu {

    font-size: 0.9em;

    display: none;

  }

  /* Toggle class for Javascript */

  .sub-menu-show {

    display: block;

  }

  .dropdown:hover > div, .sub-dropdown:hover > div {

    background: #dbdbdb;

  }

  /* Hide menu */

  .menu-container {

    height: 0;

  }

  /* Toggle class for javascript */

  .mega-menu-show {

    height: 50vh;

  }

}

.btn1 {

  position: relative;

  width: -moz-fit-content;

  width: fit-content;

}

.btn1::before {

  position: absolute;

  content: "";

  width: 90px;

  height: 10px;

  margin-left: 50%;

  transform: translateX(-50%);

  bottom: -5px;

  border-radius: 50%;

  background-color: black;

  z-index: 0;

  filter: blur(0.8rem);

  transition: all 0.3s;

}

.btn1 a {

  position: relative;

  padding: 7px 40px;

  background-color: var(--color1);

  display: flex;

  text-align: center;

  align-items: center;

  text-decoration: none;

  border-radius: 50px;

  width: -moz-fit-content;

  width: fit-content;

  overflow: hidden;

  transition: all 0.3s;

}

.btn1 a::before {

  position: absolute;

  content: "";

  width: 130%;

  height: 100%;

  border-radius: 50px;

  left: -130%;

  background-color: var(--color2);

  transition: all 0.3s;

}

.btn1 a span {

  font-size: 22px;

  font-family: var(--ff-heading);

  color: var(--clr-neutral-100);

  z-index: 1;

}

.btn1 a:hover {

  transform: scale(0.99);

}

.btn1 a:hover::before {

  left: 0;

}

.btn1:hover::before {

  bottom: -3px;

  width: 120px;

  filter: blur(0.3rem);

}



.banner {

  position: relative;

  width: 100%;

  height: 100vh;

  background-color: var(--color1);

  overflow: hidden;

}

.banner video {

  position: absolute;

  width: 124%;

  left: -12%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center;

  transform: scale(1.1);

}

@media (max-width: 50em) {

  .banner {

    height: 85vh;

  }

}

.banner::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  background-color: #C92B1B;

  opacity: 0.3;

  z-index: 2;

}

.banner .bubble {

  position: absolute;

  background-image: url("../images/bubles.svg");

  background-position: bottom center;

  background-repeat: no-repeat;

  padding-top: 130px;

  height: 300px;

  z-index: 3;

  width: 100%;

  bottom: -20px;

}

.banner .bannerLink {

  position: relative;

  top: -20px;

  transition: all 0.5s;

  width: 180px;

  height: 180px;

  text-decoration: none;

}

.banner .bannerLink img {

  position: relative;

  transition: all 0.5s;

}

.banner .bannerLink:hover {

  top: -40px;

}

.banner .bannerLink:hover img {

  transform: scale(0.95);

}

.banner .bannerLink svg {

  position: absolute;

  width: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 2;

}

.banner .bannerLink .svg1 {

  animation: shapeMove 3s linear alternate infinite;

}

.banner .bannerLink .svg3 {

  animation: shapeMove2 3s linear alternate infinite;

}

.banner .bannerLink span {

  position: absolute;

  text-align: center;

  top: 50%;

  left: 50%;

  font-family: var(--ff-heading);

  line-height: 1;

  transform: translate(-50%, -50%);

  font-size: 20px;

  color: #000;

  z-index: 5;

  width: 100%;

}

@media (max-width: 50em) {

  .banner .bannerLink span {

    font-size: 14px;

  }

}

@keyframes shapeMove {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(-30deg);

  }

}

@keyframes shapeMove2 {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(30deg);

  }

}

.banner .circle {

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background-color: #DEC1F6;

  left: 24%;

  margin-top: -20px;

  animation: circleMove 4s linear alternate infinite;

}

.banner .circle2 {

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background-color: #DEC1F6;

  right: 28%;

  margin-top: -20px;

  animation: circleMove 4s 1s linear alternate infinite;

}

.banner .circle3 {

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  background-color: #DEC1F6;

  right: 35%;

  margin-top: -20px;

  animation: circleMove 5s 1s linear alternate infinite;

}

@keyframes circleMove {

  0% {

    transform: scale(1) translateY(0);

  }

  100% {

    transform: scale(1.3) translateY(-20px);

  }

}

.banner h2 {

  position: absolute;

  font-family: var(--ff-font1);

  font-size: 80px;

  max-width: 500px;

  color: #ffffff;

  left: 50%;

  top: 40%;

  z-index: 9;

  text-align: center;

  transform: translate(-50%, -50%);

}

@media (max-width: 50em) {

  .banner h2 {

    font-size: 40px;

  }

}



.about {

  position: relative;

}

.about .girl {

  position: absolute;

  bottom: 200px;

  left: -100px;

  z-index: 8;

}

.about .ele {

  position: absolute;

  width: 150px;

  bottom: -30%;

  transform: translateX(-50%);

  left: 80%;

  z-index: 8;

}



.playSection {

  position: relative;

  background-color: var(--color1);

  margin-top: 200px;

  z-index: 1;

}

.playSection::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 190px;

  background: url("../images/wave1.svg");

  background-repeat: no-repeat;

  background-position: bottom;

  left: 0;

  top: -140px;

}

.playSection::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 49px;

  background: url("../images/wave-orange.svg");

  background-repeat: no-repeat;

  background-position: bottom;

  left: 0;

  bottom: -49px;

  z-index: 2;

}

.playSection .dragon {

  position: absolute;

  width: 200px;

  bottom: 100px;

  left: -100px;

  z-index: 3;

}

.playSection .boy {

  position: absolute;

  width: 200px;

  right: 0;

}



.gallery .venobox {

  display: block;

  position: relative;

  overflow: hidden;

  box-shadow: 0px 22.7741222382px 45.5482444763px 0px rgba(0, 0, 0, 0.25);

  border-radius: 25px;

  transition: 0.3s;

}

.gallery .venobox img {

  width: 100%;

  border-radius: 25px;

}

.gallery .venobox:hover {

  transform: scale(1.1);

}



.planAtrip {

  position: fixed;

  right: -3px;

  top: 30%;

  display: flex;

  z-index: 6;

}

.planAtrip img {

  width: 45px;

  transition: all 0.3s;

}

.planAtrip:hover img {

  transform: scale(0.9);

}



.whatsapp {

  position: fixed;

  right: 10px;

  bottom: 100px;

  display: flex;

  z-index: 7;

}

.whatsapp img{

	width:50px;

}

.whatsapp:hover img {

	transition:all 1s;

  transform: scale(0.9);

}

footer {

  position: relative;

 /* height: 500px;*/

  width: 100%;

  background-image: url("../images/bg/bg-footer.jpg") !important;

  background-position: center bottom;

  background-size: cover !important;

  background-repeat: repeat-x;

	padding-bottom: 0px!important;

}

footer::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 49px;

  background: url("../images/wave2.svg");

  background-repeat: no-repeat;

  background-position: bottom;

  left: 0;

  top: -2px;

}

footer .details {

  position: relative;

  margin: 0 auto;

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

footer .details .logo {

  max-width: 150px;

	margin-bottom: 20px;

}

footer .social {

	

	

  position: relative;

/*  padding-top: 20px;*/

  list-style: none;

  display: flex;

	color: #fff;

 /* margin-top: 25px;*/

}

footer hr{

	border-top:1px solid #fff !important;

}

@media (max-width:345px){

	footer .social {

		display: grid;

	}

	.di{

		display: none;

	}

	footer .social li{

		padding-top: 10px;

	}

}

footer .social li{

	padding-left: 10px;

	

}

footer .social ul:not:first-child{

	padding-left: 10px;

	

}

footer .social li a{

	color: #fff;

	text-decoration: none;

	padding-left: 5px;

}



footer .social img {

  width: 25px;

	float: left;

  filter: brightness(100);

}

footer .social li a:hover{

	color: var(--color1);

	

	

}

footer .social li a:hover img{

	transform: scale(.9);

	transition: all 1s ease-in-out;

	

	

}

footer p {

	

	

  color: #fff !important;

}/*# sourceMappingURL=style.css.map */



.bread-crumb-c{

	padding-top:150px;

	padding-bottom: 80px;

	background-color:  var(--color3);

	

	/*background-color:  #085681;*/



  position: relative;

  z-index: 1;

	

	

}



.bread-crumb-c::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 30px;

  background: url("../images/wave-white.svg");

  background-repeat: repeat-x;

  background-position: bottom;

  left: 0;

  bottom:-10px;

	z-index: 2;

}



.bread-crumb-c h3{

	color: #fff;

	font-size: 24px;

	font-family: var(--ff-font2);

}

.bread-crumb-c p,.bread-crumb-c p a{

	color: #fff;

	text-decoration: none;

}

.shape-3{

	position: absolute;

	left:5%;

	bottom:0;

	z-index: 3;

	animation: treeMove 4s linear 0s infinite;

}

.shape-3 img{

		width: 200px;

	opacity: 1;

	

	}

@media (max-width: 580px) {

  .shape-3{

	  left:0;

	  bottom: 50%;

	}

	.shape-3 img{

		width: 130px;

	opacity: 1;

	

	}

}

.shape-4{

	width: 80px;

	position: absolute;

	right: 10px;

	bottom: 10px;

	animation: leafMove 4s linear 0s infinite;

}

/*------------------------Kids Island----------------------

--------------------------------------------------------------*/



.bread-crumb-1{

	padding-top:100px;

	padding-bottom: 60px;

	background-color:  var(--color1);

	

	/*background-color:  #085681;*/



  position: relative;

  z-index: 1;

	

	

}



.bread-crumb-1::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 30px;

  background: url("../images/wave-white.svg");

  background-repeat: repeat-x;

  background-position: bottom;

  left: 0;

  bottom:-10px;

	z-index: 2;

}

.logo-1{

	z-index: 6;

}

.bread-crumb-1 h3{

	font-size: 24px;

	font-family: var(--ff-font2);

}



.shape-1{

	position: absolute;

	left:-10%;

	top:-100px;

	z-index: 3;

	animation: leafMove 4s linear 0s infinite;

}

@media (max-width:600px){

	.shape-1 img{

		width: 200px;

	}	

}

@media (max-width:500px){

	.shape-1 img{

		width: 150px;

	}	

}

@media (max-width:400px){

	.shape-1 {

		display: none;

	}	

}

.shape-2{

	width: 70px;

	position: absolute;

	right: 10px;

	bottom: 10px;

	animation: treeMove 4s linear 0s infinite;

}

@keyframes leafMove {

  0%, 100% {

    -webkit-transform: rotate(0deg) translateX(0);

    transform: rotate(0deg) translateX(0);

  }

  25%, 75% {

    transform: rotate(-2deg) translateX(5px);

  }

  50% {

    transform: rotate(-4deg) translateX(10px);

  }

}

@keyframes banner3Shake {

  0% {

    -webkit-transform: rotate3d(0, 1, 0, 0deg);

    transform: rotate3d(0, 1, 0, 0deg);

  }

  30% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }

  60% {

    -webkit-transform: rotate3d(1, 0, 0, 0deg);

    transform: rotate3d(1, 0, 0, 0deg);

  }

  80% {

    -webkit-transform: rotate3d(0, 0, 1, 5deg);

    transform: rotate3d(0, 0, 1, 5deg);

  }

  100% {

    -webkit-transform: rotate3d(0, 1, 0, 0deg);

    transform: rotate3d(0, 1, 0, 0deg);

  }

}

@keyframes treeMove {

  0%, 100% {

    -webkit-transform: rotate(0deg) translateX(0);

    transform: rotate(0deg) translateX(0);

  }

  25%, 75% {

    -webkit-transform: rotate(5deg) translateX(15px);

    transform: rotate(5deg) translateX(15px);

  }

  50% {

    -webkit-transform: rotate(10deg) translateX(30px);

    transform: rotate(10deg) translateX(30px);

  }

}



/*.about-kids-land img {

  width: 100%;

  height: auto;

}*/

/*.about-one-image {

    position: relative;

    z-index: 2;

}

.about-kids-land-one{

position: relative;

  display: inline-block;

  -webkit-mask:url(../images/shapes/ab-bg.svg);

  mask:url("../images/shapes/ab-bg.svg")

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-position: center center;

  mask-position: center center;

  -webkit-mask-size: cover;

  mask-size: cover;

}*/

/*.mask-img img {

    position: relative;

    z-index: 2;

}

.mask-img{

  position: relative;

  display: inline-block;

  -webkit-mask:url(../images/shapes/ab-bg.svg);

  mask:url("../images/shapes/ab-bg.svg")

  -webkit-mask-repeat: no-repeat;

  mask-repeat: no-repeat;

  -webkit-mask-position: center center;

  mask-position: center center;

  -webkit-mask-size: cover;

  mask-size: cover;   

}

.about-kids-land-border {

  position: absolute;

  left: 50px;

  top: -8px;

  z-index: -1;

}

.about-kids-land-border img {

  max-width: 100%;

  height: auto;

  -webkit-animation: rotated2 6s infinite linear;

  animation: rotated2 6s infinite linear;

}*/







.circles{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	

    overflow: hidden;

}



.circles li{

    position: absolute;

    display: block;

    list-style: none;

    width: 20px;

    height: 20px;

	

    background: rgba(255, 255, 255, 0.2);

    animation: animate 25s linear infinite;

    bottom: -150px;

    

}



.circles li:nth-child(1){

    left: 25%;

    width: 80px;

    height: 80px;

	

    animation-delay: 0s;

}





.circles li:nth-child(2){

    left: 10%;

    width: 20px;

    height: 20px;

	

    animation-delay: 2s;

    animation-duration: 12s;

}



.circles li:nth-child(3){

    left: 70%;

    width: 20px;

    height: 20px;

    animation-delay: 4s;

}



.circles li:nth-child(4){

    left: 40%;

    width: 60px;

    height: 60px;

    animation-delay: 0s;

    animation-duration: 18s;

}



.circles li:nth-child(5){

    left: 65%;

    width: 20px;

    height: 20px;

    animation-delay: 0s;

}



.circles li:nth-child(6){

    left: 75%;

    width: 110px;

    height: 110px;

    animation-delay: 3s;

}



.circles li:nth-child(7){

    left: 35%;

    width: 150px;

    height: 150px;

    animation-delay: 7s;

}



.circles li:nth-child(8){

    left: 50%;

    width: 25px;

    height: 25px;

    animation-delay: 15s;

    animation-duration: 45s;

}



.circles li:nth-child(9){

    left: 20%;

    width: 15px;

    height: 15px;

    animation-delay: 2s;

    animation-duration: 35s;

}



.circles li:nth-child(10){

    left: 85%;

    width: 150px;

    height: 150px;

    animation-delay: 0s;

    animation-duration: 11s;

}







@keyframes animate {



    0%{

        transform: translateY(0) rotate(0deg);

        opacity: 1;

        border-radius: 0;

    }



    100%{

        transform: translateY(-1000px) rotate(720deg);

        opacity: 0;

        border-radius: 50%;

    }



}

.kids-about{

	padding-top: 180px;

	padding-bottom: 80px;

	background:url("../images/shapes/bg-4.png");

	background-position:right;

	background-repeat: no-repeat;

	background-size: contain;

    position: relative;

}

.kids-about-content{

	padding-top: 50px;

}

.kids-about .boy-ride {

  position: absolute;

  width: 200px;

  bottom: -20%;

  transform: translateX(-50%);

  right: 20px;

  z-index: 8;

}

.kids-about .boy-ride img {

 

  width: 200px;



}

.kids-history{

	background:url("../images/shapes/bg-5.png");

	background-position:left;

	background-repeat: no-repeat;

	background-size: contain;

	

	padding-top: 180px;

	padding-bottom: 80px;

}

.kids-history .shape-history {

  position: absolute;

  width: 500px;

  top: 20px;

  transform: translateY(-50%);

  left: 10%;

  z-index: 1;

}



.kids-history-content{

	padding-top: 30px;

}

.mission-sec{

  

	

	padding-top: 180px;

	padding-bottom: 150px;

}

.mission-sec .shape-cloud {

  position: absolute;

  width: 500px;

  top: 20px;

  transform: translateY(-50%);

  left: 10%;

  z-index: 1;

}

.mission-sec .shape-apple {

  position: absolute;

  width: 500px;

  top: 130px;

  transform: translateY(-30%);

  left: 0;

  z-index: 1;

}

.shape-star img{

	width:30px;

}

	.shape-star {

  position: absolute;

  width:120px;

  bottom: -30px;

 

  right: 45%;

  z-index: -1;

	-webkit-animation: rotated3 6s infinite linear;

  animation: rotated3 6s infinite linear;

}

.shape-star1 {

  position: absolute;

  width:90px;

  bottom: -20px;

 

  right: 90px;

  z-index: 1;

	-webkit-animation: rotated4 6s infinite linear;

  animation: rotated4 6s infinite linear;

}

@keyframes rotated3 {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}

@keyframes rotated4 {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(360deg);

  }

}



.mision-sec-left img{

	position: relative;

	

	-webkit-animation: float-down .5s infinite alternate;

  -moz-animation: float-down .5s infinite alternate;

  -ms-animation: float-down .5s infinite alternate;

  animation: float-down .5s infinite alternate;

}

@keyframes float-down {

  0% {

      transform: translate3d(0,0px,0);

 }

  100% {

      transform: translate3d(0,-5px,0);

 }

}



.kids-land-border {

  position: absolute;

  left: 50px;

  top: -8px;

  z-index: 1;

}

.kids-land-border img {

  max-width: 100%;

  height: auto;

  -webkit-animation: rotated2 6s infinite linear;

  animation: rotated2 6s infinite linear;

}

@keyframes rotated2 {

  0% {

    transform: rotate(0);

  }

  100% {

    transform: rotate(-360deg);

  }

}







.mission-sec .accordion-item{

	margin-bottom: 25px;

	border: 0px;

	background: none;

	border-radius: 50px!important;

	

	

}

.mission-sec .accordion-button{

	padding-left: 30px;

	font-weight: 800;

	font-size: 25px;

	border-radius: 50px !important;

	border:0px;

	color: #fff;

	box-shadow: -1px 17px 18px -16px rgba(0,0,0,0.79);

-webkit-box-shadow: -1px 17px 18px -16px rgba(0,0,0,0.79);

-moz-box-shadow: -1px 17px 18px -16px rgba(0,0,0,0.79);

}

.mission-sec .accordion-button:hover{

	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.79);

	transition: all .5s ease;

	/*transform: translateY(-5px);*/

	transform:rotate(-3deg);

	

}



.mission-sec .accordion-button::after{

	content: '+' !important;

	right: 50px;

	font-size: 40px;

	font-family: var(--ff-heading);

	top:9px;

	position: absolute;

    width: 0 !important;

}

.mission-sec .accordion-button:not(.collapsed)::after {

    content: '-' !important;

	border-radius: 0px!important;

	right: 50px;

	font-family: var(--ff-heading);

	top:9px;

	position: absolute;

    width: 0 !important;

    transform:none !important;

}

.mission-sec .accordion-button.c-1{

	

	background-color: var(--color3);

	

}

	.mission-sec .accordion-button.c-2{

	

	background-color: var(--color1);

	

}

.mission-sec .accordion-button.c-3{



	background-color: var(--color2);

	

}

.qual-con-sec{

	padding-top: 100px;

	padding-bottom: 160px;

	background:url("../images/shapes/bg-7.png");

}

.qual-1 .head-1 h3, .qual-1 .head-2 h3{

	font-size: 30px;

}

.qual-1{

	 

	background-color:#Fff;

	

	position: relative;

	border: 5px solid #eee;

	border-radius: 80px 50px 20px 60px;

	padding: 100px 20px 20px 20px;

}



.qual-1:hover p{

	 color: #fff;

}

.qual-1:hover{

	

	background-color:var(--color1);

	border: 5px solid var(--color1);

	position: relative;

	box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

-webkit-box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

-moz-box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

	

	transition: all 1s ease-out;

}

@keyframes carMove {

  0%, 100% {

    transform: rotate(0deg) translateX(0);

  }

  25%, 75% {

    transform: rotate(-3deg) translateX(20px);

  }

  50% {

    transform: rotate(-6deg) translateX(40px);

  }

}

@keyframes carMove1 {

  0%, 100% {

    transform: rotate(0deg) translateX(0);

  }

  25%, 75% {

    transform: rotate(3deg) translateX(-20px);

  }

  50% {

    transform: rotate(6deg) translateX(-40px);

  }

}

.qual-1 .head-1{

	

	color: #fff;

	position: absolute;

	top: -70px;

	font-family: var(--ff-heading);

	background:url("../images/shapes/shape-svg-1.svg");

	background-repeat: no-repeat;

	padding: 50px;

	-webkit-animation: carMove  6s infinite linear;

  animation: carMove  6s infinite linear;

	

}

.qual-2{

	background-color:#Fff;

	

	position: relative;

	border: 5px solid #eee;

	border-radius: 50px 80px 60px 20px;

	padding: 100px 20px 20px 20px;

}

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

	.qual-2{

		margin-top: 90px;

	}

}

.qual-2:hover p{

	 color: #fff;

}

.qual-2:hover{

	

	background-color:var(--color3);

	border: 5px solid var(--color3);

	/*border-radius: 96% 4% 96% 4% / 4% 100% 0% 96%   ;*/

	box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

-webkit-box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

-moz-box-shadow: 0px 18px 8px -13px rgba(0,0,0,0.49);

	transition: all 1s ease-in-out;

}

.qual-2 .head-2{

	

	color: #fff;

	position: absolute;

	top: -70px;

	right: 0;

	

	font-family: var(--ff-heading);

	background:url("../images/shapes/shape-svg-3.svg");

	background-repeat: no-repeat;

	padding: 60px 80px 60px 40px;

	

	-webkit-animation: carMove1  6s infinite linear;

  animation: carMove1  6s infinite linear;

	

}



.kids-products{

	

	padding-top: 100px;

	padding-bottom: 100px;

}

.kids-products p{

	color: #fff;

}





.circleImage2 {

  position: relative;

  width: 350px;

  height: 350px;

  margin: auto;

  z-index: 2;

}

.circleImage2 img {

  position: relative;

  display: block;

 border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

  z-index: 3;

}

.circleImage2::before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

 border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

  left: 50%;

  top: 50%;

  background: #fff;

  animation: movement01 7s linear infinite;

  z-index: 2;

  opacity: 0.2;

}

.circleImage2::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

  left: 50%;

  top: 50%;

  background: #1e82df;

  animation: movement02 7s linear infinite;

  z-index: 1;

  opacity: 0.2;

}



@keyframes movement01 {

  0% {

    transform: translate(-50%, -50%) skew(16deg, -5deg);

  }

  50% {

    transform: translate(-50%, -50%) skew(30deg, -5deg);

  }

  100% {

    transform: translate(-50%, -50%) skew(16deg, -5deg);

  }

}

@keyframes movement02 {

  0% {

    transform: translate(-50%, -50%) skew(-10deg, -5deg);

  }

  50% {

    transform: translate(-50%, -50%) skew(-10deg, 20deg);

  }

  100% {

    transform: translate(-50%, -50%) skew(-10deg, -5deg);

  }

}

.game-1{

	padding-bottom: 20px;

	padding-top: 20px;

}

.game-content .num{

	/*background:url("../images/shapes/star1.png");*/

	padding: 10px 30px;

	border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

	

	font-weight: 800;

	

	font-size: 40px;

	text-align: center;

	background: #701e93;

	animation: movement02 7s linear infinite;

	font-family: var(--ff-heading);

	

}

.game-content .num:before{

	position: absolute;

	content: '';

	z-index: -1;

	width:90px;

	height: 90px;

	margin-left: -35px;

	margin-top: -24px;

	 border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

	background: #fff;

	opacity: .2;

  -webkit-animation: rotated4 6s infinite linear;

  animation: rotated4 6s infinite linear;

}

.game-icon{

	float: left;

	padding: 10px 30px;

	border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

	background: #701e93;

	

	

	

}

.game-content .game-icon:before{

	position: absolute;

	content: '';

	z-index: -1;

	width:90px;

	height: 90px;

	margin-left: -35px;

	margin-top: -24px;

	 border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% ;

	background: #fff;

	opacity: .2;

  -webkit-animation: rotated4 6s infinite linear;

  animation: rotated4 6s infinite linear;

}



.game-content{

	padding-top: 20px;

	

}

@media (min-width:1200px){

	.game-content-right{

	padding-left: 30px;

}

	

}



@media only screen and (max-width:1199px) and (min-width:992px){

	.game-content-right {

	

	padding-left: 80px;

}

}

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

	.game-content-right {

	

	padding-left: 150px;

}

}

.game-content p{

	

	

	

}

.game-content h3{

	margin-top: 30px;

	margin-bottom: 25px;

	color: #fff;

	font-family: var(--ff-heading);

}

.game-content h4{

	font-weight: bold;

	font-size: 30px;

	

	color: yellow;

	font-family: 'Schoolbell', cursive;

	

}

.kids-products::before {

	position: absolute;

    content: "";

    width: 100%;

    height: 75px;

    background: url("../images/wave-purple.svg");

    background-repeat: no-repeat;

    background-position: bottom;

    left: 0;

    top:-70px;

}

.kids-products::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 70px;

    background: url(../images/wave-white.svg);

    background-repeat: repeat-x;

    background-position: bottom;

    left: 0;

    bottom: -10px;

    z-index: 2;

}

.kids-products {

	background-color: var(--color2)

}

.kids-main{

	

	position: relative;

}



.kids-main .shape-arrow1 {

  position: absolute;

  width: 300px;

 top:200px;

  

  left: 0;

  z-index: 1;

}

.border-bt{

	border-bottom: 2px dotted #fff;

	

	

}



.pro-img img{

	width: 100%;

	border-radius:  41% 59% 60% 40% / 30% 35% 65% 70% 

 

}

.pro-img-sh-1{

	

	width: 300px;

	position: absolute;

	right: 10px;

	bottom: 20px;

	animation: treeMove 4s linear 0s infinite;

	

}

.shape-arrow2 {

  width: 300px;

	position: absolute;

	right:50%;

	bottom: 10px;

	animation: treeMove 4s linear 0s infinite;

}

.shape-arrow3 {

  width: 300px;



	animation: treeMove 4s linear 0s infinite;

}

.pro-img-sh-1 svg{

	fill:#fff;

}

.team-sec{

	

	background-repeat: no-repeat;

	background-position: left;

	background-size: contain;

	padding-bottom: 0px;

	

	padding-top: 100px;

	

}

.team-member{

	overflow: hidden;

	background:#fff ;

	padding: 20px;

	margin-top: 20px;

	width: 100%;

	/*border: 1px dashed #222;*/

	text-align: center;

	border-radius: 20px;

	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);

-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);

-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);

}



.team-member h3{

	background: rgb(140,53,176);

background: -moz-linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

background: -webkit-linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

background: linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c35b0",endColorstr="#9035b6",GradientType=1);

	padding: 10px;

	border-radius: 30px;

	margin-top: 20px;

	font-size: 23px;

	font-weight: bold;

	color:#fff;

	font-family: 'Schoolbell', cursive;

	box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

-webkit-box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

-moz-box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

	

}



.team-img:before{

	content: '';

	position:absolute;

	height: 100%;

	width: 100%;

	bottom:10;

	margin-left: 180px;

	z-index: ;

	background:url("../images/shapes/brush-bg1.svg");

	background-repeat: no-repeat;

	

}

.team-img img {

	width: 200px;

	padding: 5px;

	border:1px solid #d4d4d3;

	position: relative;

	filter: grayscale(100%);

	border-radius: 50% ;

}

.team-member:hover{

	/*box-shadow:0px 0px 0px 0px rgba(0,0,0,0);*/

transition: all 1.2s ;

	transform: translateY(-10px)

}

.team-member:hover img{

	filter: grayscale(0%);

	transition: all 1s;

	border-radius: 91% 9% 89% 11% / 12% 90% 10% 88% ;

}

.shape-team{

	position: absolute;

    left: 0;

    top: 0;

}

	.shape-team img{

	animation: zoomBig2 3s linear infinite;

}



@keyframes zoomBig2 {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(0.9, 0.9);

  }

  100% {

    transform: scale(1, 1);

  }

}



.testimonial-sec{

	

	padding-bottom: 60px;

	padding-top: 100px;

	

	

}

.testimonial-sec .carousel-indicators [data-bs-target]{

	box-sizing: content-box;

    flex: 0 1 auto;

    width: 10px;

    height: 3px;

    padding: 0;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: #414040;

    background-clip: padding-box;

    border: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    opacity: .5;

    transition: opacity .6s ease;

}

.testimonial-sec .carousel-indicators  .active{

	

    

    opacity: 1;

   

}



/*.carousel-indicators [data-bs-target] {

    width: 15px;

    height: 4px !important;

    

	background:#000;

}*/

.carousel .carousel-indicators li {background-color: red !important;}

.carousel .carousel-indicators li.active {background-color: blue !important;}

.test-content{

	margin-top: 30px;

}

.test-content p{

	

	

}

.test-content h3{

	color:var(--color5);

	font-family: 'Schoolbell', cursive;

}

.test-img img{

	width: 80px !important;

}



/*------------------------About us----------------------

--------------------------------------------------------------*/

.about-us{

	padding-top: 100px;

	

	

	z-index: 1;

}

.abt-img{

 padding: 20px;

	

}

.abt-img img{

 border-radius: 40px !important;

	

	border: 1px solid #eee;

	

	

}

.abt-img1{

 padding: 20px;

	

}

.abt-img1 img{

 border-radius: 100px  20px !important;

	

}

.about-us-1{

	

	padding-top: 180px;

	padding-bottom: 80px;

	background: url("../images/shapes/bg-7.png");

	background-size: contain;



	

	

	-webkit-clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);

  -moz-clip-path: polygon(0% 0%, 100% 0%, 5% 100%, 0% 100%);

  clip-path: polygon(0% 0%, 100% 5%, 100% 100%, 0% 100%);

	

}

@media (max-width:991px){

	.about-us-1{

		padding-top: 80px;

	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

  -moz-clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);

  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}

}

.heading4{

	background: rgb(140,53,176);

background: -moz-linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

background: -webkit-linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

background: linear-gradient(90deg, rgba(140,53,176,1) 0%, rgba(190,127,217,1) 51%, rgba(144,53,182,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c35b0",endColorstr="#9035b6",GradientType=1);

	padding: 15px 20px 15px 50px;

	border-radius: 30px;

	margin-top: 40px;

	

	font-size: 17px;

	font-weight: bold;

	color:#fff;

	width: fit-content;

	height: fit-content;

	box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

-webkit-box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

-moz-box-shadow: 2px 10px 5px -9px rgba(0,0,0,0.7);

}

.heading4 span{

	

}

.wpcf7 form .wpcf7-response-output{margin: 0px 0px !important;}