.hero{background:linear-gradient(166.45deg,#f4f8fd 9.71%,rgba(244,248,253,0) 90.29%)}.hero .herotitle{text-align:center}.hero .herotitle h1 strong{background-color:#0f1f33;background-image:linear-gradient(90deg,rgba(15,31,51,1) 20%,rgba(46,115,206,1) 35%,rgba(46,115,206,1) 54%,rgba(46,115,206,1) 79%,rgba(15,31,51,1) 85%,rgba(109,122,138,1) 100%);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.hero .herotitle h1 b{background-color:var(--darkbluetext);background-image:linear-gradient(90deg,rgba(125,143,169,1) 0,rgba(15,31,51,1) 54%,rgba(125,143,169,1) 100%);background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.heroimage{text-align:center}.cta{border-radius:16px;background-color:var(--primaryblue);background:var(--primaryblue) linear-gradient(90deg,rgba(128,229,241,.5) 0,rgba(124,200,249,.5) 70%,rgba(158,121,230,.5) 100%)}.cta .ctatitle{text-align:center}.cta .ctatitle .t1,.cta .ctatitle .t3{background-size:100%;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.cta .ctatitle .t1{background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(250,251,254,1) 100%)}.cta .ctatitle .t2{color:#fff}.cta .ctatitle .t3{background-image:linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(250,251,254,1) 100%)}.cta .spacer::before{background:#799bc8;filter:blur(25px);border-radius:100%}.cta a.btn{background:linear-gradient(125.18deg,var(--cloud) 21.21%,var(--cloud) 70.02%);box-shadow:0 6px 0 var(--primaryblue);border-radius:16px;color:var(--primaryblue);text-align:center;opacity:1;transition:background .5s ease,color .5s ease}.cta a.btn:hover{background:var(--primaryblue);color:#fff}.whyus::before{background:linear-gradient(138.03deg,rgba(185,198,216,.1) 13.11%,rgba(250,251,254,0) 110.73%);border-radius:100px;transform:rotate(-10deg)}.whyustitle{text-align:center}.whyustitle span{text-align:center}.whyustitle .t1{color:var(--lightgraytext)}.whyustitle .t2{text-align:center;color:var(--darkbluetext)}.whyustitle .t2 b{color:var(--primaryblue)}.whyustitle i{transform:scale(.86)}.whyuslist li{text-align:center;color:var(--darkbluetext)}.whyuslist li h2 a{text-align:center;color:var(--darkbluetext);font-weight:700;font-size:24px}.whyuslist li .iconbox{background:#fff;box-shadow:0 15px 70px #edf1f6;border-radius:16px;transform:translateX(-12px) translateY(-12px)}.whyuslist li h3{text-align:center;color:var(--midgraytext)}.whyuslist li .iconboxbg{background:rgba(185,198,216,.1);border-radius:16px}.whyuslist li .iconboxbg::before{border-radius:16px}.whyuslist li a{color:var(--primaryblue);transition:color .5s ease}.whyuslist li a i{transition:left .5s ease}.whyuslist li a:hover{color:var(--secondarygreen)}.whyusbg{background:var(--lightgraytext);border-radius:20px;transform:rotate(-15deg) skew(-15deg)}.whyusbg::before{background:rgba(73,212,174,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px}.whyusbg::after{background:rgba(46,115,206,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px}.jobs::before{background:linear-gradient(270deg,rgba(250,251,254,.5) 0,var(--cloud) 100%)}.jobs::after{background:linear-gradient(90deg,rgba(250,251,254,.5) 0,var(--cloud) 100%)}.jobs .jobsbox{background:linear-gradient(0deg,var(--primaryblue) 0,var(--secondarygreen) 229.61%);border-radius:60px;text-align:center}.jobs .jobsbox::before{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%),url(../images/home/jobsbackground.webp);opacity:.1;border-radius:60px}.no-webp .jobs .jobsbox::before{background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 100%),url(../images/home/jobsbackground.png);opacity:.1;border-radius:60px}.jobs .jobsbox .jobstitle{text-align:center;color:var(--cloud)}.jobs .jobsbox .joblist li a{text-align:center;color:var(--cloud);border-radius:16px;transition:background .5s ease}.jobs .jobsbox .joblist li a .bg{border-radius:16px;opacity:0;transition:opacity 5s ease}.jobs .jobsbox .joblist li a .bg::before {opacity:0;border-radius:16px 16px 0 0;transition:opacity 5s ease}.jobs .jobsbox .joblist li a:hover{background:rgba(15,31,51,.1)}.jobs .jobsbox .joblist li.active a .bg{opacity:1}.jobs .jobsbox .joblist li.active a .bg::before{opacity:.5}.jobs .jobsbox .joblist li.active.green a .bg,.jobs .jobsbox .joblist li.active.green a .bg::before{background:linear-gradient(var(--secondarygreen),var(--secondarygreen)) content-box,linear-gradient(147.72deg,rgba(104,232,197,.7) 9.55%,rgba(131,242,212,0) 53.76%,rgba(116,233,201,.6) 95.29%) border-box}.jobs .jobsbox .joblist li.active.blue a .bg,.jobs .jobsbox .joblist li.active.blue a .bg::before{background:linear-gradient(var(--primaryblue),var(--primaryblue)) content-box,linear-gradient(146.53deg,#5697ed 9.43%,rgba(66,133,221,0) 51.54%,#5697ed 95.94%) border-box}.jobs .jobsbox .joblist li.active.yellow a .bg,.jobs .jobsbox .joblist li.active.yellow a .bg::before{background:linear-gradient(#ffd166,#ffd166) content-box,linear-gradient(142.06deg,#ffefc5 4.61%,rgba(255,239,197,0) 49.97%,#ffefc5 94.96%) border-box}.jobs .jobsbox .jobsdesc{color:var(--cloud)}.sitesazopanel{background:url(../images/home/sitesazopanel-bgwave.webp) no-repeat bottom 250px center;background-size:contain}.no-webp .sitesazopane{background:url(../images/home/sitesazopanel-bgwave.png) no-repeat bottom 250px center;background-size:contain}.sitesazopanel .sitesazopaneltitle{text-align:center;color:var(--darkbluetext)}.sitesazopanel .sitesazopaneltitle b{color:var(--primaryblue)}.sitesazopanel .sitesazopanelrow .sitesazopanelimg::before{background:url(../images/home/sitesazopanel-bgtxt.webp)}.no-webp .sitesazopanel .sitesazopanelrow .sitesazopanelimg::before{background:url(../images/home/sitesazopanel-bgtxt.png)}.sitesazopanel .sitesazopanelrow .sitesazopanelimg .sitesazopanelimgbg{background:var(--primaryblue);border-radius:0 35px 0 0;transform:rotate(-15deg) skew(-15deg)}.sitesazopanel .sitesazopanelrow .sitesazopanelimg .sitesazopanelimgbg::before{background:var(--secondarygreen);border-radius:35px}.sitesazopanel .sitesazopanellist::before{background-image:url(../images/icons/home/line.webp);background-repeat:repeat-y}.no-webp .sitesazopanel .sitesazopanellist::before{background-image:url(../images/icons/home/line.png);background-repeat:repeat-y}.sitesazopanel .sitesazopanellist li>div{text-align:center;color:#000}.sitesazopanel .sitesazopanellist li .iconbox{border-radius:5px}.sitesazopanel .sitesazopanellist li .iconbox.blue{background:rgba(46,115,206,.1)}.sitesazopanel .sitesazopanellist li .iconbox.green{background:rgba(73,212,174,.1)}.sitesazopanel .sitesazopanellist li .iconbox.yellow{background:rgba(255,209,102,.1)}.support{border-radius:16px;background:#2e73ce;background:linear-gradient(141deg,rgba(59,163,189,1) 0,rgba(66,186,183,1) 64%,rgba(72,210,175,1) 100%)}.support .supportinfo .t1{background-size:100%;background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(250,251,254,1) 100%);background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.support .supportinfo .t2{text-align:right;color:var(--cloud)}.support a{text-align:center;color:var(--cloud)}.section{background:linear-gradient(180deg,rgba(185,198,216,.12) 0,rgba(185,198,216,0) 100%);border-radius:100px 100px 0 0}.section .clients .icon{background:#fff;box-shadow:0 20px 60px rgba(185,198,216,.2);border-radius:100%;border:1px solid transparent;background:linear-gradient(#fff,#fff) content-box,linear-gradient(180deg,rgba(185,198,216,.3) 0,rgba(185,198,216,0) 100%) border-box}.section .clients .clientstitle{color:var(--darkbluetext)}.section .clients .clientstitle b{color:var(--primaryblue)}.section .clients .clientlist .item div{text-align:center}.section .clients .clientlist .item div,.section .clients .clientlist .item::after,.section .clients .clientlist .item::before{border-radius:24px;border:1px solid transparent;background:linear-gradient(var(--cloud),var(--cloud)) content-box,linear-gradient(138.69deg,rgba(185,198,216,.3) 5.69%,rgba(185,198,216,0) 55.33%,rgba(185,198,216,.2) 97.19%) border-box}.section .customers{background:linear-gradient(0deg,rgba(146,236,244,0) 15%,rgba(127,179,245,0) 70%,rgba(185,116,223,.3) 110%),linear-gradient(90deg,rgba(146,236,244,.5) 15%,rgba(127,179,245,.5) 80%,rgba(185,116,223,.5) 105%),linear-gradient(180deg,var(--primaryblue) 0,var(--primaryblue) 100%);border-radius:100px 100px 100px 0}.section .customers .customerstitle{color:var(--cloud);text-align:center}.section .customers .customerslist .item{opacity:.3;transition:all .5s ease}.section .customers .customerslist .item>div{background:#fff;border-radius:24px;text-align:center;transition:all .5s ease}.section .customers .customerslist .item::before{border-radius:24px;background:#fff;opacity:0;transition:all .5s ease}.section .customers .customerslist .owl-item.center .item{opacity:1}.section .customers .customerslist .owl-item.activebefore .item,.section .customers .customerslist .owl-item.center+.owl-item .item{opacity:.7}.section .customers .customerslist .owl-item.center .item::before{opacity:.3}.section .customers .customerslist .item .name{color:var(--primaryblue)}.section .customers .customerslist .item .position{color:var(--primaryblue)}.section .customers .customerslist .item p{color:var(--darkbluetext)}.section .customers .customerslist .item img{border-radius:50px 50px 50px 32px;box-shadow:0 -8.4px rgba(255,255,255,.05)}.section .customers .owl-item:nth-child(odd) img{border-radius:34px 50px 47px 47px}.section .customers .owl-item:nth-child(3n+0) img{border-radius:50px 50px 34px 47px}.section .customers>a,.section a.btn{background:linear-gradient(125.18deg,var(--cloud) 21.21%,var(--cloud) 70.02%);box-shadow:0 6px 0 var(--primaryblue);border-radius:16px;color:var(--darkbluetext);text-align:center;transition:all .5s ease}.section a.btn{border:2px solid var(--primaryblue)}.section .customers>a:hover,.section a.btn:hover{background:var(--primaryblue);color:#fff}.section .customers::before{background:var(--lightgraytext);opacity:.05;border-radius:50px;transform:rotate(-15deg) skew(-15deg)}.section .customers::after{background:var(--cloud);opacity:.05;border-radius:50px;transform:rotate(-15deg) skew(-15deg)}.section .panelbox{background:#f8f9fd;background:linear-gradient(0deg,var(--cloud) 0,rgba(246,247,252,1) 100%)}.section .panelbox>.actions a{color:var(--midgraytext)}.section .panelbox>.actions a.next i{transform:rotate(180deg)}.section .panels .panel>div:not(.fav){position:relative;z-index:2;border-radius:24px;border:1px solid transparent;background:linear-gradient(#fff,#fff) content-box,linear-gradient(114deg,var(--midgraytext) 5.69%,rgba(185,198,216,0) 55.33%,rgba(185,198,216,.2) 97.19%) border-box;text-align:center}.section .panels .panel>div .inside::before{background:rgba(125,143,169,.2);filter:blur(50px);border-radius:100%}.section .panels .panel::before{background:linear-gradient(var(--midgraytext),rgba(255,255,255,0));border-radius:24px}.section .panels .panel div>i:not(.bg)::before{background:rgba(125,143,169,.1);border-radius:5px}.section .panels .panel .title{color:var(--midgraytext)}.section .panels .panel ul li{color:var(--darkbluetext)}.section .panels .panel ul li span:first-child{text-align:right}.section .panels .panel div>a{color:var(--primaryblue);transition:all .5s ease}.section .panels .panel div>a:hover{color:var(--secondarygreen)}.section .panels .panel div>a i{transition:all .5s ease}.section .panels .panel.green::before{background:linear-gradient(var(--secondarygreen),rgba(255,255,255,0))}.section .panels .panel.green .title{color:var(--secondarygreen)}.section .panels .panel.green>div::before{background:rgba(73,212,174,.1)}.section .panels .panel.green>div:not(.fav){background:linear-gradient(#fff,#fff) content-box,linear-gradient(114deg,rgba(73,212,174,.2) 2.14%,rgba(185,198,216,0) 53.69%,rgba(73,212,174,.14) 97.17%) border-box}.section .panels .panel.blue::before{background:linear-gradient(var(--primaryblue),rgba(255,255,255,0))}.section .panels .panel.blue .title{color:var(--primaryblue)}.section .panels .panel.blue>div::before{background:rgba(46,115,206,.1)}.section .panels .panel.blue>div:not(.fav){background:linear-gradient(#fff,#fff) content-box,linear-gradient(114deg,#2e73ce 2.62%,rgba(185,198,216,0) 54.84%,rgba(46,115,206,.12) 98.89%) border-box}.section .panels .panel.yellow::before{background:linear-gradient(var(--orange),rgba(255,255,255,0))}.section .panels .panel.yellow .title{color:var(--orange)}.section .panels .panel.yellow>div .inside::before{background:rgba(255,185,49,.1)}.section .panels .panel.yellow>div:not(.fav){background:linear-gradient(#fff,#fff) content-box,linear-gradient(114deg,#f69e4b 5.69%,rgba(185,198,216,0) 55.33%,rgba(185,198,216,.2) 97.19%) border-box}.section .panels .panel.selected{box-shadow:0 20px 130px rgba(185,198,216,.3)}.section .panels .panel.selected .fav{color:var(--cloud)}.section .panels .panel.selected>div:not(.fav)::after{background:rgba(255,185,49,.07);filter:blur(75px);border-radius:100%}.section .panels .panel.selected .title::before{background:rgba(46,115,206,.1);filter:blur(75px);border-radius:100%}.section .panels .panel.selected .title::after{background:rgba(73,212,174,.1);filter:blur(100px);border-radius:100%}


.lightbox {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    max-width: 400px;
    width: 85%;
    -webkit-transform: translate(-50%, -50%) scale(.95);
    transform: translate(-50%, -50%) scale(.95);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
    font-size: 16px
}

.min-h-100{
    min-height: 100px !important;
}
.aaa{
    display: inline-block;
    background: #fed843;
    border-radius: 1em;
    padding: .5em 1em;
    margin-top:.5em;
    font-size: .9em

}
.aaa:hover{
    background: #eee;
}

.lightbox.active {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.lightbox.navigating .logo {
    width: 150px;
    -webkit-transform: translateY(140px);
    transform: translateY(140px)
}

.lightbox.navigating .logo path,
.lightbox.navigating .logo rect {
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    fill: #6362fb
}

.lightbox.navigating .content {
    max-height: 180px!important;
    min-height: 0;
    border-radius: 36px;
    border-color: transparent
}

.lightbox.navigating .content form,
.lightbox.navigating .content header {
    opacity: 0;
    -webkit-transition: .15s;
    transition: .15s;
    visibility: hidden
}

.lightbox .logo {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 1rem
}

.lightbox .logo path,
.lightbox .logo rect {
    fill: #fff
}

.lightbox .logo span {
    font-size: 18px;
    -webkit-transition: .3s .2s;
    transition: .3s .2s;
    color: #b2b4bb;
    display: block;
    margin-top: .5rem;
    overflow: hidden;
    text-align: center
}

.lightbox .logo span a {
    display: none
}

.lightbox .logo span.hide {
    -webkit-transition: 0s;
    transition: 0s;
    opacity: 0;
    max-height: 0
}

.lightbox form,
.lightbox header {
    -webkit-transition: .15s .15s;
    transition: .15s .15s
}

.lightbox header {
    position: relative;
    color: #333;
    font-size: 20px;
    text-align: center;
    margin: -2rem;
    margin-bottom: 0;
    padding: 1.5rem 0 .5rem;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
    font-family: 'iranyekan';
}

.lightbox header .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    font-weight: lighter;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #66627b
}

.lightbox header .btn-close:hover {
    color: #e3342f
}

.lightbox header .btn-close i {
    margin: auto
}

.lightbox .content {
    min-height: 200px;
    border-radius: 5px;
    background: #fff;
    padding: 2rem;
    margin-top: .5rem;
    -webkit-box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    box-shadow: 0 15px 40px -10px rgba(140, 156, 195, .5);
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.lightbox .field {
    margin: 1rem 0
}

.lightbox p {
    color: #59596b;
    text-align: right
}

.lightbox form input.form-control {
    -webkit-box-shadow: 0 0 0 2px #e1e1e5;
    box-shadow: 0 0 0 2px #e1e1e5;
    background: transparent;
    width: 100%;
}

.lightbox form a:hover {
    text-decoration: underline
}


.lightbox .submit {
    margin: .75rem auto 0;
    background: #0052FE;
    width: 100%;
    font-family: 'Iranyekan';
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none!important;
    border-radius: 5px;
    padding: 10px 12px;
    font-size: 14px;
    cursor: pointer !important;
    color: #fff;
}

.lightbox button:hover {
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
}
.lightbox .error {
    font-size: 14px;
    color:#e3342f;
  }

.highlight{
cursor: pointer;
color: #1b4171
}

.highlight:hover{
color: #333
}

.my-4{
font-family: 'Iranyekan';
padding: .5em 0;
font-size: .9em;

}


.blue.loading .text {
opacity: 0;
visibility: hidden;
}

.blue.loading svg.spinner {
display: block;
}

.blue svg.spinner {
display: none;
}
svg.spinner {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
}

svg.spinner .path {
stroke:
hsla(0, 0%, 100%, .75);
stroke-linecap: round;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
}


@-webkit-keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes rotate {
  to {
      -webkit-transform: translate(-50%, -50%) rotate(1turn);
      transform: translate(-50%, -50%) rotate(1turn)
  }
}

@-webkit-keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}

@keyframes dash {
  0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0
  }
  50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35
  }
  to {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124
  }
}



.lightbox .submit:disabled {
    pointer-events: none;
    opacity: .6;
    -webkit-filter: grayscale(.8);
    filter: grayscale(.8);
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox .response {
    margin-top: 1rem
}

.lightbox .response .error i {
    vertical-align: middle
}

.lightbox[data-name=prefer-login] .content {
    border-bottom: none
}

.lightbox[data-name=prefer-login] .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.lightbox[data-name=prefer-login] .btns a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    background: none;
    color: #2c2c2f;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lightbox[data-name=prefer-login] .btns a:hover {
    border-color: transparent;
    color: #6362fb;
    background: #f5f5f5
}

.lightbox[data-name=prefer-login] .btns>span {
    color: #aaa;
    padding: 0 1rem
}

.lightbox[data-name=prefer-login] .btn.google-login {
    margin-top: 1rem
}


.lightbox .form-group label.form-label {
    position: relative;
    top: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: right;
    display: block;
    margin-bottom: .5rem;
    font-weight: 600;
    pointer-events: auto;
    font-family: 'iranyekan';
}
.lightbox .form-group label {
    position: absolute;
    top: .5rem;
    right: 1.25rem;
    font-size: 15px;
    margin: 0;
        margin-bottom: 0px;
    pointer-events: none;
    color: #72727d;
    padding: 0 .5rem;
    -webkit-transition: .15s;
    transition: .15s;
    -webkit-transform-origin: top;
    transform-origin: top;
}
.ltr {
    direction: ltr;
}
.lightbox .form-group input.form-control {
    width: 100%;
    height: 40px;
    font-weight: 300;
}
.lightbox .form-group .form-control {
    position: relative;
    border-radius: 6px;
    -webkit-transition: .15s;
    transition: .15s;
        transition-property: all;
    -webkit-transition-property: color, border-color, background;
    transition-property: color, border-color, background;
    padding: .25rem .75rem;
    background: #f7f8fa;
    outline: none;
    border: none;
}

#dark-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(38, 39, 62, .5);
    z-index: 99998
}