* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	overflow: auto;
	scroll-behavior: smooth;
	position: relative;
	height: auto;
	scrollbar-width: none;
	max-height: none;
	transform: none;
	overscroll-behavior: initial;
	font-family: Roboto, sans-serif !important;
}

body::-webkit-scrollbar {
  width: 10px
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
a {
  text-decoration: none !important;
  color: inherit;
}
a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
}
img {
  position: relative;
}
.float{
	position:fixed;
	width:180px;
	height:30px;
	bottom: 20px;
	right:20px;
	background-color:#ED1C24;
	color:#FFF;
	border-radius:10px;
	text-align:center;
  vertical-align: central;
  font-size:18px;

  z-index:100;
}
.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}

 .flip-box {
            perspective: 1000px;
            width: 300px;
            height: 200px;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.5s;
        }
        
        .flip-box:hover {
            transform: rotateY(180deg);
        }

        .flip-box-inner {
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 0.6s;
        }
        
        
        .flip-box-front,
        .flip-box-back {
            width: 100%;
            height: 100%;
            position: absolute;
            backface-visibility: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
        }

        .flip-box-front {
            height: 270px;
                background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
    background-color: #c902cb;
    border-radius: 20px 20px 20px 20px;
        }

        .flip-box-back {
            height: auto;
                background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
    background-color: #c902cb;
    border-radius: 20px 20px 20px 20px;
            transform: rotateY(180deg);
        }





.mobilemenu_wrap {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    transition: all 0.1s ease-in;
    z-index: 1000;
    background-color: #ffffff;
    height: 100%;
    
}

.mobilemenu_wrap.in {
    left: 0;
}

.mobilemenu_wrap .logo {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0;
}

.mobilemenu {
    float: left;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
}

.menuarea {
	float: left;
	width: 100%;
}

.menuarea li {
	list-style: none;
	float: left;
	width: 100%;
}

.menuarea li a {
	color: #000000;
	float: left;
	width: 100%;
	padding: 0 15px 20px;
}

.menuarea li a .fa {
	float: right;
	width: auto;
}

.menuarea li .submenu {
	display: none;
	padding: 0 0 0 15px;
}

.menuarea li .submenu.in {
    display: block;
}

.menuarea li a.btngetstarted {
	width: auto;
	border: 1px solid #ff0000;
	line-height: 22px;
	padding: 12px 34px;
	border-radius: 30px;
}

#ipo06b {
    background-color: #ffffff;
    position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 0 15px -5px black;
}

.logo {
	float: left;
	width: auto;
}

.desktopmenu {
	position: sticky;
  top: 0;
  z-index: 1000;
	
	width: auto;
	margin: 5px 0;
}

.mobilemenuiconwrap {
	display: none;
	float: right;
	margin: 10px 25px;
}

.mobilemenuiconwrap .fa {
    color: #ff0000;
    font-size: 35px;
}

.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown-content {
	display: none;
	position: absolute;
	z-index: 999;
	padding-top: 15px;
	background-color: #e7e7e7;
	width: auto;
	overflow: auto;
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
	left: 45px;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
	display: block;
	color: #000;
	padding: 6px 15px;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
}
.dropdown-content a:hover {
  color: #FFFFFF;
  background-color: #ff0000;
}
.stellar-btn {
  width: 5em;
  padding: 0.5em;
  border-radius: 10px;
  background-color: #f40000;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.stellar-btn:hover  {
    color: #ffffff;
}

.stellar-btn > p {
  margin: auto;
  text-align: center;
  
}
.stellar-btn-hp > p {
  margin: auto;
  text-align: center;
 
}
.predefined-email-dispatch > p {
  margin: auto;
  text-align: center;
}
.customize-receiver-email-dispatch > p {
  margin: auto;
  text-align: center;
}
.popup-button > p {
  margin: auto;
  text-align: center;
}
.popup-button-modal .modal-dialog .modal-content {
  padding: 0.5em !important;
}
.page-popup > p {
  margin: auto;
  text-align: center;
}
.page-popup-modal .modal-dialog {
  padding: 1em;
}
.page-popup-modal .modal-dialog .modal-content {
  padding: 0.5em;
  width: max-content;
  height: max-content;
  position: absolute !important;
  left: -80%;
}
table {
  max-width: 100%;
  margin: auto;
  border-spacing: 100px;
}
table tr {
  max-width: 100%;
}
table tr td {
  max-width: 5em;
  word-wrap: break-word;
}
.file-upload-btn-label p {
  margin: auto;
  text-align: center;
}
.dropdown button {
  border: none;
  border-radius: 5px;
  padding: 0.5em;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 16px;
  cursor: pointer;
}
.dropdown button:hover {
  background-color: #ddd;
}
.dropdown .dropdown-options {
  display: none;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
.dropdown:hover .dropdown-options {
  display: block;
}
[data-hovering="true"] .dropdown-options {
  display: block;
}
.dropdown .dropdown-options a {
  display: block;
  color: #000000;
  padding: 20px 40px;
  text-decoration: none;
}
.dropdown .dropdown-options a:hover {
  color: #0a0a23;
  background-color: #ddd;
  border-radius: 5px;
}
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}
.tab button:hover {
  background-color: #ddd;
}
.tab button.active {
  background-color: #ccc;
}
.nav-comp-div ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.nav-comp-div ul li {
  list-style: none;
  margin: 0.5em;
}
#toggle-nav + ul {
  display: none;
  transition: all 100ms;
}
#toggle-nav + ul li {
  list-style: none;
  margin-bottom: 5%;
}
#toggle-nav:checked + ul {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
  max-width: max-content;
  position: absolute;
  margin-top: 105%;
  right: 5%;
}
#checkbox-regular-form div, #radio-regular-form div {
  display: flex;
  column-gap: 0.5em;
}
.gjs-row {
  display: table;
  padding: 10px 50px;
  width: 100%;
  background-color: rgb(0,0,0,0);
}
.gjs-cell {
  width: 8%;
  display: table-cell;
  height: 75px;
}
.navigation ul {
  margin-left: auto;
  margin-right: auto;
  width: 30rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.navigation ul img {
  width: 6rem;
  cursor: pointer;
}
.navigation ul li {
  list-style: none;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  border-bottom: 0 solid red;
  transition: all 150ms;
}
.navigation ul li:hover {
  padding-bottom: 0.5em;
  border-bottom: 4px solid red;
}
.login-signup a {
  text-transform: capitalize;
  font-style: normal;
  color: #5D6A75;
}
.wrapper + a {
  display: none;
}
.floaters + h1 {
  text-transform: uppercase;
  text-align: center;
  font-style: normal;
  margin-top: 30vh;
}
.floaters + h1 + h2 {
  text-align: center;
  color: #5D6A75;
  font-style: normal;
}
.play-btn div {
  margin: auto;
  width: 45%;
  height: 45%;
  background-color: white;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  transition: all 150ms;
}
.play-btn:hover::before {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.play-btn:hover div {
  background-color: black;
}
.l-bb + h1 {
  text-align: center;
  font-style: normal;
  margin-top: 30%;
}
.gray-area .white-waves + img {
  z-index: 1;
  width: 40vw;
}
.description h2 {
  font-style: normal;
  text-align: left;
  line-height: 1.5;
}
.description p {
  font-style: normal;
  text-align: left;
  color: #5D6A75;
  line-height: 1.5;
}
.gray-area #ssl {
  z-index: 1;
  width: 20vw;
}
.white-area img {
  z-index: 1;
  width: 40vw;
}
.kf h1 {
  color: #ED1C24;
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
}
.kf .key-features ul {
  padding: 0;
  width: 90vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.kf .key-features ul li {
  min-width: 20%;
  margin: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: baseline;
  align-items: center;
}
.kf .key-features ul li img {
  width: 8em;
  transform: scale(0.8);
}
.kf .key-features ul li img#no-code {
  width: 20em;
}
.kf .key-features ul li img#downloadable {
  width: 10em;
}
.kf .key-features ul li h3 {
  font-style: normal;
  text-align: center;
}
.kf .key-features ul li p {
  font-style: normal;
  text-align: center;
  color: #5D6A75;
  line-height: 1.5;
}
.kf + br + h1 {
  text-align: center;
  text-transform: uppercase;
  font-style: normal;
}
.kf + br + h1 + h3 {
  text-align: center;
  font-style: normal;
}
.modal h2 {
  text-align: left;
  text-transform: uppercase;
  font-style: normal;
  color: #FF0000;
}
.modal p {
  text-align: left;
  font-style: normal;
  line-height: 1.5;
}
.modal .form {
  width: 90%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
}
.modal .form label {
  display: block;
  text-align: left;
  font-style: normal;
}
.modal .form input {
  display: block;
  border: 2px solid #FF0000;
  border-radius: 50px;
  padding: 1em;
  width: 80%;
}
.modal .form textarea {
  display: block;
  border: 2px solid #FF0000;
  border-radius: 10px;
  padding: 1em;
  width: 80%;
  height: 10%;
}
footer {
  margin-top: -5%;
  display: block;
  width: 100vw;
  padding-top: 1.3em;
  padding-bottom: 1.3em;
  background: linear-gradient(140.86deg, #DEDEDF 22.43%, rgba(239, 241, 243, 0) 92.48%);
}
.subscription-form label {
  font-style: normal;
  font-size: 1.2em;
}
.subscription-form #subscribe {
  margin-left: 5%;
  border: 0;
  border-radius: 50px;
  padding: 1em;
}
.footer-content div:nth-child(1) img {
  width: 15vw;
}
.footer-content div:nth-child(1) p {
  font-style: normal;
  text-align: left;
}
.footer-content div:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-content div:nth-child(2) #col {
  margin-right: 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.footer-content div:nth-child(2) #col p {
  font-style: normal;
  text-align: left;
}
.footer-content div:nth-child(2) #col p:nth-child(1) {
  
}
.social-medias .bi {
  font-size: 1.5em;
  color: #ED1C24;
  transition: all 150ms;
}
.social-medias .bi:hover {
  font-size: 2em;
  box-shadow: 0 0 15px -5px black;
}
.header-right-section img {
  width: 10vw;
  height: 9vh;
}
.header-right-section p {
  color: #5d6a75;
  font-size: 18px;
  margin-right: 1vw;
}
.whiteWaveOverlay img {
  height: 120vh;
  width: 95vw;
}
.mainDiv-head p:first-child {
  font-style: normal;
  font-weight: 800;
  font-size: 3.2rem;
  padding-left: 12%;
}
.mainDiv-head div {
  display: flex;
  width: 26vw;
  justify-content: space-between;
  align-items: center;
}
.mainDiv-head div p:first-child {
  font-size: 18px;
  padding: 2.5% 5%;
  background-color: red;
  color: white;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
  border-radius: 27.5px;
}
.mainDiv-head div p {
  font-size: 18px;
  padding: 2.5% 5%;
  border: 2px solid red;
  color: red;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
  border-radius: 27.5px;
}
table {
  width: 65vw;
  margin-top: 8vh;
  margin-left: 20vw;
}
th {
  font-size: 1.2rem;
}
td {
  text-align: center;
  font-size: 1.2rem;
  padding: 2.2vh 0;
}
.paginationTable div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paginationTable div p {
  
  font-size: 1.2rem;
  margin: 0.2em;
  cursor: pointer;
}
.header-right-section1 img {
  width: 3vw;
  height: 6vh;
}
.header-right-section1 p {
  
  font-size: 18px;
}
.checkout-bread div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-bread div:last-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
  
  font-size: 1.5rem;
  margin-top: 2vh;
}
.checkout-bread div:last-child p {
  padding-left: 2.3vw;
  text-align: end;
}
.detailName label {
  
  font-size: 1.2rem;
}
.detailName input {
  margin-top: 1vh;
  padding: 1.5vh 0.5vw;
  
  font-size: 1rem;
  border: 1px solid #ff0000;
  border-radius: 6px;
  width: 50%;
  outline: none;
}
.detailMob label {
  
  font-size: 1.2rem;
}
.detailMob input {
  margin-top: 1vh;
  padding: 1.5vh 0.5vw;
  
  font-size: 1rem;
  border: 1px solid #ff0000;
  border-radius: 6px;
  width: 25%;
  outline: none;
}
.detailAdd label {
 
  font-size: 1.2rem;
}
.detailAdd input {
  margin-top: 1vh;
  padding: 1.5vh 0.5vw;
  
  font-size: 1rem;
  border: 1px solid #ff0000;
  border-radius: 6px;
  width: 70%;
  outline: none;
}
.detailCity label {
  
  font-size: 1.2rem;
}
.detailCity input {
  margin-top: 1vh;
  padding: 1.5vh 0.5vw;
  
  font-size: 1rem;
  border: 1px solid #ff0000;
  border-radius: 6px;
  width: 80%;
  outline: none;
  margin-right: 8vw;
}
.detailState label {
  
  font-size: 1.2rem;
}
.detailState input {
  margin-top: 1vh;
  padding: 1.5vh 0.5vw;
  
  font-size: 1rem;
  border: 1px solid #ff0000;
  border-radius: 6px;
  width: 18vw;
  outline: none;
}
.detailSaveInner p:first-child {
  height: 2vh;
  width: 1vw;
  border: 1px solid black;
  border-radius: 50% 50%;
}
.detailSaveInner p {
  
  font-size: 1rem;
  margin-top: 1vh;
}
.detailSaveInner1 p {
  
  font-size: 1rem;
  margin-top: 1vh;
}
.detailSaveInner1 p:first-child {
  height: 2vh;
  width: 1vw;
  background-color: red;
  border: 1px solid red;
  border-radius: 50% 50%;
}
.detailFooter div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  font-size: 1rem;
}
.detailFooter div p:first-child {
  border: 1px solid red;
  padding: 0.8vh 0.4vw;
  border-radius: 6px;
  margin-right: 0.5vw;
}
.detailFooter button {
  padding: 1vh 1.5vw;
  
  font-size: 1rem;
  color: white;
  outline: none;
  background-color: red;
  border: none;
  border-radius: 20px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
}
.mainDiv-head2 div:first-child p:first-child {
  
  font-style: normal;
  font-size: 2.8rem;
}
.mainDiv-head2 div:first-child {
  margin-left: 9%;
}
.mainDiv-head2 div:first-child p {
  
  font-style: normal;
  font-size: 0.8rem;
  margin-top: 2.5%;
  width: 30vw;
}
.mainDiv-head2 div:first-child p a {
  color: red;
}
.mainDiv-head2 div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 37vw;
  margin-top: 4%;
}
.mainDiv-head2 div:last-child p:first-child {
  width: inherit;
  height: inherit;
  
  font-style: normal;
  font-weight: 700;
  font-size: 1.2rem;
  color: #5d6a75;
  margin-right: 15%;
}
.mainDiv-head2 div:last-child p:last-child {
  width: inherit;
  height: inherit;
  
  font-style: normal;
  font-weight: 700;
  font-size: 1.2rem;
  margin-right: 15%;
}
.overlayDiv2 div:first-child {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 0 4vw;
}
.bottomDivWrapper a {
  color: red;
}
.b-button-div button {
  font-size: 1.2rem;
  
  padding: 1.5vh 1vw;
  border-radius: 20px;
  background-color: red;
  color: white;
  border: none;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
}
.b-button-div button:first-child {
  background-color: black;
  color: white;
  border: none;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
}
.checkout-content img {
  height: 15vh;
}
.checkout-content div:first-child {
  display: flex;
  align-items: start;
  justify-content: center;
}
.checkout-button p:first-child {
  font-size: 2rem;
  border: none;
}
.checkout-button p:last-child {
  font-size: 2rem;
  border: none;
}
.checkout-button p {
  border: 1px solid #ed1c24;
  border-radius: 8px;
  
  padding: 2vh 1.5vw;
  color: #657581;
}
.checkout-coupon p {
  border: 2px solid red;
  padding: 1.5vh 2.6vw;
  border-radius: 10px;
}
.checkout-coupon p a {
  color: red;
  text-decoration: none;
  margin-left: 0.5vw;
}
.checkoutButton button {
  padding: 2vh 2vw;
  
  font-size: 1rem;
  background-color: red;
  color: white;
  border: none;
  border-radius: 20px;
}
.recieptwhiteWaveOverlay1 img:first-child {
  width: 35rem;
}
.recieptBottom button:first-child {
  padding: 1.5vh 4vw;
  border-radius: 27.5px;
  border: none;
  color: white;
  
  font-size: 1.2rem;
  background-color: black;
}
.recieptBottom button:last-child {
  padding: 1.5vh 4vw;
  border-radius: 27.5px;
  border: none;
  color: white;
  
  font-size: 1.2rem;
  background-color: red;
}
.savedDebitCard div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
}
.savedDebitCard input {
  padding-top: 1vh;
  padding-bottom: 1vh;
  width: 90%;
  outline: none;
  border: none;
  
  font-size: 1rem;
}
.savedDebitCard p {
  background-color: red;
  height: 2vh;
  width: 1vw;
  border-radius: 50% 50%;
}
.savedDebitCard2 div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
}
.savedDebitCard2 input {
  padding-top: 1vh;
  padding-bottom: 1vh;
  width: 90%;
  outline: none;
  border: none;
  font-size: 1rem;
}
.savedDebitCard2 p {
  background-color: white;
  height: 2vh;
  width: 1vw;
  border-radius: 50% 50%;
  border: 1px solid gray;
}
.savedDebitCard1 div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
}
.savedDebitCard1 input {
  padding-top: 1vh;
  padding-bottom: 1vh;
  width: 90%;
  outline: none;
  border: none;
  font-size: 1rem;
}
.savedDebitCard1 p {
  background-color: white;
  height: 2vh;
  width: 1vw;
  border-radius: 50% 50%;
  border: 1px solid gray;
}
.savedDebitCard3 div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
}
.savedDebitCard3 input {
  padding-top: 1vh;
  padding-bottom: 1vh;
  width: 90%;
  outline: none;
  border: none;
  font-size: 1rem;
}
.savedDebitCard3 p {
  background-color: white;
  height: 2vh;
  width: 1vw;
  border-radius: 50% 50%;
  border: 1px solid gray;
}
.paymentBottomButtom button {
  padding: 1.5vh 3vw;
  border-radius: 27.5px;
  border: none;
  background-color: red;
  color: white;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
}
.mainDiv-head1 p:first-child {
  font-style: normal;
  font-size: 2.8rem;
  padding-left: 16.2%;
}
.mainDiv-head1 p:last-child {
  font-size: 1rem;
  padding: 0.7% 2%;
  margin-right: 2%;
  background-color: red;
  color: white;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.35);
  border-radius: 27.5px;
}
.wrapperGridImage img {
  width: 5vw;
}
.bottomDivWrapper a {
  color: red;
}
.dashboardTd button {
  background: linear-gradient(90.18deg, #ef4770 40.16%, #977df4 99.89%);
  border: none;
  width: 6vw;
  height: 4vh;
  border-radius: 20px;
  color: white;
  font-size: 1rem;
}
.DashHead div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  color: #5d6a75;
}
.DashHead div img {
  width: 1.8rem;
  margin-left: 0.2vw;
}
.heroLeft p {
  width: 7vw;
}
.heroLeft p:first-child {
  margin-bottom: 2.5vh;
  border-image: linear-gradient(90deg, #ef4770 25.7%, #977df4 105.88%) 0 0 30 0;
  border-width: 4px;
  border-style: solid;
}
.heroLeft p:last-child {
  margin-top: 2.5vh;
}
.dashContentLeftHead button:first-child {
  border-radius: 27.5px 27.5px;
  padding: 1vh 1vw;
  border: 1px solid black;
  font-size: 1rem;
  margin-right: 1.2vw;
}
.dashContentLeftHead button:last-child {
  border: none;
  background-color: white;
  color: #5d6a75;
  font-size: 1rem;
}
.leftContentBlueHead p:first-child {
  font-size: 1rem;
  color: #7c93b4;
}
.leftContentBlueHead p:last-child {
  border: 2px solid #c7d7ff;
  padding: 1vh 1vw;
  border-radius: 6px;
  background-color: white;
}
.leftContentBottomMonth p:first-child {
  color: #7c93b4;
}
.leftContentBottomMonth p:last-child {
  font-size: 1.3rem;
  margin-top: 2vh;
}
.leftContentBottomMonth p:last-child span {
  color: red;
}
.leftContentBottomMonth1 p:first-child {
  color: #7c93b4;
}
.leftContentBottomMonth1 p:last-child {
  font-size: 1.3rem;
  margin-top: 2vh;
  color: #29b62f;
}
.leftContentPinkText img {
  width: 0.8vw;
  height: 1.3vh;
  margin-left: 0.5vw;
}
.leftContentStats p {
  font-size: 1.3rem;
}
.leftContentStats button {
  width: 6.5vw;
  height: 4.5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 27.5px 27.5px;
  background-color: white;
}
.leftContentPurpleInner p:first-child {
  font-size: 2rem;
  margin-bottom: 6%;
}
.leftContentPurpleInner p:last-child {
  font-size: 1.1rem;
}
.dashContentRightHead p {
  color: #424242;
}
.dashContentRightHead div {
  background: linear-gradient(90.18deg, #ef4770 40.16%, #977df4 99.89%);
  width: 22%;
  height: 5vh;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashContentRightHead div p {
  color: white;
  margin-right: 8%;
}
.dashContentRightImg img {
  width: 15%;
  margin-right: 3%;
}
.dashContentRightBottomSmiley img {
  margin-right: 2%;
}
.dashContentRightBottomLeft2 p:last-child {
  display: flex;
  justify-content: end;
  margin-top: 12%;
}
.dashContentRightBottomRight2 p:last-child {
  display: flex;
  justify-content: end;
  margin-top: 8%;
}
.slides > div {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: 300px;
  height: 300px;
  margin-right: 1px;
  border-radius: 10px;
  background: #eee;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
}
.author-info a {
  color: white;
}
slider > a {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 0 0.5rem 0;
  position: relative;
}
slider > a:active {
  top: 1px;
}
slider > a:focus {
  background: #000;
}
.icon2 span {
  font-size: 1.5rem;
  margin-left: 0.5rem;
  font-weight: 600;
  letter-spacing: 3px;
}
.nested-dropdowns li {
  cursor: pointer;
  width: 12vw;
  font-size: 1.2rem;
  padding: 0.5rem;
  position: relative;
}
#wrapGrid p {
  width: 50%;
}
.nested-dropdowns ul {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  background-color: white;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nested-dropdowns ul ul {
  left: 100%;
  position: absolute;
  top: 0;
}
.nested-dropdowns li:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.nested-dropdowns li:hover > ul {
  display: block;
}
ul-1 li {
  display: flex;
  align-items: center;
}
.card .card-header {
  background-color: #fff;
  padding: 30px;
  border-bottom: 1px solid #dfe5f5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}
.card .card-header.card-no-border {
  border-bottom: none !important;
}
.card .card-header h5 {
  font-size: 18px;
}
.card .card-header h5:not(.mb-0) {
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1;
}
.card .card-header > span {
  font-size: 12px;
  color: #8392a5;
  margin-top: 5px;
  display: block;
  letter-spacing: 1px;
}
.card .card-body {
  padding: 30px;
  background-color: rgba(0, 0, 0, 0);
}
.card .card-body p:last-child {
  margin-bottom: 0;
}
.card .sub-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: 8px;
  font-size: 18px;
}
.card .card-footer {
  background-color: #fff;
  border-top: 1px solid #dfe5f5;
  padding: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card.card-with-border .card-header {
  border-bottom: 1px solid #dfe5f5;
}
.card .card-header .card-header-right {
  border-radius: 0 0 0 7px;
  right: 20px;
  top: 22px;
  display: inline-block;
  float: right;
  padding: 8px 0;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.card .card-header .card-header-right .card-option {
  text-align: right;
  width: 35px;
  height: 20px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card .card-header .card-header-right .card-option li {
  display: inline-block;
}
.card .card-header .card-header-right .card-option li:first-child i {
  font-size: 18px;
}
.card .card-header .card-header-right i {
  margin: 0 5px;
  cursor: pointer;
  color: #2c323f;
  line-height: 20px;
}
.card .card-header .card-header-right i.icofont-refresh {
  font-size: 13px;
}
.total-sale-widget .media-left {
  width: 40%;
}
.total-sale-widget .media-right {
  width: calc(60% - 20px);
  overflow: hidden;
}
.total-sale-widget .media .media-body p {
  color: #59667a;
  font-weight: 500;
}
.total-sale-widget .media .media-body p span {
  margin-left: 10px;
}
.total-sale-widget .media .media-body p span i {
  margin-left: 6px;
}
.total-sale-widget .media .media-body .sales-widgets {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.total-sale-widget .media .media-body .sales-widgets h3 {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.total-sale-widget .media .media-body .sales-widgets h3 svg {
  width: 22px;
  height: 22px;
  stroke-width: 3;
}
.total-sale-widget .media .media-body .sales-widgets p {
  margin-left: 20px;
}
.media-widgets .media-body {
  margin-bottom: 30px;
}
.chart-value-box span {
  font-size: 12px;
  color: #8392a5;
}
.card .card-header h6 .pull-right i {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 10px;
  width: 100%;
  height: 10px;
  text-align: right;
  cursor: pointer;
}
.dashboard-rounded-chart svg {
  height: 260px !important;
}
.monthly-growth .card-footer .growth-revenue-footer {
  margin: 0;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget {
  border: none;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .progress-showcase {
  margin-top: 20px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .progress-showcase .sm-progress-bar {
  height: 3px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .support-ticket-font > div {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget ul li:last-child {
  margin-top: 15px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num {
  font-weight: normal;
  margin-top: 5px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num span {
  color: #1b3155;
  font-weight: 600;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget svg {
  -webkit-filter: none;
  filter: none;
  stroke-width: 3;
  width: 22px;
  height: 22px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget span, .monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget h6 {
  color: #59667a;
  font-weight: 500;
}
.monthly-growth .card-footer .growth-revenue-footer .col-6 {
  padding: 0;
}
.monthly-growth .card-footer .growth-revenue-footer .col-6:nth-child(odd) {
  order-right: 1px solid #e8ebf2;
}
.monthly-growth .card-footer .growth-revenue-footer .col-6 {
  padding: 0;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget {
  border: none;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .progress-showcase {
  margin-top: 20px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .progress-showcase .sm-progress-bar {
  height: 3px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .support-ticket-font > div {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget ul li:last-child {
  margin-top: 15px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num {
  font-weight: normal;
  margin-top: 5px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num span {
  color: #1b3155;
  font-weight: 600;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget svg {
  -webkit-filter: none;
  filter: none;
  stroke-width: 3;
  width: 22px;
  height: 22px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget span, .monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget h6 {
  color: #59667a;
  font-weight: 500;
}
.ecommerce-widget .total-num {
  font-weight: 600;
  color: #1b3155;
  margin: 0;
  letter-spacing: 1px;
}
.ecommerce-widget .total-num span {
  color: #000;
}
.ecommerce-widget .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ecommerce-widget .progress-showcase {
  margin-top: 30px;
}
.ecommerce-widget span {
  color: #8392a5;
  margin: 0;
}
.ecommerce-widget .icon {
  color: #efefef;
  font-size: 40px;
}
.ecommerce-widget .product-stts {
}
.ecommerce-widget .flot-chart-container {
  height: 100px;
  padding: 0;
  margin: 0;
  border: transparent;
}
.ecommerce-widget .morris-default-style {
  display: none !important;
}
.ecommerce-widget svg {
  -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .support-ticket-font > div {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num {
  font-weight: normal;
  margin-top: 5px;
}
.monthly-growth .card-footer .growth-revenue-footer .ecommerce-widget .total-num span {
  color: #1b3155;
  font-weight: 600;
}
.table-bordernone td {
  border: 0;
}
.table-bordernone .bd-t-none {
  border-top: none;
}
.table-bordernone .u-s-tb {
  padding: 11px;
}
.table th, .table td {
  padding: .75rem;
}
.table th {
  color: #1b3155;
}
.table td {
  color: #1b3155;
}
.users-total table thead tr th {
  font-size: 15px;
  padding: 20px 30px;
  font-weight: 500;
  border-top: none;
  border-bottom: none;
  background-color: #f8faff;
}
.users-total table tbody tr td {
  font-weight: 500;
  vertical-align: middle;
  padding: 15px 30px;
  border-bottom: 1px solid #f2f4ff;
}
.users-total table tbody tr td .badge-secondary {
  -webkit-box-shadow: -0.5px 4.33px 16px 0px rgba(20, 141, 246, 0.25);
  box-shadow: -0.5px 4.33px 16px 0px rgba(20, 141, 246, 0.25);
}
.users-total table tbody tr td .d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.users-total table tbody tr td .round-product {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(255, 95, 36, 0.08);
  text-align: center;
  line-height: 3.5;
}
.users-total table tbody tr td i.icofont {
  font-size: :22px;
}
.users-total table tbody tr td .round-product-dark {
  background-color: #f0f1f3;
}
.users-total table tbody tr td:last-child, .users-total table tbody tr td:nth-child(3) {
  font-weight: 500;
}
.users-total table tbody tr td .align-middle img {
  -webkit-filter: none;
  filter: none;
}
.users-total table tbody tr td .align-middle span {
  margin-top: 10px;
  display: inline-block;
}
.users-total table tbody tr:last-child td {
  border-bottom: none !important;
}
.product-sales .table tr td .badge {
  font-weight: 500;
}
.product-sales .table tr td + td {
}
ion-item {
  --padding-start: 0;
}
#i6j2w {
  width: 10%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
  vertical-align: top;
}
#i3p4p {
	box-shadow: 0 0 15px -5px black;
  padding: 25px 20px 25px 20px;
  color: white;
  background-color: #ffffff;
  background-image: linear-gradient(to left, to NaN%, to NaN%);
  height: auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
}
#ir8g3 {
  width: 20%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
}
#igagk {
  width: 60%;
  height: auto;
  padding: 10px 10px 10px 10px;
}
#ih6pi {
  width: 40%;
  height: auto;
  padding: 10px 10px 10px 10px;
  vertical-align: middle;
}
#itvbl {
  padding: 20px 80px 20px 80px;
  color: white;
}
#iwyuk {
  padding: 2px 2px 2px 2px;
  position: static;
  display: block;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  color: #ff0000;
}
#i25wp {
    color:#000;
  padding: 10px;
  position: static;
  display: block;
  font-weight: 400;
  font-size: 16px;
}
#im2if {
  padding: 10px 10px 10px 10px;
  position: static;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: black;
}
#ivpwx {
    color: #000;
  padding: 10px;
  position: static;
  display: block;
  font-weight: 600;
  font-size: 35px;
}
#im1n9 {
  padding: 2px 2px 2px 2px;
  position: static;
  display: block;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #5c5c5c;
}
#imihd {
  padding: 5px 5px 5px 5px;
  position: static;
  display: block;
  font-weight: 600;
  font-size: 25px;
  text-align: center;
  color: #000000;
}
#i3wt2 {
  width: 20%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
}
#iwh9w {
box-shadow: 0 0 15px -5px black;
  height: 350px;
  width: 615px;
  border-radius: 20px 20px 20px 20px;
  margin: 0 auto 0 auto;
  animation: top-video-animation 2s ease 0s 1 normal forwards;
}
@keyframes top-video-animation {
	0% {
		transform: scale(0);
		transform-origin: 100% 50%;
	}

	100% {
		transform: scale(1);
		transform-origin: 100% 50%;
	}
}
#stellar-btn {
  width: 150px;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  background-color: #fff;
  border: 3px solid #ff0000;
  color: black;
  cursor: pointer;
  margin: 0 0 0 0;
 
}
#stellar-btn:hover {
    background-color: #ff0000;
    color: #ffffff;
}
#inud4 {
    
  margin: auto;
  text-align: center;
}
#i10uf {
  margin: auto;
  text-align: center;
}

#i87uo {
  color: black;
  width: 50%;
  min-width: 200px;
  margin: 0 auto 0 auto;
}
#i0ahz3 {
  width: 10%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
}
#idqfif {
  width: 20%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
}
#ip6l0f {
  width: 20%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
}
#iqby0s {
  padding: 10px 10px 10px 10px;
  position: static;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: black;
}
#i59lqs {
  padding: 10px 10px 10px 10px;
  position: static;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: black;
}
#iav5r3 {
  display: block;
}
#iggzch {
  padding: 10px 10px 10px 10px;
  position: static;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: black;
  text-align: center;
}
#i9m5rw {
  width: 30%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
  Border-Top: 5px solid #ff0000;
}
#ihfjzl {
  width: 40%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
  vertical-align: middle;
  Border-Top: 5px solid #ff0000;
}
#iuipc8 {
  width: 15%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
  Border-Top: 5px solid #ff0000;
}
#i6bjdh {
  padding: 10px 40px 10px 40px;
  color: white;
  background-color: #ffffff;
  background-image: linear-gradient(to left, to NaN%, to NaN%);
  height: auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
}
#idbufu {
  width: 6%;
  height: auto;
  vertical-align: middle;
}
#isfmpn {
  width: 5%;
  height: auto;
  vertical-align: middle;
  padding: 0 10px 0 10px;
}
#i1p2z8 {
  width: 25%;
  height: auto;
  vertical-align: middle;
}
#i8amfv {
  width: 10%;
  height: auto;
  vertical-align: middle;
}
#i7y7i4 {
  width: 25%;
  vertical-align: middle;
}
#i4cv15 {
  color: black;
}
#stellar-btn-4 {
  width: 100%;
  border-radius: 10px;
  border: none;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  margin: 0 auto 0 auto;
}
#ictnvl {
  text-align: center;
}
#stellar-btn-10 {
  width: max-content;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  border: 2px solid #ff0000;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
}
#stellar-btn-10:hover {
    background-color: #ff0000;
    color: #fff;
    
}
#ionrjn {
  margin: auto;
  text-align: center;
}
#i61xhe {
  text-align: center;
}
#stellar-btn-11 {
  width: 90%;
  border-radius: 10px;
  border: none;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  margin: 0 auto 0 auto;
}
#iu0577 {
  width: 12%;
  height: auto;
  vertical-align: middle;
}
#is9hmk {
  text-align: center;
}
#stellar-btn-12 {
  width: 90%;
  border-radius: 10px;
  border: none;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  margin: 0 auto 0 auto;
}
#iit9n5 {
  width: 13%;
  height: auto;
  vertical-align: middle;
}
#ig33ug {
  text-align: center;
}
#stellar-btn-13 {
  width: 90%;
  border-radius: 10px;
  border: none;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  margin: 0 auto 0 auto;
}
#ikm9qd {
  width: 10%;
  height: auto;
  vertical-align: middle;
}
#ij29ok {
  text-align: center;
}
#stellar-btn-14 {
  width: 100%;
  border-radius: 10px;
  border: none;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  margin: 0 auto 0 auto;
}
#iq6grk {
  width: 10%;
  height: auto;
  vertical-align: middle;
}
#insh0y {
  padding: 0 120px 0 120px;
}
#icrsfv{
    padding: 10px 30px 10px 30px;
}
#id8d9w {
  border-radius: 30px 30px 30px 30px;
  padding: 20px 40px 20px 40px;
  background-color: #e7e7e7;
  background-repeat: no-repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: cover;
}
#i9uu8z {
  width: 20%;
  vertical-align: middle;
  height: auto;
  animation: top-video-animation-1 1s ease 0s 1 normal forwards;
}
@keyframes top-video-animation-1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
#idigdi {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#imheqs {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 12px;
}
#imyq6o {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#i97mpt {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 12px;
}
#iwzy28 {
  width: 20%;
  vertical-align: middle;
  height: auto;
  animation: top-video-animation-1 1s ease 0s 1 normal forwards;
}
@keyframes top-video-animation-1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
#im58la {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#idcjju {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 12px;
}
#i71uu5 {
  width: 20%;
  vertical-align: middle;
  height: auto;
  animation: top-video-animation-1 1s ease 0s 1 normal forwards;
}
@keyframes top-video-animation-1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
#ifs4nl {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#icrp5h {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 12px;
}
#iabnl8 {
  width: 20%;
  vertical-align: middle;
  height: auto;
  animation: top-video-animation-1 1s ease 0s 1 normal forwards;
}
@keyframes top-video-animation-1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
#idrhlf {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#ifbudg {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-size: 12px;
}
#it4tsv {
  width: 20%;
  vertical-align: middle;
  height: auto;
  animation: top-video-animation-1 1s ease 0s 1 normal forwards;
}
@keyframes top-video-animation-1 {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}
#ida694 {
  padding: 0 0 0 0;
}
#ib875s {
  
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  background-size: cover;
}
#icqpu9 {
  height: auto;
}
#iyitcg {
  width: 60%;
  vertical-align: middle;
  padding: 0 20px 0 20px;
}
#i5he3m {
  height: 247.80001831054688px;
  padding: 10px 80px 30px 80px;
}
#ia1z1l {
  padding: 10px;
  text-align: center;
  color: #000;
  font-weight: 700;
  font-size: 35px;
}
#igj1ni {
  width: 40%;
  vertical-align: middle;
}
#izzzuf {
  border-radius: 20px 20px 20px 20px;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697624119701.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  height: auto;
  padding: 20px 20px 20px 20px;
  }
#iptrcq {
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
#idr9qh {
  padding: 10px;
  color: #ffffff;
}
#i513oy {
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
#icrf54 {
  padding: 10px;
  color: #ffffff;
}
#ial4n5 {
  border-radius: 20px 20px 20px 20px;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697624119701.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  height: auto;
  padding: 20px 20px 20px 20px;
}
#izgr3t {
  padding: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
}
#i0t9kd {
  padding: 10px;
  color: #ffffff;
}
#i5gzyj {
  border-radius: 20px 20px 20px 20px;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697624119701.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  height: auto;
  padding: 20px 20px 20px 20px;
}
#if5zej {
  color: black;
}
#ibero8 {
  background-color: white;
  height: 405.3999938964844px;
  padding: 10px 40px 10px 40px;
}
#im5ac8 {
  height: 249.4000244140625px;
}
#iqojci {
  color: black;
  width: 90%;
  margin: 0 auto 0 auto;
}
#if1mf3 {
    display:none;
  padding: 10px 55px 10px 55px;
}
#ibbz65 {
  padding: 10px;
  text-align: center;
  color: #000000;
  font-weight: 700;
  font-size: 35px;
}
#ivac5l {
  height: auto;
  width: 100%;
}
#ixssl3 {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#ibxcyo {
  padding: 10px;
  text-align: center;
  color: #494949;
  font-weight: bold;
}
#iwtj25 {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#iyuit1 {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#ia9qlk {
  background-image: url('https://redsling.s3.amazonaws.com/file-1706870334319.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  width: 25%;
  border-radius: 0 20px 20px 0;
  height: 350px;
  padding: 0 20px 0 20px;
}
#idazbo {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#iax5oz {
  padding: 10px;
  text-align: center;
  color: #494949;
  font-weight: bold;
}
#i4gycg {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#ir08ia {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#in7ow6 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1706870334319.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  width: 25%;
  height: 350px;
  padding: 0 20px 0 20px;
}
#inzd9h {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#izc4d9 {
  padding: 10px;
  text-align: center;
  color: #494949;
  font-weight: bold;
}
#i4v4jh {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#ix66sy {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#icsvnk {
  background-image: url('https://redsling.s3.amazonaws.com/file-1706870334319.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  width: 25%;
  border-radius: 20px 0 0 20px;
  height: 350px;
  padding: 0 20px 0 20px;
}
#i1tt0f {
  color: black;
  width: 20%;
  margin: 0 auto 0 auto;
}
#iwsj85 {
  padding: 10px;
  text-align: center;
  color: #494949;
  font-weight: bold;
}
#isco0e {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#iut56v {
  padding: 10px;
  text-align: center;
  color: #494949;
}
#i66x9k {
  background-image: url('https://redsling.s3.amazonaws.com/file-1706870334319.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  width: 25%;
  height: 350px;
  padding: 0 20px 0 20px;
}
#isps82 {
  padding: 10px 60px 30px 60px;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697632748896.png');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-attachment: scroll;
  background-size: cover;
  display:none;
}
.wraper {
  height: 350px;
  width: 300px;
  overflow: hidden;
  color: #fff;
  position: relative;
}
.box-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.6s ease-in-out;
  
}
.flex-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.overlay {
  height: 100%;
  width: 100%;
}


.visible-content-1 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1707378886863.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 20px;
  
}
.visible-content-2 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1707379014218.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
   border-radius: 20px;
}
.visible-content-3 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1707379052740.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
   border-radius: 20px;
}
.visible-content-4 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1707379102344.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
   border-radius: 20px;
}
.visible-content-5 {
  background-image: url('https://redsling.s3.amazonaws.com/file-1707379182969.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
   border-radius: 20px;
}

.hidden-content {
  background-color: #ff0000;
  transform: translateX(0) translateY(100%);
   border-radius: 20px;
   
}
.wraper:hover > .hidden-content {
  transform: none;
}

.wraper:hover > .visible-content-1 {
  transform: translateX(0) translateY(-100%);
}
.wraper:hover > .visible-content-2 {
  transform: translateX(0) translateY(-100%);
}
.wraper:hover > .visible-content-3 {
  transform: translateX(0) translateY(-100%);
}
.wraper:hover > .visible-content-4 {
  transform: translateX(0) translateY(-100%);
}
.wraper:hover > .visible-content-5 {
  transform: translateX(0) translateY(-100%);
}
#izb5 {
  height: 201.39999389648438px;
}

#i98c {
  width: 30%;
  vertical-align: middle;
}

#ignl {
  width: 50px;
}

#i2tl {
  width: 50px;
}

#box-1 {
  width: 30%;
  border-radius: 20px;
    
}

#i80q {
  padding: 10px;
  font-size: 35px;
  font-weight: bold;
}

#iiha {
  
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 26px;
}

#inside-text {
  padding: 10px 10px 10px 10px ;
  text-align: center;
  color: white;
  font-size: 16px;
  width:100%;
    
}

#iag1s {
  padding: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 26px;
}

#ilm5v {
  width: 50px;
}

#ix7nr {
  padding: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 26px;
}


#i29l9 {
  width: 50px;
}

#ibfuj {
  padding: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 26px;
}


#igocb {
  height: 201.39999389648438px;
}

#ivlr3 {
  padding: 10px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 26px;
}

#i2xlb {
  padding: 10px 120px;
  box-sizing: border-box; /* Include padding in the width */
  background-color: #f5f5f5;
}
#iovdrl:hover .flip-box-inner {
            transform: rotateY(180deg);
}

#iovdrl {
  height: 270px;
  width: 20%;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697632553933.png');
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  background-color: #1b1b1b;
  border-radius: 20px 20px 20px 20px;
}
#ikew34 {
  height: 350px;
  padding: 10px 20px 10px 20px;
  width: 20%;
  background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
  background-color: #c902cb;
  border-radius: 20px 20px 20px 20px;
}
#ir20k7 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#il49ii {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#i319ro {
  height: 270px;
  width: 3.33%;
}
#is71ed {

  height: 270px;
  width: 20%;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697632571977.png');
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  background-color: #1b1b1b;
  border-radius: 20px 20px 20px 20px;
}
#ig41hq {
  height: 270px;
  width: 3.33%;
}
#i2559j {
  height: 270px;
  width: 3.33%;
}
#iqmysd {
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#inrlg8 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#ifnbgq {
        
  height: 350px;
  padding: 10px 20px 10px 20px;
  width: 20%;
  background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
  background-color: #c902cb;
  border-radius: 20px 20px 20px 20px;
}
#i7qdax {
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#ikuvd4 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#ij29hk {
  height: 350px;
  padding: 10px 20px 10px 20px;
  width: 20%;
  background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
  background-color: #c902cb;
  border-radius: 20px 20px 20px 20px;
}
#ikiv04 {
  height: 270px;
  width: 3.33%;
}
#ioqu4f {
  height: 270px;
  width: 3.33%;
}
#izwjl3 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#i3dt5j {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#iqts3f {
  height: 350px;
  padding: 10px 20px 10px 20px;
  width: 20%;
  background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
  background-color: #c902cb;
  border-radius: 20px 20px 20px 20px;
}
#ixr615 {
  height: 270px;
  width: 3.33%;
}
#iz236l {
  height: 270px;
  width: 20%;
  background-image: url('https://redsling.s3.amazonaws.com/file-1697632585072.png');
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  background-color: #1b1b1b;
  border-radius: 20px 20px 20px 20px;
}
#i4r5xw {
  padding: 10px;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
}
#ipfgt2 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#iuyvl2 {
  height: 350px;
  padding: 10px 20px 10px 20px;
  width: 20%;
  background-image: linear-gradient(to bottom, #b275d7 13%, #8204cf 53%);
  background-color: #c902cb;
  border-radius: 20px 20px 20px 20px;
}
#ixctfr {
  height: 634.6000366210938px;
  background-image: url('https://redsling.s3.amazonaws.com/file-1706788645863.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  padding: 10px 40px 10px 40px;
}


#idj4ig {
  height: 40%;
}
#imzi8g {
  width: 50%;
  vertical-align: middle;
}
#i3jgli {
  width: 25%;
  border-radius: 20px 20px 20px 20px;
  height: 230px;
  background-color: #047fc4;
  background-image: linear-gradient(to bottom, #047fc4 2%, #00a3ff 88%);
}
#i4rkiw {
  height: 40%;
}
#i8zosp {
  width: 21%;
}


#i91elh {
  padding: 10px;
  color: black;
  font-size: 35px;
  font-weight: bold;
}
#islddh {
  width: 50%;
}
#icvgqw {
  width: 1%;
}
#iu1ttf {
  width: 1%;
}
#igmo1q {
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#iwyswi {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#iet8jp {
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#ipn1f7 {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#iz1lf5 {
  width: 25%;
  border-radius: 20px 20px 20px 20px;
  height: 230px;
  background-color: #047fc4;
  background-image: linear-gradient(to bottom, #047fc4 2%, #00a3ff 88%);
}
#ifwsjh {
  padding: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#i6dq3t {
  padding: 10px;
  color: #ffffff;
  text-align: center;
}
#id1191 {
  width: 25%;
  border-radius: 20px 20px 20px 20px;
  height: 230px;
  background-color: #047fc4;
  background-image: linear-gradient(to bottom, #047fc4 2%, #00a3ff 88%);
}
#iobxfh {
  height: auto;
}
#itmk6a {
  width: 15%;
  vertical-align: middle;
  height: auto;
}
#i7iiks {
  width: 85%;
  vertical-align: middle;
  height: auto;
}
#inam7o {
  padding: 10px;
  color: black;
}
#i8j10k {
  color: black;
}
#imetm5 {
  width: 15%;
  vertical-align: middle;
  height: auto;
}
#ifp15m {
  padding: 10px;
  color: black;
}
#iebzp5 {
  width: 85%;
  vertical-align: middle;
  height: auto;
}
#stellar-btn-2 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#i1bn9e {
  margin: auto;
  text-align: left;
  color: black;
}
#ii4wlw {
  margin: auto;
  text-align: left;
  color: black;
}
#stellar-btn-5 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#i9lwbo {
  margin: auto;
  text-align: left;
  color: black;
}
#stellar-btn-6 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#iqqf9j {
  margin: auto;
  text-align: left;
  color: black;
}
#stellar-btn-7 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#infghp {
  margin: auto;
  text-align: right;
  color: black;
}
#stellar-btn-8 {
  width: 100%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#iet501 {
  margin: auto;
  text-align: left;
  color: black;
}
#stellar-btn-9 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#i2nwpd {
  width: 15%;
  height: auto;
  padding: 5px 5px 5px 5px;
  background-image: linear-gradient(undefined, NaN%, NaN%);
  Border-Top: 5px solid #ff0000;
}
#ieqpmp {
  margin: auto;
  text-align: left;
  color: black;
}
#stellar-btn-15 {
  width: 80%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#stellar-btn-17 {
  width: 20%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
  height: 43px;
  margin: 0 auto 0 auto;
}
#itsp3c {
  margin: auto;
  text-align: right;
  color: black;
}
#stellar-btn-16 {
  width: 100%;
  padding: 0.5em;
  border-radius: 10px;
  background-color: transparent;
  border: none;
  color: white;
  cursor: pointer;
}
#i89jgr {
  color: black;
  margin: auto auto auto auto;
}
#i161u6 {
  color: black;
}
#id78 {
  background-color: #ffffff;
}
#i11xh {
  width: 50%;
}
#izb5x {
  width: 50%;
}
#i1zrlf {
  margin: auto;
  text-align: center;
}
#stellar-btn-18 {
  width: 150px;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  background-color: #ff0000;
  color: #fff;
  cursor: pointer;
  margin: 0 0 0 0;
  border: 3px solid #ff0000;
  
}
#stellar-btn-18:hover {
    background-color: #fff;
    color: #ff0000;
    border: 3px solid #ff0000;
}
#ipd9cy {
  margin: auto;
  text-align: center;
}
#stellar-btn-19 {
  width: fit-content;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  background-color: #ff0000;
    color: white;
  cursor: pointer;
  margin: 10px auto 10px auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  border: 3px solid #ff0000;
}
#stellar-btn-19:hover {
    background-color: #fff;
    color: #ff0000;
    border: 3px solid #ff0000;
}
#i3acan {
  margin: auto;
  text-align: center;
}
#stellar-btn-20 {
  width: fit-content;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  background-color: #ff0000;
  border: 3px solid #ff0000;
  color: white;
  cursor: pointer;
  margin: 10px auto 10px auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  }
  #stellar-btn-20:hover {
    background-color: #fff;
    color: #ff0000;
    border: 3px solid #ff0000;
}
#iokzu8 {
  margin: auto;
  text-align: center;
}
#stellar-btn-21 {
  width: fit-content;
  padding: 0.5em;
  border-radius: 35px 35px 35px 35px;
  background-color: #ff0000;
  color: white;
  cursor: pointer;
  margin: 10px auto 10px auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-size: auto;
  border: 3px solid #ff0000;
}
#stellar-btn-21:hover {
    background-color: #fff;
    color: #ff0000;
    border: 3px solid #ff0000;
}
#in7fjj {
  height: auto;
  width: 100%;
}
#iwdtjo {
  height: auto;
}

@media only screen and (max-width: 768px) {
    
    a.btngetstarted {
    width: 100%;
    padding: 0.5em;
    border-radius: 35px 35px 35px 35px;
    border: 2px solid #ff0000;
    color: #000000;
    cursor: pointer;
    background-color: transparent;
        display: inline-block;
}
    #igj1ni{
        display: none;
    }
    #ivpwx {
    font-size: 25px;
}
    #i2xlb {
    padding: 10px;
    text-align: center;
}
#box-1 {
    width: 100%;}
    #i2tl {
    display: none;
}
    #ignl {
    height: 25px;
}
#ilm5v {
    height: 25px;
}
#i29l9 {
    height: 25px;
}
    .wraper {
    width: 75%;
        margin: auto;
    }
    

    .desktopmenu {
    	display: none;
    }
#ipo06b {
	display: flex;}
    .mobilemenuiconwrap {
           display: block;
    position: relative;
    left:60%;
    }

  /* For mobile phones: */
  .gjs-row {
    padding: 10px;
    width: 100%;
  }
  .gjs-cell {
    width: 100%;
    display: table-row;
  }
          .hidden-mobile {
          display: none;
        }
  #stellar-btn-18 {
    width: 75%;
	  margin: 0 auto;
  }
  #stellar-btn {
    width: 75%;
	  margin: 0 auto;
  }
  #insh0y {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  #ih6pi {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
  }

  #ih6pi {
    width: 100%;
    height: auto;
    float: left;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
  }
  #iwh9w {
    height: 100%;
    width: 100%;
    border-radius: 20px 20px 20px 20px;
    margin: 0 auto 0 auto;
  }
  #idigdi {
    width: 10%;
  }
  #imyq6o {
    width: 10%;
  }
  #ifs4nl {
    width: 10%;
  }
  #im58la {
    width: 10%;
  }
  #idrhlf {
    width: 10%;
  }
  #itvbl {
      padding: 20px 20px 20px 20px;
  }
  #i5he3m {
  padding: 10px 30px 30px 30px;
}
#izzzuf {
    border-radius: 10px 10px 10px 10px;
}
  #id8d9w {
    border-radius: 30px 30px 30px 30px;
    padding: 20px 20px 20px 20px;
    /* background-image: url(https://redsling.s3.amazonaws.com/file-1697622688587.png);
     background-repeat: repeat; */
    /* background-position: left top; */
    background-attachment: scroll;
    background-size: auto;
    color: #4c1920;
    background: #e7e7e7;
  }
  #stellar-btn-21 {
    width: 100%;
  }
	#stellar-btn-14 {
    width: 100%;
   }
  #isps82 {
    padding: 10px 0 30px 0;
  }
  #ifnbgq {
    height: auto;
  }
  #iovdrl {
    display: table;
  }
  #i3p4p {
    text-align: -webkit-center;
  }
  
  #stellar-btn-4 {
    width: 100%;
    border-radius: 10px;
    border: none;
    color: white;
    cursor: pointer;
    background-color: transparent;
    margin: 0 auto 0 auto;
  }


.dropdown-content {
  	display: none;
  	position: absolute;
  	padding-top: 15px;
  	background-color: rgb(27 27 27);
  	width: auto;
  	overflow: auto;
  	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4);
  	left: 48px;
}

  #i4cv15 {
          width: 30%;
    color: black;
    display: inline-block;
  }
  #idbufu {
  	display: block;
    width: 25%;
  }
  #ib8x6m.gjs-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
  }
  #ib8x6m.gjs-row .gjs-cell {
    width: 100%;
    min-height: 30px;
    height: auto;
  }
  #ib8x6m.gjs-row .gjs-cell#iovdrl {
    height: 270px;
    display:none;
  }
  #ib8x6m.gjs-row .gjs-cell#is71ed {
    height: 270px;
  }
  #iq231n.gjs-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #iq231n.gjs-row .gjs-cell {
    width: 100%;
    min-height: 30px;
    height: auto;
  }
  #iq231n.gjs-row .gjs-cell#iz236l {
    height: 270px;
    display:none;
  }
  #stellar-btn-3 {
    width: 90%;
  }
  #i91elh {
    padding: 10px;
    text-align: center;
  }
  #stellar-btn-16 {
    width: 100%;
  }
  #itsp3c {
    margin: auto;
    text-align: center;
  }
  #stellar-btn-8 {
    width: 100%;
  }

#infghp {
  margin: auto;
  text-align: center;
}

.mobile-container {
  /*max-width: 480px;*/
  margin: auto;
  background-color: #555;
  /*height: 500px;*/
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #000;
  position: relative;

}

.topnav #myLinks {
  display: none;

}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 16px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color:#93070d;
  color: #ffffff;
}

.active {
  background-color: #ffffff;
  color: white;
}
.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content a {
  display: block;
  color: #ffffff;
  padding: 6px;
  text-decoration: none;
}
.dropdown-content a:hover {
  color: #FFFFFF;
  background-color: #900000;
}
a.icon {
    margin-top: 30px;
    font-size: 28px;
}

div#myLinks {
    margin: 15px;
    overflow: auto;
}
	/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#ir8g3 {width: 50%;float: left; text-align: left;}
#ip6l0f {width: 50%;float: left; text-align: left;}
#idqfif {width: 100%;float: left; text-align: left;}
#iq6k33 {padding: 0 20px;}
#ijopvg {padding: 0 20px;}
#imetm5 {width: auto; display: inline-block;}
#iebzp5 {display: inline-block;}
#itmk6a {width: auto; display: inline-block;}
#i7iiks {display: inline-block;}

#i9m5rw {
	width: 100%;
	display: inline-block;
}

#ihfjzl {
	width: 100%;
	Border-Top: 0px solid #ff0000;
	display: block;
}

#iuipc8 {
	width: 100%;
	Border-Top: 0px solid #ff0000;
	display: inline-block;
}

#i2nwpd {
	width: 100%;
	Border-Top: 0px solid #ff0000;
	display: inline-block;
}

div#is71ed {
    display: none;
}
#if1mf3 {
    display: none;

}
#iqojci {
    color: black;
    width: 100%;
    margin: 0 auto 0 auto;
}
#ibero8 {
    background-color: white;
    /* height: 405.3999938964844px; */
    padding: 10px;
}
#ixctfr {
    display: none;}
    div#i2559j {
    display: none;
}
div#ig41hq {
    display: none;
}
#ixn0i .submit-regular-form #submit {
	background-color: transparent;
}
.submit_tele {
	background-color: transparent;
}




/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 200px;
 
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.5s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}