/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}

body {
  font-family: 'Roboto', sans-serif;
  color: #000;
}

a {
  color: #4154f1;
  text-decoration: none;
}

a:hover {
  color: rgba(16,106,254,1);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Roboto', sans-serif; font-weight: 500
}

p { font-size: 12pt}

h5 {
    font-weight: 600;
    font-size: 1.15rem;
}

.blue, .txt-blue {color: rgba(9,100,159,1)}
.bg-blue {background-color: rgba(9,100,159,1)}
.bg-blue-l {background-color: rgba(9,100,159,.1)}
.bg-orange {background: rgba(253,110,58,1)}
.bg-orange-l {background: rgba(253,110,58,.1)}
.orange {color: #fd6e3a}
.ic-ben {width: 150px}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
section {
  padding: 50px 0;
  overflow: hidden;
}

.section-header {
  padding-bottom: 20px;
}

.section-header h2 {
  font-size: 38px;
  letter-spacing: 1px;
  margin: 0;
}

.section-header p {
  padding: 0;
  font-size: 14pt;
  color: #000;
}

.home .section-header  h2 {
    font-size: 25pt;
    letter-spacing: .5pt;
}



.section h3 {
    font-size: 24px;
    font-weight: 400;
}




@media (max-width: 768px) {
  .section-header p {
    font-size: 28px;
    line-height: 32px;
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
  transition: all 0.5s;
  z-index: 9;
  padding: 20px 0; background: #fff;
}

.header.header-scrolled {
  background: #fff;
  padding: 15px 0;
  box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  z-index: 10;
}

.header .logo {
  line-height: 0;
}

.header .logo img {
  width: 190px;    
  margin-right: 6px;
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a {
  display: flex; 
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #09649d;
}




/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #012970;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(1, 22, 61, 0.9);
  transition: 0.3s;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #012970;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #4154f1;
}

.navbar-mobile .getstarted {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #4154f1;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}



/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
    margin: 80px 0 0;
    padding: 0;

}
.hero .container-lg {padding-left: 17%}
.hero .row {min-height: 250px}



.hero h1 {
font-size: 2.9rem;
}


.hero p {

}






@media (max-width: 991px) {
  .hero {
    height: auto;
    /*padding: 120px 0 60px 0;*/
  }
  .hero .hero-img {
    text-align: center;
    margin-top: 80px;
  }
  .hero .hero-img img {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .hero {
    text-align: center;
    /*background: rgba(16,106,254,1);*/
  }
  .hero h1 {
    font-size: 32px;
  }
  .hero h2 {
    font-size: 24px;
  }
  .hero .hero-img img {
    width: 100%;
    display: none;
  }
    .hero .container-lg {padding-left: inherit }

}



/*--------------------------------------------------------------
# Index Page
--------------------------------------------------------------*/

#cotiza {margin-top: -50px;}
form label {display: block; margin: 10px; font-weight: 500;}
form .form-control,
form .form-select { border-radius: 1rem;padding: 10px 20px; margin-right: 10px}
form .input-group-text { border-radius: 1rem; margin: 0}
.copy {color: #fff;font-size: 13px; margin: 5px 10px;}
.botquote { border: none;
margin-top: 43px;
border-radius: 1rem;
padding: .5rem 2rem;
font-weight: 700;
font-size: 1.3rem;}
.botquote img { width: 20px; margin-right: 10px}
.scale:hover {transform: scale(1.02); filter: contrast(160%)}
form input::placeholder {font-weight: 300; color: #333; opacity: .2}
.rad1 {border-radius: 1rem;} 
.rad2 {border-radius: 2rem;} 
.bot1 {border-radius: 2rem; font-size: 1.2rem; border: none}
.bot1:before {content: "\F285"; font-family: "bootstrap-icons"; font-size: .8rem; margin-right: .4rem; }
.bot2 {border-radius: 2rem; font-size: 1.2rem; background: rgba(202,221,255,1); font-weight: 600; border: none}
.bot2:before {content: "\F285"; font-family: "bootstrap-icons"; font-size: .8rem; margin-right: .4rem;}
.bot2:hover {color: rgba(9,100,159,1)}
.shad {box-shadow: 1px 2px 2px rgba(0,0,0,.3);}
.mw-78 {max-width: 78%}
#wap {border-radius: 50%; background: #33bc00; width: 70px; height: 70px; text-align: center; position: fixed; right: 5%; bottom: 5%}
#wap img {width: 65%; display: block; margin: 16% auto}
#cucfaqs {width: 50px; height: 50px; position: fixed; left: 1%; bottom: 5%; display: inline-block}
#cucfaqs img {width: 100%;}
.card {border-radius: 2rem; background-color: rgba(9,100,159,.1); position: relative; border: 1rem solid #fff; box-shadow: 0px 5px 15px rgba(0,0,0,.2)}
.card.active {background-color: rgba(9,100,159,1); color: #fff}
.card h2.text-uppercase {color: rgba(9,100,159,1);}
.card.active h2.text-uppercase {color: #fff}
.tips li {list-style: none;}
.tips li:before {content: "\F272"; font-family: "bootstrap-icons"; display: inline-block; margin-right: 5px}
a.details {background: #000; display: inline-block; padding: 5px 20px; color: #fff; border-radius: 1rem; font-size: 12px;}
.card .bot1 {border: none;  font-weight: 700}
.card h4 {font-weight: 400; margin: 0; font-size: 1rem;}
.card h5 {font-weight: 400; margin: 0; }
.card .price h2 {font-weight: 800}
.botround {width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; display: inline-block}
.botround.mail {background: #33bcc1}
.botround.share {background: #33c257}
.botround img {width: 65%; display: block; margin: 20% auto}
.sharebots {position: absolute; bottom: -7%;width: 90%;}
.modal .modal-content {background: #09649f; color: #fff; border-radius: 1rem}
.modal-header {border-bottom: none}
.btn-close {filter: contrast(0%) brightness(10);}
.cucoff {position: absolute; top: -5%; right: -5%; border-radius: 50%; border: double 1px #fd6e3a;  width: 70px; height: 70px; background: #fd6e3a; color: #fff}
.cucoff h6 {font-size: 1.9rem;
font-weight: 800;
margin-top: 20%;
margin-bottom: 0;
letter-spacing: -2px;}
.cucoff span {display: block; margin-top: -10px}
.container-500 {max-width: 500px; margin: 0 auto}

.input-group.icon span {width: 30px; position: absolute; top: 10px; left: 10px; z-index: 5}
.input-group.icon span#Nombre:before {content: url("../img/ic-user.svg"); width: 30px; display: inline-block; width: 90%}
.input-group.icon span#Mail:before {content: url("../img/ic-mail2.svg"); width: 30px; display: inline-block; top: 5px; position: relative}
.input-group.icon span#Tel:before {content: url("../img/ic-phone.svg"); width: 26px; display: inline-block; }
.input-group.icon .form-control { border-radius: 1rem !important; padding-left: 10%; background-color: #eff0ff; color: #005b94; font-size: 1rem; text-align: center}
.input-group.icon .form-control::placeholder { color: #005b94; text-align: center; font-size: 1.2rem;}
textarea.form-control { border-radius: 1rem !important; padding-left: 10%; background-color: #eff0ff; color: #005b94; font-size: 1rem; text-align: center}
textarea.form-control::placeholder { color: #005b94 !important; text-align: center; font-size: 1.2rem;}
.il-contact {position: relative; top: 60px}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

body .form-control::placeholder {color: #000}

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

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


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {background: #172641; color: #fff}
.footer .logo {max-width: 130px; margin-bottom: 10px}
.footer .ssn {max-width: 150px; margin-bottom: 10px}
.footer .afip {max-width: 30px; margin: 10px 0 }
.footer .premiar {max-width: 140px; }
.footer .zurich {max-width: 100px; }
.footer h4 {font-size: 14px}
.footer h4.tel {font-size: 18px}
.footer p {font-size: 12px}
.footer ul li {list-style: none; margin: 0 0 10px 0}
.footer a {color: #fff}
.icfut {filter: contrast(1%)brightness(200%); width: 25px; display: inline-block; margin-right: 5px}
.copyright {font-size: 12px}

/*--------------------------------------------------------------
# Mobile
--------------------------------------------------------------*/


@media (max-width: 768px) {
    #cotiza {margin-top: inherit} 
    .w-60 {width: 60% !important}
    .botquote {margin-top: 20px}
    .ic-service {margin-top: -40px;}
    .w-exp {width: 92%; margin: auto}
    .navbar.navbar-mobile ul {background-color: transparent !important}
   .navbar.navbar-mobile li {background: #fff;
border-radius: 1rem;
margin: 10px;}
}