/*
Theme Name:		 Vault Child
Theme URI:		 https://vault.uicore.co/
Description:	 Child theme for Vault - Multi-Purpose Elementor WordPress Theme
Author:			 UiCore
Author URI:		 https://uicore.co
Template:		 vault
Version:		 1.0.0
Text Domain:	 vault
*/


/*
    Add your custom styles here
*/

body,html {
	overflow-x: hidden !important;
}
.premium-gallery-caption {
    display: none !important;
}
.htmega-megamenu .fa-angle-down:before {
    content: "\f107";
	display: none !important;
}
.home .elementor-location-header .elementor-section-wrap {
    position: absolute;
    width: 100%;
}
.home .header_menu {
    background: transparent !important;
}
footer .main-menu-item {
    position: relative;
}
.core_content {
    min-height: 65px;
}
.foter .main-menu-item:after {
    position: absolute;
    content: "";
    height: 15px;
    width: 1px;
    background: #fff;
    left: -17px;
    top: 7px;
    right: 0;
}
.foter .htmega-menu-area ul > li:first-child {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.foter .htmega-menu-area ul > li {
    margin: 0px 15px !important;
}
.foter .main-menu-item:first-child:after {
    display: none;
}
.htmega-verticle-menu > ul {
    box-shadow: none !important;
}
.fmenu .htmega-verticle-menu ul > li {
    position: relative;
}
.fmenu .htmega-verticle-menu ul > li:after {
    position: absolute;
    width: 10px;
    height: 1px;
    top: 22px;
    background: url(https://jaraaafrica.csweb.ca/wp-content/uploads/2024/03/line.png);
    background-repeat: no-repeat;
    background-size: 10px;
    content: "";
	animation: slide 10s ease-in-out infinite alternate;
}
.fmenu .htmega-verticle-menu ul > li:before {
    position: absolute;
    width: 5px;
    height: 9px;
    top: 18px;
    background: url(https://jaraaafrica.csweb.ca/wp-content/uploads/2024/03/arrow.png);
    background-repeat: no-repeat;
    background-size: 5px;
    content: "";
    left: 7px;
/* 	animation: slide 1s ease-in-out infinite alternate; */
}
 .link_white a {
    position: relative;
    display: inline-block;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
}
/*
.link_white a::before {
    position: absolute;
    top: 100%;
    left: 50%;
    color: transparent;
    content: "•";
    text-shadow: transparent 0px 0px;
    font-size: 1.2em;
    transform: translateX(-50%);
    pointer-events: none;
    transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
}
.link_white a:hover::before, .link_white a:focus::before {
    color: #fff;
    text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.link_white a:hover{
	color: #2891cf;
}
 */
.short-form .nf-form-content {
	max-width: 100% !important;
	padding: 0 !important;
}

.short-form .nf-form-fields-required {
	display: none;
}
.short-form .nf-form-fields-required {
    display: none !important;
}
#nf-form-1-cont  .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: #ffffff !important;
    border: 1px solid #fff !important;
    border-radius: 0;
    box-shadow: none;
    color: #727272 !important;
    transition: all .5s;
    height: 70px !important;
}
.bdt-modal-body .nf-form-cont input, .bdt-modal-body .nf-form-content textarea {
    background: #f5f5f5 !important;
    border: 1px solid #f5f5f5 !important;
    border-radius: 0;
    box-shadow: none;
    color: #727272 !important;
    transition: all .5s;
    height: 70px !important;
}
.short-form ::-webkit-input-placeholder { /* Edge */
font-size: 18px;
line-height: 30px;
color: #727272;
font-weight: 400;
font-family: "Montserrat", Sans-serif;
}

.short-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 18px;
line-height: 30px;
color: #727272;
font-weight: 400;
font-family: "Montserrat", Sans-serif;
}

.short-form ::placeholder {
font-size: 18px;
line-height: 30px;
color: #727272;
font-weight: 400;
font-family: "Montserrat", Sans-serif;
}
.short-form .nf-response-msg p {
    color: green !important;
    font-size: 18px;
}

.nf-form-content button, #nf-form-1-cont .nf-form-content input[type=button], #nf-form-1-cont .nf-form-content input[type=submit] , .bdt-modal-body .nf-form-content input[type=submit]{
    background: #2D3142 !important;
    color: #fff !important;
    transition: all .5s;
    text-transform: uppercase !important;
    font-size: 16px !important;
    padding: 25px 70px !important;
    height: unset !important;
    margin-top: 20px;
    font-weight: 400 !important;
	cursor: pointer;
}
.nf-form-content button:hover, #nf-form-1-cont .nf-form-content input[type=button]:hover, #nf-form-1-cont .nf-form-content input[type=submit]:hover , .bdt-modal-body .nf-form-content input[type=submit]:hover{
    background: #2891cf !important;
    color: #fff !important;
}
.bdt-modal-body .nf-form-content .list-select-wrap>div select {
    background: #2D3142 !important;
    border-radius: 0 !important;
    color: #ffffff82;
}

.list-select-wrap div:after {
    color: #ffffff !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div {
    z-index: 2;
    left: auto;
    border-left: 0px solid #f5f5f5 !important;
	border: 0 !important;
    height: 60px !important;
	background: transparent !important;
}

.nf-form-content textarea.ninja-forms-field {
    height: 140px !important;
}

.zoomstyle {
    transition: all 0.7s ease;
    transform: scale(0.7);
    position: relative;
}
.current-text {
	transition: all 0.7s ease;
	transform:scale(1);
	color:#2891cf;
}

.htmega-menu-area ul > li > a:hover:before {
    transform: scale(1);
}
.htmega-menu-area ul > li > a:after {
    top: 90%;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.htmega-menu-area ul > li > a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.htmega-menu-area ul > li > a:before, .htmega-menu-area ul > li > a:after {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    background: #2891CF;
    content: "";
    position: absolute;
}
.htmega-menu-area ul > li > a:before {
    top: calc(80% - .1em);
    left: calc(50% - .3em);
    width: .6em;
    height: .6em;
    border-radius: 1.2em;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.htmega-menu-area ul > li{
    margin: 0px 30px !important;
}
.shimmer .elementor-heading-title {
    color: rgba(255, 255, 255, 0.1) !important;
    background: -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
    background: -moz-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
    background: gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff));
    -webkit-background-size: 125px 100%;
    -moz-background-size: 125px 100%;
    background-size: 125px 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: shimmer;
    -moz-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #2D31424D;
}
.sh-dark .elementor-heading-title {
	background-color: #2D3142;
}
.shimmer-black .elementor-heading-title {
    color: rgba(255, 255, 255, 0.0) !important;
    background: -webkit-gradient(linear, left top, right top, from(#2891cf), to(#2d3142), color-stop(0.5, #2d3142));
    background: -moz-gradient(linear, left top, right top, from(#2891cf), to(#2d3142), color-stop(0.5, #fff));
    background: gradient(linear, left top, right top, from(#2891cf), to(#2d3142), color-stop(0.5, #2d3142));
    -webkit-animation-duration: 125s;
    -moz-animation-duration: 125s;
    animation-duration: 125s;
    background-color: #2d3142;
    -webkit-background-size: 125px 100%;
    -moz-background-size: 125px 100%;
    background-size: 86px 74%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: shimmer;
    -moz-animation-name: shimmer;
    animation-name: shimmer;
    background-color: #2d3142;
}
.shimmer-white .elementor-heading-title {
    color: rgba(255, 255, 255, 0.0) !important;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(#2891cf), color-stop(0.5, #fff));
    background: -moz-gradient(linear, left top, right top, from(#fff), to(#2891cf), color-stop(0.5, #fff));
    background: gradient(linear, left top, right top, from(#fff), to(#2891cf), color-stop(0.5, #fff));
    -webkit-animation-duration: 125s;
    -moz-animation-duration: 125s;
    animation-duration: 125s;
    background-color: #2d3142;
    -webkit-background-size: 125px 100%;
    -moz-background-size: 125px 100%;
    background-size: 86px 74%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-animation-name: shimmer;
    -moz-animation-name: shimmer;
    animation-name: shimmer;
    background-color: #fff;
} 
.core_content{
    min-height: 100px;
}
.nf-error.field-wrap .nf-field-element:after{
	display: none;
}
.nf-error-msg.nf-error-required-error,.nf-error-msg.nf-error-field-errors {
	font-size: 15px !important;
}
.nf-form-content input[type=submit]:hover {
    background: #2891cf !important;
}
.field-wrap > div input {
	padding-right: 50px !important;
}
.foter .htmega-menu-area ul > li{
	padding-left: 0 !important;
}
.ss-4,.ss-2 {
    animation: animName 5s linear infinite;
}
.ss-1 {
    animation: loading 7s infinite ease-in-out;
}
.ss-3 {
    animation: grow 12s ease infinite;
}
.nf-fu-progress,.nf-pass.field-wrap .nf-field-element:after {
    display: none !important;
}
.bdt-modal-body .nf-form-content input[type=submit] {
    margin-left: auto;
    margin-right: auto;
}
button.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
	overflow: visible !important;
    margin-left: 185px;
    cursor: pointer;
    font-size: 16px;
    text-transform: capitalize !important;
    padding: 25px 55px !important;
    background: #f5f5f5 !important;
    color: #707070 !important;
	padding: 25px 55px !important;
}
.btn.btn-success.nf-fu-fileinput-button::before {
	content: 'Add Your CV';
	position: absolute;
	top: 17px;
	left: -245px;
	width: 230px;
	font-size: 16px;
	line-height: 30px;
	color: #000;
	text-transform: capitalize;
}
select#nf-field-13 {
    font-size: 16px;
}
.nf-form-content .list-select-wrap>div select {
    height: 70px !important;
}
.file_upload-wrap input.nf-element {
    display: none !important;
}

#nf-form-2-cont .nf-field-element input,#nf-form-2-cont .nf-form-content textarea.ninja-forms-field {
    background: #f5f5f5 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
#nf-form-2-cont input#nf-field-10 {
    margin: auto;
    background: #2d3142 !important;
}
#nf-form-2-cont input#nf-field-10:hover {
    background: #2891cf !important;
}
.nf-form-fields-required {
    display: none !important;
}
a.delete {
    color: red !important;
}
.nf-pass.field-wrap .nf-field-element:after {
    line-height: 70px !important;
}
button.btn.nf-fu-button-cancel {
    padding: 10px !important;
}

button.btn.nf-fu-button-cancel {
    padding: 10px !important;
}
.nf-response-msg p {
    text-align: center;
    color: green !important;
}
.home_banner span.elementor-icon-list-icon {
    opacity: 0;
}
.home_banner .elementor-icon-list-item.elementor-inline-item:hover .elementor-icon-list-icon {
    opacity: 1 !important;
}
.home_h-1 {
    min-height: 110px;
}
.elementor-testimonial__image img {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}
span.elementor-testimonial__name {
    padding-bottom: 41px !important;
    padding-top: 20px;
}
.swiper-pagination-bullet {
    border-radius: 0 !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 21px !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px !important;
}
.bdt-navigation-prev i.ep-icon-arrow-left-15:before {
    content: "Prev";
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat", Sans-serif;
}
.bdt-navigation-next i.ep-icon-arrow-right-15:before {
    content: "Next";
    font-size: 18px;
    line-height: 30px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat", Sans-serif;
}
.bdt-slidenav {
    height: 95px;
    width: 95px;
    border-radius: 100px;
}
.bdt-slidenav i {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-left: 16px;
}
.link_white a:hover,.foter .htmega-menu-container ul > li > a:hover ,.htmega-verticle-menu ul > li > a:hover {
    opacity: 0.5;
    color: #fff;
}
.htmegamenu-content-wrapper.sub-menu {
    margin-top: 45px !important;
    border-radius: 0px;
    width: 1400px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
span.htmenu-icon i:before {
    display: none;
}
.htmega-menu-container .sub-menu, .htmega-menu-container .htmegamenu-content-wrapper {
    box-shadow: 1px 2px 25px 1px rgb(0 0 0 / 14%);
    border-radius: 0 !important;
}

.htmegamenu-content-wrapper.sub-menu a:before, .htmegamenu-content-wrapper.sub-menu a:after {
	display:none !important
}
.img_min {
	min-height: 280px;
}
.htmega-menu-container ul li .htmegamenu-content-wrapper li a{
	border: 0 !important;
}
.htmega-menu-container ul li .htmegamenu-content-wrapper li{
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
.htmega-menu-container .list .elementor-widget-container ul li {
    position: relative;
    padding-top: 0 !important;
}
.list li:before {
    position: absolute;
    content: "";
    background: #2891cf;
    width: 5px;
    height: 5px;
    border-radius: 100px;
    top: 12px;
    left: -20px;
}
.list ul {
    padding-left: 20px;
} 
.list ul {
    padding-left: 25px;
}
.htmega-menu-container a.bdt-ep-button:hover {
    background: #2891cf !important;
}
.htmega_mega_menu:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    font-family: "Font Awesome";
    color: #fff;
    background-image: url(https://jaraaafrica.csweb.ca/wp-content/uploads/2024/04/down.png);
    background-size: 20px;
    filter: invert(1);
    margin-top: 5px;
}
.sticky-header-sec.fixed { 
	position: fixed !important; 
	top: 0px; 
	background-color: #2d3142 !important; 
	box-shadow: 0 0 5px rgb(0 0 0 / 25%); 
	z-index: 99;
	width: 100%; 
}
.bdt-offcanvas .bdt-offcanvas-bar a {
    color: #FFFFFF;
    font-family: "Montserrat", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 400;
}
#menu-mobile-menu li {
    padding: 5px 0;
}
.menu-item-home.current_page_item a {
	color: #2891cf !important;
}
.nf-error .nf-error-msg {
	font-size: 15px !important;
}
.serv_hh {
    min-height: 200px;
}

@keyframes glow{
  from{text-shadow:0px 0px 5px #fff,0px 0px 5px #614ad3;}
  to{text-shadow:0px 0px 20px #fff,0px 0px 20px #614ad3;}
}

@keyframes shimmer{
0% {background-position: top left;}
100% {background-position: top right;}
}

@keyframes slide{
0% {transform: translateX(-69%);}
100% {transform: translateX(76%);}
}
@keyframes animName {
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
@keyframes loading {
0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
100% {transform: perspective(120px) rotateX(0deg) rotateY(180deg);}
}
@keyframes grow {
  0% { transform: scale(0); }
  50% { transform: scale(1.1); }
 100% { transform: scale(1); }
}





/*  Responsive Media Query  */


@media (max-width: 1700px){
.htmegamenu-content-wrapper.sub-menu {
	width: 1270px;
}
}

@media (max-width: 1600px){
.img_min {
	min-height: 280px;
}
}


@media (max-width: 1500px){
.core_title .elementor-heading-title {
	min-height: 35px;
}
.htmegamenu-content-wrapper.sub-menu {
	width: 1270px;
	margin-left: -120px;
}
.list2 ul {
	padding-top: 20px;
}
.serv_hh {
	min-height: 230px;
}
}
@media (max-width: 1400px){
.ss-3 {
	left: 38px !important;
	top: 156px !important;
}
.bdt-slidenav {
	height: 80px;
	width: 80px;
	border-radius: 100px;
}
.bdt-slidenav i {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 19px;
	margin-left: 9px;
}
.htmegamenu-content-wrapper.sub-menu {
	width: 1185px;
	margin-left: -120px;
}
.core_content {
	min-height: 140px;
}
}

@media (max-width: 1300px){
.home_t-1 {
  min-height: 45px;
}
.home_h-1 {
  min-height: 145px;
}
.htmegamenu-content-wrapper.sub-menu {
	width: 1135px;
	margin-left: -135px;
}
}

@media (max-width: 1100px){
.core_content {
	min-height: 80px ;
}
.nf-form-content input:not([type="button"]), .nf-form-content textarea,.bdt-modal-body .nf-form-content .list-select-wrap>div select {
	height: 55px !important;
}
.nf-form-content .list-select-wrap .nf-field-element > div {
	border: 0 !important;
	height: 55px !important;
}
.nf-form-content textarea.ninja-forms-field {
	height: 100px !important;
}
#nf-field-4 {
	height: unset !important;
}
.foter .htmega-menu-area ul > li {
  margin: 0px 8px !important;
}
.foter .main-menu-item::after {
  height: 14px;
  left: -14px;
  top: 8px;
  right: 0;
}
.htmega-menu-area {
  border: 0px solid #ddd !important;
  font-size: 16px !important;
  margin-bottom: 10px;
  padding: 5px 0px !important;
  float: right;
  display: inline-block;
}
.ss-2 {
	left: 80px !important;
	top: 23px !important;
}
.ss-1 img {
	max-width: 30px !important;
}
.ss-1 {
	top: 30% !important;
}
.ss-3 {
  top: 94px !important;
  left: 22px !important;
}
.img_min {
	min-height: 195px;
}
.ss-4 {
	top: 80px !important;
	right: 0 !important;
}
button.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
    padding: 25px 55px !important;
    background: #f5f5f5 !important;
    color: #707070 !important;
}
.btn.btn-success.nf-fu-fileinput-button::before {
	top: 17px;
	left: -245px;
	width: 230px;
	font-size: 16px;
}
#nf-form-2-cont input#nf-field-10 {
	height: unset !important;
	padding: 18px 40px !important;
}

.bdt-slidenav-container {
	display: none;
}
.nf-pass.field-wrap .nf-field-element::after {
	line-height: 60px !important;
}

}

@media (max-width: 991px){
.core_title .elementor-heading-title {
	min-height: 45px;
}
.core_content {
	min-height: 105px;
}
.short-form ::-webkit-input-placeholder { /* Edge */
font-size: 16px;
line-height: 26px;
}

.short-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 16px;
line-height: 26px;
}

.short-form ::placeholder {
font-size: 16px;
line-height: 26px;
}
.nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	padding: 17px 45px !important;
}
.htmega-menu-area .htmega-megamenu {
    display: block !important;
}
.htmobile-aside-button {
    display: none !important;
}
.ss-1 {
	top: 18% !important;
}
.ss-3 {
	top: 78px !important;
	left: 20px !important;
}
.ss-3 img {
	max-width: 40px !important;
}
.ser_min {
	min-height: 95px;
}
#nf-field-13 {
	height: 55px !important;
}
#nf-field-13-container {
	margin-bottom: 5px;
}
.serv_hh {
	min-height: 300px;
}
}


@media (max-width: 767px){
.core_content,.core_title .elementor-heading-title,.serv_hh  {
	min-height: unset;
}
.nf-field-container {
	margin-bottom: 10px !important;
}
.nf-form-content textarea.ninja-forms-field {
	height: 75px !important;
}
.foter .main-menu-item::after {
  height: 14px;
  left: -9px;
  top: 8px;
  right: 0;
}
.foter .htmega-menu-area ul > li {
  margin: 0px 3px !important;
}
.htmega-menu-area .htmega-megamenu {
  display: flex !important;
  justify-content: center;
}
.htmega-menu-area {
	margin-bottom: 0 !important;
}
.img_min,.ser_min {
	min-height: unset !important;
}
.ss-1 {
	top: 32% !important;
}
.ss-3 {
	top: 123px !important;
	left: 23px !important;
}
button.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
	margin-left: 135px;
	padding: 18px 20px !important;
}
.btn.btn-success.nf-fu-fileinput-button::before {
	top: 5px;
	left: -130px;
	width: 105px;
	font-size: 16px;
}
}