/*
Theme Name: Piper Procurement Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*-------------------------------------------------------------- 
# Root css 
--------------------------------------------------------------*/
:root {
    --ink: #071522;
    --navy: #061522;
    --blue: #168EEA;
    --blue2: #61C2FF;
    --white: #FFFFFF;
    --paper: #f5f7fa;
    --line: #cdd7df;
}
 body::-webkit-scrollbar {
     width: 6px;
}
 body::-webkit-scrollbar-track {
     background:var(--black);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
     background:var(--blue);
     border-radius: 8px;
}
 a{
     transition: all 0.5s;
}
/*-------------------------------------------------------------- 
# Header css 
--------------------------------------------------------------*/
div[data-elementor-type="header"] {
    position: sticky !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
}
div#wpadminbar ~ div[data-elementor-type="header"] {
     top: 30px;
}

.button-arrow-cls .elementor-button-icon svg {
    width: 10px !important;
}

/*-------------------------------------------------------------- 
# Home css 
--------------------------------------------------------------*/
.route-sec-cls {
    background: linear-gradient(135deg, #071724, #0b2940);
}

.most-card-cls{
    box-shadow: inset 0 3px 0 var(--blue);
    background: linear-gradient(160deg, #113d5e, #0b2234);
}

.user-box-cls h4.elementor-icon-box-title {
    margin-top: 0px !important;
}

.user-box-cls span.elementor-icon {
    border-color: #3f6681 !important;
}

.list-arrow-cls span.elementor-icon {
    font-size: 10px !important;
}

.piper-difference {
    background: linear-gradient(110deg, #0d3553, #0a2233);
    box-shadow: inset 3px 0 #168eea;
}

.hero_sec::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-image: linear-gradient(#fff 1px, #0000 1px), linear-gradient(90deg, #fff 1px, #0000 1px);
    background-size: 72px 72px;
    position: absolute;
    inset: 0;
    -webkit-mask-image: linear-gradient(90deg, #0000, #000);
    mask-image: linear-gradient(90deg, #0000, #000);
    left: 0px;
    top: 0px;
    opacity: .11;
}
.hero_sec {
    background: radial-gradient(circle at 72% 25%, #123d61 0, #061522 42%, #030d16 100%);
}
.count_box h3 {
    border-radius: 50%;
    place-items: center;
    width: 30px;
    height: 30px;
    display: grid;
    background: #18364c;
    margin: 0px auto 8px auto  !important;
}
.counter_grid > div {
    width: 100% !important;
    max-width: 100% !important;
}
.counter_grid > div .elementor-image-box-content {
    text-align: center;
    display: grid;
    justify-content: center;
}
.count_box::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #2b506a;
    display: block;
    top: 14px;
    position: relative;
}
.count_box:last-child{
    max-width:fit-content !important;
}
.count_box:last-child::after {
   display:none;
}
.count_box {
    display: flex;
}
.counter_grid {
    grid-gap: 8px;
}
.count_box.active h3{
	background-color:var(--blue) !important;
	color:var(--white) !important;
}
.hero_head h1 span,.hero_head h2 span {
    color: #0000;
    background: linear-gradient(90deg, #70caff, #168eea);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 400;
    font-style: italic;
	    font-family: Georgia, serif;
}
.hero_head h1,.hero_head h2 {
    font-family: "Arial", Sans-serif !important;
	    letter-spacing: -.055em;
}
.line_bdr h4::before {
    content: "";
    background: var(--blue);
    width: 26px;
    height: 2px;
    display: block;
    position: absolute;
	left:0px;
	top:5px;
}
.line_bdr h4 {
    padding-left:36px;
}
.build_sec{
	    background: radial-gradient(circle at 50% 0, #123f61, #061522 60%) !important;
}
.brif_icon span.elementor-icon-list-icon {
    order: 2;
    padding: 0px !important;
}
.brif_icon span.elementor-icon-list-icon  svg{
    margin:0px  !important;
}
.brif_icon li.elementor-icon-list-item {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
}
/* ================================
   PROJECT FORM
================================ */

.project-form {
    width: 100%;
    /* background: var(--navy); */
    /* border: 1px solid rgba(97, 194, 255, 0.30); */
    color: var(--white);
    box-sizing: border-box;
}
.project-form .field-grid  br {
    display: none;
}

.project-form .field-grid span,.project-form span {
    color: #7292a7;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}

.project-form .field-grid span.wpcf7-form-control-wrap,.project-form span.wpcf7-form-control-wrap {
    margin: 0px !important;
}
.project-form .field-grid input,.project-form textarea{
    color:var(--white) !important;
    min-height: 23px;
}
.project-form .field-grid input:focus,.project-form .field-grid select:focus,.project-form .field-grid textarea:focus{
	    outline: 2px solid #61c2ff;
}
.project-form .field-grid input::placeholder,.project-form textarea::placeholder{
   color:color-mix(in oklab, currentcolor 50%, transparent) !important;
}
.project-form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item label{
    display: flex !important;
	grid-gap:10px;
}
/* ================================
   TWO COLUMN GRID
================================ */

.project-form .field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.project-form .field-grid > p:last-child{
	grid-column:span 2;
}

/* ================================
   FIELD
================================ */

.project-form .field-grid label,
.project-form .full-field {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75px;
    padding: 17px 22px;
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #2d5069;
}


/* Vertical line between columns */

.project-form .field-grid label:nth-child(odd) {
    border-right: 1px solid #2d5069;
}


/* ================================
   LABEL TITLE
================================ */

.project-form label > span:first-child {
    display: block;
    margin-bottom: 9px;
    color: var(--blue2);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}


/* ================================
   INPUT / SELECT / TEXTAREA
================================ */

.project-form input[type="text"],
.project-form input[type="email"],
.project-form input[type="tel"],
.project-form input[type="file"],
.project-form select,
.project-form textarea {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--white);
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    box-shadow: none;
    border-radius: 0;
}


/* Placeholder */

.project-form input::placeholder,
.project-form textarea::placeholder {
    color: rgba(97, 194, 255, 0.58);
    opacity: 1;
}


/* Focus */

.project-form input:focus,
.project-form select:focus,
.project-form textarea:focus {
    outline: none;
    box-shadow: none;
}


/* ================================
   SELECT
================================ */

.project-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;

    background-image:
        linear-gradient(45deg, transparent 50%, #a9c2d1 50%),
        linear-gradient(135deg, #a9c2d1 50%, transparent 50%);

    background-position:
        calc(100% - 8px) 50%,
        calc(100% - 3px) 50%;

    background-size:
        5px 5px,
        5px 5px;

    background-repeat: no-repeat;
}


/* Select options */

.project-form select option {
    background: var(--navy);
    color: var(--white);
}


/* ================================
   FILE FIELD
================================ */

.project-form .file-field {
    grid-column: 1 / -1;
    min-height: 90px;
    border-right: 0 !important;
}


.project-form .file-field input[type="file"] {
    color: var(--white);
    cursor: pointer;
    font-size: 11px;
}


.project-form .file-field input[type="file"]::file-selector-button {
    margin-right: 10px;
    padding: 5px 10px;
    border: 1px solid rgba(97, 194, 255, 0.35);
    background: transparent;
    color: var(--blue2);
    font-size: 10px;
    cursor: pointer;
}


.project-form .file-field small {
    display: block;
    margin-top: 6px;
    color: rgba(97, 194, 255, 0.55);
    font-size: 8px;
}


/* ================================
   PROJECT DETAILS
================================ */

.project-form .full-field {
    min-height: 125px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.project-form .full-field textarea {
    min-height: 65px;
    resize: vertical;
}


/* ================================
   CONSENT
================================ */

.project-form .consent-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 10px 22px;
    border-bottom: 1px solid rgba(205, 215, 223, 0.25);
    margin: 0;
}


.project-form .consent-field .wpcf7-list-item {
    margin: 0;
}


.project-form .consent-field input[type="checkbox"] {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    margin: 0;
    accent-color: var(--blue);
    cursor: pointer;
}


.project-form .consent-field span {
    margin: 0 !important;
    color: var(--white);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}


/* ================================
   SUBMIT AREA
================================ */

.project-form .form-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 80px;
    padding: 15px 22px;
    box-sizing: border-box;
    position: relative;
}
.project-form .form-submit p:nth-child(2){
	max-width:fit-content !important;
	width:100% !important;
}

.project-form span.wpcf7-spinner {
    position: absolute;
    right: 0px;
    top: 26px;
}
.project-form .form-submit p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
    color: #7893a4;
}


.project-form .form-submit p svg {
    flex: 0 0 auto;
    color: var(--blue);
}


/* ================================
   SUBMIT BUTTON
================================ */

.project-form .form-submit input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 177px;
    min-height: 41px;
    padding: 0 18px;
    border: 0;
    border-radius: 0;
    background: var(--blue);
    color: var(--white);
    font-family: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}


.project-form .form-submit input[type="submit"]:hover {
    background: #0c80d8;
    transform: translateY(-1px);
}


.project-form .form-submit input[type="submit"]:focus {
    outline: none;
}


/* ================================
   CF7 DEFAULT RESET
================================ */

.project-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin: 0px;
}


.project-form .wpcf7-not-valid-tip {
    margin-top: 4px;
    font-size: 8px;
    color: #ff7d7d;
}


.project-form .wpcf7-response-output {
    margin: 0 !important;
    padding: 12px 20px !important;
    border: 1px solid var(--blue) !important;
    color: var(--white);
    background: rgba(22, 142, 234, 0.10);
    font-size: 11px;
}

.project-form span.wpcf7-not-valid-tip {
    color: #eb5d5d !important;
    text-transform: capitalize !important;
}

.wpcf7-response-output {
    color: #fff !important;
}

/* Remove CF7 default paragraphs */

.project-form p {
    margin-block-start: 0;
    margin-block-end: 0;
}

.plus_head h2 {
    max-width: fit-content !important;
    position: relative;
}

.plus_head h2 sup {
    position: absolute;
    top: 36px;
    vertical-align: top;
    font-size: .34em;
    color: var(--blue);
    right: -40px;
}
.technical_sec::after {
    content:"";
    background: linear-gradient(90deg, #03101ad9 0, #03101a66 48%, #0000 80%);
    position: absolute;
    inset: 0;
}

.page-id-1868 div[data-elementor-type="header"] ,.page-id-1868 div[data-elementor-type="footer"]{
    display: none !important;
}

.whatsapp_btn  svg {
    width: 24px !important;
    height: 24px !important;
}
.whatsapp_btn  span.elementor-button-content-wrapper {
    align-items: center !important;
}

/*-------------------------------------------------------------- 
# Resposnive css 
--------------------------------------------------------------*/
@media (max-width: 991px) {
     div[data-elementor-type="header"] nav {
         position: fixed;
         width: 100%;
         top: 88px;
         left: 0px;
         margin: 0px !important;
         padding: 10px 0px 20px;
         z-index: 99;
         border-radius: unset !important;
    }
     div[data-elementor-type="header"] nav ul li a {
         border-bottom: 1px solid rgba(0,0,0,0.2);
         color: var(--black) !important;
         background-color: var(--white) !important;
         justify-content: space-between;
         border-radius: unset !important;
         padding: 10px 15px !important;
    }
     div[data-elementor-type="header"] nav ul li.current-menu-item a {
         color: var(--blue) !important;
    }
    div[data-elementor-type="header"] nav ul li:last-child a {
       border-bottom:unset !important;
        padding-bottom:0px !important;
    }
}
@media (max-width: 767px) {

   .project-form .field-grid {
        display: flex;
        flex-flow: wrap;
    }

 .project-form .field-grid p {
        width: 100%;
    }

    .project-form .field-grid label:nth-child(odd) {
        border-right: 0;
    }

    .project-form .field-grid label {
        min-height: 72px;
        padding: 16px 18px;
        border-right: 0;
    }

    .project-form .file-field {
        grid-column: auto;
    }

    .project-form .full-field {
        padding: 18px;
    }

    .project-form .consent-field {
        padding: 12px 18px;
    }

    .project-form .form-submit {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px;
    }

    .project-form .form-submit p {
        width: 100%;
    }

    .project-form .form-submit input[type="submit"] {
        width: 100%;
    }
	
	.whatsapp_btn  span.elementor-button-text {
    display: none;
}
.whatsapp_btn a {
    padding: 8px !important;
}
.whatsapp_btn a svg {
    width: 30px !important;
    height: 30px !important;
}
}