/*=================================================
================= Starmedia Stylesheet=============
====================================================*/
@font-face {
font-family: 'Calibri';
src: url('../fonts/Calibri.woff2') format('woff2'),
url('../fonts/Calibri.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Calibri-Light';
src: url('../fonts/Calibri-Light.woff2') format('woff2'),
url('../fonts/Calibri-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Calibri-Bold';
src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
url('../fonts/Calibri-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
body,html{
font-family: 'Calibri';
font-weight: 300;
}
a,a:hover {
text-decoration: none;
}
.btn.btn-primary {
background: #F54B01;
border-color: #F54B01;
border-radius: 0px;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
padding: 15px 35px;
}
.btn.btn-primary svg {
margin-left: 12px;
}
.btn.btn-primary:hover {
background: #d54506;
border-color: #d54506;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Calibri-Light';
}
h2 {
font-style: normal;
font-weight: bold;
font-size: 40px;
line-height: 55px;
color: #052A42;

}
p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 187% */
color: #606A70;
margin-bottom: 0px;
text-align: left;
}
.home .header {
position: absolute;
width: 100%;
}
.header{
position: relative;
}
.header:after{
position: absolute;
width: 100%;
height: 1px;
left: 0px;
bottom:0px;
content: "";
background: linear-gradient(270deg, rgba(228, 228, 228, 0.2) 0%, rgba(228, 228, 228, 0.4) 52.6%, rgba(228, 228, 228, 0.2) 100%);
}
body:not(.home) .header{
background-color: #fff;
}
.header .nav-link {
font-size: 16px;
line-height: 24px;
/* identical to box height */
text-align: right;
text-transform: uppercase;
color: #000 !important;
padding: 0px 24px !important;
}
.header .bg-dark {
background: rgba(228, 228, 228, 0.1) !important;
/*background: #f9fafb !important;*/
backdrop-filter: blur(4px);
padding: 15px 15px;
}
.header .bg-dark .btn.btn-primary {
padding: 8px 30px;
font-weight: normal;
font-size: 16px;
line-height: 24px;
/* identical to box height */
text-align: center;
text-transform: uppercase;
margin-left: 20px;
}
.hiro_card_box {
background-repeat: no-repeat;
max-width: 766px;
padding: 179px 0px;
background-size: contain;
margin-left: -130px;
padding-left: 130px;
/*transition: transform .7s ease-in-out;*/
}
/*.hiro_card_box:hover {
transform: rotate(360deg);
}*/
a.brand {
color: #000;
font-size: 24px;
font-weight: 600;
}
.hiro {
padding: 130px 0px 0px;
}
.hiro_card_box h1 {
font-style: normal;
font-weight: bold;
font-size: 58px;
line-height: 80px;
/* or 138% */
color: #FFFFFF;
margin-bottom: 27px;
}
.hiro_card_box p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 36px;
/* or 180% */
display: flex;
align-items: center;
color: #FFFFFF;
margin-bottom: 56px;
max-width: 510px;
}
.btn.btn-white {
background: #FFFFFF;
border-radius: 0px;
padding: 13px 30px;
color: #f44a02;
}
.btn.btn-white svg {
margin-left: 10px;
}
.about {
padding: 80px 0px 0px;
}
.about h2 {
margin-bottom: 40px;
}
.about h4 {
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 1.3;
display: flex;
align-items: center;
color: #F54B01;
margin-bottom: 40px;
}
.about p {
font-style: normal;
font-size: 18px;
line-height: 30px;
color: #052A42;
}
.about img.img-fluid {
display: block;
margin: 0px auto 30px;
max-width: 300px;
animation: floating 3s infinite ease-in-out;
}
@keyframes floating {
from { transform: translate(0,  0px); }
65%  { transform: translate(0, 30px); }
to   { transform: translate(0, -0px); }
}
/* choose_why */
.choose_why {
padding: 60px 0px 70px;
}
.choose_why p {
margin-bottom: 80px;
text-align: center;
}
.choose_why h2 {
text-align: center;
}
.choose_why .card {
padding: 40px 20px;
background: linear-gradient(180deg, #F0F1F4 0%, rgba(240, 241, 244, 0) 100%);
border-radius: 50px 200px 0px 0px;
border: none; margin-bottom: 30px;
}
.choose_why .card p {
margin: 0px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 187% */
color: #606A70;
text-align: left;
}
.choose_why .card h4 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: normal;
color: #052A42;
margin-bottom: 16px;
}
.choose_why .card .icon {
width: 75px;
height: 75px;
background: #F4C585;
border-radius: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 20px;
}
.choose_why .card .icon img {
margin-right: -10px; max-width:40px;
}
/* services */
.services {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #F1F2F5;
padding: 100px 0px 70px;
}
.services h2 {

text-align: center;
margin-bottom: 14px;
}
.services p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 150% */
text-align: center;
color: #606A70;
margin-bottom: 80px;
}
.services  .card {
background: #FFFFFF;
border-radius: 50px;
border: none;
margin-bottom: 30px;
padding: 30px 36px;
min-height:200px;
}
.services  .card:hover {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.services .card .icon {
margin-bottom: 15px;
max-width: 40px;
}
.services .card h4 {
font-style: normal;
font-weight: 600;
font-size: 21px;
line-height: normal;
color: #052A42;
margin-bottom: 10px;
}
.services .card  p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 187% */
color: #606A70;
margin-bottom: 0px;
text-align: left;
}
.services .row {
justify-content: center;
}
.team h2 {
text-align: center;

}
.team {
padding: 100px 0px;
}
.team p {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #606A70;
margin-bottom: 50px;
}
.team-card p {
font-size: 16px;
margin-bottom: 0px;
position: relative;
font-weight: 600;
}
.team-card p, .team-card span {
text-transform: capitalize;
color: #F54B01;
}
.team h4 {
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 31px;
color: #F54B01;
padding: 20px 0px 16px;
margin: 0px;
}
.team span {
color: #606A70;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 21px;
}
.team img{
border-radius: 4px;
}
.team .slick-list {
margin: 0px -20px;
}
.team .slick-track .item {
padding: 0 20px;
}
/* clients */
.clients {
padding: 100px 0px;
background: linear-gradient(89.98deg, #F54B01 0.02%, #FF6B01 99.98%);
}
.counter {
padding: 60px 0 100px;
}
.counter h2 {
color: #F54B01;
}
.clients h3 {
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 45px;
color: #fff;
margin-bottom: 40px;
}
.clients .slick-list {
margin: 0px -15px;
}
.clients .slick-track .item {
padding: 0 15px;
}
/* testimonials */
.testimonials {
padding: 100px 0px; position: relative;
}
.testimonials .card {
background: #FFFFFF;
border: 1px solid #CCCFD7;
box-sizing: border-box;
border-radius: 8px;
}
.testimonials .card .card-footer {
background: rgb(1 85 70 / 5%);
border-radius: 0px 0px 7px 7px;
padding: 39px 21px;
}
.testimonials .card .card-footer .media {
display: flex;
align-items: center;
}
.testimonials .card .card-footer .media .media-left {
overflow: hidden;
width: 60px;
height: 60px;
margin-right: 20px;
border-radius: 100%;
}
.testimonials .card .card-footer .media .media-left img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.testimonials .card .card-footer .media h3 {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: #052A42;
margin-bottom: 4px;
}
.testimonials .card .card-footer .media span {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #777777;
}
.testimonials .card .card-body {
padding: 40px 40px 30px;
}
.testimonials h2 {

margin-bottom: 43px;
}
.testimonials_slider .slick-list {
margin: 0px -15px;
}
.testimonials_slider .slick-track .item {
padding: 0 15px;
}
.testimonials_slider {
display: flex;
align-items: center;
}
.testimonials_slider .slick-prev.slick-arrow {
padding-right: 20px;
}
.testimonials_slider  .slick-next.slick-arrow {
padding-left: 20px;
}
.testimonials_slider .slick-arrow:hover svg {
fill: #000 !important;
}
.testimonials_slider .slick-arrow {
cursor: pointer;
}
.testimonials_slider .slick-arrow svg g{
opacity: 0.5 !important;
}
.testimonials_slider .slick-arrow:hover svg g {
opacity: 1 !important;
}
/* getting_started */
.getting_started {
padding: 100px 0px;
}
.card_getting_started {
background: #F1F2F5;
border-radius: 50px;
padding: 121px 80px 70px;
position: relative;
}
.card_getting_started .img {
width: 460px;
height: 460px;
overflow: hidden;
border-radius: 100%;
position: relative;
margin-top: -200px;
box-shadow: 0px 18px 73px -30px rgba(0,0,0,0.63);
-webkit-box-shadow: 0px 18px 73px -30px rgba(0,0,0,0.63);
-moz-box-shadow: 0px 18px 73px -30px rgba(0,0,0,0.63);
}
.card_getting_started .img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.card_getting_started h2 {
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: normal;
color: #052A42;
margin-bottom: 50px;
}
/* Footer */
/* Footer */
.footer {
padding: 30px 0px 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer h5 {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
margin-bottom: 23px;
}
.footer .follow_us {
display: flex;
}
.footer .follow_us li {
margin-right: 30px;
}
.footer .logo {
margin-bottom: 30px;
display: block;
}
.footer h3 {
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 36px;
color: #FFFFFF;
margin-bottom: 40px;
}
.footer .menu li a {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 17px;
color: #FFFFFF;
display: block;
padding: 10px 0px;
background-image: url(../imgs/cheveron-right.svg);
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
display: block;
}
ul.list-unstyled.right li {
padding: 16px 0px;
border-bottom: 1px solid rgb(196 196 196 / 28%);
}
ul.list-unstyled.right li h6,ul.list-unstyled.right li p {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
}
.footer .right li a {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #FFFFFF;
display: block;
}
.footer .right li a img {
margin-right: 10px;
}
.footer .right li p {
margin: 0px;
}
.footer .col-lg-3 {
margin-bottom: 58px;
}
.footer .copy-right p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
opacity: 0.5;
margin: 0px;
}
.footer .copy-right {
padding: 20px 0 10px;
border-top: 1px solid rgb(255 255 255 / 20%);
}
.footer .copy-right .copy_right_menu {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0px;
}
.footer .copy-right .copy_right_menu li a {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
text-align: right;
color: #FFFFFF;
padding: 0 20px;
display: block;
border-right: 1px solid #fff;
}
.footer .copy-right .copy_right_menu li:last-child a {
padding-right: 0px;
border: none;
}
ul.list-unstyled.right li:last-child {
border: none;
}
section.blog_page {
padding: 100px 0px 50px;
background: #fff;
}
.blog_page h2{
margin-bottom: 60px;
}
.card.blog_card {
border: none;
background: transparent;
margin-bottom: 60px;
}
.card.blog_card .date {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
/* identical to box height, or 187% */
color: #606A70;
margin-bottom: 10px;
}
.card.blog_card h3,.card.blog_card h3 a {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 30px;
/* identical to box height */
color: #052A42;
}
.card.blog_card p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 187% */
color: #606A70;
margin-bottom: 20px;
}
.card.blog_card h3 {
margin-bottom: 16px;
}
.card.blog_card
.blog_img {
margin-bottom: 20px;
height: 274px;
overflow: hidden;
}
.card.blog_card .blog_img img.img-fluid {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*.card.blog_card a {
display: block;
}*/
.card.blog_card>a {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
/* identical to box height, or 187% */
color: #FA5B01;
}
.card.blog_card>a svg {
margin-left: 10px;
}
.blog_media {
display: flex;
align-items: center;
}
.blog_media h4 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 21px;
/* identical to box height */
color: #052A42;
}
.blog_media .date {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
/* identical to box height, or 133% */
color: #606A70;
}
.blog_media .left {
margin-right: 10px;
max-width: 96px;
}
.blog_aside>a {
display: block;
margin-bottom: 30px;
}
.pagination .page-link {
min-width: 30px;
height: 30px;
border: none;
display: flex;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
/* identical to box height */
text-align: center;
color: #5A626D;
margin: 0 auto !important;
border-radius: 100% !important;
}
.pagination .page-link:hover,.pagination  .page-link.active{
background: #FA5B01; color:#fff
}
.pagination .arrow {
background: #FFFFFF;
border: 1px solid #CCCFD7;
box-sizing: border-box;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.pagination
li.page-item {
text-align: center;
padding: 0px 5px;
}
.share-on {
border-top: 1px solid #CCCFD7;
border-bottom: 1px solid #CCCFD7;
padding: 20px 0px;
}
.share-on a {
margin-left: 20px;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 30px;
/* identical to box height, or 187% */
color: #606A70;
}
.Recent-Posts {
padding: 60px 0px 0px;
}
.Recent-Posts h4 {
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 36px;
/* identical to box height */
color: #052A42;
margin-bottom: 30px;
}
.Leave-a-reply .form-group {
margin-bottom: 20px;
}
.Leave-a-reply  p {
margin-bottom: 40px;
}
.form-control {
background: #FFFFFF;
border: 1px solid #CCCFD7;
box-sizing: border-box;
height: 56px;
outline: none;
box-shadow: none;
}
section.contant_page {
padding: 100px 0px;
}
section.contant_page p {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
/* identical to box height, or 150% */
color: #606A70;
}
.con_img {
padding: 60px 0px;
}
.contant_page h3 {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 16px;
/* identical to box height, or 114% */
color: #FA5B01;
display: flex;
align-items: center;
}
.contant_page h3 svg {
margin-right: 11px;
}
.contant_page address {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
/* identical to box height */
color: #052A42;
margin-bottom: 30px;
}
section.contant_page p a {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 30px;
color: #052A42;
}
.con-form {
padding: 55px;
background: #F2F3F5;
border-radius: 20px;
margin-top: 60px;
}
.con-form label {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
/* identical to box height */
color: #5A626D;
margin-bottom: 5px;
}
.con-form  .form-group {
margin-bottom: 15px;
}
.con-form .form-group .form-control {
background: #FFFFFF;
border: 1px solid #CCCFD7;
box-sizing: border-box;
height: 45px;
}
.btn.btn-con {
background: #FA5B01;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
/* identical to box height */
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
padding: 11px 36px;
border-radius: 0px;
}
.who_we_are {
border: 30px solid #fff;
background: #F1F2F5;
padding: 60px 50px 45px;
margin-top: -146px;
}
.who_we_are2 {
padding: 60px 20px;
}
.who_we_are h4 {
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 48px;
/* identical to box height */
color: #052A42;
margin-bottom: 20px;
}
.who_we_are p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 175% */
color: #606A70;
margin-bottom: 15px;
}
.who_we_are2 h4 {
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 40px;
color: #052A42;
margin-bottom: 20px;
border-left: 8px solid #FA5B01;
padding-left: 26px;
}
.who_we_are2 p {
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 175% */
color: #606A70;
}
section.services.abs {
background: transparent;
padding-top: 60px;
}
section.services.abs .card {
background: #F1F2F5;
border-radius: 50px;
}
.serrives_page_card {
border-radius: 0px 200px;
max-width: 1070px;
margin: auto;
overflow: hidden;
position: relative;
margin-bottom: 37px;
}
section.serrives_page {
padding: 100px 0px 40px;
}
.serrives_page_card h2 {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
color: #fff;
}
.serrives_page h1 {
font-weight: 600;
font-size: 36px;
line-height: 50px;
margin-bottom: 30px;
}
.serivce-middal p {
font-size: 16px;
line-height: 26px;
text-align: center;
color: #606A70;
}
.text-center.serivce-middal {
max-width: 1070px;
margin: auto; padding-bottom: 20px;
}
.card-img-box {
text-align: center;
}
.card-box-title h3 {
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 50px;
display: flex;
align-items: center;
color: #052A42;
margin-bottom: 20px;
}
.card-box-title ul li {
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 34px;
/* or 170% */
color: #606A70;
position: relative;
margin-bottom: 21px;
padding-left: 50px;
}
.card-box-title ul li svg {
position: absolute;
left: 0px;
top: 10px;
}
.card-box-title p {
text-align: left;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 26px;
/* or 187% */
color: #606A70;
}
.card-box-title p b {
color: #000;
}
@-webkit-keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(113px);transform:translateX(113px)}}@keyframes animborder{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(113px);transform:translateX(113px)}}
.footer h3 {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0pc;
padding-bottom: 25px;
}
.footer h3:before {
position: absolute;
display: block;
width: 100%;
height: 3px;
background: #fe6602;
overflow: hidden;
content: "";
bottom: 10px;
}
.footer h3:after {
position: absolute;
content: "";
width: 35px;
height: 3px;
left: 15px;
bottom: 10px;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
-webkit-animation: animborder 2s linear infinite;
animation: animborder 2s linear infinite;
}
.choose_why .row {
justify-content: center;
}
.footer .follow_us img {
max-width: 17px;
height: 20px;
}
.card.blog_card {
border-radius: 0px !important;
position: relative;
padding: 0px!important;
background-size: cover !important;
margin-bottom: 0px !important;
}
.blog_page .card.blog_card{
margin-bottom: 60px !important;
height: auto;
}
.blog_page .card.blog_card{
margin-bottom: 60px !important;
height: auto;
}
.blog_page .card.blog_card:before {
display: none;
}
.card.blog_card .card_body {
/*background: #00000082;*/
padding: 0px 30px;
position:relative;
align-self: center;
}
.card.blog_card {
position: relative;
height: 320px;
display: inline-grid;
}
.card.blog_card:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.card.blog_card .card_body h4 {
color: #fff;
}
.card.blog_card .card_body p {
color: #fff !important;
font-size: 18px;
line-height: 26px;
}
.card.blog_card .card_body a.btn {
color: #fff;
display: inline-block;
border: 1px solid #fff;
padding: 10px 20px;
font-size: 18px;
}
.card.blog_card .card_body a svg {
margin-left: 10px;
}
.card.blog_card .card_body a svg path {
fill: #ffff;
}
.card.blog_card .card_body a.btn:hover {
background: #f44a02;
}

/*============================================================
============================ Coin ============================
============================================================*/
.coin {
  position: relative;
  width: 600px;
  height: 600px;
  transform-style: preserve-3d;
  animation: rotate3d 5s linear infinite;
  transition: all 0.3s;
  left: 0px;
}
.coin__front, .coin__back {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ff0000;
}
.coin__front:after, .coin__back:after {
  content: "";
  position: absolute;
  left: -300px;
  bottom: 100%;
  display: block;
  height: 400px;
  width: 1200px;
  background: #fff;
  opacity: 0.3;
  animation: shine linear 4s infinite;
}
.coin__front {
  background-image: url("https://thestarsmedia.in/wp-content/uploads/2021/08/front-1.png");
  background-size: cover;
  transform: translateZ(1px);
}
.coin__back {
  background-image: url("https://thestarsmedia.in/wp-content/uploads/2021/08/back-1.png");
  background-size: cover;
  transform: translateZ(0px) rotateY(180deg);
}
.coin__edge div:nth-child(1) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(94.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(2) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(99deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(3) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(103.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(4) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(108deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(5) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(112.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(6) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(117deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(7) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #0c0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(121.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(8) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #1b0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(126deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(9) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #290000;
  transform: translateY(288.225px) translateX(300px) rotateZ(130.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(10) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #360000;
  transform: translateY(288.225px) translateX(300px) rotateZ(135deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(11) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #430000;
  transform: translateY(288.225px) translateX(300px) rotateZ(139.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(12) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #500000;
  transform: translateY(288.225px) translateX(300px) rotateZ(144deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(13) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #5c0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(148.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(14) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #680000;
  transform: translateY(288.225px) translateX(300px) rotateZ(153deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(15) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #740000;
  transform: translateY(288.225px) translateX(300px) rotateZ(157.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(16) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #7e0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(162deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(17) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #890000;
  transform: translateY(288.225px) translateX(300px) rotateZ(166.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(18) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #930000;
  transform: translateY(288.225px) translateX(300px) rotateZ(171deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(19) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #9d0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(175.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(20) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #a60000;
  transform: translateY(288.225px) translateX(300px) rotateZ(180deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(21) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #ae0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(184.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(22) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #b70000;
  transform: translateY(288.225px) translateX(300px) rotateZ(189deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(23) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #bf0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(193.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(24) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #c60000;
  transform: translateY(288.225px) translateX(300px) rotateZ(198deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(25) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #cd0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(202.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(26) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #d30000;
  transform: translateY(288.225px) translateX(300px) rotateZ(207deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(27) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #d90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(211.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(28) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #df0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(216deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(29) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #e40000;
  transform: translateY(288.225px) translateX(300px) rotateZ(220.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(30) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #e90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(225deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(31) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #ed0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(229.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(32) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f10000;
  transform: translateY(288.225px) translateX(300px) rotateZ(234deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(33) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f40000;
  transform: translateY(288.225px) translateX(300px) rotateZ(238.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(34) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f70000;
  transform: translateY(288.225px) translateX(300px) rotateZ(243deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(35) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(247.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(36) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fb0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(252deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(37) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fd0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(256.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(38) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fe0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(261deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(39) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: red;
  transform: translateY(288.225px) translateX(300px) rotateZ(265.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(40) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: red;
  transform: translateY(288.225px) translateX(300px) rotateZ(270deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(41) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: red;
  transform: translateY(288.225px) translateX(300px) rotateZ(274.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(42) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fe0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(279deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(43) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fd0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(283.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(44) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #fb0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(288deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(45) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(292.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(46) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f70000;
  transform: translateY(288.225px) translateX(300px) rotateZ(297deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(47) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f40000;
  transform: translateY(288.225px) translateX(300px) rotateZ(301.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(48) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #f10000;
  transform: translateY(288.225px) translateX(300px) rotateZ(306deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(49) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #ed0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(310.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(50) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #e90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(315deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(51) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #e40000;
  transform: translateY(288.225px) translateX(300px) rotateZ(319.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(52) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #df0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(324deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(53) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #d90000;
  transform: translateY(288.225px) translateX(300px) rotateZ(328.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(54) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #d30000;
  transform: translateY(288.225px) translateX(300px) rotateZ(333deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(55) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #cd0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(337.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(56) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #c60000;
  transform: translateY(288.225px) translateX(300px) rotateZ(342deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(57) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #bf0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(346.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(58) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #b70000;
  transform: translateY(288.225px) translateX(300px) rotateZ(351deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(59) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #ae0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(355.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(60) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #a60000;
  transform: translateY(288.225px) translateX(300px) rotateZ(360deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(61) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #9d0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(364.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(62) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #930000;
  transform: translateY(288.225px) translateX(300px) rotateZ(369deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(63) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #890000;
  transform: translateY(288.225px) translateX(300px) rotateZ(373.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(64) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #7e0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(378deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(65) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #740000;
  transform: translateY(288.225px) translateX(300px) rotateZ(382.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(66) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #680000;
  transform: translateY(288.225px) translateX(300px) rotateZ(387deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(67) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #5c0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(391.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(68) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #500000;
  transform: translateY(288.225px) translateX(300px) rotateZ(396deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(69) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #430000;
  transform: translateY(288.225px) translateX(300px) rotateZ(400.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(70) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #360000;
  transform: translateY(288.225px) translateX(300px) rotateZ(405deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(71) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #290000;
  transform: translateY(288.225px) translateX(300px) rotateZ(409.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(72) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #1b0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(414deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(73) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: #0c0000;
  transform: translateY(288.225px) translateX(300px) rotateZ(418.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(74) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(423deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(75) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(427.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(76) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(432deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(77) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(436.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(78) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(441deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(79) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(445.5deg) translateX(300px) rotateY(90deg);
}
.coin__edge div:nth-child(80) {
  position: absolute;
  height: 23.55px;
  width: 0px;
  background: black;
  transform: translateY(288.225px) translateX(300px) rotateZ(450deg) translateX(300px) rotateY(90deg);
}
.coin__shadow {
  position: absolute;
  width: 300px;
  height: 20px;
  border-radius: 50%;
  background: #000;
  box-shadow: 0 0 100px 100px #000000;
  opacity: 1;
  transform: rotateX(90deg) translateZ(600px) scale(0.5);
}
@keyframes rotate3d {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  100% {
    transform: perspective(1000px) rotateY(360deg);
  }
}
@keyframes shine {
  0%, 15% {
    transform: translateY(1200px) rotate(-40deg);
  }
  50% {
    transform: translateY(-600px) rotate(-40deg);
  }
}
.coin__edge_image {
  background-image: url(https://placedog.net/540/205);
}

@media screen and (max-width: 440px) {
	body {
		overflow-x: hidden;
	}
	.coin {
	  position: relative;
	  width: 300px;
	  height: 300px;
	  transform-style: preserve-3d;
	  animation: rotate3d 5s linear infinite;
	  transition: all 0.3s;
	  left: 0px;
	}
	.coin__front, .coin__back {
	  position: absolute;
	  width: 300px;
	  height: 300px;
	  border-radius: 50%;
	  overflow: hidden;
	  background-color: #ff0000;
	}
	.coin__front:after, .coin__back:after {
	  content: "";
	  position: absolute;
	  left: -300px;
	  bottom: 100%;
	  display: block;
	  height: 400px;
	  width: 1200px;
	  background: #fff;
	  opacity: 0.3;
	  animation: shine linear 4s infinite;
	}
	.coin__front {
	  background-image: url("https://thestarsmedia.com/wp-content/uploads/2021/08/front-1.png");
	  background-size: cover;
	  transform: translateZ(1px);
	}
	.coin__back {
	  background-image: url("https://thestarsmedia.com/wp-content/uploads/2021/08/back-1.png");
	  background-size: cover;
	  transform: translateZ(0px) rotateY(180deg);
	}
	.coin__edge div:nth-child(1) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(94.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(2) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(99deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(3) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(103.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(4) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(108deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(5) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(112.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(6) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(117deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(7) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #0c0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(121.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(8) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #1b0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(126deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(9) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #290000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(130.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(10) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #360000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(135deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(11) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #430000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(139.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(12) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #500000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(144deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(13) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #5c0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(148.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(14) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #680000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(153deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(15) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #740000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(157.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(16) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #7e0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(162deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(17) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #890000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(166.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(18) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #930000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(171deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(19) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #9d0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(175.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(20) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #a60000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(180deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(21) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #ae0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(184.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(22) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #b70000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(189deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(23) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #bf0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(193.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(24) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #c60000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(198deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(25) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #cd0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(202.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(26) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #d30000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(207deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(27) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #d90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(211.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(28) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #df0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(216deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(29) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #e40000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(220.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(30) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #e90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(225deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(31) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #ed0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(229.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(32) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f10000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(234deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(33) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f40000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(238.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(34) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f70000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(243deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(35) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(247.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(36) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fb0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(252deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(37) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fd0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(256.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(38) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fe0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(261deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(39) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: red;
	  transform: translateY(288.225px) translateX(300px) rotateZ(265.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(40) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: red;
	  transform: translateY(288.225px) translateX(300px) rotateZ(270deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(41) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: red;
	  transform: translateY(288.225px) translateX(300px) rotateZ(274.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(42) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fe0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(279deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(43) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fd0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(283.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(44) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #fb0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(288deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(45) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(292.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(46) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f70000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(297deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(47) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f40000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(301.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(48) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #f10000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(306deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(49) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #ed0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(310.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(50) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #e90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(315deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(51) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #e40000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(319.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(52) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #df0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(324deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(53) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #d90000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(328.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(54) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #d30000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(333deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(55) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #cd0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(337.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(56) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #c60000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(342deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(57) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #bf0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(346.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(58) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #b70000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(351deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(59) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #ae0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(355.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(60) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #a60000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(360deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(61) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #9d0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(364.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(62) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #930000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(369deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(63) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #890000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(373.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(64) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #7e0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(378deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(65) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #740000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(382.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(66) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #680000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(387deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(67) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #5c0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(391.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(68) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #500000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(396deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(69) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #430000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(400.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(70) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #360000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(405deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(71) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #290000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(409.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(72) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #1b0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(414deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(73) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: #0c0000;
	  transform: translateY(288.225px) translateX(300px) rotateZ(418.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(74) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(423deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(75) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(427.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(76) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(432deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(77) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(436.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(78) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(441deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(79) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(445.5deg) translateX(300px) rotateY(90deg);
	}
	.coin__edge div:nth-child(80) {
	  position: absolute;
	  height: 23.55px;
	  width: 0px;
	  background: black;
	  transform: translateY(288.225px) translateX(300px) rotateZ(450deg) translateX(300px) rotateY(90deg);
	}
	.coin__shadow {
	  position: absolute;
	  width: 300px;
	  height: 20px;
	  border-radius: 50%;
	  background: #000;
	  box-shadow: 0 0 100px 100px #000000;
	  opacity: 1;
	  transform: rotateX(90deg) translateZ(600px) scale(0.5);
	}
	@keyframes rotate3d {
	  0% {
	    transform: perspective(1000px) rotateY(0deg);
	  }
	  100% {
	    transform: perspective(1000px) rotateY(360deg);
	  }
	}
	@keyframes shine {
	  0%, 15% {
	    transform: translateY(1200px) rotate(-40deg);
	  }
	  50% {
	    transform: translateY(-600px) rotate(-40deg);
	  }
	}
	.coin__edge_image {
	  background-image: url(https://placedog.net/540/205);
	}
}


.unique {
padding: 60px 0 100px;
}
.counter-card img {
width: 80px;
padding-bottom: 10px;
}
.counter-card span {
font-size: 18px;
font-weight: 700;
display: block;
padding-top: 10px;
}
.hiro {
position: relative;
}
.dropdown-menu a.nav-link {
color: #fff!important;
}
.hiro:before {
content: "";
background: url(../../../uploads/2021/08/hero.png);
position: absolute;
width: 100%;
height: 100%;
right: 0px;
top: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: right 0px top 50px;
}
@media screen and (min-width: 540px) and (max-width: 767px) {
.hiro {
padding: 130px 0px 0px;
}
.hiro:before {
background-size: 500px;
background-position: right 30px top 126px;
}
.coin {
left: 0px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.hiro {
padding: 130px 0px 20px;
}
.hiro:before {
background-size: 580px;
background-position: right 90px top 118px;
}
.coin {
left: 0px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.hiro {
padding: 130px 0px 20px;
}
.hiro:before {
background-size: 514px;
background-position: right 20px top 144px;
}
.coin {
left: 0px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.hiro {
padding: 130px 0px 0px;
}
.hiro:before {
background-size: 540px;
background-position: right 0px top 136px;
}
.coin {
left: 0px;
}
}
@media screen and (min-width: 1601px) {
.hiro:before {
background-size: 691px;
background-position: right 100px top 46px;
}
}
.coin:hover {
animation-play-state: paused;
}
.pink {
background: #f54b013b;
}
/*==========================================
============================================*/
h2.sample_page_title {
text-align: center;
margin-top: 18px;
}
section.sample_page {
margin-bottom: 40px;
}
section.hiro {
transform: scale(0.85);
}
.team-card p:before {
content: "";
position: absolute;
width: 4px;
height: 4px;
background: #F54B01;
border-radius: 100px;
top: 13px;
margin-left: -10px;
}
.blog_aside .blog_media img {
max-width: 96px;
height: 66px;
}
.team-card img {
width: 210px;
}
.easylogo img {
height: 50px;
}
.footerlogo img {
height: 50px;
margin-bottom: 20px;
}
.pagination .current.page-link {
background: #FA5B01;
color: #fff;
}