/*
Theme Name: Pikmate 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{
     --orange:#F15927;
     --black:#171717;
     --text:#717584;
     --white: #FFFFFF;
     --transition: all 0.5s ease-in-out;
}
 body::-webkit-scrollbar {
     width: 6px;
}
 body::-webkit-scrollbar-track {
     background:var(--black);
     border-radius: 8px;
}
 body::-webkit-scrollbar-thumb {
     background:var(--orange);
     border-radius: 8px;
}
 a{
     transition: all 0.5s;
}
@font-face {
  font-family: "HelveticaNowDisplay-Bold"!important;
  src: url("fonts/HelveticaNowDisplay-Regular.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNowDisplay-Regular" !important;
  src: url("fonts/HelveticaNowDisplay-Bold.ttf") format("truetype");
  font-style: normal;
}
/*-------------------------------------------------------------- 
 # Header css 
 --------------------------------------------------------------*/
div[data-elementor-type="header"]{
    position: relative !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
    background-color: var(--orange) !important;
}
.home div[data-elementor-type="header"]{
    position: absolute !important;
    background-color: transparent !important;
}
.home div[id="wpadminbar"] ~ div[data-elementor-type="header"]{
    top: 30px;
}
/*-------------------------------------------------------------- 
 # Home css 
 --------------------------------------------------------------*/
.btn_box h3.elementor-image-box-title {
    margin-top: 0px;
}
.btn_box p.elementor-image-box-description {
    margin-top: 2px;
}
.featured_text ol {
    padding: 0px 0px 0px 20px;
    display: grid;
    grid-gap: 6px;
}
.featured_text ol li::marker {
    color: var(--orange) !important;
    font-weight: 600;
}
.faq_accordion .elementor-accordion-item {
    border: 1px solid #707070 !important;
    border-radius: 8px;
}
.faq_accordion p {
    margin: 0px;
}
.faq_accordion .elementor-tab-content p ~ p {
    margin-top: 10px;
}
.faq_accordion .elementor-tab-content ol{
    padding-left: 24px !important;
    margin-top:10px;
}
.faq_accordion .elementor-accordion {
    display: grid;
    grid-gap: 13px;
}
.faq_accordion span.elementor-accordion-icon.elementor-accordion-icon-right svg {
    width: 20px !important;
    height: 20px !important;
}
.faq_accordion .elementor-accordion-item > div span.elementor-accordion-icon {
    position: relative;
    top: 5px;
}
/*-------------------------------------------------------------- 
 # Footer css 
 --------------------------------------------------------------*/
.social_list  a {
    min-width: 30px;
    height: 30px;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    background: transparent;
    border: 2px solid var(--orange);
    border-radius: 50%;
    transition:all 0.4s;
}
.social_list  a:hover{
    background-color:var(--orange);
}
.social_list a * {
    margin: 0px !important;
}
.social_list span.elementor-icon-list-text {
    display: none;
}
.social_list a svg {
    width: 16px !important;
    height: 15px !important;
    transition:all 0.4s;
}
.contact_grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}
.contact_grid p {
    margin: 0px;
}
.contact_grid label {
    font-size: 17px;
    color: var(--black);
    font-family: 'HelveticaNowDisplay-Regular';
    margin-bottom: 12px;
}
.contact_grid input,.contact_grid select,.contact_grid textarea {
    color: #717584;
    background-color: #F7F8FA;
    font-size: 16px;
    border: unset !important;
    height: 52px;
    font-family: 'HelveticaNowDisplay-Regular';
    transition:all 0.4s;
    outline: unset !important;
    box-shadow: 0px 0px 7px 0px transparent !important;
    border-radius:6px !important;
    padding:12px 15px;
}
.contact_grid input:focus,.contact_grid select:focus,.contact_grid textarea:focus{
    box-shadow: 0px 0px 7px 0px #f1592745 !important;
}
.contact_grid > div:nth-last-child(1),.contact_grid > div:nth-last-child(2){
   grid-column:span 2;
}
.contact_grid textarea{
   height:127px;
    resize:none;
}
.contact_grid input[type="submit"]{
    background-image:linear-gradient(to top, #000 , #000);
    color:var(--white);
    min-width:155px;
    padding:10px 32px !important;
    font-size:18px;
    transition:all 0.4s;
}
.contact_grid input[type="submit"]:hover{
    background-image: linear-gradient(180deg, #050505 0%, #1C1C1C 100%);
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    font-family: 'HelveticaNowDisplay-Regular';
}
.privacy_box ul,.privacy_box ol {
    margin:0px;
    padding-left: 20px;
}
.privacy_box ul + p, .privacy_box ol + p,.privacy_box p + ul,.privacy_box p + ol {
    margin-top: 12px;
}
.privacy_box p:last-child{
    margin-bottom: 0px;
}
/*-------------------------------------------------------------- 
 # Home css 
 --------------------------------------------------------------*/
@media (max-width: 991px) {
    .banner_sec::before{
        display: none !important;
    }
    .btn_box .elementor-image-box-wrapper {
        display: flex !important;
        grid-gap: 6px;
    }
    .btn_box .elementor-image-box-wrapper p{
        margin:0px;
    }
     div[data-elementor-type="header"] nav {
         position: fixed;
         width: 100%;
         top: 65px;
         left: 0px;
         margin: 0px !important;
         padding: 10px 0px 10px;
         z-index: 99;
         background-color: var(--orange) !important;
          min-height:100vh;
    }
     div[data-elementor-type="header"] nav ul li a {
         color: var(--black) !important;
        
         justify-content: space-between;
    }
     div[data-elementor-type="header"] nav ul li.current-menu-item a {
         color: var(--orange) !important;
       background-color: var(--white) !important;
    }
   .counter_box .elementor-counter-title {
        text-align: center;
    }
    .experience_box .elementor-image-box-wrapper {
        display: flex;
        grid-gap: 20px;
    }
    .experience_box .elementor-image-box-wrapper h3 {
        margin-top: 0px;
    }
    .contact_grid input,.contact_grid select,.contact_grid textarea {
        font-size:15px !important;
        padding:12px 12px !important;
        height:42px;
    }
    .contact_grid textarea{
        height:110px;
    }
    .contact_grid input[type="submit"]{
        font-size:16px !important;
        padding:10px 20px !important;
        min-width:120px !important;
        height:unset;
    }
    .privacy_box ul + p, .privacy_box ol + p,.privacy_box p + ul,.privacy_box p + ol {
        margin-top: 6px;
    }
}