/*
Theme Name: techno child
Tags:  custom-menu, editor-style, featured-images
Template: techno
Version: 1.0.0
*/


/*@import '../techno/style.css';*/



/*---------------------------------
      write your css from here
------------------------------------*/

/* Importing Font Awesome Icon fonts */
@font-face {
      font-family: 'Font Awesome 5 Brands';
      font-style: normal;
      font-weight: 400;
      font-display: block;
      src: url("assets/fonts/fa-brands-400.eot");
      src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); }
    
.fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }

/* ---------------------------
    UPWRITE COLOR VARIABLES
---------------------------- */ 
:root {
      --color-primary: #F15A2B;
      --color-primary2: #F37123;
      --color-shade-1: #F15A2B;
      --color-shade-2: #EF4223;
      --color-dark: #231F20;
      --color-grey: #BCBEC0;
}



.dreamit-slick-slider .style-three .hero-text-wrap .btn{
    background: var(--color-primary) !important;  
}
.dreamit-slick-slider .hero-text-wrap h1 span{
      color: var(--color-primary) !important;  
}
.dreamit-slick-slider .hero-text-wrap .btn:hover i{
      background: var(--color-primary) !important;  
}

.section-title h5{
      color: var(--color-primary);
}
.section-title.t_center h5:before,
.section-title.t_center h5:after{
      background-color: var(--color-primary);  
}

.section-title.t_left span{
      color: var(--color-primary);
}
#scrollUp{
      background: var(--color-primary);
}
.service-box.service-style-four .service-box-icon i{
      background-color: #fffaf5;
      color: var(--color-primary);
}
.em-quearys-menu i{
      background: var(--color-primary);
}
.service-box.service-style-four .service-box-icon i{
      color: var(--color-primary);
}
.techno-main-menu .hbg2{
      background: var(--color-dark);
}
.tab .nav-tabs{
      border-bottom-color: var(--color-primary) !important;
}
.my-accordion a.active{
      background: var(--color-primary);
}
.my-accordion li a:before{
      background: var(--color-primary);
}
.dreamit-button-box .dreamit-button a{
      background: var(--color-primary);
}
.elementor-widget-team .single-team-share span i{
      background: var(--color-primary);
}
.techno-blog-readmore .learn_btn{
      background: var(--color-primary);
}

body:not(.rtl) .elementor-1514 .slider-social{
      max-width: calc(100% - 48px);
}
form .form-box{
      background: var(--color-primary);
}
.form-box-inner{
      padding: 72px 35px 60px 35px;
}
.button{
      background: var(--color-primary);
}
.em-quearys-top.msin-menu-search .em-quearys-inner{
      border-top-color: var(--color-primary);
}
.top-form-control button.top-quearys-style{
      color: var(--color-primary);
      background: var(--color-primary);
}
.footer-middle .widget .menu-social-menu-container ul li i:hover{
      background: var(--color-primary);
}     
.footer-middle .widget .menu-social-menu-container ul li i{
      font-style: normal;
}
.mean-container .mean-bar{
      background: var(--color-primary) !important;
}
.team-grid-style7 .team-item .image-wrap .social-icons1, 
.team-slider-style7 .team-item .image-wrap .social-icons1{
      background: var(--color-primary) !important;
}
.team-grid-style7 .team-item i.fa,
.team-slider-style7 .team-item i.fa{
      font-family: 'Font Awesome 5 Brands';
      font-weight: 400;
}
.footer-logo p{
      font-size: 14px;
}
.footer-middle .widget ul li a:hover, 
.footer-middle .widget ul li:hover:before{
      color: var(--color-primary);
}
.breadcumb-inner > span{
      color: #fff;
}
.breadcumb-inner > span span{
      display: inline-block;
      margin: 0 6px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: 'Rajdhani', sans-serif;
}
.breadcumb-inner span > a{
      display: inline-block;
      margin: 0 6px;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: 'Rajdhani', sans-serif;
}

.breadcumb-inner li:nth-last-child(-n+1),
.breadcumb-inner span.breadcrumb_last{
      color: var(--color-primary2);
}
.brpt h2::before{
      background-color: var(--color-primary);
}
div.brand-thumb {
      height: 150px;
}
div.brand-thumb img{
      filter:none;
      -webkit-filter: none;
      transition:none;
      opacity: 1;
      height: 100%;
      width: auto;
      max-width: initial;
}
.style2.dreamit-button-box .dreamit-button i{
      background: var(--color-primary);
}
div.techno-blog-meta-top li a{
      background: var(--color-primary);
}
div.team-manager-free-items-style3-3547 .team-manager-free-items-style3-post-title-3547{
      color: var(--color-primary);
}
.service-cat-block-wrapper .feature-box.style-four .feature-box-content:after{
      background: linear-gradient(to left, var(--color-primary2) 20%, var(--color-shade-2) 80%);
}
.button-two.uw-btn-two .dreamit-button a{
      background: #231F20;
}
.button-two.uw-btn-two .dreamit-button a:after{
      background: linear-gradient(to left, var(--color-primary2) 0%, var(--color-shade-2) 100%);
}

.all-services-container .service-box.service-style-two::before{
      background: #f37123;
}
.all-services-container .service-box:hover  .service-box-icon .flaticon-content:before{
      color: #fff;
}
.quote_form .button:hover{
      background-color: #231F20;
}
.service-box.service-style-nine:hover{
      background: #f37123;
}
.quote_form .form-control{
      color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output{
      background: #d6ffd6;
      color: #0c6e0c;
}
.blog_carousel.owl-carousel .fa-long-arrow-left:before{
      content: "\f060";
}
.blog_carousel.owl-carousel .fa-long-arrow-right:before {
      content: "\f061";
}
.curosel-style .owl-nav div{
      background: #f37123;
}
.elementor-element .slider-social-icon.two li.last-items {
      margin-top: 12px;
  }
.slider-social-icon.two ul li a{
      border-radius: 0;
      height: auto;
      width: auto;
      border: none;
      padding: 4px 0px;
      font-size: 14px;
      font-weight: 700;
}
.slider-social-icon.two ul li a:hover{
      background-color: rgba(0,0,0,0.5);
      color:  #f37123;
}
.elementor-1514 .elementor-element.elementor-widget-html.elementor-element-7c83f93e {
      top: 120px;
}
.dreamit-slick-slider .slick-prev, 
.dreamit-slick-slider .slick-next{
      top: 56%;
      display: flex;
      justify-content: center;
      align-items: center;
}
.dreamit-slick-slider .slick-prev{
      left: 32px;
}
.dreamit-slick-slider .slick-next{
      right: 32px;
}
.slick-prev::before, .slick-next::before{
      font-size: 26px;
}
.techno_menu > ul > li.current-menu-item > a{
      color:  #f37123;
}
.service-cat-block-wrapper .feature-box.style-four .feature-box-content{
    display: flex;
    flex-direction: column;
    min-height: 120px;
    justify-content: center;
    padding: 18px 35px;
    background-color: #231F20;
}
.service-cat-block-wrapper .feature-box.style-four .feature-box-content .feature-box-title h2{
      color: #fff;
}
.service-cat-block-wrapper .feature-box.style-four .feature-box-content .feature-box-desc{
      display: none;
}
.uw-form-light{
      max-width: 820px;
      margin: 0 auto;
}
.exad-contact-form-7 .uw-form-light label{
      color: #fff;
      font-weight: 600;
}
.exad-contact-form-7 .uw-form-light .wpcf7-form-control.wpcf7-text, 
.exad-contact-form-7 .uw-form-light .wpcf7-form-control.wpcf7-textarea, 
.exad-contact-form-7 .uw-form-light .wpcf7-form-control.wpcf7-select{
      background-color: rgba(255,255,255,0.4)!important;
}
.exad-contact-form-7 .wpcf7-form .uw-form-light input[type="submit"]{
      background: #232020 !important;
      border: none !important;
      text-transform: uppercase;
      font-weight: 600;
      height: 64px;
      line-height: 1;
      border-radius: 4px !important;
      min-width: 200px;
      align-items: center;
      justify-content: center;
}
.exad-contact-form-7 .wpcf7-form .uw-form-light input[type="submit"]:hover{
      color: #232020 !important;
      background-color: #fff !important;
}
.uw-form-light .wpcf7-form-control-wrap{
      display: block;
}
.uw-form-light input[type="file"]{
      margin-bottom: 16px;
}

.serv-inq-form{
      padding: 40px;
      background: #f37123;
      max-width: 960px;
      border-radius: 6px;
}

.serv-inq-form h2{
      text-align: center;
      color: #fff;
      margin: 0 auto 20px auto;
      font-size: 34px;
}

.serv-inq-form .has-spinner + .wpcf7-spinner{
      position: absolute;
      left: 50%;
      bottom: 50%;
      transform: translate(86px, 5px);
}

@media only screen and (max-width: 1023px) {
      div.brand-thumb {
            height: 100px;
      }
}