/***fonts 
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue.woff2') format('woff2'),
        url('../fonts/HelveticaNeue.woff') format('woff'),
        url('../fonts/HelveticaNeue.ttf') format('truetype'),
        url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue-Bold';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
******/

@font-face {
    font-family: 'din_alternatebold';
    src: url('../../fonts/din-alternate-bold-webfont.eot');
    src: url('../../fonts/din-alternate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/din-alternate-bold-webfont.woff2') format('woff2'),
         url('../../fonts/din-alternate-bold-webfont.woff') format('woff'),
         url('../../fonts/din-alternate-bold-webfont.ttf') format('truetype'),
         url('../../fonts/din-alternate-bold-webfont.svg#din_alternatebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-size:16px; position:relative;  font-family:'din_alternatebold';  overflow-x: hidden;}
ul{list-style:none; padding:0; margin:0;}
ul li{font-size:14px;}
a{-moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
figure{margin:0;}
img{max-width:100%; height: auto; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}



.btn:focus, .btn.focus{outline:0; box-shadow:none;}
.btn-primary{background-color:#22D4AD; outline:0;  font-family: 'din_alternatebold'; position:relative;  text-align:center; padding:12px 15px; font-size:22px;  color:#fff; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:30px; height: 50px; border:none; z-index: 2;  text-transform:capitalize; overflow: hidden; }
.btn-primary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:30px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background-color:#5A31DB; overflow:hidden;}
.btn-primary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}
.btn-primary.btn.active, .btn-primary.btn:active, .btn-primary.btn.focus, .btn-primary.btn:focus{outline:0; box-shadow:none; background-color:#5A31DB; border:none; color: #fff;}
.btn-primary:hover{background-color: #5A31DB; color: #fff;}
.btn-primary img{display: inline-flex;}




.btn-secondary{background-color:#5A31DB; outline:0; position:relative; display:inline-block; text-align:center; vertical-align:middle; user-select:none; padding:12px 15px; font-size:22px; line-height:1.5; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; border-radius:6px; height: 50px; border:none; z-index: 2;}
.btn-secondary b{position:relative; z-index:3; font-size: 18px; color:#fff; text-transform:capitalize; -ms-transition:all .8s ease 0s;-moz-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;}
.btn-secondary::after{position:absolute; opacity:0; visibility:hidden; top:0; left:0; border-radius:6px; content:''; width:0; height:100%; -ms-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; background-color:#22D4AD; overflow:hidden;}
.btn-secondary:hover::after{width:100%; opacity:1; visibility:visible; z-index:-1;}
.btn-secondary.btn.active, .btn-secondary.btn:active, .btn-secondary.btn.focus, .btn-secondary.btn:focus{outline:0; box-shadow:none; background-color:#22D4AD; border:none; color: #fff;}
.btn-secondary:hover{background-color: #22D4AD; }



header{position: fixed; top:0px; left: 0px; width: 100%; z-index: 99;  padding: 20px 0px;}

.navbar-header{display: flex; align-items: center; justify-content: space-between; }
.navbar-header .navbar-link{display: flex; padding-right: 20px;}
.navbar-link > li{margin-right: 20px;     padding: 12px 0px; position: relative; z-index: 1;     cursor: pointer; }
/*.navbar-link > li:after{   position: absolute;bottom:0;content: '';display: block;width: 0;height: 2px; background: #000;transition: width .3s; right:0;left: initial;}
.navbar-link > li:hover::after {width: 100%;right:initial;left: 0;}*/
.navbar-link > li:last-child{margin-right: 0;}
.navbar-link li > a{ color: #fff; font-size: 17px; text-decoration: none; font-family: 'din_alternatebold';}
.navbar-link li > a:hover{color: #22D4AD;}
.navbar-header .solution-dropdown .Solutions-toggle{position: relative;}
.navbar-header .solution-dropdown .Solutions-toggle::after {background-image: url(../images/angle-small-down.svg);border: none;margin: 0px; padding-right: 30px;height: 14px; display: inline-block;width: 7px; background-repeat: no-repeat;background-position: center;vertical-align: middle;transform: rotate(180deg); -ms-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s; content: ''; filter: brightness(0) invert(1);}
.collapse-solution li{margin-bottom: 5px;}
.collapse-solution li:last-child{margin-bottom: 0;}
.collapse-solution li a {font-size: 17px;white-space: normal; color: #000; font-family: 'din_alternatebold'; padding: 6px 22px;display: block;}
.collapse-solution li a:active{background-color: transparent;}
.collapse-solution li a:hover{background-color: #5A31DB;  font-family: 'din_alternatebold'; color: #fff;}
.rightheader{display: flex; align-items: center;  padding-left: 16px;}
.register-action {display: flex; padding-right: 8px;}
.register-action a.btn-border{height: 44px; background-color: rgba(0,0,0,.66); border-radius: 30px;  font-size: 17px; display: flex; align-items: center; justify-content: center; margin-right: 8px; color: #fff; text-decoration: none; overflow: hidden; box-shadow: none;     padding: 6px 18px;}
.register-action a.btn-border:hover{    background-color: #22D4AD;color: #fff;}
.register-action a.btn-border:last-child{margin-right: 0;}
.lang{padding-right: 8px;}
.lang select.form-select{border: none; font-size: 17px;  padding: 0px 25px 0px 0px; color: #fff;     background-image: url(../images/newtheme-images/angle-small-down.svg); box-shadow: none; text-transform: uppercase;min-width: 80px;  text-align: center;   background-position: 76% center;     background-size: 12px; height: 44px; background-color: rgba(0,0,0,.66); border-radius: 30px;  font-size: 17px;}

.social-list{display: flex; align-items: center; flex-wrap: wrap; }
.social-list li{margin-right: 10px;}
.social-list li:last-child{margin: 0;}

.lang select.form-select option {
    color: #fff;
    background-color: rgba(0,0,0,.66);
}

.lang select.form-select option:hover{background-color: #5A31DB;}
.startbtn .btn-primary{min-width: 130px; height: 44px; border-radius: 30px; display: flex; align-items: center; justify-content: center; font-size: 17px;}

.header.fixed {
    background-color: rgba(0, 0, 0, 0.51);
    backdrop-filter: blur(19px);
    -webkit-backdrop-filter: blur(19px);
    padding: 20px 0px;
    -ms-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

header.inner-header .btn-action-login img{filter: brightness(0) invert(1);}

@media (min-width:1200px) {
    /*header{backdrop-filter: blur(19px); -webkit-backdrop-filter: blur(19px);  }*/
    .navbar-link li.dropdown:hover ul.dropdown-menu{ display: block; }
    .navbar-header .solution-dropdown .collapse-solution {width: 210px;border-radius: 11px;box-shadow: 0px 3px 15px rgba(0,0,0,.16); border: none;padding: 12px 0px;
    top: 50px !important;position: absolute;left: 0px;background-color: #fff;}
    .navbar-header .solution-dropdown .collapse-solution:after{position: absolute; top:-9px; left: -57px; right: 0px; margin: auto; background-image: url(../images/white-top-arrow.svg); background-repeat: no-repeat; height: 10px; width: 19px; content: ''; }
    .navbar-header .collapse:not(.show){display: block;     flex-basis: inherit;}
    .navbar-header .solution-dropdown .collapse-solution.collapse:not(.show){display: none;}
    .navbar-header .solution-dropdown:hover .collapse-solution.collapse:not(.show){display: block;}
    .rightheader .navbar-row .navbar-toggler {display: none;}
    .navbar-header .solution-dropdown .Solutions-toggle{pointer-events: none;}
    .navbar-header .register-action .collapse:not(.show){display: flex;}
    .navbar-header .solution-dropdown:hover .Solutions-toggle::after{transform: rotate(0deg);}
    
}    
@media (min-width: 1300px) and (max-width: 1399px) { 
    .container{max-width: 1280px;}
    .navbar-link > li{margin-right: 20px;}
}
@media (min-width: 1200px) and (max-width: 1299px) { 
    .container{max-width: 1180px;}
    .navbar-link > li{margin-right: 16px;}
    .navbar-header .navbar-link, .register-action{padding-right: 16px;}
    .register-action a.btn-border, .navbar-link li > a, .lang select.form-select{font-size: 14px;}
    .lang select.form-select{width: 46px;}
}
/* @media (min-width: 992px) and (max-width: 1199px) { 
    .navbar-link > li{margin-right: 10px;}
    .navbar-header .navbar-link, .register-action{padding-right: 8px;}
    .register-action a.btn-border {width: 90px;font-size: 15px;height: 40px;}
    .navbar-link li > a, .lang select.form-select{font-size: 15px;}
    .social-list li{margin-right: 5px;}
    .lang {padding-right: 8px;}
    .rightheader{padding-left: 8px;}
    .logo img{max-width: 80px;}
    header{padding: 16px 0px;}
} */
@media (max-width:1199px) {
    header{padding: 12px 0px; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
    .navbar-toggler{border: none; height: 20px; width: 30px; padding: 0; z-index: 10; position: relative; top: 5px;}
    .navbar-toggler:focus{box-shadow: none;}
    #navigation-menus span{display:block;position:absolute;height:3px;width:100%;background:#fff;border-radius:0px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
    #navigation-menus span:nth-child(1){top:0px;}
    #navigation-menus span:nth-child(2),#navigation-menus span:nth-child(3){top:8px;}
    #navigation-menus span:nth-child(4){top:16px;}
    #navigation-menus.open span:nth-child(1){top:10px;width:0%;left:50%;}
    #navigation-menus.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
    #navigation-menus.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
    #navigation-menus.open span:nth-child(4){top:18px;width:0%;left:50%;}
    .navbar-header .navbar-collapse{background-color: #232325; position: fixed; left:-100%; top: 80px; height: calc(100% - 80px); width: 100%; padding:0; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow-y: auto; padding: 10px 0px;}
    .navbar-header .navbar-collapse.show{left: 0;}	
    .rightheader .navbar-row{order: 3;}
    .rightheader .lang{order: 2;}
    .rightheader .register-action{order: 1; position: relative;}
    .stop-scroll{position: fixed; left: 0; top: 0; height: 100%; width: 100%;}	
    .navbar-header .navbar-link{display: block;}
    .navbar-link > li{margin-right: 0px; display: block; padding: 0px;}
    .register-action{padding-right: 10px;}
    .navbar-header .navbar-link{padding-right: 0;}
    .register-action a.btn-border{ width: 100%; font-size: 16px; height: inherit;border: none;margin: 0; border-radius: 0px;text-align: left;display: block; padding: 6px 10px;border-bottom: 1px solid #eee; color: #232325; background: transparent;}
    .register-action a.btn-border:last-child{border: none;}
    .navbar-link li > a{color: #fff;}
    .navbar-link li > a, .lang select.form-select{font-size: 18px;}
    .social-list li{margin-right: 10px;}
    .lang {padding-right: 10px;}
    .rightheader{padding-left: 0px;}
    
    .navbar-link li > a{ padding: 16px 26px; border-bottom: 1px solid rgba(255,255,255,.12); display: block;}
    .navbar-header .solution-dropdown .Solutions-toggle::after{filter: brightness(0.5) invert(1);     position: absolute; top: 0px; right: 0px; bottom: 0px; margin: auto; padding-right: 0; width: 40px;}
    .navbar-header .solution-dropdown .Solutions-toggle.collapsed::after{    transform: rotate(0deg)}
    .social-links{margin-top: 20px;}
    .social-links .social-list{justify-content: center; padding: 0px 10px;}
    .collapse-solution {background-color: #fff; }
    .collapse-solution li:last-child a{border:none;}
    .collapse-solution li a {color: #232325;padding: 12px 26px;border-bottom: 1px solid #eee; font-size: 16px;}
    .lang select.form-select {font-size: 16px; padding: 3px 30px 2px 7px;background-position: 76% center;}
    .btn-action-login{        background-color: rgba(0, 0, 0, .66);
        border: none;
        height: 44px;
        width: 44px; border-radius: 50%;padding: 6px;  align-items: center; justify-content: center;}
    .register-action .action-collapse {width: 130px;border-radius: 11px;box-shadow: 0px 3px 15px rgba(0,0,0,.16); border: none;padding: 12px 10px;
        top: 44px !important;position: absolute;left: -100%;background-color: #fff;}
    .register-action .action-collapse:after{position: absolute; top:-9px; left: 0px; right: 0px; margin: auto; background-image: url(../images/white-top-arrow.svg); background-repeat: no-repeat; height: 10px; width: 19px; content: ''; }
    .btn-action-login img {
        max-width: 22px;
    }
.stop-scroll header{background-color: #232325;}

}

/* Arabic CSS */
/* 
html[lang="ar"] .rightheader{
    padding-right: 16px;
    padding-left: 0;
}
html[lang="ar"] .social-list li{
    margin-right: 0;
    margin-left: 10px;
}
html[lang="ar"] .social-list li:last-child{
    margin: 0;
}
html[lang="ar"] .lang{
    padding-right: 0;
    padding-left: 16px;
}
html[lang="ar"] .register-action a.btn-border{
    margin-right: 0;
    margin-left: 13px;
}
html[lang="ar"] .navbar-header .navbar-link{
    padding-left: 20px;
    padding-right: 0;
}
html[lang="ar"] .register-action{
    padding-left: 20px;
    padding-right: 0;
}
html[lang="ar"] .register-action a.btn-border:last-child {
    margin: 0;
}
html[lang="ar"] .navbar-link > li{
    margin-right: 0;
    margin-left: 20px;
}
html[lang="ar"] .navbar-link > li:last-child{
    margin: 0;
}
@media (max-width: 1199px){
    html[lang="ar"] .rightheader{
        padding-right: 0;
    }
    html[lang="ar"] .register-action{
        padding-left: 10px;
    }
    html[lang="ar"] .lang{
        padding-left: 10px;
    }
    html[lang="ar"] .navbar-header .solution-dropdown .Solutions-toggle::after{
        left: 0;
        right: auto;
    }
    html[lang="ar"] .navbar-link > li{
        margin-left: 0;
    }
    html[lang="ar"] .navbar-header .navbar-link{
        padding-left: 0;
    }
} */




html[lang="ar"]{
    direction: rtl;
}
html[lang="ar"] .register-action a.btn-border{margin-right: 0; margin-left: 13px;}
html[lang="ar"] .register-action a.btn-border:last-child{margin: 0;}
html[lang="ar"] .navbar-link > li{margin-right: 0; margin-left: 25px;}
html[lang="ar"] .navbar-link > li:last-child{margin: 0;}
html[lang="ar"] .navbar-header .navbar-link{padding-left: 30px; padding-right: 0;}
html[lang="ar"] .register-action{padding-left: 30px; padding-right: 0;}
html[lang="ar"] .lang {padding-left: 16px; padding-right: 0;}
html[lang="ar"] .social-list li {margin-right: 0px;margin-left: 10px;}
html[lang="ar"] .social-list li:last-child{margin: 0;}
html[lang="ar"] .rightheader{padding-left: 0px; padding-right: 16px;}


header.inner-header{background-color: #fff; position: sticky; top:0px;  border-bottom: 1px solid rgba(121, 121, 121, .20);}
header.inner-header.header.fixed{background-color: #fff; }
header.inner-header .navbar-link li > a{color: #232325;}
header.inner-header .navbar-link li > a:hover{color: #5A31DB;}
header.inner-header .navbar-header .solution-dropdown .Solutions-toggle::after{filter: inherit;}
header.inner-header .register-action a.btn-border{border: 1px solid #EFEFEF; background-color: #fff; color: #232325;}
header.inner-header .register-action a.btn-border:hover{color: #fff; border: 1px solid #22D4AD;}
header.inner-header .lang select.form-select{border: 1px solid #EFEFEF; background-color: #fff; color: #232325;    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}
header.inner-header  .collapse-solution li a:hover{color: #fff;}

header.inner-header  .navbar-link > li.solution-dropdown:hover .Solutions-toggle{color: #5A31DB;}


@media (min-width:992px) {

    /*** header and footer ****/
    html[lang="ar"] .navbar-header .solution-dropdown .collapse-solution{left: auto; right: 0px;}
    html[lang="ar"] .navbar-header .solution-dropdown .collapse-solution:after {left: auto;right: 20px;}
    /*** header and footer ****/

}

@media (min-width: 1300px) and (max-width: 1399px) { 
    /*** header and footer ****/
    html[lang="ar"] .navbar-link > li{margin-left: 20px;}
    /*** header and footer ****/

}


@media (min-width: 1200px) and (max-width: 1299px) { 
    /*** header and footer ****/
    html[lang="ar"] .navbar-link > li {margin-left: 16px;}
    html[lang="ar"] .navbar-header .navbar-link, .register-action {padding-left: 16px;}
    /*** header and footer ****/

}

@media (min-width: 992px) and (max-width: 1199px) { 
    /*** header and footer ****/
   html[lang="ar"] .navbar-link > li{margin-left: 10px;}
   html[lang="ar"] .navbar-header .navbar-link, .register-action { padding-left: 8px;}
   html[lang="ar"] .social-list li{margin-left: 5px;}
   html[lang="ar"] .lang{padding-left: 8px;}
   html[lang="ar"] .rightheader {padding-right: 8px;}
    /*** header and footer ****/

}

@media (max-width:991px) {
/*** header and footer ****/
    html[lang="ar"] .register-action{padding-left: 10px;}
    html[lang="ar"] .rightheader{padding-right: 0;}
    html[lang="ar"] .lang{padding-left: 10px;}
    html[lang="ar"] .navbar-header .navbar-collapse{left: auto; right:-100%;}
    html[lang="ar"] .navbar-header .navbar-collapse.show{left: auto; right: 0px;}
    html[lang="ar"] .navbar-header .solution-dropdown .Solutions-toggle::after{right: auto; left: 0px;}
    html[lang="ar"] .navbar-link > li{margin-left: 0px;}
    html[lang="ar"] .navbar-header .navbar-link{padding-left: 0;}
  
/*** header and footer ****/



}

@media (max-width:767px) {
.startbtn .btn-primary{display: none;}
.logo img{max-width: 90px;}
.navbar-header .navbar-collapse{        top: 68px;
    height: calc(100% - 68px);}

    header.inner-header #navigation-menus span{background-color: #232325;}
header.inner-header .navbar-header .navbar-collapse{background-color: #fff;}
header.inner-header .navbar-link li > a{        border-bottom: 1px solid rgba(0, 0, 0, .12);}
header.inner-header .collapse-solution {
    background-color: #f5f5f5;
}



}