*{
    font-family: 'Mitr', sans-serif;
}

body{
    background-image: url('../img/bg-service.jpg');
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
    z-index: 0;
}

.container-fluid.template{
    background-image: url('../img/header-background.png');
    background-size: cover;
    min-height: 28vh;
    background-color: white;
}

.zone{
    background-color: #ff1600;
    padding: 5px 25px;
    border-radius: 0 0 20px 20px;
    font-size: 1rem;
}

.text-head{
    color: #036737;
    letter-spacing: 2px;
    text-decoration: none;
    margin-right: 40px;
    margin-top: 50px;
}

.text-head-sub{
    color: #036737;
    letter-spacing: 2px;
    text-decoration: none;
    margin-top: 50px;
}

.text-head:hover{
    color: #00d36d;
}

.dropdown-item:hover{
    color: #00d36d;
}

.kick{
    background:#00aac5;
    margin-bottom:-35px;
    border-radius:40px;
    z-index: 1000;
}

.nav-item{
    padding: 10px 25px;
    font-size:18px;
}

.nav-link{
    color:white;
    font-weight: 300;
}

.nav-link:hover{
    color:#00d36d;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color:#00d36d;
}

.logo{
    width:40%;
}

.card.show-text{
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.card.show-text:hover{
    opacity: 1;
    transition: 0.5s;
}

.text-case{
    font-size: 28px;
    color:#2196f3;
    font-weight: 400 !important;
    margin: 25% 0;
}

.show-case1{
    background-image: url('../img/552.jpg');
    background-size: cover;
    height: 100%;
}

.show-case2{
    background-image: url('../img/vvv.jpg');
    background-size: cover;
    height: 100%;
}

.show-case3{
    background-image: url('../img/aasda.jpg');
    background-size: cover;
    height: 100%;
}

.show-case4{
    background-image: url('../img/aaacc.jpg');
    background-size: cover;
    height: 100%;
}

.show-case5{
    background-image: url('../img/aaa.jpg');
    background-size: cover;
    height: 100%;
}

.show-case6{
    background-image: url('../img/home-13.png');
    background-size: cover;
    height: 100%;
}

.show-case7{
    background-image: url('../img/web1-07.jpg');
    background-size: cover;
    height: 100%;
}

.show-case8{
    background-image: url('../img/web1-04.jpg');
    background-size: cover;
    height: 100%;
}

.show-case9{
    background-image: url('../img/web1-03.jpg');
    background-size: cover;
    height: 100%;
}

.address{
    font-size: 14px;
    color:#154f91;
}

.add{
    text-align: left;
}

.btn-chat{
    float: right;
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    background-color: #f0645a;
    padding: 12px;
    border-radius: 50%;
    border:1px solid white;
    z-index: 1000;
}

.btn-chat-sub{
    float: right;
    position: fixed;
    bottom: 100px;
    right: 20px;
    cursor: pointer;
    background-color: #4cb48b;
    padding: 12px;
    border-radius: 50%;
    border:1px solid white;
    z-index: 1000;
}

.btn-chat-sub2{
    float: right;
    position: fixed;
    bottom: 175px;
    right: 20px;
    cursor: pointer;
    background-color: #2196f3;
    padding: 12px;
    border-radius: 50%;
    border:1px solid white;
    z-index: 1000;
}

.btn-chat-sub3{
    float: right;
    position: fixed;
    bottom: 250px;
    right: 20px;
    cursor: pointer;
    background-color: #34a852;
    padding: 12px;
    border-radius: 50%;
    border:1px solid white;
    z-index: 1000;
}

.btn-chat-sub4{
    float: right;
    position: fixed;
    bottom: 325px;
    right: 20px;
    cursor: pointer;
    background-color: #f04334;
    padding: 12px;
    border-radius: 50%;
    border:1px solid white;
    z-index: 1000;
}

.op-img{
    width: 40px;
    height: 40px;
}

.project{
    border: 2px solid #804000;
    border-radius: 40px;
    padding: 10px 25px;
}

.client{
    background-color: #96c93d;
    padding:50px 0;
}

.text-link{
    text-decoration: none;
    color:white;
    font-size: 16px;
    font-weight: 300;
}

.text-link:hover{
    color:#96c93d;
}

.footer{
    background-color: #41210a;
    padding:30px 0;
}



swiper-container {
    width: 100%;
    height: 100%;
  }

  swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .motto{
    background-color: #00aac5;
  }

  .text-motto{
    font-size: 20px;
    color: white;
    font-weight: 300;
  }

  .job:hover{
    opacity:0.7 !important;
    filter:alpha(opacity=70) !important;
    box-shadow: 0 0 0px #d4ff00 !important;
  }

  .reward{
    background-image: url('../img/web-background.png');
    background-color: white;
    padding:50px 0;
  }

  .desktop{
    display: none;
}

.mobile{
    display: none;
}

@media only screen and (max-width:600px) {
    .logo{
        width:100%;
    }

    .container-fluid.template{
        min-height: 25vh;
    }

    .text-slide{
        font-size: 36px;
        font-weight: 400;
        letter-spacing: 16px;
        line-height: 1.3;
        color: #eea841;
        text-shadow: 2px 2px #000;
    }
    .add{
        text-align: center;
    }
    
    .tab{
        display: none;
    }
    .tablet{
        display: none;
    }

    .desktop{
        display: none;
    }

    .mobile{
        display: block;
    }
}


@media only screen and (min-width:601px) and (max-width:1366px) {
    .container-fluid.template{
        min-height: 20vh;
    }

    
    .logo{
        width:80%;
    }

    .text-head{
        color: #036737;
        letter-spacing: 2px;
        text-decoration: none;
        margin-right: 20px;
        margin-top: 50px;
    }
    .tablet{
        display: none;
    }

    .desktop{
        display: block;
    }

    .mobile{
        display: none;
    }
   
}