body
{
   background-color: #282828;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.visibility-hidden
{
   visibility: hidden;
}
#wb_Name-Text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: center;
}
#wb_Name-Text
{
   color: #FFFFFF;
   font-family: Vazirmatn;
   font-weight: 900;
   font-size: 43px;
   line-height: 72.5px;
}
#wb_Name-Text p, #wb_Name-Text ul
{
   margin: 0;
   padding: 0;
}
#wb_Name-Text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_headerGrid
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: none;
   text-align: center;
   width: 100%;
   background-color: #282828;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: solid;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 3840px;
}
#headerGrid
{
   box-sizing: border-box;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#headerGrid > .col-1, #headerGrid > .col-2, #headerGrid > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 16px;
   padding-left: 16px;
   position: relative;
}
#headerGrid > .col-1, #headerGrid > .col-2, #headerGrid > .col-3
{
   flex: 0 0 auto;
}
#headerGrid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-start;
   text-align: left;
}
#headerGrid > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 0 0 10px;
}
#headerGrid > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: center;
   text-align: center;
}
#headerGrid > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 33.33333333%;
   max-width: 33.33333333%;
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
   align-self: stretch;
   align-items: flex-start;
   justify-content: flex-end;
   text-align: right;
}
#headerGrid > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 0 10px 0 0;
}
@media (max-width: 320px)
{
#headerGrid > .col-1, #headerGrid > .col-2, #headerGrid > .col-3
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#headerBreadcrumb
{
   list-style: none;
   padding: 10px 0 10px 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 10px;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: right;
}
#headerBreadcrumb > li
{
   display: inline-block;
   font-size: 16px;
   text-transform: none;
}
#headerBreadcrumb a
{
   color: #FFFFFF;
   text-decoration: none;
}
#headerBreadcrumb a:hover
{
   color: #3588F0;
   text-decoration: none;
}
#headerBreadcrumb > .active
{
   color: #FFFFFF;
}
#headerBreadcrumb > .active a
{
   color: inherit;
   pointer-events: none;
}
#headerBreadcrumb > li + li:before
{
   content: "|";
   padding: 0 8px;
   color: #C0C0C0;
}
#headerBreadcrumb li i
{
   font-size: 16px;
   margin-right: 6px;
   vertical-align: text-bottom;
   width: 18px;
}
@media all and (max-width:768px) 
{
#wb_headerBreadcrumb
{
   display: none !important;
}
#headerBreadcrumb > li
{
}
}
#Breadcrumb1
{
   list-style: none;
   padding: 10px 0 10px 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid #C0C0C0;
   border-radius: 10px;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 0;
   margin: 0;
   text-align: left;
}
#Breadcrumb1 > li
{
   display: inline-block;
   font-size: 13px;
   text-transform: none;
}
#Breadcrumb1 a
{
   color: #FFFFFF;
   text-decoration: none;
}
#Breadcrumb1 a:hover
{
   color: #3588F0;
   text-decoration: none;
}
#Breadcrumb1 > .active
{
   color: #3588F0;
}
#Breadcrumb1 > .active a
{
   color: inherit;
   pointer-events: none;
}
#Breadcrumb1 > li + li:before
{
   content: "|";
   padding: 0 8px;
   color: #C0C0C0;
}
#Breadcrumb1 li i
{
   font-size: 13px;
   margin-right: 6px;
   vertical-align: text-bottom;
   width: 15px;
}
@media all and (max-width:768px) 
{
#wb_Breadcrumb1
{
   display: none !important;
}
#Breadcrumb1 > li
{
}
}
#wb_header-Grid
{
   clear: both;
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 7776;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #282828;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 3840px;
}
#header-Grid
{
   box-sizing: border-box;
   padding: 10px 20px 10px 20px;
   margin-right: auto;
   margin-left: auto;
}
#header-Grid > .row
{
   margin-right: -20px;
   margin-left: -20px;
}
#header-Grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 20px;
   padding-left: 20px;
   position: relative;
}
#header-Grid > .row > .col-1
{
   float: left;
}
#header-Grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#header-Grid:before,
#header-Grid:after,
#header-Grid .row:before,
#header-Grid .row:after
{
   display: table;
   content: " ";
}
#header-Grid:after,
#header-Grid .row:after
{
   clear: both;
}
@media (max-width: 320px)
{
#header-Grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Header-MegaMenu
{
   z-index: 1111 !important;
}
#Header-MegaMenu
{
   font-size: 0;
   list-style: none;
   margin: 0;
   padding: 0;
   margin: 0;
   text-align: center;
   font-family: Vazir;
   font-weight: normal;
}
#Header-MegaMenu li
{
   display: inline-block;
   font-size: 16px;
   margin: 0;
   padding: 0;
   position: relative;
}
#Header-MegaMenu li a
{
   float: left;
}
#Header-MegaMenu li .submenu
{
   position: absolute;
   right: 0;
   display: none;
   padding: 15px 15px 15px 15px;
   text-align: right;
   top: 0;
   z-index: 9999;
}
#Header-MegaMenu li .submenu.show
{
   display: grid;
}
#Header-MegaMenu li .submenu ul
{
   list-style: none;
   margin: 0;
   padding: 0;
}
#Header-MegaMenu .submenu ul li
{
   width: 100%;
}
#Header-MegaMenu .submenu ul li .heading
{
   display: block;
   color: #3588F0;
   font-weight: bold;
   font-size: 16px;
   font-style: normal;
   margin: 0;
   padding: 8px 0;
   text-decoration: none;
   text-transform: none;
   white-space: nowrap;
}
#Header-MegaMenu .submenu ul li a
{
   display: block;
   float: none;
   height: auto;
   border: 1px solid transparent;
   border-radius: 10px;
   color: inherit;
   font-weight: normal;
   font-style: normal;
   padding: 8px 10px 8px 10px;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: nowrap;
}
#Header-MegaMenu .button
{
   cursor: pointer;
   position: relative;
   text-align: center;
   margin: 0 15px 0 0;
   outline: 0;
   padding: 6px 10px 6px 10px;
   color: #FFFFFF;
   background-color: transparent;
   background-image: none;
   border: 1px solid #303030;
   border-radius: 16px;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
}
#Header-MegaMenu .button:hover, #Header-MegaMenu .button.active
{
   background-color: #3588F0;
   background-image: none;
   border-color: #3588F0;
   color: #FFFFFF;
}
#Header-MegaMenu .submenu
{
   background-color: #303030;
   background-image: none;
   border: 1px solid #303030;
   border-radius: 10px;
   color: #FFFFFF;
}
#Header-MegaMenu .submenu a:hover, #Header-MegaMenu .submenu a.active
{
   background-color: #3588F0;
   background-image: none;
   border: 1px solid #303030;
   color: #FFFFFF;
}
#Header-MegaMenu li:nth-child(4) .submenu ul li a
{
   padding: 8px 10px 8px 10px;
}
#Header-MegaMenu li i
{
   font-size: 16px;
   width: 18px;
}
#Header-MegaMenu .arrow
{
   margin-top: -8px;
   margin-left: 0;
   position: absolute;
   right: 6px;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#Header-MegaMenu .bullet, #Header-MegaMenu .icon
{
   right: 0px;
   margin-top: -8px;
   position: absolute;
   top: 50%;
   display: block;
   overflow: hidden;
   width: 16px;
   height: 16px;
}
#$ID$ .phone:before
{
   content: "\f095";
}
#Header-MegaMenu-hamburger
{
   cursor: pointer;
   display: none;
   background-color: #000000;
   border: 1px solid #303030;
   padding: 5px 12px 6px 12px;
}
#Header-MegaMenu-hamburger .line
{
   width: 24px;
   height: 4px;
   background: #FFFFFF;
   display: block;
   margin: 4px auto;
}
#Header-MegaMenu-close
{
   display: none;
}
@media all and (max-width:600px) 
{
#Header-MegaMenu-hamburger
{
   display: inline-block;
}
#Header-MegaMenu > li
{
   width: 100%;
}
#Header-MegaMenu > li > a
{
   display: none;
}
#Header-MegaMenu-nav
{
   display: none;
   height: 100% !important;
   left: 0 !important;
   overflow-y: auto;
   position: fixed !important;
   top: 0 !important;
   width: 100% !important;
   z-index: 9998;
}
#Header-MegaMenu
{
   height: 100% !important;
   width: 100% !important;
}
#Header-MegaMenu > li > div
{
   box-sizing: border-box;
   border-width: 0 0 1px 0 !important;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
}
#Header-MegaMenu li .submenu ul, #Header-MegaMenu li .submenu ul li
{
   width: 100% !important;
}
##Header-MegaMenu .nav-link
{
   box-sizing: border-box;
   display: inline-block !important;
   float: none;
   position: static !important;
   width: 100% !important;
   padding: 9px 11px 9px 11px;
   text-align: right;
}
#Header-MegaMenu-close
{
   display: block;
   left: 0;
   pointer-events: none;
   position: fixed;
   text-align: right;
   top: 0;
   width: 100%;
   z-index: 9999;
}
#Header-MegaMenu-close a
{
   color: #FFFFFF;
   display: inline-block;
   font-size: 24px;
   font-weight: bold;
   padding: 10px 40px 10px 10px;
   pointer-events: all;
   text-decoration: none;
}
#wb_Header-MegaMenu.open
{
   z-index: 9998 !important
}
#wb_Header-MegaMenu.open #Header-MegaMenu-nav
{
   display: block !important;
}
.overflow-no-scroll
{
   overflow: hidden !important;
}
}
#wb_Cover-Grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: url('images/DaryaNetwork-Cover.png');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Cover-Grid
{
   box-sizing: border-box;
   height: 100vh;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   padding: 75px 0 75px 0;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#Cover-Grid > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 200px;
   padding-left: 200px;
   position: relative;
}
#Cover-Grid > .col-1
{
   flex: 0 0 auto;
}
#Cover-Grid > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   flex-basis: 100%;
   max-width: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   align-self: stretch;
   align-items: center;
   justify-content: center;
   text-align: center;
}
@media (max-width: 480px)
{
#Cover-Grid > .col-1
{
   flex-basis: 100% !important;
   max-width: 100% !important;
}
}
#Cover-Grid-overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 0px;
   background-color: #000000;
   opacity: 0.5;
}
#wb_Discription-Text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0 0 20px 0;
   margin: 0;
   text-align: center;
}
#wb_Discription-Text
{
   color: #FFFFFF;
   font-family: Vazirmatn;
   font-weight: 600;
   font-size: 20px;
   line-height: 34px;
}
#wb_Discription-Text p, #wb_Discription-Text ul
{
   margin: 0;
   padding: 0;
}
#wb_Discription-Text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Service-Shape
{
   transform: rotate(90deg);
   transform-origin: 50% 50%;
}
#wb_Service-Shape a img
{
   position: absolute;
   left: 0;
}
#wb_Service-Shape .default
{
   position: absolute;
   left: 0;
}
#wb_Service-Shape a .hover
{
   visibility: hidden;
}
#wb_Service-Shape a:hover .hover
{
   visibility: visible;
}
#wb_Service-Shape a:hover .default
{
   visibility: hidden;
}
#Service-Shape
{
   border-width: 0;
   vertical-align: top;
}
#wb_Service-Shape
{
   margin: 0;
   animation: animate-opacity 3000ms linear 500ms infinite normal;
   vertical-align: top;
}
#wb_services-Grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #282828;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   box-sizing: border-box;
   margin: 0;
}
#services-Grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#services-Grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#services-Grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#services-Grid > .row > .col-1
{
   float: left;
}
#services-Grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#services-Grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 50px 0 50px 0;
}
#services-Grid:before,
#services-Grid:after,
#services-Grid .row:before,
#services-Grid .row:after
{
   display: table;
   content: " ";
}
#services-Grid:after,
#services-Grid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#services-Grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_Voip-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Voip-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Voip-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Voip-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Voip-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Voip-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Voip-Card-card-item0-clippath);
   clip-path: url(#Voip-Card-card-item0-clippath);
}
#Voip-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
}
#Voip-Card-card-item1 h2
{
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
}
#Voip-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Server-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Server-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Server-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Server-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Server-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Server-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Server-Card-card-item0-clippath);
   clip-path: url(#Server-Card-card-item0-clippath);
}
#Server-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
}
#Server-Card-card-item1 h2
{
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
}
#Server-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Server-Card:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 200ms linear 0ms;
}
#wb_Server-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Insfracture-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Insfracture-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Insfracture-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   padding: 0;
}
#Insfracture-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Insfracture-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Insfracture-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Insfracture-Card-card-item0-clippath);
   clip-path: url(#Insfracture-Card-card-item0-clippath);
}
#Insfracture-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
}
#Insfracture-Card-card-item1 h2
{
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
}
#Insfracture-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_ServiceGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #282828;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#ServiceGrid1
{
   box-sizing: border-box;
   padding: 20px 15px 50px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#ServiceGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#ServiceGrid1 > .row > .col-1, #ServiceGrid1 > .row > .col-2, #ServiceGrid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#ServiceGrid1 > .row > .col-1, #ServiceGrid1 > .row > .col-2, #ServiceGrid1 > .row > .col-3
{
   float: left;
}
#ServiceGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   width: 33.33333333%;
   text-align: center;
}
#ServiceGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   width: 33.33333333%;
   text-align: center;
}
#ServiceGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 20px;
   width: 33.33333333%;
   text-align: center;
}
#ServiceGrid1:before,
#ServiceGrid1:after,
#ServiceGrid1 .row:before,
#ServiceGrid1 .row:after
{
   display: table;
   content: " ";
}
#ServiceGrid1:after,
#ServiceGrid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#ServiceGrid1 > .row > .col-1, #ServiceGrid1 > .row > .col-2, #ServiceGrid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_CCTV-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#CCTV-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#CCTV-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#CCTV-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#CCTV-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#CCTV-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#CCTV-Card-card-item0-clippath);
   clip-path: url(#CCTV-Card-card-item0-clippath);
}
#CCTV-Card-card-item1
{
   box-sizing: border-box;
   margin: 24px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#CCTV-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Webdesign-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-clip: padding-box;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Webdesign-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Webdesign-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Webdesign-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Webdesign-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Webdesign-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-clip: padding-box;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Webdesign-Card-card-item0-clippath);
   clip-path: url(#Webdesign-Card-card-item0-clippath);
}
#Webdesign-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Webdesign-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
}
#wb_Wireless-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Wireless-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Wireless-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Wireless-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Wireless-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Wireless-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Wireless-Card-card-item0-clippath);
   clip-path: url(#Wireless-Card-card-item0-clippath);
}
#Wireless-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Wireless-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
}
#wb_Services-Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 20px 0 0 0;
   text-align: center;
}
#Services-Heading
{
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Services-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_NetworkSec-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#NetworkSec-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#NetworkSec-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#NetworkSec-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#NetworkSec-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#NetworkSec-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#NetworkSec-Card-card-item0-clippath);
   clip-path: url(#NetworkSec-Card-card-item0-clippath);
}
#NetworkSec-Card-card-item1
{
   box-sizing: border-box;
   margin: 24px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#NetworkSec-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Backup-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Backup-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Backup-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Backup-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Backup-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Backup-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Backup-Card-card-item0-clippath);
   clip-path: url(#Backup-Card-card-item0-clippath);
}
#Backup-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Backup-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Support-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Support-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Support-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 40px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
}
#Support-Card-card-item0:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Support-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Support-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Support-Card-card-item0-clippath);
   clip-path: url(#Support-Card-card-item0-clippath);
}
#Support-Card-card-item1
{
   box-sizing: border-box;
   margin: 25px 0 20px 0 ;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Support-Card-card-item2
{
   box-sizing: border-box;
   margin: 0 10px 20px 10px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   line-height: 32px;
   text-align: center;
}
#wb_Aboutus-Grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #303030;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   box-sizing: border-box;
   margin: 0;
}
#Aboutus-Grid
{
   box-sizing: border-box;
   padding: 50px 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#Aboutus-Grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Aboutus-Grid > .row > .col-1, #Aboutus-Grid > .row > .col-2, #Aboutus-Grid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Aboutus-Grid > .row > .col-1, #Aboutus-Grid > .row > .col-2, #Aboutus-Grid > .row > .col-3
{
   float: left;
}
#Aboutus-Grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Aboutus-Grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Aboutus-Grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Aboutus-Grid:before,
#Aboutus-Grid:after,
#Aboutus-Grid .row:before,
#Aboutus-Grid .row:after
{
   display: table;
   content: " ";
}
#Aboutus-Grid:after,
#Aboutus-Grid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#Aboutus-Grid > .row > .col-1, #Aboutus-Grid > .row > .col-2, #Aboutus-Grid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Aboutus-Grid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #303030;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Aboutus-Grid2
{
   box-sizing: border-box;
   padding: 0 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
}
#Aboutus-Grid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Aboutus-Grid2 > .row > .col-1, #Aboutus-Grid2 > .row > .col-2, #Aboutus-Grid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Aboutus-Grid2 > .row > .col-1, #Aboutus-Grid2 > .row > .col-2, #Aboutus-Grid2 > .row > .col-3
{
   float: left;
}
#Aboutus-Grid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: left;
}
#Aboutus-Grid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   width: 66.66666667%;
   text-align: center;
}
#Aboutus-Grid2 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 10px 20px 10px;
}
#Aboutus-Grid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: right;
}
#Aboutus-Grid2:before,
#Aboutus-Grid2:after,
#Aboutus-Grid2 .row:before,
#Aboutus-Grid2 .row:after
{
   display: table;
   content: " ";
}
#Aboutus-Grid2:after,
#Aboutus-Grid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Aboutus-Grid2 > .row > .col-1, #Aboutus-Grid2 > .row > .col-2, #Aboutus-Grid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Aboutus-Text 
{
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   padding: 20px 15px 20px 15px;
   margin: 0;
   text-align: center;
}
#wb_Aboutus-Text div
{
   text-align: center;
}
#wb_Aboutus-Text
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Personel-Grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-clip: padding-box;
   background-color: #303030;
   background-image: none;
   border: 0px solid #303030;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Personel-Grid
{
   box-sizing: border-box;
   padding: 50px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#Personel-Grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Personel-Grid > .row > .col-1, #Personel-Grid > .row > .col-2, #Personel-Grid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Personel-Grid > .row > .col-1, #Personel-Grid > .row > .col-2, #Personel-Grid > .row > .col-3
{
   float: left;
}
#Personel-Grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Personel-Grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Personel-Grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Personel-Grid:before,
#Personel-Grid:after,
#Personel-Grid .row:before,
#Personel-Grid .row:after
{
   display: table;
   content: " ";
}
#Personel-Grid:after,
#Personel-Grid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#Personel-Grid > .row > .col-1, #Personel-Grid > .row > .col-2, #Personel-Grid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Personel-grid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #303030;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Personel-grid2
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#Personel-grid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Personel-grid2 > .row > .col-1, #Personel-grid2 > .row > .col-2, #Personel-grid2 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Personel-grid2 > .row > .col-1, #Personel-grid2 > .row > .col-2, #Personel-grid2 > .row > .col-3
{
   float: left;
}
#Personel-grid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Personel-grid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   width: 33.33333333%;
   text-align: center;
}
#Personel-grid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Personel-grid2:before,
#Personel-grid2:after,
#Personel-grid2 .row:before,
#Personel-grid2 .row:after
{
   display: table;
   content: " ";
}
#Personel-grid2:after,
#Personel-grid2 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#Personel-grid2 > .row > .col-1, #Personel-grid2 > .row > .col-2, #Personel-grid2 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_ALireza-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#ALireza-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#ALireza-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_ALireza-Card:hover #ALireza-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#ALireza-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#ALireza-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
}
#ALireza-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Amir-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#Amir-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Amir-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_Amir-Card:hover #Amir-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Amir-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Amir-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
}
#Amir-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_omid-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#omid-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#omid-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_omid-Card:hover #omid-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#omid-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#omid-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
}
#omid-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Behnam-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #282828;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#Behnam-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Behnam-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_Behnam-Card:hover #Behnam-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Behnam-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Behnam-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
}
#Behnam-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_misaq-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#misaq-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#misaq-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_misaq-Card:hover #misaq-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#misaq-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#misaq-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 15px;
}
#misaq-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Aboutus-Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   vertical-align: top;
   margin: 0;
   padding: 20px 0 0 0;
   text-align: center;
}
#Aboutus-Heading
{
   color: #FFFFFF;
   font-family: "Vazir Medium";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Aboutus-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Personel-Heading
{
   background-color: #242424;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 1000px;
   vertical-align: top;
   margin: 0;
   padding: 20px 0 0 0;
   text-align: center;
}
#Personel-Heading
{
   color: #FFFFFF;
   font-family: "Vazir Medium";
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Personel-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Parham-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
   background-color: #242424;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: solid;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   border-top-left-radius: 200px;
   border-top-right-radius: 200px;
   border-bottom-right-radius: 200px;
   border-bottom-left-radius: 200px;
   text-align: left;
}
#Parham-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Parham-Card-card-item0
{
   box-sizing: border-box;
   margin: 0 0 -100px 0 ;
   padding: 0;
   border: 3px solid #3588F0;
   border-radius: 50%;
   max-width: 125px;
   width: 100%;
   height: 125px;
}
#wb_Parham-Card:hover #Parham-Card-card-item0
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#Parham-Card-card-item0
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#Parham-Card-card-item1
{
   box-sizing: border-box;
   margin: 0 20px 0 150px;
   padding: 0;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
}
#Parham-Card-card-item2
{
   box-sizing: border-box;
   margin: 10px 20px 50px 150px;
   padding: 0;
   color: #DCDFEA;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 15px;
}
#wb_Support-Grid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #262626;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   box-sizing: border-box;
   margin: 0;
}
#Support-Grid1
{
   box-sizing: border-box;
   padding: 50px 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#Support-Grid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Support-Grid1 > .row > .col-1, #Support-Grid1 > .row > .col-2, #Support-Grid1 > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Support-Grid1 > .row > .col-1, #Support-Grid1 > .row > .col-2, #Support-Grid1 > .row > .col-3
{
   float: left;
}
#Support-Grid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Support-Grid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Support-Grid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Support-Grid1:before,
#Support-Grid1:after,
#Support-Grid1 .row:before,
#Support-Grid1 .row:after
{
   display: table;
   content: " ";
}
#Support-Grid1:after,
#Support-Grid1 .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#Support-Grid1 > .row > .col-1, #Support-Grid1 > .row > .col-2, #Support-Grid1 > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Support-Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Support-Heading
{
   color: #FFFFFF;
   font-family: "Vazir Medium";
   font-weight: bold;
   font-style: normal;
   font-size: 21px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Support-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Support-Grid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #262626;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Support-Grid2
{
   box-sizing: border-box;
   padding: 0 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
}
#Support-Grid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Support-Grid2 > .row > .col-1, #Support-Grid2 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Support-Grid2 > .row > .col-1, #Support-Grid2 > .row > .col-2
{
   float: left;
}
#Support-Grid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Support-Grid2 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 10px 20px 10px;
}
#Support-Grid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   width: 66.66666667%;
   text-align: right;
}
#Support-Grid2 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 10px 20px 10px;
}
#Support-Grid2:before,
#Support-Grid2:after,
#Support-Grid2 .row:before,
#Support-Grid2 .row:after
{
   display: table;
   content: " ";
}
#Support-Grid2:after,
#Support-Grid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Support-Grid2 > .row > .col-1, #Support-Grid2 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Support-text2 
{
   background-color: #303030;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   padding: 20px 15px 20px 15px;
   margin: 0;
   text-align: right;
}
#wb_Support-text2 div
{
   text-align: right;
}
#wb_Support-text2
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Support-Grid3
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #282828;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Support-Grid3
{
   box-sizing: border-box;
   padding: 0 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
}
#Support-Grid3 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Support-Grid3 > .row > .col-1, #Support-Grid3 > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Support-Grid3 > .row > .col-1, #Support-Grid3 > .row > .col-2
{
   float: left;
}
#Support-Grid3 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 66.66666667%;
   text-align: center;
}
#Support-Grid3 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 10px 20px 10px;
}
#Support-Grid3 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: right;
}
#Support-Grid3 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 10px 20px 10px;
}
#Support-Grid3:before,
#Support-Grid3:after,
#Support-Grid3 .row:before,
#Support-Grid3 .row:after
{
   display: table;
   content: " ";
}
#Support-Grid3:after,
#Support-Grid3 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Support-Grid3 > .row > .col-1, #Support-Grid3 > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Support-text3 
{
   background-color: #303030;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 20px;
   padding: 20px 15px 20px 15px;
   margin: 0;
   text-align: right;
}
#wb_Support-text3 div
{
   text-align: right;
}
#wb_Support-text3
{
   display: block;
   margin: 0;
   box-sizing: border-box;
   width: 100%;
}
#wb_Support-card3
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 20px;
   text-align: center;
}
#Support-card3-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Support-card3-card-item0
{
   box-sizing: border-box;
   margin: 20px 70px 0 0 ;
   padding: 0;
   text-align: center;
}
#Support-card3-card-item0 h2
{
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
}
#Support-card3-card-item1
{
   display: block;
   position: relative;
   margin: 50px auto 0px auto;
   width: 100px;
   height: 100px;
   box-sizing: border-box;
   border-radius: 0 0 20px 20px !important;
}
#Support-card3-card-item1 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Support-card3-card-item1-clippath);
   clip-path: url(#Support-card3-card-item1-clippath);
}
#wb_Support-card2
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 1px solid transparent;
   border-radius: 20px;
   text-align: center;
}
#Support-card2-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Support-card2-card-item0
{
   box-sizing: border-box;
   border-radius: 20px 20px 0 0 !important;
   margin: 0 0 0 70px;
   padding: 0;
   text-align: center;
}
#Support-card2-card-item0 h2
{
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
   margin: 0;
}
#Support-card2-card-item1
{
   display: block;
   position: relative;
   margin: 50px auto 0px auto;
   width: 100px;
   height: 100px;
   box-sizing: border-box;
   border-radius: 0 0 20px 20px !important;
}
#Support-card2-card-item1 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   padding-bottom: 100%;
   padding-top: 0;
   padding-left: 0;
   padding-right: 0;
   height: 0;
   overflow: hidden;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Support-card2-card-item1-clippath);
   clip-path: url(#Support-card2-card-item1-clippath);
}
#wb_plan-header-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-clip: padding-box;
   background-color: #282828;
   background-image: none;
   border: 0px solid #303030;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#plan-header-grid
{
   box-sizing: border-box;
   padding: 50px 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#plan-header-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#plan-header-grid > .row > .col-1, #plan-header-grid > .row > .col-2, #plan-header-grid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#plan-header-grid > .row > .col-1, #plan-header-grid > .row > .col-2, #plan-header-grid > .row > .col-3
{
   float: left;
}
#plan-header-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#plan-header-grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#plan-header-grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#plan-header-grid:before,
#plan-header-grid:after,
#plan-header-grid .row:before,
#plan-header-grid .row:after
{
   display: table;
   content: " ";
}
#plan-header-grid:after,
#plan-header-grid .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#plan-header-grid > .row > .col-1, #plan-header-grid > .row > .col-2, #plan-header-grid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_plan-Heading
{
   background-color: #3588F0;
   background-image: none;
   border: 2px solid #3588F0;
   border-radius: 1000px;
   vertical-align: top;
   margin: 0;
   padding: 20px 0 0 0;
   text-align: center;
}
#plan-Heading
{
   color: #FFFFFF;
   font-family: "Vazir Medium";
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#plan-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Standard
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 10px 0 0 ;
   background-clip: padding-box;
   background-color: #303030;
   background-image: none;
   border: 5px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Standard-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Standard-card-header
{
   box-sizing: border-box;
   border-bottom: 5px solid #3588F0;
   border-radius: 20px 20px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Standard-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 20px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item1 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item2 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item3 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item4 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item5
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item5 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item6
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   border-top: 2px #FFFFFF solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#Standard-card-item7
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item7 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item8
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Standard-card-item8 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Standard-card-item9
{
   display: inline-block;
   line-height: 1.0;
   height: 39px;
   box-sizing: border-box;
   margin: 50px 10px 50px 10px;
   border: 0px solid #000000;
   border-radius: 20px;
   background-clip: padding-box;
   background-color: #3588F0;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Standard-card-item9 a
{
   color: inherit;
   display: block;
   padding: 10px 30px 10px 30px;
   text-decoration: none;
}
#wb_Standard:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 200ms linear 0ms;
}
#wb_Standard
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Economic
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-clip: padding-box;
   background-color: #303030;
   background-image: none;
   border: 5px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#Economic-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Economic-card-header
{
   box-sizing: border-box;
   border-bottom: 5px solid #3588F0;
   border-radius: 20px 20px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#Economic-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 20px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item1 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item2 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item3 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item4 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item5
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item5 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item6
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   border-top: 2px #FFFFFF solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#Economic-card-item7
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item7 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item8
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#Economic-card-item8 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#Economic-card-item9
{
   display: inline-block;
   line-height: 1.0;
   height: 39px;
   box-sizing: border-box;
   margin: 50px 10px 50px 10px;
   border: 0px solid #000000;
   border-radius: 20px;
   background-clip: padding-box;
   background-color: #3588F0;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#Economic-card-item9 a
{
   color: inherit;
   display: block;
   padding: 10px 30px 10px 30px;
   text-decoration: none;
}
#wb_Economic:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 200ms linear 0ms;
}
#wb_Economic
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_plan-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#plan-grid
{
   box-sizing: border-box;
   padding: 10px 15px 10px 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1160px;
}
#plan-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#plan-grid > .row > .col-1, #plan-grid > .row > .col-2, #plan-grid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#plan-grid > .row > .col-1, #plan-grid > .row > .col-2, #plan-grid > .row > .col-3
{
   float: left;
}
#plan-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#plan-grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#plan-grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: right;
}
#plan-grid:before,
#plan-grid:after,
#plan-grid .row:before,
#plan-grid .row:after
{
   display: table;
   content: " ";
}
#plan-grid:after,
#plan-grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#plan-grid > .row > .col-1, #plan-grid > .row > .col-2, #plan-grid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_pro
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0 10px 0 0 ;
   background-clip: padding-box;
   background-color: #303030;
   background-image: none;
   border: 5px solid #3588F0;
   border-radius: 20px;
   text-align: center;
}
#pro-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#pro-card-header
{
   box-sizing: border-box;
   border-bottom: 5px solid #3588F0;
   border-radius: 20px 20px 0 0 !important;
   margin: 0;
   padding: 12px 20px 12px 20px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 19px;
   text-align: center;
}
#pro-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 20px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item1 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item2
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item2 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item3
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item3 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item4
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item4 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item5
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item5 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item6
{
   box-sizing: border-box;
   margin: 20px 20px 20px 20px;
   border-top: 2px #FFFFFF solid;
   border-width: 2px 0 0 0;
   height: 0;
   line-height: 0;
}
#pro-card-item7
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item7 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item8
{
   box-sizing: border-box;
   margin: 0;
   padding: 10px 10px 12px 10px;
   background-clip: padding-box;
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   text-align: right;
}
#pro-card-item8 i
{
   color: #FFFFFF;
   margin-left: 10px;
   text-align: center;
   vertical-align: top;
   font-size: 16px;
   width: 16px;
}
#pro-card-item9
{
   display: inline-block;
   line-height: 1.0;
   height: 39px;
   box-sizing: border-box;
   margin: 50px 10px 50px 10px;
   border: 0px solid #000000;
   border-radius: 20px;
   background-clip: padding-box;
   background-color: #3588F0;
   background-image: none;
   color: #FFFFFF;
   font-family: Vazir;
   font-weight: bold;
   font-style: normal;
   font-size: 19px;
}
#pro-card-item9 a
{
   color: inherit;
   display: block;
   padding: 10px 30px 10px 30px;
   text-decoration: none;
}
#wb_pro:hover
{
   transform: rotate(0deg) scale(1.1,1.1) ;
   transition: transform 200ms linear 0ms;
}
#wb_pro
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Contact-LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #303030;
   background-image: none;
   border-top-width: 2px;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   border-top-style: solid;
   border-right-style: none;
   border-bottom-style: none;
   border-left-style: none;
   border-top-color: #3588F0;
   border-right-color: #3588F0;
   border-bottom-color: #3588F0;
   border-left-color: #3588F0;
   box-sizing: border-box;
   margin: 20px 0 0 0 ;
}
#Contact-LayoutGrid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#Contact-LayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Contact-LayoutGrid > .row > .col-1, #Contact-LayoutGrid > .row > .col-2, #Contact-LayoutGrid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Contact-LayoutGrid > .row > .col-1, #Contact-LayoutGrid > .row > .col-2, #Contact-LayoutGrid > .row > .col-3
{
   float: left;
}
#Contact-LayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#Contact-LayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Contact-LayoutGrid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: right;
}
#Contact-LayoutGrid:before,
#Contact-LayoutGrid:after,
#Contact-LayoutGrid .row:before,
#Contact-LayoutGrid .row:after
{
   display: table;
   content: " ";
}
#Contact-LayoutGrid:after,
#Contact-LayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Contact-LayoutGrid > .row > .col-1, #Contact-LayoutGrid > .row > .col-2, #Contact-LayoutGrid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Contact-Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   vertical-align: top;
   margin: 0;
   padding: 30px 0 10px 0;
   text-align: center;
}
#Contact-Heading
{
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 21px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Contact-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Contact-LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #303030;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Contact-LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#Contact-LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Contact-LayoutGrid1 > .row > .col-1, #Contact-LayoutGrid1 > .row > .col-2, #Contact-LayoutGrid1 > .row > .col-3, #Contact-LayoutGrid1 > .row > .col-4, #Contact-LayoutGrid1 > .row > .col-5, #Contact-LayoutGrid1 > .row > .col-6, #Contact-LayoutGrid1 > .row > .col-7
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Contact-LayoutGrid1 > .row > .col-1, #Contact-LayoutGrid1 > .row > .col-2, #Contact-LayoutGrid1 > .row > .col-3, #Contact-LayoutGrid1 > .row > .col-4, #Contact-LayoutGrid1 > .row > .col-5, #Contact-LayoutGrid1 > .row > .col-6, #Contact-LayoutGrid1 > .row > .col-7
{
   float: left;
}
#Contact-LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 10px 10px 10px 10px;
}
#Contact-LayoutGrid1 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 20px 20px 20px;
}
#Contact-LayoutGrid1 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #3588F0;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 20px 20px 20px;
}
#Contact-LayoutGrid1 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-4 > .col-4-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 20px 20px 20px;
}
#Contact-LayoutGrid1 > .row > .col-5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-5 > .col-5-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 20px 20px 20px;
}
#Contact-LayoutGrid1 > .row > .col-6
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 16.66666667%;
   text-align: center;
}
#Contact-LayoutGrid1 > .row > .col-6 > .col-6-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 20px 20px 20px 20px;
}
#Contact-LayoutGrid1 > .row > .col-7
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: center;
}
#Contact-LayoutGrid1:before,
#Contact-LayoutGrid1:after,
#Contact-LayoutGrid1 .row:before,
#Contact-LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#Contact-LayoutGrid1:after,
#Contact-LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Contact-LayoutGrid1 > .row > .col-1, #Contact-LayoutGrid1 > .row > .col-2, #Contact-LayoutGrid1 > .row > .col-3, #Contact-LayoutGrid1 > .row > .col-4, #Contact-LayoutGrid1 > .row > .col-5, #Contact-LayoutGrid1 > .row > .col-6, #Contact-LayoutGrid1 > .row > .col-7
{
   float: none;
   width: 100% !important;
}
}
#wb_Contact-LayoutGrid2
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #272727;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Contact-LayoutGrid2
{
   box-sizing: border-box;
   padding: 20px 15px 20px 15px;
   margin-right: auto;
   margin-left: auto;
}
#Contact-LayoutGrid2 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Contact-LayoutGrid2 > .row > .col-1, #Contact-LayoutGrid2 > .row > .col-2, #Contact-LayoutGrid2 > .row > .col-3, #Contact-LayoutGrid2 > .row > .col-4, #Contact-LayoutGrid2 > .row > .col-5
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Contact-LayoutGrid2 > .row > .col-1, #Contact-LayoutGrid2 > .row > .col-2, #Contact-LayoutGrid2 > .row > .col-3, #Contact-LayoutGrid2 > .row > .col-4, #Contact-LayoutGrid2 > .row > .col-5
{
   float: left;
}
#Contact-LayoutGrid2 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: center;
}
#Contact-LayoutGrid2 > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#Contact-LayoutGrid2 > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Contact-LayoutGrid2 > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#Contact-LayoutGrid2 > .row > .col-5
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 8.33333333%;
   text-align: left;
}
#Contact-LayoutGrid2:before,
#Contact-LayoutGrid2:after,
#Contact-LayoutGrid2 .row:before,
#Contact-LayoutGrid2 .row:after
{
   display: table;
   content: " ";
}
#Contact-LayoutGrid2:after,
#Contact-LayoutGrid2 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Contact-LayoutGrid2 > .row > .col-1, #Contact-LayoutGrid2 > .row > .col-2, #Contact-LayoutGrid2 > .row > .col-3, #Contact-LayoutGrid2 > .row > .col-4, #Contact-LayoutGrid2 > .row > .col-5
{
   float: none;
   width: 100% !important;
}
}
#wb_Logo-LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Logo-LayoutGrid
{
   box-sizing: border-box;
   padding: 20px 15px 30px 15px;
   margin-right: auto;
   margin-left: auto;
}
#Logo-LayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Logo-LayoutGrid > .row > .col-1, #Logo-LayoutGrid > .row > .col-2, #Logo-LayoutGrid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Logo-LayoutGrid > .row > .col-1, #Logo-LayoutGrid > .row > .col-2, #Logo-LayoutGrid > .row > .col-3
{
   float: left;
}
#Logo-LayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#Logo-LayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#Logo-LayoutGrid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: left;
}
#Logo-LayoutGrid:before,
#Logo-LayoutGrid:after,
#Logo-LayoutGrid .row:before,
#Logo-LayoutGrid .row:after
{
   display: table;
   content: " ";
}
#Logo-LayoutGrid:after,
#Logo-LayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Logo-LayoutGrid > .row > .col-1, #Logo-LayoutGrid > .row > .col-2, #Logo-LayoutGrid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_Copywrite-LayoutGrid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #DEE2E6;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0;
}
#Copywrite-LayoutGrid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
}
#Copywrite-LayoutGrid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#Copywrite-LayoutGrid > .row > .col-1, #Copywrite-LayoutGrid > .row > .col-2, #Copywrite-LayoutGrid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#Copywrite-LayoutGrid > .row > .col-1, #Copywrite-LayoutGrid > .row > .col-2, #Copywrite-LayoutGrid > .row > .col-3
{
   float: left;
}
#Copywrite-LayoutGrid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#Copywrite-LayoutGrid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#Copywrite-LayoutGrid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: left;
}
#Copywrite-LayoutGrid:before,
#Copywrite-LayoutGrid:after,
#Copywrite-LayoutGrid .row:before,
#Copywrite-LayoutGrid .row:after
{
   display: table;
   content: " ";
}
#Copywrite-LayoutGrid:after,
#Copywrite-LayoutGrid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#Copywrite-LayoutGrid > .row > .col-1, #Copywrite-LayoutGrid > .row > .col-2, #Copywrite-LayoutGrid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_email-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#email-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#email-Card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 50px;
   height: 35px;
   box-sizing: border-box;
   padding: 0;
}
#email-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   -webkit-clip-path: url(#email-Card-card-item0-clippath);
   clip-path: url(#email-Card-card-item0-clippath);
}
#email-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#email-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 27px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#email-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_email-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_email-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Telegram-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Telegram-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Telegram-Card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   padding: 0;
}
#Telegram-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   -webkit-clip-path: url(#Telegram-Card-card-item0-clippath);
   clip-path: url(#Telegram-Card-card-item0-clippath);
}
#Telegram-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#Telegram-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 15px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#Telegram-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Telegram-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Telegram-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Phonenumber-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   animation: animate-opacity 3000ms linear 500ms infinite normal;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Phonenumber-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Phonenumber-Card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   padding: 0;
}
#Phonenumber-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   -webkit-clip-path: url(#Phonenumber-Card-card-item0-clippath);
   clip-path: url(#Phonenumber-Card-card-item0-clippath);
}
#Phonenumber-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#Phonenumber-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 15px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#Phonenumber-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Phonenumber-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Phonenumber-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_whatsapp-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#whatsapp-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#whatsapp-Card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   padding: 0;
}
#whatsapp-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   -webkit-clip-path: url(#whatsapp-Card-card-item0-clippath);
   clip-path: url(#whatsapp-Card-card-item0-clippath);
}
#whatsapp-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#whatsapp-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 15px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#whatsapp-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_whatsapp-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_whatsapp-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Linkedin-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Linkedin-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Linkedin-Card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 50px;
   height: 50px;
   box-sizing: border-box;
   padding: 0;
}
#Linkedin-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #FFFFFF;
   background-image: none;
   -webkit-clip-path: url(#Linkedin-Card-card-item0-clippath);
   clip-path: url(#Linkedin-Card-card-item0-clippath);
}
#Linkedin-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#Linkedin-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 15px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 700;
   font-style: normal;
   font-size: 13px;
}
#Linkedin-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Linkedin-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Linkedin-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Copywrite-Heading
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 0;
   padding: 0;
   text-align: center;
}
#Copywrite-Heading
{
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 13px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#Copywrite-Heading a
{
   color: inherit;
   text-decoration: none;
}
#wb_Logo-Picture
{
   height: 100%;
   margin: 0;
   vertical-align: top;
}
#Logo-Picture
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   object-fit: scale-down;
   display: inline-block;
   width: 100%;
   height: 100%;
   vertical-align: top;
}
#wb_Number-Card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 0;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Number-Card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Number-Card-card-item0
{
   display: block;
   position: relative;
   margin: 20px auto 0px auto;
   width: 30px;
   height: 30px;
   box-sizing: border-box;
   padding: 0;
}
#Number-Card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Number-Card-card-item0-clippath);
   clip-path: url(#Number-Card-card-item0-clippath);
}
#Number-Card-card-item0 a
{
   color: inherit;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
}
#Number-Card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 30px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 15px;
   text-align: center;
}
#Number-Card-card-item1 a
{
   color: inherit;
   text-decoration: none;
}
#wb_Number-Card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Number-Card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Location-card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 20px 10px 20px 10px;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Location-card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Location-card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 30px;
   height: 35px;
   box-sizing: border-box;
   padding: 0;
}
#Location-card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Location-card-card-item0-clippath);
   clip-path: url(#Location-card-card-item0-clippath);
}
#Location-card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 30px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 15px;
   text-align: center;
}
#wb_Location-card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Location-card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}
#wb_Time-card
{
   position: relative;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   margin: 20px 10px 20px 10px;
   background-color: transparent;
   background-image: none;
   border: 0px solid transparent;
   border-radius: 0px;
   text-align: center;
}
#Time-card-card-body
{
   padding: 0;
   flex: 1 1 auto;
   font-size: 0;
}
#Time-card-card-item0
{
   display: block;
   position: relative;
   margin: 0px auto 0px auto;
   width: 30px;
   height: 30px;
   box-sizing: border-box;
   padding: 0;
}
#Time-card-card-item0 > div
{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   padding: 0;
   background-color: #3588F0;
   background-image: none;
   -webkit-clip-path: url(#Time-card-card-item0-clippath);
   clip-path: url(#Time-card-card-item0-clippath);
}
#Time-card-card-item1
{
   box-sizing: border-box;
   margin: 0;
   padding: 30px 0 0 0;
   color: #FFFFFF;
   font-family: "Vazirmatn";
   font-weight: 600;
   font-style: normal;
   font-size: 15px;
   text-align: center;
}
#wb_Time-card:hover
{
   transform: rotate(0deg) scale(1.2,1.2) ;
   transition: transform 200ms linear 0ms;
}
#wb_Time-card
{
   transform: rotate(0deg) ;
   transition: transform 200ms linear 0ms;
}