/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* expand the project service taxonomy box to 100% */
.acf-taxonomy-field .categorychecklist-holder {
    border: #ccd0d4 solid 1px;
    border-radius: 3px;
    max-height: 100% !important;
	height: 100%  !important;
    overflow: auto;
}




@font-face {
    font-family: 'aeroregular';
    src: url('fonts/aero-webfont.woff2') format('woff2'),
         url('fonts/aero-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*meet the team test*/

/* select#location{display:none !important;} */

/*hover effect*/
.awsm .awsm-post-item:hover .post-thumbnail img{
	max-width:100%;
	height: unset;
	border-radius:0;
	transition: .2s ease;
	
}
.awsm .awsm-post-item:hover{
	padding: 0px;
    max-width: 350px;
    margin: 0 auto;
	
}
.awsm .awsm-post-item:hover .text{
	bottom: 15px;
 	z-index:5; 
}

.awsm .awsm-post-item:hover:before{
	content: '';
    display: block;
    position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(186deg, rgba(0, 155, 223, 1) 0%, rgba(0, 77, 146, 1) 100%);
 	z-index: 5; 
	opacity:0.5;
}

.awsm .awsm-post-item:hover a, .awsm .awsm-post-item:hover h3 {
    color: white !important;
    position: relative;
     z-index: 4; 
	transition:none;
} 

.awsm .awsm-post-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
	border-radius: 50%;
   	top:20px;
    left: 0;
    width: 100%;
    height: 370px;
	opacity:0;
    background-color: transparent;
	z-index: 5; 
    border: 2px solid white;
    margin: auto;
	transition:.3s ease;
	transition-delay: 200ms;
}
.awsm .awsm-post-item:hover:after{
	border-radius: 50%;
	opacity:1;
	width: 340px;
    height: 340px;
	transition:.3s ease;
	transition-delay: 150ms;
}

.awsm .awsm-post-item:hover a.open-popup-link.arrow {
    position: absolute;
    z-index: 90;
    right: 30px;
}

.awsm select {
    max-width: 300px;
    margin: 0 0 20px auto;
}
a.open-popup-link.arrow img {
    height: 60px;
}

a.open-popup-link.arrow {
    position: absolute;
    z-index: 99;
    top: 170px;
    right: 30px;
    /* max-width: 40px; */
    /* height: 40px; */
    /* object-fit: fill; */
}

.modal-button-container .frontend-admin-message {
    position: absolute;
    width: 200px;
    z-index: 1;
    right: 0;
    top: -10px !important;
}

.awsm .awsm-post-item {
/*     padding: 20px 0 78px; */
	padding: 15px 0 95px;
    position: relative;
    overflow: hidden;
    max-width: 350px;
    margin: 0 auto;
    width: 100%;
}

.awsm .awsm-post-item .text {
    position: absolute;
    right: 0;
    left: 0;
}

form#filter-form select {
    margin: 0;
}

form#filter-form {
    column-gap: 20px;
    justify-content: center;
    display: flex;
}

/*
.awsm .awsm-post-item:hover:before{
	content: '';
	display: none;
	transition: all 0.3s ease-in-out;
} */

.awsm .awsm-posts img {
   	display: block;
	border-radius: 100%;
	height: 340px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    max-width: 340px;
/*     height: 350px; */
    object-fit: cover;
    object-position: top;
	filter:grayscale(1);
	
}
.awsm .awsm-post-item:hover img{
	filter:grayscale(1);
}
.awsm .awsm-posts {
    padding: 0 5%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	gap: 15px;
}
.awsm .awsm-posts h2 {
    font-weight: 700;
    color: black;
    text-align: center;
    font-size: 25px;
    font-family: "forma-djr-display", Sans-serif;
	margin:25px auto 10px;
}
.awsm .awsm-posts h3 {
    font-size: 14px;
    color: #000000;
    font-family: "forma-djr-display", Sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 5px;
    text-align: center;
    margin: 0;
}
form#filter-form button {
    background: #57a2ef;
    color: white;
    border: none;
    font-family: 'Oswald';
    letter-spacing: .40px;
}

/*Meet the team pop up */

.bio {
    font-family: 'Poppins';
    height: 350px;
    overflow-y: scroll;
}

.emailer { color: #ffffff;
	text-shadow: -2px -2px 3px black;
}
.emailer:hover { color: #81f8ff; }

.mfp-content .right h3 {
    font-family: 'Poppins';
    font-size: 19px;
	color: #FFF;
	margin-block-end: .5rem;
	text-shadow: -2px -2px 3px black;
}

.mfp-content .right h2 {
    margin: 0;
    font-family: 'Poppins';
    font-weight: 800;
    color: #FFF;
    text-shadow: -2px -2px 3px black;
}

.mfp-content button.mfp-close {
    background: #57a2ef;
    font-size: 40px;
    border-radius: 35px;
    border: none;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Verdana;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #263666;
    width: 50px;
    height: 50px;
    top: -20px;
    right: -20px;
	opacity:1;
}

.mfp-bg{
	background: #2969ac;
}

.mfp-container{
	position: fixed;
}
.mfp-content .container {
    display: flex;
	flex-direction: column;
}
.mfp-content {
    background: white;
/*     max-width: 1100px; */
	max-width: fit-content;
    padding: 15px;
}

.mfp-content .left a img {
    filter: invert(1);
	max-width: 40px;
}

.mfp-content .left img {
    filter: grayscale(1);
	
}
.mfp-content .left {
    background: black;
	max-width: 400px;
}

.mfp-content .left a {
    font-size: 16px;
    width: 100%;
    display: block;
    margin: 20px auto;
    background: #454545;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    font-family: 'Poppins';
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px 0;
    border-radius: 50px;
    max-width: 300px;
}

.mfp-content .right {
    padding: 20px 5%;
	width: 100%;
	position: absolute;
    bottom: 0;
}

.acf-field.acf-field-related-terms.acf-field-8b790a4a53f354.elementor-repeater-item-a53f354 {
    display: none !important;
}

#page {max-width: 1920px; margin: 0 auto;}

p:last-child {margin: 0 !important;}
.no-margin {margin: 0 !important;}
a {transition: all 0.3s ease-in-out; text-decoration: none; color:unset;}
.elementor-section .elementor-container {justify-content: space-between;}


.main_header:before {content: ''; background: #222; width: 53px; height: 100%; position: absolute; left: 0; top: 0; z-index: -10;}
.w-line:after {content: ''; background: #FFF; position: absolute; height: 3px; width: 100%; max-width: 400px; right: 0; top: 20px; bottom: 0; margin: auto;}
.b-line:after {content: ''; background: #000; position: absolute; height: 230px; width: 1px; right: 0; left: 0; top: 0; margin: 0 auto;}
.dots_bg:after {content: url('http://localhost/bluestone.com/wp-content/uploads/2022/11/dots.png'); position: absolute; left: -45px; bottom: -75px; z-index: -1;}

.home .ue_hamburger {left: 0; margin: auto;}

.watch_vid_block {position: absolute; right: 40px; bottom: 100px; max-width: 475px; background-image: linear-gradient(#FFF, #E1E1E1); }
.watch_vid_block p {line-height: 30px; margin: 0; }
.watch_vid_block a {font-size: 18px !important;}

.blue_font span {color: #0072FF;}
.blue_font2 span {font-family: 'aeroregular'; color: #009AD6; display: block;}

.abs_boxes {min-width: 1100px; z-index: 10;}
.box_img h3 {position: absolute; bottom: 40px; width: 100%; margin: 0;}
.box_img h3::after {content: ''; width: 33px; height: 3px; background: #FFF; display: block; margin: 10px auto 0;}
.box_img img {box-shadow: 0px 0px 10px #000;}

.box_abs .elementor-container {background-image: linear-gradient(180deg, #FFFFFF 0%, #EEEEEE 100%); position: absolute; left: -210px; top: 20px; width: 1030px; box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 50%); }

.mid_lines:before {content: ''; background: #111; position: absolute; height: 3px; width: 300px; left: 0; top: 20px; bottom: 0; margin: auto;}
.mid_lines:after {content: ''; background: #111; position: absolute; height: 3px; width: 300px; right: 0; top: 20px; bottom: 0; margin: auto;}

.custom_slider .slick-prev {position: absolute; top: -120px; right: 120px; width: 53px; height: 53px; background: url(images/left_arrow.png) no-repeat; text-indent: 99999px; overflow:hidden; border: 0; outline: 0;}
.custom_slider .slick-next {position: absolute; top: -120px; right: 40px; width: 53px; height: 53px; background: url(images/right_arrow.png) no-repeat; text-indent: 99999px; overflow:hidden; border: 0; outline: 0;}

.custom_slider,.project-wrapper{display: flex;align-items: center;justify-content: center; flex-wrap: wrap;}
.carousel_section {position: relative; display: flex; flex-direction: column-reverse; align-items: center; }
.slick-center > .carousel_content  {opacity: 1;}
.carousel_section:hover > .carousel_content  {opacity: 1;}
.carousel_content {transition: all 0.3s ease-in-out;  position: absolute; left: 0; top: 0; padding: 30px; color: #FFF; z-index: 1; width: 100%;height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;background: rgba(0,0,0,.2);}
.carousel_content span {font-family: "Montserrat", Sans-serif; font-size: 18px;}
.carousel_content h3 {font-family: 'aeroregular'; font-size: 40px;}
.carousel_content p {font-family: "Montserrat", Sans-serif; font-size: 16px; line-height: 32px;}
.carousel_btn {font-family: "Montserrat", Sans-serif; color: #FFF; font-weight: bold; margin: 0 auto; display: block; max-width: 180px; line-height: 58px; text-align: center; font-size: 14px; background: #00415A; width: 100%; padding: 0; border: none;margin: 30px 0 0 0;}
.carousel_content img {width: 100%; height: 400px !important;object-fit: cover;}
.modal-body { display: flex; align-items: center; justify-content: space-around; gap: 30px;}
.modal-body h3 {color: #0078FF; font-family: "Montserrat", Sans-serif; font-size: 20px; font-weight: 500;}
.modal-header {flex-direction: column; align-items: flex-start;}
.modal.show .modal-dialog {-webkit-transform: none;transform: none;width: 100%;max-width: 1200px; border-style: solid; border-width: 0px 0px 0px 20px; border-color: #0278FF; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 50px 30px 50px 30px; background: #fff;}
.modal-body > div {flex-basis: 50%;}
.modal-body .overviewDesc {text-align: center; color: #B20000; font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 400; line-height: 25px;padding-top: 50px; text-align: left;}
.modal-title {color: #0078FF; font-family: "Montserrat", Sans-serif; font-size: 32px; font-weight: 700;}

.project-cat {position: relative; display: inline-block;}
.project-cat:hover > .project-content  {opacity: 1;}
.project-content {transition: all 0.3s ease-in-out; opacity: 0; position: absolute; max-width: 469px; left: 0; top: 0; padding: 30px; color: #FFF; z-index: 1; }
.project-content h2 {font-family: 'aeroregular'; font-size: 40px;}
.project-content p {font-family: "Montserrat", Sans-serif; font-size: 16px; line-height: 32px;}
.project-content .carousel_btn {font-family: "Montserrat", Sans-serif; color: #FFF; font-weight: bold; margin: 0 auto; display: block; max-width: 180px; line-height: 58px; text-align: center; font-size: 14px; background: #00415A;}

#custom_cat_list {display: flex; justify-content: center; list-style: none; margin: 20px 0 0 0; padding: 0;}
#custom_cat_list li {margin: 0 15px; text-align: center;}
#custom_cat_list li a {font-size: 21px; color: #111111;}
#custom_cat_list li a:hover {color: #eee;}

.testimonials .elementor-testimonial__text a {display: block; color: #0051FF; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 500; margin: 20px 0 0 0;}

.testimonials .elementor-testimonial {display: flex; flex-flow: column;}
.testimonials .elementor-testimonial__content {order: 2;}
.testimonials .elementor-testimonial__footer {order: 1; margin: -70px 0 20px 0 !important;}
.testimonials .elementor-testimonial__footer .elementor-testimonial__image {margin: 0;}
.testimonials .swiper-slide {overflow: visible;}
.testimonials .elementor-main-swiper {padding: 60px 0 0 0;}
.testimonials .swiper-pagination {bottom: -30px}

#home_form .elementor-field-group-axx {margin: 0 0 40px 0;}
#home_form .elementor-field-group-axx label {color: #000; font-size: 18px;}


.elementor-slides .swiper-slide-inner {
	background: rgba(255,255,255,0.5);
	padding: 40px;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1200px;
	height: 200px;
}

.elementor-slide-description h3 {
	color: #44537E;
	padding: 10px 0;
}
.elementor-slide-description p {
	color: #000;
}
.elementor-slide-description h2 {
	color: #0090FF;
	padding-bottom: 20px;
}

.elementor-slide-description a {
	font-family: "Oswald", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #009FFF 0%, #0051FF 100%);
    border-radius: 0px 0px 0px 0px;
    padding: 10px 50px 10px 50px;
	margin-top: 20px;
}

/* POPUP TEAM */
.popup .text {
    height: 250px;
    overflow-y: scroll;
}

.team h1 {
    margin: 0;
    font-weight: 800;
}
.team .left {
    background: black;
	width: 100%;
    max-width: 450px;
}

.flex.team a.twitter svg {
    filter: invert(1);
}

.flex.team a.twitter {
    margin: 20px auto 0;
    border-radius: 50px;
    justify-content: center;
    column-gap: 20px;
    background: gray;
    color: white;
    font-weight: 700;
    padding: 10px 0;
    max-width: 300px;
    width: 100%;
    letter-spacing: 2px;
}

.flex.team a {
    display: flex;
    align-items: center;
    margin: 0;
}
.flex.team img {
    filter: grayscale(100%);
	transition:.30s ease;
}

.flex.team img:hover {
    filter: grayscale(0);
}

.flex.team .text {
    color: black;
    padding: 30px 5%;
	width: 100%;
}
.flex.team {
    display: flex;
    column-gap: 0px;
}

/* Popup container */

.team .scroll {
    height: 500px;
    overflow-y: scroll;
}
.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
  }
  
  /* The actual popup (appears on top) */
  .popup .popuptext {
	visibility: hidden;
	width: 160px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -80px;
  }
  
  /* Popup arrow */
  .popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
  }
  
  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
  }
  
  @keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
  }

@media (max-width: 1600px) {
	.main_header:before, .w-line:after {display: none;}
}

@media (max-width: 1440px) {
	.abs_boxes {min-width: 10px;}
	.box_abs .elementor-container {position: relative; top: 0; left: 0; width: 100%;}
	
	.mid_lines:before, .mid_lines:after {width: 250px;}
}

@media (max-width: 1240px) {	
	.mid_lines:before, .mid_lines:after {width: 150px;}
	.___awsm_team_content{width:50% !important;}
}


@media (max-width: 1024px) {	
	.awsm .awsm-posts{grid-template-columns: 1fr 1fr ;}
	.mid_lines:before, .mid_lines:after {display: none;}
	
	.watch_vid_block {position: relative; right: 0; bottom: 0;}
	.carousel_content {opacity: 1;}
	
	.b-line:after, .dots_bg:after {display: none;}
	
	.ue_hamburger {left: auto;}
}

@media (max-width: 768px) {
	.flex.team {
    display: block;
}
	.team .left {
		padding-bottom: 50px;
		max-width: 100%;
	}
	.___awsm_team_content{width:100% !important;}
	.watch_vid_block {margin: 0 auto;}
	.awsm .awsm-posts{grid-template-columns: auto;}
}

@media (max-width: 767px) {
	#custom_cat_list {flex-flow: column;}
	#custom_cat_list li {border-bottom: 1px solid #000; padding: 10px 0;}
	.carousel_section  {text-align: center; float: none;}
	.slick-slide img {margin: 0 auto;}
	.carousel_content {margin: 0 auto; right: 0;}
	.mfp-content .container{display:block;}
	.mfp-content .left {
    background: black;
    max-width: 100%;
}
	.mfp-content button.mfp-close{
		top: 50px;
    	right: 20px;
	}
	.mfp-content .left img {
    width: 100%;
    filter: grayscale(1);
}
	
}


.outer-menu {
	z-index: 10 !important;
}

/* VENZ CSS */
.___awsm_team_wrapper{
    width: 100%;
    padding: 50px 20px;
	max-width: 1540px;
    margin: 0 auto;
}

/* FILTER */
.___awsm_filters {
    text-align: center;
    padding: 50px 0;
}
.___awsm_filters ul{
    list-style: none;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
}
.___awsm_filters ul li{
    cursor: pointer;
}

.___awsm_filters ul li.active{
    border-color: #003e84;
    color: #003e84;
}

.___awsm_filter_office_tab .___filter [data-filter="all"]{
    display: none;
}


 .___awsm_team_grid .___awsm_team_content.___show{
    animation: showAwsm .9s ease 0s 1 forwards;
    transform-origin: center;
}
.___awsm_team_grid .___awsm_team_content.___hide{
    animation: hideAwsm .9s ease 0s 1 forwards;
    transform-origin: center;
}

@keyframes hideAwsm {
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(0);
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
    }
}
@keyframes showAwsm {
    0%{
      
        transform: scale(0);
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
    }
    100%{
        transform: scale(1);
       
    }
}

/* END FILTER */



.elementor-page-11845 .___awsm_team_content img {
    object-position: top;
    object-fit: cover;
    border-radius: 100%;
    height: 470px;
    width: 100%;
	filter: grayscale(1);
	transition: .30s ease;
	position:relative;
}

.elementor-page-11845 .___awsm_team_content .___awsm_team_text{
	margin:30px auto 0px;
	position:relative;
	z-index:9;
}

.elementor-page-11845 .___awsm_team_content .___awsm_team_text h2{
	color: #000000;
    font-family: "forma-djr-display", Sans-serif;
    font-weight: 700;
	font-size:25px;
}
.elementor-page-11845 .___awsm_team_content .___awsm_team_text h3{
    color: #000000;
    font-family: "forma-djr-display", Sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    word-spacing: 5px;
	font-size: 1rem;
}
.elementor-page-11845 .___awsm_team_content{
	padding:0 20px;
	position:relative;
	
}



.___awsm_team_content:hover:before {
    opacity: 1; 
}

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

 .___awsm_team_content{
    position: relative;
    width: 33.33%;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 40px;
    cursor: pointer;
}
/*
.___awsm_team_img{
    width: 100%;
    height: auto;
}

.___awsm_team_text{
    position: absolute;
    bottom: 70px;
    left: 40px;
    z-index: 10;
    text-align: left;
}

.___awsm_team_text h2{
    color: #fff;
    font-size: 22px;
    font-weight: 700;
	text-transform: uppercase;
    font-family: "Poppins", Sans-serif;
}

.___awsm_team_text h3{
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.___awsm_team_social{
    position: absolute;
    max-width: 215px;
    bottom: -20px;
    right: 40px;
    font-size: 25px;
    z-index: 999;
}

.___awsm_team_social span{
    display: flex;
    column-gap: 15px;
}

.___awsm_team_social a{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: #212529;
    color: #ffffff;
    transition: 0.2s;
}

.___awsm_team_social a:hover{
    margin-bottom: 5px;
}  */
/* side popup */
.___side_popup_container {
    overflow: hidden;
}
.___side_popup_container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -1920px;
    left: 0;
    right: 0;
    z-index: 1000;
    overflow: hidden;
    background: rgb(0 0 0 / 80%);
	-webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s,-moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s,-moz-transform .6s;
}

.___side_popup_content {
    max-width: 500px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    background: #ffffff;
    height: 100%;
    padding: 0 30px 0 30px;
    transition: 0.5s;
    z-index: 999999999;
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: -webkit-transform .6s;
    -moz-transition: transform .6s,-moz-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s,-moz-transform .6s;
}
.___side_popup_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 0 0;
}
.___side_popup_close{
	cursor: pointer;
}

.___side_popup_text{
	position: relative;
	margin-top: 20px;
}
.___side_popup_text h2{
    color: #44547E;
    font-family: "Oswald", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    padding: 10px 0 0;
}
.___side_popup_text h3{
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
	color: #000000;
    font-family: "Oswald", Sans-serif;
    font-size: 20px !important;
}

.___side_popup_social {
    display: flex;
    column-gap: 20px;
	margin-top: 15px;
}

.___side_popup_social a{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid #000000;
    border-radius: 10px;
    color: #000000;
    font-size: 21px;
    transition: 0.2s;
}

.___side_popup_post_content {
    margin-top: 15px;
}

.___side_popup_navigator .__side_navigator_1, .___side_popup_navigator .__side_navigator_2{
    display: flex;
    column-gap: 30px;
    align-items: center;
}

.___side_popup_navigator i{
	cursor: pointer;
}
.___side_popup_slide {
    height: 90%;
    overflow: auto;
}
.___side_popup_slide::-webkit-scrollbar {
    width: 6px;
}
 
.___side_popup_slide::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f3f3f3;
}
 
.___side_popup_slide::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #1376da;
}
.___side_popup_dialog{
	display: none;
}

/* upload your resume page */

.page-id-12828 header#site-header,
.page-id-12828 footer#site-footer{
    display: none;
}

.page-id-12828 input#form-field-message::file-selector-button {
    background: #f5f5f5;
    font-size: 14px;
    font-family: 'Helvetica';
    padding: 6px 15px;
    color: #5d5d5d;
    border-right-width: 1px;
    border-right-color: #000;
    border-right-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
    box-shadow: none !important;
}


.page-id-12828 input#form-field-message {
    background: #fff;
    border: 1px solid #000;
    font-size: 14px;
    font-family: 'Helvetica';
}

/* career details */

.col-2-right:before {
    width: 80px;
    height: 0;
    border-top: 160px solid #ffffff;
    border-right: 90px solid transparent;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.career-subtitle span {
    color: #009bdf;
}


@media (max-width: 767px) {
	.col-2-right {
		display:none;
	}
}


/* contact us page */
/* careers page */

.carreers-carousel .swiper-slide {
    height: 600px;
    background: white;
}

/* portfolio page filter bar color */
.elementor-12509 .elementor-element.elementor-element-25f124a .elementor-portfolio__filters {
    margin-bottom: 10px;
    background: #009BDF;
}


/* Sort post type form */
#sortposttype-front {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#sortposttype-front label {
    display: flex;
    background: #004d92;
    color: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    cursor: all-scroll;
}
#sortposttype-front label span {
    width: 100%;
}
#sortposttype-front label input[type="number"] {
    width: 0px;
    padding: 0;
    height: 0px;
    border: 0;
    overflow: hidden;
}
#sortposttype-front button[type="submit"] {
    background: #8dc73f !important;
    color: #fff !important;
    border: none;
    position: fixed;
    right: 20vw;
    top: 15vh;
}
.fea-no-permissions-message {
    display: none;
}