/*!
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 */

.clsHeading h1 span{
	font-size:90px;
	font-weight:800;
}
.withIcon svg {
    font-size: 19px;
}
.clsNowrap h4{
	white-space: nowrap;
}
.clsWE h2 span {
    font-size: 90px;
    background-image: linear-gradient(90deg, #324290 0%, #3EB9C0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.servSec{
	position:relative;
}
.servBG {
    transform: translateY(-47%);
}
.clsEOSec p span {
	font-weight:800;
}
.clsServSec img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(15%) saturate(1200%) hue-rotate(222deg) brightness(91%) contrast(90%);
}

p strong, p b {
    font-weight: 600;
}
ul{
	padding: 0 0 0 20px;
    margin: 0;
}
.DsysSec img {
    min-width: 280px;
}
.clsGn p strong{
	color:#000828;
	font-family:600;
}
.clsAdres::before {
	width: 500px !important;
    height: 500px !important;
    background-position: bottom 270px right -130px !important;
}
.cnt_frm br {
    display: none;
}
.cnt_frm label {
    font-size: 18px;
    color: #191b1f;
    font-weight: 300;
	margin-bottom: 10px;
	display: flex;
}
.cnt_frm label span {
    padding: 0 10px;
    color: #666;
    font-size: 16px;
    font-weight: 400;
}
.cnt_frm .form-row.ui-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.cnt_frm .form-row .field {
    width: 100%;
}
.cnt_frm .form-row p {
    margin-bottom: 18px;
}
.cnt_frm input, .cnt_frm textarea ,.cnt_frm select{
    border: 1px solid #d9e7ee;
    border-radius: 8px;
    min-height: 50px;
	line-height: 1.5rem !important;
	font-size:16px;
	color: #191b1f;
	font-weight:300;
}
.cnt_frm textarea{
	max-height:100px;
}
.cnt_frm .form-row.frm_btn p {
    margin: 0;
}
.cnt_frm input[type="submit"] {
    width: 100%;
	background:linear-gradient(90deg, #324290 0%, #3eb9c0 100%);
    margin: 0 auto;
}
.cnt_frm .wpcf7-not-valid-tip{
    position: absolute;
    font-size: 12px;
}
.cnt_frm .form-row.frm_btn p span.wpcf7-spinner {
    position: absolute;
    left: 46%;
    transform: translateX(-50%);
}


/* ------------------------------------ */

#home .e-parent{
	position:relative;
}
.clsHeaderBg{
	position: absolute !important;
	width:100%;
}
.tech-grid-bg {
    background-size: 50px 50px;
    background-image: linear-gradient(to right, rgba(37, 183, 245, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(37, 183, 245, 0.1) 1px, transparent 1px);
}
.clsServBtn a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sticky-box {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 140px !important;
    align-self: flex-start !important;
}
.dark{position:relative}
.dark::before {
    content: "";
    position: absolute;
    right: -160px;
    top: -160px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: var(--grad);
    opacity: .28;
    filter: blur(30px);
}
.clsNum {
    position: absolute !important;
    top: -70px;
}
.clsNum p {
    min-width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.clsOASec{position:relative}
.clsOASec::after{
	position:absolute;
	content:"";
	width:100%;
	height:2px;
	background-color:#2D2B5C;
	z-index: 1;
    left: 75px;
	top:-50px;
}
.clsOASec:last-child::after{
	background-image:linear-gradient(90deg, #2D2B5C 0%, #fff 100%);
}
.hm_faq .e-n-accordion-item{
	border:1px solid #DBE3EE !important;
	 border-radius: 8px;
}
.hm_faq .e-n-accordion-item[open] summary.e-n-accordion-item-title {
    border-radius: 8px 8px 0 0;
}
/* ------------------------------------ */
@media screen and (max-width:1380px){
	.servBG {
    	opacity: 0.5;
	}
	.clsNowrap h4 {
		letter-spacing: 4px !important;
	}
}
@media screen and (max-width:1280px){
	.DsysSec img {
		position: relative;
	}
	.DsysSec .elementor-widget-image:nth-child(2) img{
		left: -20px;
	}
	.DsysSec .elementor-widget-image:nth-child(3) img{
		left: -40px;
	}
	.DsysSec .elementor-widget-image:nth-child(4) img{
		left: -60px;
	}
	.DsysSec .elementor-widget-image:nth-child(5) img{
		left: -80px;
	}
}
@media screen and (max-width:1024px){
	.clsHeading h1 span{
		font-size:60px;
	}
	.clsWE h2 span {
		font-size: 50px;
	}
	.DsysSec img {
   	 	min-width: 185px;
	}
	.DsysSec .elementor-widget-image:nth-child(2) img{
		left: -10px;
	}
	.DsysSec .elementor-widget-image:nth-child(3) img{
		left: -20px;
	}
	.DsysSec .elementor-widget-image:nth-child(4) img{
		left: -30px;
	}
	.DsysSec .elementor-widget-image:nth-child(5) img{
		left: -40px;
	}
	.clsAdres::before {
    	width: 100% !important;
	}
}
@media screen and (max-width:850px){
	.clsNowrap h4 {
		white-space: normal;
	}
	.servBG {
        opacity: 0.15;
    }
}
@media screen and (max-width:767px){
	.cnt_frm label{
		flex-direction: column;
		gap: 8px;
		margin: 0 0 10px;
		align-items: flex-start;
		font-size: 15px;
	}
	.cnt_frm label span {
    	padding: 0;
		font-size: 13px;
	}
	.cnt_frm input {
        min-height: 35px;
    }
	.cnt_frm .form-row.ui-grid{
		flex-direction: column;
	}
	.cnt_frm .form-row p br {
		display: none;
	}
	.cnt_frm .form-row.ui-grid{
		gap:0;
	}
	.cnt_frm .form-row p {
        margin-bottom: 18px;
    }
	.DsysSec img {
   	 	min-width: 150px;
	}
	.DsysSec .elementor-widget-image:nth-child(2) img{
		left: 0;
	}
	.DsysSec .elementor-widget-image:nth-child(3) img{
		left: 0;
	}
	.DsysSec .elementor-widget-image:nth-child(4) img{
		left: 0;
	}
	.DsysSec .elementor-widget-image:nth-child(5) img{
		left: 0;
	}
	.clsHeading h1 span{
		font-size: 50px;
	}
}
@media screen and (max-width:500px){
	.clsHeading h1 span{
		font-size: 45px;
	}
	.clsWE h2 span {
        font-size: 35px;
    }
	.servBG {
        opacity: 0;
    }
}