body,html{
    width: 100%, height:100%;
    background-color: #00162d;
    color: white;
}
button#add a {
    border: none;
    color: black;
}
#color{background-color: black;}
.logo {
    width: 40%;
}
.pop-one img {
    width: 39%;
    padding: 14px;
    margin: auto;
    display: block;
}
button#KL a {
    COLOR: black;
}
header#set-padding {
    position: unset;
}
.pop-one p {
    text-align: center;
    color: black;
}

.pop-section .container {
    background-color: #ed7712;
}
.logo img {
    width: 23%;
    margin: auto;
    display: block;
}
.main-blk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
}
.about-text ul {
    padding: 0;
}
.link-app button {
    background: radial-gradient(#f28d17, #ec6d11);
    /* background-color: black; */
    font-size: 16px;
    transition: 0.5s;
    font-weight: 600;
    padding: 10px 4px;
    border-radius: 7px;
    width: 78%;
    color: black;
    margin-right: 19px;
}
.rate-blk {
    margin: 40px 0px;
}
.link-app img {
    width: 53%;
    /* border: none; */
}
.link-app {
    padding: 10px 0px;
    display: flex;
}
.main-right img {
    width: 70%;
    margin-top: 47%;
    z-index: 999999999999;
    margin: auto;
    display: block;
    position: relative;
}
.main-left {
    padding: 32px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
}

.main-left h3 {
    animation: ani 2s alternate infinite;
    font-weight: bold;
    font-size: 64px;
}
 
@keyframes ani {
    0%{color: #ec6d11;}
    100%{color: #ec6d11;}
}
h6 {
    font-size: 36px;
}

.col-sm-12.col-xs-12.col-lg-6.col-md-6.align {
    display: flex;
    align-content: flex-end;
    justify-content: flex-end;
}
.main-right {
    position: relative;
    position: absolute;
    right: 0;
    /* top: 93px; */
    width: 56%;
}

/*.main-right:after {
    width: 640px;
    content: "";
    height: 640px;
    background: radial-gradient(#d6b760, #d4b96c);
    position: absolute;
    top: -20%;
    right: -30%;
    filter: drop-shadow(2px 4px 6px white);
    transition: 0.5s;
    border-radius: 41%;
    animation: red 2s alternate infinite;
    transform: rotate(45deg);
}*/
@keyframes red {
    0%{transform: rotate:45deg;}
    100%{transform: scale(0.9);}
}
.link-app button:hover {
    color: black;
    background: radial-gradient(#D4B459, #ffff);
    filter: drop-shadow(2px 4px 6px yellow);
    border: white;
}
a {
    color: unset;
}
.about-text {
    display: flex;
    /* width: 81%; */
    /* background-color: red; */
    justify-content: space-evenly;
}

.about-text ul li {
    margin: auto;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 15px;
    background-color: #ef7718;
    padding: 5px;
}
a:hover {
    color: black;
    text-decoration: none;
}
.heading {
    /* background-color: white; */
    color: white;
    /* padding: 0px 32px; */
    text-align: center;
}

.heading h3 {/* margin-top: 40px; */padding: 40px;font-weight: bold;font-size: 55px;}
.screens img {
    width: 100%;
    /* margin: auto; */
    /* display: block; */
}

.screens {
    margin: auto;
    width: 82%;
    display: block;
}
.end {
    text-align: center;
    padding: 5px;
    /* background: radial-gradient(#fcc204, #fff700); */
    color: black;
    background: radial-gradient(#ef7718, #ff7100);
}
marquee {
    background: radial-gradient(black, black);
    padding: 3px;
    color: #ffffff;
}
.end p {
    margin: 0px;
}
.absDiv{
    /* position: absolute; */
    right: 0;
    top: 0;
}
header{
    position: relative;
    width: 100%;
    z-index: 99;
}
@media(max-width:1400px){
    .main-right:after {
    width: 540px;
    height: 540px;
}
}
@media(max-width:1200px){
    .logo img {
    margin-left: 50px;
}
.main-right {
    width: 60%;
}
.main-right img {
    margin-top: 33px;
    width: 76%;
}
}
@media(max-width: 990px){
    .absDiv, .main-right {
    position: static;
}

.main-right {
    margin: auto;
}

.main-right:after {display:none}

::after {}
    .logo img {
    width: 66%;
    margin: auto;
}
}
@media(max-width: 500px){
    .logo img {
    width: 100%;
}.link-app button {
   
    width: 39%;
}.link-app img {
    width: 38%;
    }
.screens {
    margin: auto;
    width: 67%;}
.link-app {
    flex-direction: column;
}

.link-app button {
    width: 90%;
    font-size: 23px;
    margin: 30px auto;
}

.link-app img {
    width: 90%;
    margin: auto;
}

p {
    font-size: 16px;
}
.main-blk{
    padding-top: 130px;
}
}