main-menu,.active-menu > a::after {
  content: "";
    position: absolute;
    left: 50%;
    top: 180%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 35px;
    opacity: 80%;
    background-image: url(../images/shape/100px-wave.png);
    /* background-image: url(/-assets/images/shape/100px-wave.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
}
main-menu,.active-menu > a::before {
  content: "";
    position: absolute;
    left: 111%;
    top: -30%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 47px;
    opacity: 80%;
    background-image: url("../images/shape/rays-60px.png"), ;
    /* background-image: url(/assets/images/shape/rays-60px.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
}

/* .header-menu .main-menu li a:hover {
      content: "";  
    width: 100%;
    opacity: 100%;    
    background-image: url(/assets/images/shape/100px-wave.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-blend-mode: multiply;
    transition: all 0.3s linear;
 
} */

.sub-title span{
  width: 20px;
  height: inherit;
  position: relative;
}
/* .sub-title span.ray::before{
  content: "";    
   position: absolute;
   height: 25px;
   width: 30px;
   top: -20px;
   right: -22px;   
    background-image: url(../images/shape/rays-60px.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
} */
.techwix-about-section-06, .techwix-service-section-04{
  position: relative;
}
.techwix-about-section-06::after, 
.techwix-service-section-04::after{
   content: "";    
   position: absolute;
    height: 310px;
    width: 86%;
    left: -45%;
    bottom: -115px;
    rotate: -40deg;  
    /* background-image: url(/assets/images/shape/1920px-wave.png); */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -10;
}

.header-section{
   /* background-image:  url(../images/shape/header-wave-v.7.2.png) !important; */
    /* background-color: #185dff; */
    background-position: right 0px;
    /* background-size: 50%; */
    
   height: 80px;
   display: flex;
   align-items: center;
   
   background-repeat: no-repeat;
   color: white;
}
.header-section.dark-text {
  color: black; /* Text color when the background is white */
}

.gradient-style{
  background: linear-gradient(90deg, #e70f0f 0%, #FFA500 100%) !important;
}
.gradient-style:hover{
  background: linear-gradient(90deg, #FFA500 0%, #e70f0f 100%) !important;
}

.parent {
  /* background-color: #e70f0f73; */
}

.child {
    height: calc(100% - 70px); /* Set the height of the child div to 100% */
   
}

.bg-wave{
   /* background-image:  url(/assets/images/shape/baler-wave-eka-eka.png), url(/assets/images/shape/baler-wave-eka-eka-laid-down.png), url(/assets/images/shape/baler-wave-eka-eka-corner.png); */
   
    /* background-position-x: right, right, -272px;
    background-position-y: bottom, bottom, 98px;
    background-size: cover, cover, 116%;
   background-repeat:no-repeat, no-repeat, no-repeat; */
 
    background-image: url(../images/shape/3-wave-ogos-tech.png);
     background-position-x: right;
    background-position-y: bottom;
    background-size: cover;
   background-repeat:no-repeat; 
}
.bg-wave-horizontal{
   background-image: url(../images/shape/Waving_Rainbow-removebg-preview.png),
   url(/assets/images/bg/cta-bg3.jpg) !important;
   background-position:left -60px bottom -222px, center ; 
   background-size: cover;   
   background-repeat: no-repeat;
   
}
.bg-wave-horizontal-2{
   background-image: url(/../images/shape/Waving_Rainbow-removebg-preview.png),
   url(../images/shape/testi-shape6.png) !important;
   background-position:left -60px bottom -222px, center ; 
   background-size: cover;   
   background-repeat: no-repeat;
   
}
.sub-title.color-3 span.text-sub{
  /* background-color: black; */
  padding: 5px 15px;
  border-radius: 5px; 
  background: linear-gradient(90deg, #0f084b 0%, #56c8ff 100%) !important;
  box-shadow: 11px 10px 38px 0 rgba(46, 63, 99, 0.15);
  color: #ffffff;
}




/* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #59ffea;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 5px;
  width: 160px;
  position: fixed;
  left: -130px;
  z-index: 1000;
  font: normal normal 10px Arial;
  text-align: right;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.fab {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-right: 0px;
  margin-left: auto;
}

.fl-fl:hover {
  left: 0;
}

a.fl-fl {
  color: #141414 !important;
  text-decoration: none;
  text-align: right;
  line-height: 43px!important;
  vertical-align: top!important;
}

.float-fb {
  top: 160px;
}

.float-tw {
  top: 215px;
}

.float-gp {
  top: 270px;
  
}

.float-rs {
  top: 325px;
}

.float-ig {
  top: 380px;
}

.float-pn {
  top: 435px;
}
/* Floating Social Media Bar Style Ends Here */

.text-justify{
  text-align: justify;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.text-uppercase{
  text-transform: uppercase;
}

.text-capitalize{
  text-transform: capitalize;
}

.text-lowercase{
  text-transform: lowercase;
}