html{
  height: 100%;
  scroll-behavior: smooth;
}
body{
  height: 100%;
  min-height: 100%;
  font-family: roboto !important;
}
.ar-show{
  display: none;
}
.white-text{
  color:#FFF;
}
.pt-80{
  padding-top: 25px;
}
.pt-11-vh{
  padding-top:11vh;
}
.pt-15-vh{
  padding-top: 15vh;
}
.pt-5-vh{
  padding-top: 5vh;
}
.font-13{
  font-size: 13px;
}
.my-40{
  margin: 40px 0px;
}
.margin-auto{
  margin:0 auto;
}
.background-purple{
  background: linear-gradient(29.33deg, #2F328E 0%, #3C3DC7 100%);
  padding-bottom: 60px;
}
.background-purple-extend{
  height:   123px;
  background: #2F328E;
}
.background-yellow{
  background: #F2E443;
  padding-bottom: 60px;
}
.background-fayrouz{
  background: linear-gradient(25.09deg, #28A5A5 0%, #44C4A1 100%);
}

.check-list-btn:hover{
  box-shadow: none;
}

.free-consulting-btn:hover{
  box-shadow: none;
}

.page-intro-header{
  color: white;
  font-size: 2.5em;
  font-weight: 500;
}
.color-purple{
  color: #2F328E !important;
}
.color-red{
  color: #8e2f2f !important;
}
.yellow-color{
  color:#F2E443 !important;
}
.dark-color{
  color: #262626 !important;
}
.font-weight-normal{
  font-weight: normal !important;
}
/*nav area*/
.custom-toggler .navbar-toggler-icon { /*navbar icon style for purple bg*/
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(242, 228, 67)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler { /*navbar border style for purple bg*/
  border-color: #F2E443;
}
.custom-toggler-white .navbar-toggler-icon { /*navbar icon style for yellow bg*/
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler-white.navbar-toggler { /*navbar border style for yellow bg*/
  border-color: #FFFFFF;
}

.custom-toggler-purple .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(47, 50, 142)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler-purple.navbar-toggler {
    border-color: #2F328E;
}

.nav-item{
  font-size: 15px;
  color: white;
  font-weight: 500;
  -webkit-transition:0.2s all ease-out;
  -moz-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
.nav-item:hover{
  color: #f2e443 !important;
  -webkit-transition:0.2s all ease-out;
  -moz-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
.nav-bg-yellow-btn:hover{
  color: #f2e443 !important;
}
.nav-item-black{
  color: #2F328E;
}
.nav-item-black:hover{
  color: #2F328E !important;
}
/*for line after*/
nav a,
nav a:after,
nav a:before {
  transition: all .5s;
}
nav.stroke a{
  position: relative;
}
nav.stroke a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #eceaea;
  height: 2px;
}

nav.stroke a.active{
  color: #f2e443 !important;
  border-bottom: solid 2px;
}
nav.stroke a:not(.active):hover:after {
  width: 100%;
}
nav.stroke a.nav-btn-line:hover:after{
  width: 0%!important;
}
nav.stroke a.navbar-brand:hover:after{
  width: 0%!important;
}
.sell-now-btn{
  background-color: #f2e443;
  border-radius: 33.5px;
  padding: 4px 26px;
  color: #2F328E;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  margin-top: 3px;
}
.sell-now-btn:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.nav-btn-black{
  background-color: #2F328E;
  color: #ffff;
}
.nav-btn-black:hover{
  color: #f2e443;
}
nav.stroke a.nav-item-black.active{
  color: #2F328E !important;
}
/*end of nav area*/

/*landing area*/

.max-width-74{
  max-width: 74%;
}
.header-style{
  font-size: 46px;
  color: white;
}
.medium-header{
  color: white;
  font-weight: 400;
  font-size: 18px;
}
.p-style{
  color: white;
  font-size: 14px;
}
.btn-to-services{
  width: 144px;
  height: 35px;
  background: #F2E443;
  border-radius: 33.5px;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  color: #2F328E;
  font-weight: 500;
  font-size: 15px;
}
.help-decide-hint{
  color: white;
  font-size: 11px;
  vertical-align: middle;
  letter-spacing: 0.7px;
  -webkit-transition:0.2s all ease-out;
  -moz-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
.help-decide-hint:hover{
  color: #898eeb;
  text-decoration: none;
  -webkit-transition:0.2s all ease-out;
  -moz-transition: 0.2s all ease-out;
  -o-transition: 0.2s all ease-out;
  transition: 0.2s all ease-out;
}
.btn-to-services:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
}
/*end of landing area*/

/*frame area*/
.frame-header{
  font-size: 3.2em;
  font-weight: 600;
  color: white;
}
.frame-header-2{
  font-size: 3em;
  font-weight: 600;
  color: white;
}
.letter-spacing-1{
  letter-spacing: 1px;
}
.image-fix{
  height: 450px;
}
.frame-landing-text{
  font-size: 16px;
}
.arrow-down-width-fix{
  width: 1.5vw;
}
.arrow-down-smooth{
  -webkit-transition:0.4s all ease-out;
  -moz-transition: 0.4s all ease-out;
  -o-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;

}
.arrow-down-smooth:hover img{
  transform: translateY(15px);
  -webkit-transition:0.4s all ease-out;
  -moz-transition: 0.4s all ease-out;
  -o-transition: 0.4s all ease-out;
  transition: 0.4s all ease-out;
}
.background-white{
  background-color: white;
  height: 100%;
}
.background-brown{
  background-color: #F3F3F3;
  height: 100%;
}
.frame-information-padding{
  padding: 75px 0px;
}
.frame-information-header{
  font-size: 18px;
  color: #262626;
  font-weight: normal;
}
.frame-description-content{
  font-size: 14px;
  color: #30373E;
  font-weight: 500;
}
.frame-row-margin{
  margin-top: 100px;
}
.project-description{
  position: absolute;
  bottom: 1px;
  width: calc(99% + 2px);
  background-color: #FAFAFA;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-top: none;
  min-height: 90px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #262626 !important;
  font-weight: 500;
  font-size: 13px;
  height: calc(1em + .5rem + 2px) !important;
  line-height: unset !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 4px !important;
}
.select2-container--default .select2-selection--single{
  border-radius: 3px;
  border: 1px solid #ced4da !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;border: 1px solid #ced4da;
  padding: .375rem .75rem;
  height: calc(1.2em + .75rem + 2px) !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.owl-item.active{
  margin-left: 0px;
}
.project-title{
  color:#2F328E;
  font-size: 16px;
  font-weight: 500;
}
.full-project-description{
  color: #2F328E;
  font-weight: 500;
  font-size: 13px;
}
.background-purple-fix{
  height: auto;
  min-height: 100%;
}
.growth-text{
  font-size: 2vw;
  color: #F2E443 !important;
  font-weight: bold !important;
}
.owl-cursol-padding{
  padding: 65px 0px 0px 0px;
}
.owl-nav{
  text-align: center;
  margin-top: 30px;
  font-size: 13px;
  padding-right: 25px;
}
.owl-nav button{
  position: relative;
}
.owl-nav button.owl-prev{
  right: 107px;
}
.owl-nav button.owl-next{
  left: 103px;
}
.owl-dots{
  position: relative;
  text-align: center;
  height: 0px;
}
.owl-dots .owl-dot{
  display: inline-flex;
}
.pagination-numbers{
  color: #262626;
  font-size: 13px;
  padding: 0px 8px;
  font-weight: 500;
  bottom: 22px;
  position: relative;
  right: 16px;
}
.frame-background-yellow{
  background-color: #F2E443;
  height: 100%;
  position: relative;
  z-index: 2;
  margin-bottom: -110px;
  margin-top: 80px;
}
.frame-background-yellow-fix{
  margin-bottom: 0px;
  margin-top: 70px;
}
.frame-full-background-yellow{
  background: linear-gradient(25.09deg, #FDBD40 0%, #F2E443 100%);
}
.frame-testimonials{
  color: #262626;
  font-size: 22px;
  font-weight: normal;
}
.testimonials-box{
  background: #FFFFFF;
  padding: 18px 24px;
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  min-height: 163px;
}
.testimonials-name{
  color: #000000;
  font-size: 20px;
  font-weight: normal;
}
.testimonials-position{
  font-size: 12px;
  color: rgba(0, 0, 0, 0.38);
  margin-top: 8px;
}
.testimonials-description{
  font-size: 13px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: normal;
}
.company-graph{
  width: 175px;
  margin: 0px 30px;
  height: 100%;
  border: 1px solid #2F328E;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 25px 0px;
  background-color: white;
}
.company-number{
  font-size: 50px;
  text-align: center;
  color: #2F328E;
  font-weight: normal;
}
.company-counter-type{
  text-align: center;
  color: #2F328E;
  font-size: 18px;
  font-weight: 500;
}
.company-area-padding{
  padding: 185px 0px 75px 0px;
}
.company-area-padding-change{
  padding: 115px 0px 55px  0px !important;
}

.frame-pb{
  padding-bottom: 123px;
}
.frame-consulting-padding{
  padding: 55px 0px;
}
.free-consulting ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #495057;
  font-weight: normal;
  font-size: 13px;
}
.free-consulting ::-moz-placeholder { /* Firefox 19+ */
  color: #495057;
  font-weight: normal;
  font-size: 13px;
}
.free-consulting :-ms-input-placeholder { /* IE 10+ */
  color: #495057;
  font-weight: normal;
  font-size: 13px;
}
.free-consulting :-moz-placeholder { /* Firefox 18- */
  color: #495057;
  font-weight: normal;
  font-size: 13px;
}

.check-list-header{
  font-size: 21px;
  font-weight: normal;
  color: #24126A;
}
.check-list-content{
  font-size: 14px;
  font-weight: normal;
  color: #24126A;
}
.check-list-padding{
  padding: 60px 0px;
}
.check-list-btn{
  color: #2F328E;
  font-weight: 500;
  font-size: 12px;
  background: #F2E443;
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  border-radius: 33.5px;
  padding: 4px 25px;

}
.free-consulting-text{
  color: #262626;
  font-size: 18px;
  text-align: center;
}
.free-consulting-input{
  background: #FFFFFF;
  color: #262626 !important;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}
.select2-selection__rendered{
  text-align: left;
}
.bootstrap-select>.dropdown-toggle{
  padding-right: 15px !important;
}
.select-style{
  border: 1px solid #ced4da;
  background: #FFFFFF;
  border-radius: 3px;
  font-size: 13px;
}
.bootstrap-select .dropdown-menu{
  left: -1px !important;
  width: 101%;
  font-size: 14px;
}
.inner.show{
  overflow-y: initial !important;
}
.free-consulting-btn{
  width: 100%;
  background-color: #F2E443;
  font-weight: normal;
  border: none;
  color: #2F328E;
  font-size: 14px;
  -webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  -moz-box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
  box-shadow: 1px 3px 1px rgba(0, 0, 0, 0.230525);
}
.sticky-icon{
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 50px;
  padding: 5px 7px;
  position: fixed;
  bottom: 30px;
  right: 20px;
  visibility: hidden;
  z-index: 5;
}
.sticky-icon:hover{
  background-color:rgba(0, 0, 0, 0.50);
}
.show{
  visibility: visible;
}
.our-markting-text{
  font-size: 1.5em;
  color: #262626;
  font-weight: bold;
  padding-bottom: 80px;
}

.sell-now-btn:hover{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.image-border{
  border-radius: 0px 0px 7px 7px;
  padding-bottom: 1px;
}
.select2-selection__placeholder {
  color: #495057 !important;
  font-weight: normal !important;
  font-size: 13px !important;
}
 .owl-item{
   padding: 0px 1px;
 }


body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {
  color: black !important;
}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button:hover {
  color: white !important;
}

.do-animation .target {
  opacity: 0;
  -webkit-transition: all 1s ease-out; /* For Safari 3.1 to 6.0 */
   transition: all 1s ease-out;
}
.do-animation .fade-in{
  opacity: 1 !important;
}
.slide-left{
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.fade-in.slide-left{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.slide-right{
  -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.fade-in.slide-right{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.slide-down{
  -webkit-transform:translateY(-50px);
  transform:translateY(-50px);

}
.fade-in.slide-down{
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
}
.slide-up{
  -webkit-transform:translateY(50px);
  transform:translateY(50px);

}
.fade-in.slide-up{
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
}
.zoom-in{
  -webkit-transform: scale3d(.3, .3, .3);
  opacity: 0;
  transform: scale3d(.3, .3, .3);
}
.fade-in.zoom-in{
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.fade-in.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}
-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0);
}
40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}@keyframes bounce {
    0%, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0);
}
40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0);
}
70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0);
}
90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
}.fade-in.bounce {
    -webkit-animation-name: bounce;
    -webkit-transform-origin: center bottom;
    animation-name: bounce;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    0%, 50%, to {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}@keyframes flash {
    0%, 50%, to {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}.fade-in.flash{
    -webkit-animation-name: flash;
    animation-name: flash;
}
.opacity-1{
  opacity: 1 !important;
}
.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
body .booked-calendar-wrap{
  height: 100% !important;
}
.auto-height-caption {
  min-height: 107px;
}
.owl-dot.active .pagination-numbers{
  color: #2F328E;
  font-weight: bold;
}
#submit-request-appointment{
  color: black !important;
}
.landing-sub-header{
  position: absolute;
  width: 100%;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0px 22px;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  margin-bottom: 6px;
}
.color-purple .wpml-ls-sidebars-header-widget a{
  color : #2F328E;
}
.color-purple .wpml-ls-sidebars-header-widget .wpml-ls-current-language>a {
  color: #9c9c9c;
}
.loader-style{
  width: 100%;
  height: 100%;
  background-color: black;
  left: 0;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader-img{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.lds-dual-ring {
  display: inline-block;
  width: 221px;
  height: 251px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 200px;
  height: 200px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}