@import url(bootstrap/css/bootstrap.rtl.css);
@import url(css/Header1.css);
/* @import url(css/style-rtl.css);
@import url(css/content.css);
@import url(css/animated.css); */
@import url(css/font-awesome.css);
@import url(css/slick/slick.min.css);
@import url(css/slick/animate.min.css);
@import url(css/slick/style.css);
/* @import url(css/isotope.css);
@import url(css/flexslider.css);
@import url(css/fancybox.css); */
/* @import url(css/jquery.countdown.css); */
@-webkit-viewport {width:device-width;}
@-moz-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@-o-viewport {width:device-width;}
@viewport {width:device-width;}

@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: normal;
    src: local(''),
        url('fonts/IranSansXPro/Woff2/IRANSansXFaNum-Light.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('fonts/IranSansXPro/Woff/IRANSansXFaNum-Light.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/ttf/IRANSansXFaNum-Light.ttf') format('ttf'),
}

@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: 200;
    src: local(''),
        url('fonts/IranSansXPro/Woff/IRANSansXFaNum-Regular.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/Woff2/IRANSansXFaNum-Regular.woff2') format('woff2'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/ttf/IRANSansXFaNum-Regular.ttf') format('ttf'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('fonts/IranSansXPro/Woff/IRANSansXFaNum-Medium.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/Woff2/IRANSansXFaNum-Medium.woff2') format('woff2'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/ttf/IRANSansXFaNum-Medium.ttf') format('ttf'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}
@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: 500;
    src: local(''),
        url('fonts/IranSansXPro/Woff/IRANSansXFaNum-DemiBold.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/Woff2/IRANSansXFaNum-DemiBold.woff2') format('woff2'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/ttf/IRANSansXFaNum-DemiBold.ttf') format('ttf');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

}

@font-face {
    font-family: 'IRANSansWeb';
    font-style: normal;
    font-weight: bold;
    src: local(''),
        url('fonts/IranSansXPro/Woff/IRANSansXFaNum-Bold.woff') format('woff'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/Woff2/IRANSansXFaNum-Bold.woff2') format('woff2'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
        url('fonts/IranSansXPro/ttf/IRANSansXFaNum-Bold.ttf') format('ttf'),
        /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
:root {
    --blue: #0360D9;
  }
/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2014 By BESTDNNSKINS.COM
 */
/*--------- Global CSS Reset & Standards ----------*/
#Body{ background:center top fixed #dcdddf; margin:0;padding:0; color:#747474; }
html,body{ margin:0; padding:0; font:normal 13px/1.5 'IRANSansWeb'; color:#747474;}
Body #Form{ height:100%; }
* {font-family:'IRANSansWeb';font-weight: normal; }
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
[class*="map"] img,[id*="map"] img,[class*="Map"] img,[id*="Map"] img, table img{max-width:none!important;}
img{border:0; height:auto;}
p{ margin:0 0 8px 0;
    font-size: 13px;
    line-height: 24px;
    text-align: right;
    font-family: 'IRANSansWeb';
color: #747474;
direction: rtl;
font-weight: normal;}

A:link { text-decoration : none; }
A:visited { text-decoration : none; }
/* A:hover { text-decoration:underline; } */
A:active { text-decoration : none; }

h1{font-size:28px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h2{font-size:24px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h3{font-size:20px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h4{font-size:18px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h5{font-size:16px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h6{font-size:14px;line-height:1.5em;font-weight:bold;letter-spacing:0;font-family:'IRANSansWeb';}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family:'IRANSansWeb';font-weight: normal;}

/*Bootstrap Reset*/
[id*="ControlPanel"], [id*="ControlPanel"] *, [id*="ControlPanel"] *:after,
.dnn_mact, .dnn_mact *, .dnn_mact *:before, .dnn_mact *:after,
.dnnActionMenu, .dnnActionMenu *, .dnnActionMenu *:before, .dnnActionMenu *:after,
.TB_Wrapper, .TB_Wrapper * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
[class*="RadAjaxPanel"] *,[class*="Digital"] * { font-size:12px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
ul.list-unstyled, ol.list-unstyled, ul.list-unstyled > li, ol.list-unstyled > li {list-style: none; margin:0;}
ul.row {margin-left: -15px; margin-right: -15px;}
ol, ul {list-style: none;}
ul li { list-style-type:none; }
ul li li { list-style-type:circle; }
ol li { list-style-type: decimal;}
.nav li { list-style:none!important;}
a{outline:none!important;border:0;}
.btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info{color:#ffffff!important;}
ul#myTab { padding:0; margin:0; } 
.panel-primary > .panel-heading h3 {color: #ffffff;}
.panel-success > .panel-heading h3 {color: #468847;}
.panel-warning > .panel-heading h3 {color: #c09853;}
.panel-danger > .panel-heading h3 {color: #b94a48;}
.panel-info > .panel-heading h3 {color: #3a87ad;}
.popover {z-index:999;}
.row {flex-direction: row-reverse;} 
/*spacer styles*/
.pe-spacer { clear: both; display: block; margin: 0; min-height: 0 !important;  padding: 0; width: 100%;}
.pe-spacer.size10 { height: 10px;}
.pe-spacer.size20 { height: 20px;}
.pe-spacer.size30 { height: 30px;}
.pe-spacer.size40 { height: 40px;}
.pe-spacer.size50 { height: 50px;}
.pe-spacer.size60 { height: 60px;}
.pe-spacer.size70 { height: 70px;}
.pe-spacer.size80 { height: 80px;}
.pe-spacer.size90 { height: 90px;}
.pe-spacer.size100 { height: 100px;}

/*border styles*/
.left_border{ border-left:1px solid #e9e9e9;}
.right_border{ border-right:1px solid #e9e9e9;}
.top_border{ border-top:1px solid #e9e9e9;}
.bottom_border{ border-bottom:1px solid #e9e9e9;}

.Head{ font-weight:bold; font-size:16px; }
.SubHead { font-weight:bold;  font-size:15px; }
.SubSubHead{ font-size:14px; }
.Normal { font-size:13px; line-height:1.5em; }

.clearafter:after{ clear:both; content:"."; height:0px; font-size:0px; visibility:hidden; display:block; }
.clearafter{ display:inline-block; }
.clearafter{ display:block; }
.clear{ clear:both; }
.clear_float{ clear:both;line-height:0;font-size:0;}
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display{ display:none;}

/*--------- Admin Settings Reset ----------*/
.FileManager A, .FileManager A:link, .FileManager A:visited, .FileManager A:active{ color:#000000; text-decoration: underline;}
.FileManager A:hover{ color:#000000; text-decoration:none;}
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, a.dnnPrimaryAction:link { color: #FFFFFF; text-decoration : none;}
.dnnActionMenu span { color:#000000!important;}
.ModuleTitle_SubMenu{ z-index:9999!important; }	
.DnnModule{z-index:inherit;}
.dnnFormPopup .ui-dialog-titlebar { min-height:40px; }
.bs-docs-section .bs-example.bs-example-popover{ z-index:1;}
.DNNAligncenter table { margin: 0 auto;}
.paneOutline { border:1px dashed #ccc;}


/*--------------------------------------------
               All Design Style                
---------------------------------------------*/
#skin_wrapper {width:100%;  position:inherit!important;z-index:1; background:#fff; margin:0 auto; -webkit-box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;box-shadow:0 0 20px #a3a3a3;}
#skin_wrapper.boxed {width:1140px; }
.logo_style {
    width: 20%;
    text-align: right;
}
.menu_box {
    width: 50%;
}
.page-search-box {
    width: 30%;
    position: relative;
}


.skin_main { min-height:550px; }
.content_whitebg{ background:#fff;}
.content_graybg .skin_width{position:relative; }

.content_gray2bg{ background:#f5f5f5; position:relative; }
.content_colorbg{position:relative;}
.skin_top_content { padding:20px 20px;}
.skin_main_padding{ padding:0 20px;}

.footer_top{ background:#f6f6f6; }
.footerpane_style{ position:relative;}
.footer_bg{ background:var(--blue);}
.bottomlink_style { line-height:55px; text-align:center; width:auto;border-top:1px solid #ddd;  }
.bottomlink_style span a{ padding:0 20px; color:#565656;}
.bottomlink_style span a:hover{text-decoration:none;}
.footer_logout{ display:none;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane > [class*="col-md"],.dnnpane > [class^="col-md"] { padding: 10px 15px;}

.headerpane{ display:none; padding:0 10px;}
.content_grid12{}
.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid4r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}
.graygrid4a{margin:40px 0;}
.graygrid4b{margin:40px 0;}
.graygrid4c{margin:40px 0;}
.graygrid12{margin:40px 0;}
.fullwidthgrid4a{margin:40px 0;}
.fullwidthgrid4b{margin:40px 0;}
.fullwidthgrid4c{margin:40px 0;}
.fullwidthgrid12{margin:40px 0;}
.middlegrid3a{margin:40px 0;}
.middlegrid3b{margin:40px 0;}
.middlegrid3c{margin:40px 0;}
.middlegrid3d{margin:40px 0;}
.middlegrid6a{margin:40px 0;}
.middlegrid6b{margin:40px 0;}
.middlegrid12{margin:40px 0;}
.imgbg3a{margin:40px 0;}
.imgbg3b{margin:40px 0;}
.imgbg3c{margin:40px 0;}
.imgbg3d{margin:40px 0;}
.imgbg{margin:40px 0;}
.colorgrid4a{}
.colorgrid4b{}
.colorgrid4c{ }
.colorgrid12{padding-bottom:0!important;}
.bottomgrid4a{margin:40px 0;}
.bottomgrid4b{margin:40px 0;}
.bottomgrid4c{margin:40px 0;}
.bottomgrid6a{margin:40px 0;}
.bottomgrid6b{margin:40px 0;}
.bottomgrid12a{margin:40px 0 0 0;}
.bottomgrid12b{margin:40px 0;}
.footer_grid3a { margin:50px 0 40px 0;}
.footer_grid3b { margin:50px 0 40px 0;}
.footer_grid3c { margin:50px 0 40px 0;}
.footer_grid3d { margin:50px 0 40px 0;}
.footerpane { margin:50px 0 40px 0;}

/*--------- Scroll Top Style ----------*/
#top-link{  bottom:25px; right:30px; text-align:center; display:block; height:40px; padding:0; width:44px; background:#999; background:rgba(0,0,0,0.3); position: fixed; text-decoration: none; z-index: 903; outline:none; color:#FFF; color:rgba(255,255,255,.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#top-link .fa{ text-align:center; line-height:40px; font-size:17px;}
#top-link:hover{ filter:Alpha(Opacity=90);opacity:0.9;transition: all 0.4s ease 0s;  -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;}
/* ----------- Footer ---------------- */
.footerpane_style {
	padding: 30px 20px 0 20px;
}
/*--------- Footer-Links ----------*/
.inner-footer-links ul {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
}
.inner-footer-links ul > li {
    width: 50%;
    text-align: right;
    margin-bottom: 6px;
    list-style: disc;
    color: #fff;
    direction: rtl;
    font-size: 14px;
}.inner-footer-links ul > li a {
    line-height: 24px;
    color: #83b9ff;
    font-size: 14px;
    font-weight: 300;
}
.inner-footer-links ul > li a,
.inner-footer-links ul > li a:link{ color :#fff; text-decoration : none; }
.inner-footer-links ul > li a:visited { color :#fff; text-decoration : none; }
.inner-footer-links ul > li a:hover { color :#fff; text-decoration : none; }
.inner-footer-links ul > li a:active {color: #fff;text-decoration : none;}

/*--------- Footer-address ----------*/
.address-footer {
    text-align: right;
    direction: rtl;
    color: #fff;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.address-footer p {
    color: #fff;
    font-weight: 300;
    padding-right: 15px;
    font-size: 14px;
}
.address-footer .fa {
    color: #fff;
    padding-left: 5px;
    font-size: 16px;
}
.address-footer span {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}
/*--------- Bazdid ----------*/
/* .visit-box:before {
    background-repeat: no-repeat;
    content: url('/Portals/1/shafaf.content/footer/footer-logo.png');
    width: 61px;
    height: 61px;
    position: absolute;
    left: 0;
    top: 0;
} */
.visit-box span {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.visit-box p, .visit-box span {
    color: #fff;
    font-family: 'IRANSansWeb';
    font-weight: 300;
}
/*--------- CopyRight ----------*/
.copyright-box

{
    text-align: center;
    background: #83B9FF;
    padding: 10px;
    display: inline-block;
    border-radius: 15px 15px 0 0;
    direction: rtl;
}
.copyright_bar
{
    color: #000;
    font-family: 'IRANSansWeb';
    font-size: 12px;
    line-height: 26px;
    font-weight: 300;
    position: relative;

}
.copyright_bar::before {
	content: "";
	background: url(../../shafaf.content/footer/footer-logo.png);
	width: 25px;
	height: 25px;
	position: absolute;
	right: -35px;
	top: -4px;
	background-size: 25px;
	background-repeat: no-repeat;
}
/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#555; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover{ text-decoration:none; }

/*--------- Dark Color Area Font Color ----------*/
.img_bg *, .content_colorbg *{ color:#fff;}

/*leftsidebar layout*/
.LM_position { float:left; width:22%;padding:0; }
.LM_skin_content { float:left; min-height:350px; width:78%; padding:0 0 0 25px;}
.leftside_style { padding:0;}

/*--------- Font Awesome ----------*/
.fa_icon_wrapper { padding:0 15px; margin:20px 0 40px;}
.fontawesome-icon-list [class*="col-md-"] { padding:15px 20px; border:1px solid #f2f2f2;  margin: -1px 0 0 -1px; color:#666; }
.fontawesome-icon-list [class*="col-md-"]:hover { color:#049AD9;}
.fontawesome-icon-list span.fa {font-size:22px;margin-right: 5px; width: 30px; position: relative;top: 2px;}
/*--------- Page Search ----------*/
.inner-page-search-box {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row-reverse;
    position: relative;
}
.page-search {
    padding: 10px;
    border-radius: 10px;
    /* width: 100%; */
    min-width: 374px;
    border: 0;
    text-align: right;
    direction: rtl;
    /* display: inline-block; */
    font-weight: 300;
    color: #000;
    line-height: 24px;
    font-size: 16px;
}
span.icon-page-search {
    width: 35px;
    height: 35px;
    background: #0360D9;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#results {
    border: 0;
    max-height: 200px;
    overflow-y: auto;
    background: #fff;
    position: RELATIVE;
    z-index: 1;
    direction: rtl;
    text-align: right;
    width: 374px;
    margin: 0 auto;
     position: absolute;
    top: 46px;
    right: 0;
    left: 0;
    border-radius: 10px;
}

.result-item {
    padding: 10px;
    cursor: pointer;
    font-weight: 300;
}

.result-item:hover {
    background-color: #f0f0f0;
}
/* ---------------------- Responsive -------------------- */
@media handheld, only screen and (max-width: 1399px){
    span.icon-page-search {
        width: 36px;
        height: 36px;
        left: 50px;
  
    }
    .page-search {
        padding: 10px 12px;
        min-width: 250px;
        line-height: 24px;
        font-size: 14px;
    }
    #results {
        width: 250px;
    }
    }
@media handheld, only screen and (max-width: 1199px){
    span.icon-page-search {
      
        left: 20px;
    }

#skin_wrapper { width:auto!important; margin:0 auto;}
}

/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 991px){
#skin_wrapper { width:auto!important; margin:0 auto; max-width:768px;}
.logo_style {
    width: 100%;
}
.page-search-box {
    width: 100%;
    position: relative;
    margin-top: 5px;
}
.menu_box {
    width: 100%;
}
.page-search {
	/* padding: 5px 10px; */
	/* min-width: auto; */
	/* line-height: 24px; */
	/* font-size: 14px; */
	width: 100%;
	background: #fff;
	margin: 5px auto;
	/* border-radius: 0; */
}
span.icon-page-search {
    width: 32px;
    height: 32px;
    left: 6px;
    /*border-radius: 0;
    top: 6px;*/
}
#results {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: #eee;
	top: 0;
}
.result-item {

    border-bottom: 1px dashed #ddd;
}
.skin_top_content { padding:20px;}
.dnnpane > [class*="col-md"],.dnnpane > [class^="col-md"] { padding: 10px 10px; }
.footerpane_style {
    padding: 30px 20px 0 20px;
  }
}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
#skin_wrapper{ width:auto!important;min-width:300px;}
body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display{ display:block;}

.language-object .Language {margin:0 1px;}
.skin_main_padding{ padding:0 30px;}
.footer_left{ float:none; width:auto; padding:10px 2%; text-align:center;}
.socialpane_style{ float:none; text-align:center; padding:10px 2%;}
.footer_bg .copyright_bar{ line-height:28px;}
.copyright_bar {
	padding-right: 28px;
}
.copyright_bar::before {
	right: -4px;
}

/*--------- Scroll Top Style ----------*/
#top-link { bottom: 12px; right: 20px; }

/*--------- Pane Style ----------*/
.headerpane{ margin:0;}
.bottomgrid4a{margin:20px 0; }
.bottomgrid4b{margin:20px 0; }
.bottomgrid4c{margin:20px 0; }
.bottomgrid12{margin:20px 0; }
.footer_grid3a { margin:30px 0 20px 0;}
.footer_grid3b { margin:30px 0 20px 0;}
.footer_grid3c { margin:30px 0 20px 0;}
.footer_grid3d { margin:30px 0 20px 0;}
.footer_grid12 { margin:0; padding:0 !important;}
}

/*--------- Retina Set ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {
.menuclick { background-image:url(images/retina/btn_menu%402x.png); -webkit-background-size:25px 19px; -moz-background-size:25px 19px; background-size:25px 19px; }
#standardMenu .rootMenu a span .navarrow, #standardMenu .rootMenu a span .navarrow2, 
#megaMenu .root a span .navarrow, #megaMenu .root a span .navarrow2
{background-image:url(images/retina/mobile_navarrow%402x.png); -webkit-background-size:17px 80px; -moz-background-size:17px 80px; background-size:17px 80px;}
}
/* --------------Please Wait --------------------- */

/* PULSE BUBBLES */
#loading {
    position: absolute;
    background: #ffffffd1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    z-index: 1;
        border-radius: 20px;
}
.spinner-box {
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}

.pulse-container {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.please-wait {
    margin-top: 20px;
    font-family: 'IRANSansWeb';
    font-weight: bold;
    font-size: 16px;
}
.pulse-bubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--blue);
}

.pulse-bubble-1 {
    animation: pulse .4s ease 0s infinite alternate;
}
.pulse-bubble-2 {
    animation: pulse .4s ease .2s infinite alternate;
}
.pulse-bubble-3 {
    animation: pulse .4s ease .4s infinite alternate;
}