:root {
  --light-purple:rgb(165, 123, 195);
  --background-color:#eee9f4;
  --nav-link-color: rgb(92, 86, 96);
  --nav-logo-color: rgb(125, 1, 182);
}

.logo-image{
  height:100px;
  object-fit: cover; 
  margin-top:-7px; 
  margin-left:0.5vw;
}


.w3-light-light-purple{color:var(--light-purple)!important}

.hiring-ad {
  font-size: 25px;
  color: var(--nar-body-color);
  margin-top: 70px;
  margin-bottom: 20px;
  text-align: center;
  width:80%;
  margin-left: 10%;

}


.apply-now {
  background-color: white;
  border:none;
  color: var(--nav-logo-color);
  padding: 1px 2px;
  text-align: left;
  text-decoration: none;
  font-size: 25px;
  border-radius: 0px;
  display: inline-block;
  align-self: flex-start;
  cursor: pointer;
}

.apply-now:hover {
  background-color: var(--nav-logo-color);
  color: white;
}




.display-area {
  width: calc(100vw - 60px);
/*   border: 1px solid black; */
  overflow-x: hidden;
  margin: auto;
  background-color: var(--background-color)
}

.slider-title{
    margin-left:25px;
    font-size: 25px;
    color: var(--nav-link-color);
    margin-top: 70px;
    margin-bottom: 50px;
}

.cards-wrapper {
  display: flex; 
  transition: ease 0.5s;
}

.card {
  width:calc((100vw - 120px)/3);
  background-color: var(--background-color);
  color: white;
  font-size: 40px;
  margin: 10px;
  max-width: calc((100vw - 120px)/3);
  flex: calc((100vw - 120px)/3) 0 0;
  display: inline-flex;
  flex-direction:column;
  
}

.cards img {
    width: 100%;
    object-fit: cover;
    display:block;
}

@media screen and (max-width: 1024px) {
  .card{
    width:calc((100vw - 100px)/2);
    flex: calc((100vw - 100px)/2) 0 0;
    max-width: calc((100vw - 100px)/2);
  }

  .dot:nth-child(2){
    display:block!important;
  }

  
}

@media screen and (max-width: 600px) {
  .card{
    width:calc(100vw - 80px);
    flex: calc(100vw - 80px) 0 0;
    max-width: calc(100vw - 80px);
  }

  .dot:nth-child(3){
    display:block!important;
  }

}


.dots-wrapper {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-top:40px;
  margin-bottom:70px;
}

.dot {
  border: none;
  background: rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  margin: 5px;
  border-radius: 50%;
  outline: none;
  display:block;
}
.dot:hover {
  background: rgba(0, 0, 0, 0.3);
}
.dot.active {
  background: rgba(0, 0, 0, 0.5);
}

.dot:nth-child(n+4){
  display:none;
}





.card-body{
  background-color: var(--background-color);
  color: var(--background-color)
}


.carousel{
  position:relative;}
  
.carousel.pointer-event{
  touch-action:pan-y}

.carousel-inner{
  position:relative;
  width:100%;
  overflow:hidden;
  margin-left: 2.7vw;}


.carousel-inner::after{
  display:block;clear:both;content:""}
  
.carousel-item{
  position:relative;
  display:none;
  float:left;
  width:100%;
  margin-right:-100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:transform .6s ease-in-out}
  @media (prefers-reduced-motion:reduce)
  {.carousel-item{transition:none}}

.carousel-item-next,.carousel-item-prev,.carousel-item.active{
  display:block}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-k





.slider-subcontainer{
    margin-left: 1.5vw;
    margin-right: 2.3vw;
}

.my-slider{
    padding-left:2.5vw;
    padding-right:2.5vw
}

.slide-item{
  width:28.8vw; 
  float:left;
  display:inline-flex;
  flex-direction: column;
  background-color: var(--background-color);
  justify-content: space-evenly;
  margin-right: 1vw;
  margin-left: 1.25vw;

}

.slide-item{
display:none;
}

.slide-item:nth-child(1){
display:inline-flex;
}

.slide-item:nth-child(2){
display:inline-flex;
}

.slide-item:nth-child(3){
display:inline-flex;
}

.new-title{
    margin-left:1.5vw;
    font-size: 25px;
    color: var(--nav-link-color);
    margin-top: 90px;
    margin-bottom: 50px;
}

.slide_img {
  display:block;
  margin: 20px 0px 0px 0px;
  object-fit: contain;

}

.news-name {
   margin:15px 0px 0px 0px;
   align-items:start;
   text-align:left;
   font-size:18px;
   color: var(--nav-logo-color);

}


.news-description{
   margin: 8px 0px 0px 0px;
   max-width: auto;
   align-items:start;
   text-align:left;
   font-size:16px;
   color: var(--nav-link-color);
}

#list{
  display:flex;
  width:max-content;
}

#formList{
  max-width: 100%;
  overflow: scroll;
}

.scrollbar::-webkit-scrollbar {
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 100%;
    height: 2px;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 10px;
}






#slider{
  height:800px;
  background-color: var(--background-color); 
  justify-content:center;
  align-items:center;

}

.slider-container{
    width:100%;
    background-color: var(--background-color);
    position:relative;
    display:flex;
}


.slide-wapper{
  white-space: nowrap;
  overflow-x: hidden;
  max-width:100%;
  display:inline;
}

.slide{
  width:calc(94%/3); 
  float:left;
  display:inline-flex;
  flex-direction: column;
  background-color: var(--background-color);
  justify-content: space-around;
  margin: 1.0vw;
  background-color:var(--background-color);

}

.news-photo {
   display:flex;
   width:80%;
   align-items:flex-start;
   justify-content: start;
   object-fit: contain;
   padding: 20px 10px 0px 10px;
   margin-top:20px;
   margin-left:10px;
   margin-right:10px;
}

.slide-image{
    width:80%; 
    height:375px; 
    object-fit: cover;
    margin-left:15px;
    margin-top:20px;
    margin-right:15px;
    background-position: center;
    display:flex;
    justify-content: center;
    align-items:center;
}

.previous, .next {
   position:relative;
   text-decoration:none;
   font-size:36px;
   background-color: transparent;
   border-color:transparent;
   color:white;
   opacity:0.5;
   z-index:1!important;
   display:inline-block;
   align-items:center;
   justify-content:center;
   text-align:center!important;
}

.previous{
   left:1.5vw;
}

.next{
    right:1.5vw;
}

.fa-circle{
    color:var(--nav-logo-color);
}

.previous:hover, .next:hover{
    opacity:1.0;
}

.controls{
  text-align:center!important;
}





.img1{
    background-image: url("../images/News/news_1.png");
}
.img2{
    background-image: url("../images/News/news_1.png");
}
.img3{
    background-image: url("../images/News/news_1.png");
}


.cover-container {
  position: relative;
}

.cover-block {
  position: absolute;
  color: white;
  top: 50px; 
  height:400px;
  left: 60vw;
  right:0;
  display:flex;
  flex-direction: column;
}

.home-text-container {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
  position: absolute;
  top: 50px;
  right: 8%;
  color:white;
  font-size:28px;
  margin-top: 50px;
}

.cover-box {
    display:flex;
    flex-direction: column;
    width:100%;
    position:relative;
    justify-content:center;
    margin:auto;
}

.cover-box-english {
    display:flex;
    flex-direction: column;
    width:100%;
    position:relative;
    justify-content:center;
    margin:auto;
}

.cover-title {
    margin: 12px 36px 12px 0;
    max-width:auto;
    padding-right:18px;
    align-items:center;
    justify-content: center;
    text-align:right;
    font-size:30px 
 }

 .cover_description {
    margin: 12px 36px 18px 0;
    padding-right:18px;
    max-width:auto;
    align-items:center;
    justify-content: center;
    text-align:right;
    font-size:22px
}

.cover-title-english {
    margin: 12px 36px 12px 0;
    max-width:auto;
    padding-right:18px;
    align-items:center;
    justify-content: center;
    text-align:right;
    font-size:30px 
 }

 .cover_description-english {
    margin: 12px 36px 18px 0;
    padding-right:18px;
    max-width:auto;
    align-items:center;
    justify-content: center;
    text-align:right;
    font-size:22px
}


.cover-button {
  background-color: white;
  border:1.5px solid #A57BC3;
  color: var(--nav-logo-color);
  padding: 1px 18px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  border-radius: 18px;
  display: block;
  align-self: flex-start;
  cursor: pointer;
  margin-right:50px;
  margin-bottom:24px;
  float:right;
}

.cover-button:hover{
    background-color: #A57BC3;
    color: white;
}

.news-button {
  background-color: white;
  border:1.5px solid #A57BC3;
  color: var(--nav-logo-color);
  padding: 1px 15px;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  border-radius: 15px;
  display: block;
  align-self: flex-start;
  cursor: pointer;
  margin-bottom:12px;
  margin-top:16px;
  float:left;
}

.news-button:hover{
    background-color: #A57BC3;
    color: white;
}

.scroll-button{
  border:none;
  padding:10px 20px;
  color:white;
  background:#21252b;
  font-weight:bold;
  outline:none;
  border-radius:3px;
  height:200px;
  position:relative;
}

.flt-left{
  float:left;
}

.row-container{
  width:100%;
  transition:0.5s;
  margin-left:25px;
  margin-right:25px;
  overflow-x: hidden;
  display:inline-flex;
  background-color: red;
}

.news-title{
    margin-left: 2.5vw;
    font-size: 25px;
    color: var(--nav-link-color);
    margin-top: 90px;
    margin-bottom: 30px;
    width:100%;

}


.news-container{
  width:30.5%;
  min-width:30.5%;
  float:left;
  margin:20px 0px;
  gap:15px;
  display:inline-flex;
  flex-direction: column;
  background-color: var(--background-color);
  overflow-x: hidden;
}

.news-photo {
   display:flex;
   width:100%;
   align-items:flex-start;
   justify-content: start;
   object-fit: contain;
   margin-top:10px;
}


@media screen and (max-width: 768px) {
.logo-image{height:80px; margin-top:5px;}
.cover-title {font-size: 28px; margin-right: 5vw;}
.cover_description{font-size:20px; margin-right: 5vw;}
.cover-button {
  background-color: white;
  border:1.5px solid #A57BC3;
  color: var(--nav-logo-color);
  padding: 1px 16px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 16px;
  display: block;
  align-self: flex-start;
  cursor: pointer;
  margin-right:5vw+5px;
  margin-bottom:24px;
  float:right;
}
.cover-title-english {font-size: 27px; margin-right: 5vw;}
.cover_description-english{font-size:17px; margin-right: 5vw;}
}

@media screen and (max-width: 600px) {
.logo-image{height:70px; margin-top:8px;}
.cover-title {font-size: 26px; }
.cover_description{font-size:18px;}
.cover-button {
  background-color: white;
  border:1.5px solid #A57BC3;
  color: var(--nav-logo-color);
  padding: 1px 14px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border-radius: 14px;
  display: block;
  align-self: flex-start;
  cursor: pointer;
  margin-right:5vw+5px;
  margin-bottom:24px;
  float:right;
}
.cover-block {left:45vw;}
.cover-block-english {left:40vw;}
.cover-title-english {font-size: 24px;}
.cover_description-english{font-size:14px}
}

@media screen and (max-width: 480px) {

.cover-title {font-size: 24px;}
.cover_description{font-size:16px}
.cover-block {left:40vw}
.cover-button {
  background-color: white;
  border:1.5px solid #A57BC3;
  color: var(--nav-logo-color);
  padding: 1px 14px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border-radius: 14px;
  display: block;
  align-self: flex-start;
  cursor: pointer;
  margin-right:5vw+1px;
  margin-bottom:24px;
  float:right;
}
.cover-block {left:35vw}
}