body,input,button,textarea {
    font-family:'Almarai',sans-serif;
    position: relative;
    background: #ffffff;
    overflow-x: hidden;
}
body.en {
    direction:ltr
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #7a091b;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

/*Header*/
.bottom-header {width: 100%;height: 50px;z-index: 9999;transition: all 0.3s ease 0s;position: relative;padding: 10px;background: #0f0f0f;border-bottom: 1px solid rgba(255,255,255,0.10);}


.hed-botm {
    transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;
}

.header-box  {
    margin-left:20px;
}
.header-box-title {
    color: rgba(255,255,255,0.7);
    line-height: 24px;
    margin-bottom: 3px;
    font-size: 15px;
}
.header-box-desc {
    font-size: 18px;
}
.header-box i {
    font-size:50px;
    color:#7dbc26;
    margin-left: 20px;
    border-left: 1px solid #dddddd4d;
    padding-left: 10px;
}
.header-bottom {
    background: white;
    box-shadow: 1px 2px 4px #000;
}

.logo img {
    width: auto;
    height: 70px;
}
.hed-botm.fixed-header.show img {
    width: auto;
    height: 64px;
}
img {vertical-align: middle;border-style: none;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;object-fit: cover;height: 100%;width: 100%;}

header .logo {margin: 0px 10px;}


.main-menu > li {
    line-height: 87px;
    font-weight: 700;
    font-size: 16px;
    padding: 0px 10px;
    height: 30px;
    position: relative;
    border-left: cornflowerblue;
    color: #ffffff;
    height: 100%;
    transition: .3s all;
}
.menu-item-has-children:after {
    content:'\f078';
    font-family:'font awesome 5 pro';
    font-size:11px;
    margin-right:10px
}
.sub-menu {
   position: absolute;
   right: 0px;
   top: 100%;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   min-width: 240px;
   list-style: none;
   z-index: 100;
   opacity: 0;
   visibility: hidden;
   background-color: #2b2b2b;
   transform: translateY(30px);
   transition: .5s;
   box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
   border-radius: 0 0 10px 10px;
   overflow: hidden;
}
.main-menu li:hover .sub-menu {
    visibility:visible;
    opacity:1;
    transform:translateY(0);
}
.sub-menu li a {
  position: relative;
  display: block;
  padding: 14px;
  border-bottom: 1px solid #e3e3e32b;
  line-height: 24px;
  font-weight: 400;
  font-size: 17px;
  text-transform: capitalize;
  color: #ffffff;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.sub-menu li a:hover {
    background: #f5e39e;
    color: #1f2022;
}


.top-header {
    background: #7dbc26;
    color: #fff;
}

form.search-form {
    background: #091125;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 103%;
    width: 300px;
    border: 2px solid #f8f8f83d;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
    margin-top: 50px;
}
form.search-form.open {
    visibility:visible;
    opacity:1;
    margin-top:0
}
form.search-form input {
    color:#fff;
    padding:20px;
    width:100%
}
form.search-form button {
    background: #7dbc26;
    position:absolute;
    left: 10px;
    height: 30px;
    width: 50px;
    font-weight: bold;
    border-radius: 4px;
    color: #fff;
    top: 16px;
    cursor: pointer;
}
.top-box {
    margin-top: 14px;
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #ffffff63;
}
.top-box span {
    margin-left:10px
}

.social a {
    position: relative;
    font-size: 29px;
    margin-left: 5px;
    background: #475665;
    border-radius: 10px;
    color: #ececec;
    padding: 8px;
    transition: .3s all;
    display: inline-block;
    width: 50px;
    text-align: center;
}
.social a:before {
}

section.slider {
    overflow: hidden;
    background: #091125;
    position: relative;
}

.slider-item {
    position: relative;
    height: 60vh;
    overflow: hidden;
}
.slider-item img {
    object-fit:cover;
    transition: all 6000ms linear;
    border-radius: 0;
    /*animation: banner-ani-two 25s infinite linear;*/
}
.slider-item:before {
    background: linear-gradient(279deg, #091125, transparent);
}
.slider-information {
    position: absolute;
    top: 0;
    right: calc(50% - 600px);
    padding: 10px;
    color: #fff;
    width: 1200px;
    z-index:6;
    height: 100%;
}

h3.slider-title {
    font-size: 40px;
    color: #000000;
    position: relative;
    padding-bottom: 13px;
    margin-bottom: 20px;
    transform: translateY(159px);
    opacity: 0;
    transition: .55s ease;
    text-align: center;
    transition-delay: 1s;
}
h3.slider-title:after {
}
p.slider-content {
    margin: 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #ffffff;
    text-align: right;
    transform: translateY(90px);
    opacity: 0;
    transition: .55s ease;
    transition-delay: 2s;
    text-align: center;
}

a.slider-link {
    display: inline-block;
    margin: 10px 0;
    background: #ffd737;
    padding: 15px 65px;
    transform: translateY(210px);
    opacity: 0;
    transition: .55s ease;
    transition-delay: 0.1s;
    color: #000;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}

a.slider-link:hover {
    background: #ffcc00;
    color: #0e1462;
}

.slider-information >div {
    max-width: 590px;
}

.owl-prev,.owl-next {
    position: absolute;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #292929;
    color: #ffffff;
    top: 240px;
    font-size: 25px;
    cursor: pointer;
    left: 31px;
    border-radius: 10px;
    z-index: 9;
    display: inline-table;
}
.owl-prev {right: 51px;top: 90px;}



.owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    right: 0;
    text-align: center;
    display: none;
}

.owl-dot {
    display: inline-block;
    border: 2px solid #fff;
    width: 30px;
    height: 13px;
    border-radius: 19px;
    margin: 0 8px;
    cursor: pointer;
}
.owl-dot.active {
    border-color: #ffffff;
    background: #000;
}
.scroll-top {position: fixed;bottom: 0;right: 20px;width: 40px;height: 40px;text-align: center;line-height: 42px;background: #6ac1ec;font-size: 21px;cursor: pointer;color: rgb(255 255 255);z-index: 99999999;opacity: 0;top: inherit;padding: 0;border-radius: 50% 50% 0 0;box-shadow: 0 0 8px rgb(0 0 0 / 20%);transition: all 0.3s ease;box-sizing: border-box;transform: translateY(90px);}
.bottom-header .pull-left {
    height: 100%;
    position: relative;
    width: auto;
}
.bottom-header .pull-right {
    height: 100%;
    width: 69%;
}
.bottom-header aside ul li {
    width: auto;
    height: 100%;
    font-size: 19px;
    z-index: 9;
    text-align: right;
    margin-left: 20px;
}

.bottom-header .pull-right ul {
    display: flex;
}
.social-hed {
    width: 200px;
    height: 100%;
    position: relative;
}
.social-hed a {
    color: #fff;
    font-size: 19px;
    margin-left: 22px;
}
.bottom-header aside ul li:nth-child(1) .olk {color: #fff;font-size: 23px;}
.bottom-header aside ul li:nth-child(1) .olk i {
    color: #ffffff;
    margin-left: 10px;
}
.bottom-header aside ul li {
    width: auto;
    height: 100%;
    font-size: 19px;
    z-index: 9;
    text-align: right;
    margin-left: 20px;
}
.olk i {color: rgb(255 255 255);margin-left: 9px;}
.olk {color: rgb(255 255 255);}

.scroll-top.open {
    opacity: 1;
    transform: inherit;
}

ul#menu-menu-2 {
}
.act-search {
    color: #292929;
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    border: 2px solid;
    height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 18px;
}
.en .act-search {
    margin-right: 5px;
    margin-left: 5px;
}
.act-search:hover {
    background: #3654c5;
    color: #fff;
    border: 2px solid #3654c5;
}
.slider-info-up {
    width: 640px;
    height: max-content;
    z-index: 9;
    padding: 23px;
    border-radius: 100px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
}
.en .slider-info-up {
    right:auto;
    left:66px
}
.slider-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.en .slider-image {
    left:auto;
    right:80px
}

.active .owl-item img {
    transform: scale(1.5);
}

.active .slider-item img {
    transform: scale(1.1);
    opacity: 1;
}

label.title-2 {
    font-size: 21px;
    text-align: right;
    display: block;
    color: #ffffff;
    text-shadow: 0px 0px 3px #0f0f0f;
    transform: translateY(70px);
    transition: .55s ease;
    opacity: 0;
    transition-delay: 0s;
    width: max-content;
    background: #60bde9;
    border-radius: 5px;
    padding: 10px 15px;
    line-height: 20px;
    margin: 5px auto 20px;
}

.slider-image:before {
}

.up-header {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 99999999;
}

.hed-botm.show {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding: 0;
    z-index: 9999;
}

.active h3.slider-title {
    opacity: 1;
    transform: inherit;
}

.active p.slider-content {
    transform: inherit;
    opacity: 1;
}

.active a.slider-link {
    transform: inherit;
    opacity: 1;
}

.active label.title-2 {
    transform: inherit;
    opacity: 1;
}

section.shape-1 {
    background-repeat: no-repeat;
    padding-bottom: 40px;
}

button.owl-next i {
}
.email-subscriber {padding: 9px 0;position: relative;background: #36424e;z-index: 9;}
.email-subscriber .clearfix .pull-right {display: flex;width: 100%;}
.email-subscriber .logo {margin-right: auto;width: 244px;z-index: 9;padding: 3px;border-radius: 10px;}
footer {padding: 30px 0px;background: #333d47;position: relative;overflow: hidden;z-index: 9;background-clip: border-box;background-position: center;padding-top: 29px;}
.mals ul li {position: relative;color: rgb(214 214 214);padding: 5px 10px;border-radius: 5px;background: #60bde926;width: auto;display: inline-block;font-size: 16px;margin-bottom: 6px;margin-left: 3px;line-height: 22px;}
.mals {
    display: flex;
    height: 100%;
}

h2.footer-title {
    color: #fff;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.up-titel-sheps {margin-bottom: 20px;}

.up-titel-sheps h2.news-title {
    font-size: 30px;
    color: #252525;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin: 20px auto;
    text-align: center;
}

h2.news-title {
}

.up-titel-sheps p {

    max-width: 500px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c;
    z-index: 9;
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
}

.news-block-one {
    overflow: hidden;
}

section.shape-1 .row div:nth-child(3n+0) {
}

.inner-box {
    margin: 10px;
    cursor: pointer;
    position: relative;
    height: 420px;
    padding-bottom: 110px;
}

.image {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
}

.date {
    padding: 11px 0px;
    font-size: 16px;
    color: #040404;
}

.date i {
    margin-left: 10px;
    color: #131211;
}

.lower-content {
    height: 85px;
    width: 100%;
    overflow: hidden;
    z-index: 0;
    background: linear-gradient(270deg,#1d1d1d 76%,#6ac1ec 50%);
    padding: 16px;
    border-radius: 0 0 30px 30px;
    display: flex;
}
.en .lower-content  {
    padding-left:50px;
    padding-right:0
}
.lower-content h3 {
    color: #ffffff;
    height: 52px;
    font-size: 17px;
    overflow: hidden;
    width: 285px;
}

.lower-content p {
    font-size: 14px;
    color: #2b2a2a;
    margin-bottom: 19px;
    line-height: 24px;
    height: 69px;
    overflow: hidden;
}

a.readmore-link {
    font-size: 17px;
    color: #ffffff;
    background: #3654c5;
    padding: 5px 20px;
    border-radius: 10px;
}

.telphone-post {
}

.up-hover:before {}

.inner-box:hover .up-hover:before {
    transform: scale(1) rotateX(
0deg
);
    visibility: visible;
}

.telphone-post i {
    font-size: 29px;
    margin-left: 20px;
    z-index: 9;
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    color: #3654c5c7;
}

.up-hover {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    padding: 53px 0;
    text-align: center;
    background: #00000061;
    transition: all 900ms ease;
    opacity: 0;
    visibility: hidden;
}

.dateee {
    font-size: 17px;
    position: relative;
    z-index: 9;
    font-weight: 900;
    color: #fdf288;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 11px;
}

.inner-box:hover .dateee {
    transform: scale(1) rotateX( 
0deg
 );
    visibility: visible;
}

section.shape-1 .row {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
}

.rights {
    background: #36424e;
    color: #fff;
    padding: 15px;
}

.rights img {
    height: 34px;
    width: auto;
}

li.service-item a:not(.choose-plan) {
    display: block;
    padding: 25px;
    background: #3a3a3a;
    margin: 10px;
    position: relative;
    height: 260px;
    overflow: hidden;
    padding-top: 10px;
    padding-right: 0;
    z-index: 0;
    transition: .3s all;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 20%);
    border-radius: 0;
}

services.block-tag {
    display: block;
    padding: 80px 0px 70px;
    background-color: #8dd0f2;
    background-image: url(./Standard/UI/img/bg-pattern.png);
    background-size: contain;
    position: relative;
    padding-bottom: 270px;
}

h2.services-title {
    padding: 4px 0;
    font-size: 30px;
    color: #333333;
    font-weight: 700;
    position: relative;
    text-align: center;
}

p.services-title-tow {
    font-size: 15px;
    width: 450px;
    line-height: 30px;
    height: 59px;
    overflow: hidden;
    color: #585858;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
}

.up-sliderr {
    margin-top: 40px;
    margin-left: -10px;
    margin-right: -10px;
}

.ser-item-image-info {
    text-align: right;
    width: 100%;
    z-index: 9;
    padding: 0 20px;
    position: relative;
}
.en .ser-item-image-info {
    text-align:left
}
.ser-item-image {
    font-size: 40px;
    width: 76px;
    line-height: 70px;
    color: #ffffff;
    z-index: 9;
    transition: all 1200ms ease;
}

li.service-item {width: calc((100% - 0px) / 4);}

h2.ser-title {
    color: #1aacf7;
    font-size: 21px;
    max-height: 32px;
    margin-bottom: 10px;
    overflow: hidden;
    transition: all 1200ms ease;
}

p.ser-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    color: #ffffff;
    height: 64px;
    overflow: hidden;
    margin-bottom: 22px;
    transition: all 1200ms ease;
}

span.bomo {
    border: 1px solid #4a4a4a;
    font-size: 14px;
    padding: 7px 10px;
    background: #353535;
    color: #ffffff;
    transition: all 1200ms ease;
    font-weight: 500;
}

li.service-item a:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0;
    height: 100%;
    width: 0px;
    transition: all 500ms ease;
    background: #1f1f1f;
    z-index: -1;
}

li.service-item a:hover:before {
    width: 100%;
}

li.service-item a:hover .ser-item-image, li.service-item a:hover p.ser-title, li.service-item a:hover h2.ser-title, li.service-item a:hover span.bomo {
}

.shape-2-image {
    height: 300px;
    width: 100%;
}

.sdas {
    height: 300px;
    width: 100%;
    position: relative;
}

.info-til {
    position: absolute;
    right: 0;
    top: 0;
    height: 0;
    width: 100%;
    background: #000000bf;
    padding: 80px 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: scaleY(0);
    transform-origin: 50% 0;
    transition-timing-function: ease-out;
    transition-duration: .5s;
    transition-property: transform;
}

section.shape-2 {
    padding: 49px 0;
    background: linear-gradient(0deg,#1e1c1c, #2f2f2f);
    position: relative;
    z-index: 9;
}

section.shape-2 .row div.shape-item-2:nth-child(3n+0) {
    max-width: 380px;
}

section.shape-2 .row div.shape-item-2:nth-child(2n+0) {
    max-width: 381px;
    height: 100%;
}

section.shape-2 .row div:first-child {}

section.shape-2 .row.flex-center {
    justify-content: flex-start;
    margin-left: -10px;
    padding: 0;
    margin-right: -10px;
}

.info-til h3 {
    color: #fff;
    height: 58px;
    overflow: hidden;
    padding: 0 24px;
}

.info-til p {
    font-size: 16px;
    color: #ddd;
    line-height: 29px;
    padding: 0 30px;
}

section.shape-2 .shape-item-2 {
    max-width: 529px;
    width: 528px;
    margin-left: 20px;
    margin-bottom: 20px;
    transition: .5s ease;
}

.sdas:hover .info-til {
    visibility: visible;
    opacity: 1;
    height: 100%;
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transform: scaleY(1);
}

.shape-3-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

section.shape-3 {
    background: #ffffff;
    padding: 40px 0;
    position: relative;
    z-index: 0;
}

section.shape-3 .col-4.col-md-5 {
    margin-left: 20px;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    width: 376px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

section.shape-3 .row {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
}

.shape-3-info {
    padding: 17px;
}

.shape-3-info h3 {margin-bottom: 10px;height: 55px;overflow: hidden;}

.shape-3-info span {font-size: 16px;color: #000000;background: #f5e39e;padding: 15px 30px;border-radius: 20px;font-weight: 500;}

.shape-3-info p {
    margin-bottom: 21px;
    color: #6f6f6f;
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
}

section.shape-3 .col-4.col-md-5:hover img {
    transform: scale(1.2);
}

.social {padding: 14px;}

.social a:hover {
    color: #ffffff;
    background: #3654c5;
}

.benfit-item .flex-start {
    display: flex;
}

.benfit-info {
    text-align: right;
    color: #2a2b2b;
    padding-bottom: 8px;
    transition: .3s all;
    line-height: 26px;
    position: relative;
    min-width: 100%;
    margin-bottom: 25px;
}
.en .benfit-info {
    text-align:left
}
.icon {
    font-size: 33px;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 61px;
    border-radius: 10PX;
    color: #0a2167;
    border: 4px solid #e8e8e8;
    margin-bottom: 29px;
    transition: .3s all;
    text-align: center;
    margin-left: 2px;
    margin-top: -1px;
    display: inline-block;
    position: relative;
}

.company-stepstwo {
    position: relative;
    min-height: 520px;
    z-index: 9;
}

.benfit-item {
       padding: 10px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0px 5px 40px 0px rgb(0 0 0 / 7%);
    margin-left: 24px;
    width: 47%;
    position: relative;
    border-radius: 10px;
    margin-bottom: 24px;
    transition: .3s all;
}
.en .benfit-item {
     margin-right: 23px;
     margin-left:0
}
.benfit-info.kamc {color: #646578;margin-bottom: 0;}

.img-features {
    /* position: absolute; */
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(./Standard/UI/img/1-2.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.company-title{
    bottom: 0;
    left: 0;
}

.img-features:before {content: '';/* position: absolute; */right: 0;top: 0;width: 100%;height: 100%;background: rgba(31,34,37,0.90);}

.benfit-item:after {}

.benfit-item .benfit-info:before {content: '';position: absolute;right: 0;top: 100%;width: 61px;height: 40px;background-image: url(./Standard/UI/img/wave-4.png);background-repeat: no-repeat;}
.en .benfit-item .benfit-info:before  {
    right:auto;
    left:0
}
video-section.block-tag {
    width: 100%;
    max-height: 600px;
    display: block;
    position: relative;
    z-index: 1;
    padding: 0;
    background: linear-gradient(144deg, #1aacf7, #ffd737);
}
.ask-left {
    width: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 9px #0006;
}
.video {
    height: 610px;
    width: 100%;
    position: relative;
}

.info-video {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.bakg-videos {
    width: 50%;
    padding: 40px 60px;
    position: relative;
    height: 90%;
}
.video img {
    display: block;
    object-fit: cover;
    width: 100%;
    min-height: 100%;
}
.video:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #ffffff33;
}
.play-icon {
    position: absolute;
    height: 100px;
    width: 100px;
    box-sizing: border-box;
    top: 40%;
    color: #000;
    right: calc(50% - 61px);
    text-align: center;
    line-height: 106px;
    font-size: 33px;
    border-radius: 50%;
    z-index: 9;
    cursor: pointer;
    display: inline-block;
    background: #ffd737;
    box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);
}

.video-label {
    display: none;
}

.bakg-videos:before {content: '';position: absolute;width: 110%;top: 0;left: -39px;height: 100%;background: #f2f0f8;z-index: -1;box-shadow: 0px 0px 19px #000;}

.panel-header {
    font-size: 22px;
    font-weight: 700;
    color: #282d31;
    text-transform: capitalize;
    cursor: pointer;
    display: flex;
    line-height: 50px;
}

.contct-us {
    margin-top: 22px;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.panel-body {
    margin-bottom: 9px;
}

.panel-content {
    font-size: 16px;
    line-height: 28px;
    color: #545454ad;
    padding: 6px;
    height: 176px;
    overflow: hidden;
    display: none;
    padding-right: 52px;
}
.en .panel-content  {
    padding-right:0;
    padding-left:52px
}
span.video-title {
    font-size: 20px;
    font-weight: 600;
}

.panel-header i {
    margin-left: 10px;
    color: #121213;
    line-height: 50px;
}
.en .panel-header i {
    margin-left:0;
    margin-right:10px
}
.panel-header.active {
    color: #76c7f0;
}

.panel-header.active i {
    color: #380101;
}
/****************/
.fluid-section-one .image-column .overlay-link .ripple,
.fluid-section-one .image-column .overlay-link .ripple:before,
.fluid-section-one .image-column .overlay-link .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:80px;
    height: 80px;
    border-radius:50%;
    -ms-border-radius:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6); */
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    /* -webkit-animation: ripple 3s infinite; */
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.fluid-section-one .image-column .overlay-link .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.fluid-section-one .image-column .overlay-link .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}

}

@keyframes ripple {
    70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
/*********/

.play-icon:before {content: '';position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;border-radius: 50%;transform: translate(-50%, -50%);box-shadow: 0 0 0 0 rgb(255 255 255 / 60%);z-index: 9;
/*animation: ripple 1s infinite;*/
    
}

.rokn-rihgt.pull-rihgt {
    margin-right: -10px;
    margin-left: -10px;
}

video-section.block-tag h2.services-title {
    text-align: center;
    margin-bottom: 21px;
}

.panel-content.active {
    display: block;
}

.video iframe {
    width: 100%;
    height: 100%;
    z-index: 9;
    position: relative;
}

video-section.block-tag h2.services-title {
    color: #dfb162;
    font-weight: 300;
    width: max-content;
    margin: 40px auto;
    position: relative;
    padding-right: 230px;
    padding-left: 230px;
}

.bak-searc {
    position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    width: 100%;
    transition: all 500ms ease;
    background: #ffffff;
    box-shadow: 0px 0px 5px 0px #00000052;
    border-radius: 0;
    z-index: 9;
    padding: 12px 7px;
    border-radius: 7px;
    border: 1px solid #a7a7a7;
    box-shadow: 0 0 8px rgb(0 0 0);
}

.search i {
    font-size: 16px;
    color: #194376;
    text-align: center;
    padding-top: 12px;
    padding: 11px;
}

.bak-searc input {
    width: 93%;
    padding: 7px 0;
    height: 40px;
    font-family: 'Almarai';
    font-size: 16px;
    font-weight: 600;
}

.bak-searc:before {
    position: absolute;
    left: 27px;
    top: -11px;
    width: 47px;
    height: 47px;
    text-align: center;
    width: 0;
    height: 0;
}
.search {margin-left: 4px;border-radius: 4px;float: revert;transition: all 500ms ease;}
.open {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    margin-left: 0;
}



.header-admin .hed-botm.fixed-header.show {
    top: 32px;
    background: #ffffff;
    box-shadow: 0px 4px 10px #00000045;
}

ul.w-100.tabs.list-unstyled {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

ul.w-100.tabs.list-unstyled li {
    font-size: 18px;
    font-weight: 600;
    color: #ddb061;
    margin-left: 5px;
    cursor: pointer;
    transition: .3s all;
    border: 2px solid #bf9856;
    padding: 5px 10px;
    border-radius: 10px;
}

.scaled {
    transform: scale(0);
    transition: .5s;
}

.phon {
    position: relative;
}
/*******singel********/
single .news-title {
    color: #85c226;
}

.single  .panel-content {
    color: #000;
}

single-container .news-title {
}

.single-container .news-title {
    font-size: 30px;
    color: #0093dd;
}


.up-post {
    width: 100%;
    padding-top: 120px;
    height: fit-content;
    background: linear-gradient(180deg, #000000d9, #f9f9f9);
    position: relative;
    z-index: 9;
    margin-bottom: 20px;
}
a.phone-icon {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 999999;
    width: max-content;
    transition: .3s all;
}
a.phone-icon i {
    padding-top: 5px;
    border-radius: 50%;
    line-height: 50px;
    background: #31d85d;
    box-shadow: 0px 0px 5px #0000003b;
    color: #ffffff;
    font-size: 28px;
    height: 60px;
    width: 60px;
    text-align: center;
    z-index: 9999999;
    transition: .3s all;
}
.up-singel {
    padding-bottom: 30px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
    z-index: 9;
    padding: 252px 40px 40px 40px;
}

.sidebaer {
    width: 350px;
    height: fit-content;
    position: sticky;
    top: 110px;
    order: 2;
}
.poster{overflow: hidden;position: relative;margin-bottom: 10px;margin: 0 auto;}
.poster img{width: 100%;max-height: 510px;object-fit: cover;}
breadcrumb{
      display: block;
      margin: 10px 0px;
      z-index: 9;
      font-size: 14px;
      color: #2c2c2c;
}
breadcrumb a{
  color: #565657;
  display: inline-block;
  margin-left: 2px;
  font-size: 13px;
  padding-left: 5px;
  font-weight: 600;
}
breadcrumb i{
  color: #4d57a0;
  display: inline-block;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 600;
}

.contain-body {
    width: 100%;
}

.clearfix h1 {font-size: 22px;padding-bottom: 14px;color: #2d2d2d;}

.last {
    max-height: 130px;
    text-align: right;
    z-index: 9;
    padding-right: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

h1.ti-singel a {
}

.poster:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: linear-gradient(transparent,#00000099);
    z-index: 0;
}
post-content * {
    max-width: 100%;
    font-size: 18px;
    margin-top: 10px;
    list-style: none;
    margin: auto;
}

post-content h1, post-content h2, post-content h3, post-content h4 {
    margin: 10px 0;
    padding: 5px;
    padding-right: 0;
}
post-content p{
      font-size: 16px;
      line-height: 40px;
      margin-bottom: 0;
      padding-right: 6px;
}

.sticky {display: flex;width: max-content;padding: 10px;color: #fff;z-index: 9;}

.logo-singel-sidbar {
    width: 100%;
    height: 70px;
    background: #ffd20d;
    box-shadow: 0 0 10px #0003;
    border-radius: 40px;
    margin-bottom: 15px;
}

a.phone-icon-sidbar {
    width: 100%;
    height: 100%;
    font-size: 25px;
    color: #1e243a;
}

a.phone-icon-sidbar i {
    width: 70px;
    height: 70px;
    border-radius: 20%;
    z-index: 0;
    background-color: #6daa3b;
    box-shadow: 0px 0px 4px #12131263;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.42, 0, 0.81, 0.63);
    border: 5px solid #e3e3e3;
    line-height: 57px;
}

.sticky ul.list-unstyled.flex-center li.margen-auot {
    margin-left: 5px;
}

span.folder {
    color: #60bde9;
    margin-left: 5px;
}

li.margen-auot a {
}

span.calendar, span.eye {
    color: #60bde9;
    margin-left: 10px;
}

.sticky ul.list-unstyled.flex-center li {margin-bottom: 5px;}

li.athur {color: #03a9ff;}

li.athur img {
    max-height: 45PX;
    max-width: 45PX;
    border-radius: 7px;
}

.social-single {position: absolute;bottom: 0;left: 0;display: flex;z-index: 9;width: auto;flex-direction: column;z-index: 9;}

.social-single a, .upsoshel {
        width: 50px;
        height: 50px;
        line-height: 51px;
        font-size: 25px;
        display: block;
        text-align: center;
        transition: .3s all;
        background: #1617174a;
        color: rgb(255 255 255);
        z-index: 99999999;
        padding: 0;
        border-radius: 50%;
        margin-left: 20px;
        transition: all 0.4s ease;
        text-shadow: 0px 0px 2px #151616;
        margin-bottom: 10px;
        cursor: pointer;
}




.comment-box {
    display: none;
    padding: 30px 40px 15px 40px;
    background: #2c2c2c;
    border-radius: 75px;
    position: relative;
}

.comment-box .news-title {
    font-size: 25px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 5px solid #b9b5ce6e;
    position: relative;
    text-align: center;
    margin-top: 30px;
    color: #000000;
    width: 100%;
    display: block;
    background: none;
}

.comment-box .news-title::after {
    display: none;
}

form, input, button, textarea, select {
}

.FormControl label {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #054c71;
}

.FormControl input, .FormControl textarea {
    border: 1px solid #0c8bf82e;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border-radius: 15px;
}

.SubmitComment button {
    background: #99ce46;
    color: #fff;
    padding: 10px;
    font-size: 19px;
    border-radius: 11px;
    width: 20%;
    cursor: pointer;
}

form, input, button, textarea, select {
    border: 0;
    outline: 0;
    background: none;
}

.NoCommentsFound {
    background: #ffeea6;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #100a27;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto;
}
.news-titlett {
    color: #4d4d4d;
    font-size: 25px;
    margin-bottom: 12px;
    padding-bottom: 20px;
    border-bottom: 5px solid #1c1c1c;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.tags li a {
    color: #ffffff;
    display: flow-root;
    width: max-content;
    margin: 3px;
    border-radius: 25px;
    font-weight: 500;
    background: #484848;
    transition: .3s ease;
    padding: 8px 12px;
}
.tags li a:hover {
    color: #151515;
    background: #ffeda9;
    transition: .3s ease;
}
.tags li {margin-bottom: 4px;}

.tags li a i {
    color: #0c0c0c;
    background: #fff;
    padding: 5px;
    border-radius: 50%;
    margin-left: 5px;
}





.head-singel {
    overflow: hidden;
    width: 100%;
    height: 220px;
    position: relative;
    z-index: 0;
}

.head-singel img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.head-singel:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(./Standard/UI/img/buble-3.png);
    /*animation-name: banner-animate;*/
    /*animation-duration: 70s;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: linear;*/
}

.up-img-slider {
    width: 100%;
    height: 100%;
    background: #2cb6be;
}

.breadcrumb a span {
    color: #3654c5;
    font-size: 15px;
    font-weight: 700;
}

.breadcrumb a {font-weight: 100;}

span.seprator i {color: #d0d0d0;font-size: 11px;margin-right: 4px;}

.image-overlay {height: 600px;position: relative;z-index: 9;overflow: hidden;border: 10px solid #292929;margin: 0px 0 10px;border-radius: 30px;}

.margin {
    position: relative;
    background: #fff;
    border-radius: 0;
    flex: 1;
    overflow: hidden;
    order: 1;
    padding-top: 40px;
}

.margin ul.list-unstyled.flex-center {
    width: 100%;
    display: -webkit-box;
    position: relative;
    padding: 6px;
    line-height: 40px;
    border: 3px solid #3ca4fc2e;
    margin-top: 0;
    border-radius: 10px;
}

li.margen-auot {}

.margin ul.list-unstyled.flex-center li {margin-left: 10px;color: #18364a;}
.aligncenter img {border: 4px solid #2f2f2f;border-radius: 10px;width: auto;height: auto;margin: 0 auto;display: block;}
post-content p img {border: 4px solid #000000ad;width: auto;height: auto;margin: 0 auto;display: block;}
.up-tagss {
    width: 100%;
    padding-bottom: 20px;
}

.up-tols {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    margin-top: 0px;
    padding: 30px 40px 15px 0;
}

.social-single a:hover {
    color: #ffd20d;
}
.ser-item-image i {
}
.top-titel {
    z-index: 9;
    width: 100%;
    color: #ffff;
    margin-bottom: 30px;
    padding-right: 10px;
}

.up-tfasel {
    position: absolute;
    top: 23px;
    right: 32%;
    padding: 10px;
    border-radius: 10px;
    background: #2b2b2b85;
    box-shadow: 0px -1px 5px #00000036;
}

ul.tfasel {
    z-index: 9;
    display: flex;
}
ul.tfasel li > i {
  margin-left:4px;
  color: #ff9393;
}
.en ul.tfasel li > i {
    margin-left:0;
    margin-right:4px
}
ul.tfasel li {
    margin-left: 15px;
    color: #ffffff;
}
ul.quiqk-posts {list-style: none;justify-content: space-between;display: flex;width: 100%;margin-bottom: 30px;background: #282d31;border-radius: 9px;} ul.quiqk-posts li {width: 50%;transition:.45s ease;cursor: pointer;padding: 10px;font-size: 17px;color: #fff;border-radius: 10px 110px 110px 0px;} ul.quiqk-posts li .flex-1 {background: #eef0f3;padding: 10px 8px;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;width: 50%;border-radius: 20px 0 0 20px;} ul.quiqk-posts li:hover {} ul.quiqk-posts li div:last-of-type h3 {color: #202121;font-size: 18px;transition:.35s ease;max-height: 50px;overflow: hidden;max-width: 100%;} ul.quiqk-posts li:hover div:last-of-type h3 {} 
.thumb {height: 155px;width: 30%;object-fit: cover;overflow: hidden;position: relative;background: #eef0f3;transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;border-radius: 0 20px 20px 0;}
ul.quiqk-posts li div label {display:inline-block;margin-top: 10px;border-radius: 25px;transition:.35s ease;color: #d0a300;}
.sidebaer {
    width: 350px;
    height: fit-content;
    position: sticky;
    top: 130px;
    order: 2;
}
.call-us-now.before {
    position: relative;
    height: 250px;
    border-radius: 10px;
    transition: all 500ms ease;
    overflow: hidden;
    margin-bottom: 10px;
}

.call-us-now:before {
    background: #0000001f;
}
.back {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    background-size: 100% 100%;
    z-index: 4;
}
a.phone-servies {
    position: relative;
    top: 96px;
    right: 82px;
    z-index: 8;
    background: #e4c34a;
    padding: 10px 20px;
    display: inline-block;
    margin: 10px 20px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    border-radius: 4px;
    transition: all 500ms ease;
}
h3.titel-tow {
    position: relative;
    z-index: 6;
    color: #232527;
    padding: 0 20px;
    font-size: 19px;
}
h2.titel-one {
    position: relative;
    z-index: 6;
    color: #121313;
    padding: 40px 20px 10px;
    font-size: 27px;
}
.back {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 4;
    filter: blur(9px);
    background-size: cover;
}
.up-more-post {
    background: #fff;
    box-shadow: 0px 0px 5px 0px #00000052;
    padding: 20px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

/******end***/




.aside {
    position: relative;
    z-index: 9;
    padding-top: 210px;
    background: linear-gradient(144deg, #e6f0ff, #e6f0ff);
}

.single-container {
    padding-bottom: 30px;
}

section.shape-1.archive {
    padding-top: 110px;
}

h2.news-title {
    text-align: center;
    margin-bottom: 30px;
    color: #dfb162;
}
ul.page-numbers {list-style:none; background: #3654c5; display: inline-block; overflow:hidden; } ul.page-numbers li {display:inline-block;min-width: 60px;line-height: 60px;font-size: 26px;border-left: 1px solid #c7c7c7;float: right;background: #000000;color: #f0f6ff;} ul.page-numbers li a {display:block; height:100% } ul.page-numbers li .current {display:block;height:100%;background: #f2ce86;color:#fff;} 

section.up-Search {
    background: #ffffff;
    padding-top: 159px;
}

.pagination {
    padding-bottom: 34px;
    padding-top: 21px;
}

.no-sheps {
    color: #dfb162;
    font-size: 30px;
}

section.shape-2:before {content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;background-image: url(./Standard/UI/img/bg_pattern-1.png);z-index: -1;opacity: .2;}



.contcts {
    width: 50%;
    padding: 80px 30px;
    z-index: 9;
    box-shadow: 0px 0px 2px #000;
    height: 600px;
    position: relative;
}

h2.titel-contct {
    font-size: 25px;
    color: #3654c5;
    margin: 30px 0;
}

.contact-us form p label {
    padding-right: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 190px;
    height: 60px;
    background: #f5e39e;
    color: #060823;
    margin-right: 6px;
    font-family: 'Almarai';
    border-radius: 4px;
    font-weight: 600;
    margin-top: 16px;
    padding: 5px;
    cursor: pointer;
    font-size: 19px;
    transition: .3s all;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    background: #c00a271c;
    width: 100%;
    height: 80px;
    border-radius: 7px;
    color: #afafaf;
    font-family: 'Almarai';
    padding: 10px;
}

video-section.block-tag:before {
}

.bakg-videos:after {content: '';position: absolute;bottom: 0;right: 0;width: 100%;height: 100%;background-image: url(./Standard/UI/img/process-shape2.png);opacity: .5;z-index: -1;}

section.shape-3:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(./Standard/UI/img/bg_pattern-1.png);
    z-index: -1;
    opacity: .3;
}

.up-post h2.news-title {
    color: #000;
    padding-top: 11px;
}

.up-post .panel-body {
    background: #f0f0f0;
    border-radius: 5px;
    padding: 12px;
}

.up-post .panel-header.active {
    color: #3654c5;
}

.up-post .panel-header {
    color: #585858;
}

.up-sid-bar {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #00000052;
}

ul.archive-menu.container.posts li {
    padding: 5px 0;
    background: #0e0e0e0f;
    margin-bottom: 5px;
    color: #282d31;
    padding-right: 10px;
    border-radius: 4px;
    transition: .3s all;
    cursor: pointer;
    height: auto;
    line-height: 36px;
}

.titel-hot {
    margin-bottom: 13px;
    text-align: center;
    font-size: 14px;
}

ul.archive-menu.container.posts li:hover {
    background: #ffeda9;
    color: #121213;
}

a.phone-icon:hover i {
    color: #000000;
}

.aside h2.news-title {
    border-radius: 6px;
    line-height: 60px;
    color: #3c3c3c;
    margin: 0;
}

ul.archive-menu.container.posts li i {
    font-size: 18px;
    font-weight: 500;
    margin-left: 9px;
    background: #fbfbfb;
    padding: 10px;
    border-radius: 50%;
}

h2.news-titlee {
    padding-bottom: 9px;
    color: #3654c5;
}

.up-post .panel-body.active {
    background: #fff3c7;
}

.up-post .panel-body:hover {
    background: #fff3c7;
}

.up-post .panel-body:hover .panel-header {
    color: #3654c5;
}

.call-us-now.before {}

.call-us-now {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.search-ks {display: block;width: max-content;padding: 10px;margin: 20px auto;background: #cacaca;}

.search-ks .search {
    opacity: 1;
    visibility: visible;
}

.search-ks input {
    height: 40px;
    background: #fff;
    padding: 20px;
}

.search-ks .search i {
    color: #171717;
    font-size: 17px;
    margin-right: 11px;
    line-height: 20px;
    background: #fbe180;
    font-weight: 700;
    cursor: pointer;
}

.social-hed-sidbaer {
    width: max-content;
    margin: 0 auto;
}

.social-hed-sidbaer a {
    font-size: 30px;
    margin-left: 10px;
    border: 1px solid #b5a35f;
    width: 50px;
    display: inline-block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    color: #caac3e;
}

.social-hed-sidbaer a.facebook:hover {
    background: #3372ff;
    color: #fff;
    border: 1px solid #4076ef;
}

.social-hed-sidbaer a.telegram:hover {
    color: #fff;
    background: #5288ff;
    border: 1px solid #5288ff;
}

.social-hed-sidbaer a.instagram:hover {
    color: #fff;
    background: #3654c5;
    border: 1px solid #3654c5;
}

.social-hed-sidbaer a.whatsapp:hover {
    color: #fff;
    background: #21bd3c;
    border: 1px solid #33cc4d;
}

.social-hed-sidbaer a.twitter:hover {
    color: #fff;
    background: #00c0f9;
    border: 1px solid #14a6d2;
}

a.phone-servies:hover {
    background: #e05454;
    color: #fff;
}

.up-bak-searc {
    display: block;
    width: 100%;
    height: 91px;
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
}

header {
    position: relative;
}

.up-titel-sheps h2.news-title:before {
    content: '';
    display: block;
    top: 0;
    right: 0%;
    width: 90px;
    height: 82px;
    background-image: url(./Standard/UI/img/kfoe.png);
    background-size: cover;
    margin-bottom: 10px;
    margin: 20px auto;
    }

.up-titel-sheps h2.news-title:after {
    right: 0;
    transform: rotate(180deg);
}

section.shape-3 h2.news-title:before, section.shape-3 h2.news-title:after {
}

section.shape-3 .up-titel-sheps h2.news-title {
    color: #282d31;
    font-weight: 600;
    text-transform: uppercase;
}

.main-menu > li:before {
    content: '';
    position: absolute;
    top: 27px;
    left: 0;
    width: 2px;
    height: 40px;
    background: #dddddd24;
}

.main-menu > li:last-child:before {
    display: none;
}

.call-us-now.before.show {
    height: 100px;
    transition: all 500ms ease;
}

.call-us-now.before.show a.phone-servies {
    top: 20px;
    right: 90px;
    transition: all 500ms ease;
}

.up-bak-searc.open {
    visibility: visible;
    opacity: 1;
}

.email-subscriber:before {top: -39px;}

section.shape-2:after {
    content: '';
    position: absolute;
    bottom: -39px;
    right: 0;
    width: 100%;
    height: 50px;
    background-image: url(./Standard/UI/img/footer-shape.png);
    transform: rotateX(180deg);
}
video-section.block-tag h2.services-title:before, video-section.block-tag h2.services-title:after {content: '';position: absolute;top: 0;left: 0;width: 200px;height: 100%;background-image: url(./Standard/UI/img/heading-style.png);}

video-section.block-tag h2.services-title:after {
    right: 0;
    transform: rotate(180deg);
}


section.shape-2 .up-titel-sheps h2.news-title {
    color: #dfb162;
}

section.shape-2 .up-titel-sheps p {
    color: #afafaf;
}

video-section.block-tag:after {
}

.aside section.shape-1 {
}

.more-category {position: relative;display: block;font-size: 16px;color: #d6aa5d;font-weight: 600;width: max-content;margin: initial;transition: .3s all;margin-right: auto;border: 2px solid #dfb162;border-radius: 10px;padding: 9px;text-align: center;}

.more-category:hover {
    color: #000;
}

.container.archive-slice {}

.archive-slice h2.news-title {
    color: #040404;
    position: relative;
    width: max-content;
    margin: 40px auto;
    padding-left: 230px;
    padding-right: 230px;
}

.comment-toggle {
    font-size: 27px;
    background: #2c2c2c;
    width: max-content;
    padding: 12px;
    border-radius: 0 0 25px 25px;
    color: #fff;
    cursor: pointer;
    margin: 0px auto 0;
    transition: .3s all;
}


form.comments-form-inner {
    width: 100%;
}

.form-control label {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
}

.form-control {}

.form-control input, .form-control textarea {
    border: 1px solid #565656;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border-radius: 15px;
    color: #ffffff6e;
}

.submit-comment button {
    background: #ec5454;
    color: #fff;
    padding: 10px;
    font-size: 19px;
    border-radius: 11px;
    width: 20%;
    cursor: pointer;
}
.no-comments-found {
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #b7b7b7;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto;
}

.submit-comment {
    text-align: center;
    margin-bottom: 15px;
}

.upsoshel {
    background: #2b2b2b;
    border-radius: 50%;
    margin-bottom: 10px;
    position: relative;
}

.social-single a {
    opacity: 0;
    visibility: hidden;
}

.social-single:hover a {
    opacity: 1;
    visibility: visible;
}

ul.archive-menu.container.posts li:before {
    content: "\f898";
    font-family: 'Font Awesome 5 Pro';
    font-size: 18px;
    font-weight: 500;
    margin-left: 9px;
    background: #fbfbfb;
    border-radius: 50%;
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    }

.more-category:hover {background: #d83c3c;color: #fff;border: 2px solid #b93a3a;}

ul.w-100.tabs.list-unstyled li:hover {
    color: #ffffff;
    border: 2px solid #ffffff;
}

.main-menu > li:hover {
    color: #f5e39e;
}

.shape-2-image img {
    min-width: 100%;
    height: 100%;
}

.dateaaa {
    position: absolute;
    bottom: 0;
    left: 40%;
    font-size: 40px;
    width: 70px;
    height: 70px;
    background: #ffffff;
    color: #3654c5;
    border-radius: 30px 30px 0 0;
    transition: all 0.3s cubic-bezier(0, 0, 0.99, 0.74) 0s;
    text-align: center;
    line-height: 70px;
}

.dateaaa:hover {
    transform: scale(1.2);
}

.archive-slice h2.news-title:before, .archive-slice h2.news-title:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 100%;
    background-image: url(./Standard/UI/img/heading-style.png);
}

.archive-slice h2.news-title:after {
    right: 0;
    transform: rotate(
180deg
);
}

.slid-singel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

ul.more-imge li {
    width: 100%;
    height: 580px;
    position: relative;
}

ul.more-imge li img {
    min-width: 100%;
    min-height: 100%;
    position: relative;
}

.up-gallary {
    transform: translatey(900px);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    position: relative;
}

.social-single:hover .upsoshel {
    transform: rotate(185deg);
}

.slid-singel-act {
    position: absolute;
    bottom: -60px;
    right: 44%;
    font-size: 20px;
    background: #2b2b2b;
    color: #fff;
    height: 140px;
    width: 140px;
    line-height: 100px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
    text-align: center;
}

.slid-singel.act {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease 0s;
}

.up-gallary.act {
    opacity: 1;
    visibility: visible;
    transform: inherit;
    transition: all 0.5s ease 0s;
}

.slid-singel-close {
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 9;
    font-size: 36px;
    color: #ffffff;
    cursor: pointer;
}

ul.more-imge li:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #00000021;
    z-index: 9;
}

span.titel-sochel {
    position: absolute;
    right: 24px;
    top: 12px;
    width: 120px;
    font-size: 20px;
    background: #2b2b2b;
    border-radius: 0 10px 10px 0;
    height: 35px;
    line-height: 35px;
    text-align: right;
    padding-right: 10px;
    z-index: -1;
    transform: rotate(-184deg);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}

.social-single:hover span.titel-sochel {
    visibility: visible;
    opacity: 1;
}
.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999999;
    width: 314px;
    background: #3b2d86;
    box-shadow: 0px 0px 4px #00000073;
    opacity: 0;
    visibility: hidden;
    transform: translate(380px, 0px);
    transition: .3s all;
}
.mobile-menu.open {
    opacity: 1;
    visibility: visible;
    transform: translate(0px, 0px);
}
.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: 9999999;
    width: 314px;
    max-width: 100%;
    background: #262626;
    box-shadow: 0px 0px 4px #00000073;
    opacity: 0;
    visibility: hidden;
    transform: translate(380px, 0px);
    transition: .3s all;
}
.bars {
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    margin-top: 16px;
    display: none;
    margin: 17px 10px;
}
.mobile-menu a.logo {
    margin: 30px auto;
    display: block;
}
header .logo {
    height: 80px;
    margin: 0;
    margin-top: 5px;
    margin-left: 15px;
}
.mobile-menu li a {
    display: block;
    padding: 9px;
    background: #0000006e;
    margin-bottom: 3px;
    font-size: 17px;
    color: #fff;
    transition: .3s all;
}

.mobile-menu .logo img {
    height: 60px;
    margin: 0 auto;
    display: block;
}

.close {
    position: absolute;
    left: 6px;
    top: 6px;
    font-size: 30px;
    color: #ffffff;
    transition: .3s all;
    cursor: pointer;
}
.bars i {
    color: #dfb162;
    width: 40px;
    height: 40px;
    border: 2px solid #dfb162;
    line-height: 37px;
    border-radius: 12px;
}
/****new style****/

.owl-prev:before, .owl-next:before {
    position: absolute;
    bottom: 100%;
    right: 28px;
    width: 3px;
    height: 390px;
    background: #ffffff;
    content: '';
    z-index: 9;
    box-shadow: 0px 0px 1px #000;
}



.slider-info-up:after {
    left: 148px;
    right: inherit;
}

.header-slid {
    padding: 20px 0;
    z-index: 99;
    overflow: hidden;
}

.ser-item-images {
    display: flex;
    color: #ffd737;
    flex-direction: column;
    min-width: 200px;
    margin-left: 10px;
}

.ser-item-images span {
    font-size: 38px;
    margin-left: 20px;
    color: #ffffff;
    margin-bottom: 17px;
}

.serves-hed {min-width: 200px;width: max-content;text-align: center;max-width: 200px;}

h2.ser-titles {
    font-size: 18px;
    text-transform: capitalize;
}

.custom-slider {}

.custom-slider {
    position: relative;
    z-index: 9;
}


.owl-nav {
    z-index: -1;
}

.up-slider-header.container {
    overflow: hidden;
    padding: 0;
}


.header-slid button.owl-next {
    background: #ffd737;
    color: #000;
}

.apslut-imge {
    position: absolute;
    left: 100px;
    bottom: 80px;
    width: 110px;
    height: 115px;
    z-index: 99;
}

.up-custom-slider {
    position: relative;
    padding-bottom: 10px;
}

.apslut-imge img {
    width: 100px;
    height: 90px;
    position: absolute;
    top: 120px;
    right: 0;
    z-index: 9;
    object-fit: contain;
    animation: banner-ani-three 25s infinite linear;
}

.apslut-imge img:nth-child(2) {
    left: 0;
    right: inherit;
    top: 60px;
    /*animation: banner-ani-two 25s infinite linear;*/
}

.apslut-imge img:nth-child(3) {
    left: -40px;
    right: inherit;
    bottom: 0;
    top: initial;
    /*animation: banner-ani-three 25s infinite linear;*/
}

.apslut-imge img:nth-child(1) {
    right: 40px;
    bottom: 60px;
    top: auto;
    /*animation: banner-ani-two 25s infinite linear;*/
}
@-webkit-keyframes banner-ani-one{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(80px,-80px);transform:translate(80px,-80px)}
70%{-webkit-transform:translate(80px,80px);transform:translate(80px,80px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes banner-ani-one{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(80px,-80px);transform:translate(80px,-80px)}
70%{-webkit-transform:translate(80px,80px);transform:translate(80px,80px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes banner-ani-two{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(-80px,80px);transform:translate(-80px,80px)}
70%{-webkit-transform:translate(150px,100px);transform:translate(150px,100px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes banner-ani-two{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(-80px,80px);transform:translate(-80px,80px)}
70%{-webkit-transform:translate(150px,100px);transform:translate(150px,100px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes banner-ani-three{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes banner-ani-three{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes banner-ani-four{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(50px,-50px);transform:translate(50px,-50px)}
70%{-webkit-transform:translate(120px,70px);transform:translate(120px,70px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes banner-ani-four{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(50px,-50px);transform:translate(50px,-50px)}
70%{-webkit-transform:translate(120px,70px);transform:translate(120px,70px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes banner-ani-five{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
30%{-webkit-transform:translate(120px,-120px);transform:translate(120px,-120px)}
70%{-webkit-transform:translate(50px,80px);transform:translate(50px,80px)}
100%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes banner-ani-six{0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}
}
@keyframes banner-ani-six{0%{opacity:1}
50%{opacity:.1}
100%{opacity:1}
}

.apslut-imge img:nth-child(5) {
    right: 210px;
    top: 117px;
    /*animation: banner-ani-five 25s infinite linear;*/
}

.custom-slider:before {
    position: absolute;
}

services.service-3:after {content: '';position: absolute;right: 0;top: 100%;width: 100%;height: 240px;background-image: url(./Standard/UI/img/wave2.png);background-repeat: no-repeat;transform: rotate(180deg);}

.up-custom-slider:before {}

.apslut-imge-bottom-slider {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 172px;
    z-index: 9;
}
.en .apslut-imge-bottom-slider{
 right:auto;
 left:0   
}
.hed-botm .container {
}

.company-title h2 {
    font-size: 40px;
    position: relative;
    width: max-content;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.company-title p {
    font-size: 17px;
    text-align: right;
    width: 500px;
    line-height: 27px;
    margin-bottom: 30px;
    font-weight: 600;
    color: #4c4c4c;
}

.momezat {
    margin-right: -10px;
    margin-left: -10px;
}

.benfit-item:before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 0;background: #6bc2ec;border: 3px solid #dce1f5;border-radius: 10px;visibility: hidden;opacity: 0;transition: all 500ms ease;}

.momezat > div:last-child {
    margin-left: 0;
}


.benfit-item:after {content: '';position: absolute;top: 69px;left: 87px;width: 38px;height: 38px;background-image: url(./Standard/UI/img/star-2.png);background-repeat: no-repeat;opacity: 0;filter: brightness(0.5);visibility: hidden;transition: all 500ms ease;transform: scale(0);}
.benfit-item:hover:after {opacity: 1;visibility: visible;transform: inherit;}
.benfit-info.kamc:before {
    display: none;
}

.benfit-item:hover:before {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.benfit-item:hover .icon {
    background: #6bc2ec;
    color: #ffffff;
}

video-section.block-tag:before {content: '';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-image: url(./Standard/UI/img/virtual-shape1.png);opacity: .5;}

.lower-content:before {}

.up-hover p {
    color: #fff;
    margin-bottom: 21px;
    line-height: 29px;
    padding: 11px;
}

.inner-box:hover .up-hover {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.ser-item-image.two {
    position: absolute;
    bottom: 0;
    font-size: 40px;
    left: 14px;
    color: #e8e0bc;
    width: max-content;
    opacity: .5;
}

li.service-item a:after {
}

li.service-item a:hover {
    background: #cbe9f7;
}

li.serves-hed:hover .ser-item-images {}

services.block-tag.sep-two {
    padding: 0;
    height: 254px;
    padding: 60px 0;
    background-image: url(./Standard/UI/img/2.jpg);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    z-index: 0;
    border-top: 6px solid #1d759e;
    direction: rtl;
}

services.block-tag.sep-two:before {content: '';position: absolute;right: 39px;top: -60px;width: 100%;height: 100px;background-image: url(./Standard/UI/img/hosting-company-02);opacity: .1;background-size: contain;/*animation: banner-ani-three 25s infinite linear;*/z-index: 0;}

.up-slider-header.container ul {
    float: right;
}

services.block-tag.sep-two .owl-nav {
    z-index: 1;
}

services.block-tag.sep-two .owl-prev, .owl-next {
    top: 90px;
}

services.block-tag.sep-two .owl-prev:before, .owl-next:before {
    height: 140px;
}

services.block-tag.sep-two button.owl-prev {
    top: 128px;
    background: #ffd737;
    color: #000;
}

.company-title h2:before {
    content: '';
    top: -51px;
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(./Standard/UI/img/1617989.png);
    background-size: cover;
}
.en .company-title h2:before  {
    left:0;
    right:auto
}
.company-stepstwo:before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    width: 400px;
    height: 700px;
    background-image: url(./Standard/UI/img/banner-shape.png);
    background-repeat: no-repeat;
    opacity: .3;
}

services.block-tag.sep-two:after {
    content: '';
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(144deg, #28bafd, #072533);
    opacity: .7;
    z-index: -1;
}

h2.video-title {
    color: #fff;
    font-size: 30px;
    position: relative;
}

p.video-content {
    font-size: 19px;
    color: #444444;
    line-height: 35px;
}

.contcts .social {
    margin-top: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contcts .social a {
    font-size: 15px;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    flex: 1;
    text-align: center;
}

.contcts .social a.facebook:hover {
    background: #446cde;
    color: #fff;
}

.contcts .social a.twitter:hover {
    background: #0ba5ff;
    color: #fff;
}

.contcts .social a.whatsapp:hover {
    background: #07ad13;
    color: #fff;
}

.contcts .social a.instagram:hover {
    background: #3654c5;
    color: #fff;
}

.contcts .social a.telegram:hover {
    color: #fff;
    background: #0013d4;
}

.accordion {
    width: 50%;
    height: auto;
}

.accordion h2 {
    font-size: 28px;
    font-weight: 600;
    color: #282929;
    text-align: center;
}

.accordion p {
    font-size: 21px;
    font-weight: 500;
    color: #1b1b1a;
    margin-bottom: 50px;
    line-height: 31px;
    text-align: center;
}

.company-title img {
    display: block;
    max-width: 400px;
    height: auto;
}

.company-title div {position: absolute;left: 0;bottom: 0;}

span.naber {
    font-size: 30px;
    width: 50px;
    line-height: 46px;
    height: 50px;
    display: block;
    background: #d7e0ff;
    color: #949494;
    text-align: center;
    border: 2px solid #dedede;
    border-radius: 50%;
    margin-left: 17px;
    position: relative;
}
.en span.naber {
    margin-left:0;
    margin-right:17px
}
.panel-header.active span.naber {
    background: #6ac1ec;
    color: #fff;
    border: none;
}

span.naber:before {content: '';position: absolute;top: 100%;right: 45%;width: 5px;height: 12px;background: #d7e0ff;transition: all 900ms ease;}

questions.block-tag {
    display: block;
    position: relative;
    padding-top: 50px;
}

questions.block-tag:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 400px;
    height: 700px;
    background-image: url(./Standard/UI/img/banner-shape.png);
    background-repeat: no-repeat;
    opacity: .3;
}

questions.block-tag:after {
        transform: rotate(180deg);
        content: '';
        position: absolute;
        right: 0;
        top: 10px;
        width: 100%;
        height: 100%;
        background-image: url(./Standard/UI/img/bg-pattern.png);
        background-repeat: no-repeat;
        opacity: .3;
        z-index: -1;
}

h2.services-title:before {content: '';display: block;width: 90px;height: 82px;background-image: url(./Standard/UI/img/1718449.png);background-size: cover;margin: 0 auto;}

.accordion h2:before {
    content: '';
    display: block;
    top: -48px;
    margin: 0 auto 15px;
    width: 100px;
    height: 100px;
    background-image: url(./Standard/UI/img/sdff.png);
    background-size: cover;
}
.en .accordion h2:before {
    right:auto;
    left:43%
}
h2.video-title:before {
    content: '';
    display: block;
    bottom: 0;
    margin-bottom: 15px;
    width: 83px;
    height: 64px;
    z-index: -1;
    background-image: url(./Standard/UI/img/banner-shape3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    /*animation: banner-ani-three 25s infinite linear;*/
}

.contcts .social a i {margin-right: 7px;}
.en .contcts .social a i {margin-left: 5px;margin-right:0;}

.image-contact {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

contact-us {
    display: block;
    position: relative;
    min-height: 260px;
    padding: 20px 0;
    overflow: hidden;
    border-top: 11px solid #004c73;
}
contact-us .container {
    position:relative
}
.image-contact:before {
    background: linear-gradient(144deg, #28bafd87, #0725338c);
}

.contact-form {
    z-index: 6;
    position: relative;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    background: #1aacf7;
    padding: 16px;
    border-radius: 15px;
    box-shadow: 0px 0px 12px #00000063;
    margin-left: 20px;
}
.en .contact-form {
    margin-left:0;
    margin-right:20px
}
.contact-info {position: relative;color: #fff;z-index: 6;width: 510px;display: block;background: linear-gradient(-90deg, #60bde9 40%, #1aacf7);padding: 20px;border-radius: 15px;box-shadow: 0px 0px 12px #ffffff14;}

.tuct {
    position: absolute;
    top: -61px;
    left: 0;
    background: #3a3a3a;
    color: #ffffff;
    z-index: 8;
    font-weight: 600;
    padding: 11px;
    border-radius: 10px;
    box-shadow: 0px 0px 12px #0000008f;
    cursor: pointer;
}
.en .tuct {
    left:auto;
    right:0
}
h2.contact-title.main-title {text-transform: uppercase;}

li.contact-list-item {
    font-size: 18px;
    margin-bottom: 13px;
}

contact-us:before {
    content: '';
    position: absolute;
    width: 100%;
    right: 39px;
    top: -20px;
    width: 95%;
    height: 470px;
    background-image: url(./Standard/UI/img/process-shape2.png);
    opacity: .1;
    background-size: contain;
    /*animation: banner-ani-three 25s infinite linear;*/
    z-index: 6;
}

li.contact-list-item i {
    margin-left: 10px;
}
.en li.contact-list-item i {
    margin-left:0;
    margin-right:10px
}
.tuct:before {content: '';position: absolute;bottom: 100%;right: 20px;width: 3px;height: 150px;background: #272727;}

.tuct:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 20px;
    width: 3px;
    height: 150px;
    background: #272727;
}

.dateee i {
    margin-left: 5px;
    color: #f9e300;
}

.dateee .day {margin-left: 6px;}

.shep {
    margin-left: 20px;
    margin-bottom: 20px;
    width: calc((100% - 80px) / 4);
    padding: 10px;
    text-align: center;
    padding-top: 130px;
    position: relative;
    background: linear-gradient(180deg, #60bde9, white);
    overflow: hidden;
    border: 3px solid #fffdfd;
    border-radius: 19px;
    box-shadow: 0px 3px 5px #0000005c;
    padding-bottom: 50px;
    transition: .3s all;
    cursor: pointer;
}

.pires-title {}

.pires-title h2 {
    font-size: 28px;
    color: #0a0a0a;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    width: max-content;
    margin: 0 auto 20px;
    position: relative;
    min-width: 440px;
}

.pires-title p {
    max-width: 500px;
    line-height: 28px;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c;
    z-index: 9;
    position: relative;
    margin: 0 auto 20px;
    text-align: center;
}

.pires-img {
    position: absolute;
    top: 12px;
    right: 0;
    width: 100%;
    height: 170px;
    line-height: 136px;
}

.pires-info {}

.pires-info h4 {
    font-size: 25px;
    color: #808080;
    margin-bottom: 12px;
}

.pires-info p {
    font-size: 18px;
    color: #2b2b2b;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-weight: 700;
}

.pires-info ul {
}

.pires-info ul li {
    border-bottom: 2px solid #75757526;
    padding: 10px 0;
    text-align: right;
}
.en .pires-info ul li {
    text-align:left
}
.pires-info ul li i {
    margin-left:10px
}
.en .pires-info ul li i {
    margin-left:0;
    margin-right:10px
}

.pires-up:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(./Standard/UI/img/bg_pattern-1.png);
    z-index: -1;
    opacity: .3;
}
.pires-img:before {content: '';}

.pires-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 30%;
    width: 100px;
    height: 100px;
    background: #ffd737;
    border-radius: 50%;
    z-index: 0;
    transition: .3s all;
    border: 5px solid #525252;
}

.pires-title {
}

.pires-info span {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    cursor: pointer;
    text-transform: uppercase;
    background: #76c7f0;
    padding: 7px;
    border-radius: 5px;
    position: relative;
    top: 18px;
    width: 100%;
}

.pires-img i {
    position: relative;
    z-index: 9;
    font-size: 40px;
    margin-top: 10px;
    color: #3e3e3e;
}

.shep:hover {
    border-color: #ffffff;
}

.shep:hover .pires-img:after {
    background: #ffd737;
}

.shep:hover .pires-info h4 {
    color: #000;
    transition: .3s all;
}

.pires-info span:hover {
    background: #1aacf7;
}

.shep:hover .pires-info p {
    color: #000000;
}

.pires-title h2:before {content: '';top: -70px;display: block;right: 0;width: 120px;height: 134px;margin: auto;background-image: url(./Standard/UI/img/virtual-shape2.png);background-size: cover;transform: rotateY(180deg);}

.up-post:before {content: '';position: absolute;right: -1px;top: 178px;width: 100%;height: 210px;background-image: url(./Standard/UI/img/hosting-company-02.png);background-size: cover;background-repeat: no-repeat;z-index: 9;transform: rotateX( 
180deg
 );}

.up-post:after {content: '';position: absolute;right: 0;top: 378px;width: 100%;height: 100%;background: #ffffff;z-index: 0;}

h1.ti-singel {
    font-size: 25px;
}

questions.block-tag.single {}

questions.block-tag.single:before {
    display: none;
}

.aside:before {content: '';position: absolute;right: -1px;top: -20px;width: 100%;height: 220px;background-image: url(./Standard/UI/img/hosting-company-02.png);background-size: cover;background-repeat: no-repeat;}

.aside .lower-content:before {
    width: 380px;
    height: 160px;
}

.accordion.singela {
    width: 100%;
}

.comment-box:before {}

p#caption-attachment-5519 {
    text-align: center;
}

.contain-body ul li {
    list-style: inside;
    line-height: 30px;
}

.contain-body ul {padding-right: 20px;}

ul.tags li {
    list-style: none;
}

.panel-header.active {}

.panel-header.active span.naber:before {
    height: 185px;
}

.up-info-contact {
    display: flex;
    align-items: center;
    margin-top: 77px;
    width: 100%;
    position: relative;
}

.contact-form:before {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 90%;
    width: 150px;
    height: 12px;
    background: #1aacf7;
    z-index: 0;
}
.en .contact-form:before  {
    right:auto;
    left:90%
}
.contact-form:after {
        content: '';
        position: absolute;
        top: 20px;
        right: 90%;
        width: 150px;
        height: 12px;
        background: #1aacf7;
        z-index: 0;
}
.en .contact-form:after {
    left:90%;
    right:auto
}
.apslut-img {
    position: absolute;
    right: 0;
    top: -90px;
    height: 470px;
    width: 100%;
}

.apslut-img:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #2525258c;
}

.pires-up {
    padding-top: 40px;
    position: relative;
}

section.shape-3 .col-4.col-md-5 a {
    position: relative;
}

section.shape-3 .col-4.col-md-5 a span {font-size: 17px;width: 100px;text-align: center;height: 40px;line-height: 40px;background: #e6e6e6;color: #000000;border-radius: 0 10px 10px 0;margin-bottom: 14px;float: left;transition: .3s all;}
.en section.shape-3 .col-4.col-md-5 a span {
    float:right;
    border-radius: 10px 0 0 10px;
}
.en section.shape-3 a.phone-icon.telphone.posts i  {
    float:left;
    border-radius: 0 10px 10px 0;
    margin-left: -9px;
}
section.shape-3 a.phone-icon.telphone.posts i {
    width: 100px;
    text-align: center;
    height: 40px;
    line-height: 31px;
    background: #8fbd50;
    color: #ffffff;
    border-radius: 10px 0 0 10px;
    z-index: 2;
    float: right;
    position: relative;
    top: 10px;
    transition: .3s all;
}

section.shape-3 a.phone-icon.telphone.posts i:hover {
    background: #6ac1ec;
    color: #fff;
}

section.shape-3 .col-4.col-md-5 a span:hover {
    background: #1aacf7;
    color: #fff;
}

.comment-toggle.actss {
    border-radius: 0;
}
form.price-form {
    margin-top: 12px;
    flex: 1;
}


.pires-infos h4 {
    font-size: 29px;
    text-align: center;
    color: #50bc93;
    border-bottom: 2px solid #e6e6e6ad;
    padding: 10px;
}



.pires-infos {
    text-align: center;
    display: flex;
    width: 100%;
}

.pires-infos ul {
    border-bottom: 2px solid #e6e6e617;
    text-align: center;
    padding-bottom: 16px;
}

.pires-infos ul li {
    font-size: 20px;
    margin-bottom: 10px;
    color: #292929;
    width: max-content;
    margin: 12px auto;
    list-style: none;
}


span.clic-price {
    display: block;
    font-size: 30px;
    background: #007bd0;
    color: #fff;
    width: max-content;
    padding: 10px;
    border-radius: 10px;
    margin: auto;
    margin-top: 30px;
    cursor: pointer;
}

p.servies-name {
    font-size: 29px;
    text-align: center;
    color: #007bd0;
    border-bottom: 2px solid #e6e6e6ad;
    padding: 10px;
}
.field-disabled {
    pointer-events:none
}

.success {
    padding: 10px;
    margin: 20px;
    background: #7dbc26;
    color: #fff;
    text-align: center;
}

.sheps {
    display: block;
}


.image-overlay.two h4 {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 25px;
    color: #ffffff;
    background: #0000003d;
    padding: 20px;
    border-radius: 0 10px 0 0;
}

.your-name {
    display: flex;
}
form.price-form p {}

form.price-form p:nth-child(1) {
    width: 100%;
}



span.wpcf7-form-control-wrap {flex: 1;}

form.price-form p label {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.titel-content {
    font-size: 25px;
    margin: 40px 0;
    font-weight: 800;
    color: #007bd0;
    background: #fcfcfb;
    line-height: 40px;
}

.pires-infyj {
    display: flex;
    width: 100%;
}

.titel-content span {
    color: #53bb93;
}

.image-overlay.two h4 span {
    color: #f5e39e;
    font-size: 40px;
    font-weight: 800;
}
.image h3 {
    width: 90%;
    height: 73px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    background: #000000b8;
    padding: 10px;
    border-radius: 10px;
}

.news-block-one:hover .up-hover {
    transform: inherit;
}

a.phone-icon.telphone.posts:hover i {
    color: #17ab4b;
}

.panel-headerr {
    font-size: 19px;
    background: linear-gradient(45deg, #f9f9f9, #ffffff);
    padding: 20px 19px;
    border-radius: 10px;
    box-shadow: 0px 1px 6px #00000040;
    color: #171717;
    cursor: pointer;
}

.panel-contentt {
    padding: 20px;
    background: #f5f5f5c4;
    line-height: 29px;
    border-radius: 10px;
    margin-top: 10px;
    color: #00192b;
    display: none;
}

.panel-headerr i {
    margin-left: 10px;
}

form.languages input {
    height: 40px;
    margin-top: 18px;
    color: #fdfcfc;
    margin-right: 3px;
    background: #1aacf7;
    border-radius: 3px;
    width: 40px;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.en form.languages input {
    margin-left:3px;
    margin-right:0
}
form.languages input.active {
    background: rgb(240, 188, 94);
}


.features-list {
    background: #c00a27;
    padding: 20px;
    border-radius:10px;
    color:#fff
}
.features-list li {
    padding:10px 0;
    color: #fff;
}
.features-list li i {
    margin:0 10px;
    color:#fc0
}


.overlay {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    right:0;
    z-index: 99999999;
    background:rgba(0,0,0,.6);
    opacity:0;
    visibility:hidden;
    transition:.5s;
}

.overlay.active {
    opacity:1;
    visibility:visible;
}


.order-service{
    position:fixed;
    width: 660px;
    max-width:100%;
    top:50px;
    max-height: calc(100% - 100px);
    right: calc(50% - 330px);
    border-radius: 4px;
    background:#fff;
    overflow: hidden;
    z-index: 99999999;
    box-shadow:0 0 10px rgba(0,0,0,.7);
    visibility:hidden;
    opacity:0;
    transition:.5s;
    transform:translateY(25px);
}


.order-service.active {
        opacity:1;
    visibility:visible;
    transform:translateY(0);
}


.close-window {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9b9b9b;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    color: #fff;
    cursor: pointer;
}

h2.order-title {
    background: #f3f3f3;
    padding: 19px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.service-box {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    transition: .5s ease;
    cursor:pointer
}
.service-box:hover {
    background:#eee
}
.service-box i {
    font-size: 60px;
    color: #3654c5;
    margin-left: 20px;
}
.en .service-box i {
    margin-right:20px;
    margin-left:0
}
h3.ser-title {
    color: #3654c5;
}

p.ser-desc {
    font-size: 12px;
    color: #888;
}

.all-services {
    height: calc(100% - 100px);
    overflow:auto
}

form.plan-form {
    margin: 40px;
    overflow: auto;
}

.form-control-plan label {
    display: block;
    color: #3654c5;
    font-weight: bold;
}
.form-control-plan button {
    background:#3654c5;
    display:block;width:100%;
    padding:10px;
    font-weight:bold;
    color:#fff;

}
.form-control-plan input,
.form-control-plan textarea {
    background: #ddd;
    width: 100%;
    padding: 14px;
    margin: 10px 0;
}
.form-control-plan textarea {
    height: 110px;
}

.chosen-service {
    background: #303030;
    padding: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

p.contact-content.main-content {
    font-size: 14px;
    line-height: 27px;
}
@media (max-width:1023px){
    .shep {
         width: calc((100% - 80px) / 2);
    }
}
@media (max-width:767px){
    .shep {
         width: calc((100% - 80px) / 1);
    }
    .contact-form {
        width:100%
    }
    .contact-form:after,.contact-form:before {
        display:none
    }
    .up-info-contact {
        width:100%
    }
    .contact-info {
        width:100%;
        margin-top:10px
    }
    .tuct {
        position:relative;
        top:0;
        margin-top:20px;
        text-align:center;
    }
    .tuct:before,.tuct:after {
        display:none
    }
    .order-service {
        width:90%;
        right:5%
    }
}

.choose-plan {
    color: #fff;
    padding: 10px;
    background: #8fbd50;
    margin: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
    cursor: pointer;
    display: block;
    border-radius:5px;
    transition:.5s ease;
    width: 50%;
}
.choose-plan:hover {
    background: #6ac1ec;
}

.plan-form-fields {
    overflow: auto;
}

.service-3-item {
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 999;
}

.service-images {
    border: 3px solid #ffffff;
    padding: 10px;
    width: 220px;
    height: 150px;
    color: #343434;
    box-shadow: 0px 1px 6px #00000036;
    border-radius: 8px;
    transition: .5s ease;
    cursor: pointer;
}
.service-images:hover {
    background: #60bde9;
    color: #ffdd54;
    border: 2px solid #e2e8ff;
}
.service-images i {
    font-size: 35px;
    margin-bottom: 10px;
}

h2.ser-3-title {
    font-size: 16px;
    color: #4a4a4a;
    transition:.35s;
}
.service-images:hover h2.ser-3-title {
    color: #ffffff;
}

.slider-image:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(364deg, #ffffff00, #46464685);
}

services.service-3 {
    display: block;
    background: linear-gradient(144deg, #e6f0ff, #e6f0ff);
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 210px;
    margin-top: 240px;
}

.benfit-item:hover .benfit-info {
    color: #383838;
}

services.service-3:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 240px;
    background-image: url(./Standard/UI/img/wave2.png);
    background-repeat: no-repeat;
}

.slider-image-apslute svg {
    position: absolute;
    bottom: 0;
    height: 80px;
    width: 100%;
    transform: rotate(
-180deg
);
    fill: #ffffff;
}

.play-icon:hover {
    color: #000;
}

.shep:hover .pires-img i {
    color: #3e3e3e;
}

.info-post-home {
    width: 70px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}

services.block-tag:before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 310px;background-image: url(./Standard/UI/img/hosting-company-02.png);}

services.block-tag:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 310px;
    background-image: url(./Standard/UI/img/hosting-company-02.png);
    transform: rotateX( 180deg );
}

li.service-item a:hover p.ser-title {
    color: #ddd;
}

li.service-item a:hover h2.ser-title {
    color: #fff;
}

li.text-center.col-4.service-item {
}

.app-imges {
    display: flex;
    margin: 0 auto;
    position: relative;
    width: max-content;
}

.app-imges div {
    margin-left: 20px;
    width: 200px;
}

.app-info span {
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    color: #b3b3b3;
}

.app-info {
    text-align: right;
    width: 62%;
    margin: 0 auto;
    margin-bottom: 20px;
}

.app-info h2 {
    font-size: 23px;
    color: #68c0eb;
    margin-bottom: 10px;
}

.app-info p {
    font-size: 15px;
    line-height: 21px;
    color: #808080;
}

.app {
    min-height: 350px;
}

.imge-bottom {
    position: absolute;
    right: 100px;
    bottom: 0;
    width: 400px;
}

.app-title.text-center {
    position: relative;
}

.boxed {
    width: 950px;
    margin: auto;
}

section.checkout {
    padding: 20px;
    background: #e2eef4;
}

.single-header {
    position: relative;
    background: none;
}

.header-admin .hed-botm.fixed-header.show .main-menu > li {
    color: #3c3c3c;
}

.service-details {
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 0 25px #00000029;
}

.sections li {
    padding: 5px 10px;
    border: 1px solid ;
    margin: 6px;
    border-radius: 25px;
    font-weight: bold;
    color: #8f8f8f;
    cursor: pointer;
    transition: .5s ease;
}
.sections li:hover {
    color:#000
}
.sections li.active {
    background:#54caff;
    border-color:#54caff;
    color:#fff
}

ul.sections {
    position: sticky;
    top: 70px;
}

.serbox .img {
    width: 100px;
    height: 100px;
    margin-left: 10px;
    background: #e2eef4;
}

.serbox {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

p.serbox-content {
    font-size: 14px;
    color: #777;
}

h3.serbocx-title {
    color: #6d7f87;
}

.add-service {
    cursor: pointer;
    background: #54caff;
    padding: 11px 16px;
    color: #fff;
    border-radius: 20px;
    transition:.5s ease
}
.add-service:hover {
    background:#4dbaeb
}
.add-service i {
    margin-left:5px
}

h2.service-title {
    color: #767676;
    font-size: 17px;
    padding: 20px 0 0 0;
}

.form-data {
    background: #fff;
    border-radius: 4px;
    margin-right: 20px;
    box-shadow: 0 0 25px #00000029;
}

li.form-data-li {
    padding: 20px;
    font-weight: bold;
    color: #6d7f87;
    border-bottom: 1px solid #d2d9dd;
}

.sub-li {
    font-weight: 200;
    padding: 10px 0;
}

.ser-price {
    margin-top: 10px;
    color: #ff1818;
    padding: 4px 10px;
    font-weight: bold;
    border-radius: 10px;
}

.add-number {
    border: 2px solid #970d0d;
    margin-top: 10px;
    color: #970d0d;
    border-radius: 20px;
    display: none;
    width: 70px;
    margin: auto;
    height: 34px;
}
.add-number i {
    cursor:pointer;
    padding: 0 5px;
    font-size: 11px;
}
.add-number p {
    text-align:center;
    color:#000;
    font-weight:bold;
    border-right: 1px solid #a29e9e;
    border-left: 1px solid #a29e9e;
}

.next {
    position: sticky;
    bottom: 0;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 20px #ccc;
    border-radius: 10px;
    z-index: 999;
    display: none;
}
.next.active {
    display:block
}
.nav-next {
    padding: 10px 20px;
    background: rgb(195 16 16);
    color: #fff;
    border-radius: 20px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.load-sections {
    min-height: 350px;
}

select.cities {
    padding: 5px 10px;
    font-family: 'Almarai';
    border-radius: 26px;
    width: 130px;
    font-size: 12px;
    background: #e5eef2;
    border: 1px solid #00000008;
    font-weight: bold;
}

.day-num {
    color: #939393;
    width: 40px;
    height: 40px;
    border: 1px solid #939393;
    border-radius: 50%;
    text-align: center;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: .5s ease;
}

ul.days li {
    width: 70px;
    text-align: center;
    cursor:pointer;
    border: 1px solid #ddd;
    padding: 10px;
    margin-left: 3px;
}
ul.days li:hover *{
    color:#000
}
.name {
    margin-bottom: 5px;
    font-size: 18px;
    color: #8b8b8b;
      transition: .5s ease;
}
.service-details {
    min-height: 450px;
}

ul.days,.times {
    padding: 20px 0;
}

h2.title {
    font-size: 22px;
    color: #2b6f8d;
}

li.service-time {
    color: #939393;
    width: 130px;
    height: 40px;
    border: 1px solid #939393;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-left: 10px;
    display: flex;
    transition: .5s ease;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: .5s ease;
}

li.service-time:hover {
    color:#000
}

.note textarea {
    width: 100%;
    padding: 10px;
    background: #eee;
    height: 140px;
    margin-bottom: 10px;
    margin-top: 19px;
}

ul.time-ul {
    margin-top: 10px;
}
ul.time-ul li {
    background: #efeff0;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 15px;
    border-radius: 5px;
}

ul.time-ul li .title {
    color: #979797;
}

.complete-form {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    top: 0;
    top: 0;
    right: 0;
    background: #4747474d;
    opacity: 0;
    visibility: hidden;
    transition: .5s ease;
}
.complete-form.active {
    opacity:1;
    visibility:visible;
    
}
.complete-form >div {
    background:#fff;
    padding:20px;
    width: 370px;
    border-radius: 5px;
    box-shadow: 0 0 20px #0000004a;
}
.complete-form >div label {display: block;font-size: 21px;font-weight: bold;color: #8b1111;}
.complete-form >div input {width: 100%;background: #ddd;padding: 20px;margin: 10px 0;}

.confirm {
    background: #3f3f3f;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.image-contact.before {}

.image-contact img {height: 630px;}
/****end style****/

@media (max-width: 1199px){
    .email-subscriber .clearfix .pull-right{
    }
    section.shape-3 .col-4.col-md-5{
        width: calc((100% - 70px) / 2 );
    }
    .contcts .social a{
        padding: 0 2px;
    }
    .contcts .social{
        margin-top: 100px;
    }
}
@media (max-width: 1023px){
   
    .contcts .social a{
        min-width: 33.3333%;
        padding: 0 30px;
        margin-bottom: 6px;
    }
    .contcts .social{
        justify-content: normal;
        margin: 0;
    }
    .contcts{
    width:100%;
    height: max-content;
    padding: 50px;
    }
    .ask-left{
        width:100%;
    }
    .info-video{
        flex-direction: column;
    }
    .lower-content h3{
        width:90%;
    }
    .lower-content:before{

    }
    .lower-content{
    }
    .custom-slider:before{
        display:none;
    }
    .news-block-one{
        width: calc((100% - 10px)/ 2);
    }
    header .logo{
        margin-left: auto;
        width: 100px;
        height: 64px;
        display:flex;
        align-items:center
    }
    .hed-botm.fixed-header.show img {
        height:auto
    }
   .bars{
       display:block;
   }
   .owl-nav{display:none;}
   .slider-item img{
       border-radius: inherit;
   }
   .slider-image{
       width: 100%;
       height: 100%;
       left: 0;
       top: 0;
       position: relative;
       z-index: -1;
   }
   .slider-image:before{
       position: absolute;
   }
   .apslut-imge-bottom-slider{
       z-index: 9;
   }
   .slider-info-up,.en .slider-info-up{
       right: inherit;
       top: 10vh;
       width: 100%;
       right: 0;
       left: 0;
   }
   .tuct{
       left: 45px;
   }
}
@media (max-width: 980px){
    .pires-infyj{flex-direction: column;}
    .pires-imgs{margin: 0;margin-right: 40px;}
    .image-overlay.two h4{
        bottom: inherit;
        top: 0;
    }
    h2.services-title:before{
        right: 179px;
    }
    .up-titel-sheps h2.news-title:before{
        right: 19%;
    }
    .company-title.text-center{display: none;}
    .accordion{
        width: 100%;
    }
    .pires-img:after{
    }
    li.service-item{
        width: calc((100% - 20px) / 2);
    }
    .ask-left{
    min-width: 25%;
    }
    .benfit-item{
        width: calc((100% - 50px) / 2);
    }
}
@media (max-width: 750px){
    html{
        margin: 0px !important;
    }
    .up-info-contact{
        display: block;
    }
    contact-us{
        min-height: 430px;
    }
    .info-video{
            flex-direction: column;
    }
    .contcts, .bakg-videos, .ask-left{
        width:100%;
        margin:0;
        height: auto;
    }
    section.shape-2 .shape-item-2{
        max-width:100%;
        width: 49%;
        margin-left: 6px;
    }
    section.shape-2 .row div.shape-item-2:nth-child(2n+0){
    }
    section.shape-3 .col-4.col-md-5{
        width: 310px;
    }
    li.service-item{
        width: calc((100% - 20px) / 2);
    }
    .benfit-item{
        min-width: 40%;
        width: 100%;
    }
    .sidebaer{
        margin-top:20px;
    }
    .archive-slice h2.news-title:before, .archive-slice h2.news-title:after{
        display:none;

    }
    .archive-slice h2.news-title{
        padding:0;
    }
    .bak-searc input{
        width:85%;
    }
    .news-block-one{
        width: 100%;
    }
    .company-title p{width: 100%;}
    .company-title h2{
        width: 100%;
        height: auto;
    }
    .company-title h2:before{
    display: none;
    }
}
@media (max-width:500px) {
    .pires-title p{
        margin: 50px auto 40px;
        width: 100%;
    }
    .pires-img:after{
    }
    .contact-form:before, .contact-form:after{
        display: none;
    }
    .contact-form{font-size: 11px;margin-bottom: 10px;}
    li.contact-list-item{
    font-size: 13px;
    }
    .header-admin .hed-botm.fixed-header.show{
        top: 0;
    }
    .shep{
        width: 100%;
    }
    .apslut-imge{
        left: 40px;
        height: 40%;
        bottom: -60px;
    }
    .up-header{
        top: 0;
    }
 
    .hed-botm.fixed-header.show img{
    }
    .slider-info-up{
        right: 0;
        width: 100%;
        top: 89px;
        position: absolute;
    }
    .owl-nav{
        display: none;
    }
    h3.slider-title{
        font-size:22px;
    }
    p.slider-content{
        font-size:15px
    }
    .container{
        width: 99%;
        padding: 0 30px;
    }
    .slider-item{
        height:600px
    }
    .up-titel-sheps h2.news-title:before, .up-titel-sheps h2.news-title:after{
        display:none;
    }
    .up-titel-sheps h2.news-title{
        padding:0;
    }
    .news-block-one{
        width: 100%;
    }
    section.shape-1{
        padding:0;
        padding-bottom:10px;
    }
    li.service-item{
        width: 100%;
    }
    p.services-title-tow{
        width:100%;
    }
    
    video-section.block-tag h2.services-title:before, video-section.block-tag h2.services-title:after{
        display:none
    }
    video-section.block-tag h2.services-title{
        padding:0;
    }
    .email-subscriber .clearfix .pull-right{
            flex-direction: column;
            align-items: center;
    }
    .email-subscriber .logo{
    }
    footer .col-8.flex-1{
        width:99%;
    }
    section.shape-3 .col-4.col-md-5{
        width:100%;
        margin-left:0;
    }
    
    li.service-item a{
        margin-left:0;
    }
    .inner-box{
        margin-left:0;
    }
    ul.w-100.tabs.list-unstyled{
        overflow: auto;
        padding-bottom: 26px;
    }
    .rights img{
        height: 21px;
    }
    .info-video{
    flex-direction: column;
    }
    .contcts, .bakg-videos, .ask-left{
        width:100%;
        margin:0;
        padding: 23px;
    }
    .benfit-item{
        width: 100%;
    min-width: 100%;
    }
    section.shape-2 .shape-item-2{
        width: 100%;
    min-width: 100%;
    }
    .social-single.container{
        width: auto;
        bottom: 24px;
    }
    .up-post{
        padding-top: 310px;
    }
    .apslut-img{
    height: 320px;
    }
    .up-tfasel{
        top:0;
        right:0;
    }
    ul.tfasel{
        flex-direction: column;
    }
    ul.tfasel li{
        margin-left:0;
        margin-bottom:10px;
    }
    .slid-singel-act{
        right: 102px;
    }
    .social-single{
    padding: 0;
    }
    .image-overlay{
        height: 420px;
    }
    .pires-title h2{
    min-width: auto;
    }
    video-section.block-tag{
    max-height: fit-content;
    }
    .contct-us{
        flex-direction: column;
    }
    .app-title.text-center{
            height: 550px;
    }
    .app-imges{flex-direction: column;}
    .imge-bottom{
        right: 0;
        width: 300px;
    }
    .app-imges div{
        margin-bottom: 10px;
    }
}