/************ CSS Styles ************

    Template Name: Novota - Personal Portfolio Template
    Author: Tanmoy Dhar
    version: 1.0
    Copyright: 2018

************************************/
/*==================================

        Table of Content
        1. Body Css
        2. Preload
        3. Navbar
        4. Banner Section
        5. About Section
        6. Services Section
        7. Counter Section
        8. Skill Section
        9. Portfolio Section
        10. Blogs Section
        11. Testimonial Section
        12. Contact Form Section
        13. Footer
        14. Single Blog Page
        15. Mobile Responsive

==================================*/

/*============ 1. Body Css ============*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-decoration: none !important;
    list-style: none !important;
    outline: none !important; }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
color: #222;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: -0.025rem; 
  }

    img {
    width: 100%;
    height: auto; }

    a,
    a:hover,
    a:focus {
    color: inherit; }

    body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    font-size: 16px;
    line-height: 1.65;
    color: #2a3b71;
    -webkit-font-smoothing: antialiased; }

    p {

  font-size: 16px;
  line-height: 28px;
    }

    span {
    display: inline-block; }

    /*===========Margin And Paddings============*/
    .mt-0 {
    margin-top: 0 !important; }

    .mt-5 {
    margin-top: 5px !important; }

    .mt-10 {
    margin-top: 10px !important; }

    .mt-15 {
    margin-top: 15px !important; }

    .mt-20 {
    margin-top: 20px !important; }

    .mt-25 {
    margin-top: 25px !important; }

    .mt-30 {
    margin-top: 30px !important; }

    .mt-35 {
    margin-top: 35px !important; }

    .mt-40 {
    margin-top: 40px !important; }

    .mt-45 {
    margin-top: 45px !important; }

    .mt-50 {
    margin-top: 50px !important; }

    .mt-55 {
    margin-top: 55px !important; }

    .mt-60 {
    margin-top: 60px !important; }

    .mt-62 {
    margin-top: 62px !important; }

    .mt-65 {
    margin-top: 65px !important; }

    .mt-70 {
    margin-top: 70px !important; }

    .mt-75 {
    margin-top: 75px !important; }

    .mt-80 {
    margin-top: 80px !important; }

    .mt-85 {
    margin-top: 85px !important; }

    .mt-90 {
    margin-top: 90px !important; }

    .mt-95 {
    margin-top: 95px !important; }

    .mt-100 {
    margin-top: 100px !important; }
    .mt-150 {
    margin-top: 150px !important; }
    .mt-250 {
    margin-top: 250px !important; }
    /* Custom Margin Bottom */
    .mb-0 {
    margin-bottom: 0 !important; }
    .mb-15 {
    margin-bottom: 15px !important; }
    .mb-30 {
    margin-bottom: 30px !important; }
    .mb-35 {
    margin-bottom: 37px !important; }
    .mb-20 {
    margin-bottom: 20px !important; }
    .mb-50 {
    margin-bottom: 50px !important; }

    .mb-100 {
    margin-bottom: 100px !important; }

    .m-0 {
    margin: 0px !important; }

    /* Custom Padding top */
    .pt-0 {
    padding-top: 0 !important; }
    .pt-30{
      padding-top: 30px !important; 
    }
    .pt-50 {
    padding-top: 100px !important; }
    .pt-100 {
    padding-top: 100px !important; }

    /* Custom Padding top */
    .pb-0 {
    padding-bottom: 0 !important; }

    .pb-5 {
    padding-bottom: 5px !important; }

    .pb-30 {
    padding-bottom: 30px !important; }

    .pb-50 {
    padding-bottom: 100px !important; }
    .pb-70{
    padding-bottom: 70px !important;  
    }
    .pb-100 {
    padding-bottom: 100px !important; }
    .pb-200 {
    padding-bottom: 150px !important; }
    .p-0 {
    padding: 0 !important; }

    .owl-theme .owl-dot span {
    width: 20px !important; }

    .bg-gray {
      background-color:#f4e3fc63;
  }

    .div-btn {
    display: inline-block;
    background-color: #fc6f5c;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: .2s background-color ease;
    -o-transition: .2s background-color ease;
    transition: .2s background-color ease;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 10px;
    }
    .div-btn:hover {
    color:#fc6f5c;
    background-color: transparent; }

    .bread-crumb a {
    color: #fff;
    display: inline-block;
    margin: 0 10px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase; }
    .bread-crumb a:before {
    content: "/";
    position: absolute;
    right: -15px; }
    .bread-crumb a:last-child:before {
    display: none; }

    blockquote {
    font-size: 15px;
    color: #222;
    border-left: 4px solid #222;
    padding-left: 20px;
    margin: 40px 0;
    font-weight: 500; }

    /*=========== Section Style ============*/

    .section-title p {
    color: #6f6e6e;
    }
.section-title.bg-section-title h3 {
  color: #fff;
}

.section-title.bg-section-title p {
  color: #fff;
}
    .section-padding {
    padding:120px 0;
    }
    .m-60 {
    margin: 0 60px;
    }

    .paddingtop{
    padding: 70px 0;
    }
    .section-title{
    margin-bottom: 65px;
    }
    .main-title h4 {
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #222;
    }
    .main-title h6 {
    color: #0E1F37;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    }
/*.main-title.meain-title-bg-white h4:before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 15px;
  border-color: #f8f9fa;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
}*/
.main-title.meain-title-bg-white p:after {
    border-color: #f8f9fa;
}
.main-title.meain-title-bg-white h4 {
  color: #fff;
}

.main-title.meain-title-bg-white p {
  color: #fff;
}

.main-title.meain-title-bg-white:before {
  border-color: #fff;
}
    .main-title h6:before, .main-title h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #FC6F5C;
    position: absolute;
    bottom: 8px;
    }
    .main-title h6:before {
    left: -25px;
    }
    .main-title h6:after {
    right: -25px;
    }
    .main-title {
    position:  relative;
    text-align:  center;
    }
.section-title p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.67;
  color: #222;
  text-align: center;
}
    .section-title h3 {
      text-align: center;
      font-size: 38px;
      margin-top: 0;
      margin-bottom: 25px;
      line-height: 25px;
      color: #181b3a;
      font-weight: 600;
    }
    .main-title span {
    color: #FC6F5C;
    font-weight: 700;
    }
    .divi-title {
    margin-bottom: 20px;
    }

    .divi-title h4 {
    font-size: 35px;
    font-weight: 600;
    position: relative;
    margin-bottom: 20px;
    }

    .divi-title span {
    color: #fc6f5c;
    }
    .divi-title h4:before {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #FC6F5C;
    position: absolute;
    bottom: -10px;
    }
    h1.title-page-back {
  position:  absolute;
  color: #EEEFF3;
  font-size: 140px;
  font-weight:  800;
  text-transform:  uppercase;
  left:  50%;
  transform: translate(-50%);
  z-index: 0;
  /* top: -48px; */
  bottom: -55px;
  display: none;
}

.title-main-page {
  position:  relative;
  z-index: 1;
}
/*.title-main-page h4:before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 15px;
  border-color: #c10f41;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
}
.title-main-page p:after {
  content: '';
  display: block;
  border-bottom: 5px solid #c10f41;
  width: 57px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}*/
/*page title*/
    .page-title {
    height: 50vh;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed; 
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    z-index: 0; }
    .page-title-div {
  top: 55%;
  position: absolute;
  color: #fff;
  z-index: 11;
  width: 100%;
  left: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  }
    .page-title-div h1 {
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #fff;
    }
    /*============ 2. Preload ============*/
    .preload {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 9999;
    }
    .sk-three-bounce {
    margin: 25% auto;
    width: 80px;
    text-align: center;
    }
    .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color:  #c10f41;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    }
    .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    }
    .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    }
    @-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    }
    40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
    }
    @keyframes sk-three-bounce {
    0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    }
    40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    }
    }


    /*============ 3. Navbar ============*/
    nav.navbar {
    
    background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
    width: 100%;
    top: 0;
    z-index: 1000;
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    background: none; }
    nav.interna {
    
      background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
      width: 100%;
      top: 0;
      z-index: 1000;
      padding-top: 0px;
      padding-bottom: 0px;
      -webkit-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
       }
    nav.navbar .logo {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Montserrat', sans-serif; }
    nav.navbar .navbar-toggler {
    border: 0; }
    nav.navbar .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
    nav.navbar .nav-item {
  font-size: 14px;
  font-weight: 500;
  padding-right: 13px;
  padding-left: 13px;
  color: #fff;
 }
    nav.navbar .nav-item:first-child {
    padding-left: 0; }
    nav.navbar .nav-item:last-child {
    padding-right: 0; }
    nav.navbar .nav-item .nav-link {
    color: #fff;
    position: relative;
    text-decoration: none;
    padding: 0; }
    nav.navbar .nav-item .nav-link:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 14px;
    bottom: 5px;
    left: -6px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleX(0);
    transform: scaleY(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
    }
    nav.navbar .nav-item .nav-link:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 14px;
    bottom: 5px;
    right: -6px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleX(0);
    transform: scaleY(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
    }
    nav.navbar .nav-item .nav-link.active:before {
      visibility: visible;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
       }
    nav.navbar .nav-item .nav-link.active:after {
      visibility: visible;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
       }

      nav.fixed-top {
      position: fixed;
      padding-top: 0px;
      padding-bottom: 0px;
      background: -webkit-linear-gradient(-29deg,rgba(193, 15, 65, 1) 0,rgba(35, 59, 136, 1) 100%);
      background: -o-linear-gradient(-29deg,rgba(193, 15, 65, 1) 0,rgba(35, 59, 136, 1) 100%);
      background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(0,19,63) 50%);
      -webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); }
      nav.fixed-top .logo {
      color: #fff; }
      nav.fixed-top .logo:focus, nav.fixed-top .logo:hover {
      color: #fff; }
      nav.fixed-top .navbar-toggler .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
      nav.fixed-top .nav-item {
      color: #fff; }
      nav.fixed-top .nav-item .nav-link {
      color: #fff !important; }
      nav.fixed-top .nav-item .nav-link:before {
      background-color:#fff; }
      nav.fixed-top .nav-item .nav-link:after {
      background-color: #fff; }
      
      /*============ 4. Banner Section============*/
      .banner {
      height: 100vh;
      width: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-repeat: no-repeat;
      position: relative;
      overflow: hidden;
       }

      .banner-wave:after{
          content: '';
          display: block;
          height: 100%;
          background: url(../images/svg/wave-double.svg) bottom no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -3px;
          left: 0;
          right: 0;
          z-index: 101;
      }
      .banner-creative:after{
          content: '';
          display: block;
          height: 150px;
          background: url(../images/svg/wave-light.png) bottom no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -3px;
          left: 0;
          right: 0;
          z-index: 101;
      }
      .banner-bottom:after{
  content: '';
  display: block;
  height: 250px;
  background: url(../images/svg/bottom.png) bottom no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  z-index: 101;
}
.banenr-120{
height: 120vh;
}
      .banner-creative8:after{
          content: '';
          display: block;
          height: 150px;
          background: url(../images/svg/bg-wave.png) bottom no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -3px;
          left: 0;
          right: 0;
          z-index: 101;
      }
      .banner-creative2:after{
          content: '';
          display: block;
          height: 100%;
          background: url(../images/svg/m-style.svg) bottom no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -3px;
          left: 0;
          right: 0;
          z-index: 101;
      }
      .banner-creative3:after{
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        left: 0;
        bottom: 0;
        z-index: 2;
        background: url(../images/svg/wave-d.png) 100% 100% no-repeat;
        background-size: contain;

      }
      .banner-creative3:after{
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        left: 0;
        bottom: 0;
        z-index: 2;
        background: url(../images/svg/wave-d.png) 100% 100% no-repeat;
        background-size: contain;

      }
    .banner-creative5:after{
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        left: 0;
        bottom: 0;
        z-index: 2;
        background: url(../images/svg/shap_1.png) 100% 100% no-repeat;
        background-size: contain;

      }
      .video-curve:after{
          content: '';
          display: block;
          height: 100%;
          background: url(../images/svg/wave-double.svg) bottom no-repeat;
          background-size: cover;
          position: absolute;
          bottom: -3px;
          left: 0;
          right: 0;
          z-index: 101;

      }
      .banner-layer-wave:after{
   content: '';
      display: block;
      height: 100%;
      background: url(../images/svg/wave-double.svg) bottom no-repeat;
      background-size: cover;
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      z-index: 101;

    }
          .design{
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-size: cover;

    }
          .particles-js-canvas-el{
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
    }
          .video-bg{
    z-index: 1;
    }
      .banner-div {
      top: 50%;
      position: absolute;
      color: #fff;
      z-index: 11;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .banner-div h1 {
      font-size: 85px;
      font-weight: 700;
      letter-spacing: 0px;
      color: #fff;
      }
      .banner-div h1 span {
      color: #fc6f5c;
      font-weight: 800;
      }
      .banner-div p {
      color: #fff;
      font-size: 25px;
      font-weight: 500;
      text-transform: capitalize;
      letter-spacing: 6px;
      margin-bottom: 20px;
      }
      .banner-div-center{
      text-align: center;
      width: 100%;
      left: 0px;
      }
      .header-button a img {
  width: 200px;
  margin-right: 10px;
}
a.taso-btn.btn-bg-f {
  padding: 15px 30px;
  font-size: 16px;
  border-radius: 25px;
  margin-bottom: 10px;
  display: inline-table;
  font-weight: 700;
  background: transparent !important;
  background: #fff;
  letter-spacing: 3px;
  border: 2px solid #ffffff;
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-transform: uppercase;
  margin-top: 30px;
}
a.taso-btn.btn-bg-f:hover {
  background: #fff!important;
  color: #a03165!important;
  border-color: #a03165 !important;
}
a.taso-btn.header {
border: 2px solid #e6e1e2;
  background: #fff;
  color: #c10f41;
  padding: 8px 25px;
  font-size: 16px;
  margin-right: 20px;
}
a.taso-btn.header:hover {
  color: #c10f41;
  background: #fff;
}
a.taso-btn.header.header-transparent {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
a.taso-btn.btn-bg-f:hover{
background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
color: #fff;
}
.header-slides .owl-dots {
  display: none;
}
.header-button {
  margin-top: 35px;
}
.header-app.title-header-page h2 {
  font-size: 120px;
  line-height: 130px;
}

.header-app.title-header-page h3 {
  color: #fff;
  font-size: 30px;
  line-height: 36px;
}

.header-app.title-header-page p {
  font-size: 22px;
  line-height: 36px;
  margin-top: 20px;
}
/*============ Button  ============*/
          a.header-btn {
          margin-right: 20px;
          padding: 10px 20px;
          font-size: 14px;
          border-radius: 25px;
          margin-bottom: 10px;
          display: inline-table;
          font-weight: 600;
          background: #fff;
          color: #c10f41;

          text-decoration: none;
          transition: all .5s ease;
          box-shadow: 0 10px 25px rgba(0,0,0,0.1);
          text-transform: uppercase;
          }
          a.header-btn:hover {

          color: #fff;
          background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
          }
section.pt-50.pb-50.bg-gray {
  padding: 100px 0px !important;
}

/*Header Slider*/
a.navbar-brand.logo img {
  width: 135px;
}
.header-slides {
  width: 245px;
  position: absolute;
  left: 162px;
  z-index: 999;
  top: -35px;
}	
      .single-shot {
  width: 245px;
}
.header-app h2 {
  font-size: 40px;
  color: #fff;
  margin-bottom: 15px;
  margin-right: 15px;
  text-transform: uppercase;
  /* z-index: 99; */
  position: relative;
}
.header-app p {
  font-size: 16px;
  color: #fff;
}	
.row-center {
  text-align: center;
}

.header-button a:hover {
  background: #fff !important;
  color: #c10f41 !important;
}
.col-center {
  float: none;
  display: inline-block;
}

/*Features section*/
.single-features-item {
  min-height: 350px;
  text-align: center;
  border-bottom: 5px solid transparent;
  padding: 10px 15px;
  text-align: center;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  border-radius: 10px;
}
.single-features-item i {
  margin-bottom: 30px;
}
.single-features-item:hover{
  border-bottom: 5px solid #001335;
  padding: 10px 15px;
  box-shadow: 0 5px 12px rgb(15 27 191 / 78%), 0 7px 18px rgba(0, 9, 128, 0.09);
  border-radius: 15px;
  background-color: white;
}
.single-features-item h3 {
  color: #181b3a;
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.single-features-item i {
  font-size: 50px;
  line-height: 55px;
  color: #280175;
  margin-bottom: 0px;
  margin-top: 22px;
}
.owl-theme .owl-nav [class*=owl-] {
  background-color: rgba(224, 223, 223, 0.5215686274509804);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin: 0;
  padding: 0;
  line-height: 38px;
  color: #00133F;
  font-size: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-next {
  right: -10px;
}
.owl-theme .owl-nav .owl-prev {
  left: -10px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background-color:#00133F;
  color: #FFF;
  text-decoration: none;
}
  
.section-work-app .title {
margin-bottom: 40px;
}
.section-work-app .title h3 {
margin: 0;
color: #170B35;
font-size: 32px;
font-weight: 600;
}
.section-work-app .app-content-wrap {
padding-left: 85px;
}
.section-work-app .app-work-content {
padding-top: 30px;
padding-bottom: 45px;
position: relative;
}

.section-work-app .single-app-work {
padding-left: 10px;
}
.section-work-app .single-app-work + .single-app-work {
margin-top: 60px;
}
.section-work-app .single-app-work .icon-box,
.section-work-app .single-app-work .text-box {
display: table-cell;
vertical-align: middle;
}
.section-work-app .single-app-work .icon-box .inner {
width: 60px;
  height: 60px;
  background: #001335;
  background: linear-gradient(-29deg,rgb(56 56 231 / 88%) 30%,rgb(43, 67, 173) 50%);
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);
  position: relative;
  border-radius: 50%;
  text-align: center;
}
.section-work-app .single-app-work .icon-box .inner:before {
content: '';
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
background: #fff;
opacity: 1;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.section-work-app .single-app-work .icon-box .inner i {
  background:linear-gradient(-29deg,rgba(0, 0, 0, 0.9) 0,rgba(35, 59, 136, .9) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 60px;
  font-size: 25px;
  position: relative;
}
.section-work-app .single-app-work .icon-box .inner:hover {
-webkit-box-shadow: 0px 18px 37px rgba(160, 157, 159, 0.2);
        box-shadow: 0px 18px 37px rgba(160, 157, 159, 0.2);
}
.section-work-app .single-app-work .icon-box .inner:hover i {
color: #fff;
-webkit-text-fill-color: #fff;
}
.section-work-app .single-app-work .icon-box .inner:hover:before {
opacity: 0;
}
.section-work-app .single-app-work .icon-box .active .inner {
-webkit-box-shadow: 0px 18px 37px rgba(212, 50, 151, 0.2);
        box-shadow: 0px 18px 37px rgba(212, 50, 151, 0.2);
}
.section-work-app .single-app-work .icon-box .active .inner i {
color: #fff;
-webkit-text-fill-color: #fff;
}
.section-work-app .single-app-work .icon-box .active .inner:before {
opacity: 0;
}
.section-work-app .single-app-work .text-box {
  padding-left: 40px;
  padding-right: 30px;
}
.section-work-app .single-app-work .text-box h4,
.section-work-app .single-app-work .text-box p {
margin: 0;
}
.section-work-app .single-app-work .text-box h4 {
font-size: 20px;
color: #ffffff;
font-weight: 600;
}
.section-work-app .single-app-work .text-box p {
font-size: 14px;
line-height: 27px;
color: #ffffff;
margin-top: 10px;
}
.section-work-app .download-btn {
display: inline-block;
vertical-align: middle;
background: #6541c1;
background: -webkit-gradient(left top, right top, color-stop(0%, #6541c1), color-stop(98%, #d43396), color-stop(100%, #d43396));
background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
background: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6541c1', endColorstr='#d43396', GradientType=1);
position: relative;
padding: 12px 0;
padding-left: 80px;
border-radius: 28px;
padding-right: 40px;
}
.section-work-app .download-btn:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border-radius: 28px;
background: #fff;
opacity: 1;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.section-work-app .download-btn i.fab {
font-size: 30px;
background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
background: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
left: 35px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.section-work-app .download-btn span.inner {
position: relative;
display: block;
}
.section-work-app .download-btn span.avail,
.section-work-app .download-btn span.store-name {
display: block;
background: -webkit-gradient(linear, left top, right top, from(#6541c1), color-stop(98%, #d43396), to(#d43396));
background: linear-gradient(to right, #6541c1 0%, #d43396 98%, #d43396 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
line-height: 1em;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.section-work-app .download-btn span.avail {
font-size: 12.5px;
}
.section-work-app .download-btn span.store-name {
text-transform: uppercase;
font-size: 16px;
margin-top: 5px;
}
.section-work-app .download-btn.active, .section-work-app .download-btn:hover {
-webkit-box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.27);
        box-shadow: 0px 15px 30px rgba(212, 50, 151, 0.27);
}
.section-work-app .download-btn.active:before, .section-work-app .download-btn:hover:before {
opacity: 0;
}
.section-work-app .download-btn.active i.fab,
.section-work-app .download-btn.active span.avail,
.section-work-app .download-btn.active span.store-name, .section-work-app .download-btn:hover i.fab,
.section-work-app .download-btn:hover span.avail,
.section-work-app .download-btn:hover span.store-name {
color: #fff;
-webkit-text-fill-color: #fff;
}
.section-work-app .download-btn.active {
margin-right: 15px;
}
.section-work-app .app-slider-wrapper {
  position: relative;
  width: 297px;
  height: 599px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  -webkit-box-shadow: 0px 18px 37px rgba(212, 50, 151, 0.2);
  box-shadow: 0px 18px 37px rgba(158, 157, 158, 0.2)
}
.section-work-app .app-screen-image {
  background-image: url(../images/iphone-moc.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: block;
  height: 601px;
  left: calc(50% );
  position: absolute;
  top: 0px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 301px;
  z-index: 2;
}
.section-work-app .bx-wrapper {
border: none;
-webkit-box-shadow: none;
        box-shadow: none;
border-radius: 50px;
}
.header-img {
  z-index: 99;
}
.section-work-app .bx-wrapper .slide-item {
text-align: center;
}
.section-work-app .bx-wrapper .slide-item img {
margin-left: auto;
margin-right: auto;
border-radius: 50px;
}
.section-work-app .page-item {
display: block;
    box-shadow: 0px 0px 17px 6px rgba(0, 0, 0, 0.15);
  padding: 15px 15px;
}
.section-work-app .page-item + .page-item {
  margin-top: 20px;
}
.section-work-app .page-item.active .icon-box .inner:before {
opacity: 0;
}
.section-work-app .page-item.active .icon-box .inner i {
color: #fff;
-webkit-text-fill-color: #fff;
}
.section-work-app .app-work-sider-div {
position: relative;
}
.section-work-app .app-work-sider-div img.circled-img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.taso-btn {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 25px;
  margin-bottom: 10px;
  display: inline-table;
  font-weight: 500;
  background: linear-gradient(-29deg,rgb(10 10 93) 30%,rgb(91 40 139) 50%);
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 2px;
  cursor: pointer;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-transform: uppercase;
}
a.taso-btn:hover {
  background: linear-gradient(-29deg,rgb(10 10 93) 30%,rgb(91 40 139) 50%);
  color: #c10f41;
}
.show-case-ul i{
  color: #ffffff;
  display: inline-block;
  background-color: #c10f41;
  width: 20px;
  line-height: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 10px;
}
ul.show-case-ul li {
  margin-bottom: 5px;
}
.show-case-text h2 {
  font-size: 45px;
  line-height: 55px;
  font-weight: 500;
  margin-bottom: 30px;
}

ul.show-case-ul {
  margin-bottom: 30px;
}

ul.show-case-ul li {
  font-weight: 500;
}

a.paly-video-btn {
  width: 109px;
  height: 109px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  display: inline-block;
  line-height: 109px;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

a.paly-video-btn i {
  display: inline-block;
  vertical-align: middle;
  width: 85px;
  height: 85px;
  color: #c10f41;
  font-size: 35px;
  line-height: 85px;
  border-radius: 50%;
  background: #ffffff;
}
.overlay-7
{
  height: 100%;
  width: 100%;
  background:linear-gradient(-29deg,rgb(200 200 216 / 76%) 30%,rgb(50 41 59 / 64%) 50%);
}
.overlay-8
{
  height: 100%;
  width: 100%;
  background: linear-gradient(-29deg,rgb(20 20 46 / 76%) 30%,rgb(0 19 63 / 64%)64%) 50%);
  
}
.overlay-9
{
  height: 100%;
  width: 100%;
  background: linear-gradient(-29deg,rgba(20, 20, 46, 0.145) 30%,rgba(75, 40, 107, 0.137) 50%);
  
}
h2.video-title-2 {
  color: #fff;
  margin-bottom: 50px;
}
h2.video-title-3 {
  color: #000000;
  margin-bottom: 50px;
}
@media screen and (min-width: 700px) {
h2.video-title-2 {
  font-size: 70px;
  color: #fff;
  margin-bottom: 50px;
  
}
h2.text-interna {
  color: #fff;
  margin-bottom: 50px;
}
.overlay-c
{
  height: 100%;
  width: 100%;
  background: linear-gradient(-29deg,rgb(20 20 20 / 90%) 0,rgba(35, 59, 136, .9) 100%);
}
h2.video-title {
  font-size: 40px;
  color: #fff;
  margin-bottom: 50px;
}
}
/************************** 
* 16. app screenshot styles 
***************************/
.app-secreenshots .sec-title {
margin-bottom: 70px;
}

.swiper-slider-container .container {
position: relative;
}

.swiper-wrapper {
height: 630px;
width: 320px;
}

.row.app-section-slider.swiper-container-horizontal.swiper-container-3d.swiper-container-coverflow {
position: relative;
}

.swiper-slide.swiper-slide-active {
border-radius: 35px;
}

.app-screen-image {
background-image: url(../images/iphone-moc.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: block;
height: 645px;
left: calc(50% + 0.5px);
position: absolute;
top: 24px;
-webkit-transform: translateX(-50%);
        transform: translateX(-50%);
width: 301px;
z-index: 2;
border-radius: 40px;
}

.swiper-slide.swiper-slide-active {
background-size: 100% 100%;
}

.swiper-wrapper {
padding: 30px 0 40px;
}

.swiper-slide.swiper-slide-next {
-webkit-box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.18);
        box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.18);
}

.swiper-slide.swiper-slide-prev {
-webkit-box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.18);
        box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.18);
}

/*Counter section*/
.counter-item {
  text-align: center;
}

.counter-img {
  font-size: 50px;
  color: #fff;
}

.counter-img i {
  -webkit-background-clip: text;
  border-radius: 100px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  width: 100px;
  height: 100px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

.counter-text h2 {
  font-size: 39px;
}

h2.counter {
  font-size: 35px;
  color: #fff;
  margin-bottom: 15px;
}

.counter-text h5 {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  padding: 16px 20px;
  /* font-size: 14px; */
  border: 2px solid #ffffff;
  border-radius: 25px;
  margin-bottom: 10px;
  letter-spacing: 2px;
  display: inline-table;
  font-weight: 600;
  /* background: #fff; */
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-transform: uppercase;
}


.counter-item {
  background: rgba(255,255,255,.09);
  padding: 15px 20px;
}
/*
-----------------------------------------
Testimonial Section
-----------------------------------------
*/

.testimonial{
  padding: 20px;
  margin: 20px 10px;
}
.testimonial .pic{
  width: 122px;
  height: 122px;
  float: left;
  margin-right: 50px;
  position: relative;
}
.testimonial .pic:before,
.testimonial .pic:after{
  content: "";
  display: block;
  height: 50%;
  width: 50%;
  position: absolute;
}
.testimonial .pic:before{
  bottom: -10%;
  left: -10%;
  border-bottom: 3px solid #c10f41;
  border-left: 3px solid #c10f41;
  border-bottom-left-radius: 5px;
}
.testimonial .pic:after{
  top: -10%;
  right: -10%;
  border-top: 3px solid #c10f41;
  border-right: 3px solid #c10f41;
  border-top-right-radius: 5px;
}
.testimonial .pic img{
  width: 100%;
  height: auto;
}
.testimonial .testimonial-content{
  display: table;
  position: relative;
}
.testimonial .testimonial-content:before{
  content: "\f10d";
  font-family: 'Font Awesome\ 5 Free';
  position: absolute;
  top: -40px;
  left: -30px;
  font-weight: 900;
  font-size: 30px;
  color: #d8dad6;
  z-index: -1;
}
.testimonial .testimonial-title{
  font-size: 24px;
  color: #c10f41;
  font-weight: 500;
  text-transform: uppercase;
}
.testimonial .post{
  font-size: 16px;
  font-weight: 500;
  color: #333;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  padding-left: 5px;
  text-transform: capitalize;
}
.testimonial .description{
font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 12px;
  text-align: justify;
  font-style: normal;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background-color: #c10f41;
}
@media only screen and (max-width: 980px){
  .testimonial{
      padding: 20px 0;
      margin: 20px 15px;
  }
  .testimonial .pic{
      float: none;
  }
  .testimonial .testimonial-content{
      display: block;
      margin-top: 30px;
  }
  .testimonial .testimonial-content:before{
      z-index: 1;
      top: -200px;
  }
}
.owl-dots {
  text-align:  center;
}
.owl-dot{
  width: 15px;
  height: 15px;
  border-radius: 50%;
  padding: 0px;
}
.owl-dots .owl-dot {
  background: #D8DAD6;
  display: inline-block;
  padding-right: 0px;
  text-align: center;
  margin-right: 10px;
}

.owl-dot.active {
  background: #c10f41;
}

section#testimonial {
  background: #F6F7FE;
      box-shadow: 0 20px 30px #ebeef9;
}
/*Download Button*/
.download-btn {
  text-align: center;
  display: flex;
  justify-content: center;
}

a.download-btn-anc {
  color: #fff;
}

a.download-btn-anc {
  /* width: 224px; */
  background: #fff;
  /* height: 65px; */
  /* display: inline-block; */
  display: flex;
  align-items: center;
  border-radius: 50px;
  padding: 12px 20px;
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  transition: all .5s ease;
}
a.download-btn-anc:hover {    
background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.icon-download {
  width: 65px;
}

.text-download {
  /* width: 80%; */
}

.icon-download i {
  font-size: 35px;
  color: #c10f41;
}
a.download-btn-anc:hover .icon-download i {
  color: #fff;
}
.text-download {
  text-align: left;
  margin-left: 15px;
  width: 100%;
}

.text-download span {
  font-size: 12px;
  text-transform: uppercase;
}

.text-download h6 {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-top: -5px;
}

.text-download h6, .text-download span {
  color: #c10f41;
}
.text-download span {
  color: #c10f41;
}
a.download-btn-anc:hover .text-download h6,a.download-btn-anc:hover .text-download span {
  color: #fff;
}

/*Pricing Table*/
.single-pricing-table {
  min-height: 450px;
  padding: 30px 40px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 9px 16px 0 rgba(224, 229, 238, .5);
  box-shadow: 0 9px 16px 0 rgba(224, 229, 238, .5);
  border: solid 1px #e5eaed;
  position: relative;
  padding: 30px 50px;
  text-align: center;
}

.pricing-table-plan {
  text-align: center;
}

.pricing-content-price sup {
  font-size: 19px;
  letter-spacing: -0.9px;
  text-align: center;
  color: #c10f41;
  top: -1em;
}

.pricing-content-price strong {
  font-size: 65px;
  letter-spacing: -2px;
  text-align: center;
  color: #c10f41;
}
.pricing-content-price sub {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.67;
  color: #637282;
}
.pricing-content-btn {
  padding: 30px 0px 20px;
  border-top: 1px solid #e2e2e2;
}

.pricing-table-content ul li {
  color: #637282;
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 42px;
}

.pricing-table-content ul {
  margin-top: 20px;
}

.pricing-content-btn a {
  padding: 10px 30px;
  font-size: 14px;
  border-radius: 25px;
  margin-bottom: 10px;
  display: inline-table;
  font-weight: 600;
  background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-transform: uppercase;
}

.pricing-table-plan h3 {
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 600;
}
ul.list-item .fa-check {
  color: #28a745;
}


.list-item i.fas.fa-times {
  color:#c10f41;
}

ul.list-item li {
  font-size: 18px;
}

ul.list-item li i {
  margin-right: 5px;
  font-size: 16px;
}
.single-pricing-center{
  border-top: 5px solid #c10f41;
  border-bottom: 5px solid #c10f41;
} 
/*Team page*/
.single-team-inner {
  position: relative;
  background-color: #fff;
  padding: 20px 20px;
  text-align: center;
  margin-bottom: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 5px;
  border-bottom: 5px solid transparent;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.single-team-inner:hover{
    border-bottom: 5px solid #c10f41;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.team-iamge {
  position: relative;
  z-index: 1;
  margin: 0 25px 25px;
}

.team-iamge img {
  border-radius: 100%;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.single-team-inner ul li {
  display: inline-block;
  padding-right: 5px;
}

.team-content h3 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
}

.team-content h6 {
  font-weight: 500;
  margin-bottom: 30px;
  color: #343a40;
}

.team-content i {
  font-size: 16px;
  height: 35px;
  width: 35px;
  /* background: red; */
  line-height: 35px;
  border-radius: 50%;
  background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

i.fab.fa-x-f {}

.team-content i:hover {
  color: #c10f41;
  background: #fff;
}
section.pt-50.pb-50.bg-gray {
  padding: 100px 0px !important;
}
div#client-caro .owl-dots {
  display: none;
}

div#client-caro img {
  opacity: .4;
  transition: all .3s;
      width: 150px;
}
div#client-caro img:hover {
  opacity: .7;

}
/*Blog section*/
 .blog-post-wrapper-div{
    border:0;
    transition: all ease-in-out .5s;
    box-shadow: 0 15px 30px rgba(102, 113, 228, 0.13);
      transition: all ease-in-out .5s;
          border-radius: 5px;
    }

    .blog-post-image-div .img{
    overflow: hidden
    }

    .blog-post-image-div .img img {
    max-width: 100%;
    min-width: 100%
    }
    .post-detail-container-div{
    position: relative
    }

    .post-content-div {
    padding:  20px;
    position:  relative;
    text-transform: capitalize;
    }

    h3.post-title.entry-title {
    font-weight: 700;
    font-size: 20px;
    }

    ul.list-unstyled.list-inline.post-metadata {
    display:  inline-block;
    width: 100%;
    }

    ul.list-unstyled.list-inline.post-metadata li {
    display: inline-block;
    font-size: 14px;
    font-family:  sans-serif;
    }
    p.post-excerpt {
        margin-bottom: 25px;
    }
    p.post-excerpt {
    }

    .view_detail {
    text-align:  center;
    }

    a.blog-btn {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 25px;
    margin-bottom: 10px;
    display: inline-table;
    font-weight: 600;
    background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
    color: #ffffff;
    text-decoration: none;
    transition: all .5s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    text-transform: uppercase;
    }
    a.blog-btn:hover {
    background: #fff;
    color: #c10f41;
    }
    ul.list-unstyled.list-inline.post-metadata li {
    display: inline-block;
    font-size: 14px;
    font-family: sans-serif;
    color: #c10f41;
    letter-spacing: 0px;
    }
    .blog-post-wrapper-div:hover{
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, 0.25);
    }
    .pagination-div {
    margin-top: 40px;
    }
    .pagination-div .page-link {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: #212529;
    background-color: #fff;
    border: 1px solid #c10f41;
    }
    ul.list-unstyled.list-inline.post-metadata {
    margin-bottom: 10px;
    }
    a.page-link.active {
    background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%);
    color: #fbfbfb;
    }
    .blog-grid-views .blog-post-wrapper-div {
    margin-bottom: 50px;
    }

    /*footer*/
  .subscribe-form .form-control {
  outline: none;
  width: 60%;
  float: left;
  height: 60px;
  padding: 0 15px 0 15px;
  box-shadow: none;
  border-radius: 50px;
  -moz-border-radius: 25px;
  -wbekit-border-radius: 25px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  transition: all .3s;
  background-color: #ffffff;
  border: 2px solid #c10fbb;
  box-shadow: none;
  outline: none;
}
.btn.btn-subscribe.bg-color-1 {
  margin-bottom: 9px;
  width: 34%;
  position: absolute;
  padding: 17.5px 13px;
  height: 64px;
  width: 35%;
  border-radius: 50px;
  margin-bottom: 10px;
  display: revert;
  font-weight: 600;
  background:linear-gradient(-29deg,rgb(56 56 231 / 88%) 30%,rgb(111 43 173) 50%);
  color: #ffffff;
  text-decoration: none;
  transition: all .5s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  text-transform: uppercase;
  margin-left: -75px;
  /* letter-spacing: 2px; */
  cursor: pointer;
  border: 0px;
  font-size: 13px;
}
footer {
  background: #001335;
}
.subscribe-text h2 {
  font-size: 40px;
  font-weight: 600;

}

.btn.btn-subscribe.bg-color-1:hover{
  background: #fff;
  color: #c10f41;
}
.button:active {
    background: linear-gradient(-45deg, rgba(78, 84, 200, 1), rgba(128, 137, 255, 1));
}

.faq-img img {
  width: 350px;
}
#faqExample .btn-link {
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
  background-color: transparent;
}
#faqExample .btn-link:hover {
  color: #e3e1e1;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.card {

  border: 1px solid rgba(0, 0, 0, 0.08);
}
.card-body {

  background: #fafafa;
}
.card-header {
  padding: 10px 10px;
  margin-bottom: 0;
  background: linear-gradient(-29deg,rgba(193, 15, 65, 1) 0,rgba(35, 59, 136, 1) 100%);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  cursor: pointer;
}
.header-button {
  position: relative;
  z-index: 999;
}
.btn-link {
  font-weight: 500;
  text-transform: capitalize;
  color: #fff;
  background-color: transparent;
}
.footer-item img {
  width: 150px;
  margin-bottom: 15px;
}

.footer-item p {
  color: #fff;
}

.footer-item ul li {
  display: inline-block;
  padding-right: 11px;
}

.footer-item ul li a {
  color: #fff;
  font-size: 18px;
}
.footer-title h3 {
  font-size: 22px;
  color: #fff;
}

.footer-details ul li {
  padding-bottom: 5px;
  color: #fff;
  font-weight: 300;
}

.footer-details ul li i {
  margin-right: 5px;
}

.footer-title {
  margin-bottom: 15px;
}
.footer-padding{
  padding-bottom: 30px;
  border-bottom: 1px solid #9a9a9a;
  justify-content: space-between;
}
div#twitter-slider p {
  color: #fff;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 16px;
}

div#twitter-slider i {
  color: #62aeff;
  margin-right: 5px;
}

div#twitter-slider a {
  color: #fff;
  display: inline-block;
}
div#twitter-slider .owl-dots {
  display: none;
}
.footer-details.footer-teg a {
  color: #fff;
  font-size: 14px;
  margin: 0px 5px 0px 0px;
}
.text-center.copy-right-section {
  padding-top: 15px;
  padding-bottom: 0px;
}

.col-lg-12.text-center.copy-right-section p {
  color: #dedede;
  font-size: 14px;
}
.soluciones{
  display: none;
}



    /*============ 15. Mobile Responsive  ============*/
    @media screen and (max-width: 991px) {
      .soluciones{
        display: block;
      }
      .soluciones-pc{
        display: none;
      }
      .header-img{
        display: none;
      }
         .navbar-collapse {
        text-align: center;
        background: #3a3f78;
        display: block;
        width: 350px;
        height: 565px;
        overflow-y: scroll;
        scroll-behavior: smooth;
    }
        }
        .navbar-collapse .nav-item {
        padding: 0 !important; }
        .navbar-collapse .nav-item a {
        display: inline-block;
        margin-top: 2px;
        margin-bottom: 2px; }
        .fixed-top .navbar-collapse {
        background-color: transparent; }
        .video-icon {
        margin-top: 50px;
        }
        .header-app {
  padding-top: 100px;
}
.header-app h2 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
  line-height: 50px;
  /* z-index: 99; */
  position: relative;
}
.app-screen-image {

  display: none;
}
    }
    
    .soluciones{
      display: none;
    }

    @media screen and (max-width: 767px) {
  
      .soluciones{
        display: block;
      }
        div#faqExample {
  margin-bottom: 50px;
}
.subscribe-text h2 {
  font-size: 30px;
  font-weight: 600;
}
.footer-item img {
  margin-bottom: 30px;
}
.section-title h3 {
  font-size: 30px;
}
.header-slides.owl-carousel.mt-150.text-center.owl-loaded.owl-drag {
  display: none;
}
.main-title h4 {
  font-size: 30px;
  letter-spacing: 1px;
}
.testimonial .testimonial-content:before {
display: none;
}
.faq-img {
  text-align: center;
}
.section-work-app .single-app-work .text-box {
  padding-left: 20px;
  padding-right: 10px;
}
.show-case-text h2 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 30px;
}
      .contact-form {
  margin-top: 50px;
}
      .header-app.title-header-page h2 {
  font-size: 70px;
  line-height: 100px;
}
.header-app.title-header-page h3 {
  color: #fff;
  font-size: 25px;
  line-height: 27px;
}
.header-app.title-header-page p {
  font-size: 18px;
  line-height: 28px;
  margin-top: 20px;
}
      .header-button img {
          margin-bottom: 30px;
      }
      .section-work-app .app-content-wrap {
          padding-left: 0px;
      }
      .col-md-4.app-work-sider-div {
  margin-bottom: 50px;
}

.show-case-img.img-left {
  margin-bottom: 50px;
}
.row.footer-padding {
  margin-top: 50px;
}

.footer-details {
  margin-bottom: 50px;
}
.show-case-img.img-right {
  margin-top: 50px;
  text-align: center;
}
.show-case-img.img-left {
  margin-bottom: 50px;
}

.show-case-img.img-right {
  margin-top: 50px;
  text-align: center;
}

.counter-item {
  margin-bottom: 50px;
}

.download-btn {
  margin-bottom: 50px;
}

.single-pricing-table {
  margin-bottom: 50px;
}

.blog-post-wrapper-div {
  margin-bottom: 50px;
}
    }
    @media screen and (max-width: 570px){

    }
    @media screen and (max-width: 420px){

    }

    @media screen and (max-width: 370px){

    }

    
/*====================================
  15. PREload CSS
====================================*/
#preload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}
#load {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c10f41;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
#load:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c10f41;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
#load:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c10f41;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
@keyframes spin {
  0%   {
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
/*end preload css*/

/*Contact Style*/
    .contact-info.d-flex {
    justify-content:  center;
    align-items:  center;
    }

    .contact-icon i {
font-size: 30px;
  width: 70px;
  text-align: center;
  height: 70px;
  line-height: 70px;
  color: #c10f41;
  background: #fff;
  border-radius: 100% 50% 50% 100% / 75% 69% 69% 75%;
  box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    }
.contact-text.w-75 {
  padding-left: 20px;
}

.contact-info.d-flex {
  margin-bottom: 30px;
}
button#contact-submit {
border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
      margin-top: 20px;
}
button#contact-submit:hover {
  border: 2px solid #c10f41 !important;
  background: #fff !important;
  color: #c10f41;
  cursor: pointer;
}
    .contact-text h2 {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    }

    .contact-text.w-75 p {
    margin-bottom: 0;
    color: #fff;
    }
    .contact-form input {
  height: 50px;
      margin-bottom: 30px;
  border-radius: 0px;
  background: rgba(255,255,255,.15);
  color: #fff;
  border: 0px;
}

.contact-form textarea {
  border: 0px;
  border-radius: 0px;
  background: rgba(255,255,255,.15);
  color: #fff;
}
    .contact-form input:hover,.contact-form input:focus {
  height: 50px;
  border-radius: 0px;
  background: rgba(255,255,255,.35);
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 0px;
}

.contact-form textarea:hover {
  border: 0px;
  border-radius: 0px;
  background: rgba(255,255,255,.35);
      box-shadow: none;
  outline: none;
}
    .contact-form input::placeholder{
      color: #fff;
    }
          .contact-form textarea::placeholder{
      color: #fff;
    }

    .sl-item {
    width:  100%;
    height: 90vh;
    background-size:  cover;
    }
    .sl-item2 {
      width:  100%;
      height: 90vh;
      background-size:  cover;
      }

    .slider-area .owl-dots {
    position:  relative;
    top: -60px;
    }
    .slider-area  .owl-dots .owl-dot{
    background: #fff;
    }
    .slider-area .owl-dot.active {
    background: #FC6F5C;
    }
    .slider-area .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: transparent;
    }
    .slider-area .owl-dots .owl-dot span {
    background: transparent;
    }
    .slider-area .owl-dot {
    border: 0px;
    margin-right: 5px; 
    width: 30px;
    height: 5px;
    border-radius: 10px;
    }
    .owl-carousel .owl-item img {
    display: inline-block;
    }
    section#home {
    width: 100%;
    height: 50vh;
    }
    section#home2 {
      width: 100%;
      height:80vh!important;
      }
    button#contact-submit {
  background: linear-gradient(-29deg,rgba(193, 15, 65, 0.9) 0,rgba(35, 59, 136, .9) 100%) !important;
  border: 2px solid transparent !important;
}
.success {
  background: #ffffff;
  padding: 30px;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
}
button#contact-submit {
  background: transparent;
  border: 2px solid transparent;
  border-color: #fff;
}
.underline {
  text-decoration: underline;
  -webkit-text-decoration-color: #ff5023;
  text-decoration-color: #ff5023;
  text-underline-offset: 5px;
}
#spin {
  color: rgb(121 156 255);
}
#spin:after {
  content:"";
  animation: spin 6s linear infinite;
}
@keyframes spin {
  0% { content:"Mecánicos a domicilio"; }
  20% { content:"Grúas en tu ubicación"; }
  40% { content:"Talleres especializados";Â }
  60% { content:"Accesorios y repuestos";Â }
  80% { content:"SOAT y seguros";Â }
  100% { content: "Talleres autorizados"; }
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
  background-image: -webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
  background-image: -ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
  opacity: .9
}
#features {
  position: relative
}

#features .features-wrapper .single-feature {
  margin-bottom: 40px;
  position: relative
}

#features .features-wrapper.right-icon .single-feature .features-icon {
  position: absolute;
  right: 0
}

#features .features-wrapper.left-icon .single-feature .features-icon {
  position: absolute;
  left: 0
}

#features .features-wrapper .single-feature .features-icon img {
  max-width: 60px
}

#features .features-wrapper.right-icon .single-feature .features-details {
  padding-right: 70px
}

#features .features-wrapper.left-icon .single-feature .features-details {
  padding-left: 70px
}

#features .features-wrapper .single-feature .features-details h5 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 25px
}

#features .features-wrapper .single-feature .features-details p {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  line-height: 25px
}

.about-box .icon{
  width:20%;
}
.img-responsive{
  width:90%;
}
.padding-100 {
  padding: 100px 0;
}
section#homeFuncionalidades {
  width: 100%;
  height: 50vh;
}
.title-feac{
  color:#fff;
}
.bx-car:before,.bx-cart-alt:before,.bx-message-alt-detail:before{
  font-size:80px!important;
}
.section-heade{
  margin:50px 0;

}
.login{
  background:#fff;
  border-radius:50px;
  padding:4px 10px!important;
  color:#000!important;
}
nav.fixed-top .nav-item .login {
  color: #000 !important; }

/** Movil **/
@media (max-width: 992px) {
  #features .features-wrapper.right-icon .single-feature .features-icon {
      right:inherit;
      left: 0
  }

  #features .features-wrapper.right-icon .single-feature .features-details {
      padding-left: 70px;
      padding-right: 0;
      text-align: left
  }
  .header-app h2 {
      font-size: 20px;
  }
  p{
      padding:0!important;
  }
}
/** MODAL **/
.modal-backdrop{
  z-index:1;
}
#modal{
  display:flex;
  flex-direction:row;
  align-items: center;
}
#flexCheckDefault{
  width: 20px;
  padding: 0;
  height: 20px;
  margin-right:10px;
  margin-top:25px;
}
.mostrar_ocultar{
  display:none;
}
.form-check-label{
  color:#fff!important;
}
#hb{
  color:#000!important;
}
select{
  height: 50px;
  margin-bottom: 30px;
  border-radius: 0px;
  background: rgba(255,255,255,.15);
  color: #000;
  border: 0px;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

.service-box:hover .ico-circle {
  transition: all  ease;
  color: #000000;
  /*background: linear-gradient(-29deg,rgb(56 56 231 / 88%) 30%,rgb(111 43 173) 50%);*/
  /*box-shadow: 0 0 0 10px #cde1f8;*/ 
}

.service-box .ico-circle {
  margin-top: 20px;
  transition: all  ease;
  align-items: center;
  justify-content: center;
}

/*------/ Ico Circle /------*/
.ico-circle {
  height: 100px;
  width: 100px;
  font-size: 2rem;
  border-radius: 50%;
  line-height: 1.55;
  margin: 0 auto;
  text-align: center;
  box-shadow: 0 0 0 10px #001335;;
  display: block;
}


/*------/ Socials /------*/
.socials {
  padding: 1.5rem 0;
}

.socials ul li {
  display: inline-block;
}

.socials .ico-circle {
  height: 40px;
  width: 40px;
  font-size: 1.2rem;
  border-radius: 50%;
  line-height: 1.6;
  margin: 0 15px 0 0;
  box-shadow: 0 0 0 10px #001335;
  transition: all  ease;
}

.socials .ico-circle:hover {
  background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
  color: #fff;
  box-shadow: 0 0 0 3px #cde1f8;
  transition: all  ease;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services-interna .icon-box {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 5px 6px 5px rgba(0, 0, 0, 0.1);

}
.services-interna .icon-box:hover {
  box-shadow: 0 10px 13px 10px rgba(0, 0, 0, 0.1);

}

.services-interna .icon-box {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
  background: #fff;
}
.services-interna .icon-box {
  margin-bottom: 20px;
  padding: 30px;
  border-radius: 6px;
  background: #fff;
}

.services-interna .icon-box i {
  float: left;
  color: #121212;
  font-size: 40px;
  line-height: 0;
  padding: 8px;
  border: violet;
  border-radius: 25px;
  background: #9400f0;
}

.services-interna .icon-box h4 {
  margin-left: 70px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.services-interna .icon-box h4 a {
  color: #000000;
  transition: 0.3s;
}

.services-interna .icon-box:hover h4 a{
  color: #012C5E;

}

.services-interna .icon-box p {
  margin-left: 70px;
  color: #000;
  line-height: 24px;
  font-size: 14px;
}




/* Section: History */
.section-history {
  padding: 70px 0;
  background-color: #fff;
}

.section-history .section-diff-title h2 {
  color: #263566;
}

.section-history .section-diff-title p {
  text-transform: uppercase;
}


.timeline {
  margin: 50px 0 0;
  padding-left: 0;
  list-style: none;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 1px;
  background-color: #dddddd;
  left: 50%;
  margin-left: -0.5px;
}

.timeline > li {
  position: relative;
}

.timeline > li + li {
  margin-top: 50px;
}

.timeline > li:before, .timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li.timeline-start .rectangle, .timeline > li.timeline-end .rectangle {
  display: block;
  position: relative;
  left: 0.5px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: none;
}

.timeline > li.timeline-start .rectangle span, .timeline > li.timeline-end .rectangle span {
  font-size: 12px;
  text-transform: uppercase;
}

.timeline > li > .timeline-panel {
  width: 50%;
  float: left;
  border-bottom: 1px solid #d4d4d4;
  border-radius: 2px;
  position: relative;
  padding-right: 10px;
}

.timeline > li > .timeline-panel:before {
  content: " ";
  position: absolute;
  top: 15px;
  right: 0px;
  background-color: #f6f6f6;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  z-index: 2;
}

.timeline > li > .timeline-panel .timeline-heading {
  background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
  line-height: 50px;
  height: 50px;
}

.timeline > li > .timeline-panel .timeline-heading p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #ffffff;
}

.timeline > li > .timeline-panel .timeline-heading .timeline-date,
.timeline > li > .timeline-panel .timeline-heading .timeline-position {
  display: inline-block;
}

.timeline > li > .timeline-panel .timeline-heading .timeline-date {
  padding: 0 10px;
  background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
}

.timeline > li > .timeline-panel .timeline-heading .timeline-position {
  padding-left: 5px;
}

.timeline > li > .timeline-panel .timeline-body {
  position: relative;
  padding: 20px 0;
  min-height: 140px;
}

.timeline > li > .timeline-panel .timeline-body .timeline-body-thumb {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 20px;
}

.timeline > li > .timeline-panel .timeline-body p {
  margin-bottom: 0;
}

.timeline > li .timeline-rectangle {
  position: absolute;
  margin: 0 auto;
  top: 15px;
  left: 0.5px;
  right: 0;
  background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
  width: 20px;
  height: 20px;
  border: 0;
  box-shadow: none;
  z-index: 99;
}

.timeline > li.timeline-inverted .timeline-heading {
  text-align: right;
}

.timeline > li.timeline-inverted .timeline-panel {
  float: right;
  padding: 0 0 0 10px;
}

.timeline > li.timeline-inverted .timeline-panel .timeline-position {
  padding: 0 5px 0 0;
}

.timeline > li.timeline-inverted .timeline-panel:before {
  left: 0px;
  right: auto;
}

@media only screen and (max-width: 767px) {
  /* Section: History */
  .section-history {
    padding: 50px 0;
  }
  .section-history h2 {
    font-size: 22px;
  }
  .section-diff-title p {
    margin-top: 40px;
  }
  .section-diff-title p:before {
    top: -20px;
  }
  .timeline {
    margin: 30px 0 0;
  }
  .timeline:before {
    left: 88%;
  }
  .timeline > li + li {
    margin-top: 30px;
  }
  .timeline > li.timeline-start .rectangle, .timeline > li.timeline-end .rectangle {
    left: 38%;
  }
  .timeline > li > .timeline-panel {
    width: 88%;
  }
  .timeline > li > .timeline-panel .timeline-heading p {
    font-size: 12px;
  }
  .timeline > li > .timeline-panel .timeline-heading .timeline-date,
  .timeline > li > .timeline-panel .timeline-heading .timeline-position {
    padding: 0 8px;
  }
  .timeline > li > .timeline-panel .timeline-heading .timeline-date {
    float: left;
  }
  .timeline > li .timeline-rectangle {
    left: 76%;
  }
  .timeline > li.timeline-inverted .timeline-heading {
    text-align: left;
  }
  .timeline > li.timeline-inverted .timeline-date {
    float: left;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: left;
    padding: 0 10px 0 0;
  }
  .timeline > li.timeline-inverted > .timeline-panel:before {
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 479px) {
  .timeline {
    margin: 30px 0 0;
  }
  .timeline:before {
    left: 50%;
  }
  .timeline > li.timeline-start .rectangle, .timeline > li.timeline-end .rectangle {
    left: auto;
  }
  .timeline > li > .timeline-panel {
    width: 100%;
    padding-right: 0;
  }
  .timeline > li .timeline-panel:before {
    content: none;
  }
  .timeline > li .timeline-rectangle {
    display: none;
  }
  .timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 1px;
    background-color: #3a3a3a;
    left: 50%;
    margin-left: -0.5px;
  }
}
/* 
 * Rectangle 
 */
 .rectangle,
 .big-rectangle {
   display: inline-block;
   width: 50px;
   height: 50px;
   border: 1px solid #dddddd;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-box-shadow: 4px 4px 0px 0px #dddddd;
   -o-box-shadow: 4px 4px 0px 0px #dddddd;
   -moz-box-shadow: 4px 4px 0px 0px #dddddd;
   box-shadow: 4px 4px 0px 0px #dddddd;
 }
 
 .rectangle i,
 .big-rectangle img,
 .rectangle span,
 .rectangle img {
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 22px;
   transform: translate(-50%, -50%) rotate(-45deg);
   -webkit-transform: translate(-50%, -50%) rotate(-45deg);
   -moz-transform: translate(-50%, -50%) rotate(-45deg);
   -o-transform: translate(-50%, -50%) rotate(-45deg);
   -ms-transform: translate(-50%, -50%) rotate(-45deg);
 }
 
 .big-rectangle {
   position: absolute;
   right: auto;
   top: 50%;
   left: 50%;
   margin: 0 auto;
   width: 230px;
   height: 230px;
   background-color: #196fc2;
   border: 0;
   transform: translate(-50%, -50%) rotate(45deg);
   -webkit-transform: translate(-50%, -50%) rotate(45deg);
   -moz-transform: translate(-50%, -50%) rotate(45deg);
   -o-transform: translate(-50%, -50%) rotate(45deg);
   -ms-transform: translate(-50%, -50%) rotate(45deg);
   -webkit-box-shadow: 10px 10px 0px 0px #dddddd;
   -o-box-shadow: 10px 10px 0px 0px #dddddd;
   -moz-box-shadow: 10px 10px 0px 0px #dddddd;
   box-shadow: 10px 10px 0px 0px #dddddd;
 }
 
 .medium-rectangle {
   width: 75px;
   height: 75px;
 }

 .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:20px;
	background-color:#196fc2;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #196fc2;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}

.btn-linkedin {
  background: #0E76A8;
  border-radius: 0;
  color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #084461;
}
.btn-linkedin:link, .btn-linkedin:visited {
  color: #fff;
}
.btn-linkedin:active, .btn-linkedin:hover {
  background: #084461;
  color: #fff;
}

body::-webkit-scrollbar {
  width: 7px !important;
  height: 7px !important;
  overflow: visible !important;
}

body::-webkit-scrollbar-thumb {
  background: #0E76A8 !important;
  border-radius: 7px !important;
}

body::-webkit-scrollbar-thumb:horizontal {
  background: #0E76A8 !important;
  border-radius: 7px !important;
}

.box-shadow,
.card-blog,
.work-box,
.service-box {
  box-shadow: 0 13px 8px -10px rgba(0, 0, 0, 0.1);
}

.paralax-mf {
  position: relative;
  padding: 3rem 0;
}

.bg-image {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}



.overlay-mf {
  position: absolute;
  top: 0;
  left: 0px;
  padding: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
}

/*--------------------------------------------------------------
# Counter
--------------------------------------------------------------*/
.counter-box {
  color: #263566;
  text-align: center;
}

@media (min-width: 577px) {
  .counter-box {
    margin-bottom: 1.8rem;
  }
}

.counter-ico {
  margin-bottom: 1rem;
}

.counter-ico .ico-circle {
  height: 60px;
  width: 60px;
  line-height: 1.5;
  box-shadow: 0 0 0 10px #7d00f67d;
}

.counter-num .counter {
  font-size: 2rem;
  margin-bottom: 0;
}

.top{
  margin-top: 15px;
}


/*====================================================
                   CONTACT-HOME
======================================================*/

.contact-h-bg {
  background-image: url(../images/Screenshot_1.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-h-cont {
  margin: 60px 0;
  padding: 50px;
  background: linear-gradient(-29deg,rgba(9, 9, 136, 0.544) 30%,rgba(75, 40, 107, 0.667) 50%);
}

.contact-h-cont input.form-control,
.contact-h-cont textarea.form-control {
  border-radius: 0px;
}

.cl-white {
  color: #fff;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 20px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background: #fcf1ff;
  border-radius: 4px;
  border: 1px solid #2b2259;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: ease-in-out 0.3s;
}

.services .icon-box .icon i {
  color: #ce08ad;
  font-size: 28px;
  transition: ease-in-out 0.3s;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.services .icon-box h4 a {
  color: #222222;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(16, 110, 234, 0.1);
}

.services .icon-box:hover h4 a,
.services .icon-box:hover .icon i {
  color: #3d27cb;
}

.services .icon-box:hover .icon {
  border-color: #3d27cb;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 140px 0 60px 0;
  min-height: 30vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.breadcrumbs:before {
  content: "";
  background-color: rgba(27, 47, 69, 0.7);
  position: absolute;
  inset: 0;
}

.breadcrumbs h2 {
  font-size: 56px;
  font-weight: 500;
  color: #fff;
  font-family: var(--font-secondary);
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-primary);
}

.breadcrumbs ol a {
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}

.breadcrumbs ol a:hover {
  text-decoration: underline;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #fff;
  content: "/";
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 700;
  font-size: 36px;
  font-family: var(--font-secondary);
  color: var(--color-secondary);
}

.about .content p {
  margin: 30px 0;
  color: #29486a;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 0 0 15px 26px;
  position: relative;
  font-size: 15px;
  font-weight: 600;
}

.about .content ul i {
  position: absolute;
  font-size: 20px;
  left: 0;
  top: -3px;
  color: var(--color-primary);
}


/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact {
  background: url("../img/contact-bg.png") left top no-repeat;
  background-size: contain;
  position: relative;
}

@media (max-width: 640px) {
  .contact {
    background-position: center 50px;
  }
}

.contact:before {
  content: "";
  background: rgb(255, 255, 255);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.contact .info-item+.info-item {
  margin-top: 40px;
}

.contact .info-item i {
  font-size: 20px;
  background: var(--color-primary);
  color: #fff;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

.contact .info-item h4 {
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #1c88ba;
}

.contact .info-item p {
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}

.contact .php-email-form {
  width: 100%;
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #df1529;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #059652;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #059652;
  border-top-color: #fff;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  padding: 12px 15px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: var(--color-primary);
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type=submit] {
  background: #1f98d1;
  border: 0;
  padding: 12px 40px;
  color: #fff;
  transition: 0.4s;
  border-radius: 10px;
}

.contact .php-email-form button[type=submit]:hover {
  background: var(--color-primary);
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  border: 1px solid #b5ccdb;
  padding: 15px;
  transition: 0.3s;
  color: #000000;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}


.features .nav-link .active {
  border: 1px solid #b5ccdb;
  padding: 15px;
  transition: 0.3s;
  color: #ffffff;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features .nav-link.active h4 {
  color: white;
}

.features .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}

.features .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.features .nav-link:hover {
  color: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
}

.features .nav-link.active {
  background: linear-gradient(-29deg,rgb(0,19,63) 30%,rgb(75,40,107) 50%);
  color: #fff;
  border-color: #7a0bb2;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .features .nav-link i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .features .nav-link {
    padding: 15px;
  }

  .features .nav-link i {
    font-size: 24px;
  }
}

.features .tab-content {
  margin-top: 30px;
}

.features .tab-pane h3 {
  font-weight: 600;
  font-size: 26px;
}

.features .tab-pane ul {
  list-style: none;
  padding: 0;
}

.features .tab-pane ul li {
  padding-bottom: 10px;
}

.features .tab-pane ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #ff4a17;
}

.features .tab-pane p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  background: rgb(75,40,107);
  padding: 15px 0;
  text-align: center;
}

.clients img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 10px 0px 30px;

}

.clients img:hover {
  filter: none;
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

.white{
  color:white;
}


.bg-white {
    background-color: #fff;
}



.nav-item.active {
    color: #EF5350;
}

.nav-item:hover {
    color: #EF5350;
}

.nav-link {
    padding: 5px;
}

.navbar-collapse.collapse.in {
    display: block !important;
}

.fa-angle-down {
    padding-left: 10px;
}

.fa-icon {
    font-size: 30px;
    color: #fff;
    background-color: pink;
    margin: 2px 10px 5px 0px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
}

.dropdown-menu1 {
    margin-top: -30px;
    border: none;
    padding: 10px 10px 10px 10px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}


#dropdown-menu2 {
    position: absolute;
    left: 285px;
}

#dropdown-menu3 {
    position: absolute;
    left: 415px;
}

.tab {
    margin-bottom: 20px;
    width: 230px;
}

.tab:hover {
    color: #E91E63 !important;
}

.dropdown-item {
    padding: 0px;
}

.dropdown-item:hover {
    background-color: inherit;
}

@media (max-width: 767px) {
    .nav-item {
        width: 100%; 
        text-align: left;
        padding-left: 10px;
    }

    .dropdown-menu {
        left: 0 !important;
        position: relative !important;
        padding: 20px;
    }
}

.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

.social ul li .fa-x{
  position: fixed;
  right: -67px;
  height: 42px;
  top: 284px;
  z-index: 2000;
}

.social ul li .fa-instagram{
  position: fixed;
  height: 42px;
  right: -83px;
  top: 242px;
  z-index: 2000;
}

.social ul li .fa-linkedin{
  position: fixed;
  right: -70px;
  height: 42px;
  top: 200px;
  z-index: 2000;
}

	.social ul {
		list-style: none;
	}

	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}

  
  :root {
    --size: 50vmin;
    --white: #fff;
    --blue: #3051f1;
    --purple: #c92bb7;
    --red: #f73344;
    --orange: #fa8e37;
    --yellow: #fcdf8f;
    --yellow_to: #fbd377;
  }

	.social ul li .fa-x {background:#000;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .fa-linkedin{background:#3b5998;}
	.social ul li .fa-instagram {background: radial-gradient(
    circle farthest-corner at 28% 100%,
    var(--yellow) 0%,
    var(--yellow_to) 10%,
    var(--orange) 22%,
    var(--red) 35%,
    transparent 65%
  ), linear-gradient(145deg, var(--blue) 10%, var(--purple) 70%);;}

  .social ul li .fa-linkedin:hover{
   
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
    right: 2px;
  }

  .social ul li .fa-instagram:hover{
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
    right: 2px;
  }

  .social ul li .fa-x:hover{
   
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
    right: 2px;
  }
	/* .social ul li a:hover {
		background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse 
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse 
    right: 2px;
	} */


  .login-buton {
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    right: 0; /* Establecemos la barra en la izquierda */
    top: 100px; /* Bajamos la barra 200px de arriba a abajo */
    z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
    font-size: 10px;
  }

  .login-buton .soporte {
    position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
    right: 0; /* Establecemos la barra en la izquierda */
    top: 140px; /* Bajamos la barra 200px de arriba a abajo */
    z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
  }
  
    .login-buton ul {
      list-style: none;
    }
  
    .login-buton ul li a {
      display: inline-block;
      color:#2d86c3;
      background:#ffffff;
      padding: 10px 15px;
      text-decoration: none;
      -webkit-transition:all 500ms ease;
      -o-transition:all 500ms ease;
      transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
    }
  
    .a.fa-solid {background:#69098263 !important;} /* Establecemos los colores de cada red social, aprovechando su class */
    
    /* .login-buton ul li a:hover {
      background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse 
      padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse 
    } */

    .bg-white {
      background-color: #fff;
  }
  
  .navbar-brand {
      padding: 23.5px 20px;
      font-size: 18px;
  }
  
  .navbar-nav {
      width: 100%;
  }
  
  .nav-item {
      padding: 20px 8px;
      margin: 0px 3px;
      text-align: center;
      border-radius: 5px;
      font-size: 16px;
      color: grey;
      position: static;
  }
  
  .nav-item.active {
      color: #EF5350;
  }
  
  .nav-item:hover {
      color: #EF5350;
  }
  

  
  .nav-link {
      padding: 5px;
  }
  
  .navbar-collapse.collapse.in {
      display: block !important;
  }
  
  .fa-angle-down {
      padding-left: 10px;
  }
  
  .fa-icon {
      font-size: 30px;
      color: #fff;
      background-color: pink;
      margin: 2px 10px 5px 0px;
      border-radius: 10px;
      width: 50px;
      height: 50px;
  }
  

  
  #dropdown-menu2 {
      position: absolute;
      left: 285px;
  }
  
  #dropdown-menu3 {
      position: absolute;
      left: 415px;
  }
  
  .tab {
      margin-bottom: 20px;
      width: 230px;
  }
  
  .tab:hover {
      color: #E91E63 !important;
  }
  
  .dropdown-item {
      padding: 0px;
  }
  
  .dropdown-item:hover {
      background-color: inherit;
  }
  
  @media (max-width: 767px) {
      .nav-item {
          width: 100%; 
          text-align: left;
          padding-left: 10px;
      }
  
      .dropdown-menu {
          left: 0 !important;
          position: relative !important;
          padding: 20px;
      }
  }

  a.mt-15.off{
    padding: 10px 20px;
    font-size: 14px;
    margin-left: 30px;
    border-radius: 25px;
    margin-bottom: 10px;
    display: inline-table;
    font-weight: 500;
    background: none;
    color: #171717;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .5s ease;
    /* box-shadow: 0 10px 25px rgba(0,0,0,0.1); */
    text-transform: uppercase;
     border:2px solid #000;
  }

  button.mt-15.off{
    padding: 10px 20px;
    font-size: 14px;
    margin-left: 30px;
    border-radius: 25px;
    margin-bottom: 10px;
    display: inline-table;
    font-weight: 500;
    background: none;
    color: #171717;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .5s ease;
    /* box-shadow: 0 10px 25px rgba(0,0,0,0.1); */
    text-transform: uppercase;
  }

  a.mt-15.off:hover {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 25px;
    margin-bottom: 10px;
    display: inline-table;
    font-weight: 500;
    background: linear-gradient(-29deg,rgb(10 10 93) 30%,rgb(91 40 139) 50%);
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .5s ease;
    /* box-shadow: 0 10px 25px rgba(0,0,0,0.1); */
    text-transform: uppercase;
  }


  button.mt-15.off:hover {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 25px;
    margin-bottom: 10px;
    display: inline-table;
    font-weight: 500;
    background: linear-gradient(-29deg,rgb(10 10 93) 30%,rgb(91 40 139) 50%);
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all .5s ease;
    /* box-shadow: 0 10px 25px rgba(0,0,0,0.1); */
    text-transform: uppercase;
  }

  .icon-a{
    color: #0181a0 !important;
  }
  .icon-b{
    color: #ac0505;
  }
  .icon-c{
    color: #2c8601;
  }
  .icon-d{
    color: #2802a2;
  }
  .icon-e{
    color: #0064a7;
  }
  .icon-f{
    color: #690097;
  }
  .icon-g{
    color: #026b04;
  }
  .icon-h{
    color: #00a1c6;
  }
  .icon-i{
    color: #ab0000;
  }
  
  .flatpickr-day .today {
    background: none;
    border: 1px solid #0069ff;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: var(--main-colorbarraperfil);
    color: #fff;
    font-weight: 600;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
}

.flatpickr-day {
    background: none;
    /* border: 1px solid #0069ff; */
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: #eef5ff;
    color: var(--main-colorbarraperfil);
    font-weight: 600;

}


.iti {
    width: 100%;
}

.carousel-caption {
  position: absolute;
  right: 0%;
  bottom: 45%;
  left: 12%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: inherit;
  color: #fff;
  text-align: initial;
}

.title-menu{
  font-size: 14px !important;
}

.title-menu:hover{
  color: #220bb7;;
}

.subtitle-menu{
  font-size: 10px !important;
    line-height: 20px !important;
    color: gray;
}

.col-4 ul:first-child::after {
  border-right: 1px solid #d6f4f6;
  content: "";
  display: block;
  margin: auto 0 auto auto;
  height: 90%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.overlay-parners{
  top: 100px;
  background: #27003b !important;
  height: 80% !important;
}

.form-person{
  border: 1px !important;
  border-bottom: 1px solid #a7a7a7b3 !important;
}

.agendar ul::after {
  border-right: 2px solid #d6f4f6;
  content: "";
  display: block;
  margin: auto 0 auto auto;
  height: 90%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
}

.link{
  font-weight: 600;
  color: #fbfbfb;
}

.overlay-8 {
  background: linear-gradient(-29deg,rgba(20,20,46,0.8) 30%,rgba(0,19,63,0.8) 50%) !important;
}