.doctorweb .doc1 {
     width: 5%;
     animation: 10s doc infinite ease
 }

 .doctorweb .doc2 {
     width: 30%
 }

 @keyframes doc {
     0% {
         transform: rotate(0deg)
     }

     10% {
         transform: rotate(0deg)
     }

     50% {
         transform: rotate(360deg)
     }

     90% {
         transform: rotate(0deg)
     }

     100% {
         transform: rotate(0deg)
     }
 }

 .btn-whatsapp {
     display: block;
     width: 75px;
     height: 75px;
     color: #333;
     position: fixed;
     right: 1%;
     bottom: 1%;
     border-radius: 50%;
     line-height: 70px;
     text-align: center;
     z-index: 999;
     font-size: 70px !important;
     background: rgba(38, 212, 102, 1);
     background: -moz-radial-gradient(center, ellipse cover, rgba(38, 212, 102, 1) 0%, rgba(34, 186, 89, 1) 100%);
     background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%, rgba(38, 212, 102, 1)), color-stop(100%, rgba(34, 186, 89, 1)));
     background: -webkit-radial-gradient(center, ellipse cover, rgba(38, 212, 102, 1) 0%, rgba(34, 186, 89, 1) 100%);
     background: -o-radial-gradient(center, ellipse cover, rgba(38, 212, 102, 1) 0%, rgba(34, 186, 89, 1) 100%);
     background: -ms-radial-gradient(center, ellipse cover, rgba(38, 212, 102, 1) 0%, rgba(34, 186, 89, 1) 100%);
     background: radial-gradient(ellipse at center, rgba(38, 212, 102, 1) 0%, rgba(34, 186, 89, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26d466', endColorstr='#22ba59', GradientType=1);
     -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75);
     -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75);
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75);
     transition: ease .5s
 }

 .btn-whatsapp i {
     color: #fff !important;
     transition: ease .5s;
     display: block;
     margin-top: 4%
 }

 .btn-whatsapp:hover {
     background-color: #333;
     transform: rotate(360deg);
     transition: ease .5s
 }

 .btn-whatsapp span {
     font-family: Arial, Helvetica, sans-serif;
     position: absolute;
     font-size: .3em;
     right: 2px;
     background-color: #de2f36;
     color: #fff;
     border-radius: 100px;
     height: 20px;
     width: 20px;
     line-height: 20px;
     transition: .5s ease;
     animation: iconw 2s infinite ease-in-out
 }

 .btn-whatsapp:hover span {
     display: none !important;
     transition: .5s ease
 }

 @keyframes iconw {
     0% {
         transform: scale(.8)
     }

     50% {
         transform: scale(1)
     }

     100% {
         transform: scale(.8)
     }
 }

 .social-bar {
     position: fixed;
     right: 0;
     top: 40%;
     font-size: 1.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     z-index: 100
 }

 .icono {
     color: white;
     text-decoration: none;
     padding: .5rem;
     display: flex;
     transition: all .5s
 }

 .icono-facebook {
     background: #0067bf
 }

 .icono-twitter {
     background: #1bb2ff
 }

 .icono-youtube {
     background: #fd0101
 }

 .icono-instagram {
     background: #df07e2
 }

 .icono:first-child {
     border-radius: 1rem 0 0 0
 }

 .icono:last-child {
     border-radius: 0 0 0 1rem
 }

 .icono:hover {
     padding-right: 3rem;
     border-radius: 1rem 0 0 1rem;
     box-shadow: 0 0 .5rem rgba(0, 0, 0, .42);
     color: #333
 }

 .service-block .icon {
     background-color: #0999d6;
     padding: 5%;
     height: 80px;
     width: 80px
 }

 ::-webkit-scrollbar {
     width: 10px
 }

 ::-webkit-scrollbar-track {
     background: #0F2040
 }

 ::-webkit-scrollbar-thumb {
     background: #0999d6;
     transition: .5s
 }

 ::-webkit-scrollbar-thumb:hover {
     background: #fff;
     transition: .5s
 }

 .tp-caption h2 {
     background-color: rgba(29, 64, 128, .75);
     padding: 2% 0%;
     border-radius: 10px;
     border-bottom: 5px solid #54B2FF;
     font-size: 3em
 }

 .tp-caption h3 {
     background-color: rgba(29, 64, 128, .75);
     padding: 2% 0%;
     border-radius: 10px;
     border-bottom: 5px solid #54B2FF;
     font-size: 2em;
     color: white
 }

 .fact-counter .counter-column .inner-column {
     transition: .5 ease;
     -webkit-transition: .5s ease
 }

 .fact-counter .counter-column .inner-column:hover {
     transform: scale(1.05) translateY(10px);
     transition: .5 ease;
     -webkit-transition: .5s ease
 }

 .features-section {
     background-color: #f8664f
 }

 .main-footer {
     background-image: url(../images/blue.jpg)
 }

 .footer-column p {
     color: #fff
 }

 .tp-bgimg {
     animation: bg 10s infinite linear alternate-reverse
 }

 @keyframes bg {
     0% {
         background-position: bottom
     }

     100% {
         background-position: top
     }
 }

 @keyframes bg2 {
     0% {
         background-position: left
     }

     100% {
         background-position: right
     }
 }

 .process-section .btn-box .theme-btn {
     border-radius: 100px;
     background-color: #25d366;
     color: #fff
 }

 .process-section {
     background: url(../images/bg.png)
 }

 .widget-content i {
     color: #fff
 }

 .btnwhats {
     background-color: #25d366 !important
 }

 .btnwhats:hover {
     background-color: #1D4080 !important
 }

 .case-block .inner-box {
     transition: ease .5s
 }

 .case-block .inner-box:hover {
     transform: scale(1.1) translateY(-20px);
     transition: .5s ease
 }

 .process-section .btn-box .theme-btn:hover {
     background-color: #1D4080;
     transform: scale(1.1) translateY(-10px)
 }

 .call-to-action {
     background: url(../images/dimension.png);
     background-color: #fff;
     animation: 50s bg3 infinite
 }

 @keyframes bg3 {
     0% {
         background-position: top left
     }

     100% {
         background-position: bottom right
     }
 }

 .topheadx {
     margin-left: auto;
     margin-right: auto
 }

 .sec-title img {
     width: 100%;
     padding: 0 40%
 }

 .service-block h3 {
     text-align: center
 }

 .feature-block-three .inner-box i {
     position: absolute;
     left: 0;
     top: 50%;
     font-size: 50px;
     line-height: 50px;
     color: #3b7eff;
     font-weight: 400;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 300ms ease;
     -moz-transition: all 300ms ease;
     -ms-transition: all 300ms ease;
     -o-transition: all 300ms ease;
     transition: all 300ms ease
 }

 .widget-content li {
     padding: 2% 2%;
     transition: .5s ease;
     border-radius: 20px
 }

 .widget-content li:hover {
     transform: translateX(10px);
     transition: .5s ease;
     background-color: #3b7eff
 }

 .widget-content li:hover a {
     color: #fff;
     transition: .5s ease
 }

 .widget-content li:hover i {
     color: #fff;
     transition: .5s ease
 }

 .widget-conten li a {
     color: #0F2040 !important
 }

 .widget-content i {
     color: #0999d6
 }

 .contact-info-block i {
     color: #0999d6;
     font-size: 2em
 }

 @media only screen and (min-width:320px) and (max-width:767px) {
     .call-to-action {
         background: url(../images/webb.png);
         background-color: #fff;
         animation: 10s bg3 infinite
     }

     .main-header .logo {
         width: 80%
     }

     .seguros img {
         padding: 0 20%
     }

     .feature-block-three .inner-box {
         padding: 1%
     }

     .call-to-action .theme-btn {
         width: 60%;
         margin-left: 20%;
         margin-bottom: 5%
     }

     .process-section {
         background-size: cover
     }

     .tp-caption h2 {
         font-size: 3em;
         padding: 5%
     }

     .tp-caption h3 {
         font-size: 1em;
         padding: 5%;
         margin: 160px 0 0 0
     }

     .doctorweb .doc1 {
         width: 10%
     }

     .doctorweb .doc2 {
         width: 40%
     }

     .doctorweb {
         display: block
     }
 }

 section.contact-info .info-item {
     text-align: center;
     box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     background-color: #ffffff;
     border-radius: 15px;
     padding: 50px 30px 50px 30px;
     margin-top: 30px
 }

 section.contact-info .info-item .icon {
     width: 80px;
     height: 80px;
     display: inline-block;
     text-align: center;
     line-height: 80px;
     border-radius: 50%;
     box-shadow: 0 0 20px rgba(0, 0, 0, .1);
     -webkit-transition: all .5s;
     transition: all .5s;
     color: #0044a1;
     font-size: 28px
 }

 section.contact-info .info-item h4 {
     margin-top: 40px;
     margin-bottom: 20px
 }

 section.contact-info .info-item p {
     margin-bottom: 0
 }

 section.contact-info .info-item p a {
     font-size: 15px;
     color: #716f85
 }

 section.contact-info .info-item p a:hover {
     color: #3da32d
 }

 section.contact-info .info-item:hover .icon {
     box-shadow: 0 0 20px 0 #0044a1;
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px)
 }

 section.contact-info {
     margin-top: 50px
 }

 @media (min-width:992px) {
     section.contact-info {
         margin-top: 80px
     }
 }

 section.contact-us {
     margin-top: 30px
 }

 @media (min-width:992px) {
     section.contact-us {
         margin-top: 90px
     }
 }

 section.contact-us .inner-content {
     padding: 30px;
     box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     background-color: #ffffff;
     border-radius: 15px
 }

 section.contact-us .inner-content .block-heading h4 {
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 25px;
     padding-bottom: 20px
 }

 section.contact-us .inner-content input {
     width: 100%;
     height: 48px;
     border-radius: 24px;
     background-color: #f0f6ff;
     border: none;
     color: #36334c;
     padding: 0 20px;
     font-family: "Poppins", Arial, Helvetica, sans-serif;
     font-size: 14px;
     outline: none;
     margin-bottom: 30px
 }

 section.contact-us .inner-content input::-webkit-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content input::-moz-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content input:-ms-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content input::-ms-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content input::placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content textarea {
     width: 100%;
     height: 140px;
     max-height: 180px;
     border-radius: 15px;
     background-color: #f0f6ff;
     border: none;
     color: #36334c;
     padding: 20px 20px;
     font-family: "Poppins", Arial, Helvetica, sans-serif;
     font-size: 14px;
     outline: none;
     margin-bottom: 20px
 }

 section.contact-us .inner-content textarea::-webkit-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content textarea::-moz-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content textarea:-ms-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content textarea::-ms-input-placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content textarea::placeholder {
     color: #adb9cc
 }

 section.contact-us .inner-content button {
     display: inline-block;
     text-align: center;
     color: #ffffff;
     background-color: #7b6fe5;
     font-size: 14px;
     font-weight: 400;
     padding: 14px 35px;
     border-radius: 25px;
     letter-spacing: .15px;
     z-index: 1;
     outline: none;
     border: none;
     cursor: pointer;
     position: relative
 }

 section.contact-us .inner-content button:after {
     position: absolute;
     left: 0;
     top: 0;
     background-color: #3da32d;
     width: 100%;
     height: 100%;
     border-radius: 25px;
     content: '';
     display: inline-block;
     -webkit-transition: all .3s;
     transition: all .3s;
     z-index: -1;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transition: all transform 300ms ease-out 200ms;
     transition: all transform 300ms ease-out 200ms
 }

 section.contact-us .inner-content button:hover::after {
     width: 100%;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-transition: -webkit-transform 300ms ease-out;
     transition: -webkit-transform 300ms ease-out;
     transition: transform 300ms ease-out;
     transition: transform 300ms ease-out, -webkit-transform 300ms ease-out
 }

 section.map {
     margin-top: 30px;
     padding-bottom: 80px
 }

 @media (min-width:992px) {
     section.map {
         padding-bottom: 120px;
         margin-top: 90px
     }
 }

 section.map .inner-content {
     padding: 30px;
     box-shadow: 0 0 25px rgba(0, 0, 0, .1);
     background-color: #ffffff;
     border-radius: 15px
 }

 section.map .inner-content .block-heading h4 {
     border-bottom: 1px solid #eeeeee;
     margin-bottom: 25px;
     padding-bottom: 20px
 }

  /* links footer */
.legal-links {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  
  .legal-links a {
    color: #0253b5;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 5px;
    transition: color 0.3s ease;
  }
  
  .legal-links a:hover {
    color: #6ebeec;
  }
  
  @media (max-width: 768px) {
    .legal-links {
        flex-direction: column;
        align-items: center;
    }
  }

  .custom-h2 {
    color: #ffffff !important;
  }