.gradient-bg,.gradient-bg2{width:400px;height:600px;transform:rotate(90deg);top:0;border-radius:150px;background:linear-gradient(218deg, #373529 0%, #e4b321 100%, #f8d848 100%);filter:blur(355.5px);z-index:1;opacity:.4}
.gradient-bg{left:150px}
.gradient-bg2{right:0;background:linear-gradient( 1deg, #e4b321 .43%, #f8d848 99.55% );opacity:.2}

.plans{padding:100px 0 70px}
.plans .main{width:710px}
.plans .titr{margin-bottom:25px}
.plans .titr .countdatys{display:inline-block;border-bottom:3px var(--color) solid;margin:0 5px}
.plans ul li a{padding:10px 40px;margin:10px 0;border:2px rgba(0, 0, 0, 0.1) solid}
.plans ul li a .icon{width:80px}
.plans ul li a .icon img{filter:brightness(10)}
.plans ul li a .icon span{top:25px;right:5px;width:70px}
.plans ul li a .inside{width:calc(100% - 250px);border-right:2px #dfdfe0 dashed;padding-right:30px;margin:10px 25px 9px 0}
.plans ul li a .inside .title span{background-color:#e32b2b;padding:2px 8px 0;margin-right:10px;display:inline-block}
.plans ul li a .inside .price{margin-top:12px}
.plans ul li a .inside .price del{margin-left:4px;color:#6f7285}
.plans ul li a .more{margin:20px 0;padding:8px 15px;background:#069f5f}
.plans ul li a .more i{margin-right:7px}
.plans .info{margin-top:20px}
.plans .info i{margin:1px 0 0 8px}

.dark-mode .plans ul li a{background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(15px)}
.dark-mode .plans ul li a .inside .price samp,.dark-mode .plans ul li a .inside .price del,.dark-mode .plans ul li a .inside .title{color:#fff}
.dark-mode .plans ul li a .inside{border-right-color:rgba(255, 255, 255, 0.2) !important}

.light-mode .plans ul li a{border-color:#eee}
.light-mode .plans .titr,.light-mode .plans .info{color:#33354d}
.light-mode .gradient-bg{opacity:.1}
.light-mode .gradient-bg2{opacity:.1}
.light-mode .plans ul li a .icon img{filter:brightness(1)}
.light-mode .plans ul li a .icon span{color:#fff}



.plans ul li a:hover{border-color:var(--color) !important}








.plans .info{line-height:1.85}
.plans .info:before{content:"";width:8px;height:8px;background:var(--color);border-radius:50%;float:right;margin:8px 0 0 10px}
.plans .main{width:920px}
.plans ul{display:flex;flex-wrap:wrap}
.plans ul li{flex:1 0 calc(25% - 20px);max-width:calc(25% - 20px);margin:10px}
.plans ul li a{border-radius:15px !important;margin:0 !important;padding:15px !important;background-color:var(--clr2) !important}
.plans ul li a .more{background:var(--clr);font-size:14px;font-weight:bold;margin:10px 0 0;width:100%;text-align:center;padding:10px 15px;border-bottom:4px #00000036 solid}
.plans ul li a .more i{font-size:18px}
.plans ul li a .icon{margin:40px calc(50% - 40px) 0}
.plans ul li a .inside{width:100%;padding:0 !important;margin:15px 0 0 !important;border-right:0 !important;text-align:center}
.plans ul li a .inside .price{height:51px}
.plans ul li a .inside .price .offer{width:100%;float:right;opacity:.8;margin-bottom:5px}
.plans ul li a .inside .title span{margin:0 !important;position:absolute;top:126px;left:50%;transform:translateX(-50%)}
.plans ul li a .inside .title{background:linear-gradient(to right,transparent,var(--clr2),transparent);font-size:18px;padding:7px 0}
.plans ul li a:hover{border-color:var(--clr) !important}
.plans ul li a .more-infs{background:#00000036;padding:5px 15px;line-height:1.85;margin-top:15px}
.plans ul li a .more-infs .inf:before{content:"";width:6px;height:6px;background:var(--clr2);border-radius:50%;float:right;margin:8px 0 0 8px}
.plans ul li a .more-infs .inf{border-bottom:1px var(--blur) dashed;padding:5px 0;text-align:right}
.plans ul li a .more-infs .inf:last-child{border-bottom:0}
.plans ul li a .more:hover{opacity:.7}
.plans ul li a .per-day{font-style:italic;padding:10px 0;border-top:1px var(--blur) solid;margin-top:10px;color:#ffffff96}
.plans ul li a .m-titr{right:15px;top:5px;width:calc(100% - 30px);padding:7px 0 25px;color:var(--clr)}
.plans ul li.rec a{transform:scale(1.05);border-color:var(--clr) !important;background-image:linear-gradient(to bottom,transparent,var(--clr)) !important}
.plans ul li.rec a .more{background:#fff !important;color:#33354d !important}
.light-mode .plans ul li a .more-infs{background:#fff !important;color:#33354dba !important}
.light-mode .plans ul li a .per-day{color:#33354dba;border-color:#00000012}
.light-mode .plans ul li a .inside .title{color:#33354d}
.light-mode .plans ul li a{border-color:transparent}
.light-mode .plans ul li.rec a{background-image:linear-gradient(to bottom,#fff,var(--clr2)) !important}
.plans ul li.rec a:before{content:"";width:132px;height:126px;left:-16px;top:-12px;position:absolute;background:url('../img/badge.png') no-repeat center}
.plans ul li.rec a .m-titr{padding-left:70px;font-size:13px;text-align:right}



.plans .status{margin-bottom:25px;display:inline-block;padding:5px 22px;background:rgba(111, 245, 0, 0.1);border:1px solid rgba(111, 245, 0, 0.1);backdrop-filter:blur(30px)}
.plans .status span{color:#82FF68;display:inline-block;margin:0 5px}


.plans .bg-video{top:0;right:0;z-index:-1;max-height:100%}
.plans .bg-video:after{background:linear-gradient(to bottom,var(--body),transparent,var(--body));z-index:1;top:0;right:0;width:100%;height:100%;position:absolute;content:""}
.plans .bg-video .video{opacity:.2;z-index:-2}
.plans .gradient-bg{top:100px}
.plans .gradient-bg2{top:400px}

.customers-comments{padding:30px 0}
.customers-comments .main{width:920px}
.customers-comments .owl-dots{display:none}
.customers-comments .item{width:400px;margin:10px 0 10px 20px;padding:25px 25px 50px;background:linear-gradient(to top,rgba(255, 255, 255, 0.15),transparent)}
.customers-comments .item .top-info .pic{width:70px;height:70px}
.customers-comments .item .top-info .ins{width:calc(100% - 85px)}
.customers-comments .item .top-info .ins .star-rating{unicode-bidi:bidi-override;display:inline-block;color:#ccc}
.customers-comments .item .top-info .ins .star-rating .filled-stars{direction:ltr;top:0;left:0;white-space:nowrap;color:gold;pointer-events:none}
.customers-comments .item .top-info .ins .star-rating span{pointer-events:none}
.customers-comments .item .desc{line-height:2;text-align:justify;margin-top:15px}
.customers-comments .item:before{content:"";position:absolute;bottom:20px;height:4px;background:#fff;width:60%;right:20%;border-radius:10px;opacity:.1}
.customers-comments .gradient-bg{left:0}

.faqs .main{width:920px}
.faqs .gradient-bg{top:-50px}
.faqs .entery{margin-top:10px}
.faqs .entery ul.accordion>li{margin:10px 0}
.faqs .entery ul.accordion>li>.submenu{display:none;padding:20px 25px;border-top:1px var(--blur) solid;line-height:2;text-align:justify}
.faqs .entery ul.accordion>li>.link{padding:15px 20px}
.faqs .entery ul.accordion>li>.link>span{width:calc(100% - 20px);line-height:1.8}
.faqs .entery ul.accordion>li>.link>span:before{content:"";width:10px;height:10px;display:inline-block;border-radius:50%;margin-left:10px;background:var(--blur)}
.faqs .entery ul.accordion>li>.link i{font-size:25px;opacity:0.5}
.faqs .entery ul.accordion>li.open>.link i{transform:rotate(180deg);color:#fff}
.faqs .entery ul.accordion>li.open>.link{color:var(--color)}
.faqs .title-asli .icon,.customers-comments .title-asli .icon{margin-top:0}




@media only screen and (max-width:920px){
.plans{min-height:calc(100vh - 130px);min-height:calc(100dvh - 130px);padding:30px 0}
.plans .titr{margin-bottom:10px;font-size:18px}
.plans ul li a{margin:10px 0;border-radius:8px}

.plans ul li{flex:1 0 calc(50% - 15px);max-width:calc(50% - 15px);margin:7.5px}
.plans ul li.rec a{transform:scale(1)}
.plans ul li a .more-infs{display:none}
.plans .info{font-size:13px}
.plans ul li.rec a .m-titr{top:0;font-size:12px}
.gradient-bg, .gradient-bg2{display:none}


.plans .status{margin-bottom:20px;font-size:16px}
.plans .status span{font-size:21px}

.customers-comments{padding:20px 0 0 0}
.customers-comments .item{width:230px;margin:15px 7.5px;background:rgba(255, 255, 255, 0.15);padding:20px 20px 50px}
.customers-comments .item .desc{text-align:right;padding-top:10px;margin-top:7px}
.customers-comments .item .top-info .ins .name{font-size:15px}
.customers-comments .item .top-info .pic{width:50px;height:50px}
.customers-comments .item .top-info .ins{width:calc(100% - 65px)}

.faqs .entery{margin:15px 0 40px}
.faqs .entery ul.accordion > li > .link{font-size:14px;padding:10px 15px}
.faqs .entery ul.accordion > li{margin:7.5px 0}
.faqs .entery ul.accordion > li:first-child{margin-top:0}
.faqs .entery ul.accordion > li > .submenu{font-size:13px;padding:15px 20px}


}
@media only screen and (max-width:720px){
/*
.plans ul li a,.plans ul li a:hover{padding:10px 25px}
.light-mode .plans ul li a{border:2px #eee solid}
.plans ul li a .icon{width:60px}
.plans ul li a .inside{padding-right:15px;margin:6px 10px 0 0;width:calc(100% - 80px)}
.plans ul li a .inside .title{font-size:15px}
.plans ul li a .inside .title span{font-size:11px;padding:2px 5px 0;margin-right:5px}
.plans ul li a .more{padding:17px 0;font-size:0;margin:0;background:none;color:#33354d;opacity:.7}
.plans ul li a .more i{font-size:25px;margin-right:0}
.plans ul li a .inside .price .offer{font-size:12px}
.plans ul li a .inside .price .rt-18{font-size:14px}
.plans ul li a .inside .price .rt-18 .rt-13{font-size:10px}
.plans ul li a .inside .price{margin-top:5px}
.plans ul li a .inside .title span samp{display:none}
.plans ul li a .icon span{top:17px;right:3px;width:54px;font-size:13px}
.plans .info{font-size:13px;line-height:1.85}
.plans .info i{margin:2px 0 0 8px}
.dark-mode .plans ul li a .more i{color:#fff}
*/
}