@import url(https://fonts.googleapis.com/css?family=Nunito);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

@import url(_variables.css);

:root{
    --background: linear-gradient(8.95deg, var(--background1) 1.3%,var(--background2) 100.28%);
    --tertiary_gray:#6d6d6c;
}

html{
    scroll-behavior: smooth;
}

html, body{
    overflow-x: hidden;
}


/*home facts-box session*/
.fact-box{
    box-shadow: 0px 20px 50px rgba(153, 153, 153, 0.2);

}
.single-fact{
  text-align: center;
  margin: 45px 0;
  padding: 8px 16px;
  border-right: 1px solid #ddd;

}
.single-fact:nth-last-child(1){
    border-right: none;
}
.single-fact h2 {
  font-size: 36px;
  margin-bottom: 5px;
  font-weight: 600;
}
/*facts*/

.img-container{
  height: auto; 
  /*overflow: hidden;*/

}

.button-client{
    border: none;
    padding: 0;
    background-color: transparent;
}

.imagem_main{
  min-width:100%;
  transition: transform 0.3s ease;
}


/**/

  .explore-title{
    font-size: 46px;
    font-weight: 700;

    text-align: center;

    text-transform: uppercase;
    display: inline-block;
    margin: 40px 8px 10px 8px;
    color: var(--secondary);
  }
  .section-padding {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  
  .tab-content {
    background-color: var(--white-color);
    border-radius: var(--border-radius-medium);
  }
  
  .nav-tabs {
    border-bottom: 1px solid #ecf3f2;
    margin-bottom: 40px;
    justify-content: center;
  }
  
  .nav-tabs .nav-link {
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    color: var(--p-color);
    font-family: var(--title-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--font-weight-medium);
    padding: 15px 25px;
    transition: all 0.3s;
  }
  
  .nav-tabs .nav-link:first-child {
    margin-right: 20px;
  }
  
  .nav-tabs .nav-item.show .nav-link, 
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-link:focus, 
  .nav-tabs .nav-link:hover {
    border-bottom-color: var(--secondary);
    color: var(--secondary);
  }
  
  .featured-section {
    background-color: var(--secondary-color);
    border-radius: 0 0 100px 100px;
    padding-bottom: 100px;
  }
  
  .featured-section .row {
    position: relative;
    bottom: 100px;
    margin-bottom: -100px;
  }
  
  .custom-block {
    border-radius: var(--border-radius-medium);
    position: relative;
    overflow: hidden;
    padding: 30px;
    transition: all 0.3s ease;
    height: 100%;
  }
  
  .custom-block:hover {
    background-color: var(--secondary-color);
    transform: translateY(-3px);
  }
  
  .custom-block > a {
    width: 100%;
  }
  a h5{
    color: var(--secondary)
  }
  a p{
    color:var(--text)
  }
  
  .custom-block-image {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-top: 35px;
  }
  
  .custom-block .rounded-pill {
    border-radius: 5px !important;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 20px;
  }
  
  .custom-block-overlay {
    height: 100%;
    min-height: 350px;
    padding: 0;
  }
  
  .custom-block-overlay > a {
    height: 100%;
  }
  
  .custom-block-overlay .custom-block-image {
    border-radius: var(--border-radius-medium);
    display: block;
    height: 100%;
    margin-top: 0;
  }
  
  .custom-block-overlay-text {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    padding: 30px;
  }
  
  .social-share {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    padding: 20px 35px;
  }
  
  .social-share .bi-bookmark {
    color: var(--white-color);
    font-size: var(--h5-font-size);
  }
  
  .social-share .bi-bookmark:hover {
    color: var(--secondary-color);
  }
  
  .bg-design {
    background-color: var(--secondary);
  }

/*contact*/

#response_message {
    background: #1d8f1e;
    color:white;
    margin-top:40px;
    padding:10px;
    opacity:0.70;
    display:none;
}
#response_message_negative{
    background: #8f1d1d;
    color:white;
    margin-top:40px;
    padding:10px;
    opacity:0.70;
    display:none;
}

#response_message_mail{
    background: #8f501d;
    color:white;
    margin-top:40px;
    padding:10px;
    opacity:0.70;
    display:none;
}



/*footer*/
.outro{
    gap: 3vw;
}

.heading-level-2{
    padding-bottom: 45px;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: bold;
}
.heading-left{
    position: absolute;
    top: 15%;
    left: 80%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    text-align: right;
    color: var(--secondary);
}
.heading-left:hover{
    cursor: pointer;
}

.heading-right{
    position: absolute;
    top: 15%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    text-align: left;
    color: var(--secondary);
}
.heading-left:hover{
    cursor: pointer;
}


.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  
  .slick-list:focus {
    outline: none;
  }
  
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
  }
  
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .slick-track:before, .slick-track:after {
    content: "";
    display: table;
  }
  
  .slick-track:after {
    clear: both;
  }
  
  .slick-loading .slick-track {
    visibility: hidden;
  }
  
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  
  [dir="rtl"] .slick-slide {
    float: right;
  }
  
  .slick-slide img {
    display: block;
  }
  
  .slick-slide.slick-loading img {
    display: none;
  }
  
  .slick-slide.dragging img {
    pointer-events: none;
  }
  
  .slick-initialized .slick-slide {
    display: block;
  }
  
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  
  .slick-arrow.slick-hidden {
    display: none;
  }
 
  
  /* Slider */
  
  .slick-loading .slick-list {
      /* background: #fff url("../ajax-loader.gif") center center no-repeat; */
  }
  
  
  /* Icons */
  
  @font-face {
      font-family: "slick";
      src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29);
      src: url(/fonts/slick.eot?a4e97f5a2a64f0ab132323fbeb33ae29?#iefix) format("embedded-opentype"), url(/fonts/slick.woff?295183786cd8a138986521d9f388a286) format("woff"), url(/fonts/slick.ttf?c94f7671dcc99dce43e22a89f486f7c2) format("truetype"), url(/fonts/slick.svg?7ba97953187dc2907930249f826ce90d#slick) format("svg");
      font-weight: normal;
      font-style: normal;
  }
  
  
  /* Arrows */
  
  .slick-prev,
  .slick-next {
      position: absolute;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0px;
      font-size: 0px;
      cursor: pointer;
      background: transparent;
      color: transparent;
      top: 50%;
      transform: translate(0, -50%);
      padding: 0;
      border: none;
      outline: none;
  }
  
  .slick-prev:hover,
  .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
      outline: none;
      background: transparent;
      color: transparent;
  }
  
  .slick-prev:hover:before,
  .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
      opacity: 1;
  }
  
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
      opacity: 0.25;
  }
  
  .slick-prev:before,
  .slick-next:before {
      font-family: "slick";
      font-size: 20px;
      line-height: 1;
      color: white;
      opacity: 0.75;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-prev {
      left: -25px;
  }
  
  [dir="rtl"] .slick-prev {
      left: auto;
      right: -25px;
  }
  
  .slick-prev:before {
      content: "←";
  }
  
  [dir="rtl"] .slick-prev:before {
      content: "→";
  }
  
  .slick-next {
      right: -25px;
  }
  
  [dir="rtl"] .slick-next {
      left: -25px;
      right: auto;
  }
  
  .slick-next:before {
      content: "→";
  }
  
  [dir="rtl"] .slick-next:before {
      content: "←";
  }
  
  
  /* Dots */
  
  .slick-dotted.slick-slider {
      margin-bottom: 30px;
  }
  
  .slick-dots {
      position: absolute;
      bottom: -25px;
      list-style: none;
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
      width: 100%;
  }
  
  .slick-dots li {
      position: relative;
      display: inline-block;
      height: 20px;
      width: 20px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer;
  }
  
  .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
  }
  
  .slick-dots li button:hover,
  .slick-dots li button:focus {
      outline: none;
  }
  
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
      opacity: 1;
  }
  
  .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "•";
      width: 20px;
      height: 20px;
      font-family: "slick";
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      color: black;
      opacity: 0.25;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }
  
  .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75;
  }
  /*** main font ***/
  /*** general style for all pages ****/
  body {
      font-family: "Montserrat", sans-serif;
      color: var(--dark);
      overflow-x: hidden;
  }
  
  .all{
      overflow-x: hidden;
  }
  
  a {
      text-decoration: none !important;
  }
  
  .container-fluid {
      padding-right: 95px;
      padding-left: 95px;
  }
  
  .container-fluid.tms-container {
      max-width: 1700px;
  }
  .container-fluid.tms-dark-container {
    color: #ffffff;
    padding: 55px 60px 50px;
    }
  
  .container-fluid.tms-small-container {
      max-width: 1630px;
  }
  
  .text-blue {
      color: var(--tertiary);
  }
  
  .text-light-blue{
      color: var(--secondary);
  }
  
  .gray-bg {
      background: #f2f4f8;
  }
  
  .dark-bg {
      background: var(--text);
      position: relative;
  }
  .blue-bg {
    background: linear-gradient(to right ,#8ae0fe,#477bdaff);
  }
  .btn-contact{
    background: #fff 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 20px 40px;
    border-color: transparent; 
    color:var(--tertiary_gray);
    
  }
  .btn-contact:hover{
    background: var(--primary) 0% 0% no-repeat padding-box;
    color: #fff;
  }
 .btn-contact h6{
    margin-bottom: 0 !important;
    font-size: .8rem;
  }
  .btn-index{
    background: var(--primary) 0% 0% no-repeat padding-box; 
    border-radius: 10px; 
    padding: 20px; 
    border-color: transparent; 
    color: white;
  }
  .btn-index:hover{
    background: white 0% 0% no-repeat padding-box;
    color: var(--primary);
    box-shadow: 1px 1px var(--primary),1px 1px inset var(--primary);

  }
  .btn-index h6{
    margin-bottom: 0; 
    
  }
  .btn-outline-primary:hover{
    background-color: var(--accent);
    border-color:var(--accent);
  }
  
  .bac1{
      position: 0px 0px 200px;
  }
  
  
  .lightgray-bg{
      background: #f2f4f8;
  }
  
  .marginleft4point2negative{
      margin-left: -4.2rem;
  }
  
  
  .bg4{
      background-image: url(/images/page1.png?750d28dc75c223ed60e876278ad735b0);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 800px;
  }
  
  
  
  .bg5{
      background-image: url(/imagem/propsTM/event-bg.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 600px;
  }
  
  
  .bg6{
      background-image: url(/images/form.png?266c5788c0718d3d643e84eed57874e6);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 800px;
  }
  
  
  .bg7{
      background-image: url(/images/professionalsteps.png?11ec0c269f3d9dd8d3676469dfdf191d);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
  
  }
  
  .margintop11rem{
      margin-top: 11rem;
  }
  .margin-bottom29negative{
      margin-bottom: -29rem;
  }
  .bg8{
      background-image: url(/images/examsbg.png?a7f57ea6febd6fa5d22ef59ef681e672);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 800px;
  }
  
  .bg9 {
      background-image: url(/images/bg9.png?510f378d65579592a6fc4512b64e6b14);
  }
  
  /*.blue-bg {
      background: var(--secondary);
  }*/
  
  .blue-light-bg {
      background: #F2F4F8;
  }
  
  .gray-light-bg {
      background: #f2f2f2;
  }
  
  h1 {
      font-size: 56px;
      font-weight: 600;
      line-height: 60px;
  }
  
  .small-title {
      font-weight: 500;
      font-size: 27px;
      line-height: 30px;
      max-width: 500px;
      margin-bottom: 40px;
  }
  
 
  
  .hidden-overflow {
      touch-action: none;
  }

  /*pages style*/
  
  .display-box{
    position: relative;
    height: 100%;
    aspect-ratio: 1.77777778;
    background-color: #000;
    border: 12px solid #000;
    border-radius: 12px;
    box-sizing: content-box;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132),0 1.2px 3.6px 0 rgba(0,0,0,.108);
    margin: 0 auto;
  }

  .no-video {
    display:block;
    margin:0 auto;
    opacity:0.50;
    background:white;
    padding:10px;
    border-radius:5px;
    margin-top:100px;
  }
  .img-sub-module:hover {
    cursor:pointer;
    box-shadow:silver 1px 2px 5px;
  }

  .page-divisor{
    background-color: var(--inverted);
    height:2px; 
    width: 80%;
  }

  .shrink{
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  /**** resources modules section ****/
  #resources{
    background-color:var(--lighter_gray);
  }
  .resource-grid{
    display:grid;
    justify-content: space-around;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;

  }
  .resource-item{
    width:10vw;
    height:10vw;
    text-align: center;
    align-items: center;
    display:flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0000001C;
    border-radius: 15px;
    justify-content: center;
    min-width: 150px;
    min-height: 150px;
  }
  .resource-item:hover {
    transform: scale(0.9, 0.9);

  }
  .resource-image{
    margin-bottom:10px;
  }
  .resource-p{
    font-weight:600;
    color:#151D33
  }
  
  #resources .container{
      padding: 11vw;
    }
  @media (max-width: 768px){
    #resources .resource-grid{
      grid-template-columns: auto auto;
    }
  }
  @media (max-width:1213px){
    #resources .container{
      padding: 9vw 2vw;
    }
  }
  @media (max-width:990px){
    #resources .container{
      padding: 9vw;
    }
  }
  @media (min-width:1600px){
    #resources .container{
      padding: 10vw 0;
      max-width:60%;
    }
  }
  /**** site cards style ****/
  .card {
      border: 0;
      transition: all 0.3s ease;
  }
  
  .card img {
      width: 100%;
  }
  
  .card .card-content {
      padding: 25px 30px 30px 30px;
  }
  
  .card .card-content h3 {
      font-weight: 600;
      font-size: 27px;
      line-height: 36px;
  }
  
  .card .card-content h3 small {
      font-weight: 300;
      font-size: 22px;
      display: block;
  }
  
  .card .card-content p {
      height: 180px;
      overflow: hidden;
      font-size: 14px;
  }
  
  .card .card-content a {
      color: var(--secondary);
      font-size: 18px;
      line-height: 30px;
      text-decoration: none !important;
  }
  
  .card .card-content a i {
      vertical-align: middle;
      font-size: 13px;
      margin-left: 5px;
  }
  
  .card .card-content a i::before {
      font-weight: 900 !important;
  }
  
  .card .card-content a.feature-link {
      color: inherit;
  }
  
  .card:hover {
      background: var(--text);
      color: #fff;
  }
  
  .carousel .carousel-indicators {
      margin-right: 0;
      margin-left: 0;
      align-items: center;
  }
  
  .carousel .carousel-indicators button {
      width: 18px;
      height: 18px;
      border: 2px solid var(--secondary);
      border-radius: 8px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.7);
      opacity: 1;
      box-sizing: border-box;
  }
  
  .carousel .carousel-indicators button.active {
      border-radius: 8px;
  
      transition: transform 50ms;
      transform: scale(0.80);
      background: var(--secondary);
  }
  
  /**** tms boxes style ***/
  .box {
      padding: 40px 45px;
  }
  
  .box p {
      font-size: 18px;
      line-height: 26px;
      max-width: 252px;
      margin-bottom: 50px;
      max-height: 105px;
      display: -webkit-box;
      -webkit-line-clamp: 4;
  }
  
  .box a {
      color: #fff;
  }
  
  .box a i {
      font-size: 40px;
      line-height: 0;
  }
  
  .box a i::before {
      line-height: 0;
  }

  .margin-bottom{
      margin-bottom: 6rem
  }
  .margin-topabout{
          margin-top: 10rem;
  }
  .margin-topmap {
      margin-top: 40rem
  }
  
  .margin-right1p{
      margin-left: 1rem;
  }
  
  .margin-right1{
      margin-left: -0.8rem;
  }
  
  .margin-right02{
      margin-left: -0.2rem;
  }
  
  .margin-leftt32negative {
      margin-left: -3.2rem;
  }
  
  .marginleft2{
      margin-left: 2rem;
  }
  
  .marginleft43rem{
      margin-left: 43rem;
  }
  
  .margin-right8{
      margin-left: -3.3rem;
  }
  
  .margin-rightt10{
      margin-left: -4rem;
  }
  
  .margin-right50negative{
      margin-left: -50rem;
  }
  
  .margin-right5negative{
      margin-left: -5rem;
  }
  .margin-right70{
      margin-left: -28rem;
  }
  
  .margin-left02{
      margin-left: -0.2rem;
  }
  
  .align-text-left{
      text-align: left;
  }
  .align-text-right{
      text-align: right;
  }
  .margin-left3{
      margin-left: 3rem;
  }
  
  .margin-left1{
      margin-left: 0.6rem;
  }
  
  .margin-left1-0{
      margin-left: 1rem;
  }
  
  .margin-left10{
      margin-right: -14rem;
  }
  
  .margin-left38{
      margin-left: 38rem;
  }
  
  .margin-left57{
      margin-left: 57rem;
  }
  .margin-left48rem{
      margin-left: 48rem;
  }
  
  .margin-topsolutions2{
      margin-top: 6rem;
  }
  
  .mix {
      margin-left: 5rem
  }
  
  .margin-left8rem{
      margin-left: 8rem;
  }
  
  .margin-left10{
      margin-left: 13rem;
  }
  
  .margin-left12{
      margin-right: -25rem;
  }
  
  .margin-left12rem{
      margin-left: 12rem;
  }
  
  .margin-left30{
      margin-right: -35rem;
  }
  
  .cell{
      transform: scale(0.8);
  }
  
  .margin-bottommap{
      margin-bottom: 14rem
  }
  
  .margin-top10 {
      margin-top: 10rem;
  }

  .margin-top5 {
    margin-top: 5rem;
}
  
  .margin-top15 {
      margin-top: 15rem;
  }
  
  .margin-top35{
      margin-top: 3.5rem;
  }
  
  .margin-top64{
      margin-top: 6.4rem;
  }
  
  .margin-top9{
      margin-top: 9rem;
  }
  
  .margin-left10{
      margin-left: 10rem;
  }
  
  .margin-left4{
      margin-left: 4rem;
  }
  
  
  
  .margin-negative-left48{
      margin-left: -48rem;
  }
  
  .margin-left22px{
      margin-left: 22px;
  }
  
  .margintop1negative{
      margin-top: -1rem;
  }
  
  .margin-left1ponto3{
      margin-left: 1.3rem;
  }
  .margin-left5{
      margin-left: 5.4rem;
  }
  .margin-top3remnegative{
      margin-top: -3rem;
  }
  
  .paddingrobot{
      padding: 20rem 0 20rem 0;
  }
  .margin-top3{
      margin-top: 3rem;
  }
  
  margin-right9{
      margin-right: 9rem;
  }
  
  .margin-botton2{
      margin-top: 2rem;
  }
  
  .news-box:hover {
      box-shadow: 0px 1px 20px 8px rgba(0, 0, 0, 0.12);
  }
  
  /**** tms-breadcrumbs style ***/
  .tms-breadcrumbs {
      padding: 30px 0;
      background: var(--text);
      color: #fff;
  }
  
  @media (min-width: 1650px) {
      .tms-breadcrumbs {
          padding: 40px 0;
      }
      .tms-breadcrumbs h2 {
          font-size: 34px;
      }
  }
  
  .tms-breadcrumbs h2 {
      font-weight: 300;
      font-size: 26px;
      margin-bottom: 0;
  }
  
  /*** page main img style **/
  @media (max-width: 1650px) {
      .tms-page-img img {
          max-height: 550px;
      }
  }
  
  /** paragraph-block style **/
  .paragraph-block h3 {
      font-weight: 600;
      font-size: 24px;
      line-height: 35px;
      /*max-width: 250px;*/
  }
  
  .paragraph-block h3.custom-width {
      max-width: 335px;
  }
  
  .paragraph-block p {
      color: var(--medium_gray);
      font-size: 16px;
      line-height: 26px;
  }
  
  
  .accordion-button p {
      color: var(--medium_gray);
      font-size: 16px;
      line-height: 26px;
      margin-left: 0.4rem;
  }
  
  
  
  
  .paragraph-block .block-title {
      font-size: 26px;
      color: var(--secondary);
  }
  
  .paragraph-block.big-text {
      /*padding-top: 90px;*/
  }
  
  
  .paragraph-block.big-text h3 {
      font-size: 35px;
      line-height: 47px;
      width: 100%;
      /*max-width: 454px;*/
      max-width: 80%;
  }
  
  .paragraph-block.big-text p {
      color: #000000;
      font-size: 18px;
      line-height: 28px;
  }
  
  @media (min-width: 1650px) {
      .paragraph-block.big-text p {
          font-size: 22px;
          line-height: 35px;
      }
  }
  
  .paragraph-block.big-text p.text-thin {
      font-size: 16px;
      line-height: 26px;
      font-weight: 200;
  }
  
  .paragraph-block .d-flex {
      align-items: center;
  }
  
  .paragraph-block .d-flex img {
      max-width: 95px;
      margin-right: 40px;
  }
  
  .paragraph-block .d-flex p {
      color: var(--medium_gray);
      font-size: 14px;
      line-height: 23px;
  }
  
  .paragraph-block.blue-light-bg {
      padding-top: 60px;
      padding-bottom: 100px;
  }
  
  @media (min-width: 768px) {
      .benifts-block .d-flex {
          max-width: 400px;
      }
      .imagem_main:hover{
        transform: scale(1.2);
        
      }
  }
  
  .benifts-block .block-title {
      margin-bottom: 25px;
  }
  
  /*** contact us block style ***/
  form .mb-3 .form-control {
      height: 45px;
      padding-left: 50px;
      border: 1px solid #DCDCDC;
      border-radius: 12px;
      font-size: 16px;
  }
  
  form .mb-3 .form-control::-moz-placeholder {
      color: #A7A7A7;
      font-size: 14px;
  }
  
  form .mb-3 .form-control::placeholder {
      color: #A7A7A7;
      font-size: 14px;
  }
  
  form .mb-3 textarea.form-control {
      height: 150px;
  }
  
  form .mb-3 .form-icon {
      position: absolute;
      max-width: 22px;
      left: 15px;
  }
  
  form .form-check-input {
      border: 1px solid #E9E9E9;
  }
  
  form .form-check-label {
      color: #000;
      font-size: 14px;
      font-weight: 400;
      padding-left: 5px;
  }
  
  form .form-check-label a {
      color: #000;
      border-bottom: 1px solid var(--secondary);
  }
  
  form .btn {
      width: 100%;
      max-width: 250px;
  }
  
  .inner-title {
      font-size: 24px;
      line-height: 33px;
      font-weight: 600;
  }
  
  .btn-outline-primary {
      border: 3px solid var(--secondary);
      letter-spacing: 0.6px;
      color: var(--secondary);
      text-transform: uppercase;
      font-weight: 400;
      border-radius: 0;
      padding: 12px 12px;
  }
  
  .tms-contact {
      padding-top: 140px;
      padding-bottom: 100px;
  }
  
  .tms-contact p {
      color: #000;
      font-size: 18px;
      line-height: 27px;
  }
  
  .tms-contact .inner-title {
      margin-bottom: 20px;
  }
  
  @media (min-width: 992px) {
      .tms-contact .inner-title {
          max-width: 330px;
      }
      .tms-contact .row {
          justify-content: space-between;
      }
      .tms-contact .col-lg-auto,
      .tms-contact .col-lg {
          max-width: 550px;
      }
  }
  
  .tms-contact form .form-control {
      border-color: transparent;
  }
  
  .tms-contact.white-bg .form-control {
      border-color: #F2F4F8;
  }
  
  .tms-video {
      box-shadow: 0px 3px 6px #00000029;
      border-radius: 25px;
      width: 100%;
  }
  
  .no-bg {
      background: none !important;
  }
  
  /** slick style **/
  .slick-slider .slick-arrow {
      border: 2px solid var(--secondary);
      top: 100%;
      width: 85px;
      padding: 15px 5px;
      transition: all 0.3s ease-in-out;
  }
  
  .slick-slider .slick-arrow.slick-prev {
      left: calc(50% - 115px);
  }
  
  .slick-slider .slick-arrow.slick-prev::before {
      content: "\f12c";
      font-family: bootstrap-icons !important;
      color: var(--secondary);
      font-size: 30px;
      line-height: 0;
  }
  
  .slick-slider .slick-arrow.slick-next {
      right: calc(50% - 90px);
  }
  
  .slick-slider .slick-arrow.slick-next::before {
      content: "\f135";
      font-family: bootstrap-icons !important;
      color: var(--secondary);
      font-size: 30px;
      line-height: 0;
  }
  
  .slick-slider .slick-arrow:hover {
      background: var(--secondary);
  }
  
  .slick-slider .slick-arrow:hover::before {
      color: #fff !important;
  }
  
  .slick-slider .slick-dots {
      bottom: -45px;
  }
  
  .slick-slider .slick-dots li {
      width: auto;
      height: auto;
  }
  
  .slick-slider .slick-dots li button {
      width: 15px;
      height: 15px;
      border: 2px solid var(--secondary);
      border-radius: 8px;
      border-radius: 50%;
  }
  
  .slick-slider .slick-dots li button::before {
      display: none;
  }
  
  .slick-slider .slick-dots li.slick-active button {
      border-radius: 8px;
  
      transition: transform 50ms;
      transform: scale(0.80);
      background: var(--secondary);
  }
  
  /*** start header style ***/
  .navbar.bg-light {
  
      --bs-light-rgb: #fff;
      padding: 20px 0;
      background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
      /*border: 1px solid var(--unnamed-color-3f9ad5);*/
      background: #FFFFFF 0% 0% no-repeat padding-box;
      /*border: 1px solid var(--tertiary);*/
      opacity: 1;
      box-shadow: 0px 23px 99px var(--tertiary)40;
      z-index: 100;
  }
  
  .navbar .navbar-brand {
      margin: 0;
      padding: 0;
      margin-right: 50px;
  }
  
  .navbar .navbar-brand img {
      max-width: 169px;
      /*width: 50%; teste*/
  }
  
  .navbar .nav-item .nav-link {
      color: var(--text);
      font-size: 17px;
      line-height: 26px;
      padding: 6px 20px 5px 20px;
  }
  
  .navbar .nav-item .nav-link img {
      vertical-align: middle;
      margin-right: 10px;
  }
  
  .navbar .nav-item .nav-link:hover {
      background: #F5F5F5;
      border-radius: 20px;
  }
  
  .navbar .nav-item .dropdown-toggle::after {
      content: "\f282";
      border: 0;
      font-family: bootstrap-icons !important;
      vertical-align: middle;
      font-size: 12px;
      font-weight: 900;
  }
  
  .navbar .nav-item .dropdown-menu {
      border: 0;
      padding-left: 2rem;
  }
  
  @media (min-width: 992px) {
      .navbar .nav-item .dropdown-menu {
          min-width: 260px;
      }
  }
  
  .navbar .nav-item .dropdown-menu .dropdown-item {
      color: var(--medium_gray);
      font-size: 15px;
  }
  
  .navbar .nav-item .dropdown-menu .dropdown-item:hover, .navbar .nav-item .dropdown-menu .dropdown-item:focus {
      color: #000 !important;
      background-color: #f5f6f6;
  }
  
  .navbar .navbar-nav.ms-auto .nav-link {
      padding: 6px 15px 5px 15px;
  }
  
  .navbar .navbar-toggler {
      margin: 0 auto;
      width: 40px;
      height: 30px;
      position: relative;
      border: 0;
      padding: 0;
      margin-left: 28px;
  }
  
  .image-scale2{
      transform: scale(0.6);
  }
  
  .image-scale12{
      transform: scale(1.4);
  }
  
  .image-scale14{
      transform: scale(1.4);
  }
  
  .image-scale073{
      transform: scale(0.73);
  }
  
  .navbar .navbar-toggler:focus {
      box-shadow: none;
  }
  
  .navbar .navbar-toggler .bar {
      padding: 0;
      width: 40px;
      height: 4px;
      background-color: var(--secondary);
      display: block;
      border-radius: 2px;
      transition: all 0.4s ease-in-out;
      position: absolute;
  }
  
  .navbar .navbar-toggler .bar1 {
      top: 0;
  }
  
  .navbar .navbar-toggler .bar2,
  .navbar .navbar-toggler .bar3 {
      top: 13px;
  }
  
  .navbar .navbar-toggler .bar3 {
      right: 0;
  }
  
  .navbar .navbar-toggler .bar4 {
      bottom: 0;
  }
  
  .navbar .navbar-toggler:not(.collapsed) .bar1 {
      transform: rotate(45deg);
      transform-origin: 5%;
      width: 41px;
  }
  
  .navbar .navbar-toggler:not(.collapsed) .bar2 {
      transform: translateX(-40px);
      background-color: transparent;
  }
  
  .navbar .navbar-toggler:not(.collapsed) .bar3 {
      transform: translateX(40px);
      background-color: transparent;
  }
  
  .navbar .navbar-toggler:not(.collapsed) .bar4 {
      transform-origin: 5%;
      transform: rotate(-45deg);
      width: 41px;
  }
  
  /**** home page sections style ***/
  .inner-box {
      max-width: 600px;
  }
  
  .inner-box h1 {
      margin-bottom: 65px;
  }
  
  .inner-box p {
      font-size: 23px;
      line-height: 34px;
      font-weight: 100;
      color: #1E1B30;
  }
  
  .tms {
      /** hero section style **/
      /*** hero slider style ***/
      /** features section style **/
      /** environment section style **/
      /** news section style **/
      /*** location section style **/
  }
  
  /* .tms-hero {
    min-height: 650px;
    background-image: url("../images/hero.png");
    background-size: 100% 100%;
    padding-top: 150px;
  }
  
  .tms-hero .scroll-down {
    margin-top: 60px;
    color: var(--secondary);
    font-size: 40px;
  } */
  
  .tms-hero-video .carousel .carousel-item {
      height: 650px;
  }
  
  .tms-hero-video .carousel .carousel-item img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .tms-hero-video .carousel .carousel-item .carousel-caption {
      left: 0;
      top: 0;
      margin: 0;
      padding: 0;
      padding-top: 150px;
      width: 100%;
      display: flex !important;
      height: 100%;
      max-width: 1700px;
      padding-right: 95px;
      padding-left: 95px;
      text-align: left;
  }
  
  .tms-hero-video .carousel .carousel-item .carousel-caption.caption-right {
      justify-content: flex-end;
  }
  
  .tms-hero-video .carousel .carousel-item .carousel-caption.caption-center {
      justify-content: center;
  }
  
  .tms-hero-video .carousel .carousel-item .carousel-caption p {
      font-weight: 400;
  }
  
  .tms-hero-video .carousel .carousel-item.video-item video {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .tms-hero-video .carousel .carousel-item.video-item .carousel-caption {
      background: rgba(0, 0, 0, 0.3);
  }
  
  .tms-features {
      padding-top: 80px;
      padding-bottom: 80px;
  }
  
  .tms-features .small-title {
      margin-bottom: 60px;
  }
  
  .tms-features .feature-link {
      color: inherit;
      display: block;
      width: 100%;
      height: 100%;
  }
  
  .tms-features .slick-list .slick-track .slick-slide {
      height: inherit !important;
  }
  
  .tms-features .slick-slide {
      padding: 0 10px;
  }
  
  .tms-features .slick-slide .card {
      height: 100%;
  }
  
  .tms-features .slick-slide .card h3 {
      min-height: 130px;
  }
  
  .tms-environment {
      padding-top: 100px;
      position: relative ;
  
  }
  
  .tms-environment .box {
      height: 100%;
  }
  
  .tms-environment-after::after {
      content: "";
      width: 100%;
      height: calc(100% - 280px);
      position: absolute;
      left: 0;
      top: 0;
      background: var(--background);
  }
  .tms-environment-small-after::after {
    content: "";
    width: 100%;
    height: calc(100% - 90px);
    position: absolute;
    left: 0;
    top: 0;
    /*background: var(--text);*/
    background: var(--background);
}
  
  .tms-environment img {
      max-width: 100%;
  }
  
  @media (min-width: 1200px) {
      .tms-environment .pe-lg-5 {
          padding-right: 100px !important;
      }
  }
  
  .tms-environment .container-fluid {
      position: relative;
      z-index: 99;
      background-size: 650px auto;
      background-position: top 0px left -30px;
  }
  
  .tms-environment .container-fluid-no-bg {
      position: relative;
      z-index: 99;
      background-size: 650px auto;
      background-position: top 0px left -30px;
  }
  
  .tms-environment h2 {
      max-width: 640px;
  }
  
  .tms-environment .pragraph {
      font-weight: 300;
      font-size: 18px;
      line-height: 28px;
      max-width: 500px;
      margin-bottom: 60px;
  
  }
  
  .tms-environment .env-img {
      display: block;
      margin: 50px auto 12px auto;
      max-height: 550px;
  
  }
  
  .tms-news {
      padding-top: 50px;
      padding-bottom: 70px;
  }
  
  .tms-news .slick-slider {
      padding-bottom: 45px;
  }
  
  .tms-news .slick-list {
      margin-left: -20px;
  }
  
  .tms-news .slick-list .slick-track {
      display: flex;
  }
  
  .tms-news .slick-list .slick-track .slick-slide {
      height: 100%;
      padding: 20px 15px 20px 15px;
  }
  
  .tms-news .slick-list .slick-track .slick-slide a {
      height: 100%;
      display: block;
  }
  
  .tms-news .slick-list .slick-track .slick-slide a .news-box {
      height: 100%;
  }
  
  .tms-news .slick-list .slick-track .slick-slide {
      height: inherit !important;
  }
  
  .tms-location {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  
  .tms-location2 {
      background-image: url(/images/theobgnew.png?fff17f66ba52cc83f614750544c28e8e);
      background-repeat: no-repeat;
      background-position: center;
      height: 700rem;
  
  }
  .tms-location img {
      max-width: 100%;
  }
  
  .tms-location h2 {
      max-width: 75%;
      margin-bottom: 45px;
      margin-top: 30px;
  }
  .tms-location h1 {
    max-width: 75%;
    margin-top: 30px;
}
  
  .tms-location p {
      letter-spacing: 0.13px;
      font-weight: 400;
      margin-bottom: 45px;
  }
  
  .tms-location .btn-outline-primary {
      width: 100%;
      max-width: 200px;
      color: #fff;
      font-weight: 200;
  }
  
  /*** inner pages styles ***/
  .carousel .carousel-control-next,
  .carousel .carousel-control-prev {
      width: 58px;
      /*height: 53px;*/
      /*background: var(--secondary);*/
      height: 100%;
      opacity: 1;
      bottom: 0;
      top: auto;
      left: auto;
  }
  
  .carousel .carousel-control-next {
      right: 0;
  }
  /*
  .carousel .carousel-control-prev {
      right: 59px;
  }*/
  
  .carousel .carousel-control-next-icon,
  .carousel .carousel-control-prev-icon {
      width: 1.7rem;
      height: 1.7rem;
  }
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cccccc'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
    .carousel-control-prev-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cccccc'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
  
  .tms {
      /*** covid  page style ***/
      /** terms **/
      /*** events page style ****/
      /*** tms-event-cases ***/
      /*** robo page styles ****/
      /*** tms-services ***/
      /**** tms vedios ***/
      /*** about us style ****/
      /**** blog list page styles ****/
  }
  
  .tms-faq {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  
  .tms-faq .accordion-item {
      border: 0;
      border-radius: 0;
  }
  
  .tms-faq .accordion-header .accordion-button {
      padding: 0 0 40px 0;
      font-weight: 600;
      margin-right: 24rem;
  }
  
  .tms-faq .accordion-header .accordion-button .h2 {
      font-weight: 800!important;
      margin: 40px 0px 10px 8px !important;
  }
  
  
  .tms-faq .accordion-header .accordion-button .margin {
      padding: 0 0 40px 0;
      font-weight: 600;
  }
  
  .tms-faq .accordion-header .accordion-button.collapsed::after {
      font-family: bootstrap-icons !important;
      content: "\f285";
      font-size: 21px;
      background-image: none;
  }
  
  .tms-faq .accordion-header .accordion-button:not(.collapsed),
  .tms-faq .accordion-header .accordion-button:focus {
      color: var(--secondary);
      background-color: transparent;
      box-shadow: none;
  }
  
  .tms-faq .accordion-body {
      padding: 0;
      padding-bottom: 20px;
  }
  
  .tms-faq .accordion-body p {
      font-size: 14px;
      line-height: 24px;
      margin-left: 0.4rem;
  }
  
  .tms-faq .accordion-body p a {
      color: var(--secondary);
      text-decoration: underline;
  }
  
  .tms-certificate {
      padding-top: 100px;
      padding-bottom: 180px;
  }
  
  .tms-certificate .d-flex {
      align-items: center;
  }
  
  .tms-certificate img {
      max-width: 180px;
      margin-right: 70px;
  }
  
  .tms-certificate h3 {
      font-size: 25px;
  }
  
  .tms-certificate p {
      color: var(--medium_gray);
  }
  
  @media (min-width: 1300px) {
      .tms-certificate p {
          padding-right: 50px;
      }
  }
  
  .tms-terms {
      padding-top: 150px;
      padding-bottom: 150px;
  }
  
  .tms-terms .container {
      max-width: 950px;
  }
  
  .tms-terms h3 {
      font-size: 18px;
      color: #000;
      font-weight: 600;
      margin-bottom: 24px;
  }
  
  .tms-terms p {
      font-size: 18px;
      color: #000;
      font-weight: 300;
      margin-bottom: 24px;
  }
  
  .tms-attendance {
      padding-top: 140px;
      padding-bottom: 140px;
  }
  
  .tms-attendance h3:not(.text-blue) {
      font-weight: 600;
      font-size: 33px;
      max-width: 300px;
      margin-bottom: 50px;
  }
  
  .tms-attendance .text-blue {
      color: var(--secondary);
      margin-bottom: 60px;
      font-size: 28px;
      line-height: 40px;
  }
  
  .tms-attendance .form-block {
      max-width: 700px;
  }
  
  .tms-attendance form .btn {
      width: 150px;
  }
  
  .tms-attendance .col-lg {
      max-width: 315px;
  }
  
  .tms-attendance .locations p {
      font-size: 14px;
      font-weight: 300;
  }
  
  .tms-attendance .locations p strong {
      display: block;
      font-weight: 500;
  }
  
  .tms-attendance .locations .d-flex {
      align-items: flex-start;
  }
  
  @media (min-width: 768px) {
      .tms-attendance .locations .d-flex {
          margin-bottom: 25px;
      }
  }
  
  .tms-attendance .locations .d-flex img {
      margin-right: 15px;
      margin-top: 3px;
  }
  
  .tms-benefits {
      position: relative;
  }
  
  .tms-test-steps {
      padding-bottom: 120px;
  }
  
  .steps-new{
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 120rem;
  }
  
  .tms-test-steps .container-fluid {
      background-position: bottom 100px right;
      background-size: 400px auto;
  }
  
  .tms-test-steps .intro-box {
      max-width: 580px;
      background: #3CAEF3;
      padding: 75px;
      position: relative;
      margin-top: -300px;
  }
  
  .tms-test-steps .intro-box p {
      font-size: 31px;
      font-weight: 600;
      line-height: 44px;
  }
  
  .tms-test-steps .intro-box a {
      display: block;
      margin-top: 60px;
  }
  
  .tms-test-steps .intro-box a i {
      font-size: 45px;
      color: #fff;
      text-decoration: none;
      line-height: 0;
  }
  
  .tms-test-steps .steps-slider {
      background-position: right 0 top 100px, bottom 463px left 320px;
      background-size: auto auto, 150px auto;
      flex-direction: row-reverse;
      justify-content: center;
      max-width: 1100px;
      margin-right: auto;
      margin-left: auto;
      align-items: flex-start;
  }
  
  @media (min-width: 992px) {
      .tms-test-steps .steps-slider .slick-list .slick-slide {
          width: 50% !important;
      }
      .tms-test-steps .steps-slider .slick-track {
          display: flex;
          flex-direction: row-reverse;
          justify-content: center;
          max-width: 1100px;
          margin-right: auto;
          margin-left: auto;
          align-items: flex-start;
          flex-wrap: wrap;
      }
      .tms-test-steps .steps-slider .slick-list {
          overflow: inherit;
      }
  }
  
  .tms-test-steps .steps-slider-direct .col-md-6:first-child {
      margin-top: -80px;
  }
  
  .tms-test-steps .steps-slider-direct .col-md-6:nth-child(2) {
      margin-top: 20rem;
  }
  
  .tms-test-steps .steps-slider-direct .col-md-6:nth-child(3) {
      margin-top: -200px;
  }

  .tms-test-steps .steps-slider-reverse .col-md-6:first-child {
    margin-top: 20rem;
}

.tms-test-steps .steps-slider-reverse .col-md-6:nth-child(2) {
    margin-top: -80px;
}
.tms-test-steps .steps-slider-reverse .col-md-6:nth-child(3) {
    margin-top: -200px;
}
.tms-test-steps .steps-slider-reverse .col-md-6:nth-child(4) {
    margin-top: -200px;
}

  
  .tms-test-steps .steps-slider .step-card {
      width: 100%;
      max-width: 380px;
      margin-bottom: 40px;
  }
  
  .tms-test-steps .steps-slider .step-card .step-num {
      font-size: 150px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0px;
      color: var(--secondary);
      display: block;
  }
  
  .tms-test-steps .steps-slider .step-card img {
      margin-bottom: 20px;
  }
  
  .tms-test-steps .steps-slider .step-card h3 {
      font-weight: 400;
      color: var(--secondary);
      font-size: 30px;
      line-height: 41px;
      margin-bottom: 30px;
      max-height: 82px;
      overflow: hidden;
      white-space: normal;
  }
  
  .tms-test-steps .steps-slider .step-card p {
      font-size: 16px;
      line-height: 26px;
      font-weight: 200;
  }
  
  .tms-event-cases {
      padding-top: 100px;
      padding-bottom: 100px;
  }
  
  .tms-event-cases .row {
      margin-bottom: 2px;
      margin-bottom: 70px;
  }
  
  .tms-event-cases .dark-bg {
      display: flex;
      flex-flow: column;
      justify-content: center;
      padding: 50px;
  }
  
  .tms-event-cases h2 {
      color: var(--secondary);
      font-weight: 400;
      font-size: 50px;
      max-width: 350px;
      margin-bottom: 40px;
  }
  
  
  .tms-event-cases p {
      font-size: 24px;
      line-height: 26px;
      font-weight: 200;
  }
  
  .tms-env-inner {
      position: relative;
      padding-top: 110px;
  
  }
  
  .tms-env-inner::before {
      content: "";
      width: 100%;
      height: calc(100% - 110px);
      position: absolute;
      top: 0;
      left: 0;
      background-size: calc(50% - 100px) auto;
      background-position: bottom 50px left;
  }
  
  .tms-env-inner .container-fluid {
      position: relative;
  }
  
  .tms-env-inner .env-img {
      max-height: 550px;
      margin: 0 auto;
      display: block;
  }
  
  .tms-env-inner  {
      max-width: 600px;
  }
  
  .tms-env-inner  p {
      font-weight: 200;
      font-size: 18px;
      line-height: 28px;
  }
  
  .tms-services {
      padding-bottom: 130px;
  }
  
  .tms-services .service-slider {
      padding-top: 40px;
      margin-right: -15px;
      margin-left: -15px;
  }
  
  .tms-services .service-slider .slick-slide {
      padding: 8px;
  }
  
  .tms-services .service-box {
      max-width: 330px;
  }
  
  .tms-services .service-box h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 20px;
      margin-top: 20px;
  }
  
  .tms-services .service-box p {
      color: var(--medium_gray);
      font-size: 18px;
      line-height: 28px;
      font-weight: 300;
  }
  
  .tms-videos {
      padding-top: 80px;
      padding-Bottom: 80px;
      background-position: right 0 top 0px;
      background-size: 100% calc(100% - 200px);
  }
  
  .tms-videos h2 {
      max-width: 400px;
  }
  
  .tms-videos p {
      font-size: 18px;
      font-weight: 200;
      max-width: 500px;
  }
  
  .tms-videos .other-videos .slick-slide img {
      width: 100%;
  }
  
  .tms-videos .other-videos .slick-next,
  .tms-videos .other-videos .slick-prev {
      top: 0;
      height: 100%;
      transform: translate(0, 0);
      z-index: 99;
      border: 0;
  }
  
  .tms-videos .other-videos .slick-next::before,
  .tms-videos .other-videos .slick-prev::before {
      color: #fff;
      font-weight: 900;
      opacity: 1;
  }
  
  .tms-videos .other-videos .slick-next:hover,
  .tms-videos .other-videos .slick-prev:hover {
      background: rgba(48, 170, 242, 0.53);
  }
  
  .tms-videos .other-videos .slick-next {
      right: 0;
  }
  
  .tms-videos .other-videos .slick-next::before {
      content: "\f285";
  }
  
  .tms-videos .other-videos .slick-prev {
      left: 0;
      right: auto;
  }
  
  .tms-videos .other-videos .slick-prev::before {
      content: "\f284";
  }
  
  .tms-about-pragraph .paragraph-block {
      padding-bottom: 150px;
  }
  
  .tms-about-us .row {
      padding: 80px 0;
  }
  
  .tms-about-us .row .left-side img {
      max-width: 100%;
  }
  
  .tms-about-us .about-content {
      margin-top: 60px;
      max-width: 500px;
      margin-left: 40px;
      position: relative;
  }
  
  .tms-about-us .about-content h3 {
      letter-spacing: 0px;
      color: var(--text);
      font-size: 35px;
      margin-bottom: 40px;
      font-weight: 600;
  }
  
  .tms-about-us .about-content p {
      color: var(--medium_gray);
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 24px;
  }
  
  .tms-about-us .img-box {
      position: relative;
  }
  
  .tms-about-us .img-box .about-cert {
      position: absolute;
      left: 33px;
      width: 130px;
      top: calc(50% - 50px);
  }
  
  .tms-about-us .about-block:nth-child(even) {
      background: #F2F4F8;
  }
  
  .tms-about-us .about-block:nth-child(even) .row .left-side {
      order: 2;
  }
  
  .tms-intro {
      background: url(/images/intro.png?da77c19fc64aded22bcc058badb07c72) no-repeat center;
      padding: 140px 0 100px 0;
      position: relative;
      color: #fff;
  }
  
  .tms-intro .overlay {
      background: var(--text);
      opacity: 0.35;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
  }
  
  .tms-intro .container-fluid {
      position: relative;
  }
  
  .tms-intro h3 {
      font-size: 36px;
      line-height: 46px;
      font-weight: 600;
      max-width: 500px;
      margin-bottom: 50px;
  }
  
  .tms-intro p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 60px;
  }
  
  .tms-intro .btn {
      width: 100%;
      max-width: 200px;
      color: #fff;
      font-weight: 300;
  }
  
  .tms-new-blogs {
      padding-top: 90px;
      padding-bottom: 160px;
  }
  
  .tms-new-blogs .new-topic {
      position: relative;
      margin-bottom: 35px;
  }
  
  .tms-new-blogs .new-topic img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
  }
  
  .tms-new-blogs .new-topic .topic-title {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 25px 40px;
      color: #fff;
      background: rgba(21, 26, 66, 0.61);
  }
  
  .tms-new-blogs .small img {
      max-height: 350px;
  }
  
  .tms-new-blogs .big .new-topic {
      height: 100%;
  }
  
  .tms-new-blogs .big img {
      height: calc(100% - 35px);
  }
  
  .tms-new-blogs .big .topic-title {
      bottom: 35px;
  }
  
  .tms-blogs a {
      display: block;
      height: 100%;
      width: 100%;
  }
  
  .tms-blogs .news-box {
      height: calc(100% - 50px);
      margin-bottom: 50px;
  }
  
  .tms-blogs .pagination {
      margin-top: 80px;
  }
  
  .tms-blogs .pagination .page-item {
      margin: 0 15px;
      width: 100%;
      max-width: 100px;
  }
  
  .tms-blogs .pagination .page-item .page-link {
      display: inline-block;
      border-radius: 0 !important;
      border: 2px solid var(--secondary);
      text-align: center;
      padding: 0;
  }
  
  .tms-blogs .pagination .page-item .page-link i {
      font-size: 40px;
      line-height: 0;
  }
  
  .tms-blogs .pagination .page-item .page-link i::before {
      line-height: 1;
  }
  
  .tms-blogs .pagination .page-item .page-link:hover {
      background-color: var(--secondary);
      color: #fff;
  }
  
  .tms-blog-data {
      /*blog-gallery*/
  }
  
  .tms-blog-data .container {
      max-width: 1170px;
  }
  
  .tms-blog-data img {
      max-width: 100%;
  }
  
  .tms-blog-data .blog-block {
      padding-top: 120px;
      padding-bottom: 120px;
  }
  
  .tms-blog-data .blog-block .blog-title {
      max-width: 1120px;
      font-size: 42px;
      font-weight: 400;
      line-height: 59px;
      margin-bottom: 70px;
  }
  
  .tms-blog-data .blog-block .share-icons {
      margin-bottom: 65px;
  }
  
  .tms-blog-data .blog-block .share-icons span {
      display: block;
      color: var(--medium_gray);
      font-weight: 500;
      margin-bottom: 40px;
  }
  
  .tms-blog-data .blog-block .share-icons ul {
      list-style: none;
      list-style-type: none;
      padding: 0;
      margin: 0;
  }
  
  .tms-blog-data .blog-block .share-icons ul li {
      display: inline-block;
  }
  
  .tms-blog-data .blog-block .share-icons ul .btn {
      border-radius: 20px;
      text-transform: capitalize;
      padding: 6px 25px 6px 13px;
  }
  
  .tms-blog-data .blog-block .share-icons ul .btn:hover {
      color: #fff;
  }
  
  .tms-blog-data .blog-block .share-icons ul .btn i {
      margin-right: 5px;
  }
  
  .tms-blog-data .blog-block .articl-img {
      margin-bottom: 150px;
  }
  
  .tms-blog-data .blog-block .articl-content {
      max-width: 900px;
      margin: 0 auto;
  }
  
  .tms-blog-data .blog-block .articl-content p {
      font-size: 26px;
      line-height: 40px;
      font-weight: 300;
      margin-bottom: 24px;
  }
  
  .tms-blog-data .blog-block .articl-content ul {
      color: #000;
      font-size: 19px;
      line-height: 32px;
      list-style: decimal;
  }
  
  .tms-blog-data .blog-block .articl-content ul li {
      margin-bottom: 10px;
  }
  
  .tms-blog-data .blog-block .article2-content p {
      font-size: 22px;
      line-height: 34px;
  }
  
  .tms-blog-data .blog-gallery {
      padding-top: 120px;
      padding-bottom: 150px;
  }
  
  .tms-blog-data .blog-gallery img {
      width: 100%;
  }
  
  .tms-blog-data .blog-gallery .slick-slide {
      height: 100%;
      padding: 0 7px;
  }
  
  .tms-blog-data .blog-gallery .slick-slide img {
      height: 100%;
  }
  
  .tms-blog-data .blog-gallery .blog-images {
      margin-bottom: 50px;
  }
  
  .tms-blog-data .blog-gallery .blog-images-thumbnails .slick-slide img {
      width: 100%;
      height: auto;
  }
  
  /*** professionl page styles ***/
  .tms-professional-intro {
      padding-top: 125px;
      padding-bottom: 125px;
  }
  
  .tms-professional-intro h2 {
      font-size: 38px;
      line-height: 50px;
      margin-bottom: 60px;
      font-weight: 600;
  }
  
  @media (min-width: 1600px) {
      .tms-professional-intro h2 {
          font-size: 45px;
          line-height: 57px;
      }
  }
  
  .tms-professional-intro .subtitle {
      font-size: 25px;
      line-height: 33px;
      margin-bottom: 60px;
      font-weight: 500;
  }
  
  @media (min-width: 1600px) {
      .tms-professional-intro .subtitle {
          font-size: 32px;
          line-height: 40px;
      }
  }
  
  .tms-professional-intro p {
      font-size: 18px;
      line-height: 31px;
      font-weight: 300;
  }
  
  @media (min-width: 1600px) {
      .tms-professional-intro p {
          font-size: 26px;
          line-height: 39px;
      }
  }
  
  .tms-professional-steps {
      padding-top: 200px;
      padding-bottom: 200px;
  }
  
  .tms-professional-steps .container {
      max-width: 1000px;
      background-position: right 40px top 20%,
      left 0 top 60%,
      bottom 350px right 0,
      bottom 25px left 100px;
      background-size: auto,
      auto,
      350px auto,
      200px auto;
  }
  
  @media (min-width: 992px) {
      .tms-professional-steps .container {
          padding-right: 100px;
          padding-left: 100px;
      }
  }
  
  .tms-professional-steps .step-card {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      padding-bottom: 100px;
      padding-right: 80px;
  }
  
  .tms-professional-steps .step-card::after {
      content: "";
      width: calc(100% - 178px);
      height: 3px;
      background: var(--secondary);
      bottom: 0;
      left: 78px;
      position: absolute;
  }
  
  .tms-professional-steps .step-card::before {
      content: "";
      width: 3px;
      height: 100%;
      background: var(--secondary);
      bottom: 0;
      left: 78px;
      position: absolute;
  }
  
  .tms-professional-steps .step-card img {
      max-width: 260px;
      height: auto;
      position: relative;
  
  }
  
  .tms-professional-steps .step-card .card-content {
      max-width: 370px;
  }
  
  .tms-professional-steps .step-card .card-content .step-num {
      font-size: 200px;
      color: var(--secondary);
      font-weight: 500;
      line-height: 1.2;
  }
  
  .tms-professional-steps .step-card .card-content h3 {
      font-size: 29px;
      line-height: 41px;
      color: var(--secondary);
      margin-bottom: 20px;
  }
  
  .tms-professional-steps .step-card .card-content p {
      font-size: 21px;
      line-height: 32px;
      font-weight: 300;
  }
  
  .tms-professional-steps .step-card:nth-child(odd) {
      flex-direction: row-reverse;
      padding-right: 0;
      padding-left: 80px;
  }
  
  .tms-professional-steps .step-card:nth-child(odd)::after {
      right: 100px;
      left: auto;
  }
  
  .tms-professional-steps .step-card:nth-child(odd)::before {
      right: 100px;
      left: auto;
  }
  
  .tms-professional-steps .step-card:first-child {
      padding-top: 0;
  }
  
  .tms-professional-steps .step-card:first-child::before {
      height: 50%;
  }
  
  .tms-professional-steps .step-card:last-child {
      padding-bottom: 0;
  }
  
  .tms-professional-steps .step-card:last-child::before {
      height: 50%;
      top: 0;
  }
  
  .tms-professional-steps .step-card:last-child::after {
      display: none;
  }
  
  .tms-robot-steps {
  }
  
  .tms-robot-steps .step-card .card-content h3 {
      font-size: 30px;
      line-height: 41px;
      color: var(--secondary);
      margin-bottom: 20px;
  }
  
  .tms-robot-steps .step-card .card-content .step-num {
      color: var(--secondary);
      margin-left: 30px;
      margin-right: 30px;
      text-align: center;
      font: normal normal 600 98px/147px Poppins;
  }
  
  .tms-robot-steps .step-card .card-content p {
      font-size: 21px;
      line-height: 1.2;
      font-weight: 300;
  }
  
  .robot-banner{
      background-image: url(/images/robot_banner.png?bc9a8cfe053d1f455c3e309512e70e9e);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      height: 1800px;
  }
  
  /***footer styles ****/
  footer {
      padding-top: 70px;
      padding-bottom: 10px;
  }
  
  footer .footer-logo {
      display: block;
      margin-bottom: 30px;
  }
  
  footer a:hover {
      color: var(--secondary);
  }
  
  footer ul {
      padding: 0;
      margin: 0;
      list-style: none;
      list-style-type: none;
  }
  
  footer ul li {
      display: inline-block;
      padding: 0 10px;
  }
  
  footer ul li a {
      letter-spacing: 0.31px;
      color: var(--dark);
  }
  
  footer ul li:first-child {
      padding-left: 0;
  }
  
  footer .tms-social a {
      color: var(--light_gray);
      display: inline-block;
      padding: 0 5px;
  }
  
  footer .tms-social a:hover {
      color: var(--secondary);
  }
  
  footer .tms-social a:first-child {
      padding-left: 0;
  }
  
  footer .tms-social a i {
      font-size: 20px;
  }
  
  footer .copyright {
      margin-top: 15px;
      padding-top: 20px;
      border-top: 1px solid #DCDCDC;
  }
  
  footer .copyright p {
      color: var(--medium_gray);
      font-size: 14px;
      margin-bottom: 0;
  }
  
  /*** media query styles ***/
  @media (min-width: 1650px) {
      .navbar .nav-item .nav-link {
          font-size: 19px;
      }
      .tms-hero {
          min-height: 950px;
          padding-top: 210px;
      }
      .tms-hero h1 {
          margin-bottom: 100px;
      }
      .tms-hero .inner-box p {
          font-size: 26px;
          line-height: 39px;
      }
      .small-title {
          max-width: 563px;
          font-size: 30px;
          line-height: 36px;
      }
      .card .card-content p {
          font-size: 16px;
      }
      .news-box .box-content p {
          font-size: 18px;
          line-height: 24px;
      }
      .tms-environment .container-fluid {
          background-position: top 0px left 0;
      }
  }
  
  @media (min-width: 992px) {
      .show-md {
          display: none;
      }
  }
  @media (max-width: 991px) {
    .show-md {
        display: flex;
    }
}

  
  @media (min-width: 768px) {
      .show-sm {
          display: none !important;
      }
  }
  
  @media (max-width: 1400.98px) {
      .container-fluid {
          padding-right: 60px;
          padding-left: 60px;
      }
      .navbar .nav-item .nav-link {
          padding-right: 15px;
          padding-left: 15px;
      }
      .navbar .navbar-brand {
          margin: 0;
          padding: 0;
          margin-right: 20px;
          z-index: 99;
      }
  }
  
  @media (max-width: 1299.98px) {
      .container-fluid {
          padding-right: 40px;
          padding-left: 40px;
      }
      .navbar .nav-item .nav-link {
          font-size: 15px;
      }
      .navbar .nav-item .nav-link img {
          margin-right: 3px;
      }
      .tms-environment .container-fluid {
          background-size: 500px auto;
      }
  }
  
  @media (max-width: 1199.98px) {
      .box {
          padding: 40px 35px;
      }
      .news-box .box-content {
          padding: 30px 25px;
      }
      .tms-location h2 {
          max-width: 90%;
      }
      .navbar .navbar-nav.ms-auto .nav-link {
          padding: 6px 15px 5px 15px;
          display: flex;
          align-items: center;
          line-height: 1.2;
      }
      .navbar .navbar-nav.ms-auto .nav-link img {
          margin-right: 10px;
      }
      .paragraph-block.big-text h3 {
          font-size: 30px;
          max-width: 400px;
      }
      .tms-test-steps .intro-box {
          max-width: 465px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption {
          padding-left: 40px;
          padding-right: 40px;
      }
  }
  
  @media (max-width: 991.98px) {
      .hidden-md {
          display: none !important;
      }
      .navbar.bg-light {
          padding: 12px 0;
      }
      .navbar.bg-light .navbar-collapse {
          position: fixed;
          top: 60px;
          left: 0;
          height: 100%;
          width: 100%;
          background: #fff;
          z-index: 98;
          padding: 30px 40px;
      }
      .navbar.bg-light .nav-item .nav-link {
          font-size: 22px;
          padding: 15px 20px 15px 32px;
          border-radius: 30px;
      }
      .card .card-content p {
          min-height: 120px;
      }
      .tms-hero {
          padding-top: 80px;
          padding-bottom: 80px;
          background-position: top 0 left 0;
          background-size: cover;
          min-height: 1px;
      }
      .card .card-content p {
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 4;
          overflow: hidden;
          text-overflow: ellipsis;
          max-height: 120px;
      }
      .tms-environment .pragraph {
          font-size: 16px;
      }
      .box {
          padding: 25px 20px;
      }
      .box p {
          font-size: 25px;
          line-height: 23px;
          margin-bottom: 30px;
      }
      .box a i {
          font-size: 30px;
      }
      .tms-environment {
          padding-top: 80px;
          padding-bottom: 60px;
      }
      /*.tms-environment::after {*/
      /*    height: calc(100% - 210px);*/
      /*}*/
      .tms-environment .container-fluid {
          background-size: 400px auto;
          background-position: top 40px left -30px;
      }
      .tms-environment .env-img {
          display: block;
          margin: 50px auto 12px auto;
          max-height: 500px;
      }
      .tms-about-us .about-content {
          margin-top: 5px;
      }
      .tms-certificate img {
          max-width: 120px;
          margin-right: 30px;
      }
      .tms-test-steps .steps-slider .col-md-6:first-child,
      .tms-test-steps .steps-slider .col-md-6:nth-child(3) {
          margin-top: 0;
      }
      .tms-test-steps .intro-box {
          margin-top: 0;
      }
      .tms-test-steps .big-container {
          max-width: 100%;
          padding: 0;
          background: transparent;
          padding-bottom: 0 !important;
      }
      .tms-test-steps .big-container .intro-box {
          width: 100%;
          max-width: 100%;
      }
      .tms-test-steps .big-container .intro-box p {
          max-width: 400px;
      }
      .tms-test-steps {
          padding-bottom: 0;
      }
      .tms-test-steps .container-fluid {
          background-position: bottom 0 right;
          padding-bottom: 100px;
          background-size: 250px auto;
      }
      .tms-test-steps .steps-slider {
          padding-top: 50px;
          background-position: right 30px top 100px;
      }
      .tms-test-steps .steps-slider .step-card {
          width: 100%;
          max-width: 100%;
          margin-bottom: 0;
          padding: 0 15px;
      }
      .tms-test-steps .steps-slider .step-card img {
          width: 100%;
      }
      .tms-test-steps .steps-slider .col-md-6,
      .tms-test-steps .steps-slider .col-md-6:nth-child(2) {
          margin: 0;
      }
      .tms-env-inner::before {
          height: 65%;
          background-size: auto calc(100% - 239px);
          background-position: bottom 50px center;
      }
      .tms-terms {
          padding-top: 60px;
          padding-bottom: 60px;
      }
      .tms-terms .container {
          max-width: 100%;
          padding: 0 40px;
      }
      .tms-blog-data .container {
          padding-left: 40px;
          padding-right: 40px;
      }
      .tms-blog-data .blog-block {
          padding-top: 60px;
          padding-bottom: 60px;
      }
      .tms-blog-data .blog-block .blog-title {
          max-width: 1120px;
          font-size: 30px;
          font-weight: 400;
          line-height: 36px;
          margin-bottom: 25px;
      }
      .tms-blog-data .blog-block .articl-img {
          margin-bottom: 50px;
      }
      .tms-blog-data .blog-block .articl-content p {
          font-size: 18px;
          line-height: 32px;
      }
      .tms-blog-data .blog-block .blog-gallery {
          padding-top: 60px;
          padding-bottom: 60px;
      }
      .tms-hero-video .carousel .carousel-item {
          height: 500px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption {
          padding-top: 100px;
      }
      .tms-hero-video .carousel .carousel-item .inner-box h1 {
          margin-bottom: 30px;
      }
      .tms-professional-steps .container {
          padding: 0 40px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption {
          padding-top: 10px;
          padding-bottom: 10px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box {
          height: 100%;
          display: flex;
          flex-flow: column;
          justify-content: center;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box h1 {
          font-size: 30px;
          line-height: 43px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box p {
          font-size: 16px;
          line-height: 25px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box {
          max-width: 450px;
      }
  }
  
  @media (max-width: 767.98px) {
      .hidden-sm {
          display: none !important;
      }
      h1 {
          font-size: 36px;
          line-height: 40px;
      }
      .tms-hero {
          background-position: top;
      }
      .tms-hero .inner-box {
          max-width: 400px;
      }
      .tms-hero .inner-box p {
          font-size: 20px;
          line-height: 30px;
          font-weight: 300;
      }
      .tms-features .slick-slide .card h3 {
          min-height: 100px;
      }
      .tms-environment h2 {
          font-size: 38px;
          line-height: 50px;
      }
      .tms-environment .container-fluid {
          background: none;
      }

      .tms-environment-after::after {
          /*height: calc(50% - 90px);*/
          height: calc(75%);
          background-size: auto 350px;
          background-position: bottom 40px center;
      }
 
      .tms-environment .pragraph {
          max-width: 100%;
          margin-top: 50px;
          font-size: 20px;
      }
      .tms-environment .box {
          margin-top: 20px;
          padding: 40px;
      }
      .tms-location .show-sm {
          margin-top: 70px;
          margin-bottom: 70px;
      }
      .tms-location h2 {
          font-size: 36px;
          line-height: 57px;
      }
      .img-container{
        overflow-x: clip;
      }
      .imagem_main{
        overflow-x: clip;
      }
      footer .container-fluid {
          padding: 0;
      }
      footer .footer-logo {
          text-align: center;
          margin-bottom: 50px;
      }
      footer .bottom-menu {
          flex-flow: column-reverse;
          text-align: center;
      }
      footer .bottom-menu ul li {
          display: block;
          /* &:last-child {
                              border-bottom: 1px solid #DCDCDC;
                          }*/
      }
      footer .bottom-menu ul li a {
          display: block;
          width: 100%;
          letter-spacing: 0.39px;
          padding: 15px 5px;
          border-top: 1px solid #DCDCDC;
          font-size: 20px;
          line-height: 39px;
      }
      footer .bottom-menu .tms-social {
          margin-bottom: 50px;
      }
      footer .bottom-menu .tms-social a {
          margin: 0 7px;
      }
      footer .bottom-menu .tms-social a i {
          font-size: 30px;
          line-height: 1;
      }
      footer .copyright {
          margin-top: 0;
          flex-flow: column;
          text-align: center;
          padding-top: 80px;
      }
      footer .copyright p {
          font-size: 16px;
          font-weight: 200;
          line-height: 28px;
          margin-bottom: 50px;
      }
      footer .copyright img {
          width: auto;
          max-width: -moz-max-content;
          max-width: max-content;
          margin: 0 auto;
      }
      footer .outro{
        margin-top: 0;
        flex-flow: column;
        text-align: center;
        margin-bottom: 50px;
        gap:3vh;
      }
      footer .outro p{
        margin-bottom: 5px;  
      }


      .paragraph-block h3,
      .paragraph-block.big-text h3 {
          margin-bottom: 40px;
      }
      .tms-about-us .about-block:nth-child(even) .row .col-12 {
          order: 2;
      }
      .tms-about-us .about-block:nth-child(even) .row .col-12.left-side {
          order: 1;
      }
      .tms-about-us .about-content {
          margin-left: 0;
      }
      .tms-about-us .about-content h3 {
          margin-top: 20px;
          margin-bottom: 25px;
      }
      .tms-breadcrumbs {
          padding: 20px 0;
      }
      .tms-breadcrumbs h2 {
          font-size: 20px;
      }
      /*.paragraph-block.big-text {*/
      /*    padding-top: 60px;*/
      /*}*/
      /*.tms-about-pragraph .paragraph-block {*/
      /*    padding-bottom: 0px;*/
      /*}*/
      .tms-about-us .row {
          padding: 60px 0;
      }
      .tms-certificate {
          padding-top: 50px;
          padding-bottom: 80px;
      }
      .tms-certificate .col-12 {
          margin-top: 30px;
      }
      .tms-certificate img {
          max-width: 100px;
          margin-right: 15px;
      }
      .paragraph-block.big-text h3,
      .steps-block .step h4 {
          max-width: 100%;
      }
      .tms-contact {
          padding-top: 80px;
          padding-bottom: 80px;
      }
      .tms-contact form {
          margin-top: 30px;
      }
      .tms-event-cases .carousel-fade .carousel-item {
          max-height: 450px;
      }
      .tms-event-cases .carousel-fade .carousel-item img {
          height: 100%;
          width: 100%;
      }
      .tms-services .service-box {
          max-width: 100%;
          text-align: center;
      }
      .tms-services .service-box img {
          margin: 0 auto;
      }
      .tms-attendance .top-row {
          flex-direction: column-reverse;
      }
      .tms-attendance .top-row .col-lg {
          max-width: 100%;
          margin-bottom: 40px;
          padding-bottom: 25px;
          border-bottom: 1px solid #F2F4F8;
      }
      .tms-attendance .text-blue {
          font-size: 20px;
          line-height: 31px;
      }
      .tms-event-cases {
          padding-top: 50px;
          padding-bottom: 0;
      }
      .tms-event-cases h2 {
          max-width: 500px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption p {
          font-size: 16px;
      }
      .tms-hero-video .carousel .carousel-item {
          max-height: 400px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box {
          max-width: 371px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box h1 {
          font-size: 20px;
          line-height: 30px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box p {
          font-size: 14px;
          line-height: 23px;
      }
      .tms-hero-video .carousel .carousel-item .carousel-caption .inner-box p br {
          display: none;
      }
      .tms-professional-steps {
          padding-top: 100px;
          padding-bottom: 100px;
      }
      .tms-professional-steps .container {
          background: transparent;
      }
      .tms-professional-steps .step-card,
      .tms-professional-steps .step-card:nth-child(odd) {
          flex-direction: column-reverse;
          text-align: center;
          padding: 0;
          margin-bottom: 50px;
      }
      .tms-professional-steps .step-card::before, .tms-professional-steps .step-card::after,
      .tms-professional-steps .step-card:nth-child(odd)::before,
      .tms-professional-steps .step-card:nth-child(odd)::after {
          display: none;
      }
      .tms-professional-steps .step-card img,
      .tms-professional-steps .step-card:nth-child(odd) img {
          margin-top: 60px;
      }
      .tms-professional-steps .step-card .card-content .step-num,
      .tms-professional-steps .step-card:nth-child(odd) .card-content .step-num {
  
      }
      .tms-professional-intro img {
          margin-top: 70px;
      }
      .paragraph-block .d-flex img {
          margin-right: 20px;
      }
      .paragraph-block h3.custom-width {
          max-width: 100%;
      }
      
      .show-sm .text-blue{
        margin-top:0;
      }
      .margin-bottom{
        margin-bottom: -1rem;
      }

      #client-selection h2 {
        text-align:center!important;
        display:block!important;
        margin:0 auto!important;
        width:100%;
        font-size:50px;
        padding-top:20px;
      }
      #client-selection img {
        width:50%;
      }
      
  }
  
  @media (max-width: 575.5px) {
      .tms-attendance form .btn {
          width: 100%;
          max-width: 100%;
      }
      .tms-new-blogs .new-topic .topic-title {
          padding: 15px 15px;
          font-size: 14px;
      }
      .tms-professional-intro h2 {
          font-size: 31px;
          line-height: 41px;
          margin-bottom: 35px;
      }
      .tms-professional-intro .subtitle {
          font-size: 21px;
          line-height: 30px;
          margin-bottom: 35px;
      }
      .paragraph-block .d-flex {
          flex-flow: column;
      }
      .paragraph-block .d-flex img {
          margin: 0 auto 40px auto;
          max-width: 110px;
      }
      .paragraph-block .d-flex .block-title {
          margin-bottom: 25px;
      }
  }
  
  @media (max-width: 500px) {
      .container-fluid,
      .tms-professional-steps .container,
      .tms-hero-video .carousel .carousel-item .carousel-caption {
          padding-right: 20px;
          padding-left: 20px;
      }
      .tms-location h2 {
          font-size: 20px;
          line-height: 35px;
      }
      .tms-location,
      .tms-features {
          padding-top: 50px;
          padding-bottom: 50px;
      }
      .small-title {
          margin-bottom: 30px;
      }
      .tms-features .small-title {
          margin-bottom: 50px;
      }
      .tms-hero {
          padding-top: 60px;
          padding-bottom: 50px;
      }
      .tms-hero .inner-box h1 {
          margin-bottom: 50px;
      }
      .tms-hero .inner-box p {
          font-size: 16px;
      }
      .tms-location p,
      .tms-location h2 {
          max-width: 100%;
      }
      .tms-about-us .about-content h3 {
          font-size: 25px;
      }
      .paragraph-block.big-text h3 {
          font-size: 25px;
          line-height: 35px;
      }
      .paragraph-block.big-text p {
          font-size: 16px;
          line-height: 26px;
      }
      .navbar .navbar-toggler {
          margin: 0 auto;
          /*width: 35px;
          height: 27px;*/
          margin-left: 25px;
      }
      /*.navbar .navbar-toggler .bar {
          width: 35px;
      }
      .navbar .navbar-toggler .bar2,
      .navbar .navbar-toggler .bar3 {
          /*top: 12px;
      }*/
      .tms-contact p {
          color: #000;
          font-size: 15px;
          line-height: 25px;
          font-weight: 300;
      }
      form .btn {
          max-width: 100%;
      }
      .tms-test-steps .steps-slider {
          background-size: 120px;
      }
      .tms-test-steps .container-fluid {
          background-size: 200px auto;
      }
      .tms-event-cases .small-title {
          margin-bottom: 35px;
      }
      .tms-event-cases .dark-bg {
          padding: 40px 30px;
      }
      .tms-event-cases h2 {
          font-size: 40px;
      }
      .tms-certificate .d-flex {
          align-items: center;
          flex-flow: column;
      }
      .tms-certificate .d-flex img {
          margin-right: 0;
      }
  }
  @media (max-width: 387px){
    .navbar.bg-light .nav-item .nav-link {
        padding-left: 5px;
        border-radius: 15px;
        }
    }
  
  .img-scale085{
      transform: scale(0.85);
  }
  
  .z-index45{
      z-index: 45;
  }
  
  .z-index99{
      z-index: 99;
  }
  
  .text-size28{
      font-size: 28px;
  }
  
  .text-size35{
      font-size: 35px;
  }
  
  .text-size40{
      font-size: 40px;
  }
  
  .image-scale{
      transform: scale(0.8);
  }
  
  .margin-bottom2{
      padding-bottom: 2px;
  }
  
  
  .margin-bottom2r{
      padding-bottom: 2rem;
  }
  .margin-bottom4r{
      padding-bottom: 4rem;
    }
  
  .margin-bottom22{
      padding-bottom: 22px;
  }
  
  .white-right-bord {
      border-right: 1px solid white;
  }
  
  .texto_theo{
      font: var(--unnamed-font-style-normal) normal 600 calc(2.5vw) var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal 600 calc(2.5vw) Poppins;
      letter-spacing: 0px;
      color: var(--lighter_gray);
      opacity: 1;
      padding-top: 5vh;
      /*font-size: 2em;*/
      padding-left: 0.5em;
  }
  
  
  .texto_theo2{
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 23px/34px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 300 23px/34px Poppins;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
  }
  .texto_theo3{
      font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-60)/var(--unnamed-line-spacing-75) var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 600 60px/75px Poppins;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
  }
  
  .texto_theo4{
      font: var(--unnamed-font-style-normal) normal medium 30px/46px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal medium 30px/46px Poppins;
      letter-spacing: 0px;
      color: var(--secondary);
      opacity: 1;
      font-size: 23px;
  
  }
  
  .texto_mapa{
      font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-55)/57px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal 600 55px/57px Poppins;
      letter-spacing: 0px;
      color: var(--secondary);
      opacity: 1;
  }
  
  .texto_mapa2{
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 1rem var(--unnamed-font-family-poppins);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 300 1rem Poppins;
      letter-spacing: 0.18px;
      color: #646363;
      opacity: 1;
  }
  
  .ico-png{
      size: 1px;
  }
  
  .title-panel-blue{
  
      font: var(--unnamed-font-style-normal) normal normal var(--unnamed-font-size-60)/62px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal normal 60px/62px Poppins;
      letter-spacing: 0px;
      color: var(--secondary);
      opacity: 1;
  }
  
  .type_text1{
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-size-55)/var(--unnamed-line-spacing-75) var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-3f9ad5);
      text-align: left;
      font: normal normal 300 55px/75px Poppins;
      letter-spacing: 0px;
      color: var(--tertiary);
  }
  
  .type_text2 {
      font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-800) var(--unnamed-font-size-80)/var(--unnamed-line-spacing-75) var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-3f9ad5);
      text-align: left;
      font: normal normal 800 80px/75px Poppins;
      letter-spacing: 0px;
      color: var(--tertiary);
  }
  
  .type_text3{
      font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-80)/80px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal 600 calc(5vw) Poppins;
      letter-spacing: 0px;
      color: var(--tertiary);
  }
  
  .type_text4{
      font: var(--unnamed-font-style-normal) normal 200 var(--unnamed-font-size-80)/80px var(--unnamed-font-family-poppins);
  }
  
  .type_text5 {
      font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-60)/var(--unnamed-line-spacing-75) var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 600 60px/75px Poppins;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
  }
  .type_text6 {
      font: var(--unnamed-font-style-normal) normal 600 var(--unnamed-font-size-80)/80px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      text-align: left;
      font: normal normal 600 80px/80px Poppins;
      letter-spacing: 0px;
      color: white;
  }
  
  .breadcrumb_text{
      font: var(--unnamed-font-style-normal) normal 600 45px/57px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 600 45px/57px Poppins;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
      width: auto;
  }
  
  .breadcrumb_text2{
      font: var(--unnamed-font-style-normal) normal 600 38px/57px var(--unnamed-font-family-poppins);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-ffffff);
      text-align: left;
      font: normal normal 600 38px/57px Poppins;
      letter-spacing: 0px;
      color: #FFFFFF;
      opacity: 1;
      width: auto;
  }
  
  .negative{
      margin-top: -24px;
  }
  
  .frente{
      z-index: 100;
  }
  
  .margin-left210 {
      margin-left: 210px;
  }
  
  .margin-left2 {
      margin-left: 6px;
  }
  
  .margin-left9 {
      margin-left: 30px;
  }
  .margin-left2_8rem{
      margin-left: 2.8rem;
  }
  
  .number1{
      font-size: 6rem;
  }
  
  
  .border-bottom-gray{
      border-bottom: 1px solid var(--medium_gray);
  }
  
  :root {
  
      /* Colors: */
      --unnamed-color-3f9ad5: var(--tertiary);
      --unnamed-color-ffffff: #FFFFFF;
  
      /* Font/text values */
      --unnamed-font-family-poppins: Poppins;
      --unnamed-font-style-normal: normal;
      --unnamed-font-weight-300: 300px;
      --unnamed-font-weight-800: 800px;
      --unnamed-font-size-55: 55px;
      --unnamed-font-size-60: 60px;
      --unnamed-font-size-80: 80px;
      --unnamed-character-spacing-0: 0px;
      --unnamed-line-spacing-75: 75px;
  }
  
  /* Character Styles */
  .unnamed-character-style-1 {
      font-family: var(--unnamed-font-family-poppins);
      font-style: var(--unnamed-font-style-normal);
      font-weight: var(--unnamed-font-weight-800);
      font-size: var(--unnamed-font-size-55);
      line-height: var(--unnamed-line-spacing-75);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-3f9ad5);
  }
  .unnamed-character-style-2 {
      font-family: var(--unnamed-font-family-poppins);
      font-style: var(--unnamed-font-style-normal);
      font-weight: var(--unnamed-font-weight-800);
      font-size: var(--unnamed-font-size-80);
      line-height: var(--unnamed-line-spacing-75);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-3f9ad5);
  }
  
  
  
  .unnamed-character-style-3 {
      font-family: var(--unnamed-font-family-poppins);
      font-style: var(--unnamed-font-style-normal);
      font-weight: var(--unnamed-font-weight-300);
      font-size: var(--unnamed-font-size-60);
      line-height: var(--unnamed-line-spacing-75);
      letter-spacing: var(--unnamed-character-spacing-0);
      color: var(--unnamed-color-3f9ad5);
  }
  
  .select-ball {
      animation: go-back 1s;
  }
  
  @keyframes go-back {
      from {
          transform: translateX(100px);
      }
      to {
          transform: translateX(0);
      }
  }
  
  a {
    cursor: pointer;
  }
  
  .link {
    color: var(--secondary);
    font-size: 18px;
    line-height: 30px;
    text-decoration: none !important;
  }
  
  .relative {
    position: relative;
  }
  
  .flex-start {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  
  .flex-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .btn {
    position: relative;
  }
  .btn .loading-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    color: var(--secondary);
    z-index: 1;
  }
  
  .invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 11px;
    color: #ff5c75;
    line-height: 16px;
  }
  
  a {
    color: #92badd;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
  }
  
  /* STRUCTURE */
  .wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
  }
  
  #formContent {
    border-radius: 10px 10px 10px 10px;
    background: #fff;
    padding: 30px;
    width: 90%;
    max-width: 450px;
    position: relative;
    padding: 0px;
    box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
  }
  
  #formFooter {
    background-color: #f6f6f6;
    border-top: 1px solid #dce8f1;
    padding: 25px;
    text-align: center;
    border-radius: 0 0 10px 10px;
  }
  
  /* TABS */
  h2.inactive {
    color: #cccccc;
  }
  
  h2.active {
    color: #0d0d0d;
    border-bottom: 2px solid #5fbae9;
  }
  
  .card:hover {
    background-color: #fff;
    color: unset;
  }
  
  .page-content {
    min-height: calc(100vh - 372px);
  }
  
  @media only screen and (min-width: 992px){
    ul.navbar-nav{
        align-items: center;
    }
}

  @media only screen and (min-width: 992px) and (max-width: 1101px){
    div.container-fluid.tms-container{
        padding-left:10px;
    }
  }