*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*
 font-family: 'Noto Sans', sans-serif;
 font-family: 'Anton', sans-serif;
*/
/*---------------webkit-scrollbar PART START---------*/
::-webkit-scrollbar {
    width: 7px;
    height: 5px;
}
::-webkit-scrollbar-thumb {
    background:#522071; ;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ffffff;
    border-radius: 0;
    background: #e6e6e6;
}
/*---------------webkit-scrollbar PART START END---------*/

/*----------------------BODY PART START----------------*/
body{ 
    font-family: 'Noto Sans', sans-serif;
   background:#fff !important;
    font-size: 14px !important;
}
body .container{
    position: relative;
}
body button{
    border: none;
    outline: none;
    cursor: pointer; 
}
body h1,body h2,body h3,body h4,body h5,body h6,body p{
    padding: 0px;
    margin: 0px;
}
body a{
	text-decoration:none;
    cursor: pointer; 
     color: #585858;
     font-size: 14px;
     font-weight: 500;
}

body a:hover{
	text-decoration:none;
    color: #b99910;
    
}
body ul{
	padding:0px;
	margin:0px;
    list-style-type: none;
}
body li{
    list-style-type: none;
    text-decoration: none;
}
/*-------BTN PART STARTS-------------*/
.btn1{
    background:#ffab01;
    margin: 5px !important;
    color: #fff !important;
    padding: 8px 20px !important;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    display: inline-block;
    text-align: center;
    border-radius: 50px !important;
}
.btn1 i{
    float: right;
    margin: 0px 0px 0px 10px;
    font-size: 16px;
}

.btn2 i{
    float: right;
    margin: 0px 0px 0px 10px;
    font-size: 16px;
}
.btn2{
    background:none;
    border: 2px solid #ffab01 !important;
    margin: 5px !important;
    color: #fff !important;
    padding: 8px 20px !important;
    font-family: 'Noto Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    display: inline-block;
    text-align: center;
    border-radius: 50px !important;
}
/*-------BTN PART END-------------*/

/*-------HEAD PART START-------------*/
.head{
    text-align: center;
}
.head h3{ 
    font-size: 40px;
    font-weight: 500;
    font-family: 'Anton', sans-serif;
    text-transform: capitalize;
    background: linear-gradient(to left,#461f72,#d12d6a);
    -webkit-background-clip: text;
    color: transparent;
    width: fit-content;
    margin: 10px auto 5px;
    position: relative;
}
.head  img{
    display: block;
    margin: auto;
    max-width: 40px
}
.head h3::after{
    content: "";
    position: absolute;
    background: url(../images/head_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 50px;
    height: 50px;
    right: -38px;
    top: -40px;
    animation: blink 2s infinite linear;
}
.head p{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #585858;
    line-height: 28px;
}
/*-------BANNER_BG PART STARTS-------------*/
.banner_bg{
    background: url(../images/banner_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    overflow:hidden;
}
header .navbar .navbar-nav .nav-item {
    padding: 0px 10px;
    display: inline-block;
}
header .navbar .navbar-nav .nav-item .nav-link {
    border-radius: 0px;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    border: 1px solid transparent;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    margin:5px 0px;
}
header .navbar .navbar-nav .nav-item .nav-link.active{
    color: #ffab01 ;
}
.navbar_toggler {
   background: #ffab01 !important;
    color: #5a2472;
    width: 50px;
    position: absolute;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px !important;
    border: 4px solid #fff !important;
    top: 0px;
    right: 0px;
    border-radius: 50px !important;
}
/*-------BANNER_BG PART END-------------*/

/*-------BANNER PART START-------------*/
.banner{
    padding: 50px 0px;
}
.banner_text{
    position: relative;
    transform: skewX(0deg) rotate(-3deg);
    margin:30px 0px;
    max-width: 457px;
}
.banner_text h6{
    color: #ffab01;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    margin: 0px;
    padding: 0px;
    text-transform:capitalize;
}
.banner_text h6 img{
    max-width: 40px;
    margin: 0px 8px 0px 0px;
    animation: rotate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.banner_text h2{
    color: #fff;
    font-size: 100px;
    font-weight: 500;
    font-family: 'Anton', sans-serif;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    line-height: 105px;
    position: relative;
}
.banner_text h2::before{
    content: "";
    position: absolute;
    background: url(../images/shape-3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 50px;
    height: 50px;
    left: -38px;
    bottom: -40px;
    animation: blink 2s infinite linear;
}
.banner_text h2::after{
    content: "";
    position: absolute;
    background: url(../images/head_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: 50px;
    height: 50px;
    right: -38px;
    top: -40px;
    filter: invert(1) brightness(2.5);
    animation: blink 2s infinite linear;
}
.banner_text h2 span{
    background: #fff0;
    -webkit-text-stroke: 1px #ffab01;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 110px;
    display: block;
}
.banner_text h2  img{
    max-width: 40px;
    margin:0px;
}
.banner_text p{
    font-size: 25px;
    font-weight: 500;
    font-family: 'Noto Sans';
    color: #fff;
    padding: 5px 0px 0px;
    text-transform:capitalize;
    text-align: center;
}
.banner_text h4{
    font-size: 60px;
    font-weight: 500;
    font-family: 'Anton', sans-serif;
    color: #ffab01;
    margin: 0px 20px;
    padding: 0px;
    letter-spacing: 2px;
    text-transform: capitalize;
}
.banner_text h4 img{
    transform: rotate(8deg);
    animation: scroll 5s infinite linear;
}
@keyframes scroll{
    0% {
    transform: translateX(0px) translateY(0px) rotate(8deg);
    }
    50% {
    transform: translateX(100px) translateY(0px) rotate(8deg);
    }
    100% {
    transform: translateX(0px) translateY(0px) rotate(8deg);
    }
}
.banner_text h4 .img1{
    max-width: 30px;
    margin: 0px 0px 0px 10px;
    animation: unset;
}
.banner_img{
    position: relative;
    margin:30px 0px;
}
.coin-img{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
    left:0px;
}
.coin-img img {
    animation: fly 10s linear infinite;
     opacity: 0;
}
@keyframes fly{
    0%{
        transform:translateY(0px) ;
        opacity: 1;
    }
     50%{
        transform:translateY(-50vh) ;
        opacity: 0;
    }
    70%{
         transform:translateY(-50vh) ;
         opacity: 1;
}
     90%{
         transform:translateY(0vh);
          opacity: 0;
    }
      100%{
         transform:translateY(0vh);
          opacity: 0;
    }
}
.coin-img .coin1{
    animation-delay:0.7s;
}
.coin-img .coin2{
     animation-delay:1s;
}
.coin-img .coin3{
     animation-delay:1.5s;
}
.coin-img .coin4{
     animation-delay:2s;
}
.coin-img .coin5{
    animation-delay:2.5s;
}
.coin-img .coin6{
     animation-delay:3s;
}
.coin-img .coin7{
    animation-delay:4s;
}
.coin-img .coin8{
     animation-delay:6s;
}
.coin-img .coin9{
     animation-delay:4.5s;
}
.coin-img .coin10{
     animation-delay:6.5s;
}
.coin-img .coin11{
    animation-delay:5.5s;
}
.coin-img .coin12{
     animation-delay:7s;
}
.coin-img .coin13{
     animation-delay:7.5s;
}
.coin-img .coin14{
    animation-delay:8s;
}
.coin-img .coin15{
     animation-delay:8.5s;
}

@keyframes float{
    0%{
        transform: translatey(-50px);
    }
    50%{
        transform: translatey(0px);
    }
    100%{
        transform: translatey(-50px);
    }
}
@keyframes float1{
    0%{
        transform: translatey(50px);
    }
    50%{
        transform: translatey(0px);
    }
    100%{
        transform: translatey(50px);
    }
}
.banner_img .banner1{
    position: absolute;
    left: 0;
    bottom: 0;
    animation: float 5s infinite ease-in-out;
}
.banner_img .banner2{
    position: absolute;
    right: 0;
    animation: float1 5s infinite ease-in-out;
}
.banner_img .banner3{
    position: absolute;
    left: 145px;
    top: -111px;
    animation: blink 2s infinite linear;
}
@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: 1;}
    100%{opacity: 0;}
    }

/*-------BANNER PART END-------------*/

/*-------STATS PART START-------------*/
.stats_bg{
    padding: 50px 0px;
}
.stats_bg ul{
    text-align: center;
}
.stats_bg ul li{
    display: inline-block;
    width: 100%;
    margin: 5px auto;
    max-width: 200px;
    padding: 10px;
    border-radius: 5px;
}
.stats_bg li:hover{
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px #585858;
    transition: 1s;
}
.stats_bg .stats1 img{
    display: block;
    margin: 10px auto;
    max-width: 35px;
}
.stats_bg .stats1 h3{
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #585858;
    text-transform: capitalize;
}
.stats_bg .stats1 h3 span{
    display: block;
    background: linear-gradient(to left,#451d70,#ce2d6a);
    -webkit-background-clip: text;
    color: transparent;
    font-size:25px;
    font-weight: 700;
    margin: 5px 0px 0px 0px;
}

/*-------STATS PART END-------------*/

/*-------SITE PART END-------------*/
.about_bg{ 
    position: relative;
   
}
.about_btn{
    margin: 20px 0px;
}
.about_btn .btn1{
    width: fit-content;
    margin: 5px auto !important;
    padding: 15px 28px !important;
}
.about_bg .about_bg1{
    background: url(../images/about_bg.png) repeat-x  0 50%;
    background-size:cover;
    animation: wave 30s linear infinite;
    height: 300px;
}
@keyframes wave{
    0% {
        background-position: -800px 0%, 0 0;
    }
    100% {
        background-position: 0  0%;
    }
}
/*---------ABOUT PART END-------------*/

/*---------PLAN PART START-------------*/
.plan_bg{
    padding: 50px 0px;
}
.plan_bg .plan1{
    background: url(../images/plan_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 50px 10px;
    border-radius: 10px;
    max-width: 250px;
    margin: 20px auto;
    position: relative;
    z-index: 1;
    text-align: center;
    
}
.plan_bg .plan1 h2{
    font-size: 35px;
    font-weight: 500;
    font-family: 'anton',sans-serif;
    color: #fff;
}
.plan_bg .plan1 h2 span{
    display: block;
    background: #ffab01;
    padding: 5px;
    margin: 5px 0px;
    color: #4c2172;
    font-size: 15px;
    font-weight: 500;
}
.plan_bg .plan1 h6{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    margin: 12px 20px;
    padding: 0px;
    text-align: start;
    text-transform: capitalize;
}
.plan_bg .plan1 h6 span{
    float: right;
    font-weight: 700;
}
.plan_bg .plan_btn .plan_bt1{
    text-align: center;
}
.plan_bg .plan_btn .plan_bt1{
    border: 1px solid #481f72;
    padding: 15px;
    width: 100%;
    margin: 15px auto;
    max-width: 175px;
    color: #481f72;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    background: url(../images/plan_btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*---------PLAN PART END-------------*/

/*---------FEATURE PART STARt-------------*/
.feature_bg{
    background: url(../images/feature_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 60%;
    padding:20px 0px;
}
.fea_btn{
    margin: 20px 0px;
}
.fea_btn2{
    margin: 20px 0px;
   
}
.fea_btn2 .btn1{
    padding: 15px 28px !important;
    position: relative;
}
.fea_btn2 .btn1 img{
    position: absolute;
    left: -45px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 65px;
}
.fea_btn .btn1{
    background: none;
    border: 2px solid #481f72;
    padding: 15px 28px !important;
    color: #585858 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}
.feature_bg .feature1{
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    margin: 15px auto;
    max-width: 375px;
    position: relative;
    box-shadow: 0px 1px 8px 0px #585858;
}
.feature_bg .feature1 h3{
    font-size: 18px;
    margin: 10px 0px;
}
.feature_bg .feature1 h3::after{
    display: none;
}
.feature_bg .feature1 .fea1{
    max-width: 60px;
    position: absolute;
    top: -44px;
    left: -10px;
}
.feature_bg  .fea2{
    max-width: 60px;
    bottom: -44px;
    left: -25px;
    position: absolute;
}
.feature_bg  .fea3{
    max-width: 60px;
    top: -44px;
    right: -10px;
    position: absolute;
}
.feature_bg  .fea4{
    max-width: 60px;
    bottom: -44px;
    right: -25px;
    position: absolute;
}
.trans_bg{
    padding: 50px 0px;
}
.trans_bg .mt-5{
    margin-top:0px !important;
}
.trans_bg .nav-tabs{
    border-bottom: none;
    margin: 5px 0px
}
.trans_bg .nav button{
    border: none;
    margin: 5px 0px;
    background: none;
    color: #585858 !important;
    outline: none;
    box-shadow: unset;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
}
.trans_bg .nav .nav-link.active{
    border: none;
    background: linear-gradient(to left,#461f72,#d12d6a);
    -webkit-background-clip: text;
    color: transparent !important;
    font-weight: 700;
}
.trans_bg .table-responsive{
    border: 2px solid #461f72;
    border-radius: 15px;
}
.trans_bg .table{
    border-bottom: none;
    margin: 0;
}
.trans_bg .table-responsive th{
    border: 2px dotted #a089b4;
    background: linear-gradient(to left,#461f72,#d12d6a);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
 }
 .table>:not(:last-child)>:last-child>* {
     border-bottom-color: #a089b4 !important; 
}
.trans_bg .table-responsive td{
    border: 2px dotted #a089b4;
    border-right: none;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #585858;
    text-align: center;
    text-transform: capitalize;
}
.trans_bg .table-responsive .text1{
    background: linear-gradient(to left,#461f72,#d12d6a);
    -webkit-background-clip: text;
    color: transparent !important;
    font-weight: 700;
}
.trans_bg .table-responsive img{
    margin: auto;
    display: block;
}
.trans_bg ul {
    text-align: center;
    margin: 40px 0px;
}
.trans_bg ul li {
    display: inline-block;
    width: 100%;
    max-width: 180px;
}
.trans_bg ul li h3{
    background: url(../images/plan_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding: 40px 7px;
    font-size: 35px;
    font-weight: 500;
    font-family: 'Anton',sans-serif;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
}
.trans_bg ul li h3 span{
    display: block;
    background: #ffab01;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Noto Sans',sans-serif;
    padding: 10px;
}
.trans_bg ul li:nth-child(1){
    animation: float infinite 5s ease-in-out;
}
.trans_bg ul li:nth-child(2){
}
.trans_bg ul li:nth-child(3){
    animation: float1 infinite 5s ease-in-out;
 }
/*---------Feedback PART START-------------*/
.feedback_bg{
    padding: 50px 0px 100px;
   
}
.feedback_bg .feedback_bg1{
    position: relative;
    padding: 0px 0px 50px ;
}
.feedback_bg .feedback_bg1 p{
    font-size:14px;
}
.feedback_bg .feedback_bg1:before{
   content: "";
    background: url(../images/feedback_bg.png);
    background-repeat: no-repeat;
    background-size: 72% 100%;
    background-position: 0px 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
  
}
.feedback_bg .feedback_bg2:before{
    content: "";
    background: url(../images/feedback_bg2.png);
    background-repeat: no-repeat;
    background-size: 72% 100%;
    background-position: 100% 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0px;
    z-index: -1;
}
.feedback_bg ul{
    margin: 20px 0px 50px; 
}
.feedback_bg ul li{
    display: inline-block;
    width: 49%;
}
.feedback_bg .feedback_text h3::after {
    display: none;

 }
 .feedback_bg .feedback_text  .star-icon i{
    font-size: 30px;
    margin: 10px 5px;
    color: #ffab01;
 }
 .feedback_bg .feedback_img img{
    max-width:320px ;
 }
 .pay_bg{
    padding: 10px 0px;
 }
 .pay_bg img{
    max-width:75px;
    margin: auto;
 }
.footer_bg{
    background: url(../images/footer_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
    text-align: center;
}
.foot_mar{
    margin-top: -53px !important;
}
.footer_bg .cert_img{
    margin:20px 0px;
}
.footer_logo img{
    max-width: 285px;
}
.footer_bg .cert_img img{
  max-width: 175px;
  margin:auto;
  display:block;
}
.footer_bg .cert_text h3{
    font-size: 15px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    text-transform: capitalize;
    margin: 0px 0px 10px 0px;
}
.cert_but .btn1{
    font-size: 18px !important;
    font-weight: 600 !important;
}
.foot_link h3{
    font-size: 18px;
    font-weight: 500;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    text-transform: capitalize;
}
.foot_link a{
    display: block;
    margin: 10px 0px;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Noto Sans',sans-serif;
    color: #fff;
    text-transform: capitalize;
    width:fit-content;
}
.footer_bg2{
    background: linear-gradient(to left, #542372, #c52f6c);
    padding: 10px 0px;
    border-radius: 20px;
    width: 100%;
    max-width: 850px;
margin: 23px auto 10px;
}
.footer_bg2 p{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Noto Sans';
    color: #fff;
    margin: 10px 5px;
    text-transform: capitalize;
}
.footer_bg2 .footer_text{
    float:right;
}
.footer_bg .footer_text i{
    font-size: 35px;
    color: #ffab01;
    margin: 10px;
}
.foot_link {
    margin: 0 20px;
}
.foot_text{
    font-size: 13px;
    font-weight: 400;
    font-family: 'Noto Sans';
    color: #fffffff5;
    margin: 8px 0px;
}
.foot_link i{
    color: #ffab01 !important;
    margin-right: 5px;
}
/*==========  response CSS START  ========== */

@media only screen and (max-width:1199px){
    header .navbar .navbar-nav .nav-item {
        padding: 0px 2px;
    }
    .feedback_bg .feedback_bg1:before {
       display: none;
    }
    .feedback_bg ul li{
        width: 100%;
    }
    .feedback_bg .feedback_bg2 .feedback_img{
        margin: 0px !important;
    }
}
@media only screen and (min-width: 576px)and (max-width:1200px)  {
    .container{
        max-width: 95% !IMPORTANT;
    }
    }
@media only screen and (max-width:991px){
    .nav-btn a{
        margin: 10px 5px !important;
    }
    .banner{
        text-align: center;
    }
    .banner_text{
        margin:30px auto;
    }
    .feature_bg{
        text-align: center;
        background-size: 100% 89%;
        background-position: top;
        padding: 50px 0px ;
    }
    .head .mx-0{
            margin-right: auto!important;
            margin-left: auto!important;
    }
    .trans_bg .text-start{
        text-align: center !important;
    }
    .trans_bg .nav-tabs{
        display: block;
        text-align: center;
    }
    .trans_bg .nav button{
        display: inline-block;
    }
    .feedback_bg {
        padding: 50px 0px 0px;
    }
    .feedback_bg .text-start{
        text-align: center !important;
    }
    .feedback_bg .feedback_bg2 .feedback_img{
        margin: auto !important;
    }
    .feedback_bg .feedback_bg1 .star-icon{
        text-align: center;
    }
    .feedback_bg .feedback_bg1{
        padding: 0px 0px 0px;
    }
    .fea_btn .btn1{
        width: fit-content;
        margin: auto !important;
    }
   .feature_bg .text-start{
    text-align: center  !important;
   }
    .pay_bg{
        padding: 0px 0px;
    }
    .footer_bg .text-start{
        text-align: center !important;
    }
    .footer_bg2 .text-start{
        text-align: start !important;
    }
    .foot_link a{
        margin:10px auto;
    }
    
}
@media only screen and (max-width:769px){
    .trans_bg ul li{
        max-width:150px
    }
    .foot_mar{
        margin-top: 0px !important;
    }
     .footer_text {
        max-width: 200px;
        width: 100%;
        margin: auto;
    }
}
@media only screen and (max-width:576px){
    .navbar_toggler{
        right:5px;
    }
    .coin-img {
        display: none !important;
    }
    header .btn1{
        padding:8px 15px !important;
    }
    .logo{
        max-width: 165px  !important;
    }
    .btn1{
        font-size: 12px !important;
    } 
    .btn2{
        font-size: 12px !important;
    }
    .head h3{
        font-size: 25px;
    }
    .head p{
        font-size: 12px;
    }
    header .navbar .navbar-nav .nav-item .nav-link{
        font-size: 12px;
    }
    .banner{
        padding:0px 0px 20px;
    }
    .banner_text{
        max-width: 250px;
        margin: 10px auto;
    }
    .banner_text h6{
        font-size: 12px;
    }
    .banner_text h2{
        font-size: 40px;
        line-height: 50px;
    }
    .banner_text h2::after{
        right: 0px;
        top: 0px;
        width: 30px;
        height: 30px;
    }
    .banner_text h2::before{
        left: 0px;
        bottom: -30px;
        width: 30px;
        height: 30px;
    }
    .banner_text h2 span{
        font-size: 50px;
    }
    .banner_text h4{
        font-size: 12px;
    }
    .banner_text h4 img{
        max-width: 75px;
    }
    .banner_text h4{
        font-size: 20px;
    }
    @keyframes scroll{
        0% {
            transform: translateX(100px) translateY(0px);
        }
        50% {
            transform: translateX(30px) translateY(0px);
        }
        100% {
            transform: translateX(100px) translateY(0px);
        }
    }
    .stats_bg{
        padding: 20px 0px;
    }
    .stats_bg .pb-5{
        padding-bottom: 0px !important;
    }
    .stats_bg ul li{
        margin: 0px auto;
    }
    .stats_bg .stats1 h3{
        font-size: 12px;
    }
    .stats_bg .stats1 h3 span{
        font-size: 14px;
    }
    .plan_bg{
        padding: 0px 0px 20px;
    }
    .plan_bg .plan1{
      margin: 0px auto;
    }
    .plan_bg .plan1 h2{
        font-size: 16px;
    }
    .plan_bg .plan1 h2 span{
        font-size: 12px;
    }
    .plan_bg .plan1 h6{
        font-size: 12px;
    }
    .plan_bg .plan_btn .plan_bt1{
        font-size: 12px;
        margin: 5px auto;
    }
    .fea_btn .btn1{
        font-size: 12px !important;
    }
    .feature_bg .feature1 h3 {
        font-size: 15px;
    }
    .fea_btn2 .btn1 {
        padding: 10px 20px !important;
        position: relative;
    }
    .fea_btn2 .btn1 img{
        max-width: 50px;
    }
    .feature_bg .feature1{
        max-width: 250px;
    }
    .feature_bg .fea2{
        left: -10px;
    }
    .feature_bg .fea4{
        right: -10px;
    }
    .trans_bg{
        padding: 0px;
    }
    .trans_bg .nav button{
        font-size: 12px;
    }
    .trans_bg .table{
        min-width: 450px;
    }
    .trans_bg .table-responsive th{
        font-size: 14px;
    }
    .trans_bg .table-responsive td{
        font-size: 12px;
        padding: 5px;
    }
    .trans_bg .mt-5{
        margin-top: 30px !important;
    }
    .trans_bg ul li{
        max-width: 125px;
    }
    .trans_bg ul li:nth-child(1){
        animation: unset;
    }
    .trans_bg ul li:nth-child(3){
        animation: unset;
    }
    .trans_bg ul li h3{
        font-size: 16px;
    }
    .trans_bg ul li h3 span{
        font-size: 12px;
        font-weight: 500;
        padding: 5px;
    }
    .feedback_bg{
        padding: 0px;
    }
    .feedback_bg .feedback_img img {
        max-width: 175px;
    }
    .feedback_bg .feedback_bg1 p{
        font-size:12px;
    }
    .footer_logo img{
        max-width: 165px;
    }
    .footer_bg .cert_img img{
        max-width: 125px;
    }
    .footer_bg .cert_text h3{
        font-size: 16px;
    }
    .cert_but .btn1 {
        font-size: 12px !important;
    }
    .foot_link h3{
        font-size: 14px;
    }
    .footer_bg .col-xs-6{
        width: 49%;
    }
    .foot_link a{
        font-size: 12px ;
    }
    .footer_bg2 .text-start{
        text-align: center !important;
    }
    .footer_bg2 .footer_text
    {
        float: unset;
        text-align: center;
    }
    .footer_bg2 p{
        font-size: 12px;
    }
    .footer_bg .footer_text i{
        font-size: 18px;
        margin: 5px;
    }
   
}