@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Montserrat:300,400,500,600,700,800,900&display=swap');

body{font-family: 'Karla', sans-serif; letter-spacing: 0.5px; font-weight: normal;}
a:hover{text-decoration: none;;}
*:focus{outline: none;}
button:focus{outline: none;}
.title_font{font-family: 'Montserrat', sans-serif;}

 *, *::after, *::before {
	/*-webkit-user-select: none;*/
	-webkit-app-region: no-drag;
	-webkit-user-drag: none;
	/*cursor: default;*/
}

/*back-to-top*/ 
#back-to-top {border: 0 none; border-radius: 2px; bottom: 50px; cursor: pointer; position: fixed; right: 10px; text-decoration: none; z-index: 9999; margin: 0 auto; opacity: 0; width: 35px; height: 35px; display: inline-block; background: var(--main-bg-color); background-size: 35px; transition: ease all 0.5s; color: #033b1c ; line-height: 28px; font-size: 28px; text-align: center;}
#back-to-top.show {opacity: 1; } 
#back-to-top:hover{-webkit-box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79);box-shadow: 0px 0px 77px 0px rgba(0, 0, 0, 0.79); background: #033b1c; color: #fff;} 


/*default button*/
.main-btn{border: 2px solid #346f15; padding: 1px 35px; font-weight: normal; background: #346f15; color: #fff; display: inline-block; font-size: 25px; text-transform: uppercase;}
.main-btn:hover { background: rgba(52, 111, 21, 0.8); color: #fff !important; }

.color-btn{border: 2px solid #033b1c ;background: #033b1c ;}
.color-btn:hover{background: rgba(3, 59, 28, 0.71);}

.form-control {height: 45px; border-radius: 0; }
.form-lbl {margin-bottom: 2px;color: #202020; font-weight: 600;}
.form-lbl span{color: #ff59c5} 

.font-title{ font-family: ITCAvantGardeStd-Demi;}

@font-face {
  font-family: 'ITCAvantGardeStd-Demi';
  src: url('../../asset/font/ITCAvantGardeStd-Demi.eot');
  src: url('../../asset/font/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),
       url('../../asset/font/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg'),
       url('../../asset/font/ITCAvantGardeStd-Demi.ttf') format('truetype'),
       url('../../asset/font/ITCAvantGardeStd-Demi.woff') format('woff'),
       url('../../asset/font/ITCAvantGardeStd-Demi.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

 
.box {padding: 12px; -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); position: relative; background-color: #ffffff; border-radius: 10px; }


.box_space{padding: 0 5%}
.text-color{color: #033b1c  !important;}
.text-black{color: #202020 !important}


 
 /*breadcrumb cssstart*/
.breadcrumb-wrapper {margin-bottom: 0px; }
.breadcrumb {background-color: transparent; }
.breadcrumb a{color: #202020;}
/*breadcrumb end*/  



.text_Blue{ color: blue !important;}
.text_Grey{ color: gray !important;}
.text_Peach{ color: #FFE5B4 !important;}
.text_Gold{ color: #FFD700 !important;}
.text_Maroon{ color: #800000 !important;}
.text_Green{ color: green !important;}
.text_Yellow{ color: yellow !important;}
.text_White{ color: #fff !important;}
.text_Orange{ color: orange !important;}


.bg_Blue{ background:  blue !important;}
.bg_Grey{ background:  gray !important;}
.bg_Peach{ background:  #FFE5B4 !important;}
.bg_Gold{ background:  #FFD700 !important;}
.bg_Maroon{ background:  #800000 !important;}
.bg_Green{ background:  green !important;}
.bg_Yellow{ background:  yellow !important; }
.bg_White{ background:  #fff !important;}
.bg_Orange{ background:  orange !important;}


.border_Blue{ border-color:  blue !important;}
.border_Grey{ border-color:  gray !important;}
.border_Peach{ border-color:  #FFE5B4 !important;}
.border_Gold{ border-color:  #FFD700 !important;}
.border_Maroon{ border-color:  #800000 !important;}
.border_Green{ border-color:  green !important;}
.border_Yellow{ border-color:  yellow !important;}
.border_White{ border-color:  #fff !important;}
.border_Orange{ border-color:  orange !important;}

.main-btn.d-block.text-center.bg_White.text-black.border_Grey:hover, .main-btn.d-block.text-center.bg_Yellow.border_Yellow:hover, .main-btn.d-block.text-center.bg_Peach.border_Peach:hover {color: #000 !important; }
.edit-btn{border: 2px solid #346f15; padding: 2px 15px; font-weight: normal; background: #346f15; color: #fff; display: inline-block; border-radius: 50px; }
.edit-btn:hover{color: #fff;}
.tag_line h4 {font-family: Calibri; font-weight: 600; }

/*--------------------------------------
  		1). Header css start
--------------------------------------*/ 
.navbar-expand-lg {width: 100%; float: left;}
.header-area {background: #d4ca72; -webkit-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); box-shadow: 0px -12px 25px 0px rgba(0,0,0,0.75); }
.navbar-expand-lg {padding: 0px 0; transition: ease all 0.5s;}
/*.navbar-brand img {width: 270px; transition: ease all 0.5s; }*/
.navbar-brand img {width: 135px; transition: ease all 0.5s; }
#navbarSupportedContent {justify-content: flex-end; }
.navbar-dark .navbar-nav .nav-link {    font-weight: 600; color: #033b1c !important; position: relative; padding: 21px 7px; margin: 0px 2px; }
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover { color: #033b1c !important;}
.dropdown-toggle::after{display: none;}  
.dropdown-item {font-size: 13px; padding: 8px 13px; background: #fff; color: #000;    font-weight: 600; }
.dropdown-menu {border: 1px solid var(--main-black_bg_transparent); border-radius: 0; margin: 0;}
.header-animation .navbar-dark .navbar-nav .nav-link {padding: 22px 12px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #033b1c !important; color: #fff;}
.dropdown-item:focus{color: #fff;}
/*.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {background: #da1715; }*/
.header_manu > li > a:before {content: ""; position: absolute; left: 51%; right: 51%; bottom: 0px; background: #033b1c; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.header_manu > li > a:hover:before, 
.header_manu > li > a:focus:before,
.header_manu > li > a:active:before {left: 0; right: 0; }
.dropdown-submenu {position: relative; }
.dropdown-submenu>a:after {content: "\f0da"; float: right; border: none; font-family: 'FontAwesome'; }
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: 0px; }
.dropdown-menu.rtl{ left: inherit;right: 160px;}


/*Mobile toggle start*/
.navbar-toggler {color: rgba(255,255,255,.5); border-color: rgb(221, 52, 110); position: relative; height: 35px; width: 45px; }
.navbar-toggler-icon {background: #033b1c; height: 2px; position: absolute; left: 0; right: 0; margin: auto; width: 50%; }
.navbar-toggler-icon:after {content: ""; position: absolute; height: 2px; width: 100%; background: #033b1c; left: 0; right: 0; margin: 0 auto; top: 8px; }
.navbar-toggler-icon:before {content: ""; position: absolute; height: 2px; width: 100%; background: #033b1c; left: 0; right: 0; margin: 0 auto; bottom: 8px; }
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background:transparent;}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {bottom: 2px; transform: rotate(47deg);}
.navbar-dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {top: -2px; transform: rotate(-47deg);}
/*Mobile toggle end*/


.navbar-expand-lg .navbar-nav .dropdown-menu {width: 220px; }
.dropdown-menu-right a {padding: 0.25rem 1.25rem; display: inline-block; width: 100%; background: #f1f1f1;margin-bottom: 2px; color: #202020;}
.dropdown-menu-right a:hover{background: #033b1c ; color: #fff;}



/*--------------------------------------
  		1). Header css end
--------------------------------------*/  

.loginpage{position: relative;left: 0; right: 0 ; top: 0; background: url("../../asset/images/login_bg.png") no-repeat; background-size: cover;}
.loginpage:after{content: "";position: absolute;left: 0; right: 0 ; top: 0; background: url("../../asset/images/login_border.png") repeat; width: 100%; height: 52px;}
.loginpage:before{content: "";position: absolute;left: 0; right: 0 ; bottom: 0; background: url("../../asset/images/login_border.png") repeat; width: 100%; height: 52px;     transform: rotate(180deg);}
.card-login {position: absolute; width: 470px; left: 15%; }



.slider-text {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;      position: absolute; z-index: 99; top: 25%; right: 0; width: 100%; }
.banner_title{color: #fff; font-size: 66px;}
.or-text{margin: 0 15px; font-size: 22px; color: #fff}
.carousel-indicators {z-index: 999; }
.page-area{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

.product{position: relative; border: 2px solid rgba(0, 0, 0, 0.02); overflow: hidden; transition: ease all 0.5s; margin-bottom: 30px;}
.product-info {padding: 0 15px 15px 15px; }
.name a{color: #202020}

.user_right_bar li a{padding: 10px 10px; display: inline-block; border-bottom: 1px solid #f5f7fa; width: 100%; color: #202020; font-weight: 600;}
.user_right_bar li:nth-last-child(1) a{border: none;}
.user_right_bar li a:hover{color: #033b1c}
.total-Category {float: right; }
.white-bg{background:#fff; box-shadow: 0px 0px 22px -4px rgba(11,26,56,.1);}


.actual{text-decoration: line-through;}
.offer{font-size: 20px;font-weight: bold;}
.Discount {border: 1px solid #ddd; padding: 1px 4px; font-size: 14px; border-radius: 2px}



.teaser {position: relative; background: #fff; color: #fff; padding: 25px 25px 25px 35px;transition: all 0.25s ease; -webkit-box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); -moz-box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07);    border-radius: 5px;}
.teaser:after {content: ""; position: absolute; height: calc(100% - 27px); width: calc(100% - 27px); border: 1px dashed; top: 0; left: 0; margin: 13px; }
.teaser:hover{transform: translateY(-4px) scale(1.02); box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);}
.teaser.Balance-card{background: #81a3bf }
.teaser.Bornze-card, .Bornzetext {background: #cd7f32;}
.teaser.Silver-card, .Silvertext{background: #C0C0C0;}
.teaser.Gold-card, .Goldtext{background: #D4AF37;}

.Earned-color{color: #00a650;}
.Burned-color{color: #fe0c00;}


.color-yellow{color: #d4af37}
.color-green{color: green}
.color-red{color: red;} 


.Bornzetext, .Silvertext, .Goldtext{font-size: 18px;}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff; background-color: #8c13e2; border-color: #dee2e6 #dee2e6 #fff; }
.nav-tabs .nav-link {border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; background: #ddd; color: #202020; }
.nav-tabs .nav-item {margin-right: 5px; }
.nav-tabs {border-bottom: none; }


.top-layout{margin-top: 30px;}


/*top card start*/
.teaser {position: relative; background: #fff; padding: 25px 25px 25px 35px;transition: all 0.25s ease; -webkit-box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); -moz-box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07); box-shadow: 0px 1px 15px 1px rgba(62, 57, 107, 0.07);    border-radius: 5px;}
.teaser:after {content: ""; position: absolute; height: calc(100% - 27px); width: calc(100% - 27px); border: 1px dashed #009746; top: 0; left: 0; margin: 13px; }
.teaser:hover{transform: translateY(-4px) scale(1.02); box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);}
.teaser.Balance-card {background: #ee7001; color: #fff;}
.teaser.Limit-card{background: rgb(143, 212, 174); color: #000; }
.teaser.Block-card{background: rgb(143, 212, 174); color: #000; }
.teaser.Points-card{background: rgb(143, 212, 174); color: #000; }
/*top card end*/


span.tag {position: relative; right: 0; text-align: right; display: inline-block; width: 100%; margin-top: 15px; font-weight: bold; }
.chart {width: 100%; min-height: 450px; }
 #chart_div1 svg > g:nth-child(4) {display: none; }
/*text[text-anchor="middle"] {display: none; }
#chart_div1 svg > g:nth-child(2), #chart_div1 svg > g:nth-child(3) {display: none; }*/


/*rangeslider start*/
.rangeslider {background-color: #fff; border-radius: 0; height: 0.2rem; }
.rangeslider__fill {background-color: #d4ca72; border-radius: 0; } 
.rangeslider__handle {width: 1.5rem; height: 1.5rem; position: absolute; transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -webkit-transition: transform 0.3s ease-in-out; }
.rangeslider__handle::after {display: none; }
.rangeslider__handle:hover, .rangeslider__handle:active {-ms-transform: scale(1.2, 1.2); /* IE 9 */ -webkit-transform: scale(1.2, 1.2); /* Safari */ transform: scale(1.2, 1.2); transition: transform 0.1s ease-in-out; -moz-transition: transform 0.1s ease-in-out; -webkit-transition: transform 0.1s ease-in-out; }
.rangeslider__value-bubble {position: absolute; top: auto; left: 50%; bottom: 1.5rem; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); text-align: center; background-color: #d4ca72; padding: 0.5rem; color: #fff; width: auto; margin: 0; white-space: nowrap; }
.rangeslider__value-bubble::before {content: ""; width: 0; height: 0; border-left: 1rem solid transparent; border-right: 1rem solid transparent; border-top: 1rem solid #d4ca72; position: absolute; top: auto; left: 50%; bottom: -1rem; transform: translate(-50%, -45%); -webkit-transform: translate(-50%, -45%); -ms-transform: translate(-50%, -45%); }
/*rangeslider End*/


.product:hover {box-shadow:0 7px 32px -4px rgba(11,26,56,.3); transform: translate3d(0px, -4px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; }

.box-target{margin-bottom: 30px;}

/*Footer start*/ 
.footer-bg{background-color: #171313;}
.footer-bg a, .footer-bg p, .footer-bg span, .footer-bg h5{color: #fff;}
.footer-bg a, .footer-bg p { }
.btn-floating {border: 1px solid #fff; padding: 7px; border-radius: 50px; width: 35px; height: 35px; display: inline-block; transition: ease all 0.5s;}
.btn-floating:hover { border-color: #ed145b;  color: #ed145b ; }
.link-list a{transition: ease all 0.5s;}
.link-list a:hover{margin-left: 10px; color: #ed145b ;}
.bottom-footer{background: #100d0d;}
.Copyright-section p, .Copyright-section a, .Copyright-section span{color: #ddd; font-size: 13px;} 
.kcits-link a:hover{text-decoration: underline;}
.separator_line a {position: relative;  margin-right: 50px}
.separator_line a:hover {text-decoration: underline;}
.separator_line a:after {content: ""; height: 100%; width: 1px; background: #fff; position: absolute; top: 1px;right: -30px; }
.separator_line li:nth-last-child(1) a:after{display: none;}
/*Footer end*/
                                              
   
.modalclose {position: absolute; z-index: 9; background: #fff !important; height: 35px; width: 35px; display: inline-block; right: -16px; opacity: 1; border-radius: 60px; text-shadow: none; top: -15px; border: 5px solid rgb(1, 121, 59) !important; }

.target {color: #b4d445; }
.target:hover {background: #b4d445; color: #fff; }

.point{color: #7292b9;}
.point:hover {background: #7292b9; color: #fff; }

.ondate{color: #f42c5a;}
.ondate:hover {background: #f42c5a; color: #fff; }

.earned{color: #54cace;}
.earned:hover {background: #54cace; color: #fff; }

.bounspoints{background: #eb7408; color: #fff;}
.points-desc strong{ font-size: 86px; display: inline-block; width: 100%;}
.desc-amount{font-size: 42px;}

.finalpoints {background: #009746; color: #fff;  align-items: center; }
.finalpoints-text{    font-size: 50px; font-weight: bold; margin-top: 10px;}
.finalpoints h6{font-size: 23px;}
.finalpoints-amount{    font-size: 42px;   font-weight: bold;}


.dashboardcontain{display: none;}
.show-first{display: block;}


.main-pricing{position: relative;}
.main-pricing .selectpricing {display: inline-block; margin: 0 auto; background: rgb(212 202 114 / 17%); border-radius: 50px; padding: 5px 5px; }
.selectpricing li {float: left; margin: 0 !important; padding: 0;}
.selectpricing a {display: inline-block; padding: 10px 20px; position: relative; z-index: 999999; color: #202020;} 
.dashboard_menu_active:after {background: #d4ca72; height: 100%;  display: inline-block; content: ""; position: absolute; left: 0; right: 0; top: 0; border-radius: 50px; z-index: -1; }
.selectpricing_active {color: #fff; }


/*.box-Opportunity {position: absolute; width: 350px; z-index: 99; padding: 55px; top: 0; margin: auto; display: inline-block; transform: translate(-100px, 130px); animation:blinkingOpportunity 0.8s infinite;}*/

.box-Opportunity {position: relative; z-index: 99; padding: 55px; top: 0; margin: auto; display: inline-block; 
                  animation: blinkingOpportunity 0.8s infinite; }
.Reportstbl thead tr th:nth-child(2), .Reportstbl tbody tr td:nth-child(2),
.Reportstbl thead tr th:nth-child(4), .Reportstbl tbody tr td:nth-child(4) {background: #d4ca72; }
 
@keyframes blinkingOpportunity{
    0%{ background:  #019746; } 
    50%{ background:  #d4ca72; } 
    100%{ background:  #019746; }
}



.blinking1{animation:blinkingTexts 0.5s infinite; }
@keyframes blinkingTexts{
    0%{ color:  #019746; } 
    50%{ color:  #000; } 
    100%{ color:  #019746; }
}


.Categorieslist li a{margin: 2px; display: inline-block; width: 100%; background: #f1f1f1; padding: 10px 10px; color: #202020}
.Categorieslist li a.categories_active{background: #d4ca72;}
                          


.quantity {display: inline-block; }
.quantity .input-text.qty {width: 90px; height: 41px; padding: 0 5px; text-align: center; background-color: transparent; border: 1px solid #efefef; }
.quantity.buttons_added {text-align: left; position: relative; white-space: nowrap; vertical-align: top; display: flex;}
.quantity.buttons_added input {display: inline-block; margin: 0; vertical-align: top; box-shadow: none; }
.quantity.buttons_added .minus,
.quantity.buttons_added .plus {padding: 7px 10px 8px; height: 41px; background-color: #ffffff; border: 1px solid #efefef; cursor:pointer;} 
.quantity.buttons_added .minus {border-right: 0; }
.quantity.buttons_added .plus {border-left: 0; }
.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {background: #eeeeee; }
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; margin: 0; }
.quantity.buttons_added .minus:focus, .quantity.buttons_added .plus:focus {outline: none; }


.Reportstbl .table-bordered td, .Reportstbl .table-bordered th {text-align: center; }
.wishlist-data .table td, .wishlist-data .table th {vertical-align: middle; }

.finalpoint{background: #d4ca72;}

.target-icon{height: 100px ; width: 100px; background: #fff; border-radius: 50px; margin: 0 auto;position: relative;}
.target-icon img {width: 80px; position: absolute; left: 0; right: 0; margin: auto; height: 80px; top: 0; bottom: 0; }
 
           
@media screen and (max-width: 991px){
    .navbar-dark .navbar-nav .nav-link {padding: 4px 2px !important; margin: 2px 0px; }
    .navbar-dark .navbar-nav .nav-link i{float: right;} 
    .header_manu > li > a:before{display: none;} 
    #navbarSupportedContent {justify-content: flex-end; position: absolute; width: 100%; z-index: 999; background: #fff; top: 56px; left: 0; right: 0; padding: 0 17px; }
    .fa[style="top: 4px;position: relative;"] {transform: rotate(-90deg); }
    .banner-data {background: rgba(32, 32, 32, 0.8); padding: 88px 10px; }
    .slider-text {top: 10%; }

    /*.box-Opportunity {position: relative; width: 100%; z-index: 99; padding: 55px; top: 0; margin: auto; display: inline-block; transform: translate(00px, 0px); animation: blinkingOpportunity 0.8s infinite; margin-bottom: 30px; }*/
    .box-Opportunity {transform: translate(00px, 0px); animation: blinkingOpportunity 0.8s infinite; margin-bottom: 30px; }

}
@media screen and (max-width: 767px){
    .banner_title { font-size: 42px;}
    .card-login{display: none;}	 
    .navbar-brand img {width: 210px; }
    .Proceedhome a{    font-size: 18px; padding: 8px 35px;}

} 

@media screen and (max-width: 568px){     
    .banner_title { font-size: 32px; text-align: center;}
    .main-btn {font-size: 22px; display: block; text-align: center; margin-top: 15px}
    .or-text {display: none;}
} 

/* 03-04-2024 start */ 
.index-table thead tr th {
    padding: 10px 20px;
    font-size: 18px; 
    font-weight: 600;
    background-color: #d4ca72;
    color: #000000;
}
.index-table tbody tr td {
    font-size: 18px; 
    font-weight: 600;
    padding: 10px 20px;
    vertical-align: middle;
} 
/* 03-04-2024 end */


/* 05-04-2024 start */
.note{
    font-size: 18px;
    font-weight: 600;
    text-align: center;

}
.note span{    
    color: #00B027;

}
.card-item{ 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    max-width: 620px;
    margin: 0 auto;
}
.card-list{
    padding: 10px;
    border-radius: 15px;
    background-color: #45BEFA;
    text-align: center;
    box-shadow: 6px 10px 15.8px -2px rgba(0, 0, 0, 0.15);
}
.card-content .level-text{
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0;
}

.card-target{
    background: url(../../asset/images/round.svg) no-repeat;
    padding: 20px 20px 20px 20px;
    background-position: center;
    background-size: 170px 170px;
    margin-bottom: 10px;
}
.card-target span{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
    position: relative;
    top: 5px;
    letter-spacing: 0;
}
.card-target h4, .card-target h4 span{
    font-size: 92px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
}
.card-content .text{
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #fff; 
    margin-bottom: 10px;
    letter-spacing: 0;
    line-height: normal;
}
.card-content .text::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 2px;
    width: 20px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.card-content .text::after {
    content: "";
    position: absolute;
    background: #fff;
    height: 2px;
    width: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.card-purchase{
    background: #fff;
    padding: 5px;
    border-radius: 10px;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-purchase p{
    color: #00B027;
    position: relative;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

@media screen and (max-width: 560px){
    .card-item {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* 05-04-2024 end */