*{
      margin: 0;
      padding: 0;
    }
    body{
      font-size: 14px;
      font-family: "Google Sans",Roboto,Arial,sans-serif;
      background: #fff;
    }

    .containner{
      width: 1220px;
      margin: 0 auto;
      padding: 0 10px;
      box-sizing: border-box;
    }
    .company{
      padding: 20px 0 40px;
      display: flex;
    }
    .company .icon{
      width: 92px;
      height: 92px;
      border-radius: 50%;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
    }
    .app-download .icon img,
    .company .icon img{
      width:100%;
      height: 100%;
      object-fit: contain;
    }
    .company-name{
      position: relative;
      padding-left: 110px;
      min-height: 92px;
      font-size: 50px;
      line-height: 92px;
    }
    .company-name,
    .company-name-en{
      width: 50%;
      box-sizing: border-box;
    }
    .company-name-en{
      font-size: 20px;
      line-height: 1.4;
      padding-top: 24px;
    }
    .app-wrapper{
      display: flex;
    }
    .app-wrapper .part-a,
    .app-wrapper .part-b
    {
      width: 50%;
      padding-bottom: 30px;
    }
    .app-info{}
    .app-info .title{
      font-size: 28px;
      font-weight: 400;
      line-height: 1.6;
      color: #202124;
    }
    .app-company{
      color: #5f6368;
      font-size: 16px;
      font-weight: 500;
    }
    .app-adtag{
      font-size: 14px;
      font-weight: 200;
      color: #5f6368;
    }
    .app-desc{
      margin-top: 20px; 
      margin-bottom: 20px; 
      font-size: 16px;
    }
    .app-download{}
    .app-download .c{
      display: flex;
    }
    .app-download .icon{
      width: 52px;
      height: 52px;
      margin-right: 20px;
    }
    .app-download .properties{
      display: flex;
      /* width: 320px; */
    }
    .property-item{
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 7px 24px;
      position: relative;
    }
     .property-item:first-child::after{
      display: none;
     }
     .property-item::after{
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 1px;
      height: 24px;
      background-color: #e8eaed;
      transform: translateY(-50%)
     }
     .property-item .b{
      color:#5f6368;
      font-size: 12px;
     }
    .age-icon{
      width: auto;
      height: 16px;
    }
    .app-download .f{
      margin: 20px 0;
    }
    .btn{
      background-color: #01875f;
      color: #fff;
      padding: 0 16px;
      font-size: 14px;
      line-height: 40px;
      display: inline-block;
      min-width: 150px;
      text-align: center;
      border-radius: 8px;
      text-decoration: none;
      transition: background .3s;
    }
    .btn:hover{
      background-color: #056449;
    }
    .swiper{
      height: 355px;
    }
    .swiper .swiper-slide{
      width: 200px;
    }
    .swiper .swiper-slide img{
      width: 100%;

    }
    .swiper-button{
      width: 56px;
      height: 56px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    }
    .swiper-button::after{
      font-size: 16px;
      color: #555;
    }
    .swiper-button-disabled{
      display: none;
    }
    .T75of {
      background-size: contain;
    }
    .hEuFwd, .QtbZV {
    max-height: 480px;
    object-fit: cover;
    width: 100%;
    margin-top: 50px
}
/*------*/

.main-nav {
  background: #2881F8;;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
}

.main-nav .navbar-brand {
  padding: 0;
}

.main-nav .navbar-nav .nav-item {
  position: relative;
}

.main-nav .navbar-nav .nav-item .nav-link {
  position: relative;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.25rem;
 
 }
 
 .navbar-toggler:focus, .navbar-toggler:hover {
   text-decoration: none;
 }
 
 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
 
     display: flex !important;
   }
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
 
     display: flex !important;
   }
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
 
     display: flex !important;
   }
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
 
     display: flex !important;
   }
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }

.navbar-toggler:focus, .navbar-toggler:hover {
  outline: none;
}

.footer-main {
  padding: 50px 0;
  background: #2881F8;
}

@media (max-width: 768px) {
  .footer-main {
    text-align: center;
  }
}

.footer-main .footer-logo {
  margin-bottom: 15px;
}

.footer-main .copyright p {
  color: #fff;
}

.footer-main .copyright a {
  color: #fff;
  font-weight: 600;
  transition: all .2s ease;
}

.footer-main .copyright a:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .footer-main ul.social-icons {
    margin-top: 30px;
  }
}

.footer-main ul.footer-links {
  margin-top: 44px;
}

@media (max-width: 768px) {
  .footer-main ul.footer-links {
    margin-top: 20px;
  }
}

.footer-main ul.footer-links li a {
  color: #fff;
  padding: 0 10px;
  display: block;
}

.footer-classic {
  background: #fafafa;
  text-align: center;
  padding: 110px 0;
}

.footer-classic ul.social-icons {
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .footer-classic ul.social-icons li {
    margin-bottom: 10px;
  }
}

.footer-classic ul.social-icons li a {
  padding: 0 20px;
  display: block;
}

.footer-classic ul.social-icons li a i {
  font-size: 25px;
  color: #000;
}

.footer-classic ul.footer-links li a {
  padding: 0 10px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
}