/*
Theme Name: Techoedge
Theme URI:
Author:
Author URI: 
Description:
Tags: 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{padding: 0;margin: 0;box-sizing: border-box;font-size:20px;}
:root {
    --teprimary: #FF392C;
    --tetext: #707070;
    --teblack:#000000;
    --tewhite:#ffffff;
    --tesecondary:#442DAA;
    --teorange:#FF892D;
    
  }
body{margin:0;padding:0;line-height:1.6;font-size:20px;font-family: 'Roboto', sans-serif;}
html{scroll-behavior:smooth;}
img{max-width: 100%;height:auto;}
section{overflow: hidden;}
a {text-decoration: none!important;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;font-family: 'Abril Fatface', cursive;}
p{padding: 0;margin: 0;font-family: 'Roboto', sans-serif;}
ul{margin: 0;padding: 0;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
.fixed-top-bar{box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.container-1200{max-width: 1200px;margin: 0px auto;}
.container-solid{padding:0 1.7rem;}
@media screen and (max-width:990px){.container-1200,.container-solid{padding:0 1rem;}}
.logo-img{width:225px;}
/* Navigation navigation */
.navigation{display:flex;justify-content: space-between;}
.navigation nav ul{display: flex;justify-content: space-between;}
.navigation ul li{list-style: none;}
a{text-decoration: none;}
header{background-color: #ffffff;}
nav ul {margin: 0;}
nav ul li{position: relative;}
.logo{padding:1.1rem 0;}
nav ul li a:hover{color: blue;}
nav ul li a {display:block;font-size:0.75rem;color:var(--teblack);padding-left: 2rem;transition:all 0.5s linear;line-height:110px;}
.navigation .menu-item-has-children ul {
    display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: px;
    border-bottom: 3px solid var(--teprimary);
    transition:all 0.3s ease-in-out;
    border-radius: 5px;
  }
  
  .navigation .menu-item-has-children ul li {
    min-width: 200px;
    padding:0.3rem 0.5rem;
  }
  .navigation .menu-item-has-children ul a {
    padding: 0;
    font-size: 0.75rem;
    text-transform: none;
    line-height: 1.6;
    
  }
  .navbar .dropdown ul a i {
    font-size: 12px;
  }
  .navigation nav ul li:hover > a{color:var(--teprimary)}
.navigation nav ul li:hover{color:#3F9E0C}
.navigation nav ul li ul li:hover{color:#3F9E0C}
  .navigation .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .navigation .menu-item-has-children .menu-item-has-children ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }
  .navigation .menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
  .navigation .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
.navigation .menu-item-has-children:hover > a:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }

  /*Mobile Navigation*/
  .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -260px;width: 260px;padding-top: 18px;padding-bottom: 18px;background: #000;transition: 0.4s;opacity: 0.9;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav  li a {display: block;position: relative;color: var(--teorange);padding: 10px 20px;font-weight: 500;outline: none;line-height: 1.6;}
.mobile-nav a:hover,
.mobile-nav li:hover>a {color: var(--teprimary);text-decoration: none;}
.mobile-nav-toggle {position: fixed;top: 30px;right: 20px;z-index: 9998;border: 0;background: none;
 font-size: 20px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
 .mobile-nav-toggle i {color:var(--teprimary);font-size: 30px;}
.icofont-close{
	color: var(--teorange)!important;
}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.menu-item-has-children> a:after {content: "\ea99";font-family: IcoFont;padding-left: 2px;
}
.mobile-nav .menu-item-has-children ul {
  display: none;
  overflow: hidden;
  padding-left:1rem;
}

.mobile-nav li.actives ul{display: none;}


.btn-section {
    margin-top: 200px;
  }
  
  .btn-0 {
    padding: 1rem 3rem;
    background-color: red;
    position: relative;
    transition: 0.5s ease-in-out;
   display: inline-block;
    overflow: hidden;
    color: #fff!important; /* Add text color */
  }
  
  .btn-0:before {
    content: '';transition: 0.5s ease-in-out;position: absolute;top: 0;bottom: 0;
    right: 0;
    left: 0;
    
    display: block;
    background-color: #000;
    transform: translateX(-100%);
    z-index: 1;
    
  }
  .btn-0:hover {
    color: #fff !important; /* Change text color on hover */
  }
  .btn-0:hover:before {
    transform: translateX(0);
  }
  .btn-0 span{z-index: 999999;display: block;position: relative;}
  
  /* Hero Section */
  .hero{margin-top:110px}
  .hero{position: relative;background-color: #fff;padding: 2rem 0;}
  .hero h1{font-family: 'Abril Fatface', cursive;font-size: 1.7rem;padding-bottom: 0.5rem;line-height: 1.4;}
  .hero p{color: var(--tetext);font-weight: 300;font-size: 1rem;line-height:1.7;}
  @media screen and (min-width:990px){.hero-text{padding: 0 2rem 0 0;}.hero-img{padding: 0 0.4rem;}}
.top-up{margin-top: 150px;}
  /* cta buttons */

  .cta-button{padding: 0.75rem 2.5rem;margin-top: 2rem;font-size: 1.1rem;}
  .cta-button-small{font-size:0.4rem;padding: 0.5rem 2rem;margin-top: 1.3rem;}
  .btn-1{padding: 0.75rem 4.5rem;margin-top: 2rem;font-size: 1.1rem;outline: none;border: none;background-color: var(--teblack);color: #ffffff;border-radius: 5px;margin:0px auto;
  text-align: center;display: flex;justify-content: center;margin-top: 2rem;position: relative;overflow: hidden;}
  .btn-2{padding: 0.75rem 4.5rem;margin-top: 2rem;font-size: 1.1rem;outline: none;border: none;background-color: var(--teprimary);color: #ffffff;border-radius: 5px;margin:0px auto;
    text-align: center;display: flex;justify-content: center;margin-top: 2rem;position: relative;overflow: hidden;}
  .btn-1:before{content: '';transition: 0.5s ease-in-out;position: absolute;top: 0;bottom: 0;right: 0;
    left: 0;display: block;background-color: #442DAA;transform: translateX(-100%);z-index: 1;}
    .btn-2:before{content: '';transition: 0.5s ease-in-out;position: absolute;top: 0;bottom: 0;right: 0;
      left: 0;display: block;background-color: #442DAA;transform: translateX(-100%);z-index: 1;}
    .btn-1:hover:before{ transform: translateX(0);}
  .cta-button-small span{font-size: 0.8rem;}
  .cta{background-color: var(--teprimary);color:var(--tewhite);border-radius: 6px;display: inline-block;position: relative;overflow: hidden;}
  .cta:before{content: '';transition: 0.5s ease-in-out;position: absolute;top: 0;bottom: 0;right: 0;
    left: 0;display: block;background-color: #442DAA;transform: translateX(-100%);z-index: 1;}
    .cta:hover:before {
      transform: translateX(0);
    }
    .btn-2:hover:before {
      transform: translateX(0);
    }
    .cta span{position: relative;z-index: 2;}
    .btn-1 span, .btn-2 span{position: relative;z-index: 2;}

    /* item-1 */
    .item-1{background-color: #F2F2F2;background-image: url(images/Sec1_img.svg);background-repeat: no-repeat;background-position: bottom left;
    padding: 3rem 0 0;}
    .item-1 h3{font-size: 1.4rem;padding-bottom: 1rem;line-height: 1.5;}
    .item-1 p{font-size: 1rem;color: var(--tetext);font-weight: 300;padding-top:0.7rem;line-height: 1.7;}
    @media screen and (min-width:991px){
      .item-1-text{padding:0 2.3rem;}
      .item-1{background-size: 680px;}
      .dummy-container{padding: 1.5rem 0;background-color: #f2f2f2;}
    }
    @media screen and (max-width:990px){
      .item-1{background-image: none;}
    }
  

    /* item 2*/
    .item-2{padding:3rem 0;background-color: #ffffff;}
    .item-2 h3{color: var(--teblack);font-size: 1.4rem;padding-bottom:1rem;}
    .item-2 h4{color: var(--teorange);font-size: 1.2rem;padding-top: 1.5rem;padding-bottom: 0.6rem;}
    .item-2 p{color: var(--tetext);font-size: 0.8rem;font-weight: 300;}
    @media screen and (min-width:991px){
      .item-2 .item-2-container{padding: 0 2rem;}
      .item-2 h3{height: 107px;}
      .item-2 img{height: 265px;}
    }
    .dummy-2-container{padding:0.5rem;background-color:#f2f2f2;}
    /* contact */
    .contact{padding: 4rem 0;}
    .contact h3{color: var(--teblack);font-size: 1.2rem;padding-bottom: 1rem;}
    .contact p{font-size: 0.8rem;}
    .contact input{display: block;width: 100%;margin:1.3rem 0;padding: 0.5rem 1rem;outline: none;border: 1px solid #9C9C9C;
    border-radius: 8px;}
    .form-container{border-radius: 10px;}
    @media screen and (min-width:991px){
      .form-container{padding: 3rem 3.8rem;-webkit-box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);
        -moz-box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);
        box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);}
        .contact .col-lg-6{padding: 0 1.8rem;}
    }
.contact ::placeholder{color: #C7C7C7;}

/* Footer */
.footer-logo{width: 200px;}
@media screen and (min-width:991px){
  footer{padding:0 8rem}
}
footer li{list-style:none;}
footer{padding-bottom: 3rem;padding-top:2rem;}
.disclaimer li a{font-size: 0.7rem;color: #626262;}
.rights p{font-size: 0.7rem;color: #626262;}
.rights img{width: 120px;text-align: end;}
footer a{transition: all 0.5s ease-in-out;}
footer a:hover{color: var(--teorange);}
footer .fa-brands{color:#626262 ;transition: all 0.5s ease-in-out;}
footer .fa-brands:hover{color: var(--teorange);}
.social-icons li{padding: 0 1rem;margin-top: 0.4rem;}
@media screen and (max-width:990px){
  footer{text-align: center;}
  .social-icons{padding: 0;justify-content: center;}
}

/* Who its for */
.inner-page-banner h1 span{color:var(--teprimary);font-size:1.7rem;}
.inner-page-banner h3{color:var(--teprimary);font-size:1.3rem;font-family:'Roboto', sans-serif;font-weight:300;text-align:left;padding-top:0.5rem;}
.inner-page-banner img{width:500px;}
.intro-text{background:#FEFEFE;padding:2rem 0;box-shadow:2px 1px 27px 33px rgba(239,239,239,0.75);}
.intro-text h3,.intro-text h3 span{color:var(--teprimary);font-size:1.7rem;font-family:'Roboto', sans-serif;font-weight:300;text-align:center;}
.solution h3{color:var(--teorange);font-size:1.3rem;}
.solution p{font-size:1rem;color:var(--tetext);font-weight:300;padding-top:1rem;}
.solution ul li{font-size:1rem;color:var(--tetext);font-weight:300;padding-top:1rem;}
.solution .row{padding:3rem 0;background:#fff;/*box-shadow:2px 1px 27px 33px rgba(239,239,239,0.75);border-radius:5px;*/}
.img-area, .text-area{padding:0 2.4rem;}
.solution{background:#FCFCFC;z-index:2;}

.sol-2{pdding:2rem 0 0;}
.dummy-bg{background:#F0F0EE;padding:4rem;margin-top:-5rem;position:relative;z-index:1;}
.solution ul{padding-left:1rem;}
.solution ul li::marker {
  color: var(--teprimary);
}
.solution .row{position:relative;z-index:2;}
.sol-2 .row{position:relative;z-index:2}
.sol-3{padding-bottom:4em;}
.op{content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    border-bottom:1px dashed red;
    background: transparent;
    bottom: 1px;
    left: calc(50% - 60px);
    bottom:30px;
}

.solution .even .row{display:flex!important;flex-direction: row-reverse;}
.solution .odd{background:#ffffff;}
.solution .even{background:#ffffff;}
.lastrow{padding:0!important;}
@media screen and (max-width:576px){
    .solution .img-area, .solution .text-area {padding:0 1rem;}
    .solution img{padding-bottom:1rem;}
}
.current_page_item a{color:var(--teprimary);}
.current-menu-parent > a{color:var(--teprimary);}


.nav-menu{display:flex;}
.nav-menu ul{margin-right:3rem;}
@media screen and (max-width:990px){.nav-menu{display:none;}
    .search-field {
    background-color: #fff;
    background: url('images/Search.svg'); 
    background-repeat:no-repeat;
    background-size: 1rem;
    background-position: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    display: block;
    background-color: #fff;
    border: 2px solid var(--teprimary);
    border-radius: 40px;
    cursor: text;
    outline: 0;
    width: auto;
    margin-left:0.1rem;
}
.search-submit {
    display: none;
}

    
}
@media screen and (min-width:991px){
    .search-form {
position: absolute;
    right: 1.7rem;
    top: 1.6rem;
}
.search-form label {
    position: relative;
}
.search-field {
    background-color: transparent;
    background: url('images/Search.svg'); 
    background-repeat:no-repeat;
    background-size: 1rem;
    background-position: 10px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    transition: width 400ms ease, background 400ms ease;
    width: 0;
}
.searchbuttonimg {
    position: absolute;
    width: 50px;
    height: 37px;
    top: 1.5rem;
    left: -1rem;
   
}
.search-submit {
    display: none;
}
.search-field:focus {
    display: block;
    background-color: #fff;
    border: 2px solid var(--teprimary);
    border-radius: 40px;
    cursor: text;
    outline: 0;
    width: 280px;
}
}
.get-form input{display: block;width: 100%;margin:0.6rem 0;padding: 0.5rem 1rem;outline: none;border: 1px solid #9C9C9C;
    border-radius: 8px;}
    .get-form button{width:100%;margin-top:0.6rem;padding:0.6rem 1rem;}
    @media screen and (min-width:991px){.get-form .row{padding:2rem 0 0;}.get-form .row .col-lg-6{padding:0 2rem;}.get-form{padding-bottom:2rem;}}
    input:focus{border:1px solid var(--teprimary);}
    @media screen and (max-width:990px){.get-form{padding:2rem 0;}}
    .blog-entries{padding:1rem 0;}
    .blog-entries p{font-size: 1rem;
    color: var(--tetext);
    font-weight: 300;
    padding-top: 0.7rem;
    line-height: 1.7;}
   
   
    .search-banner{margin-top:110px;background: linear-gradient(90deg, rgba(242,242,242,1) 43%, rgba(255,255,255,1) 68%);padding:3rem 0;}
    .search-banner h1{color:var(--teblack);font-size:2rem;}
     .search-banner h1 span{color:var(--teprimary);font-size:2rem;}
    .search-entries{padding:1rem 0;}
    .search-entries .row{padding:0!important;}
    .search-row h2{color:var(--teprimary);font-size:1.5rem;padding-bottom:0.5rem;}
    .search-row p{color:var(--tetext);font-size:1rem;font-weight:300;}
    article{padding:1.5rem 0;border-bottom:1px solid #999;}
    #searchsubmit{background:var(--teprimary);color:#fff;border:none;outline:none;padding:0.3rem 1rem;}
    input{padding:0.2rem;border:1px solid var(--teprimary);}
    .search-title, .content{padding:0;}
    .about-content p{color:var(--tetext);font-size:1rem;font-weight:300;padding-bottom:1rem;}
    .about-content {padding:2rem 0;}
    @media screen and (min-width:991px){.about-content .pr-lg-3{padding-right:2rem;}.about-content .pl-lg-3{padding-left:2rem;}}
    @media screen and (max-width:990px){
        .item-1{background-image:none!important;}
    }
     @media screen and (max-width:576px){
       .item-2 img{width:70%;text-align:left;}
       .logo-img{width:170px;}
       .hero{padding-top:0.3rem;}
       .contact{padding-bottom:2rem;}
    }
    
    
    .about-content h3{color: var(--teblack);font-size: 1.2rem;padding-bottom: 1rem;}
    
    .about-content input{display: block;width: 100%;margin:1.3rem 0;padding: 0.5rem 1rem;outline: none;border: 1px solid #9C9C9C;
    border-radius: 8px;}
    .form-container{border-radius: 10px;}
    @media screen and (min-width:991px){
      .form-container{padding: 3rem 3.8rem;-webkit-box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);
        -moz-box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);
        box-shadow: 2px 1px 27px 33px rgba(239,239,239,0.75);}
        .contact .col-lg-6{padding: 0 1.8rem;}
    }
.about-content ::placeholder{color: #C7C7C7;}
.about-content .form-container{box-shadow:none;padding-top:0rem;}