.flex-section{
  position: relative;
  display: flex;
flex-direction: column;
}

.flex-bg-color, .flex-bg-image{
    position: absolute;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    top: 0;
    left: 0;
  }


    .flex-grid{
      position: relative;
      display: flex;
      justify-content: center;
      height: 100%;
      flex-direction: column;
      max-width: 1400px;
      margin: 50px auto;
    }
 
.down-arrow{
  position: absolute;
  right: 20px;
}


.rotate180{
  transform: rotate(180deg);
  transform-origin: center center;
}


.flexible-grid-2{
    position: relative;
	display: grid;
  width: 100%;
  margin: 20px auto;
}

.flexible-grid-3, .flexible-grid-4, .flexible-grid-5, .flexible-grid-6{
    position: relative;
	display: grid;
  margin: 20px auto;
  width: 100%;
}

.columns-box {
  position: relative;
  width: 100%;
  margin: 0 auto;
}


@media only screen 
	and (max-width: 768px) 
 	and (min-width: 100px) 
 { 

    .flexible-grid-2,  .flexible-grid-3, .flexible-grid-4, .image-link-box-grid {
        grid-template-columns: 100% !important;
    }

.order-1{
  order: 1;
}

 }

 @media only screen 
 	and (min-width: 769px) and (max-width: 1023px) 
 { 

.flexible-grid-2{
  grid-template-columns: repeat(2, 1fr)!important;
}

.ola-block-box .tab-text-wrap {
  width: 50%;
  }

 }

 @media only screen 
 and (max-width: 1199px) 
 and (min-width: 1024px) 
{ 

}