.elementor-11643 .elementor-element.elementor-element-df81825{--display:flex;}.elementor-11643 .elementor-element.elementor-element-4198beb{margin:33px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-11643 .elementor-element.elementor-element-4198beb .elementor-heading-title{font-family:var( --e-global-typography-dfea6ac-font-family ), Sans-serif;font-size:var( --e-global-typography-dfea6ac-font-size );font-weight:var( --e-global-typography-dfea6ac-font-weight );}.elementor-11643 .elementor-element.elementor-element-3ba3697{padding:0px 0px 13px 0px;text-align:center;}.elementor-11643 .elementor-element.elementor-element-3ba3697 .elementor-heading-title{font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );font-weight:var( --e-global-typography-57249e5-font-weight );}.elementor-11643 .elementor-element.elementor-element-00a1c2a{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + -3px) 0px;}.elementor-11643 .elementor-element.elementor-element-d413756{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11643 .elementor-element.elementor-element-8d9a2db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11643 .elementor-element.elementor-element-e9d8610{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11643 .elementor-element.elementor-element-91d379d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11643 .elementor-element.elementor-element-a56ffe9{--display:flex;}.elementor-11643 .elementor-element.elementor-element-ebab595{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-11643 .elementor-element.elementor-element-fcb80f9{text-align:left;}.elementor-11643 .elementor-element.elementor-element-5eeb0cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11643 .elementor-element.elementor-element-09a4d4a{margin:38px 0px calc(var(--kit-widget-spacing, 0px) + -13px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-11643 .elementor-element.elementor-element-09a4d4a .elementor-heading-title{font-family:var( --e-global-typography-ee61d89-font-family ), Sans-serif;font-size:var( --e-global-typography-ee61d89-font-size );font-weight:var( --e-global-typography-ee61d89-font-weight );}.elementor-11643 .elementor-element.elementor-element-2ecdf9f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group{padding-right:calc( 2px/2 );padding-left:calc( 2px/2 );margin-bottom:12px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-form-fields-wrapper{margin-left:calc( -2px/2 );margin-right:calc( -2px/2 );margin-bottom:-12px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-labels-inline .elementor-field-group > label{padding-left:7px;}body:not(.rtl) .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-labels-inline .elementor-field-group > label{padding-right:7px;}body .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-labels-above .elementor-field-group > label{padding-bottom:7px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group > label{font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-type-html{padding-bottom:0px;font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group .elementor-field, .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-subgroup label{font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );font-weight:var( --e-global-typography-57249e5-font-weight );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){border-width:1px 1px 1px 1px;border-radius:7px 7px 7px 7px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group .elementor-select-wrapper select{border-width:1px 1px 1px 1px;border-radius:7px 7px 7px 7px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button{font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );font-weight:var( --e-global-typography-57249e5-font-weight );border-radius:7px 7px 7px 7px;padding:5px 5px 5px 5px;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-482aaad );color:var( --e-global-color-f65e0bb );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button[type="submit"]{background-color:var( --e-global-color-482aaad );color:var( --e-global-color-f65e0bb );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-f65e0bb );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-74349e2d );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-482aaad );color:#ffffff;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-482aaad );color:#ffffff;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-message{font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;font-size:var( --e-global-typography-57249e5-font-size );font-weight:var( --e-global-typography-57249e5-font-weight );}.elementor-11643 .elementor-element.elementor-element-b7a2288{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:4px;--n-tabs-gap:0px;--n-tabs-title-border-radius:7px 7px 0px 0px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:var( --e-global-typography-57249e5-font-size );--n-tabs-title-color-active:var( --e-global-color-482aaad );--n-tabs-icon-color-active:var( --e-global-color-482aaad );}.elementor-11643 .elementor-element.elementor-element-ba3c8b8 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F8F8F8;border-style:solid;border-width:1px 1px 0px 1px;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-74349e2d );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 0px 1px;border-color:#02010100;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-57249e5-font-family ), Sans-serif;}.elementor-11643 .elementor-element.elementor-element-ba3c8b8 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-482aaad );--n-tabs-icon-color-hover:var( --e-global-color-482aaad );}:where( .elementor-11643 .elementor-element.elementor-element-ba3c8b8.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-482aaad );}.elementor-11643 .elementor-element.elementor-element-b0af883{--display:flex;}.elementor-11643 .elementor-element.elementor-element-9f59c26{background-color:var( --e-global-color-482aaad );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;padding:17px 10px 21px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DEE2E6;border-radius:7px 7px 0px 0px;text-align:center;}.elementor-11643 .elementor-element.elementor-element-9f59c26 .elementor-heading-title{font-family:var( --e-global-typography-ee61d89-font-family ), Sans-serif;font-size:var( --e-global-typography-ee61d89-font-size );color:var( --e-global-color-fa70346 );}.elementor-11643 .elementor-element.elementor-element-78efe41{background-color:#F5F5F5;padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DEE2E6;border-radius:0px 0px 7px 7px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11643 .elementor-element.elementor-element-4198beb .elementor-heading-title{font-size:var( --e-global-typography-dfea6ac-font-size );}.elementor-11643 .elementor-element.elementor-element-3ba3697 .elementor-heading-title{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-91d379d{--grid-auto-flow:row;}.elementor-11643 .elementor-element.elementor-element-ebab595{--grid-auto-flow:row;}.elementor-11643 .elementor-element.elementor-element-09a4d4a .elementor-heading-title{font-size:var( --e-global-typography-ee61d89-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group > label{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-type-html{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group .elementor-field, .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-subgroup label{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-message{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-ba3c8b8{--n-tabs-title-font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-9f59c26 .elementor-heading-title{font-size:var( --e-global-typography-ee61d89-font-size );}}@media(max-width:767px){.elementor-11643 .elementor-element.elementor-element-4198beb .elementor-heading-title{font-size:var( --e-global-typography-dfea6ac-font-size );}.elementor-11643 .elementor-element.elementor-element-3ba3697 .elementor-heading-title{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-91d379d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11643 .elementor-element.elementor-element-ebab595{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11643 .elementor-element.elementor-element-09a4d4a .elementor-heading-title{font-size:var( --e-global-typography-ee61d89-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group > label{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-type-html{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-group .elementor-field, .elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-field-subgroup label{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-button{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-b7a2288 .elementor-message{font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-ba3c8b8{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-font-size:var( --e-global-typography-57249e5-font-size );}.elementor-11643 .elementor-element.elementor-element-9f59c26 .elementor-heading-title{font-size:var( --e-global-typography-ee61d89-font-size );}}/* Start custom CSS for html, class: .elementor-element-85c816d */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3435e6c */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1287e */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85c816d */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3435e6c */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1287e */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85c816d */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3435e6c */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1287e */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85c816d */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3435e6c */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1287e */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85c816d */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3435e6c */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a1287e */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-ba3c8b8 */.hamtab button.e-n-tab-title[aria-selected="true"] {
border-bottom: 2px solid #fff;
margin-bottom: -1px;
z-index: 9;
}
.hamtab button.e-n-tab-title{
cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78efe41 */.circle-wrapper {
position: relative;
width: 500px;
height: 500px;
}
.circle-border {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px dashed #19398a;
box-sizing: border-box;
}
.rotating-layer {
position: absolute;
width: 100%;
height: 100%;
animation: rotate 60s linear infinite;
transform-origin: center;
}
.circle-wrapper:hover .rotating-layer,.circle-wrapper:hover .rotating-layer .circle-item {
animation-play-state: paused;
}
.circle-item:hover {
background: #23428f;
color: #fff;
}
.circle-item:hover span {
color: #19398a;
}
.circle-item {
cursor: pointer;
transition: 0.3s all;;
color: #19398a;
position: absolute;
width: 60px;
height: 60px;
border: 2px dashed #19398a;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
box-sizing: border-box;
transition: transform 0.3s;
animation: unrotate 60s linear infinite;
top: 0;
}
.circle-item i {
font-size: 28px;
padding-top: 2px;
margin-bottom: 6px;
}
.circle-item span {
font-size: 13px;
text-align: center;
white-space: nowrap;
position: absolute;
top: 54px;
background: #fff;
padding: 5px 0px;
}
.inside_circle {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: fixed;
}
@keyframes rotate {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes unrotate {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}
.Hamkaran_imgAria {
position: absolute;
width: 109%;
bottom: -100px;
z-index: 99;
text-align: center;
}
.Hamkaran_imgAria img.hcloud {
width: 93%;
z-index: 9999;
position: relative;
bottom: -39px;
}
.Hamkaran_imgAria img.hide {
display: none;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx{
position: absolute;
width: 35%;
z-index: 8;
bottom: 73px;
left: 36%;
}
.Hamkaran_imgAria img.hamkaran_cloud_pbx_panel{
position: absolute;
width: 58%;
z-index: 8;
bottom: 215px;
left: 24%;
}
img.hamkaran_cloud_pbx_client {
position: absolute;
width: 32%;
z-index: 8;
bottom: 173px;
left: 37%;
}
.hamkaranSlideshowContorol {
height: 24px;
width: 300px;
margin: 0 auto;
bottom: -55px;
position: absolute;
right: calc(50% - 150px);
}
.hamkaranSlideshowContorol span {
display: inline-block;
width: 39px;
height: 7px;
background: #99acad;
cursor: pointer;
}
.hamkaranSlideshowContorol span.active {
background: #4065a5;
}/* End custom CSS */
/* Start custom CSS */#platformTables {
display: flex;
flex-direction: column;
gap: 2.5rem;
padding: 0rem 0rem;
background-color: #fefefe; /* بسیار نزدیک به سفید */
}
/* فیلتر سیستمعامل */
#platformTables #filterSelect {
width: 100%;
max-width: 280px;
margin: 0 auto 1.5rem;
padding: 0.6rem 1rem;
font-size: 0.95rem;
color: #1f2937;
background-color: #ffffff;
border: 1px solid #d1d5db;
border-radius: 5px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: left 0.75rem center;
background-size: 1rem;
padding-left: 2.5rem;
transition: all 0.2s ease-in-out;
}
#platformTables #filterSelect:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}
#platformTables #filterSelect option {
font-family: Vazirmatn, sans-serif;
background: #ffffff;
color: #1f2937;
}
/* جعبه هر سیستمعامل */
#platformTables .os-table {
background: #ffffff;
border-radius: 7px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
padding: 0;
border: 1px solid #dee2e6;
overflow-x: auto;
transition: box-shadow 0.3s ease;
}
#platformTables .os-table:hover {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
/* عنوان هر سیستمعامل */
#platformTables .os-header {
font-size: 1.3rem;
font-weight: bold;
color: #1f2937;
margin-bottom: 0rem;
display: flex;
align-items: center;
gap: 0.5rem;
padding: 14px 15px;
background: #f8f9fa;
}
/* جدول داخلی */
#platformTables table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;
}
#platformTables table td {
padding: 0.75rem 1rem;
border: 1px solid #e2e8f0;
text-align: center;
font-size: 0.95rem;
color: #374151;
}
#platformTables table td:first-child {
font-weight: 600;
color: #111827;
}
#platformTables a.btn.btn-sm.btn-outline-primary {
border: 1px solid;
padding: 4px 9px;
color: #27337f;
border-radius: 5px;
margin: 0 4px;
}
/* دکمه دانلود حرفهای */
#platformTables a.btn-download {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: linear-gradient(to right, #3b82f6, #2563eb);
color: #fff;
padding: 0.5rem 1rem;
font-size: 0.9rem;
border-radius: 8px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
transition: all 0.25s ease-in-out;
font-weight: 500;
}
#platformTables a.btn-download:hover {
background: linear-gradient(to right, #2563eb, #1e40af);
box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3);
transform: translateY(-2px);
}
#platformTables a.btn-download i {
font-size: 1rem;
}
#filterSelect {
font-family: Vazirmatn, sans-serif !important;
direction: rtl;
width: 100%;
max-width: 280px;
margin: 2rem auto;
padding: 0.6rem 1rem;
font-size: 0.95rem;
color: #1f2937;
background-color: #ffffff;
border: 1px solid #d1d5db;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease-in-out;
appearance: none;
/* آیکون فلش سفارشی سمت چپ */
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: left 0.75rem center;
background-size: 1rem;
padding-left: 2.5rem;
}
#filterSelect:focus {
outline: none;
border-color: #2563eb;
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}
#filterSelect option {
font-family: Vazirmatn, sans-serif;
background: #ffffff;
color: #1f2937;
}
#platformTables .table-striped>tbody>tr:nth-of-type(odd)>* {
background-color: #f2f2f2;
}
#platformTables a.btn.btn-sm.btn-outline-primary {
/* border: 1px solid; */
/* padding: 4px 9px; */
color: #27337f;
}
#platformTables .table-striped>tbody>tr>td:nth-child(1), #platformTables .table-striped>tbody>tr>td:nth-child(2), #platformTables .table-striped>tbody>tr>td:nth-child(3) {
width: 33%;
}
#web_sdk {background: #f8f9fa;border-radius: 7px;padding: 27px !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);padding: 0;border: 1px solid #dee2e6;overflow-x: auto;transition: box-shadow 0.3s ease;}
#web_sdk input {
min-height: 50px !important;
padding: 0px 10px !important;
}/* End custom CSS */