#boty .about-pattern { 
    position: relative; 
    z-index: 2; 
    padding: 80px 0;
} 



#boty .about-pattern:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    content: ""; 
    background: url("../images/bg_pattern1.png") 100% 100%; 
    z-index: -1;
} 

#boty .container { 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  #boty .container { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  #boty .container { 
    max-width: 720px;
  } 
}     

@media (min-width: 992px){ 
  #boty .container { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  #boty .container { 
    max-width: 1140px;
  } 
}     

#boty .row { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    margin-right: -15px; 
    margin-left: -15px;
} 

#boty .col-lg-6 { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
    
} 

@media (min-width: 992px){ 
  #boty .col-lg-6 { 
    -webkit-box-flex: 0; 
    -ms-flex: 0 0 50%; 
    flex: 0 0 50%; 
    max-width: 50%;
  } 
}     

@media (min-width: 768px){ 
  #boty .text-md-center { 
    text-align: center!important;
  } 
}     

#boty .mrt-40 { 
    margin-top: 40px;
} 

#boty h2 { 
    margin-top:     0; 
    margin-bottom:     .5rem; 
    font-family:   'gilroy', sans-serif; 
    font-weight:   700;
    line-height:  36px;
    color:   #252a37; 
    font-size:  36px; 
} 

#boty .column-title { 
    font-size: 44px; 
    line-height: 50px; 
    margin: 0 0 20px;
} 

#boty .column-title.title-small { 
    font-size: 36px;
} 

#boty a { 
    color:  #2154cf;
    text-decoration:  none; 
    background-color:  transparent; 
    -webkit-text-decoration-skip:  objects;
} 

#boty .btn { 
    display: inline-block; 
    font-weight: 400; 
    text-align: center; 
    white-space: nowrap; 
    vertical-align: middle; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    border: 1px solid transparent; 
    padding: .375rem .75rem; 
    font-size: 1rem; 
    line-height: 1.5; 
    border-radius: .25rem; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 

#boty .btn-primary { 
    color: #fff; 
    background-color: #007bff; 
    border-color: #007bff;
} 

#boty .mt-2 { 
    margin-top: .5rem!important;
} 

#boty .mb-3 { 
    margin-bottom: 1rem!important;
} 

#boty .py-2 { 
    padding-top:  .5rem!important;
    padding-bottom: .5rem!important;
} 

#boty .btn { 
    background: #000000; 
    border: 1px solid #000000; 
    color: #000; 
    -webkit-transition: all ease-out 0.2s; 
    transition: all ease-out 0.2s; 
    border-radius: 30px; 
    padding: 7px 40px; 
    display: inline-block; 
    margin-top: 20px;
} 

#boty a:link { 
    text-decoration: none;
} 

#boty .btn.btn-primary { 
    font-size:  16px; 
    font-weight:  600; 
    padding:  15px 50px; 
    line-height:  1.33; 
    border-radius:  30px; 
    border:  2px solid transparent;
    -webkit-transition:  color 400ms, background-color 400ms, border-color 400ms; 
    transition:  color 400ms, background-color 400ms, border-color 400ms; 
    transition:  color 400ms, background-color 400ms, border-color 400ms;
    background: #ffd000; 
} 

#boty .btn:not(:disabled):not(.disabled) { 
    cursor: pointer;
} 

#boty a:hover { 
    color:  #fc6a2a;
    text-decoration:  none; 
} 

#boty .btn:hover { 
    text-decoration: none;
} 

#boty .btn-primary:hover { 
    color:  #fff;
    background-color:  #0069d9; 
    border-color:  #0062cc;
    background: #0f2765; 
} 

#boty .btn:hover { 
    background: #2154cf; 
    border: 1px solid #2154cf; 
    color: #fff !important;
} 

#boty p { 
    margin-top:  0; 
    margin-bottom:  1rem;
    font-family: 'Asap', sans-serif; 
    font-size: 16px; 
    line-height: 30px;
} 

#boty .about-desc p  { 
    font-weight: 500;
} 

#boty .gap-15 { 
    clear: both; 
    height: 15px;
} 

#boty img { 
    vertical-align: middle; 
    border-style: none;
} 

#boty .img-fluid { 
    max-width: 100%; 
    height: auto;
} 

#boty .column-title span  { 
    font-size: 24px; 
    line-height: 34px; 
    margin: 0 0 10px 0; 
    display: block; 
    font-weight: 400;
} 

/**end  **/


   

#tyop section { 
    display: block;
} 

#tyop .about-area { 
    padding: 100px 0px; 
    background: #26313C; 
    position: relative; 
    overflow: hidden;
} 

#tyop *,#tyop :after,#tyop :before { 
    box-sizing: border-box;
} 





#tyop .container { 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
  #tyop .container { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
  #tyop .container { 
    max-width: 720px;
  } 
  
  
 #tyop .about-area:before { 
    position: absolute; 
    content: ""; 
    width: 400px; 
    height: 100%; 
    background: #ff8a01; 
    top: 0;
} 
}     

@media (min-width: 992px){ 
  #tyop .container { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
  #tyop .container { 
    max-width: 1140px;
  } 
}     

#tyop .row { 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    margin-right: -15px; 
    margin-left: -15px;
} 

#tyop .col-12,#tyop .col-lg-6,#tyop .col-md-6 { 
    position: relative; 
    width: 100%; 
    min-height: 1px; 
    padding-right: 15px; 
    padding-left: 15px;
} 

#tyop .col-12 { 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%; 
    max-width: 100%;
} 

@media (min-width: 768px){ 
  #tyop .col-md-6 { 
    -ms-flex: 0 0 50%; 
    flex: 0 0 50%; 
    max-width: 50%;
  } 
}     

@media (min-width: 992px){ 
  #tyop .col-lg-6 { 
    -ms-flex: 0 0 50%; 
    flex: 0 0 50%; 
    max-width: 50%;
  } 
}     

.fadeInLeft { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft;
} 

.fadeInRight { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight;
} 

#tyop .about-img { 
    position: relative;
} 

#tyop .about-content { 
    z-index: 9999; 
    position: relative;
} 

#tyop img { 
    display:  inline-block;
    vertical-align:   middle; 
    border-style:   none;
    max-width:  100%; 
    -webkit-transition: all 0.4s ease; 
    -moz-transition: all 0.4s ease; 
    transition: all 0.4s ease;
} 

#tyop .about-img img  { 
    max-width: 90%;
} 

#tyop .about-img .activity  { 
    position: absolute; 
    content: ""; 
    background: #fff; 
    width: 170px; 
    height: 150px; 
    bottom: 41px; 
    right: 0; 
    text-align: center; 
    line-height: 45px; 
    font-size: 25px; 
    transform: perspective(300px) rotateX(-6deg) rotateY(-22deg); 
    box-shadow: -16px -10px 10px #0000006e; 
    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    transition: all 0.3s ease; 
    color: #333;
} 

#tyop .about-img .activity:hover  { 
    transform: perspective(300px) rotateX(-6deg) rotateY(0deg);
} 

#tyop .about-content span  { 
    font-size: 18px; 
    color: #fff; 
    text-transform: uppercase; 
    position: relative; 
    padding-left: 45px;
} 

#tyop .about-content span:before  { 
    position: absolute; 
    content: ""; 
    width: 30px; 
    height: 3px; 
    background: #fff; 
    bottom: 10px; 
    left: 0;
} 

#tyop h2 { 
    margin-top:    0; 
    margin-bottom:    .5rem; 
    font-family:  'Poppins', sans-serif; 
    font-weight:  600; 
    line-height:   1.2; 
    color:  #333;
    font-size:  2rem;
    margin: 0; 
} 

#tyop .about-content h2  { 
    color: #fff; 
    margin-top: 8px; 
    font-size: 38px; 
    font-weight: 600; 
    line-height: 50px;
} 

#tyop p { 
    margin-top:  0; 
    margin-bottom:  1rem;
    margin: 0; 
    color: #555; 
    font-size: 14px; 
    line-height: 24px;
} 

#tyop .about-content p  { 
    margin-top: 20px; 
    color: #ccc; 
    line-height: 22px;
} 

#tyop .about-content .feature  { 
    margin: 30px 0;
} 

#tyop .about-img span  { 
    display: block; 
    padding-top: 37px; 
    font-size: 55px; 
    font-weight: 600; 
    text-align: center; 
    padding-left: 15px;
} 

#tyop b { 
    font-weight: bolder;
} 

#tyop .about-content h2 b  { 
    font-weight:  600; 
    color:  #ff8a01;
    font-style:  italic; 
    font-size:  50px;
} 

#tyop .about-content .single-feature  { 
    display: flex; 
    margin-bottom: 20px;
} 

#tyop .about-content .single-feature:last-child  { 
    margin: 0;
} 

#tyop a { 
    color:    #007bff; 
    text-decoration:  none; 
    background-color:    transparent; 
    -webkit-text-decoration-skip:    objects;
    -ms-touch-action:   manipulation; 
    touch-action:   manipulation;
    -webkit-transition:  all 0.4s ease; 
    -moz-transition:  all 0.4s ease; 
    transition:  all 0.4s ease; 
    font-weight:  500;
    outline: none;
} 

#tyop .theme-btn { 
    display:  inline-block; 
    padding:  13px 20px; 
    font-size:  14px; 
    box-shadow:  none; 
    border-radius:  4px; 
    background:  #28B463; 
    position:  relative; 
    z-index:  111; 
    color:  #fff; 
    text-transform:  capitalize; 
    border:  1px solid transparent; 
    cursor:  pointer;
    background-color: #ff8a01;
} 

#tyop a:hover { 
    color: #0056b3; 
    text-decoration: underline;
} 

#tyop a,#tyop a:hover,#tyop a:active { 
    text-decoration: none; 
    outline: none;
} 

#tyop .theme-btn:hover { 
    border-color:  #ff8a01;
    color:   #ff8a01;
    background:   transparent;
} 

.fa { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
} 

#tyop .about-content .single-feature i  { 
    display: inline-block; 
    width: 45px; 
    height: 45px; 
    text-align: center; 
    line-height: 16px; 
    border: 2px solid #fff; 
    font-size: 16px; 
    color: #ffff; 
    border-radius: 50px; 
    transition: .4s; 
    padding: 13px;
} 

.fa-briefcase:before { 
    content: "\f0b1";
} 

.about-content .feature-content  { 
    margin-left: 20px;
} 

.fa-code:before { 
    content: "\f121";
} 

#tyop h3 { 
    margin-top:    0; 
    margin-bottom:    .5rem; 
    font-family:  'Poppins', sans-serif; 
    font-weight:  600; 
    line-height:   1.2; 
    color:  #333;
    font-size:  1.75rem;
    margin: 0; 
} 

#tyop .about-content .feature-content h3  { 
    color: #fff; 
    font-size: 20px; 
    font-weight: 500;
} 

#tyop .about-content .feature-content p  { 
    margin-top: 5px; 
    line-height: 22px;
} 


@keyframes fadeInLeft { 
  0% {  
      opacity: 0; 
      -webkit-transform: translateX(-20px); 
      -ms-transform: translateX(-20px); 
      transform: translateX(-20px); 
      opacity: 0; 
      transform: translateX(-20px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: translateX(0); 
      -ms-transform: translateX(0); 
      transform: translateX(0); 
      opacity: 1; 
      transform: translateX(0px); 
  }  

} 
@keyframes fadeInRight { 
  0% {  
      opacity: 0; 
      -webkit-transform: translateX(20px); 
      -ms-transform: translateX(20px); 
      transform: translateX(20px); 
      opacity: 0; 
      transform: translateX(20px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: translateX(0); 
      -ms-transform: translateX(0); 
      transform: translateX(0); 
      opacity: 1; 
      transform: translateX(0px); 
  }  

} 
 
/** TESTIMONIA **/

  #testt .owl-carousel .owl-item img {
    display: block;
    width: 17%;
    float: left;
    border: 5px solid #fff;
    border-radius: 20px;
    margin-left: 54px;
    margin-right: 35px;
    margin-top: 15px;
}
#testt .testimonial-item.equal-height.style-6 {
    background-color: #eee;
    border-radius: 10px;
    margin: 10px;
}
#testt .cell-right {
    text-align: center;
    margin-right: 80px;
    padding-top: 35px;
    padding-bottom: 20px;
}
#testt .testimonial-name {
    font-weight: 600;
}
#testt .testimonial-content.quote {
    padding: 17px 55px;
}
#testt .containx:before{
    display: none;
}
#testt .containx {
    padding-top: 10px;
}
#testt i.fa.fa-quote-left {
    padding: 0px 10px;
    color: #999;
}