/**
* Template Name: OnePage - v4.5.0
* Template URL: https://bootstrapmade.com/onepage-multipurpose-bootstrap-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');


body {
  font-family: 'Fredoka One', display;
  color: #444444;
}

a {
  color: #2487ce;
  text-decoration: none;
}

p{
  
  font-family: 'Montserrat', sans-serif !important;
}

a:hover {
  color: #469fdf;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fredoka One', display;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #2487ce;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #3e9bdd;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

.btn-flotante{
  position: fixed;
  scroll-padding-bottom: 10px;
  left: 5px;
  bottom: 0px;
  z-index: 99999999;
}

.wpp-flotante{
  position: fixed;
  scroll-padding-bottom: 10px;
  right: 5px;
  bottom: 0px;
  z-index: 99999999;
}

.call{
  justify-content: center;
  align-items: center;
  align-content: center;
  background: none;
  padding: 0.1rem 0.5rem;
  border-radius: 100%;
  color: black;
  font-size: 90px;
  border: none;
}
.call i{
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: #2487ce;
  padding: 0.5rem 0.5rem;
  border-radius: 100%;
  color: rgb(255, 255, 255);
  font-size: 45px;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #2487ce;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

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

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
  #hero .container {
    padding-top: 0px !important;
  }
  #hero .icon-box{
    padding: 20px 30px !important;
  }
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  background-color: rgba(255, 255, 255, 0.824);
  z-index: 997;
  padding: 15px 0;

}
#header.header-scrolled {
  border-color: #fff;
  box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
}
#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-family: "Poppins", sans-serif;
}
#header .logo a {
  color: #ffffff;
}
#header .logo img {
  max-height: 40px;
}
@media (max-width: 992px) {
  #header .logo {
    font-size: 28px;
  }
}

/*--------------------------------------------------------------
# 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;
  font-family: "Poppins", sans-serif;
  font-weight: bold;
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 14px;
  color: #949494;
  white-space: nowrap;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #000000;
}
.navbar .getstarted, .navbar .getstarted:focus {
  background: #000000;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: rgb(0, 0, 0);
  background: #3194db;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #ffffff;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {
  color: #000000;
  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(10, 38, 58, 0.9);
  transition: 0.3s;
  z-index: 999;
}
.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;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #124265;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #ffffff;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  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: #2487ce;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  position: relative;
  /* background: url("../img/hero-bg.jpg") top center; */
  background-size: cover;
  position: relative;
}
#hero:before {
  content: "";
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero .container {
  padding-top: 50px;
}
#hero h1 {
  margin: 0;
  font-size: 56px;
  font-weight: 600;
  line-height: 75px;
  color: #ffffff;
  /* color: #124265; */
  font-family: "Poppins", sans-serif;
}

#hero h1 span{
  margin: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 35px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff;
   /* color: #124265; */
  color: #ffffff00;
  font-family: "Poppins", sans-serif;
}

#hero h2 {
  color: #5e5e5e;
  margin: 10px 0 0 0;
  font-size: 22px;
}

#hero .btn-get-started {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 14px 50px;
  border-radius: 22px;
  transition: 0.5s;
  margin-top: 15px;
  color: #fff;
  background: #2487ce;
}

#hero .btn-get-started:hover {
  background: #3194db;
}
#hero .icon-boxes {
  margin-top: 60px;
}

.kilo {
  background-image: url(/assets/img/b-1kg.png);
  background-position: center;
  background-size: cover;
}

.tres {
  background-image: url(/assets/img/b-3-4kg.png);
  background-position: center;
  background-size: cover;
}
.medio {
  background-image: url(/assets/img/b-1-2kg.png);
  background-position: center;
  background-size: cover;
}
.cuarto {
  background-image: url(/assets/img/b-1-4.png);
  background-position: center;
  background-size: cover;
}

#hero .icon-box {
  padding: 50px 30px;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  border-radius: 22px;
  z-index: 1;
  box-shadow: 158px 2px 34px -15px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 158px 2px 34px -15px rgba(255,255,255,1) inset;
  -moz-box-shadow: 158px 2px 34px -15px rgba(255,255,255,1) inset;
  border: 1px solid #e7e7e7;
}

#hero .icon-box:hover{
  box-shadow: 200px 200px 260px 105px rgba(255,255,255,1) inset;
  -webkit-box-shadow: 200px 200px 260px 105px rgba(255,255,255,1) inset;
  -moz-box-shadow: 200px 200px 260px 105px rgba(255,255,255,1) inset;
}

#hero .icon-box .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 35px;
}
#hero .icon-box .title-2 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 26px;
}
#hero .icon-box .title {
  color: #124265;
  transition: 0.3s;
}
#hero .icon-box .description {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0;
}
#hero .icon-box .icon {
  margin-bottom: 20px;
  padding-top: 10px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  font-size: 36px;
  line-height: 1;
  color: #2487ce;
}

/* #hero .icon-box:hover {
  transform: scale(1.08);
} */
#hero .icon-box:hover .title {
  color: #2487ce;
}
@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}
@media (max-height: 800px) {
  #hero {
    height: auto;
  }
}
@media (max-width: 992px) {
  #hero {
    height: auto;
  }
  #hero h1{
    font-size: 28px;
    line-height: 29px;
  }
  #hero h1 span{
    font-size: 28px;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 26px;
  }
  .banner{
  transform: scale(1.2);
  }
}

.banner{
  margin-top: 2rem;
  width: 70%;
  padding: 1rem;
  border-radius: 22px !important;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='300' height='200' preserveAspectRatio='none' viewBox='0 0 300 200'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1021%26quot%3b)' fill='none'%3e%3crect width='300' height='200' x='0' y='0' fill='rgba(59%2c 134%2c 191%2c 1)'%3e%3c/rect%3e%3cpath d='M-5.005%2c15.419C0.897%2c15.216%2c6.18%2c12.046%2c9.201%2c6.972C12.298%2c1.77%2c13.255%2c-4.784%2c10.098%2c-9.95C7.048%2c-14.942%2c0.845%2c-16.249%2c-5.005%2c-16.278C-10.92%2c-16.307%2c-17.11%2c-15.038%2c-20.365%2c-10.099C-23.928%2c-4.693%2c-24.352%2c2.465%2c-21.013%2c8.012C-17.763%2c13.411%2c-11.303%2c15.636%2c-5.005%2c15.419' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M264.467%2c119.033C285.833%2c119.138%2c306.404%2c108.839%2c316.867%2c90.21C327.136%2c71.926%2c325.157%2c49.085%2c313.569%2c31.608C303.069%2c15.773%2c283.467%2c11.245%2c264.467%2c11.183C245.326%2c11.12%2c225.303%2c15.279%2c214.803%2c31.283C203.349%2c48.741%2c202.669%2c71.527%2c212.954%2c89.698C223.386%2c108.13%2c243.288%2c118.929%2c264.467%2c119.033' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M81.858%2c180.474C101.196%2c181.074%2c115.14%2c164.263%2c124.825%2c147.514C134.524%2c130.74%2c140.9%2c110.968%2c132.001%2c93.757C122.468%2c75.32%2c102.6%2c63.663%2c81.858%2c64.414C62.209%2c65.126%2c46.128%2c79.443%2c37.636%2c97.176C30.208%2c112.687%2c35.211%2c129.793%2c43.275%2c144.983C52.057%2c161.525%2c63.138%2c179.893%2c81.858%2c180.474' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1.821%2c4.197C8.494%2c4.309%2c15.849%2c4.056%2c19.63%2c-1.444C23.833%2c-7.558%2c24.246%2c-16.141%2c19.973%2c-22.206C16.124%2c-27.668%2c8.503%2c-26.778%2c1.821%2c-26.72C-4.703%2c-26.663%2c-12.12%2c-27.288%2c-15.79%2c-21.894C-19.787%2c-16.02%2c-18.961%2c-7.912%2c-14.986%2c-2.023C-11.404%2c3.283%2c-4.58%2c4.09%2c1.821%2c4.197' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M53.32%2c173.377C64.34%2c173.342%2c76.094%2c170.42%2c81.493%2c160.813C86.814%2c151.345%2c82.656%2c140.152%2c77.301%2c130.703C71.845%2c121.076%2c64.379%2c111.481%2c53.32%2c111.103C41.762%2c110.708%2c32.052%2c118.914%2c26.318%2c128.958C20.638%2c138.907%2c18.889%2c151.202%2c24.84%2c160.991C30.604%2c170.473%2c42.224%2c173.412%2c53.32%2c173.377' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M179.226%2c30.223C187.298%2c30.309%2c193.277%2c23.407%2c196.963%2c16.226C200.298%2c9.727%2c200.283%2c2.255%2c196.903%2c-4.221C193.222%2c-11.273%2c187.18%2c-17.643%2c179.226%2c-17.759C171.12%2c-17.877%2c164.308%2c-11.976%2c160.633%2c-4.75C157.288%2c1.828%2c158.669%2c9.338%2c162.133%2c15.854C165.878%2c22.898%2c171.248%2c30.138%2c179.226%2c30.223' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M202.909%2c6.629C209.224%2c6.223%2c212.914%2c0.242%2c216.039%2c-5.26C219.109%2c-10.665%2c222.306%2c-16.864%2c219.362%2c-22.339C216.314%2c-28.007%2c209.342%2c-29.86%2c202.909%2c-29.674C196.834%2c-29.498%2c191.245%2c-26.588%2c188.027%2c-21.432C184.597%2c-15.935%2c183.453%2c-9.085%2c186.489%2c-3.36C189.706%2c2.707%2c196.056%2c7.07%2c202.909%2c6.629' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M52.435%2c161.317C59.549%2c161.538%2c65.842%2c156.893%2c69.261%2c150.651C72.547%2c144.652%2c71.945%2c137.566%2c68.757%2c131.514C65.303%2c124.957%2c59.846%2c118.694%2c52.435%2c118.711C45.044%2c118.728%2c39.487%2c124.947%2c36.245%2c131.589C33.408%2c137.401%2c34.236%2c143.98%2c37.329%2c149.659C40.59%2c155.646%2c45.621%2c161.105%2c52.435%2c161.317' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M220.939%2c164.589C236.99%2c165.522%2c255.143%2c163.592%2c263.454%2c149.829C271.947%2c135.764%2c265.646%2c118.444%2c257.378%2c104.246C249.179%2c90.166%2c237.215%2c76.072%2c220.939%2c76.821C205.396%2c77.537%2c196.918%2c93.475%2c189.883%2c107.353C183.718%2c119.514%2c179.702%2c133.354%2c186.204%2c145.338C192.97%2c157.809%2c206.775%2c163.765%2c220.939%2c164.589' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M-4.875%2c136.343C0.934%2c135.923%2c5.36%2c131.936%2c8.508%2c127.036C12.025%2c121.561%2c15.343%2c115.13%2c12.516%2c109.269C9.404%2c102.816%2c2.28%2c98.933%2c-4.875%2c99.287C-11.535%2c99.616%2c-16.201%2c105.07%2c-19.523%2c110.852C-22.829%2c116.606%2c-25.395%2c123.494%2c-22.089%2c129.248C-18.775%2c135.016%2c-11.51%2c136.823%2c-4.875%2c136.343' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M193.312%2c16.559C201.482%2c16.586%2c209.135%2c12.211%2c213.075%2c5.054C216.887%2c-1.87%2c215.846%2c-10.241%2c211.805%2c-17.034C207.862%2c-23.662%2c201.023%2c-28.266%2c193.312%2c-28.166C185.758%2c-28.068%2c179.473%2c-23.07%2c175.631%2c-16.565C171.712%2c-9.929%2c170.14%2c-1.873%2c173.769%2c4.926C177.595%2c12.094%2c185.187%2c16.533%2c193.312%2c16.559' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M24.275%2c78.94C29.654%2c78.92%2c35.43%2c78.325%2c38.455%2c73.878C41.825%2c68.925%2c42.02%2c62.363%2c39.117%2c57.122C36.126%2c51.723%2c30.447%2c48.323%2c24.275%2c48.282C18.032%2c48.241%2c12.134%2c51.473%2c9.088%2c56.923C6.11%2c62.25%2c6.443%2c68.962%2c9.908%2c73.986C12.991%2c78.456%2c18.845%2c78.961%2c24.275%2c78.94' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M223.333%2c239.889C239.743%2c239.881%2c257.865%2c236.55%2c265.694%2c222.128C273.303%2c208.111%2c264.637%2c192.241%2c256.712%2c178.4C248.714%2c164.431%2c239.426%2c148.471%2c223.333%2c148.142C206.903%2c147.806%2c195.679%2c162.73%2c187.507%2c176.987C179.395%2c191.14%2c172.829%2c207.994%2c180.903%2c222.169C189.033%2c236.444%2c206.905%2c239.897%2c223.333%2c239.889' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M267.274%2c77.608C278.907%2c78.07%2c288.922%2c69.407%2c293.963%2c58.913C298.415%2c49.645%2c294.855%2c39.45%2c289.946%2c30.415C284.718%2c20.793%2c278.198%2c10.545%2c267.274%2c9.79C255.33%2c8.964%2c243.731%2c16.117%2c238.435%2c26.854C233.601%2c36.655%2c238.622%2c47.428%2c244.021%2c56.929C249.513%2c66.595%2c256.166%2c77.167%2c267.274%2c77.608' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M227.849%2c95.667C247.691%2c96.913%2c270.114%2c94.804%2c280.587%2c77.905C291.436%2c60.399%2c285.918%2c37.65%2c274.373%2c20.595C264.183%2c5.542%2c246.021%2c-0.456%2c227.849%2c-0.001C210.57%2c0.432%2c193.971%2c7.94%2c185.196%2c22.831C176.29%2c37.944%2c176.595%2c56.793%2c185.459%2c71.93C194.23%2c86.908%2c210.526%2c94.579%2c227.849%2c95.667' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M138.767%2c37.917C146.549%2c37.956%2c153.812%2c33.379%2c157.255%2c26.4C160.38%2c20.066%2c157.923%2c12.812%2c154.078%2c6.887C150.626%2c1.568%2c145.105%2c-1.901%2c138.767%2c-2.091C132.06%2c-2.292%2c125.403%2c0.271%2c121.778%2c5.918C117.854%2c12.032%2c117.189%2c19.801%2c120.596%2c26.218C124.217%2c33.037%2c131.046%2c37.879%2c138.767%2c37.917' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M123.469%2c126.59C133.219%2c127.335%2c143.972%2c124.591%2c148.726%2c116.047C153.395%2c107.656%2c149.208%2c97.684%2c144.065%2c89.574C139.369%2c82.169%2c132.233%2c76.517%2c123.469%2c76.221C114.176%2c75.907%2c104.673%2c79.883%2c100.31%2c88.094C96.146%2c95.93%2c99.54%2c105.036%2c104.115%2c112.64C108.509%2c119.944%2c114.97%2c125.941%2c123.469%2c126.59' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M71.648%2c48.501C85.107%2c49.519%2c97.406%2c40.86%2c104.083%2c29.13C110.689%2c17.525%2c111.127%2c3.014%2c103.949%2c-8.245C97.226%2c-18.791%2c84.133%2c-22.491%2c71.648%2c-21.746C60.497%2c-21.08%2c50.675%2c-14.597%2c45.402%2c-4.749C40.415%2c4.564%2c42.06%2c15.315%2c46.73%2c24.791C52.163%2c35.814%2c59.394%2c47.574%2c71.648%2c48.501' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M27.388%2c100.502C45.918%2c100.344%2c64.052%2c92.689%2c73.499%2c76.747C83.119%2c60.511%2c82.908%2c39.841%2c72.761%2c23.929C63.275%2c9.054%2c44.998%2c3.379%2c27.388%2c4.441C11.636%2c5.391%2c-0.809%2c15.648%2c-9.406%2c28.882C-19.103%2c43.809%2c-28.235%2c61.71%2c-20.101%2c77.543C-11.49%2c94.305%2c8.544%2c100.662%2c27.388%2c100.502' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M213.544%2c231.896C231.017%2c232.479%2c250.223%2c229.27%2c259.194%2c214.264C268.332%2c198.979%2c263.314%2c179.715%2c253.706%2c164.721C244.907%2c150.99%2c229.838%2c142.352%2c213.544%2c143.024C198.29%2c143.653%2c186.54%2c154.69%2c178.735%2c167.811C170.705%2c181.31%2c165.384%2c197.583%2c172.881%2c211.385C180.647%2c225.683%2c197.282%2c231.354%2c213.544%2c231.896' fill='rgba(12%2c 83%2c 161%2c 0.51)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1021'%3e%3crect width='300' height='200' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e"); */
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.accordion-item{
  border: none;
  margin: 1rem;
}

.accordion-button{
  border-radius: 22px !important;
 margin: 10px 0px;
}

li{
  font-size: 20px;
  margin: 10px 0px;
}

li p{
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 15px;
}

section {
  padding: 80px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f8fbfe;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #124265;
}
.section-title p {
  margin-bottom: 0;
  font-size: 14px;
  color: #919191;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}
.section-title p{
  font-family: 'Poppins', sans-serif;
}
.about .content ul {
  list-style: none;
  padding: 0;
}
.about .content ul li {
  padding-left: 28px;
  position: relative;
}
.about .content ul li + li {
  margin-top: 10px;
}
.about .content ul i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  color: #2487ce;
  line-height: 1;
}
.about .content p:last-child {
  margin-bottom: 0;
}
.about .content .btn-learn-more {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.3s;
  line-height: 1;
  color: #2487ce;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #2487ce;
}
.about .content .btn-learn-more:hover {
  background: #2487ce;
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 60px 0;
}
.counts .count-box {
  width: 100%;
  text-align: center;
}
.counts .count-box span {
  font-size: 48px;
  line-height: 48px;
  display: block;
  font-weight: 700;
  color: #124265;
  margin-left: 80px;
  margin: auto;
}
.counts .count-box p {
  padding: 8px 0 0 0;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #1e6ca6;
}

/*--------------------------------------------------------------
# About Video
--------------------------------------------------------------*/
.about-video .content {
  font-size: 15px;
}
.about-video .content h3 {
  font-weight: 700;
  font-size: 24px;
  color: #124265;
}
.about-video .content ul {
  list-style: none;
  padding: 0;
}
.about-video .content ul li {
  padding-bottom: 10px;
  padding-left: 28px;
  position: relative;
}
.about-video .content ul i {
  font-size: 24px;
  color: #2487ce;
  position: absolute;
  left: 0;
  top: -2px;
}
.about-video .content p:last-child {
  margin-bottom: 0;
}
.about-video .play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(#2487ce 50%, rgba(36, 135, 206, 0.4) 52%);
  border-radius: 50%;
  display: block;
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
  overflow: hidden;
}
.about-video .play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.about-video .play-btn::before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 2s;
  animation: pulsate-btn 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(36, 135, 206, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}
.about-video .play-btn:hover::after {
  border-left: 15px solid #2487ce;
  transform: scale(20);
}
.about-video .play-btn:hover::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}

@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 15px 0;
  text-align: center;
}
.clients img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
  filter: grayscale(100);
}
.clients img:hover {
  filter: none;
  transform: scale(1.15);
}
@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  text-align: center;
  min-height: 320px;
}
.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: 0 auto;
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #c9e3f5;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 15px 15px 15px;
  padding: 20px;
  background: #f3f9fd;
  position: relative;
  margin-bottom: 35px;
  border-radius: 6px;
}
.testimonials .testimonial-item p::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 20px solid #f3f9fd;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  position: absolute;
  bottom: -20px;
  left: calc(50% - 20px);
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #2487ce;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2487ce;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 10px 20px 30px 10px;
  transition: all ease-in-out 0.3s;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
}
.services .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}
.services .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}
.services .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}
.services .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}
.services .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 30px;
}
.services .icon-box h4 a {
  color: #124265;
  transition: ease-in-out 0.3s;
}
.services .icon-box p {
  line-height: 18px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}
.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}
.services .iconbox-blue i {
  color: #47aeff;
}
.services .iconbox-blue:hover .icon i {
  color: #fff;
}
.services .iconbox-blue:hover .icon path {
  fill: #47aeff;
}
.services .iconbox-orange i {
  color: #ffa76e;
}
.services .iconbox-orange:hover .icon i {
  color: #fff;
}
.services .iconbox-orange:hover .icon path {
  fill: #ffa76e;
}
.services .iconbox-pink i {
  color: #e80368;
}
.services .iconbox-pink:hover .icon i {
  color: #fff;
}
.services .iconbox-pink:hover .icon path {
  fill: #e80368;
}
.services .iconbox-yellow i {
  color: #ffbb2c;
}
.services .iconbox-yellow:hover .icon i {
  color: #fff;
}
.services .iconbox-yellow:hover .icon path {
  fill: #ffbb2c;
}
.services .iconbox-red i {
  color: #ff5828;
}
.services .iconbox-red:hover .icon i {
  color: #fff;
}
.services .iconbox-red:hover .icon path {
  fill: #ff5828;
}
.services .iconbox-teal i {
  color: #11dbcf;
}
.services .iconbox-teal:hover .icon i {
  color: #fff;
}
.services .iconbox-teal:hover .icon path {
  fill: #11dbcf;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: #2487ce;
  background-size: cover;
  padding: 60px 0;
}
.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
.cta p {
  color: #fff;
}
.cta .cta-btn {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 35px;
  border-radius: 5px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
}
.cta .cta-btn:hover {
  background: #fff;
  color: #2487ce;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}
.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #2487ce;
}
.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}
.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(36, 135, 206, 0.6);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}
.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.portfolio .portfolio-wrap .portfolio-info::before {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  top: 35px;
  left: 35px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}
.portfolio .portfolio-wrap .portfolio-info::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 35px;
  right: 35px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}
.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}
.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}
.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}
.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}
.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}
.portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}
.portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}
.portfolio-details .portfolio-details-slider img {
  width: 100%;
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #2487ce;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2487ce;
}
.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(18, 66, 101, 0.08);
}
.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}
.portfolio-details .portfolio-description {
  padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
}
.team .member .member-img {
  position: relative;
  overflow: hidden;
}
.team .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.team .member .social a {
  transition: color 0.3s;
  color: #124265;
  margin: 0 10px;
  display: inline-block;
}
.team .member .social a:hover {
  color: #2487ce;
}
.team .member .social i {
  font-size: 18px;
  margin: 0 2px;
  line-height: 0;
}
.team .member .member-info {
  padding: 25px 15px;
}
.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #124265;
}
.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}
.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}
.team .member:hover .social {
  opacity: 1;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 40px 20px;
  text-align: center;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background: #fefefe;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
}
.pricing .box h3 {
  font-weight: 400;
  padding: 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  color: #124265;
}
.pricing .box h4 {
  font-size: 42px;
  color: #2487ce;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 20px;
}
.pricing .box h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}
.pricing .box h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}
.pricing .box ul {
  padding: 0;
  list-style: none;
  color: #124265;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}
.pricing .box ul li {
  padding-bottom: 16px;
}
.pricing .box ul .na {
  color: #ccc;
  text-decoration: line-through;
}
.pricing .box .btn-wrap {
  padding: 15px;
  text-align: center;
}
.pricing .box .btn-buy {
  display: inline-block;
  padding: 10px 40px;
  border-radius: 4px;
  color: #2487ce;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  transition: 0.3s;
  border: 2px solid #2487ce;
}
.pricing .box .btn-buy:hover {
  background: #2487ce;
  color: #fff;
}
.pricing .featured {
  background: #2487ce;
}
.pricing .featured h3, .pricing .featured h4, .pricing .featured h4 span, .pricing .featured ul, .pricing .featured ul .na {
  color: #fff;
}
.pricing .featured .btn-wrap {
  padding: 15px;
  text-align: center;
}
.pricing .featured .btn-buy {
  color: #fff;
  border: 2px solid #fff;
}
.pricing .featured .btn-buy:hover {
  background: #fff;
  color: #2487ce;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
  padding: 0 100px;
}
.faq .faq-list ul {
  padding: 0;
  list-style: none;
}
.faq .faq-list li + li {
  margin-top: 15px;
}
.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #87c1ea;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
.faq .faq-list .icon-show {
  display: none;
}
.faq .faq-list a.collapsed {
  color: #343a40;
}
.faq .faq-list a.collapsed:hover {
  color: #2487ce;
}
.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
  display: none;
}
@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}
.contact .info i {
  font-size: 20px;
  color: #2487ce;
  float: left;
  width: 44px;
  height: 44px;
  background: #e3f0fa;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
.contact .info h4 {
  padding: 0 0 0 60px;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #124265;
}
.contact .info p {
  padding: 0 0 0 60px;
  margin-bottom: 0;
  font-size: 14px;
  color: #217bbc;
  font-family: 'Poppins', sans-serif;
}
.contact .section-title p{
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  font-weight: 500;
  color: #000000;
}
.contact .info .email, .contact .info .phone {
  margin-top: 40px;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
  background: #2487ce;
  color: #fff;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f8fbfe;
  min-height: 40px;
  margin-top: 72px;
}
@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 58px;
  }
}
.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
}
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.breadcrumbs ol li + li {
  padding-left: 10px;
}
.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #1a5e90;
  content: "/";
}
@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #444444;
  font-size: 14px;
  background: #f8fbfe;
  box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
  font-family: 'Poppins', sans-serif;
  
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}
#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
  font-size: 26px;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 300;
}
#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #777777;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #124265;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #2487ce;
  font-size: 18px;
  line-height: 1;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: #777777;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #2487ce;
}
#footer .footer-newsletter {
  font-size: 15px;
}
#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  color: #444444;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 5px;
  text-align: left;
  border: 1px solid #cde5f6;
}
#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}
#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: -1px;
  right: -2px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px 2px 20px;
  background: #2487ce;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 5px 5px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#footer .footer-newsletter form input[type=submit]:hover {
  background: #3194db;
}
#footer .credits {
  padding-top: 5px;
  font-size: 13px;
  color: #444444;
}
#footer .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #2487ce;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 5px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
#footer .social-links a:hover {
  background: #3194db;
  color: #fff;
  text-decoration: none;
}