.header{border-top: 5px #fe9519 solid;}
.header .top{padding:15px 0}
.header .top .logo{height:70px}
.header .rt-menu li a,.header .rt-menu li,.header .rt-menu ul{display:inline-block}
.header .rt-menu li a{color:#888;padding:25px 13px;position:relative}
.header .rt-menu li a:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block;margin-left:7px;background-color: #efe3d5;}
.header .search{padding:0 10px;width:200px;margin:11px 0;background-color:#f5f5f5;background:linear-gradient(to right,#f5f5f5,#fff)}
.header .search input{padding:14px 5px;border:0;background:none}
.header .search .text{width:calc(100% - 30px);color:#492154}
.header .search .sub{font-family:'Font Awesome 5 Pro';font-weight:300}
.header .order{padding:7px;margin:8px 25px 8px 0}
.header .order .icon{width:40px;height:40px}
.header .order span{padding:9px 12px 8px 15px}
.header .bottom{top:0;right:0;z-index:99999}
.header .fixed{padding-bottom:61px}
.header .fixed.active .bottom{position:fixed}
.header .fixed.active .list li a.resell{background-color: #787e80;color: #fff;}
.header .bottom .inside::before{content:'';position:absolute;top:0;height:30px;left:-30px;right:-30px;box-shadow:0 -12px 23px -14px rgba(0, 0, 0, 0.5);}
.header .bottom .inside::after{content: '';position: absolute;bottom: 0;height: 30px;left: -60px;right: -60px;box-shadow: -2px 12px 23px -14px rgba(0, 0, 0, 0.4)}
.header .list li,.header .list li a,.header .list li ul{float:right}
.header .list li a{margin:9px 0 9px 16px;padding:10px 15px;font-family:Vazir;color:#444;border-radius:35px;font-weight:500}
.header .list li a i{margin:1px 0 0 8px}
.header .list li a:hover{background-color: rgb(254 149 25 / 12%);}
.header .list li a.active,.header .list li a.active:hover{background-color: #fe9519;color:#fff}
.header .list li.none{display:none}
.header .contact-btn .icon{width:40px;height:40px;margin:10.5px 0}
.header .contact-btn:before,.header .contact-btn:after,.header .contact-btn .icon{background-color:#4bbf78}
.header .contact-btn:before,.header .contact-btn:after{width:40px;left:0;height:3px;content:"";position:absolute;opacity:.25}
.header .contact-btn:before{top:0;border-radius:0 0 10px 10px}
.header .contact-btn:after{bottom:0;border-radius:10px 10px 0 0}
.header .contact-btn:hover:before,.header .contact-btn:hover:after{height:13px;opacity:1;border-radius:0}
.header .contact-btn:hover .icon{border-radius:0}


.index-products{margin:35px 0}
.intro{background: linear-gradient(to top,#f7f7f6,rgb(247 247 246));}
.intro .side{padding:0 10px;width:25%}
.intro .side.large{width:50%}
.intro .side a{height:410px;margin:10px 0}
.intro .side a .img{top:0;right:0;height:100%;object-fit:cover}
.intro .side a h2{right:0;bottom:0;padding:80px 25px 25px 25px;background-color:rgba(0, 0, 0, 0.5);background:linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.7))}


.index-about .entery{background: linear-gradient(to left,#f7f7f700,rgb(254 149 25 / 22%));padding:30px;border-radius:300px 0 0 300px}
.index-about .entery .pic{width:300px;height:300px;padding:10px}
.index-about .entery .text{line-height:2.2;width:calc(100% - 350px)}
.index-about .entery .text p{display:block;margin-top:5px}
.index-about .entery .text .rt-all{margin-top:10px}


.mini-p{padding:15px}
.mini-p .pic img{height:140px}
.mini-p .title{margin:15px 0}
.mini-p .price{color:green}
.mini-p .order{display:inline-block;padding:12px 17px;margin:25px 0 10px;background-color: #8BC34A;}
.mini-p .order i{margin-left:8px}


.blog-p{padding:20px}
.blog-p .pic{width:40%;height:300px;object-fit:cover}
.blog-p .inside{width:60%;padding:20px 30px 0 0}
.blog-p .inside .title a:before{content:"";width:7px;height:7px;display:inline-block;border-radius:50%;margin-left:7px;background-color:#7d388d}
.blog-p .inside .text{line-height:2.1;margin:15px 0 25px}
.blog-p .inside .author .name{padding:15px 10px}

.all-products .cat-products{margin-top:10px;width:260px;background: linear-gradient(to top,#ffffff,rgb(255 255 255));padding:10px 20px}
.all-products .cat-products .link{padding:13px 0;border-bottom: 1px rgb(254 149 25) dashed;}
.all-products .cat-products li.open .link h3,.all-products .cat-products li:hover .link h3{color:#222}
.all-products .cat-products li.open .link i{transform:rotate(180deg)}
.all-products .cat-products>ul>li:last-child>.link{border-bottom:0}
.all-products .cat-products .link i{margin:3px 0 0 9px;opacity:.5}
.all-products .cat-products .submenu{display:none;padding:7px 0 15px}
.all-products .cat-products .submenu li a{padding:10px 17px;color:#444}
.all-products .cat-products .submenu li a:hover{background-color:#eee}

.all-products .entery{width:calc(100% - 280px)}
.all-products .titr{padding-right:10px;margin-bottom:25px}
.all-products .titr:before{right:10px}
.all-products .mini-p{width:calc(33.33% - 20px);margin:10px}


.wp-pagenavi{width:100%;text-align:center;float:right;font-size:15px;margin-top:20px}
.wp-pagenavi .current,.wp-pagenavi .page,.wp-pagenavi .last,.wp-pagenavi .first,.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink{display:inline-block;padding:7px 15px;background-color:#fff;margin:5px;border-radius:15px}
.wp-pagenavi .current{color:#fff;background-color:#7d388d}
.wp-pagenavi .pages{display:inline-block;margin-left:10px;color:#555}
.wp-pagenavi a:hover{opacity:.7}

.index-products .ax{width:150px;margin:48px 0}
.index-products .entery.owl-carousel .owl-stage-outer,.last-blogs .entery.owl-carousel .owl-stage-outer{overflow:inherit}
.index-products .entery .owl-nav,.rezome .owl-nav,.last-blogs .owl-nav,.fix-mob{display:none}
.index-products .entery{width:calc(100% - 175px)}
.index-products .entery .mini-p{width:220px;margin:10px}



.titr{margin:6px 0 30px}
.titr:before{content:"";width:80px;height:2px;bottom:-17px;right:calc(50% - 40px);background-color: rgb(254 149 25 / 42%);position:absolute;background: linear-gradient(to left,#e7e1d9,rgb(254 149 25 / 58%),#ede7e0);}
.last-blogs .entery .blog-p{width:580px;margin:10px}


.steps .main{width:1100px}
.steps .step{width:25%;padding:10px 30px;line-height:2}
.steps .step .num{font-size:100px;z-index:-1;top:-20px;right:50%;opacity:.1}
.steps .step h4{margin-top:10px}


.rezome{margin-bottom:35px}
.rezome .entery:before,.rezome .entery:after{z-index:2;width:70px;height:100%;content:"";top:0;position:absolute}
.rezome .entery:before{right:0;background:linear-gradient(to left,#fff,rgba(125, 56, 141, 0))}
.rezome .entery:after{left:0;background:linear-gradient(to right,#fff,rgba(125, 56, 141, 0))}
.rezome .entery .item{padding:15px 20px;width:143px}
.rezome .entery .item img{height:100px}
.rezome .entery .owl-item:first-child .item{margin-right:30px}
.rezome .entery .owl-item:last-child .item{margin-left:30px}


.footer{box-shadow:0 10px 40px rgba(173,188,200,.52);z-index:2;padding-top:60px;position:relative;background-color:#fff}
.footer .bg{height:100%;top:0;right:0;opacity:.25;pointer-events: none; z-index: -1;object-fit:cover}
.footer .side{padding:0 30px;width:33.33%}
.footer .side .title{margin-bottom:25px}
.footer .side:first-child{padding-right:0}
.footer .side:last-child{padding-left:0;border-left:0}
.footer .side.about .logo{margin-bottom:10px}
.footer .side.about .text{line-height:2.2}
.footer .side.about .rt-more{padding:8px 15px;margin-top:20px}
.footer .side.about .rt-more i{margin-right:8px}
.footer .l-blogs .show{padding:5px 13px;margin:-4px 15px 0 0}
.footer .l-blogs li{width:50%}
.footer .l-blogs li a{padding:10px 0 10px 20px}
.footer .l-blogs li a:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;margin-left:8px;background-color: #fe9519;}
.footer .info{border-left:2px #eee dashed;border-right:2px #eee dashed;line-height:2}
.footer .info .mini-title{margin-top:20px}
.footer .info .soc{width:40px;height:40px;margin:10px 0 0 10px;background-color:#f5f5f5;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.footer .info .soc.tg{background-color:#0088cc}
.footer .info .soc.wa{background-color:#00E676}
.footer .info .soc.in{background-color:#e0025a;background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)}
.footer .namads img{height:80px}
.footer .copyright{line-height:1.8;margin-top:40px;width:calc(100% - 190px)}
.footer .footer-btn{display:none}


.locations{padding:35px 0 15px}
.single-side .main{width:1100px}
.single-product{padding:20px}
.single-product .vanilla-zoom{width:40%;display:flex;margin-left:35px}
.single-product .vanilla-zoom .sidebars{flex-basis:22%;display:flex;flex-direction:column;padding-left:15px}
.single-product .vanilla-zoom .sidebars img.small-preview{width:100%;margin-bottom:15px;cursor:pointer;border:1px #eee solid;border-radius:8px}
.single-product .vanilla-zoom .sidebars img.small-preview:last-child{margin-bottom:0}
.single-product .vanilla-zoom .zoomed-image{min-height:400px;border-radius:8px;flex:1;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px #eee solid}
.single-product .inside{width:calc(60% - 110px)}
.single-product .inside .title{margin-top:15px;border-bottom:1px #eee dashed;padding-bottom:15px}
.single-product .inside .title i{margin:3px 0 0 7px}
.single-product .inside .info{margin:15px 0 20px}
.single-product .inside .info li{padding:7px 0}
.single-product .inside .price-bar .order{background-color:#23bf53;padding:15px 20px}
.single-product .inside .price-bar .order i{margin-left:7px}
.single-product .inside .price-bar .price{margin:12px 0 0 12px}
.single-product .inside .price-bar .price.offer .num{text-decoration:line-through;color:red;margin-top:4px}
.single-product .bars{padding:5px;width:50px;background: linear-gradient(to top,#fff,#f1dbc1);border-radius:15px 15px 0 0}
.single-product .bars .share a{width:30px;height:30px;margin:5px;filter:grayscale(1);opacity:.35}
.single-product .bars .share a:hover{filter:grayscale(0);opacity:1}
.single-side .rt-matn{margin:30px 0 50px;padding:30px 40px}

.rt-matn{line-height:2.4;overflow:hidden}
.rt-matn p,.rt-matn ul,.rt-matn ol,.rt-matn blockquote,.rt-matn hr,.rt-matn pre{display:block;margin:0 0 20px}
.rt-matn h1{font-size:1.7rem}
.rt-matn h1,.rt-matn h2,.rt-matn h3,.rt-matn h4,.rt-matn h5,.rt-matn h6,.rt-matn h1 *,.rt-matn h2 *,.rt-matn h3 *,.rt-matn h4 *,.rt-matn h5 *,.rt-matn h6 *{font-weight:bold;font-family:Vazir}
.rt-matn h1,.rt-matn h2,.rt-matn h3,.rt-matn h4,.rt-matn h5,.rt-matn h6,.rt-matn blockquote{margin-top:20px}
.rt-matn h1,.rt-matn h2,.rt-matn h3,.rt-matn h4,.rt-matn h5,.rt-matn h6{line-height:1.9}
.rt-matn li{margin:5px 50px 5px 20px;padding-right:7px}
.rt-matn ul li{list-style:disc}
.rt-matn ol li{list-style:persian}
.rt-matn em{font-style:italic}
.rt-matn img{height:auto}
.rt-matn pre{font-family:monospace,monospace;background-color:#f5f5f5;padding:10px 15px;border-radius:10px}
.rt-matn hr::before{color:#858585;content:"....";display:block;font-family:tahoma;font-size:18px;letter-spacing:.7rem;margin:0 auto}
.rt-matn hr{border:0;height:40px;outline:none;text-align:center}
.rt-matn blockquote{padding:25px 35px;border:1px #e0e0e0 solid;position:relative;border-radius:10px}
.index-products.realteds{padding-top:0;margin-top:0}
.index-products.realteds .entery{width:100%}


.all-blogs .entery .blog-p{width:calc(50% - 20px);margin:10px}
.all-blogs .entery .blog-p:nth-child(even){float:left}







@-webkit-keyframes bounceDown { 0%,100% { -webkit-transform: translateY(6px);transform: translateY(6px);}50% { -webkit-transform: translateY(-6px); transform: translateY(-6px);}}@keyframes bounceDown {0%,100% {-webkit-transform: translateY(6px);transform: translateY(6px);} 50% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}}
.top-full{min-height:calc(100vh - 166px);padding:40px 0;background-color:#000}
.top-full .bg-img{top:-15%;right:0;object-fit:cover;height:130%;opacity:.5}
.top-full .main{width:500px;line-height:1.85}
.top-full .main h1{margin-bottom:15px}
.top-full .bottom-btn{bottom:-1px;right:0}
.top-full .bottom-btn>div>svg{display:block;margin:0 auto}
.top-full .bottom-btn>.link{margin-top:-32px}
.top-full .bottom-btn>.link>a{animation:bounceDown 2s infinite;display:inline-block;padding:5px 10px;}
.rt-post .main{width:1000px}
.rt-post .post-type-1 .rt-matn{padding:15px 0 60px 0}
#vbdt-post{margin-top:-40px}
.info-bar{margin-top:50px}
.info-bar li.minis i{margin-left:5px}
.info-bar li.editor span{margin:9px 0 0 20px;font-size:14px;padding-right:10px;font-size:15px}
.rt-comments{margin-top:60px}
.footer-info .tags a{padding:3px 13px;border-radius:50px;color:#777;margin:5px 3px;background:#eee;display:inline-block}
.footer-info .tags a:before{content:"#";font-size:20px;margin-left:5px}
.footer-info .tags{margin-top:30px}
.footer-info .share{margin-left:calc(50% - 138px)}
.footer-info .share .soc{padding:8px}
.footer-info .share .soc i{margin:3px 0}
.footer-info .share .input{border:1px #4b4b4b solid;padding:7px 10px 7px 34px;margin:5px 8px 0 0;width:160px;direction:ltr;background:none}
.footer-info .share:before{content:"";background:url('assets/img/copy.svg') no-repeat;background-size:cover;width:20px;height:20px;float:left;position:absolute;left:10px;top:12px}
.info-bar li.minis i{font-size:14px}
.info-bar li.minis span{font-size:12px}
.info-bar li.editor img{width:38px;height:38px;margin:3px 0}
.info-bar li.cat-p{float:left;padding-left:0;text-align:left;margin:0 5px 0 0}
.info-bar .cat-p a{background-color: #fe9519c9;color:#fff;border-radius:30px;display:inline-block;padding:8px 12px;margin:5px 7px 1px 0;font-size:12px}
.info-bar li.minis{padding:14px 0 14px 15px}
.footer-info .tags{font-size:12px !important;margin-top:20px !important}


.faqs{padding:60px 0}
.faqs .entery ul.accordion>li{margin:10px 0}
.faqs .entery ul.accordion>li>.submenu{display:none;padding:25px;border-top:1px #ddd solid;line-height:2.2;text-align:justify}
.faqs .entery ul.accordion>li>.submenu ol,.faqs .entery ul.accordion>li>.submenu ul{display:block;padding:15px 0}
.faqs .entery ul.accordion>li>.submenu li{padding:5px 0;list-style:disc;list-style-position:inside !important}
.faqs .entery ul.accordion>li>.link{box-shadow: 0 5px 30px rgba(70,72,77,.05);padding:15px 25px}
.faqs .entery ul.accordion>li>.link>span{width:calc(100% - 20px);line-height:1.8}
.faqs .entery ul.accordion>li>.link i{font-size:25px;opacity:0.5}
.faqs .entery ul.accordion>li.open>.link i{transform:rotate(180deg)}
.faqs .main{width:800px}
.faqs .entery ul.accordion>li.open>.link{color:#7d388d}
.faqs .list-p-link{margin-top:30px}
.faqs .list-p-link a:hover{opacity:0.8}
.faqs.active .rt-all i{transform:rotate(180deg)}
.faqs.active .rt-all{opacity:.2}


.rt-page{padding:35px 0}
.rt-page .main{width:900px}
.rt-page .entery{padding:40px 30px}
.rt-page .entery .matn{margin-top:20px;line-height:2.2}
.rt-page .entery .tab-btns{width:calc(100% + 80px);margin:-30px -40px 15px}
.rt-page .entery .tab-btns a{width:33.33%;padding:15px 5px;background-color:#f5f5f5}
.rt-page .entery .tab-btns a.active{background-color:#fff;font-weight:bold}



.gr-form.rt-page .entery{padding:30px 40px}
.gr-form .main{width:500px}
.gr-form .gform_body{font-size:15px;color:#4b515a}
.gr-form .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.gr-form .gform_wrapper textarea.medium,.gr-form .gform_wrapper.gf_browser_gecko select{border-radius:8px;border:1px #ced4da solid !important}
.gr-form .gform_wrapper .field_description_below .gfield_description{padding-top:5px;color:#8e939b}
.gr-form .gform_wrapper ul.gform_fields li.gfield{padding:10px 0}
.gr-form .gform_wrapper label.gfield_label,.gr-form .gform_wrapper legend.gfield_label{font-size:14px}
.gr-form .gform_wrapper .gform_footer input.button,.gr-form .gform_wrapper .gform_footer input[type="submit"],.gr-form .gform_wrapper .gform_page_footer input.button,.gr-form .gform_wrapper .gform_page_footer input[type="submit"]{cursor:pointer;font-weight:bold;margin-right:0;padding:10px 25px;border-radius:7px;border:0 !important;background-color:#23bf53 !important;color:#fff !important;float:left}
.gform_wrapper .gfield_required{color:#ff565e !important;margin:0 5px}
body .gr-form .gform_wrapper .top_label div.ginput_container{margin-top:3px}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{width:100% !important}

.banks .main{width:620px}
.banks .des{margin:10px 0}
.banks ul li{border-bottom:1px #ddd solid;border-radius:0;padding:15px;margin:12.5px 0}
.banks ul li:last-child{border-bottom:0}
.banks ul li .log{width:60px;margin:30px 0}
.banks ul li .log img{margin-bottom:5px}
.banks ul li .insd{width:calc(100% - 85px)}
.banks ul li .insd>div{margin:10px 0}
.banks ul li .insd .titl{margin:6px 0 0 10px;width:83px}
.banks ul li .insd .number{width:calc(100% - 100px);border:0;background-color:#eee;height:33px;direction:ltr;padding:7px 16px 7px 40px;letter-spacing:4px}
.banks ul li .insd .number:before{content:"";background:#ddd url('assets/img/copy.svg') no-repeat center;background-size:18px;width:33px;height:33px;float:left;position:absolute;left:0;top:0;border-radius:5px 0 0 5px}
.banks ul li .insd .number:hover{opacity:0.7}
.banks.rt-page .entery .tab-btns{width:calc(100% + 60px);margin:-40px -30px 25px}


.customers .item{width:calc(20% - 20px);margin:10px;padding:20px}


.gallery,.rt-flex{display:flex;flex-wrap:wrap}
.gallery-picture .item{flex:1 0 calc(20% - 5px);margin:2.5px;max-width:calc(20% - 5px)}
.gallery-picture .item .title,.gallery-picture .item .name{bottom:0;right:0}
.gallery-picture .item .pic{height:200px;object-fit:cover}
.gallery-picture .item .title a{padding:30px 5px 12.5px 5px;background-color:rgba(0, 0, 0, 0.7);background:linear-gradient(to top,rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0))}
.gallery-picture .item:hover .title,.gallery-picture .item:hover i,.gallery-picture .item:hover .name{opacity:0}
.gallery-picture .item .name a{padding:50px 5px 15px;background:linear-gradient(to bottom,rgba(219, 243, 251, 0),rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.8))}
.gallery-picture .item i{top:50%;right:50%;transform: translate(50%,-50%);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.48);font-size:50px}
.gallery .gallery-item{flex:1 0 25%;padding:5px}
.gallery .gallery-item img{width:100%;object-fit:cover;height:200px;float:right}
.gallery .gallery-item img:hover{opacity:.8}


.contact-us.rt-page .entery{padding:50px}
.contact-us.rt-page .main{width:900px}
.contact-us.rt-page .gr-form{box-shadow:0 1px 21px rgba(142, 148, 165, 0.29);width:50%;padding:25px}
.contact-us.rt-page .list{width:calc(50% - 40px)}
.contact-us.rt-page .list li{padding:20px 0}
.contact-us.rt-page .list li .icon{margin-top:6px}
.contact-us.rt-page .list li .ins{width:calc(100% - 60px)}
.contact-us.rt-page .list li .ins .tit{margin-bottom:5px}
.contact-us.rt-page .list li .ins .desc span{margin-right:7px}
.contact-us.rt-page .list iframe{margin-top:15px}



.why.rt-page .main{width:1200px}



.about-us .introx .side{width:23%}
.about-us .introx .side .item{padding:30px 15px;margin:10px 0}
.about-us .introx .side .item .title{margin:12.5px 0}
.about-us .introx .side .item img{height:50px}
.about-us .introx .text-box{width:54%;padding:0 40px}
.about-us .steps button{width:16.66%;border:0;background:none;padding:30px 0 20px}
.about-us .steps button.step-1:before,.about-us .steps button.step-6:after{display:none}
.about-us .steps button:before,.about-us .steps button:after{height:3px;width:50%;content:"";position:absolute;top:10px;background-color:#d8d8d8;z-index:-1}
.about-us .steps button:before{right:0}
.about-us .steps button:after{left:0}
.about-us .steps button span:after{height:16px;width:16px;content:"";position:absolute;top:4px;left:calc(50% - 8px);border-radius:50%;background-color:#d8d8d8}
.about-us .steps:before{background-color: #fe9519;position:absolute;height:3px;top:45px;right:8.33%;width:0;content:""}
.about-us .steps.active-2:before{width:16.66%}
.about-us .steps.active-3:before{width:33.33%}
.about-us .steps.active-4:before{width:49.98%}
.about-us .steps.active-5:before{width:66.64%}
.about-us .steps.active-6:before{width:83.3%}
.about-us .steps .brief{padding:30px 200px 50px 200px;display:none}
.about-us .steps .brief .name{margin-bottom:10px}
.about-us .steps.active-1 .text-1,.about-us .steps.active-2 .text-2,.about-us .steps.active-3 .text-3,.about-us .steps.active-4 .text-4,.about-us .steps.active-5 .text-5,.about-us .steps.active-6 .text-6{display:block}.about-us .steps.active-1 button.step-1 span:after,.about-us .steps.active-2 button.step-1 span:after,.about-us .steps.active-2 button.step-2 span:after,.about-us .steps.active-3 button.step-1 span:after,.about-us .steps.active-3 button.step-2 span:after,.about-us .steps.active-3 button.step-3 span:after,.about-us .steps.active-4 button.step-1 span:after,.about-us .steps.active-4 button.step-2 span:after,.about-us .steps.active-4 button.step-3 span:after,.about-us .steps.active-4 button.step-4 span:after,.about-us .steps.active-5 button.step-1 span:after,.about-us .steps.active-5 button.step-2 span:after,.about-us .steps.active-5 button.step-3 span:after,.about-us .steps.active-5 button.step-4 span:after,.about-us .steps.active-5 button.step-5 span:after,.about-us .steps.active-6 button.step-1 span:after,.about-us .steps.active-6 button.step-2 span:after,.about-us .steps.active-6 button.step-3 span:after,.about-us .steps.active-6 button.step-4 span:after,.about-us .steps.active-6 button.step-5 span:after,.about-us .steps.active-6 button.step-6 span:after{background-color: #fe9519;}
.about-us .steps.active-1 button.step-1 span,.about-us .steps.active-2 button.step-1 span,.about-us .steps.active-2 button.step-2 span,.about-us .steps.active-3 button.step-1 span,.about-us .steps.active-3 button.step-2 span,.about-us .steps.active-3 button.step-3 span,.about-us .steps.active-4 button.step-1 span,.about-us .steps.active-4 button.step-2 span,.about-us .steps.active-4 button.step-3 span,.about-us .steps.active-4 button.step-4 span,.about-us .steps.active-5 button.step-1 span,.about-us .steps.active-5 button.step-2 span,.about-us .steps.active-5 button.step-3 span,.about-us .steps.active-5 button.step-4 span,.about-us .steps.active-5 button.step-5 span,.about-us .steps.active-6 button.step-1 span,.about-us .steps.active-6 button.step-2 span,.about-us .steps.active-6 button.step-3 span,.about-us .steps.active-6 button.step-4 span,.about-us .steps.active-6 button.step-5 span,.about-us .steps.active-6 button.step-6 span{color: #fe9519;}



.intro,.index-about,.index-products,.last-blogs,.rezome,.steps,.all-products,.all-blogs,.customers,.gallery-picture,.about-us,.about-us .sec{padding:35px 0}
@media only screen and (max-width:1210px){
.header .rt-menu li a{padding:25px 7px}
.header .list li a{padding:9px 10px;margin:10px 0 10px 10px}
.header .search{width:176px}
.header .order{margin-right:12px}
}
@media only screen and (max-width:1110px){
.header .order{display:none}
}
@media only screen and (max-width:1040px){
.header .list li a{margin-left:2px}
}
@media only screen and (max-width:980px){
.intro,.index-about,.index-products,.last-blogs,.rezome,.steps,.all-products,.all-blogs,.customers,.gallery-picture,.about-us,.about-us .sec{padding:15px 0}
.gallery-picture .item{flex:1 0 calc(25% - 5px);max-width:calc(25% - 5px)}
.rt-page{padding:20px 0}
.rt-page .entery{padding:20px 15px}
.rt-page .entery .title{font-size:15px}
.rt-page .entery .matn{margin-top:15px;font-size:13px}
.gr-form .gform_wrapper label.gfield_label, .gr-form .gform_wrapper legend.gfield_label{font-size:13px}
body .gform_wrapper .top_label div.ginput_container{margin-top:5px}
.gr-form.rt-page .entery{padding:20px}
.rt-page .entery .tab-btns,.banks.rt-page .entery .tab-btns{width:calc(100% + 40px);margin:-20px -20px 10px;font-size:12px}
.header{box-shadow:0 15px 20px -20px rgba(0, 0, 0, .1);position:fixed;top:0;right:0;z-index:9999999;border-top:3px #7d388d solid}
.header .rt-menu,.index-products .ax,.index-about .entery .text .rt-all,.blog-p .inside .text,.steps .step i,.rezome .entery::before, .rezome .entery::after{display:none}
.header .top .logo{height:50px}
.header .search{background:#f5f5f5;margin:7px 0;width:calc(100% - 127px)}
.header .search .text{font-size:12px;width:calc(100% - 20px)}
.header .search .sub{font-size:14px}
.header .search input{padding:10px 3px}
.header .top{padding:8px 0}
.header .list{font-size:12px;width:calc(100% - 30px);margin-right:-10px;-ms-overflow-style: none;scrollbar-width: none;display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;}
.header .list li a{margin:7px 0 7px 7px;padding:6px 12px}
.header .list li a i{font-size:14px;margin-left:7px}
.header .list li.none{display:inline-block}
.header .list li:first-child{margin-right:10px}
.header .list li:last-child{margin-left:10px}
.header .fixed{padding-bottom:44px}
.header .fixed.active .bottom{position:absolute}
.header .contact-btn .icon{width:25px;height:25px;font-size:15px;margin:9.5px 0}
.header .bottom:before,.header .bottom:after{z-index:1000;width:15px;position:absolute;height:100%;top:0;content:""}
.header .bottom:before{right:0;background:linear-gradient(to left,#fff,rgba(125, 56, 141, 0))}
.header .bottom:after{left:50px;background:linear-gradient(to right,#fff,rgba(125, 56, 141, 0))}
.header .contact-btn::before,.header .contact-btn::after{width:25px}
.header .fixed .list li a.resell{background-color:#fcd43a;color:#222}
.header .bottom .inside::before,.header .bottom .inside::after{right:40px;left:40px}
main{margin:113px 0 51px}
.rt-all{padding:7px 12px}
.owl-carousel.slider-auto{width:calc(100% + 20px);margin-right:-10px;margin-left:-10px;-ms-overflow-style: none;scrollbar-width: none;display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;}
.owl-carousel.slider-auto>*,.header .list li{flex:0 0 auto}
.owl-carousel.slider-auto>*:first-child{margin-right:10px !important}
.owl-carousel.slider-auto>*:last-child{margin-left:10px !important}
.intro .side{padding:0 7.5px}
.intro .side a{height:250px}
.intro .side a h2{font-size:13px}
.index-about{padding:0}
.index-about .entery{width:calc(100% + 20px);margin:0 -10px;padding:15px;border-radius:0 30px 0 0;background:linear-gradient(to right top,#efe6f1,#efe6f1,#efe6f1,rgba(125, 56, 141, 0.25))}
.index-about .entery .pic{float:right;width:60px;height:60px;padding:0}
.index-about .entery .text{width:100%;line-height:2;font-size:13px}
.index-about .entery .text h1{font-size:14px;padding:0 75px 15px 0;margin-top:-42px}
.index-products{margin:15px 0}
.index-products .entery .mini-p{margin:5px;width:160px;padding:10px}
.all-products .cat-products{top: inherit !important;position: initial !important;width:calc(100% + 20px);margin:-15px -10px 0;border-radius:0}
.all-products .entery{width:100%}
.all-products .titr{margin:15px 0 8px}
.mini-p .pic img{height:80px}
.mini-p .title{font-size:13px;margin:10px 0}
.mini-p .price{font-size:13px}
.mini-p .price span{font-size:11px}
.mini-p .order{font-size:12px;padding:8px 12px;margin:12px 0 5px}
.mini-p .order i{font-size:15px;margin-left:7px}
.blog-p{padding:10px}
.blog-p,.blog-p .pic,.mini-p{border-radius:8px}
.blog-p .pic{width:100%;height:110px}
.blog-p .inside{width:100%;padding:20px 0 0 0}
.blog-p .title{font-size:13px;margin-bottom:15px}
.blog-p .inside .text{font-size:12px;margin:8px 0 15px}
.blog-p .inside .author img{height:35px}
.blog-p .inside .author .name{width:calc(100% - 47.5px);font-size:12px;padding:8px 0;float:left}
.titr{font-size:15px;margin:4px 0 9px;text-align:right}
.titr::before{display:none}
.rt-shadow{box-shadow:0 2px 2px rgba(0,0,0,.1)}
.last-blogs .entery .blog-p{width:230px;margin:0 5px 5px 5px}
.steps{padding:0}
.steps .step{width:50%;padding:0 45px 10px 5px;line-height:1.8}
.steps .step h4{font-size:13px}
.steps .step span{font-size:12px;opacity:.85}
.steps .step .num{font-size:31px;top:10px;right:0;width:32px;text-align:left}
.rezome{margin-bottom:0}
.rezome .entery{width:calc(100% + 20px);margin-right:-10px;border-radius:0}
.rezome .entery .item img{height:80px}
.rezome .entery .item span{font-size:12px}
.rezome .entery .item{border-left:1px #eee dashed;width:120px}
.rezome .entery .item:last-child{border-left:0}
.fix-mob{display:block;box-shadow:0 -15px 20px -15px rgba(0, 0, 0, .07);position:fixed;bottom:0;right:0;z-index:99999}
.fix-mob .btn{width:20%;padding:7px 4px}
.fix-mob .btn .bar{width:37px;height:37px}
.fix-mob .btn .icon{margin-bottom:5px}
body.footer-active{overflow:hidden}
.footer{transform:scale(.4);right:-100%;visibility:hidden;opacity:0;position:fixed;top:0;padding-top:0;z-index:99999999;height:100%}
body.footer-active .footer{transform:scale(1);right:0;visibility:visible;opacity:1}
.footer .bg{opacity:.15}
.footer .info{border:0}
.footer .side{width:100%;padding:20px 0}
.footer .side .title{font-size:13px;margin-bottom:15px}
.footer .info .mini-title{margin-top:12px}
.footer .side.about .text{line-height:2;font-size:12px}
.footer .side.about .logo{height:40px;margin-bottom:5px}
.footer .side.about .rt-more i{font-size:16px;margin-right:5px}
.footer .side.about .rt-more{font-size:12px;margin-top:10px;float:right;padding:6px 13px}
.footer .l-blogs .show{margin:-3px 10px 0 0;font-size:11px}
.footer .l-blogs ul{font-size:12px}
.footer .l-blogs li a{padding:8px 0 8px 20px}
.footer .copyright{width: 100%;margin:10px 0;font-size:12px}
.footer .namads img{height:70px}
.footer .namads{width:100%;text-align:center;margin-bottom:15px}
.footer .info .soc{width:30px;height:30px;font-size:14px}
.footer .footer-btn{display:inline-block;padding:15px 10px;color:red;background-color:#efe6f1}
.footer .inl{height:calc(100vh - 55px);overflow:auto}
.footer .side:first-child{padding-top:35px}
.footer .side .location,.footer .info .tamas,.all-products .cat-products .submenu li a,.wp-pagenavi{font-size:12px}
.footer .info .tamas .rt-18,.all-products .cat-products .link h3{font-size:13px}
.all-products .cat-products .link i{font-size:15px}
.wp-pagenavi{margin:10px 0}
.index-products.realteds .entery{width:calc(100% + 20px)}
.all-blogs .entery .blog-p{width:calc(50% -  10px);margin:5px}
.top-full{min-height:calc(100vh - 167px)}
.top-full .main h1{font-size:18px;margin-bottom:10px}
.top-full .main h2{font-size:14px}
#vbdt-post{margin-top:-80px}
.rt-post .post-type-1 .rt-matn{padding:5px 15px 20px}
.rt-comments{margin:40px 0 20px}
.info-bar li.cat-p{width:100%;float:right;margin-top:10px;text-align:right}
.info-bar .cat-p a{margin:1px 0 1px 8px;font-size:11px}
.info-bar{margin-top:20px}
.faqs{padding:20px 0}
.faqs .entery ul.accordion>li{margin:5px 0}
.faqs .entery ul.accordion>li>.link{font-size:14px;padding:12px 15px}
.faqs .entery ul.accordion>li>.link i{font-size:21px}
.faqs .entery ul.accordion>li>.submenu{padding:10px 15px;font-size:13.5px}
.faqs .list-p-link{margin-top:15px}
.about-us .steps button span{font-size:12px}
.about-us .steps{margin:10px 0}
.about-us .steps .brief{padding:0 20px 20px 20px}
.about-us .steps .brief .rt-matn{font-size:13px}
.about-us .steps .brief .name{font-size:14px}
}
@media only screen and (max-width:920px){
*::-webkit-scrollbar{display:none}
*{-ms-overflow-style: none;scrollbar-width: none}
.single-product .inside .price-bar{box-shadow:0 -15px 20px -15px rgba(0, 0, 0, .07);position: fixed;bottom: 51px;right: 0;background-color: #fff;width: 100%;z-index: 99999;padding:6px 10px}
.single-product .inside .price-bar .price{float:left;margin:9px 12px 0 0;font-size:11px}
.single-product .inside .price-bar .price .rt-22,.single-product .inside .title{font-size:14px}
.single-product .inside .price-bar .price.offer .num{font-size:12px;margin-top:2px}
.single-product .inside .price-bar .order{padding:8px 12px;font-size:14px;border-radius:8px}
.single-product .inside .title i{font-size:16px;margin:1px 0 0 6px}
.single-product .inside .info{font-size:12px;margin:7px 0 0}
.single-product .inside .title{padding-bottom:8px}
.single-product .bars{width:auto;float:right;border-radius:0 15px 15px 0;margin-top:10px;background:linear-gradient(to right,#fff,#efe6f1)}
.single-product .bars .share a{width:25px;height:25px;font-size:13px;margin:0 2.5px;float:right}
.single-product .inside{width:calc(60% - 35px)}
.single-product .vanilla-zoom .zoomed-image{min-height:270px}
.locations{font-size:12px;padding:15px 0 10px}
.locations i{font-size:13px}
.single-product,.single-side .rt-matn{padding:15px;border-radius:8px}
.single-side .rt-matn{margin:15px 0}
.rt-matn{font-size:14px;color:#222}
.index-products.realteds{margin-bottom:60px}
.index-products.realteds .titr{margin-bottom:5px}
.customers .item{width:calc(25% - 10px);padding:15px;border-radius:5px;margin:5px}
.customers .item span{font-size:13px}
.customers .item img{height:80px}
.customers .entery{width:calc(100% + 10px);margin:0 -5px}
.gallery .gallery-item{flex:1 0 33.33%}
.gallery-picture .item{flex:1 0 calc(33.33% - 5px);max-width:calc(33.33% - 5px)}
.gallery-picture .item .title a{font-size:13px}
.gallery-picture .item .pic{height:150px}
.contact-us.rt-page .gr-form,.contact-us.rt-page .list{width:100%}
.contact-us.rt-page .entery{padding:20px}
.contact-us.rt-page .gr-form{box-shadow:none;padding:0;margin-bottom:25px}
.contact-us.rt-page .list li .ins .tit{font-size:13px;margin-bottom:3px}
.contact-us.rt-page .list li .ins .desc{font-size:12px}
.contact-us.rt-page .list li .icon{margin-top:1px}
.contact-us.rt-page .list li{padding:15px 0}
.contact-us.rt-page .list iframe{height:160px;border-radius:8px}
.rt-page .entery{border-radius:8px}
}
@media only screen and (max-width:700px){
.all-products .mini-p{width:calc(50% - 10px);margin:5px}
.about-us .introx{padding-top:0}
.about-us .introx .side{width:100%}
.about-us .introx .side .item{width:calc(50% - 10px);margin:5px;border-radius:5px}
.about-us .introx .text-box{width:100%;padding:30px 20px 10px 20px}
.about-us .introx .side .item img{height:40px}
.about-us .introx .side .item .title{margin:10px 0;font-size:14px}
.about-us .introx .side .item .title span{font-size:14px}
.about-us .introx .side .item .desc{font-size:12px}
.about-us .introx .text-box .rt-matn{font-size:13px}
}
@media only screen and (max-width:600px){
.intro{padding:12.5px 0}
.intro .side{width:calc(50% - 5px);padding:0}
.intro .side:last-child{float:left}
.intro .side.large{width:100%}
.intro .side a{height:100px;margin:5px 0;border-radius:8px}
.intro .side.large a{height:170px}
.intro .side a h2{padding:40px 15px 10px 15px;font-size:13px}
.single-product .inside{width:100%;margin-top:10px}
.single-product .vanilla-zoom{width:100%;margin-left:0}
.single-product .vanilla-zoom .sidebars{padding-left:10px}
.single-product .vanilla-zoom .sidebars img.small-preview{margin-bottom:10px}
.single-product .vanilla-zoom .zoomed-image{min-height:170px}
.footer-info .tags a{padding:5px 12px !important;margin:4px 1px}
.footer-info .tags a::before{font-size:16px !important}
.footer-info .share{margin-left:0;width:100%;transform:scale(.9)}
.footer-info .share .soc{float:right}
.banks ul li .log{float:none;margin:0 auto;display:block}
.banks ul li .insd,.banks ul li .insd .number{width:100%}
.banks ul li .insd .titl{margin-bottom:8px}
.banks .des{font-size:13px;margin:5px 0 10px;line-height:1.85}
.customers .item{width:calc(33.33% - 10px)}
.gallery .gallery-item{flex:1 0 50%}
.gallery .gallery-item img{height:150px}
.gallery-picture .item{flex:1 0 calc(50% - 5px);max-width:calc(50% - 5px)}
}
@media only screen and (max-width:480px){
.rt-matn h1{font-size:1.45rem}
.rt-matn blockquote{padding:20px}
.rt-matn li{margin-right:20px}
.rt-matn h1,.rt-matn h2,.rt-matn h3,.rt-matn h4,.rt-matn h5,.rt-matn h6{margin-top:20px;margin-bottom:5px}
.banks ul li .log{height:50px;margin-top:7px}
.banks ul li .insd .number{letter-spacing:1px}
.customers .item{width:calc(50% - 10px)}
}
.contact .tamas {
  display: block;    
  margin: 5px 0;      
  float: none !important; 
  text-align: right;    
}
.container {
  max-width: 540px;
  margin: 0 auto;
  padding: 15px;
  direction: rtl;
  font-family: tahoma, sans-serif;
}


.form-label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}


.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}


.mb-3 {
  margin-bottom: 1rem;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.375rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.btn:disabled {
  opacity: 0.65;
  pointer-events: none;
}

.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.btn-warning:hover {
  background-color: #ffca2c;
  border-color: #ffcd39;
}
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-success {
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
}
.w-100 {
  width: 100% !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.text-center {
  text-align: center !important;
}
.alert {
  position: relative;
  padding: 0.5rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}
.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
#paymenmessage {
  display: none;
}
.alert_e {
  display: none;
}
.alert_s {
  display: none;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.row {
  display: flex;
  flex-wrap: wrap; 
  margin: -8px;   
}

.col-md-6 {
  flex: 0 0 50%;   
  max-width: 50%;
  padding: 8px; 
}

.form-group {
  display: flex;
  flex-direction: column;
}
.toast {
    position: fixed;
    top: 90px;
    left: 20px;
    min-width: 250px;
    border-radius: 0.5rem;
    z-index: 1050;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: opacity 0.3s ease;
  }

  .toast-success {
	background-color: #62c023;
	border-color: #eefbe5;
	color: #fff;
  }

  .toast-warning {
    background-color: #ffc107;
    color: black;
  }

  .toast-danger {
    background-color: #dc3545;
    color: white;
  }

  .toast-header {
	 min-width: 250px; 
    padding: 12px 15px;
    border-radius: 0.5rem 0.5rem 0 0;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .toast-body {
    padding: 15px;
    font-size: 1rem;
  }
  .toast.hidden {
    opacity: 0;
    visibility: hidden;
  }
  @media (max-width: 576px) {
    .toast {
      min-width: 200px;
      bottom: 20px; 
      top: auto;
      left: 50%;
      transform: translateX(-50%);
    }
  }
.dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.dropdown-item {
    transition: all 0.3s ease-in-out;
}
.dropdown-item:hover {
    background-color: #f8f9fa;
}
.btn-sm {
    font-size: 14px;
    padding: 5px 10px;
}  
.container { max-width: 700px; margin-top: 50px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.tag-list-sibup { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.tag-item-sibup { background: #ff4d49; color: white; padding: 5px 10px; border-radius: 5px; font-size: 14px; }
.tag-item-sibup .remove-tag { cursor: pointer; margin-left: 5px; font-weight: bold; }
.form-text.text-danger {
  font-size: 0.9rem;      
  color: #dc3545;         
  font-weight: 500;       
  margin-top: 4px;      
  display: block;         
  animation: fadeIn 0.3s ease-in-out; 
}
  .box-token {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .success-box {
    padding: 30px;
    text-align: center;
	max-width: 400px;
    width: 100%;
  }

  .check-circle {
    width: 60px;
    height: 60px;
    background-color: #28a745;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
  }

  .check-circle::after {
    content: '✔';
    color: white;
    font-size: 28px;
    font-weight: bold;
  }

  .tracking-box {
    padding: 1px 30px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    transition: transform 0.3s ease;
  }

  .tracking-box:hover {
    transform: translateY(-5px);
  }

  .tracking-label {
    font-weight: bold;
    margin-bottom: 12px;
    display: block;
    font-size: 1rem;
    color: #333;
  }

  .tracking-code-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    background: #f1f3f6;
    border-radius: 10px;
    padding: 10px 15px;
  }

  .tracking-code {
    font-weight: bold;
    font-size: 1rem;
    color: #555;
    user-select: all;
  }

  .copy-btn {
    background: linear-gradient(90deg, #4caf50, #66bb6a);
    border: none;
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease, transform 0.2s ease;
  }

  .copy-btn:hover {
    background: linear-gradient(90deg, #66bb6a, #81c784);
    transform: scale(1.05);
  }
  .custom-alert {
    position: fixed;
    top: 20px;
    right: 20px;
    background: linear-gradient(90deg, #4caf50, #66bb6a);
    color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
    transition: all 0.5s ease;
    z-index: 9999;
    font-weight: bold;
  }

  .custom-alert.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse: collapse;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: middle;
  border: 1px solid #dee2e6;
  font-size: 14px;
}

.table thead th {
  background-color: #f8f9fa;
  font-weight: 600;
  text-align: center;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}


.form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 80%;
}

.text-danger {
  color: #dc3545 !important;
}

label {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 14px;
  color: #212529;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.d-block {
  display: block !important;
}


.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

[class*="col-"] {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-md-4 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%;
}

.col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}


.form-group {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.btn {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border: 1px solid #dc3545;
}

.btn-danger:hover {
  background-color: #c82333; 
  border-color: #bd2130;
}
.rt-all {
    display: inline-block !important;
}
.retry-btn {
    display: inline-block;
    width: 30%; 
    padding: 12px 20px;
    text-align: center;
    color: #dc3545; 
    border: 2px solid #dc3545; 
    border-radius: 8px;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
.retry-btn:hover {
    background-color: #dc3545;
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.page-success {
    color: #72e128;
}