.circle-content img {width:100px; margin-bottom: 20px;}
.circle-content h2 {font-size: 56px; font-weight: 900; color: #fff; line-height: 64px; margin-bottom: 20px;}
.circle-content h2 span {display: block;}
.circle-content p {font-size: 16px; font-weight: 300; color:#FFFFFF;}
.circle-content {width:100%; padding-left: 130px;}
.animation-pattern {width:590px;}
.chain-section {display: flex; align-items: center; justify-content: center;}
h1 {font-family: "DM Sans", sans-serif!important; font-weight:900;}
.chain-section {
  position: relative;
  height: 540px;
  overflow: hidden;
  background: url('../img/binancebg.svg');
  background-repeat: no-repeat;
  background-size: cover;
/*  background: radial-gradient(50% 46.99% at 50% 51.24%, #4900BC 0%, #4200AA 47.66%, #210056 100%);*/
  clip-path: polygon(0% 0%, calc(100% - 35px) 0%, 100% 35px, 100% 100%, 0% 100%);
}

.orbit-wrapper {
    width: 540px;
    height: 540px;
    position: relative;
    margin: auto;
    right: -280px;

}
.circleBG {
	position: absolute;
	width:640px;
	height: 640px;
	background:#160336;
	opacity: 0.4;
	border-radius: 50%;
	top:0;
	z-index: 99;
    top: -50px;
    left: -32px;
}

.orbit {
  width: 100%;
  height: 100%;
  position: relative;
  top:-20px;
}

.orbit-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transition: transform 0.6s ease;
  text-align: center;
  display: flex;
  align-items: center;
  column-gap: 10px;
  z-index: 9999;
}

.orbit-item img {
  width: 64px;
  height: 64px;
}

/* ACTIVE STATE (180° position) */
.orbit-item.active img {
  transform: scale(1.2);
  filter: drop-shadow(0 0 10px #5af);
}
.orbit-item span {
  font-family: Sora, sans-serif;
  color: #fff;
  opacity: 0.4;
  font-size: 20px;
  font-weight: 400;
  margin-top: -10px;
}

.orbit-item.active span {
  color: #fff;
  opacity: 1;
  font-size: 24px;
  font-weight: 700;
}

/* ===================:: grid layout:: ================ */
.masonry-grid:hover .masonry-item {
  opacity: 0.6;
  filter: grayscale(100%);
  transition: filter 0.3s ease;

}
.masonry-grid .masonry-item:hover .masonry-text a img {
  visibility: visible;
}
.masonry-text a img { width:24px;
	margin-top:15px;
  visibility: hidden;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.masonry-grid .masonry-item:hover {
  opacity: 1;
  filter: grayscale(0);
  border: 1px solid #4900bc;

}


.masonry-wrapper {
}

.masonry-grid {

  display: grid;
  grid-template-columns: repeat(4, 1fr);

  gap: 15px;
}

.masonry-item { 
  position: relative;
  width:100%;
  height: 100%;
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #D4D4D4;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  
}
.masonry-item .masonry-text {transition: margin-top 0.3s ease;}
.masonry-grid .masonry-item:hover .masonry-text {margin-top:0;}

.masonry-item > img {position: absolute; width:100%;}
.masonry1 {height:360px;justify-content: flex-end;}
.masonry1 > img {top:-1px; left:-1px; width:65%; transition: width 0.3s ease;}
.masonry1 .masonry-text {width:100%; transition: margin-bottom 0.3s ease;}
.masonry1.masonry-item:hover .masonry-text {margin-bottom: 20px;}
.masonry1.masonry-item:hover > img {width:67%;}

.masonry2 {height:calc(100% - 360px);}
.masonry2 .masonry-text {width:174px; margin-top: 40px;}
.masonry2 > img {bottom:-1px; right:-1px; width:66%;transition: width 0.3s ease;}
.masonry2.masonry-item:hover > img {width:69%;}

.masonry3 {height:317px;}
.masonry3 .masonry-text {width:182px; margin-top: 20px;}
.masonry3 > img {bottom:-1px; right:-1px; width:60%;transition: width 0.3s ease;}
.masonry3.masonry-item:hover > img {width:64%;}


.masonry4 {height:calc(100% - 317px);}
.masonry4 > img {bottom:-1px; left:-1px; width:77%;transition: width 0.3s ease;}
.masonry4 .masonry-text {margin-top: 20px;}
.masonry4.masonry-item:hover > img {width:80%;}

.masonry5 {height:100%;}
.masonry5 > img {bottom:-1px; right:-1px; width:90%;transition: width 0.3s ease;}
.masonry5 .masonry-text {margin-top: 60px;}
.masonry5.masonry-item:hover > img {width:94%;}

.masonry6 {height:274px;justify-content: flex-end;}
.masonry6 > img {top:-1px; right:-1px; width:80%;transition: width 0.3s ease;}
.masonry6 .masonry-text {width:100%; transition: margin-bottom 0.3s ease;}
.masonry6.masonry-item:hover .masonry-text {margin-bottom: 30px;}
.masonry6.masonry-item:hover > img {width:85%;}

.masonry7 {height:calc(100% - 274px);}
.masonry7 > img {bottom:-1px; right:-1px; width:90%;transition: width 0.3s ease;}
.masonry7 .masonry-text {margin-top: 40px;}
.masonry7.masonry-item:hover > img {width:94%;}


.masonry-item-coll {height:650px; display: flex; flex-direction: column;}

.masonry-caption {border: 1px solid #4900BC; text-align: center; padding:10px; background: #4900BC0D;}
.masonry-caption p {font-weight: 400; font-size: 20px;}


.masonry-item h3 {
	font-family: "Sora", sans-serif;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
}

.masonry-item p {
	font-family: "Sora", sans-serif;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

/*  gif section */

.gif-content img {width:100px; margin-bottom: 20px;}
.gif-content h2 {font-size: 56px; font-weight: 900; color: #000; line-height: 64px; margin-bottom: 20px;}
.gif-content h2 span {display: block;}
.gif-content p {font-size: 16px; font-weight: 300; color:#3F3F3F; margin-bottom: 10px;}
.gif-content p strong {font-weight: 700;}
.gif-content {width:100%; padding-left: 40px;}
.gif-pattern {width:590px;}
.section2-coll {display: flex; align-items: start; justify-content: space-between;}
.gif-image-coll {width:400px;}
.gif-image img {width:100%;}
.gif-content .ctaBtn {margin-top:20px;}

/*  layer section */

.layer-content p {font-size: 16px; font-weight: 400; color:#000; margin-bottom: 91px; 
	margin-top:0; font-family: "Sora", sans-serif;}
.layer-pattern {position: relative; height: 635px;}
.layer-pattern-image {position: absolute; top:123px; right:-30px;}
.layer3-section h2 {font-size: 40px; font-weight: 900; color:#000; margin-bottom: 30px; text-align:center; }
.layer-pattern img {position: absolute; top:0; left:-190px; width:100%;}

/*  dashboard section */

.dashboard-content h2 {font-size: 56px; font-weight: 900; color: #fff; line-height: 64px; margin-bottom: 20px;}
.dashboard-content h2 span {display: block;}
.dashboard-content p {font-size: 16px; font-weight: 300; color:#fff; margin-bottom: 30px;}
.dashboard-content p strong {font-weight: 700;}
.dashboard-content {width:100%; padding-left: 40px;}
.dashboard-pattern {width:360px; margin-top: 20px;}
.section2-dashboard {display: flex; align-items: start; justify-content: space-between; background: #000; padding-top:40px;}
.dashboard-image-coll {width:calc(100% - 380px);}
.dashboard-image {margin-bottom: -50px;}
.dashboard-image img {width:100%;}
.dashboard-content .ctaBtn {margin-top:20px;}
.heronew .text-center {width: 917px; margin:0 auto;}
.heronew h1 {font-family: "DM Sans", sans-serif; font-weight: 900; color:#000; font-size: 64px;    line-height: 70px;}
.heronew h1 span {display: block;}
.borderbutton { 
/*    background: #f7f7f7;
    color: #000;*/
}
.cert-icons {display: flex; align-items: center; justify-content: center; column-gap: 15px; margin-top: 120px;}
.cert-icons span {font-family: "Sora", sans-serif; border: 1px solid #CCCCCC;
background: #fff;
 padding:6px 20px; display: flex; column-gap: 10px; align-items: center; justify-content: center;
font-size: 16px; font-weight: 400; border-radius: 30px;
}
.cert-icons span img {width:26px;}
.container h2 {font-family: "DM Sans", sans-serif;}
#faqs h2 {font-size: 40px;
    font-weight: 900;
    color: #000;}
.cta-bottombox h2 {font-size: 40px;
    font-weight: 900;
    color: #fff;} 


.zero-content img {width:100px; margin-bottom: 10px;}
.zero-content h2 {font-size: 40px; font-weight: 900; color: #000; line-height: 48px; margin-bottom: 20px;}
.zero-content h2 span {display: block;}
.zero-content p {font-size: 16px; font-weight: 300; color:#3F3F3F; margin-bottom: 10px;}
.zero-content p strong {font-weight: 700;}
.zero-content {padding-left: 0px;}
.zero-pattern {width:450px;}
.zerotrust {display: flex; align-items: start; justify-content: space-between; margin-top:70px; column-gap: 20px;}
.zero-image-coll {width:calc(100% - 450px);}
.zero-image img {width:100%;}
.zero-content .ctaBtn {margin-top:20px;}


.number-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.number-item-coll:hover { box-shadow: 0px 7px 15px 0px #00000024; }
.number-item-coll {background: #FAFAFA; border:1px solid #BEBDBD; padding:10px 8px; min-height:300px;}
.number-item {background: #fff; padding:10px; margin-bottom: 15px; border:1px solid #E4E4E4;min-height: 93px;}
.number-item h3 {font-size: 20px; font-weight: 700; font-family: Sora, sans-serif; line-height: 24px; margin-top: -15px;}
.number-item h3 span {display: block;}
.number-content {padding: 10px;}
.number-content p {font-size: 14px; font-weight: 300; font-family: Sora, sans-serif;}


.testimonial-main {width: 670px; margin:0 auto;}
.testimonial-section h2 {font-size: 40px; font-weight: 900; color: #000; line-height: 48px; margin-bottom: 45px; text-align: center;}
.testimonial-section h2 span {display: block;}
.testi-content {background: #000; padding:30px 80px; text-align: center; height:348px;
    clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
    }
.testi-content img {width:72px;  border-radius: 50%; margin:0 auto;}
.testi-content p {font-size: 14px;margin-top: 20px; font-weight: 300; font-family: Sora, sans-serif; color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.testi-content h4 {font-size: 14px; font-weight: 700; font-family: Sora, sans-serif; color: #fff; margin-bottom: 0px; margin-top:40px;}
.testi-content span {font-size: 12px; font-weight: 300; font-family: Sora, sans-serif; color: #fff;}
.testimonial-slider {position: relative;}
.testi-content1 {position: absolute; background: #FAFAFA; width:100%; height:348px; width: 670px; right:-60px;
	transform: rotate(5deg);
clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
}
.testi-content2 {position: absolute; background: #FAFAFA; width:100%; height:348px; width: 670px; left:-60px;
	transform: rotate(-5deg);
clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);
}


.testimonial {
  position: absolute;
  inset: 0;
  opacity: 0;
/*  transition: opacity 0.6s ease-in-out;*/
  pointer-events: none;
}

.testimonial.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}
/* Dots */
.dots {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dot {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  border:1px solid #D4D4D4;
  margin: 0 6px;
  cursor: pointer;
  transition: background 0.3s;
}

.dot.active {
  background: #00BC48;
  border:1px solid #00BC48;
  width: 30px;
}
.gif-image-coll_in {display: none;}
.gif-image-coll_in img {width:100%;}
.layerformob {display: none;}
@media (min-width: 1400px) {
	.layer-pattern-image {
	    position: absolute;
	    top: 123px;
	    right: -30px;
	}
	.layer-content p { 
    margin-bottom: 92px;}
    .orbit-wrapper { right: -290px;}
    .circle-content {padding-left: 170px;}
    .gif-image-coll {
    width: 506px;
    margin-top: -100px;}
    .gif-content {padding-left: 100px;}

}
@media (min-width: 1536px) {
	.layer-pattern-image {
	    position: absolute;
	    top: 151px;
	    right: -10px;
	}
	.layer-content p { 
    margin-bottom: 116px;}

}

@media (max-width: 768px) {
.masonry-grid { display: block;}
.chain-section { display: block;}
.chain-section { height: auto;}
.circle-content {  padding-left: 20px; padding-top: 20px; padding-right: 20px;}
.circle-content img { width: 72px;}
.circle-content h2 {font-size: 32px;line-height: 38px;margin-bottom: 15px;}
.orbit-wrapper {right: -80px; top: 77px;}
.animation-pattern { width: 100%; }
.orbit-item span {font-size: 16px;}
.orbit-item.active span {font-size: 18px;}
.orbit-item img { width: 60px; height: 60px; }
.gif-content { padding-left: 5px; padding-right: 5px; text-align:center; }
.gif-image-coll_in {display: block;}
.gif-image-coll {display: none;}
.gif-content h2 {font-size: 32px; line-height: 38px;}
.section2-coll { display: block;}
.gif-pattern {  width: 100%;}
.gif-image-coll {  width: 100%; }
.layer3-sectiontop {padding-top:0;}
.layer3-section h2 {font-size: 32px; line-height: 38px;}
.layer-content p {font-size: 12px; margin-bottom: 15px;}
.layer-pattern-image {  margin-top: 20px;}
.layer-pattern img {  left: 0;}
.layer-pattern-image { position: static;}
.layer-pattern img {  position: static;}
.layer-pattern { height: auto; }
.dashboard-content h2 { font-size: 32px; line-height: 38px;}
.dashboard-content { padding-left: 20px; }
.section2-dashboard { display: block; padding-top: 10px; }
.dashboard-pattern {  width: 100%;}
.dashboard-image-coll {  width: 100%; }
.dashboard-image { margin-bottom: 0; }
.zero-content h2 {font-size: 32px; line-height: 38px;}
.zero-pattern { width: 100%; }
.zero-image-coll { width: 100%; overflow: scroll;}
.zerotrust {display: block; margin-top: 20px;}
.zero-content img { width: 80px;}
.number-grid { }
.number-item-coll {min-height: auto; padding: 10px 8px 40px;}
.testimonial-section h2 { font-size: 32px; line-height: 38px;}
.testimonial-main { width: 100%;}
.testi-content { background: #000; padding: 30px 20px;}
.masonry-caption p {font-size: 16px;}
.number-item-coll {margin-bottom: 20px;}
#faqs h2 { font-size: 32px; line-height: 38px;}
.cta-bottombox h2 {  font-size: 32px; line-height: 38px;}
.heronew .text-center { width: 100%;}
.heronew h1 {font-size: 38px;line-height: 44px;}
.heronew .text-center .flex.flex-col .inline-block {width: 169px; padding: 15px;}
.heronew .text-center .flex.flex-col {width:169px; margin:0 auto;}
.cert-icons {column-gap: 10px; margin-top: 60px;}
.cert-icons span {padding: 4px 16px;column-gap: 2px;font-size: 12px;}
.testi-content1 {display: none;}
.testi-content2 {display: none;}
.heronew h1 span { display: inline; }
.masonry-item-coll:nth-child(3) {height: 360px;}
.containerFullMo .container {padding: 0;}
.gif-content h2 span { display: inline; }
.layer3-sectiontop {margin-top:80px;}
.dashboard-image img {margin-bottom: -16px;margin-left: 12px;}
.number-item { width: 278px;}
.layerfordsk {display:none;}
.layerformob {display: block;}
.layer-pattern-image {display: none;}
.masonry-item > img {width: 70%!important;}
.masonry-item:hover > img { width: 72%!important; }
.masonry-text a img { visibility: visible!important;}
.masonry-item-coll { height: auto;}
.masonry-item {height:360px;}
.masonry5 .masonry-text { margin-top: 30px; }
.masonry4.masonry-item:hover > img {width: 85% !important;}
.masonry4.masonry-item > img { width: 87% !important; }

}