/*
Theme Name:blueserver2022
Theme URI:https://www.blueserver.ir
Description: blueserver
Version:2022
Author:Iraj ZHD
Author URI:Iraj ZHD
*/
@font-face {
  font-family: 'Vazirmatn';
  font-style: normal;
  font-weight: 400;
  font-display: optional;
  src: url('fonts/Vazirmatn.woff2') format('woff2');  }

@font-face { 
  font-family: "Estedad";
  font-weight: normal;
  font-style: normal;
  font-display: optional;
  src: local('Estedad'),
  url('fonts/Estedad-VF-FD.woff2') format('woff2');  } 
	
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video 
{  margin: 0;  padding: 0;  border: 0;  vertical-align: baseline;      font-family: 'Estedad';  	text-decoration: none;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {  display: block;}
body { overflow-x: hidden; overflow-y: scroll;  font-weight: 400;      font-family: 'Estedad';}
ol,ul {  list-style: none;  margin:0; padding-right:20px;     text-align: right; }
blockquote,q {  quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {  content: '';}
p{margin:1px 8px 0 8px !important ; color: #4A5293;  font-size: 15.5px;  line-height: 30px; text-align:right; }
button:focus {  outline: none;}
table {  border-collapse: collapse;  border-spacing: 0; margin:0 auto;}
select {  -webkit-appearance: none;  -moz-appearance: none;  -webkit-user-select: none;     -moz-user-select: none;      -ms-user-select: none;          user-select: none;}
select::-ms-expand {  display: none;}
label {  font-weight: normal;}
img {  max-width: 100%;  height: auto;      display: block;    margin-left: auto;    margin-right: auto; overflow: clip !important;}
video, canvas {  overflow: clip !important;}
a { }
p a:link { color: #7B12DD  !important; ; text-decoration: underline !important;   text-underline-offset: 5px;   }
p a:link:hover, p a:visited, {    color: #003c7d;     text-decoration: none !important; }


::-webkit-scrollbar {    width: 15px;}
::-webkit-scrollbar-thumb:hover {    background: #17239b;}
::-webkit-scrollbar-thumb {    background: #c4d9f0;}
::-webkit-scrollbar-track {    background: #f4f4f4;}

h2, h3 , h4 , h5 , h6 {  font-size: 15px; text-align:right !important;  font-weight: normal !important; }
a:hover, a:visited, a:link, a:active{    text-decoration: none !important;  }
 

b, strong{ font-weight:normal !important; }
ul li,ol li { color: #44548C !important; list-style: none; font-size: 15px !important; margin-bottom: 4px; text-align: right;}

li {line-height:28px; }
#counter b {  font-weight: normal;}
.center{margin:0 auto; text-align:center !important;}
.right{text-align:right !important; float:right !important}
.left{text-align:left !important; float:left !important; direction:ltr;}
.margin-auto{margin:0 auto !important}
.margin-top{margin-top:60px}
.margin-bottom{margin-bottom:40px; display:block;     padding-bottom: 60px;}
.margin-bottom-top-header{margin-bottom:20px; display:block;     padding-bottom: 20px;}
.font-Estedad{ font-family: Estedad,sans-serif;}
 
.video-center { margin:0 auto; text-align:center;}

.tos{left:0px; bottom:0px; background:url(images/tos.png) bottom no-repeat; width:305px; height:250px; margin:0 auto !important; text-align:center;}
.blue-logo{color: #6eafcf;border-radius: 4px;padding: 3px 10px; font-family: "Estedad";}

/*****************  Header ***************/
.header {  padding: 50px 0;  margin-bottom: 90px;   background-color: #fdfdfd;}
.hedear-bg{border: 0; font-family: Vazir; font-size: 13px;  position:relative; margin-top: 8px !important;
min-height: 30px; margin: 0 auto; width: 100%; z-index: 9999; transition: transform .4s; display: flex; background-color: #fff; --animate-delay: 0.5s;
-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
header .row {  display: -ms-flexbox;  display: flex;  -ms-flex-direction: row;      flex-direction: row;  -ms-flex-align: center;      align-items: center;
box-shadow: 1px 1px 1px 0px rgba(154, 154, 154, 0.05);
  border-radius: 12px;
  padding: 7px;
  border: 1px solid #f1f1f1;
}
header .button-header { text-align: right;    border-radius: 2px;    margin-right: 2px;   }
header .button-header .custom-btn {width: 120px !important; color: #793b9b; border-radius: 4px !important; display: inline-block; text-align: center; background-color: #f7e3ff; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; margin-top: -4px; -webkit-font-smoothing: subpixel-antialiased;}
.button-header a { font-size:14px !important;}
header .button-header .custom-btn:hover { color: #FFF !important;   background: #6fb5ff;
    transition: border .4s linear,color .4s linear,width .4s linear,background-color .4s linear; box-shadow: 0 1rem 2.5rem rgba(22,28,45,.1),0 .5rem 1rem -.75rem rgba(22,28,45,.1) !important;}
.col-index-header {margin-top:80px; width: 220px; float: right;}

/*****************  Why Choose ***************/


.inside1 {padding: 4px; text-align: justify; background-color: #fff; margin-bottom: 8px; height: auto; width: 100%; display: inline-flex; border-radius: 3px; box-shadow: 0px 1px 3px 0px #dae8ef;}
.inside1 a {color: #306e96; font-size: 15.5px !important; text-align: center !important; line-height: 20px; background: #f2f9ff; padding: 8px; border-radius: 4px; margin-left: 24px; min-width: 108px;  }
.inside1 a:hover {background-color: #58b1ff; color: #fff;  cursor: cell; transition: 0.4s;}
.inside1 img {  vertical-align: middle; float:right; margin-right: inherit;     padding: inherit; }
.inside1 p {	    color: #657998;  font-size: 13px;  margin-bottom: 26px;    line-height:20px;}
.inside1 a >  h2,h3{ text-align:center; display:inline-block;}


.inside2 {padding: 4px; background-color: #fff; margin-bottom: 8px; height: auto; width: 100%; border-radius: 3px; border: 1px solid #f9f9f9;}


/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}}mark{color:#000;background:#ff0}small{font-size:80%}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-size:16px !important;}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}legend{padding:0;border:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-spacing: 0px 7px; line-height: normal; text-align: center; font-size: 15px; color: #595959; border-color: #f0f0f0  !important;}td,th{ padding: 4px; font-weight:100;    border: 1px solid #f0f5f0 !important;}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{}} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:14px;line-height:1.42857143;color:#333;background-color:#FFF}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#0052AB;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.h1,.h2,.h3,h1,h2,h3{ margin:0px !important;}.h4,.h5,.h6,h4,h5,h6{margin:0px}.h1,h1{font-size:36px}.h2,h2{font-size:15px;}.h3,h3{font-size:15px}.h4,h4{font-size:15px}.h5,h5{font-size:15px}.h6,h6{font-size:15px}.small,small{font-size:85%}.mark,mark{padding:.2em;background-color:#fcf8e3}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}code{padding:4px 4px;font-size:15px;color:blueviolet;background-color:#f3f3ff;border-radius:2px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:15px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{font-family: "Estedad" ;padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.container{margin:0 auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1320px}}.row{}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%} .col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}th{ }fieldset{min-width:0;padding:0;margin:0;border:0}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.hidden{display:none!important}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
 


/*****************  nav  ***************/



.btn-info{color: #fff; background-color: #549cea; padding: 5px 6px 5px 6px; border-radius: 3px;}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear; color:#fff;background-color:#13a1fb;font-size: 14px; font-weight: 100 !important;}



/*****************  Footer ***************/
footer {  padding: 10px 0 10px 0; border-top: 1px solid #f0f0f0; margin-top:80px;}
.footer-enamad{ background:url(images/footer-enamad.webp) no-repeat; width:200px; height:240px; margin:0 auto;  }
.widget-footer {    float: left;  display: inline-block;  margin-bottom: 115px;}
.widget-footer h4 {  font-size: 16px;  color: #fff;  letter-spacing: 2px;  text-transform: uppercase;  margin-bottom: 28px;  }
.widget-footer img {  margin-top: -10px;  margin-bottom: 5px;}
.widget-footer ul li {  margin-bottom: 6px; width: 100%;}
.widget-footer ul li a {  font-size: 14px;  color: #4A5782; display: inline list-item; list-style: none; }
.widget-footer ul li a:hover {  color: #2379b9;}
.widget-footer p {  color: #4A5782;  margin-bottom: 25px; font-family:"Estedad"}
.widget-footer.last {  width: 38%;  padding-left: 67px; float:right;}


.widget-footer {  margin-bottom: 5px;}



 
.index-row p{ text-align:center; margin:0 auto; color:#292929; font-size:14px;}

.tab-money-dollar { background:url(images/tab-money-dollar.png) no-repeat; width:32px; height:32px;  display: inline-flex;   margin: -4px 0 -14px 4px !important;  }

.index-animation img{ width:450px; height:450px;  margin-left: 20px;
        -webkit-animation: action 1.2s infinite  alternate;
        animation: action 1.2s infinite  alternate;
                }
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
                               }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
                      }


.index-iran-vps{background:url(images/index-datacenter.png)   -20px 0px; width:232px ; height:200px;  margin: 0 auto; text-align:center;}
.index-germany-vps{background:url(images/index-datacenter.png)   -290px 0px ; width:232px ; height:200px;  margin: 0 auto; text-align:center;}
.index-finland-vps{background:url(images/index-datacenter.png)  -570px 0px;  width:232px ; height:200px;  margin: 0 auto; text-align:center;}

.vps-remote{background:url(images/remote.png) no-repeat center  ; width:64px ; height:64px;  margin: 0 auto; text-align:center;}
.vps-os{background:url(images/os.png) no-repeat center  ; width:64px ; height:64px;  margin: 0 auto; text-align:center;}
.vps-port{background:url(images/port.png) no-repeat center  ; width:64px ; height:64px;  margin: 0 auto; text-align:center;}

.host-cpanel{background:url(images/host-cpanel.svg) no-repeat center  ; width:140px ; height:80px;  margin: 0 auto; text-align:center;}
.host-imunify{background:url(images/host-Imunify360.png) no-repeat center  ; width:140px ; height:80px;  margin: 0 auto; text-align:center; background-size: 47%;}
.host-nvme{background:url(images/host-nvme.svg) no-repeat center  ; width:140px ; height:80px;  margin: 0 auto; text-align:center;}

/*   tab */
.tab {   overflow: hidden; background-color:  #f5f8ff; border-radius: 4px; width: fit-content; padding: 10px; margin: 0 auto;      display: inline-flex;   }
.tab button { float: right; background-color: #ffffff; border: none; outline: none; cursor: pointer; padding: 14px 6px 14px 6px; transition: 0.3s; font-size: 16px;
        margin-left: 4px; margin-right: 4px; border-radius: 4px; }
.tab button:hover { color: #ffffff; background-color: #60c6ff; border-radius: 4px;  cursor: cell;   }
.tab button.active { background-color: #58b1ff ; color: white; border-radius: 4px;    }
.tabcontent { display: none; margin-top: 10px; }
.tabcontent.active { display: block; }
.tabset span {    vertical-align: middle;    text-align: center;    color: #596498; }
.tabset button.active span {color:white !important;}
.tabset button:hover span {color:white !important;}
.tabs-top-center {background-color: #fff;     margin-bottom: 20px; border-radius: 10px;}}
/*  tab */

.border-vps-category {   box-shadow: 0px 1px 3px 0px #dae8ef; margin-left: 8px !important; margin-right: 27px !important; width: 22%; border-radius: 4px;}



 
 
 

.tabset > input[type="radio"] {  position: absolute;  right: -200vw;}
.tabset .tab-panel {   }
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {  display: block;}
.tabset > label { background-color:#f3f6ff;  position: relative;  display: inline-block;  padding:14px; margin-top: 10px;  cursor: cell;    font-size:15px;   color:#9da9d4 ;  border-radius: 4px;  margin-left: 10px; transition-duration: .2s; margin-bottom: 6px;}
.tabset > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px;  background-color: #7d49ce;}
.tabset > label:hover,.tabset > input:focus + label {  color: #000000; transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;}
.tabset > input:focus + label::after,.tabset > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset > label:hover{ color: #fff;   background-color: #225ce4; }
.tabset > input:checked + label {    font-size:16px;		color: #fff;   background-color: #66b0ff;	 border-radius: 6px; }

.tabset {text-align:center !important; }
input[type="checkbox"], input[type="radio"]{display:none !important;}

 

.tabset-box > input[type="radio"] {  position: absolute;  right: -200vw;}
.tabset-box .tab-panel1 {  display: none;}

.tabset-box > label {background-color: #f0f3fb; position: relative; display: inline-block; padding: 15px; min-width: 23%; text-align: justify !important; cursor: cell; font-size: 14px; color: #aab1c7; border-radius: 12px; line-height: normal; transition-duration: .2s;}
.tabset-box > label::after {  position: absolute;  bottom: 10px;  width: 22px;  height: 4px; }


.tabset-box {text-align:center !important; }



.tabset1 > input[type="radio"] { }
.tabset1 .tab-panel1 {  display: none;}
.tabset1 > input:first-child:checked ~ .tab-panels1 > .tab-panel1:first-child,
.tabset1 > input:nth-child(3):checked ~ .tab-panels1 > .tab-panel1:nth-child(2),
.tabset1 > input:nth-child(5):checked ~ .tab-panels1 > .tab-panel1:nth-child(3),
.tabset1 > input:nth-child(7):checked ~ .tab-panels1 > .tab-panel1:nth-child(4),
.tabset1 > input:nth-child(9):checked ~ .tab-panels1 > .tab-panel1:nth-child(5),
.tabset1 > input:nth-child(11):checked ~ .tab-panels1 > .tab-panel1:nth-child(6) {  display: block;}
.tabset1 > label { background-color:#f3f6ff;  position: relative;  display: inline-block;  padding: 12px 16px 12px 16px;   cursor: cell; 
   font-size:16px;  color:#9da9d4 ;  border-radius: 3px;  margin-left: 10px;transition-duration: .2s; margin-bottom: 6px;}
.tabset1 > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px; }
.tabset1 > label:hover,.tabset1 > input:focus + label {  color: #000000;}
.tabset1 > input:focus + label::after,.tabset1 > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset1 > label:hover{  background-color: #6097ff  !important; color:#fff;  transition: border .3s linear,color .3s linear,width .3s linear,background-color .3s linear;}
.tabset1 > input:checked + label {    font-size:16px;		color: #fff;	 background-color: #5e76f4     !important;	 border-radius: 4px;  }
.tab-panel1 {  padding: 5px 0;}
.tabset1 {text-align:center !important; }
input[type="checkbox"], input[type="radio"]{display:none !important;}



.tabset2 > input[type="radio"] {  position: absolute;  right: -200vw;}
.tabset2 .tab-panel2 {  display: none;}
.tabset2 > input:first-child:checked ~ .tab-panels2 > .tab-panel2:first-child,
.tabset2 > input:nth-child(3):checked ~ .tab-panels2 > .tab-panel2:nth-child(2),
.tabset2 > input:nth-child(5):checked ~ .tab-panels2 > .tab-panel2:nth-child(3),
.tabset2 > input:nth-child(7):checked ~ .tab-panels2 > .tab-panel2:nth-child(4),
.tabset2 > input:nth-child(9):checked ~ .tab-panels2 > .tab-panel2:nth-child(5),
.tabset2 > input:nth-child(11):checked ~ .tab-panels2 > .tab-panel2:nth-child(6) {  display: block;}
.tabset2 > label { background-color:#f3f8fe;  position: relative;  display: inline-block;  padding: 15px 15px 15px; min-width:20%;    cursor: cell; 
   font-size:15px;  color:#9abddc ;  border-radius: 3px;  margin-left: 10px;transition-duration: .3s; margin-bottom: 6px;}
.tabset2 > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px; }
.tabset2 > label:hover,.tabset2 > input:focus + label {  color: #000000;}
.tabset2 > input:focus + label::after,.tabset2 > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset2 > label:hover{  background-color: #645cca    !important; color:#fff; transition: border .3s linear,color .3s linear,width .3s linear,background-color .3s linear; }
.tabset2 > input:checked + label {    font-size:15px;	  	color: #fff;	 background-color: #5e76f4     !important;	 border-radius: 4px;  }
.tab-panel2 {  padding: 5px 0;}
.tabset2 {text-align:center !important; }
.tabset2 p {color:white;}
input[type="checkbox"], input[type="radio"]{display:none !important;}



.tabset3 > input[type="radio"] {  position: absolute;  right: -200vw;}
.tabset3 .tab-panel3 {  display: none;}
.tabset3 > input:first-child:checked ~ .tab-panels3 > .tab-panel3:first-child,
.tabset3 > input:nth-child(3):checked ~ .tab-panels3 > .tab-panel3:nth-child(2),
.tabset3 > input:nth-child(5):checked ~ .tab-panels3 > .tab-panel3:nth-child(3),
.tabset3 > input:nth-child(7):checked ~ .tab-panels3 > .tab-panel3:nth-child(4),
.tabset3 > input:nth-child(9):checked ~ .tab-panels3 > .tab-panel3:nth-child(5),
.tabset3 > input:nth-child(11):checked ~ .tab-panels3 > .tab-panel3:nth-child(6) {  display: block;}
.tabset3 > label { background-color:#f3f8fe;  position: relative;  display: inline-block;  padding: 15px 15px 15px; min-width:20%;    cursor: cell; 
   font-size:15px;    color:#838181 ;  border-radius: 3px;  margin-left: 10px;transition-duration: .2s; margin-bottom: 6px;}
.tabset3 > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px; }
.tabset3 > label:hover,.tabset3 > input:focus + label {  color: #000000;}
.tabset3 > input:focus + label::after,.tabset3 > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset3 > label:hover{  background-color: #645cca    !important; color:#fff; transition: border .3s linear,color .3s linear,width .3s linear,background-color .3s linear;}
.tabset3 > input:checked + label {    font-size:15px;	 	color: #fff;	 background-color: #5e76f4     !important;	 border-radius: 4px;  }
.tab-panel3 {  padding: 5px 0;}
.tabset3 {text-align:center !important; }
input[type="checkbox"], input[type="radio"]{display:none !important;}



.tabset4 > input[type="radio"] {  position: absolute;  right: -200vw;}
.tabset4 .tab-panel4 {  display: none;}
.tabset4 > input:first-child:checked ~ .tab-panels4 > .tab-panel4:first-child,
.tabset4 > input:nth-child(3):checked ~ .tab-panels4 > .tab-panel4:nth-child(2),
.tabset4 > input:nth-child(5):checked ~ .tab-panels4 > .tab-panel4:nth-child(3),
.tabset4 > input:nth-child(7):checked ~ .tab-panels4 > .tab-panel4:nth-child(4),
.tabset4 > input:nth-child(9):checked ~ .tab-panels4 > .tab-panel4:nth-child(5),
.tabset4 > input:nth-child(11):checked ~ .tab-panels4 > .tab-panel4:nth-child(6) {  display: block;}
.tabset4 > label { background-color:#f3f8fe;  position: relative;  display: inline-block;  padding: 15px 15px 15px;    cursor: cell; 
   font-size:15px;   color:#838181 ;  border-radius: 3px;  margin-left: 10px;transition-duration: .2s; margin-bottom: 6px;}
.tabset4 > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px; }
.tabset4 > label:hover,.tabset4 > input:focus + label {  color: #000000;}
.tabset4 > input:focus + label::after,.tabset4 > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset4 > label:hover{  background-color: #645cca    !important; color:#fff; transition: border .3s linear,color .3s linear,width .3s linear,background-color .3s linear;}
.tabset4 > input:checked + label {    font-size:15px;	 	color: #fff;	 background-color: #5e76f4     !important;	 border-radius: 4px;  }
.tab-panel4 {  padding: 5px 0;}
.tabset4 {text-align:center !important; }
input[type="checkbox"], input[type="radio"]{display:none !important;}



.col-md-4 {float:right !important;}
.col-md-3 {float:right !important;}
.container1 {    margin: 0 auto;    width: 76%;}
.container2 {    height:fit-content; }
.info-blue  {margin: 5px 0 !important; padding: 2px; border: 0 solid transparent; border-bottom: 0; width: 100%; margin: 0 auto; border-radius: 3px; background-color: #fff !important;  }
.info-blue p {font-weight: 400; font-size: 14px; color: #969696; background: #f9f9f9; border-radius: 4px; padding: 8px 6px;}

.info-white  { background-color:white; margin:5px 0 5px 0 !important;  padding: 10px ;  border: 0px solid transparent;  border-bottom: 0;  width:100%;	margin:0 auto;
border-radius: 3px; }
.info-white p {	margin:0 auto;	text-align:justify !important;	      font-size:13px;	 	color:#2f2e2e  }
	
.info-red  {margin: 5px 0 !important;  padding: 2px;  border: 0 solid transparent; border-bottom: 0; width: 100%; margin: 0 auto; border-radius: 3px; background-color: #fff !important;  }
.info-red p {	margin:0 auto;	text-align:justify !important;	  font-weight: 400;    font-size:14px; 	color: #ae8383;   background: #fef7f7;   border-radius: 4px; padding: 8px 6px 8px 6px;}

	

/*****************  post  ***************/
.vps-category{ background-color:white; box-shadow: 0 0rem 1rem rgba(33,37,41,.175) !important; width: 92%; text-align: center; padding: 10px; border-radius: 3px;
text-align: justify; color: #959494; line-height: 26px; font-size: 14px; margin-bottom: 30px; }
.post-padding {padding:20px;}
.postp{margin-bottom:15px;border-bottom:1px solid #DDDDDD;clear:both;}
.postp-title a{font-family:'Estedad'; font-size:14px; line-height:10px;color:#484848;text-decoration:none;}
.postp-title h1{font-family:  fantasy,"Estedad", sans-serif; font-size:30px; line-height:26px; color:#1E73B3;text-decoration:none; text-align:right !important;direction: rtl;
margin-bottom: 20px !important; width: max-content; font-weight:400;}
.postp-title {width: max-content; margin-top:60px;}
.pagep-subtitle{border-bottom:1px solid #d5eaef;}
.postp-meta{  text-align:left;font-size:4px;color:#454545;padding:0px 0 0 5px; }
.postp-meta a{padding-right:20px; color:#0E6382; font-size:1px;}
.postp-meta h2{padding-right:20px; color:#0E6382; }
.postp-content{margin:5px 0 80px 0;}
.postp-content a{color:#7B12DD}
.postp-content-page{ background-color:white; padding: 10px;  margin-top: 10px; box-shadow:1px 1px 14px rgba(157,184,209,.19); text-align: justify;  !important; border-radius: 3px;}
.postp-content-page a {color: #7B12DD;   text-decoration: underline !important;   text-underline-offset: 5px; }
.postp-content-page a:hover {  text-decoration: underline !important;   text-underline-offset: 5px; }
.postp-content h2{ font-size: 22px; margin-bottom: 15px !important; display: flex ; line-height: 34px; width: fit-content; color: #6794c4; padding: 6px 10px; background: #f6fbff; border-radius: 4px;}
.postp-content h3{font-size: 18px; margin-bottom: 15px !important; display: flex ; line-height: 34px; width: fit-content;   padding: 6px 10px; color: #87ac96 !important; background: #e3f3da63; border-radius: 4px;}
.postp-content h4  {font-size: 14px; margin-bottom: 15px !important; display: flex ; line-height: 34px; width: fit-content; color: #6794c4; padding: 6px 10px; background: #f6fbff; border-radius: 4px;}
.postp-content h5  {font-size: 14px; margin-bottom: 15px !important; display: flex ; line-height: 34px; width: fit-content; color: #6794c4; padding: 6px 10px; background: #f6fbff; border-radius: 4px;}
.postp-content h6 { font-size: 14px; margin-bottom: 15px !important; display: flex ; line-height: 34px; width: fit-content; color: #6794c4; padding: 6px 10px; background: #f6fbff; border-radius: 4px;}

.postp-content p{color: #8291a8;  font-size: 17px; text-align: justify; line-height: 36px; }
.postp-content2 p{color: #6B6B6B;font-size:12px;line-height:30px;margin-bottom:15px;text-align:justify;}

.postp-content h6{font-size:14px; margin-bottom:10px;}
.postp-content img.alignnone{background-color:#FFF;padding:4px;}
.postp-content img.alignleft{float:right; margin:0 25px 15px 0;padding:4px;}
.postp-content img.alignright{float:right; margin:0 0 15px 25px;padding:4px;}
.postp-content ul,.post-content ol{margin-left:30px;margin-bottom:20px;}
.postp-content ul{list-style:none;}
.postp-content ol{list-style:decimal;}
.postp-content ol li{line-height:24px; font-size:17px !important; text-align: justify; font-weight: 500 !important; margin: 10px 8px 0 0;     list-style-type: auto;}
.postp-content ul li,.post-content ol li{line-height:36px;  color:#7e77b6  !important; text-align: justify; font-weight: 400 !important;    list-style-type: circle;     font-size: 17px !important;}
#contentp{width:80%;padding:50px 15px 2px 15px;;min-height:200px; margin-bottom:40px; margin:0 auto !important; text-align:center;}
#contentp img{ height:auto; border-radius:18px;  }
#container2p{overflow:hidden;margin:0 auto;padding:0;margin-top:10px;width:1024px;}
.postpp{margin-bottom:15px;border-bottom:1px solid #DDDDDD;clear:both;}
.postp-titlep a{font-family:'Estedad'; font-size:21px; line-height:40px;color:#3366CC;text-decoration:none;}
.pagepp-subtitlep{border-bottom:1px solid#d5eaef;}
.postpp-metap{ text-align:left;font-size:14px;color:#454545;padding:5px 0 0 5px;margin-bottom:20px;border-bottom:2px solid #3EBEE5;padding-bottom:10px;}
.postpp-metap a{padding-right:20px; color:#0E6382; }
.postpp-contentp{margin-top:5px;}
.postpp-contentp h2{font-size:140%;margin-bottom:10px;border-bottom:1px solid #EFEFEF;padding:10px 0 5px;}
.postp-contentp h3{font-size:110%;margin-bottom:5px;padding:10px 0 5px;}
.postpp-contentp p{color:#454545;font-size:14px;line-height:36px;margin-bottom:15px;text-align:justify;}
.postp-contentp img.alignnone{background-color:#FFF;border:1px solid #EFEFEF;padding:4px;}
.post-date {    float: right;    text-align: right;    color: #b6bec3; font-size:12px;} 
#container-category{   margin: 10px auto 0;    max-width: 840px;    overflow: hidden;    padding: 0; padding-bottom:30px;    width: 100%;}
.postp-content pre { background-color: #fff !important; color: #477abb; padding:14px 20px 14px 20px; line-height: 28px; direction:ltr; text-align: justify;
 border: 0px !important; font-family:Estedad !important; box-shadow:1px 1px 22px rgba(161, 186, 210, 0.19); margin: 20px 0 20px 0;}

.cpost-title-color2 a { background-color: #f3faff; color: #4e86a9; width: initial; display: flex;   padding: 10px;   border-radius: 3px;}
 
#container-category img {margin:0 auto; min-height:240px; }

.col1 { width: 400px;height:50px;  float: right; padding:  10px;  }
.col2 { width: 400px;height:50px;  float: right; padding:  10px; }


.row3{ width:1000px;}
#content{width:80%;padding:15px;min-height:500px; margin:0 auto;margin-top: 70px;}
#content img{max-width:80%;height:auto; text-align:center;margin:0 auto; display: block; margin: 60px auto 60px auto; }



/*****************  post  ***************/
#vpst-container{overflow:hidden;margin:0 auto;padding:0;margin-top:0px; margin-bottom:0px;width:100%;max-width:808px;}
div.vpst-panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:0.6s ease-in-out;opacity:0;}
div.vpst-panel.show{opacity:1;max-height:500px;margin:20px 0;}
#vpst-container p{font-size:14px;line-height:29px; text-align:right;}







.menu{float:right;}
.header-menu{ width:100%; height:40px;  margin:0; z-index:16;   margin-top:0px; font-family: "Estedad"; }

.header-menu-center{ margin:0 auto; padding-top:6px; }

.header-menu-login{ background-color:transparent;border:1px solid rgba(255, 255, 255, 0.5); color:#ffffff; font-size:20px; padding:0px; width:70px; cursor:pointer;float:right; border-radius:3px; margin-top:2px; text-align:center}
.header-top2-menu a{color:#ffffff}
.header-top2-menu a:hover{ color:#1E5968;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;
-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s;}

 
#breadcrumbs {font-size: 12px; text-align: right; float:right; color: #bec8d5; border-radius: 4px; width: auto; display:inline-block; margin-top:20px !important; max-width: 600px;}
#breadcrumbs span a{color: #bec8d5;}
#breadcrumbs span span a{color: #bec8d5;}
#breadcrumbs span span span a{color: #bec8d5;}

 
/*****************  nav  ***************/
.font1{font-size:10px}
.font1-sm{ font-size:9px;}
.boxn {box-shadow: 1px 1px 22px rgb(157 184 209 / 19%) !important; border-radius: 3px !important; background-color: #fff !important;}
.white-color{ color:#fafafa !important;}
.grey-color{ color:#f7f7f7 !important;}


.custom-h2 {   color: #606060  !important;	border-radius:3px;  padding: 10px 10px;  font-size: 16px;  display: table-cell; text-align:justify; width: max-content;
  background-color:#eee; margin: 10px 0 10px 0 !important;  display: flex; margin-bottom: 8px;}
 .custom-h2-post {  color: #7d7d7d !important; border-radius: 2px; padding: 6px 7px; font-size: 12px !important; display:table-cell; text-align: justify;
width: max-content;  margin: 10px 0 !important;  }

.custom-index{ color: #8095d4;   padding: 8px;    font-size: 19px;   display: table-cell;
  text-align: justify;   width: max-content;  }
.custom-text {   color: #7d7d7d; background-color: #f8f8f8;	border-radius:3px;  padding: 6px 6px;  font-size: 16px;    display: table-cell; text-align:justify; width:max-content;
 margin: 10px 0 10px 0 !important; }
 
.custom-text a { color: #dddddd !important; }
.free-support1  {color: #7d7d7d; background-color: #f8fbff;	border-radius:3px;  padding: 8px;  font-size: 1px;    display: flex; text-align:justify;
 margin:0 0px 4px 0px !important;   }
 
.free-support1 P {padding-top:4px;  color: #98a3df; font-size: 13px;}

.free-support{padding: 10px 10px 10px 10px; color: #7d7d7d; background-color: #fff;  margin: 0 auto !important;text-align: right; border-radius:3px; box-shadow:1px 1px 22px rgba(157,184,209,.19)}
.free-support2  {	color: #7d7d7d; background-color: #fff; border-radius: 3px; float:right;
padding: 8px; font-size: 14px; display: inline-flex; text-align: justify; width: auto; margin: 0 14px 14px 0;}
 .free-support2 P {color: #7d7d7d; font-size: 15px;}

.top-header-box-right-green { text-align: center !important; font-size: 15px; color: #4B4F7F   !important; top: -36px; position: absolute; width: -webkit-fill-available;}
.top-header-box-left-green  { text-align: center !important; font-size: 15px; color: #4B4F7F   !important; top: -36px; position: absolute; width: -webkit-fill-available;}
.top-header-box-1-green  {  text-align: center !important; font-size: 18px; color: #4B4F7F   !important; background: #f5f8ff; border: none; border-radius: 6px; padding: 11px 16px; width: -webkit-fill-available; display: inline-block;}
.top-header-box-bg-green { height: 40px; text-align: center !important; font-size: 15px; color: #4B4F7F   !important; background: #f5f8ff; border: none; border-radius: 6px 6px 0 0; padding: 11px 16px; width: -webkit-fill-available; display: grid ;}


.col-xs-6 p{font-size: 14px !important;   line-height: 28px; color:#4A5293}
.hv2 {color:#000; font-size:15px;}
.box-vps-2 {border-radius: 6px; background-color: white; box-shadow: 1px 1px 4px rgba(157,184,209,.19); margin:0 4px 4px 4px;  text-align:justify; width:49.1%; float:right}
.vps-faq{ background:url(images/vps-faq.png) no-repeat center  ;background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
 
.vps-EasyEngine{ background:url(images/vps-EasyEngine.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}

.vps-panel{ background:url(images/vps-panel.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
.vps-nginx{ background:url(images/vps-nginx.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px; margin: 0 auto; text-align:center;}



.host-raid{ background:url(images/host-raid1.png) no-repeat center  ;background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
.host-phpselector{ background:url(images/host-phpselector.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px; margin: 0 auto; text-align:center;}
.host-litespeed1{ background:url(images/host-litespeed.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
.host-lscwp-benchmark{ background:url(images/host-lscwp-benchmark.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
.host-lscwp-before-benchmark-pagespeed{ background:url(images/host-lscwp-before-benchmark-pagespeed.png) no-repeat center  ;background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}
.host-lscwp-after-benchmark-pagespeed{ background:url(images/host-lscwp-after-benchmark-pagespeed.png) no-repeat center  ; background-size: 300px 200px; width:400px ; height:200px;  margin: 0 auto; text-align:center;}

.index-header-server{ background:url(images/index-header-server.png) no-repeat center center  ;  width:40px ; height:40px;  margin: 0 auto; text-align:center;}
.index-header-wordpress{ background:url(images/index-header-wordpress.png) no-repeat center center  ;  width:40px ; height:40px;  margin: 0 auto; text-align:center;}
.index-header-iran{ background:url(images/index-header-iran.png) no-repeat center center  ;  width:40px ; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-margin {margin:0px 10px 14px 0px;}
.vps-flag-netherland{ background:url(images/vps-flag-netherland.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-usa{ background:url(images/vps-flag-usa.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center; float: right;margin-left: 10px;}
.vps-flag-russia{ background:url(images/vps-flag-russia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-singapore{ background:url(images/vps-flag-singapore.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-turkey{ background:url(images/vps-flag-turkey.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-Kazakhstan{ background:url(images/vps-flag-Kazakhstan.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-uae{ background:url(images/vps-flag-uae.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-england{ background:url(images/vps-flag-england.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-australia{ background:url(images/vps-flag-australia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-canada{ background:url(images/vps-flag-canada.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-other-country{ background:url(images/vps-flag-other-country.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-malaysia{ background:url(images/vps-flag-malaysia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-italia{ background:url(images/vps-flag-italia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}
.index-header-germany{ background:url(images/index-header-germany.png) no-repeat center center  ;  width:40px ; height:22px;  margin: 0 auto; text-align:center;float: right;}
.index-header-finland{ background:url(images/index-header-finland.png) no-repeat center center  ;  width:40px ; height:22px;  margin: 0 auto; text-align:center;float: right;}
.index-header-binance{ background:url(images/index-header-binance.png) no-repeat center center  ;  width:40px ; height:40px;  margin: 0 auto; text-align:center;float: right;}
.index-header-offer{ background:url(images/index-header-offer.png) no-repeat center center  ;  width:50px ; height:50px;  margin: 0 auto; text-align:center;float: right;}
.index-header-weekly{ background:url(images/index-header-weekly.png) no-repeat center center  ;  width:40px ; height:40px;  margin: 0 auto; text-align:center;float: right;}
.vps-flag-indonesia{ background:url(images/vps-flag-indonesia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center;float: right;}

.flag-image { width: auto; height: auto; max-width: 86px; max-height: 80px; object-fit: contain; }

.os-vps-box{ min-width: 100px !important; cursor: cell; display: inline-block; padding: 15px; color: #909da7; background-color: #FFF; text-align: center;
margin: 4px 12px 4px 0; font-weight: 400;box-sizing: border-box;z-index: 100; font-size: 12px !important; display: inline-flex;  }

.index-p{text-align:justify; color:#a4a0a0}
 

.menu-icon-home:before { content: url('images/index-header-finland.png'); display: inline-block; width: 16px; height: 16px; margin-right: 5px; }

.vps-panel-directadmin{ background:url(images/vps-panel-directadmin.png) no-repeat center center  ;  background-size: 32px; width:32px ; height:32px; float:left;  border-radius:6px;    margin: 0 auto; text-align:center; display:inline-block}
.vps-panel-cpanel{ background:url(images/vps-panel-cpanel.png) no-repeat center center  ; background-size: 32px; width:32px ; height:32px; float:left;  border-radius:6px;    margin: 0 auto; text-align:center; display:inline-block}
.vps-panel-cwp{ background:url(images/vps-panel-cwp.png) no-repeat center center  ;  background-size: 32px; width:32px ; height:32px; float:left;  border-radius:6px;    margin: 0 auto; text-align:center; display:inline-block}

.vps-category-windows{ background:url(images/vps-category-windows.png) no-repeat right bottom white ;  }
.vps-category-linux{ background:url(images/vps-category-linux.png) no-repeat right bottom white ;    }


.text-primary {    color: #4e73df;}
.font-weight-bold {    font-weight: 700;}
.m-0 {    margin: 0;}
 
.card {    position: relative;    display: flex;    flex-direction: column;    min-width: 0;    word-wrap: break-word;    background-color: #fff;    background-clip: border-box;
    border: 1px solid #e3e6f0;    border-radius: 0.35rem;    margin:20px auto;	border-radius:8px;	}
.card-header {    padding: 0.75rem 1.25rem;    margin-bottom: 0;    background-color: #f8f9fc;    border-bottom: 1px solid #e3e6f0;}
.shadow {    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;}
.display-flex {    display: flex;}
.align-center {    align-items: center;}
.ml-auto {    margin-left: auto !important;}
.form-control {    display: block;    width: 100%;    height: calc(1.5em + 0.75rem + 2px);    padding: 0.375rem 0.75rem;    font-size: 1rem;    font-weight: 400;
    line-height: 1.5;    color: #6e707e;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #d1d3e2;
    border-radius: 0.35rem;    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}

.card-body {    flex: 1 1 auto;}
.table-responsive {    display: block;    width: 100%;    overflow-x: auto;}
.table-responsive > .table-bordered {    border: 0;}
.table-bordered th, .table-bordered td {    border: 1px solid #e3e6f0;}
.table thead th {    vertical-align: middle;    border-bottom: 2px solid #e3e6f0;}
.table-bordered thead th, .table-bordered thead td {    border-bottom-width: 2px;}
.table-bordered thead th {    background-color: #3ba2d5;    color: #fff;	font-weight:normal !important;	text-align: center;}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
color: #64818c; border:0px solid #f7f5f5 !important;font-size: 12px;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th{
	color: white;}
table{ border-spacing: 0px 7px;}
.table-row-color-space{background-color: #fbfbfb; border:#fbfbfb;}



/*#***********************************************************INDEX********************************************************** */
/*#***********************************************************INDEX********************************************************** */
/*#***********************************************************INDEX********************************************************** */

.image-index-header{  margin:140px 0 0px 0px;  }
.base-slider h2 {  }
.base-slider h2 a:hover {  color: #FFF;  }
.base-slider p {  color: #728596;  font-size: 13px;  margin-bottom: 20px; text-align:center;}

.base-slider p,.base-slider a {  }
.base-slider .inside {  width: 100%;   -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; text-align: center;}
.base-slider .custom-btn1 {background-color:#cbcdce; color:#fff; border: 1px solid #b3b3b3; padding: 10px; border-radius: 3px}
.base-slider .custom-btn {min-width: 260px; cursor: cell; display: inline-block; padding: 12px; color: #909da7; background-color: #FFF; text-align: center; border-radius:3px;
margin: 4px 12px 4px 0; font-weight: 400;box-sizing: border-box;z-index: 100;;font-size: 15px;box-shadow:0px 1px 3px 0px #dae8ef;}	
.base-slider .custom-btn:hover { cursor: cell;   color: #fff;  transition-duration: .2s;  border-color: #60669c; background-color: #58b1ff;  }
.base-slider .custom-btn a:hover {  cursor: cell;  background-color: #fff;  color: #FFF;  transition-duration: .2s;  border-color: #60669c; background-color: #f5fbff;}
.base-slider-align {text-align:center; clear:left;}
.base-slider .custom-btn-vps {margin-top:14px !important; padding: 6px 10px; display: table;   background-color: #fbfcff; border-radius: 3px; min-width: 140px; border: 1px solid #f1f6f9; margin: 0 auto; margin-bottom: 10px;}
.base-slider .custom-btn-vps:hover {cursor: cell; background-color: #5e76f4  ; color: #fff; border: 1px solid #8693df  ;
 border-radius: 3px;   transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;}


.host-pricing-table {    overflow: visible;    -webkit-box-shadow: none;    box-shadow: none;    border: none;    border-collapse: unset;    border-spacing: 0 10px;}
.host-pricing-table > thead {    background-color: transparent;}
.host-pricing-table.host-pricing-table-two {    border-collapse: collapse;}
.host-pricing-table > thead > tr > th {    border: none;    font-size: 10px;    text-transform: uppercase;    vertical-align: middle;}
.host-pricing-row {    text-align: right;    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    background-color: #fff;    -webkit-transition: all .1s linear;    transition: all .1s linear;	color: #938f8f;}
.host-pricing-row > td:first-child {}
.host-pricing-row > td:last-child {}
.host-pricing-table > tbody > tr.host-pricing-row:hover {    -webkit-transform: scale(1.02);    transform: scale(1.02);}
.host-pricing-table-two > thead {    background-color: #0073ec;    color: #ffffff;}
.host-pricing-table-two > thead > tr > th:last-child {    border-right: 1px solid #0073ec;}
.host-pricing-table-two .host-pricing-row > td:first-child {    border-left: initial;}
.host-pricing-table-two .host-pricing-row > td:last-child {    border-right: initial;}
.host-pricing-table-two > tbody > tr.host-pricing-row:hover {    background-color: #f5f5f5;    border: none;}
.host-pricing-table > tbody > tr > td {    padding: 10px;    border-right: none;    font-size: 13px;    line-height: 1;	text-align:center;}
.host-pricing-table.domain-search-result-table > tbody > tr > td{    font-size: 14px;}
.host-pricing-row > td {    border: none;}
.host-pricing-table .rate {    font-size: 10px;    color: #0073ec;    font-family: 'Montserrat', sans-serif;}
.host-pricing-table .rate span {    font-size: 12px;    margin-left: 5px;    opacity: 0.8;    color: #757575;}
.host-pricing-table .score-bar-wrap {    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;
    -webkit-align-items: center;    -ms-flex-align: center;    align-items: center;}
.host-pricing-table .geekbench-score {    font-weight: 400;    margin-right: 15px;}

.host-pricing-table .score-bar-wrap .score-bar-item {    min-width: 40px;    height: 10px;    font-size: 10px;    border-radius: 10px;
    background-color: #ebebeb;    position: relative;}

.host-pricing-table .pricing-onsale, .host-pricing-table .cpu-core {    display: block;    font-size: 14px;    color: #757575;    margin-top: 4px;    font-weight: 400;}
.host-pricing-table > tbody > tr > td:first-child::before {    content: attr(data-value);    display: none;    width: initial;    height: initial;
    background-color: transparent;    position: relative;    left: initial;    top: initial;    opacity: 1;}
.host-pricing-row > td:before {    content: attr(data-value);    display: none;}
table > tbody > tr > td:first-child:before {    content: '';    display: block;    width: 3px;    height: 100%;    background-color: #0073ec;    position: absolute;
    left: 0;    top: 0;    opacity: 0;    -webkit-transition: all .3s ease;    -o-transition: all .3s ease;    transition: all .3s ease;}



#comments-wrap {padding: 0 30px 30px 30px;color:#242424;}
.comments-navigation {margin: 0; font-size: 12px;}
.comments-navigation a { margin-top: 10px;  font:12px;}
.comments-navigation .alignleft {float: left; margin: 0; padding: 0;}
.comments-navigation .alignright {float: right; margin: 0; padding: 0;}
#comments-number, h3.postcomment {padding-bottom: 0;font-size: 12px;color: #3d3d3d;line-height: 30px;}
ol.commentlist { list-style:none; margin:20px 0 0 0; padding:0; text-indent:0; }
ol.commentlist li { height:1%; margin:0 0 10px 0; padding:10px 20px 10px 20px; position:relative; }
ol.commentlist li div.comment-author { padding:0 10px 0 0; }
ol.commentlist li div.vcard { font:bold 12px; line-height: 24px; padding-bottom: 5px; text-align:right; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard img.avatar { border:1px solid #1a84a0; left:10px; position:absolute; top:10px; padding: 2px; }
ol.commentlist li div.vcard img.photo { background:url(images/avatar.png) no-repeat !important; border:1px solid #06F; }
ol.commentlist li div.comment-meta { font-family: "Estedad"; font:12px; line-height: 24px; position:absolute; right:10px; text-align:right; top:10px; }
ol.commentlist li div.comment-meta a { color:#aaaaaa; text-decoration:none;color:#242424; font:10px; }
ol.commentlist li div.comment-meta a:hover { color:#37badc; text-decoration:none; }
ol.commentlist li p { font-family: "Estedad"; font:16px; line-height: 24px; margin:0 0 1em 0; direction:rtl; text-align:justify;}
ol.commentlist li form p { margin: 0;}
ol.commentlist li ul {   font:14px; list-style:square; line-height: 24px; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { font-size: 9px; }
ol.commentlist li ul.children { list-style:none; margin:1em 2.5em 0; text-indent:0; box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;     border-top: blue 1px solid;}
ol.commentlist li ul.children li.comment-author-admin { }
ol.commentlist li ul.children li.depth-2 { margin:0 0 8px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 8px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 8px; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt {  }
ol.commentlist li.thread-even {box-shadow: 1px 1px 22px rgba(157,184,209,.19);border-radius: 3px;background-color: #fff;}
ol.commentlist li.thread-odd { box-shadow: 1px 1px 22px rgba(157,184,209,.19);border-radius: 3px;background-color: #fff;}
.commentmetadata { display: none !important; font-size:0px !important}
h3#respond {padding-bottom: 0;font-size: 18px;color: #3d3d3d;line-height: 30px;}
#respond {padding: 25px 0 0 0; direction:rtl !important; text-align:right;}
#comments p.nocomments {padding: 0;}
form#commentform input {margin-top: 10px; padding: 0 5px; height: 30px; border: none; font-size: 12px; color: #aaa; background-color: #f6f6f6; line-height: 20px;}
form#commentform textarea {margin-top: 10px; padding: 5px; width: 500px; background-color: #f6f6f6; border: none; overflow: auto; font-size: 12px; color: #333; line-height: 22px; min-height: 140px;}
form#commentform input#submit {width: 100px; color: #FFF; background-color:#09F; border:none;  font-size: 14px;}
#commentform { padding:30px; width:60%; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; border-radius: 3px;} 
.textarea-box { padding-top:18px;}
#author { margin-right:16px;}
.input-comment { margin-right:26px;}
.input-comment1 { margin-right:1px;}


blockquote{color: #4A5293; font-size: 13px; line-height: 24px;}
.col-md-2 { width:12%;}

.container { clear:both;}

 

/*****************  Why Choose ***************/
.inside {	  font-family: "Vazir";  padding: 20px 10px 20px 10px;  text-align: justify;  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-radius: 2px;  background-color: #fff;   margin-bottom:10px;}
.inside:hover { box-shadow:rgba(0,0,0,.19) 0px 10px 20px,rgba(0,0,0,.23) 0px 1px 6px}
.inside a:hover{   color:  #7758bb !important;}
.inside-orange {	  font-family: "Vazir";  padding: 20px 10px 20px 10px;  text-align: justify;  box-shadow: 1px 1px 22px rgba(157, 184, 209, 0.19);
  border-radius: 7px;  background-color: #fff;  border-top: 2px solid #e08622;}
.inside a {  color: #39335b;  font-size: 12px !important;  margin-bottom: 12px;  text-align: justify !important;  font-family: "Vazir";  line-height:20px;}
.inside > img {  height: 76px;  margin-bottom: 35px;}
.inside img {  vertical-align: middle;}
.inside p {	  font-family: "Vazir";  color: #4A5293;  font-size: 12px;  margin-bottom: 26px;    line-height:20px;}
.hsa{ height:70px !important;}
.hsa-host{ height:60px !important;}
/*#***********************************************************wordpress********************************************************** */
/*#***********************************************************wordpress********************************************************** */


 
.nav-bottom {    opacity: 0.6;font-size: 15px; text-align: center; direction: rtl; overflow: hidden; float: right; background-color: #ffffff; position: fixed; border-top: 1px solid #446f96; z-index: 10; color: #1a10b6; bottom: 0; width: 100%; padding: 3px 0;}

header.transparent {    padding: 20px 0 0;  }
header .button-header .custom-btn {    width: 110px;  }
header .menu li {    margin-right: 16px;  }
.host-pricing-row td a.primary-solid-btn{        padding: 8px 12px !important;    }

.box-vps-2{margin: 0 4px 2px;}
.col-md-1{width: auto !important}
}

@media only screen and (max-width: 991px) {

header .button-header .custom-btn { width:100px; margin-bottom:2px;}
.custom-btn { font-size:12px !important;}
.col-md-7 {width:90% !important;}

.host-pricing-table > thead {        display: none;    }
.host-pricing-row {        display: -webkit-box;        display: -webkit-flex;        display: -ms-flexbox;
      display: flex;        -webkit-box-orient: vertical;        -webkit-box-direction: normal;        -webkit-flex-direction: column;
        -ms-flex-direction: column;        flex-direction: column;        border-radius: 4px;        width: 45%;        float: left;        margin: 0 15px 28px 15px;    }
.host-pricing-table > tbody > tr{        padding: 15px;    }
.host-pricing-table > tbody > tr > td {        padding: 10px 15px;        font-size: 14px;        font-weight: normal;    }
.host-pricing-row:hover.border-accent-primary > td:first-child {        margin-bottom: 0;        border-radius: 0;        border-left: none;    }
.host-pricing-row > td:first-child {        border-left: none;        border-radius: 0;    }
.host-pricing-table > tbody > tr > td:first-child::before {        display: block;        width: 45%;    }
.host-pricing-row > td:before {        display: block;        width: 45%;    }
.host-pricing-table > tbody > tr > td {        display: -webkit-box;        display: -webkit-flex;        display: -ms-flexbox;
      display: flex;        -webkit-box-align: center;        -webkit-align-items: center;        -ms-flex-align: center;        align-items: center;    }
.host-pricing-row > td:last-child::before {        display: none;    }
.host-pricing-row > td:last-child {        text-align: center !important;        margin: auto;    }

 

}

/*****************  max-width: 768px  ***************/
@media only screen and (max-width: 768px) {
 
.display-none {display: none !important;}
.host-pricing-row {        width: 100%;        float: none;        margin-left: auto;        margin-bottom: 15px;    }
header .button-header .custom-btn { margin-top: 2px;}	
header {    margin-bottom: 60px;  }
 
footer .widget-footer:nth-child(2n+1) {    clear: both;  }
footer .widget-footer:nth-child(3n+1) {    clear: initial;  }
footer .widget-footer.last {    width: 50%;    padding-left: 0;  }
nav ul li a { font-size:10px !important;}
.postp-content p { width:550px;}
.header-menu-center{ width:230px !important;}
.mobile-hide-top-price {visibility: hidden; display: none;}
 
}
 

/*****************  max-width: 570px  ***************/
@media only screen and (max-width:570px){
.tab {    display: inline-grid !important;}
.tab button{margin-top:4px}
.postp-content-page {width: 98% !important;}
.season_content {right: 210px !important;}
.season_content-2 {right: 210px !important;}
.season_tab{width: 200px !important; }
.season_tab-2{width: 200px !important; }
 
.display-none {display: none !important;}
.mobile-price1{width:96%;}
.postp-content p { width:96%; font-size:14px !important}
nav ul li a { font-size:10px !important;}
.col-xs-6{ width:96% !important;}
.inside1 a {color:#2B5588;}
.tabset-nav>label {color:#2B5588 !important;}
.tabset span {color:#2B5588 !important;}
.postp-content-page a { color: #4e70d0;  }

p{font-size:13px; color: #15304F !important;}
#contentp img{height:auto; max-width: 400px;}
.tabset > input:checked + label {margin-bottom: 10px;}
.d-none {display:none !important}
.postp-title h1 {line-height: 38px;font-size: 22px;  font-size: 22px !important; line-height: 38px !important; margin-top: 60px;display: block;}
.mobile-hide-top-price {visibility: hidden; display: none;}
.col-index-header { margin:0 auto; float: none !important; width:90%;} 
.box-vps-2{margin: 0 4px 2px;}
.wrap-table100 {border: none !important;}
}

/*****************  max-width: 480px  ***************/
@media only screen and (max-width: 480px) {
.tab {    display: inline-grid !important;}
.postp-content-page {width: 98% !important;}
.tab button{margin-top:4px}
p{ color: #15304F !important;}
#mega-menu-wrap-top-menu .mega-menu-toggle+#mega-menu-top-menu {        background: #ddd !important;}
.season_content {right: 130px !important;}
.season_content-2 {right: 130px !important;}
.season_tab{width: 120px !important; }
.season_tab-2{width: 200px !important; }
.mobile-price{display: table-cell; width: 100%; min-height: 10vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;
align-items: center; justify-content: center; flex-wrap: wrap; padding: 33px 30px; border: 1px solid #4675ce; width: 80%; margin: 0 auto; margin-bottom: 20px;text-align: center;}
.postp-title h1 {width:60% !important; font-size: 18px !important;}
.row-price {display:flex !important}
.row-price .cell {min-width: 38%; border: none !important;}
.display-none {display: none !important;}
.wrap-table100 {border: none !important;}
.inside1 a {color:#2B5588;}
.tabset-nav>label {color:#2B5588 !important;}
.tabset span {color:#2B5588 !important;}
.postp-content-page a { color: #897ed9; }

.mobile-hide-top-price {visibility: hidden; display: none;}
.col-md-1 { text-align: left;} 
.bgc-white {margin-bottom:12px;}
.d-none {display:none !important}
.image-index-header{padding:0px !important; margin: 10px 50px 0 0 !important;}
#contentp{ width: 100% !important}
header .button-header .custom-btn { width: 160px !important ; padding: 10px 10px; margin-top: 2px;}
.a custom-btn { font-size:8px !important}	
.header-menu{float:right;}	
#content img{max-width:90%;}
.col-xs-6 {width:96% !important;}
.base-slider .inside p {    line-height: 15px;    margin-bottom: 10px;  }
.base-slider h2 {    font-size: 13px;    line-height: normal;  }
.base-slider .custom-btn {    font-size: 10px;    padding: 10px 16px;	margin-bottom: 4px;  }
footer {    padding-top: 60px;  }
footer .widget-footer {    width: 100%;    text-align: center;  }
footer .widget-footer.last {    width: 100%;  }
.widget-footer {    margin-bottom: 40px;  }
.post .top-post a {    font-size: 18px;    line-height: 26px;  }
.single-blog .related-post ul li a {    font-size: 14px;    line-height: 22px;  }

.col-xs-12{margin-bottom:8px !important;}
.col-xs-6{ width:96% !important;}


.postp-content p { width:90%; text-align:justify; font-size:13px !important}
.header-menu-center{ width:230px !important;}
nav ul li a { font-size:10px !important;}

#contentp img{height:auto; margin:20px auto; }
.tabset > input:checked + label {margin-bottom: 10px;}
.custom-btn{width:40%;}
.postp-content ul {font-size: 11px; float: right;};
a:visited, a:link, a:active {line-height: 22px !important;font-size: 12px !important;}
.postp-content h2 a {line-height: 22px !important;font-size: 12px !important;}
.col-md-3{ width:100% !important}
.col-md-7{ width:100% !important}
.col-md-2{ float:right !important}
header .menu a {margin-top: 8px;}

.base-slider .inside p{ font-size:11px;}
.postp-title h1 {width: 80%;line-height: 38px;font-size: 22px;   line-height: 38px !important; margin-top: 60px;}

 
.new-price-table{width: 90%;margin: 0 auto;}
.col-index-header { margin:0 auto; float: none !important; width:90%;}
}


ul li, ol li {color:#888; font-size:14px;}

.col-md-1{float: right;}
.col-left{ float:left; margin-top: 10px;}
.new-price-table-margin-top{ margin-top:12px;}

.color-blue{ color:#4590df !important; font-size:25px !important;}
.color-grey{ color:#939cc0      !important; font-size:13px;}
.color-grey1{ color:#4C5780      !important; font-size:13px;}
.price-hezar-size {font-size:12px;}
.btn.active, .btn:active {-webkit-box-shadow:none; box-shadow:none;}
.btn:hover {background-color: #fff; color: #544188; transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;}
.btn-info.focus, .btn-info:focus {background-color: #b2d7ff !important; border:none !important;}
.btn {    position: relative;    z-index: auto;    cursor: cell; }

.margin-r-1px { margin-right:0px !important}
.margin-r-2px { margin-right:0px !important}
.margin-r--8px { margin-right:0px !important}
.margin-r-4-5px { margin-right:0px !important}

.bgc-white {    background-color: #fff!important;width: 100%; border-bottom:3px solid #f2f5f7; }

.new-price-table {box-shadow:0px 2px 10px #c4c4c4;}
.mobile-hide-top-price { height:56px;}
.col-md-1 span { padding-top:10px; font-size: 14.6px; direction: ltr; text-align: left; display: table-cell;}

.text-180 {    font-size: 1.8em !important;}
.text-left {    text-align: center!important;}



.float-left{float:left}
.float-right{float:right}

.accordion-Accordion1 { cursor: cell; display: block; padding: 15px; color: gray; background-color: #fff; text-align: justify; margin-bottom: 12px;
font-weight: 400; box-sizing: border-box; z-index: 100; border-radius: 3px; font-size: 15px; border-right: 8px solid #e1eaff; box-shadow: 0px 2px 8px 0px #e4effa;}

.accordion-Accordion1:hover {  background-color: #f6f9ff ; color: #3e4ea1; }
.accordion-Accordion1 input:checked { transition: 0.5s;}
.panel-Accordion1 {  padding: 2px 4px 20px 4px; text-align:justify; display: none; margin-bottom: 8px;  background-color: white;  overflow: hidden; box-shadow:1px 1px 14px rgba(157,184,209,.19); }



.accordion-container1{width:90%; margin:0 auto;}




.nezam-senfi{ width:148px; height:151px;    background-image: url("https://blueserver.ir/wp-content/uploads/2022/02/sazman-nezam-senfi.png"); }
svg:not(:root) {margin-bottom:-8px;}










.mobile-price1 {background-color:white; box-shadow: 0px 2px 10px #c4c4c4; padding: 8px; margin: 10px}
.price-cur{font-size:13px; color:#b3b3b3}



.svg-size {width:40px; padding:0 !important;}


.tab-page-bg{

background-color: #fff;
box-shadow: 1px 1px 22px rgba(157,184,209,.19);
padding: 8px;}



.box-shadow-white{background-color: #fff; box-shadow:1px 1px 10px rgba(84, 108, 128, 0.19); border-radius: 10px;}
.padding-top {padding-top:20px;}


/***********************************************  price   ********************************************/
/***********************************************  price   ********************************************/

.limiter {  width: 100%;  margin: 0 auto; background-color: #fff;}
.container-table100 {  width: 100%;  display: -webkit-box;  display: -webkit-flex;  display: -moz-box;  display: -ms-flexbox;
  display: flex;  justify-content: center;  flex-wrap: wrap;}
.wrap-table100 {  overflow: hidden;  width:100%;}
.table {  width: 100%;  display: table;  margin: 0;}
.row-price {  display: table-row;  background-color: #fff;  text-align:center;}
.row-price.header {  color: #ffffff;  background-color: #6c7ae0;}
.row-price.header {    padding: 0;    height: 0px;  }
.row-price.header .cell {    display: none;  }
.row-price .cell:before {    font-size: 12px;    color: #87a4b5;    line-height: 1.2;    text-transform: uppercase;
    margin-bottom: 13px;    content: no-open-quote;    min-width: 98px;  }
.cell {  display: table-cell;}
.row-price .cell {  font-size: 15.5px;  color: #89a3b2;  line-height: 1.2;  padding-top: 12px;  padding-bottom: 12px;
  border-bottom: 1px solid #f6f6f6;  font-weight:300;}
.row-price.header .cell {  font-size: 18px;  color: #fff;  line-height: 1.2;  padding-top: 19px;  padding-bottom: 19px;}
.row-price .cell:nth-child(1) {  width: auto;}
.row-price .cell:nth-child(2) {  width: 160px;}
.row-price .cell:nth-child(3) {  width: 250px;}
.row-price .cell:nth-child(4) {  width: 190px;}
.mobile-price:hover {  background-color: #f6f9ff;  cursor: pointer;  }
.price-left-bg {  border-top: 1px solid white; }
.price-left-bg a { color: #FFFFFF;   cursor: cell;   background: #58b1ff;   padding: 6px;   border-radius: 4px;}
.price-left-bg :hover {color: #77a9ea;    background: #ffffff;    box-shadow: 1px 1px 10px rgba(84, 108, 128, .19);}
/***********************************************  price   ********************************************/
/***********************************************  price   ********************************************/






.testimonial-slider {  width: 80%;   margin: auto; position: relative; border-radius: 10px;  background: #fff; padding: 20px; height: 300px;}
.testimonial-slides {position: relative; width: 100%; height: 120px; font-family: vazir; text-align: justify; font-size: 15px; direction: rtl;        }
.testimonial-slide {   position: absolute; width: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; background: #f8fbfd; border-radius: 10px;        }
.testimonial-slide p {padding:6px; font-family: Estedad;}
 input[type="radio"] {            display: none;        }

#testimonial-slide1:checked ~ .testimonial-slides .testimonial-slide:nth-child(1),
#testimonial-slide2:checked ~ .testimonial-slides .testimonial-slide:nth-child(2),
#testimonial-slide3:checked ~ .testimonial-slides .testimonial-slide:nth-child(3),
#testimonial-slide4:checked ~ .testimonial-slides .testimonial-slide:nth-child(4),
#testimonial-slide5:checked ~ .testimonial-slides .testimonial-slide:nth-child(5),
#testimonial-slide6:checked ~ .testimonial-slides .testimonial-slide:nth-child(6) {            opacity: 1;            z-index: 1;}
.testimonial-navigation {            display: flex; justify-content: center; gap: 10px; margin-top: 100px;        }
.testimonial-navigation label {            width: 26px; height: 26px; background: #ddd; border-radius: 50%; cursor: pointer; transition: background 0.3s; display: inline-block;        }

        #testimonial-slide1:checked ~ .testimonial-navigation label[for="testimonial-slide1"],
        #testimonial-slide2:checked ~ .testimonial-navigation label[for="testimonial-slide2"],
        #testimonial-slide3:checked ~ .testimonial-navigation label[for="testimonial-slide3"],
        #testimonial-slide4:checked ~ .testimonial-navigation label[for="testimonial-slide4"],
        #testimonial-slide5:checked ~ .testimonial-navigation label[for="testimonial-slide5"],
        #testimonial-slide6:checked ~ .testimonial-navigation label[for="testimonial-slide6"] {            background: #009eff;        }



.tabset-nav-border{padding: 30px;  margin-top: -50px;  border-bottom: 1px solid #f7f7f7;}
 

.tabset-nav > input[type="radio"] {  }
.tabset-nav .tab-panel-nav {  display: none;}
.tabset-nav > input:first-child:checked ~ .tab-panels-nav > .tab-panel-nav:first-child,
.tabset-nav > input:nth-child(3):checked ~ .tab-panels-nav > .tab-panel-nav:nth-child(2),
.tabset-nav > input:nth-child(5):checked ~ .tab-panels-nav > .tab-panel-nav:nth-child(3),
.tabset-nav > input:nth-child(7):checked ~ .tab-panels-nav > .tab-panel-nav:nth-child(4),
.tabset-nav > input:nth-child(9):checked ~ .tab-panels-nav > .tab-panel-nav:nth-child(5),
.tabset-nav > input:nth-child(11):checked ~ .tab-panels-nav > .tab-panel-nav:nth-child(6) {  display: block;}
.tabset-nav > label {position: relative; margin-bottom: 4px; display: inline-block; padding: 10px 20px; cursor: cell; color: #adb5d6; margin-left: 2px; border-radius: 4px; transition-duration: .2s; font-size: 15px; border:1px solid #f3f3f3;}
.tabset-nav > label::after {  position: absolute;  left: 15px;  bottom: 10px;  width: 22px;  height: 4px; }
.tabset-nav > label:hover,.tabset-nav > input:focus + label {  color: #000000;}
.tabset-nav > input:focus + label::after,.tabset-nav > input:checked + label::after {  background-color: #d7d7d7  !important;}
.tabset-nav > label:hover{ color: #87acd6 !important; background: #ffffff; transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; border: 1px solid #d9d9d9; border-radius: 3px;}
.tabset-nav > input:checked + label { font-size: 15px; color: #fff !important; background: #009eff;   border: none; padding: 11px 16px 11px 16px;     border-radius: 3px;}
.tab-panel-nav {  padding: 5px 0;}
.tabset-nav {text-align:center !important; }
input[type="checkbox"], input[type="radio"]{display:none !important;}


 .postp-content-page1 {background:none !important; box-shadow:none !important; width: 75%;float: right; }
 
 .postp-content-page-img{  -webkit-animation: action 1.3s infinite alternate;   animation: action 1.3s infinite alternate;}
 
 
 
 
 
/*****************  404  ***************/
/*****************  404  ***************/
 .notfound { background-color: #13139f; text-align: center; color: white; width: 60%; margin: 0 auto; border-radius: 8px;}
.row-404{text-align:left; width:60%; margin: 0 auto; direction: ltr;}
.centered {     text-align: center;}
.inverted {    background-color: #bbb;    color: #000084;}
.shadow {    background-color: #000;    color: #000084;}
.blink {    animation: blinkingText .8s infinite;}
@keyframes blinkingText {    0% {        opacity: 0;    }        49% {        opacity: 0;    }        50% {        opacity: 1;    }}
/*****************  404  ***************/
/*****************  404  ***************/
 
 
 
 
.styled-table {    border-collapse: collapse;    min-width: 400px;	margin: 0 auto; border: 1px solid #e4e4e4; box-shadow: 1px 1px 30px rgba(104, 160, 216, 0.19); text-align:right;}
.styled-table thead tr {   background-color: #fff;  color: #afacf7;    text-align: right !important;	direction:rtl;}
.styled-table th,
.styled-table td {    padding: 12px 15px;}
.styled-table tbody tr {}
.styled-table tbody tr:nth-of-type(even) {}
.styled-table tbody tr:last-of-type {}
.styled-table tbody tr.active-row {border-bottom:1px solid #eceaea;}


.margin-flag-list{margin-left: 20px !important;   margin-bottom: 30px !important;   margin-right: 8px !important;}

.flag-germany { background:url(images/flag/germany.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-finland { background:url(images/flag/finland.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-canada { background:url(images/flag/canada.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-uae { background:url(images/flag/uae.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-netherlands { background:url(images/flag/netherlands.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-france { background:url(images/flag/france.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-sweden { background:url(images/flag/sweden.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-italy { background:url(images/flag/italy.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-indonesia  { background:url(images/flag/indonesia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-uk  { background:url(images/flag/uk.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-singapore  { background:url(images/flag/singapore.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-japan  { background:url(images/flag/japan.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-india  { background:url(images/flag/india.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-usa  { background:url(images/flag/usa.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-australia  { background:url(images/flag/australia.png) no-repeat center center  ;  width:40px; height:22px;  margin: 0 auto; text-align:center; float: right;  }
.flag-spain  { background:url(images/flag/spain.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-poland  { background:url(images/flag/poland.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-mexico  { background:url(images/flag/mexico.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-south-korea  { background:url(images/flag/south-korea.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-brazil  { background:url(images/flag/brazil.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-chile  { background:url(images/flag/chile.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-south-africa { background:url(images/flag/south-africa.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-malaysia { background:url(images/flag/malaysia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-uae { background:url(images/flag/uae.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-turkey { background:url(images/flag/turkey.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-hongkong { background:url(images/flag/hong-kong.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-belgium { background:url(images/flag/belgium.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-denmark { background:url(images/flag/denmark.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-ireland { background:url(images/flag/ireland.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-finland { background:url(images/flag/finland.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-greece { background:url(images/flag/greece.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-portugal { background:url(images/flag/portugal.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-ukraine { background:url(images/flag/ukraine.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-russia { background:url(images/flag/russia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-serbia { background:url(images/flag/serbia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-romania { background:url(images/flag/romania.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-norway { background:url(images/flag/norway.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-switzerland { background:url(images/flag/switzerland.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-lithuania { background:url(images/flag/lithuania.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-bulgaria { background:url(images/flag/bulgaria.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-austria { background:url(images/flag/austria.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-nigeria { background:url(images/flag/nigeria.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-argentina { background:url(images/flag/argentina.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-cyprus { background:url(images/flag/cyprus.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-colombia { background:url(images/flag/colombia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-morocco { background:url(images/flag/morocco.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-peru { background:url(images/flag/peru.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-ecuador { background:url(images/flag/ecuador.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-guatemala { background:url(images/flag/guatemala.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-luxembourg { background:url(images/flag/luxembourg.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-costa-rica { background:url(images/flag/costa-rica.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }
.flag-bolivia { background:url(images/flag/bolivia.png) no-repeat center center  ;  width:64px; height:64px;  margin: 0 auto; text-align:center; float: right;  }

 
.box-shadow-white-p p {font-size: 10px;   width: inherit;}



 



.season_tab > input:checked + label {    font-size:15px;	 	color: #fff;	 background-color:#58b1ff    !important;	  }
.season_tabs {  position: relative;     min-height: 500px;   clear: both;  margin: 0;  text-align: right;  direction: rtl; padding:1px;}
.season_tab {	color: #464e86;  float: right;    clear: both;  width: 300px;  margin-bottom: 4px;}
.season_tab label {   box-shadow: 0px 2px 8px 0px #e4effa;    background: #FFF;    padding: 10px;    margin-left: -1px;    font-size: 14px;    vertical-align: middle; 
   position: relative;    left: 1px;    width: 320px;    height: 50px;    display: table-cell;}
.season_tab label:hover{color: #ffffff; background: #58b1ff; transition-duration: .2s;}
.season_tab :hover{cursor: cell;}
.season_tab [type=radio] {  display: none;   }
.season_content {position: absolute; top: 0; right: 310px; background: #fff; bottom: 0; padding: 20px; overflow-y: auto; overflow-x: hidden; border: 2px solid #f0f5ff; scrollbar-color: #55aae8 #eef3ff; scrollbar-width: thin; width: -webkit-fill-available; }
.season_content span {  animation: 0.5s ease-out 0s 1 slideInFromTop; }
 
[type=radio]:checked ~ label ~ .season_content {  z-index: 1;}


 
 
/* استایل‌های تب‌های نسخه دوم */
.season_tab-2 > input:checked + label { font-size: 15px; color: #fff; background-color: #58b1ff !important; }
.season_tabs-2 { position: relative; min-height: 800px; clear: both; margin: 0; text-align: right; direction: rtl; padding: 1px; }
.season_tab-2 { color: #464e86; float: right; clear: both; width: 300px; margin-bottom: 4px; }
.season_tab-2 label { box-shadow: 0px 2px 8px 0px #e4effa; background: #FFF; padding: 10px; margin-left: -1px; font-size: 14px; vertical-align: middle; position: relative; left: 1px; width: 320px; height: 50px; display: table-cell; }
.season_tab-2 label:hover { color: #ffffff; background: #58b1ff; transition-duration: .2s; }
.season_tab-2 :hover {    cursor: cell;}
.season_tab-2 [type=radio] {    display: none;}
.season_content-2 { position: absolute; top: 0; right: 310px; background: #fff; bottom: 0; padding: 20px; overflow-y: auto; overflow-x: hidden; border: 2px solid #f0f5ff; scrollbar-color: #55aae8 #eef3ff; scrollbar-width: thin; width: -webkit-fill-available; display: none; }
.season_content-2 span {    animation: 0.5s ease-out 0s 1 slideInFromTop;}
.season_tab-2 [type=radio]:checked ~ .season_content-2 {    display: block;    z-index: 1;}







.faq-container {
    max-width: 100%; /* Full width inside its parent */
    margin: 20px 0; /* Adjust margin as needed */
    font-family: 'Vazirmatn', sans-serif; /* Using your website's font */
}

/* Heading style */
#faq-heading {
    /* Your existing class "top-header-box-1-green" will style this */
    margin-bottom: 30px;
    text-align: center;
}

/* Wrapper for the two columns */
.faq-columns-wrapper {
    display: flex;
    gap: 2%; /* Gap between columns */
    flex-wrap: wrap; /* Allows columns to stack on smaller screens */
}

/* Individual column styling */
.faq-column {
    flex: 1;
    min-width: 300px; /* Ensures columns don't get too narrow */
}

/* Styling for each FAQ item (<details> tag) */
.faq-item {
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 4px;
    margin-top: 4px;
}

/* The question part (<summary> tag) */
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
    font-size: 16px;
    color: #43587f;
    cursor: pointer;
    list-style: none;
    transition: background-color .3s ease;
    border-radius: 4px 4px 0 0;
}

/* Remove the default marker */
.faq-question::-webkit-details-marker {
    display: none;
}

/* Hover effect for the question */
.faq-question:hover {
    background-color: #f9fcff;
}

/* Custom animated plus/minus icon */
.faq-question::after {
    content: '+';
    font-size: 28px;
    font-weight: 300;
    color: #2859c5; /* Blue color for icon */
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    flex-shrink: 0;
    margin-right: 15px;
}

/* Change icon to minus and rotate when open */
.faq-item[open] > .faq-question::after {
    content: '−';
    transform: rotate(180deg);
}

/* Style question when accordion is open */
.faq-item[open] > .faq-question {
    background-color: #f0f5ff;
    color: #2859c5; /* Blue color for open question */
}

/* Styling for the answer container */
.faq-answer {
    padding: 10px 20px 20px 20px;
    color: #555e69;
    line-height: 1.8;
    background-color: #f9fcff;
    border-top: 1px solid #eef2f7;
    border-radius: 0 0 8px 8px;
    /* Smooth animation */
    overflow: hidden;
    animation: fadeIn 0.5s ease-in-out;
}

.faq-answer p {
    margin: 0 0 10px 0; /* Space between paragraphs if any */
}

.faq-answer p:last-child {
    margin-bottom: 0;
}


/* Fade-in animation for the answer */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}







 

.telegram-widget { z-index:99999; opacity: 0.5; font-family: Estedad !important; position: fixed; bottom: 36px; left: 2px; background-color: #42baf6; color: white; padding: 4px; border-radius: 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: 10px; display: flex; align-items: center; text-decoration: none; transition: all 0.3s ease-in-out; }
.telegram-widget:hover { opacity: 1; background-color: #0077b5; color:white; }
.telegram-widget img {    opacity: 1;    width: 20px;        height: 20px;        margin-left: 3px;    }
	
.whatsapp-widget { z-index:99999; opacity: 0.5;  font-family: Estedad !important; position: fixed; bottom: 6px; left: 2px; background-color: #25D366; color: white; padding: 4px; border-radius: 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); font-size: 10px; display: flex; align-items: center; text-decoration: none; transition: all 0.3s ease-in-out; }
.whatsapp-widget:hover { opacity: 1;       background-color: #128C7E;		color:white;    }
.whatsapp-widget img {    opacity: 1;    width: 20px;        height: 20px;        margin-left: 3px;    }



 #ez-toc-container {margin-top: 100px !important;}

 
        .pricing-container .pricing-table {
            width: 96%;
            border-collapse: collapse;
            border-radius: 10px;
            direction: rtl;
            font-size: 17px;
        }
        .pricing-container .pricing-table td,
        .pricing-container .pricing-table th {
            padding: 8px !important;
            text-align: center;     vertical-align: middle;
        }
        .pricing-container .pricing-table th {
            font-weight: 200;
            color: #576787;
            background: #fafbff;
        }
        .pricing-container .pricing-table tr {
            box-shadow: 1px 1px 10px rgb(204 204 204 / 19%);
            border-radius: 6px;
        }
        .pricing-container .pricing-table tr.seperator {
            box-shadow: none !important;
            background: transparent;
        }
        .pricing-container .pricing-table tr:hover:not(.seperator) {
              background: #f8fbff;
              box-shadow: 0 1rem 1rem .5rem rgb(83 103 184 / 8%);
              transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear;
              cursor: cell;
        }
        .pricing-container .pricing-table td.color-blue {
            color: #007bff;
            
        }
        .pricing-container .pricing-table td .color-grey {
            color: #939cc0;
            font-size: 14px;
            margin-top: 5px;
        }
        .pricing-container .pricing-table td a {
            display: inline-block;
            padding: 6px 10px;
            background: #d0f0fb;
            color: #07575f;
            text-decoration: none;
            border-radius: 5px;
            transition: background 0.3s;
        }
        .pricing-container .pricing-table td a:hover {
                background: #35cbff;
                color: #ffffff;
				    transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear;
        }
        @media (max-width: 768px) {
            .pricing-container .pricing-table td,
            .pricing-container .pricing-table td::before {
                text-align: right;
            }
            .pricing-container .pricing-table,
            .pricing-container .pricing-table tbody,
            .pricing-container .pricing-table td,
            .pricing-container .pricing-table td a,
            .pricing-container .pricing-table th,
            .pricing-container .pricing-table thead,
            .pricing-container .pricing-table tr {
                display: block;
            }
            .pricing-container .pricing-table th,
            .pricing-container .pricing-table thead {
                display: none;
            }
            .pricing-container .pricing-table tr:not(.seperator) {
                margin-bottom: 20px;
                border: 1px solid #eee;
                border-radius: 10px;
                background: #fff;
                padding: 8px;
                box-shadow: 1px 1px 10px rgba(84, 108, 128, 0.19);
            }
            .pricing-container .pricing-table tr.seperator {
                height: 15px;
                background: transparent;
            }
            .pricing-container .pricing-table td {
                display: flex;
                justify-content: space-between;
                align-items: flex-start;
                padding: 8px 15px;
                border: none;
                border-bottom: 1px solid #f0f0f0;
            }
            .pricing-container .pricing-table td:last-child {
                border-bottom: none;
            }
            .pricing-container .pricing-table td::before {
                content: attr(data-label);
                font-weight: 700;
                color: #2c3e50;
                flex: 0 0 40%;
                margin-left: 10px;
            }
            .pricing-container .pricing-table td > a,
            .pricing-container .pricing-table td > div,
            .pricing-container .pricing-table td > span {
                flex: 0 0 60%;
                text-align: right;
            }
            .pricing-container .pricing-table td .color-grey {
                display: inline-block;
                margin-right: 5px;
                margin-top: 0;
            }
            .pricing-container .pricing-table td a {
                width: 100%;
                text-align: center;
                padding: 12px;
                margin-top: 10px;
            }
        }
		
		
		
		
		
/* استاییل برای اسکرول لیست دیتاسنترها در صفحه اصلی */
.horizontal-scroll-wrapper {
    display: flex; /* آیتم‌ها را در یک ردیف افقی قرار می‌دهد */
    overflow-x: auto; /* اسکرول افقی را در صورت نیاز فعال می‌کند */
    direction: rtl; /* جهت اسکرول را برای زبان فارسی راست به چپ می‌کند */
    padding: 10px 0 20px 0; /* کمی فاصله در بالا و پایین برای زیبایی */

    /* استایل زیباسازی اسکرول‌بار (اختیاری) */
    -webkit-overflow-scrolling: inherit; /* اسکرول نرم در موبایل */
    scrollbar-width: inherit; /* برای فایرفاکس */
    scrollbar-color: #306e96 #f2f9ff; /* رنگ اسکرول‌بار برای فایرفاکس */
}

/* استایل اسکرول‌بار برای مرورگرهای WebKit (کروم، سافاری) */
.horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background-color: #f2f9ff;
    border-radius: 10px;
}

.horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #306e96;
    border-radius: 10px;
}

/* استایل کارت‌ها در داخل کانتینر اسکرول */
.horizontal-scroll-wrapper > .border-vps-category {
    flex: 0 0 280px; /* کارت‌ها کوچک نمی‌شوند و عرض ثابت 280 پیکسل دارند */
    margin-left: 15px; /* فاصله بین کارت‌ها */
    float: none; /* خاصیت float بوت‌استرپ را خنثی می‌کند */
    direction: rtl; /* جهت محتوای داخل کارت را به فارسی برمی‌گرداند */
}

/* برای اینکه آخرین کارت به لبه نچسبد */
.horizontal-scroll-wrapper > .border-vps-category:first-child {
    margin-right: 15px;
}


/* استایل برای صفحه نمایش‌های کوچک (موبایل) */
@media (max-width: 768px) {
    .horizontal-scroll-wrapper > .border-vps-category {
        flex: 0 0 240px; /* عرض کارت‌ها در موبایل کمی کمتر می‌شود */
    }
}
		
		
		
		
		
		
		
		
		
		
/* Basic Accordion Styling */
.accordion-item {
    margin-bottom: 6px;
    overflow: hidden;
    background-color: #fff;
}

.accordion-summary {
    display: flex;
    align-items: center;
    padding: 10px 10px;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 8px;
    width: 80%;
    border: 2px solid #e6f0fa;
    cursor: pointer;
    font-weight: 700;
    color: #7e71c0;
    position: relative;
    transition: background-color .3s ease;
    user-select: none;
}

.accordion-summary:hover {
    background-color: #eaeefa;
}


/* Style for the heading inside summary, to remove default styling if any */
.accordion-summary h3 {
    margin: 0;
    font-size: 17px;
    color: #6b87c5;
}

/* Arrow / Indicator Icon */
.accordion-summary::after {
    content: '\25B6'; /* Unicode right-pointing triangle (play symbol) */
    position: absolute;
    left: 20px; /* Adjust position for RTL */
    font-size: 16px;
    transition: transform 0.3s ease;
    transform: rotate(0deg); /* Initial state: pointing right */
	
}

/* Rotate arrow when details is open */
.accordion-item[open] .accordion-summary::after {
    transform: rotate(90deg); /* Pointing down when open */ 
}

/* Hide padding when accordion is closed */
.accordion-item:not([open]) .accordion-content {
    padding-top: 0;
    padding-bottom: 0; 
}

.accordion-content {
    padding: 20px !important;
    border: 1px solid #eee;
    background-color: #fff;
    font-size: 15px;
    line-height: 1.8;
    width: 80%;
    margin: 0 auto;
    border-radius: 6px;
    margin-top: 6px;
}

/* General clean up for existing elements (optional, but good practice) */
.accordion-content p,
.accordion-content ul {
    margin-bottom: 1em; /* Add some margin for paragraphs and lists */
}
.accordion-content ul {
    list-style-type: disc; /* Default disc for lists */
    padding-right: 20px; /* Adjust for RTL */
}
.accordion-content ul ul {
    padding-right: 15px; /* Nested list indentation */
}
.accordion-content li {
    margin-bottom: 5px;
}
.accordion-content img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
    display: block; /* Remove extra space below image */
 
}

/* Remove strong from inside h-tags if it's still there for other elements */
.accordion-summary strong {
    font-weight: inherit; /* Inherit font-weight from parent (h3) */
}

/* Ensure links inside accordion are styled appropriately */
.accordion-content a {
    color: #0693e3; /* Or your site's link color */
    text-decoration: none;
}
.accordion-content a:hover {
    text-decoration: underline; 
}

/* Clean up extra <br> tags: While direct removal is best, this can help visually */
.accordion-content br + br {
    display: none; /* Hide consecutive <br> tags if they create too much space */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .accordion-summary {
        padding: 12px 15px;
    }
    .accordion-summary h3 {
        font-size: 16px;
    }
    .accordion-summary::after {
        left: 15px;
    }
    .accordion-content {
        padding: 15px;
    }
}		
		
		
		
		
		
		
		
		
		
		
		
		
	#simple-translate {
    display: none !important;
    visibility: hidden !important;
}
	
		
		
.call-to-action{   font-size: 16px; width: fit-content; color: #2A561C; border-radius: 4px !important; display: inline-flex ; text-align: center; background-color: #c2f7b3; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; -webkit-font-smoothing: subpixel-antialiased;  }
.call-to-action:hover{ color: #fff !important; background: #32c32a; transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .1) !important;}
.call-to-action a p {  color: #005121 !important; text-decoration: none;}
.call-to-action a {  text-decoration: none;}
.call-to-action a p:hover {  color:#ffffff !important; text-decoration: none !important;}  

 
.call-to-action-big{font-size: 19x; width: fit-content; color: #2A561C; border-radius: 4px !important; display: inline-flex ; text-align: center; background-color: #d1ffc3; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; -webkit-font-smoothing: subpixel-antialiased; margin-bottom: 10px; margin-right: 10px; }
.call-to-action-big:hover{ color: #fff !important; background: #32c32a; transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .1) !important;}


.call-to-action1{width: fit-content; color: #6c6e70; border-radius: 4px !important; display: inline-flex ; text-align: center;    background: #f9f9f9; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; -webkit-font-smoothing: subpixel-antialiased;   margin-bottom: 10px; margin-right: 10px; }
.call-to-action1:hover{ color: #fff !important; background: #6fb5ff;      transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .1) !important;}

.call-to-action2{width: fit-content; color: #1d5083; border-radius: 4px !important; display: inline-flex ; text-align: center; background: #d7eaff; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; -webkit-font-smoothing: subpixel-antialiased;    }
.call-to-action2:hover{ color: #fff !important; background: #6fb5ff;      transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; box-shadow: 0 1rem 2.5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .1) !important;}

.call-to-action3 a{width: fit-content; color: #3c490f; border-radius: 4px !important; display: inline-flex ; text-align: center;    background: #def1c7; font-family: "Estedad"; padding: 6px 8px 8px 6px; text-transform: none; -webkit-font-smoothing: subpixel-antialiased;   margin-bottom: 10px; margin-right: 10px; }
.call-to-action3 a:hover { background-color: #75cb36; color: #ffffff;    }
.call-to-action3 a p {  color: #1d8230 !important; text-decoration: none;}
.call-to-action3 a {  text-decoration: none;}
.call-to-action3 a p:hover {  color:#ffffff !important; text-decoration: none !important;}  


.display-block{display:block}
		
.datacenter-card-title { color: #306e96; font-size: 14.5px; text-align: center; line-height: 20px; background: #f2f9ff; padding: 8px; border-radius: 4px; min-width: 108px; }
		
		
.title-bg-blue { color: #0075DC; padding: 6px 0 6px 0; margin-bottom: 8px !important; display: flex ; width: fit-content; right: 10px; font-weight: 700 !important; font-size: 20px; position: relative;}		
.title-bg-green {background: #65bba0; color: #ffffff; padding: 6px; border-radius: 4px; margin-bottom: 8px !important; display: flex ; width: fit-content; right: 10px; font-size: 18px; position: relative;}		
			
		
		

		
		
		
		
		


.vps-product-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    height: 100%;
}
.vps-product-card:hover { box-shadow: 0 1rem 1rem .5rem rgb(83 103 184 / 8%); transition: border .4s linear, color .4s linear, width .4s linear, background-color .4s linear; cursor:cell;     background: #fafdff;}
.vps-card-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 15px;
    width: 100%;
}

.vps-card-header .flag-image {
    width: 80px;
    height: auto;
    border-radius: 4px;
}

.vps-country-link {
    display: block;
    text-decoration: none;
    color: #2859c5;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.vps-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    direction: rtl; /* این برای زبان فارسی معمولاً لازم است تا متن از راست به چپ باشد */
    color: #444;
    font-size: 13px;
}

.vps-specs-table td {
    padding: 4px 5px;
    text-align: center; /* *این خط از right به center تغییر یافت* */
}

.vps-price-start {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
    font-weight: 500;
}

.vps-price-value {
    font-weight: bold;
    color: #0029ff;
    font-size: 17px;
}

.vps-currency {
    font-size: 13px;
    color: #333;
}







 .custom-marker-list {
    list-style: none; /* حذف بولت پیش‌فرض */
 
    text-align: right;
}

.custom-marker-list li::marker {
     content: '●\00a0';
    color: #ced9ff;
    font-size: 1em;
 
}









        /* کانتینر اصلی که دو ستون را نگه می‌دارد */
        .layout-container {
            display: flex;
            /* با حذف flex-direction، در حالت rtl، ستون اول سمت راست قرار می‌گیرد */
            width: 100%;
 
            gap: 40px;
        }

        /* ستون سمت چپ (محتوا) */
        .content-pane {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* ستون سمت راست (کارت‌های انتخاب) */
        .selector-pane {
            flex-basis: 45%; /* عرض ستون کارت‌ها */
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* دو ستون کارت */
            gap: 20px;
        }

 
 
        /* استایل کارتی که فعال و انتخاب شده است */
        .vps-product-card.active {
            border-color: #0d6efd;
            box-shadow: 0 8px 25px rgba(13, 110, 253, 0.2);
        }

        .vps-product-card .card-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            margin-top: 10px;
        }

        /* محتوای توضیحات در ستون چپ */
        .content-display {
            display: none; /* در حالت عادی مخفی است */
            animation: fadeIn 0.5s ease;
        }

        .content-display h2 {
            font-size: 32px;
            color: #212529;
            margin-bottom: 20px;
        }

        .content-display p {
            font-size: 16px;
            line-height: 1.8;
            color: #495057;
            text-align: justify;
        }
        
        .vps-product-card .icon-placeholder {
            font-size: 32px;
            line-height: 1;
        }

        /* طراحی واکنش‌گرا برای موبایل */
        @media (max-width: 992px) {
            .layout-container {
                flex-direction: column-reverse; /* محتوا بالا، کارت‌ها پایین */
            }
             .content-pane {
                text-align: center;
            }
            .content-display p {
                text-align: center;
            }
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(15px); }
            to { opacity: 1; transform: translateY(0); }
        }







    /* Accordion Container Styles */
    .guide-accordion-container {
        width: 100%;
        margin-top: 30px;
    }

    /* Individual Accordion Item */
    .guide-accordion-item {
        border: 1px solid #eef2f7;
        border-radius: 8px;
        margin-bottom: 20px;
        background-color: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        transition: all 0.3s ease;
        overflow: hidden; /* Important for clean animations */
    }

    .guide-accordion-item:hover {
        box-shadow: 0 5px 20px rgba(0,0,0,0.08);
        transform: translateY(-2px);
		    box-shadow: 0 8px 25px rgba(13, 110, 253, .2);
			    background: #f6fbff;
    }
    
    .guide-accordion-item[open] {
        box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    }

    /* Accordion Title (The <summary> tag) */
    .guide-accordion-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 25px;
        font-size: 1.25em; 
 
        color: #305E6F;
        cursor: pointer;
        list-style: none; /* Removes the default arrow icon */
    }

    /* Hide default marker across browsers */
    .guide-accordion-title::-webkit-details-marker {
        display: none;
    }

    /* Custom animated plus/minus icon */
    .guide-accordion-title::after {
        content: '+';
        font-size: 1.8em;
        font-weight: 300;
        color: #2859c5;
        transition: transform 0.3s ease;
        flex-shrink: 0;
    }

    /* Animate icon on open */
    .guide-accordion-item[open] > .guide-accordion-title::after {
        content: '−';
        transform: rotate(180deg);
		
    }
    
    .guide-accordion-item[open] > .guide-accordion-title {
         color: #2859c5;
    }

    /* Accordion Content Wrapper */
    .guide-accordion-content {
        padding: 0 30px 30px 30px;
        line-height: 1.8;
        color: #43587f;
        overflow: hidden;
        animation: fadeIn 0.5s ease-in-out;     background: white;
    }
    
    /* Image styling within the accordion */
    .guide-accordion-content img {
        max-width: 34%;
        height: auto;
        float: left;
        margin: 0 0 20px 40px;
    }

    /* Clearfix for floating images */
    .guide-accordion-content::after {
        content: "";
        display: table;
        clear: both;
    }

    /* Responsive adjustments */
    @media (max-width: 768px) {
        .guide-accordion-content img {
            float: none;
            display: block;
            margin: 20px auto;
            max-width: 60%;
        }
        .guide-accordion-title {
            font-size: 1.1em;
            padding: 15px;
        }
        .guide-accordion-content {
            padding: 0 15px 20px 15px;
        }
    }

    /* Keyframes for smooth animation */
    @keyframes fadeIn {
        from { opacity: 0; transform: translateY(-10px); }
        to { opacity: 1; transform: translateY(0); }
    }
	
	
	
	
	
	
	
	        .features-blueserver-section-container {
            max-width: 1320px;
            margin: 40px auto;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 30px;
            flex-wrap: wrap; /* For responsiveness */
        }

        .features-blueserver-content {
            flex: 1;
            min-width: 300px; /* For responsiveness */
        }
        
        .features-blueserver-image {
            flex: 1;
            max-width: 300px; /* For responsiveness */
            text-align: center;
        }

        .features-blueserver-image img {
            max-width: 100%;
            height: auto;
        }
        
        .features-blueserver-content h2 {
            font-size: 28px;
            font-weight: 700;
            color: #333;
            margin-bottom: 15px;
        }

        .features-blueserver-content .features-blueserver-description {
            font-size: 16px;
            line-height: 1.8;
            color: #555;
            max-width: 500px; /* To keep text block readable */
        }

        .features-blueserver-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 2 columns grid */
            gap: 20px;
            margin-top: 30px;
        }

        .features-blueserver-feature-box {
            background-color: #fff;
            padding: 18px;
            border-radius: 12px;
            border: 1px solid #e9e9e9;
            text-align: right;
            transition: all 0.3s ease;
        }

        .features-blueserver-feature-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.08);
        }

        .features-blueserver-feature-box h3 {
            font-size: 18px;
            font-weight: 700;
            color: #3a416f; /* Dark blue color for title */
            margin-bottom: 10px;
        }

        .features-blueserver-feature-box p {
            font-size: 14px;
            color: #666;
            line-height: 1.7;
            margin: 0;
        }

        /* Responsive adjustments */
        @media (max-width: 992px) {
            .features-blueserver-section-container {
                flex-direction: column-reverse; /* Stack content on top of image */
            }
        }
        
        @media (max-width: 576px) {
            .features-blueserver-grid {
                grid-template-columns: 1fr; /* Single column grid on small screens */
            }
            .features-blueserver-content h2 {
                font-size: 24px;
            }
             .features-blueserver-content .features-blueserver-description {
                font-size: 15px;
            }
        }








/* --- Main Container --- */
.fb-nav-container {
    width: 100%;
    direction: rtl;
}

/* --- Menu Links Styling --- */
.fb-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    text-decoration: none !important;
}

.fb-nav-link {
    display: flex; /* تغییر کرد: برای تراز بهتر آیکون و متن */
    align-items: center;
    padding: 4px 16px; /* تغییر کرد: کاهش فاصله داخلی عمودی برای کم شدن ارتفاع */
    font-size: 15px;
    font-weight: 500;
    color: #2C5998;
    border-radius: 8px;
    transition: background-color 0.2s, color 0.2s;
    text-decoration: none !important;
}

.fb-nav-link:hover {
    background-color: #f0f5ff;
    color: #0e1172;
}
.fb-arrow {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

/* --- Dropdown Menu (Desktop) --- */
.fb-dropdown {
    position: relative;
    /* padding-bottom: 8px; */ /* حذف شد: این فاصله اضافی بود */
    /* margin-bottom: -8px; */ /* حذف شد: این فاصله اضافی بود */
}

.fb-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
    margin-top: 0;
    z-index: 100;
    min-width: 200px;
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    border: 1px solid #f3f4f6;
    list-style: none;
    padding: 8px 0;
}
.fb-dropdown:hover .fb-dropdown-menu {
    display: block;
    padding: 8px;
    border-radius: 6px;
    text-decoration: none !important;
}
.fb-dropdown-menu a {
    border-radius: 6px;
    display: block;
    padding: 8px 16px;
    color: #374151;
    text-decoration: none !important;
    text-align: center;
    transition: background-color 0.2s;
}
.fb-dropdown-menu a:hover {
    background-color: #eff8ff;
    color: #284f83;
    text-decoration: none !important;
}

/* --- Mobile Menu Functionality --- */
.fb-menu-toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.fb-hamburger-button {
    display: none;
}

.fb-hamburger-button svg {
    width: 24px;
    height: 24px;
}

/* --- Responsive Styles --- */
@media (max-width: 1024px) {
    .fb-nav-container {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        padding: 8px 4px;
    }
    .fb-hamburger-button {
        display: block;
        cursor: pointer;
        padding: 8px;
        color: #1f2937;
        z-index: 110;
    }
    .fb-menu-wrapper {
        display: none;
        position: absolute;
        top: calc(100% + 5px);
        background-color: white;
        border-radius: 8px;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
        z-index: 100;
        border: 1px solid #f3f4f6;
        left: 8px;
        right: 8px;
        width: auto;
        margin: 0;
    }
    .fb-menu-toggle:checked ~ .fb-menu-wrapper {
        display: block;
        width: fit-content;
    }
    .fb-menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px;
    }
    .fb-nav-link {
        justify-content: space-between;
    }
    .fb-dropdown {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .fb-dropdown-menu {
        position: static;
        display: none;
        box-shadow: none;
        border: none;
        background-color: #fafafa;
        border-radius: 0;
        margin-top: 8px;
        padding: 0;
        min-width: auto;
    }
    .fb-dropdown:hover .fb-dropdown-menu {
        display: block;
    }
    .fb-dropdown-menu a {
        padding-right: 32px;
        text-align: right;
    }
}
/* --- END: FLOWBITE-INSPIRED MENU STYLES --- */