body {
  margin: 0;
  padding: 0;
  /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif; */
    /* font-family: "Raleway",sans-serif !important; */
    font-family: "Ubuntu",sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.renderSectionOne {
  background-color: #000;
  color: #fff;
}
.renderSectionTwo {
  background-color: blue;
  color: #fff;
}
.renderSectionThree {
  background-color: red;
  color: #fff;
}
.renderSectionFour {
  background-color: green;
  color: #fff;
}
.headingTwoColor {
  font-size: 70px;
  font-weight: 800;
  color: #053c63;
  /* font-family: sans-serif; */
  font-family: "Open Sans", sans-serif;
}
.headingTwoColor span {
  color: #09d1de;
}
.sectionFintech {
  width: 100%;
  float: left;
  padding-top: 150px;
  text-align: left;
}
.sectionFintechLeftBox {
  width: 100%;
  float: left;
  position: relative;
  /* z-index: 3333; */
}
.sectionFintechLeftBox h4 {
  font-size: 46px;
  text-align: left;
  /* hyphens: auto;
    -webkit-hyphens: auto; */
  /* word-spacing: -0.05em; */
}
.sectionFintechLeftBox p {
  font-size: 16px !important;
}
.sectionFintechLeftBox .headingTwoColor {
  padding-top: 100px;
  position: relative;
}
.sectionFintechLeftBox .headingTwoColor::after {
  height: 2px;
  bottom: -10px;
  right: 42%;
  left: 0px;
  position: absolute;
  content: "";
  border: 2px solid;
  display: grid;
  border-image: linear-gradient(to left, #09d1de, #053c63) 1 0;
}
.boxParallax p {
  font-size: 18px;
}
.boxParallax {
  float: left;
  width: 100%;
  overflow: hidden;
}
.boxParallax .container {
  width: 80%;
}
.ParallaxOne {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/tesorahubNewDashboard/Mask group.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: none !important;
  /* height: auto !important; */
  /* position: relative !important; */
  /* z-index: 3; */
  height: 100vh;
  position: relative;
}
.ParallaxOne .threeD {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
.sectionFintechPera {
  float: left;
  width: 100%;
  margin: 50px 0px;
  text-align: center;
}
.ParallaxOne .ImgAnimation {
  position: absolute;
  top: 28%;
  left: 40%;
  z-index: 333;
  width: 120px;
}

.ParallaxTwo {
  background-image: url("https://media.mycom.world/frontend/tesoraLanding/Group 1407.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding: 100px 0px;
  position: relative;
  overflow: hidden;
}

.ParallaxThree {
  float: left;
  width: 100%;
  padding: 100px 0px;
  background-image: url("https://media.mycom.world/frontend/tesoraLanding/Group 1405.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.ParallaxThree .ImgAnimation {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 333;
  width: 100px;
}
.ParallaxThree .animationthree {
  position: absolute;
  top: 30%;
  left: 5%;
  bottom: 0px;
  z-index: 333;
  width: 50%;
  opacity: 0.3;
}
.ParallaxFour {
  float: left;
  width: 100%;
  padding: 100px 0px;
  background-image: url("https://media.mycom.world/frontend/tesorahubNewDashboard/Mask group.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
}
.ParallaxFive {
  float: left;
  width: 100%;
  padding: 100px 0px 0px 0px;
  background-image: url("https://media.mycom.world/frontend/tesoraLanding/Group 1406.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}
/* .ParallaxFive::after{
    position: absolute;
    content: '';
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    background-image: url('https://media.mycom.world/frontend/tesorahubNewDashboard/blue-mosaic-tile-pattern-background-in-technology-2021-08-31-20-11-15-utc 2.png');
  
    z-index: -1;
    background-color: #053C63;
}
@keyframes slide {
    0% {
     margin-left: 0px;
    }
    100% {
      margin-left: -1600px;
    }
  } */

.ParallaxFive .ImgAnimation {
  position: absolute;
  top: 44%;
  left: 45%;
  z-index: 333;
  width: 100px;
}
.ParallaxFive .animationfive {
  position: absolute;
  top: 10%;
  left: -5%;
  bottom: 0px;
  z-index: 333;
  width: 50%;
  opacity: 0.3;
}

.ParallaxSix {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/tesoraLanding/Mask group (2).png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.ParallaxSix .ImgAnimation {
  position: absolute;
  top: 33%;
  left: 40%;
  z-index: 333;
  width: 140px;
}
.ParallaxSeven {
  width: 100%;
  float: left;
  /* background-image: url('https://media.mycom.world/frontend/tesorahubNewDashboard/Group 152.png'); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: auto;
  text-align: center;
  overflow: hidden;
  background-image: linear-gradient(to right, #95fffa, #fff);
}
.ParallaxSeven .dropingAmination {
  position: absolute;
  top: 12%;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 333;
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}
.ParallaxSeven .dropingAmination img {
  width: 100%;
}

.ParallaxSeven .animationseven {
  position: absolute;
  top: 20%;
  left: 50%;
  bottom: 0px;
  z-index: 3333;
  width: 30%;
  opacity: 0.3;
  transform: translate(-50%);
}
/* .ParallaxSeven .slide-left-box p{
    font-size: 220px;
    color: #053C63;
    white-space: nowrap;
    font-weight: bold;
} */
/* .ParallaxSeven .slide-left-box {
    animation:  3s slide-left-box;
    position: absolute;
    top: 30%;
    left: 0px;
    right: 0px;
    
  } */
/* @keyframes slide-left-box {
    from {
      margin-left: 100%;
    }
    to {
      margin-left: 0%;
      display: none;
    }
  } */

.slide-left-box {
  position: absolute;
  top: 30%;
  left: 0px;
  right: 0px;
}
.slide-left-box p {
  /* position: absolute; */
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  animation: slide-left-box 15s linear infinite;
  font-size: 220px;
  color: #053c63;
  white-space: nowrap;
  font-weight: bold;
  left: 0px;
}
/* Move it (define the animation) */
@keyframes slide-left-box {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-130%);
  }
}

.ParallaxEight {
  width: 100%;
  float: left;
  /* padding-top: 15%; */
}
.ParallaxNine {
  width: 100%;
  float: left;
  padding-top: 100px;
}

@supports (position: sticky) {
  .is-sticky {
    position: sticky;
    top: 150;
  }
}

/* 

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}


main {
	@media (min-height: $sm-h) {
		scroll-snap-type: y mandatory;
		height: 100vh;
		overflow-y: scroll;
	}
}
.section{
    height: 100vh;
} */
.headingLastBorder {
  text-align: left;
  color: #09d1de;
  margin-bottom: 50px;
  margin-top: 50px;
  display: inline-block;
  width: auto;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
.headingLastBorder .borderrightbottom {
  position: relative;
  width: auto;
  /* float: left; */
  font-size: 30px;
}
.headingLastBorder .borderrightbottom big {
  font-size: 54px;
}
.headingLastBorder span::after {
  height: 2px;
  bottom: 10px;
  right: -150%;
  left: 103%;
  position: absolute;
  content: "";
  border: 2px solid;
  display: grid;
  border-image: linear-gradient(to left, #09d1de, #053c63) 1 0;
}
.headingLastBorder .blockBottom {
  font-size: 72px;
  display: block;
}
.ParallaxOne .btnLegal {
  background-color: transparent;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0px;
  margin: 0px;
  position: absolute;
  bottom: 5%;
  left: 5%;
  color: #053c63;
  font-weight: bold;
  font-size: 18px;
  z-index: 333;
}
.digitalCertification {
  float: left;
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 333;
}
.digitalCertification .btnThreeRadius {
  position: absolute;
  bottom: 10%;
  left: 45%;
  background-image: linear-gradient(to right, #fff, #b2b2b2);
}
.digitalCertification .headingLastBorder {
  color: #fff;
}
.digitalCertification .headingLastBorder .borderrightbottom::after {
  border-image: linear-gradient(to left, #09d1de, #fff) 1 0;
}
.digitalImgRight {
  text-align: right;
}
.digitalImgRight img {
  /* width: 70%; */
  margin-top: 30px;
  float: right;
}

.btnThreeRadius {
  border-radius: 10px 0px 10px 10px;
  border-image: linear-gradient(to right, #fff, #b2b2b2) !important;
  padding: 10px;
  min-width: 180px;
  border: none;
  float: left;
  font-size: 22px;
  color: #053c63 !important;
  font-weight: bold;
  /* background-color: transparent; */
}
.itEasyToStart {
  width: 100%;
  float: left;
}
.imgThreeCircel img {
  width: 250px;
  height: 250px;
}
.imgThreeCircel {
  padding-top: 50px;
}
.imgThreeCircel h4 {
  margin-top: 30px;
  color: #707070 !important;
  font-size: 20px;
  position: relative;
}

.imgThreeCircel h4::after {
  height: 8px;
  bottom: -30px;
  right: 25%;
  left: 25%;
  position: absolute;
  content: "";
  background-color: #053c63;
  border-radius: 10px;
}
.imgThreeCircel.one h4::after {
  background-color: #09d1de;
}
.imgThreeCircel.two h4::after {
  background-color: #0a71b8;
}
.learningResources {
  width: 100%;
  float: left;
  position: relative;
  z-index: 333;
  /* padding-top: 10%; */
}
.BeingFinancial {
  width: 100%;
  float: left;
  padding-top: 10%;
}
.scrollSlider {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 5%;
}

.ParallaxThree .digitalCertification .minibondBox {
  width: 100%;
  float: left;
  padding-top: 50px;
  padding-right: 5%;
  text-align: justify;
}
.ParallaxThree .digitalCertification .minibondBox h4 {
  color: #fff !important;
  margin-top: 30px;
  line-height: 24px;
}
.ParallaxThree .digitalCertification .minibondBox h2 {
  color: #fff !important;
  margin-top: 20px;
  /* line-height: 40px; */
}
.ParallaxFive .learningResources .headingLastBorder {
  color: #fff !important;
  text-align: left;
}
.ParallaxFive .learningResources p {
  color: #fff;
}
.ParallaxFive .learningResources .headingLastBorder span::after {
  border-image: linear-gradient(to left, #fff, #fff) 1 0;
}
.ParallaxFiveleftImg {
  overflow: hidden;
}
.ParallaxFiveleftImg img {
  width: 110%;
  margin-left: -15%;
  margin-top: -70px;
}
.twoButtonsBox {
  width: 100%;
  float: left;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.twoButtonsBox .btnThreeRadius:nth-child(2) {
  background-image: linear-gradient(to left, #2e2e2e, #b7b7b7);
  color: #fff !important;
}
.twoButtonsBox .btnThreeRadius:nth-child(1) {
  background-image: linear-gradient(to right, #fff, #b2b2b2);
  color: #053c63;
}
.ParallaxSix .tesoraExchangeMobileApp {
  float: left;
  width: 100%;
  padding-top: 20%;
}
.ParallaxSix .tesoraExchangeMobileApp .headingTwoColor {
  font-size: 67px;
  text-shadow: 0px 2px 4px #ababab;
}
.ParallaxSix .tesoraExchangeMobileApp .yourWalletheading {
  font-size: 32px;
  color: #053c63 !important;
  /* margin-top: 50px; */
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-shadow: 0px 2px 4px #ababab;
}
.ParallaxSix .tesoraExchangeMobileApp .yourWalletheading .fontbig {
  font-size: 92px;
}
.ParallaxSix .tesoraExchangeMobileApp .yourWalletheading span {
  width: 100%;
  float: left;
  text-align: center;
}
.ParallaxSix .tesoraExchangeMobileApp .downloadNowStore {
  font-size: 24px;
  font-weight: bold;
  width: 100%;
  float: left;
  text-align: center;
  color: #09d1de;
  line-height: 24px;
  margin-top: 20px;
  text-shadow: 0px 2px 4px #ababab;
}
.ParallaxSix .tesoraExchangeMobileApp .downloadNowStore span {
  width: 100%;
  float: left;
  text-align: center;
  font-weight: normal;
}
.ParallaxSix .tesoraExchangeMobileApp .btnThreeRadius {
  padding: 0px;
  background-color: transparent;
  min-width: auto;
  background-image: none;
  margin: 20px auto;
}
.ParallaxSix .tesoraExchangeMobileApp .btnThreeRadius img {
  height: 40px;
  width: auto;
}
.ParallaxSix .tesoraExchangeMobileApp .btndownloadBox {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.ParallaxSix .tesoraExchangeMobileApp .imgMobileApp {
  width: 65%;
  float: right;
  margin-top: -120px;
  /* margin-right: 30px; */
}

.ParallaxSeven .technologyYou {
  width: 100%;
  float: left;
  position: relative;
  z-index: 3333;
  text-align: center;
  margin-top: 20%;
  /* overflow: hidden; */
}
.ParallaxSeven .technologyYou h2 {
  font-size: 54px;
  padding: 0px 20%;
  color: #053c63 !important;
}
.ParallaxSeven .technologyYou .btnThreeRadius {
  margin: 50px auto;
  float: none;
  border-radius: 30px;
  color: #a042fe !important;
  background-color: transparent;
  border: 3px solid #053c63 !important;
  width: 250px;
}
.ParallaxSeven .technologyYou .imgWel {
  width: 100px;
}
.requestQuote {
  float: left;
  width: 100%;
}
.fromleft {
  float: left;
  width: 100%;
  padding-right: 30px;
}
.fromright {
  float: left;
  width: 100%;
  padding-left: 30px;
}
.fromright .btnThreeRadius {
  background-image: linear-gradient(to left, #053c63, #09d1de);
  /* border-radius: 30px; */
  box-shadow: 0px 2px 4px #ababab;
  color: #fff !important;
  margin-top: 30px;
}
.inputLabelWithBox,
.inputLabelWithBox label,
.inputLabelWithBox input {
  float: left;
  width: 100%;
}
.inputLabelWithBox {
  margin-bottom: 20px;
}
.inputLabelWithBox label {
  font-weight: bold;
  text-transform: uppercase;
  color: #053c63;
  padding-left: 20px;
}
.inputLabelWithBox input {
  border-radius: 15px;
  border: 1px solid #a042fe;
  height: 50px;
  padding: 0px 20px;
}
.inputLabelWithBox textarea {
  border-radius: 15px;
  border: 1px solid #a042fe;
  padding: 20px;
  float: left;
  width: 100%;
}
.ParallaxTwo .scrollSlider .rightFourSlideImg img {
  float: left;
  position: relative;
  z-index: 333;
  width: 60%;
}
.ParallaxTwo .scrollSlider .ImgAnimation {
  position: absolute;
  top: 25%;
  left: 40%;
  z-index: 333;
  width: 120px;
}
.ParallaxTwo .animationslideOne {
  position: absolute;
  top: 13%;
  left: 0%;
  bottom: 0px;
  z-index: 0;
  width: 50%;
}
.ParallaxTwo .animationslideTwo {
  position: absolute;
  left: 0%;
  bottom: 0px;
  z-index: 0;
  width: 50%;
}
.ParallaxTwo .animationslideThree {
  position: absolute;
  left: 0%;
  bottom: 0px;
  z-index: 0;
  width: 50%;
}
.ParallaxTwo .animationslideFour {
  position: absolute;
  left: 0%;
  bottom: 0px;
  z-index: 0;
  width: 50%;
}
.ParallaxTwo .scrollSlider .ImgAnimation {
  width: 80px;
}
.ParallaxFive.recourceSectio {
  padding: 10% 0px;
}
.ParallaxSeven.journeySectio {
  padding: 10% 0px;
}
.ParallaxSeven.journeySectio .technologyYou {
  margin-top: 9%;
}
.MenuCountryBox {
  width: 100%;
  float: left;
  border-bottom: 1px dashed #0000004d;
  margin-top: 80px;
  padding: 30px 0px;
  margin-bottom: 20px;
}
.MenuCountryBox ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MenuCountryBox ul li {
  list-style: none;
  width: 20%;
  position: relative;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.MenuCountryBox ul li::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 30px;
  width: 2px;
  background-color: #000;
}
.MenuCountryBox ul li:first-child:after {
  display: none;
}
.tabBoxBg {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/tesorahubNewDashboard/Mask group.png");
  background-repeat: repeat;
}
.collapsTabBox {
  width: 100%;
  float: left;
  margin-bottom: 150px;
}

.headingLegalInformation {
  width: 100%;
  float: left;
  padding-top: 100px;
}
.headingLegalInformation h2 {
  text-align: right;
  font-size: 62px;
  margin: 30px 0px;
  color: #053c63;
  width: 100%;
}
.headingLegalInformation h3 {
  text-align: center;
  margin: 60px 0px;
  color: #053c63;
  font-weight: 300;
  width: 100%;
}
.headingLegalInformation h4 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
.collapsTabBox .ant-collapse {
  float: left;
  width: 100%;
  border: none !important;
  background-color: transparent;
}
.collapsTabBox .ant-collapse .ant-collapse-arrow {
  display: none !important;
}
.collapsTabBox .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 15px 0px;
  font-size: 20px;
  color: #000;
}
.collapsTabBox
  .ant-collapse-item.ant-collapse-item-active
  .ant-collapse-header {
  color: #000 !important;
}
.collapsTabBox .ant-collapse > .ant-collapse-item {
  border-bottom: 1px dashed #0000004d;
  margin-bottom: 20px;
}
.collapsTabBox .ant-collapse-content {
  border-top: none;
  background-color: transparent;
}
.collapsTabBox .ant-collapse-content .ant-collapse-content-box {
  padding: 15px 0px;
  color: #000;
  text-align: justify;
}
.headerWithlastUpdate {
  display: flex;
  justify-content: space-between;
}
.headerWithlastUpdate .headinglefttab {
}
.headerWithlastUpdate .headingRighttab {
  font-size: 16px;
  color: #053c63;
  font-weight: 300;
}

.grid_container {
  --bs-gutter-x: 1.2rem;
  --bs-gutter-y: 1.2rem;
  display: flex;
  flex-wrap: nowrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  z-index: 33333;
  overflow-x: auto;
  padding: 0.5rem 0rem;
  /* position: absolute;
    top: 40%;
    left: 0px;
    right: 0px; */
  font-size: 150px;
}

.grid_container::-webkit-scrollbar {
  height: 7.5px;
}
.grid_container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.grid_container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 50px;
}

.grid_container > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.grid_container p {
  font-size: 120px;
  margin: 0px;
}
.grid_container div {
  flex: 0 0 auto;
  width: 50%;
  transition-delay: 10ms, 10ms;
}
.card {
  flex: 0 0 auto;
  width: 8.6%;
  transition-delay: 10ms, 10ms;
}

.card img {
  width: 100%;
  transition-delay: 10ms, 10ms;
}

.scale img {
  opacity: 1;
  transform: scale(1);
  transition-delay: 10ms, 10ms;
}

.notScale img {
  opacity: 0.4;
  transform: scale(0.9);
}
.mobileThreeD {
  display: none;
}
.colapsInner .privacy-inner-div {
  float: left;
  width: 100%;
}
.colapsInner {
  float: left;
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  padding-right: 20px;
}
.colapsInner::-webkit-scrollbar {
  width: 8px;
  margin-left: 5px;
}

/* Track */
.colapsInner::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #d4d4d4;
  border-radius: 10px;
}

/* Handle */
.colapsInner::-webkit-scrollbar-thumb {
  background: #0a71b8;
  border-radius: 10px;
}
.modal-3d {
  position: absolute !important;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
.colapsInner::-webkit-scrollbar-thumb:hover {
  background: #0a71b8;
}

/* start responsive css */
@media (max-width: 1700px) {
  .sectionFintechLeftBox .headingTwoColor {
    padding-top: 0px;
  }
}

@media (max-width: 1580px) {
  .sectionFintechLeftBox .headingTwoColor {
    /* padding-top: 80px; */
    font-size: 60px;
  }
  .headingLastBorder {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .headingLastBorder .borderrightbottom {
    font-size: 26px;
  }
  .headingLastBorder .blockBottom {
    font-size: 52px;
  }
  .headingLastBorder .borderrightbottom big {
    font-size: 48px;
  }
  .sectionFintechLeftBox h4 {
    font-size: 36px;
  }
  .ParallaxSix .tesoraExchangeMobileApp .imgMobileApp {
    margin-top: -60px;
    width: 60%;
  }
  .ParallaxFiveleftImg img {
    margin-left: -10%;
    margin-top: 0px;
  }
  .ParallaxThree .digitalCertification .minibondBox {
    padding-top: 20px;
  }
  .ParallaxThree .digitalCertification .minibondBox h2 {
    font-size: 24px;
  }
  .digitalImgRight img {
    margin-top: 0px;
  }
  .ParallaxSix .tesoraExchangeMobileApp .headingTwoColor {
    font-size: 60px;
  }

  .digitalCertification .btnThreeRadius {
    bottom: 5%;
  }
}
@media (max-width: 1366px) {
  .sectionFintechLeftBox .headingTwoColor {
    padding-top: 0px;
    font-size: 56px;
  }
  .sectionFintechLeftBox h4 {
    font-size: 24px;
  }
  .scrollSlider img {
    width: 60%;
  }

  .digitalCertification .btnThreeRadius {
    bottom: 0px;
    left: 42%;
  }
  .ParallaxSix .tesoraExchangeMobileApp .imgMobileApp {
    margin-top: 0px;
  }
}
@media (max-width: 1280px) {
  .sectionFintechLeftBox .headingTwoColor {
    padding-top: 0px;
    font-size: 48px;
  }
  .sectionFintechLeftBox p {
    font-size: 13px !important;
  }
}

@media (max-width: 1191px) {
  .boxParallax .container {
    width: 100%;
  }

  .ParallaxOne .ImgAnimation,
  .ParallaxTwo .scrollSlider .ImgAnimation,
  .ParallaxThree .ImgAnimation,
  .ParallaxFive .ImgAnimation,
  .ParallaxSix .ImgAnimation {
    display: none;
  }
}
@media (max-width: 1179px) {
  .ParallaxOne,
  .ParallaxTwo,
  .ParallaxThree,
  .ParallaxSix,
  .ParallaxFive,
  .ParallaxSeven,
  .ParallaxNine,
  .ParallaxEight {
    height: auto;
    padding: 100px 0px;
  }
  .ParallaxSeven .technologyYou {
    margin-top: 0px;
  }
  .ParallaxSix .tesoraExchangeMobileApp {
    padding-top: 0%;
  }
  .ParallaxSix .tesoraExchangeMobileApp .imgMobileApp {
    float: none;
  }
}
@media (max-width: 1024px) {
  .headingLegalInformation h2 {
    font-size: 36px;
    text-align: center;
  }
  .boxParallax .container {
    width: 100%;
  }
  .collapsTabBox {
    margin-bottom: 100px;
  }
  .ParallaxOne .btnLegal {
    bottom: 30px;
    left: 10%;
  }
}

@media (max-width: 991px) {
  .mobileThreeD {
    display: block;
  }
  .threeD {
    display: none;
  }
  .MenuCountryBox ul li {
    font-size: 14px;
  }
  .MenuCountryBox ul li::after {
    height: 14px;
    width: 2px;
    top: 5px;
  }
  .headingLegalInformation h4 {
    font-size: 18px;
  }
  .headingLegalInformation h3 {
    margin: 48px 0px;
    font-size: 18px;
  }
  .headerWithlastUpdate .headinglefttab {
    font-size: 16px;
  }
  .headerWithlastUpdate .headingRighttab {
    font-size: 13px;
  }
  .boxParallax p {
    font-size: 16px;
  }
  .ParallaxTwo .scrollSlider .rightFourSlideImg {
    text-align: center;
  }
  .ParallaxTwo .scrollSlider .rightFourSlideImg img {
    float: none;
  }
  .sectionFintechLeftBox {
    margin-top: 30px;
  }
  .digitalImgRight {
    text-align: center;
  }
  .digitalImgRight img {
    margin-top: 0px;
    float: none;
  }
  .digitalCertification .btnThreeRadius {
    bottom: 0px;
  }
  .BeingFinancial {
    padding-top: 20px;
    text-align: center;
  }
  .twoButtonsBox {
    justify-content: space-around;
  }
  .fromleft {
    padding-right: 0px;
  }
  .fromright {
    padding-left: 0px;
  }

  .sectionFintech {
    padding-top: 10px;
    text-align: center;
  }
  .ParallaxSix .tesoraExchangeMobileApp .headingTwoColor {
    text-align: center;
    margin-bottom: 50px;
  }
}
@media (max-width: 990px) {
  .sectionFintechLeftBox .headingTwoColor::after {
    right: 0px;
  }
}
@media (max-width: 767px) {
  .MenuCountryBox ul li::after {
    display: none;
  }
  .MenuCountryBox ul {
    display: block;
  }
  .MenuCountryBox ul li {
    display: block;
    width: 100%;
    font-size: 18px;
  }
  .collapsTabBox {
    margin-bottom: 50px;
  }
  .headingLastBorder .blockBottom {
    font-size: 38px;
  }
  .sectionFintechLeftBox .headingTwoColor {
    font-size: 38px;
    margin-bottom: 50px;
  }
  .ParallaxSix .tesoraExchangeMobileApp .headingTwoColor {
    font-size: 38px;
  }
  .ParallaxSeven .technologyYou h2 {
    font-size: 38px;
    padding: 0px 0%;
  }
  .ParallaxSix .tesoraExchangeMobileApp .yourWalletheading {
    font-size: 30px;
  }
  .ParallaxSix .tesoraExchangeMobileApp .yourWalletheading .fontbig {
    font-size: 59px;
  }
  .digitalCertification .btnThreeRadius {
    bottom: -46px;
    left: 50%;
    transform: translate(-50%);
  }
  .twoButtonsBox .btnThreeRadius {
    min-width: 130px;
  }
}

.footer-bottom-right-align {
  text-align: center;
}
.footer-top-right-align {
  text-align: right;
}
.footer-bottom-div {
  background-color: #053c63;
  padding: 10px;
  color: white;
  width: 100%;
  float: left;
}
.footer-top-div {
  background-color: #fcfcfc;
  padding: 10px;
  color: black;
  height: 100%;
  float: left;
  width: 100%;
}

.padding-col {
  padding-top: 30px;
}

.btn-rounded {
  border-radius: 25px;
}
.btn-sm {
  height: 30px;
  /* font-size: 11px; */
  line-height: 27px;
  min-width: 0;
}
.btn-icon {
  width: 35px !important;
  height: 35px !important;
  /* font-size: 20px; */
  min-width: 0;
  padding: 0;
  line-height: 38px;
  /* border: none !important; */
  font-size: 16px;
  border: 2px solid #fff !important;
}
.btn-icon i {
  margin-top: 8px;
  display: block;
}

.footer-bottom-right-align .btn-icon:nth-child(1) {
  background-color: #4b69b0;
}
.footer-bottom-right-align .btn-icon:nth-child(2) {
  background-color: #d62f55;
  /* background-image: linear-gradient(to right, #f7a551, #d62f55, #d62f55,#d62f55 , #6a519e); */
}
.footer-bottom-right-align .btn-icon:nth-child(3) {
  background-color: #000;
}
.footer-bottom-right-align .btn-icon:nth-child(4) {
  background-color: #37b1e1;
}

/* .btn-white, .image-bg .btn, .image-bg .btn:visited {
    color: #fff;
    border-color: #fff;
}
.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
    background: #fff;
    color: #222;
} */

.margin-left {
  margin-left: 10px;
}
.squar-rectangle {
  text-align: center;
  max-width: 320px;
  padding: 10px;
  justify-content: left;
  background-color: #053c63;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #a1a1a1;
  border: 1px solid #053c63 !important;
  /* background-image: linear-gradient(to right, red , #053C63); */
}
/* .align-left{
    text-align: left;
}
.align-center{
    text-align: center !important;
} */
.footer-subscrib button,
.footer-subscrib button:hover,
.footer-subscrib button:focus {
  color: #ffffff;
  padding: 0px;
  background-color: #053c63 !important;
  border-color: #fff;
  border: 2px solid;
  width: 50px;
}

.footer-subscrib button:hover i {
  padding-left: 15px;
  transform: 5000ms;
}
.footer-subscrib-input input {
  padding: 4px;
  border: none !important;
}
.footer-menu-options {
  cursor: pointer;
  /* font-weight: 400; */
  padding-bottom: 10px;
  color: #fff;
}

.footer-menu-options-title {
  cursor: pointer;
  /* font-weight: 600; */
  padding-bottom: 10px;
}

.footer-menu-black-color {
  color: black !important;
}

.footer-logo-bot-img {
  width: auto;
  height: 30px;
  margin-top: 8px;
}
.link_cookie {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.link_cookie:hover {
  color: #0082fc;
}
.cookie_button {
  padding: 10px !important;
  border-radius: 5px !important;
  /* margin-right: 20% !important;*/
  /* margin-top: -10px !important; */
  margin: 0px auto 20px auto !important;
}
.cookieConsent {
  display: block !important;
  text-align: center !important;
  z-index: 3333;
}

.footer-upper-case {
  text-transform: uppercase !important;
}

.footer-store-div {
  text-align: left !important;
  margin-bottom: 10px;
}
.footer-position{
  position: absolute !important;
}

.activity-loader-div {
  text-align: center;
  /* margin-top: 20px; */
}

.loader-gif-img {
  margin: 30px;
}

.loader-gif-img-normal {
  height: 75px;
  width: 75px;
}
.loader-gif-img-strech {
  height: 75px;
  width: 75px;
}

.loader-gif-img1 {
  margin: 30px;
}

.loader-gif-img-normal1 {
  /* height: 19px; */
  width: 40px;
}

.div-main-1-maintenance {
  height: 100%;
  width: 100%;
}

.homeWrapper {
  float: left;
  width: 100%;
  margin-top: -1px;
}

.Gridlarge {
  width: 1190px;
}
.GridlargeExtra {
  width: 1300px;
}

@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;1,400&display=swap");
}
.FontMonster {
  font-family: "Montserrat", sans-serif;
}
.FontUbuntu {
  font-family: "Ubuntu", sans-serif;
}
.headerButtonBox {
  width: 100%;
  float: left;
  text-align: right;
  padding: 20px 0px 0px 0px;
}
.btnLog {
  height: 33px;
  width: auto;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #053c63;
  background-color: #fff;
  border-radius: 5px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 0px 20px;
}
.btnLog span {
  margin-right: 10px;
}
.headerButtonBox .ant-select-selection {
  height: 33px;
  width: 110px;
  border: 1px solid #fff !important;
  outline: none !important;
  box-shadow: none !important;
  color: #fff;
  background-color: transparent;
  border-radius: 5px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  margin-left: 20px;
  font-size: 12px;
}
.headerButtonBox .ant-select-selection__rendered {
  line-height: 30px;
  margin-right: 30px;
  text-align: center;
}
.headerButtonBox .ant-select-arrow svg {
  fill: #fff;
}

.SectionPersonalEconomy {
  float: left;
  width: 100%;
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/fondo_azul.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.SectionPersonalEconomy.withOutBgImg {
  background-image: none;
  position: fixed;
  top: 0px;
  z-index: 33333;
  padding-top: 10px;
  transition: all 0.5s ease-in-out;
}
.SectionPersonalEconomy .navbar {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.SectionPersonalEconomy .navbar .container {
  width: 100%;
}
.SectionPersonalEconomy .navbar .navbar-brand img {
  width: 110px;
  height: auto;
  transition: 500ms;
  margin-right: 15px;
}
.SectionPersonalEconomy.addNewBackground .navbar .navbar-brand img {
  width: 150px;
  transition: 500ms;
}
.SectionPersonalEconomy .navbar .nav {
  margin-top: 11px;
}
.SectionPersonalEconomy .navbar .nav li a {
  color: #053c63 !important;
  font-size: 15px;
  /* font-family: "Open-Sans", sans-serif; */
  text-transform: uppercase;
  font-weight: 900;
}
.DesignToDiv h1 {
  font-family: "Ubuntu", sans-serif;
  font-size: 42px;
  color: #fff;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 0px;
  white-space: pre-line;
  /* text-transform: capitalize;
    letter-spacing: 2px; */
}
.DesignToDiv p {
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding-right: 5%;
  padding-top: 15px;
}
.DesignToDiv {
  width: 100%;
  float: left;
  padding-left: 7%;
  margin-top: 100px;
}
.btnOrang {
  border: solid #ffb52e !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 10px 15px;
  color: #424242;
  background-color: #ffb52e;
  border-radius: 15px 0px 15px 15px;
  font-family: "Ubuntu", sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 30px;
}
.btnWatchVideo {
  border: 2px solid #fff !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 5px 8px;
  color: #fff;
  background-color: transparent;
  border-radius: 6px;
  font-family: "Ubuntu", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-left: 30px;
  margin-top: 30px;
}
.DesignToDiv .btnOrang {
  padding: 5px 8px;
  font-size: 18px;
}
.img-right {
  float: right;
}
.btnWatchVideo img {
  width: 25px;
  height: auto;
  margin-right: 10px;
}
.FourBoxInbanner {
  float: left;
  width: 100%;
  border-radius: 30px 30px 0px 0px;
  background-color: #86bed6ad;
  margin-top: -30px;
  padding: 0px 30px;
}
.InnerFourBox {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  padding: 20px 0px;
  position: relative;
  margin: 40px 0px;
}
.InnerFourBox::after {
  position: absolute;
  content: "";
  width: 2px;
  right: -15px;
  bottom: 10px;
  top: 10px;
  background-color: #fff;
  height: 100px;
}
.InnerFourBox figure {
  width: 100px;
  text-align: right;
  /* margin-right: 15px; */
  margin-bottom: 0px;
}
.InnerFourBox img {
  width: auto;
  height: 55px;
  float: left;
}

.InnerFourBox p {
  margin: 0px;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  color: #fff;
  width: 100%;
  white-space: pre-line;
}
.InnerFourBox.bordernoneBox::after {
  display: none;
}
.SectionProfitCommunity {
  float: left;
  width: 100%;
  margin: 80px 0px;
  text-align: center;
}
.ProfitCumminityMiddleBox {
  padding: 0px 5%;
  width: 100%;
  float: left;
}
.ProfitCumminityMiddleBox h2 {
  color: #3cada4;
  border-radius: 10px;
  padding: 10px 0px 38px 0px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Rectangle 260.svg");
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: top center;
}
.headingFont {
  font-family: "Ubuntu", sans-serif;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: capitalize;
  line-height: 60px;
  position: relative;
  z-index: 1;
}
.SectionProfitCommunity p {
  color: #777777;
}
.p18 {
  font-size: 18px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
}
.SectionEveryNeed {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 60px 0px;
  position: relative;
}
.SectionEveryNeed .container,
.SectionpGetreward .container,
.SectionYourBusiness .container,
.sectionHaveForYou .container,
.youropprtunity .container,
.sectionTestimonilaSlider .container {
  position: relative;
}
.SectionEveryNeed .container::after {
  position: absolute;
  content: "";
  height: 335px;
  left: 0%;
  top: -136px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/00001.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: right;
  width: 50%;
}
.SectionEveryNeed img {
  position: relative;
  z-index: 1;
}
.SectionEveryNeed h2 {
  margin-top: 18%;
}
.SectionpGetreward {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 60px 0px;
  position: relative;
}
.SectionpGetreward .container::after {
  position: absolute;
  content: "";
  height: 350px;
  left: 0%;
  top: -170px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/00002.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}
.SectionpGetreward img {
  position: relative;
  z-index: 1;
  margin-top: 10%;
}
.SectionpGetreward h2 {
  margin-top: 8%;
}
.SectionForYou {
  width: 100%;
  float: left;
  padding: 45px 0px 100px 0px;
}
.SectionForYou h2 {
  color: #3cada4;
  padding: 2%;
  margin: 0px auto 55px auto;
  border-radius: 20px;
  position: relative;
}
.SectionForYou h2::after {
  position: absolute;
  content: "";
  left: 0%;
  top: -236px;
  right: 0px;
  bottom: -40px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/foryou.png");
  background-size: 64%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  z-index: -1;
}
.forYouThreeBox {
  width: 100%;
  float: left;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0px 10px 6px 4px #77777714;
  padding: 30px 12%;
  background-color: #fafafa;
  min-height: 590px;
  margin-bottom: 50px;
}
.forYouThreeBox figure img {
  height: 190px;
  width: auto;
  object-fit: cover;
  margin-bottom: 20px;
}
.forYouThreeBox h3 {
  font-size: 28px;
  color: #3cada4 !important;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  height: 65px;
  overflow: hidden;
}
.forYouThreeBox p {
  color: #777777;
}
.SectionYourBusiness {
  width: 100%;
  float: left;
  padding: 80px 0px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg6.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  /* position: relative; */
}
/* .SectionYourBusiness .container::after{
    position: absolute;
    content: "";
    right: 14.9%;
    bottom: -82px;
    width: 7px;
    height: 67px;
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 97.svg");
    background-size: 57%;
    background-repeat: no-repeat;
    background-position: bottom right;
} */
.SectionYourBusiness h2 {
  color: #fff;
  padding: 2%;
  margin: 0px auto 55px auto;
  border-radius: 20px;
  position: relative;
}
.SectionYourBusiness h2::after {
  position: absolute;
  content: "";
  left: 0%;
  top: -215px;
  right: 0px;
  bottom: -55px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/foryoubusiness.png");
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  z-index: -1;
}
/* .SectionYourBusiness h2::before{
    position: absolute;
    content: "";
    left: 0%;
    top: -145px;
    height: 200px;
    width: 3px;
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 78.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
} */
.SectionYourBusiness .forYouThreeBox {
  background-color: #00000033;
  padding: 30px 10%;
  min-height: 590px;
}
.SectionYourBusiness .forYouThreeBox h3,
.SectionYourBusiness .forYouThreeBox p {
  color: #fff !important;
}
.sectionHaveForYou {
  width: 100%;
  float: left;
  padding: 80px 0px;
  position: relative;
}
/* .sectionHaveForYou .container::before{
    position: absolute;
    content: "";
    left: 49.7%;
    bottom: -250px;
    height: 200px;
    width: 4px;
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 78.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
} */

.sectionHaveForYou .headingFont {
  color: #3cada4;
  font-weight: 700;
  position: relative;
  margin-bottom: 50px;
  padding-top: 33px;
}
/* .sectionHaveForYou .headingFont::before{
    position: absolute;
    content: "";
    left: 0%;
    top: -83px;
    right: 10%;
    bottom: 0px;
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 83.svg");
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: top right;
} */
.sectionHaveForYou .headingFont::after {
  position: absolute;
  content: "";
  left: 0%;
  top: -190px;
  right: 0px;
  bottom: -30px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/whatwehave1.png");
  background-size: 78%;
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  height: 300px;
  z-index: -1;
}
.sectionHaveForYou h3 {
  color: #797979 !important;
  font-weight: 700;
  font-size: 30px;
}
.sectionHaveForYou p {
  color: #777777;
}
.youropprtunity {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg4.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 510px;
  margin: 100px 0px;
  position: relative;
}
.youropprtunityleftPadding {
  float: left;
  width: 100%;
  padding-left: 41px;
  position: relative;
}
.youropprtunity .container::before {
  position: absolute;
  content: "";
  left: 0px;
  top: -156px;
  right: 0%;
  height: 100%;
  width: 99%;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/oppertunity.png");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: bottom left;
}
.youropprtunity .container::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -80px;
  height: 190px;
  width: 3px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 78.svg");
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top left;
}
.youropprtunity h2 {
  font-size: 36px;
  margin-top: 20%;
}

.youropprtunity .btnOrang {
  float: right;
  margin-top: 7%;
  position: absolute;
  right: 10px;
  width: 220px;
}
.youropprtunity figure {
  width: 100%;
  float: left;
  margin-top: -50px !important;
}
.youropprtunity figure img {
  border-radius: 20px;
}
.textImgRight {
  text-align: right;
}
.textImgLeft {
  text-align: left;
}
.footerBlue {
  width: 100%;
  float: left;
  background-color: #ffffff;
  padding: 50px 0px 0px 0px;
}
.footerBlue h4 {
  color: #000000 !important;
  font-size: 20px;
}
.tesora-yellow {
  color: #053c63;
}
.color-black {
  color: #000000 !important;
}
.footermenuList {
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.footermenuList li {
  display: block;
  width: 100%;
  float: left;
  list-style: none;
  color: #053c63;
  text-align: left;
  font-size: 20px;
  padding: 5px 0px;
  cursor: pointer;
}
.subscripNowFooter {
  width: 100%;
  border-radius: 30px;
  border: 2px solid #053c63;
  position: relative;
}
.subscripNowFooter input::placeholder {
  color: #053c63;
  opacity: 1;
}

.subscripNowFooter input:-ms-input-placeholder {
  color: #053c63;
}

.subscripNowFooter input::-ms-input-placeholder {
  color: #053c63;
}
.subscripNowFooter input {
  height: 44px;
  width: 70%;
  background-color: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding-left: 15px;
  font-size: 16px;
}
.subscripNowFooter button {
  width: 150px;
  border-radius: 30px;
  background-color: #053c63;
  color: #ffffff;
  font-weight: 700;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
}
.mediaFooterall {
  width: 100%;
  float: left;
  text-align: center;
  margin: 50px 0px 20px 0px;
}
.mediaFooterall img {
  height: 30px;
  width: auto;
  margin: 5px;
  cursor: pointer;
}
.CopyReserved {
  width: 100%;
  float: left;
  border-top: 2px solid #053c63;
  text-align: center;
  padding: 20px 0px;
}
.Logo-Footer-White {
  width: 120px;
  height: auto;
  margin: 20px 0px 40px 0px;
}
.sectionTestimonilaSlider {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 60px;
}
.sectionTestimonilaSlider h2 {
  color: #3cada4;
}
.sectionTestimonilaSlider .container::after {
  position: absolute;
  content: "";
  left: 0%;
  top: 30px;
  right: 0%;
  bottom: 0px;
  height: 100%;
  width: 100%;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Rectangle 252.svg");
  background-size: 62%;
  background-repeat: no-repeat;
  background-position: top center;
}
.carouselSliderbox {
  width: 100%;
  float: left;
  position: relative;
  z-index: 3;
  margin-top: 80px;
}
.carouselSliderbox .testimonialSliderinnerDiv {
  width: 320px;
  min-height: 230px;
  text-align: center;
  background-color: #f8f8f8;
  padding: 30px;
  float: left;
  border-radius: 10px;
  opacity: 0.6;
}
.carouselSliderbox .testimonialSliderinnerDiv figure {
  background-color: #fff;
  width: 85px;
  height: 85px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  margin: -80px auto 20px auto;
  z-index: 1;
}
.carouselSliderbox .testimonialSliderinnerDiv figure img {
  width: 85px;
  height: 85px;
  object-fit: cover;
}
.carouselSliderbox .testimonialSliderinnerDiv h4 {
  font-size: 14px;
  color: #777777 !important;
  margin-bottom: 30px;
  font-weight: 400;
}

.carouselSliderbox .testimonialSliderinnerDiv p {
  font-size: 14px;
  color: #777777;
  line-height: 22px;
  font-weight: 500;
  position: relative;
  width: 100%;
}
.carouselSliderbox .testimonialSliderinnerDiv p::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  top: -20px;
  left: -30px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bx_bxs-quote-right.svg");
  background-size: 70%;
  background-repeat: no-repeat;
}
.carouselSliderbox .testimonialSliderinnerDiv p::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  right: -30px;
  bottom: -20px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bx_bxs-quote-right-one.svg");
  background-size: 70%;
  background-repeat: no-repeat;
}
.carouselSliderbox .BrainhubCarouselItem {
  margin: 90px 2px !important;
}
.carouselSliderbox button {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent;
}
.partOfMycom.BorderImg {
  margin-bottom: 50px;
  z-index: 3;
}
.partOfMycom.BorderImg::before {
  position: absolute;
  content: "";
  left: 0%;
  top: 50px;
  right: 0%;
  bottom: 0px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Rectangle 255.svg");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: -1;
}
.partOfMycom.BorderImg::after {
  position: absolute;
  content: "";
  left: 50%;
  top: -53px;
  height: 90px;
  width: 3px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/home/svg/Vector 78.svg");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: -1;
}
.logoClientBox {
  width: 100%;
  float: left;
  margin: 30px 0px;
}
.logoClientBox img {
  width: auto;
  height: 44px;
  margin: 10px 20px;
}

.testimonialSliderDivActive {
  transform: scale(1.2);
  opacity: 1 !important;
  transition: 500ms;
  z-index: 3;
}

/* .carouselSliderbox .BrainhubCarousel__track {
    transform: translate(0px, 0px) !important;
} */
.headerButtonBox.mobileLogin {
  display: none;
}
.header-white .navbar-nav .dropdown-toggle {
  background-color: #ffffff !important;
  box-shadow: none !important;
  text-align: center;
  background-image: none !important;
  font-size: 11px !important;
}
.header-white .navbar-nav .dropdown-toggle img {
  display: block;
  margin: auto;
  width: 15px;
  height: 15px;
}
.header-white .navbar-nav .dropdown-toggle div {
  text-align: center;
}
.header-white .navbar-nav .dropdown-toggle .caret {
  display: none;
}
.header-white .navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}
.header-white .navbar-default .navbar-nav > .active > a {
  background-color: unset !important;
  background-image: none;
  box-shadow: none;
}
.header-white .navbar-default .navbar-nav > .nav-text.active > a,
.header-white .navbar-default .navbar-nav > .nav-text > a:hover {
  border-bottom: 3px solid #053c63;
}
.header-white .navbar-default .navbar-nav > .nav-text > a {
  border-bottom: 3px solid transparent;
}
.header-white .dropdown-menu {
  border-radius: 10px !important;
  border: none;
}
.SectionPersonalEconomy .header-white .dropdown-menu > .active > a {
  color: #ffffff !important;
}
.header-white .dropdown-menu a {
  padding: 5px 15px !important;
}
.header-white .dropdown-menu {
  padding: 7px 0px;
}
@media (max-width: 1400px) {
  .Gridlarge {
    width: 98%;
  }
  .youropprtunity .container::before {
    height: 105%;
  }
  .youropprtunity .container::after {
    height: 160px;
  }
  .leftDottedBorder .joinDotted::after {
    top: -12px;
  }
  .leftDottedBorder .joinDotted::after {
    top: -10px;
  }
}
@media (max-width: 1367px) {
  .SectionYourBusiness .container::after {
    right: 16%;
  }

  .GridlargeExtra {
    width: 98%;
  }
  .SectionForYou h2::after {
    top: -246px;
  }
  .SectionYourBusiness h2::after {
    top: -225px;
  }
}
@media (max-width: 1281px) {
  .SectionForYou h2::after {
    top: -226px;
  }
  .SectionYourBusiness h2::after {
    top: -205px;
  }
  .youropprtunity .btnOrang {
    margin-top: 10%;
  }
  /* .headingFont {
    font-size: 44px;
} */
  .leftDottedBorder .joinDotted::after {
    top: -5px;
  }
  .SectionPersonalEconomy .navbar .nav li a {
    font-size: 12px;
  }
  .header-white .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1200px) {
  .SectionForYou h2::after {
    top: -212px;
  }
  .SectionYourBusiness h2::after {
    top: -190px;
  }

  /* .headingFont {
        font-size: 40px;
    } */
  .youropprtunity .container::before {
    height: 102%;
  }
  .forYouThreeBox h3 {
    font-size: 24px;
  }
  .subscripNowFooter input {
    padding-left: 5px;
  }
}
@media (max-width: 1199px) {
  .SectionpGetreward img {
    margin-top: 34%;
  }
}
@media (max-width: 1024px) {
  .SectionPersonalEconomy.addNewBackground .navbar .navbar-brand img {
    width: 140px;
  }
  .headingFont {
    font-size: 36px;
  }
  .SectionYourBusiness h2 {
    margin: 0px auto 40px auto;
  }
  .SectionPersonalEconomy .navbar .navbar-brand img {
    /* width: 150px; */
    height: auto;
  }
  .forYouThreeBox {
    height: 650px;
  }
  .SectionYourBusiness {
    padding: 50px 0px 110px 0px;
  }
  .SectionForYou {
    padding: 45px 0px 70px 0px;
  }
  .SectionPersonalEconomy .navbar .nav li a {
    font-size: 12px;
  }
  .youropprtunity .container::before {
    top: -100px;
    height: 90%;
  }
  .youropprtunity .container::after {
    bottom: -25px;
    height: 125px;
  }
  .SectionYourBusiness .container::after {
    right: 124px;
  }
  .DesignToDiv h1 {
    font-size: 36px;
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .InnerFourBox {
    padding: 5px;
  }
  .ProfitCumminityMiddleBox h2 {
    padding: 0px 5% 5px 5%;
    background-size: 100%;
  }
  .youropprtunity h2 {
    margin-top: 16%;
  }
  .sectionHaveForYou .headingFont::after {
    top: -200px;
    background-size: 90%;
  }
  .sectionHaveForYou .headingFont {
    padding-top: 22px;
  }
  .youropprtunity .btnOrang {
    margin-top: -30px;
  }
  .youropprtunity {
    margin: 20px 0px;
    height: 450px;
  }
  .sectionHaveForYou .container::before {
    bottom: -207px;
  }
  .SectionYourBusiness h2::after {
    top: -160px;
  }
  .partOfMycom.BorderImg::before {
    background-size: 99%;
  }
  .SectionForYou h2 {
    margin: 0px auto 20px auto;
  }
  .SectionForYou h2::after {
    top: -175px;
  }
  .btnLog {
    width: auto;
    line-height: 8px;
    padding: 0px;
  }
  .headerButtonBox {
    display: flex;
  }
}

@media (max-width: 992px) {
  .ProfitCumminityMiddleBox h2 {
    background-image: none;
  }
  .SectionEveryNeed .container::after {
    display: none;
  }
  .SectionpGetreward .container::after {
    display: none;
  }
  .SectionForYou h2::after {
    display: none;
  }
  .SectionYourBusiness h2::before {
    display: none;
  }
  .SectionYourBusiness h2::after {
    display: none;
  }
  .SectionYourBusiness .container::after {
    display: none;
  }
  .sectionHaveForYou .headingFont::before {
    display: none;
  }
  .sectionHaveForYou .headingFont::after {
    display: none;
  }
  .youropprtunity .container::before {
    display: none;
  }
  .youropprtunity .container::after {
    display: none;
  }
  .sectionHaveForYou .container::before {
    display: none;
  }
  .sectionTestimonilaSlider .container::after {
    display: none;
  }
  .partOfMycom.BorderImg::before {
    display: none;
  }
  .partOfMycom.BorderImg::after {
    display: none;
  }
  .SectionPersonalEconomy .navbar .navbar-brand img {
    width: 140px;
    height: auto;
  }
  .SectionPersonalEconomy.addNewBackground .navbar .navbar-brand img {
    width: 140px;
    margin-right: 0px;
  }
  .SectionPersonalEconomy .navbar .navbar-brand img {
    margin-right: 0px;
  }
  .DesignToDiv {
    padding-left: 0px;
    margin-top: 100px;
    text-align: center;
  }
  .img-right {
    float: inherit;
    margin: 20px 0px;
  }
  .SectionEveryNeed h2 {
    margin-top: 14%;
  }
  .SectionpGetreward h2 {
    margin-top: 0px;
  }
  .InnerFourBox::after {
    display: none;
  }
  .SectionPersonalEconomy .navbar .nav li a {
    padding: 15px 5px;
    font-size: 14px;
  }
  .btnLog {
    height: 30px;
    width: 130px;
    font-size: 13px;
  }
  .headerButtonBox .ant-select-selection__rendered {
    line-height: 28px;
    margin-right: 20px;
    margin-left: 0px;
    text-align: center;
  }
  .headerButtonBox .ant-select-selection {
    height: 30px;
    width: 90px;
    font-size: 13px;
  }
  .SectionForYou h2::after {
    top: -20px;
  }
  .SectionYourBusiness h2::after {
    top: -30px;
  }
  .sectionHaveForYou .headingFont::after {
    top: -5px;
  }
  .sectionHaveForYou .headingFont::before {
    top: -70px;
  }
  .youropprtunity .btnOrang {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    position: initial;
  }
  .forYouThreeBox {
    margin: 15px 0px;
  }
  .youropprtunity figure {
    margin: 10px 0px !important;
  }
  .SectionpGetreward img {
    margin-top: 0%;
  }

  .SectionYourBusiness h2 {
    margin: 0px auto 20px auto;
  }
  .sectionTestimonilaSlider h2 {
    margin-top: 50px;
  }
  .carouselSliderbox {
    margin-top: 40px;
  }
  .partOfMycom {
    padding: 20px 0px 0px 0px;
  }
  .sectionHaveForYou .headingFont {
    padding-top: 0px;
  }
  .SectionPersonalEconomy .navbar-header {
    float: none;
  }
  .SectionPersonalEconomy .navbar-toggle {
    display: block;
  }

  .SectionPersonalEconomy .navbar-collapse.collapse {
    display: none !important;
  }
  .SectionPersonalEconomy .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .SectionPersonalEconomy .navbar-nav > li {
    float: none;
  }
  .SectionPersonalEconomy .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .SectionPersonalEconomy .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .SectionPersonalEconomy .navbar-collapse.collapse.in {
    display: block !important;
    max-height: calc(100vh - 200px) !important;
    overflow: scroll !important;
    border-top: none !important;
    padding-top: 10px;
  }
  .SectionPersonalEconomy .collapsing {
    overflow: hidden !important;
  }
  .SectionPersonalEconomy .navbar .navbar-collapse {
    padding: 0px 15px;
    background-color: #ffffff;
  }
  .SectionPersonalEconomy .navbar .nav li a {
    padding: 0;
    font-size: 14px;
  }
  .SectionPersonalEconomy .navbar .nav li {
    padding: 7px 0px !important;
  }
  .SectionPersonalEconomy .navbar-header {
    padding-right: 15px !important;
    /* display: flex; */
  }
  .SectionPersonalEconomy .navbar.navbar-default .navbar-toggle {
    border-color: #053c63;
    color: #053c63;
    margin: 0px 0px;
    position: relative;
    z-index: 3;
  }
  .SectionPersonalEconomy .navbar.navbar-default .navbar-toggle .icon-bar {
    background-color: #053c63;
  }
  .header-white .navbar-nav {
    display: block;
  }
  .header-white .navbar-nav .dropdown-toggle {
    text-align: left;
  }
  .headerButtonBox.mobileLogin {
    display: flex;
    float: none;
    width: auto;
    margin-top: 0;
    margin-left: auto;
    color: #053c63;
  }
  .header-white .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #f8f8f8;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .header-white {
    padding: 15px !important;
  }
}
@media (max-width: 991px) {
  .SectionEveryNeed h2 {
    margin-top: 0px;
  }
  .SectionYourBusiness .forYouThreeBox {
    min-height: 590px;
  }
  .youropprtunity {
    height: auto;
  }
  .SectionPersonalEconomy .navbar .navbar-brand img {
    width: 115px;
    height: auto;
  }
  .SectionPersonalEconomy.addNewBackground .navbar .navbar-brand img {
    width: 115px;
    margin-right: 0px;
  }
}
@media (max-width: 768px) {
  .SectionPersonalEconomy .navbar .navbar-brand {
    padding: 0px;
  }
  .SectionPersonalEconomy .navbar .navbar-collapse {
    padding: 0px;
  }
  .textImgLeft {
    text-align: center;
  }
  .textImgRight {
    text-align: center;
  }
  .sectionTestimonilaSlider h2 {
    margin-top: 0px;
  }
  .sectionTestimonilaSlider {
    padding-top: 0px;
  }
  .SectionPersonalEconomy .navbar {
    margin-bottom: 3px;
  }

  .SectionPersonalEconomy .navbar .navbar-brand img {
    width: 97px;
    height: auto;
    position: relative;
    z-index: 3;
  }
  .SectionPersonalEconomy.addNewBackground .navbar .navbar-brand img {
    width: 97px;
  }
  .SectionPersonalEconomy .navbar.navbar-default .navbar-toggle {
    border-color: #053c63;
    color: #053c63;
    margin: 0px 0px;
    position: relative;
    z-index: 3;
  }
  .SectionPersonalEconomy .navbar.navbar-default .navbar-toggle .icon-bar {
    background-color: #053c63;
  }
  .InnerFourBox {
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    margin: 10px 0px;
  }
  .forYouThreeBox {
    margin-bottom: 30px;
  }
  .youropprtunity {
    height: auto;
    margin: 0px 0px 50px 0px;
    padding-bottom: 50px;
  }
  .youropprtunity figure {
    margin-top: 30px !important;
  }
  .youropprtunity .btnOrang {
    float: left;
  }
  .youropprtunity h2 {
    font-size: 36px;
    margin-top: 50px;
  }
  .carouselSliderbox .testimonialSliderinnerDiv {
    padding: 10px;
  }
  .carouselSliderbox .BrainhubCarouselItem.BrainhubCarouselItem--clickable {
    cursor: pointer;
    /* max-width: 300px !important;
    min-width: 300px !important; */
  }
  .sectionTestimonilaSlider
    .carouselSliderbox
    .BrainhubCarouselItem.BrainhubCarouselItem--clickable {
    width: 100% !important;
  }
  .carouselSliderbox .BrainhubCarouselItem {
    margin: 111px 2px !important;
  }
  .youropprtunityleftPadding {
    padding: 0px;
  }
  .SectionPersonalEconomy .navbar .nav {
    margin-top: 5px;
    float: right;
  }
  /* .headerButtonBox{
    padding: 14px 0px 0px 0px;
} */
  .headerButtonBox.mobileLogin {
    display: flex;
    float: left;
    width: 220px;
    margin-top: 14px;
  }
  .headerButtonBox .ant-select-selection {
    margin-left: 5px;
  }
  .headerButtonBox {
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 5px auto;
    display: none;
  }
  .with12 {
    width: 100%;
  }
  .partOfMycom.BorderImg {
    padding: 0px;
  }
  .carouselSliderbox {
    margin-top: 20px;
  }
  .accountSetupListFixTop {
    top: 52px !important;
  }
}
@media (max-width: 767px) {
  .SectionPersonalEconomy .navbar .navbar-collapse {
    padding: 0px 15px;
    background-color: #ffffff;
  }
  .SectionPersonalEconomy .navbar .nav li a {
    padding: 0;
    font-size: 14px;
  }
  .SectionPersonalEconomy .navbar .nav li {
    padding: 7px 0px !important;
  }
  .SectionPersonalEconomy .navbar-header {
    padding-right: 15px !important;
  }

  .SectionPersonalEconomy.withOutBgImg {
    padding-top: 10px;
  }
  .SectionPersonalEconomy .navbar .nav {
    float: left;
  }
  .forYouThreeBox {
    height: auto !important;
    min-height: auto !important;
  }
  .yourBusinessregestration .forYouThreeBox {
    min-height: auto !important;
  }
  .forYouThreeBox h3 {
    height: auto;
  }
}

@media (max-width: 600px) {
  .headerButtonBox.mobileLogin {
    width: 135px;
    margin-top: 15px;
  }
  .btnLog {
    height: 30px;
    width: 65px;
    font-size: 10px;
  }
  .headerButtonBox .ant-select-selection__rendered {
    line-height: 28px;
    margin-right: 20px;
    margin-left: 0px;
    text-align: center;
  }
  .headerButtonBox .ant-select-selection .ant-select-arrow {
    right: 2px;
  }
  .headerButtonBox .ant-select-selection {
    height: 30px;
    width: 65px;
    font-size: 10px;
    margin-left: 5px;
  }
  .btnLog span {
    margin-right: 0px;
  }
  .btnLog span img {
    width: 12px;
    height: auto;
  }
  .SectionPersonalEconomy .navbar.navbar-default .navbar-toggle {
    width: 35px;
    padding: 6px;
    height: 30px;
    margin-top: 0px;
  }
  .SectionPersonalEconomy .navbar .navbar-brand {
    padding: 0px;
  }
  .SectionPersonalEconomy.withOutBgImg {
    /* background-color: #3796b6; */
    /* background-color: #053c63; */
  }
  .testimonialSliderDivActive {
    transform: scale(0.9);
  }
  .sectionTestimonilaSlider
    .carouselSliderbox
    .BrainhubCarousel__custom-arrowLeft
    img {
    width: 20px;
  }
  .sectionTestimonilaSlider
    .carouselSliderbox
    .BrainhubCarousel__custom-arrowRight
    img {
    width: 20px;
  }
  .carouselSliderbox .BrainhubCarouselItem {
    margin: 55px 0px !important;
  }
  .subscripNowFooter input {
    padding-left: 5px;
    font-size: 13px;
    height: 38px;
  }
  .subscripNowFooter button {
    width: 100px;
    font-size: 13px;
    font-weight: normal;
  }
  .ant-select-dropdown-menu-item {
    font-size: 12px !important;
  }
  .subscripNowFooter {
    /* border: 1px solid #fff; */
  }
  .FourBoxInbanner {
    margin-top: 0px;
  }
  .FourBoxInbanner {
    padding: 0px 10px;
  }
  .InnerFourBox p {
    width: 100%;
  }
  .imgMobileGrow {
    margin: 20px 0px;
  }
  .DesignToDiv .btnOrang {
    width: 280px;
  }
  .btnWatchVideo {
    width: 280px;
    margin-left: 0px;
  }
  .carouselSliderbox .testimonialSliderinnerDiv p::before {
    background-image: none;
  }
  .carouselSliderbox .testimonialSliderinnerDiv p::after {
    background-image: none;
  }
  .carouselSliderbox
    .testimonialSliderinnerDiv.testimonialSliderDivActive
    p::before {
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bx_bxs-quote-right-one.svg") !important;
  }
  .carouselSliderbox
    .testimonialSliderinnerDiv.testimonialSliderDivActive
    p::after {
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bx_bxs-quote-right.svg") !important;
  }
}

.navbar {
  border-radius: 0 !important;
  border-bottom-color: white !important;
  width: 100% !important;
}

.navbar-without-scroll {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-bottom-color: transparent !important;
}

.navbar-with-scroll {
  background-color: white !important;
  border-bottom-color: white !important;
}

.navbar-default {
  background-image: none !important;
}
.header-login-reg-div {
  width: 100px !important;
  background-color: transparent;
  margin-left: 10px;
  margin-right: -50px;
  display: inline-block;
  text-align: center;
}
.header-language-div {
  width: 130px !important;
  background-color: transparent;
  margin-top: 35%;
  text-align: left;
}
.header-flagicon-div {
  display: flex;
}

.after-login-div {
  display: flex;
  /* height: 100%; */
  top: 0%;
  transform: translate(0, 70%);
}
.header-logo-img {
  height: 60px !important;
  width: auto !important;
  margin-right: 15px;
  margin-top: 5px;
}
.header-hr-line-with-scroll {
  height: 2px !important;
  margin-bottom: 2px;
  margin-top: 0px;
  border: transparent 0px solid;
  background-color: #03877c;
  color: #03877c;
}
.header-hr-line-without-scroll {
  height: 2px !important;
  margin-bottom: 2px;
  margin-top: 0px;
  border: transparent 0px solid;
  background-color: #ffffff;
  color: #ffffff;
}
/* .header-dropdown-icon{
    height: 20px ;
   margin-right: 10px;
    width: 20px ;
} */
.header-nav-right {
  margin-top: 0px !important;
  display: inline-flex;
}

.header-navbar-scroll-link-black {
  color: black !important;
  cursor: pointer;
}

.header-navbar-scroll-link-white {
  color: white !important;
  cursor: pointer;
}

.header-navbar-register-border {
  border: 1px #03877c solid;
}

.vl-without-scroll {
  border-left: 2px solid transparent;
}

.vl-with-scroll {
  border-left: 2px solid transparent;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#nav-dropdown-without-scroll {
  color: white;
  font-weight: bold;
  background-color: #00000000;
  box-shadow: none !important;
  outline: none !important;
}
#nav-dropdown-with-scroll {
  color: black;
  font-weight: bold;
  background-color: #00000000;
  box-shadow: none !important;
  outline: none !important;
}
.nav-menu-item-color {
  font-weight: bold;
  background-color: #053c63;
}

.dropdown-menu > li > a {
  color: white !important;
}
.dropdown-menu > li > a:hover {
  color: black !important;
}
.dropdown-menu {
  padding: 0px;
}

.navbar-nav > .open > a {
  background-image: none !important;
}
.icon-flag-size {
  height: 30px;
  width: auto;
}

/* .navbar-right {
    margin-right: -95px !important;
    
}

.navbar-brand {
    margin-left: -95px !important;
} */
.vendorSearchHeader {
}
.header-navbar-img {
  width: 25px;
  height: 25px;
}
.header-search-my-account {
  margin-left: 0px;
  padding-left: 5px;
  border-left: 0px solid #053c63;
  cursor: pointer;
}
.header_title {
  font-style: italic;
  color: #053c63;
  cursor: pointer;
  text-transform: capitalize;
}
.header_title_white {
  font-style: italic;
  color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
}

.header-mycard-activate-btn {
  background-color: #4ea89f !important;
  color: #fff;
  background-image: none !important;
  opacity: 9 !important;
  text-shadow: none !important;
  padding: 5px 10px;
  border: none !important;
  margin-top: 0px;
}

.addNewBackground {
  /* background-image: linear-gradient(90deg, #2381bb 0%, #47acac 100%) !important; */
  background-color: #053c63;
}

.div-app-banner {
  /* position: absolute; */
  z-index: 10;
  background-color: #fff;
  width: 100%;
  float: left;
  position: relative;
  display: flex;
  padding: 15px;
}
.div-app-banner .closebtn-aap {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #dcdcdc;
  color: #fff;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 5px;
  top: 5px;
  border-radius: 50%;
}
.div-app-banner .div-app-banner-image {
  width: 100px;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  margin-right: 15px;
}
.div-app-banner .div-app-banner-image img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.div-app-banner .div-app-banner-detail p,
.div-app-banner .div-app-banner-detail label {
  margin: 0px;
  font-size: 13px;
  color: #000;
}
.div-app-banner .div-app-banner-detail button {
  background-image: linear-gradient(to right, #053c63, #3cada4) !important;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  padding: 0px 10px;
  line-height: 0px !important;
  height: 22px;
  font-size: 12px;
  margin-top: 10px;
}

.notificationDropBox {
  width: 100%;
  float: left;
  background-color: #fff;
  width: 400px;
  max-width: 400px;
  position: absolute;
  top: 62px;
  right: 30px;
  box-shadow: 0px 3px 6px #00000026;
  /* border: 1px solid #dcdcdc; */
  border-radius: 10px;
  padding: 0px;
  height: calc(100vh - 100px);
  max-height: 450px;
}
.notificationDropBox::after {
  border: 10px solid transparent;
  border-bottom-color: #37a6a6;
  position: absolute;
  top: -20px;
  content: "";
  right: 65px;
}
.notificationDropBox .notification-header {
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 1rem;
}
.notificationDropBox .notification-header h4.newColor3 {
  margin-bottom: 0px;
  color: #ffffff !important;
}

.div-register {
  margin-left: 5px;
}
/* new header  */
.white-header-main{
 
padding: 10px;
}
.header-white{
  background-color: #ffffff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  padding:15px 30px;
}
.header-white .navbar-brand{
  padding: 0px;
}
.header-white .headerButtonBox{
  padding: 0px;

}
.header-white .div-register{
  background: linear-gradient(90deg, #A042FE 0.63%, #053C63 97.19%) !important;
border-radius: 15px !important;
color: #ffffff;
margin-left: 10px;
}
.header-white .btnLog{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)! important;
  border-radius: 15px;
}
.header-white .btnLog span img{
  width: 18px;
}
.ceritifa-image img{
  width: 70px;
}
.nft-img img{
  width: 40px;
}
.header-white .navbar-nav{
  display: flex;
  align-items: center;
  margin-top: 0 !important;
}
.header-white .navbar{
  min-height: unset;
}
.header-white .navbar-brand{
  min-height: auto !important;
  height: auto;
}
.py-0 a{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media screen and (max-width:1199px){
  .header-white {
    padding: 15px 0px 15px 15px;
}
.btnLog {
  padding: 0px 10px;
}
.header-white .navbar-nav>li>a {
  padding-left: 6px;
  padding-right: 6px;
}
}
@media screen and (max-width:992px){
  .header-white .navbar-nav {
    display: block;
  }
}
@media (max-width: 768px) {
  #nav-header-block li {
    display: inline-block;
  }
  /* .navbar-right {
        margin-right: -15px !important;
        
    } */
    
  .navbar-brand {
    margin-left: 0px !important;
  }
  .icon-flag-size {
    display: none;
  }
  .header-white .navbar-nav .dropdown-toggle {
    text-align: left;
}


}
@media (max-width: 420px) {
  .notificationDropBox {
    width: 300px;
    max-width: 300px;
  }
}

.how-work-section-img {
  width: 100%;
  opacity: 0.9;
  z-index: 2;
  top: 0;
  left: 0;
  letter-spacing: 10px;
  text-align: center;
  padding-top: 100px;
  margin-top: 30px;
  color: white;
  background: url(https://www.ffp.pt/pub/configuracao-cabecalho/background-04-1920x657.jpg)
    no-repeat center center;
  height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.about-us-section-header {
  padding-top: 40px;
  color: white;
  text-transform: uppercase;
}

.about-us-header-text {
  color: white;
}
.about-us-image-size {
  height: 280px;
  width: 100%;
}
.about-us-text {
  /* letter-spacing: 2px; */
  /* font-size: 16px; */
  padding: 10px;
  text-align: justify;
  color: #666666;
  font-weight: 300;
}

.about-us-text-div {
  margin-top: 60px;
  margin-bottom: 60px;
}
.officeMamberCountriesBox {
  width: 100%;
  float: left;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0px 10px 6px 4px #77777714;
  background-color: #fafafa;
  min-height: 230px;
  padding: 20px 10%;
}
.officeMamberCountriesBox h2 {
  font-size: 72px;
  font-weight: 700;
  color: #053c63;
  margin-bottom: 20px;
}
.officeMamberCountriesBox h4 {
  font-size: 26px;
  color: #3cada4 !important;
  white-space: pre;
}
.Sectionmap {
  width: 100%;
  float: left;
  padding: 80px 0px;
}
.Sectionmap .headingFont {
  color: #3cada4;
  position: relative;
  margin-bottom: 60px;
  letter-spacing: 1px;
}
.Sectionmap .headingFont::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Vector 103.svg");
  background-size: 55%;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0px;
  right: -43px;
  top: -105px;
  bottom: -61px;
  position: absolute;
  content: "";
}
.partOfMycom {
  width: 100%;
  float: left;
  text-align: center;
  padding: 90px 0px 0px 0px;
  position: relative;
}
.partOfMycom h3 {
  font-size: 32px;
  color: #053c63;
  font-weight: 700;
}
.partOfMycom .btnOrang {
  margin: 8px auto;
}
.ProfitCumminityMiddleBox.withabout h2 {
  color: #3cada4;
  border-radius: 10px;
  padding: 27px 0px 65px 0;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Rectangle 261.svg");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: top center;
}
.SectionCreatedByProfessionals {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg2.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 60px 0px;
  position: relative;
}
.SectionCreatedByProfessionals .headingFont::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Rectangle 257.svg");
  background-size: 98%;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0px;
  right: 0px;
  top: 4px;
  bottom: -2px;
  position: absolute;
  content: "";
}
.SectionCreatedByProfessionals .dottedborderImg {
  position: relative;
  width: 100%;
  float: left;
  z-index: 1;
}
.SectionCreatedByProfessionals .dottedborderImg img {
  position: relative;
}
.SectionCreatedByProfessionals .dottedborderImg::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Vector 79.svg");
  background-size: 53%;
  background-repeat: no-repeat;
  background-position: top center;
  left: -116px;
  top: 93px;
  bottom: 0px;
  height: 360px;
  width: 100%;
  position: absolute;
  content: "";
}
.SectionCreatedByProfessionals .headingFont::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Vector 78.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  right: 15%;
  top: -170px;
  position: absolute;
  content: "";
  width: 3px;
  height: 160px;
}
.SectionCreatedByProfessionals .headingFont {
  margin-top: 50px;
  position: relative;
  padding: 15px;
  letter-spacing: normal;
  text-align: center;
}
.mrt {
  margin-top: 90px;
}

@media (max-width: 1025px) {
  .SectionCreatedByProfessionals .headingFont::before {
    top: -138px;
    height: 137px;
  }
  .SectionCreatedByProfessionals .headingFont {
    font-size: 34px;
  }
  .Sectionmap .headingFont::after {
    left: 0px;
    right: -26px;
    top: -77px;
    bottom: -30px;
  }
}

@media (max-width: 1024px) {
  .ProfitCumminityMiddleBox.withabout h2 {
    padding: 3% 5% 5% 5%;
  }
  .SectionCreatedByProfessionals .headingFont::after {
    top: 10px;
  }

  .SectionCreatedByProfessionals .dottedborderImg::before {
    top: 170px;
    width: 3px;
    background-size: cover;
    background-position: bottom right;
    left: 48%;
  }
  .SectionCreatedByProfessionals .dottedborderImg::after {
    top: 94px;
    width: 80px;
    height: 3px;
    background-size: cover;
    background-position: top left;
    left: -30px;
    position: absolute;
    background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/about us/svg/Vector 79.svg");
    content: "";
    background-size: 200%;
  }
  .partOfMycom .btnOrang {
    margin: 10px auto !important;
  }
}
@media (max-width: 1023px) {
  .ProfitCumminityMiddleBox.withabout h2 {
    background-image: none;
  }
  .SectionCreatedByProfessionals .headingFont::before,
  .SectionCreatedByProfessionals .headingFont::after,
  .SectionCreatedByProfessionals .dottedborderImg::before,
  .Sectionmap .headingFont::after,
  .SectionCreatedByProfessionals .dottedborderImg::after {
    display: none;
  }
  .SectionCreatedByProfessionals .headingFont {
    margin-top: 0px;
  }
  .SectionCreatedByProfessionals .headingFont {
    text-align: left;
  }
}
@media (max-width: 720px) {
  .about-us-text-div {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.login-form-main-div {
  /* border: 4px solid #4ea89f; */
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  background-color: #ffffff;
  max-width: 550px;
  text-align: center;
  margin-top: 50px;
  /* box-shadow: 0px 0px 10px #933030; */
  /* border-style: double; */
}

.login-here-lable {
  color: #053c63;
  font-size: 36px;
  font-weight: bolder;
  padding-bottom: 8px;
  text-transform: capitalize;
  width: 100%;
  display: block;
}

.login-form-input-field {
  max-width: 300px;
  height: 60px;
  background: #ffffff;
  margin: 10px 0px;
}

.ant-input-affix-wrapper {
  border-radius: 5px !important;
}

.login-form-submit-button {
  background-color: #053c63;
  min-width: 120px;
  color: #ffffff;
  height: 45px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  /* font-family: 'Ubuntu'; */
  display: block;
  font-weight: bolder;
  margin: 20px auto;
  font-size: 18px !important;
  border-radius: 10px;
}

.loginform-captcha {
  max-width: 300px;
  min-width: 300px;
  margin: 10px auto 0px auto;
}
.login-form-center-align-lable {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 20px;
  color: #414141;
}

.login-form-normal-lable {
  color: #787878;
  font-size: 16px;
  font-weight: 300;
}
.login-form-bold-lable {
  /* font-weight: 600;
    font-size: 14px;
    font-family: 'Ubuntu'; */
}
.login-form-cursor {
  cursor: pointer;
}

.login-form-cancel-img {
  cursor: pointer;
  width: 20px;
  height: 20px;
  /* padding-rigt: 5px; */
  background-color: #dcdcdc;
  border-radius: 50%;
  margin-right: -25px;
  margin-top: -18px;
}
.login-form-show-password-img {
  cursor: pointer;
  width: 30px;
  height: 30px;
  padding-right: 5px;
}
.login-form-col-text {
  padding-top: 20px;
  color: red;
}

.login-form-alert-div {
  max-width: 300px;
  min-width: 300px;
  margin: 15px auto 0px auto;
  color: white;
}

.login-form-alert-fail-background {
  background-color: #fff;
  border: 1px solid red;
}

.login-form-alert-success-background {
  background-color: green;
}

.login-form-row-height {
  min-height: 60px !important;
}

.login-forgot-password-login-link {
  color: #053c63 !important;
  font-weight: 600;
  font-size: 16px;
  padding-left: 5px;
}

.ModalLoginBtn {
  background-color: #053c63 !important;
  color: #fff;
  border: none !important;
  margin: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 8px;
}
.ModalLoginBtn:hover {
  opacity: 0.7;
}

.login-resend-email-btn {
  min-width: 230px;
  height: 40px;
  color: white;
  background-color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px;
  /* margin-top: 10px; */
  margin-bottom: 20px;
}

.login-form-col-text-click-here {
  text-transform: capitalize;
  text-decoration: underline;
  color: black;
  /* white-space: pre-line; */
  cursor: pointer;
}
.login-form-col-text-click-here:hover {
  color: blue;
}

.login-form-col-text-resend-link {
  margin-top: 5px !important;
  margin-left: 40px;
  white-space: pre-line;
  color: #053c63;
}
.LogFacbookOrGoogle {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0px 0px;
  margin-bottom: 20px;
}
.my-facebook-button-class-login {
  height: 56px;
  width: 243px;
  float: left;
  color: #053c63;
  background-color: #ffffff;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  align-items: center;
  justify-content: center;
  border: none;
  display: flex;
  margin: 10px;
  box-shadow: 0px 5px 13px #c6c4c4;
}
.my-facebook-button-class-login i {
  height: 24px;
  width: 24px;
  border-radius: 15px;
  background-color: #053c63;
  color: #fff;
  float: left;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 8px;
}
.my-google-button-class-login {
  height: 55px !important;
  width: 243px !important;
  float: left;
  color: #053c63 !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  align-items: center;
  justify-content: center;
  border: none;
  display: flex;
  box-shadow: none !important;
  outline: none;
  margin: 10px;
  box-shadow: 0px 5px 13px #c6c4c4 !important;
}

.my-google-button-class-login div {
  height: 30px !important;
  width: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
  margin-right: 2px !important;
}

.FacebookAndGoogleButtonDiv {
  display: flex;
  justify-content: center;
  float: left;
  width: 100%;
}
.orSignup {
  font-size: 18px;
  font-weight: 300;
  color: #787878;
  text-align: center;
}
.login-term-modal .modal-content{
  height:calc(100vh - 125px);
}
.login-term-modal .modal-body{
  max-height: calc(100vh - 285px);
  overflow-y: scroll;
  height: 100vh;
}
.login-term-modal .modal-dialog{
  margin-top: 9%;
}
.simple-btn{
  padding: 0px;
  border: none;
  color: dodgerblue;
  text-decoration: underline;
  background: none;
}
.login-modal-one .modal-body{
  height: calc(100vh - 380px);
  overflow-y: scroll;
  max-height: unset !important;
  min-height: 200px;
 
}


@media only screen and (max-width: 640px) {
  .my-facebook-button-class-login {
    margin: 10px auto !important;
  }
  .my-facebook-button-class-login {
    float: initial;
  }
  .my-google-button-class-login {
    float: initial;
  }
}

.contactus-page-child {
  /* background-color: rgba(0,0,0,0.1); */
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bnnr contact.png");
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}

.contactus-lable {
  letter-spacing: 10px;
  color: white;
  /* font-size: 40px;
    font-family: 'Ubuntu';
    font-weight: 400; */
}
.contactus-align-left {
  /* text-align: left !important; */
}
.contactus-align-right {
  /* text-align: right !important; */
}
.margin-grid {
  margin-top: 80px;
  margin-bottom: 50px;
}

.contactus-getintouch-lable {
  letter-spacing: 4px;
  color: black;
  font-size: 24px;
  font-family: "Ubuntu";
  margin-bottom: 20px;
  font-weight: 400;
  margin-top: 30px;
}
.contact-us-panel {
  border-radius: 0px;
  border: 1px #ffffff solid;
}
.margin-grid .ant-collapse {
  border-radius: 0 !important;
  color: #ff0000 !important;
}
.margin-grid .ant-collapse-header {
  color: inherit !important;
}
.margin-grid .ant-collapse-content-box {
  border-radius: 0 !important;
}

.my-header {
  border-radius: 0 !important;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: "Ubuntu";
  font-weight: bold;
  background-color: #ccc !important;
  color: #666666 !important;
}
.my-header-activate {
  border-radius: 0 !important;
  font-size: 12px;
  letter-spacing: 2px;
  font-family: "Ubuntu";
  font-weight: bold;
  background-color: #053c63 !important;
  color: #ffffff !important;
}
.menu-item-title-lable {
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Ubuntu";
  font-weight: 700;
  color: #666666 !important;
}
.menu-item-lable {
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Ubuntu";
  font-weight: 300;
  color: #666666 !important;
}

.send-message-lable {
  font-size: 12px;
  letter-spacing: 1px;
  font-family: "Ubuntu";
  font-weight: bold;
  margin-bottom: 32px;
  margin-top: 30px;
  color: #292929 !important;
}
.contactus-input-control {
  width: 100%;
  height: 50px !important;
  color: #303030;
  border: 0px transparent solid;
  padding-left: 15px;
  background-color: #f5f5f5 !important;
  border-radius: 0px !important;
  font-size: 14px;
  font-family: "Ubuntu";
  font-weight: 500;
}
.contactus-input-textarea-control {
  width: 100%;

  color: #303030;
  border: 0px transparent solid;
  padding-left: 15px;
  background-color: #f5f5f5 !important;
  border-radius: 0px !important;
  font-size: 14px;
  font-family: "Ubuntu";
  font-weight: 500;
}

.margin-input {
  margin-top: 20px;
}

.contact-us-submit-button {
  background-color: #053c63;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  height: 45px;
  font-weight: 700;
  margin-top: 40px;
  font-family: "Raleway", sans-serif;
  border: 0px transparent solid;
}

.contact-form-captcha {
  width: 100%;
  display: flex;
  /* justify-content: center;
    align-items: center;*/
  /* align-items: center; */
  margin-top: 35px;
  margin-left: 18%;
  /* min-width: 600px; */
}
.contactus-form-alert-div {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  color: white;
  text-align: center;
}

/* @media (max-width:1400px) {
.contactus-page-child{
    padding-top: 30px;
}
}
@media (max-width:1024px) {
    .contactus-page-child{
        padding-top: 0px;
    }
    } */

.mainBlogDiv{
    margin-top: 72px;
}
.blog-page-child{
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
}
.blog-lable{
    letter-spacing: 5px;
    color: white;
    /* font-size: 40px;
    font-family: 'Ubuntu';
    font-weight: 400; */
}
.blog-container{
    margin: 20px;
    background-color: white;
}
.blog-gridDiv{
    margin-top: 30px;
}
.blogCol{
    margin-bottom: 25px;
    cursor: pointer;
}
.blogItem{
    border-radius: 10px;
    box-shadow:  0px 0px 8px #bebebe;
    cursor: pointer;
}
.blogImage{
    width:  100%;
    height: 250px;
    border-top: 10px;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
}
.blogDate{
    color: #1E1E1E;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    cursor: pointer;
}
.blogTitle{
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
}
.blogShortDesc{
    width: 100%;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 10px;
    padding-right: 20px;
    cursor: pointer;
}
.blogSearchInput{
    width: 100%;
    margin-bottom: 10px;
}
.mainBlogDetailDiv{
    margin-top: 72px;
    background-color: #F0F0F0;
    padding: 20px;
}

.BlogDetailProfileDiv{
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 0px 5px #bebebe;
    /* height: 500px; */
    width: 100%;
    /* padding: 10px; */
    text-align: center;
}
.BlogDetailDiv{
    margin-left: 20px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0px 0px 5px #bebebe;
    padding: 10px;
}
.BlogDetailProfilePic{
    margin-top: 10px;
    width: 80%;
    height: 300px;
    border-radius: 50%;
}
.BlogDetailBanner{
    width: 100%;
    height: 300px;
}
.BlogDetailAboutAuthor{
    padding: 3px;
    width: 100%;
    text-align: center;
    background-color: #3C3C3C;
    color: white;
}
.BlogDetailAuthorName{
    width: 100%;
    text-align: center;
    color: #505050;
    margin-top: 10px;
}
.BlogDetailTitle{
    color: #252526;
    margin-top: 20px;
}
.BlogDetailIntroLable{
    margin-top: 20px;
    padding: 3px;
    width: 100%;
    color: #777777;
    border-bottom: #3C3C3C 1px solid;
    text-transform: uppercase;
}
.BlogDetailDesc{
    margin-top: 5px;
    padding: 5px;
    width: 100%;
    color: #333333;
    letter-spacing: 1px;
    
}
.BlogDetailDate{
    width: 100%;
    text-align: center;
    color: #505050;
    margin-top: 10px;
}

@media (max-width:820px){
    .BlogDetailDiv{
        margin-top: 20px;
        margin-left: 0px;
    }
}

.login-page-main-div {
  /* background-image: url(https://media.mycom.world/public/img/login.jpg); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /* height: 600px; */
}

.login-page-child {
  /* background-color: rgba(0,0,0,0.77); */
  width: 100%;
  /* height: 600px; */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding: 50px 0px;
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Fondodepagina.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.term-header-div {
  height: 300px;
  background-color: #053c63;
  text-align: center;
  padding-top: 70px;
  letter-spacing: 10px;
  margin-top: -20px;
}

.term-header-text {
  color: white;
  padding-top: 60px;
}

.term-text {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 15px;
  text-align: justify;
  color: black;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
}

.term-text-div {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 20px;
}

.term-sub-header {
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #005c31;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
}

.privacy-inner-div {
  padding: 20px;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif !important;
  letter-spacing: 1px;
}

.term-cond-logo-img {
  width: 30%;
  height: auto;
  margin-top: 20px;
}

.term-cond-logo-div {
  text-align: center;
}

@media (max-width: 720px) {
  .term-text-div {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
}

.faq-main-div {
  margin-bottom: 70px;
}

.gotMoreQuestion {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10%;
  margin-top: 50px;
  color: white;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/faq/Group 345.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  font-size: 20px;
  font-weight: bolder;
  border-radius: 15px;
  letter-spacing: 1px;
}
.faq-header-div {
  height: 300px;
  text-align: center;
  padding-top: 70px;
  letter-spacing: 10px;
  color: white;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/faq/Group 346.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.faq-header-text {
  padding-top: 80px;
  color: white;
  font-size: 48px;
  font-weight: bolder;
}

.faq-details-div {
  padding: 50px;
  text-align: center;
}

.faq-sub-title {
  letter-spacing: 1px;
  font-size: 38px;
  color: #3cada4;
  font-weight: bolder;
  margin: 0px;
}

.faq-sub-title-desc {
  letter-spacing: 1px;
}

.faq-btn {
  margin-bottom: 10px;
  background-color: #f5f9ff;
  padding-top: 14px;
  border: 1px solid #053c63;
  cursor: pointer;
  text-align: left;
  letter-spacing: 1px;
  padding: 10px 20px;
  font-size: 24px;
  color: #787878;
  font-weight: bolder;
  border-radius: 6px;
}

.faq-btn-inactive {
  color: #787878;
  margin-bottom: 10px;
  background-color: #fff;
  padding-top: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  text-align: left;
  letter-spacing: 1px;
  padding: 10px 20px;
  box-shadow: 0px 0px 5px #dcdcdc;
  font-size: 24px;
  font-weight: bolder;
  border-radius: 6px;
}

.faq-collapse-section .ant-collapse-content {
  border-top: 2px solid #84b8db;
}
.faq-collapse-section .ant-collapse {
  background-color: white !important;
  border: 0px transparent solid !important;
}
.faq-collapse-section .ant-collapse-item {
  border-bottom: 2px solid #84b8db;
  position: relative;
}
.ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  color: #3cada4 !important;
}
.ant-collapse-item.ant-collapse-item-active {
  position: relative;
}

.ant-collapse-item.ant-collapse-item-active::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/faq/Vector.svg") !important;
}
.faq-collapse-section .ant-collapse-item::after {
  width: 50px;
  height: 30px;
  left: 0px;
  top: 17px;
  position: absolute;
  content: "";
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/faq/Vector2.svg");
  background-repeat: no-repeat;
  background-size: 98%;
  background-position: center;
}
.faq-collapse-section
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header {
  padding-left: 65px;
}
.faq-collapse-section .ant-collapse-header {
  line-height: 40px !important;
  font-size: 30px !important;
  font-family: "Ubuntu", sans-serif;
  color: #888888 !important;
}

/* .faq-collapse-section i svg{
    display: none ;
} */
.faq-collapse-section
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow {
  right: 0px;
  text-align: right;
  font-size: 18px;
  top: 40%;
}
.collap-header-text {
  color: #053c63;
  letter-spacing: 1px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 24px;
  font-weight: bolder;
  margin: 0px;
}

.collap-inner-text {
  color: #666666;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

@media (max-width: 720px) {
  .collap-header-text {
    padding-top: 25px;
  }
}

.new-reg-main-div {
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  background-position: 50% 50% !important;
  opacity: 1;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)),url(https://media.mycom.world/public/img/2.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url("https://media.mycom.world/frontend/banner_2.png");
  min-height: 650px;
  float: left;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  padding: 15px;
  /* transform: translate3d(0px, 0px, 0px); */
}

.new-reg-image-logo {
  width: auto !important;
  height: 60px !important;
  margin-top: 120px;
}

.new-reg-inner-div {
  color: white;
}

.new-reg-orange-color {
  color: #ff9d2b;
}

.new-reg-get-cashback-lable {
  white-space: pre-line;
  font-size: 28px;
}

.new-reg-free-signup-sec {
  padding-top: 20px;
  color: #ff6120;
}

.new-reg-typo {
  font-style: italic;
}

.new-reg-register-btn {
  background-color: #ff6120;
  height: 45px;
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  font-size: 18px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif !important;
}

.new-modal-body {
  width: 100% !important;
  height: 100% !important;
}
.new-model-main {
  padding-left: 0px !important;
}
.new-model-main .modal-content {
  background-color: transparent !important;
  border: 0px;
}

.new-reg-register-btn:focus {
  outline: none;
}

.new-reg-watch-video-label {
  color: #ff9d2b;
}

.new-reg-watch-sec {
  cursor: pointer;
}
.new-reg-watch-sec.WatchVideo .BtnV {
  transition: 500ms;
}
.new-reg-watch-sec.WatchVideo {
  position: relative;
  width: 200px;
  margin: 15px auto;
}
.VideoThamnilInner {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
  text-align: center;
  padding-top: 22px;
}
.new-reg-watch-sec.WatchVideo:hover .BtnV {
  transform: scale(1.2);
  transition: 500ms;
}
.VideoThamnil {
  width: 200px;
  height: auto;
  border-radius: 5px;
}
.new-reg-instr-div {
  margin: 20px;
}

.new-one-reg-close-btn {
  background-color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600;
  font-size: 16px;
  color: white;
  width: 200px;
  height: 45px;
}

.reduce-margin-top {
  margin-top: -20px !important;
}
.bgGradientImg {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/background.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}
.mamberAreSaying {
  float: left;
  width: 100%;
  background-color: #fff;
  height: 320px;
  padding: 0px 50px;
  margin: 100px 0px;
  border-radius: 15px;
}
.videoAllbox {
  width: 100%;
  float: left;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #dcdcdc;
  height: 250px;
  margin-bottom: 30px;
}
.videoAllbox::after {
  background-color: #00000055;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.videoAllbox .BtnV {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.mamberAreSaying h2 {
  color: #053c63;
  text-align: center;
  margin: 70px 0px;
  font-weight: bolder;
}
.forYouregestration {
  float: left;
  width: 100%;
  padding: 0px 70px;
  margin: 30px 0px 100px 0px;
  position: relative;
}
.forYouregestration::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 53px;
  bottom: 0px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Rectangle 252.svg");
  background-size: 62%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
}
.forYouregestration h2 {
  margin: 20px 0px 70px 0px;
}

.yourBusinessregestration {
  float: left;
  width: 100%;
  padding: 0px 70px;
  margin: 0px 0px 100px 0px;
  position: relative;
}
.yourBusinessregestration::before {
  position: absolute;
  content: "";
  left: 0px;
  top: 35px;
  bottom: 0px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Rectangle 253.svg");
  background-size: 71%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
}
.yourBusinessregestration h2 {
  margin: 0px 0px 70px 0px;
}
.yourBusinessregestration .forYouThreeBox {
  background-color: #59a6c7;
  min-height: 600px;
  padding: 30px 10%;
}
.yourBusinessregestration .forYouThreeBox h3 {
  color: #fff !important;
  font-weight: normal;
}
.yourBusinessregestration .forYouThreeBox p {
  color: #fff !important;
}
.registretionWhiteBox {
  float: left;
  width: 100%;
  border-radius: 15px;
  padding: 50px 8% 62px 8%;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
  /* background-image: url('https://media.mycom.world/frontend/mycomRedesign/registerLanding/Group 388.png'); */
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Union99logo.png");
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #fff;
  box-shadow: 0px 10px 6px 4px #77777714;
}
.registretionWhiteBox h2 {
  color: #053c63;
}
.registretionWhiteBox .btnOrang {
  margin: 0px auto 0px auto;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translate(-50%);
  white-space: pre;
}
.oneStepAway {
  position: relative;
  width: 100%;
  float: left;
}
.oneStepAway::after {
  position: absolute;
  content: "";
  height: 240px;
  left: 0px;
  top: 90px;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Vector 87.svg");
  background-size: 62%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100px;
}
.oneStepAway .btnOrang {
  margin-top: 40px;
  padding: 10px 10px;
}

.SectionPersonalEconomy.bgregisterChange {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/background1 top.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.sectionTestimonilaSlider.registerSlider .headingFont {
  color: #fff;
}
.sectionTestimonilaSlider.registerSlider {
  margin-top: 80px;
}
.sectionTestimonilaSlider.registerSlider .carouselSliderbox {
  margin-top: 10px;
}

.sectionTestimonilaSlider.registerSlider
  .carouselSliderbox
  .testimonialSliderinnerDiv {
  background-color: #61afc3;
  opacity: 1;
}
.sectionTestimonilaSlider.registerSlider
  .carouselSliderbox
  .testimonialSliderinnerDiv
  p,
.sectionTestimonilaSlider.registerSlider
  .carouselSliderbox
  .testimonialSliderinnerDiv
  h4 {
  color: #fff !important;
}
.sectionTestimonilaSlider.registerSlider
  .carouselSliderbox
  .testimonialSliderinnerDiv
  p::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/white-quote-right-one.svg");
}
.sectionTestimonilaSlider.registerSlider
  .carouselSliderbox
  .testimonialSliderinnerDiv
  p::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/white-quote-right.svg");
}

.modal-custome {
  width: 90% !important;
  margin: 0px auto;
}
.modal-custome .modal-dialog {
  width: 100%;
  margin: 30px auto;
}
.modal-custome::-webkit-scrollbar {
  display: none;
}

.modal-custome {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.modal-custome .sign-one-form-main-div {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px;
}
.regitration-bg-page {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/fondo_azul.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.sucess-alert-popup .modal-dialog {
  margin-top: 110px;
}

@media (max-width: 1024px) {
  .oneStepAway::after {
    left: -10px;
    top: 37px;
    background-size: 54%;
  }
  .forYouregestration {
    padding: 0px 0px;
  }
  .yourBusinessregestration {
    padding: 0px 0px;
  }
  .oneStepAway .btnOrang {
    margin-top: 0px;
  }
  .DesignToDiv p {
    padding-right: 12%;
    padding-top: 5px;
  }
}
@media (max-width: 992px) {
  .oneStepAway::after {
    display: none;
  }
  .yourBusinessregestration::before {
    display: none;
  }
  .forYouregestration::before {
    display: none;
  }
  .oneStepAway {
    padding-top: 0px;
  }
  .mamberAreSaying {
    height: auto;
    margin: 40px 0px;
    padding: 0px 10px;
  }
  .mamberAreSaying h2 {
    margin: 30px 0px;
  }
  .forYouregestration {
    padding: 0px 0px;
    margin: 0px 0px 40px 0px;
  }
  .forYouregestration h2 {
    margin: 20px 0px 40px 0px;
  }
  .yourBusinessregestration {
    padding: 0px;
    margin: 0px 0px 40px 0px;
  }
  .yourBusinessregestration h2 {
    margin: 0px 0px 30px 0px;
  }
  .sectionTestimonilaSlider.registerSlider {
    margin-top: 0px;
    padding-top: 20px;
  }
  .DesignToDiv p {
    padding-right: 0px;
  }
  .sucess-alert-popup .modal-dialog {
    margin-top: 80px;
  }
}

.sign-one-form-main-div {
  box-shadow: 0px 7px 6px 4px #77777714;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: white;
  text-align: center;
  margin-top: 88px;
  margin-bottom: 0px;
}

.sign-one-form-step {
  width: 200px;
  height: 50px;
  background-color: #ff6120;
  margin: -30px auto 0px auto;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding: 13px;
  color: white;
  border: 1px solid transparent;
}

.sign-one-user-role-lable {
  padding-top: 10px;
  color: #053c63;
}

.sign-one-user-select-label {
  color: #9a9a9a;
}

.sign-one-form-div {
  /* border: 2px solid #dbdbdb; */
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  /* margin: 50px 20px 30px 20px; */
  position: relative;
}
.modal-custome .sign-one-form-div {
  margin: 0px;
}
.modal-custome .sign-one-form-div {
  border: none;
}
.modalcloseRegisterBtn {
  border: none;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px #053c63;
  color: #053c63;
  margin: 10px;
  background-color: #fff;
  display: none;
}
.sign-one-role-img-section {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  cursor: pointer;
  margin-bottom: 10px;
}

.sign-one-selected-img {
  background-color: #053c63;
}

.sign-one-unselected-img {
  background-color: #9a9a9a;
}

.sign-one-role-div {
  margin-top: -30px;
  background-color: white;
  height: 100px;
  cursor: pointer;
  float: left;
  width: 100%;
}

.sign-one-form-field-div {
  margin-top: 20px;
}

.InputInvitationIconBox {
  position: relative;
  width: 100%;
  float: left;
}
.InputInvitationIconBox .invitationIconImg {
  position: absolute;
  right: 5px;
  top: 28px;
  width: 18px;
  cursor: pointer;
}
.new-reg-selection .ant-select-selection--single {
  height: 45px;
  padding-top: 7px;
  border: 1px solid #dbdbdb;
  background-color: #f5f5f5;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600;
  margin-top: 10px;
}

.new-reg-input-text-field {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid lightgray;
  padding-left: 10px;
  border: 1px solid #dbdbdb;
  background-color: #f5f5f5;
  font-family: "Ubuntu", sans-serif !important;
  /* text-transform: lowercase; */
  font-weight: 600;
  margin-top: 10px;
  color: black;
}

.sign-one-term-div {
  padding: 20px 10px 20px 10px;
}

.sign-one-term-text {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500;
  font-size: 12px;
}

.sign-one-term-text-butify {
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.sign-one-btn-submit {
  background-color: #ff6120;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  color: white;
  border: 1px solid transparent;
  width: 200px;
  height: 50px;
  margin-bottom: -40px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600;
  font-size: 18px;
  margin-top: 20px;
}

.sign-one-btn-submit:focus {
  outline: none;
}

.sign-one-row-over18 {
  margin: 20px;
}

.sign-one-over18-col {
  text-align: left;
  padding-left: 18px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500;
  font-size: 12px;
}

.sign-one-switch-active {
  background-color: #053c63;
}

.sign-one-switch-inactive {
  background-color: #c8c8c8;
}

.new-reg-error-section {
  margin: 10px;
  color: red;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500;
  font-size: 15px;
}

.inv-btn-common {
  background-color: #053c63;
  height: 45px;
  width: 120px;
  margin: 5px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif !important;
}

.email-id-clicked {
  cursor: pointer;
}

.signup-one-befor-role-div {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.signup-one-befor-role-lbl {
  font-weight: 500;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px;
  /* white-space: pre-line; */
}

.signup-one-befor-role-btn {
  background-color: #053c63;
  height: 45px;
  width: 180px;
  margin: 20px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-bottom: 40px;
}

.signup-one-befor-role-btn-inactive {
  background-color: #dbdbdb;
  height: 45px;
  width: 180px;
  margin: 20px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-bottom: 40px;
}

.my-facebook-button-class {
  /* height: 45px !important;
    margin-bottom: 10px;
    width: 200px;
    color: white;
    background-color: #3b5998;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: none !important;
    box-shadow: none !important; */
  width: 200px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  height: 50px;
  color: #4285f4;
  background-color: #fff;
  outline: none !important;
  margin: 30px auto;
  border: none !important;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  box-shadow: -4px 5px 4px 2px #e3e3e3 !important;
}
.my-google-button-class {
  height: 45px !important;
  /* margin-bottom: 10px; */
  margin-left: 20px;
  /* margin-top: 10px; */
  width: 200px !important;
  color: white !important;
  background-color: #d93025 !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border: none !important;
  box-shadow: none !important;
}
.my-google-button-class div {
  height: 30px !important;
  width: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px !important;
  margin-left: 5px;
}
.signup-one-form-signup-email {
  width: 200px;
  height: 45px;
  background-color: #053c63;
  color: white;
  border: 1px solid lightgray;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.inviteBg {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid lightgray;
  padding-left: 10px;
  border: 1px solid #dbdbdb;
  background-color: #f5f5f5;
  font-family: "Ubuntu", sans-serif !important;
  /* text-transform: lowercase; */
  font-weight: 600;
  margin-top: 10px;
  color: black;
}
.inviteBgRed {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: #ff0000 2px solid;
  padding-left: 10px;
  /* border: 4px solid "FF0000"; */
  background-color: #f5f5f5;
  font-family: "Ubuntu", sans-serif !important;
  /* text-transform: lowercase; */
  font-weight: 600;
  margin-top: 10px;
  color: black;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
  z-index: 9999;
}
.ant-popover-placement-top .ant-popover-title {
  color: #000;
  font-weight: bold;
  padding: 10px 15px;
  border-bottom: none;
}
.ant-popover-placement-top .ant-popover-inner {
  box-shadow: 0px 0px 10px #9a9a9a;
}
.instruction_popup .instruction_color_invalid {
  position: relative;
  padding-left: 30px;
  margin-top: 0px !important;
  margin-bottom: 26px !important;
  color: #053c63 !important;
}
.instruction_popup .instruction_color_invalid::before {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #053c63;
  color: #fff;
  content: "x";
  text-align: center;
  left: 0px;
  top: -7px;
  position: absolute;
  padding-top: 5px;
}
.instruction_popup .instruction_color_valid {
  position: relative;
  padding-left: 30px;
  /* color: #fff; */
  margin-top: 0px !important;
  margin-bottom: 26px !important;
}
.instruction_popup .instruction_color_valid::before {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: green;
  color: #fff;
  content: "✓";
  text-align: center;
  left: 0px;
  top: -7px;
  position: absolute;
  padding-top: 6px;
  font-size: 12px;
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  border-right: 15px solid #fff !important;
  border-bottom: 15px solid #fff !important;
  border-top: 15px solid transparent !important;
  border-left: 15px solid transparent !important;
}
.InvitationCopyLable {
  cursor: pointer;
}
.InviteQuestionIcon {
  width: 15px;
  height: 15px;
}
.password_instruction {
  font-size: 14px;
  color: #dd5044;
  margin-top: 10px;
}
.instruction_popup {
  line-height: 5px !important;
}
.instruction_color_invalid {
  color: #d83023;
}
.instruction_color_valid {
  color: green;
}
.btnCloseregisterModal {
  border-radius: 20px;
  height: 20px;
  width: 20px;
  padding: 0px;
  line-height: 0px;
  margin-right: 15px;
  position: absolute;
  right: 0px;
  top: 12px;
  border: none !important;
  background-color: #053c63;
  outline: none !important;
  box-shadow: none !important;
  color: #fff;
}

.registerback-btn {
  position: absolute;
  top: 0;
}
@media (max-width: 640px) {
  .sign-one-role-img-section {
    width: 50px;
    height: 50px;
  }
  .sign-one-form-div {
    /* margin: 50px 5px 30px 5px; */
  }
  .sign-one-form-div label.raleway-600.font-s-12.text-capitalize.color-mycom {
    font-size: 10px !important;
  }
  .sign-one-form-div label.raleway-600.font-s-12.text-capitalize.color-descr {
    font-size: 10px !important;
  }
  .FacebookAndGoogleButtonDiv {
    display: block;
    text-align: center;
  }
  .my-facebook-button-class {
    display: block;
    margin: 10px auto;
  }
  .my-google-button-class {
    display: block;
    margin: 10px auto;
  }
}

* {
  padding: 0px;
  margin: 0px;
}
body {
  margin: 0px;
  padding: 0px;
  font-family: "Ubuntu", sans-serif;
}
@font-face {
  font-family: "Ubuntu", sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
}

.wapper {
  width: 100%;
  float: left;
}
.wapper .container {
  max-width: 1300px;
}
/*start css registretion page*/
.headerBoth,
.bgregister,
.fixHeaderTop,
.joinUsLeft {
  float: left;
  width: 100%;
}
.fixHeaderTop {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 333;
  /* background-image:url('https://media.mycom.world/frontend/mycomRedesign/regUserType/bg re1.png');
	background-color:#fff; */
  background-size: 50%;
  background-position: left top;
  background-repeat: no-repeat;
}
.fixHeaderTop.reg2 {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg2/bg re2.png");
}
.fixHeaderTop.reg3 {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg3/bg re3.png");
}
.headerBoth {
  display: flex;
  justify-content: space-between;
}
.logoleft img {
  height: 50px;
  width: auto;
}
.logoleft span {
  float: left;
  margin: 10px;
  cursor: pointer;
}
.lenguageSelecte {
  /* width: 120px;
	height: 40px;
	border-radius: 4px;
	border: 1px solid #1074BA;
	position: relative;
	background-color: #fff;
	padding: 6px 2px 0px 2px;
	justify-content: space-between; */
}
.lenguageSelecte select {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
  color: #1074ba;
}
.lenguageSelecte img {
  background-color: #1074ba;
  border-radius: 3px;
}
.bgregister {
  /*background-image:url('https://media.mycom.world/frontend/mycomRedesign/regUserType/bg re1.png');*/
  background-color: #fff;
  background-size: 50%;
  background-position: left top;
  background-repeat: repeat-y;
  padding: 100px 5%;
}
.bgregister.bgregisterSecond {
  /*background-image:url('https://media.mycom.world/frontend/mycomRedesign/reg2/bg re2.png');*/
}
.bgregister.bgregisterthired {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg3/bg re3.png");
}
.bgregister h1 {
  color: #fff !important;
  text-align: center;
  margin-top: 80px;
  white-space: pre-line;
}
.joinUsLeft {
  padding: 0px 10%;
  background-color: #fff;
  text-align: left;
}
.joinUsLeft .new-reg-error-section {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.joinUsLeft p {
  color: #777777;
  letter-spacing: 1px;
}
.headingColor {
  font-size: 47px;
  /* color: #053C63; */
  color: #053c63;
  font-weight: bolder;
  letter-spacing: 1px;
}
.orangeColor {
  color: #09d1de !important;
}

.p18 {
  font-size: 18px;
}
.joinUsLeft .headingColor {
  color: #09d1de;
}
.individualBox {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  box-shadow: 0px 7px 6px 4px #77777714;
  border-radius: 6px;
  padding: 20px 0px;
  margin: 0px 0px 40px 0px;
  border: 1px solid transparent;
  position: relative;
  cursor: pointer;
}
.individualBox:hover {
  border: 1px solid #09d1de;
  background-color: #09d1de10;
  box-shadow: none;
}
.individualBox:hover::after {
  position: absolute;
  content: "\2192";
  height: 20px;
  width: 30px;
  right: 10px;
  top: 30%;
  color: #09d1de;
  font-size: 26px;
}
.individualBox .individualBoxicon {
  width: 50px;
  margin: 0px 30px;
  text-align: center;
}
.individualBox .individualBoxMiddel {
  width: 65%;
}
.individualBox .individualBoxMiddel h4 {
  font-size: 18px;
  color: #000 !important;
  font-weight: bolder;
}
.individualBox .individualBoxMiddel p {
  font-weight: bold;
  font-size: 14px;
  margin: 0px;
}
.mrtb {
  margin: 20px 0px 30px 0px;
}
.leftDottedBorder {
  text-align: center;
  width: 100%;
  float: left;
  padding: 0px 10%;
  position: relative;
}
.leftDottedBorder::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Vector-86.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  content: "";
  top: 30%;
  left: 50%;
  right: 0px;
  bottom: 0px;
}
.leftDottedBorder img {
  position: relative;
  z-index: 1;
}
.leftDottedBorder .joinDotted {
  position: relative;
}
.leftDottedBorder .joinDotted::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/R1-Rectangle 259 (1).svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  content: "";
  top: -18px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 200px;
}
.leftDottedBorder .idividual {
  position: relative;
}
.leftDottedBorder .idividual::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/R4-Rectangle 259 (2).svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  content: "";
  top: -29px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 150px;
}
.leftDottedBorder .idividual::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/registerLanding/Vector-86.png");
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  top: 160%;
  left: 50%;
  width: 3px;
  height: 150px;
}
.IndividualUserIcon {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0px;
  color: #053c63;
}
.IndividualUserIcon img {
  margin-right: 20px;
}
.IndividualUserIcon svg {
  fill: #053c63;
}
.inputBig {
  width: 100%;
  float: left;
  border: 1px solid #ced4da;
  color: #777777;
  height: 60px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 5px 15px;
  letter-spacing: 1px;
  margin: 10px 0px;
  outline: none !important;
  box-shadow: none !important;
}
.inputBig .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin-top: 8px;
}
.inputBig .ant-select-selection__placeholder,
.inputBig .ant-select-search__field__placeholder {
  color: #777777;
}
.inputBig .ant-select-arrow-icon svg {
  fill: #777777;
}
.checkboxDiv {
  display: flex;
  width: 100%;
  margin-top: 10px;
  float: left;
  align-items: center;
}
.checkboxDiv input {
  width: 20px;
  height: 20px;
  align-items: center;
}

.checkboxDiv label {
  color: #777777;
  margin: 0px;
  letter-spacing: 1px;
  margin-left: 15px;
  width: 85%;
}
.boxLeftRightMargin {
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  justify-content: space-between;
}
.btnreg {
  width: 170px;
  border-radius: 10px;
  height: 50px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 30px auto;
  border: none !important;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1px;
}
.btnreg.bgorangeColor {
  background-color: #053c63;
}
.btnMedia {
  width: 190px;
  display: flex;
  align-items: center;
  border-radius: 10px !important;
  height: 50px;
  color: #053c63;
  background-color: #fff;
  outline: none !important;
  margin: 18px 10px;
  border: none !important;
  font-size: 12px !important;
  font-weight: bold !important;
  box-shadow: -4px 5px 4px 2px #e3e3e3 !important;
}
.btnMedia i {
  height: 26px;
  width: 26px;
  background-color: #1877f2;
  border-radius: 50%;
  color: #fff;
  margin: 0px 10px;
  font-size: 24px;
  padding: 5px;
}
.btnMedia span {
  padding: 0px !important;
  color: #053c63;
  font-weight: bold !important;
}
.btnMedia div {
  margin-right: 0px !important;
  padding: 10px !important;
}

.btnMedia img {
  margin: 0px 10px;
}
.btnreg.bgGrayColor {
  background-color: #777777;
}

.btnreg.bgBlueColor {
  background-color: #2782b9;
}
.blueColor {
  color: #2782b9;
}

.darkgray1 {
  color: #777777;
}
.fixHeaderTop.reg4 {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg4/bg re4.png");
}
.fixHeaderTop.reg5 {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg5/bg re5.png");
}

.bgregister.bgregisterFour {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg4/bg re4.png");
}
.bgregister.bgregisterFive {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/reg5/bg re5.png");
}
/*end css registretion page*/

/*start login css*/

.marginTB {
  margin: 10% auto;
}
.loginbox {
  background-color: #fff;
  box-shadow: 0px 7px 11px #dcdcdc;
  margin: 0px auto;
  padding: 20px 20px;
  display: inline-block;
  max-width: 480px;
  height: auto;
  text-align: center;
  border-radius: 6px;
}
.headingLoginBox {
  color: #4ea89f;
  font-size: 36px;
  font-weight: bolder;
  padding-bottom: 8px;
  text-transform: capitalize;
}
.loginbox p {
  color: #777777;
  font-size: 16px;
  font-weight: 300;
}
.form-control.loginInput {
  border: 1px solid #dcdcdc;
  height: 56px;
  box-shadow: none !important;
  outline: none !important;
  color: #666666 !important;
  width: 304px;
  margin: 0px auto;
}
.fullWithDiv {
  width: 100%;
  float: left;
}
.btnGoogle {
  float: left;
  width: 200px;
  box-shadow: 0px 5px 13px #c6c4c4;
  outline: none;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  height: 56px;
  text-decoration: none;
  color: #000 !important;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnGoogle img {
  width: 24px;
  height: auto;
  display: inline-block;
  float: left;
}
.btnGoogle label {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
  color: #053c63;
  font-size: 14px;
}
.btnGoogle.btnFb {
  float: right;
}
.f-size-12 {
  font-size: 12px;
}
.colorsyne {
  color: #053c63 !important;
  font-size: 20px !important;
  font-weight: bolder !important;
}
.checkRemberBox input {
  float: left;
  margin: 2px;
}
.checkRemberBox label {
  float: left;
  margin: 0px 0px 0px 5px;
}
.btnSign {
  background-color: #053c63;
  width: 120px;
  color: #ffffff !important;
  height: 45px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: block;
  font-weight: bolder;
  margin: 20px auto;
  font-size: 18px !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}

/*end login css*/
@media only screen and (max-width: 1700px) {
  .leftDottedBorder .joinDotted::after {
    top: -4px;
  }
  .leftDottedBorder img {
    position: relative;
    z-index: 1;
    width: 90%;
  }
}
@media only screen and (max-width: 1600px) {
  .leftDottedBorder {
    padding: 0px 5%;
  }
}
@media only screen and (max-width: 1440px) {
  .wapper .container {
    max-width: 1140px;
  }
  .leftDottedBorder {
    padding: 0px 0px;
  }
  .leftDottedBorder .idividual::after {
    top: -22px;
  }
  .leftDottedBorder .joinDotted::after {
    top: -13px;
  }
}
@media only screen and (max-width: 1280px) {
  .leftDottedBorder::after {
    top: 35%;
  }

  .leftDottedBorder .joinDotted::after {
    top: -6px;
  }
}
@media only screen and (max-width: 1200px) {
  .wapper .container {
    max-width: 1100px;
  }
  .bgregister {
    padding: 100px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .bgregister h1 {
    margin-top: 20px;
  }
  .leftDottedBorder::after {
    top: 28%;
  }
  .leftDottedBorder .idividual {
    margin-top: 40px;
  }
  .leftDottedBorder img {
    width: 80%;
  }
  .joinUsLeft {
    padding: 30px 15px;
    margin-top: 15px;
    border-radius: 10px;
  }

  .headingColor {
    font-size: 40px;
  }
  .mrtb {
    margin: 0px 0px 0px 0px;
  }
  .individualBox {
    padding: 10px 0px;
    margin: 0px 0px 30px 0px;
  }
  .individualBox:hover::after {
    top: 20%;
  }
  .bgregister.bgregisterSecond {
    background-size: cover;
  }
  .fixHeaderTop.reg2 {
    background-image: none;
    background-color: #439c96;
  }
  /* .fixHeaderTop{
	background-image: none;
	background-color: #2782B9;
} */
  .bgregister {
    background-size: cover;
    padding: 40px 15px;
  }

  .bgregister.bgregisterthired {
    background-size: cover;
  }
  .fixHeaderTop.reg3 {
    background-image: none;
    background-color: #e18519;
  }
  .leftDottedBorder .idividual::after {
    top: -16px;
  }
}
@media only screen and (max-width: 991px) {
  .leftDottedBorder .joinDotted::after,
  .leftDottedBorder::after,
  .leftDottedBorder .idividual::before,
  .leftDottedBorder .idividual::after {
    display: none;
  }
  .leftDottedBorder .idividual {
    margin-top: 20px;
  }
  .leftDottedBorder img {
    width: 50%;
  }
  .registretionWhiteBox .btnOrang {
    width: auto;
  }
}
@media only screen and (max-width: 600px) {
  .individualBox .individualBoxicon {
    margin: 0px 10px;
  }
  .individualBox:hover::after {
    top: 0px;
  }
  .leftDottedBorder img {
    width: 80%;
  }
}

@media only screen and (max-width: 480px) {
  .btnGoogle {
    float: none;
    margin: 10px auto;
  }
  .btnGoogle.btnFb {
    float: none;
  }
  .btnMedia {
    width: 100% !important;
    margin: 10px 0px;
  }
  .boxLeftRightMargin {
    display: block;
    width: 100%;
  }
  .inputBig {
    height: 40px;
    font-size: 14px;
  }
  .inputBig .ant-select-selection {
    margin-top: 0px;
  }
  .InputInvitationIconBox .invitationIconImg {
    top: 20px;
  }
  .bgregister h1 {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 380px) {
}

.one-instruction-img {
  width: 70% !important;
  height: 70% !important;
}

.one-instruction-row {
  margin: 0px !important;
  text-align: center;
  padding: 10px;
}

.one-intr-title {
  font-size: 16px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600;
  padding: 20px;
  color: #053c63;
}

.one-intr-desc {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 10px;
}

.one-intr-margin-top {
  margin-top: 80px;
}
.LineDesignTwo {
  position: relative;
}
.LineDesignOne::after {
  position: absolute;
  width: 80%;
  left: 55%;
  top: 26%;
  content: "";
  height: 5px;
  background-color: #053c63;
  transform: rotate(20deg);
}
.LineDesignTwo::after {
  position: absolute;
  width: 80%;
  right: 55%;
  top: 24%;
  content: "";
  height: 5px;
  background-color: #053c63;
  transform: rotate(20deg);
}
.LineDesignTwo::before {
  position: absolute;
  width: 80%;
  left: 55%;
  top: 24%;
  content: "";
  height: 5px;
  background-color: #053c63;
  transform: rotate(-20deg);
}
.one-instruction-row .one-instruction-img {
  position: relative;
  z-index: 33;
}

@media (max-width: 1199px) {
  .LineDesignOne::after {
    display: none;
  }
  .LineDesignTwo::after {
    display: none;
  }
  .LineDesignTwo::before {
    display: none;
  }
}

.testimonial-div {
  background-color: #dbdbdb;
  text-align: center;
  min-height: 250px;
}

.testimonial-item-div {
  min-height: 200px;
  background-color: #cdcdcd;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  text-align: center;
  margin: 60px 0px 30px 0px;
  width: 100%;
}

.testim-item-img-section {
  width: 90px;
  height: 90px;
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  background-color: #cdcdcd;
  border: 1px solid transparent;
  margin-top: -50px;
  /* position: absolute; */
}

.testim-item-img-section:focus {
  outline: none;
}

.testi-color-user-img {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
}

.testimonial-arrow-img {
}

.testimo-item-text {
  padding: 20px 20px 1px 20px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 1px;
}

.testimo-item-owner-name {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600;
  font-size: 15px;
  font-style: italic;
  color: black;
  padding: 5px;
}

.testimo-quote-1 {
  quotes: "“" "„";
}

.testimonial-row {
  margin: 0px;
  padding: 0px;
}

.testim-arrow-col {
  /* position:relative; */
  /* top: calc(50% - 10px); */
  margin-top: 10%;
}

@media (max-width: 960px) {
  .testim-arrow-col {
    /* position:relative; */
    /* top: calc(50% - 10px); */
    margin-top: 40%;
  }
}

@media (max-width: 500px) {
  .testim-arrow-col {
    /* position:relative; */
    /* top: calc(50% - 10px); */
    margin-top: 65%;
  }
}

.signup-video-div {
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  background-position: 50% 50% !important;
  opacity: 1;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0)),url(https://media.mycom.world/public/img/2.jpg); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
    url("https://media.mycom.world/frontend/videoBackground.png");
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
}

.signup-video-inner-div {
  background-color: rgba(47, 161, 157, 0.5);
  height: 100%;
}

.signup-video-btn-signup {
  width: 120px;
  height: 49px;
  border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  -moz-border-radius: 0px 10px 10px 0px;
  -ms-border-radius: 0px 10px 10px 0px;
  -o-border-radius: 0px 10px 10px 0px;
  border: 1px solid transparent;
  background-color: #ff6120;
  display: inline-block;
  color: white;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 700;
  font-size: 15px;
}

.signup-video-watch-vid-text {
  font-size: 20px;
  color: #ff6120;
  font-weight: 600;
}

.signup-video-input {
  width: 200px;
  height: 48px;
  border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -o-border-radius: 10px 0px 0px 10px;
  border: 1px solid transparent;
  display: inline-block;
  padding-left: 10px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500;
  font-size: 15px;
}

.signup-video-input::placeholder {
  color: #ff6120;
}

.signup-video-input-sec {
  margin-top: 90px;
  margin-bottom: 30px;
  position: inherit;
}

.signup-video-hes-text {
  font-family: "Ubuntu", sans-serif !important;
  color: white;
  font-size: 18px;
}

.signup-video-text1-sec {
  font-family: "Ubuntu", sans-serif !important;
  color: white;
  font-size: 16px;
  padding-top: 40px;
}

.signup-video-item {
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  width: 364px;
  float: left;
  padding: 10px;
}
.signup-video-list-div .menu-wrapper--inner {
  display: flex;
}
.signup-video-list-div .menu-wrapper {
  display: flex;
}

.signup-video-thum {
  width: 100%;
  height: auto;
  /* background-color: rgba(47,161, 157, 0.5) */
}

.signup-video-play-icon {
  /* margin-top: 20%; */
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: transparent;
  color: white;
}
.play-icon-margin {
  margin-top: 13%;
}
.signup-video-list-div {
  margin: 30px 10px 40px 10px;
}

.video-arrow-col {
  margin-top: 8%;
}
.signup-video-input-sec {
  padding-bottom: 40px;
}

@media (max-width: 1200px) {
  .signup-video-item {
    position: relative;
    overflow: hidden;
    background-color: transparent;
  }
  .signup-video-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 960px) {
  .signup-video-div {
    height: auto;
  }

  .video-arrow-col {
    margin-top: 50%;
  }

  .signup-video-item {
    margin-top: 10px;
  }
}

.conf-mail-congr {
  font-family: "Great Vibes", cursive;
  font-size: 35px;
  color: #3fa3a1;
  letter-spacing: 1px;
}

.conf-mail-div {
  text-align: center;
}

.conf-mail-reg-succ {
  white-space: pre-line;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
  color: #053c63 !important;
  font-size: 20px;
  letter-spacing: 0.5px;
}

.conf-mail-common-text {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  width: 80%;
}

.conf-mail-icon {
  width: 60px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.conf-mail-conirm-account {
  min-width: 175px;
  height: 40px;
  background-color: #053c63;
  color: white;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px;
  padding-top: 7px;
  margin-top: 10px;
  cursor: pointer;
}

.conf-mail-hand-img {
  width: 50px;
  margin-left: 50px;
  margin-top: -20px;
}

.conf-mail-login {
  color: #053c63;
  cursor: pointer;
  text-decoration: underline;
}

.conf-mail-login:hover {
  color: blue;
}

.mycard-act-main-div {
  background-color: white;
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}

.mycard-act-main-div h3 {
  background-color: #f49a1f;
  color: #fff !important;
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: -50px auto 15px auto;
  width: 170px;
  border-radius: 5px;
  padding: 10px;
}

.ImgActivationPopup {
  width: 50%;
  height: auto;
  display: block;
  margin: 20px auto;
}
.ActivationPopup p {
  font-size: 13px !important;
}
.ActivationPopup label {
  color: #4ea89f;
  margin-bottom: 0px !important;
}
.InputCardBox {
  margin: 10px auto;
  /* display: flex; */
  display: inline-block;
  align-items: center;
  justify-content: center;
  text-align: center !important;
}
.InputCardBox .ant-input {
  height: 25px;
  border-radius: 0px !important;
  margin-left: 7%;
  font-size: 13px;
  color: #000;
  width: 80px;
  margin-right: 10px;
  height: 45px;
  text-align: center !important;
}
.InputCardBox svg {
  color: #4ea89f;
  margin-left: 15px;
  font-size: 20px;
  margin-top: -80px !important;
  height: 65px;
  /* display: inline-block !important; */
}

.ButtonActive {
  background-color: #4ea89f !important;
  color: #fff;
  background-image: none !important;
  opacity: 9 !important;
  text-shadow: none !important;
  /* padding: 5px 15px; */
  padding-left: 45px;
  border: none !important;
  width: 150px;
  margin: auto;
  display: flex;
  text-align: center;
}

.mycard-act-error-div {
  background-color: #ffd2d2 !important;
  width: 280px !important;
  display: block;
  margin: auto;
}

.mycard-act-error-text {
  color: #d8000c !important;
  font-weight: normal !important;
  padding: 10px;
}

.navbar {
  border-radius: 0 !important;
  border-bottom-color: white !important;
  width: 100% !important;
}

.navbar-without-scroll {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-bottom-color: transparent !important;
}

/* .Rightsidebox .DashboardRightTopMenuBar{
    position: fixed;
    top: 0px;
} */
.DashboardRightTopMenuBar {
  position: sticky;
  top: 0px;
  z-index: 333;
}
.DashboardRightTopMenuBar .nav.navbar-nav {
  margin-top: 10px;
}
.DashboardRightTopMenuBar .nav.navbar-nav.displayMack {
  display: flex;
}
.DashboardRightTopMenuBar .navbar-with-scroll {
  border: none !important;
  box-shadow: none;
  margin-bottom: 0px;
  position: sticky;
  top: 0px;
}
.navbar-with-scroll {
  background-color: white !important;
  border-bottom-color: white !important;
}
.DashboardRightTopMenuBar .navbar-with-scroll .container {
  width: 100%;
}
.navbar-default {
  background-image: none !important;
}
.header-login-reg-div {
  width: 100px !important;
  background-color: transparent;
  margin-left: 10px;
  margin-right: -50px;
  display: inline-block;
  text-align: center;
}
.header-language-div {
  width: 130px !important;
  background-color: transparent;
  margin-top: 35%;
  text-align: left;
}
.header-flagicon-div {
  display: flex;
}

.after-login-div {
  display: flex;
  /* height: 100%; */
  top: 0%;
  transform: translate(0, 70%);
}
.header-logo-img {
  height: 60px !important;
  width: auto !important;
  margin-right: 15px;
  margin-top: 5px;
}
.header-hr-line-with-scroll {
  height: 2px !important;
  margin-bottom: 2px;
  margin-top: 0px;
  border: transparent 0px solid;
  background-color: #03877c;
  color: #03877c;
}
.header-hr-line-without-scroll {
  height: 2px !important;
  margin-bottom: 2px;
  margin-top: 0px;
  border: transparent 0px solid;
  background-color: #ffffff;
  color: #ffffff;
}
.header-dropdown-icon {
  height: 24px;
  margin-right: 2px;
  width: auto;
}
.header-nav-right {
  margin-top: 0px !important;
  display: inline-flex;
}

.header-navbar-scroll-link-black {
  color: black !important;
  cursor: pointer;
}

.header-navbar-scroll-link-white {
  color: white !important;
  cursor: pointer;
}

.header-navbar-register-border {
  border: 1px #03877c solid;
}

.vl-without-scroll {
  border-left: 2px solid transparent;
}
.upgradeBtnHeader {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 8px;
  background-image: linear-gradient(to right, #053c63, #09d1de);
  padding: 8px 4px !important;
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  line-height: normal;
}
.upgradeBtnHeader span {
  margin-right: 5px;
}
.qrCodeIocn {
  float: right;
  /* width: 100px; */
  display: flex;
  align-items: center;
  font-size: 14px !important;
  color: #053c63;
  font-weight: bold;
  margin-left: 20px;
}
.qrCodeIocn span {
  background-image: linear-gradient(to right, #053c63, #09d1de);
  height: 33px;
  width: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 5px;
}

.vl-with-scroll {
  border-left: 2px solid transparent;
}
.vl-with-scroll .dropdown-menu {
  position: absolute !important;
  min-width: 120px !important;
}
#nav-dropdown-without-scroll {
  color: white;
  font-weight: bold;
  background-color: #00000000;
}
#nav-dropdown-with-scroll {
  color: black;
  font-weight: bold;
  background-color: #00000000;
}
.nav-menu-item-color {
  font-weight: bold;
  background-color: #053c63;
}

.dropdown-menu > li > a {
  color: white !important;
}
.dropdown-menu > li > a:hover {
  color: black !important;
}
.dropdown-menu {
  padding: 0px;
}

.navbar-nav > .open > a {
  background-image: none !important;
}
.icon-flag-size {
  height: 30px;
  width: auto;
}

/* .navbar-right {
    margin-right: -95px !important;
    
}

.navbar-brand {
    margin-left: -95px !important;
} */

.header-navbar-img {
  width: 25px;
  height: 25px;
  margin-left: -20px;
}

.header-navbar-img-1 {
  width: auto;
  height: 15px !important;
  margin: 0px 5px;
}
.communityMycom {
  margin-top: 0px;
  float: left;
  width: auto !important;
}
.communityMycom a {
  padding: 10px 10px 10px 0px !important;
}
.communityMycom span {
  font-size: 16px;
  color: #053c63;
  font-weight: bold;
}
.header-search-my-account {
  margin-left: 0px;
  padding-left: 5px;
  border-left: 0px solid #053c63;
  cursor: pointer;
}
.header_title {
  font-style: italic;
  color: #053c63;
  cursor: pointer;
  text-transform: capitalize;
}
.header_title_white {
  font-style: italic;
  color: #ffffff;
  cursor: pointer;
  text-transform: capitalize;
}

.header-mycard-activate-btn {
  background-color: #4ea89f !important;
  color: #fff;
  background-image: none !important;
  opacity: 9 !important;
  text-shadow: none !important;
  padding: 5px 10px;
  border: none !important;
  margin-top: 0px;
}

.vendorSearchHeader {
  display: flex;
  width: auto;
  float: right;
  margin-top: 5px;
}
.divNotification {
  align-self: center;
  margin-left: 2rem;
  margin-right: 0px;
}
.img-notification {
  width: 28px;
  height: auto;
  margin-right: 10px;
  justify-content: space-evenly;
  border-radius: 18px;
  border: 1px solid #053c63;
  padding: 5px;
}
.badgeCount {
  background-color: #dd5044;
  border-radius: 12px;
  height: 25px;
  width: auto;
  min-width: 25px;
  color: white;
  font-size: 12px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  position: absolute;
  margin-left: -18px;
  margin-top: -12px;
}
@keyframes blink {
  50% {
    background-color: white;
    color: #dd5044;
    border: 1px solid #dd5044;
  }
}
.badgeCount_blink {
  background-color: #053c63;
  border-radius: 12px;
  line-height: 15px;
  height: 20px;
  width: 20px;
  color: white;
  text-align: center;
  padding: 2px;
  position: absolute;
  margin-left: -25px;
  margin-top: -10px;
  font-weight: normal;
  font-size: 11px;
  font-weight: 500;
  /* animation: blink .5s step-end infinite alternate; */
}
.vendorSearchBoxHeader {
  display: flex !important;
}
.vendorSearchBoxHeader .home-top-search-input {
  height: 30px;
  width: 240px;
  font-size: 12px !important;
  border-bottom: 1px solid #dcdcdc !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0px;
  margin-right: 12px;
  border-radius: 0px;
  color: #000;
  border: none;
}
.vendorSearchBoxHeader .home-header-section-left-line {
  width: 135px;
  height: 30px;
  font-size: 12px !important;
  border-bottom: 1px solid #dcdcdc !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0px;
  margin-right: 12px;
  border-radius: 0px;
  color: #000;
  border: none;
}
.vendorSearchBoxHeader .iPGnsj {
  width: auto !important;
}
.vanderinputSearch {
  display: flex;
  height: 30px;
  margin-top: 10px;
}
.vendorSearchBoxHeader img {
  margin-left: -10px;
  height: 24px;
  width: auto;
  margin-top: 5px;
  cursor: pointer;
  z-index: 1;
}
.vanderinputSearch
  .ant-select.ant-select-enabled
  .ant-select-selection.ant-select-selection--single {
  border: none;
  background-color: #053c63;
  color: #fff;
  margin-right: 20px;
  border-radius: 5px;
  height: 25px;
  margin-top: 5px;
}
.vanderinputSearch
  .ant-select-show-search.ant-select-auto-complete.ant-select.ant-select-combobox.ant-select-enabled {
  width: auto !important;
  height: auto !important;
  background-color: #fff;
}

.vanderinputSearch
  .ant-select-show-search.ant-select-auto-complete.ant-select.ant-select-combobox.ant-select-enabled
  .ant-select-selection.ant-select-selection--single {
  background-color: #fff;
  margin-top: 0px !important;
  margin-right: 0px !important;
}

.vanderinputSearch .ant-select-selection .ant-select-selection__rendered {
  line-height: 22px;
}
.vanderinputSearch .ant-select-selection .ant-select-arrow {
  right: 6px;
}
.vanderinputSearch .ant-select-selection .ant-select-arrow svg {
  fill: #fff;
  margin-left: 5px;
}
.vanderinputSearch .iPGnsj::after {
  height: 28px;
  border-left: 1px dashed #dcdcdc;
  width: 1px;
  left: -7px;
  bottom: 0px;
  content: "";
  position: absolute;
}

.div-notification-bkg {
  width: 100%;
  background-color: #ffffff10;
  height: 1000px;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.div-qr-modal {
  text-align: center;
}

.div-qr-modal p {
  font-size: 20px;
  color: #053c63;
  margin-top: 1em;
}
.qr-modal .modal-dialog {
  max-width: 450px;
}
.qr-modal-header {
  border-bottom: none;
}
.qr-modal-header .modal-title {
  font-size: 2.5rem;
}
.qr-modal p {
  cursor: pointer;
}
.nav-left-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  #nav-header-block li {
    display: inline-block;
  }
  /* .navbar-right {
        margin-right: -15px !important;
        
    } */
  .navbar-brand {
    margin-left: 0px !important;
  }
  .icon-flag-size {
    display: none;
  }
  .vendorSearchHeader {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 1365px) {
  .DashboardRightTopMenuBar .nav.navbar-nav.displayMack {
    /* display: block;
    width: 100%; */
  }
}

.rowRequestPage {
  height: calc(100vh - 250px);
  overflow-y: scroll;
  max-height: 300px;
}

/* .div-notification-bkg{
  position: absolute;
  width: 100%;
  height: 1000px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
} */

.rowRequestPage::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

.rowRequestPage::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.rowRequestPage::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

.requestItemDiv .readBtn {
  min-width: 80px !important;
}

.ant-btn.menuButtonMobile.ant-btn-primary {
  display: none;
}

.responsiveMenuDrawer .ant-drawer-body {
  padding: 0px;
}

.logoFullobile {
  height: 60px;
  overflow: hidden;
  text-align: center;
}

.logoFullobile img {
  width: 150px;
  margin: 10px auto 0px auto;
}
.responsiveMenuDrawer .ant-drawer-content-wrapper {
  box-shadow: none !important;
}
.responsiveMenuDrawer .ant-drawer-content {
  border-radius: 0px;
  overflow: hidden;
  /* background-image: url("https://media.mycom.world/frontend/images/newmenuBg.png"); */
  background-image: linear-gradient(#fff, #fff, #d4d4d4);
  background-position: center;
  background-repeat: repeat;
  background-position: top left;
  background-size: cover;
  height: 100%;
}

.responsiveMenuDrawer .ant-drawer-close {
  right: -12px;
}
.responsiveMenuDrawer .ant-drawer-close svg {
  fill: #fff;
}
/* .responsiveMenuDrawer .ant-menu-dark {
    overflow-y: scroll;
    height: 500px;
} */
.responsiveMenuDrawer .ant-menu-dark {
  background-color: transparent;
  float: left;
  margin-top: 10px;
}

.responsiveMenuDrawer .ant-menu-dark .ant-menu-item.ant-menu-item-selected {
  background-color: #053c63 !important;
  color: #fff !important;
}
.responsiveMenuDrawer .ant-menu-dark .ant-menu-item {
  color: #053c63 !important;
  padding-left: 15px !important;
  background-color: transparent !important;
}
.responsiveMenuDrawer .ant-menu-dark .ant-menu-submenu-title {
  color: #053c63 !important;
  padding-left: 15px !important;
}
.responsiveMenuDrawer .ant-menu-dark .ant-menu-sub {
  background-color: transparent;
  padding-left: 0px;
}

.responsiveMenuDrawer
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow::after,
.responsiveMenuDrawer
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow::before {
  background: #053c63;
  opacity: 1 !important;
}
.responsiveMenuDrawer
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  opacity: 1;
}

.responsiveMenuDrawer .ant-menu-dark .ant-menu-item .newMenuIcon {
  margin-right: 10px;
  width: 20px;
  margin-top: -5px;
}

.responsiveMenuDrawer .ant-menu-dark .ant-menu-submenu-title .newMenuIcon {
  margin-right: 10px;
  width: 20px;
  margin-top: -5px;
}

.responsiveMenuDrawer .ant-menu-dark .sontactSupportmenu {
  color: #053c63;
  text-decoration: underline;
  padding-left: 18%;
  margin-top: -5px;
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
}

.responsiveMenuDrawer .ant-menu-dark li.ant-menu-item.borderlastMenu::before {
  position: absolute;
  top: 0px;
  border-top: 1px solid #c6c6c5 !important;
  width: 80%;
  border-top-style: dashed !important;
  left: 10%;
  right: 10%;
  content: "";
}

.main_div_request {
  padding: 20px;
  /* max-height: 580px;
  min-height: 580px; */
}
.imgPendingRequest {
  height: 25px;
  width: 25px;
  margin-left: 20px;
}
.rowFilterPage {
  margin-top: 1rem;
  padding-right: 1rem;
}
.PaginationListRequest {
  width: 100%;
  text-align: right;
  float: right;
}
.PaginationListRequestBottom {
  width: 100%;
  text-align: left;
  float: left;
  padding-top: 10px;
  padding-bottom: 20px;
}
/* .rowRequestPage{
    padding-right: 20px;
} */
.requestItemDiv {
  background-color: #f8f8f8;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 8px;
  padding: 5px 10px;
  box-shadow: 0px 3px 6px #00000026;
}
.requestRow {
  /* margin-top: 20px; */
  display: flex;
  align-items: center;
}
.RequestorName {
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
}
/* middle section */
.notification-middle-section {
  display: flex;
  align-items: center;
}
.notificationDropBox .pay-btn {
  color: #2a8e82;
  font-size: 18px;
  font-weight: normal;
}
.notificationDropBox .cancel-btn {
  color: red;
  font-size: 18px;
  font-weight: normal;
}
.notification-tabs .nav-tabs {
  border: none !important;
}
.notification-tabs li {
  width: 50%;
  text-align: center;
  background-color: #ffffff;
  margin: 5px 0px;
}
.notification-tabs .nav-tabs > li > a {
  border: none !important;
  /* border-bottom: 2px solid #999999 !important; */
  background-color: #ffffff;
  color: #999999;
  font-weight: 600;
  border-radius: 0px !important;
  outline: none !important;
}
.notification-tabs .nav-tabs > li.active > a,
.notification-tabs .nav-tabs > li.active > a:focus,
.notification-tabs .nav-tabs > li.active > a:hover {
  /* border-bottom: 2px solid #2a8e82 !important; */
  color: #1d92c7;
  background-color: #f0f0f0;
}

.requestorUserPic {
  /* width: 55px;
  height: 55px; */
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #2a8e82;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 10px auto; */
}

.infinityIconRequest {
  margin-right: 10px;
}

.DropDownLableBg {
  width: 100%;
  border: 1px solid #053c63;
  border-radius: 2px;
  color: #fff;
  background-color: #053c63;
  padding: 5px 10px;
  display: inline-block;
}

.DropDownLableBg .anticon-down {
  float: right;
  margin-top: 5px;
}

.DropDownLableBg:hover {
  color: #fff;
}

.no-data-div {
  text-align: center;
  font-size: 1.5em;
  color: #999999;
}
.no-data-div img {
  width: 280px;
  height: auto;
}
.bitcoinTrustBtc {
  position: relative;
  background-image: linear-gradient(to right, #053c63, #3cada4);
  width: 100%;
  align-items: center;
  padding: 2px;
  border-radius: 10px;
  float: left;
  box-shadow: 0px 0px 5px #dcdcdc;
  margin: 30px 0px 10px 0px;
}
.bitcoinTrustBtc .bitcoinTrustBtcBox {
  display: flex;
  background-color: #fff;
  align-items: center;
  border-radius: 8px;
  padding: 5px 8px;
  /* height: 62px; */
}
.bitcoinTrustBtc .bitCoinImg {
  width: 60px;
  margin-right: 2%;
}
.bitcoinTrustBtc .bitCoinImg img {
  width: 50px;
  height: auto;
}
.bitcoinTrustBtc .bitcoinCoin p {
  margin: 0px;
  font-family: sans-serif;
}
.BitcoinBuyBtnBox {
  margin-left: auto;
  margin-right: 15px;
}
.BitcoinBuyBtnBox small {
  display: block;
  text-align: center;
  color: #053c63;
  margin-top: 30px;
  cursor: pointer;
}
.BitcoinBuyBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #3cada4);
  float: right;
  padding: 0px 15%;
  line-height: 0px !important;
  height: 26px;
  margin-left: auto;
  font-weight: bold;
  min-width: 130px;
}
.err-txt {
  color: red;
}

.succ-txt {
  color: green;
}
/* .bitcoinTrustBtc::before {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px; 
    bottom: -2px; 
    left: -2px;
    background-image: linear-gradient(to right, #053C63 , #3CADA4);
    z-index: -1;
  } */

.newColor1 {
  color: #fff;
}
.newColor2 {
  color: #000 !important;
}
.newColor3 {
  color: #053c63 !important;
}
.newColor4 {
  color: #2b8e82;
}
.newColor5 {
  color: #c6c6c5;
}
.newColor6 {
  color: #c6151d;
}
.newColor10 {
  color: #99c1da;
}
.newColorBg1 {
  background-color: #fff;
}
.newColorBg2 {
  background-color: #000;
}
.newColorBg3 {
  background-color: #053c63;
}
.newColorBg4 {
  background-color: #2b8e82;
}
.newColorBg5 {
  background-color: #c6c6c5;
}

.QRcodeBox,
.mycomRadio,
.quoteWeekSlider,
.newsAndEvent,
.hotNewImg,
.NewsEventPage,
.offerInCharipick,
.chrrypickOfferBox,
.chrrypickOfferWithImg,
.videoSection {
  width: 100%;
  float: left;
}
.wapperDiv {
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  flex: auto;
  min-height: 0;
  background: #eff1f7;
}
.menuBoardradius {
  /* border-radius: 0px 50px 50px 0px; */
  overflow: hidden;
  background-image: linear-gradient(#fff, #fff, #d4d4d4);
  /* background-image: url("https://media.mycom.world/frontend/images/newmenuBg.png"); */
  background-position: center;
  background-repeat: repeat;
  background-position: top left;
  background-size: cover;
  /* position: relative; */
  height: 100%;
}
.newmenu-container-div::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  height: 70px;
  background-color: #fff;
  z-index: -1;
}
.newRightsideboxWithSpace {
  box-sizing: border-box;
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
  background: #f0f2f5;
  padding-left: 80px;
  transition: 200ms;
}
.newmenu-container-div {
  flex: 0 0 230px;
  max-width: 230px;
  min-width: 230px;
  width: 230px;
  position: relative;
  /* background: #000; */
  /* background: #001529; */
  transition: all 0.2s;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
}
.logoColorDiv {
  text-align: center;
  background-color: transparent;
  height: 65px;
  overflow: hidden;
  display: block;
}

.closeBtnCircle {
  border-radius: 0px;
  background-color: transparent;
  color: #c6c6c5;
  margin: 15px 10% 10px 10%;
  border-radius: 0px !important;
  float: left;
  display: block;
  border-top: 1px solid #053c63 !important;
  width: 80%;
  border-top-style: dashed !important;
}
.newmenu-opener-button-open {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 4px solid transparent !important;
  /* background-color: #1f1f1f; */
  background-color: transparent;
  margin: -12px auto 0px auto;
  font-size: 15px;
  padding: 0px;
  outline: none !important;
  box-shadow: none !important;
}
.newmenu-opener-button-open:hover,
.newmenu-opener-button-open:focus {
  border: 4px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.newmenu-opener-button-open i {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #053c63 !important;
  color: #053c63;
  /* background-color: #1f1f1f; */
  margin: -10px auto 0px auto;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
  background-color: #fff;
}

.newRightsidebox {
  box-sizing: border-box;
  display: flex;
  flex: auto;
  flex-direction: column;
  min-height: 0;
  background: #f0f2f5;
  padding-left: 230px;
  transition: 230ms;
}

.newmenu-container-div-close {
  flex: 0 0 80px;
  max-width: 80px;
  min-width: 80px;
  width: 80px;
  /* background: #333333; */
  transition: all 0.2s;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
}
.newmenu-container-div-close::after {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  height: 70px;
  background-color: #fff;
  z-index: -1;
}

.newmenu-container-div .logoColorDiv .logoFull {
  /* width: 180px; */
  width: 140px;
  margin-top: 20px;
}
.newmenu-container-div .logoColorDiv .logoHalf {
  width: 100px;
  display: none;
}
.newmenu-container-div-close .logoColorDiv .logoFull {
  display: none;
}
.newmenu-container-div-close .logoColorDiv .logoHalf {
  width: 30px;
  margin-top: 20px;
}

.newmenu-opener-button-close {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 4px solid transparent !important;
  background-color: #1f1f1f;
  margin: -12px auto 0px auto;
  font-size: 15px;
  padding: 0px;
}
.newmenu-opener-button-close:hover,
.newmenu-opener-button-close:focus {
  border: 4px solid transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
.newmenu-opener-button-close i {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  border: 1px solid #c6c6c5 !important;
  background-color: #1f1f1f;
  margin: -10px auto 0px auto;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px;
}

.menuProfileDiv,
.menuUserName {
  float: left;
  width: 100%;
  text-align: center;
}
.menuProfileDiv .menuUserImage {
  width: 80px;
  height: 80px;
  /* border-radius: 50%; */
  border: 2px solid #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 20px auto;
}

.menuProfileDiv .menuUserImage img {
  height: 86px;
  width: auto;
}
.menuUserName h3 {
  color: #053c63 !important;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0px !important;
}
.menuUserName label {
  color: #053c63 !important;
  font-weight: normal;
  font-size: 12px;
}

.newmenu-container-div .ant-menu-dark,
.newmenu-container-div .ant-menu-dark .ant-menu-sub,
.newmenu-container-div .ant-menu-item {
  color: #053c63 !important;
  background: transparent !important;
}

.newmenu-container-div .ant-menu-dark .ant-menu-item {
  padding: 0px 5% !important;
}
.newmenu-container-div .ant-menu-dark li.ant-menu-item.borderlastMenu span {
  /* position: relative;
    display: flex;
    height: 70px; */
  padding-top: 5px;
  float: left;
}
.newmenu-container-div .ant-menu-dark li.ant-menu-item.borderlastMenu {
  display: block !important;
}
.newmenu-container-div .ant-menu-dark li.ant-menu-item.borderlastMenu img {
  float: left;
}
.newmenu-container-div .ant-menu-dark li.ant-menu-item.borderlastMenu::before {
  position: absolute;
  top: 2px;
  border-top: 1px solid #c6c6c5 !important;
  width: 80%;
  border-top-style: dashed !important;
  left: 10%;
  right: 10%;
  content: "";
}
.newmenu-container-div
  .ant-menu-dark
  li.ant-menu-item.borderlastMenu
  .newMenuIcon {
  height: 25px;
  margin-top: 15px;
}
.newmenu-container-div .ant-menu-dark .sontactSupportmenu {
  color: #053c63;
  text-decoration: underline;
  padding-left: 18%;
  margin-top: -5px;
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
}
.newmenu-container-div-close .ant-menu-dark .sontactSupportmenu {
  color: #053c63;
  text-decoration: underline;
  padding-left: 10px;
  margin-top: 0px;
  display: block;
  cursor: pointer;
  margin-bottom: 10px;
  white-space: nowrap;
}
/* .newmenu-container-div .ant-menu-dark li.ant-menu-item.borderlastMenu .lastmenu small{
    color: #053C63;
    text-decoration:underline;
} */
.newmenu-container-div .ant-menu-dark .ant-menu-item .newMenuIcon {
  margin-right: 10px;
  width: 20px;
  margin-top: -5px;
}
.newmenu-container-div .ant-menu-dark .ant-menu-submenu-title .newMenuIcon {
  margin-right: 10px;
  width: 20px;
  margin-top: -5px;
}
.newmenu-container-div .ant-menu-dark .ant-menu-submenu-title {
  padding: 0px 5% !important;
  color: #053c63;
}
.newmenu-container-div
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow {
  opacity: 1;
}
.newmenu-container-div
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow::after,
.newmenu-container-div
  .ant-menu-dark
  .ant-menu-submenu-title
  .ant-menu-submenu-arrow::before {
  background: #053c63 !important;
}
/* .newmenu-container-div .ant-menu-dark .ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu-submenu-title{
  background-color: #053c63;
  color: #fff;
} */
/* .newmenu-container-div .ant-menu-dark .ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.newmenu-container-div .ant-menu-dark .ant-menu-submenu-inline.ant-menu-submenu-open .ant-menu-submenu-title .ant-menu-submenu-arrow::before{
  background: #fff !important;
} */

.newmenu-container-div-close .ant-menu-dark,
.newmenu-container-div-close .ant-menu-dark .ant-menu-sub,
.newmenu-container-div-close .ant-menu-item {
  color: #fff !important;
  background: transparent !important;
}
.newmenu-container-div .ant-menu-dark {
  overflow-y: scroll;
  height: 29vw;
}
.newmenu-container-div .ant-menu-dark::-webkit-scrollbar {
  display: none;
}
.newmenu-container-div .ant-menu-dark {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* .newmenu-container-div .ant-menu-dark::-webkit-scrollbar {
    display: none;
} */
.newmenu-container-div-close .ant-menu-dark {
  overflow-y: scroll;
  height: 29vw;
}

.newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar {
  display: none;
}
.newmenu-container-div-close .ant-menu-dark {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* .newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar {
    display: none;
} */
/* 
.newmenu-container-div .ant-menu-dark::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

.newmenu-container-div .ant-menu-dark::-webkit-scrollbar-track {
  box-shadow: inset 0 0 25px #fff;
  border-radius: 10px;
}


.newmenu-container-div .ant-menu-dark::-webkit-scrollbar-thumb {
  background: #053C63;
  border-radius: 10px;
}

.newmenu-container-div .ant-menu-dark::-webkit-scrollbar-thumb:hover {
  background: #053C63;
} */

/* .newmenu-container-div .ant-menu-dark {
  -ms-overflow-style: none;
} */
/* 
.newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}


.newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar-track {
  box-shadow: inset 0 0 25px #fff;
  border-radius: 10px;
}


.newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar-thumb {
  background: #053C63;
  border-radius: 10px;
}

.newmenu-container-div-close .ant-menu-dark::-webkit-scrollbar-thumb:hover {
  background: #053C63;
} */

.newmenu-container-div-close .ant-menu-dark {
  -ms-overflow-style: none;
}
.newmenu-container-div-close .ant-menu-dark .ant-menu-item .newMenuIcon {
  margin-right: 30px;
  width: 20px;
  margin-top: -5px;
}
.newmenu-container-div-close
  .ant-menu-dark
  .ant-menu-submenu-title
  .newMenuIcon {
  margin-right: 30px;
  width: 20px;
  margin-top: -5px;
}
.newmenu-container-div-close .menuProfileDiv .menuUserImage {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px auto 20px auto;
}

.newmenu-container-div-close .menuUserImage img {
  height: 76px;
  width: auto;
}

.newmenu-container-div-close .menuUserName h3 {
  color: #fff !important;
  font-size: 12px !important;
  text-transform: uppercase;
  margin: 0px !important;
}

.newmenu-container-div-close .ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #000000c4;
}

.pLR {
  padding: 0px 30px;
  float: left;
  width: 100%;
}
.aboutNotice {
  background-color: #053c63;
  width: 100%;
  float: left;
  padding-top: 50px;
  margin-top: -50px;
  color: #fff;
}
.aboutNotice p {
  margin-bottom: 3px;
}

.newUserProfilepBox {
  width: 100%;
  float: left;
  position: relative;
  padding: 50px 45px 0px 45px;
}
.newUserProfilepBox::before {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 200px;
  /* background-image: url("https://media.mycom.world/frontend/images/bg-tesorafinancialdashboard.jpg"); */
  /* background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png"); */
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.newUserProfilepBox .newUserProfilepBoxBgColor {
  background-color: #fff;
  float: left;
  width: 100%;
  position: relative;
  border-radius: 10px;
  padding: 20px 30px;
  box-shadow: 0px 3px 6px #00000026;
}
.newUserProfilepBox .newUserProfilepBoxBgColor::before {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 180px;
  background-image: url("https://media.mycom.world/frontend/images/maskGroup3.png");
  background-position: top right;
  background-size: 60%;
  background-repeat: no-repeat;
  content: "";
  overflow: hidden;
}
.userWithRadio {
  width: 100%;
  float: left;
  display: flex;
}
.userWithRadio .userImagetop {
  margin-top: -30px;
}
.userThreeImageProfile {
  display: flex;
  align-items: flex-end;
}
.userImagetop {
  width: 150px;
  height: 150px;
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px #dcdcdc;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.userImagetop2 {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px #dcdcdc;
  overflow: hidden;
  position: relative;
  margin-right: 20px;
}
.userImagetop3 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 0px 2px #dcdcdc;
  overflow: hidden;
  position: relative;
}
.userImagetop img {
  height: 150px;
  width: 150px;
  object-fit: cover;
}
.userImagetop2 img {
  height: 100px;
  width: 100px;
  object-fit: cover;
}

.userImagetop3 img {
  height: 70px;
  width: 70px;
  object-fit: cover;
}

.userNameDetails {
  width: 74%;
  float: right;
  padding-left: 30px;
}

.menuUserNameUpercase {
  text-transform: uppercase;
  color: #053c63;
  margin: 10px 0px;
}

.menuUserNameUpercase p {
  color: #000;
}
.menuUserNameUpercase span img {
  width: 20px;
  margin: -15px 0px 0px 15px;
  cursor: pointer;
}
.businessConsultan {
  /* display: flex; */
  padding: 10px 0px;
  float: left;
  width: 100%;
}
.businessConsultan p {
  float: left;
}
.myNewPlanBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #053c63 !important;
  float: right;
  padding: 0px 30px;
  line-height: 0px !important;
  height: 26px;
}
.myNewPlanBtn:hover,
.myNewPlanBtn:focus {
  background-color: #053c63;
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.ant-btn.myNewPlanBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #053c63 !important;
  float: right;
  padding: 0px 30px;
  line-height: 0px !important;
  height: 26px;
}
.ant-btn.myNewPlanBtn:hover,
.ant-btn.myNewPlanBtn:focus {
  background-color: #053c63;
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.QRcodeBox .QRtitel {
  float: left;
  text-align: right;
  width: 100%;
  padding-top: 5px;
  margin: 10px 0px;
}

.QRcodeBox .QRtitel h4 {
  display: inline;
}

.QRcodeBox .QRimage {
  float: right;
  width: 100px;
  height: 100px;
}
.QRcodeBox .QRtitel img {
  width: 40px;
}
.QRcodeBox .QRimage img {
  width: 100px;
  height: 100px;
}
.hideBalance {
  /* border-top: 1px solid #c6c6c5; */
  margin-top: 25px;
  width: 50%;
  float: left;
}
.AddComBalance {
  width: 50%;
  float: left;
  position: relative;
}
.hideBalance .ant-collapse {
  border: none;
  background-color: transparent;
}

.hideBalance .ant-collapse-content {
  border: none;
}
.hideBalance .ant-collapse > .ant-collapse-item {
  border: none;
}
.hideBalance .ant-collapse-header {
  width: 170px;
  padding: 5px !important;
  border: 1px solid #053c63;
  color: #053c63 !important;
  height: 30px;
  border-radius: 20px !important;
  text-align: center;
  margin: -16px auto 0px auto;
  background-color: #fff;
  display: table;
  font-style: italic;
  position: absolute !important;
  left: 50%;
  transform: translate(-50%);
}

.hideBalance .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  /* background-color: #053C63 !important; */
  /* background-image: linear-gradient(to right,#3CADA4, #053C63); */
  /* background-color: white !important; */
  background-color: #fff !important;
  color: #053c63 !important;
  /* position: absolute;
    left: 43%; */
}

.mycomRadio {
  display: inline;
}
.mycomRadio .songImage {
  width: 70px;
  height: 70px;
  border: 1.5px solid #fff;
  box-shadow: 0px 0px 2px #dcdcdc;
  overflow: hidden;
  float: left;
}
.mycomRadio .songImage img {
  height: 68px;
  width: auto;
}

.mycomRadio .songPlay {
  display: flex;
}
.mycomRadio .songPlay .playButton {
  width: 80px;
  text-align: center;
  padding-top: 14px;
}
.mycomRadio .songPlay .playButton img {
  width: auto;
  height: 40px;
  cursor: pointer;
}
.playSectionBox {
  padding-top: 7px;
}
.playSectionBox .playSongProgress {
  display: flex;
  justify-content: center;
  align-items: center;
}

.playSectionBox .playSongName {
  display: flex;
}

.playSectionBox .playSongName img {
  width: auto;
  margin-right: 10px;
  height: 15px;
  margin-top: 3px;
}

.slideRrange {
  width: 100%;
}
.slideRrange .ant-slider-track {
  background-color: #053c63 !important;
}
.slideRrange .ant-slider-handle {
  background-color: #053c63;
  border: none !important;
  height: 10px;
  width: 10px;
  margin-top: -3px;
}
.slideRrange .ant-slider-rail {
  background-color: #053c63;
}
.slideRrange .ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}

/* .slideRrange .ant-slider:hover .slideRrange .ant-slider-rail {
    background-color: #053C63;
} */

.allalanceList {
  margin: 20px 0px 0px 0px;
  padding: 0px;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
}

.allalanceList li:first-child::after {
  display: none;
}
.allalanceList li:last-child::after {
  display: none;
}
.allalanceList li {
  list-style: none;
  display: inline-block;
  text-align: center;
  position: relative;
  padding: 0px 10px;
}
.allalanceList li::after {
  position: absolute;
  content: "";
  width: 1px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #b2b0b0;
}
.allalanceList li h4 {
  color: #7c7c7c !important;
  font-size: 16px !important;
  font-weight: 700;
}
.allalanceList li p {
  font-size: 18px;
  color: #7c7c7c;
  font-weight: bold;
  margin-bottom: 5px;
}

.allalanceList li p span img {
  width: 30px;
  margin-right: 10px;
}
.paymentComs {
  float: left;
  width: 70%;
}
.mySocialbtn {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 20px;
  background-color: #fff;
  padding: 8px 10px;
  color: #053c63;
  font-size: 18px;
}
.paymentComsList {
  margin: -20px 0px 0px 0px;
  padding: 40px 15px 20px 15px;
  display: inline-block;
  width: 100%;
  /* background-color: #053C63; */
  /* background-image: linear-gradient(to right, #3cada4, #053C63); */
  /* box-shadow: 0px 3px 6px #00000026; */
  /* border-radius: 0px 0px 10px 10px; */
  text-align: center;
}
.paymentComsList li {
  list-style: none;
  display: inline-block;
  /* border-left: 1px solid #2b8e82; */
  width: 25%;
  text-align: center;
  vertical-align: top;
}
/* .paymentComsList li:first-child {
  border: none;
} */
.paymentComsList li img {
  height: 70px;
  width: auto;
  margin: 5px auto;
  display: block;
}
.paymentComsList li span {
  font-size: 13px;
  color: #595959;
  font-weight: 500;
  width: 100%;
  float: left;
  text-align: center;
}
.quotationImg {
  width: 100%;
  float: left;
  text-align: left;
  font-style: italic;
  color: #053c63;
  font-weight: 500;
  font-size: 15px;
}
.quoteWeekSliderbg {
  text-align: center;
  /* background-image: url("https://media.mycom.world/frontend/images/Union9.png"); */
  /* background-size: 78%; */
  background-image: url("https://media.mycom.world/frontend/images/bg-tesorafinancialdashboard.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  float: left;
}
.quotationImg span {
  padding: 10px 0px 0px 15px;
  float: left;
  font-size: 20px;
}
.quotationImg img {
  float: right;
  width: auto;
  height: 45px;
  margin-top: -10px;
  /* position: relative; */
  margin-right: 30px;
}

.quoteWeekSlider {
  background-color: #fff;
  text-align: center;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.ourInstagram {
  width: 100%;
  float: left;
  text-align: left;
}
.ourInstagram h4 {
  color: #127ab6 !important;
  font-size: 24px;
  padding: 20px 0px 0px 0px;
  text-transform: uppercase;
}
.ourInstagram ul {
  padding: 0px 0px 0px 0x;
  margin: 0px;
  float: left;
  width: 100%;
}
.ourInstagram ul li {
  list-style: none;
  float: left;
  width: 60px;
  background-color: #b4b4b4;
  border-radius: 20px;
  color: #fff;
  font-size: 24px;
  padding: 5px 0px;
  text-align: center;
  margin: 0px 20px 20px 0px;
}
.ourInstagram ul li.active {
  background-image: linear-gradient(to right, #053c63, #3cada4);
}
.ourInstagramLg h5 {
  color: #127ab6 !important;
  font-size: 16px;
  padding: 20px 0px 70px 0px;
  text-transform: uppercase;
  text-align: right;
}
.ourInstagramLg img {
  width: 100%;
  height: auto;
}
.quoteWeekSlider .carousel-indicators {
  display: none;
}
.quoteWeekSlider .carousel-control {
  display: none;
}
.quoteWeekSlider .carousel-inner > .item {
  padding: 80px 10% !important;
  text-align: left;
  width: 100%;
  float: left;
}
/* .quoteWeekSlider .carousel-inner > .item.active {
  padding: 10px 20% !important;
} */
.quoteWeekSlider .carousel-inner > .item .instaUserWhitBg {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  position: relative;
}
.quoteWeekSlider .carousel-inner > .item .instaUserWhitBg::after {
  position: absolute;
  content: "";
  bottom: -30px;
  left: 30px;
  border: 15px solid transparent;
  border-top-color: #fff;
  border-left-color: #fff;
}
.quoteWeekSlider .carousel-inner > .item .instaUserImgCircle {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.quoteWeekSlider .carousel-inner > .item .instaUserImgCircle p {
  margin: 0px 0px 0px 20px;
}
.quoteWeekSlider .carousel-inner > .item .instaUserImgCircle img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}
.quoteWeekSlider .carousel-control.left {
  background-image: none;
  height: 30px;
  width: 30px;
  left: 10%;
  top: 45%;
}

.quoteWeekSlider .carousel-control.right {
  background-image: none;
  height: 30px;
  width: 30px;
  right: 10%;
  top: 45%;
}

.quoteWeekSlider span.glyphicon.glyphicon-chevron-left {
  font-size: 14px;
  color: #000;
}

.quoteWeekSlider span.glyphicon.glyphicon-chevron-right {
  font-size: 14px;
  color: #000;
}

.newsAndEvent {
  background-color: #fff;
  padding: 30px;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  margin-top: 55px;
}
.hotNewImg {
  position: relative;
}
.hotNewImg .hotNewHeading {
  position: absolute;
  background-color: #c6151d;
  top: -15px;
  left: -30px;
  color: #fff;
  height: 30px;
  padding: 5px 10px 5px 30px;
}
.hotNewImg .hotNewHeading::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  border-top: 15px solid #c6151d;
  border-bottom: 15px solid #c6151d;
  border-left: 15px solid #c6151d;
  border-right: 15px solid transparent;
}
.newsAndEvent h4 {
  margin: 0px 0px 30px 0px;
  text-transform: uppercase;
  color: #000 !important;
  display: block;
  text-align: center;
}
.hotNewImg img {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 6px;
}
.hotNewImg .myNewPlanBtn {
  float: left;
  width: 120px;
}
.hotNewImg p {
  margin-top: 15px;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.cusror-pointer {
  cursor: pointer;
}
.NewsEventPage {
  padding: 15px 0px 0px 0px;
}

.pageCounter {
  padding: 10px 0px;
}
.pageCounterHeading {
  width: 40%;
  float: left;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
}

.pageCounterNumber {
  width: 60%;
  float: left;
  display: flex;
}
.pageCounterNumber ul {
  padding: 0px;
  margin: 0px;
  display: inline;
  margin-left: auto;
}
.pageCounterNumber ul li {
  display: inline;
  padding: 0px 5px;
  list-style: none;
}
.pageCounterNumber ul li.active {
  color: #053c63;
  font-weight: 500;
}

.ImageNewsEventPage {
  width: 100%;
  float: left;
  padding: 15px 0px;
}

.ImageNewsEvent {
  width: 50%;
  float: left;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 6px;
}

.detailsNewsEvent {
  width: 50%;
  float: left;
  padding-left: 20px;
}
.detailsNewsEvent .readBtn {
  min-width: 100px !important;
}
.readBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
  /* background-color: #053C63 !important; */
  padding: 0px;
  line-height: 0px !important;
  height: 26px;
  min-width: 150px;
}
.readBtn:hover,
.readBtn:hover {
  background-color: #053c63;
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.ant-btn.readBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #053c63 !important;
  padding: 0px;
  line-height: 0px !important;
  height: 26px;
  min-width: 150px;
}
.ant-btn.readBtn:hover,
.ant-btn.readBtn:hover {
  background-color: #053c63;
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.offerInCharipick {
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  margin-top: 30px;
  padding-top: 10px;
  margin-bottom: 30px;
}

.resendCarouselSlider h3 {
  font-size: 24px;
  margin-top: 20px;
  color: #053c63 !important;
}
.resendCarouselSlider {
  text-align: center;
}
.RecentOffersliderShadow h4 {
  color: #000 !important;
  line-height: 30px;
  font-size: 20px;
  height: 60px;
  overflow: hidden;
}
.recentsliderImage {
  height: 150px;
  width: 100%;
}
.recentsliderImage img {
  max-height: 150px;
  width: auto;
}
.RecentOffersliderShadow p {
  font-size: 20px;
  font-weight: 500;
  color: #053c63;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.RecentOffersliderShadow del {
  font-size: 13px;
  color: #d4d4d4;
  margin-top: 8px;
  margin-left: 5px;
}
.RecentOffersliderShadow strong {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.RecentOffersliderShadow h6 {
  font-size: 20px;
  font-weight: 500;
  color: #919191;
}
.RecentOffersliderShadow h6 img {
  width: 20px;
  height: auto;
}
.resendCarouselSlider .RecentOffersliderShadow {
  padding: 15px;
  box-shadow: 0px 3px 6px #00000026;
  border: 1px solid #d4d4d4;
}
.resendCarouselSlider .carousel-indicators {
  display: none;
}
.resendCarouselSlider .carousel-inner > .item {
  padding: 5px !important;
  margin: 15px 0px;
}
/* .resendCarouselSlider .carousel-inner>.item.active{
    padding: 15px 10px !important;
    margin: 15px 0px;
    box-shadow: 0px 3px 6px #00000026;
} */
.resendCarouselSlider .carousel-control.left {
  background-image: none;
  height: 28px;
  width: 28px;
  left: 5%;
  top: -32px;
  border-radius: 50%;
  background-color: #053c63;
  opacity: 1;
}

.resendCarouselSlider .carousel-control.right {
  background-image: none;
  height: 28px;
  width: 28px;
  right: 5%;
  top: -32px;
  border-radius: 50%;
  background-color: #053c63;
  opacity: 1;
}

.resendCarouselSlider span.glyphicon.glyphicon-chevron-left {
  font-size: 12px;
  color: #fff;
  padding-right: 10px;
  padding-top: 3px;
}

.resendCarouselSlider span.glyphicon.glyphicon-chevron-right {
  font-size: 12px;
  color: #fff;
  padding-left: 10px;
  padding-top: 3px;
}

.chrrypickOfferBoxSection {
  background-color: #fcfcfc;
  border-radius: 10px 0px 0px 10px;
}
.chrrypickOfferBox {
  height: 480px;
  box-shadow: 7px 4px 11px -7px #dcdcdc;
}
.chrrypickOfferHeader {
  padding: 15px;
}
.chrrypickOfferHeader img {
  width: 200px;
  height: auto;
}
.chrrypickOfferHeader .myNewPlanBtn {
  margin-top: 15px;
}

.chrrypickOfferWithImg {
  position: relative;
  padding-top: 70px;
}

.chrrypickOfferImg {
  width: 60%;
  float: left;
  text-align: center;
}
.chrrypickOfferImg img {
  width: 80%;
}
.chrrypickOfferDetails {
  width: 40%;
  float: left;
  padding: 20px 10px 0px 10px;
  text-align: center;
}
.chrrypickOfferDetails h4 {
  font-size: 20px;
  color: #000 !important;
  line-height: 30px;
  margin-bottom: 20px;
  height: 60px;
  overflow: hidden;
}
.chrrypickOfferDetails p {
  font-size: 24px;
  font-weight: 500;
  color: #053c63;
  margin-bottom: 5px;
  margin-bottom: 20px;
}
.chrrypickOfferDetails del {
  font-size: 14px;
  color: #d4d4d4;
}
.chrrypickOfferDetails strong {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.chrrypickOfferDetails h6 {
  font-size: 20px;
  font-weight: 500;
  color: #919191;
  margin-bottom: 20px;
}
.chrrypickOfferDetails h6 img {
  width: 20px;
  height: auto;
}
.chrrypickOfferWithImg .limitedOffer {
  position: absolute;
  /* background-color: #c6151d; */
  top: 20px;
  left: -15px;
  color: #053c63;
  height: 30px;
  padding: 5px 10px 5px 30px;
  text-transform: uppercase;
  font-size: 22px;
}
/* .chrrypickOfferWithImg .limitedOffer::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  border-top: 15px solid #c6151d;
  border-bottom: 15px solid #c6151d;
  border-left: 15px solid #c6151d;
  border-right: 15px solid transparent;
} */
.videoSection {
  margin: 30px 0px;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  /* padding: 15px; */
}
.videoHalfDiv {
  width: 45%;
  float: left;
  margin: 10px 5px;
  /* height: 220px; */
  overflow: hidden;
}
.othermycomVideo .videoMycomNew {
  border: 1px solid #157eb4;
  border-radius: 5px;
  overflow: hidden;
  height: 145px;
}
.videoMycomNew {
  position: relative;
}
.videoMycomNew img {
  width: 100%;
}
.videoMycomNew .videoFullImg {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.othermycomVideo h5 {
  color: #1d1d1d !important;
  font-size: 14px;
  text-align: left;
}
.othermycomVideo h5.pt-2.pb-3 {
  overflow: hidden;
  margin-right: 15px;
}
.videoMycomNew .playBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #00000087;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  text-align: center;
  padding-top: 15px;
  padding-left: 4px;
}

.videoMycomNew .playBtn img {
  cursor: pointer;
  width: 20px;
  height: auto;
  transition: 500ms;
}
.videoMycomNew .playBtn img:hover {
  transform: scale(1.2);
  transition: 500ms;
}

.othermycomVideo .videoMycomNew .playBtn img {
  width: 20px;
}
.videoMycomNew label {
  position: absolute;
  left: 10px;
  bottom: 5px;
  color: #fff;
  font-weight: normal;
}
.videoMycomNew label img {
  margin-right: 5px;
  width: 12px;
  margin-top: -3px;
}
.videoMycomNew h6 {
  margin: 10px 0px 10px;
}
.othermycomVideo {
  height: 480px;
  overflow-y: scroll;
  margin-top: 10px;
  width: 100%;
  float: left;
  text-align: center;
}

.readBtn.sharebtn img {
  width: 15px;
  margin-right: 5px;
}
.readBtn.likeBtn {
  background-color: #fff !important;
  border: 1px solid #053c63 !important;
  background-image: none !important;
  color: #053c63 !important;
  margin: 15px;
}
.readBtn.likeBtn img {
  width: 15px;
  margin-right: 5px;
}

.othermycomVideo::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.othermycomVideo::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.othermycomVideo::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.othermycomVideo::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.videoRightsection {
  padding: 15px;
}
.videoleftsection {
  padding: 15px;
  float: left;
  width: 100%;
}
.videoRightsectionBg {
  background-color: #f8f8f8;
  /* border-radius: 10px; */
  position: relative;
  /* overflow: hidden; */
}
.videoRightsectionBg::after {
  top: 0px;
  left: 0px;
  right: 0px;
  height: 70px;
  box-shadow: 0px 3px 6px #00000026;
  content: "";
  position: absolute;
  border-radius: 0px 10px 0px 0px;
}
.videorightHeader {
  padding: 15px 0px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
.videorightHeader h4 {
  font-size: 20px;
  color: #000 !important;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
}
.videorightHeader h5 {
  color: #053c63 !important;
  float: right;
  text-transform: uppercase;
}
.videoHeadingBottom {
  padding-top: 15px;
  text-align: center;
}
.videoHeadingBottom h4 {
  font-size: 20px;
  color: #000 !important;
  line-height: 30px;
  font-weight: 500;
}
.likeAndView {
  display: inline-block;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}
.likeAndView li {
  list-style: none;
  display: inline-block;
  color: #000;
  padding: 5px 20px 5px 0px;
}
.likeAndView li img {
  /* width: auto;
    height: 15px; */
  margin-right: 5px;
}

.modalVideoMycom.modal-header {
  padding: 0px;
  border-bottom: none;
  height: 0px;
}
.modalVideoMycom.modal-body {
  padding: 0px;
}
.modalVideoMycom.modal-header .close {
  margin-top: -2px;
  font-size: 20px;
  margin-right: -20px;
  font-size: 18px !important;
  text-shadow: none !important;
  color: #fff !important;
  opacity: 1 !important;
}

.iframeVideo {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.iframeVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-body .close {
  right: -50px;
}

.advertisement {
  margin-top: 30px;
  float: left;
  width: 100%;
}
.advertisement h5 {
  text-align: right;
  text-transform: uppercase;
}
/* .advertisement img{
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
} */

.newAssestBox {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: right 250% bottom -10%;
  background-size: 93%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding-bottom: 20px;
  min-height: 570px;
  margin-bottom: 20px;
}

.newAssestBox .readBtn {
  margin-top: 20px;
}
.newAssestImage {
  height: 200px;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000026;
}
.newAssestImageSmall {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: block;
  position: relative;
  margin: -40px auto 0px auto;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.newAssestImageSmall img {
  object-fit: cover;
}
.newAssestTitle h4 {
  font-size: 20px;
  font-weight: 500;
  color: #000 !important;
  margin: 20px 0px;
  text-align: center;
}
.memberShipPera {
  display: flex;
  min-height: 230px;
}
.newAssestBox .privacy-inner-div {
  padding: 0px 15px;
}
.newAssestBox .newAssestList {
  height: 350px;
  overflow: hidden;
}
.newAssestList {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
  /* padding: 0px 20%; */
}
.newAssestList li {
  list-style: none;
  position: relative;
  padding: 5px 10px 5px 35px;
  text-align: left;
  font-size: 14px;
  float: left;
  width: 100%;
}

.newAssestList li::after {
  content: "\2713";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #053c63;
  text-align: center;
  font-size: 10px;
  color: #053c63;
  position: absolute;
  left: 5px;
  top: 8px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.headingUpercase h2 {
  font-size: 30px;
  text-transform: uppercase;
  color: #000;
  margin: 25px 0px;
}
.headingUpercase h1 {
  font-size: 30px;
  text-transform: uppercase;
  color: #000;
  margin: 25px 0px;
}
.headingUpercase.tokenMarketHeadingColor h2 {
  color: #56beba;
  float: left;
  width: 100%;
}
.recipSuccess {
  width: 100%;
  float: left;
  box-shadow: 0px 3px 6px #00000026;
  background-color: #fff;
  margin-top: 30px;
  border-radius: 10px;
  padding: 0px 15px 40px 15px;
}
.recipSuccess .headingUpercase h2 {
  display: inline-block;
}
.recipSuccess .headingUpercase .myNewPlanBtn {
  margin-top: 30px;
}

.progressBarSuccess {
  display: flex;
}

.progressBarSuccess .progressBarHeading {
  width: 130px;
  font-weight: bold;
  font-size: 16px;
  color: #000;
}
.progressBarSuccess .progressBarSlide {
  width: 90%;
}

.progressBarSlide .progress {
  background-image: none !important;
  box-shadow: none !important;
  background-color: #053c63;
  border-radius: 20px;
}
.progressBarSlide .progress-bar {
  background-image: none !important;
  box-shadow: none !important;
  background-color: #053c63;
  border-radius: 20px;
}

.progressBarSlide .successVariantFull {
  float: right;
  font-size: 12px;
  color: #fff;
  padding-right: 10px;
  margin-top: 2px;
}

.progressBarSlide .successVariant {
  font-size: 12px;
  color: #fff;
  margin-left: -35px;
}

.RecommendationBtn {
  width: 100%;
  float: left;
  padding: 0px 15px 30px 15px;
}
.Recommendation1 {
  border: none;
  box-shadow: none;
  outline: none;
  color: #053c63;
  padding: 0px;
  background-color: #fff;
}
.Recommendation1 label {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #053c63;
  margin-right: 5px;
  margin-bottom: 0px;
}

.Recommendation2 {
  border: none;
  box-shadow: none;
  outline: none;
  color: #053c63;
  padding: 0px;
  background-color: #fff;
  margin-left: 30px;
}
.Recommendation2 label {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #053c63;
  margin-right: 5px;
  margin-bottom: 0px;
}

.mycomPlanNew {
  padding: 0px 15px;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  height: 500px;
  background-color: #fff;
  margin-top: 30px;
}
.mycomPlanHeader h2 {
  font-size: 25px;
  color: #000;
  text-transform: uppercase;
  margin: 20px 0px 10px 0px;
  /* font-weight: 600;
    margin-bottom: 10px; */
}
.mycomPlanList {
  float: right;
  margin-top: 20px;
}
.mycomPlanList p {
  margin-bottom: 5px;
}

.mycomPlanList ul {
  margin-left: auto;
  display: inline-block;
  padding: 0px;
}

.mycomPlanList ul li {
  padding: 5px 10px 0px 10px;
  line-height: 0px !important;
  list-style: none;
  display: inline-block;
  border-left: 1px solid #000;
  height: 15px;
  font-weight: bold;
  color: #000;
}
.mycomPlanList ul li.active {
  color: #053c63;
}
.mycomPlanList ul li:first-child {
  border: none;
}

.mycomPlanUpgarde {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
}

.mycomPlanUpgarde .readBtn {
  margin-top: 20px;
}
.mycomPlanUpgardeFee {
  height: 140px;
  overflow: hidden;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
  padding-top: 30px;
}

.mycomPlanUpgardeFee h3 {
  color: #053c63 !important;
  font-size: 18px;
  font-weight: 700;
}

.mycomPlanUpgardeFee h4 {
  font-size: 20px;
  font-weight: 800;
  color: #053c63 !important;
  text-transform: uppercase;
}
.mycomPlanUpgardeFee span {
  width: 100px;
  padding: 5px 10px;
  color: #fff;
  background-color: #c6151d;
  position: relative;
  height: 30px;
  text-align: center;
  display: block;
  margin: auto;
  font-style: italic;
}
.mycomPlanUpgardeFee span::after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  border-top: 15px solid #c6151d;
  border-bottom: 15px solid #c6151d;
  border-left: 15px solid #c6151d;
  border-right: 15px solid transparent;
}
.mycomPlanUpgardeFee span::before {
  position: absolute;
  content: "";
  top: 0px;
  left: -20px;
  border-top: 15px solid #c6151d;
  border-bottom: 15px solid #c6151d;
  border-left: 15px solid transparent;
  border-right: 15px solid #c6151d;
}
.mycomPlanUpgardeFee h2 {
  font-size: 50px;
  font-weight: 500;
  color: #053c63 !important;
  margin-bottom: 10px;
}
.mycomPlanUpgardeFee svg {
  fill: #053c63;
  margin: 2px;
}
.uderlineBorder {
  margin: 10px 0px 0px 0px;
}
.uderlineBorder label {
  text-decoration: underline;
  color: #053c63;
  font-weight: normal;
  cursor: pointer;
}
.newAssestListFee {
  padding: 0px;
  margin: 0px auto;
  width: 100%;
  padding: 0px 10%;
  font-size: 14px;
}
.newAssestListFee li {
  list-style: none;
  position: relative;
  padding: 5px 10px 5px 35px;
  text-align: left;
}

.newAssestListFee li::after {
  content: "\2713";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #053c63;
  text-align: center;
  font-size: 10px;
  color: #053c63;
  position: absolute;
  left: 5px;
  top: 8px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mycomTodayBox {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 15px 15px 40px 15px;
  background-color: #fff;
  margin-top: 30px;
  background-image: url("https://media.mycom.world/frontend/images/Union10.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mycomTodayBox h2 {
  text-align: center;
  font-size: 30px;
  color: #000;
  text-transform: uppercase;
  margin: 20px 0px 30px 0px;
}
.mycomTodayList {
  width: 100%;
  padding: 0px;
  display: inline-block;
}

.mycomTodayList li {
  width: 20%;
  display: inline-block;
  list-style: none;
  color: #053c63;
  text-align: center;
  margin-top: 20px;
}
.mycomTodayListBox {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #053c63;
  margin: 10px auto;
  padding-top: 40px;
}
.mycomTodayListBox h4 {
  font-size: 24px;
  font-weight: bold;
}
.mycomTodayListBox label {
  font-weight: normal;
}

.Frequently {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 30px 30px 40px 30px;
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%;
}
.Frequently h4 {
  color: #000 !important;
}
.dailyTips {
  padding: 30px;
  background-color: #f8f8f8;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.Frequently .ant-collapse > .ant-collapse-item {
  border: none;
  margin: 6px 0px;
  float: left;
  width: 100%;
  /* background-color: #053C63; */
  background-image: linear-gradient(to right, #053c63, #3cada4);
  border-radius: 10px;
}
.Frequently .ant-collapse {
  border: none !important;
  margin: 6px 0px;
  float: left;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
}

.Frequently .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 5px 16px;
  color: #fff;
}

.Frequently
  .ant-collapse
  > .ant-collapse-item
  > .ant-collapse-header
  .ant-collapse-arrow {
  left: inherit;
  right: 15px;
}

.Frequently .ant-collapse-content > .ant-collapse-content-box {
  border: 1px solid #053c63;
  border-radius: 0px 0px 10px 10px;
  margin-top: -1px;
}
.mySocial {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.mySocial .mySocialheader {
  display: flex;
  width: 100%;
  background-image: linear-gradient(to right, #053c63, #3cada4);
  float: left;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px 10px 0px 0px;
}
/* .mySocial .mySocialheader img{

} */
.feedbackSlider.charipickOfferSlider {
  width: 100%;
  float: left;
  overflow: inherit;
  box-shadow: none;
  position: relative;
}

.feedbackSlider.charipickOfferSlider .RecentOffersliderShadow {
  box-shadow: none !important;
  border: none !important;
}
.feedbackSlider.charipickOfferSlider .menu-item-wrapper {
  width: 220px;
  text-align: center;
}
.feedbackSlider.charipickOfferSlider .menu-item-wrapper h4 {
  white-space: normal;
  font-size: 18px;
}
.feedbackSlider.charipickOfferSlider .scroll-menu-arrow:first-child {
  position: absolute;
  top: -40px;
  left: 30px;
}
.feedbackSlider.charipickOfferSlider .scroll-menu-arrow:last-child {
  position: absolute;
  top: -40px;
  right: 30px;
}
.feedbackSlider.charipickOfferSlider .scroll-menu-arrow svg {
  height: 40px;
  width: 40px;
}

.mysocialScrollBox::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.mysocialScrollBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.mysocialScrollBox::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.mysocialScrollBox::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.feedbackSlider.sliderToken {
  margin-top: 0px;
}
.feedbackSlider.sliderToken .scroll-menu-arrow {
  position: absolute;
  top: -60px;
  left: 270px;
}
.feedbackSlider.sliderToken .product-list-arrow svg {
  width: 40px;
  height: 40px;
}
.feedbackSlider.sliderToken .scroll-menu-arrow:last-child {
  left: 330px;
}
.feedbackSlider.sliderToken .newAssestBox .newAssestList {
  padding: 0px 15px;
}
.feedbackSlider.sliderToken .temp-lbl {
  width: 335px !important;
  border: none !important;
}
.feedbackSlider {
  width: 100%;
  float: left;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
  /* height: 400px; */
  /* overflow-y: scroll; */
}
.feedbackSlider h4 {
  font-size: 30px;
  color: #000 !important;
  text-transform: uppercase;
  min-height: 65px;
}
.feedbackSlider .menu-item-wrapper:first-child .temp-lbl {
  border: none;
}
.feedbackSlider .temp-lbl {
  width: 100% !important;
  white-space: pre-wrap !important;
  /* color: black; */
  /* border-bottom: 2px dashed #847F7F; */
  /* height: 300px; */
  padding: 20px 0px 20px 0px;
  margin: 10px;
  /* text-align: center; */
  /* border-left-style: dashed; */
  /* outline: none !important; */
  float: left;
  position: relative;
}
.mysocialScrollBox {
  width: 100% !important;
  padding: 20px 0px 20px 0px;
  float: left;
  position: relative;
  height: 400px;
  overflow-y: scroll;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
}
.mysocialScrollBox .temp-lbl::after {
  position: absolute;
  content: "";
  height: 2px;
  border-bottom: 2px dashed #847f7f;
  bottom: -15px;
  left: 15px;
  right: 15px;
}
.mysocialScrollBox .temp-lbl .imgSquareLbl {
  width: 200px;
  height: 200px;
  object-fit: cover;
  float: left;
}
.mysocialScrollBox .temp-lbl .imgCircleLbl {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  margin-top: 15%;
}
.mysocialScrollBox .temp-lbl {
  width: 100%;
  float: left;
  margin: 15px 0px;
  position: relative;
}
.mysocialScrollBox h4 {
  margin: 10px 0px;
  font-size: 20px;
  color: #053c63 !important;
  text-transform: none;
  min-height: auto;
}
.mysocialScrollBox .temp-lbl .feedBackBox {
  width: 100%;
  float: left;
  margin-top: 4%;
}
.mysocialScrollBox .temp-lbl .myNewPlanBtn {
  margin-top: 15%;
}
.feedbackSlider .menu-item-wrapper {
  outline: none !important;
  border: none !important;
  float: left;
}
.feedbackSlider .menu-wrapper--inner {
  width: 990000px !important;
}
.feedbackSlider .product-list-arrow svg {
  fill: #053c63;
  cursor: pointer;
  /* margin-left: 10px; */
  /* margin-right: 10px; */
}

.feedbackSlider .product-list-arrow {
  width: 25px;
  height: 25px;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  /* background-image: linear-gradient(to right,#3CADA4, #053C63); */
}

.feedBackBox img {
  width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 50%;
  object-fit: cover;
}
.feedBackBox h4 {
  margin: 10px 0px;
  font-size: 20px;
  color: #053c63 !important;
  text-transform: none;
  min-height: auto;
}
.feedBackBox h5 {
  font-size: 20px;
  color: #858585 !important;
}
.feedBackBox label {
  margin: 10px 0px;
  font-weight: normal;
  font-size: 16px;
}
.feedBackBox p {
  text-align: left;
  color: #919191;
}
.feedbackSlider .menu-wrapper {
  max-width: 1325px;
  margin: auto;
}

.label-lower-case {
  text-transform: lowercase;
}

.newmenu-container-div .ant-menu.ant-menu-dark .ant-menu-item-selected {
  /* background-color: #053C63 !important; */
  /* background-image: linear-gradient(to right, #053C63, #3cada4) !important; */
  /* background-color: #053C63 !important; */
  background-color: #053c63 !important;
  color: #fff !important;
}
/* .menu-wrapper--inner {
    width: 100% !important;
} */
.noDataImageDialog {
  height: 100px;
  width: auto;
  margin: 3px;
  /* margin-left: 35%; */
}
.tokenTableBoxPaddingLeftRight {
  float: left;
  width: 100%;
  padding: 0px 10%;
}
.noDataImageDialog1 {
  height: 100px;
  width: auto;
  margin: 3px;
  margin-left: 5% !important;
}

.noDataImageMemberPlan {
  height: 200px;
  width: auto;
  margin: 3px;
  margin-left: 35%;
  margin-top: 8%;
}
.NoDataPlans {
  width: 100%;
  text-align: center;
  color: #053c63;
}
.text-right-dashboard {
  text-align: right;
}
.BitcoinTableSection .myNewPlanBtn {
  background-color: #053c63 !important;
}
.div-go-invitation {
  background-color: #fff;
  min-width: 200px;
  height: 66px;
  text-align: center;
  color: #053c63;
  font-size: 18px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
  float: right;
  margin: 40px 0px 15px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  border: 1px solid #d4d4d4;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.div-go-invitation label {
  font-weight: normal;
}
.div-go-request {
  border: 1px solid #dd5044;
  min-width: 200px;
  height: 60px;
  text-align: center;
  color: white;
  font-size: 18px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
  float: left;
  width: 100%;
  padding-top: 10px;
  margin-top: 15px;
}

.img-invitation {
  width: 20px;
  height: auto;
  margin: -8px 10px 0px 0px;
}
.PendingLable {
  font-size: 14px;
  color: #dd5044;
  font-weight: bold;
}

.token-p {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  white-space: normal;
}

.p-complete-key {
  text-decoration: underline;
  cursor: pointer;
  text-align: right;
}

.new-bkg-gradient {
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
}

.txt-black {
  color: black !important;
}

.font-size-coms-balance {
  font-size: 18px !important;
}

.qr-code-copy-icon {
  width: auto !important;
  height: 25px !important;
  margin-left: 5px;
  margin-top: -3px;
}

/* bitcoin detail page start css */
.bitcoinLearMoreMainBox {
  margin: 30px 0px;
  float: left;
  width: 100%;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.bitcoinLearMoreMain1 {
  background-color: #fff;
  width: 100%;
  float: left;
  border: 1px solid #707070;
  border-bottom: 0px !important;
  position: relative;
}
.bitcoinLearMoreMain2 {
  background-color: #fff;
  width: 100%;
  float: left;
}
.evolveBitcoinTrust {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/bitcointrustdetails/bg-skybackground.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  padding-bottom: 10% !important;
}
.paddingEvolve {
  padding: 0px 5%;
  float: left;
  width: 100%;
}
.logomycomWithTesora {
  float: right;
  width: 40%;
  margin: 20px 0px 0px 0px;
}
.whybitcoinTrustList {
  padding: 0px;
  margin: 0px;
}
.whybitcoinTrustList li {
  padding: 0px;
  margin: 0px;
  display: block;
  float: left;
  width: 100%;
  padding: 10px 10px 10px 20px;
  position: relative;
  list-style: none;
}
.whybitcoinTrustList li::after {
  position: absolute;
  content: "";
  left: -10px;
  top: 8px;
  width: 20px;
  height: 20px;
  background-image: url("https://media.mycom.world/frontend/bitcointrustdetails/icon-star.png");
  background-size: cover;
}
.girlHold {
  width: 60%;
  height: auto;
  margin-top: 50px;
}
.bctecosystem {
  width: 80%;
  margin: 8% 0px;
}
.peopleLookingimgBox {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/bitcointrustdetails/bg-floorground.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
.peopleLookingimg {
  margin-top: -100px;
}
.bgColorblack {
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  float: left;
  width: 100%;
}
.bitcoinTrustBuy {
  display: flex;
  align-items: center;
}
.bitcoinTrustBuy img {
  margin-right: 10px;
  font-family: sans-serif;
}
/* bitcoin detail page end css */

.otpWithInputmodal {
  display: flex;
  margin-bottom: 20px;
}

.wapperDiv .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.allIconHeaderMpbile {
  display: none;
}
.mobile-Row {
  float: left;
}
.ourInstagramLg {
  float: left;
  width: 100%;
}
.vl-with-scroll.raleway-600.nav-dropdown-with-scroll.dropdown .dropdown-toggle {
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.walletTypeBox {
  width: 100%;
  float: left;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 15px;
  background-color: #fff;
}
.buttonWalletType {
  width: 100%;
  float: left;
}
.bglighttesoraLogo {
  width: 100%;
  float: left;
  position: relative;
}
.bglighttesoraLogo::after {
  position: absolute;
  content: "";
  top: -30px;
  width: 30%;
  height: 100px;
  right: 15px;
  background-image: url("https://media.mycom.world/frontend/tesorahubEmail/Group.png");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0.4;
}
.buttonWalletType .deactiveBtn {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #b6b6b6;
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  font-size: 17px;
  margin: 20px 20px 20px 0px;
  width: 120px;
}
.buttonWalletType button img {
  margin-right: 10px;
  width: auto;
  height: 16px;
}
.buttonWalletType .activeBnt {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #053c63;
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  font-size: 18px;
  margin: 20px 20px 20px 0px;
  width: 120px;
}
.buttonWalletType .upgradeBtnHeader {
  background-image: none;
  background-color: #fff;
  color: #053c63;
  font-weight: bold;
}

.tesoraWalletTable::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.tesoraWalletTable::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.tesoraWalletTable::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.tesoraWalletTable::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.tesoraWalletTable .tableTokenName {
  margin: 15px 0px;
}

.tesoraWalletTable {
  width: 100%;
  font-size: 18px;
  height: 250px;
  overflow-y: scroll;
  padding: 0px 15px;
}
.tesoraWalletTable table {
  width: 100%;
  font-size: 18px;
}
.tesoraWalletTable table th {
  color: #053c63;
}
.tesoraWalletTable table tr td h5 {
  font-size: 18px;
  color: #777777 !important;
  font-weight: 400 !important;
}
.tesoraWalletTable table tr td h5 strong,
.tesoraWalletTable table tr td h5 span {
  font-weight: 400 !important;
}
.tesoraWalletTable table tbody tr {
  border-bottom: 1px solid #7f7f7f !important;
}

.TwobtnBox {
  float: left;
  width: 100%;
  text-align: right;
}
.gotoWalletBtn {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #053c63;
  border-radius: 8px;
  padding: 8px 10px;
  color: #fff;
  font-size: 18px;
  margin: 20px;
  width: 250px;
  font-weight: bold;
}
.creatNewWallet {
  border: 2px solid #053c63 !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  color: #053c63;
  font-size: 18px;
  margin: 20px;
  width: 250px;
  font-weight: bold;
}

/* kyc popup  */
.kyc-form iframe {
  width: 100%;
  min-height: 400px;
  height: calc(100vh - 200px);
  border-radius: 1rem;
  border: 1px solid #d4d4d4;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.kyc-form .modal-header {
  border-bottom: unset;
}

@media only screen and (max-width: 1700px) {
  .feedbackSlider .menu-wrapper {
    max-width: 1000px;
    margin: auto;
  }
  .hideBalance {
    width: 100%;
  }
  .AddComBalance {
    width: 100%;
  }
  .allalanceList li {
    width: 20%;
  }
  .div-go-invitation {
    float: none;
  }
  .mysocialScrollBox .temp-lbl .imgSquareLbl {
    width: 150px;
    height: 150px;
  }
  .mysocialScrollBox .temp-lbl .imgCircleLbl {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 1400px) {
  .feedbackSlider .menu-wrapper {
    max-width: 920px;
    margin: auto;
  }
  .newAssestList {
    padding: 0px 0%;
  }
  .feedbackSlider.sliderToken .temp-lbl {
    width: 310px !important;
  }
  .navbar-with-scroll .upgradeBtnHeader {
    padding: 8px 6px;
    font-size: 14px;
  }
  .qrCodeIocn {
    font-size: 16px;
    margin-left: 9px;
  }
  .communityMycom span {
    font-weight: normal;
  }
  li.communityMycom a {
    padding-top: 9px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .newAssestBox .newAssestList {
    height: 460px;
  }
  .newmenu-container-div .ant-menu-dark {
    overflow-y: scroll;
    height: 24vw;
  }
  .newmenu-container-div-close .ant-menu-dark {
    overflow-y: scroll;
    height: 24vw;
  }
}
@media only screen and (max-width: 1365px) {
  .DashboardRightTopMenuBar .nav.navbar-nav {
    width: auto;
  }
  .vendorSearchHeader {
    /* width: 100%; */
  }
  .vanderinputSearch {
    width: 100%;
  }
  .headerWithNotification {
    width: 95px !important;
  }
  .vendorSearchBoxHeader .home-top-search-input {
    width: 80%;
  }
  li.communityMycom a {
    padding: 9px 10px 9px 0px;
  }
  .vendorSearchBoxHeader {
    display: flex !important;
    width: 100%;
  }
}

@media only screen and (max-width: 1280px) {
  .feedbackSlider .menu-wrapper {
    max-width: 800px;
    margin: auto;
  }
  .displayAmount {
    text-align: left !important;
  }
  .newmenu-container-div .ant-menu-dark {
    height: 24vw !important;
  }
  .newmenu-container-div-close .ant-menu-dark {
    height: 24vw !important;
  }
  .feedbackSlider.sliderToken .temp-lbl {
    width: 400px !important;
  }
  .newAssestListFee {
    padding: 0px 5%;
  }
  .newAssestListFee li {
    padding: 5px 10px 5px 28px;
  }
  .newsAndEvent {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1200px) {
  .fade.modalSize.in.modal .modal-dialog {
    transform: translate(0%, 5%) !important;
  }
  .feedbackSlider .menu-wrapper {
    max-width: 700px;
  }
  .profileEditBox {
    display: block !important;
  }
  .mobileDisplayView {
    display: block !important;
  }
  .marginBottomMonile {
    margin-bottom: 40px;
  }
  .feedbackSlider.sliderToken .temp-lbl {
    width: 350px !important;
  }
  .ourInstagramLg h5 {
    padding: 30px 0px 0px 0px;
    float: left;
  }
}

@media only screen and (max-width: 1199px) {
  .feedbackSlider .menu-wrapper {
    max-width: 656px;
  }
  .mycomPlanNew {
    height: auto;
    padding-bottom: 30px;
  }
  .mycomPlanUpgarde {
    margin-top: 30px;
  }

  .headingUpercase h2 {
    font-size: 24px;
  }
  .feedbackSlider.sliderToken .scroll-menu-arrow {
    position: absolute;
    top: 16px;
    left: 220px;
  }
  .feedbackSlider.sliderToken .scroll-menu-arrow:last-child {
    left: 264px;
  }
  .mobiletransformImg {
    transform: rotate(90deg);
  }
}
/* @media only screen and (max-width: 1191px) {
  .mobiletransformImg {
    transform: rotate(90deg);
  }
} */
@media only screen and (max-width: 1024px) {
  .navbar-with-scroll .navbar-collapse {
    padding-left: 50px;
  }
  .newRightsidebox,
  .newRightsideboxWithSpace {
    padding-left: 0px;
  }
  .newmenu-container-div,
  .newmenu-container-div-close {
    display: none;
  }

  .ant-btn.menuButtonMobile.ant-btn-primary {
    display: block;
    background-color: #053c63 !important;
    color: #fff;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    position: absolute !important;
    z-index: 33333;
    top: 15px;
    left: 15px;
    padding: 0px 8px;
  }

  .feedbackSlider .menu-wrapper {
    max-width: 660px;
    margin: auto;
  }

  .DashboardRightTopMenuBar {
    position: relative;
  }
  /* .vendorSearchHeader{
        display: block;
    } */

  /* .DashboardRightTopMenuBar #nav-header-block {
    width: 43%;
  } */

  /* .DashboardRightTopMenuBar #nav-header-block > li {
    float: right;
  } */
  .allalanceList li {
    list-style: none;
    display: inline-block;
    width: 50%;
    text-align: left;
    float: left;
    margin-bottom: 20px;
    padding-left: 15px;
  }
  /* .allalanceList li:first-child {
    border-left: 1px solid #c6c6c5;
  } */
  .app-logo-img {
    margin: 0px;
    max-width: 100%;
  }
  .app-loader-div {
    text-align: center;
    padding: 20% 5%;
  }
  .DashboardRightTopMenuBar {
    border-radius: 0px 0px 50px 50px;
    /* overflow: hidden; */
  }

  /* sales center */

  .salesTotalCommisionPro label {
    font-weight: normal;
    text-align: left !important;
    color: #000;
    float: left !important;
    font-size: 16px;
    width: 100%;
  }
  .mycomproFilterSalesOrg .ant-btn.ant-dropdown-trigger {
    margin: 0px 10px 15px 0px !important;
  }

  .mycomproFilterSalesOrg .ant-calendar-picker {
    padding: 0px;
    margin-bottom: 10px;
  }

  .feedbackSlider.sliderToken .temp-lbl {
    width: 330px !important;
  }
  .userWithRadio {
    display: block;
  }
  .userNameDetails {
    width: 100%;
    padding: 0px;
    margin: 15px 0px;
  }
  .businessConsultan p {
    float: left;
    width: 100%;
    text-align: right;
  }
  .AccountSetting {
    padding: 15px !important;
  }
  .accountSettingCompleteingProgess {
    margin-top: 15px !important;
  }
  .landingBox {
    padding: 15px !important;
  }
  .accountVanderBox {
    padding: 50px 10px !important;
  }
  .CardCol {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .manageMyCardsH2 h2 {
    padding-left: 0px !important;
  }
  .secondaryCardBox .readBtn {
    margin-left: 0px !important;
  }
  .ScrollRowMB {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .primaryCardBg h2 {
    padding-left: 0px !important;
  }
  .headingBorderBoth::before {
    width: 35% !important;
  }
  .headingBorderBoth::after {
    width: 35% !important;
  }
  .contactTheBusiness {
    margin-top: -50px !important;
  }
}

@media only screen and (max-width: 991px) {
  .DashboardRightTopMenuBar .nav.navbar-nav.displayMack {
    width: auto !important;
  }
  .mysocialScrollBox .temp-lbl .imgCircleLbl {
    margin: 0px;
  }
  .DashboardRightTopMenuBar .navbar-header {
    display: none;
  }
  .offerInCharipick {
    height: auto;
  }
  .DashboardRightTopMenuBar .headerWithNotification #nav-header-block li {
    display: block;
  }
  .allIconHeaderMpbile {
    display: block;
  }
  /* .DashboardRightTopMenuBar #nav-header-block li {
    display: none;
  } */
  /* .DashboardRightTopMenuBar #nav-header-block li.communityMycom {
    display: block;
    width: 100%;
    text-align: center;
  } */
  .DashboardRightTopMenuBar #nav-header-block {
    width: 100%;
    text-align: center;
  }
  .divNotification {
    margin-left: 0rem;
    margin-right: 0px;
    margin-top: 0px;
    position: relative;
  }
  .vendorSearchHeader {
    /* width: 100%; */
    margin-bottom: 5px;
    margin-top: 10px;
    justify-content: space-between;
    padding: 10px 0;
  }
  .headerWithNotification {
    width: 55px !important;
  }
  .vl-with-scroll a {
    padding: 0px !important;
    width: 40px;
  }
  .vendorSearchHeader .headerWithNotification {
    float: right !important;
  }
  .vendorSearchHeader .headerWithNotification .allIconHeaderMpbile {
    width: auto !important;
    margin-top: -3px;
    display: none;
  }
  .vendorSearchHeader .headerWithNotification .allIconHeaderMpbile li {
    float: left !important;
  }
  .vendorSearchHeader .headerWithNotification .allIconHeaderMpbile li a {
    padding: 0px 5px !important;
    width: 35px;
  }
  .videoMycomNew img {
    width: 100%;
  }
  .header-navbar-img {
    width: 28px !important;
    height: 28px !important;
  }
  .othermycomVideo {
    height: 400px;
  }
  .othermycomVideo .videoMycomNew {
    width: 100%;
  }
  .videorightHeader .ant-btn.myNewPlanBtn {
    float: right !important;
  }
  .chrrypickOfferHeader .ant-btn.myNewPlanBtn {
    float: right !important;
  }

  .advertisement {
    margin-bottom: 30px;
  }
  /* .advertisement img {
        border-radius: 0px;
        box-shadow: none;
    } */
  .resendCarouselSlider {
    text-align: center;
    width: 100%;
    float: left;
  }
  .awnerNameLeftMpbileAlign {
    text-align: left !important;
  }
  .footerProfileUserImg {
    float: left !important;
  }

  .awnerNameLeftMpbileAlign {
    text-align: left !important;
  }
  .footerProfileUserImg {
    float: left !important;
  }
  /* profile page */

  /* .newmyprofileSetion p {
        text-align: left !important;
    } */

  /* .newmyprofileSetion {
        text-align: left !important; 
    } */

  .user-profile-margin {
    margin-top: 30px !important;
  }

  .margin50Pr {
    margin-top: 5% !important;
  }
  ul.selectionMenuLanguage {
    margin-bottom: 30px;
  }

  .profileFooter {
    background-image: url("https://media.mycom.world/frontend/images/bg-tesorafinancialdashboard.jpg");
    background-repeat: no-repeat;
    background-position: top !important;
    background-size: cover;
    padding: 20px 0px !important;
  }
  .footerProfileUserName {
    padding-top: 0% !important;
  }

  .shadowAllBox .row015.row .myNewPlanBtn {
    float: left;
    margin-bottom: 30px;
  }

  .modalSize .WithDivHalf:last-child {
    display: none;
  }
  .modalSize .WithDivHalf {
    width: 100%;
  }
  .modalSize .modal-dialog {
    width: 98% !important;
  }
  .otherTransfer {
    display: none;
  }
  .payTransfer {
    width: 100% !important;
  }
  .theSponcer {
    overflow: hidden;
  }
  .adv-contact {
    margin-right: 0% !important;
  }
  .sportTokenThamnailBox1 img {
    margin: auto;
  }
  .sportTokenThamnailBox label {
    width: 100%;
    margin-bottom: 20px;
  }

  /* .bgImageAdvertise1 {
        background-size: 150% !important;
    }
    .processlinImage2 {
        margin-left: 0px !important;
    }

    .processlinImage {
        margin-right: 0px !important;
    } */
  .processlineBox2 {
    align-items: inherit !important;
  }
  .processlineBox1 {
    align-items: inherit !important;
  }
  .processlineBox {
    align-items: inherit !important;
  }
  .slectWalletUSD {
    text-align: left !important;
    margin-top: 35px !important;
  }

  .infoShare .text-right {
    text-align: left !important;
  }
  .socialShare .text-right {
    text-align: left !important;
  }
  .socialIcons {
    width: 100%;
    text-align: left !important;
  }
  .socialShare {
    float: left !important;
  }
  .peopleLookingimg {
    margin-top: 10px;
  }
  .contactTheBusiness {
    margin-top: 100px !important;
  }
  .RestaurantLogo {
    margin-top: -70px !important;
  }
  .text-uppercase.text-bold.cursor-pointer.backToSearch {
    text-align: center !important;
  }
  .iconForSerchBox {
    text-align: center !important;
  }
  .mobLeft {
    float: left;
  }
  .newsAndEvent {
    margin-top: 0px;
  }
  .businessConsultan p {
    float: left;
    width: 100%;
    text-align: left;
  }
  .ant-btn.myNewPlanBtn {
    float: left;
  }
  .QRcodeBox .QRtitel {
    text-align: center;
  }
  .QRcodeBox .QRimage {
    float: none;
    width: 100px;
    height: auto;
    margin: 10px auto 20px auto;
  }
  .div-go-invitation {
    margin: 30px 0px 15px 0px;
  }
  .cardInvited {
    text-align: center;
  }
  .userImagetop.imageContactSingle {
    margin: 0px auto 20px auto !important;
  }
  .margin-top-btc {
    margin-top: 0px !important;
  }
  .tesoraImg {
    margin: 10px auto !important;
  }
  .slectWalletUSD button {
    margin-left: 10px !important;
  }
  .vl-with-scroll {
    margin-left: 15px;
  }
  .vanderinputSearch {
    display: none !important;
  }
}

@media only screen and (max-width: 859px) {
  .feedbackSlider .menu-wrapper {
    max-width: 320px;
  }
  .feedbackSlider .temp-lbl {
    width: 310px !important;
  }
  .feedbackSlider .menu-item-wrapper:first-child .temp-lbl {
    border-left: 1px solid #dcdcdc;
    border-left-style: dashed;
  }

  .feedbackSlider.sliderToken .temp-lbl {
    width: 310px !important;
    border: none !important;
  }
  .WithDivHalfMycard.mobilehide {
    display: none;
  }
  .WithDivHalfMycard.mobileFull {
    width: 100%;
  }
  .otherContactinput {
    display: block !important;
  }
  .headingBorderBoth::before {
    width: 30% !important;
  }
  .headingBorderBoth::after {
    width: 30% !important;
  }
  .allalanceList {
    display: block;
  }
  .paymentComs {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .communityMycom {
    width: 100%;
    margin-bottom: 0px;
  }
  .navbar-with-scroll .upgradeBtnHeader {
    float: left;
  }
  .vanderinputSearch {
    width: 100%;
  }
  .vendorSearchHeader .headerWithNotification .allIconHeaderMpbile {
    display: block;
  }
  .headerWithNotification {
    width: 55px !important;
  }
  .vendorSearchHeader {
    display: flex;
    width: auto;
  }
  .DashboardRightTopMenuBar .navbar-header {
    display: none;
  }
  .DashboardRightTopMenuBar .navbar-default .navbar-collapse {
    border: none !important;
    display: block;
  }
  .DashboardRightTopMenuBar #nav-header-block li.communityMycom a {
    padding: 0px;
  }
  .vanderinputSearch {
    justify-content: center;
    margin-top: 0px;
  }
  .vendorSearchHeader .headerWithNotification {
    float: right !important;
    width: 100%;
    align-content: center;
    justify-content: center;
    margin: 0px 5px 0px !important;
  }
  .img-notification {
    margin: 0px 8px;
  }
  .divNotification {
    /* margin-top: -5px; */
    display: inline-block;
  }
  /* .headerWithNotification{
        display: flex !important;
        margin-top: 12px !important;
        float: left;
    } */
  .DashboardRightTopMenuBar #nav-header-block {
    width: auto;
    margin-bottom: 0px;
    display: inline-flex;
    align-items: center;
    padding-left: 33px;
  }
  .feedbackSlider {
    padding: 30px 0px;
  }
  .QRcodeBox .QRtitel {
    float: left;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
  .QRcodeBox .QRimage {
    float: none;
    width: 100px;
    height: 100px;
    display: table;
    margin: auto;
  }
  .businessConsultan {
    text-align: center;
  }

  /* .hideBalance .ant-collapse-header{
        left: 30%;
    } */
  .paymentComsList li {
    list-style: none;
    display: inline-block;
    width: 50%;
    text-align: left;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .upgradeMyPlaneFlax {
    display: inline-block !important;
  }
  .upgradeMyPlaneFlax .myNewPlanBtn {
    margin-left: 0px !important;
    margin-bottom: 30px;
  }
  .content-search-input.fullInput {
    margin-bottom: 30px;
  }
  .formSection {
    padding: 0px !important;
  }

  .paddingLeftnone {
    padding-left: 15px !important;
  }
  .header-nav-right {
    display: block;
  }
  .smallModalSize .modal-dialog {
    width: 95% !important;
  }
  .feedbackSlider h4 {
    margin-left: 15px;
  }
  .BoxAccountSettingImg {
    width: 100% !important;
    float: left;
    text-align: center;
  }
  .BoxAccountSettingImg img {
    width: 100% !important;
  }

  .landingBox img {
    width: 100% !important;
  }
  .saveAndEarnBox {
    margin-top: 30px !important;
  }
  .react-bs-table-container.singleborderLineTable {
    margin-top: -40px !important;
  }
  .paddingTopToken .adv-contact {
    width: 100% !important;
    margin-top: 0px !important;
    float: left !important;
    text-align: center;
  }
  .paddingTopToken .adv-contact .myNewPlanBtn {
    float: left;
    margin-bottom: 20px;
  }
  /* .boxEquale {
    padding: 0px 15px !important;
} */
  .paddingLeft-15 {
    padding-left: 0px !important;
  }
  .vl-with-scroll {
    margin-left: 10px !important;
  }
  .WithDivHalfMemberDetail {
    width: 100% !important;
    float: left;
  }
  .WithDivHalfMember {
    width: 100% !important;
    display: none !important;
  }
  .AddComBalance {
    padding: 0px 15px;
  }
  .mySocial .mySocialheader img {
    width: 120px;
  }
}

@media only screen and (max-width: 600px) {
  .newUserProfilepBox {
    padding: 40px 5px 0px 5px;
    overflow: hidden;
  }
  .allTokenDivsection {
    padding: 0px 15px;
  }
  .allalanceList li {
    width: 100%;
  }
  .pLR {
    padding: 0px 0px;
  }
  .vanderinputSearch {
    display: block;
    margin-top: 0px;
  }
  .vendorSearchBoxHeader {
    display: block;
    width: 100%;
    float: left;
  }

  .vendorSearchBoxHeader .home-top-search-input {
    height: 30px;
    width: 85% !important;
  }
  .DashboardRightTopMenuBar #nav-header-block li.communityMycom {
    text-align: right;
  }
  .vendorSearchHeader {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-top: 5px;
    padding: 10px 0 5px;
  }
  .notificationDropBox {
    top: 114px;
  }
  .communityMycom a {
    padding: 8px !important;
  }
  .ant-btn.menuButtonMobile.ant-btn-primary {
    top: 5px;
    left: 8px;
    padding: 0px 5px;
  }
  .DashboardRightTopMenuBar #nav-header-block {
    padding-left: 40px;
    width: 100% !important;
    justify-content: flex-start;
    margin-top: 3px;
  }
  .qrCodeIocn span {
    height: 25px;
    width: 25px;
    padding: 2px;
  }
  .qrCodeIocn span img {
    width: 70%;
  }
  .qrCodeIocn {
    font-size: 12px !important;
    margin-left: 10px;
  }
  .vendorSearchBoxHeader .bpzdHV::after {
    display: none;
  }
  .newUserProfilepBox .newUserProfilepBoxBgColor {
    padding: 0px;
  }

  .chrrypickOfferImg {
    width: 100%;
    float: left;
  }
  .chrrypickOfferDetails {
    width: 100%;
    float: left;
    padding: 20px 10px 0px 10px;
    text-align: center;
  }
  .chrrypickOfferBox {
    height: auto;
    margin-bottom: 50px;
  }
  .noDataImageMemberPlan {
    margin: 8% auto 0px auto;
  }
  .newsAndEvent {
    padding: 30px 5px;
  }
  .ImageNewsEvent {
    width: 35%;
    float: left;
  }
  .detailsNewsEvent {
    width: 65%;
    float: left;
  }
  .userWithRadio {
    display: block;
    position: relative;
    z-index: 1;
  }
  .tesoraImg {
    width: 75% !important;
  }
  .userNameDetails {
    width: 100%;
    float: left;
    padding-left: 0px;
  }
  .vanderinputSearch .ant-select {
    width: 100%;
  }

  .vanderinputSearch
    .vendorSearchBoxHeader
    .ant-select-show-search.ant-select-auto-complete.ant-select.ant-select-combobox.ant-select-enabled {
    width: 100% !important;
  }

  .commonTransactionItemBorder {
    padding: 10px 0px !important;
  }
  .transac-catrgory-icon {
    margin-top: 0px !important;
  }

  /* sales center */
  .wellComMycomPro {
    padding: 10px 0px 0px 0px !important;
  }
  .mycom-pro-inactive-btn {
    margin: 20px 0px;
  }

  .pLR15 {
    padding: 0px !important;
  }
  .secondaryCardBox {
    display: inline-block !important;
    padding-left: 0% !important;
  }

  .tokenHeadingColor {
    display: block !important;
  }
  .tokenHeadingColor .readBtn {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 30px !important;
  }

  .bgtokenimg {
    padding: 15px;
  }

  .TableRow-30 {
    margin-left: 15px !important;
    margin-right: 15px !important;
    display: flex;
  }
  .TableRow-30 .FaAngleDoubleRight,
  .TableRow-30 .FaAngleDoubleLeft {
    display: none;
  }
  .bgtokenimg {
    background-position: center;
  }
  .fade.modalSize.in.modal .modal-dialog {
    transform: translate(-2%, 5%) !important;
  }
  .testoExchangeBox {
    width: 100%;
    padding: 30px 15px 0px 15px !important;
  }
  .tesoraImg {
    margin-left: 15px;
  }

  .tesoraLoginForm {
    padding: 15px 5px 5px 5px !important;
  }
  .fromIconTop .threeIcon .threeIconImg {
    width: 50px !important;
    height: 50px !important;
  }
  .fromIconTop {
    margin-top: -55px !important;
  }
  .fromIconTop .threeIcon p {
    font-size: 12px !important;
  }
  .girlHold {
    width: 80%;
  }
  .logomycomWithTesora {
    float: left;
    width: 50%;
    margin: 20px 0px 0px 0px;
  }
  .otherContactinput {
    display: block !important;
    float: left;
    width: 100%;
  }
  .otherContactinput input {
    width: 100%;
  }
  .otherContactinput button {
    float: left;
  }
  .othermycomVideo .videoMycomNew {
    width: 100%;
  }
  .footer-top-div {
    height: auto !important;
  }
  .contactBackgroundHeader {
    margin: 0px !important;
  }
  .contactSection {
    margin: 30px 0px !important;
  }
  .formSection {
    margin: 40px 0px !important;
  }
  .contactBackgroundGreen {
    margin: 40px 15px !important;
  }
  .copylinkwithimgBox {
    display: block !important;
  }
  .imageCopy {
    float: right;
  }
  .paddingMobile0 {
    padding: 0px;
  }
  .ExchangeTableToken tbody tr td {
    padding: 2px !important;
  }
  .headingBorderBoth::before {
    width: 20% !important;
  }
  .headingBorderBoth::after {
    width: 20% !important;
  }
  .table.ExchangeTableToken tbody tr td .tableTokenName .colorChnage strong {
    font-size: 12px !important;
  }
  .ExchangeTableToken tbody tr td h5 {
    font-size: 12px !important;
  }
  .tableTokenName .iconImageShow {
    width: 24px !important;
    height: 24px !important;
  }
  .tableTokenName .colorChnage {
    margin: 0px 10px 0px 10px !important;
  }
  .img-edit-wallet {
    width: auto;
    height: 12px !important;
    margin-right: 2px !important;
  }
  .ExchangeTableToken thead tr th {
    font-size: 12px !important;
  }
  .inputBitcoinBox {
    height: 50px !important;
  }
  .bitcoinTableNav li {
    padding: 10px !important;
    font-size: 14px !important;
  }
  .MiddleBorderBitcoinTable .myNewPlanBtn {
    height: 32px !important;
  }
  .paddingmobiletesoraImg {
    padding: 0px 15px;
    width: 100%;
    float: left;
    position: relative;
  }
  .mobileSmPadding {
    padding: 0px 30px;
    width: 100%;
    float: left;
  }
  .tprintBtn {
    width: 100% !important;
    margin: 5px 0px !important;
  }
  .react-bs-table-container.singleborderLineTable {
    margin-top: 0px !important;
  }
  .delete-btn-table {
    width: 70px !important;
    padding: 0px 0px !important;
  }
  .img-banner {
    width: 100%;
    height: 130px !important;
  }
  .vl-with-scroll .dropdown-menu {
    position: absolute !important;
    min-width: 80px !important;
  }
  .vl-with-scroll .dropdown-menu li {
    padding-left: 5px;
  }
  .mycomPlanNew {
    padding: 0px 0px 15px 0px;
  }
  .ScrollRowWC {
    padding: 0px 15px;
  }
  .managedMobile {
    padding: 0px 15px;
  }
  .seedGrowsPadding {
    padding: 15px !important;
  }
  .mining-learn-more-table-bg {
    padding: 80px 15px !important;
  }
  .mobileleft {
    float: left;
  }
  .paworStart {
    background-size: 100% !important;
    background-position: bottom right !important;
  }
  button.ant-btn.readBtn.cancle {
    margin-top: 20px;
    margin-left: 0px;
  }
  .mobilePadding15 {
    padding: 0px 15px;
  }
  .PaymentMethodLables {
    text-align: left;
    width: 100%;
  }
  .form-btn-add-new-bank {
    margin-left: 15px !important;
  }
  .ShowMoreTC {
    margin-top: 0px !important;
    width: 100%;
  }
  .rbc-toolbar {
    display: block !important;
  }
  .rbc-toolbar span {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
  }
  .div-text-right {
    text-align: center !important;
  }
  .mySocial .mySocialheader img {
    width: 100px;
  }
  .mySocial .mySocialheader {
    padding: 20px 15px;
  }
  .feedbackSlider.charipickOfferSlider .menu-item-wrapper {
    width: 300px;
  }
  .mysocialScrollBox .temp-lbl .myNewPlanBtn {
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
  }
  .videoHalfDiv {
    width: 96%;
  }
  .chrrypickOfferHeader img {
    width: 150px;
    height: auto;
  }
  .navbar-with-scroll .navbar-collapse {
    padding-left: 20px;
  }
  .feedbackSlider.charipickOfferSlider .scroll-menu-arrow:last-child {
    top: -10px;
  }
  .feedbackSlider.charipickOfferSlider .scroll-menu-arrow:first-child {
    top: -10px;
  }
  .registerDropDown .ant-select-selection.ant-select-selection--single {
    width: auto !important;
    height: 42px !important;
  }
  .registerDropDown .ant-select-selection__rendered {
    font-size: 10px !important;
    line-height: 40px !important;
  }
  .editWalletInput {
    padding: 0px 2px !important;
    width: 80px !important;
    margin: 0px 1px 0px 5px !important;
  }
}
@media only screen and (max-width: 420px) {
  .vendorSearchHeader {
    margin-top: -30px;
  }
  .notificationDropBox {
    top: 85px !important;
  }
}
@media only screen and (max-width: 400px) {
  .feedbackSlider .horizontal-menu {
    width: 100%;
    float: left;
  }
  .feedbackSlider.sliderToken .temp-lbl {
    width: 280px !important;
    border: none !important;
    padding: 5px;
  }
  .feedbackSlider .temp-lbl {
    width: 270px !important;
  }
  .tableresponsive {
    width: 350px !important;
  }
  table.ExchangeTableToken {
    /* min-width: 600px !important; */
    float: left;
  }

  .bitcoinMarketpriceList li {
    padding: 5px 5px !important;
  }
  .bitcoinMarketImgBox {
    width: 40px !important;
  }
  .adv-contact {
    width: 100% !important;
    margin-bottom: 20px;
  }
  .adv-contact .myNewPlanBtn {
    float: left;
  }
  .fade.addComConfirm.in.modal .modal-dialog {
    width: 94% !important;
  }
  .testroExchangeImg .token-option-img {
    height: 110px;
    width: 110px;
  }

  .tableTokenName h5 {
    font-size: 16px;
  }
  .bitcoinTrustBtc .bitCoinImg {
    float: left !important;
  }
  .bitcoinTrustBtc .bitcoinTrustBtcBox {
    display: block !important;
    height: 100px !important;
  }
  .BitcoinBuyBtn {
    float: left !important;
    margin-top: 10px;
  }
  .accountSetupList li .accountSetupListIcon {
    width: 40px !important;
    height: 40px !important;
    margin: 3px auto 0px auto !important;
  }
  .accountSetupList li .accountSetupListIcon img {
    height: 22px !important;
  }
  .accountSetupList::after {
    right: 30px;
    left: 30px;
    top: 24px !important;
  }
  .accountSetupList li label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0px;
    line-height: 12px;
  }
  .BitcoinBuyBtnBox {
    float: left;
  }
  .img-mycom-tesora {
    width: 250px !important;
    height: auto;
  }
  .slectWalletUSD button {
    margin: 10px;
  }
  .contactSmallbox {
    height: 155px !important;
  }
  .headingBorderBoth::before {
    width: 15% !important;
  }
  .headingBorderBoth::after {
    width: 15% !important;
  }
  .activeAccountTableBox {
    padding: 15px !important;
    width: 100%;
    float: left;
  }
  .Frequently {
    padding: 30px 15px 40px 15px;
  }
  .paworMobility {
    background-size: 100%;
    background-position: bottom right;
  }
  .mySocial .mySocialheader img {
    width: 100px;
  }
}
@media only screen and (max-width: 369px) {
  .mobilepadding-0 {
    padding: 0px !important;
  }
}

@media only screen and (max-width: 359px) {
  /* .feedbackSlider .horizontal-menu {
    width: 290px;
    float: left;
  } */
  .tableresponsive {
    width: 300px !important;
  }
  .feedbackSlider.sliderToken .temp-lbl {
    width: 240px !important;
    border: none !important;
  }
  .feedbackSlider .temp-lbl {
    width: 240px !important;
  }
  .awnerNameLeftMpbile {
    text-align: left;
    margin: 10px 0px 0px 0px;
  }
}

.WidthDivFull {
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.WithDivHalfImgBg {
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: left 0% bottom -353%;
  background-size: 200%;
}
.WithDivHalf {
  width: 50%;
  float: left;
  min-height: 539px;
}
.WithDivHalf.p-5.WithDivHalfImgBg {
  padding: 0px 10px !important;
}

.scrollInnerModel {
  height: 400px;
  overflow-y: scroll;
  float: left;
  width: 100%;
  overflow-x: hidden;
}

.scrollInnerModel::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModel::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModel::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModel::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.modalSize {
  /* padding-left: 12%; */
}
.modalSize .modal-dialog {
  width: 1000px;
  border: none;
  transform: translate(10%, 5%) !important;
}
.modalSize .modal-content {
  border: none;
}
.modalSize .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  overflow: hidden;
}
.currencyInput {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  border: none;
  box-shadow: none;
  outline: none;
  font-size: 18px;
}
.selectWithUsd {
  display: flex;
  align-items: center;
  /* justify-content: center; */
  /* border-bottom: 1px solid #000; */
  /* padding-bottom: 5px; */
  /* justify-content: center; */
}

.selectWithUsd input {
  border: none;
  box-shadow: none;
  outline: none;
  height: 50px;
}

.selectWithUsd input:hover,
.selectWithUsd input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.selectWithUsd .imgiconMycom {
  width: auto;
  height: 12px;
  /* margin-top: 12px; */
}

.selectWithUsd .ant-select-selection {
  /* border: none !important; */
  border: 2px solid #e0e0e0;
  box-shadow: none !important;
  width: 80px;
  height: 54px;
}
.selectWithUsd .ant-select-selection .ant-select-selection__rendered {
  line-height: 50px;
}
.selectWithUsd .ant-select-selection .ant-select-arrow svg {
  fill: #053c63;
}
.selectWithUsd .ant-select-selection-selected-value {
  color: #053c63;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* .selectWithUsderror{ 
    display: flex;
    border-bottom: 1px solid #FF5F00;
    
}  */
.selectWithUsderror {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  display: flex;
  border-bottom: 1px solid #ff0000;
}
.selectWithUsderror input {
  border: none;
  box-shadow: none;
  outline: none;
}

.selectWithUsderror input:hover,
.selectWithUsderror input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.selectWithUsderror .imgiconMycom {
  width: auto;
  height: 10px;
  margin-top: 12px;
}

.selectWithUsderror .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
}

.selectWithUsderror .ant-select-selection .ant-select-arrow svg {
  fill: #053c63;
}
.selectWithUsderror .ant-select-selection-selected-value {
  color: #053c63;
}
.allcardBox {
  width: 100%;
  float: left;
  /* border: 1.5px solid #2566af; */
  border-radius: 18px;
  overflow: hidden;
  margin: 15px 0px;
  background-color: #053c63;
  /* background: linear-gradient(to right, #053C63, #09D1DE) !important; */
  padding: 1.5rem;
  box-shadow: 0px 3px 6px #00000026;
}

.allcardIcon {
  /* display: flex; */
  /* border-bottom: 1px solid #2566af; */
  float: left;
  width: 100%;
}
.allcardImage {
  /* border-right: 1px solid #2566af;
  border-right-style: dashed; */
  padding: 3px;
  width: 50px;
  height: 48px;
  float: left;
  text-align: center;
}
.allcardImage img {
  /* height: 12px;
    width: auto;
    margin: 17px auto 0px auto; */
  height: auto;
  width: 42px;
}
.allcardBox .ant-input {
  border: none;
  border-bottom: 1px solid #ffffff !important;
  background-color: transparent;
  margin: 10px 0px;
  border-radius: 0px;
  color: #ffffff;
}
.allcardBox .LableCardName {
  color: #ffffff;
  padding-top: 10px;
}
.CardCC {
  padding-left: 10px;
  float: left;
  padding-top: 5px;
  overflow: hidden;
  width: 60%;
  height: 48px;
}
.CardCC label {
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 0px;
  white-space: nowrap;
  font-size: 1.5rem;
}
.CardCC .strongColorCard .cardText {
  color: #d9d9d9;
}
.CardCC .strongColorCard strong {
  color: #2566af;
  padding-right: 5px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.threePointBox {
  height: 20px;
  margin-top: 8px;
  float: right;
  padding-right: 15px;
  position: relative;
  cursor: pointer;
}
.threePointBox:hover .threePointMenu {
  display: block;
}
.threePointBox .threePointMenu {
  position: absolute;
  right: 20px;
  top: 2px;
  width: 120px;
  padding: 0px;
  margin: 0px;
  z-index: 3;
  border-radius: 5px;
  box-shadow: 0px 3px 6px #00000026;
  overflow: hidden;
  background-color: #fff;
  display: none;
  /* border: 1px solid #053C63; */
  border: 1px solid #dddddd;
}
.threePointBox .threePointMenu li {
  list-style: none;
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 12px;
  text-align: left;
  border-bottom: 1px solid #dddddd;
  cursor: pointer;
}
.threePointBox .threePointMenu li:last-child {
  border-bottom: none;
}
.threePointBox .threePointMenu li.active,
.threePointBox .threePointMenu li:hover {
  background-color: #f4f4f4;
  color: #053c63;
}
.threePointBox .threePoint {
  position: relative;
  height: 4px;
  width: 4px;
  border-radius: 10px;
  background-color: #fff;
  margin-top: 10px;
  float: right;
}
.threePointBox .threePoint::after {
  background-color: #fff;
  height: 4px;
  width: 4px;
  border-radius: 10px;
  position: absolute;
  content: "";
  top: -8px;
  left: 0px;
}
.threePointBox .threePoint::before {
  background-color: #fff;
  height: 4px;
  width: 4px;
  border-radius: 10px;
  position: absolute;
  content: "";
  bottom: -8px;
  left: 0px;
}
.allcardInput {
  display: flex;
  float: left;
  width: 100%;
}
.allcardInput input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-align: center;
}

.allcardInputError {
  display: flex;
  float: left;
  width: 100%;
  background-color: #ff0000;
}
.allcardInputError input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-align: center;
  background-color: #ff0000;
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
}
.allcardBox.BankACCt {
  border-color: #1d1d1d;
}

.allcardBox.BankACCt .threePoint,
.allcardBox.BankACCt .threePoint::after,
.allcardBox.BankACCt .threePoint::before {
  background-color: #1d1d1d;
}
.allcardBox.BankACCt .CardCC .strongColorCard strong {
  color: #1d1d1d;
}

.allcardBox.BankACCt .allcardImage img {
  height: 25px;
  width: auto;
  margin: 10px auto 0px auto;
}

.allcardBox.BankACCt .allcardImage,
.allcardBox.BankACCt .allcardIcon {
  border-color: #1d1d1d;
}

.allcardBox.comWallet {
  border-color: #053c63;
}

.allcardBox.comWallet .threePoint,
.allcardBox.comWallet .threePoint::after,
.allcardBox.comWallet .threePoint::before {
  background-color: #053c63;
}
.allcardBox.comWallet .CardCC .strongColorCard strong {
  color: #053c63;
}

.allcardBox.comWallet .allcardImage img {
  height: 12px;
  width: auto;
  margin: 15px auto 0px auto;
}

.allcardBox.comWallet .allcardImage,
.allcardBox.comWallet .allcardIcon {
  border-color: #053c63;
}

.allcardBox.mastercc {
  border-color: #ff5f00;
}

.allcardBox.mastercc .threePoint,
.allcardBox.mastercc .threePoint::after,
.allcardBox.mastercc .threePoint::before {
  background-color: #ff5f00;
}
.allcardBox.mastercc .CardCC .strongColorCard strong {
  color: #ff5f00;
}

.allcardBox.mastercc .allcardImage img {
  height: 25px;
  width: auto;
  margin: 10px auto 0px auto;
}

.allcardBox.mastercc .allcardImage,
.allcardBox.mastercc .allcardIcon {
  border-color: #ff5f00;
}

.readBtn.cancle {
  /* background-color: #C6151D !important; */
  background-image: linear-gradient(to right, #c6151d, #c6151d) !important;
}

.popupImageFluid {
  width: 100%;
  height: auto;
}

.addComConfirm {
  background-color: #000000a1 !important;
  padding-top: 10%;
}
.addComConfirm.bgColorBlackModal {
  backdrop-filter: blur(15px);
}

.addComConfirm .modal-dialog {
  width: 400px;
}

.addComConfirm .modal-body {
  position: relative;
  padding: 20px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  text-align: center;
}

.OTPfrom {
  width: 100%;
  float: left;
  text-align: center;
  margin: 20px 0px;
}

.OTPfrom input {
  width: 40px;
  height: 40px;
  border: none !important;
  outline: none;
  box-shadow: 0px 3px 6px #00000026;
  text-align: center;
  border-radius: 10px;
  margin: 5px;
  font-size: 24px;
}
.cardText {
  color: #595959;
}
.AddNewCard {
  width: 40px;
  height: auto;
}
.AddNewCardDiv {
  width: 100%;
  height: 85px;
  float: left;
  padding-top: 8px;
  text-align: center;
  border: 1.5px solid #053c63;
  border-radius: 18px;
  overflow: hidden;
  margin: 15px 0px;
  color: #053c63;
  cursor: pointer;
}
.ScrollRow {
  /* height: 28vw;
    overflow: scroll; */
}
.ShowMore {
  float: right;
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: -30px;
}
.PaymentMethodLables {
  padding-left: 15px;
  padding-top: 10px;
  margin-bottom: -10px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px;
}
.ProgressModal {
  background-color: #000000a1 !important;
  padding-top: 14%;
}

.ProgressModal .modal-dialog {
  width: 200px !important;
}

.ProgressModal .modal-body {
  position: relative;
  float: left;
  width: 100%;
  background-color: transparent;
  text-align: center;
}

.allcardBox.mycomcard {
  border-color: #053c63;
}

.allcardBox.mycomcard .threePoint,
.allcardBox.mycomcard .threePoint::after,
.allcardBox.mycomcard .threePoint::before {
  background-color: #053c63;
}
.allcardBox.mycomcard .CardCC .strongColorCard strong {
  color: #053c63;
}

.allcardBox.mycomcard .allcardImage img {
  height: 25px;
  width: auto;
  margin: 10px auto 0px auto;
}

.allcardBox.mycomcard .allcardImage,
.allcardBox.mycomcard .allcardIcon {
  border-color: #053c63;
}
.AmountLimitLable {
  /* width: 100%; */
  /* text-align: right; */
  color: #dd5044;
  /* padding-left: 20px; */
}

.StripeElement {
  margin: 15px auto;
  padding: 10px 12px;
  color: #32325d;
  background-color: white;
  border: 1px solid #3cada4;
  border-radius: 4px;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.AddStripeCardDiv {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
}
.manualDiv {
  padding: 0px;
}
.modalcontainer {
  width: 100%;
  height: auto;
}
.colMargin {
  margin-top: 60px;
}
.saveButton {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  background-color: "#3cada4" !important;
  justify-content: center;
  align-items: center;
  color: "white" !important;
  cursor: pointer;
  /* margin: 20px; */
}
.cardInput {
  width: 100%;
  border: none !important;
  overflow: hidden;
}

.cardInput:focus {
  border: none !important;
}
.stripCardModal .modal-body {
  margin-bottom: 30px !important;
  background-color: #fff;
  float: left;
  border-radius: 10px;
  border: none !important;
}
.stripCardModal .modal-content {
  border: none;
}
.inputBigWithCardImg {
  width: 100%;
  float: left;
  border: 1px solid #ced4da;
  color: #777777;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 5px 15px;
  letter-spacing: 1px;
  margin: 0px 0px 20px 0px;
  outline: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inputBigWithCardImg .imgCardImg {
  height: 48px;
  width: auto;
  object-fit: cover;
  margin-right: 15px;
}

.inputBigWithCardImg input {
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
}
.inputstrip {
  width: 100%;
  float: left;
  border: 1px solid #ced4da;
  color: #777777;
  height: 50px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 5px 15px;
  letter-spacing: 1px;
  margin: 0px 0px 20px 0px;
  outline: none !important;
  box-shadow: none !important;
}
.stripHeader {
  width: 100%;
  float: left;
  background-color: #053c63;
  text-align: center;
  padding: 15px;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 20px;
}

.err-card {
  background-color: #ffd2d2;
  color: #d8000c;
  height: 40px;
  padding: 5px;
}

.succ-card {
  background-color: #dff2bf;
  color: #4f8a10;
  height: 40px;
  padding: 5px;
}

@media (max-width: 767px) {
  .stripCardModal .modal-content {
    width: 100%;
  }
  .stripCardModal .modal-body {
    width: 97%;
  }
}

@media (max-width: 600px) {
  .stripCardModal .modal-body {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .stripCardModal .modal-body {
    width: 95%;
  }
}

/* 
.WidthDivFull{
    float: left;
    width: 100%;
    overflow: hidden;
}
.WithDivHalfImgBg{
    background-image: url('../../../resource/images/Union9.png');
    background-repeat: no-repeat;
    background-position: left 0% bottom -353%;
    background-size: 200%;
}
.WithDivHalf{
    width: 50%;
    float: left;
    min-height: 590px;
}
.modalSize{
    padding-top: 3%;
}

.modalSize .modal-dialog{
    width: 1100px;
    border: none;
}
.modalSize .modal-content{
    border: none;
}
.modalSize .modal-body {
    position: relative;
    padding: 0px;
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
}
.selectWithUsd{
    display: flex;
    border-bottom: 1px solid #000;
    
}

.selectWithUsd input{
    border: none;
    box-shadow: none;
    outline: none;
}

.selectWithUsd input:hover, .selectWithUsd input:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
.selectWithUsd .imgiconMycom {
    width: auto;
    height: 10px;
    margin-top: 12px;
}

.selectWithUsd .ant-select-selection{
    border: none !important;
    box-shadow: none !important;
}

.selectWithUsd .ant-select-selection .ant-select-arrow svg{
    fill: #053C63;
}
.selectWithUsd .ant-select-selection-selected-value{
    color: #053C63;
}

.allcardBox{
    width: 100%;
    float: left;
    border: 1.5px solid #2566AF;
    border-radius: 18px;
    overflow: hidden;
    margin: 15px 0px;

}



.allcardIcon{
   
    border-bottom: 1px solid #2566AF;
    float: left;
    width: 100%;
}
.allcardImage{
    border-right: 1px solid #2566AF;
    border-right-style: dashed;
    padding: 3px;
    width: 50px;
    height: 48px;
    float: left;
    text-align: center;
}
.allcardImage img{
    height: 12px;
    width: auto;
    margin: 17px auto 0px auto;
}
.CardCC{
    padding-left:10px ;
    float: left;
    padding-top: 5px;
}
.CardCC label{
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
}
.CardCC .strongColorCard strong{
    color: #2566AF;
    padding-right: 5px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.threePointBox{
    height: 20px;
    margin-top: 8px;
    float: right;
    padding-right: 15px;
}

.threePointBox .threePoint{
    position: relative;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    background-color: #2566AF;
    margin-top: 10px;
    float: right;
}
.threePointBox .threePoint::after{
    background-color: #2566AF;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    content: '';
    top: -8px;
    left: 0px;
}
.threePointBox .threePoint::before{
    background-color: #2566AF;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    content: '';
    bottom: -8px;
    left: 0px;
}
.allcardInput{
    display: flex;
    float: left;
    width: 100%;
}
.allcardInput input{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: center;
}

.allcardBox.BankACCt{
    border-color: #1D1D1D; 
}

.allcardBox.BankACCt .threePoint, .allcardBox.BankACCt .threePoint::after, .allcardBox.BankACCt .threePoint::before{
    background-color: #1D1D1D;
}
.allcardBox.BankACCt .CardCC .strongColorCard strong{
    color: #1D1D1D;
}

.allcardBox.BankACCt .allcardImage img{
    height: 25px;
    width: auto;
    margin: 10px auto 0px auto;
}

.allcardBox.BankACCt .allcardImage, .allcardBox.BankACCt .allcardIcon{
    border-color: #1D1D1D;
}





.allcardBox.mastercc{
    border-color: #FF5F00; 
}

.allcardBox.mastercc .threePoint, .allcardBox.mastercc .threePoint::after, .allcardBox.mastercc .threePoint::before{
    background-color: #FF5F00;
}
.allcardBox.mastercc .CardCC .strongColorCard strong{
    color: #FF5F00;
}

.allcardBox.mastercc .allcardImage img{
    height: 25px;
    width: auto;
    margin: 10px auto 0px auto;
}

.allcardBox.mastercc .allcardImage, .allcardBox.mastercc .allcardIcon{
    border-color: #FF5F00;
}

.readBtn.cancle{
    background-color: #C6151D;
    
}

.popupImageFluid{
    width: 100%;
    height: auto;
}

.addComConfirm{
    background-color: #000000a1 !important;
    padding-top: 10%;
}

.addComConfirm .modal-dialog{
    width: 400px !important;
    
}

.addComConfirm .modal-body {
    position: relative;
    padding: 30px;
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
    text-align: center;
}

.OTPfrom{
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0px;
}

.OTPfrom input{
    width: 40px;
    height: 40px;
    border: none !important;
    outline: none;
    box-shadow: 0px 3px 6px #00000026;
    text-align: center;
    border-radius: 10px;
    margin: 5px;
    font-size: 24px;
} */

/* start new css */

.imgWithUsd {
  font-size: 28px;
  color: #919191;
  font-weight: bold;
  margin-bottom: 5px;
}

.imgWithUsd span img {
  width: 20px;
  margin-right: 10px;
}
.pLR.pBottom-0 {
  padding-bottom: 0px;
}
.payTransfer {
  width: 750px;
  background-image: url(/static/media/Union9.cfd383eb.png);
  background-repeat: no-repeat;
  background-position: left 0% bottom -189%;
  background-size: 140%;
  float: left;
}
.payTransferSearch input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 10px;
}
.ant-input-search-icon {
  color: #053c63;
  font-size: 20px;
}

.FriendRequentsBusinesses {
  height: 330px;
  overflow-y: scroll;
  margin-top: 20px;
}

.FriendRequentsBusinesses::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.FriendRequentsBusinesses::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.FriendRequentsBusinesses::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.FriendRequentsBusinesses::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.FriendRequentsBusinessesList {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.FriendRequentsBusinessesList li {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  list-style: none;
  text-align: center;
  margin-bottom: 10px;
}
.FriendRequentsBusinessesImg {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin: 10px auto;
  box-shadow: 0px 3px 6px #00000026;
  border: 1px solid #919191;
  display: flex;
  justify-content: center;
  align-items: center;
}
.FriendRequentsBusinessesImg img {
  height: auto;
  width: 60px;
}

.otherTransfer {
  width: 350px;
  float: right;
  padding: 50px 20px 20px 20px;
  background-color: #fcfcfc;
}

.otherTransferBox {
  height: 550px;
  overflow-y: scroll;
  margin-top: 20px;
}

.otherTransferBox::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.otherTransferBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.otherTransferBox::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.otherTransferBox::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.otherTransferList {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  width: 100%;
}

.otherTransferLI {
  display: flex;
  width: 100%;
  overflow: hidden;
  list-style: none;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 20px;
  cursor: pointer;
  margin-bottom: 5px;
}
.otherTransferLI.Selected {
  background-color: #fff;
  border: 1px solid #c4c4c4;
}
.otherTransferListimg {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 10px;
  box-shadow: 0px 3px 6px #00000026;
  border: 1px solid #919191;
  display: flex;
  justify-content: center;
  align-items: center;
}
.otherTransferListimg img {
  height: auto;
  width: 60px;
}
.otherTransferListName {
  padding-top: 7px;
  padding-left: 10px;
}
.otherTransferListName strong {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
}
.otherTransferListName span {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
}

.inputBoxBorderBottom {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.inputBoxBordernone {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  /* border-bottom: 1px solid #919191 !important; */
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 30px;
  margin-top: 0px;
  background-color: transparent;
}
.TransferTab {
  margin-top: -15px;
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.DeactiveTransferTab {
  margin-top: -15px;
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
}
.PayTab {
  margin-bottom: 10px;
  margin-top: -15px;
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.DeactivePayTab {
  margin-bottom: 10px;
  margin-top: -15px;
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
}

.scrollInnerModelTC {
  height: 320px;
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  width: 100%;
}

.scrollInnerModelTC::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModelTC::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModelTC::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModelTC::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.NameLable {
  width: 100%;
  text-align: center;
  /* margin-left: 27px; */
  padding-bottom: 10px;
}
.NameLableOther {
  width: 100%;
  text-align: left;
}
.UnSelected {
  border: none;
  cursor: pointer;
}
.Selected {
  border-radius: 5px;
}
.payTransfer .UnSelected {
  height: 130px;
  border: 1px solid transparent;
}
.payTransfer .Selected {
  height: 130px;
  background-color: #fcfcfc;
  border: 1px solid #c4c4c4;
}
.AlertLableTC {
  color: #cd2b25;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #414141;
}
.ErrorMessageTC {
  color: #3c3c3c;
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid #414141;
}
.OkButtonTC {
  margin-top: 10px;
  width: 30%;
  padding: 10px;
  border-radius: 5px;
  background-color: #053c63;
  color: white;
  cursor: pointer;
  overflow: hidden;
  outline: none !important;
  border: none !important;
}

.scrollInnerModelTCPayment {
  height: 305px;
  overflow-y: scroll;
  float: left;
  width: 100%;
}

.scrollInnerModelTCPayment::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModelTCPayment::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModelTCPayment::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModelTCPayment::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.ShowMoreTC {
  float: right;
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: -30px;
}
.TcDesc {
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
}
.PinMessageTc {
  color: #cd2b25;
  text-align: center;
  padding: 10px;
}

.kyc-incomplete .modal-body {
    margin-bottom: 30px !important;
    float: left;
    width: 100%;
    background: #fff;
    padding: 0px;
    border-radius: 10px;
    margin-top: 20%;
    overflow: hidden;
}

.KycModal{
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #DDA508;
}
.KycModal .KycModalBox{
    width: 50%;
    float: left;
    height: 100%;
}
.KycModal .KycModalBox:first-child{
    padding: 30px;
    color: #fff;
    
    text-align: center;
}
.KycModal .KycModalBox:first-child h4, .KycModal .KycModalBox:first-child h3{
    color: #fff !important;
}
.KycModal .KycModalBox:first-child h4{
    font-size: 20px;
    font-weight: normal;
}
.KycModal .KycModalBox .trangleImg{
    width: 120px;
    height: auto;
    margin: 20px auto;
}
.KycModal .KycModalBox .modalImgKYC{
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .KycModal{
        display: block;
    }
    .KycModal .KycModalBox{
        width: 100%;
        float: left;
        height: auto;
    }
}
/* 
.WidthDivFull{
    float: left;
    width: 100%;
    overflow: hidden;
}
.WithDivHalfImgBg{
    background-image: url('../../../resource/images/Union9.png');
    background-repeat: no-repeat;
    background-position: left 0% bottom -353%;
    background-size: 200%;
}
.WithDivHalf{
    width: 50%;
    float: left;
    min-height: 590px;
}
.modalSize{
    padding-top: 3%;
}

.modalSize .modal-dialog{
    width: 1100px;
    border: none;
}
.modalSize .modal-content{
    border: none;
}
.modalSize .modal-body {
    position: relative;
    padding: 0px;
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
}
.selectWithUsd{
    display: flex;
    border-bottom: 1px solid #000;
    
}

.selectWithUsd input{
    border: none;
    box-shadow: none;
    outline: none;
}

.selectWithUsd input:hover, .selectWithUsd input:focus{
    border: none;
    box-shadow: none;
    outline: none;
}
.selectWithUsd .imgiconMycom {
    width: auto;
    height: 10px;
    margin-top: 12px;
}

.selectWithUsd .ant-select-selection{
    border: none !important;
    box-shadow: none !important;
}

.selectWithUsd .ant-select-selection .ant-select-arrow svg{
    fill: #053C63;
}
.selectWithUsd .ant-select-selection-selected-value{
    color: #053C63;
}

.allcardBox{
    width: 100%;
    float: left;
    border: 1.5px solid #2566AF;
    border-radius: 18px;
    overflow: hidden;
    margin: 15px 0px;

}



.allcardIcon{
   
    border-bottom: 1px solid #2566AF;
    float: left;
    width: 100%;
}
.allcardImage{
    border-right: 1px solid #2566AF;
    border-right-style: dashed;
    padding: 3px;
    width: 50px;
    height: 48px;
    float: left;
    text-align: center;
}
.allcardImage img{
    height: 12px;
    width: auto;
    margin: 17px auto 0px auto;
}
.CardCC{
    padding-left:10px ;
    float: left;
    padding-top: 5px;
}
.CardCC label{
    text-transform: uppercase;
    color: #000;
    margin-bottom: 0px;
}
.CardCC .strongColorCard strong{
    color: #2566AF;
    padding-right: 5px;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
.threePointBox{
    height: 20px;
    margin-top: 8px;
    float: right;
    padding-right: 15px;
}

.threePointBox .threePoint{
    position: relative;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    background-color: #2566AF;
    margin-top: 10px;
    float: right;
}
.threePointBox .threePoint::after{
    background-color: #2566AF;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    content: '';
    top: -8px;
    left: 0px;
}
.threePointBox .threePoint::before{
    background-color: #2566AF;
    height: 4px;
    width: 4px;
    border-radius: 10px;
    position: absolute;
    content: '';
    bottom: -8px;
    left: 0px;
}
.allcardInput{
    display: flex;
    float: left;
    width: 100%;
}
.allcardInput input{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: center;
}

.allcardBox.BankACCt{
    border-color: #1D1D1D; 
}

.allcardBox.BankACCt .threePoint, .allcardBox.BankACCt .threePoint::after, .allcardBox.BankACCt .threePoint::before{
    background-color: #1D1D1D;
}
.allcardBox.BankACCt .CardCC .strongColorCard strong{
    color: #1D1D1D;
}

.allcardBox.BankACCt .allcardImage img{
    height: 25px;
    width: auto;
    margin: 10px auto 0px auto;
}

.allcardBox.BankACCt .allcardImage, .allcardBox.BankACCt .allcardIcon{
    border-color: #1D1D1D;
}





.allcardBox.mastercc{
    border-color: #FF5F00; 
}

.allcardBox.mastercc .threePoint, .allcardBox.mastercc .threePoint::after, .allcardBox.mastercc .threePoint::before{
    background-color: #FF5F00;
}
.allcardBox.mastercc .CardCC .strongColorCard strong{
    color: #FF5F00;
}

.allcardBox.mastercc .allcardImage img{
    height: 25px;
    width: auto;
    margin: 10px auto 0px auto;
}

.allcardBox.mastercc .allcardImage, .allcardBox.mastercc .allcardIcon{
    border-color: #FF5F00;
}

.readBtn.cancle{
    background-color: #C6151D;
    
}

.popupImageFluid{
    width: 100%;
    height: auto;
}

.addComConfirm{
    background-color: #000000a1 !important;
    padding-top: 10%;
}

.addComConfirm .modal-dialog{
    width: 400px !important;
    
}

.addComConfirm .modal-body {
    position: relative;
    padding: 30px;
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
    text-align: center;
}

.OTPfrom{
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0px;
}

.OTPfrom input{
    width: 40px;
    height: 40px;
    border: none !important;
    outline: none;
    box-shadow: 0px 3px 6px #00000026;
    text-align: center;
    border-radius: 10px;
    margin: 5px;
    font-size: 24px;
} */

/* start new css */

.imgWithUsd {
  font-size: 28px;
  color: #919191;
  font-weight: bold;
  margin-bottom: 5px;
}

.imgWithUsd span img {
  width: 20px;
  margin-right: 10px;
}
.pLR.pBottom-0 {
  padding: 0px 10px;
}
.payTransfer {
  width: 650px;
  background-image: url("https://media.mycom.world/frontend/Union9.png");
  background-repeat: no-repeat;
  background-position: left 0% bottom -189%;
  background-size: 140%;
  float: left;
}
.payTransferSearch input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 10px;
}
.ant-input-search-icon {
  color: #053c63;
  font-size: 20px;
}

.FriendRequentsBusinesses {
  height: 215px;
  overflow-y: scroll;
  margin-top: 20px;
}

.FriendRequentsBusinesses::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.FriendRequentsBusinesses::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.FriendRequentsBusinesses::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.FriendRequentsBusinesses::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.FriendRequentsBusinessesList {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.FriendRequentsBusinessesList li {
  display: inline-block;
  width: 145px;
  overflow: hidden;
  list-style: none;
  text-align: center;
  margin-bottom: 10px;
}
.FriendRequentsBusinessesImg {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin: 10px auto;
  box-shadow: 0px 3px 6px #00000026;
  border: 1px solid #919191;
}
.FriendRequentsBusinessesImg img {
  height: auto;
  width: 60px;
}

.FriendRequentsBusinessesName {
  height: 30px;
  float: left;
  width: 100%;
  overflow: hidden;
}
.FriendRequentsBusinessesName label.NameLable.raleway-700.font-s-14 {
  font-weight: normal !important;
  color: #000;
  line-height: 15px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.otherTransfer {
  width: 350px;
  float: right;
  padding: 30px 15px 20px 10px;
  background-color: #fcfcfc;
}

.otherTransferBox {
  height: 450px;
  overflow-y: scroll;
  margin-top: 20px;
}

.otherTransferBox::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.otherTransferBox::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.otherTransferBox::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.otherTransferBox::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}

.otherTransferList {
  display: inline-block;
  margin: 0px;
  padding: 0px 10px 0px 0px;
  width: 100%;
}

.otherTransferLI {
  display: flex;
  width: 100%;
  overflow: hidden;
  list-style: none;
  text-align: center;
  padding-bottom: 10px;
  padding-right: 5px;
}
.otherTransferListimg {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 10px;
  box-shadow: 0px 3px 6px #00000026;
  border: 1px solid #919191;
}
.otherTransferListimg img {
  height: auto;
  width: 60px;
}
.otherTransferListName {
  padding-top: 7px;
  padding-left: 2px;
  width: 225px;
}
.otherTransferListName strong {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
}
.otherTransferListName span {
  display: block;
  float: left;
  width: 100%;
  text-align: left;
}

.inputBoxBorderBottom {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.inputBoxBordernone {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  /* border-bottom: 1px solid #919191 !important; */
  width: 100%;
  border-radius: 0px !important;
  padding-left: 0px;
  margin-bottom: 30px;
  margin-top: 0px;
  background-color: transparent;
}

/* added by hiren */

.SellTab {
  /* margin-top: -15px; */
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-transform: uppercase;
}
.DeactiveSellTab {
  /* margin-top: -15px; */
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
  text-transform: uppercase;
}
.RequestTab {
  margin-bottom: 10px;
  /* margin-top: -15px; */
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-transform: uppercase;
}
.DeactiveRequestTab {
  margin-bottom: 10px;
  /* margin-top: -15px; */
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
  text-transform: uppercase;
}
.tabClass {
  margin-top: 30px;
}
.scrollInnerModelSC {
  height: 320px;
  overflow-y: scroll;
  float: left;
  width: 100%;
  overflow-x: hidden;
}

.scrollInnerModelSC::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModelSC::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModelSC::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModelSC::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.NameLable {
  width: 100%;
  text-align: center;
  /* margin-left: 27px; */
  padding-bottom: 10px;
}
.NameLableOther {
  width: 100%;
  text-align: left;
}
.UnSelected {
  border: none;
  cursor: pointer;
}
.Selected {
  border-radius: 5px;
}
.AlertLableSC {
  color: #cd2b25;
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #414141;
}
.ErrorMessageSC {
  color: #3c3c3c;
  padding: 20px;
  width: 100%;
  border-bottom: 1px solid #414141;
}
.OkButtonSC {
  margin-top: 10px;
  width: 30%;
  padding: 10px;
  border-radius: 5px;
  background-color: #053c63;
  color: white;
  cursor: pointer;
  overflow: hidden;
  outline: none !important;
  border: none !important;
}

.scrollInnerModelSCPayment {
  height: 330px;
  overflow-y: scroll;
  float: left;
  width: 100%;
}

.scrollInnerModelSCPayment::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModelSCPayment::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModelSCPayment::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModelSCPayment::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.ShowMoreSC {
  float: right;
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
  text-transform: uppercase;
  margin-top: -30px;
}
.ScDesc {
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
}
.PinMessageSc {
  color: #cd2b25;
  text-align: center;
  padding: 10px;
}

.transectionAmountDivBox {
  display: flex;
  float: right;
  /* width: 100%; */
}
.transectionAmountDivBox span {
  width: 30px;
  height: 30px;
  background-color: #053c63;
  border-radius: 50%;
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: -5px;
}
.transectionAmountDivBox label {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0px !important;
}
.transectionAmountDivBox .imgiconMycom {
  height: 10px;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.transectionAmountDivBoxwithdrow {
  display: flex;
  float: right;
}
.transectionAmountDivBoxwithdrow label {
  font-size: 18px;
  margin-bottom: 0px !important;
  color: #000;
}
.transectionAmountDivBoxwithdrow .imgiconMycom {
  height: 10px;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}

.termsAndConditionColor span {
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
}

.WcAccountBal {
  margin-top: 10px;
  margin-bottom: -11px;
}
.MarginWc {
  margin-top: 70px;
  margin-bottom: 0px;
}
.ColWc {
  margin-top: -15px;
  padding-left: 0px !important;
}
.ColWcBank {
  margin-top: -7px;
}
.ScrollRowWC {
}
.imgWithInfinity {
  font-size: 20px;
  color: #919191;
  font-weight: bold;
  margin-bottom: 5px;
}

.imgWithInfinity span img {
  width: 20px;
  margin-right: 10px;
}
.ButtonMarginRight {
  /* margin-right: 40px; */
}
.ButtonMarginLeft {
  margin-left: 20px;
}

.form-two-error {
  margin: 10px;
  font-size: 16px;
  color: red;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.form-two-success {
  margin: 10px;
  font-size: 16px;
  color: green;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.form-btn-add-new-bank {
  height: 30px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  text-transform: capitalize !important;
  background: #053c63;
  color: white;
  border: none;
  min-width: 140px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 10px;
}

.form-btn-add-new-bank:focus {
  outline: none;
}

.form-h-add-new-bank {
  color: #053c63 !important;
}

.AmountError {
  color: #c6151d;
}
.deposite-method-show-password-img {
  width: 25px;
  cursor: pointer;
}

.mpdalBitcointrust {
  padding: 30px 8%;
  float: left;
  width: 100%;
  font-family: sans-serif;
}
.totalBitcoinBorderBottom {
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  margin-top: 40px;
}
.font-18 {
  font-size: 18px;
}
.transferFundDetails {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 15px 0px;
}
.transferFundDetails:nth-child(2) label:last-child {
  margin-left: 19%;
}
.smallFiatModalSize.bgColorBlur {
  background-color: #000000a1 !important;
  backdrop-filter: blur(15px);
}
.transferFundDetails label {
  background-color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.transferFundDetails label:first-child {
  padding-right: 10px;
  white-space: nowrap;
}
.transferFundDetails label:last-child {
  padding-left: 10px;
  font-weight: normal;
  text-align: right;
  margin-left: auto;
}
.transferFundDetails::after {
  content: "";
  position: absolute;
  right: 0px;
  left: 0px;
  height: 1px;
  background-color: #d4d4d4;
  top: 12px;
}
.selectBankTransfer {
  text-align: left;
}
.selectBankTransfer .ant-select-selection {
  height: 40px;
}
.selectBankTransfer .ant-select-selection .ant-select-selection__rendered {
  line-height: 39px;
  color: #000;
}
.selectBankTransfer .ant-select-arrow svg {
  fill: #053c63;
}
.modalBitcointrustgradiant {
  background-image: linear-gradient(180deg, #053c63, #053c63);
  border-radius: 10px 0px 0px 10px;
  padding: 10px;
  text-align: center;
}
.radioTerms {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.radioTerms p {
  margin: 0px;
}
.bitcointrustHeding {
  margin: 70% 0px 0% 0px;
  color: #fff !important;
  font-size: 48px;
  font-family: none;
}
.readBtn.bgBtn2 {
  background-color: #053c63 !important;
}
.Squreicon {
  width: 28px;
  height: 28px;
  border: 4px solid transparent;
  background-color: #fff;
  float: right;
  margin: -16px -50px 0px 0px;
  cursor: pointer;
}

.btn-close-bct {
  font-size: 20px;
  background-color: transparent;
  border: none;
  color: #000;
  font-weight: 600;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 15px;
}

.div-bitcoin-trans {
  text-align: center !important;
}

.disableDiv {
  background-color: #e6eaec;
  padding: 10px;
  border-radius: 10px;
}
.enableDiv {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
}
.editButtonBct {
  float: right;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
  width: 100px;
  position: "absolute";
  border: none;
}
.bctEditTextNormal {
  width: 90%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #182027;
}
.bctEditTextError {
  width: 90%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #e21818;
}
.htmlSupport {
  white-space: pre-line !important;
}

.txt-bitcoin-address {
  font-size: 16px;
  color: #053c63;
}

.txt-details {
  font-size: 15px;
  /* font-weight: 600; */
}

.txt-red-color {
  color: red !important;
}

.div-flex-display {
  display: flex;
}

.YearlyTab {
  /* margin-top: -15px; */
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.DeactiveYearlyTab {
  /* margin-top: -15px; */
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
}
.MonthlyTab {
  margin-bottom: 10px;
  /* margin-top: -15px; */
  width: 100%;
  height: 32px;
  background-color: #053c63;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.DeactiveMonthlyTab {
  margin-bottom: 10px;
  /* margin-top: -15px; */
  width: 100%;
  height: 32px;
  background-color: white;
  border: 1px solid #053c63;
  color: #053c63;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  /* border: none !important; */
  box-shadow: none !important;
  outline: none !important;
}
.TabMemberPlan {
  margin-top: 3%;
}
.TabMemberPlan .for-col-padding {
  width: 50%;
  float: left;
}
.StrongPlanName {
  font-size: 16;
  font-weight: 700;
}
.mycomCurrentPlan {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #053c63;
  border-radius: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
  /* border: #053C63 1px solid; */
}

.currentPlan {
  width: 100%;
  height: 45px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  background-color: #053c63;
}
.YourPlanLable {
  width: 100%;
  text-align: center;
  color: white;
}
.reactivateBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #fec213;
  padding: 0px;
  line-height: 0px !important;
  height: 26px;
  min-width: 110px;
  margin-top: 20px;
}

.reactivateBtn:hover {
  background-color: #053c63;
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.currentlyLable {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #212121;
  background-color: #eaeaea;
  padding: 0px;
  line-height: 0px !important;
  height: 26px;
  min-width: 110px;
  margin-top: 10px;
  cursor: none !important;
}
.currentlyLableDashboard {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #212121;
  background-color: #eaeaea;
  padding: 0px;
  line-height: 0px !important;
  height: 26px;
  min-width: 110px;
  margin-top: 20px;
  cursor: none !important;
}

.modalSizeSmall .modal-dialog {
  width: 400px;
  border: none;
  transform: translate(10%, 5%) !important;
}
.modalSizeSmall .modal-content {
  border: none;
}
.modalSizeSmall .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
}

.planDetaiImageHeading {
  position: absolute;
  top: 0;
  margin-top: 40px;
  background-color: transparent;
  width: 100%;
  text-align: center;
}

.planDetaiImageHeading h2 {
  font-size: 30px;
  color: #fff !important;
  text-transform: uppercase;
}
.planDetaiImageHeading h4 {
  font-size: 20px;
  color: #fff !important;
  text-transform: uppercase;
  margin-top: -10px;
}
.planDetaiImageHeading h5 {
  font-size: 14px;
  color: #fff !important;
  margin-top: 10px !important;
}

/* ---------------------- for detail learn more------------------------------- */
.footer-main-div-learnmore {
  /* background-size: 100% 100%; */
  /* background-size: cover;
   /* background-repeat: no-repeat;
     align-self: stretch;
    background-position: 50% 50%!important; */
  opacity: 0.8;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)),url(./consumerBkg.jpg); */
  background: url(https://media.mycom.world/public/img/mycom/consumerBkg.jpg)
    no-repeat center center;
  height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* transform: translate3d(0px, 0px, 0px); */
}

.footer-business-main-div-learnmore {
  /* background-size: cover;
    background-repeat: no-repeat;
    align-self: stretch;
    background-position: 50% 50%!important; */
  opacity: 0.8;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)),url(./businessBkg.jpg); */
  height: 700px;
  background: url(https://media.mycom.world/public/img/mycom/businessBkg.jpg)
    no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* transform: translate3d(0px, 0px, 0px); */
}

.consumer-plan-section-header-learnmore {
  margin-top: 0px;
  text-align: center;
}

.consumer-plan-section-header-learnmore label {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 2px;
}

.consumer-plan-section-header-learnmore p {
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 1.5px;
  padding: 20px;
  margin-left: 20px;
  margin-top: 2px;
  margin-right: 20px;
  margin-bottom: 20px;
  color: black;
}

.consumer-plan-detail-div-learnmore {
  margin: 10px;
}

.consumer-plan-free-learnmore {
  background-color: white;
  /* margin: 20px;
    padding: 20px; */
  border: 1px lightgray solid;
  margin-bottom: 10px;
}

.consumerForBusiness {
  border-radius: 10px;
  border: 1px solid #053c63;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.consumerForBusiness .newAssestListFee li:first-child::after {
  display: none;
}
.consumerForBusiness .newAssestListFee li:first-child {
  padding: 10px;
  margin: 10px 0px 10px 0px;
  text-align: center;
  font-size: 18px;
}
.consumerForBusiness .newAssestListFee li {
  margin-bottom: 10px;
}
.consumer-plan-free-div-learnmore {
  background-color: #aad2d1;
  color: white;
  height: 120px;
  width: 100%;
}

.consumer-plan-plus-div-learnmore {
  background-color: #28ada3;
  color: white;
  height: 120px;
  width: 100%;
}

.consumer-plan-vip-div-learnmore {
  background-color: #026d65;
  color: white;
  height: 120px;
  width: 100%;
}

.consumer-plan-plus-learnmore {
  background-color: white;
  /* margin: 20px;
    padding: 20px; */
  border: 1px lightgray solid;
  margin-bottom: 10px;
}

.consumer-plan-vip-learnmore {
  background-color: white;
  /* margin: 20px;
    padding: 20px;
    color: white; */
  border: 1px lightgray solid;
  margin-bottom: 10px;
}

.consumer-plan-details-div-learnmore {
  text-align: center;
  /* height: 1150px; */
  height: 1250px;
}

.business-plan-details-div-learnmore {
  text-align: center;
  height: 1400px;
}

.consumer-plan-details-text-bold-learnmore {
  font-weight: 400;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  color: gray;
}

.consumer-plan-details-text-regular-learnmore {
  font-weight: 400;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  color: gray;
  padding-bottom: 6px;
}

.consumer-plan-details-text-regular-based_profit-learnmore {
  font-weight: 400;
  font-size: 15px;
  font-family: "Raleway", sans-serif;
  color: gray;
  margin-top: -4px;
}

.consumer-plan-details-inner-div-learnmore {
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  min-height: 60px;
}

.consumer-plan-price-learnmore {
  font-weight: 200;
  font-size: 40px;
  margin-top: -18px;
}

.consumer-plan-title-learnmore {
  /* margin-top: 15px; */
  /* margin-bottom: 15px; */
}

.consumer-plan-title-font-learnmore {
  font-weight: 700;
  font-size: 35px;
  padding-top: 10px;
}

.vender-div-background-learnmore {
  background-color: #fcfcfc;
  height: 100%;
}

.vender-div-background-transparent-learnmore {
  background-color: transparent;
}

.vender-div-title-learnmore {
  margin-top: 30px;
}

.busiess-plan-header-div-learnmore {
  height: 700px;
  background-color: rgba(0, 0, 0, 0.2);
  text-align: center;
  padding-top: 125px;
  letter-spacing: 3px;
  margin-top: -20px;
}

.business-plan-header-text-learnmore {
  color: white;
  /* padding-top: 120px; */
}

.business-plan-header-descr-learnmore {
  color: white;
  padding-top: 2px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  font-style: italic;
}

.business-plan-header-descr_1-learnmore {
  color: white;
  margin-top: -11px;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  font-style: italic;
}

.consumber-business-watch-div-learnmore {
  width: 70%;
  text-align: center;
  margin: -200px auto 0px auto;
  background-color: #fff;
  height: 400px;
  box-shadow: 0px 3px 6px #00000026;
  display: block;
  background-image: url("https://media.mycom.world/frontend/images/img-videopreview.jpg");
  background-position: center;
  background-size: 103%;
  background-repeat: no-repeat;
}

.consumber-business-inline-learnmore {
  width: 100%;
  float: left;
  margin: 15% auto 0px auto;
  border-radius: 50%;
}
.consumber-business-inline-learnmore svg {
  width: 100px;
  height: 100px;
  fill: #053c63;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 5px grey;
  cursor: pointer;
  transition: 500ms;
}
.consumber-business-inline-learnmore svg:hover {
  transform: scale(1.1);
  transition: 500ms;
}
.quoteWeekSlider.slidermemberShipDetail {
  width: 100%;
  display: block;
  margin: 50px auto;
}
.consumer-watch-learn-learnmore {
  font-size: 15px;
  font-weight: 600;
  margin-top: 20px;
  height: 35px;
  padding-left: 10px;
  letter-spacing: 1px;
}

.consumer-sign-up-btn-free-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #aad2d1;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.consumer-sign-up-btn-plus-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #28ada3;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.consumer-sign-up-btn-vip-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #026d65;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.consumer-bottom-text-learnmore {
  text-align: center;
  padding: 20px;
  font-weight: 300;
  font-size: 15px;
  color: black;
}

.consumer-bottom-text-click-here-learnmore {
  cursor: pointer;
  text-decoration: underline;
  padding-left: 3px;
  font-weight: 300;
  font-size: 15px;
}

.business-plan-free-learnmore {
  background-color: #b4d496;
  color: white;
  height: 120px;
  width: 100%;
}

.business-plan-plus-learnmore {
  background-color: #8bbe6c;
  color: white;
  height: 120px;
  width: 100%;
}

.business-plan-vip-learnmore {
  background-color: #527f44;
  color: white;
  height: 120px;
  width: 100%;
}

.business-sign-up-btn-free-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #b4d496;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.business-sign-up-btn-plus-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #8bbe6c;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.business-sign-up-btn-vip-learnmore {
  position: absolute;
  bottom: 10px;
  background-color: #527f44;
  height: 55px;
  width: 92.5%;
  padding-top: 15px;
  font-size: 18px;
  font-weight: 800;
  color: white;
  cursor: pointer;
}

.consumer-story-img-learnmore {
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.35);
  height: 80% !important;
  width: 80% !important;
}

.consumer-story-div-learnmore {
  text-align: center;
}

.consumer-story-talk-string-learnmore {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #026d65;
}

.consumer-story-desc-text-learnmore {
  letter-spacing: 1px;
}

.consumer-story-section-text-left-learnmore {
  padding-top: 40px;
  text-align: left;
}

.consumer-story-section-text-justify-learnmore {
  text-align: justify;
}

.consumer-story-main-div-learnmore {
  margin-top: 30px;
}

.consumer-story-table-div-learnmore {
  margin: auto;
  width: 70%;
}

.consumer-story-tbl-learnmore {
  margin-top: 60px;
}

.consumer-story-chart-img-learnmore {
  margin: 10px;
  width: 90% !important;
  height: 90% !important;
}

.business-plan-header-main-text-learnmore {
  color: white;
  padding-top: 120px;
  padding-bottom: 20px;
}

.table-bordered > thead > tr > th {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border: 2px solid #ddd;
}

.table-condensed > tbody > tr > td {
  font-family: "Raleway", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid #ddd;
}

.bannerBusineaaDetails {
  background-image: url("https://media.mycom.world/frontend/images/bg-businesshead.png");
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  height: 400px;
  text-align: center;
}

.bannerBusineaaDetails h2 {
  font-size: 30px;
  color: #fff;
  margin: 10px 0px 10px 0px;
}

.bannerBusineaaDetails h4,
.bannerBusineaaDetails h5 {
  color: #fff !important;
  margin-bottom: 30px;
}

.popupImageMember {
  width: auto;
  height: 550px;
}
.WithDivHalfMember {
  width: 36%;
  float: left;
  min-height: 539px;
}
.WithDivHalfMemberDetail {
  width: 64%;
  float: left;
  min-height: 539px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.WithDivHalfImgBgMM {
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: left -126% bottom -22%;
  background-size: 92%;
}
.FormerLable {
  color: #6d6d6d;
}
.FormerValue {
  color: #d2d2d2;
}
.FormerActiveValue {
  color: #35a399;
}
.MessageLable {
  color: #2e2e2e;
}
.MessageValue {
  color: #676767;
}
.MarginTopMessage {
  margin-top: 20px;
}
.MarginTopBottom {
  margin-bottom: 20px;
}
.reactivateLandingBtn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #0f5b75;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 0px !important;
  height: 26px;
  min-width: 110px;
  /* margin-top: 10px; */
}
.reactivateLandingBtn:hover {
  background-color: rgb(28, 172, 224);
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.cancelButton {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #c6151d;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 0px !important;
  height: 26px;
  min-width: 110px;
  /* margin-top: 10px; */
}
.cancelButton:hover {
  background-color: rgb(221, 96, 106);
  border: none;
  outline: none;
  box-shadow: none;
  color: #fff;
}

.BottomBorder {
  border-bottom: 2px solid #f0f0f0;
}
.EiperyYear {
  color: #35a399;
}
.ErrorMessageMember {
  width: 100%;
  text-align: left;
  margin: 20px;
  color: tomato;
}
.WithDivFullMemberDetail {
  width: 100%;
  float: left;
  min-height: 539px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.mycomPlanUpgardeDialog {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
}
.mycomPlanUpgardeDialog .readBtn {
  margin-top: 10px;
}
.mycomCurrentPlanDialog {
  width: 100%;
  float: left;
  text-align: center;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #053c63;
  border-radius: 10px;
  padding-bottom: 20px;
  margin-top: 10px;
  /* border: #053C63 1px solid; */
}
.mycomPlanUpgardeFeeDialog {
  height: 110px;
  overflow: hidden;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
  padding-top: 15px;
}
.ColWidthMS {
  width: 100%;
}
.ButtonAddCredit {
  float: right;
  color: #053c63;
  cursor: pointer;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  text-decoration: underline;
}

.normalLabel {
  color: #000;
  font-weight: normal;
}
.bgSelect {
  width: 100%;
}
.bgSelect .ant-select-selection {
  background-color: #053c63;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
}
.bgSelect .ant-select-selection .ant-select-arrow-icon svg {
  fill: #fff;
}
.modalnewAssestListFee .mycomPlanUpgardeDialog::after {
  background-image: url("https://media.mycom.world/frontend/images/icon-arrownext.png");
  background-repeat: no-repeat;
  background-size: 50%;
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  top: 45%;
  right: -45px;
}
.modalnewAssestListFee
  .col-lg-3.col-md-3.col-sm-6:last-child
  .mycomPlanUpgardeDialog::after {
  display: none;
}

.success-plan-modal {
  text-align: center;
  padding: 10px;
}

.lbl-congrates {
  font-size: 18px;
  font-weight: 600;
}

.err-msg-unsuccessful {
  padding-left: 20px !important;
  padding-bottom: 10px !important;
  color: red !important;
  font-size: 15px;
  font-weight: 500;
}

.eventDetailAllBox {
  width: 100%;
  float: left;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  margin: 30px 0px;
}

.eventDetaiImage {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  height: 400px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 3px 6px #00000026;
}
.eventDetaiImage img {
  width: 100%;
  height: auto;
}
.eventDetaiImageHeading {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  height: 150px;
  padding-right: 40%;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #000000b0;
  padding-left: 30px;
}

.eventDetaiImageHeading h2 {
  font-size: 30px;
  color: #fff !important;
}
.getbackBtn {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
  position: absolute;
  left: 20px;
  top: 20px;
  font-weight: bold;
  cursor: pointer !important;
}
.firstCapital {
  margin-top: 30px;
  line-height: 24px;
  text-align: justify;
}
.firstCapital::first-letter {
  font-size: 40px;
  color: #000;
}

.someImages {
  width: 100%;
  float: left;
  height: 180px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  margin: 15px 0px;
}

.someImages img {
  width: 100%;
  height: auto;
}

.userConfirmed {
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  display: flex;
  padding: 10px;
  /* justify-content: center; */
  /* align-items: center; */
  margin: 40px 0px;
}
.userConfirmedBox {
  width: 150px;
}

.userConfirmedDetailBox {
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  font-size: 18px;
}

.newsAndEventnoneShadow .newsAndEvent {
  box-shadow: none;
  margin-top: 15px;
}

.blogDetailsDiv {
  margin-top: 10px;
}
.PageHeader {
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  float: left;
}
.PageList {
  width: 100%;
  text-align: right;
  float: right;
}

.title-padding-left {
  padding-left: 28px;
}

.membership-lbl {
  text-transform: capitalize;
  /* color: white; */
}

.membership-plan-lbl {
  font-weight: 600;
  color: #5aa49c !important;
  padding-left: 2px;
}

.contactBackgroundHeaderSingle {
  /* https://media.mycom.world/frontend/images/bg-sheilabg.png */
  background-image: url("https://media.mycom.world/frontend/images/bg-tesorafinancialdashboard.jpg");
  color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 10px 10px 0px 0px;
  padding: 15px;
  position: relative;
  z-index: 123;
  min-height: 250px;
}
.contactBackgroundHeader {
  background-image: url("https://media.mycom.world/frontend/images/backgroundHeader.jpg");
  color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 10px 10px 0px 0px;
  padding: 15px;
  padding-bottom: 70px;
  position: relative;
  z-index: 123;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
}
.contactBackgroundGreen {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  color: #fff;
  margin: 40px 30px;
  border-radius: 10px;
  padding: 30px 15px;
  background-position: center;
  background-size: cover;
}
.formSection {
  margin: 40px 15px;
  padding: 15px;
}
.imageContact {
  width: 75;
  height: 75px;
  background-color: #fff;
  object-position: center;
  object-fit: cover;
  border-radius: 10px;
}
.imageContactSuggestion {
  width: 75px;
  height: 75px;
  background-color: #fff;
  object-position: center;
  object-fit: cover;
  border-radius: 10px;
}
.userImagetop.imageContactSingle {
  margin-top: 0px;
  height: 120px;
  width: 120px;
}
.userImagetop.imageContactSingle img {
  height: 120px;
  width: auto;
}
.text-black {
  color: #000 !important;
}
.text-white {
  color: #fff !important;
}
.text-uppercase {
  text-transform: uppercase;
}
.cursor-pointer {
  cursor: pointer;
}
.text-center {
  text-align: center;
}
.text-bold {
  font-weight: bold;
}
.content-search-input {
  /* width: 280px; */
  display: block;
}
.content-search-input.fullInput {
  border-bottom: 1px solid #000;
  width: 100%;
}
.content-search-input.fullInput .search-input-control {
  margin-top: 0px;
  border: none !important;
}
.content-search-input input {
  border-bottom: 1px solid #dcdcdc !important;
  padding-left: 0px;
  border-radius: 0px;
  margin-top: 15px;
  border: none;
  box-shadow: none !important;
  outline: none !important;
}
.contactUser .ant-select-selection {
  border: none;
  background-image: linear-gradient(to right, #053c63, #09d1de);
  color: #fff;
  border-radius: 5px;
}
.contactUser .ant-select-selection .ant-select-arrow svg {
  fill: #fff;
}
a.ant-dropdown-link.ant-dropdown-trigger.menuNumberContact {
  border-bottom: 1px solid #dcdcdc;
  height: 27px;
  margin-right: 10px;
  margin-top: 20px;
  float: left;
  color: #000;
}
.search-input-control {
  border: 0px;
}
.search-input-control,
.search-input-control:focus,
.search-input-control:active {
  border: 0px;
  box-shadow: 0px !important;
}
.content-search-input .search-icon-control {
  width: 30px;
  filter: invert(100%);
  -webkit-filter: invert(100%);
  float: right;
  margin-right: -15px;
}
.search-btn {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #053c63;
  padding: 0px 30px;
  line-height: 0px !important;
  height: 26px;
}
.contactSection {
  margin: 30px 15px;
}
.contactSectionSuggestion {
  margin: 15px 15px;
  padding: 15px 15px;
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  border-radius: 10px;
}
.iconSingle {
  display: inline-block;
  margin: 0px 10px;
}
.iconSingleContact {
  background-color: #053c63;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  padding: 15px 20px;
  margin: 0px auto 10px auto;
}
.imageIconSingleContact {
  width: 40px;
}
.iconSingleContactSell {
  background-color: #053c63;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  padding: 23px 16px;
  margin: 0px auto 10px auto;
}
.imageIconSingleContactSell {
  width: 50px;
}
.dataUser {
  margin-top: 30px;
}
.imageCopy {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  width: 35px;
}
.copylinkwithimgBox {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 15px 0px;
}
.copylinkwithimgBox p {
  margin: 0px;
}

.socialShare {
  margin: 20px 0px 50px 0px;
  float: left;
}
.socialIcons {
  width: 100%;
  text-align: left;
}
.socialIcons .SocialMediaShareButton {
  display: inline-block;
  margin: 20px 0px;
}
.socialIcons .SocialMediaShareButton .imageCopy {
  height: 30px;
  width: auto;
}
.socialIcons .google-button-class-invite {
  background-color: #f9f9f9 !important;
  border-radius: 20px !important;
  overflow: hidden;
}
.socialIcons .google-button-class-invite div {
  background-color: #f9f9f9 !important;
}
.socialIcons .google-button-class-invite span {
  font-weight: bold !important;
}
.text-right {
  text-align: right;
}
.infoShare {
  margin-top: 20px;
}
.d-none {
  display: none;
}
.text-success {
  color: #146131;
}
.text-warning {
  color: #e7850b;
}
.text-danger {
  color: #c6151d;
}
.cardInvited {
  /* border: 1px solid #ddd; */
  padding: 20px 15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  margin-top: 30px;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: left 123% top 180%;
  background-size: 85%;
}
.cardInvited h5 {
  margin-bottom: 20px;
}
.search-input-phone {
  width: 200px;
}

.google-button-class-invite {
}

.invitationProfileEdit {
  width: 100%;
  text-align: right;
  display: none;
}
.invitationProfileEdit img {
  width: 20px;
  margin-left: 10px;
}

.contactSmallbox {
  width: 100%;
  height: 145px;
  overflow: hidden;
  margin-bottom: 30px;
  text-align: center;
}
.contactSmallbox label {
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}
.contactSmallimg {
  height: 75px;
  width: 75px;
  margin: 5px auto 20px auto;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000026;
  justify-content: center;
  align-items: center;
}
.contactSmallimg img {
  height: auto;
  width: 75px;
  border-radius: 0px;
}
.contactSmallbox section label {
  font-weight: normal;
  margin-top: -8px;
  display: block;
}

.singleUserProfile {
  margin-top: 0px !important;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.invitation-phone-phone {
  white-space: pre-line;
  border: 1px #053c63 solid;
  width: 200px;
  min-height: 50px;
  padding: 5px;
}

.selected-google-contact {
  background-color: #053c63;
  border: 1px solid darkgray;
  height: 15px;
  width: 15px;
  margin-right: 15px;
  margin-bottom: -4px;
}

.unselected-google-contact {
  background-color: white;
  border: 1px solid darkgray;
  height: 15px;
  width: 15px;
  margin-right: 15px;
  margin-bottom: -4px;
}

.already-invite-profile-pic {
  width: 30px;
  height: 30px;
  margin: 5px 10px 5px 0px;
  border-radius: 50%;
}

.inviteFromGoogleHeader label {
  display: block;
  color: #000;
  font-weight: normal;
}
.inviteFromGoogleHeader label:first-child {
  font-weight: bold;
}

.inviteFromGoogleMaibView label {
  color: #000;
}
.inviteFromGoogleMaibView {
  padding: 30px 20px;
  float: left;
  width: 100%;
}

.footerBorderInviteGoogle {
  /* border-top: 1px solid gray; */
  padding-top: 20px;
  margin-top: 20px;
}
.googleInputSearchWithBorder {
  display: flex;
  border-bottom: 1px solid gray;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.lableNormalFont label {
  font-weight: normal;
}
.lableNormalBold label {
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid gray;
}
.googleInputSearchWithBorder input {
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #053c63;
}
.googlrFull {
  float: right;
  margin-top: -50px;
  margin-bottom: 50px;
}
.googlrFull img {
  width: 100px;
}

.scrollInnerModelInvite {
  height: 320px;
  overflow-y: scroll;
  float: left;
  width: 100%;
  padding-left: 5px;
  margin-bottom: 10px;
}

.scrollInnerModelInvite::-webkit-scrollbar {
  width: 6px;
  margin-left: 5px;
}

/* Track */
.scrollInnerModelInvite::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eaeaea;
  border-radius: 10px;
}

/* Handle */
.scrollInnerModelInvite::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.scrollInnerModelInvite::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.otherContactinput {
  display: flex;
  margin-bottom: 20px;
}
.otherContactinput input {
  margin-right: 10px;
}
.simpleColorSelectnoneFont .ant-select-selection.ant-select-selection--single {
  border: 1px solid #053c63;
  border-radius: 30px;
  outline: none !important;
  box-shadow: none !important;
  color: #053c63;
  height: 26px;
  font-size: 13px;
  margin-left: 10px;
}
.simpleColorSelectnoneFont .ant-select-selection__rendered {
  line-height: 24px;
}

.simpleColorSelectnoneFont
  .ant-select-selection.ant-select-selection--single
  .ant-select-arrow
  svg {
  fill: #053c63;
}
.otherContactinput button {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
  padding: 0px 15px;
  line-height: 0px !important;
  height: 26px;
  margin-right: 10px;
  margin-top: 15px;
  z-index: 33;
  position: relative;
}
.btnbgthree {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
  padding: 0px 15px;
  line-height: 0px !important;
  height: 26px;
}
.btnDownloadSample {
  margin-left: 20px;
}

.border-bottom-line-red {
  border: 1px solid red !important;
}
.textSuccessBox {
  background-color: #d1eddb;
  width: 100%;
  display: flex;
  padding: 10px;
  color: #000;
  border-radius: 6px;
  border: 1px solid #8ef1b1;
  margin: 10px 0px;
}
.textSuccessBox span {
  margin-right: 10px;
}
.textSuccessBox ul li {
  list-style: none;
}
.textWarningBox {
  background-color: #f9fbe0;
  width: 100%;
  display: flex;
  padding: 10px;
  color: #000;
  border-radius: 6px;
  border: 1px solid #f9fbe0;
  margin: 10px 0px;
}
.textWarningBox span {
  margin-right: 10px;
}
.textWarningBox ul li {
  list-style: none;
}
.textDangerBox {
  background-color: #fbd7da;
  width: 100%;
  display: flex;
  padding: 10px;
  color: #000;
  border-radius: 6px;
  border: 1px solid #fba0a8;
  margin: 10px 0px;
}
.textDangerBox span {
  margin-right: 10px;
}
.textDangerBox ul li {
  list-style: none;
}
.textSuccessBox ul,
.textWarningBox ul,
.textDangerBox ul {
  margin: 0px;
}

.none-display {
  display: none !important;
}
.csvFileSelectBox {
  border: 2px solid #053c63;
  border-radius: 6px;
  padding: 10px;
  float: left;
  display: block;
}
.csvFileSelectBox label {
  padding: 0px 15px;
}
.sectionfullwith {
  float: left;
  width: 100%;
  color: #053c63;
}

.notification-logo-small {
  width: 20px !important;
  height: auto !important;
}

.user-profile-margin {
  margin-top: 5px;
}
.profileComplete {
  padding: 0px;
  margin: 0px;
  width: auto;
  float: right;
  display: inline-block;
  margin-top: 1px;
}
.profileComplete li {
  list-style: none;
  color: #fff;
  display: inline-block;
  padding: 0px 10px;
  text-align: center;
}
.profileComplete li:first-child {
  border-right: 1px solid #fff;
}

.profileComplete li:last-child {
  cursor: pointer;
}
.HeadingWithSpace {
  padding-left: 3%;
}
.HeadingWithSpace h5 {
  color: #000;
  font-size: 18px;
}
.shadowAllBox {
  box-shadow: 0px 3px 6px #00000026;
  width: 100%;
  float: left;
  border-radius: 10px;
}
.newUserProfilepBox .shadowAllBox {
  position: relative;
  margin-bottom: 30px;
}
.newmyprofileSetion .userImagetop {
  margin-top: 10px;
}
.profilrPictureuploade {
  display: flex;
  margin: 30px 0px;
}
.profilrPictureuploade p {
  padding-right: 30px;
  color: #000;
  font-weight: bold;
  margin: 0px;
}
/* .newmyprofileSetion{
    text-align: center;
} */
/* .newmyprofileSetion p{
    text-align: center;
    color:#000;
    margin-top: 30px;
} */
.newmyprofileSetion .myNewPlanBtn {
  margin: auto;
  float: none;
  width: 150px;
}
.singleBorder {
  border-bottom: 1px solid #053c63;
  float: left;
  width: 100%;
  margin: 20px 0px;
}
ul.selectionMenuLanguage {
  position: relative;
  border: none;
  border-bottom: 1px solid #053c63 !important;
  width: 250px;
}
ul.selectionMenuLanguage .ant-menu-sub {
  position: absolute;
  border: 1px solid #053c63;
  background-color: #fff;
  z-index: 33;
}
ul.selectionMenuLanguage .ant-menu-submenu-title {
  color: #053c63;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
}
ul.selectionMenuLanguage .ant-menu-submenu-arrow {
  color: #053c63;
}

ul.selectionMenuLanguage .ant-menu-item {
  margin: 0px;
  height: 30px;
}
.pLR15 {
  padding: 0px 15px;
  clear: both;
}
.h18 {
  color: #000;
  font-size: 16x;
}

.inputFlex {
  width: 250px;
  display: flex;
  border: none;
  border-bottom: 1px solid #053c63 !important;
  margin-bottom: 30px;
}
.inputFlex input {
  border: none;
  outline: none;
  box-shadow: none;
  width: 220px;
  padding-left: 10px;
  height: 30px;
}
.inputFlex button {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0px;
  margin: 0px;
  background-color: transparent;
}
.inputFlex img {
  width: 20px;
  height: auto;
}

.notificationTable {
  border: none;
}
.notificationTable.table img {
  height: 30px !important;
  width: auto !important;
}
.notificationTable.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #053c63;
}
.notificationTable.table > tbody > tr > td {
  border-top: 1px solid #053c63;
}
.notificationTable.table > thead > tr > th:nth-child(3) {
  border-left: 1px solid #053c63;
  border-right: 1px solid #053c63;
}
.notificationTable.table > tbody > tr > td:nth-child(3) {
  border-left: 1px solid #053c63;
  border-right: 1px solid #053c63;
}

.upgradeMyPlaneFlax {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.upgradeMyPlaneFlax h4 {
  margin-bottom: 20px;
}
.upgradeMyPlaneFlax .myNewPlanBtn {
  float: left;
  margin-bottom: 30px;
}
.borderLeftprofileEdit {
  width: 100%;
  float: left;
  position: relative;
}
.borderLeftprofileEdit::after {
  position: absolute;
  content: "";
  top: 0px;
  border-top: 0px;
  right: -8px;
  width: 1px;
  height: 100%;
  background-color: #dcdcdc;
}
.btn-submit-1 {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: #053c63;
  /* padding: 0px 30px; */
  line-height: 0px !important;
  height: 26px;
  min-width: 70px;
  margin-top: 5px;
  margin-right: 3px;
}

.btn-submit-2 {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: red;
  /* padding: 0px 30px; */
  line-height: 0px !important;
  height: 26px;
  min-width: 70px;
  margin-top: 5px;
  margin-right: 3px;
}

.my-profile-black-text {
  color: black !important;
}

.token-forgot-pin-btn {
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  border: none;
  margin-top: 5px;
  margin-left: 5px;
}

.token-forgot-pin-btn:focus {
  outline: none;
}

.user-profile-margin span img {
  width: 20px;
  margin: -8px 0px 0px 15px;
  cursor: pointer;
}

.margin50Pr {
  margin-top: 50%;
}

.submit-edit-user-name {
  border-radius: 20px;
  color: #fff !important;
  background-color: #053c63;
  padding: 0px 20px;
  height: 26px;
  float: left;
  display: flex;
  margin: 10px 0px;
  align-items: center;
  cursor: pointer;
}
.submit-edit-user-name:hover {
  background-color: #053c63;
}

/* .EditUser{

} */
.approved{
  display: inline-block !important;
  color:#3cada3;
  width:auto !important;
  padding-left: 5px;

}
.not-approved{
 display: inline-block !important;
 text-decoration: underline;
 width:auto !important;
 padding-left: 5px;
 cursor: pointer;
color: #0a71b8;
}
.profileEditBox {
  display: flex;
  margin-bottom: 0px;
}
.profileEditLeft {
  width: 90%;
  float: left;
}
.profileEditLeft label {
  color: #000;
  float: left;
}
.profileEditLeft p {
  width: 100%;
  float: left;
}
.profileEditLeft .profileEditRight {
  float: left;
  margin-left: 5px;
}
.profileEditRight {
  float: right;
  width: 20px;
}
.userFieldBox {
  float: left;
  width: 100%;
}
.editbtnimg {
  width: 15px;
  /* float: right; */
  cursor: pointer;
}
input.ant-input.EditUser {
  margin: 10px 0px;
}

.errorInput {
  border: 1px solid #ff0000;
}
.numberInput {
  width: 100%;
}
.profileEditLeft label.available-lbl-yes {
  color: #053c63;
}
.profileEditLeft label.available-lbl-not {
  color: #ff0000;
}
.modalSizemobile {
  /* padding-left: 12%; */
}
.modalSizemobile .modal-dialog {
  width: 700px;
  border: none;
  transform: translate(10%, 5%) !important;
}
.modalSizemobile .modal-content {
  border: none;
}
.modalSizemobile .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
}
.mobileVerifiYButtonsRow {
  margin-bottom: 30px;
}
.mobileDisplayView {
  display: flex;
  /* margin-bottom: 5px; */
}
.mobileVerifiedDiv {
  /* margin-top: 5px; */
}

.sendOtpButtonProfile {
  float: left;
  text-align: center;
  color: #ffffff;
  width: 100%;
  border: none;
}
.accountVanderBox {
  width: 100%;
  float: left;
  padding: 50px 10%;
}
.BoxAccountSetting {
  width: 100%;
  float: left;
  box-shadow: 0px 0px 5px #dcdcdc;
  margin-top: 30px;
}
.BoxAccountSettingImg {
  width: 45%;
  float: left;
}
.AccountSetting {
  width: 55%;
  float: left;
  padding: 30px;
  font-size: 12px;
}
.accountSettingCompleteingProgess {
  margin-top: 30px;
  font-size: 12px;
}
.ProgessCompleting {
  display: flex;
  font-family: sans-serif;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 12px;
  color: #000;
}
strong.newColor8.cursor-Pointer {
  cursor: pointer;
}
.landingBox {
  padding: 30px 30px 5px 30px;
  width: 100%;
  float: left;
  margin-top: 30px;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.publisedBox {
  display: flex;
  justify-content: space-between;
  padding: 5px 0px;
}

.businessbankOners {
  display: flex;
}
.businessbankOnersicon {
  width: 70px;
  margin-right: 10px;
}
.businessbankOnersDetails {
  font-size: 12px;
}
.businessOnerBox {
  width: 100%;
  float: left;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #dcdcdc;
  margin-top: 30px;
}
.businessOnerBoxImg {
  width: 100%;
  float: left;
  overflow: hidden;
  text-align: center;
  border-radius: 10px;
}
.businessDetailsbanking {
  width: 100%;
  float: left;
  padding: 20px;
}
.landingsearchbannerImg {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
.padding-back-btn {
  padding: 10px;
}
.searchpageLeftRightPadding {
  float: left;
  width: 100%;
  padding: 0px 2%;
  background-color: #f8f8f8;
}
.iconForSerchBox {
  width: 100%;
  float: right;
  text-align: right;
  background-color: #053c63;
  padding: 5px 0px;
  margin: 0px;
}
.iconForSerch {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  margin: 5px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  list-style: none;
  padding-top: 1px;
}
.iconForSerch img {
  height: "100%";
  width: "100%";
}

.inconSearchBackground {
  background-color: #0c73b7 !important;
}

.padding-back-btn.searchpageLeftRightPadding {
  background-color: #053c63;
}
.text-uppercase.text-bold.cursor-pointer.backToSearch {
  text-align: right;
  color: #fff !important;
  margin-top: 15px;
}
.radiusWithshadow {
  box-shadow: 0px 1px 6px #0000003d;
  border-radius: 10px;
}
.contactTheBusiness {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: -100px;
}
.RestaurantLogo {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  border: 2px solid #fff;
  background-color: #000;
  overflow: hidden;
  box-shadow: 0px 3px 6px #00000026;
  margin: 20px auto;
  position: relative;
  z-index: 3;
}
.RestaurantLogo img {
  object-fit: cover;
  height: 150px;
  width: auto;
}
.RestaurantContact {
  padding: 0px 20px;
  text-align: left;
}
.RestaurantContact ul {
  margin: 10px 0px;
  padding: 0px;
  font-size: 12px;
  float: left;
}
.RestaurantContact ul li {
  list-style: none;
  text-align: left;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.RestaurantContact ul li span {
  margin-right: 15px;
}
.RestaurantContact ul li span img {
  height: 12px;
  width: auto;
}
.RestaurantContact ul li label {
  margin: 0px;
  font-weight: normal;
  color: #000;
  font-family: sans-serif;
}
.catalog {
  width: 100%;
  float: left;
  padding: 20px;
  /* display: flex; */
  justify-content: space-between;
  align-items: center;
}
.catalog strong {
  font-size: 16px;
  margin-left: 15px;
}
.catalog .ant-upload.ant-upload-select {
  margin-top: 15px;
}
.catalog .ant-upload.ant-upload-select .ant-btn {
  font-size: 12px;
  padding: 0px 3px;
}
.f-12 {
  font-size: 12px;
}
.amenities {
  width: 100%;
  float: left;
  padding: 20px;
}
.amenities ul {
  padding: 0px;
  margin: 0px;
}

.amenities ul {
  margin: 10px 0px;
  padding: 0px;
  font-size: 12px;
  float: left;
}
.amenities ul li {
  list-style: none;
  text-align: left;
  display: inline-block;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 15px;
}
.amenities ul li span {
  margin-right: 10px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #053c63;
  float: left;
  text-align: center;
}
.amenities ul li span img {
  height: 25px;
  width: auto;
}
.amenities ul li label {
  margin: 0px;
  font-weight: normal;
  color: #000;
  font-family: sans-serif;
}
.amenities ul li span.ant-select-selection__choice__remove {
  margin: 0px;
  right: -5px;
  background-color: #fff;
}
.followUS {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.followUS ul li {
  margin: 0px 0px 0px 0px;
}

.shareBtn {
  padding: 4px 10px;
  border: 1px solid #053c63;
  box-shadow: none !important;
  outline: none !important;
  color: #053c63;
  border-radius: 20px;
  background-color: #fff;
  height: 30px;
}
.shareBtn img {
  height: 12px;
  width: auto;
  margin-right: 10px;
}
.mapWithAddress {
  float: left;
  width: 100%;
  padding: 15px;
}
.ownerMessage {
  float: left;
  width: 100%;
  padding: 20px;
}
.restorentrating {
  width: 100%;
  float: left;
  padding: 20px;
}
.reviewStar {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.startreviewicon {
  height: 15px;
  width: auto;
  float: left;
  margin-right: 5px;
  font-family: sans-serif;
}
.restorentratingBox.radiusWithshadow {
  width: 100%;
  float: left;
  border-radius: 0px 0px 10px 10px;
}

.leftRightborderheading {
  text-align: center;
  float: left;
  width: 100%;
  position: relative;
}
.leftRightborderheading strong {
  width: auto;
  padding: 0px 15px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.leftRightborderheading::after {
  position: absolute;
  content: "";
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #dcdcdc;
  top: 8px;
}
.foodServicesbox {
  width: 100%;
  float: left;
  margin: 15px 0px;
}
.foodBox {
  width: 100%;
  text-align: center;
  float: left;
  font-family: sans-serif;
  margin-top: 20px;
}
.foodBox img {
  margin-bottom: 15px;
}
.productServicesNameFix {
  width: 100%;
  height: 38px;
  overflow: hidden;
  float: left;
}
.postBox {
  width: 100%;
  float: left;
}
.countPost {
  padding: 20px;
  float: left;
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  justify-content: space-between;
  font-family: sans-serif;
}
.postMessage {
  padding: 20px;
  width: 100%;
  float: left;
}
.postMessage img {
  border-radius: 10px;
  box-shadow: 0px 0px 3px #0000003d;
  margin: 15px 0px;
}
.seeMorePost {
  padding: 20px;
  float: left;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  text-align: center;
}
.reviewOfThissBusiness {
  width: 100%;
  float: left;
  padding: 20px;
}
.reviewBusinessImg {
  width: 80px;
  height: 80px;
  float: left;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}
.reviewBusinessImg img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.reviewBusinessRating {
  float: left;
  width: 80%;
}
.reviewBusinessRating .bigStarBox .startreviewicon {
  height: 20px;
  margin: 10px 8px 10px 0px;
}
.textAreaDiv {
  width: 100%;
  float: left;
}
.textAreaDiv textarea {
  width: 100%;
  height: 80px;
  border-radius: 5px;
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.galleryList {
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  float: left;
}
.galleryList li {
  width: 50%;
  list-style: none;
  display: inline-block;
  margin-bottom: 10px;
  position: relative;
  /* overflow: hidden; */
  height: 126px;
}
.galleryList li img {
  width: 170px;
  height: 126px;
  object-fit: cover;
  box-shadow: 0px 0px 5px #dcdcdc;
  background-color: #fff;
}
.galleryList .deleteGelleryImg {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #053c63;
  border: 1px solid #053c63;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.galleryList li:nth-child(even) .deleteGelleryImg {
  right: 5px;
}
/* .galleryList li:nth-child(odd)::after{
    content: 'X';
    position: absolute;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #053C63;
    cursor: pointer;
    font-size: 12px;
}
.galleryList li:nth-child(even)::after{
    content: 'X';
    position: absolute;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    color: #fff;
    background-color: #053C63;
    cursor: pointer;
    font-size: 12px;
}*/
.galleryList li:nth-child(odd) {
  padding-right: 5px;
}
.galleryList li:nth-child(even) {
  padding-left: 5px;
}
.AdvertisementGray {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eaeaea;
  height: 35vw;
  margin: 10px 0px;
}

/* .editProfilePicMargin {
  margin-top: 40px;
} */

.threeBannerEdit {
  width: 100%;
  float: left;
  display: flex;
  justify-content: space-between;
  /* margin-top: 65px; */
  text-align: center;
  background-color: #dcdcdc;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}
.bannerFirst {
  width: 100%;
  float: left;
  max-height: 250px;
  text-align: center;
  padding: 50px 0px;
  position: relative;
}
.bannerFirst .iconEditBanner {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  background-color: #fff;
  padding: 2px;
  border-radius: 2px;
}
.bannerSecont {
  width: 100%;
  float: left;
  border-left: 1px dashed #8a8a8a;
  border-right: 1px dashed #8a8a8a;
  max-height: 250px;
  text-align: center;
  padding: 50px 0px;
  cursor: pointer;
  position: relative;
}

.bannerSecont .iconEditBanner {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  background-color: #fff;
  padding: 2px;
  border-radius: 2px;
}
.bannerSecont .editbtnimg {
  float: none;
}
.bigPluseFont {
  font-size: 80px;
  font-family: serif;
  color: #8a8a8a;
}
.RestaurantLogo .editbtnimg {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
}
.RestaurantLogo.logobgEdit {
  background-color: #dcdcdc;
}
.RestaurantLogo.logobgEdit p {
  margin-top: -30px;
  font-family: sans-serif;
  font-size: 12px;
}
.RestaurantContact ul li .editbtnimg {
  position: absolute;
  right: 35px;
  background-color: #fff;
}
.ownerMessage textarea {
  width: 100%;
  height: 180px;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 6px;
  padding: 15px;
}
.with400 {
  width: 300px;
}
.aboutThusBusinessInput {
  display: flex;
  width: 100%;
  padding: 10px;
  border: 1px solid #8a8a8a;
  border-radius: 6px;
}
.aboutThusBusinessInput input {
  width: 100%;
  float: left;
  border: none;
  box-shadow: none;
  outline: none;
}
.editbusinessmap {
  display: flex;
  align-items: center;
  width: 100%;
}
.editbusinessmap .editbtnimg {
  float: none;
  margin-right: 20px;
}
.postNew {
  float: left;
  width: 100%;
}
.productServicesImage {
  height: 150px;
  text-align: center;
  background-color: #dcdcdc;
  margin-bottom: 10px;
  padding-top: 70px;
}
.addproductServicesStock {
  opacity: 0.3;
}

.reviewsAreGoing {
  background-color: #dcdcdc;
  border: 1px dashed #8a8a8a;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picturegallery {
  min-height: 200px;
  width: 100%;
  background-color: #dcdcdc;
  float: left;
  text-align: center;
  border: 1px solid #8a8a8a;
  margin-bottom: 20px;
}
.picturegallery .editbtnimg {
  position: absolute;
  top: 60px;
  right: 25px;
  width: 20px;
  height: 20px;
}

.img-banner {
  width: 100%;
  height: 250px;
  margin: -50px 0px;
}
.res-det-map {
  position: relative !important;
  height: 150px !important;
  width: 100% !important;
}
.VendorMySearchMargintop {
  margin-top: 65px;
}



.profile-form-box{
  /* box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); */
  margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: 10px;
    border: 1px solid #e4e2e2;
}
.profile-form-box .profile-form-header{
  display: flex;
  align-items: center;
}
.profile-form-box .profile-form-header img{
  width: 34px;
  padding-right: 1rem;
}
.profile-form-box .profile-form-header h5{
  margin-bottom: 0px !important;
}
.form-input{
  padding: 10px 0px 10px 50px;
}
.profile-form-box .my-profile-black-text{
  color: #000000 !important;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 1rem;

}
.profile-form-box .myNewPlanBtn{
  float: none;
}
.profile-form-box .current-membership-plan{
  display: flex;
  align-items: center;

}
.form-input ul.selectionMenuLanguage .ant-menu-submenu-title {
  color: #939393;
  font-size: 14px;
  font-weight: 500;
  margin: 0px;
  padding-left: 0px !important;
  height: 25px;
  line-height: normal;
}
.form-input ul.selectionMenuLanguage{
    /* border-bottom: 1px solid #939393 !important; */
}
.profile-form-box  .privData .pri-set-title {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 0px;
  color: #0a71b8;
}
.profile-form-box .privData{
  float: none;
  clear: both;
  border-bottom: 1px solid #ececec;
  margin-bottom: 1rem ;

}
.profile-form-box .privData:last-child{
  
  border-bottom: none !important;

}
.profile-form-box .privData .myNewPlanBtn{
  float: none;
  margin-bottom: 2.5rem;
}
.profile-form-box .pri-set-descr{
   font-size: 14px;
}
.approved{
  display: inline-block !important;
  color:#3cada3;
  width:auto !important;
  padding-left: 5px;

}
.not-approved{
 display: inline-block !important;
 text-decoration: underline;
 width:auto !important;
 padding-left: 5px;
 cursor: pointer;
color: #0a71b8;
}
@media (max-width: 767px) {
  .searchpageLeftRightPadding {
    padding: 0px 15px;
  }
}

.mycard-div-mac {
  width: 100%;
  float: left;
}

.manageMyCardsH2 h2 {
  color: #053c63 !important;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 40px;
  padding-left: 3%;
}
.manageMyCardsH2 h2 span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.manageMyCardsH4 h4 {
  padding-left: 3%;
}
.manageMyCardsH4 label {
  padding-left: 3%;
}
.mycard-div h3 {
  color: black !important;
}

.mycard-type-section {
  margin-top: 10px !important;
}

.mycard-type-section h4 {
  padding-bottom: 8px;
  padding-top: 8px;
}

.mycard-item-div {
  padding: 10px;
}

.mycard-name {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
}

.mycard-number {
  font-size: 17px;
  font-weight: 600;
  color: #053c63;
  padding-top: 2px;
}

.mycard-logo {
  width: 40px !important;
  height: auto !important;
  margin-top: 5px;
}

.mycard-menu-option {
  width: 35px !important;
  height: auto !important;
  cursor: pointer;
}

#dropdown-custom-menu .dropdown-toggle {
  background-color: transparent !important;
  border: none !important;
  background-image: none !important;
  color: black !important;
}

.menu-item-option {
  color: black !important;
}

.WidthDivFullMycard {
  float: left;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.WithDivHalfMycard {
  width: 50%;
  float: left;
  min-height: 539px;
}
.WithDivHalfMycard.p-5.WithDivHalfImgBg {
  padding: 0px 10px !important;
}

.popupImageFluidMycard {
  width: 100%;
  height: auto;
}
.LableCardName {
  width: 100%;
  text-align: left;
  padding-left: 10px;
  height: 25px;
  /* background-color: #F5F5F5; */
  color: #b4b4b4;
  vertical-align: middle;
  padding-top: 5px;
}
.InputAddMyCard {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  text-align: left;
  border-bottom: 1px solid #d3d3d3;
  font-weight: 600 !important;
  font-size: 14px;
  outline: none !important;
  overflow: hidden !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.InputAddMyCardError {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  text-align: cenleftter;
  border-bottom: 1px solid #ff0000;
  font-weight: 600 !important;
  font-size: 14px;
  outline: none !important;
  overflow: hidden !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
.AnimateBox {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
}
.CardPinSetLable {
  /* margin-left: 20px;
    margin-right: 20px; */
  margin-top: 10px;
  margin-bottom: 0px;
  color: #053c63;
  width: 100%;
  text-align: center;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.addMyCardModalPin .pincode-input-text {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  height: 40px !important;
  width: 40px !important;
  margin: 5px !important;
}
.allcardBox.mycomcard.forePointMenu {
  overflow: inherit;
}

.no-sec-card {
  margin-left: 40px !important;
  padding-top: -50px !important;
  font-size: 15px;
  font-weight: 600;
}

/* .mycard-div{
    width: 100%;
    float: left;
    box-shadow: 0px 3px 6px #00000026;
    border-radius: 10px;
    padding: 30px;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
}

.mycard-div h3 {
    color: black !important;
}

.mycard-type-section {
    margin-top: 10px !important;
    padding: 5px;
}

.mycard-type-section h4{
    border-bottom: 1px solid #B4B4B4;
    padding-bottom: 8px;
    padding-top: 8px;
}

.mycard-item-div {
    padding: 10px;
}

.mycard-name {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
}

.mycard-number {
    font-size: 17px;
    font-weight: 600;
    color: #053C63;
    padding-top: 2px;
}

.mycard-logo {
    width: 40px !important;
    height: auto !important;
    margin-top: 5px;
}

.mycard-menu-option {
    width: 35px !important;
    height: auto !important;
    cursor: pointer;
}

#dropdown-custom-menu .dropdown-toggle  {
    background-color: transparent !important;
    border: none !important;
    background-image: none !important;
    color: black !important;
}

.menu-item-option {
    color: black !important;
}

.WidthDivFullMycard{
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.WithDivHalfMycard{
    width: 50%;
    float: left;
    min-height: 539px;
}
.WithDivHalfMycard.p-5.WithDivHalfImgBg {
    padding: 0px 10px !important;
}

.popupImageFluidMycard{
    width: 100%;
    height: auto;
} */

.CardCol {
  padding-left: 4%;
  padding-right: 4%;
}
.CancelButtonCard {
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: #053c63;
  color: white;
  cursor: pointer;
  overflow: hidden;
  outline: none !important;
  border: none !important;
}
.OKButtonCard {
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  background-color: #053c63;
  color: white;
  cursor: pointer;
  overflow: hidden;
  outline: none !important;
  border: none !important;
}

.primaryCardBg {
  padding: 30px 0px 0px 0px;
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  float: left;
  height: 170px;
  margin-bottom: 100px;
}
.primaryCardBg h2 {
  color: #fff !important;
  padding-left: 3%;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.primaryCardBg h2 span {
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.fzb-30 {
  font-size: 30px;
  color: #000 !important;
  text-transform: uppercase;
}
.fzw-30 {
  font-size: 30px;
  color: #fff !important;
  text-transform: uppercase;
}
.fzm-30 {
  font-size: 30px;
  color: #053c63 !important;
  text-transform: uppercase;
}
.secondaryCardBox {
  display: flex;
  padding-left: 3%;
  margin-bottom: 30px;
}
.secondaryCardBox .readBtn {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 20px;
}

.imageNoData {
  width: 100px;
  height: 100 px;
}

.address-main-div {
  margin-top: 40px;
  border-radius: 5px;
}
.AddressRowMain {
  margin-bottom: 20px;
}

.title-lable {
  font-size: 20px;
  font-weight: 500;
  color: #636363;
}

.horizontal-line {
  color: #ededed;
  background-color: #ededed;
  height: 0.5px;
  margin-top: -5px;
}

.list-item-main {
  /* border: 1px solid #053C63; */
  /* border-radius: 10px; */
  /* padding-left: 0px !important;
    padding-right: 0px !important; */
}
.AddressHeader {
  background-color: #053c63;
  padding: 5px 10px;
  width: 100%;
}
.AddressHeaderLable {
  color: #ffffff;
}
.addressBoxCardPage {
  border: 1px solid #053c63;
  overflow: hidden;
  float: left;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  margin-bottom: 30px;
}
.list-item-decoration {
  padding: 10px;
  /* border: 1px #EDEDED solid; */
  height: 220px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}
.list-title-lable {
  font-size: 18px;
  font-weight: 600;
  color: #707070;
  float: left;
  width: 100%;
}
.list-title-lable-title {
  font-size: 14px;
  font-weight: 700;
  color: #707070;
  margin-right: 10px;
}
.list-lable {
  font-size: 14px;
  font-weight: normal;
  color: #636363;
}
.list-title-labl-box {
  width: 100%;
  display: flex;
}
.AddressHeader .anticon-star {
  float: right;
  margin-top: 5px;
}
.AddressHeader .threePointBox {
  margin: 0px;
  padding: 0px;
}
.AddressHeader .threePointBox .threePointMenu {
  right: 5px;
}
.AddressHeader .threePointBox .threePoint {
  background-color: #fff;
}
.AddressHeader .threePointBox .threePoint::before {
  background-color: #fff;
}
.AddressHeader .threePointBox .threePoint::after {
  background-color: #fff;
}

.bottom-div-edit {
  position: absolute;
  text-align: center !important;
  bottom: 0;
}
.button-inline {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: blue;
  padding-right: 7px;
  padding-left: 7px;
  margin-bottom: 10px;
  cursor: pointer;
}
.button-inline-important {
  border-right: 1px #a5a7aa solid;
}

.list-item-main-add-address {
  padding: 5px;
  text-align: center;
  background-color: #ffffff;
  cursor: pointer;
}
.list-item-decoration-add-address {
  padding: 10px;
  border: 1px #000000 dashed;
  height: 250px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}
.add-address-lable {
  font-size: 17px;
  font-weight: bold;
  color: #636363;
  position: absolute;
  top: 50%;
  cursor: pointer;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 20px;
}

.add-address-icon {
  height: 50px;
  width: auto;
  position: absolute;
  top: 36%;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

/* ---------------------- add address form styles from below ---------------------------*/

/* .ant-select-selection--single .phone_code_select{
    font-size: 15px !important;
    text-align: left !important;
    height: 35px !important;
    margin-right: 10px;
    margin-top: -10px;
} */
.add-address-main-div {
  padding: 20px;
  margin: 1rem;
  border-radius: 1.25rem;
  box-shadow: 0px 3px 6px #00000026;
}
.textfield-firstname-hd {
  font-size: 15px !important;
  text-align: left !important;
  height: 32px !important;
}

.error-textfield-firstname-hd {
  font-size: 15px !important;
  text-align: left !important;
  height: 35px !important;
  margin-top: -10px;
  border: 1px #ff0000 solid;
}
.error-textfield-phone-hd {
  border: 1px #ff0000 solid !important;
  border-radius: 5px;
}
.collaps-view {
  margin-top: 20px !important;
}
.buttonsave {
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 25px;
  min-width: 200px;
  max-width: 200px;
  height: 35px;
  border: 1px #053c63 solid;
  color: #ffffff;
  background-color: #053c63;
}
.buttoncancle {
  margin-left: 5px;
  border-radius: 25px;
  min-width: 200px;
  max-width: 200px;
  margin-top: 5px;
  height: 35px;
  border: 1px #505050 solid;
  color: #ffffff;
  background-color: #505050;
}

.section-no-address {
  margin-left: 40px;
  margin-top: -20px;
  font-size: 15px;
  font-weight: 600;
}

@media (max-width: 900px) {
  .margin-col-only {
    margin-top: 20px;
  }
}

.transectionAmountDivBox {
  display: flex;
  float: right;
  /* width: 100%; */
}
.transectionAmountDivBox span {
  width: 30px;
  height: 30px;
  background-color: #053c63;
  border-radius: 50%;
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: -5px;
}
.transectionAmountDivBox label {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0px !important;
}
.transectionAmountDivBox .imgiconMycom {
  height: 10px;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}
.transectionAmountDivBoxwithdrow {
  display: flex;
  float: right;
}
.transectionAmountDivBoxwithdrow label {
  font-size: 18px;
  margin-bottom: 0px !important;
  color: #000;
}
.transectionAmountDivBoxwithdrow .imgiconMycom {
  height: 10px;
  width: auto;
  margin-right: 10px;
  margin-top: 10px;
}

.termsAndConditionColor span {
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
}

.WcAccountBal {
  margin-top: 10px;
  margin-bottom: -11px;
}
.MarginWc {
  margin-top: 70px;
  margin-bottom: 0px;
}
.ColWc {
  margin-top: -15px;
  padding-left: 0px !important;
}
.ColWcBank {
  margin-top: 0px;
}
.ScrollRowMB {
  padding-left: 3%;
  padding-right: 3%;
}
.imgWithInfinity {
  font-size: 20px;
  color: #919191;
  font-weight: bold;
  margin-bottom: 5px;
}

.imgWithInfinity span img {
  width: 20px;
  margin-right: 10px;
}
.ButtonMarginRight {
  /* margin-right: 40px; */
}
.ButtonMarginLeft {
  margin-left: 20px;
}

.form-two-error {
  margin: 10px;
  font-size: 16px;
  color: red;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.form-two-success {
  margin: 10px;
  font-size: 16px;
  color: green;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.form-btn-add-new-bank {
  height: 30px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  text-transform: capitalize !important;
  background: #053c63;
  color: white;
  border: none;
  min-width: 140px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 10px;
}

.form-btn-add-new-bank:focus {
  outline: none;
}

.form-h-add-new-bank {
  color: #053c63 !important;
}

.AmountError {
  color: #c6151d;
}

.back-blue-btn {
  background-color: #053c63 !important;
}

.profileFooter {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 30px;
  border-radius: 0px 0px 10px 10px;
}

.footerProfileWellet {
  display: flex;
}
.footerProfileWelletBox input {
  width: 100%;
  border-radius: 0px;
  margin: 15px 0px;
}
.QRheading {
  margin-left: 20px;
}
.QRheading h4 {
  margin-left: 10px;
  margin-top: 0px !important;
}
.QRimg {
  width: 80px;
}
.footerProfileUserImg {
  float: right;
}
.footerProfileUserImg .userImagetop {
  margin-top: 20px;
  margin-right: 0px;
}
.profileFooter h2,
.profileFooter h4,
.profileFooter h5,
.profileFooter p {
  color: #fff !important;
  margin-top: 20px;
}
.awnerNameLeftMpbileAlign {
  text-align: right;
}

.footerProfileUserName h4 {
  font-size: 24px;
  margin: 0px !important;
}
.footerProfileUserName p {
  margin: 0px;
}
.commonFooterQr {
  background-color: white;
  padding-left: 6px;
  padding-top: 6px;
  padding-right: 6px;
}

.add-terminal-btn-view {
  text-align: right;
}
.content-align-left {
  text-align: left;
}
.add-terminal-btn {
  cursor: pointer;
  width: 200px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px;
  color: #053c63;
  background-color: #ffffff;
  border: #053c63 1px solid;
  border-radius: 5px;
}

.add-terminal-btn:hover {
  background-color: #053c63;
  color: white;
  border: #ffffff 1px solid;
}
.center-div {
  text-align: center;
}
.edit-btn-table {
  color: #fff;
  background-color: #053c63;
  border: #053c63 1px solid;
  border-radius: 20px;
  width: 80px;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
  margin: 0px 5px;
}
.edit-btn:hover {
  background-color: #fff;
  color: #053c63;
}
.delete-btn-table {
  margin: 0px 5px;
  color: #fff;
  background-color: #d74640;
  border: #d74640 1px solid;
  border-radius: 20px;
  text-align: center;
  width: 80px;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
}
.delete-btn:hover {
  background-color: #fff;
  color: #d74640;
}
.view-btn {
  height: 35px;
  width: 100%;
  color: #337ab7;
  background-color: #ffffff;
  border: #337ab7 1px solid;
  border-radius: 5px;
}
.view-btn:hover {
  background-color: #337ab7;
  color: white;
  border: #ffffff 1px solid;
}
.additional-lable {
  color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
  margin: 10px 0px;
  text-decoration: underline;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.error-lable {
  color: #d74640;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}
.success-lable {
  color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}
.back-btn {
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px;
  /* color: #053C63; */
  background-color: #ffffff;
  border: 0px solid;
  text-decoration: underline;
}

.total-div {
  margin-left: 10px;
}
.total-lable {
  color: #053c63;
}
.select_terminal_dropdown {
  width: 300px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.select_terminal_dropdown .ant-select-selection--single {
  background-color: #053c63;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.select_terminal_dropdown .ant-select-arrow-icon svg {
  fill: #fff !important;
}
.posMyPaySyatemHeader {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
  margin: 0px 0px;
  padding: 0px 15px;
  border-radius: 10px 10px 0px 0px;
}

.tprintBtn {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 20px;
  margin: 5px 10px;
  padding: 2px 10px;
  color: #fff !important;
}

.singleborderLineTable table {
  text-align: center;
  /* border-radius: 10px; */
  /* margin-top: -100px; */
}
.singleborderLineTable .react-bs-table-bordered {
  border: none !important;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  background-color: #fff;
  padding: 0px 15px;
}

.singleborderLineTable .table-hover > tbody > tr:hover {
  background-color: #f5f5f5 !important;
}
.singleborderLineTable .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: inherit;
}

.singleborderLineTable table.table-bordered > thead > tr > th {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  border-bottom: 1px solid #ddccdd !important;
  text-align: center !important;
}
.react-bs-table-container.singleborderLineTable
  table.table-bordered
  > tbody
  > tr
  > td:first-child {
  border-left: none !important;
}
.react-bs-table-container.singleborderLineTable
  table.table-bordered
  > tbody
  > tr
  > td {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  border-left: 1px solid #ddccdd !important;
  text-align: center !important;
}

.react-bs-table-container.singleborderLineTable {
  margin-top: -60px;
  z-index: 333;
  position: relative;
  border: none !important;
}
.terminalField .mycompro-content-lable {
  text-align: left;
  margin-bottom: 0px;
  width: 100%;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
}
.terminalField .mycom-pro-input-margin {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  box-shadow: none !important;
  outline: none !important;
}
.terminalFieldSelectCountry {
  display: flex;
}
.terminalFieldSelectCountry .mycompro-content-lable {
  width: 160px;
  padding: 5px 0px;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.addComConfirm.bgUnion9 .modal-body {
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: bottom -10% right 86%;
}
.addComConfirm.bgUnion9 .mycompro-content-center {
  padding-bottom: 0px;
}
.terminalFieldSelectCountry .ant-select-selection {
  background-color: #053c63;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
}
.terminalFieldSelectCountry .ant-select-selection .ant-select-arrow-icon svg {
  fill: #fff;
}

.token-header-title {
  white-space: pre-line;
}

.bgtokenimg {
  background-image: url("https://media.mycom.world/frontend/images/img-tokenpurchased.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding-bottom: 30px;
}

.token-text-capitalize {
  text-transform: capitalize;
}

.token-text-uppercase {
  text-transform: uppercase;
}
.tokenHeadingColor {
  display: flex;
  width: 100%;
}
.tokenHeadingColor h2 {
  text-transform: uppercase;
  font-size: 30px;
  color: #000;
  margin: 30px 0px 20px 0px;
  font-weight: bold;
}
.tokenHeadingColor h2 span {
  color: #053c63;
}
.tokenHeadingColor .readBtn {
  margin-top: 35px;
  margin-left: 50px;
}
.testroExchangeImg {
  text-align: center;
  margin: 20px 0px;
}
.testroExchangeImg .token-option-img {
  height: 150px;
  width: 150px;
  margin: auto;
  display: block;
}
.testroExchangeImg label {
  display: block;
}
.row015.row {
  margin: 5% -15px 0px -15px !important;
}

.currentValueFontColor {
  display: flex;
  align-items: center;
  width: 280px;
}

.EURvalueCurrent {
  font-size: 20px;
  color: #053c63;
  font-weight: bold;
  margin-right: 5px;
}

.lablePS {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #053c63;
  color: #fff;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: normal;
}
.myNewPlanBtn.colorRedBtn {
  background-color: #c6151d;
}
.tokenExchange .img-fluid-tesora {
  width: 180px;
  height: auto;
  margin-bottom: 15px;
}
.tokenExchange .ant-radio-group {
  margin: 20px 0px;
}
.tokenExchange .pincode-input-container {
  margin-top: 15px;
}
/* .tokenExchange .pincode-input-container .pincode-input-text{
    border: none !important;
    box-shadow: 0px 3px 6px #00000026;
    border-radius: 5px;
    height: 40px !important;
    width: 40px !important;
    margin: 5px !important;
} */

.token-exchange-capital {
  text-transform: uppercase;
}

.token-forgot-pin-btn {
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  border: none;
  margin-top: 5px;
}

.token-forgot-pin-btn:focus {
  outline: none;
}

.paddingLeftnone {
  padding-left: 0px;
}

.tokenPurchaseHeadingColor {
  display: flex;
  width: 100%;
}
.tokenPurchaseHeadingColor h2 {
  font-size: 14px;
  color: #000;
  margin: 30px 0px 5px 0px;
  font-weight: bold;
}
.tokenPurchaseMessage {
  font-size: 13px;
  color: #262626;
  margin-bottom: 20px;
}
.DropDownLable {
  width: 100%;
  border: 1px solid #053c63;
  border-radius: 2px;
  color: #053c63;
  padding: 5px 10px;
  display: inline-block;
}
.DropDownLable i {
  float: right;
  margin-top: 5px;
}
.DropDownAntD {
  width: 100% !important;
}
.QtyInput {
  background: none;
  border-bottom: 1px solid #909090;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 80px;
  padding-left: 10px;
}
.DropDownAntDCredit {
  width: 260px !important;
  border: none !important;
  color: gray;
  font-weight: normal;
}
.DropDownAntDCredit i {
  float: none;
  margin-left: 10px;
}
.DropDownAntDCredit svg {
  fill: #053c63;
}
.div-pagination {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.filterTablebtn {
  display: flex;
}
.filterTablebtn label {
  margin-right: 20px;
}
.filterTablebtn .ant-dropdown-link {
  border: 1px solid #000;
  padding: 2px 10px;
  color: #000;
}

.filterTablebtnBorderDes {
  border-top: 2px dashed #ddccdd;
  margin-top: 20px;
}

.filterTablebtnBorderDes .ant-dropdown-link {
  border: 1px solid #053c63;
  padding: 2px 10px;
  color: #053c63;
  background-color: #fff;
  margin-top: -14px;
  float: left;
  min-width: 130px;
}

.filterTablebtnBorderDes .ant-dropdown-link i {
  float: right;
  margin-top: 5px;
}

.selesWithCommitomTable.bgTheade {
  border-radius: 0px;
  border: 1px solid #dcdcdc !important;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.selesWithCommitomTable.bgTheade thead {
  background-color: #053c63;
}

.selesWithCommitomTable.bgTheade thead tr th {
  color: #fff;
}
.selesWithCommitomTable.bgTheade tbody tr {
  background-color: transparent !important;
}
.selesWithCommitomTable.bgTheade tbody tr td {
  border-right: 1px solid #dcdcdc !important;
  background-color: transparent !important;
}

.selesWithCommitomTable.bgTheade tbody tr td:last-child {
  border-right: none !important;
}
.TableRow-30 .selesWithCommitomTable.bgTheade {
  margin-bottom: 5px;
}
.TableRow-30 {
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  padding-bottom: 5px;
}

.TableRow-30 .FaAngleDoubleLeft {
  width: 45px;
  text-align: center;
  background-color: #f4f4f4;
}
.TableRow-30 .FaAngleDoubleRight {
  width: 45px;
  background-color: #053c63;
  color: #fff;
  text-align: center;
}
.TableRow-30 .FaAngleDoubleRight,
.TableRow-30 .FaAngleDoubleLeft {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TableRow-30 .FaAngleDoubleRight svg,
.TableRow-30 .FaAngleDoubleLeft svg {
  cursor: pointer;
}

.div-disc-title {
  color: black !important;
  font-size: 14px;
}

.div-disc-p {
  color: black !important;
  font-size: 13px;
}

.div-disc {
  margin-top: 20px !important;
}

.modal-pin-body {
  margin-bottom: 20px !important;
}

.modal-body {
  margin-bottom: 30px !important;
}

.red-cancel-btn {
  background-image: linear-gradient(to right, #c6151d, #c6151d) !important;
}

.transac-catrgory-icon {
  width: 40px !important;
  height: auto !important;
  margin-top: 50px;
}

.recentTransectionWithBg {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 15px 15px 40px 15px;
  background-color: #fff;
  margin-top: 30px;
  background-image: url("https://media.mycom.world/frontend/images/Union10.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.mytransectionWithSimple {
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  padding: 15px 15px 40px 15px;
  background-color: #fff;
  margin: 30px 0px;
}
.recentTransectionWithBg h3,
.mytransectionWithSimple h3 {
  font-size: 30px;
  color: #000 !important;
  text-transform: uppercase;
  margin: 20px 0px 30px 0px;
}
.recentTransectionWithBg label {
  font-weight: normal;
  color: #000;
}
.recentTransectionWithBg label strong {
  color: #000;
  margin-right: 10px;
}
.mytransectionWithSimple label {
  font-weight: normal;
  color: #000;
}
.mytransectionWithSimple label strong {
  color: #000;
  margin-right: 10px;
}
.recentTransectionWithBg .commonTransactionItemBorder .row {
  border: none;
}
.commonTransactionItemBorder {
  padding: 10px 30px;
  margin-bottom: 20px;
}
.commonTransactionItemBorder .row {
  border-bottom: 1px solid #dcdcdd;
  padding-bottom: 15px;
}
.displayAmount {
  font-size: 18px;
  /* color: #000; */
  font-weight: bold;
  text-align: right;
}
.displayAmount .imgiconMycom {
  margin-right: 10px;
}

.invoice-button {
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  border: none;
}

.invoice-button:focus {
  outline: none;
}
.redColor {
  color: #dd5044 !important;
}
.greenColor {
  color: #053c63 !important;
}

.padding5 {
  padding: 10px;
  min-height: 100px;
}

.padding5 .my-info-user-header-coms-amount {
  margin-bottom: 0px;
}

.cry-det-no-data-div {
  text-align: center;
  font-size: 18px;
  color: #053c63;
}

.cry-det-contract-number {
  cursor: pointer;
  text-decoration: underline;
  color: #053c63;
  font-weight: 600;
  width: 140px;
}

.ModalMyniBtn {
  background-color: #053c63 !important;
  color: #fff;
  text-shadow: none !important;
  background-image: none;
  border: none;
  float: right;
  margin: -45px 0px 0px 0px;
}

.SelectAddressModelMyne {
  padding: 10px;
  float: left;
  width: 48%;
  margin: 2px;
  border: 1px solid #dcdcdc;
  min-height: 120px;
  text-align: center;
  min-height: 165px;
  position: relative;
}
.SelectAddressModelMyne .ModalMyniBtn {
  margin: 0px auto 0px auto;
  float: none;
  position: absolute;
  bottom: 10px;
  left: 25%;
}

.crypto-detail-p-tag {
  white-space: pre-line;
}

table.CvcTable.table > tbody > tr > td {
  border: none !important;
}

.common-status-message-error-div {
  background-color: #ff949480;
  min-height: 50px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.common-status-message-success-div {
  background-color: #dff2bf80;
  min-height: 50px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.common-status-success {
  color: #4f8a10;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
}

.common-status-error {
  color: red;
  font-weight: 600;
  font-size: 15px;
  text-align: center;
  padding-top: 15px;
  padding-left: 5px;
  padding-right: 5px;
}

.th-cus-width {
  width: 100px;
}

.error-red-border {
  border: 1px solid red;
  width: 300px;
  height: 40px;
  padding-left: 5px;
  font-size: 13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.error-gray-border {
  border: 1px solid #dcdcdc;
  width: 300px;
  height: 40px;
  padding-left: 5px;
  font-size: 13px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.error-gray-border:focus {
  outline: none;
}

.error-gray-border:focus {
  outline: none;
}

.convertToComsDiv {
  width: 100%;
  /* display: flex; */
}
.bonusLable {
  /* text-align: left; */
  float: left;
}

.convertToComs {
  float: right;
  /* text-align: right;
    align-content: center;
    align-self: flex-end; */
  background-color: #053c63;
  color: white;
  height: 30px;
  border-radius: 5px;
}
.convertToComs:hover {
  background-color: white;
  color: #053c63;
  border: 1px #053c63 solid;
  border-radius: 5px;
}
.convertedComs {
  float: right;
  color: #053c63;
}

.colorWhitetokenDetails .my-info-user-color-two {
  background-color: #fff;
  text-align: left;
}

.colorWhitetokenDetails .my-info-user-header {
  color: #000;
}
.colorWhitetokenDetails .my-info-user-header-coms-amount {
  color: #000;
}

.seed-table-col-title {
}

.div-downloading {
  text-align: center;
}

.my-info-user-main-div {
  margin: 10px;
}
.my-info-user-coms-div {
  margin: 15px 0px;
  padding: 0px;
  text-align: center;
}

.my-info-user-color-two {
  /* border: 1px solid #FFFFFF; */
  background: #053c63;
}
.my-info-user-color-one {
  border: 2px solid #d6dfdf;
  background: #ffffff;
}

.my-info-user-header {
  font-size: 14px;
  font-weight: 900;
  font-family: "Ubuntu", sans-serif;
  color: #ffffff;
}
.my-info-user-header-coms-amount {
  font-size: 20px;
  font-weight: 400;
  font-family: "Ubuntu", sans-serif;
  color: #ffffff;
}
.my-info-user-row-margin {
  margin-top: 10px;
}

.my-info-user-memberplan-div {
  margin: 15px;
  height: 140px;
}
.my-info-user-margin-left-15 {
  margin-left: 15px;
}
.my-info-user-display-vendor-inline {
  display: inline-block;
}
.my-info-user-vendor-profile-pic-div {
  width: 150px !important;
  height: 150px !important;
  object-fit: cover;
  /* margin-top: -70px; */
}

.for-col-padding {
  /* width: 90% !important; */
  /* height: 90% !important; */
}

.my-info-user-profile-pic-margin {
  margin-left: 10px;
}

.my-info-user-recents-div {
  margin: 20px;
}

.my-info-user-upgrade-lable {
  cursor: pointer;
  text-decoration: underline;
}
.my-info-user-options-div-icons {
  width: 90px;
  height: 90px;
}
.my-info-user-options-div-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.my-info-user-cursor {
  cursor: pointer;
}
.my-info-user-underline {
  text-decoration: underline;
}
.my-info-user-modal-size {
  width: 50% !important;
  height: 50% !important;
}

.my-info-user-modal-body {
  width: 100% !important;
  height: 100% !important;
}
.my-info-user-center {
  text-align: center;
  padding: 5px;
  margin: auto;
}

.my-info-user-modal-title {
  background-color: #053c63;
  border: 1px solid #ffffff;
  color: #ffffff !important;
  border-radius: 5px 5px 0 0;
  text-align: center !important;
}

.modal-title {
  /* color: #FFFFFF !important; */
}

.AccountDashBoardProfileBox {
  width: 100%;
  float: left;
  display: flex;
  background-color: #fdfdfd;
  padding: 5px;
}

.AccountDashBoardProfileBox .AccountDashBoardProfileImg {
  width: 150px;
  float: left;
}
.AccountDashBoardProfileBox .AccountDashBoardProfileDetaile {
  width: 100%;
  padding: 0px 15px 0px 15px;
}

.account-dashbaord-kyc-link {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

@media (max-width: 700px) {
  .my-info-user-modal-size {
    width: 95% !important;
    height: 90% !important;
  }
  .my-info-user-vendor-profile-pic-div {
    width: 120px;
    height: 140px;
    /* margin-top: -70px; */
  }
}

.priv-sett-border {
  border: 1px solid lightgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin: 10px;
  padding: 10px;
  background-color: white !important;
}

.pri-set-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
  padding-top: 10px;
  color: #053c63;
}

.pri-set-descr {
  font-size: 15px;
  font-weight: 400;
  white-space: pre-line;
  text-align: justify;
}

.pri-set-red-star {
  color: red;
  padding-left: 1px;
}

.pri-set-curr-pass-title {
  font-size: 14px;
  font-weight: 500;
}

.pri-set-input-pass {
  width: 300px;
  height: 45px;
  border: 1px solid lightgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 10px;
  padding-left: 5px;
}

.pri-set-btn {
  min-width: 120px;
  height: 35px;
  background-color: #053c63;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid lightgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 10px;
}

.pri-set-checkbox {
  width: 20px;
  height: 20px;
}

.pri-set-section-cond {
  margin-bottom: 20px;
}

.pri-set-acce-cond {
  height: 20px;
}

.pri-set-activity-loader-div {
  width: 100px;
}

.mycom-pro-bkg {
  background-color: white;
  margin-top: 30px;
}
.mycom-pro-bkg h3 {
  text-align: center;
  color: #000 !important;
  font-size: 30px;
}
/* .modal-body {
    margin-bottom: 30px !important;
    max-height: 75vh;
    overflow-y: scroll;
} */
.youtube-iframe {
  margin-top: 20px;
}
.related-videos {
  margin-top: 20px;
}
.mycom-pro-bkg p {
  text-align: center;
  color: #000;
}
.mycom-pro-commission {
  white-space: pre-line;
}

.mycom-pro-active-btn {
  background-color: #053c63 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0px 3px 6px #00000026 !important;
  outline: none !important;
  margin-right: 20px;
  width: 234px;
  height: 50px;
}
.mycom-pro-active-btn img {
  width: 25px;
  float: left;
}

.imagemarginTop2 {
  margin-top: 10%;
}

.mycom-pro-inactive-btn {
  background-color: #fff !important;
  color: #053c63;
  border: none !important;
  box-shadow: 0px 3px 6px #00000026 !important;
  outline: none !important;
  margin-right: 20px;
  width: 234px;
  height: 50px;
  margin-bottom: 20px;
}
.mycom-pro-inactive-btn img {
  width: 25px;
  float: left;
}
.wellComMycomPro {
  padding: 30px 0px 0px 30px;
  background-image: linear-gradient(to left, #09d1de, #053c63);
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  width: 100%;
  float: left;
  background-position: center;
}
.wellComTesoraPro {
  padding: 30px 0px 0px 30px;
  /*background-image: url('../../../resource/images/bg-advisorcenterbar.jpg');*/
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
  width: 100%;
  float: left;
}
.wellComMycomPro h3 {
  color: #fff !important;
  font-size: 30px;
  margin: 5% 0px;
}
.wellComMycomProWrapper {
  margin: 30px 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  position: relative;
}
.salesTotalCommisionPro {
  padding: 30px 15px;
  width: 100%;
  float: left;
}
.salesTotalCommisionPro h3 {
  font-size: 24px;
  text-transform: uppercase;
  margin-left: 15px;
  color: #000 !important;
}
.salesTotalCommisionPro label {
  font-weight: normal;
  text-align: right;
  color: #000;
  float: right;
  font-size: 16px;
}
.salesTotalCommisionPro .newColor3 {
  font-size: 24px;
}

.mycomproFilterSalesOrg {
  margin: 10px 0px;
  width: 100%;
  float: left;
}

.mycomproFilterSalesOrg .ant-btn.ant-dropdown-trigger {
  border: none !important;
  background-color: #053c63;
  color: #fff;
  height: 24px;
  outline: none !important;
  margin: 0px 10px 0px 0px;
}

.mycomproFilterSalesOrg .ant-calendar-picker-input.ant-input {
  border: none !important;
  background-color: #053c63;
  color: #fff !important;
  height: 24px;
  outline: none !important;
  margin: 0px;
  padding: 0px 5px;
}
.mycomproFilterSalesOrg .ant-calendar-picker {
  padding: 0px;
}
.mycomproFilterSalesOrg .ant-calendar-picker-input.ant-input svg {
  fill: #fff !important;
}

.mycomproFilterSalesOrg
  .ant-calendar-picker-input.ant-input
  .ant-calendar-range-picker-input::placeholder {
  color: #fff !important;
  opacity: 1; /* Firefox */
}

.mycomproFilterSalesOrg
  .ant-calendar-picker-input.ant-input
  .ant-calendar-range-picker-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff !important;
}

.mycomproFilterSalesOrg
  .ant-calendar-picker-input.ant-input
  .ant-calendar-range-picker-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff !important;
}
.tableresponsive {
  overflow-x: auto !important;
  width: 100%;
  float: left;
}
.selesWithCommitomTable {
  border: none !important;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  float: left;
}
.selesWithCommitomTable > thead > tr {
  padding: 15px 0px;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px 10px 0px 0px;
  margin-bottom: 20px;
}
.selesWithCommitomTable > thead > tr > th {
  border-bottom: 0px !important;
  border-left: 0px solid #dcdcdc !important;
  font-size: 12px !important;
  color: #000;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.selesWithCommitomTable > thead > tr > th::after {
  position: absolute;
  content: "";
  top: 8px;
  bottom: 8px;
  left: 0px;
  width: 1px;
  border-left: 1px solid #dcdcdc !important;
  border-left-style: dashed !important;
}
.selesWithCommitomTable > thead > tr > th:first-child::after {
  border: none !important;
}
.selesWithCommitomTable > tbody > tr > td {
  border-top: none !important;
  font-size: 12px;
  text-align: center;
}
.selesWithCommitomTable > tbody > tr:nth-of-type(odd) {
  background-color: #fff !important;
}

.selesWithCommitomTable > tbody > tr > td:nth-of-type(odd) {
  background-color: #fcfcfc !important;
}

.paid-status {
  color: #053c63;
}
.text-black {
  color: #000;
}
.feactures {
  margin: 30px auto;
}
.img-feacture {
  height: 40px;
  margin-bottom: 15px;
}
.img-quote {
  display: inline-block;
  margin-right: 15px;
}
.img-quote-inv {
  display: inline-block;
  margin-left: 15px;
  transform: scaleX(-1);
}
.img-advisor {
  width: 40%;
  margin: 0 auto;
  display: inherit;
  margin-bottom: 30px;
}
.color-blue-2 {
  color: #053c63 !important;
}
.feacture-card a {
  font-size: 14px;
  margin: 5px 0px;
  display: block;
}

.feacture-card {
  box-shadow: 1px 1px 6px 2px #ddd;
  border-radius: 5px;
  text-align: center;
  padding: 10px 5px;
  background-image: url(/static/media/bg-cardsmenumyoffice.f8913e80.jpg);
  padding-top: 25px;
  padding-bottom: 15px;
  height: 260px;
  margin: 15px 0px;
}
.feacture-card .sub-text a {
  color: #053c63;
}
.feacture-card h4 {
  font-size: 15px;
  margin: 0.6rem 0 1.5rem 0;
}
.container-feactures .small-sub-text {
  font-size: 14px;
  margin: 1rem 0 3.5rem;
}
.title-primary {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 3em;
}
.title-second {
  font-size: 3.5em;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 25px;
}
.container-feactures {
  margin: 0 auto;
  margin-top: 30px;
  padding-left: 25px;
  padding-right: 25px;
}
.MyOffice {
  width: 100%;
  float: left;
  position: relative;
  padding: 50px 45px 0px 45px;
}
.pLR.MyOffice::before {
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  height: 200px;
  /* background-image: url("https://media.mycom.world/frontend/images/bg-tesorafinancialdashboard.jpg"); */
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}
.mb-0 {
  margin-bottom: 0;
}
.salesButton {
  margin: 30px auto;
  text-align: center;
}
.cursor-pointer {
  cursor: pointer;
}
.img-dashboard {
  width: 30px;
  margin: 0 auto;
  display: inherit;
  padding: 12px 0px;
}
.back-image {
  margin-right: 15px;
}
.d-inline-block {
  display: inline-block;
}
.panelAccess {
  text-align: center;
  margin-top: 30px;
}
.panelAccessVideo {
  text-align: left;
  margin-top: 5px;
  margin-left: 25px;
}
.panelAccess a,
.panelAccessVideo a {
  margin-right: 15px;
}
.panelAccess a.active,
.panelAccessVideo a.active {
  color: #000;
  font-weight: bolder;
}
.container-feactures-tab {
  background-color: #f5f4ef;
  border-radius: 10px 10px 0 0;
}
.container-feactures-tab h4 {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}
.mycom-pro-text1 {
  width: 100%;
  text-align: center;
  font-size: 25px;
  letter-spacing: 2px;
  color: #ffffff;
}

.mycom-pro-text2 {
  width: 100%;
  text-align: center;
  font-weight: bolder;
  font-size: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-top: -15px;
  margin-bottom: 15px;
}

.container-feactures-tab h4.active {
  background-color: #fff;
}
.card-image-video {
  width: 100%;
  height: 150px;
  position: relative;
  background-color: #053c63 !important;
  background-size: cover !important;
  background-position: center !important;
}
.card-image-video::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.card-video {
  margin-bottom: 30px;
}
.card-video h5 {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  background-color: #053c63bd;
  margin: 0;
  color: #fff !important;
}
.card-video h4 {
  color: #000 !important;
  margin: 0;
  margin-bottom: 3px;
  font-size: 15px;
}
.card-video h4.title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  overflow: hidden;
  height: 18px;
}
.mycom-intro-img-play {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 30px);
}

.section-videos {
  margin-bottom: 50px;
  margin-top: 50px;
}
.dashboardImgDiv {
  width: 100%;
  float: left;
  text-align: center;
}
@media (max-width: 1400px) {
  .container-feactures-tab h4 {
    font-size: 16px;
  }
}
@media (max-width: 1360px) {
  .feacture-card a {
    font-size: 12px;
  }
}
@media (max-width: 1195px) {
  .feacture-card a {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .MyOffice {
    padding: 40px 5px 0px 5px !important;
  }
  .container-feactures {
    padding-left: 5px;
    padding-right: 5px;
  }
  .section-presentations {
    overflow-x: scroll;
    width: 320px;
    margin: 40px auto !important;
  }
  .mobileScrollTable {
    overflow-x: scroll;
    width: 300px;
    margin: 0px auto !important;
  }
}

.main-div-tree {
  text-align: center;
  background-color: #053c63;
  margin: 15px;
  padding: 5px;
  height: 500px;
  border-radius: 10px;
}
.myLabelComponentInSvg {
  width: 132px;
  height: 150px;
  background-color: #fff;
  margin: auto;
  padding: 5px;
  border-radius: 10px;
}
.profile_image {
  width: auto;
  height: 80px;
}
.profile_image_child {
  width: auto;
  height: 80px;
}
.main-div-tree .linkBase {
  fill: none;
  stroke: red !important;
  stroke-width: 4px;
}

/* foreignObject{
    width: 132px;
    height: 130px;
    background-color: #fff;
    overflow: inherit;
} */
.orgProfileThamnail {
  width: 70px;
  height: 80px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px auto 8px auto;
  box-shadow: 0px 3px 6px #00000026;
}
.myLabelComponentInSvg label.color-mycom {
  font-size: 10px !important;
  margin-bottom: 0px;
  color: #000 !important;
  line-height: 5px !important;
}
.myLabelComponentInSvg label.color-black {
  font-size: 8px !important;
  margin-bottom: 0px;
  color: gray !important;
}
.main-div-tree foreignObject {
}

.card-image-presentation {
  width: 100%;
  height: 200px;
  position: relative;
  background-color: #053c63 !important;
  background-size: cover !important;
  background-position: center !important;
}
.card-image-presentation::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.card-presentation {
  margin-bottom: 30px;
}
.card-presentation h5 {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  background-color: #053c63bd;
  margin: 0;
  color: #fff !important;
}
.card-presentation h4 {
  color: #000 !important;
  margin: 0;
  margin-bottom: 3px;
  font-size: 15px;
}
.card-presentation h4.title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  height: 17px;
  overflow: hidden;
}
.mycom-intro-img-play {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 30px);
}

.section-presentations {
  margin-bottom: 50px;
  margin-top: 50px;
}
.box-buttons div {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #053c63;
  margin-right: 5px;
  color: #053c63;
  text-align: center;
  padding-top: 3px;
}
.box-buttons div.presentation {
  text-align: center;
  font-size: 10px;
  line-height: 24px;
  color: #fff;
  font-weight: bolder;
}
.social-media-share {
  display: inline-block;
  list-style: none;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.social-media-share li {
  display: inline-block;
}
.button-social {
  width: 30px;
  height: 30px;
  background-image: url(https://raw.githubusercontent.com/nygardk/react-share/HEAD/example.png);
  background-size: cover;
}
.email {
  background-position-x: 251px;
}
.facebook {
  background-position-x: 1px;
}
.line {
  background-position-x: 156px;
}
.linkedin {
  background-position-x: 502px;
}
.livejournal {
  background-position-x: 313px;
}
.mailru {
  background-position-x: 65px;
}
.ok {
  background-position-x: 408px;
}
.pinterest {
  background-position-x: 471px;
}
.reddit {
  background-position-x: 376px;
}
.telegram {
  background-position-x: 565px;
}
.tumblr {
  background-position-x: 345px;
}
.twitter {
  background-position-x: 597px;
}
.viber {
  background-position-x: 219px;
}
.vk {
  background-position-x: 439px;
}
.whatsapp {
  background-position-x: 533px;
}
.workplace {
  background-position-x: 187px;
}
.box-buttons .box-buttons {
  background-color: #eee;
}
.box-buttons .pdf {
  background-color: #b60a0a;
}
.box-buttons .pptx,
.box-buttons .ppt {
  background-color: #b7550e;
}
.box-buttons .doc,
.box-buttons .docx {
  background-color: #004e7e;
}

.bg-blue {
  background-color: #053c63;
}
.text-blue {
  color: #053c63;
}
.btn.bg-blue {
  background-color: #053c63;
  color: #fff;
}
.btn.bg-blue:hover,
.btn.bg-blue:active,
.btn.bg-blue:focus {
  background-color: #fff;
  color: #053c63;
}
.bg-gray {
  background-color: #f2f2f2;
}
.text-capitalize {
  text-transform: capitalize;
}

.action-btn {
  margin-right: 5px;
}
.actions-table {
  display: none;
}
.actions-row:hover .actions-table {
  display: inline-block;
}
.table-hover > tbody > tr:hover {
  background-color: #daf0fe;
}
.cursor-pointer {
  cursor: pointer;
}

.action-btn {
  margin-right: 5px;
}
.actions-table {
  display: none;
}
.actions-row:hover .actions-table {
  display: inline-block;
}
.table-hover > tbody > tr:hover {
  background-color: #daf0fe;
}

.newContract {
  padding: 30px 15px;
}
.newContract p {
  margin: 15px 0 5px;
}
.btn-add {
  color: #fff;
  border-radius: 15px;
  margin-top: 15px;
  font-weight: bold;
}

.card-image-presentation {
  width: 100%;
  height: 200px;
  position: relative;
  background-color: #053c63 !important;
  background-size: cover !important;
  background-position: center !important;
}
.card-image-presentation::before {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.card-presentation {
  margin-bottom: 30px;
}
.card-presentation h5 {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 6px;
  background-color: #053c63bd;
  margin: 0;
  color: #fff !important;
}
.card-presentation h4 {
  color: #000 !important;
  margin: 0;
  margin-bottom: 3px;
  font-size: 15px;
}
.card-presentation h4.title {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
  height: 17px;
  overflow: hidden;
}
.mycom-intro-img-play {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 30px);
}

.section-presentations {
  margin-bottom: 50px;
  margin-top: 50px;
}
.box-buttons div {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid #053c63;
  margin-right: 5px;
  color: #053c63;
  text-align: center;
  padding-top: 3px;
}
.box-buttons div.presentation {
  text-align: center;
  font-size: 10px;
  line-height: 24px;
  color: #fff;
  font-weight: bolder;
}
.social-media-share {
  display: inline-block;
  list-style: none;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 0;
}
.social-media-share li {
  display: inline-block;
}
.button-social {
  width: 30px;
  height: 30px;
  background-image: url(https://raw.githubusercontent.com/nygardk/react-share/HEAD/example.png);
  background-size: cover;
}
.email {
  background-position-x: 251px;
}
.facebook {
  background-position-x: 1px;
}
.line {
  background-position-x: 156px;
}
.linkedin {
  background-position-x: 502px;
}
.livejournal {
  background-position-x: 313px;
}
.mailru {
  background-position-x: 65px;
}
.ok {
  background-position-x: 408px;
}
.pinterest {
  background-position-x: 471px;
}
.reddit {
  background-position-x: 376px;
}
.telegram {
  background-position-x: 565px;
}
.tumblr {
  background-position-x: 345px;
}
.twitter {
  background-position-x: 597px;
}
.viber {
  background-position-x: 219px;
}
.vk {
  background-position-x: 439px;
}
.whatsapp {
  background-position-x: 533px;
}
.workplace {
  background-position-x: 187px;
}
.box-buttons .box-buttons {
  background-color: #eee;
}
.box-buttons .pdf {
  background-color: #b60a0a;
}
.box-buttons .pptx,
.box-buttons .ppt {
  background-color: #b7550e;
}
.box-buttons .doc,
.box-buttons .docx {
  background-color: #004e7e;
}

.proProductBox {
  width: 100%;
  height: 420px;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  transition: 500ms;
  border: #919191 1px solid;
  box-shadow: 0px 3px 6px #00000026;
}
.proProductBox .proProductPrice {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #053c63;
}
.proProductBox .proProductNameLabel {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #000;
  height: 50px;
  word-wrap: break-word;
  overflow: hidden;
}
.proProductBox .proProductImg img {
  height: 150px;
  width: auto;
  margin: 10px 0px;
}
.proProductBox .proProductDiscount {
  padding-left: 30px;
  color: #999;
  font-weight: 400;
  font-size: 12px;
}
.proProductBox .proProductShareBack {
  width: 100%;
  float: left;
  color: #000;
  font-size: 16px;
}
.proProductBox .proProductShareBack span {
  color: #919191;
  font-weight: bold;
  display: block;
  font-size: 20px;
}
.btnProProduct {
  background-color: #053c63;
  color: #fff;
  font-size: 13px;
  border: none;
  box-shadow: none;
  outline: none;
  height: 28px;
  margin-top: 0px;
  border-radius: 2px;
  width: 70%;
  text-transform: uppercase;
  margin-top: 10px;
  border-radius: 20px;
}
.btnProProductView {
  background-color: #053c63;
  color: #fff;
  font-size: 13px;
  border: none;
  box-shadow: none;
  outline: none;
  height: 28px;
  margin-top: 0px;
  border-radius: 2px;
  width: 70%;
  margin-top: 10px;
  border-radius: 20px;
}
.iconProProductBox {
  position: absolute;
  top: 10px;
  left: -40px;
  opacity: 1;
  /* filter: alpha(opacity=0); */
  z-index: 3;
  transition: 500ms;
}
.proProductBox:hover .iconProProductBox {
  left: 2px;
  transition: 500ms;
}
.iconProProductBox label {
  display: block;
  vertical-align: top;
  font-weight: 400;
  width: 30px;
  height: 30px;
  margin: 2px 0;
  background-color: #053c63;
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

.iconProProductBox label span {
  font-size: 12px;
}
.iconProProductBox label::after,
.iconProProductBox label::before {
  display: none;
}
.iconProProductBox label:hover::after,
.iconProProductBox label:hover::before {
  display: initial;
}

.FaEye::after {
  position: absolute;
  content: "View";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.FaHeart::after {
  position: absolute;
  content: "Add To Wish";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.FaCartPlus::after {
  position: absolute;
  content: "Add To Cart";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.iconProProductBox label::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  right: -12px;
  top: 10px;
  background-color: #444444;
  border-radius: 2px;
  transform: rotate(45deg);
}

/* user detail form  */

.userdetail-main-div {
  padding: 20px;
  background-color: #fff;
  /* margin-bottom: 20px; */
}

.userdetail-collaps-view {
  margin-top: 20px !important;
}
.userdetail-buttonsave {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: #053c63;
  box-shadow: none;
  outline: none;
}
.userdetail-buttoncancle {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: red;
  box-shadow: none;
  outline: none;
}
.userdetail-buttoncanclSave {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: #053c63;
  box-shadow: none;
  outline: none;
}
.userdetail-buttonsave:hover,
.userdetail-buttoncancle:hover {
  opacity: 0.7;
}
.phonenumber {
  margin-top: -10px !important;
}
.mailSearchBoxchoose {
  /* background-color: #f4f4f4; */
  background-color: white;
  margin-top: -10px;
  padding-top: 15px;
  box-shadow: 0px 3px 6px #00000026;
}
.bgColorWhite {
  background-color: #fff;
}

.SearchInputMailId input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding: 15px;
  height: 40px;
  margin-bottom: 10px;
}

.inputBoxPro {
  width: 80%;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.inputBoxPro .lableInputPro {
  width: 100%;
  float: left;
}
.inputBoxPro .lableInputPro label {
  font-weight: normal;
  color: #000;
  position: relative;
  margin-top: 5px;
  text-transform: capitalize;
}
.inputBoxPro .inputBoxBorder {
  width: 100%;
  position: relative;
  display: flex;
  box-shadow: 0px 3px 6px #00000026;
  margin: 10px 0px;
}

/* .inputBoxPro .lableInputPro label::after{
    position: absolute;
    content: '';
    top: -1px;
    left: -5px;
    bottom:-3px ;
    width: 7px;
    border-top: 1.5px solid #053C63;
    border-left: 1.5px solid #053C63;
    border-bottom: 1.5px solid #053C63;

} */

/* .inputBoxPro .lableInputPro label::before{
    position: absolute;
    content: '';
    top: -1px;
    right: -5px;
    bottom:-3px ;
    width: 7px;
    border-top: 1.5px solid #053C63;
    border-right: 1.5px solid #053C63;
    border-bottom: 1.5px solid #053C63;

} */
.ant-select-selection-selected-value {
  width: 100% !important;
}

/* .inputBoxPro .inputBoxBorder::after{
    position: absolute;
    content: '';
    top: -0.5px;
    left: -0.5px;
    height: 15px;
    width: 15px;
    border-top: 1.5px solid #053C63;
    border-left: 1.5px solid #053C63;

}
.inputBoxPro .inputBoxBorder::before{
    position: absolute;
    content: '';
    bottom: -0.5px;
    right:-0.5px;
    height: 15px;
    width: 15px;
    border-right: 1.5px solid #053C63;
    border-bottom: 1.5px solid #053C63;
    z-index: 3;

} */

.inputBoxPro .inputBoxBorder .userdetail-textfield-firstname-hd,
.inputBoxPro .inputBoxBorder .ant-select-selection,
.inputBoxPro .inputBoxBorder .form-control {
  font-size: 14px !important;
  text-align: left !important;
  height: 35px !important;
  /* margin-top: -10px; */
  border-radius: 0px !important ;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  outline: none;
}

.ErrorBox {
  border: 1px solid #dd5043 !important;
}

.orderSummery {
  border: 1px solid #dcdcdc;
  padding: 20px;
}
.orderSummery .table tr td {
  padding: 5px 0px !important;
  color: #000;
}
/* .orderSummery .table tr:last-child{
    border-top: 1px solid #053C63;
    font-size: 20px;
    margin: 10px 0px;
    
} */

.reviewBoxPro {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

.reviewBoxPro .reviewImage {
  width: 80px;
  height: 80px;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.reviewBoxPro .reviewImage img {
  height: 70px;
  width: auto;
}
.reviewBoxPro .reviewDetail {
  width: 75%;
}
.reviewBoxPro .reviewDetail label {
  color: #000;
  display: block;
}

.proInput {
  font-size: 14px !important;
  text-align: left !important;
  height: 35px !important;
  /* margin-top: -10px; */
  border-radius: 0px !important ;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  outline: none;
}

.cardDetailsPro .lableInputPro label {
  margin-top: 15px;
  font-weight: normal;
  color: #000;
}
.cardDetailsPro .ant-select-selection {
  border-radius: 0px;
  width: 100%;
}

.cardDetailsSelect {
  display: flex;
}
.cardDetailsSelect .FaRegCreditCard {
  width: 40px;
  font-size: 15px;
  border: 1px solid #d9d9d9;
  height: 32px;
  padding: 5px;
  border-right: none;
  fill: #053c63;
}

.BillingAdd label {
  font-weight: normal;
  color: #000;
  width: 100%;
}

.BillingAdd label span {
  width: 50px;
  float: left;
  font-weight: 500;
}

.BillingAdd .BillingAddLabel {
  width: 84%;
  font-weight: normal;
}
.headingProOrderPlace {
  background-color: #053c63;
  color: #fff;
  text-align: center;
  padding: 8px;
  margin-bottom: 20px;
}
.ProductCheckBox {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}
.ProductRow {
  margin-top: 30px;
}
.UserImage {
  width: 50px;
  height: 50px;
}
.HorizontalLine {
  width: 100%;
  border-bottom: 1px #053c63 solid;
}
.HorizontalLinegray {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}
.marginRow {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.SubtotalBottom {
  width: 100%;
  text-align: -webkit-right;
}
.SubtotalBottomInner {
  width: 40%;
}
.messageLable {
  width: 100%;
  text-align: center;
  color: #dd5043;
  padding-bottom: 30px;
}
.ErrorLable {
  width: 100%;
  text-align: center;
  color: #dd5043;
  padding-bottom: 30px;
}
.SuccessLable {
  width: 100%;
  text-align: center;
  color: #007acc;
  padding-bottom: 30px;
}
.EditButton {
  background-color: white;
  border: 1px solid #053c63;
  height: 35px;
}

.selected-user-div {
  background-color: #f4f4f4;
  /* border: 1px solid #dcdcdc; */
  margin-top: 10px;
  box-shadow: 0px 3px 6px #00000026;
}

.unselected-user-div {
  /* border: 1px solid transparent; */
  margin-top: 10px;
}

.otherTransferListimg1 {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 10px;
}

.otherTransferListimg1 img {
  height: auto;
  width: 40px;
}
.otherTransferListimgCancle {
  position: absolute;
  right: 5px;
  top: 5px;
}
.otherTransferListimgCancle img {
  width: 15px;
  float: right;
}
.select-user-row {
  margin-top: -20px;
}
.qtyBg {
  align-self: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.minusQty {
  border: #053c63 solid 1px;
  height: 20px;
  width: 15px;
  color: #053c63;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.qtyLable {
  color: #053c63;
}
/* .qtyLable input{
    border: 1px solid #053C63;
    box-shadow: none !important;
    outline: none !important;
    width: 80px;
    height: 20px;
    text-align: center;
} */
.plusQty {
  border: #053c63 solid 1px;
  height: 20px;
  width: 15px;
  color: #053c63;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
}

.product-img-size {
  height: 100px;
  width: auto;
}

.icon-cart {
  font-size: 22px;
  margin-right: 4px;
}
/* .addressBoxSales p{
    margin-bottom: 5px;
} */
.addressBoxSalesSelected p {
  margin-bottom: 5px;
}

/* .addressBoxSales{
    min-height: 250px;
    border:  1px solid #dcdcdc;
    border-radius: 5px;
    color: #000;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 6px #00000026;
    cursor: pointer;
    background-image: url('https://media.mycom.world/frontend/images/Union9.png');
    background-size: 78%;
    background-position: 150% 140%;
    background-repeat: no-repeat;
} */
.addressBoxSalesSelected {
  min-height: 250px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #000;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #00000026;
  background-color: #f4f4f4;
  cursor: pointer;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-position: 150% 140%;
  background-repeat: no-repeat;
}

.fevoritContactEmailSelect {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 30px;
  cursor: pointer;
  padding: 10px 0px;
  position: relative;
}

.fevoritContactEmailSelect.PowerHouseToken {
  margin-top: 0px;
}

.fevoritContactEmailSelect.PowerHouseToken .withCheckBoxUserName label {
  width: 100%;
  font-size: 18px;
}
.fevoritContactEmailSelect.PowerHouseToken .withCheckBoxUserName div {
  font-size: 16px;
}
.withCheckBoxUserImage {
  width: 60px;
}

.withCheckBoxUserName label {
  margin-bottom: 0px;
  width: 270px;
  text-overflow: ellipsis;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

.productListSearchBg {
  border-bottom: 1px solid;
  width: 70%;
  float: right;
}
.productListSearchBg input {
  width: 90%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 18px;
}
.productListSearchBg i {
  font-size: 25px;
  float: right;
}
.productIcountList {
  float: right;
  font-size: 18px;
  background-color: #053c63;
  color: #fff;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalThamnailProductImg .image-gallery-thumbnail-image {
  width: 80px !important;
  height: 80px !important;
}

.modalThamnailProductImg {
  padding: 5%;
  border-right: 1px solid #dcdcdc;
}
.modalThamnailProductImg .image-gallery-slide {
  text-align: center;
  border: 1px solid #dcdcdc;
  margin-bottom: 20px;
}
.modalproductListPadding {
  padding: 30px 30px 0px 30px;
}

.modalProductDetailsRight {
}
.modalProductDetailsHeadeing h3 {
  color: #000 !important;
}
.modalProductDetailsHeadeing {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.modalProductDetailsRight .proProductFix {
  display: block;
  font-size: 24px;
  color: #053c63;
}
.proProductShareBack {
  font-size: 20px;
}
.proProductShareBack p {
  font-size: 20px;
}
.proProductShareBack span {
  color: #053c63;
}
.ChangeUserbox {
  background-color: #f4f4f4;
  padding: 10px 0px;
  box-shadow: 0px 3px 6px #00000026;
}
.subscription {
  border: 1px solid #dcdcdc;
  padding: 15px;
  margin: 20px 0px;
}
.inputSingleBorder {
  border: none !important;
  border-radius: 0px;
  border-bottom: 1px solid #dcdcdc !important;
  width: 100%;
}
.selectBg.ant-select.ant-select-enabled {
  width: 100%;
}
.selectBg.ant-select.ant-select-enabled
  .ant-select-selection.ant-select-selection--single {
  border: none;
  background-color: #053c63;
  color: #fff;
  margin-right: 20px;
  border-radius: 0px;
  height: 40px;
  margin-top: 5px;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 20px;
}

.selectBg .ant-select-selection .ant-select-arrow svg {
  fill: #fff;
  margin-left: 5px;
}

.lbl-bold {
  font-weight: 600;
}

.lbl-light {
  font-weight: 400;
  padding-left: 2px;
}

.modalproductListPadding .tab-content {
  background-color: #f4f4f4;
  padding: 15px 30px;
  border-radius: 0px 0px 10px 10px;
}

.modalproductListPadding .nav-tabs {
  border-bottom: 0px solid #ddd;
  padding-left: 40px;
}

.modalproductListPadding .nav-tabs > li.active > a,
.modalproductListPadding .nav-tabs > li.active > a:focus,
.modalproductListPadding .nav-tabs > li.active > a:hover {
  color: #000;
  cursor: default;
  background-color: #f4f4f4;
  border: none !important;
  font-weight: bold;
  border-radius: 15px 15px 0px 0px;
}
.modalproductListPadding .nav-tabs > li:hover {
  border: none !important;
}
.modalproductListPadding .nav-tabs > li a {
  border: none !important;
  color: #000;
  border-radius: 15px 15px 0px 0px;
}
/* div#uncontrolled-tab-example {
  margin: 0px -30px;
} */

.addressBoxSalesSelected1 {
  min-height: 250px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #000;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #00000026;
  background-color: white;
  cursor: pointer;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-position: 120% 100%;
  background-repeat: no-repeat;
}

.div-no-data-found {
  padding-left: 20px;
  font-size: 16px;
  padding-top: 10px;
}

@media (max-width: 600px) {
  .userdetail-margin-col-only {
    margin-top: 20px;
  }
}

@charset "UTF-8";
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: #e6e6e6;
}

.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-content {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.rbc-row-content-scrollable
  .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}

.rbc-event,
.rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event,
.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected,
.rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}
.rbc-event:focus,
.rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: flex;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}

.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  display: flex;
  flex-direction: row;
}

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
}

.rbc-day-bg {
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  flex: 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}

.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}

.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0 0;
  flex-basis: 0px;
}

.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}

.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1 0;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
}
.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}

.calendar-box {
  padding: 30px 30px;
}
.rbc-btn-group button {
  background-color: #053c63;
  color: #fff;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border: 1px solid transparent;
  border-radius: 6px;
}
.rbc-btn-group button.rbc-active,
.rbc-btn-group button:hover {
  background-color: #fff;
  color: #053c63;
}
.div-text-right {
  text-align: right;
  width: 100%;
}

.order-id-client {
  text-decoration: underline;
  color: #053c63;
  cursor: pointer;
}

.order-id-client:hover {
  color: blue;
}

.imageTransectionTable {
  width: 80px;
  height: 80px;
}

.selesWithCommitomTable.TableBorder tbody tr {
  border-bottom: 1px solid #f4f4f4 !important;
}
.selesWithCommitomTable.TableBorder .StatusTable {
  background-color: #df0b0b !important;
  color: #fff;
}

.selesWithCommitomTable.TableBorder .StatusTablePaid {
  background-color: #053c63 !important;
  color: #fff;
}
.ClienOrderIdBox {
  border: 1px solid #dcdcdc;
  background-color: #f4f4f4;
  padding: 15px;
  margin-bottom: 20px;
}

.privData {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.privData .pri-set-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 0px;
  color: #053c63;
}
.privData .myNewPlanBtn {
  float: left;
}

.pri-set-descr {
  font-size: 15px;
  font-weight: 400;
  white-space: pre-line;
  text-align: justify;
}

.pri-set-red-star {
  color: red;
  padding-left: 1px;
}

.pri-set-curr-pass-title {
  font-size: 14px;
  font-weight: 500;
}

.privData .pri-set-input-pass {
  width: 300px;
  height: 45px;
  border: none;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid gray !important;
  border-radius: 0px;
  margin-bottom: 20px;
}

.pri-set-btn {
  min-width: 120px;
  height: 35px;
  background-color: #053c63;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid lightgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 10px;
}

.pri-set-checkbox {
  width: 20px;
  height: 20px;
}

.pri-set-section-cond {
  margin-bottom: 20px;
}

.pri-set-acce-cond {
  height: 20px;
}

.pri-set-activity-loader-div {
  width: 100px;
}
.privData input.ant-checkbox-input {
  width: 30px !important;
  height: 30px !important;
}
.bgbackimage {
  position: relative;
  z-index: 3;
}
.bgImageMycom {
  background-image: url(https://media.mycom.world/frontend/images/Union9.png);
  background-repeat: no-repeat;
  background-position: center bottom 115%;
  background-size: 80%;
  height: 200px;
  width: 100%;
  float: left;
  margin-top: -180px;
  z-index: -1;
  position: relative;
}

.div-ann-information {
  padding: 10px 30px;
}

.div-ann-information h4 {
  margin-bottom: 30px;
  margin-top: 20px;
}

.btn-ann-continue-cancel {
  margin-right: 10px;
  width: 120px;
  height: 40px;
  border-radius: 20px;
  background-color: #053c63;
  color: #ffffff;
  border: none;
}

.btn-cancel-red {
  background-color: #cf142b;
}

.div-btn-ann-continue-cancel {
  margin-bottom: 10px;
  margin-top: 30px;
}

/* 
.tesoraAccountSetup{
    padding: 100px 20px;
    width: 100%;
    float: left;
}

.accountSetupList{
    margin: 50px auto;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width:600px ;
}
.accountSetupList li{
    list-style: none;
    text-align: center;
    
}
.accountSetupList li .accountSetupListIcon{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border: 2px solid #D4D4D4;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: relative;
    margin: 10px auto;
}
.accountSetupList li .accountSetupListIcon img{
    height: 30px;
    width: auto;
}
.accountSetupList li.active .accountSetupListIcon{
    border: 2px solid transparent;
    background-image: linear-gradient(to bottom right, #053C63, #09D1DE);
    z-index: 1;
    position: relative;
}
.accountSetupList li label{
    color:#D4D4D4;
}
.accountSetupList li.active label{
    color:#09D1DE;
}
.accountSetupList li.active.currentActivate .accountSetupListIcon{
    border: 2px solid #3c5366 !important;
    width: 70px;
    height: 70px;
    
}
.accountSetupList::after{
    right: 15px;
    left: 15px;
    position: absolute;
    content: '';
    top: 43px;
    height: 2px;
    border-top: 2px dotted #D4D4D4;
}
.fancyInput.ant-calendar-picker .ant-calendar-picker-input.ant-input{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.p-account-setup {
    white-space: pre-line;
    font-size: 16px;
    color: black;
}

.input-user-name-1 {
    border: none;
    border-bottom: 3px solid #949494;
    margin: 5px;
    width: 300px;
    text-align: center;
    padding-bottom: 10px;
    font-size: 16px;
    color: #09D1DE;
    font-weight: 600;
    margin-top: 20px;
    
}

.input-user-name-1:focus {
    outline: none;
}


.txt-blue-color {
    color: #09D1DE !important;
}

.btn-gradient-color{
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 20px;
    color: #fff;
    background-image: linear-gradient(to right, #053C63 , #3CADA4);
    line-height: 0px !important;
    height: 40px;
    min-width: 200px;
    margin-left: auto;
    font-weight: bold;
    margin-top: 30px;
    margin-right: 10px;
}

.err-msg-username {
    width: 350px;
    margin: auto;
}

.btn-save-setup-later {
    border: none;
    background-color: transparent;
    color: #053C63;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
}

.btn-save-setup-later:focus {
    outline: none;
}
.responseLableError{
    border: none;
    background-color: transparent;
    color: #FF0000;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
}
.responseLableSuccess{
    border: none;
    background-color: transparent;
    color: #053C63;
    font-size: 16px;
    margin-top: 20px;
    font-weight: 600;
}

.btn-upload-photo-1 {
    border: none;
    background-color: transparent;
    color: #053C63;
    font-size: 17px;
    margin-top: 5px;
    font-weight: 600;
}

.btn-upload-photo-1:focus {
    outline: none;
}

.fancyInputCol{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.fancyInputLable{
    float: left;
    text-align: left;
    color: #000000;
    width: 100%;
}
.fancyInput{
    border: 1px solid #A6A7A7;
    border-radius: 5px;
    padding: 5px;
    text-align: left;
    width: 100%;
    float: left;
}
.marginTop15{
    margin-top: 15px;
}
.marginTop30{
    margin-top: 30px;
}
.dropdownValidationError{
    border: 1px #FF0000 solid !important;
    border-radius: 5px;
}
.fancyInputValidationEror{
    border: 1px solid #FF0000;
    border-radius: 5px;
    padding: 5px;
    text-align: left;
    width: 100%;
    float: left;
}
.saveAndLaterLable{
    float: left;
    text-align: center;
    color: #3AADA4;
    width: 100%;
}
.sendOtpButton{
    float: left;
    text-align: center;
    color: #3AADA4;
    width: 100%;
    background-color: #fff;
    border: none;
}
.fancyInputOnlyBottomBorder{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #A6A7A7;
    padding: 5px;
    text-align: left;
    width: 100%;
    float: left;
}
.fancyInputOnlyBottomBorderError{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #FF0000;
    padding: 5px;
    text-align: left;
    width: 100%;
    float: left;
}

.fancySelect .ant-select-selection{
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid #A6A7A7 !important;
    border-radius: 0% !important;
} 
.cursorPointer{
    cursor: pointer;
}
.custom-pin .pincode-input-container .pincode-input-text{
    padding:0 !important;
    margin:0 8px 5px 0px !important;
    text-align:center;
    border: 1px solid;
    background: transparent;
    width: 50px;
    height: 70px !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 20px !important;
} 

.img-shake-hand {
    margin-top: 20px;
    margin-bottom: 20px;
}

.img-profile-photo-setup {
    width: 210px;
    height: 210px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid #949494;
}

.resendView{
    justify-content: space-between;
    text-align: center;
}
.resendLable{
    color: #f34612;
    margin: 40px;
} */

.div-already-verify {
}

.lbl-already-verify {
  font-size: 16px;
  color: green;
}

.is-disabled {
  pointer-events: none;
  opacity: 0.8;
  /* background-color: lightgray; */
  /* width: 300px; */
}

.btn-verify-1 {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #3cada4);
  line-height: 0px !important;
  height: 40px;
  min-width: 100px;
  /* margin-left: auto; */
  font-weight: bold;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}
/* 
.accountSetupListFixTop {
    position: fixed;
    top: 65px;
    z-index: 3333;
    width: 100%;
    left: 0px;
    right: 0px;
    max-width: 100%;
    padding: 0px 12%;
    background-color: #fff;
} */

.bgGrayLight .tesoraAccountSetup {
  background-color: #eff1f7;
}
.businessBoxShadow {
  width: 100%;
  float: left;
  box-shadow: 1px 2px 10px 2px #dcdcdc;
  background-color: #fff;
}
.accountSetupList.listWithFull {
  max-width: 100%;
  padding: 0px 8%;
}
.businessRightLeftPadding h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
}
.businessRightLeftPadding {
  padding: 0px 8%;
  float: left;
  width: 55%;
  background-image: url("https://media.mycom.world/frontend/vendorAccountSetup/img-waves(short).jpg");
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 650px;
  background-color: #fff;
}
.businessRightBoxImage {
  float: left;
  width: 45%;
}
.businessRightBoxImage img {
  height: 650px;
}
.accountSetupList.listWithFull::after {
  right: 10%;
  left: 10%;
}
.colorDropdownBlue.ant-select.ant-select-enabled {
  width: 100%;
  margin-bottom: 20px;
}
.colorDropdownBlue .ant-select-selection {
  box-shadow: none !important;
  outline: none !important;
  height: 28px;
}
.colorDropdownBlue.ant-select.ant-select-enabled
  .ant-select-selection__rendered {
  line-height: 28px;
}
.colorDropdownBlue.ant-select.ant-select-enabled .ant-select-arrow svg {
  fill: #053c63;
}
.fieldStar1 {
  position: relative;
  color: #000;
}
.fieldStar {
  position: relative;
  color: #000;
}
.fieldStar::after {
  position: absolute;
  content: "*";
  font-size: 20px;
  width: 10px;
  height: 10px;
  top: -4px;
  right: -12px;
  color: #053c63;
}
.selected_category {
  position: relative;
  color: #000;
  float: right;
}
.selected_category::after {
  position: absolute;
  font-size: 20px;
  width: 10px;
  height: 10px;
  top: -4px;
  right: -12px;
  color: #053c63;
}
.businesInputField {
  margin-bottom: 15px;
  height: 28px;
}
.setCustomin .pincode-input-text {
  border-radius: 8px;
  width: 34px !important;
  height: 44px !important;
  margin-right: 10px !important;
}
.businessBoxShadow.businessLogoAndCategories {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 6% 0px 100px 0px;
  background-image: url("https://media.mycom.world/frontend/vendorAccountSetup/img-waves(long).png");
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
}
.businessBoxShadow.businessLogoAndCategories.businessLogoAndCategoriesPadding {
  padding: 0px;
}
.businessLogoLeftDiv {
  width: 50%;
  float: left;
  padding: 0px 4% 0px 8%;
}
.knowTheCategories {
  width: 50%;
  float: left;
  padding: 0px 3%;
}
.knowcategoriesBox {
  width: 150px;
  height: 85px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  padding: 15px 10px;
  font-size: 12px;
  color: #000;
  margin: 10px 10px 0px 0px;
  float: left;
}
.knowcategoriesBox .iconCategoriesDiv {
  display: flex;
  margin-bottom: 5px;
}
.knowcategoriesBox .iconCategoriebox {
  width: 40px;
}
/* .knowcategoriesBox .iconCategorieName{

} */
.knowcategoriesBox p {
  font-size: 11px;
  margin-bottom: 0px;
}
.businessLogouploade {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.businessLogouploade .dontHaveLogo {
  width: 60%;
  float: left;
  margin: 10px 10px 0px 0px;
}
.businessLogouploade .uploadLogoBox {
  width: 90px;
  height: 90px;
  border-radius: 10px;
  border: 2px solid #053c63;
  background-color: #eff1f7;
  color: #053c63;
  text-align: center;
  float: left;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.businessLogouploade .uploadLogoBox p {
  font-size: 12px;
  margin: 0px;
  color: #053c63;
}
.businessLogouploade .uploadLogoBox h2 {
  margin: 16px 0px 0px 0px;
  color: #053c63;
}
.added {
  width: 100%;
  float: left;
}
.addedLeft {
  width: 60px;
  float: left;
}
.addedRight {
  width: 82%;
  float: left;
}
.addBoxClose {
  width: auto;
  padding: 3px 5px;
  float: left;
  margin: 0px 10px 10px 0px;
  position: relative;
  border: 1px solid #053c63;
  border-radius: 30px;
  font-size: 12px;
}
.addBoxClose span {
  color: #053c63;
  font-weight: bold;
  margin: 0px 5px;
  cursor: pointer;
}
.businessLogoLeftDiv {
  width: 50%;
  float: left;
  padding: 0px 4% 0px 8%;
}
.businessLogoLeftDiv h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
}
.businessLogoOnly {
  width: 100%;
  float: left;
  padding: 0px 4% 0px 4%;
}
.businessLogoOnly h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
}
.businessLogoOnly .selectedCatBox,
.businessLogoOnly .knowcategoriesBox {
  width: 100%;
  margin: 10px 0px 0px 0px;
}

.youPickedCategories {
  width: 100%;
  float: left;
}
.youPickedCategoriesLeft {
  width: 100%;
  float: left;
}
.youPickedCategoriesRight {
  width: 55%;
  float: left;
  background-color: #eff1f7;
  border-radius: 10px;
  box-shadow: 0px 2px 5px #dcdcdc;
}
.myShopCheckBox {
  margin-bottom: 15px;
}
.labelBG {
  background-color: #053c63;
  color: #fff;
  margin: 0px 5px 0px 0px;
  padding: 2px 5px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
}
.labelBorderBox {
  background-color: #fff;
  color: #053c63;
  margin: 0px 5px 0px 0px;
  padding: 2px 5px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #053c63;
}
.myshopListHeading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  font-size: 13px;
  font-weight: normal;
  padding: 5px;
  box-shadow: 0px 2px 2px #dcdcdc;
}
.myshopListHeading label {
  margin: 0px;
  color: #878787;
}
.myShopList {
  padding: 0px;
  margin: 0px;
  padding: 0px 5px;
}
.myShopList li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 50%;
  float: left;
}
.myShopList li label {
  font-weight: normal;
  font-size: 13px;
  color: #878787;
}
.youPickedCategories .ant-checkbox-inner {
  border-color: #053c63;
}
.myShopListScroll .ant-checkbox-inner {
  border-color: #053c63;
}
.myShopListScrollBox {
  width: 100%;
  float: left;
  padding: 8px 5%;
  margin: 10px 0px;
}

.myShopListScroll {
  height: 250px;
  overflow-y: scroll;
  margin-bottom: 30px;
  /* padding: 5px 5px;
    margin-right: 4px; */
}

.myShopListScroll::-webkit-scrollbar {
  width: 4px;
  margin-left: 5px;
}

/* Track */
.myShopListScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #d4d4d4;
  border-radius: 10px;
}

/* Handle */
.myShopListScroll::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.myShopListScroll::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.uploadBtn {
  background-color: #bcd8eb;
  color: #053c63;
  width: 170px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 5px;
}
.uploadBtn span {
  width: 22px;
  height: 18px;
  float: right;
  margin: 1px 4px 0px 0px;
  border-radius: 50%;
  background-color: #fff;
}
.VerticalCenter {
  padding-top: 7.5%;
}
.subcategoriesTab {
  width: 100%;
  float: left;
}
.subcategoriesTab ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  padding: 0px 5%;
  margin: 20px 0px;
  position: relative;
}
.subcategoriesTab ul::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #dcdcdc;
}
.subcategoriesTab ul li {
  padding: 5px 8px;
  border: 1px solid transparent;
  list-style: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-bottom: none !important;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 3px 3px 0px 0px;
}
.subcategoriesTab ul li.active {
  border: 1px solid #dcdcdc;
  color: #053c63;
  background-color: #fff;
}
.knowTheCategories.sabcategoriesBoxRightSide {
  padding: 0px;
  border-left: 1px solid #dcdcdc;
  padding-top: 30px;
}
.categoriesLabelPading {
  padding: 0px 5%;
}
.searchBoxSubcategoriesByShop {
  width: 100%;
  padding: 0px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchBoxSubcategoriesByShop label {
  font-size: 12px;
  margin: 0px;
}
.inputSearchByShop img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.inputSearchByShop {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 70%;
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.inputSearchByShop input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 12px;
}

.txt-red-border-error {
  border: 1px solid red !important;
}
.initialLoaderPadding {
  padding: 100px 15px;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.sharebackItem {
  padding: 5px;
  border: 1px #bebebe solid;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.containerShareCheckBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 100%;
  color: #000;
  text-align: left;
  /* margin-bottom: 20px; */
}

/* Hide the browser's default radio button */
.containerShareCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.shareBackcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border: 4px solid #053c63;
}

/* On mouse-over, add a grey background color */
.containerShareCheckBox:hover input ~ .shareBackcheckmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerShareCheckBox input:checked ~ .shareBackcheckmark {
  background-color: #053c63;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.shareBackcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerShareCheckBox input:checked ~ .shareBackcheckmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerShareCheckBox .shareBackcheckmark:after {
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #053c63;
}

.sharebackinput {
  width: 100%;
  height: 35px;
  padding: 5px;
}
.input-range {
  margin-bottom: 10px;
}

/* .accountSetupListFixTop {
    position: fixed;
    top: 60px;
    z-index: 3333;
    width: 100%;
    left: 0px;
    right: 0px;
    max-width: 100%;
    padding: 0px 12%;
    background-color: #fff;
} */

.txt-invalide-email {
  color: red;
  margin-top: -10px !important;
}
.profileSetupinner .container {
  width: 1170px;
}

@media only screen and (max-width: 1700px) {
  .profileSetupinner .container {
    width: 100% !important;
  }
  .profileSetupinner .businessRightLeftPadding {
    padding: 0px 4%;
    height: 45vw;
  }
  .profileSetupinner .businessRightBoxImage img {
    height: 45vw;
    width: auto;
  }
  .profileSetupinner .businessLogoOnly {
    padding: 0px 4%;
  }
}
@media only screen and (max-width: 1300px) {
  .profileSetupinner .businessRightLeftPadding {
    height: 48vw;
  }
  .profileSetupinner .businessRightBoxImage img {
    height: 48vw;
  }
}
@media only screen and (max-width: 1279px) {
  .profileSetupinner .businessRightLeftPadding {
    height: 51vw;
  }
  .profileSetupinner .businessRightBoxImage img {
    height: 51vw;
  }
}
@media only screen and (max-width: 1024px) {
  .profileSetupinner .businessRightBoxImage {
    width: 45%;
  }
  .profileSetupinner .businessRightLeftPadding {
    width: 55%;
    height: 60vw;
  }

  .profileSetupinner .businessRightBoxImage img {
    height: 60vw;
  }
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 100%;
    padding: 0px 2%;
  }
}
@media only screen and (max-width: 991px) {
  .profileSetupinner .businessRightBoxImage {
    width: 100%;
  }
  .profileSetupinner .businessRightLeftPadding {
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    height: auto;
  }

  .profileSetupinner .businessRightBoxImage img {
    height: auto;
  }
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 600px;
  }
}
@media only screen and (max-width: 600px) {
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 400px;
  }
  .bgGrayLight.profileSetupinner .tesoraAccountSetup {
    padding: 50px 15px;
  }
  .mobilepadding0 {
    padding: 0px !important;
  }
}
@media only screen and (max-width: 500px) {
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 350px;
  }
}
@media only screen and (max-width: 400px) {
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 290px;
  }
}
@media only screen and (max-width: 350px) {
  .profileSetupinner .accountSetupList.listWithFull {
    max-width: 250px;
  }
}
@media only screen and (max-width: 1200px) {
  .businessRightLeftPadding {
    width: 45%;
    height: 578px;
    padding: 0px 3%;
  }
  .businessRightBoxImage {
    width: 55%;
  }
  .businessLogoLeftDiv {
    width: 45%;
    padding: 0px 3%;
  }
  .knowTheCategories {
    width: 55%;
    padding: 0px 1%;
  }
}

@media only screen and (max-width: 991px) {
  .businessRightLeftPadding {
    width: 100%;
    height: auto;
    padding: 0px 3%;
  }
  .businessRightBoxImage {
    width: 100%;
    text-align: center;
  }
  .businessLogoLeftDiv {
    width: 100%;
    padding: 0px 3%;
  }
  .knowTheCategories {
    width: 100%;
    padding: 0px 3%;
    margin-top: 30px;
    text-align: center;
  }
  .youPickedCategoriesRight {
    width: 100%;
  }
  .youPickedCategoriesLeft {
    width: 100%;
  }
  .accountSetupList {
    margin: 0px auto !important;
    overflow-x: scroll;
  }
  .accountSetupList.listWithFull {
    padding: 0px;
    display: flex;
    overflow-x: scroll;
    margin: 0px;
  }
  .accountSetupList li {
    width: 120px;
    margin: 0px 5px;
  }
  .accountSetupList.listWithFull li {
    width: 120px;
    margin: 0px 5px;
  }
  .accountSetupList.listWithFull::after {
    display: none;
  }
  .myShopList li {
    width: 100%;
  }
  .accountSetupListFixTop {
    padding: 0px 2% !important;
  }
}
@media only screen and (max-width: 750px) {
  .accountSetupList.listWithFull li .accountSetupListIcon {
    width: 40px;
    height: 40px;
    margin: 3px auto 0px auto !important;
  }
  .accountSetupList.listWithFull li .accountSetupListIcon img {
    height: 20px;
    width: auto;
  }

  .accountSetupList.listWithFull {
    /* display: inline-block; */
  }
  .accountSetupList.listWithFull li {
    /* display: inline-block; */
    width: 100px;
  }
  .accountSetupList li {
    width: 100px;
  }
  .bgGrayLight .tesoraAccountSetup {
    padding: 100px 15px;
  }
  .knowcategoriesBox {
    width: 130px;
  }
}

.bgGrayLight .tesoraAccountSetup {
  background-color: #eff1f7;
}
.businessBoxShadow {
  width: 100%;
  float: left;
  box-shadow: 1px 2px 10px 2px #dcdcdc;
  background-color: #fff;
}
.accountSetupList.listWithFull {
  max-width: 100%;
  padding: 0px 8%;
}
.businessRightLeftPadding h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
}
.businessRightLeftPadding {
  padding: 0px 8%;
  float: left;
  width: 55%;
  background-image: url("https://media.mycom.world/frontend/vendorAccountSetup/img-waves(short).jpg");
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 650px;
  background-color: #fff;
}
.businessRightBoxImage {
  float: left;
  width: 45%;
}
.businessRightBoxImage img {
  height: 650px;
}
.accountSetupList.listWithFull::after {
  right: 10%;
  left: 10%;
}
.colorDropdownBlue.ant-select.ant-select-enabled {
  width: 100%;
  margin-bottom: 20px;
}
.colorDropdownBlue .ant-select-selection {
  box-shadow: none !important;
  outline: none !important;
  height: 28px;
}
.colorDropdownBlue.ant-select.ant-select-enabled
  .ant-select-selection__rendered {
  line-height: 28px;
}
.colorDropdownBlue.ant-select.ant-select-enabled .ant-select-arrow svg {
  fill: #053c63;
}
.fieldStar {
  position: relative;
  color: #000;
}
.fieldStar::after {
  position: absolute;
  content: "*";
  font-size: 20px;
  width: 10px;
  height: 10px;
  top: -4px;
  right: -12px;
  color: #053c63;
}
.businesInputField {
  margin-bottom: 15px;
  height: 28px;
}
.setCustomin .pincode-input-text {
  border-radius: 8px;
  width: 34px !important;
  height: 44px !important;
  margin-right: 10px !important;
}
.businessBoxShadow.businessLogoAndCategories {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 6% 0px 100px 0px;
  background-image: url("https://media.mycom.world/frontend/vendorAccountSetup/img-waves(long).png");
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
}
.businessBoxShadow.businessLogoAndCategories.businessLogoAndCategoriesPadding {
  padding: 0px;
}
.businessLogoLeftDiv {
  width: 50%;
  float: left;
  padding: 0px 4% 0px 8%;
}
.knowTheCategories {
  width: 50%;
  float: left;
  padding: 0px 3%;
}
.knowcategoriesBox {
  width: 150px;
  height: 85px;
  border-radius: 10px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  padding: 15px 10px;
  font-size: 12px;
  color: #000;
  margin: 10px 10px 0px 0px;
  float: left;
}
.knowcategoriesBox .iconCategoriesDiv {
  display: flex;
  margin-bottom: 5px;
}
.knowcategoriesBox .iconCategoriebox {
  width: 40px;
}
.knowcategoriesBox p {
  font-size: 11px;
  margin-bottom: 0px;
}
.selectedCatBox {
  width: 150px;
  height: 85px;
  border-radius: 10px;
  border: 3px solid #5398cc;
  overflow: hidden;
  padding: 15px 10px;
  font-size: 12px;
  color: #000;
  margin: 10px 10px 0px 0px;
  float: left;
}
.selectedCatBox .iconCategoriesDiv {
  display: flex;
  margin-bottom: 5px;
}
.selectedCatBox .iconCategoriebox {
  width: 40px;
}

.selectedCatBox p {
  font-size: 11px;
  margin-bottom: 0px;
}
.businessLogouploade {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.businessLogouploade .dontHaveLogo {
  width: 60%;
  float: left;
  margin: 10px 10px 0px 0px;
}
.businessLogouploade .uploadLogoBox {
  width: 90px;
  height: 90px;
  border-radius: 10px;
  border: 2px solid #053c63;
  background-color: #eff1f7;
  color: #053c63;
  text-align: center;
  float: left;
  box-shadow: 0px 0px 5px #dcdcdc;
}
.businessLogouploade .uploadLogoBox p {
  font-size: 12px;
  margin: 0px;
  color: #053c63;
}
.businessLogouploade .uploadLogoBox h2 {
  margin: 16px 0px 0px 0px;
  color: #053c63;
}
.added {
  width: 100%;
  float: left;
}
.addedLeft {
  width: 60px;
  float: left;
}
.addedRight {
  width: 82%;
  float: left;
}
.addBoxClose {
  width: auto;
  padding: 3px 5px;
  float: left;
  margin: 0px 10px 10px 0px;
  position: relative;
  border: 1px solid #053c63;
  border-radius: 30px;
  font-size: 12px;
}
.addBoxClose span {
  color: #053c63;
  font-weight: bold;
  margin: 0px 5px;
  cursor: pointer;
}
.businessLogoLeftDiv h3 {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #000 !important;
}
.youPickedCategories {
  width: 100%;
  float: left;
}
.youPickedCategoriesLeft {
  width: 100%;
  float: left;
}
.youPickedCategoriesRight {
  width: 55%;
  float: left;
  background-color: #eff1f7;
  border-radius: 10px;
  box-shadow: 0px 2px 5px #dcdcdc;
}
.myShopCheckBox {
  margin-bottom: 15px;
}
.labelBG {
  background-color: #053c63;
  color: #fff;
  margin: 0px 5px 0px 0px;
  padding: 2px 5px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
}
.labelBorderBox {
  background-color: #fff;
  color: #053c63;
  margin: 0px 5px 0px 0px;
  padding: 2px 5px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: normal;
  border: 1px solid #053c63;
}
.myshopListHeading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  font-size: 13px;
  font-weight: normal;
  padding: 5px;
  box-shadow: 0px 2px 2px #dcdcdc;
}
.myshopListHeading label {
  margin: 0px;
  color: #878787;
}
.myShopList {
  padding: 0px;
  margin: 0px;
  padding: 0px 5px;
}
.myShopList li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 50%;
  float: left;
}
.myShopList li label {
  font-weight: normal;
  font-size: 13px;
  color: #878787;
}
.youPickedCategories .ant-checkbox-inner {
  border-color: #053c63;
}
.myShopListScroll .ant-checkbox-inner {
  border-color: #053c63;
}
.myShopListScrollBox {
  width: 100%;
  float: left;
  padding: 8px 5%;
  margin: 10px 0px;
}

.myShopListScroll {
  height: 250px;
  overflow-y: scroll;
  margin-bottom: 30px;
  /* padding: 5px 5px;
    margin-right: 4px; */
}

.myShopListScroll::-webkit-scrollbar {
  width: 4px;
  margin-left: 5px;
}

/* Track */
.myShopListScroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #d4d4d4;
  border-radius: 10px;
}

/* Handle */
.myShopListScroll::-webkit-scrollbar-thumb {
  background: #053c63;
  border-radius: 10px;
}

.myShopListScroll::-webkit-scrollbar-thumb:hover {
  background: #053c63;
}
.uploadBtn {
  background-color: #bcd8eb;
  color: #053c63;
  width: 170px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 5px;
}
.uploadBtn span {
  width: 22px;
  height: 18px;
  float: right;
  margin: 1px 4px 0px 0px;
  border-radius: 50%;
  background-color: #fff;
}
.VerticalCenter {
  padding-top: 7.5%;
}
.subcategoriesTab {
  width: 100%;
  float: left;
}
.subcategoriesTab ul {
  margin: 0px;
  padding: 0px;
  width: 100%;
  padding: 0px 5%;
  margin: 20px 0px;
  position: relative;
}
.subcategoriesTab ul::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 1px;
  background-color: #dcdcdc;
}
.subcategoriesTab ul li {
  padding: 5px 8px;
  border: 1px solid transparent;
  list-style: none;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  border-bottom: none !important;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 3px 3px 0px 0px;
}
.subcategoriesTab ul li.active {
  border: 1px solid #dcdcdc;
  color: #053c63;
  background-color: #fff;
}
.knowTheCategories.sabcategoriesBoxRightSide {
  padding: 0px;
  border-left: 1px solid #dcdcdc;
  padding-top: 30px;
}
.categoriesLabelPading {
  padding: 0px 5%;
}
.searchBoxSubcategoriesByShop {
  width: 100%;
  padding: 0px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.searchBoxSubcategoriesByShop label {
  font-size: 12px;
  margin: 0px;
}
.inputSearchByShop img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.inputSearchByShop {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  width: 70%;
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.inputSearchByShop input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 12px;
}

.txt-red-border-error {
  border: 1px solid red !important;
}

.img-tooltip-username {
  width: 22px;
  height: 22px;
  object-fit: cover;
  margin-top: 28px;
  margin-left: -20px;
}

.uploadLogoBoxImg {
  /* width: 80px; */
  /* height: 80px; */
  text-align: center;
}

.vendor-logo-box {
  width: 85px;
  height: 85px;
  object-fit: contain;
}

.lbl-file-selected {
  padding-top: 5px;
  color: #053c63;
  /* text-align: center; */
  /* width: 100%; */
}

.curser-pointer {
  cursor: pointer;
}
/* 
.accountSetupListFixTop {
    position: fixed;
    top: 60px;
    z-index: 3333;
    width: 100%;
    left: 0px;
    right: 0px;
    max-width: 100%;
    padding: 0px 12%;
    background-color: #fff;
} */

@media only screen and (max-width: 1200px) {
  .businessRightLeftPadding {
    /* width: 45%; */
    /* height: 578px; */
    padding: 0px 3%;
  }
  /* .businessRightBoxImage{
          width: 55%;
      } */
  .businessLogoLeftDiv {
    /* width: 45%; */
    padding: 0px 3%;
  }
  .knowTheCategories {
    /* width: 55%; */
    padding: 0px 1%;
  }
}
@media only screen and (max-width: 1024px) {
  .accountSetupList.listWithFull {
    max-width: 100%;
    padding: 0px 0%;
  }
  .accountSetupList li {
    width: 150px;
  }
  .accountSetupListFixTop {
    padding: 0px 3%;
  }
}
@media only screen and (max-width: 991px) {
  .businessRightLeftPadding {
    width: 100%;
    height: auto;
    padding: 0px 3%;
  }
  .businessRightBoxImage {
    width: 100%;
    text-align: center;
  }
  .businessLogoLeftDiv {
    width: 100%;
    padding: 0px 3%;
  }
  .knowTheCategories {
    width: 100%;
    padding: 0px 3%;
    margin-top: 30px;
    text-align: center;
  }
  .youPickedCategoriesRight {
    width: 100%;
  }
  .youPickedCategoriesLeft {
    width: 100%;
  }
  .accountSetupList {
    margin: 30px auto;
  }
  .accountSetupList.listWithFull {
    padding: 0px;
    display: flex;
    overflow-x: scroll;
    margin: 0px;
  }
  .accountSetupList.listWithFull li {
    width: 120px;
    margin: 0px 5px;
  }
  .accountSetupList.listWithFull::after {
    display: none;
  }
  .myShopList li {
    width: 100%;
  }
  .accountSetupListFixTop {
    padding: 0px 2% !important;
  }
}

@media only screen and (max-width: 750px) {
  .accountSetupList.listWithFull li .accountSetupListIcon {
    width: 40px;
    height: 40px;
    margin: 2px auto 0px auto !important;
  }
  .accountSetupList.listWithFull li .accountSetupListIcon img {
    height: 20px;
    width: auto;
  }

  .accountSetupList.listWithFull {
    /* display: inline-block; */
  }
  .accountSetupList.listWithFull li {
    /* display: inline-block; */
    width: 100px;
  }
  .bgGrayLight .tesoraAccountSetup {
    padding: 100px 15px;
  }
  .knowcategoriesBox {
    width: 130px;
  }
  .selectedCatBox {
    width: 130px;
  }
}

.mysearch-check-close-img {
  width: 22px !important;
  height: 22px !important;
  object-fit: cover;
  margin-left: 5px;
  cursor: pointer;
  border: 1px solid #c8c8c8;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

.mysearch-input-details {
  height: 30px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 150px;
  border: 1px solid #c8c8c8;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 600;
  font-size: 12px;
  margin-right: 8px;
}

.mysearch-input-details:focus {
  outline: none;
}
.PDFDeletefileBox {
  width: 100%;
  float: left;
  padding: 0px 20px 20px 20px;
}
.PDFDeletefileBox label {
  width: 100%;
  float: left;
  overflow-y: hidden;
  margin: 5px 0px 15px 0px;
}
.PDFDeletefileBox label::-webkit-scrollbar {
  display: none;
}
.PDFDeletefileBox label {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.deleteImgPDF {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #fff;
  cursor: pointer !important;
}
.deleteImgPDF img {
  height: 20px;
  width: auto;
  cursor: pointer !important;
}

.mysearch-input-business_name {
  height: 30px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 200px;
  border: 1px solid #c8c8c8;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 600;
  font-size: 12px;
  margin-right: 8px;
}

.mysearch-input-business_name:focus {
  outline: none;
}
.addressWithInput {
  float: left;
  width: 100%;
}
.addressWithInput label {
  width: 100%;
  float: left;
  margin-top: 15px;
  color: #000;
}
.addressWithInput input {
  width: 100%;
  float: left;
  border-radius: 5px;
  border: 1px solid #dcdcdc !important;
  outline: none !important;
  box-shadow: none !important;
  height: 32px;
  padding-left: 10px;
}

.addressWithInput textarea {
  width: 100%;
  float: left;
  border-radius: 5px;
  border: 1px solid #dcdcdc !important;
  outline: none !important;
  box-shadow: none !important;
  height: 32px;
  padding-left: 10px;
}

.btn-submit-mysearch {
  width: 150px;
  height: 46px;
  background-color: #053c63;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border: none !important;
  outline: none !important;
}
.btn-submit-mysearch-Box {
  width: 100%;
  float: left;
}
.follow-us-input {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #c8c8c8;
  width: 100%;
  height: 30px;
}
.landingPagetopSpace {
  margin-top: 65px;
}

.history-show-button {
  background-color: #fff !important;
  color: #053c63;
  font-weight: bold;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.closeBtnx {
  border: 1px solid #053c63 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #fff;
  color: #053c63;
  border-radius: 2px;
  height: 13px;
  width: 12px;
  font-size: 10px;
  margin-left: 5px;
  padding: 0px;
}

.activeAccountTableBox {
  padding: 30px;
}

.activeAccountTableBox .table {
  border: 1px solid #dcdcdc;
  font-family: sans-serif;
}

.activeAccountTableBox .table tr th {
  font-size: 12px !important;
  background-color: #053c63;
  color: #fff;
}

.activeAccountTableBox .table tr th span {
  display: block;
}

.activeAccountTableBox .table tr td {
  font-size: 12px !important;
}

.simpleColorSelect .ant-select-selection.ant-select-selection--single {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #053c63;
  font-size: 12px !important;
}

.simpleColorSelect.ant-select-selection.ant-select-selection--single.ant-select-arrow
  svg {
  fill: #053c63;
}

.details-p {
  white-space: pre-line;
  padding-left: 30px;
  padding-top: 10px;
}

.testoExchangeBox {
  width: 100%;
  float: left;
  padding: 50px 0px 0px 0px;
}

.FourBoxSlider {
  background-color: #eaeaea;
  width: 100%;
  float: left;
  position: relative;
  height: 240px;
  padding-top: 70px;
  margin-top: 70px;
}

.FourBoxSliderIconTop {
  position: absolute;
  width: 120px;
  height: 70px;
  right: 50px;
  top: -70px;
  background-color: #eaeaea;
  border-radius: 10px 10px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FourBoxSliderIconTop span {
  margin: 0px 16px;
}
.FourBoxSliderIconTop span img {
  width: 28px;
  height: auto;
}

.FourBoxSliderSingle {
  background-color: #fff;
  padding: 30px 20px;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  height: 200px;
  text-align: center;
  cursor: pointer;
}
.FourBoxSliderSingle img {
  width: 80px;
  margin: 15px auto 15px auto;
  display: block;
}
.FourBoxSliderSingle label {
  color: #000;
  text-transform: uppercase !important;
}
.row.ROW-45 {
  margin-left: -45px !important;
  margin-right: -45px !important;
}

.assestExchangeTableSection {
  width: 100%;
  float: left;
  padding: 100px 0px 0px 0px;
}

.tableTokenName {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.tableTokenName .colorChnage {
  margin: 0px 10px 0px 20px;
  /* font-size: 14px; */
}

.tableTokenName .iconImageShow {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0px 3px 6px #00000026;
}
.tableTokenName .activity-loader-div img {
  margin: 0px;
  height: 15px;
  width: auto;
}

.BuyBtn,
.LearMoreBtn {
  border: none !important;
  box-shadow: none !important;
  border-radius: 30px;
  width: 80px;
  background-color: #053c63 !important;
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
  outline: none !important;
}

.LearMoreBtn {
  background-color: #053c63 !important;
  margin-left: 10px;
  margin-right: 0px;
}

.ExchangeTableToken thead tr th {
  border-bottom: 0px solid #b4b4b4;
  color: #053c63;
  font-size: 16px;
  font-weight: bold !important;
  padding: 30px 8px 8px 8px;
}
.ExchangeTableToken tbody tr td {
  vertical-align: middle;
  color: #767676;
  border-bottom: 1px solid #b4b4b4;
  border-top: 0px;
  padding: 12px 8px;
  /* font-family: monospace; */
}
.ExchangeTableToken tbody tr:last-child td {
  border-bottom: none;
}

.HeadingWithCenteBorder {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 20px 0px;
}
.HeadingWithCenteBorder h4 {
  margin-right: 30px;
  float: left;
  margin-bottom: 0px;
}

.middelHeadingBorder {
  width: 80%;
  height: 1px;
  background-color: #777777;
}

.bgSelect.slectChangeColor .ant-select-selection {
  background-color: #053c63;
  border-radius: 0px;
  height: 50px;
}

.bgSelect.slectChangeColor .ant-select-selection__rendered {
  line-height: 50px !important;
  font-weight: bold;
}

.YourwalletIDBox {
  display: flex;
  /* align-items: center; */
  width: 100%;
}

.Yourwalletscan {
  width: 150px;
  height: auto;
  margin-right: 30px;
}

.YourwalletDetails {
}

.newColor8 {
  color: #053c63 !important;
}

.newColor9 {
  color: #ff941a !important;
}

.bitCoinsOwn {
  text-align: right;
}

.TabletransactionTable .table tbody tr td {
  border: none !important;
  color: #000;
  font-size: 16px;
  /* font-family: monospace; */
}
.TabletransactionTable {
  padding: 50px 0px;
}
.TabletransactionTable .myNewPlanBtn {
  margin: 20px auto;
  float: none;
}

.saveAndEarnBox .myNewPlanBtn {
  background-color: #ff941a !important;
  float: left;
  margin: 20px 0px;
}

.saveAndEarnBox {
  box-shadow: 0px 3px 6px #00000026;
  width: 100%;
  float: left;
  border: 1px solid #777777;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
  background-image: url("https://media.mycom.world/frontend/images/bg-graph.png");
  background-size: 18%;
  background-repeat: no-repeat;
  background-position: top right;
}

.saveAndEarnBox .img-pig {
  width: 70%;
}

.searchTokenInput {
  border: 1px solid #777777;
  border-radius: 30px;
  height: 50px;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 15px;
  box-shadow: none !important;
  outline: none !important;
}

.allTokenDivsection {
  width: 100%;
  float: left;
  /* padding: 0px 30px; */
}
.AllSectionBoxForToken {
  float: left;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: 210% 110%;
  margin: 30px 0px 30px 0px;
}

.currentValueImg {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.currentValueImg img {
  width: 100%;
  height: auto;
}
.currentValueToken {
  position: absolute;
  height: 60px;
  background-color: #000000b5;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 20px;
  text-align: left;
}
.currentValueToken label {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0px;
}
.currentValueST {
  display: flex;
  /* font-family:normal ; */
}
.currentValueST h2 {
  color: #053c63;
}
.currentValueST h3 {
  color: #fff !important;
  margin-left: 10px;
}

.currentValueST h4 {
  background-color: #053c63;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  color: #fff !important;
  margin-left: 10px;
  font-size: 12px;
  text-align: center;
  padding-top: 4px;
  margin-top: 5px;
}

.tokenHeadingWithPera {
  padding: 0px 5%;
  min-height: 280px;
}
.tokenHeadingWithPera p {
  color: #000;
  padding-top: 20px;
  font-size: 13px;
}
.butnBuyWithLearn {
  text-align: center;
  margin-bottom: 20px;
}
.butnBuyWithLearn .myNewPlanBtn,
.butnBuyWithLearn .readBtn {
  min-width: 95px;
  margin: 5px;
  font-size: 12px;
  padding: 0px;
}
.butnBuyWithLearn .myNewPlanBtn {
  float: initial;
}

.tokenMarketPlaceSlect {
  display: flex;
}

.tokenMarketPlaceSlect h3 {
  margin-right: 30px;
}

.BuyPayment {
  float: left;
  width: 100%;
  background-color: #f8f8f8;
  border: 1px solid #777777;
  border-radius: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}

.BuyPayment .paymentHeader {
  display: flex;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px 0px;
}
.BuyPayment .bitcionLogo {
  width: 80px;
  margin: 0px 5%;
}
.BuyPayment .paymentHeaderNav {
  width: 100%;
}
.BuyPayment .paymentHeaderNav ul {
  width: 100%;
  float: right;
  display: inline-block;
  text-align: right;
  margin: 17px 0px;
}

.BuyPayment .paymentHeaderNav ul li {
  list-style: none;
  padding: 5px 20px 5px 20px;
  display: inline-block;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  border-radius: 30px;
  margin: 0px 2px;
  cursor: pointer;
}

.BuyPayment .paymentHeaderNav ul li.active,
.BuyPayment .paymentHeaderNav ul li:hover {
  background-color: #053c63;
  color: #fff;
}
.selctPaymentMethodSection {
  width: 100%;
  float: left;
  margin: 70px 0px;
}
.SelectCardOptionForPayment {
  width: 50%;
  float: left;
  text-align: left;
}
.SelectCardOptionForPayment h3 {
  text-align: left;
  margin-left: 10%;
}
.SelectCardOptionForPaymentBox {
  text-align: left;
}

.SelectCardOptionForPaymentBox label {
  width: 100%;
  margin-bottom: 0px;
  color: #000;
}

.SelectCardOptionForPaymentBox .ant-select-enabled {
  width: 100%;
}
.SelectCardOptionBorder {
  display: flex;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  padding: 10px;
  float: left;
  margin-left: 10%;
  background-color: #fff;
}

.SelectCardOptionBorder img {
  margin-right: 20px;
  width: 50px;
}

.SelectCardOptionForPaymentBox .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.SelectCardOptionForPaymentBox .ant-select-selection__rendered {
  margin-left: 0px;
  color: #000;
}
.SelectCardOptionForPaymentBox .ant-select-arrow svg {
  color: #000;
}

.bitCoinCurrentPrice {
  float: right;
  text-align: right;
  margin-right: 5%;
}

.bitCoinCurrentPrice label {
  font-size: 20px;
}

.filterUsdInBitCoin {
  display: flex;
  width: 100%;
  float: left;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

.selectUsdFilter {
  border-radius: 30px;
  padding: 10px;
  border: 1px solid #777777;
  background-color: #fff;
  width: 35%;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  text-align: left;
  height: 55px;
}
.selectUsdFilter .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.selectUsdFilter .ant-select-selection__rendered {
  margin-left: 0px;
  color: #053c63;
}
.selectUsdFilter .ant-select-arrow svg {
  fill: #053c63;
}

.selectFilterImg {
  margin: 0px 20px;
}

.selectFilterBitCoin {
  border-radius: 30px;
  height: 55px;
  padding: 8px 5px;
  border: 1px solid #777777;
  background-color: #fff;
  width: 35%;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  text-align: right;
}

.selectFilterBitCoin img {
  width: 40px;
}

.paymentProceed {
  background-color: #053c63;
  padding: 20px 0px;
  width: 100%;
  float: left;
}

.paymentProceed h2 {
  color: #fff !important;
  margin: 0px;
  font-weight: bold;
}
/* bitcoins Details page css start */

.yearlyPansBitCoin {
  text-align: center;
  width: 100%;
  float: left;
  padding: 0px 5% 100px 5%;
  position: relative;
  background-image: url("https://media.mycom.world/frontend/images/bg-bitcointexture.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}
.yearlyPansBitCoin::before {
  background-image: url("https://media.mycom.world/frontend/images/bg-getstarted.jpg");
  height: 400px;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}
.yearlyPansBitCoin h1 {
  margin: 60px 0px;
  position: relative;
  display: block;
  background-color: #ff941a;
  color: #fff;
  width: 320px;
  margin: 60px auto;
  padding: 20px 0px;
}

.BitCoinChooseThisPlanBox {
  box-shadow: 0px 3px 6px #00000026;
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 0px 10%;
  min-height: 650px;
  margin-bottom: 30px;
}
.BitCoinChooseThisPlanBox.withLeftColor {
  position: relative;
}
.BitCoinChooseThisPlanBox.withLeftColor::after {
  position: absolute;
  width: 30px;
  top: 0px;
  left: 0px;
  bottom: 0px;
  content: "";
  background-color: #ff941a;
}
.BitCoinChooseThisPlanBox .yearPlansBitcoinHeading {
  width: 100%;
  float: left;
  height: 150px;
}
.BitCoinChooseThisPlanBox .yearPlansBitcoinHeading h2 {
  margin-top: 50px;
}
.BitCoinChooseThisPlanBox .yearPlansBitcoinHeading label {
  color: #fff !important;
}

.BitCoinChooseThisPlanBox .bitCoinIconList {
  margin: 0px;
  padding: 30px 20px 30px 10px;
  display: block;
  width: 100%;
  float: left;
}
.BitCoinChooseThisPlanBox .bitCoinIconList li {
  margin: 0px;
  padding: 5px 0px 5px 50px;
  display: block;
  list-style: none;
  position: relative;
  text-align: left;
  color: #000;
  margin-bottom: 10px;
}

.BitCoinChooseThisPlanBox .bitCoinIconList li:after {
  width: 40px;
  height: 40px;
  position: absolute;
  content: "";
  background-image: url("https://media.mycom.world/frontend/icons/icon-bitcoin.png");
  background-size: cover;
  left: 0px;
  top: 6px;
}

.BitCoinChooseThisPlanBox .myNewPlanBtn {
  float: initial;
}

/* .bitCoinContactUs{
    padding: 90px 5% 50px 5%;
    background-image: url('https://media.mycom.world/frontend/images/bg-bitcointexture.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100%;
    
} */

.bitcoinPockitimg {
  width: 80%;
  margin: 0px auto 50px auto;
}
.NoOrderFoundLable {
  width: 100%;
  text-align: center;
  border: 1px solid #053c63;
  color: #053c63;
  /* height: 10px; */
  padding: 5px;
}

.contractsAreaHeadingWithBorder {
  position: relative;
}
.contractsAreaHeadingWithBorder::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: silver;
  top: 20px;
  right: 0px;
  left: 0%;
}
.contractsAreaHeadingWithBorder h2 {
  background-color: #fff;
  position: relative;
  float: left;
  z-index: 3;
  padding-right: 10px;
}

.backToTokens {
  width: 100%;
  float: left;
  border: none !important;
  color: #fff;
  background-color: #c6151d;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 30px;
  line-height: 40px;
  font-weight: bold;
  border: none !important;
}

.downloadCurrentHistoryBtn {
  width: 100%;
  float: left;
  border: none !important;
  color: #053c63;
  background-color: #fff;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 30px;
  line-height: 40px;
  font-weight: bold;
  border: 1px solid #053c63 !important;
  margin-bottom: 30px;
}
.downloadCurrentHistoryBtn img {
  width: 30px;
  margin-right: 20px;
}

.TPMcustom {
  float: left;
  width: 100%;
  background-color: #017aa7;
  padding: 30px 20px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 30px;
}

.bonusPaymentTable thead tr th {
  border-bottom: 1px solid #dcdcdc;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.bonusPaymentTable tbody {
  border-bottom: 1px solid #fff;
}
.bonusPaymentTable tr {
  border-bottom: 1px solid #dcdcdc;
}
.bonusPaymentTable tr th {
  /* border-right: 1px solid #dcdcdc; */
  padding-bottom: 10px !important;
}
.bonusPaymentTable tr td {
  /* border-right: 1px solid #fff; */
  border-bottom: none !important;
  border-top: none !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.bonusPaymentTable tr th:last-child {
  border-right: none;
}
.bonusPaymentTable tr td:last-child {
  border-right: none;
}

.paginationTableBonus {
  float: left;
  width: 100%;
  font-weight: bold;
}
.paginationTableBonus .paginationEntry {
  float: left;
  width: 50%;
  display: flex;
}
.paginationTableBonus .paginationEntry:last-child {
  text-align: right;
  display: block;
}
.tpMobility {
  width: 100%;
  float: left;
}
.tpMobilityIcon {
  float: left;
  width: 60px;
  margin-right: 20px;
}
.tpMobilityRightBox {
  float: left;
}
.tpMobilityheading {
  text-transform: uppercase;
}

.ContactBoxdate {
  border-right: 1px solid #fff;
}

.digitalWalletTable {
  float: left;
  width: 100%;
}
.slectWalletUSD {
  float: left;
  width: 100%;
  text-align: right;
  margin-top: 45px;
}

.slectWalletUSD button {
  font-size: 15px;
  border-radius: 6px;
  height: 45px;
  border: 1px solid #dcdcdc;
  outline: none !important;
  /* box-shadow: none !important; */
  color: #053c63;
  background-color: #fff;
  margin: 10px;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding: 0px 20px;
  box-shadow: 0 8px 6px -6px #c8c8c8 !important;
}

/* .slectWalletUSD button::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    background-image: url('https://media.mycom.world/frontend/images/icon-faq-q.png');
    background-repeat: no-repeat;
    background-size: 75%;
    left: 3px;
    top: 2px;
} */

.slectWalletUSD .bgSelect .ant-select-selection {
  background-color: #017aa7;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
  border-radius: 20px;
  height: 26px;
  padding-bottom: 30px;
  text-align: center;
}

.contract-select .ant-select-selection {
  background-color: #017aa7;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
  font-size: 14px !important;
}

.slectWalletUSD strong {
  margin-right: 20px;
}

.table.ExchangeTableToken {
  font-family: sans-serif;
  text-align: center;
  width: 100%;
  float: left;
  border-top: 2px solid #777777;
}
.table.ExchangeTableToken tbody tr td h3 {
  margin: 0px;
}
.table.ExchangeTableToken tbody tr.notCursortr {
  cursor: default;
}
.table.bonusPaymentTable tbody tr.notCursortr td:nth-child(3) label {
  color: #053c63;
  text-decoration: underline;
  width: 100%;
}
.table.bonusPaymentTable thead tr th:nth-child(3) {
  text-align: center;
}
.table.ExchangeTableToken tbody tr td .tableTokenName .colorChnage strong {
  color: #000 !important;
  font-size: 14px;
}
.table.ExchangeTableToken tbody tr {
  cursor: pointer;
}
.table.ExchangeTableToken tbody tr.openTableRow {
  /* border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  box-shadow: 0px 0px 15px 0px #dcdcdc; */
}
.table.ExchangeTableToken tbody tr.openTableRow td {
  border-bottom: none;
  /* border-top: 1px solid #7c7c7c; */
}
.table.ExchangeTableToken tbody tr:hover {
  background-color: #f4f4f4;
}

.table.ExchangeTableToken tbody tr.hoverOutColor:hover {
  background-color: #fff;
}
.table.ExchangeTableToken tbody tr.hoverOutColor {
  cursor: auto;
  /* box-shadow: 0px 6px 15px 0px #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc; */
}
.table.ExchangeTableToken tbody tr.hoverOutColor td {
  padding: 0px;
}
.table.ExchangeTableToken tr td:last-child {
  text-align: right;
}

.table.ExchangeTableToken tr td:first-child {
  text-align: left;
}
.table.ExchangeTableToken tr th:last-child {
  text-align: right;
}

.table.ExchangeTableToken tr th:first-child {
  text-align: left;
}

.containerCheckBox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 100%;
  color: #000;
  text-align: left;
  margin-bottom: 20px;
}

/* Hide the browser's default radio button */
.containerCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  border: 4px solid #053c63;
}

/* On mouse-over, add a grey background color */
.containerCheckBox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerCheckBox input:checked ~ .checkmark {
  background-color: #053c63;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerCheckBox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerCheckBox .checkmark:after {
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #053c63;
}

.enterValueInput {
  /* width: 100%;
      border: 1px solid #053C63;
      height: 50px;
      border-radius: 40px;
      box-shadow: none !important;
      outline: none !important; */
  font-size: 24px;
  color: black !important;
  /* text-align: center;
      margin-bottom: 30px;
      font-family: sans-serif; */
}

.btn-create-wallet-bitcoin {
  min-width: 220px !important;
  height: 35px;
  background-color: #257aa7;
  color: white;
  font-family: sans-serif;
  font-size: 15px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

.lbl-no-data {
  color: white;
  text-align: center !important;
  margin: auto !important;
  width: 100%;
}

.input-error-new {
  border: 1px solid red !important;
}

.input-wallet-name {
  border: 1px solid darkgray;
}

.ContracrtAreaSelection {
  padding: 10px;
}

.transectionHistoryandDigitalWallet {
  margin: 0px 0px 30px 0px;
  padding: 0px;
  width: 100%;
}

.transectionHistoryandDigitalWallet li {
  margin: 0px;
  padding: 0px;
  /* border-bottom: 4px solid transparent; */
  padding: 5px 10px;
  list-style: none;
  display: inline;
  position: relative;
  margin: 5px 10px;
  cursor: pointer;
  color: #053c63;
  border: 1px solid #053c63;
  background-color: #fff;
  border-radius: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.transectionHistoryandDigitalWallet li:last-child {
  border: 1px solid transparent;
  color: #339b9d;
}
.transectionHistoryandDigitalWallet li:nth-child(3) {
  border: 1px solid #2da335;
  color: #2da335;
}
.transectionHistoryandDigitalWallet li.active {
  position: relative;
  color: #fff;
  background-color: #053c63;
}
/* .transectionHistoryandDigitalWallet li.active::after {
  position: absolute;
  height: 4px;
  bottom: -20px;
  left: 10px;
  right: 10px;
  content: "";
  background-color: #053C63;
} */
.transectionHistoryBorderBottom {
  /* border-bottom: 1px solid #d4d4d4; */
  /* padding-bottom: 10px;
  margin-bottom: 30px; */
  position: relative;
  /* padding: 0px 15px; */
}
.transectionHistoryBorderBottom::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 2px;
  bottom: 0px;
  background-color: #777777;
}

.active-color {
  color: #053c63 !important;
}

.div-align-right {
  text-align: right !important;
}

.div-h4 {
  color: black !important;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
}

.margin-left-space {
  margin-right: 5px !important;
}

.div-under-constr {
  text-align: center;
}

.p-under-constr {
  font-size: 17px !important;
  color: #053c63 !important;
  font-weight: 500;
}

.lbl-admin-mycom {
  text-decoration: underline;
  cursor: pointer;
  font-weight: normal;
  color: #053c63;
}
.lbl-admin-mycom:hover {
  color: #5b5bfb;
}
.img-down-arrow-1 {
  width: auto !important;
  height: 15px !important;
  margin-right: 15px;
}

.display-none {
  /* display: block !important; */
  display: none !important;
}

.remove-margin-p {
  margin-top: -10px;
}

.add-margin-1 {
  margin-top: 5px;
}

.red-box-custody {
  border: 1px solid red !important;
}

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

.token-alert-kyc {
  background-color: #a9161e;
  cursor: pointer;
  float: left;
  width: 100%;
}

.token-alert-kyc-p {
  font-size: 15px;
  padding: 5px 10px;
  color: white;
  font-weight: 600;
  cursor: pointer;
  margin: 0px;
}
.fullDivToken {
  width: 100%;
  float: left;
}
.tesoraImg {
  width: 50%;
  /* margin-bottom: 10px; */
  float: right;
  position: absolute;
  /* top: 20px; */
  right: 10%;
}
.bitcoinMarket {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
  float: left;
}
.bitcoinMarketImgBox {
  width: 50px;
  background-color: #ff941a;
  height: 52px;
}
.bitcoinMarketImgBox.bgColorBlue {
  /* background-color: #053C63; */
  background-color: white;
  border: 1px solid #c1963a;
  height: 52px !important;
}
.bitcoinMarketpriceList {
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
  background-color: #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bitcoinMarketpriceList li {
  list-style: none;
  display: inline-block;
  text-align: center;
  padding: 5px 20px;
  position: relative;
  width: 50%;
}

.bitcoinMarketpriceList li span {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #000;
  font-family: sans-serif;
}
.bitcoinMarketpriceList li label {
  display: block;
  width: 100%;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.bitcoinMarketpriceList li::after {
  position: absolute;
  height: 30px;
  border-left: 1px dashed #053c63;
  content: "";
  right: 0px;
  /* top: 10px; */
  top: 0px;
}

.newli::after {
  position: absolute !important;
  height: 30px !important;
  border-left: 1px dashed #053c63 !important;
  content: "" !important;
  right: 0px !important;
  top: 10px !important;
}

.bitcoinMarketpriceList li:last-child::after {
  display: none;
}
/* .bitcoinMarketpriceList li:first-child{
    text-align: left;
}
.bitcoinMarketpriceList li:last-child{
    text-align: right;
} */
.bitcoinMarketpriceList li span.colorGreen {
  color: green;
}

.lbl-erro-msg {
  font-size: 14px !important;
  margin-top: -8px !important;
  color: red !important;
}

.txt-uppercase {
  text-transform: uppercase !important;
}
.headingBorderBoth {
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px 0px;
  position: relative;
  font-weight: bold;
  font-size: 18px;
  color: #1d1d1d;
  overflow: hidden;
}
.headingBorderBoth::after {
  width: 40%;
  content: "";
  position: absolute;
  right: 0px;
  top: 23px;
  height: 1px;
  background-color: #707070;
}
.headingBorderBoth::before {
  width: 40%;
  content: "";
  position: absolute;
  left: 0px;
  top: 23px;
  height: 1px;
  background-color: #707070;
}

.img-edit-wallet {
  width: auto;
  height: 14px;
  margin-right: 5px;
}
.img-edit-wallet-cir {
  width: auto;
  height: 20px;
  margin-right: 5px;
}
.settingmodalSize {
  padding-top: 3%;
}

.settingmodalSize .modal-dialog {
  width: 300px;
  border: none;
}
.settingmodalSize .modal-content {
  border: none;
}
.settingmodalSize .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
}
.editWalletInline {
  display: flex;
}
.editWalletInput {
  background-color: #fff;
  border: 1px solid #dcdcdc;
  padding: 2px;
  width: 150px;
  border-radius: 2px;
  margin: 0px 10px 0px 15px;
  font-size: 13px;
}
.editWalletInput:focus {
  outline: none;
}
.editWalletInputError {
  background-color: #fff;
  border: 1px solid #ff0000;
  padding: 5px;
  width: 200px;
  /* border-top: none;
    border-left: none;
    border-right: none; */
}
.editWalletInputError:focus {
  outline: none;
}
.autoWithDrowDiv .myNewPlanBtn {
  background-color: #017aa7 !important;
  height: 35px;
  margin-top: 7px;
}

.modalAutowithdrow {
  text-align: center;
  width: 100%;
  padding: 30px 20% 0px 20%;
}
.modalAutowithdrow p {
  color: #000;
}
.modalAutowithdrow h4 {
  margin-bottom: 30px;
}
.bankAccountWithdrowSelect {
  margin: 10px 0px;
}
.bankAccountWithdrowSelect .ant-select-selection {
  border-color: #053c63;
  outline: none;
  box-shadow: none;
  color: #053c63;
  margin-bottom: 30px;
}

.bankAccountWithdrowSelect .ant-select-selection .ant-select-arrow svg {
  fill: #053c63;
}

.div-msg-err-success {
  text-align: center;
  padding: 5px;
}

.err-msg-lbl {
  color: red !important;
}

.suucess-msg-lbl {
  color: green;
}

.div-ava-qu-msg {
  text-align: center;
}

.lbl-ava-qu-msg {
  font-size: 15px;
  padding-top: 10px;
  font-weight: 600;
}

.img-no-data-2 {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.div-error-insufficent {
  font-size: 15px;
  padding-top: 10px;
  color: red;
}

.btn-disable-color {
  background-color: grey !important;
  cursor: not-allowed;
}

.margin-top-btc {
  margin-top: -15px;
}
.paddingmobiletesoraImg {
  width: 100%;
  float: left;
}
@media (max-width: 1024px) {
  .mobilemodalHide {
    display: none;
  }
  .modaldegitalmobilediv {
    float: left;
    width: 100%;
    padding: 15px;
  }
}
@media (max-width: 991px) {
  .bitcointrustHeding {
    margin: 30px 0px 0% 0px !important;
  }
  .mobilewithsmall {
    height: 200px;
    width: auto;
  }
  .tesoraImg {
    width: 170px;
    float: left;
    position: initial;
  }
  .transectionHistoryBorderBottom::after {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .saveAndEarnBox .img-pig {
    width: 70%;
    float: left;
  }
  .FormContract {
    padding-right: 0px !important;
  }
}
@media (max-width: 600px) {
  .digitalWalletTable {
    padding: 0px 15px;
  }
  .transectionHistoryandDigitalWallet li {
    display: inline-block;
  }
}

@media (max-width: 450px) {
  .transferFundDetails label {
    float: left;
    width: 100%;
    text-align: left;
  }
  .transferFundDetails label:last-child {
    padding-left: 0px !important;
    font-weight: normal;
    text-align: left !important;
    margin-left: 0px !important;
    float: left;
    width: 100%;
  }
  .transferFundDetails:nth-child(2) label:last-child {
    margin-left: 0px !important;
  }
  .transferFundDetails {
    display: block !important;
  }
}

.token-header-title {
  white-space: pre-line;
}

.bgtokenimg {
  background-image: url("https://media.mycom.world/frontend/images/img-tokenpurchased.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding-bottom: 30px;
}

.token-text-capitalize {
  text-transform: capitalize;
}

.token-text-uppercase {
  text-transform: uppercase;
}
.tokenHeadingColor {
  display: flex;
  width: 100%;
}
.tokenHeadingColor h2 {
  text-transform: uppercase;
  font-size: 30px;
  color: #000;
  margin: 30px 0px 20px 0px;
  font-weight: bold;
}
.tokenHeadingColor h2 span {
  color: #053c63;
}
.tokenHeadingColor .readBtn {
  margin-top: 35px;
  margin-left: 50px;
}
.testroExchangeImg {
  text-align: center;
  margin: 20px 0px;
}
.testroExchangeImg .token-option-img {
  height: 150px;
  width: 150px;
  margin: auto;
  display: block;
}
.testroExchangeImg label {
  display: block;
}
.row015.row {
  margin: 5% -15px 0px -15px !important;
}

.currentValueFontColor {
  display: flex;
  align-items: center;
  width: 280px;
}

.EURvalueCurrent {
  font-size: 20px;
  color: #053c63;
  font-weight: bold;
  margin-right: 5px;
}

.lablePS {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #053c63;
  color: #fff;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: normal;
}
.myNewPlanBtn.colorRedBtn {
  background-color: #c6151d;
}
.tokenExchange .img-fluid-tesora {
  width: 180px;
  height: auto;
  margin-bottom: 15px;
}
.tokenExchange .ant-radio-group {
  margin: 20px 0px;
}
.tokenExchange .pincode-input-container {
  margin-top: 15px;
}
.tokenExchange .pincode-input-container .pincode-input-text {
  border: 1px solid #dcdcdc !important;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 5px;
  height: 40px !important;
  width: 40px !important;
  margin: 5px !important;
}

.token-exchange-capital {
  text-transform: uppercase;
}

.token-forgot-pin-btn {
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  border: none;
  margin-top: 5px;
}

.token-forgot-pin-btn:focus {
  outline: none;
}

.paddingLeftnone {
  padding-left: 0px;
}

.tokenPurchaseHeadingColor {
  display: flex;
  width: 100%;
}
.tokenPurchaseHeadingColor h2 {
  font-size: 14px;
  color: #000;
  margin: 30px 0px 5px 0px;
  font-weight: bold;
}
.tokenPurchaseMessage {
  font-size: 13px;
  color: #262626;
  margin-bottom: 20px;
}
.DropDownLable {
  width: 100%;
  border: 1px solid #053c63;
  border-radius: 2px;
  color: #053c63;
  padding: 5px 10px;
  display: inline-block;
}
.DropDownLable i {
  float: right;
  margin-top: 5px;
}
.DropDownAntD {
  width: 100% !important;
}
.QtyInput {
  background: none;
  border-bottom: 1px solid #909090;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 80px;
  padding-left: 10px;
}
.DropDownAntDCredit {
  width: 260px !important;
  border: none !important;
  color: gray;
  font-weight: normal;
}
.DropDownAntDCredit i {
  float: none;
  margin-left: 10px;
}
.DropDownAntDCredit svg {
  fill: #053c63;
}
.div-pagination {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.filterTablebtn {
  display: flex;
}
.filterTablebtn label {
  margin-right: 20px;
}
.filterTablebtn .ant-dropdown-link {
  border: 1px solid #000;
  padding: 2px 10px;
  color: #000;
}

.filterTablebtnBorderDes {
  border-top: 2px dashed #ddccdd;
  margin-top: 20px;
}

.filterTablebtnBorderDes .ant-dropdown-link {
  border: 1px solid #053c63;
  padding: 2px 10px;
  color: #053c63;
  background-color: #fff;
  margin-top: -14px;
  float: left;
  min-width: 130px;
}

.filterTablebtnBorderDes .ant-dropdown-link i {
  float: right;
  margin-top: 5px;
}

.selesWithCommitomTable.bgTheade {
  border-radius: 0px;
  border: 1px solid #dcdcdc !important;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.selesWithCommitomTable.bgTheade thead {
  background-color: #053c63;
}

.selesWithCommitomTable.bgTheade thead tr th {
  color: #fff;
}
.selesWithCommitomTable.bgTheade tbody tr {
  background-color: transparent !important;
}
.selesWithCommitomTable.bgTheade tbody tr td {
  border-right: 1px solid #dcdcdc !important;
  background-color: transparent !important;
}

.selesWithCommitomTable.bgTheade tbody tr td:last-child {
  border-right: none !important;
}
.TableRow-30 .selesWithCommitomTable.bgTheade {
  margin-bottom: 5px;
}
.TableRow-30 {
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  padding-bottom: 5px;
}

.TableRow-30 .FaAngleDoubleLeft {
  width: 45px;
  text-align: center;
  background-color: #f4f4f4;
}
.TableRow-30 .FaAngleDoubleRight {
  width: 45px;
  background-color: #053c63;
  color: #fff;
  text-align: center;
}
.TableRow-30 .FaAngleDoubleRight,
.TableRow-30 .FaAngleDoubleLeft {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TableRow-30 .FaAngleDoubleRight svg,
.TableRow-30 .FaAngleDoubleLeft svg {
  cursor: pointer;
}

.tokenDetailsbackButtonMargin .wellComMycomProWrapper {
  margin-top: -50px;
  overflow: hidden;
}
.tokenDetailsbackButton {
  padding: 30px 0px 0px 30px;
}
.tokenDetailsbackButton h5 {
  position: relative;
  z-index: 3;
}

.paworSeed {
  background-image: url("https://media.mycom.world/frontend/images/img-familyandhero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: bottom right;
  min-height: 500px;
}

.seedGrows {
  background-image: url("https://media.mycom.world/frontend/images/bg-family02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.paddingTopToken {
  padding-top: 50px;
}
.paddingTopToken .adv-contact {
  width: 300px;
  margin-top: -50px;
}
.seedGrowsPadding {
  padding: 5% 5% 5% 10%;
}
.adv-contact.rightFloat {
  text-align: left;
  float: left;
  margin: 20px 0px;
  width: 100%;
}
.adv-contact.rightFloat label {
  display: block;
  float: left;
  width: 100%;
}
.adv-contact.rightFloat .myNewPlanBtn {
  float: left;
  margin-bottom: 10px;
  display: block;
}

.paworindustry {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/img-suitmanandhero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: right;
  min-height: 500px;
}

.powerIndustrySave {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/bg-industry01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.tokenLimitQuantity {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/bg-manworking.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.tokenLimitQuantity .seedGrowsPadding {
  padding: 3% 5% 0% 10%;
}
/* .adv-contact.rightFloat.color1 .myNewPlanBtn{
    background-color: #fff;
    color: #053C63;
} */

.adv-contact.rightFloat.color1 label {
  color: #fff;
}

.paworStart {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/img-guysthinking.png");
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 400px;
}

.powerIndustryProblem {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-theproblempowerstart.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50px;
}

.tokenWithStartPower {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-tokentostartwiththerightpower.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0px;
}

.programingTheDeposit {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-officebg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.benefitFinancier {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-thebenefitsofthefinancier.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.applicationProcedure {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-applicationprocedure.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0px;
}
.topMargin-50 {
  margin-top: -50%;
}

.tokenWithStartPower .seedGrowsPadding strong {
  color: #fff;
}

.tokenWithStartPower .thePerfectCubeStep p::after {
  color: #fff;
  border-color: #ffff;
}

.applicationProcedure .seedGrowsPadding strong {
  color: #fff;
}
.applicationProcedure .thePerfectCubeStep p {
  color: #fff;
}
.applicationProcedure .thePerfectCubeStep p::after {
  color: #fff;
  border-color: #ffff;
}
.paworMobility {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerMobility/img-car&hero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 400px;
}

.tokenToMoveCost {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerMobility/bg-mobility01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}

.miningTokenBg {
  width: 100%;
  background-color: #ffffff !important;
  float: left;
  position: relative;
}

.mycom-color {
  color: #053c63;
}

.mining-learn-more-table-bg {
  background-image: url("https://media.mycom.world/frontend/images/bg-mininghardwarebitcoin.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  padding: 80px 8%;
}

.mining-learn-more-table-bg .table {
  background-color: #fff;
  font-size: 16px;
  font-family: sans-serif;
}

.mining-learn-more-table-bg .table thead {
  background-color: #ffa000;
}
.mining-learn-more-table-bg .table thead tr th {
  vertical-align: middle;
}
.mining-learn-more-table-bg .table tbody tr td {
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modalContractHeading {
  width: 100%;
  display: flex;
  float: left;
  margin: 40px 0px;
}

.blackColorBitcoin {
  width: 80px;
  margin-right: 20px;
}

.blackColorBitcoinHeading h2 {
  font-weight: bold;
  font-size: 48px;
}
.blackColorBitcoinHeading h4 {
  font-weight: bold;
  color: #000 !important;
  font-size: 28px;
  margin-bottom: 0px;
}
.FormContract {
  width: 100%;
  float: left;
  padding-right: 10%;
}
.FormContract label {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #000;
}

.margin-top-mobile {
  margin-top: 120px;
  margin-bottom: 50px;
}

/* .adv-bkg {
    background-image: url('https://media.mycom.world/frontend/images/bg-adv-field.png');
    background-size: 107%;
    background-position: center;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000026;
    background-color: #fff;
    position: relative;
} */
/* .adv-bkg-sport-img{
    position: relative;
}
.adv-bkg-sport-img img{
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
} */

.adv-det-sub-bkg {
  background-image: url("https://media.mycom.world/frontend/images/bg-tifoso01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

.adv-det-think-bkg {
  background-image: url("https://media.mycom.world/frontend/bg-everythingforyourchildren.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10%;
  text-align: center;
  margin-bottom: 50px;
}

.adv-det-sport-social {
  background-image: url("https://media.mycom.world/frontend/images/bg-sportokensocial.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px;
  color: #fff;
}

.adv-det-sport-today {
  background-image: url("https://media.mycom.world/frontend/images/bg-today01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px 0px;
}

.advertiseLogoImg {
  width: 80px;
  margin: 30px 0px;
}

.bgImageAdvertise1 {
  background-image: url("https://media.mycom.world/frontend/images/bg-fieldsportoken.png");
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: right;
}

.sportTokenThamnailBox1 img {
  margin-top: -10px;
  display: block;
}
.sportTokenThamnailBox {
  text-align: center;
}
.sportTokenThamnailBox label {
  color: #000;
  margin-top: 10px;
}

.tokenSection2 {
  background-image: url("https://media.mycom.world/frontend/images/bg-nolongerapro11.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 50px 0px;
}
.tokenSection3 {
  padding: 50px 0px;
}
.tokenSection4 {
  padding: 50px 30px;
  background-image: url("https://media.mycom.world/frontend/images/bg-nolongerapro.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.tokenSection4 h2 {
  color: #fff !important;
}
.paddingLeft-15 {
  padding-left: 15px;
}
.tokenSection5 {
  padding: 50px 0px;
}
.tokenSection5 h2 {
  text-align: center;
  padding: 0px 0px 20px 0px;
}
.borderMiddel {
  border-left: 1px solid #053c63;
}
.processlineBox {
  display: flex;
  float: right;
  margin: 120px 0px 0px 0px;
  align-items: center;
}
.processlineText1 {
  text-align: right;
}

.processlinImage {
  margin-right: -48px;
  margin-left: 30px;
  position: relative;
  z-index: 3;
}
.processlineBox2 label,
.processlineBox label {
  font-size: 16px;
  color: #000;
  margin-bottom: 0px;
}
.processlineBox2 {
  display: flex;
  float: left;
  margin: 20px 0px 100px 0px;
  align-items: center;
  width: 100%;
}
.processlineText2 {
  text-align: left;
}

.processlinImage2 {
  margin-right: 30px;
  margin-left: -48px;
  position: relative;
  z-index: 3;
}

.borderProcessShareBackFormula {
  border-radius: 10px;
  border: 1px solid #053c63;
  padding: 20px;
  margin-top: 50px;
}

.theSponcer {
  margin: 50px 0px;
  position: relative;
}

.theSponcer img {
  width: 80px;
  height: auto;
  margin-bottom: 20px;
}
.theSponcer label {
  font-size: 16px;
  color: #000;
}

.theSponcer.theSponcer1::after {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: -16%;
  top: 72%;
  transform: rotate(45deg);
}
.theSponcer.theSponcer1::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  right: -16%;
  top: 72%;
  transform: rotate(-45deg);
}

/* .theSponcer.theSponcer2::after{
    height: 80px;
    width: 40px;
    position: absolute;
    content: '';
    background-image: url(../../../resource/images/icon-arrowtoday01.png);
    background-repeat: no-repeat;
    background-size: 90%;
    left: 100%;
    top: 0%;
    transform: rotate(-90deg);
} */

.theSponcer.theSponcer3::after {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: -6%;
  top: 0%;
  transform: rotate(-90deg);
}

.theSponcer.theSponcer3::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: 43%;
  top: -60%;
  transform: rotate(180deg);
}

.theSponcer.theSponcer5::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: 43%;
  top: -60%;
  transform: rotate(0deg);
}

.thePerfectCubeStep p {
  position: relative;
  padding-left: 30px;
}
.thePerfectCubeStep strong {
  color: #053c63;
}
.thePerfectCubeStep p::after {
  content: "\2713";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #053c63;
  text-align: center;
  font-size: 10px;
  color: #053c63;
  position: absolute;
  left: 5px;
  top: 3px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.monthDurationTable.table {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
  box-shadow: 0px 3px 6px #00000026;
}

.monthDurationTable.table thead {
  background-color: #053c63;
  border: none !important;
  color: #fff;
}
.monthDurationTable.table thead tr th {
  border: none;
}

.monthDurationTable.table tbody tr td {
  border: none;
  border-left: 1px solid #053c63 !important;
}
.monthDurationTable.table tbody tr td:first-child {
  border-left: none !important;
}

.adv-contact {
  color: #053c63;
  font-weight: 400;
  min-width: 300px;
  float: right;
  text-align: right;
  margin-right: -26%;
  position: relative;
  z-index: 3;
}

.txt-token-input {
  border: 1px darkgray solid;
  width: 100%;
  float: left;
  height: 40px;
  margin-bottom: 20px;
  outline: none !important;
  box-shadow: none !important;
}

.txt-token-input-error {
  border: 1px red solid;
}

.FormMobileContract {
  display: flex;
  width: 100%;
}

.FormMobileContract .ant-select-selection {
  margin-right: 20px;
  border: 1px darkgray solid;
  width: 100%;
  float: left;
  height: 40px;
  outline: none !important;
  box-shadow: none !important;
  max-width: 90px;
  border-radius: 0px;
}

.proProductBox {
  width: 100%;
  height: 420px;
  text-align: center;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  transition: 500ms;
  border: #919191 1px solid;
  box-shadow: 0px 3px 6px #00000026;
}
.proProductBox .proProductPrice {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #053c63;
}
.proProductBox .proProductNameLabel {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #000;
  height: 50px;
  word-wrap: break-word;
  overflow: hidden;
}
.proProductBox .proProductImg img {
  height: 150px;
  width: auto;
  margin: 10px 0px;
}
.proProductBox .proProductDiscount {
  padding-left: 30px;
  color: #999;
  font-weight: 400;
  font-size: 12px;
}
.proProductBox .proProductShareBack {
  width: 100%;
  float: left;
  color: #000;
  font-size: 16px;
}
.proProductBox .proProductShareBack span {
  color: #919191;
  font-weight: bold;
  display: block;
  font-size: 20px;
}
.btnProProduct {
  background-color: #053c63;
  color: #fff;
  font-size: 13px;
  border: none;
  box-shadow: none;
  outline: none;
  height: 28px;
  margin-top: 0px;
  border-radius: 2px;
  width: 70%;
  text-transform: uppercase;
  margin-top: 10px;
  border-radius: 20px;
}
.btnProProductView {
  background-color: #053c63;
  color: #fff;
  font-size: 13px;
  border: none;
  box-shadow: none;
  outline: none;
  height: 28px;
  margin-top: 0px;
  border-radius: 2px;
  width: 70%;
  margin-top: 10px;
  border-radius: 20px;
}
.iconProProductBox {
  position: absolute;
  top: 10px;
  left: -40px;
  opacity: 1;
  z-index: 3;
  transition: 500ms;
}
.proProductBox:hover .iconProProductBox {
  left: 2px;
  transition: 500ms;
}
.iconProProductBox label {
  display: block;
  vertical-align: top;
  font-weight: 400;
  width: 30px;
  height: 30px;
  margin: 2px 0;
  background-color: #053c63;
  color: #fff;
  display: flex;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

.iconProProductBox label span {
  font-size: 12px;
}
.iconProProductBox label::after,
.iconProProductBox label::before {
  display: none;
}
.iconProProductBox label:hover::after,
.iconProProductBox label:hover::before {
  display: initial;
}

.FaEye::after {
  position: absolute;
  content: "View";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.FaHeart::after {
  position: absolute;
  content: "Add To Wish";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.FaCartPlus::after {
  position: absolute;
  content: "Add To Cart";
  height: 25px;
  left: 36px;
  top: 2px;
  background-color: #444444;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.iconProProductBox label::before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  right: -12px;
  top: 10px;
  background-color: #444444;
  border-radius: 2px;
  transform: rotate(45deg);
}

.userdetail-main-div {
  padding: 20px;
  background-color: #fff;
}

.userdetail-collaps-view {
  margin-top: 20px !important;
}
.userdetail-buttonsave {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: #053c63;
  box-shadow: none;
  outline: none;
}
.userdetail-buttoncancle {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: red;
  box-shadow: none;
  outline: none;
}
.userdetail-buttoncanclSave {
  margin: 5px;
  border-radius: 25px;
  min-width: 150px;
  max-width: 150px;
  height: 35px;
  border: none !important;
  color: #ffffff;
  background-color: #053c63;
  box-shadow: none;
  outline: none;
}
.userdetail-buttonsave:hover,
.userdetail-buttoncancle:hover {
  opacity: 0.7;
}
.phonenumber {
  margin-top: -10px !important;
}
.mailSearchBoxchoose {
  background-color: white;
  margin-top: -10px;
  padding-top: 15px;
  box-shadow: 0px 3px 6px #00000026;
}
.bgColorWhite {
  background-color: #fff;
}

.SearchInputMailId input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #919191 !important;
  width: 100%;
  border-radius: 0px !important;
  padding: 15px;
  height: 40px;
  margin-bottom: 10px;
}

.inputBoxPro {
  width: 80%;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.inputBoxPro .lableInputPro {
  width: 100%;
  float: left;
}
.inputBoxPro .lableInputPro label {
  font-weight: normal;
  color: #000;
  position: relative;
  margin-top: 5px;
  text-transform: capitalize;
}
.inputBoxPro .inputBoxBorder {
  width: 100%;
  position: relative;
  display: flex;
  box-shadow: 0px 3px 6px #00000026;
  margin: 10px 0px;
}

.ant-select-selection-selected-value {
  width: 100% !important;
}

.inputBoxPro .inputBoxBorder .userdetail-textfield-firstname-hd,
.inputBoxPro .inputBoxBorder .ant-select-selection,
.inputBoxPro .inputBoxBorder .form-control {
  font-size: 14px !important;
  text-align: left !important;
  height: 35px !important;
  border-radius: 0px !important ;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  outline: none;
}

.ErrorBox {
  border: 1px solid #dd5043 !important;
}

.orderSummery {
  border: 1px solid #dcdcdc;
  padding: 20px;
}
.orderSummery .table tr td {
  padding: 5px 0px !important;
  color: #000;
}

.reviewBoxPro {
  width: 100%;
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

.reviewBoxPro .reviewImage {
  width: 80px;
  height: 80px;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.reviewBoxPro .reviewImage img {
  height: 70px;
  width: auto;
}
.reviewBoxPro .reviewDetail {
  width: 75%;
}
.reviewBoxPro .reviewDetail label {
  color: #000;
  display: block;
}

.proInput {
  font-size: 14px !important;
  text-align: left !important;
  height: 35px !important;
  border-radius: 0px !important ;
  width: 100%;
  max-width: 100%;
  box-shadow: none;
  outline: none;
}

.cardDetailsPro .lableInputPro label {
  margin-top: 15px;
  font-weight: normal;
  color: #000;
}
.cardDetailsPro .ant-select-selection {
  border-radius: 0px;
  width: 100%;
}

.cardDetailsSelect {
  display: flex;
}
.cardDetailsSelect .FaRegCreditCard {
  width: 40px;
  font-size: 15px;
  border: 1px solid #d9d9d9;
  height: 32px;
  padding: 5px;
  border-right: none;
  fill: #053c63;
}

.BillingAdd label {
  font-weight: normal;
  color: #000;
  width: 100%;
}

.BillingAdd label span {
  width: 50px;
  float: left;
  font-weight: 500;
}

.BillingAdd .BillingAddLabel {
  width: 84%;
  font-weight: normal;
}
.headingProOrderPlace {
  background-color: #053c63;
  color: #fff;
  text-align: center;
  padding: 8px;
  margin-bottom: 20px;
}
.ProductCheckBox {
  position: absolute;
  right: 0;
  top: 0;
  margin: 10px;
}
.ProductRow {
  margin-top: 30px;
}
.UserImage {
  width: 50px;
  height: 50px;
}
.HorizontalLine {
  width: 100%;
  border-bottom: 1px #053c63 solid;
}
.HorizontalLinegray {
  width: 100%;
  border-bottom: 1px solid #dcdcdc;
}
.marginRow {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.SubtotalBottom {
  width: 100%;
  text-align: -webkit-right;
}
.SubtotalBottomInner {
  width: 40%;
}
.messageLable {
  width: 100%;
  text-align: center;
  color: #dd5043;
  padding-bottom: 30px;
}
.ErrorLable {
  width: 100%;
  text-align: center;
  color: #dd5043;
  padding-bottom: 30px;
}
.SuccessLable {
  width: 100%;
  text-align: center;
  color: #007acc;
  padding-bottom: 30px;
}
.EditButton {
  background-color: white;
  border: 1px solid #053c63;
  height: 35px;
}

.selected-user-div {
  background-color: #f4f4f4;
  margin-top: 10px;
  box-shadow: 0px 3px 6px #00000026;
}

.unselected-user-div {
  margin-top: 10px;
}

.otherTransferListimg1 {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px 10px;
}

.otherTransferListimg1 img {
  height: auto;
  width: 40px;
}
.otherTransferListimgCancle {
  position: absolute;
  right: 5px;
  top: 5px;
}
.otherTransferListimgCancle img {
  width: 15px;
  float: right;
}
.select-user-row {
  margin-top: -20px;
}
.qtyBg {
  align-self: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.minusQty {
  border: #053c63 solid 1px;
  height: 20px;
  width: 15px;
  color: #053c63;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
}
.qtyLable {
  color: #053c63;
}
.qtyLable input {
  border: 1px solid #053c63;
  box-shadow: none !important;
  outline: none !important;
  width: 80px;
  height: 20px;
  text-align: center;
  font-weight: normal;
  font-family: sans-serif;
}
.plusQty {
  border: #053c63 solid 1px;
  height: 20px;
  width: 15px;
  color: #053c63;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
}

.product-img-size {
  height: 100px;
  width: auto;
}

.icon-cart {
  font-size: 22px;
  margin-right: 4px;
}
.addressBoxSales p {
  margin-bottom: 5px;
}
.addressBoxSalesSelected p {
  margin-bottom: 5px;
}

.addressBoxSales {
  min-height: 250px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #000;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #00000026;
  cursor: pointer;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-position: 150% 140%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.addressBoxSalesSelected {
  min-height: 250px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #000;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #00000026;
  background-color: #f4f4f4;
  cursor: pointer;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-position: 150% 140%;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.fevoritContactEmailSelect {
  display: flex;
  width: 100%;
  align-items: center;
  margin-top: 30px;
  cursor: pointer;
  padding: 10px 0px;
  position: relative;
}

.withCheckBoxUserImage {
  width: 60px;
}

.withCheckBoxUserName label {
  margin-bottom: 0px;
  width: 270px;
  text-overflow: ellipsis;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

.productListSearchBg {
  border-bottom: 1px solid;
  width: 70%;
  float: right;
}
.productListSearchBg input {
  width: 90%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 18px;
}
.productListSearchBg i {
  font-size: 25px;
  float: right;
}
.productIcountList {
  float: right;
  font-size: 18px;
  background-color: #053c63;
  color: #fff;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalThamnailProductImg .image-gallery-thumbnail-image {
  width: 80px !important;
  height: 80px !important;
}

.modalThamnailProductImg {
  padding: 5%;
  border-right: 1px solid #dcdcdc;
}
.modalThamnailProductImg .image-gallery-slide {
  text-align: center;
  border: 1px solid #dcdcdc;
  margin-bottom: 20px;
}
.modalproductListPadding {
  padding: 30px 30px 0px 30px;
}

.modalProductDetailsRight {
}
.modalProductDetailsHeadeing h3 {
  color: #000 !important;
}
.modalProductDetailsHeadeing {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 10px;
}
.modalProductDetailsRight .proProductFix {
  display: block;
  font-size: 24px;
  color: #053c63;
}
.proProductShareBack {
  font-size: 20px;
}
.proProductShareBack p {
  font-size: 20px;
}
.proProductShareBack span {
  color: #053c63;
}
.ChangeUserbox {
  background-color: #f4f4f4;
  padding: 10px 0px;
  box-shadow: 0px 3px 6px #00000026;
}
.subscription {
  border: 1px solid #dcdcdc;
  padding: 15px;
  margin: 20px 0px;
}
.inputSingleBorder {
  border: none !important;
  border-radius: 0px;
  border-bottom: 1px solid #dcdcdc !important;
  width: 100%;
}
.selectBg.ant-select.ant-select-enabled {
  width: 100%;
}
.selectBg.ant-select.ant-select-enabled
  .ant-select-selection.ant-select-selection--single {
  border: none;
  background-color: #053c63;
  color: #fff;
  margin-right: 20px;
  border-radius: 0px;
  height: 40px;
  margin-top: 5px;
  width: 100%;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 20px;
}

.selectBg .ant-select-selection .ant-select-arrow svg {
  fill: #fff;
  margin-left: 5px;
}

.lbl-bold {
  font-weight: 600;
}

.lbl-light {
  font-weight: 400;
  padding-left: 2px;
}

.modalproductListPadding .tab-content {
  background-color: #f4f4f4;
  padding: 15px 30px;
  border-radius: 0px 0px 10px 10px;
}

.modalproductListPadding .nav-tabs {
  border-bottom: 0px solid #ddd;
  padding-left: 40px;
}

.modalproductListPadding .nav-tabs > li.active > a,
.modalproductListPadding .nav-tabs > li.active > a:focus,
.modalproductListPadding .nav-tabs > li.active > a:hover {
  color: #000;
  cursor: default;
  background-color: #f4f4f4;
  border: none !important;
  font-weight: bold;
  border-radius: 15px 15px 0px 0px;
}
.modalproductListPadding .nav-tabs > li:hover {
  border: none !important;
}
.modalproductListPadding .nav-tabs > li a {
  border: none !important;
  color: #000;
  border-radius: 15px 15px 0px 0px;
}
/* div#uncontrolled-tab-example {
  margin: 0px -30px;
} */

.addressBoxSalesSelected1 {
  min-height: 250px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  color: #000;
  padding: 15px;
  margin-bottom: 30px;
  box-shadow: 0px 3px 6px #00000026;
  background-color: white;
  cursor: pointer;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 78%;
  background-position: 120% 100%;
  background-repeat: no-repeat;
}

.div-no-data-found {
  padding-left: 20px;
  font-size: 16px;
  padding-top: 10px;
}

.div-buy-main {
  background-color: white;
  position: relative;
  margin-bottom: 30px;
}

.tbl-font {
  font-size: 16px !important;
  font-weight: 600;
}

.section-add-qty {
  margin-top: 10px;
}

.add-qty-input {
  border: none;
  border-bottom: 1px solid #053c63;
  width: 320px;
  padding-bottom: 5px;
  font-size: 18px;
  padding-left: 5px;
  font-weight: 600;
  color: black;
}

.add-qty-input:focus {
  outline: none;
}

.red-box-qty {
  border-bottom: 1px solid red !important;
}

.margin-min-10 {
  margin-top: -5px !important;
}

.margin-min-15 {
  margin-top: -20px !important;
}

.div-address-header {
  height: 35px !important;
  width: 100% !important;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  padding: 8px 30px;
  color: #fff;
}

.div-padding-address {
  padding: 15px !important;
}

@media (max-width: 600px) {
  .userdetail-margin-col-only {
    margin-top: 20px;
  }
  .qtyLable input {
    width: 40px;
  }
  .fevoritContactEmailSelect {
    display: inline-block !important;
  }
  .mobileImageLeft {
    float: left;
    margin-top: 20px;
  }
  .tbl-font {
    font-size: 13px !important;
    font-weight: 600;
  }
}

.BitcoinTableSection {
  width: 100%;
  float: left;
  /* border: 1px solid #dcdcdc; */
  margin-bottom: 10px;
}

.bitcoinTableNavBox {
  width: 100%;
  float: left;
  display: flex;
  background-color: #fff;
  margin-bottom: 10px;
  border-top: 1px solid #777777;
}
.bitcoinTableNav {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  margin: 20px 0px 5px 0px;
}

.bitcoinTableNav li {
  display: inline-block;
  list-style: none;
  position: relative;
  margin: 5px 10px;
  cursor: pointer;
  color: #053c63;
  border: 1px solid #053c63;
  background-color: #fff;
  border-radius: 20px;
  font-weight: bold;
  padding: 5px 15px;
}
/* .bitcoinTableNav li:first-child{
    margin-right: 10%;
    margin-left: 5%;
} */
.bitcoinTableNav li.active {
  background-color: #053c63;
  color: #fff;
  font-weight: bold;
}
.arrowUpDown {
  height: 25px;
  margin: 20px 20px;
  float: right;
}

.inputBitcoinBox {
  width: 100%;
  float: left;
  display: flex;
  border: 2px solid #dcdddf;
  height: 60px;
  align-items: center;
  border-radius: 10px;
  /* padding-right: 13%; */
}

.inputBitcoinBox input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  height: 20px;
  width: 100%;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  display: block;
  background-color: transparent;
  padding: 0px 15px;
}

.inputBitcoinBox img {
  height: 42px;
  margin-left: 5px;
}
.imgWithQurency {
  width: 50px;
  display: flex;
  align-items: center;
}
.imgWithQurency label {
  margin-bottom: 0px;
  font-size: 12px;
}
.changeCurrency {
  width: 110px;
  display: flex;
  align-items: center;
}

.availableBalanceCurrency {
  float: left;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.availableBalanceCurrency .lableWithExchange {
  width: 50px;
  float: left;
}
.availableBalanceCurrency label {
  margin-right: 10px;
}

.availableBalanceCurrency .selectComsWithOutBorder .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  color: #000;
  width: 70px;
  float: right;
  font-size: 13px;
}
.convertArowFee {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  margin-top: 10px;
}
.convertArowFee::before {
  position: absolute;
  content: "↓";
  top: -30px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  left: 50%;
  font-weight: bold;
  color: #000;
  transform: translate(-50%);
}
.convertArowFee::after {
  position: absolute;
  content: "↓";
  bottom: -22px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #053c63;
  left: 50%;
  transform: translate(-50%);
}

.inputBitcoinBox .newInputWithbitcoin {
  width: 100%;
  border-radius: 50px;
  text-align: center;
}
.inputBitcoinBox .newInputWithbitcoin p {
  margin: 0px;
  font-size: 13px;
}
.inputBitcoinBox h5 {
  margin-bottom: 0px;
}
.feesWithUsd {
  width: 100%;
  float: left;
  position: relative;
  font-family: sans-serif;
  text-align: center;
  margin: 40px 0px;
}
.feesWithUsd::after {
  position: absolute;
  content: "";
  height: 15px;
  border-left: 3px dotted #007eab;
  top: -20px;
  left: 50%;
}
.feesWithUsd::before {
  position: absolute;
  content: "";
  height: 15px;
  border-left: 3px dotted #007eab;
  bottom: -20px;
  left: 50%;
}

.feesWithUsd label {
  margin: 0px;
}
.feesWithUsd p {
  margin: 0px;
}

.inputBitcoinBox.recipientGets {
  border: 1px solid #053c63;
}
.inputBitcoinBox.recipientGets .newInputWithbitcoin label {
  color: #053c63;
}
.inputBitcoinBox.recipientGets .newInputWithbitcoin p {
  color: #053c63;
}

.inputBitcoinBox.bitcoinAddressBorder {
  border: none;
  border-bottom: 1px solid #b4b4b4;
  border-radius: 0px;
  text-align: center;
  height: auto;
  margin-top: 30px;
  padding-bottom: 10px;
  display: block;
}
.inputBitcoinBox.bitcoinAddressBorder h4 {
  width: 100%;
}
.inputBitcoinBox.bitcoinAddressBorder input {
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  color: #000;
}

.blueDottedBorder {
  display: block;
  width: 1px;
  height: 20px;
  margin: 20px auto;
  border-left: 3px dotted #053c63;
}

.MiddleBorderBitcoinTable {
  width: 100%;
  float: left;
  /* padding: 0px 5% 0px 5%; */
  /* border-right: 1px solid #b4b4b4; */
  margin: 30px 0px 20px 0px;
}

.MiddleBorderBitcoinTable h2 {
  margin-bottom: 50px;
}

.MiddleBorderBitcoinTable .myNewPlanBtn {
  float: left;
  height: 40px;
  border-radius: 6px;
  width: 180px;
}

.MiddlRightBitcoinTable {
  width: 100%;
  float: left;
  text-align: center;
  margin: 50px 0px;
}

.MiddlRightBitcoinTable h2 {
  margin-bottom: 30px;
}

.summeryBoxWalletIdSection {
  width: 100%;
  float: left;
}
.summeryBoxWalletIdSection img {
  float: left;
  margin-right: 50px;
}
.summeryBoxWalletId {
  float: left;
}

.availabaleYou {
  text-align: right;
}

.bitcoinArrow {
  width: 40px;
  height: 40px;
  display: flex;
  margin: 0px 10px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000026;
  float: left;
  border-radius: 10px;
}

.buyAmmountSection {
  width: 100%;
  font-family: sans-serif;
  float: left;
}

.BitUsdEurBox {
  width: 100%;
  float: left;
  text-align: center;
}
.BitUsdEurBox label {
  font-size: 36px;
  font-weight: bold;
  border-bottom: 1px solid #b4b4b4;
  width: 100%;
}

.BitUsdEurBox input {
  font-size: 24px;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  outline: none !important;
  box-shadow: none !important;
}

.BitUsdEurBox ul {
  width: auto;
  padding: 0px 0px;
  margin: 0px auto 30px auto;
}

.BitUsdEurBox ul li {
  display: inline;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #b4b4b4;
  cursor: pointer;
}
.BitUsdEurBox ul li.active {
  color: #000;
}

.sellingbitcoinBtn {
  border-radius: 40px;
  border: 1px solid #b4b4b4;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 2px 8px 0px 10px;
}
.sellingbitcoinBtn label {
  width: 100px;
  color: #000;
  font-weight: normal;
  font-size: 14px;
}

.sellingbitcoinBtn .ant-select.ant-select-enabled {
  width: 100%;
}
.sellingbitcoinBtn .ant-select-selection--single {
  font-size: 16px;
  color: #000;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.sellingbitcoinBtn .ant-select-arrow svg {
  font-size: 20px;
  margin-top: -4px;
  fill: #053c63;
}
.sellingbitcoinBtn img {
  height: 50px;
  margin: 0px 0px 0px 0px;
}
.sellingbitcoinBtn .cashUSd {
  height: 37px;
  width: 37px;
}

.ThreeArrow {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ThreeArrow img {
  margin: 20px;
  width: 15px !important;
  height: auto !important;
}

.inputBitcoinBoxRed {
  border: 1px red solid !important;
}

.lbl-insufficent-balace {
  color: red;
}

.div-no-data {
  text-align: center;
  padding-top: 20px !important;
}

.bitcoin-setting-icon {
  width: 25px;
  height: auto;
}

.BitUsdEurBox.ChooseValue1 li {
  color: #053c63;
  font-size: 16px;
  cursor: pointer;
}

.BitUsdEurBox.ChooseValue1 li.active {
  color: #b4b4b4;
}

.RecieveIdBoxWithQr {
  /* display: flex; */
  border: 1px solid #b4b4b4;
  padding: 5px 5px 5px 15px;
  width: 100%;
  text-align: left;
  overflow: hidden;
}

.RecieveIdBoxWithQr img {
  width: 40px;
  margin-right: 10px;
}
.RecieveIdBoxWithQr p {
  width: 100%;
  overflow: hidden;
  margin: 0px;
}
.QrImage {
  width: 150px !important;
  height: auto !important;
}

.RecieveIdBoxWithCopyBox {
  display: flex;
}

.capyIconQRid {
  width: 65px;
  background-color: #007eab;
  margin-left: 10px;
  padding: 12px 0px;
}

.MiddlRightBitcoinTable .myNewPlanBtn {
  float: left;
  height: 40px;
}

.btnTransactionModalClose {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  float: right;
  background-color: #fff;
  font-weight: bold;
}

.SentBitcoin {
  display: flex;
  border-bottom: 1px solid #dcdcdc;
  padding: 0px 0px 18px 0px;
  margin-bottom: 20px;
  align-items: center;
  color: #000;
}

.SentBitcoin .bitcoinArrow {
  width: 36px;
  height: 36px;
}
/* .boxEquale {
    float: left;
    width: 100%;
    padding: 0px 3%;
} */

.div-disclaimer {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  border: 0px solid darkgrey;
  padding: 10px;
  background-color: #f8f8f8 !important;
  box-shadow: 0 8px 6px -6px #c8c8c8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.div-disclamier-h4 {
  color: black !important;
  font-size: 15px;
  font-weight: 700 !important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-disclamer-p {
  color: black;
  font-size: 15px;
  font-weight: 500;
}

.hide-display {
  display: none !important;
}

.modalSize-send-bitcoin .modal-content {
  width: 350px;
  margin: auto;
}

.myNewPlanBtn-transaction {
  min-width: 250px;
  height: 35px;
  background-color: #007eab;
  color: white;
  font-size: 15px;
  font-weight: 600;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  margin-top: 40px;
  border: none;
}

.bitcoin-sent-div {
  text-align: center;
  margin-top: 60px;
}

.bitcoin-sent-img {
  width: 150px;
  height: auto;
}

.bitcoin-sent-success-green {
  color: #309a55 !important;
  text-transform: capitalize;
}

.bitcoin-sent-succ-lbl {
  width: 100%;
  color: black !important;
  font-size: 22px;
  padding-top: 30px;
}

.bitcoin-sent_amount {
  border: 1px solid darkgray;
  width: 200px;
  height: 40px;
  padding-top: 5px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  font-size: 18px;
  font-weight: 800;
  margin-top: 10px;
}

.bitcoin-address-text {
  padding-top: 10px;
}

.bitcoin-inner-img {
  margin-top: 14px !important;
}

.bitcoin-address-title-color {
  color: #053c63 !important;
}
.CurrencyIconBG {
  width: 30px;
  height: 30px;
  margin: 8px;
}
.fromDiv {
  width: 100%;
  border-radius: 40px;
  border: 1px solid #b4b4b4;
  text-align: center;
  padding: 2px 8px 0px 10px;
  float: left;
}
.currencyDiv {
  text-align: center;
  /* width: 50%; */
  /* transform: translate(50%, 0); */
}
.fromDivInput {
  font-size: 24px;
  font-weight: bold;
  border: none;
  /* border-bottom: 1px solid #b4b4b4; */
  /* width: 100%; */

  margin-bottom: 5px;
  outline: none !important;
  box-shadow: none !important;
}

.transactionDetailModal .modal-dialog {
  width: 400px !important;
  margin: auto !important;
  height: 500px !important;
}

.transectionDetailSection {
  width: 100%;
  padding: 20px 5%;
  font-size: 15px;
  /* background-color: #f9f9f9;
    box-shadow: 0px 0px 10px #dcdcdc; */
  margin: 20px 0px 40px 0px;
}
.myNewPlanBtn.cancle {
  background-color: #c6151d !important;
}
.fromLableBlue {
  color: #053c63;
}

.smallModalSize .modal-dialog {
  width: 500px;
  border: none;
  /* transform: translate(10%, 5%) !important; */
}
.smallModalSize .modal-content {
  border: none;
}
.smallModalSize .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
}

.proccessDiv {
  width: 100%;
  height: 400px;
  border-radius: 10px;
  background-color: #053c63;
  padding: 30px;
  color: white;
  text-align: center;
}
.proccessDiv img {
  display: block;
  margin: 10px auto;
}
.comsSeedbox {
  text-align: center;
}
.comsSeed {
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 50px;
  margin: 0px auto;
  border: 1px solid #dcdcdc;
}
.ConvertListImg {
  width: 100%;
  display: flex;
}

.ConvertListImg img {
  border-radius: 10px;
  box-shadow: 0px 0px 10px #dcdcdc;
  margin-right: 15px;
  width: 35px;
}

.hrLine {
  width: 100%;
  height: 1px;
  background-color: #bebebe;
}

.transectionDetailLastModal {
  width: 100%;
  padding: 20px 5%;
}

.rightSelectComs {
  position: absolute;
  right: -62px;
  bottom: 33%;
}
.rightSelectComs .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.icon-setting-size {
  width: auto !important;
  height: 20px !important;
}

.icon-send-receive {
  width: 16px !important;
  height: auto !important;
}

/* .BitcoinTableSection{
    width: 100%;
    float: left;
    border: 1px solid #dcdcdc;
    margin-bottom:50px;
} */

.txt-capital {
  text-transform: uppercase;
}

/* 
.bitcoinTableNavBox{
    width: 100%;
    float: left;
    display: flex;
    background-color: #f4f4f4;
    
}
.bitcoinTableNav{
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.bitcoinTableNav li{
    display: inline-block;
    list-style: none;
    padding: 20px;
    font-size: 18px;
    color: #000;
    cursor: pointer;
}
.bitcoinTableNav li:first-child{
    margin-right: 10%;
    margin-left: 5%;
}
.bitcoinTableNav li.active{
    background-color: #fff;
    color: #053C63;
    font-weight: bold;
}
.arrowUpDown{
    height:25px;
    margin: 20px 20px;
    float: right;
} */
/* 
.inputBitcoinBox{
    width: 100%;
    float: left;
    display: flex;
    border: 1px solid #b4b4b4;
    height: 55px;
    margin-bottom: 40px;
    align-items: center;
}

.inputBitcoinBox input{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: 48px;
    width: 100%;
}

.inputBitcoinBox img{
    height:50px;
    margin-right: 20px;
} 
.MiddleBorderBitcoinTable{
    width: 100%;
    float: left;
    padding: 0px 20% 0px 5%;
    margin: 50px 0px;
}

.MiddleBorderBitcoinTable h2{
    margin-bottom: 50px;
}

.MiddleBorderBitcoinTable .myNewPlanBtn{
    float: left;
    height: 40px;

}

.MiddlRightBitcoinTable{
    width: 100%;
    float: left;
    padding: 0px 10% 0px 5%;
    margin: 50px 0px;
}

.MiddlRightBitcoinTable h2{
    margin-bottom: 50px;
}
*/
.summeryBoxWalletIdSection {
  width: 100%;
  float: left;
}
.summeryBoxWalletIdSection img {
  float: left;
  margin-right: 50px;
}
.summeryBoxWalletId {
  float: left;
}

.availabaleYou {
  text-align: right;
}

.bitcoinArrow {
  width: 40px;
  height: 40px;
  display: flex;
  margin: 0px 10px;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000026;
  float: left;
  border-radius: 10px;
}

/* .buyAmmountSection{
    width: 100%;
    padding: 0px 10%;
    margin: 50px 0px;
    font-family: sans-serif;
    font-size: 18px;
    float: left;
}
.buyAmmountSection{
    border-right: 1px solid #b4b4b4;
} */
.BitUsdEurBox {
  width: 100%;
  float: left;
  text-align: center;
}
.BitUsdEurBox label {
  font-size: 36px;
  font-weight: bold;
  border-bottom: 1px solid #b4b4b4;
  width: 100%;
}

.BitUsdEurBox input {
  font-size: 24px;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  outline: none !important;
  box-shadow: none !important;
}

.BitUsdEurBox ul {
  width: auto;
  padding: 0px 0px;
  margin: 0px auto 30px auto;
}

.BitUsdEurBox ul li {
  display: inline;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #b4b4b4;
  cursor: pointer;
}
.BitUsdEurBox ul li.active {
  color: #000;
}

.sellingbitcoinBtn {
  border-radius: 40px;
  border: 1px solid #b4b4b4;
  display: flex;
  align-items: center;
  height: 50px;
  padding: 5px 8px 0px 15px;
}
.sellingbitcoinBtn label {
  width: 100px;
  color: #000;
  font-weight: normal;
  font-size: 14px;
}

.sellingbitcoinBtn .ant-select.ant-select-enabled {
  width: 100%;
}
.sellingbitcoinBtn .ant-select-selection--single {
  font-size: 16px;
  color: #000;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.sellingbitcoinBtn .ant-select-arrow svg {
  font-size: 20px;
  margin-top: -4px;
  fill: #053c63;
}
.sellingbitcoinBtn img {
  height: 50px;
  margin: 0px 0px 0px 0px;
}
.sellingbitcoinBtn .cashUSd {
  height: 37px;
  width: 37;
}

.ThreeArrow {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ThreeArrow img {
  margin: 20px;
}

.inputBitcoinBoxRed {
  border: 1px red solid !important;
}

.lbl-insufficent-balace {
  color: red;
}

.div-no-data {
  text-align: center;
  padding-top: 20px !important;
}

.bitcoin-setting-icon {
  width: 25px;
  height: auto;
}

.BitUsdEurBox.ChooseValue1 li {
  color: #053c63;
  font-size: 16px;
  cursor: pointer;
}

.BitUsdEurBox.ChooseValue1 li.active {
  color: #b4b4b4;
}
.successColor {
  color: #31a537;
}
/* .RecieveIdBoxWithQr{
    display: flex;
    border: 1px solid #b4b4b4;
    padding: 5px;
} */

/* .RecieveIdBoxWithQr img{
    width: 40px;
    margin-right: 10px;
} */

/* .QrImage{
    width: 100px;
    height: auto;
}

.RecieveIdBoxWithCopyBox{
display: flex;
} */

/* .capyIconQRid{
    width: 40px;
    background-color: #007eab;
    margin-left: 10px;
    padding: 7px;
} */

.MiddlRightBitcoinTable .myNewPlanBtn {
  float: left;
  height: 40px;
}

.img-from-icon {
  width: 30px !important;
  height: auto !important;
}

.icon-setting-size {
  width: auto !important;
  height: 20px !important;
}
.table.bonusPaymentTable.tokenSportBgTable {
  background-color: transparent !important;
}
.table.bonusPaymentTable.tokenSportBgTable thead tr th {
  border-bottom: 1px solid #dcdcdc;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: #fff;
}
.table.bonusPaymentTable.tokenSportBgTable tbody {
  border-bottom: 1px solid #fff;
}
.table.bonusPaymentTable.tokenSportBgTable tr {
  border-bottom: 1px solid #dcdcdc;
  color: #fff;
  background-color: transparent !important;
}
.table.bonusPaymentTable.tokenSportBgTable tr th {
  /* border-right: 1px solid #dcdcdc; */
  padding-bottom: 10px !important;
  color: #fff;
}
.table.bonusPaymentTable.tokenSportBgTable tr td {
  /* border-right: 1px solid #fff; */
  border-bottom: none !important;
  border-top: none !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  color: #fff;
}

.div-ava-qu-msg {
  text-align: center;
}

.lbl-ava-qu-msg {
  font-size: 15px;
  padding-top: 10px;
  font-weight: 600;
}

.img-no-data-2 {
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.failDiv {
  float: right;
  width: 100%;
}

.imgBorderInput {
  display: flex;
  border: 2px solid #E0E0E0;
  border-radius: 6px;
  padding: 0px 5px;
  margin-right: 20px;
  align-items: center;
}
.ThreeArrow ul {
  margin: 0px 0px 40px 0px;
  position: relative;
  width: 100%;
}
.ThreeArrow ul::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0px;
  left: 0px;
  height: 1px;
  background-color: #b4b4b4;
}

.ThreeArrow ul li {
  margin: 0px;
  padding: 0px 0px 12px 0px;
  list-style: none;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  color: #000;
  margin: 0px 20px;
  border-bottom: 4px solid transparent;
  cursor: pointer;
}

.ThreeArrow ul li.active {
  border-bottom: 4px solid #053c63;
  position: relative;
  z-index: 1;
}

.ThreeArrow p {
  font-size: 14px;
}
.mobiletransformImg {
  max-width: 100%;
  height: auto;
  margin: 40px 0px;
}
.smallFiatModalSize .modal-dialog {
  width: 500px;
  border: none;
  transform: translate(10%, 5%) !important;
}
.smallFiatModalSize .modal-content {
  border: none;
}
.smallFiatModalSize .modal-body {
  position: relative;
  padding: 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
}

.depositeMainDiv {
  width: 100%;
}
.depositeTransactionSection {
  width: 100%;
  padding: 20px 5%;
  /* background-color: #f9f9f9;
    box-shadow: 0px 0px 10px #dcdcdc; */
  /* margin: 20px 0px 40px 0px; */
  background-image: url(/static/media/bg-popuporderdetails.dda7e749.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.orderDetailIcon {
  width: 70px;
  height: 70px;
  margin: 20px auto;
  text-align: center;
}
.OrderDetailLable {
  width: 100%;
  text-align: center;
}

.iocnOrderdepisit {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 0px 10px;
}
.orderDetailCurrency {
  text-align: right;
  color: #000;
}
.orderDetailCurrency label {
  font-weight: normal;
}
.errorLable {
  color: brown;
}
.depositeValidationLable {
  color: brown;
  text-align: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.txt-uppercase {
  text-transform: uppercase !important;
}

.depositeButton {
  margin-top: 10px !important;
  /* float: "none";
  height: "40px";
  text-transform: "uppercase"; */
  width: 100%;
  float: left;
}

.lbl-delete-wallet-msg {
  text-align: center;
  font-size: 16px;
  color: black;
}

.delete-header-title {
  color: red !important;
}

.red-txt-border {
  border: 2px solid red !important;
}

.edit-txt-input {
  width: 300px;
  height: 40px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  margin-left: -90px;
}

.depositeTransactionSection1 {
  text-align: center;
}

.error-div-msg {
  color: red;
  margin-bottom: 10px;
  font-size: 15px;
}

.success-div-msg {
  color: #11b838;
  margin-bottom: 10px;
  font-size: 15px;
}

.icon-setting-size {
  width: auto !important;
  height: 20px !important;
}

.borderDeopDown.ant-select.ant-select-enabled {
  width: 100%;
  float: left;
  text-align: center;
}
.registerDropDown label {
  width: 100%;
}
.registerDropDown .ant-select-selection.ant-select-selection--single {
  width: 100%;
  background-color: #fff;
  font-size: 14px;
  box-shadow: none !important;
  margin-bottom: 20px;
  border: 2px solid #053c63;
  border-radius: 10px;
  height: 60px;
}
.registerDropDown
  .ant-select-selection.ant-select-selection--single
  .ant-select-selection-selected-value {
  color: #007eae;
}
.registerDropDown .ant-select-selection__rendered {
  line-height: 56px;
  font-size: 16px;
  font-weight: bold;
}
.registerDropDown
  .ant-select-selection.ant-select-selection--single
  .ant-select-arrow-icon
  svg {
  fill: #007eae;
}

.p-fiat-deposit-msg {
  text-align: center;
}

.p-red-color {
  color: red;
}

@media (max-width: 600px) {
  .smallFiatModalSize .modal-dialog {
    width: 95% !important;
    border: none;
    transform: translate(0%, 0%) !important;
  }
  .orderDetailCurrency {
    text-align: left !important;
    color: #000;
    margin-bottom: 10px !important;
  }
}

.faqModalBox {
  padding: 20px;
}

.faqModalBoxClaseBtn {
  float: right;
  background-color: #fff;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 20px;
  font-weight: bold;
  height: 24px;
  width: 24px;
}

.faqModalBox h3 {
  font-weight: bold;
  color: #000 !important;
  float: left;
  display: block;
  width: 100%;
}

.modalFaqScrollDiv {
  height: 500px;
  overflow-y: scroll;
  padding-right: 10px;
  margin-bottom: 30px;
}

.modalFaqScrollDiv .ant-collapse {
  border-radius: 0px;
  border: none;
}

.modalFaqScrollDiv .ant-collapse .ant-collapse-item {
  margin-bottom: 20px;
  border: none;
  background-color: #007eae;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.modalFaqScrollDiv .ant-collapse .ant-collapse-item .ant-collapse-header {
  color: #fff;
}
.modalFaqScrollDiv .ant-collapse .ant-collapse-item .ant-collapse-content {
  border: 1px solid #dcdcdc;
}

.questionMan {
  width: 100%;
  float: left;
  position: relative;
  padding-top: 50px;
}

.questionMan::after {
  position: absolute;
  content: "";
  right: -25px;
  left: 25%;
  top: 0px;
  bottom: 0px;
  background-color: #007eae;
  border-radius: 0px 10px 10px 0px;
}
.questionMan img {
  position: relative;
  z-index: 1;
}

.AskNewQuestionBox {
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-left: 20px;
}

.AskNewQuestionBox h3 {
  font-weight: bold;
  color: #000 !important;
  float: left;
  display: block;
  width: 100%;
}
.AskNewQuestionBox p {
  color: #000;
}
.AskNewQuestionBox label {
  color: #007eae;
  cursor: pointer;
}
.newQuestionHereBox {
  width: 100%;
  float: left;
  padding-left: 20px;
}
.newQuestionHereBox label {
  display: block;
  color: #000;
  float: left;
  width: 100%;
}

.newQuestionHereBox label span {
  color: #007eae;
  font-size: 18px;
}

.newQuestionHereBox input {
  border: 1px solid #dcdcdc;
  height: 40px;
  margin-bottom: 20px;
  width: 80%;
  float: left;
  outline: none !important;
  box-shadow: none !important;
}

.newQuestionHereBox textarea {
  border: 1px solid #dcdcdc;
  height: 40px;
  margin-bottom: 20px;
  width: 80%;
  float: left;
  outline: none !important;
  box-shadow: none !important;
  height: 130px;
}

.newQuestionHereBox .myNewPlanBtn {
  float: left;
}

.mpdalBitcointrust {
  padding: 30px 8%;
  float: left;
  width: 100%;
  font-family: sans-serif;
}
.totalBitcoinBorderBottom {
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  margin-top: 40px;
}
.font-18 {
  font-size: 18px;
}
.transferFundDetails {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 15px 0px;
}
.transferFundDetails:nth-child(2) label:last-child {
  margin-left: 19%;
}
.transferFundDetails label {
  background-color: #fff;
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.transferFundDetails label:first-child {
  padding-right: 10px;
  white-space: nowrap;
}
.transferFundDetails label:last-child {
  padding-left: 10px;
  font-weight: normal;
  text-align: right;
  margin-left: auto;
}
.transferFundDetails::after {
  content: "";
  position: absolute;
  right: 0px;
  left: 0px;
  height: 1px;
  background-color: #d4d4d4;
  top: 12px;
}
.selectBankTransfer {
  text-align: left;
}
.selectBankTransfer .ant-select-selection {
  height: 40px;
}
.selectBankTransfer .ant-select-selection .ant-select-selection__rendered {
  line-height: 39px;
  color: #000;
}
.selectBankTransfer .ant-select-arrow svg {
  fill: #053c63;
}
.modalBitcointrustgradiant {
  background-image: linear-gradient(180deg, #053c63, #053c63);
  border-radius: 10px 0px 0px 10px;
  padding: 10px;
  text-align: center;
}
.radioTerms {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.radioTerms p {
  margin: 0px;
}
.bitcointrustHeding {
  margin: 70% 0px 0% 0px;
  color: #fff !important;
  font-size: 48px;
  font-family: none;
}
.readBtn.bgBtn2 {
  background-color: #053c63 !important;
}
.Squreicon {
  width: 28px;
  height: 28px;
  border: 4px solid transparent;
  background-color: #fff;
  float: right;
  margin: -16px -50px 0px 0px;
  cursor: pointer;
}

.btn-close-bct {
  font-size: 20px;
  background-color: transparent;
  border: none;
  color: #000;
  font-weight: 600;
  width: 24px;
  height: 24px;
  float: right;
  margin-right: 15px;
}

.div-bitcoin-trans {
  text-align: center !important;
}

.disableDiv {
  background-color: #e6eaec;
  padding: 10px;
  border-radius: 10px;
}
.enableDiv {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
}
.editButtonBct {
  float: right;
  background-color: #ffffff;
  padding: 10px;
  border-radius: 10px;
  width: 100px;
  position: "absolute";
  border: none;
}
.bctEditTextNormal {
  width: 90%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #182027;
}
.bctEditTextError {
  width: 90%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #e21818;
}
.htmlSupport {
  white-space: pre-line !important;
}

.txt-bitcoin-address {
  font-size: 16px;
  color: #053c63;
}

.txt-details {
  font-size: 15px;
  /* font-weight: 600; */
}

.div-flex-display {
  display: flex;
}

.TabBg {
  background-color: white;
  padding: 10px;
}

.business-cat-info {
  white-space: pre-line;
}

.selected-day-lbl {
  color: white;
}

.unselected-day-lbl {
  color: darkgray;
}

/* .upload-document-img {
    width: 150px;
    height: auto;
    margin: 10px;
} */

.upload-document-img {
  width: auto;
  height: 160px;
  margin: 15px 0px 15px -15px;
  /* padding: 5px; */
}
.upload-icon-img {
  width: 120px;
  height: auto;
  margin: 0px 5%;
}
.uploadDirectorID {
  width: 100%;
  float: left;
}

.uploadDirectorID .uploadDocumentBox {
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px dashed #3ea9a1;
  min-height: 240px;
  margin: 30px 0px;
}

.uploadDocumentBox label {
  font-size: 24px;
  color: #8a8a8a;
  /* font-weight: normal; */
}
.input-error {
  color: red;
}

.businessRegistrationSection {
  margin: 30px 0px;
  float: left;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  overflow: hidden;
}
.businessRegistrationSection .wellComMycomPro {
  background-image: url("https://media.mycom.world/frontend/images/bg-businessregistration.png");
  padding: 20px 0px 0px 20px;
}
.ragistrationStapButton {
  display: inline-block;
  padding: 0px 0px;
  margin: 30px 0px 0px 30px;
}
.businessRegistrationSection p {
  font-size: 16px;
}
.ragistrationStapButton .CompletedStep {
  list-style: none;
  margin-right: 50px;
  display: inline-block;
  position: relative;
  background-color: #1c617d;
  color: #fff;
  text-align: center;
  height: 46px;
  width: 150px;
  padding-top: 12px;
  z-index: 3;
  margin-bottom: 20px;
}

.ragistrationStapButton .InCompleteStep {
  list-style: none;
  margin-right: 50px;
  display: inline-block;
  position: relative;
  background-color: #f8f8f8;
  color: #d4d2d2;
  text-align: center;
  height: 46px;
  width: 150px;
  padding-top: 12px;
  z-index: 3;
  margin-bottom: 20px;
}

.ragistrationStapButton .InCompleteStep span,
.ragistrationStapButton .CompletedStep span {
  width: 180px;
  margin-left: -20px;
  position: relative;
  z-index: 3;
  display: block;
  font-weight: bold;
}

.ragistrationStapButton .InCompleteStep::after {
  position: absolute;
  content: "";
  border-top: 23px solid #f8f8f8;
  border-bottom: 23px solid #f8f8f8;
  border-right: 23px solid #f8f8f8;
  border-left: 23px solid transparent;
  top: 0px;
  left: -40px;
}
.ragistrationStapButton .InCompleteStep::before {
  position: absolute;
  content: "";
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-right: 23px solid transparent;
  border-left: 23px solid #f8f8f8;
  top: 0px;
  right: -46px;
}

.ragistrationStapButton .CompletedStep::after {
  position: absolute;
  content: "";
  border-top: 23px solid #1c617d;
  border-bottom: 23px solid #1c617d;
  border-right: 23px solid #1c617d;
  border-left: 23px solid transparent;
  top: 0px;
  left: -40px;
}
.ragistrationStapButton .CompletedStep::before {
  position: absolute;
  content: "";
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-right: 23px solid transparent;
  border-left: 23px solid #1c617d;
  top: 0px;
  right: -46px;
}
.simpleFiledStar {
  position: relative;
}
.simpleFiledStar h4 {
  color: #000 !important;
  font-size: 16px;
  margin: 30px 0px 10px 0px;
  font-weight: bold;
}
.simpleFiledStar input {
  border: none;
  border-bottom: 2px solid #a0a0a0;
  border-radius: 0px;
  outline: none !important;
  position: relative;
  margin: 0px 0px 10px 0px;
  float: left;
  width: 100%;
  font-size: 16px;
  color: #3bada5 !important;
}
.simpleFiledStar::after {
  content: "*";
  font-size: 36px;
  color: #3bada5;
  position: absolute;
  right: 5px;
  top: 10px;
}

.simpleFiled h4 {
  color: #000 !important;
  font-size: 16px;
  margin: 30px 0px 10px 0px;
  font-weight: bold;
}
.simpleFiled input {
  border: none;
  border-bottom: 2px solid #a0a0a0;
  border-radius: 0px;
  outline: none !important;
  position: relative;
  margin: 0px 0px 10px 0px;
  float: left;
  width: 100%;
  font-size: 16px;
  color: #3bada5 !important;
}
.simpleFiled textarea {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
  outline: none !important;
  position: relative;
  margin: 0px;
  float: left;
  width: 100%;
  font-size: 16px;
}
.simpleFiled .ant-select-selection {
  border-radius: 0px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #f5f5f5 !important;
  outline: none !important;
  box-shadow: none !important;
  font-size: 16px;
}
.row.ROW-15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.bgSelect.selectColor
  .ant-select-selection--multiple
  .ant-select-selection__placeholder {
  color: #fff;
}

.listDaysWeek {
  list-style: none;
  display: inline-block;
  padding: 0px;
  margin: 20px 0px;
}
.listDaysWeek .unselected-day {
  list-style: none;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  background-color: #e6e6e6;
  color: #fff;
  text-align: center;
  height: 40px;
  padding: 8px 15px;
  z-index: 3;
  border-radius: 20px;
  cursor: pointer;
}
.listDaysWeek .selected-day {
  list-style: none;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  background-color: #1c617d;
  color: #fff;
  text-align: center;
  height: 40px;
  padding: 8px 15px;
  z-index: 3;
  border-radius: 20px;
  cursor: pointer;
}

.workingHours {
  display: flex;
  margin: 20px 0px;
}

.workingHours input {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0px;
  outline: none !important;
  position: relative;
  margin: 0px;
  float: left;
  width: 50px;
  margin: 0px 10px;
  text-align: center;
}

.workingHours a.ant-dropdown-link.ant-dropdown-trigger {
  color: #000;
  font-weight: bold;
}

.avatar-uploader.uploaderBanner .ant-upload.ant-upload-select-picture-card {
  width: 100%;
  height: 200px;
  border-style: solid;
  border-color: gray;
}
.simpleuploaderBanner .ant-upload.ant-upload-select-picture-card {
  border-style: solid;
  border-color: gray;
}
.businessWelcomModal h2 {
  color: #3bada5 !important;
}
.businessWelcomModal label {
  color: #3bada5;
  margin: -10px 0px 20px 0px;
  display: block;
}
.revewSubmitLableBox {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
.revewSubmitLableBox h3 {
  color: #000 !important;
  display: inline-block;
  float: left;
}
.revewSubmitLableBox h4 {
  color: #000 !important;
  font-size: 16px;
  font-weight: bold;
}
.revewSubmitLableBox label {
  color: #3bada5;
  font-weight: normal;
  font-size: 16px;
}
.revewSubmitLableBox img {
  border: 1px solid gray;
  border-radius: 10px;
  padding: 2px;
}
.revewSubmitLableBox .edit00 {
  float: left;
  width: 20px;
  margin: 6px 0px 0px 10px;
  border: none;
  padding: 0px;
  border-radius: 0px;
}
.revewSubmitLableBox .ant-tag {
  font-size: 16px;
}
.bgimageRegister .modal-body {
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right 0% bottom -45%;
}

.bg-terms-condition {
  color: #3bada5;
  padding-left: 1px;
  cursor: pointer;
}

.revewLogo {
  height: 75px;
  width: auto;
}

.company-doc-user {
  width: 150px !important;
  height: auto !important;
}

.final-banner-img {
  width: 450px !important;
  height: auto !important;
}

.margin-left {
  margin-left: 30px;
}

.adv-bkg {
  background-image: url("https://media.mycom.world/frontend/bg-adv-field-new.png");
  background-size: 107%;
  background-position: center;
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000026;
  background-color: #fff;
  position: relative;
}

.adv-det-sub-bkg {
  background-image: url("https://media.mycom.world/frontend/images/bg-tifoso01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 50px;
}

.adv-det-think-bkg {
  background-image: url("https://media.mycom.world/frontend/images/bg-everythingforyourchildren.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10%;
  text-align: center;
  margin-bottom: 50px;
}

.adv-det-sport-social {
  background-image: url("https://media.mycom.world/frontend/images/bg-sportokensocial.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px;
  color: #fff;
}

.adv-det-sport-today {
  background-image: url("https://media.mycom.world/frontend/images/bg-today01.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 50px 0px;
}

.advertiseLogoImg {
  width: 80px;
  margin: 30px 0px;
}

.bgImageAdvertise1 {
  background-image: url("https://media.mycom.world/frontend/images/bg-fieldsportoken.png");
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: right;
}

.sportTokenThamnailBox1 img {
  margin-top: -10px;
  display: block;
}
.sportTokenThamnailBox {
  text-align: center;
}
.sportTokenThamnailBox label {
  color: #000;
  margin-top: 10px;
}

.tokenSection2 {
  background-image: url("https://media.mycom.world/frontend/images/bg-nolongerapro11.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 50px 0px;
}
.tokenSection3 {
  padding: 50px 0px;
}
.tokenSection4 {
  padding: 50px 30px;
  background-image: url("https://media.mycom.world/frontend/images/bg-nolongerapro.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.tokenSection4 h2 {
  color: #fff !important;
}
.paddingLeft-15 {
  padding-left: 15px;
}
.tokenSection5 {
  padding: 50px 0px;
}
.tokenSection5 h2 {
  text-align: center;
  padding: 0px 0px 20px 0px;
}
.borderMiddel {
  border-left: 1px solid #053c63;
}
.processlineBox {
  display: flex;
  float: right;
  margin: 120px 0px 0px 0px;
  align-items: center;
}
.processlineText1 {
  text-align: right;
}

.processlinImage {
  margin-right: -48px;
  margin-left: 30px;
  position: relative;
  z-index: 3;
}
.processlineBox2 label,
.processlineBox label {
  font-size: 16px;
  color: #000;
  margin-bottom: 0px;
}
.processlineBox2 {
  display: flex;
  float: left;
  margin: 20px 0px 100px 0px;
  align-items: center;
  width: 100%;
}
.processlineText2 {
  text-align: left;
}

.processlinImage2 {
  margin-right: 30px;
  margin-left: -48px;
  position: relative;
  z-index: 3;
}

.borderProcessShareBackFormula {
  border-radius: 10px;
  border: 1px solid #053c63;
  padding: 20px;
  margin-top: 50px;
}

.theSponcer {
  margin: 50px 0px;
  position: relative;
}

.theSponcer img {
  width: 80px;
  height: auto;
  margin-bottom: 20px;
}
.theSponcer label {
  font-size: 16px;
  color: #000;
}

.theSponcer.theSponcer1::after {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: -16%;
  top: 72%;
  transform: rotate(45deg);
}
.theSponcer.theSponcer1::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  right: -16%;
  top: 72%;
  transform: rotate(-45deg);
}

/* .theSponcer.theSponcer2::after{
    height: 80px;
    width: 40px;
    position: absolute;
    content: '';
    background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
    background-repeat: no-repeat;
    background-size: 90%;
    left: 100%;
    top: 0%;
    transform: rotate(-90deg);
} */

.theSponcer.theSponcer3::after {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: -6%;
  top: 0%;
  transform: rotate(-90deg);
}

.theSponcer.theSponcer3::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: 43%;
  top: -60%;
  transform: rotate(180deg);
}

.theSponcer.theSponcer5::before {
  height: 80px;
  width: 40px;
  position: absolute;
  content: "";
  background-image: url(https://media.mycom.world/frontend/images/icon-arrowtoday01.png);
  background-repeat: no-repeat;
  background-size: 90%;
  left: 43%;
  top: -60%;
  transform: rotate(0deg);
}

.thePerfectCubeStep p {
  position: relative;
  padding-left: 30px;
}
.thePerfectCubeStep strong {
  color: #053c63;
}
.thePerfectCubeStep p::after {
  content: "\2713";
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 1px solid #053c63;
  text-align: center;
  font-size: 10px;
  color: #053c63;
  position: absolute;
  left: 5px;
  top: 3px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.monthDurationTable.table {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
  box-shadow: 0px 3px 6px #00000026;
}

.monthDurationTable.table thead {
  background-color: #053c63;
  border: none !important;
  color: #fff;
}
.monthDurationTable.table thead tr th {
  border: none;
}

.monthDurationTable.table tbody tr td {
  border: none;
  border-left: 1px solid #053c63 !important;
}
.monthDurationTable.table tbody tr td:first-child {
  border-left: none !important;
}

.adv-contact {
  color: #053c63;
  font-weight: 400;
  min-width: 300px;
  float: right;
  text-align: right;
  margin-right: -26%;
  position: relative;
  z-index: 3;
}

.add-terminal-btn-view {
  text-align: right;
}
.content-align-left {
  text-align: left;
}
.add-terminal-btn {
  cursor: pointer;
  width: 200px;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px;
  color: #053c63;
  background-color: #ffffff;
  border: #053c63 1px solid;
  border-radius: 5px;
}

.add-terminal-btn:hover {
  background-color: #053c63;
  color: white;
  border: #ffffff 1px solid;
}
.center-div {
  text-align: center;
}
.edit-btn-table {
  color: #fff;
  background-color: #053c63;
  border: #053c63 1px solid;
  border-radius: 20px;
  width: 80px;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
  margin: 0px 5px;
}
.edit-btn:hover {
  background-color: #fff;
  color: #053c63;
}
.delete-btn-table {
  margin: 0px 5px;
  color: #fff;
  background-color: #d74640;
  border: #d74640 1px solid;
  border-radius: 20px;
  text-align: center;
  width: 80px;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
}
.delete-btn:hover {
  background-color: #fff;
  color: #d74640;
}
.view-btn {
  height: 35px;
  width: 100%;
  color: #337ab7;
  background-color: #ffffff;
  border: #337ab7 1px solid;
  border-radius: 5px;
}
.view-btn:hover {
  background-color: #337ab7;
  color: white;
  border: #ffffff 1px solid;
}
.additional-lable {
  color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
  margin: 10px 0px;
  text-decoration: underline;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.error-lable {
  color: #d74640;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}
.success-lable {
  color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}
.back-btn {
  cursor: pointer;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px;
  /* color: #053C63; */
  background-color: #ffffff;
  border: 0px solid;
  text-decoration: underline;
}

.total-div {
  margin-left: 10px;
}
.total-lable {
  color: #053c63;
}
.select_terminal_dropdown {
  width: 300px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.select_terminal_dropdown .ant-select-selection--single {
  background-color: #053c63;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.select_terminal_dropdown .ant-select-arrow-icon svg {
  fill: #fff !important;
}
.posMyPaySyatemHeader {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/Group736new.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px;
  margin: 0px 0px;
  padding: 0px 15px;
  border-radius: 10px 10px 0px 0px;
}

.tprintBtn {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 20px;
  margin: 5px 10px;
  padding: 2px 10px;
  color: #fff !important;
}

.singleborderLineTable table {
  text-align: center;
  /* border-radius: 10px; */
  /* margin-top: -100px; */
}
.singleborderLineTable .react-bs-table-bordered {
  border: none !important;
  box-shadow: 0px 3px 6px #00000026;
  border-radius: 10px;
  background-color: #fff;
  padding: 0px 15px;
}

.singleborderLineTable .table-hover > tbody > tr:hover {
  background-color: #f5f5f5 !important;
}
.singleborderLineTable .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: inherit;
}

.singleborderLineTable table.table-bordered > thead > tr > th {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  border-bottom: 1px solid #ddccdd !important;
  text-align: center !important;
}
.react-bs-table-container.singleborderLineTable
  table.table-bordered
  > tbody
  > tr
  > td:first-child {
  border-left: none !important;
}
.react-bs-table-container.singleborderLineTable
  table.table-bordered
  > tbody
  > tr
  > td {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: none !important;
  border-left: 1px solid #ddccdd !important;
  text-align: center !important;
}

.react-bs-table-container.singleborderLineTable {
  margin-top: -60px;
  z-index: 333;
  position: relative;
  border: none !important;
}
.terminalField .mycompro-content-lable {
  text-align: left;
  margin-bottom: 0px;
  width: 100%;
  padding: 0px 0px;
  font-weight: normal;
  font-size: 14px;
}
.terminalField .mycom-pro-input-margin {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  box-shadow: none !important;
  outline: none !important;
}
.terminalFieldSelectCountry {
  display: flex;
}
.terminalFieldSelectCountry .mycompro-content-lable {
  width: 160px;
  padding: 5px 0px;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
}

.addComConfirm.bgUnion9 .modal-body {
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-size: 140%;
  background-position: bottom -10% right 86%;
}
.addComConfirm.bgUnion9 .mycompro-content-center {
  padding-bottom: 0px;
}
.terminalFieldSelectCountry .ant-select-selection {
  background-color: #053c63;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff;
}
.terminalFieldSelectCountry .ant-select-selection .ant-select-arrow-icon svg {
  fill: #fff;
}

.display-none {
  display: none;
}

.small-lbl {
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 300;
}

.tokenDetailsbackButtonMargin .wellComMycomProWrapper {
  margin-top: -50px;
  overflow: hidden;
}
.tokenDetailsbackButton {
  padding: 30px 0px 0px 30px;
}
.tokenDetailsbackButton h5 {
  position: relative;
  z-index: 3;
}

.paworSeed {
  background-image: url("https://media.mycom.world/frontend/images/img-familyandhero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: bottom right;
  min-height: 500px;
}

.seedGrows {
  background-image: url("https://media.mycom.world/frontend/images/bg-family02.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.paddingTopToken {
  padding-top: 50px;
}
.paddingTopToken .adv-contact {
  width: 300px;
  margin-top: -50px;
}
.seedGrowsPadding {
  padding: 5% 5% 5% 10%;
}
.adv-contact.rightFloat {
  text-align: left;
  float: left;
  margin: 20px 0px;
  width: 100%;
}
.adv-contact.rightFloat label {
  display: block;
  float: left;
  width: 100%;
}
.adv-contact.rightFloat .myNewPlanBtn {
  float: left;
  margin-bottom: 10px;
  display: block;
}

.paworindustry {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/img-suitmanandhero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: right;
  min-height: 500px;
}

.powerIndustrySave {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/bg-industry01.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.tokenLimitQuantity {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerIndustry/bg-manworking.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  /* min-height: 500px; */
}
.tokenLimitQuantity .seedGrowsPadding {
  padding: 3% 5% 0% 10%;
}
.adv-contact.rightFloat.color1 .myNewPlanBtn {
  background-color: #fff !important;
  color: #053c63;
}

.adv-contact.rightFloat.color1 label {
  color: #fff;
}

.paworStart {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/img-guysthinking.png");
  background-size: 65%;
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 400px;
}

.powerIndustryProblem {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-theproblempowerstart.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50px;
}

.tokenWithStartPower {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-tokentostartwiththerightpower.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0px;
}

.programingTheDeposit {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-officebg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.benefitFinancier {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-thebenefitsofthefinancier.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.applicationProcedure {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerStart/bg-applicationprocedure.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 50px 0px;
}
.topMargin-50 {
  margin-top: -50%;
}

.tokenWithStartPower .seedGrowsPadding strong {
  color: #fff;
}

.tokenWithStartPower .thePerfectCubeStep p::after {
  color: #fff;
  border-color: #ffff;
}

.applicationProcedure .seedGrowsPadding strong {
  color: #fff;
}
.applicationProcedure .thePerfectCubeStep p {
  color: #fff;
}
.applicationProcedure .thePerfectCubeStep p::after {
  color: #fff;
  border-color: #ffff;
}
.paworMobility {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerMobility/img-car&hero.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: top right;
  min-height: 400px;
}

.tokenToMoveCost {
  background-image: url("https://media.dev.mycom.world/tokenDetails/powerMobility/bg-mobility01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
}
.colorBlue {
  color: #053c63 !important;
}
.readBtn.bgBluebtn {
  background-color: #053c63 !important ;
}

.lbl-field-require {
  color: red !important;
}

.div-field-require {
  padding-top: 5px;
}

.div-success-msg {
}

.lbl-success-msg {
  font-size: 15px;
  color: green;
}

.kycInput {
  width: 100%;
  height: 45px;
  border: none;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid gray !important;
  border-radius: 0px;
  margin-bottom: 20px;
  font-size: 16px;
}
.kycInput .ant-input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
.kycState {
  width: 100%;
}
.kycState .ant-select-selection {
  /* background-color: #053C63; */
  border: none !important;
  border-bottom: 1px solid gray !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0px;
  height: 45px;
  font-size: 16px;
}

.KycStrong strong {
  font-size: 17px;
}

.lbl-verified {
  color: green;
  padding-top: -5px;
}

.token-header-title {
  white-space: pre-line;
}

.bgtokenimg {
  background-image: url("https://media.mycom.world/frontend/images/img-tokenpurchased.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding-bottom: 30px;
}

.token-text-capitalize {
  text-transform: capitalize;
}

.token-text-uppercase {
  text-transform: uppercase;
}
.tokenHeadingColor {
  display: flex;
  width: 100%;
}
.tokenHeadingColor h2 {
  text-transform: uppercase;
  font-size: 30px;
  color: #000;
  margin: 30px 0px 20px 0px;
  font-weight: bold;
}
.tokenHeadingColor h2 span {
  color: #053c63;
}
.tokenHeadingColor .readBtn {
  margin-top: 35px;
  margin-left: 50px;
}
.testroExchangeImg {
  text-align: center;
  margin: 20px 0px;
}
.testroExchangeImg .token-option-img {
  height: 150px;
  width: 150px;
  margin: auto;
  display: block;
}
.testroExchangeImg label {
  display: block;
}
.row015.row {
  margin: 5% -15px 0px -15px !important;
}

.currentValueFontColor {
  display: flex;
  align-items: center;
  width: 280px;
}

.EURvalueCurrent {
  font-size: 20px;
  color: #053c63;
  font-weight: bold;
  margin-right: 5px;
}

.lablePS {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #053c63;
  color: #fff;
  margin-left: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: normal;
}
.myNewPlanBtn.colorRedBtn {
  background-color: #c6151d;
}
.tokenExchange .img-fluid-tesora {
  width: 180px;
  height: auto;
  margin-bottom: 15px;
}
.tokenExchange .ant-radio-group {
  margin: 20px 0px;
}
.tokenExchange .pincode-input-container {
  margin-top: 15px;
}
/* .tokenExchange .pincode-input-container .pincode-input-text{
    border: none !important;
    box-shadow: 0px 3px 6px #00000026;
    border-radius: 5px;
    height: 40px !important;
    width: 40px !important;
    margin: 5px !important;
} */

.token-exchange-capital {
  text-transform: uppercase;
}

.token-forgot-pin-btn {
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  border: none;
  margin-top: 5px;
}

.token-forgot-pin-btn:focus {
  outline: none;
}

.paddingLeftnone {
  padding-left: 0px;
}

.tokenPurchaseHeadingColor {
  display: flex;
  width: 100%;
}
.tokenPurchaseHeadingColor h2 {
  font-size: 14px;
  color: #000;
  margin: 30px 0px 5px 0px;
  font-weight: bold;
}
.tokenPurchaseMessage {
  font-size: 13px;
  color: #262626;
  margin-bottom: 20px;
}
.DropDownLable {
  width: 100%;
  border: 1px solid #053c63;
  border-radius: 2px;
  color: #053c63;
  padding: 5px 10px;
  display: inline-block;
}
.DropDownLable i {
  float: right;
  margin-top: 5px;
}
.DropDownAntD {
  width: 100% !important;
}
.QtyInput {
  background: none;
  border-bottom: 1px solid #909090;
  border-top: none;
  border-left: none;
  border-right: none;
  width: 80px;
  padding-left: 10px;
}
.DropDownAntDCredit {
  width: 260px !important;
  border: none !important;
  color: gray;
  font-weight: normal;
}
.DropDownAntDCredit i {
  float: none;
  margin-left: 10px;
}
.DropDownAntDCredit svg {
  fill: #053c63;
}
.div-pagination {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.filterTablebtn {
  display: flex;
}
.filterTablebtn label {
  margin-right: 20px;
}
.filterTablebtn .ant-dropdown-link {
  border: 1px solid #000;
  padding: 2px 10px;
  color: #000;
}

.filterTablebtnBorderDes {
  border-top: 2px dashed #ddccdd;
  margin-top: 20px;
}

.filterTablebtnBorderDes .ant-dropdown-link {
  border: 1px solid #053c63;
  padding: 2px 10px;
  color: #053c63;
  background-color: #fff;
  margin-top: -14px;
  float: left;
  min-width: 130px;
}

.filterTablebtnBorderDes .ant-dropdown-link i {
  float: right;
  margin-top: 5px;
}

.selesWithCommitomTable.bgTheade {
  border-radius: 0px;
  border: 1px solid #dcdcdc !important;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.selesWithCommitomTable.bgTheade thead {
  background-color: #053c63;
}

.selesWithCommitomTable.bgTheade thead tr th {
  color: #fff;
}
.selesWithCommitomTable.bgTheade tbody tr {
  background-color: transparent !important;
}
.selesWithCommitomTable.bgTheade tbody tr td {
  border-right: 1px solid #dcdcdc !important;
  background-color: transparent !important;
}

.selesWithCommitomTable.bgTheade tbody tr td:last-child {
  border-right: none !important;
}
.TableRow-30 .selesWithCommitomTable.bgTheade {
  margin-bottom: 5px;
}
.TableRow-30 {
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
  padding-bottom: 5px;
}

.TableRow-30 .FaAngleDoubleLeft {
  width: 45px;
  text-align: center;
  background-color: #f4f4f4;
}
.TableRow-30 .FaAngleDoubleRight {
  width: 45px;
  background-color: #053c63;
  color: #fff;
  text-align: center;
}
.TableRow-30 .FaAngleDoubleRight,
.TableRow-30 .FaAngleDoubleLeft {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TableRow-30 .FaAngleDoubleRight svg,
.TableRow-30 .FaAngleDoubleLeft svg {
  cursor: pointer;
}

.img_check_close {
  width: 20px;
  height: auto;
  margin-right: 3px;
}

.available-lbl-not {
  color: red;
}

.available-lbl-yes {
  color: green;
}

.input-user-name {
  border: none;
  border-bottom: 3px solid #e5e5e5;
  margin: 5px;
  width: 60%;
  text-align: center;
}

.input-user-name:focus {
  outline: none;
}

.lbl-sugg-name {
  color: #3492eb;
  padding-left: 5px;
  cursor: pointer;
}

@keyframes modal-video{from{opacity:0}to{opacity:1}}@keyframes modal-video-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{-webkit-transform:translate(0, 100px);-moz-transform:translate(0, 100px);-ms-transform:translate(0, 100px);-o-transform:translate(0, 100px);transform:translate(0, 100px)}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
.cover-bg {
  width: 100%;
  background-color: #8b9abe;
  height: 400px;
  text-align: center;
  padding-top: 130px;
}

.title-header {
  padding-top: 40px;
  color: white;
  letter-spacing: 2px;
}

.search-div-without-focus {
  width: 60%;
  background-color: #a2aecb;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 20%;
  margin-right: 20%;
  text-align: left;
  color: white;
}
.search-div-with-focus {
  width: 60%;
  background-color: white;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 20%;
  margin-right: 20%;
  text-align: left;
  color: black;
}
.search-icon {
  width: 25px;
  height: 25px;
}
.search-input {
  background-color: #ffffff;
  border: none !important;
  margin-left: 20px;
  outline: none;
  width: 90%;
}
.search-input-normal {
  background-color: transparent;
  border: none !important;
  margin-left: 20px;
  outline: none;
  width: 90%;
}

@media (max-width: 920px) {
  .search-input {
    width: 80%;
  }
  .search-input-normal {
    width: 80%;
  }
}
@media (max-width: 720px) {
  .search-input {
    width: 80%;
  }
  .search-input-normal {
    width: 80%;
  }
}

.how-work-section-img {
  height: 350px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  background-position: 50% 50% !important;
  opacity: 0.9;
  z-index: 2;
  top: 0;
  left: 0;
  letter-spacing: 10px;
  text-align: center;
  padding-top: 100px;
  margin-top: -20px;
}

.how-work-section-header {
  color: white;
  text-transform: uppercase;
}

.how-work-common-div {
  background-color: #f8f8f8;
  margin-top: -20px;
}

.how-work-common-div-white {
  margin-top: -20px;
}

.how-work-common-row {
  background: transparent;
  text-align: center;
  margin: 20px;
}

.how-to-common-col {
  padding: 20px;
}

.how-work-text-justify {
  text-align: justify;
  /* font-size: 17px; */
  margin-top: 20px;
}

.how-work-col-background {
  background-color: #0eaca4;
  padding: 20px;
  color: white;
  border-radius: 5px;
}

.how-work-col-header {
  /* font-size: 22px;
    font-weight: bold; */
  margin-bottom: 20px;
}

.how-work-col-img {
  width: auto;
  height: 100px;
}

.how-work-business-div {
  margin: 20px;
  background-color: #f8f8f8;
  padding: 20px;
  height: 200px;
}

.how-work-business-header {
  margin-top: 30px;
  text-align: center;
}

.how-work-business-header-font {
  /* font-size: 30px;
    font-weight: 400; */
  margin-bottom: 40px;
}

.how-work-business-header-desc-font {
  /* font-size: 20px;
    font-weight: 200; */
  margin-bottom: 20px;
  color: black;
}

.how-work-talk-div {
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  background-position: 50% 50% !important;
  opacity: 1;
  z-index: 2;
}

.transparanet-black-div {
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
}

.how-work-talk-header-div {
  /* height: 140px; */
  background-color: #0eaca4;
  color: white;
  margin-bottom: 30px;
  text-align: center;
}

.how-work-talk-div-top-text {
  /* font-size: 30px;
    font-weight: 200; */
  margin: 30px;
}

.how-work-talk-col-div {
  background-position: 50% 50% !important;
  background: #191919;
  opacity: 0.8;
  margin: 20px;
  text-align: center;
  color: white;
  padding: 30px;
  height: 370px;
}

.how-work-talk-col-img {
  height: 120px;
  width: auto;
}

.how-work-talk-col-desc {
  text-align: justify;
  margin: 20px;
  /* font-size: 15px; */
}

.how-work-ceo-img-div {
  text-align: right;
}

.how-work-ceo-image {
  width: auto;
  height: 400px;
  margin: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.how-work-ceo-talk-text {
  /* font-size: 30px;
    font-weight: 200; */
  color: black;
  margin: 40px;
  text-align: justify;
}

.how-work-ceo-div-center {
  text-align: center;
}

.member-benefit-main-div {
  text-align: center !important;
  background-color: #f8f8f8;
  padding: 20px;
}
.member-benefit-header-font {
  /* font-size: 30px;
    font-weight: 400; */
  margin-top: 70px;
}

.member-benefit-section-left {
  text-align: left;
}
.member-icon-center {
  text-align: center !important;
  background-color: #fff;
  min-height: 150px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0px;
  width: 100%;
  margin-bottom: 30px;
}

.member-benefit-child-div {
  background-color: #f6f6f6;
  float: left;
  width: 100%;
}
.member-benefit-title-font {
  /* font-size: 25px;
    font-weight: 350; */
  color: #292929;
}
.businessBenefitmainbackgoundcolor {
  background-color: #053c63 !important;
}

.businessBenefitchildbackgoundcolor {
  background-color: #2d928b !important;
}
.text-white {
  color: #ffffff !important;
}

.how-it-work-module-desc {
  /* letter-spacing: 1px; */
  /* font-weight: 300;
    font-size: 14px; */
  padding-top: 15px;
}

.how-it-work-module-text-header {
  padding-top: 10px;
  /* font-size: 16px; */
  letter-spacing: 1px;
}

.how-it-work-p {
  text-align: justify;
}
.whatIsMycom {
  width: 100%;
  float: left;
  padding: 80px 0px;
}
.whatIsMycom .headingFont {
  color: #3cada4 !important;
}
.whatIsMycom p {
  color: #777777;
}
.connectInMycom {
  width: 100%;
  float: left;
  background-image: url(https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 80px 0px;
}
.connectInMycom img {
  border-radius: 20px;
}
.connectInMycom .headingFont {
  margin-top: 12%;
  font-size: 38px;
  position: relative;
  line-height: 44px;
}
.connectInMycom .headingFont::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 78.svg");
  background-size: 50%;
  background-repeat: repeat;
  background-position: top center;
  right: 30%;
  top: -208px;
  position: absolute;
  content: "";
  width: 2px;
  height: 196px;
}
.connectInMycom .headingFont::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 92.svg");
  /* background-size: 100%; */
  background-repeat: no-repeat;
  background-position: bottom right;
  right: -62px;
  bottom: 12px;
  position: absolute;
  content: "";
  width: 252px;
  height: 2px;
}
.wheatheryouLooking {
  width: 100%;
  float: left;
  padding: 80px 0px;
  text-align: center;
  overflow: hidden;
}
.wheatheryouLooking .container {
  position: relative;
}
.wheatheryouLooking .container::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 90.svg");
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: top left;
  left: 10%;
  right: 0px;
  bottom: -76px;
  position: absolute;
  content: "";
  width: 100%;
  height: 114px;
}
.vIcon {
  width: 100%;
  float: left;
  position: relative;
}
.vIcon .videoIcn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  z-index: 1;
  cursor: pointer;
  transition: 500ms;
  z-index: 2;
}
.vIcon .videoIcn:hover {
  transition: 500ms;
  width: 60px;
  height: 60px;
}
.vIcon::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 89.svg");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: top center;
  right: 0px;
  left: -22.5%;
  bottom: -94px;
  position: absolute;
  content: "";
  width: 100%;
  height: 80px;
}
.vIcon .relative {
  position: relative;
  z-index: 1;
}

.wheatheryouLooking h4 {
  color: #053c63;
  font-size: 28px;
  position: relative;
  padding: 43px 10%;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Rectangle 258.svg");
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: top center;
}
.wheatheryouLooking h4::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 94.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  right: 0px;
  left: 50%;
  top: -65px;
  position: absolute;
  content: "";
  height: 50px;
  width: 3px;
}
.wheatheryouLooking h4::before {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 94.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  right: 0px;
  left: 50%;
  bottom: -65px;
  position: absolute;
  content: "";
  height: 50px;
  width: 3px;
}
.wheatheryouLooking h3 {
  color: #777777;
}
.wheatheryouLooking figure {
  margin: 60px 0px 0px 0px;
}
.wheatheryouLooking figure img {
  width: auto;
  height: 36px;
  margin-bottom: 10px;
}
.wheatheryouLooking figure p {
  color: #777777;
  margin: 0px;
}
.takingCare {
  width: 100%;
  float: left;
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/homeAssets/bg3.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 80px 0px 0px 0px;
  height: 500px;
  text-align: center;
  margin-bottom: 250px;
}
.takingCare .headingFont {
  position: relative;
}
.takingCare .headingFont::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 101.svg");
  background-size: 82%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  content: "";
  right: 0px;
  left: 0px;
  bottom: -60px;
  top: -70px;
  width: 100%;
}
.takingCareThreeBox {
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0px 10px 6px 4px #77777714;
  background-color: #fafafa;
  min-height: 430px;
  margin-top: 50px;
}
.takingCareThreeBox figure img {
  height: 100px;
  width: auto;
  object-fit: cover;
  margin-bottom: 20px;
}
.takingCareThreeBox h3 {
  font-size: 24px;
  color: #0eaca4 !important;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 30px;
  height: 50px;
  overflow: hidden;
}
.takingCareThreeBox p {
  color: #777777;
  font-weight: 700;
  text-align: justify;
}
.whatAreComs {
  width: 100%;
  float: left;
  padding: 80px 0px;
}
.whatAreComs .container {
  position: relative;
}
.whatAreComs .container::after {
  background-image: url("https://media.mycom.world/frontend/mycomRedesign/dotedlines/how it works/svg/Vector 93.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  position: absolute;
  content: "";
  right: 18%;
  bottom: 0px;
  top: -168px;
  width: 43px;
  height: 360px;
}
.whatAreComs .headingFont {
  color: #3cada4 !important;
  margin-top: 5%;
}
.whatAreComs figure p {
  color: #777777;
}
.partOfMycom.BorderImg.topLine::after {
  display: none;
}
.partOfMycom.BorderImg.topLine .btnOrang {
  margin: 20px auto;
}
.marBtm {
  margin-bottom: 60px;
}
.moreFuture {
  font-size: 24px;
  float: left;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .vIcon {
    margin-top: 50px;
  }
  .connectInMycom .headingFont {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .how-work-talk-col-div {
    height: 420px;
  }
  .connectInMycom .headingFont::after {
    width: 90px;
  }

  .wheatheryouLooking h4 {
    padding: 28px 10% 50px 10%;
  }
  .takingCare .headingFont::after {
    background-size: 83%;
    top: -52px;
  }
  .takingCare {
    padding: 52px 0px 0px 0px;
  }
  .takingCare .takingCareThreeBox {
    min-height: 485px;
  }
  .wheatheryouLooking {
    padding: 60px 0px;
  }
  .vIcon {
    margin-top: 60px;
  }
  .moreFuture {
    font-size: 18px;
    margin-top: 30px;
  }
}
@media (max-width: 1023px) {
  .takingCare .headingFont::after,
  .connectInMycom .headingFont::before,
  .vIcon::before,
  .vIcon::after,
  .wheatheryouLooking h4::before,
  .wheatheryouLooking h4::after,
  .wheatheryouLooking .container::before,
  .takingCare .headingFont::after,
  .whatAreComs .container::after,
  .connectInMycom .headingFont::after {
    display: none;
  }

  .wheatheryouLooking h4 {
    background-image: none;
    padding: 0px;
  }
  .takingCare {
    height: auto;
    padding-bottom: 50px;
    margin-bottom: 0px;
  }
  .whatAreComs .headingFont {
    color: #3cada4 !important;
    margin-top: 0%;
  }
  .connectInMycom .headingFont {
    margin-top: 0px;
  }

  .vIcon .relative {
    margin-top: 0px;
  }
}
@media (max-width: 991px) {
  .marBtm {
    margin-bottom: 0px;
  }
}
@media (max-width: 720px) {
  .how-work-business-div {
    height: auto;
  }

  .how-work-talk-div-top-text {
    /* font-size: 20px;
        font-weight: 200; */
    margin: 30px;
  }

  .how-work-ceo-img-div {
    text-align: center;
  }
  .member-benefit-child-div {
    margin-left: 20px;
    margin-right: 20px;
  }
  .whatIsMycom {
    padding: 30px 0px;
  }
  .connectInMycom {
    padding: 50px 0px;
  }
  .whatAreComs {
    padding: 30px 0px;
  }
}

.privacy-header-div {
  height: 300px;
  background-color: #053c63;
  text-align: center;
  padding-top: 70px;
  letter-spacing: 10px;
  margin-top: -20px;
}

.privacy-header-text {
  color: white;
  padding-top: 70px;
}

.privacy-text-upper {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 10px;
  text-align: justify;
  color: black;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
}

.privacy-text {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 15px;
  text-align: justify;
  color: #292929;
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
}

.privacy-text-div {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 20px;
}

.privacy-sub-header {
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 20px;
  color: #005c31;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
}

.privacy-inner-div {
  padding: 20px;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif !important;
  letter-spacing: 1px;
}

@media (max-width: 720px) {
  .privacy-text-div {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
}

.term-header-div {
  height: 300px;
  background-color: #053c63;
  text-align: center;
  padding-top: 70px;
  letter-spacing: 10px;
  margin-top: -20px;
}

.term-header-text {
  color: white;
  padding-top: 60px;
}

.term-text {
  letter-spacing: 1px;
  font-size: 14px;
  padding: 15px;
  text-align: justify;
  color: black;
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
}

.term-text-div {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 20px;
}

.term-sub-header {
  letter-spacing: 1px;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #005c31;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
}

.privacy-inner-div {
  padding: 20px;
  font-size: 16px;
  font-family: "Ubuntu", sans-serif !important;
  letter-spacing: 1px;
}

.term-cond-logo-img {
  width: 30%;
  height: auto;
  margin-top: 20px;
}

.term-cond-logo-div {
  text-align: center;
}

@media (max-width: 720px) {
  .term-text-div {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
  }
}

.footer-main-div {
  /* background-size: 100% 100%; */
  /* background-size: cover;
   /* background-repeat: no-repeat;
     align-self: stretch;
    background-position: 50% 50%!important; */
  opacity: 0.8;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)),url(./consumerBkg.jpg); */
  background: url(https://media.mycom.world/public/img/mycom/consumerBkg.jpg)
    no-repeat center center;
  height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* transform: translate3d(0px, 0px, 0px); */
}

/* consumer membership  */
.back-btn-membership {
  position: absolute;
  top: -80px;
  left: 20px;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
}
.back-btn-membership:hover {
  color: #b2b2b2;
}
.consumer-header {
  padding-top: 10em;

  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)),url(./consumerBkg.jpg); */
  background: url("https://media.mycom.world/frontend/tesorahubAdvisor/membership-bg.png")
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  min-height: 500px;
}

.header-text {
  font-weight: 700;
  font-size: 36px;
  line-height: normal;
  font-family: "Ubuntu", sans-serif;
  text-align: center;
  color: #ffffff;
  position: relative;
  white-space: pre-line;
  padding: 0px 10%;
}

.membership-category-row {
  clear: both;
  margin-top: -20%;
  max-width: 408px;
  width: 33.33%;
}

.membership-category-btn {
  background: #707070;
  border-radius: 50px 50px 0px 0px;
  width: 80%;
  height: 110px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 0px 6%;
  text-align: center;
}

.membership-category-btn p {
  font-weight: 600;
  font-size: 25px;
  color: #ffffff;
  margin-bottom: 0px;
  line-height: normal;
  transition: all 0.5s ease;
}

.membership-plan-box {
  display: flex;
  flex-wrap: wrap;
  font-family: "Ubuntu", sans-serif !important;
  justify-content: center;
  /* background-color: #FFFFFF; */
  border-radius: 13px;
}

.membership-plan-box .membership-plan {
  background: #ffffff;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  box-shadow: 0px 4.45135px 8.90269px rgba(0, 0, 0, 0.02),
    0px 13.354px 17.8054px rgba(0, 0, 0, 0.02);
  border-radius: 13px;
  /* max-width: 408px; */
  /* width: 33.33%; */
  text-align: center;
  padding: 5rem 1rem 2.5rem;
}

.membership-price-box {
  min-height: 172px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.membership-price {
  font-weight: 500;
  font-size: 4rem;
  color: #555555;
  margin-bottom: 0;
  line-height: normal;
}

.membership-plan .plan-details {
  text-align: left;
}

.plan-benefits {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.plan-benefits p {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #3f3f3f;
  padding-left: 1rem;
}

.plan-benefits i {
  color: #8cca66;
  font-size: 17px;
}

.plan-benefits.gray i,
.plan-benefits.gray p {
  color: #555555 !important;
}

.membership-plan .ant-btn {
  margin: 40px 0px;
  font-family: "Raleway", sans-serif !important;
  float: none !important;
  text-shadow: none !important;
  font-weight: 600;
  transition: all 0.5s ease;
  font-size: 16px;
}

.membership-plan .ant-btn:hover {
  box-shadow: 0px 7px 6px 4px #77777714;
}
/* .MyPoint */
.membership-plan-box .membership-plan.mypoint {
  border-top: 26px solid #c60202;
}

.membership-plan.mypoint .ant-btn {
  background-color: #c60202 !important;
}

.membership-plan.mypoint .purchases p span {
  color: #c60202;
}
/* hive-keeper */
.membership-plan-box .membership-plan.hive-keeper {
  border-top: 26px solid #ed8100;
}

.membership-plan.hive-keeper .ant-btn {
  background-color: #ed8100 !important;
}

.membership-plan.hive-keeper .purchases p span {
  color: #ed8100;
}
/* seller */
.membership-plan-box .membership-plan.seller {
  border-top: 26px solid #d00780;
}

.membership-plan.seller .ant-btn {
  background-color: #d00780 !important;
}

.membership-plan.seller .purchases p span {
  color: #d00780;
}
/* success */
.success-text h6 {
  font-size: 42px;
  line-height: normal;
  margin: 70px 0px;
  text-align: center;
  color: #053c63;
}

.success-formula-section {
  background: linear-gradient(90deg, #0a71b8 0%, #3cada4 100%);
  /* background: url('https://media.mycom.world/frontend/newMemberplan/consumer/female male psd 1.png'), linear-gradient(90deg, #0A71B8 0%, #3CADA4 100%); */
  text-align: center;
  max-height: 574px;
  position: relative;
}

.formula-img {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 450px;
  top: -61px;
  text-align: right;
}
.formula-img img {
  height: 100%;
  width: auto;
}

.step-text {
  /* height: 100px; */
  display: flex;
  position: relative;
  padding: 10px 18px 0;
  justify-content: center;
  /* margin: 0px 22%; */
  padding: 10px 27% 0;
}

.success-steps {
  display: flex;
  align-items: center;
  padding: 80px 0px;
  justify-content: center;
}

.success-steps p {
  font-weight: 500;
  font-size: 15px;
  text-align: center;
  color: #ffffff;
  word-break: normal;
}

.step-img {
  width: 85px;
  height: 85px;
  margin: auto;
  margin-top: 0;
}

.step-img img {
  width: 100%;
  height: 100%;
}

.success-steps .step-1 {
  text-align: center;
  padding-right: 2rem;
  flex-grow: 1;
  width: 25%;
}

.success-steps .step-1 .step-text::after,
.success-steps .step-2 .step-text::after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  width: 50px;
  height: 2px;
  top: 40%;
  right: -14%;
  display: block;
}

.success-steps .step-2 {
  text-align: center;
  padding-right: 2rem;
  flex-grow: 1;
  width: 25%;
}

.success-steps .step-3 {
  text-align: center;
  padding-right: 2rem;
  flex-grow: 1;
  width: 25%;
}

.success-steps .step-4 {
  text-align: center;
  flex-grow: 1;
  width: 25%;
}
/* become */
.become-member {
  display: flex;
  align-items: center;
  padding: 2rem 0px;
  justify-content: center;
}

.become-member p {
  font-weight: 500;
  font-size: 2rem;
  line-height: normal;
  text-transform: uppercase;
  color: #053c63;
  padding-top: 1rem;
}

.become-member .become-box {
  padding: 20px 50px;
  text-align: center;
}

.become-member .become-box img {
  height: 120px;
  width: auto;
}
/* requirements-section */

.requirements-section {
  background: #3f3f3f;
}

.requirements-details {
  display: flex;
  align-items: center;
  padding: 100px 0px;
  justify-content: space-between;
}

.requirements-details-text {
  padding: 0px 8%;
  text-align: center;
}

.requirements-details-text h6 {
  font-weight: 700;
  font-size: 3rem;
  line-height: normal;
  text-align: center;
  color: #ffffff;
}

.requirements-details-text p {
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  color: #ffffff;
}
.renewal {
  display: block;
  font-family: "Ubuntu";
  font-weight: 400;
  font-size: 18px !important;
  text-align: center;
  color: #555555;
}
.membership-plan span {
  display: block;
  font-size: 16px;
}
.year {
  font-size: 20px !important;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.apply-now-btn.blue-btn {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #053c63 0%, #09d1de 100%);
  border-radius: 15px 0px 15px 15px;
  border: none;
  padding: 20px 30px;
  font-family: "Ubuntu";
  font-weight: 700;
  line-height: 0px;
  font-size: 18px;
  color: #ffffff;
  margin: 30px 35px 0px 0px;
  transition: all 0.8s, color 0.35s 0.35s;
}

.apply-now-btn.blue-btn:hover {
  box-shadow: 450px 0 0 0 rgba(0, 0, 0, 0.2) inset;
  color: #ffffff;
}
@media only screen and (max-width: 1024.98px) {
  .membership-plan-box .membership-plan {
    /* width: 33.33%; */
    padding: 3rem 1rem 2rem;
  }

  .membership-category-btn p {
    font-size: 20px;
  }

  .membership-category-btn {
    height: 95px;
  }

  .membership-plan-box .membership-plan h6 {
    font-size: 28px;
  }

  .membership-price {
    font-size: 36px;

    margin-bottom: 20px;
  }

  .purchases p.purchases-title {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .membership-plan .purchases p span {
    font-size: 16px;
  }

  .membership-plan .ant-btn {
    margin: 26px 0px;
  }

  .formula-img {
    display: none;
  }

  .success-steps p {
    font-size: 16px;
  }

  .success-steps .step-1 .step-text::after,
  .success-steps .step-2 .step-text::after {
    width: 40px;
    right: -6%;
  }

  .step-img {
    width: 50px !important;
    height: 50px !important;
    margin-top: 0rem;
  }

  .success-steps {
    padding: 50px 0px;
  }

  .success-text h6 {
    font-size: 32px;
    margin: 50px 0px;
  }

  .become-member .become-box img {
    height: 70px;
  }

  .become-member .become-box {
    padding: 0 2.5rem;
  }

  .requirements-details {
    padding: 50px 0px;
  }

  .requirements-details-text h6 {
    font-size: 2.5rem;
  }

  .requirements-details-text p {
    font-size: 14px;
  }

  .requirements-details img {
    max-width: 70px;
  }

  .checkout-plan-text h6 {
    font-size: 2rem;
  }

  .checkout-plan-text p {
    font-size: 16px;
    margin-bottom: 0;
  }

  .checkout-plan-text {
    padding: 2rem 0px;
  }

  .start-now-btn .ant-btn.myNewPlanBtn {
    margin: 50px 0px;
  }
  .success-steps .step-1,
  .success-steps .step-2,
  .success-steps .step-3 {
    width: 33.33%;
    padding-right: 0;
  }
}

@media only screen and (max-width: 991.98px) {
  .membership-category-btn {
    width: 80%;
    height: 80px;
  }

  .consumer-header {
    padding-top: 6em;
    min-height: 400px;
  }

  .header-text {
    font-size: 24px;
    line-height: normal;
  }
  .membership-testimonial .carouselSliderbox .testimonialSliderinnerDiv {
    border-right: unset !important;
  }
}

@media only screen and (max-width: 768.98px) {
  .membership-testimonial {
    display: none;
  }
  .membership-plan-box .membership-plan {
    /* width: 50%; */
    padding: 3rem 1rem 2rem;
  }

  .header-text {
    font-size: 22px;
    line-height: normal;
  }

  .consumer-header {
    min-height: 320px;
  }

  .success-text h6 {
    font-size: 26px;
    margin: 30px 0px;
  }

  .success-steps p {
    font-size: 14px;
  }

  .success-steps .step-1 .step-text::after,
  .success-steps .step-2 .step-text::after {
    width: 25px;
    right: -18%;
  }

  .become-member p {
    font-size: 1.5rem;
  }

  .become-member .become-box img {
    height: 50px;
  }

  .requirements-details img {
    max-width: 50px;
  }

  .checkout-plan-text h6 {
    font-size: 15px;
  }

  .start-now-btn .ant-btn.myNewPlanBtn {
    margin: 30px 0px;
    font-size: 18px;
  }
  .checkout-plan {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 776.98px) {
  .membership-category-row {
    width: 100%;
  }
  .header-text {
    padding: 0px 2%;
  }
  .membership-plan-box .membership-category-row {
    clear: both;
    margin-top: 15px;
  }
  .plan-benefits p {
    font-size: 14px;
  }
  .membership-plan-box .membership-category-row:first-child {
    clear: both;
    margin-top: -15% !important;
  }
}
@media only screen and (max-width: 575.98px) {
  .consumer-header {
    min-height: 325px;
    padding-top: 100px;
  }

  .membership-plan-box .membership-plan {
    /* width: 80%; */
  }

  .header-text {
    font-size: 22px;
  }

  .membership-category-row {
    margin-top: -40%;
  }

  .membership-plan-box {
    background-color: unset;
  }

  .become-member {
    flex-direction: column;
  }

  .success-text h6 {
    font-size: 20px;
    margin: 2rem 0;
  }

  .step-text {
    padding: 0px 10px;
  }

  .success-steps .step-1 .step-text::after,
  .success-steps .step-2 .step-text::after {
    display: none;
  }

  .requirements-details-text h6 {
    font-size: 18px;
  }

  .requirements-details img {
    max-width: 35px;
  }

  .requirements-details-text {
    padding: 0px 3%;
  }
  .year {
    font-size: 14px !important;
  }
}

.licenses-header-div {
  height: 300px;
  background-color: #053c63;
  text-align: center;
  padding-top: 70px;
  letter-spacing: 10px;
  margin-top: -80px;
}

.licenses-header-text {
  color: white;
  padding-top: 70px;
}

.lice-image-property {
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.35);
  height: 100% !important;
  width: 100% !important;
}

.licenses-main-div {
  padding-top: 75px;
}

.licenses-terr-div {
  margin-top: 60px;
}

.lice-trr-col-text {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 1px;
  padding-left: 50px;
  padding-top: 40px;
}

.lice-trr-col-descr {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 50px;
  text-align: justify;
  padding-right: 50px;
  padding-bottom: 20px;
}

.lice-my-com-terr-div {
  text-align: center;
  background-color: #fcfcfc;
  margin-top: 30px;
}

.lice-my-com-inline {
  display: inline-block;
}

.lice-icon-check {
  margin-right: 10px;
}

.lice-my-com-terr-inner-text {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 1px;
  padding-top: 10px;
}
.lice-mycom-inner-div {
  display: flex;
  justify-content: left;
  align-items: center;
  left: 50%;
  top: 50%;
  transform: translate(25%, 50%);
}

.lice-center {
  text-align: center;
}

.lice-mycom-terr-heacer-section {
  padding-top: 40px;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 1px;
}

.lice-mycom-terr-section-bottom-text {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 60px;
  padding-right: 60px;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 1px;
}

.lice-apply-now {
  margin-bottom: 70px;
}

@media (max-width: 720px) {
  .lice-mycom-inner-div {
    left: 50%;
    top: 50%;
    transform: translate(5%, 50%);
  }

  .lice-my-com-terr-inner-text {
    padding-right: 30px;
  }
}

body {
  scroll-behavior: smooth;
}
.professional-main-div-bkg {
  /* background-size: 100% 100%; */
  /* background-size: cover;
   /* background-repeat: no-repeat;
     align-self: stretch;
    background-position: 50% 50%!important; */
  opacity: 0.8;
  z-index: 2;
  top: 0;
  left: 0;
  /* background:linear-gradient(0deg,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.1)),url(./consumerBkg.jpg); */
  background: url(https://media.mycom.world/frontend/mycomProBkg.jpg)
    no-repeat center center;
  height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* transform: translate3d(0px, 0px, 0px); */
}

.professional-header-div {
  height: 700px;
  /* background-color: #0C8E87; */
  text-align: center;
  padding-top: 140px;
  letter-spacing: 6px;
  margin-top: -20px;
  background: rgba(0, 0, 0, 0.2);
}

.professional-header-text {
  color: white;
  padding-top: 80px;
}

.pressional-common-text {
  /* font-size: 16px;
    font-weight: 400;
    font-family: 'Raleway',sans-serif !important; */
  letter-spacing: 0.4px;
  padding-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  text-align: justify;
  color: #666666;
}

.professional-common-title {
  /* font-size: 16px;
    font-weight: 500;
    font-family: 'Ubuntu'; */
  letter-spacing: 0.4px;
  padding-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  text-align: justify;
  color: #292929;
}

.professional-dot-symbol p::before {
  content: "\f111";
  color: #0c8e87;
  font-weight: bolder;
  display: inline-block;
  width: 1.5em;
  margin-left: -1em;
}

.model-title-color {
  color: #0c8e87;
}

.model-hr {
  margin-top: -15px;
  border: transparent 0px solid;
  background-color: #0c8e87;
  height: 1px;
}

.ant-modal-header {
  padding-top: 50px !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  padding-bottom: 0px;
  border-bottom: transparent 0px solid !important;
}

.ant-modal-body {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.pressional-common-text-green {
  font-size: 15px;
  font-weight: 400;
  font-family: "Ubuntu";
  letter-spacing: 1px;
  padding-top: 20px;
  padding-left: 100px;
  padding-right: 100px;
  text-align: justify;
  color: #0c8e87;
}

.mycom-pro-story-img {
  width: 100%;
  height: 100%;
}

.mycom-pro-section-div {
  margin-bottom: 70px;
}

.mycom-pro-qoute {
  padding: 20px;
  text-align: center;
}

.mycom-pro-underline {
  text-decoration: underline;
  cursor: pointer;
}

.mycom-pro-underline:hover {
  color: dodgerblue;
}

/* advisor-banner  */
.advisor-banner {
  background: url(https://media.mycom.world/frontend/tesorahubAdvisor/background-banner1.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 11%;
  padding-bottom: 2%;
  position: relative;
}

.advisor-banner .banner-h1 {
  font-family: "Open Sans";
  font-weight: 900;
  font-size: 6.5rem;
  line-height: 1;
  color: #ffffff;
}

.advisor-banner .banner-h1 span {
  color: #09d1de;
}

.advisor-banner .banner-text {
  padding: 3rem 2.5rem 1rem 0;
  position: relative;
}

.advisor-banner .banner-text::before {
  content: "";
  position: absolute;
  border: 10px solid #b2d7e0;
  border-radius: 18px;
  left: -64%;
  width: 158%;
  height: 110px;
}

.advisor-banner .banner-text p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  padding: 14px 10px 0 0;
  position: relative;
}

.apply-now-btn {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #ffffff 0%, #b2b2b2 100%);
  border-radius: 15px 0px 15px 15px;
  border: none;
  padding: 10px 20px !important;
  font-family: "Ubuntu";
  font-weight: 700;
  font-size: 14px !important;
  color: #053c63;
  margin: 30px 35px 0px 0px;
  /* transition: all 0.8s, color 0.35s 0.35s; */
  transition: none !important;
}

.apply-now-btn:hover {
  box-shadow: 450px 0 0 0 rgba(0, 0, 0, 0.2) inset;
  color: #053c63;
}

.banner-btn-row p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  padding-right: 2rem;
  padding-top: 10px;
}

.join-tesora {
  background: url(https://media.mycom.world/frontend/tesorahubAdvisor/join-bg.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 15% 0 6%;
  position: relative;
}

.join-tesora .join-text-row p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 26px;
  color: #053c63;
  position: relative;
  padding: 10px 10px 0 0;
  text-align: justify;
}

.join-tesora .join-text-row p::before {
  content: "";
  position: absolute;
  border: 3px solid #b2d7e0;
  border-radius: 18px;
  left: -76%;
  top: 0;
  width: 178%;
  height: 215px;
  display: none;
}
.join-tesora .title-small-box .title-border {
  margin-left: 5px;
  margin-top: 5px;
  flex-grow: 1;
  border: 5px solid transparent;
  border-width: 5px 0px 0px 0px;
  border-image: linear-gradient(
    to right,
    rgba(5, 60, 99, 1) 0%,
    rgba(9, 209, 222, 1) 100%
  );
  border-image-slice: 1;
}
.title-txt-box p {
  font-family: "Open Sans";
  line-height: 1 !important;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  color: #09d1de;
  margin-bottom: 0px;
  position: relative;
}

.title-txt-box {
  width: fit-content;
}
.title-txt-box h3 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 6rem;
  text-transform: uppercase;
  color: #09d1de !important;
  margin-bottom: 0px;
}
.title-small-box {
  display: flex !important;
  align-items: flex-end;
}

.apply-section {
  background: url(https://media.mycom.world/frontend/tesorahubAdvisor/apply-background.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 7% 0 0%;
  position: relative;
}
.apply-section .title-txt-box {
  text-align: left;
  margin: 0 auto;
  width: fit-content;
}
.apply-section .title-txt-box p,
.apply-section .title-txt-box h3 {
  color: #ffffff !important;
}

.apply-section .apply-img {
  max-width: 75%;
}

.apply-cat {
  width: fit-content;
}

.apply-cat .d-flex {
  display: flex;
  align-items: center;
  color: #ffffff;
}

.apply-cat .d-flex p {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
}
.apply-section .apply-cat-box {
  padding-bottom: 3rem;
}
.apply-section .apply-cat-box:after {
  /* content: ""; */
  background-image: linear-gradient(
    to bottom,
    #ffffff 10%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: left;
  background-size: 4px 40px;
  background-repeat: repeat-y;
  height: 100px;
  bottom: -13%;
  position: absolute;
  width: 2px;
  left: 48%;
}
.advisor-section {
  padding: 6% 0;
  background: url(https://media.mycom.world/frontend/tesorahubServices/how-to-newbg.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
}
.advisor-no-img {
  width: 200px;
  height: 200px;
}
.advisor-no-box h6 {
  font-family: "Ubuntu";
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  color: #053c63;
  padding: 10px 20%;
}
.advisor-no-box {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: center;
}
.advisor-no-box div {
  width: 100%;
}
.advisor-section .title-txt-box {
  text-align: left;
  /* margin: 0 auto; */
  width: fit-content;
}
.advisor-section .title-txt-box p,
.advisor-section .title-txt-box h3 {
  color: #053c63 !important;
}

.advisor-section .title-small-box .title-border {
  margin-left: 5px;
  margin-top: 5px;
  flex-grow: 1;
  border: 5px solid transparent;
  border-width: 5px 0px 0px 0px;
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgba(5, 60, 99, 1) 100%
  );
  border-image-slice: 1;
}
.quality-section {
  background: url(https://media.mycom.world/frontend/tesorahubAdvisor/quality-background.png)
    no-repeat top center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 14% 0 5%;
  position: relative;
}
.quality-section p {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #ffffff;
}
.quality-section .title-txt-box {
  text-align: left;
  width: fit-content;
}
.quality-section .title-txt-box p,
.quality-section .title-txt-box h3 {
  color: #ffffff !important;
}

.form-title {
  padding: 50px 0 0;
}
.form-title .title-txt-box {
  text-align: center;
  margin: 0 auto;
  width: fit-content;
}
.form-title .title-txt-box p {
  color: #ffffff !important;
  width: fit-content;
  margin: 10px auto;
  font-size: 20px;
}
.form-title .title-txt-box h3 {
  color: #ffffff !important;
  width: fit-content;
  margin: 10px auto;
  font-size: 40px;
}
.form-title .title-txt-box p::after {
  left: 0;
  content: "";
  bottom: -5px;
  height: 5px;
  width: 100%;
  position: absolute;
  right: 0px;
  background: linear-gradient(
    90deg,
    rgba(9, 209, 222, 1) 0%,
    rgba(160, 66, 254, 1) 100%
  );
}
.form-section {
  background: url(https://media.mycom.world/frontend/tesorahubAdvisor/form-back.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 50px 0;
  position: relative;
}
.advisor-section .title-small-box {
  display: flex !important;
  align-items: flex-end;
  padding-bottom: 10px;
}
.advisor-section .title-small-box h3 {
  font-size: 5rem;
}
.advisor-cat {
  padding-top: 50px;
}
.advisor-cat .d-flex {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.advisor-cat .number {
  background-color: #053c63;
  border-radius: 50%;
  padding: 2px;
  color: #ffffff;
  font-weight: 700;
  height: 25px;
  display: block;
  width: 25px;
  text-align: center;
  margin-right: 10px;
}
.advisor-cat p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  color: #053c63;
  margin-bottom: 0px;
}
@media screen and (min-width: 1600px) {
  .advisor-banner .banner-text::before {
    left: -72%;
    width: 167%;
    height: 110px;
  }
}
@media screen and (max-width: 1300.98px) {
  .advisor-banner .banner-text p {
    font-size: 16px;
  }
  .advisor-banner .banner-h1 {
    font-size: 5.5rem;
  }
  .join-tesora .join-text-row p {
    font-size: 20px;
  }
  .apply-cat .d-flex p,
  .advisor-cat p,
  .quality-section p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1199.98px) {
  .advisor-banner .banner-h1 {
    font-size: 5.5rem;
  }
  .advisor-banner .banner-text p {
    font-size: 15px;
    padding: 18px 10px 0 0;
  }
  .join-tesora {
    padding: 7% 0 6%;
  }
  .title-txt-box p {
    font-size: 20px;
  }
  .title-txt-box h3 {
    font-size: 6rem;
  }
  .join-tesora .join-text-row p {
    font-size: 20px;
  }
  .join-tesora .join-text-row p::before {
    height: 150px;
  }
  .title-txt-box h3 {
    font-size: 4rem;
  }
  .title-txt-box p::after {
    bottom: 7px !important;
  }

  .apply-cat .d-flex p {
    font-size: 16px;
  }

  .advisor-no-img {
    width: 150px;
    height: 150px;
  }
  .advisor-no-box h6 {
    font-size: 20px;
  }
  .quality-section p {
    font-size: 16px;
  }
  .form-title .title-txt-box p::after {
    bottom: -5px !important;
  }
  .apply-now-btn {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .advisor-banner .banner-text::before {
    height: 145px;
  }
  .advisor-banner .banner-h1 {
    font-size: 4.5rem;
    padding-top: 27%;
  }
  .apply-section .apply-img {
    max-width: 80%;
  }
  .advisor-no-box h6 {
    font-size: 16px;
    padding: 10px 15%;
  }
  .advisor-no-img {
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 720px) {
  .pressional-common-text-green {
    padding-left: 20px;
    padding-right: 20px;
  }

  .professional-common-title {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pressional-common-text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ant-modal-header {
    padding-top: 50px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 0px;
    border-bottom: transparent 0px solid !important;
  }

  .ant-modal-body {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .advisor-banner .banner-text::before {
    height: 120px;
  }
}
@media screen and (max-width: 575px) {
  .banner-btn-row.text-right {
    text-align: center !important;
  }
  .join-tesora {
    background-position: left !important;
  }
  .advisor-banner .banner-h1,
  .title-txt-box h3 {
    font-size: 3.5rem;
  }
  .join-tesora .join-text-row p {
    font-size: 14px;
  }
  .join-tesora .join-text-row p::before {
    height: 112px;
  }
  .quality-section p {
    font-size: 14px;
  }
  .form-title .title-txt-box h3 {
    font-size: 3rem;
  }
  .title-txt-box p {
    font-size: 15px;
  }
  .form-title .title-txt-box p {
    font-size: 15px;
  }
  .form-title .title-txt-box p::after {
    bottom: -9px !important;
  }
}
@media screen and (max-width: 400px) {
  .advisor-banner .banner-h1,
  .title-txt-box h3 {
    font-size: 3rem;
  }
  .advisor-banner .banner-text {
    padding: 3rem 0rem 1rem 0;
  }
  .advisor-banner .banner-text p {
    font-size: 14px;
    padding: 10px 10px 0 0;
  }
  .advisor-banner .banner-text::before {
    height: 130px;
    left: -60%;
  }
  .join-tesora .join-text-row p::before {
    height: 124px;
  }
  .form-title .title-txt-box h3 {
    font-size: 25px;
  }
}

.mycompro-content-center {
  text-align: center;
  padding-bottom: 80px;
}
.mycompro-content-left {
  text-align: left;
}
.mycompro-content-right {
  text-align: right;
}
.mycompro-content-lable {
  padding: 7px;
  color: #0c0c0c;
}
.mycom-pro-input-margin {
  margin: 5px;
}

.mycom-pro-error-border {
  margin: 5px;
  border: 1px solid red;
}

.mycom-pro-attachcv {
  background-color: #33aacc !important;
  color: white !important;
  min-width: 110px;
}

.mycom-pro-attachcv-1 {
  background-color: #33aacc !important;
  color: white !important;
  min-width: 110px;
  margin-left: 10px;
}

.mycom-pro-privacy-text {
  color: #33aacc !important;
  text-decoration: underline;
  cursor: pointer;
}

.mycom-pro-pointer-cursure {
  cursor: pointer;
}

.fileInput {
  /* border-bottom: 4px solid lightgray;
  border-right: 4px solid lightgray;
  border-top: 1px solid black;
  border-left: 1px solid black; */
  /* padding: 10px; */
  margin: 5px;
  cursor: pointer;
  display: none;
}
::-ms-browse {
  background: #33aacc;
  color: white;
  padding: 5px;
}

::-webkit-file-upload-button {
  background: #33aacc;
  color: white;
  padding: 5px;
}

.mycompro-file-div {
  height: 35px !important;
}
.mycompro-file-lable {
  margin-left: 5px;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  width: 100%;
}
.custom-file-input:focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
}
.custom-file-input::before {
  content: "ATTACH RESUME OR CV";
  display: inline-block;
  background: -webkit-linear-gradient(top, #33aacc, #33aacc);
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  margin-left: 5px;
  font-size: 10pt;
  color: #fff;
}

.custom-file-input:hover::before {
  /* border-color: #0C5586; */
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.proCancleBtnX {
  margin: 5px 0px;
  border: 1px solid #dcdcdc;
  border-radius: 0px 3px 3px 0px;
  width: 30px;
  outline: none !important;
  box-shadow: none !important;
}
.proCancleBtnXBox .mycom-pro-input-margin {
  margin-right: 0px;
}
.proCancleBtnXBox {
  display: flex;
}
.proCancleBtnXBox .ant-select-selection.ant-select-selection--single {
  border-radius: 3px 0px 0px 3px;
  border-right: none;
}
.reg-form-landingpage{
  padding: 0% 15%;
}
.reg-form-landingpage .mycompro-content-lable{
  padding: 0px;
  color:#ffffff;
  padding-left: 25px;
  margin: 0;
}
.reg-form-landingpage .mycom-pro-input-margin{
  margin: 5px 0px ;
  border-radius: 12px;
  font-weight: 500;

}
.reg-form-landingpage .mycompro-file-div input{
  width: 100%;
}
.reg-form-landingpage .mycompro-file-div .btnwhite{
  width: 100%;
  border-radius: 12px;
  height: 31px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: #fff;
}
.reg-form-landingpage .mycompro-file-div{
  width: 100%;
display: flex;
align-items: center;
background-color: #FFF;
border-radius: 12px;
overflow: hidden;
padding: 5px;
}
.reg-form-landingpage .mycompro-file-div .custom-file-input{
  background-color: #FFF;
  display: none;
}
.reg-form-landingpage .mycompro-file-div .custom-file-input::before{
  width: 100%;
  background: #ffffff;
  color: #000000;
  text-align: center;
  border-radius: 12px;
  margin-left: 0 !important;
}
.reg-form-landingpage .ant-select-selection{
  border-radius: 12px;

}
.reg-form-landingpage .proCancleBtnXBox .ant-select-selection.ant-select-selection--single{
  border-radius: 12px 0px 0px 12px;
  border-right: none;
}
.reg-form-landingpage .proCancleBtnX{
  border-radius: 0px 12px 12px 0px;

}
.reg-form-landingpage label {
  color: #ffffff;
}

.reg-form-landingpage  .ant-btn.mycom-pro-attachcv {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #FFFFFF 0%, #B2B2B2 100%);
  border-radius: 15px ;
  border: none;
  padding: 10px 30px;
  font-family: 'Ubuntu';
  font-weight: 700;
  font-size: 16px !important;
  color: #053C63;
  margin: 30px 35px 0px 0px;
  transition: all 0.8s, color 0.35s 0.35s;
  line-height: normal !important;
  height: auto !important;
}
.reg-form-landingpage  .ant-btn.mycom-pro-attachcv span{
  color: #053C63;

}

.reg-form-landingpage  .ant-btn.mycom-pro-attachcv:hover {
  box-shadow: 450px 0 0 0 rgba(0, 0, 0, 0.2) inset;
  color: #053C63 !important;

}
@media screen and (max-width: 991.98px) {
  .reg-form-landingpage .mycom-pro-input-margin{
    margin: 0px 0px 15px !important;  
  }
  .reg-form-landingpage {
    padding: 0% 10%;
}
}
@media screen and (max-width: 768.98px) {
 
  .reg-form-landingpage {
    padding: 0% 5%;
}
}
.forgotpassword-page-main-div {
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/fondo_azul.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  float: left;
}

.forgotpassword-page-child {
  /* background-color: rgba(0,0,0,0.4); */
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  margin: 10% 0px;
}

.forgot-form-main-div {
  /* border: 1px solid #A8ACAC; */
  padding-top: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 30px;
  background-color: #fff;
  max-width: 360px;
  text-align: center;
}

.forgot-here-lable {
  color: #39aea4;
  padding-bottom: 15px;
  font-size: 36px;
}

.forgot-form-input-field {
  max-width: 300px;
  height: 45px;
  padding: 5px;
  background: #ffffff;
  margin-bottom: 10px;
}

.forgot-form-submit-button {
  background-color: #39aea4;
  min-width: 150px;
  color: #ffffff;
  height: 45px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: block;
  font-weight: bolder;
  margin: 20px auto 0px auto;
  font-size: 18px !important;
  border-radius: 10px;
}

.forgot-form-captcha {
  /* max-width: 300px;
    min-width: 300px; */
  margin-left: 18px;
  /* margin-right: 5px; */
  margin-top: 5px;
}
.forgot-form-center-align-lable {
  text-align: center;
  width: 100%;
  font-size: 18px;
}

.forgot-form-normal-lable {
  /* font-weight: 400;
    font-size: 14px;
    font-family: 'Ubuntu'; */
}
.forgot-form-bold-lable {
  /* font-weight: 600;
    font-size: 14px;
    font-family: 'Ubuntu'; */
}
.forgot-form-cursor {
  cursor: pointer;
}

.forgot-password-login-link {
  color: #39aea4 !important;
}

.forgot-form-alert-div {
  max-width: 300px;
  min-width: 300px;
  margin: 15px auto 0px auto;
  color: white;
  padding-left: 2px;
}

.forgotpassword-form-col-text {
  padding-top: 10px;
  color: red;
}

.forgotpassword-form-col-text1 {
  padding-top: 10px;
  color: white;
}
.login-error-close-btn{
  position: absolute;
  top:-18px;
  right: 5px;
  margin-top: unset;
  margin-right: unset;
}

.confirm-email-div {
  margin-top: 25px;
  text-align: center;
  /* margin-bottom: -10px; */
}

.confirm-email-login-section {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
  font-size: 16px;
}

.confirm-email-text {
  width: 230px;
  padding-left: 8px;
  height: 40px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 400;
  font-size: 15px;
  margin-top: 20px;
}

.confirm-email-btn {
  min-width: 230px;
  height: 40px;
  color: white;
  background-color: #053c63;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px;
}

.confirm-email-lbl {
  font-size: 18px;
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
  color: #db4638;
  white-space: pre-line;
}

.confirm-email-resend-success {
  color: green;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px;
  margin-top: 10px;
  border: #bebebe 1px solid;
  padding: 10px;
}

.confirm-email-resend-fail {
  color: red;
  font-family: "Ubuntu", sans-serif !important;
  font-size: 16px;
  margin-top: 10px;
  border: #bebebe 1px solid;
  padding: 10px;
}

.confirm-form-col-text-click-here {
  text-transform: capitalize;
  text-decoration: underline;
  color: #0c8e87;
  /* white-space: pre-line; */
  cursor: pointer;
}
.confirm-form-col-text-click-here:hover {
  color: blue;
}

.logout-page-main-div {
  background-image: url("https://media.mycom.world/frontend/images/Grupologout.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.logout-page-child {
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 70px 0px;
}
.logout-page-child .logoutImg {
  width: 70px;
  height: auto;
  display: block;
  margin: 50px auto;
}
.logout-page-child h2 {
  color: #fff;
  font-size: 42px;
  text-shadow: 0px 2px 5px #00000073;
}
.loginAgainbtn {
  background-color: #fff;
  border: none !important;
  outline: none !important;
  border-radius: 30px;
  padding: 5px 30px;
  box-shadow: 0px 2px 5px #00000073;
  margin: 50px 0px;
  color: #3cada4;
  font-weight: bold;
  font-size: 20px;
}

.time {
  font-size: 32px;
}

.reset-password-div {
  /* margin-top: 100px; */
  text-align: center;
  background-image: url(https://media.mycom.world/public/img/login.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
}

.reset-password-inner-div {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 600px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
}

.reset-password-section {
  margin: auto;
  width: 390px;
  padding: 5px;
  border: 1px solid lightgray;
  border-radius: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.reset-password-title {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  color: white;
}

.reset-password-text-field {
  height: 45px;
  width: 80%;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid lightgray;
  text-align: center;
}

.reset-password-submit-btn {
  height: 45px;
  width: 80%;
  border: 1px solid lightgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: white;
  background-color: #0ea9a1;
  font-size: 15px;
  font-weight: 500;
}

.reset-form-captcha {
  margin: auto;
  padding: 5px;
  margin-left: 30px;
}

.reset-password-error {
  color: red;
  font-size: 14px;
  font-weight: 500;
  padding-top: 20px;
}
.resetforgot-form-alert-div {
  max-width: 300px;
  min-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  color: white;
  padding-left: 2px;
}
@media (max-width: 768px) {
  .reset-password-section {
    width: 90%;
  }
}

/* (max-width:1100px) {
    .reset-password-section {
        width: 50%;
    }
} */

.email-verify-div {
  margin-top: 80px;
  text-align: center;
}

.top-invoice{
	margin-top: 50px;
}
.header-logo-invoice{
	height: 40px;
}
.header-line{
	display: inline-block;
	width: calc(100% - 136px);
}
.foot-line{
	background-color: #2B8E82;
	height: 5px;
	margin-bottom: 40px;
}
.text-blue-invoice{
	color: #2B8E82 !important;
	text-transform: uppercase;
	font-weight: bolder;
	margin-bottom: 40px;
}
.my-25{
	margin-top: 25px;
	margin-bottom: 25px;
}
.table-invoice thead{
	background-color: #2B8E82;
	color: #fff;
	padding: 15px 0;	
	border-radius: 10px;	
}
.table-invoice td{
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.table-invoice .table-total{
	border-top: #000 2px solid;
	border-bottom: #000 2px solid;
}
.table-invoice .table-sub-total{
	border-top: #000 2px solid;
}

.print-this-page {
	text-align: center;
	width: 100%;
	cursor: pointer;
	text-decoration: underline;
	font-size: 13px;
}

.print-this-page:hover {
	color: #2B8E82;
}

.purch-invoice-email-mail-to {
	cursor: pointer;
	text-decoration: underline;
}

.purch-invoice-email-mail-to:hover {
	color: blue;
}
@media print {
	.text-blue-invoice{
		color: #2B8E82 !important;
	}
	.col-1{
		width: 25% !important;
	}
	.col-2{
		width: 75% !important; 
	}
	.table-thead{
		background-color: #2B8E82 !important;
		color: #fff !important;
	}
}
.home-main-div {
  margin-top: 0px;
  z-index: 2;
  top: 0;
  left: 0;
  height: 550px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* filter: blur(px);
    -webkit-filter: blur(px); */
  width: 100%;
}

.home-blur-div {
  background-color: rgba(0, 102, 204, 0.71);
  height: 550px;
  position: relative;
}

.btn-clyan {
  background-color: #00b8ff;
  border: 1px solid #00b8ff;
  color: #fff;
}
.btn-clyan:hover,
.btn-clyan:active,
.btn-clyan:focus {
  background-color: #fff;
  color: #a5b6bd;
}
.color-p-background {
  background-color: #004589 !important;
}

.color-s-background {
  background-color: #0066cc !important;
}

.color-dark-gray-background {
  background-color: #666666 !important;
}

.color-light-gray-background {
  background-color: #cacaca !important;
}
.text-color-p {
  color: #004589 !important;
}

.text-color-s {
  color: #0066cc !important;
}

.text-color-light-gray {
  color: #666666 !important;
}

.text-color-light-gray {
  color: #cacaca !important;
}

.text-color-black {
  color: black !important;
}

.text-color-design-gray {
  color: #3b3b3b !important;
}

.text-color-clyan {
  color: #00b8ff !important;
}

/**
* text transform
*/

.text-upper-case {
  text-transform: uppercase !important;
}

.text-lower-case {
  text-transform: lowercase !important;
}

.text-capitalize-case {
  text-transform: capitalize !important;
}
.bg-white {
  background-color: #fff !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.rounded {
  border-radius: 0.25rem !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

.header-home-bg {
  padding-top: 108px;
  padding-bottom: 30px;
  background-image: url(https://media.mycom.world/frontend/images/g966.png);
}
.big-title {
  font-size: 56px;
}

.bg-clyan {
  background-color: #00b8ff;
}
.hr-white {
  border-top: 1px #fff solid;
}
.about-mycom {
  background-image: url(https://media.mycom.world/frontend/images/rect2798.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.hr-clyan {
  border-top: 1px #00b8ff solid;
}
.make-mycom {
  background-image: url(https://media.mycom.world/frontend/images/path1611.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-clyan {
  background-color: #00b8ff;
}
.hr-white {
  border-top: 1px #fff solid;
}
.sharing-economy {
  background-image: url(https://media.mycom.world/frontend/images/rect2798.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sharing-economy-card {
  background-image: url(https://media.mycom.world/frontend/images/g1655.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ico-our{
    height: 100px;
}
.ico-our{
    height: 100px;
}
.slick-initialized .slick-slide {
    margin-left: 20px;
    margin-right: 20px;
}
.ico-card{
	margin: 0 auto;
	width: 100px;
	margin-top: -70px;
}
.slick-slider {
    height: 450px;
}
.footer-bott-div {
    background-color: #00B8FF;
	height: 70px !important;
    text-align: center;
    color: white;
    padding: 15px;
}

.footer-bott-row {
    margin: 0px;
    padding: 0px;
}

.footer-bott-logo-img {
    height: 30px !important;
    margin-top: 10px;
    width: auto !important;
}
.footer-menu-col-div {
  width: 100%;
}

.footer-menu-pointer {
  cursor: pointer;
}

.footer-menu-pointer:hover {
  color: #0066cc;
}

.footer-menu-col {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer-menu-row {
  margin: 0;
  padding: 0;
}

.footer-menu-main-div {
  background-color: #216982;
  background-image: url(https://media.mycom.world/frontend/images/path1520.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}

.BannerMycomNew {
  background-image: url("https://media.mycom.world/frontend/images/bg_new.svg");
  min-height: 545px;
  background-position: top left;
  background-size: cover;
  margin-top: 60px;
}
.MainContainer {
  max-width: 1200px;
  margin: 0px auto;
}
.Mycom_Download_Information {
  width: 320px;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 0px 35px 10px 35px;
  margin: 25% auto 0px auto;
  position: relative;
}
.Mycom_Download_Information_img {
  margin-top: -20px;
  position: relative;
  z-index: 1;
}
.Mycom_Download_Information::after {
  content: "";
  height: 10px;
  position: absolute;
  left: 40px;
  right: 40px;
  top: -6px;
  background-color: #053c63;
}

.DownLoadBtn {
  background: #ff6100;
  color: #fff;
  width: 220px;
  border: none;
  box-shadow: none;
  outline: none;
  height: 35px;
  display: block;
  margin: 20px auto;
}
.ImgMock {
  text-align: center;
}

.ImgMock img {
  margin: 4% auto 0px auto;
  width: 78%;
}

.StapBtn1 {
  border: 2px solid #053c63;
  height: 55px;
  width: 70%;
  display: flex;
  border-radius: 10px;
  margin: 50px auto;
  background-color: #fff;
}

.StapBtn1 .StepText {
  background-color: #053c63;
  border-radius: 5px;
  font-size: 30px;
  color: #fff;
  width: 140px;
  font-weight: bold;
}

.StapBtn1 .BtnRounded {
  background-color: #ff6100;
  height: 70px;
  width: 70px;
  padding: 8px;
  border-radius: 50%;
  text-align: center;
  margin-top: -10px;
  margin-left: -15px;
}
.StapBtn1 .BtnRounded .BtnRoundedIn {
  height: 55px;
  width: 55px;
  color: #fff;
  background-color: #ff9f00;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 32px;
  font-weight: bold;
}
.StapBtn1 .DownLoadInstall {
  color: #053c63;
  text-align: center;
  font-size: 30px;
  width: 100%;
}

.MycomFirstStep {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.BtnImgDownlod {
  width: 180px;
  margin: 30px auto 0px auto;
  cursor: pointer;
}
.MycomFirstStep .MycomFirstStepCol6 {
  width: 50%;
  float: left;
  text-align: center;
}
.MycomFirstStepCol6 .DownLoadBtn {
  width: 180px;
}
.MycomFirstStepCol6 .TopMarginBtnDownload {
  margin-top: 61px;
}
.PaddingLeft30 {
  padding-left: 30px;
}
.BtnBlank {
  width: 180px;
  height: 35px;
  border: 2px solid #053c63;
  color: #053c63;
  text-align: center;
  margin: 10px auto;
  font-weight: bold;
  background-color: #fff;
  border-radius: 8px;
  z-index: 1;
  padding: 5px 0px;
  white-space: normal;
}
.BtnF {
  font-size: 10px;
  padding-top: 0px !important;
}
.color01 {
  color: #053c63;
}
.Fs13 {
  font-size: 13px;
}
.Fs10 {
  font-size: 10px;
}
.StepRow1 {
  margin-top: 65px;
  width: 100%;
  float: left;
  position: relative;
}
.StepRow1::before {
  content: "";
  position: absolute;
  top: -103px;
  right: 11%;
  left: 5px;
  height: 149px;
  background-image: url("https://media.mycom.world/frontend/images/Line-Orange.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.StepRow1::after {
  content: "";
  position: absolute;
  top: 26px;
  right: -15px;
  width: 37%;
  height: 111%;
  background-image: url("https://media.mycom.world/frontend/images/line-2.svg");
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.MycomFirstStepImg {
  position: relative;
  min-height: 140px;
}
.MycomFirstStepImg .CloudImg {
  position: absolute;
  top: -11%;
  left: -16%;
}
.InstallBtn {
  background-color: #1f9458;
  height: 35px;
  width: 150px;
  color: #fff;
  border: none;
  box-shadow: none;
  outline: none;
  position: relative;
}
.InstallBtn::after {
  content: "";
  position: absolute;
  top: -120%;
  right: 88%;
  width: 100%;
  height: 200%;
  background-image: url("https://media.mycom.world/frontend/images/Bg-11.svg");
  background-position: center;
  background-repeat: no-repeat;
}
/* .StepRow2 {
    margin-top: 65px;
    width: 100%;
    float: left;
    position: relative;
}
.StepRow2::after{
    content: '';
    position: absolute;
    top: 30px;
    left: -21px;
    width: 42%;
    height: 108%;
    background-image: url('https://media.mycom.world/frontend/images/line-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
} 
.StepRow2 .RegistoreLoginStepOne{
    min-height: 530px;
}*/

.StepRow3 {
  margin-top: 50px;
  width: 100%;
  float: left;
  position: relative;
}

.StepRow4 {
  margin-top: 50px;
  width: 100%;
  float: left;
  position: relative;
  padding: 0px 15%;
}
.StepRow5 {
  margin-top: 120px;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
.StepRow5::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/bg-4.svg");
  z-index: -1;
  top: -230px;
  left: 50%;
  width: 78%;
  height: 75%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translate(-50%);
}

.StepRow6 {
  margin-top: -30%;
  padding-top: 30%;
  padding-bottom: 30%;
  width: 100%;
  float: left;
  position: relative;
  background-color: #053c63;
}
.StepRow7 {
  margin-top: -28%;
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
}
.StepRow7::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/bg-5.svg");
  top: -3.8%;
  left: -30px;
  right: 0px;
  bottom: 0px;
  width: 102%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.StepRow7::before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: -45%;
  left: 50%;
  right: 0px;
  bottom: 100%;
  width: 2px;
  z-index: -1;
  transform: translate(-50%);
}
.ImageShadow {
  box-shadow: 0px 0px 5px gray;
  background-color: #fff;
}

.RegistoreLoginStepOne {
  padding: 0px 15px;
  text-align: center;
  min-height: 660px;
  position: relative;
}

.RegistoreLoginStepOne .BtnBlank {
  margin: 20px auto;
  width: 100%;
}
.RegistoreLoginStepOne .Possition {
  position: absolute;
  bottom: 0px;
  right: 15px;
  left: 15px;
}

/* s */

.BtnLable label {
  background-color: #ff6100;
  height: 40px;
  width: 40px;
  padding: 4px;
  border-radius: 50%;
  text-align: center;
  margin-top: -10px;
  margin-left: -23px;
  float: left;
}
.BtnLable label span {
  height: 32px;
  width: 32px;
  color: #fff;
  background-color: #ff9f00;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  display: block;
}

.AddComsImgBox {
  width: 100%;
  float: left;
  text-align: center;
  padding: 0px 5%;
}

/* .AddComsImgBox img{
    margin-top: 50px;
} */

.StepRow4 .BtnBlank {
  width: 120px;
  background-color: #053c63;
  color: #fff;
}
.StepRow3 .StapBtn1 {
  width: 46%;
  margin: 10px auto;
}

.StepRow5 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.Screen5Img {
  position: relative;
  z-index: 3;
}
.LreanMoreBtn {
  width: 100px;
  height: 30px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  margin: 20px auto;
  border-radius: 5px;
  z-index: 1;
  font-size: 12px;
  background-color: #053c63;
}
.RegistoreLoginStepOneWithBtn.WidthRight {
  width: 40%;
  float: right;
  margin-top: 34%;
}
.RegistoreLoginStepOneWithBtn.WidthRight .PColor1 {
  position: relative;
  color: #053c63;
  margin-top: 10%;
}
.RegistoreLoginStepOneWithBtn.WidthRight .PColor1::after {
  position: absolute;
  content: "";
  height: 2px;
  left: -26%;
  top: 10px;
  width: 20%;
  background-color: #053c63;
}
.RegistoreLoginStepOneWithBtn.WidthRight .PColor1::before {
  position: absolute;
  content: "";
  height: 55px;
  left: -60px;
  top: 63px;
  width: 80px;
  background-image: url("https://media.mycom.world/frontend/images/btnStar.svg");
  background-position: top left;
  background-repeat: no-repeat;
}
.RegistoreLoginStepOneWithBtn.WidthRight .PColor2 {
  color: #053c63;
}
.RegistoreLoginStepOneWithBtn.WidthRight .BtnBlank.BtnF {
  margin-top: 18px;
}
.StepRow6 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.DivCenter {
  position: relative;
}

.DivCenter:after {
  position: absolute;
  content: "";
  height: 70%;
  left: 50%;
  bottom: 95%;
  transform: translate(-50%);
  width: 2px;
  background-color: #fff;
}
.StepRow6 .RegistoreLoginStepOne.DivCenter .BtnBlank {
  background-color: #053c63;
  border: 2px solid #fff;
  color: #fff;
}

.StepRow7 .RegistoreLoginStepOne.with25 {
  width: 25%;
  margin: 0px auto;
}
.StepRow7 .RegistoreLoginStepOne.with20 {
  width: 20%;
  margin: 0px auto;
  float: left;
}

.padding20 {
  padding: 0px 20%;
  float: left;
  width: 100%;
}

.padding10 {
  padding: 0px 10%;
  float: left;
  width: 100%;
}
.StepRow7 .padding20 .RegistoreLoginStepOne.with20 {
  width: 33.3%;
}

.StepRow7 .padding10 .RegistoreLoginStepOne.with20 {
  width: 25%;
}

.StepRow7 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

.StepRow7 .RegistoreLoginStepOne {
  min-height: 593px;
}

.StepRow7 .BtnLable {
  width: 260px;
}
.StepRow7 h2 {
  color: #fff;
}

.BtnMrg1 {
  margin-top: 17% !important;
  display: block;
  position: relative;
}
.BtnMrg2 {
  margin-top: -4% !important;
  display: block;
  position: relative;
}
.BtnMrg3 {
  margin-top: -3% !important;
  display: block;
  position: relative;
}

.StepRow8 {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding: 50px 0px;
}
.StepRow8 h2 {
  color: #fff;
  text-align: center;
}

.StepRow8::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0px;
  right: 0px;
  bottom: 52%;
  z-index: -1;
  width: 100%;
  background-color: #3bada4;
}

.P1 {
  position: relative;
  text-align: right;
  color: #fff;
  padding-right: 15px;
  margin-top: 18%;
}
.P1::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #fff;
}
.P2 {
  position: relative;
  text-align: right;
  color: #3bada4;
  padding-right: 15px;
  margin-top: 60%;
}
.P2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #3bada4;
}
.P3 {
  position: relative;
  text-align: right;
  color: #3bada4;
  padding-right: 15px;
  margin-top: 78%;
}
.P3::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #3bada4;
}
.P4 {
  position: relative;
  color: #fff;
  padding-left: 15px;
  margin-top: 18%;
}
.P4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #fff;
}
.P5 {
  position: relative;
  color: #fff;
  padding-left: 15px;
  margin-top: 32%;
}
.P5::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #fff;
}
.P6 {
  position: relative;
  color: #3bada4;
  padding-left: 15px;
  margin-top: 100%;
}

.P6::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -14%;
  z-index: 1;
  width: 50px;
  height: 2px;
  background-color: #3bada4;
}

.StepRow9 {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  text-align: center;
}

.StepRow9::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/bg-6.svg");
  top: 43%;
  left: 50%;
  right: 50%;
  bottom: 0px;
  width: 30%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transform: translate(-50%);
}
.StepRow9 h2,
h3,
h4,
h5 {
  color: #053c63 !important;
}
.StepRow9 .MarginTopButton {
  margin-top: 10%;
  margin-bottom: 40px;
}
.BtnBlankBg {
  background-color: #053c63;
  height: 45px;
  border: 2px solid #053c63;
  color: #fff;
  text-align: center;
  margin: 10px auto;
  font-weight: bold;
  font-size: 24px;
  border-radius: 8px;
  z-index: 1;
  min-width: 205px;
}
.StepRow9 .RegistoreLoginStepOne.WidthLeft {
  width: 45%;
  float: right;
  margin-right: 10%;
}
.StepRow9 .RegistoreLoginStepOne img {
  margin-top: 45%;
}
.StepRow9 .RegistoreLoginStepOne.WidthRight {
  width: 45%;
  margin: 0px auto;
  float: left;
  margin-left: 10%;
}

.StepRow9 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.StepRow10 {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  text-align: center;
}
.StepRow10 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.StepRow10::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/bg-10.svg");
  top: -12.5%;
  left: -2%;
  right: -1%;
  /* bottom: -3%; */
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.BgColorGreen {
  width: 100%;
  float: left;
  background-color: #053c63;
}
.StepRow11 {
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  text-align: center;
}
.StepRow11::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/Bg8.svg");
  top: -7.5%;
  left: 22%;
  right: 22%;
  /* bottom: -3%; */
  height: 104%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.StepRow11 .RegistoreLoginStepOne {
  min-height: auto;
}
.StepRow11 .RegistoreLoginStepOne .Possition {
  position: relative;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
.StepRow11 .PaddingDiv11 {
  padding: 0% 13% 6% 13%;
}

.StepRow11 .RegistoreLoginStepOne .BtnBlank {
  border: 2px solid #ffffff;
  background-color: #053c63;
  color: #fff;
  font-size: 10px;
}
.StepRow11 .FromTheApp {
  margin-bottom: 40px;
}
.StepRow11 .BtnBlankBg {
  background: #fff;
  color: #053c63;
}
.StepRow11 h2 {
  color: #fff !important;
}

.BottomAppDownloadBox {
  width: 100%;
  float: left;
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  text-align: center;
  background-color: #053c63;
}

.BottomAppDownloadBox::after {
  content: "";
  position: absolute;
  background-image: url("https://media.mycom.world/frontend/images/Bg-7.svg");
  top: -38px;
  left: 6%;
  right: 7%;
  bottom: -7%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.BottomAppDownloadBox .DownLoadBtn {
  background-color: transparent;
}

.BottomAppDownloadBox .DownLoadBtn .BtnImgDownlod {
  margin: -2px auto 0px auto;
}

.StepRow10 .SendToBuyer {
  height: 65px;
  margin-top: -10px;
}

.my-pro-board-div {
  margin-top: 100px;
  text-align: center;
}

.my-pro-board-error-div {
  margin: 10px;
  min-height: 100px;
}

.my-pro-board-logout-btn {
  width: 120px;
  height: 35px;
  border: 1px solid #bebebe;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 10px;
  background-color: #053c63;
  color: white;
  font-size: 16px;
}

.my-pro-board-logout-btn:focus {
  outline: none;
}

.my-pro-board-logout-btn:hover {
  color: #053c63;
  background-color: white;
}

.my-pro-board-header-lbl {
  font-size: 18px;
  color: #053c63;
}

.my-pro-board-cancel-btn {
  width: 120px;
  height: 35px;
  border: 1px solid #bebebe;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin: 10px;
  background-color: white;
  color: #053c63;
  font-size: 16px;
}

.lbl-signed-in-name {
  color: #053c63;
  font-size: 17px;
  font-weight: 400;
  padding-left: 10px;
}

.my-pro-box-shadow {
  border: 0px solid #bebebe;
  width: 40%;
  margin: auto;
  padding-bottom: 20px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.lbl-signin-another_user {
  color: #bebebe;
  font-size: 17px;
  font-weight: 400;
}

.pro-main-div {
  margin-top: 100px;
  text-align: center;
}

.pro-member-plan-p {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 35px;
  font-size: 16px;
}

.pro-member-btn {
  width: 170px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: none;
  margin: 5px;
  background-color: #053c63;
  font-size: 16px;
  color: #fff;
}

.pro-member-btn1 {
  width: 120px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #bebebe;
  margin: 5px;
  background-color: #053c63;
  font-size: 16px;
  margin-top: 10px;
  color: white;
}

.pro-selected-plan-div {
  background-color: #053c63;
  color: white;
  width: 100%;
  height: 100%;
}

.pro-selected-plan-price-div {
  width: 100%;
  border: 1px solid #053c63;
  margin-top: 20px;
  padding: 10px;
  border-radius: 5px;
  float: left;
}

.pro-mem-cvv {
  padding-left: 5px;
  height: 35px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #bebebe;
  font-size: 16px;
}

.pro-mem-selected-card-div {
  margin-top: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 10px;
  padding-bottom: 20px;
  padding-top: 10px;
  text-align: left;
  padding-left: 20px;
  margin-right: 10px;
}

.pro-mem-error-div {
  min-height: 35px;
  background-color: #cc000060;
  text-align: center;
}

.pro-mem-error-lbl {
  color: #cc0000;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.pro-mem-success-div {
  min-height: 35px;
  background-color: #4bb54360;
  text-align: center;
}

.pro-mem-success-lbl {
  color: #4bb543;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.pro-mem-add-credit-card-btn {
  min-width: 150px;
  height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid #bebebe;
  margin: 10px auto;
  background-color: #053c63;
  font-size: 16px;
  margin-top: 10px;
  color: white;
  display: block;
}

.pro-plan-change-plan-lbl {
  cursor: pointer;
  text-align: right;
}
.sectionCreditCardTotal {
  width: 100%;
  float: left;
}
/* .sectionCreditCardTotal:first-child{
    text-align: left;

}
.sectionCreditCardTotal:last-child{
    text-align: right;
    float: right;
    
} */

.sectionCreditCardTotal .membership-confirm-price-left-lbl {
  float: left;
  width: 50%;
  text-align: left;
  padding-left: 15%;
}
.sectionCreditCardTotal .membership-confirm-price-right-lbl {
  float: left;
  width: 50%;
  text-align: right;
  padding-right: 15%;
}
.SelectPlanMycom {
  width: 100%;
  float: left;
  text-align: center;
  background-color: #053c63;
  padding: 10px;
  color: #fff;
  margin-bottom: 30px;
  border-radius: 5px;
}

.BoxSedoNoneBorderOn .pro-plan-row-div {
  box-shadow: none;
  border: 1px solid #053c63;
  background-color: #053c63;
}

.BoxSedoNoneBorderOn .pro-plan-row-div .PlanListSection {
  color: #fff;
}

.BoxSedoNoneBorderOn .pro-plan-row-div .PlanListSection::after {
  color: #fff;
}

.BoxSedoNoneBorderOn .pro-plan-row-div .ListHeadingBg {
  background-color: #009a8f;
  color: #fff;
}

.pro-plan-row-div {
  width: 100% !important;
  box-shadow: 0 2px 10px gray;
  float: left;
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor: pointer;
}

.pro-plan-active-plan {
  background-color: #053c63;
  color: white !important;
}

.pro-plan-deactive-plan {
  background-color: #fff;
}

.pro-plan-title {
  font-size: 17px;
  color: #000;
}

.pro-plan-title-active {
  font-size: 17px;
  color: white;
}

.pro-plan-price-lbl {
  font-size: 20px;
}

.pro-plan-dropdown-div {
  margin-top: 20px;
  margin-bottom: 10px;
  text-transform: capitalize !important;
}

.pro-plan-dropdown-option {
  text-transform: capitalize !important;
}

.pro-plan-dropdown {
  min-width: 70% !important;

  text-align: center !important;
  /* border: 2px solid #009a8f; */
  background-color: #009a8f;
  border-radius: 5px;
}
.pro-plan-dropdown .ant-select-selection {
  border: none;
  background-color: #009a8f;
  color: #fff;
  height: 40px;
  /* border-radius: 20px; */
}
.pro-plan-dropdown .ant-select-selection svg {
  fill: #fff;
}
.pro-plan-dropdown .ant-select-selection-selected-value {
  line-height: 40px;
}
.pro-plan-detail-section {
  padding-top: 4px;
  font-size: 15px;
}

.PlanListSection {
  text-align: left;
  padding: 5px 0px 5px 30px;
  position: relative;
  width: 100%;
  float: left;
}

.PlanListSection::after {
  position: absolute;
  content: "\2713";
  left: 5px;
  top: 2px;
  font-size: 18px;
  color: #009a8f;
}
.pro-plan-active-plan .PlanListSection::after {
  color: #fff;
}

.ListHeadingBg {
  background-color: white;

  border-radius: 5px 5px 0px 0px;
  padding: 5px 0px;
  width: 100%;
  float: left;
  position: relative;
  min-height: 85px;
  margin-bottom: 10px;
}
.pro-plan-active-plan .ListHeadingBg {
  background-color: #009a8f;
}
.ListHeadingBg .PackegeRate {
  position: absolute;
  left: 5px;
  bottom: -12px;
  width: 100%;
}
.ListHeadingBg .PackegeRate label {
  font-size: 40px;
}
/* .ListHeadingBg .PackegeHeading {
    position: absolute;
    left: 5px;
    bottom: -12px;
    width: 100%;
} */
.ListHeadingBg .PackegeHeading label {
  font-size: 20px;
}
.AmountPlanList {
  font-size: 38px;
}

.pro-card-common-header {
  text-align: left;
  height: 35px;
  /* border-bottom: 1px solid #bebebe; */
  float: left;
  /* margin-top: 20px; */
}

.pro_card_common-lbl {
  color: #141414;
  font-size: 17px;
}

.pro-card-detail-div {
  text-align: left;
  border: 1px solid #053c63;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; */
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;

  width: 100%;
  float: left;
}

.pro-card-detail-lbl-name {
  text-transform: capitalize;
  font-size: 17px;
}

.pro-card-detail-lbl-number {
  font-size: 17px;
  color: #053c63;
}

.pro-card-detail-lbl-number-active {
  font-size: 17px;
  color: white;
}

.pro-card-active {
  background-color: #053c63;
  color: white;
  text-align: left;
  /* border: 1px solid #bebebe; */
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important; */
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  float: left;
}

.marketing-img-logo {
  width: 140px;
  height: auto;
}

.div-marketing {
  text-align: center;
  width: 100%;
  padding: 10px 0px;
  margin: 50px auto;
  background-image: url("https://media.mycom.world/frontend/images/Union9.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 175% 140%;
  box-shadow: 0px 0px 10px gray;
}

.div-marketing-main {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 90px;
}

.marketing-input {
  width: 70%;
  margin-bottom: 10px;
  border: 1px solid darkgray;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  height: 35px;
  box-shadow: none !important;
  outline: none !important;
  text-align: center;
}

.marketing-lbl {
  margin-top: 15px;
}

.marketing-btn-verify {
  width: 180px;
  height: 35px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  color: white;
  background-color: #053c63;
  font-size: 16px;
  font-weight: 600;
  margin: 0px auto 30px auto;
  box-shadow: none !important;
  outline: none !important;
  text-align: center;
  border: none !important;
  display: block;
}

.marketing-error {
  color: red;
  font-size: 14px;
}

.marketing-success {
  color: green;
  font-size: 14px;
}

.tesoraBgMain {
  float: left;
  width: 100%;
  background-image: url("https://media.mycom.world/frontend/tesorafinalcial/bg-TesoraCapital.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 100px;
}
.bctBgMain {
  float: left;
  width: 100%;
  background-image: url("https://media.mycom.world/frontend/bitcoin_trust_bg-dark.jpg");
  /* background-size: cover; */
  background-repeat: repeat;
  background-position: top center;
  padding-bottom: 100px;
}
.headerTesoraRegister {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.headerTesoraRegister .navbar-nav {
  margin-top: 10px;
}

.headerTesoraRegister .navbar-nav li a {
  color: #fff !important;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
}
.headerTesoraRegister .navbar-nav li .myNewPlanBtn {
  border: 1px solid #fff;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-color: transparent !important;
  float: right;
  padding: 0px 10px;
  line-height: 0px !important;
  height: 30px;
  margin-top: -5px;
}
.tesoraLoginForm {
  float: left;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #2c2c2c;
  padding: 30px;
  margin-top: 100px;
}
.tesoraLoginHeader {
  display: flex;
  width: 100%;
}
.searchImgIconHeader {
  height: 20px;
}

.tesoraLoginHeader .BTG {
  width: 33.33%;
  color: #053c63;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.tesoraLoginHeader .BTG:first-child {
  text-align: left;
}
.tesoraLoginHeader .BTG:last-child {
  text-align: right;
}
.tesoraLoginHeader .BTG img {
  width: 60%;
}

.fromIconTop {
  display: flex;
  margin-top: -65px;
  position: relative;
  z-index: 1;
}
.fromIconTop .threeIcon {
  width: 33.33%;
  text-align: center;
  cursor: pointer;
}
.fromIconTop .threeIcon .threeIconImg {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #053c63;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 10px auto;
  background-color: #fff;
}

.fromIconTop .threeIcon .threeIconImg1 {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #d0a340;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  margin: 10px auto;
  background-color: #fff;
}

.blue-background {
  background-color: #053c63 !important;
}

.active-lable {
  color: #053c63 !important;
  font-weight: 700 !important;
}

.active-lable1 {
  color: #d0a340 !important;
  font-weight: 700 !important;
}

.fromIconTop .threeIcon .threeIconImg img {
  height: 33px;
  width: auto;
}
.fromIconTop .threeIcon p {
  font-size: 13px;
}
.formBorderRegister {
  border: 1px solid #053c63;
  padding: 20px;
  border-radius: 10px;
  background-color: #f0f1f6;
  margin: 30px 0px 20px 0px;
  float: left;
  width: 100%;
}

.formBorderRegister1 {
  border: 1px solid #d0a340;
  padding: 20px;
  border-radius: 10px;
  background-color: #f0f1f6;
  margin: 30px 0px 0px 0px;
  float: left;
  width: 100%;
}

.lableWithInput {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.lableWithInput label {
  color: #000;
  font-size: 13px;
}

.lableWithInput input {
  font-weight: 600;
  font-size: 13px !important;
}

.myNewPlanBtn.registerBtnBottom {
  background-color: #053c63 !important;
  height: 40px;
  float: none;
  margin: 20px 0px;
  width: 200px;
  font-weight: bold;
}

.myNewPlanBtn.registerBtnBottom1 {
  background-color: #d0a340 !important;
  height: 40px;
  float: none;
  margin: 20px 0px;
  width: 200px;
  font-weight: bold;
}

.blue-left-arrow {
  width: 15px !important;
  height: auto !important;
  margin-right: 5px;
}

.one-switch-active {
  background-color: #053c63;
}

.one-switch-inactive {
  background-color: #c8c8c8;
}

.lableWithInput .ant-select-selection-selected-value {
  font-weight: 600;
  font-size: 13px;
}

.red-border {
  border-color: red !important;
}

.red-border-select-country {
  border: 1px solid red !important;
}

.new-reg-error-section-1 {
  text-align: center;
  margin-top: 10px;
  color: red;
  font-weight: 600;
}

.sign-one-term-text-butify-1 {
  color: #053c63;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.sign-one-term-text-butify-2 {
  color: #d0a340;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 3px;
  padding-right: 3px;
}

.btn-continue-tesora {
  width: 170px;
  height: 40px;
  background-color: #053c63 !important;
  color: white;
  font-size: 15px;
  font-weight: 600;
  box-shadow: none;
  border: none;
}

.lbl-pop-color {
  color: #053c63 !important;
}

.txt-congrats-center {
  text-align: center !important;
  width: 100% !important;
}

/* .login-input-fie {
    width: 300px !important;
    margin-left: 10px;
} */

.loginform-captcha1 {
  max-width: 300px;
  min-width: 300px;
  margin: 0px auto 10px auto;
}

.gold-txt-color {
  color: #d0a340 !important;
}

.gold-bkg-color {
  background-color: #d0a340 !important;
}

.login-cursor-pointer {
  cursor: pointer !important;
}

.t-login-blue {
  color: #053c63 !important;
}

.t-login-center {
  text-align: center !important;
  margin: auto;
}
.tooltipInput {
  position: relative;
}
.invitationIconImg1 {
  width: 20px;
  position: absolute;
  right: 10px;
  top: 30px;
}

.instruction_popup {
  line-height: 5px !important;
}
.instruction_color_invalid {
  color: #d83023;
}
.instruction_color_valid {
  color: green;
}

.img-bct-logo {
  height: 60px !important;
  width: auto !important;
}

@media only screen and (max-width: 992px) {
  .headerTesoraRegister .navbar-brand > img {
    width: 150px;
  }
  .headerTesoraRegister .navbar-collapse {
    border: none;
    box-shadow: none;
  }
  .headerTesoraRegister .navbar-nav {
    margin-top: 30px;
  }
  .headerTesoraRegister.navbar .navbar-toggle {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .tesoraLoginHeader .BTG img {
    width: 80%;
  }
  .fromIconTop .threeIcon .threeIconImg1 {
    width: 50px;
    height: 50px;
  }
}

.tesoraAccountSetup {
  padding: 100px 20px;
  width: 100%;
  float: left;
}

.accountSetupList {
  margin: 15px auto 50px auto;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 600px;
}
.accountSetupList li {
  list-style: none;
  text-align: center;
  cursor: pointer;
}
.accountSetupList li .accountSetupListIcon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #d4d4d4;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: relative;
  margin: 10px auto;
}
.accountSetupList li .accountSetupListIcon img {
  height: 34px;
  width: auto;
}
.accountSetupList li.active .accountSetupListIcon {
  /* border: 2px solid transparent; */
  background-image: linear-gradient(to bottom right, #053c63, #09d1de);
  z-index: 1;
  position: relative;
}
.accountSetupList li label {
  color: #8a8a8a;
  font-size: 12px;
}
.accountSetupList li.active label {
  color: #053c63;
}
.accountSetupList::after {
  right: 15px;
  left: 15px;
  position: absolute;
  content: "";
  top: 43px;
  height: 2px;
  border-top: 2px dotted #d4d4d4;
}

.p-account-setup {
  white-space: pre-line;
  font-size: 16px;
  color: black;
}

.input-user-name-1 {
  border: none;
  border-bottom: 3px solid #949494;
  margin: 5px;
  width: 300px;
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
  color: #09d1de;
  font-weight: 600;
  margin-top: 20px;
}

.input-user-name-1:focus {
  outline: none;
}

.txt-blue-color {
  color: #09d1de !important;
}

.btn-gradient-color {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #09d1de);
  line-height: 0px !important;
  height: 40px;
  min-width: 200px;
  margin-left: auto;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
}

.err-msg-username {
  width: 350px;
  margin: auto;
}

.btn-save-setup-later {
  border: none;
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
  /* text-transform: capitalize !important; */
}

.btn-save-setup-later:focus {
  outline: none;
}
.responseLableError {
  border: none;
  background-color: transparent;
  color: #ff0000;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
}
.responseLableSuccess {
  border: none;
  background-color: transparent;
  color: #053c63;
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
}

.btn-upload-photo-1 {
  border: none;
  background-color: transparent;
  color: #053c63;
  font-size: 17px;
  margin-top: 5px;
  font-weight: 600;
}

.btn-upload-photo-1:focus {
  outline: none;
}

.fancyInputCol {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.fancyInputLable {
  float: left;
  text-align: left;
  color: #000000;
  width: 100%;
}
.fancyInput {
  border: 1px solid #a6a7a7;
  border-radius: 5px;
  padding: 5px;
  text-align: left;
  width: 100%;
  float: left;
}
.marginTop15box {
  margin-top: 15px;
  float: left;
  width: 100%;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop30 {
  margin-top: 30px;
}
.dropdownValidationError {
  border: 1px #ff0000 solid !important;
  border-radius: 5px;
}
.fancyInputValidationEror {
  border: 1px solid #ff0000;
  border-radius: 5px;
  padding: 5px;
  text-align: left;
  width: 100%;
  float: left;
}
.saveAndLaterLable {
  float: left;
  text-align: center;
  color: #3aada4;
  width: 100%;
}
.sendOtpButton {
  float: left;
  text-align: center;
  color: #3aada4;
  width: 100%;
  background-color: #fff;
  border: none;
}
.fancyInputOnlyBottomBorder {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #a6a7a7;
  padding: 5px;
  text-align: left;
  width: 100%;
  float: left;
}
.fancyInputOnlyBottomBorderError {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #ff0000;
  padding: 5px;
  text-align: left;
  width: 100%;
  float: left;
}

.fancySelect .ant-select-selection {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #a6a7a7 !important;
  border-radius: 0% !important;
}
.cursorPointer {
  cursor: pointer;
}
.fancyInput.ant-calendar-picker .ant-calendar-picker-input.ant-input {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.custom-pin .pincode-input-container .pincode-input-text {
  padding: 0 !important;
  margin: 0 8px 5px 0px !important;
  text-align: center;
  border: 1px solid;
  background: transparent;
  width: 50px;
  height: 70px !important;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-size: 20px !important;
}

.img-shake-hand {
  margin-top: 20px;
  margin-bottom: 20px;
}

.img-profile-photo-setup {
  width: 210px;
  height: 210px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
  border: 1px solid #949494;
}

.resendView {
  justify-content: space-between;
  text-align: center;
}
.resendLable {
  color: #f34612;
  margin: 40px;
}

.acc-date-picker .ant-calendar-picker-input.ant-input {
  border: none !important;
}
.acc-date-picker
  .fancyInput.ant-calendar-picker
  .ant-calendar-picker-input.ant-input {
  height: 22px;
}
.marginTop15box .ant-select-selection {
  border-color: #949494;
  text-align: left;
}

.btn-verify-1 {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 20px;
  color: #fff;
  background-image: linear-gradient(to right, #053c63, #3cada4);
  line-height: 0px !important;
  height: 40px;
  min-width: 100px;
  /* margin-left: auto; */
  font-weight: bold;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}

.is-error-txt {
  color: red;
}

.is-not-error-txt {
  color: green;
}

.accountSetupListFixTop {
  position: fixed;
  top: 70px;
  z-index: 333;
  width: 100%;
  left: 0px;
  right: 0px;
  max-width: 100%;
  padding: 0px 12%;
  background-color: #fff;
}
.attemptLeftBox {
  text-align: right;
}
.attemptLeftBox .sendOtpButton {
  float: right;
  color: #053c63;
  text-align: right;
  padding: 0px;
}

.main_view_margin {
    max-width: 450px;
    margin: 100px auto;
    border: 1px solid #0E75B8;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 1px 3px #0000003d;
}
.main_view_margin .inputFlex{
    width: 100%;
}
.main_view_margin .inputFlex input{
    width: 100%;
    padding-left: 0px;
}
.main_view_margin .my-profile-black-text{
    background-color: #0E75B8;
    color: #fff !important;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    border-radius: 8px;
    margin-bottom: 20px;
}
.content-docusign{
	margin-top: 67px;
}
.notFoundFullBox {
  width: 100%;
  float: left;
  text-align: center;
  background-image: url("https://media.mycom.world/frontend/pageNotFound/Grupo 10695.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 130px 0px;
}
.img-fluid-logo {
  width: 180px;
  height: auto;
  margin-bottom: 10px;
}
.notFoundFullBox p {
  font-size: 18px;
  margin-top: 30px;
}

body {
  scroll-behavior: smooth;
}
.services-banner {
  background: url(https://media.mycom.world/frontend/tesorahubServices/services-bg.png)
    no-repeat center center;
  height: 100vh;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.services-banner-box {
  display: flex;
  align-items: center;
}
.services-img-box {
  flex: 1;
}
.services-img {
  width: 90%;
}
.services-banner-text {
  position: relative;
  height: 100%;
  flex: 1;
  padding-right: 10%;
}
.services-banner-text h1 {
  font-family: "Open Sans";
  font-weight: 800;
  font-size: 60px;
  color: rgba(5, 60, 99, 1);
  width: fit-content;
  border-bottom: 5px solid rgba(5, 60, 99, 1);
  padding-top: 23%;
}
.services-banner-text h1 span {
  color: #09d1de;
}
.services-banner-text p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  /* padding-right: 2rem; */
  color: #053c63;
  padding-top: 5rem;
  margin-bottom: 0px;
}

.banner-lines-box {
  position: absolute;
  right: 0;
  top: 40%;
}
.banner-lines {
  height: 250px;
}
.tax-legal-section {
  background: url(https://media.mycom.world/frontend/tesorahubServices/blue-bg.png)
    no-repeat center center;
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  background-attachment: fixed;
}
.tax-legal-box {
  display: flex;
  align-items: top;
}
.title-list-left {
  flex: 1;
}
.title-list-left h2 {
  width: fit-content;
  color: #ffffff;
  font-size: 60px;
}
.title-list-left h2 span {
  font-size: 28px;
  display: block;
  position: relative;
}
/* .title-list-left h2 span::after{
    left: unset;
    content: "";
    top: 6px;
    height: 5px;
    width: 50%;
    position: absolute;
    right: 0px;
    background: linear-gradient(90deg, rgba(9, 209, 222, 1) 0%, rgb(248, 249, 249) 100%);
} */

.title-small-box {
  display: flex !important;
  align-items: flex-start;
}
.title-small-box .title-text {
}
.title-small-box .title-border {
  margin-left: 5px;
  margin-top: 5px;
  flex-grow: 1;
  border: 5px solid transparent;
  border-width: 5px 0px 0px 0px;
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgb(248, 249, 249) 100%
  );
  border-image-slice: 1;
}
.services-list {
  padding-top: 5rem;
}
.services-list-item {
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  display: flex;
  align-items: center;
  mix-blend-mode: luminosity;
  opacity: 0.25;
  cursor: pointer;
}
.services-list-item:hover {
  opacity: 0.7;
}
.services-list-item p {
  margin-bottom: 0;
  margin-left: 10px;
  color: rgba(255, 255, 255, 1);
}
.services-list-item p a {
  color: rgba(255, 255, 255, 1);
}
.services-list-item.active {
  color: #09d1de;
  opacity: 1;
  mix-blend-mode: normal;
}
.services-list-item.active p a {
  color: #ffffff;
}
.details-right {
  flex: 1;
}
.details-right .tax-img {
  max-width: 37%;
  padding-bottom: 4rem;
}
.details-right p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 16px;
  text-align: justify;
  color: #ffffff;
}
.details-right p.small-text {
  font-weight: 400;
  font-size: 13px;
  padding-top: 2rem;
  text-transform: uppercase;
}
/* button */
.apply-now-btn {
  overflow: hidden;
  position: relative;
  background: linear-gradient(90deg, #ffffff 0%, #b2b2b2 100%);
  border-radius: 15px 0px 15px 15px;
  border: none;
  padding: 10px 30px;
  font-family: "Ubuntu";
  font-weight: 700;
  font-size: 20px;
  color: #053c63;
  margin: 30px 35px 0px 0px;
  transition: all 0.8s, color 0.35s 0.35s;
}

.apply-now-btn:hover {
  box-shadow: 450px 0 0 0 rgba(0, 0, 0, 0.2) inset;
  color: #053c63;
}
/* end button */
.align-self-center {
  align-self: end;
}
.flex-grow-1 {
  flex: 1;
}
.quote-form label {
  color: #ffffff !important;
}
.quote-form .apply-now-btn {
  background: linear-gradient(90deg, #09d1de 0%, #053c63 100%) !important;
  color: #ffffff !important;
}
.quote-form input,
.quote-form textarea {
  background-color: transparent !important;
  border-color: #ffffff !important;
  color: #ffffff;
}
.quote-form input::placeholder,
.quote-form textarea::placeholder {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
}
#digital-certificate .title-small-box,
#digital-listing .title-small-box {
  display: flex !important;
  align-items: flex-end;
}
.quote-form .title-small-box {
  display: flex !important;
  align-items: flex-end;
}
@media screen and (max-width: 1300.98px) {
  .details-right p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1199.98px) {
  .services-banner,
  .tax-legal-section {
    padding: 100px 0%;
    height: unset;
    background-size: cover !important;
  }
  .services-banner-text h1 {
    font-size: 40px;
  }
  .services-banner-text p {
    font-size: 16px;
  }
  .title-list-left h2 {
    font-size: 40px;
  }
  .title-list-left h2 span {
    font-size: 18px;
  }
  .details-right .tax-img {
    max-width: 32%;
  }
  .details-right p,
  .services-list-item,
  .apply-now-btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 991.98px) {
  .banner-lines {
    height: 150px;
  }
}
@media screen and (max-width: 575.98px) {
  .services-banner-box,
  .tax-legal-box {
    flex-direction: column;
  }
  .banner-lines {
    display: none;
  }
  .services-banner-text h1 {
    padding-top: 50px;
  }
  .services-banner-text p {
    padding-top: 1rem;
  }
  .services-banner-text {
    padding-right: 0px;
  }
  .services-banner {
    padding: 50px 0%;
  }
  .services-img {
    width: 60%;
  }
  .services-list {
    padding-top: 1rem;
  }
  .title-list-left {
    padding-bottom: 40px;
  }
  .tax-legal-section {
    padding: 5% 0;
  }
}

.digital-banner {
  background: url(https://media.mycom.world/frontend/tesorahubServices/Digital-Certification-bg.jpg)
    no-repeat center center;
  height: 100vh;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

.digital-banner-box {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding-top: 8%;
}

.digital-banner-left {
  display: flex;
  align-items: center;
}

.banner-polygon {
  position: absolute;
  left: 15%;
  z-index: 1;
  width: 33%;
  top: 16%;
}

.digital-banner h1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 5.5rem;
  text-align: right;
  color: #ffffff;
  text-transform: uppercase;
}

.digital-banner h1 span {
  color: #053c63;
}

.digital-banner p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  text-align: justify;
  color: #053c63;
  padding-top: 3rem;
}

.digital-banner .banner-lines {
  max-width: 150px;
}

.digital-banner-text {
  padding-right: 5%;
  max-width: 75%;
}

.production-section {
  background: url(https://media.mycom.world/frontend/tesorahubServices/Rectangle%20507.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 100px 0px;
}
.production-section img {
  max-width: 90%;
}

.production-section .title-list-left h2 {
  color: #053c63;
}

.production-section .title-small-box .title-border {
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgba(5, 60, 99, 1) 100%
  );
  border-image-slice: 1;
}

.production-section p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 18px;
  text-align: justify;
  color: #053c63;
}
.stock-section {
  background: url(https://media.mycom.world/frontend/tesorahubServices/Rectangle%20508.png)
    no-repeat center center;
  height: auto;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  background-color: #626262;
  position: relative;
  display: flex;
  align-items: center;
  padding: 100px 0px;
}
.stock-section .title-list-left h2 {
  color: #ffffff;
}

.stock-section .title-small-box .title-border {
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  border-image-slice: 1;
}

.stock-section p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 18px;
  text-align: justify;
  color: #ffffff;
}
.dark-blue {
  background: linear-gradient(90deg, #053c63 0%, #000000 100%) !important;
  color: #ffffff !important;
}
.production-section .title-small-box,
.stock-section .title-small-box {
  display: flex !important;
  align-items: flex-end;
}
.requestQuote-digi {
  padding: 100px 0px;
}
.requestQuote-digi .title-list-left h2 {
  color: #053c63;
}
.requestQuote-digi .title-small-box .title-border {
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgba(5, 60, 99, 1) 100%
  );
  border-image-slice: 1;
}
.requestQuote-digi .title-small-box {
  align-items: flex-end;
}

@media screen and (max-width: 991.98px) {
  .digital-banner h1 {
    font-size: 3.5rem !important;
  }
  .digital-banner p {
    font-size: 16px;
    line-height: normal;
  }
  .digital-banner {
    height: auto;
    padding: 10% 0 5%;
    background-size: 100% 100%;
  }
  .banner-polygon {
    top: 22%;
  }
  .production-section img {
    max-width: 250px;
    padding-bottom: 30px;
  }
  .stock-section img {
    max-width: 250px;
    padding-top: 30px;
  }
  .production-section {
    padding: 50px 0px;
  }
  .title-list-left h2,
  .stock-section h2 {
    font-size: 32px !important;
  }
  .production-section p,
  .stock-section p {
    font-size: 14px;
  }
  .production-section,
  .stock-section,
  .requestQuote-digi {
    background-size: 100% 100%;
    padding: 50px 0px;
  }
}
@media screen and (max-width: 768.98px) {
  .digital-banner h1 {
    font-size: 3rem;
  }
  .digital-banner p {
    font-size: 14px;
    line-height: normal;
    padding-top: 1rem;
  }
  .production-section img {
    max-width: 180px;
    padding-bottom: 30px;
  }
  .stock-section img {
    max-width: 180px;
    padding-top: 30px;
  }
  .title-list-left h2,
  .stock-section h2 {
    font-size: 28px !important;
  }
}
@media screen and (max-width: 575.98px) {
  .digital-banner-box {
    flex-direction: column-reverse;
  }
  .digi-banner-img {
    width: 70%;
  }
  .banner-polygon {
    top: unset;
    bottom: 5%;
    width: 50%;
  }
  .digital-banner-text {
    padding-right: 6%;
    max-width: 100%;
  }

  .digitalbanner-right {
    text-align: center;
    padding: 7%;
  }
}

.mobileapp-banner {
  background: url(https://media.mycom.world/frontend/tesorahubServices/mobile-app-bg.png)
    no-repeat center center;
  height: 100vh;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #053c63;
  padding-top: 5%;
}
.mobileapp-polygon {
  position: absolute;
  left: 10%;
  z-index: 1;
  width: 30%;
  opacity: 0.3;
  bottom: 0;
  top: unset;
}
.mobileapp-banner-box {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
}

.mobileapp-banner-left {
  display: flex;
  align-items: center;
  flex: 1;
}
.mobileapp-banner h1 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 6.5rem;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

.mobileapp-banner h1 span {
  color: #09d1de;
  margin-left: -20px;
}

.mobileapp-banner p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  text-align: justify;
  color: #053c63;
  padding-top: 3rem;
}

.mobileapp-banner .banner-lines {
  max-width: 150px;
}

.mobileapp-banner-text {
  flex: 1;
  text-align: center;
}
.mobileapp-banner-text h2 {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 5rem;
  text-align: center;

  color: #ffffff;
}
.mobileapp-banner-text p {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  text-align: center;

  color: #ffffff;
}
.store-btn {
  display: flex;
  justify-content: center;
}
.store-btn img {
  width: 150px;
  height: 45px;
}
.mobile-img-box {
  text-align: center;
}
.mobile-img-box img {
  max-width: 350px;
  width: 100%;
}
.boost-img {
  width: 100%;
  max-width: 150px;
}
.boost-section .title-list-left h2 {
  color: #053c63;
}

.boost-section .title-small-box .title-border {
  border-image: linear-gradient(
    to right,
    rgba(9, 209, 222, 1) 0%,
    rgba(5, 60, 99, 1) 100%
  );
  border-image-slice: 1;
}
.boost-section {
  padding: 100px 0px;
}
.boost-text {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.boost-text img {
  width: 20px;
  margin-right: 10px;
}
.boost-text p {
  margin-bottom: 0px;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: justify;
  color: #053c63;
}
.boost-section .title-small-box {
  display: flex !important;
  align-items: flex-end;
}
.vault-section {
  background-color: #053c63;
  padding: 100px 0px;
}
.vault-section .vault-img {
  max-width: 300px;
}
.vault-section .title-list-left h2 span {
  font-size: 23px;
}
.vault-section p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  text-align: justify;
  color: #ffffff;
}
.easy-section {
  background: url(https://media.mycom.world/frontend/tesorahubServices/easy-bg.png)
    no-repeat center center;
  position: relative;
  display: flex;
  align-items: center;
  background-color: #053c63;
  padding: 100px 0px;
}
.easy-img {
  max-width: 350px;
  width: 100%;
}
.easy-section p {
  font-family: "Ubuntu";
  font-weight: 500;
  font-size: 20px;
  text-align: justify;
  color: #ffffff;
  width: 80%;
}
.easy-section .title-small-box {
  display: flex !important;
  align-items: flex-end;
}
@media screen and (min-width: 1600px) {
  .mobileapp-polygon {
    width: 34%;
  }
  .mobileapp-banner h1 {
    font-size: 8.5rem;
  }
  .mobileapp-banner-text h2 {
    font-size: 5.5rem;
  }
}
@media screen and (max-width: 1300.98px) {
  .vault-section,
  .easy-section,
  .boost-section {
    padding: 50px 0px;
  }
  .title-list-left h2 {
    font-size: 40px;
  }
  .boost-text p,
  .vault-section p,
  .easy-section p {
    font-size: 16px;
  }
  .boost-text {
    padding-bottom: 10px;
  }
  .boost-img {
    width: 100%;
    max-width: 110px;
  }
  .title-list-left h2 span,
  .vault-section .title-list-left h2 span {
    font-size: 18px;
  }
  .vault-section .vault-img {
    max-width: 235px;
  }
  .easy-img {
    max-width: 275px;
  }
  .mobileapp-banner h1 {
    font-size: 5.5rem;
  }
  .mobileapp-banner-text h2 {
    font-size: 4rem;
  }
  .mobileapp-banner p {
    font-size: 18px;
    padding-top: 10px !important;
  }
  .store-btn img {
    width: 110px;
    height: 36px;
  }
  .mobile-img-box img {
    max-width: 250px;
    width: 100%;
  }
}
@media screen and (max-width: 1199.98px) {
  .vault-section,
  .easy-section,
  .boost-section {
    padding: 50px 0px;
  }
}
@media screen and (max-width: 991.98px) {
  .vault-section,
  .easy-section,
  .boost-section {
    padding: 50px 0px;
  }
  .mobileapp-banner {
    height: auto;
    padding: 100px 0px 0px;
  }
}
@media screen and (max-width: 768.98px) {
  .mobileapp-banner h1 {
    font-size: 4rem;
  }
  .mobile-img-box img {
    max-width: 185px;
    width: 100%;
  }
  .mobileapp-banner-text h2 {
    font-size: 3rem;
  }
  .vault-section .vault-img {
    max-width: 200px;
  }
  .easy-img {
    max-width: 215px;
  }
  .boost-text p,
  .vault-section p,
  .easy-section p {
    font-size: 14px;
  }
  .title-list-left h2 span,
  .vault-section .title-list-left h2 span {
    font-size: 13px;
  }
}
@media screen and (max-width: 768.98px) {
  .mobileapp-banner-box {
    flex-wrap: wrap;
  }
  .mobileapp-banner-text {
    display: block;
    width: 100%;
  }
  .mobileapp-banner h1 {
    font-size: 32px;
  }
  .mobile-img-box {
    width: 50%;
  }
  .mobile-img-box img {
    max-width: 130px;
    width: 100%;
  }
  .mobileapp-polygon {
    display: none;
  }
  .mobileapp-banner-text h2 {
    font-size: 26px;
    margin-bottom: 0px;
  }
  .mobileapp-banner p {
    font-size: 12px;
    padding-top: 0px !important;
    margin-bottom: 0px;
  }
  .store-btn img {
    width: 80px;
    height: 30px;
    margin-bottom: 16px;
  }
  .mobileapp-banner {
    height: auto;
    padding: 75px 0px 0px;
  }
  .boost-img {
    width: 100%;
    max-width: 70px;
  }
  .title-list-left h2,
  .stock-section h2 {
    font-size: 26px !important;
  }
  .title-list-left {
    padding-bottom: 0px;
  }
}

.app-loader-div {
  text-align: center;
}

.app-logo-img {
  margin: 50px;
}

.new-grid-color-background {
  background-image: linear-gradient(to right, #053c63, #09d1de) !important;
}

.new-blue-txt-color {
  color: #053c63 !important;
}

.new-white-text {
  color: white !important;
}

.new-white-bg-color {
  background-color: white !important;
}

.mg-left-5 {
  margin-left: 5px !important;
}

.idle-div {
  padding: 50px 8%;
  float: left;
  width: 100%;
  background-image: url("https://media.mycom.world/frontend/vendorAccountSetup/img-waves(short).jpg");
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  height: 294px;
  background-color: #fff;
}

.btn-continue-idel {
  background-image: linear-gradient(to right, #053c63, #3cada4) !important;
  min-width: 100px;
  height: 35px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  border: none;
  font-weight: 600;
}

.btn-logout-idel {
  background-color: transparent;
  min-width: 100px;
  height: 35px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  padding-left: 10px;
  padding-right: 10px;
  color: #053c63;
  border: none;
  font-weight: 600;
  margin-left: 10px;
}

.p-msg-idle {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.p-idle-time {
  font-size: 18px;
  text-align: center;
  color: #053c63;
  font-weight: 800;
  margin: 0px;
}

.div-clock {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  align-items: center;
  display: flex;
  justify-content: center;
  background-image: url("https://media.mycom.world/frontend/images/idleclock.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: sans-serif;
}
.no-data-div.notification-nodata {
  padding: 2rem;
  height: 100%;
  border-radius: 1rem;
  margin: auto;
  border: 1px solid #f7f7f7;
  border-radius: 1rem;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.no-data-div.notification-nodata img {
  width: 50%;
  max-width: 250px;
}

/**
*raleway
*/
.raleway-100 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 100 !important;
}

.raleway-200 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 200 !important;
}

.raleway-300 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 300 !important;
}

.raleway-400 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 400 !important;
}

.raleway-500 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
}

.raleway-600 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}

.raleway-700 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 700 !important;
}

/**
* Ubuntu
*/

.ubuntu-100 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 100 !important;
}

.ubuntu-200 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 200 !important;
}

.ubuntu-300 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 300 !important;
}

.ubuntu-400 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 400 !important;
}

.ubuntu-500 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 500 !important;
}

.ubuntu-600 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 600 !important;
}

.ubuntu-700 {
  font-family: "Ubuntu", sans-serif !important;
  font-weight: 700 !important;
}

/**
* size
*/
.font-s-8 {
  font-size: 8px !important;
}
.font-s-9 {
  font-size: 9px !important;
}
.font-s-10 {
  font-size: 10px !important;
}
.font-s-11 {
  font-size: 11px !important;
}

.font-s-12 {
  font-size: 12px !important;
}

.font-s-14 {
  font-size: 14px !important;
}

.font-s-15 {
  font-size: 15px !important;
}

.font-s-16 {
  font-size: 16px !important;
}

.font-s-18 {
  font-size: 18px !important;
}

.font-s-22 {
  font-size: 22px !important;
}

.font-s-24 {
  font-size: 24px !important;
}

.font-s-32 {
  font-size: 32px !important;
}

.font-s-40 {
  font-size: 40px !important;
}

.font-s-48 {
  font-size: 48px !important;
}

.font-s-60 {
  font-size: 60px !important;
}

.text-capital {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

/* for color  */
.color-header {
  color: #292929 !important;
}
.color-white {
  color: #ffffff !important;
}
.color-black {
  color: #000000 !important;
}
.color-descr {
  color: #666666 !important;
}

.color-mycom {
  color: #053c63 !important;
}
.color-green {
  color: green !important;
}
.color-blue {
  color: blue !important;
}
.color-red {
  color: red !important;
}
.color-yellow {
  color: yellow !important;
}
.color-orange {
  color: #ff7f00;
}
.color-YTD {
  color: #dd5347;
}
.color-failed {
  color: #c93636;
}
/* for message box */

.display-error {
  margin: 10px;
  font-size: 16px;
  color: red;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.display-success {
  margin: 10px;
  font-size: 16px;
  color: green;
  font-weight: 300;
  font-family: "Ubuntu", sans-serif !important;
}

.for-paymentz .modal-dialog {
  width: 340px !important;
  margin: auto !important;
}
.for-stripe .modal-dialog {
  width: 360 !important;
  margin: auto !important;
  justify-content: center;
  padding-top: 10%;
}
.for-pdf .modal-dialog {
  width: 660px !important;
  height: 500px !important;
  margin: 10% auto !important;
}
.for-pdf .react-pdf__Page__canvas {
  width: 100% !important;
  height: auto !important;
}
/* .react-pdf__Page__canvas{
    justify-content: center !important;
    align-self: center !important;
    align-items: center !important;
    width: auto !important;
    height: 650px !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
}
.react-pdf__Page__textContent{
    top:0 !important;
    bottom:0 !important;
} */
.for-center-modal .modal-dialog {
  width: 400px !important;
  /* height: 400px !important; */
  margin: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.for-paymentz-checkout .modal-dialog {
  width: 630px !important;
  margin: auto !important;
}
.for-col-padding {
  padding: 0px !important;
  margin: 0px !important;
}
.for-col-padding-five {
  padding: 5px !important;
  margin: 0px !important;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ant-back-top-content {
  background-color: #053c63 !important;
}
.CursorPointer {
  cursor: pointer;
  /* text-transform: uppercase; */
}
.UnderLine {
  text-decoration: underline;
}
/* iframe{
    background: url('https://media.mycom.world/frontend/icons/logo_gif.gif') no-repeat center center !important;
    background-size: 30% !important;
    background-position: center !important;
    background-repeat: no-repeat;
} */
.iframeBG {
  background: url("https://media.mycom.world/frontend/icons/logo_gif.gif")
    no-repeat center center !important;
  background-size: 30% !important;
  background-position: center !important;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .for-pdf .modal-dialog {
    width: 90% !important;
  }
}

.react-bs-table .react-bs-container-header .sort-column,.s-alert-close,td.react-bs-table-expand-cell,th.react-bs-table-expand-cell>div{cursor:pointer}.react-bs-table-container .react-bs-table-search-form{margin-bottom:0}.react-bs-table-bordered{border:1px solid #ddd;border-radius:5px}.react-bs-table table{margin-bottom:0;table-layout:fixed}.react-bs-table table td,.react-bs-table table th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.react-bs-table-pagination{margin-top:10px}.react-bs-table-tool-bar{margin-bottom:5px}.react-bs-container-footer,.react-bs-container-header{overflow:hidden;width:100%}.react-bs-container-body{overflow:auto;width:100%}.react-bootstrap-table-page-btns-ul{float:right;margin-top:0}.react-bs-table .table-bordered{border:0;outline:0!important}.react-bs-table .table-bordered>thead>tr>td,.react-bs-table .table-bordered>thead>tr>th{border-bottom-width:2px}.react-bs-table .table-bordered>tbody>tr>td{outline:0!important}.react-bs-table .table-bordered>tbody>tr>td.default-focus-cell{outline:#6495ed solid 3px!important;outline-offset:-1px}.react-bs-table .table-bordered>tfoot>tr>td,.react-bs-table .table-bordered>tfoot>tr>th{border-top-width:2px;border-bottom-width:0}.react-bs-table .table-bordered>tbody>tr>td:first-child,.react-bs-table .table-bordered>tbody>tr>th:first-child,.react-bs-table .table-bordered>tfoot>tr>td:first-child,.react-bs-table .table-bordered>tfoot>tr>th:first-child,.react-bs-table .table-bordered>thead>tr>td:first-child,.react-bs-table .table-bordered>thead>tr>th:first-child{border-left-width:0}.react-bs-table .table-bordered>tbody>tr>td:last-child,.react-bs-table .table-bordered>tbody>tr>th:last-child,.react-bs-table .table-bordered>tfoot>tr>td:last-child,.react-bs-table .table-bordered>tfoot>tr>th:last-child,.react-bs-table .table-bordered>thead>tr>td:last-child,.react-bs-table .table-bordered>thead>tr>th:last-child{border-right-width:0}.react-bs-table .table-bordered>thead>tr:first-child>td,.react-bs-table .table-bordered>thead>tr:first-child>th{border-top-width:0}.react-bs-table .table-bordered>tfoot>tr:last-child>td,.react-bs-table .table-bordered>tfoot>tr:last-child>th{border-bottom-width:0}.react-bs-table .react-bs-container-footer>table>thead>tr>th,.react-bs-table .react-bs-container-header>table>thead>tr>th{vertical-align:middle}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .filter{font-weight:400}.react-bs-table .react-bs-container-header>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .filter::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input::-webkit-input-placeholder,.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter option[value=''],.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected{color:#d3d3d3;font-style:italic}.react-bs-table .react-bs-container-footer>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']),.react-bs-table .react-bs-container-header>table>thead>tr>th .select-filter.placeholder-selected option:not([value='']){color:initial;font-style:initial}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter{display:flex}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-input,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-input{margin-left:5px;float:left;width:calc(100% - 67px - 5px)}.react-bs-table .react-bs-container-footer>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-footer>table>thead>tr>th .number-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .date-filter-comparator,.react-bs-table .react-bs-container-header>table>thead>tr>th .number-filter-comparator{width:67px;float:left}.react-bs-container .textarea-save-btn{position:absolute;z-index:100;right:0;top:-21px}.react-bs-table-no-data{text-align:center}.ReactModal__Overlay{-webkit-perspective:600;perspective:600;opacity:0;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,.5);z-index:101}.ReactModal__Overlay--after-open{opacity:1;transition:opacity 150ms ease-out}.ReactModal__Content{-webkit-transform:scale(.5) rotateX(-30deg);transform:scale(.5) rotateX(-30deg)}.ReactModal__Content--after-open{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0);transition:all 150ms ease-in}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content--before-close{-webkit-transform:scale(.5) rotateX(30deg);transform:scale(.5) rotateX(30deg);transition:all 150ms ease-in}.ReactModal__Content.modal-dialog{border:none;background-color:transparent}.animated{animation-fill-mode:both}.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}.animated.shake{animation-duration:.3s}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,50%,90%{transform:translate3d(-10px,0,0)}30%,70%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes bounceIn{20%,40%,60%,80%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}.s-alert-box,.s-alert-box *{box-sizing:border-box}.s-alert-box{position:fixed;background:rgba(42,45,50,.85);padding:22px;line-height:1.4;z-index:1000;pointer-events:none;color:rgba(250,251,255,.95);font-size:100%;font-family:'Helvetica Neue','Segoe UI',Helvetica,Arial,sans-serif;max-width:300px;-webkit-transition:top .4s,bottom .4s;transition:top .4s,bottom .4s}.s-alert-box.s-alert-show,.s-alert-box.s-alert-visible{pointer-events:auto}.s-alert-box a{color:inherit;opacity:.7;font-weight:700}.s-alert-box a:focus,.s-alert-box a:hover{opacity:1}.s-alert-box p{margin:0}.s-alert-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.s-alert-close:focus,.s-alert-close:hover{outline:0}.s-alert-close::after,.s-alert-close::before{content:'';position:absolute;width:3px;height:60%;top:50%;left:50%;background:#fff}.s-alert-close:hover::after,.s-alert-close:hover::before{background:#fff}.s-alert-close::before{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.s-alert-close::after{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.s-alert-bottom-left{top:auto;right:auto;bottom:30px;left:30px}.s-alert-top-left{top:30px;right:auto;bottom:auto;left:30px}.s-alert-top-right{top:30px;right:30px;bottom:auto;left:auto}.s-alert-bottom-right{top:auto;right:30px;bottom:30px;left:auto}.s-alert-bottom,.s-alert-top{width:100%;max-width:100%;left:0;right:0}.s-alert-bottom{bottom:0;top:auto}.s-alert-top{top:0;bottom:auto}.s-alert-info{background:#00A2D3;color:#fff}.s-alert-success{background:#27AE60;color:#fff}.s-alert-warning{background:#F1C40F;color:#fff}.s-alert-error{background:#E74C3C;color:#fff}[class*=" s-alert-effect-"].s-alert-hide,[class^=s-alert-effect-].s-alert-hide{-webkit-animation-direction:reverse;animation-direction:reverse}.s-alert-box-height{visibility:hidden;position:fixed}.s-alert-effect-scale a,.s-alert-effect-scale a:focus,.s-alert-effect-scale a:hover{color:#fff}.s-alert-effect-scale .s-alert-close::after,.s-alert-effect-scale .s-alert-close::before,.s-alert-effect-scale .s-alert-close:hover::after,.s-alert-effect-scale .s-alert-close:hover::before{background:#fff}.s-alert-effect-scale.s-alert-hide,.s-alert-effect-scale.s-alert-show{-webkit-animation-name:animScale;animation-name:animScale;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes animScale{0%{opacity:0;-webkit-transform:translate3d(0,40px,0) scale3d(.1,.6,1);transform:translate3d(0,40px,0) scale3d(.1,.6,1)}100%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}