/*!
Theme Name: Outgrid Child
Theme URI: https://uicore.co
Description: Multi-Purpose Elementor WordPress Theme
Author: UiCore
Author URI: https://uicore.co
Template: outgrid
Version: 1.0.0
Text Domain: outgrid
*/

 /* Add your custom style here */
.polygon-image {
	 clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
      -webkit-clip-path: polygon(10% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 20%);
}
.svg-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
	width: 60%;
    margin: 20px auto 30px;
}
.svg-2 {
	grid-row: 1 / 3;
}
.svg-border {
	border: 1px solid #ffffff;
	padding: 20px;
	border-radius: 15px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.span-black {
	color: #000000;
	font-weight: 500;
}
.four-column-text p {
	height: 7vh;
}
.black-bg {
	background: #000000;
	border-radius: 100px;
	color: #ffffff;
	padding: 5px 20px;
}
.discover-p {
	height: 10vh;
}
.upload-section .mf-file-upload-container {
	display: flex;
    flex-direction: row-reverse;
	align-items: center;
}
.upload-section .mf-input-file-upload-label span {
	font-size: 0;
}
.upload-section .mf-input-file-upload-label svg {
	width: 30px;
	margin: auto;
}
 .mf-input-file-upload-b7d7ab7 {
    width: 100%;
	justify-content: end;
}
.upload-section .mf-file-name {
	width: 100%;
}
.p-bold {
	font-weight: 500;
}
.contact-submit .metform-btn.metform-submit-btn {
	display: flex;
    align-items: center;
	justify-content: space-between;
	width: 20% !important;
	padding: 15px 10px 15px 20px;
}
.contact-submit .ti.ti-arrow-right {
    background: black;
    border-radius: 50%;
    padding: 10px !important;
}
.contact-submit .ti.ti-arrow-right:before {
    color: #FFCD00;
}
.metform-btn.metform-submit-btn:hover .ti.ti-arrow-right {
	background: #FFCD00;
}
.metform-btn.metform-submit-btn:hover .ti.ti-arrow-right:before {
	color: #ffffff;
}
.metform-btn.metform-submit-btn:hover {
	transform: translatex(10px);
	-webkit-transform: translatex(10px);
}
.polygon-image-contact {
	clip-path: polygon(30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 30%);
	-webkit-clip-path: polygon(30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 30%);
}
.contact-submit.contact-submit-btn .metform-btn.metform-submit-btn {
	width: 35% !important;
}
.contact-privacy a {
	color: #FFCD00 !important;
}
.privacy-section ul {
	padding-left: 20px;
	margin: 5px 0;
}
.uicore-btn:hover .elementor-button-text {
	color: #ffffff;
}
.uicore-btn .elementor-button-text:after {
    content: '\e628';
    color: #FFCD00;
    background: #000000;
    font-family: 'themify';
    padding: 8px;
    border-radius: 50%;
    margin-left: 30px;
}
.uicore-btn:hover .elementor-button-text:after {
	color: #ffffff;
    background: #FFCD00;
}
.uicore-transparent:not(.uicore-scrolled):not(.uicore-transparent-color) .uicore-btn.uicore-inverted {
	background: #FFCD00 !important;
}
.uicore-transparent:not(.uicore-scrolled):not(.uicore-transparent-color) .uicore-btn.uicore-inverted:hover {
	background: #000000 !important;
}
.uicore-btn {
	padding: 20px 10px 20px 20px !important;
	display: flex;
	align-items: center;
}
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) {
	padding: 0 !important;
    width: auto;
    min-width: auto !important;
    transform: translate(8px, -20px) !important;
}
.uicore-navbar nav.uicore ul.sub-menu:not(.uicore-megamenu) a {
	font-weight: 400;
    font-size: 16px;
}
.job-description ul {
	padding-left: 20px;
}
.job-description .elementor-container.elementor-column-gap-no {
	width: 100% !important;
}
.tick-policy {
	margin-top: 10px;
}
.tick-policy span.wpcf7-list-item {
	margin: 0;
}
.tick-policy .wpcf7-list-item input {
	margin: 0 !important;
}
.elementor-48 .elementor-element.elementor-element-c95b40b .wpcf7-form label {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tick-policy a {
    color: #FFCD00 !important;
}
.contact-form-btn .ti.ti-arrow-right {
	background: #000000;
    border-radius: 50%;
    padding: 10px !important;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.contact-form-btn .ti.ti-arrow-right:before {
    color: #FFCD00;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.contact-form-btn button.wpcf7-submit {
	display: flex;
    align-items: center;
    gap: 50px;
    justify-content: space-between;
	padding: 15px 10px 15px 20px !important;
	font-size: 18px;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.contact-form-btn button.wpcf7-submit:hover .ti.ti-arrow-right:before {
	color: #ffffff;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.contact-form-btn button.wpcf7-submit:hover .ti.ti-arrow-right {
	background: #FFCD00;
	-webkit-transition: all .4s;
    transition: all .4s;
}
.contact-form-btn button.wpcf7-submit:hover {
	transform: translatex(10px);
    -webkit-transform: translatex(10px);
	-webkit-transition: all .4s;
    transition: all .4s;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	color: red;
}
.application-form-row form {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.application-form-row p {
	margin: 0;
}
.application-form-row  .tick-policy, .application-form-row .wpcf7-response-output {
	grid-column: 1 / 3;
}
.application-form-row span.wpcf7-form-control.wpcf7-acceptance label {
	display: flex;
    align-items: center;
    gap: 10px;
}
.contact-us-form .wpcf7 form.sent .wpcf7-response-output {
	color: #ffffff;
}
@media only screen and (max-width: 1600px) {
	.about-two-image img, .career-img img {
		height: 50rem !important;
	}
	.collective-img img {
		height: 45vh !important;
	}
	.key-services-section img {
		height: 50vh !important;
	}
	.timer-img {
		max-width: 17% !important;
    	top: 700px !important;
	}
	.camera-img {
		max-width: 16% !important;
    	top: 575px !important;
	}
	.four-column-text p {
    	height: 12vh;
	}
	.discover-p {
    	height: 16vh;
	}
	.application-section, .job-title-section {
		padding: 15% 0% 8% 0% !important;
	}
}
@media only screen and (max-width: 1400px) {
	.discover-p {
    	height: 20vh;
	}
}
@media only screen and (max-width: 1200px) {
	.innovation-section-flex > .elementor-container {
    	flex-direction: column-reverse;
	}
	.about-two-image img, .career-img img {
        height: 30rem !important;
    }
	.discover-p {
        height: 17vh;
    }
	.application-section, .job-title-section {
        padding: 20% 0% 8% 0% !important;
    }
	.uicore.uicore-extra {
		display: none !important;
	}
	.innovation-section-flex .elementor-container .elementor-column {
		width: 100% !important;
	}
	.innovation-section-flex .elementor-container img {
		margin: 0 0 30px 0 !important;
	}
}
@media only screen and (max-width: 768px) {
	.uicore-mobile-head-right .uicore-cta-wrapper {
		display: none !important;
	}
	.svg-grid {
		width: 100%;
	}
	.application-form-row form {
    	grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
	.application-form-row .tick-policy, .application-form-row .wpcf7-response-output {
    	grid-column: auto;
	}
}
@media only screen and (max-width: 500px) {
	 .four-column-text p, .discover-p {
        height: auto;
    }
	.discover-p {
		margin-bottom: 50px !important;
	}
	.application-section, .job-title-section {
        padding: 30% 0% 8% 0% !important;
    }
	.contact-submit .metform-btn.metform-submit-btn {
    	width: 43% !important;
	}
	.contact-submit.contact-submit-btn .metform-btn.metform-submit-btn {
    	width: 45% !important;
	}
}