@charset "UTF-8";
@import url("/assets/fonts/roboto/font-roboto.css");
@import url("../../fonts/roboto/font-roboto.css");
@import url("/assets/fonts/roboto/font-roboto.css");
@media only screen and (min-width: 1200px) {
  .container {
    min-width: 80%; } }

/******* RESPONSIVE ********/
/****Màn hình máy tính thông thường****/
/****Màn hình ipad hiển thị theo chiều ngang (Landscape)****/
/****Màn hình desktop loại bé****/
/****Màn hình ipad loại bé hiển thị theo chiều ngang (Landscape)****/
/****Màn hình ipad hiển thị theo chiều dọc (Portrait)****/
/****Màn hình ipad loại bé hiển thị theo chiều dọc (Portrait)****/
/****Màn hình điện thoại hiển thị theo chiều ngang (Landscape)****/
/****Màn hình điện thoại Iphone Plus****/
/****Màn hình điện thoại Iphone****/
/****Màn hình điện thoại loại bé****/
/*@mixin mobile {
    @media(max-width: 767px) {
        @content
    }
}


@mixin ipad {
    @media(min-width: 768px) and (max-width:1024px) {
        @content
    }
}
@mixin tablet {
    @media only screen and (max-width: 1200px) {
        @content
    }
}

@mixin ipad {
    @media only screen and (max-width:1024px) {
        @content
    }
}

@mixin ipad-port {
    @media only screen and (max-width:992px) {
        @content
    }
}

@mixin mobile {
    @media only screen and (max-width:769px) {
        @content
    }
}

@mixin ipadSmPort {
    @media only screen and (max-width:600px) {
        @content
    }
}

@mixin mobile-small {
    @media only screen and (max-width: 577px) {
        @content
    }
}

@mixin iphonePlus {
    @media only screen and (max-width: 415px) {
        @content
    }
}

@mixin iphone {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin mobileSm {
    @media only screen and (max-width: 376px) {
        @content
    }
}

@mixin onlyTablet {
    @media (min-width: 1025px) and (max-width: 1200px) {
        @content
    }
}

@mixin onlyIpad {
    @media (min-width: 992px) and (max-width:1024px) {
        @content
    }
}

@mixin onlyIpad-port {
    @media (min-width: 769px) and (max-width:992px) {
        @content
    }
}

@mixin onlyMobile {
    @media (min-width: 577px) and (max-width:769px) {
        @content
    }
}

@mixin onlyMobile-small {
    @media (max-width: 577px) {
        @content
    }
}
@mixin mobile {
    @media (max-width: 600px) {
        @content;
    }
}



@mixin desktop {
    @media (min-width:768px) and (max-width: 1024px) {
        @content;
    }
}

@mixin desktop-up {
    @media (min-width: 1800px) {
        @content;
    }
}*/
@font-face {
  font-family: 'Exo-Regular';
  src: url("../../fonts/exofont/Exo-Regular.ttf") format("truetype"); }

body {
  color: #0a2540;
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px;
  margin: 0; }

p {
  margin: 0 auto; }

a:hover {
  text-decoration: none; }

#footer {
  color: #232323;
  background-color: #ffffff;
  border-top: 1px solid color-mix(in srgb, #2487ce, transparent 80%);
  font-size: 16px;
  position: relative; }
  #footer .light-background {
    --background-color: #f6fafd;
    --surface-color: #ffffff; }
  #footer .text-md-start {
    text-align: left !important; }
  #footer .footer-top {
    padding-top: 50px; }
    #footer .footer-top .footer-about .logo {
      line-height: 1;
      margin-bottom: 25px; }
      #footer .footer-top .footer-about .logo .footer-title {
        padding-left: 10px; }
        #footer .footer-top .footer-about .logo .footer-title h5 {
          color: #223a66;
          font-size: 20px;
          text-transform: uppercase;
          font-family: 'RobotoBold', sans-serif;
          font-weight: 600; }
          #footer .footer-top .footer-about .logo .footer-title h5:nth-child(1) {
            margin-bottom: 3px; }
          #footer .footer-top .footer-about .logo .footer-title h5:nth-child(2) {
            margin: 0px; }
    #footer .footer-top .footer-about p {
      width: 83%;
      text-align: justify;
      float: left;
      font-size: 16px;
      line-height: 1.8; }
    #footer .footer-top .footer-links {
      margin-bottom: 30px; }
      #footer .footer-top .footer-links h4 {
        font-size: 18px;
        font-weight: bold;
        position: relative;
        padding-bottom: 17px;
        color: #223a66; }
      #footer .footer-top .footer-links ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #footer .footer-top .footer-links ul li {
          padding: 10px 0;
          padding-top: 10px;
          display: flex;
          align-items: center; }
          #footer .footer-top .footer-links ul li a {
            color: color-mix(in srgb, #232323, transparent 20%);
            display: inline-block;
            line-height: 1;
            font-size: 16px; }
          #footer .footer-top .footer-links ul li i {
            padding-right: 5px;
            font-size: 16px; }
          #footer .footer-top .footer-links ul li:hover {
            text-decoration: underline; }
      #footer .footer-top .footer-links ul li:first-child {
        padding-top: 0; }
    #footer .footer-top .footer-contact h4 {
      font-size: 18px;
      font-weight: bold;
      position: relative;
      padding-bottom: 12px;
      color: #223a66; }
    #footer .footer-top .footer-contact p {
      margin-bottom: 5px;
      font-size: 16px; }
      #footer .footer-top .footer-contact p i {
        padding-right: 5px;
        font-size: 16px; }
  #footer .footer-bottom .container {
    display: flex;
    justify-content: center;
    border-top: 1px solid color-mix(in srgb, #2487ce, transparent 80%);
    padding: 10px 0; }
    #footer .footer-bottom .container a {
      color: #232323; }

@media (min-width: 1200px) {
  .container {
    max-width: 1300px; } }