@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?orkqwr');
  src: url('fonts/icomoon.eot?orkqwr#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?orkqwr') format('truetype'),
    url('fonts/icomoon.woff?orkqwr') format('woff'),
    url('fonts/icomoon.svg?orkqwr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





.icon-magnifying-glass:before {
  content: "\e900";
}

.icon-left-arrow-1:before {
  content: "\e901";
}

.icon-right-arrow:before {
  content: "\e979";
}

.icon-shower-head .path1:before {
  content: "\e902";
  color: rgb(196, 162, 252);
}

.icon-shower-head .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-shower-head .path3:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-shower-head .path4:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-shower-head .path5:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-shower-head .path6:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-hand-glove .path1:before {
  content: "\e908";
  color: rgb(196, 162, 252);
}

.icon-hand-glove .path2:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-hand-glove .path3:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-dollar:before {
  content: "\e90b";
}

.icon-duster .path1:before {
  content: "\e90c";
  color: rgb(196, 162, 252);
}

.icon-duster .path2:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-duster .path3:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-duster .path4:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-duster .path5:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path6:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path7:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path8:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path9:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path10:before {
  content: "\e915";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-duster .path11:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-apron .path1:before {
  content: "\e917";
  color: rgb(196, 162, 252);
}

.icon-apron .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-apron .path3:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-apron .path4:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-apron .path5:before {
  content: "\e91b";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-review:before {
  content: "\e91c";
}

.icon-marketing:before {
  content: "\e91d";
}

.icon-towel .path1:before {
  content: "\e91e";
  color: rgb(196, 162, 252);
}

.icon-towel .path2:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-towel .path3:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-sponge .path1:before {
  content: "\e921";
  color: rgb(196, 162, 252);
}

.icon-sponge .path2:before {
  content: "\e922";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-sponge .path3:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-pin:before {
  content: "\e924";
}

.icon-mail:before {
  content: "\e925";
}

.icon-telephone-call:before {
  content: "\e926";
}

.icon-vacuum-cleaner .path1:before {
  content: "\e927";
  color: rgb(196, 162, 252);
}

.icon-vacuum-cleaner .path2:before {
  content: "\e928";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-vacuum-cleaner .path3:before {
  content: "\e929";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-vacuum-cleaner .path4:before {
  content: "\e92a";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-happy-hour:before {
  content: "\e92b";
}

.icon-brush .path1:before {
  content: "\e92c";
  color: rgb(196, 162, 252);
}

.icon-brush .path2:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-badge:before {
  content: "\e92e";
}

.icon-engineer:before {
  content: "\e92f";
}

.icon-bucket .path1:before {
  content: "\e930";
  color: rgb(196, 162, 252);
}

.icon-bucket .path2:before {
  content: "\e931";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-bucket .path3:before {
  content: "\e932";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-bucket .path4:before {
  content: "\e933";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-bucket .path5:before {
  content: "\e934";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-bucket .path6:before {
  content: "\e935";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-bucket .path7:before {
  content: "\e936";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-bucket .path8:before {
  content: "\e937";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-bucket .path9:before {
  content: "\e938";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-bucket .path10:before {
  content: "\e939";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-bucket .path11:before {
  content: "\e93a";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-robot-vacuum .path1:before {
  content: "\e93b";
  color: rgb(196, 162, 252);
}

.icon-robot-vacuum .path2:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-robot-vacuum .path3:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-robot-vacuum .path4:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-robot-vacuum .path5:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-robot-vacuum .path6:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-calendar:before {
  content: "\e941";
}

.icon-art:before {
  content: "\e942";
}

.icon-money-bag:before {
  content: "\e943";
}

.icon-policy:before {
  content: "\e944";
}

.icon-house-cleaning:before {
  content: "\e945";
}

.icon-winner:before {
  content: "\e946";
}

.icon-worker:before {
  content: "\e947";
}

.icon-hygiene .path1:before {
  content: "\e948";
  color: rgb(196, 162, 252);
}

.icon-hygiene .path2:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-hygiene .path3:before {
  content: "\e94a";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-hygiene .path4:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-hygiene .path5:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-hygiene .path6:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-file:before {
  content: "\e94e";
}

.icon-history:before {
  content: "\e94f";
}

.icon-detergent .path1:before {
  content: "\e950";
  color: rgb(196, 162, 252);
}

.icon-detergent .path2:before {
  content: "\e951";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-detergent .path3:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-detergent .path4:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-detergent .path5:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-detergent .path6:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-detergent .path7:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-residential:before {
  content: "\e957";
}

.icon-left-quote:before {
  content: "\e958";
}

.icon-badge-1:before {
  content: "\e959";
}

.icon-window-cleaning .path1:before {
  content: "\e95a";
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path2:before {
  content: "\e95b";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path3:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path4:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path5:before {
  content: "\e95e";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path6:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path7:before {
  content: "\e960";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path8:before {
  content: "\e961";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path9:before {
  content: "\e962";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path10:before {
  content: "\e963";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path11:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path12:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(196, 162, 252);
}

.icon-window-cleaning .path13:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-window-cleaning .path14:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(21, 26, 106);
}

.icon-icon-comment:before {
  content: "\e968";
}

.icon-icon-down-arrow:before {
  content: "\e969";
}

.icon-icon-dowwn-arrow:before {
  content: "\e96a";
}

.icon-icon-envolop:before {
  content: "\e96b";
}

.icon-icon-half-star:before {
  content: "\e96c";
}

.icon-icon-menu:before {
  content: "\e96d";
}

.icon-icon-paper-plane:before {
  content: "\e96e";
}

.icon-icon-quote:before {
  content: "\e96f";
}

.icon-icon-quote-2:before {
  content: "\e970";
}

.icon-icon-quote-3:before {
  content: "\e971";
}

.icon-icon-search:before {
  content: "\e972";
}

.icon-icon-tik:before {
  content: "\e973";
}

.icon-icon-up-arrow:before {
  content: "\e974";
}

.icon-icon-user:before {
  content: "\e975";
}

.icon-icon-user-2:before {
  content: "\e976";
}

.icon-icon-video:before {
  content: "\e977";
}

.icon-icon-world:before {
  content: "\e978";
}
section.video_sec {
    background: linear-gradient(135deg,#712177 55%,transparent 55%),linear-gradient(to bottom,#57d4fa 40%,transparent);
}
.video-title.container {
       padding-bottom:1.5rem;
    padding-top: 1.5rem;
    background: linear-gradient(135deg,#fff 85%,transparent 85%);
    margin-left: 0px;
}

.video-title.container>h1 {
   color: black;
   font-size: 2.25rem;
   font-family: "Be Vietnam"!important;
   font-weight: bolder;
}
p.para {
    font-family:"Be vitenam"!important;
    font-weight: 600;
    font-size: 1.125rem;
    padding: 10px 0px;
    color: white;
    line-height: 26px;
    letter-spacing: 1.5px;
}
.images::before {
    position: absolute!important;
    width: 100%!important;
    height: 100%!important;
    z-index: 2!important;
    content: "";
    top: -1px;
    left: -1px;
    background: linear-gradient(135deg,#fff 10%,transparent 10%);
}
.images {
    position: relative;
}
h2.h1>a {
    font-size: 3.25rem;
    line-height: 1.25;
    font-family: "Be Vietnam"!important;
    font-weight: bolder;
    color: black!important;
}
section.news {
    background-image: url(../img/s12.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

section.news_2 {
    background-image: url(../img/s15.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.text-block.text-600 {
    margin-top: 26%;
    background: linear-gradient(135deg,rgba(113,33,119,.9) 70%,transparent 70%);
    padding: 2rem 1.5rem;
}
section.news_1 {
    background-image: url(../img/s1.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.purple-title.container {
    background: linear-gradient(135deg,rgba(113,33,119, 1) 70%,transparent 70%);
    color: white!important;
    margin: 0px;
    padding: 1.5rem;
}
.purple-title.container>h1 {
   color: white;
   font-size: 2.25rem;
   font-family: "Be Vietnam"!important;
   font-weight: bolder;
}

.content {
    float: right;
    padding: 50px;
    background: linear-gradient(135deg,transparent 40%,rgba(0,107,153,.9) 40%);
    color: white;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    padding-right: 5%;
    padding-left: 40%;
    margin-top: 20%;
}

.paras
{
  padding-left: 60px!important;
}
section.news_1_2 {
    background-image: url(../img/l1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
section.news_1_2_3 {
    background-image: url(../img/resource.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 767.98px) 
{
    .caption {
    display: none;
}
.video-title.container>h1
{
    font-size:1.5rem!important;
}
.video-title.container {
    padding-bottom: 1rem!important;
    padding-top: 1.3rem!important;
    background:#fff!important;
    margin-left: -3px;
}
h2.h1 > a {
  font-size: 1.5rem!important;
}
.alumin.py-5 {
  padding: 1rem !important;
}
.content {
  float: right;

  background:rgba(0,107,153,.9)!important;
  color: white;
  /* min-height: 150px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: baseline;
  padding-bottom:0.5rem;
  padding-top:0.5rem;
  padding-right:1%;
  padding-left:0px ;
  margin-top: 20%;
}
.text-block.text-600 {
  margin-top: 26%!important;
  background: rgba(113,33,119)!important;
  padding: 1rem!important;
  width: 100%;
}
.para.mt-3.mb-3.paras_new {
  width: 100% !important;
}
.purple-title.container > h1
{
    font-size:1.5rem!important;
}
.purple-title.container
{
   background:rgba(113,33,119, 1)!important;
}
a.big-button {
  
  width:100%!important;
  background:#007abf!important;
}
a.small_button {
  
  width:100%!important;
  background:#712177!important;
}
section.news_1_2
{
    background-size:cover!important;
}
section.news_1_2_3
{
    background-size:cover!important;
}

section.news_1
{
    background-size:cover!important;
}
.list-unstyled.main-menu__contact-list {
  display: none !important;
}
.main-menu__logo a img
{
    width:55%!important;
}
.main-menu .mobile-nav__toggler
{
    color:white!important;
    margin-left:-88px !important;
}
.main-menu__bottom-inner
{
    padding:20px!important;
}

}
#mini-course-search .mini-search input[type=text] {
    padding: .625rem 1.25rem;
    width: 100%;
    border: none;
    border-bottom: 5px solid #712177;
    font-size: 1.5rem;
    padding-left: 2.5rem;
    height: 100%;
    color: #712177;
    background: 0 0;
    /*margin-top:-10%;*/
}
#mini-course-search .mini-search a#search-all-btn {
    background: linear-gradient(135deg,#712177 80%,transparent 80%);
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .625rem;
    box-sizing: border-box;
    padding-right: 20%;
        font-size: 1.5rem;
    line-height: 2rem;
        margin-left: 1.25rem;
    max-width: 100%;
}
#mini-course-search .mini-search {
    padding: 1.25rem 0;
}
#mini-course-search .mini-search .search-field i {
    /*height: 100%;*/
    position: absolute;
    font-size: 1.5rem;
    color: #712177;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px!important;
}
#mini-course-search .mini-search a#search-all-btn::before {
    color: #57d4fa;
    font-size: 2rem;
        content: "\f061";
    font-weight: 600;
    font-family:'Font Awesome 5 Free';
    margin-right: 10px;
}
    p.feature-one__text {
    display: none;
}
.services_box.wow.fadeInUp.animated {
    padding: 18px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); 
    display: inline-grid;
    margin-top: 30px;
    text-align: center;
    width: 100%!important;
    border-radius: 10px;
}
a.img_text.w-75 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-left: 34px;
    font-family: "Be Vietnam"!important;
    color: #7cc829;
    width: 100%;
}
img.img-fluid.city_image {
    width: 50%;
    align-items: center;
    justify-content: center;
    margin-left: 72px;
}
.carousel-inner {
    width: 100%;
    display: inline-block;
    position: relative;
}
.carousel-inner {
    padding-top: 43.25%;
    display: block;
    content: "";
}
.carousel-item {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: skyblue;
   /* background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 90vh;
    background-size: cover;
    background-position: center;*/
}

.caption {
       position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 9;
    margin-top: 16.4%;
    text-align: center;
    background-image: linear-gradient(135deg,transparent 40%,rgba(113,33,119,.9) 40%);
    margin-left: 0%;
    background-color: transparent;
    padding: 1.25rem 5% 1.25rem 54%;
}
.caption h1 {
  color: #fff;
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 23px;
}
.caption h2 {
  color: rgba(255,255,255,.75);
    font-size: 26px;
    font-weight: 300;
  margin-bottom: 10px;
  text-align: left;
}
a.big-button {
        font-family: "Be Vietnam"!important;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.25;
    padding: .625rem;
    padding-right: 20%;
    text-transform: uppercase;
    transition: background .2s ease-in-out;
    max-width: 100%;
    background: linear-gradient(135deg,#007abf 80%,transparent 20%);
    color: #fff!important;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 75%;
}
a.big-button::before {
        font-family: "Font Awesome 5 free";
    font-size: 24px;
    content: "\f061";
    margin-right: .625rem;
    font-weight: 900;
    color: #b077b8;
}
a.big-button:hover
{
      background: linear-gradient(135deg,#bae0f5 80%,transparent 20%);
    color: #000!important;
  }
  a.small_button {
      font-family:"Be Vietnam"!important;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.25;
    padding: .625rem;
    padding-right: 20%;
    text-transform: uppercase;
    transition: background .2s ease-in-out;
    max-width: 100%;
    background: linear-gradient(135deg,#712177 80%,transparent 20%);
    color: #fff!important;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 75%;
    margin-left:55px!important;
}
a.small_button::before {
      font-family: "Font Awesome 5 free";
    font-size: 24px;
    content: "\f061";
    margin-right: .625rem;
    font-weight: 900;
    color: #b077b8;
}
a.small_button:hover
{
      background: linear-gradient(135deg,#c4a1c9 80%,transparent 20%);
    color: #000!important;
  }

.carousel-indicators .active {
  background: #fff;
}
.carousel-indicators li {
  background: rgba(255, 255, 255, 0.4);
  border-top: 20px solid;
  z-index: 15;
}
section.breadcrumbs {
    background-color: #57d4fa!important;
    padding: 10px;
}