*{
    font-family: Bai Jamjuree;
}
a{
    color: #AC3694;
}
body{
    /* background-color: #FFEDFB; */
    background-color: var(--dynamic-color, #ffffff);
}
h1{
    font-size: 52px;
    color: #3E1034;
    font-weight: bold;
}
h2{
    font-size: 50px;
    font-weight: 700;
    color: #3E1034;
}
h6{
    font-size: 18px;
}
.owl-nav{
    display: none;
}
p{
    font-size: 16px;
    color: #3E3E3E;
}

.heading-txt span{
    color: #AC3494;
}

.p{
    color: #3E1034;
    font-size: 18px;
}
.btn:first-child:active,
.btn:active{
    background-color: revert !important;
}
.btn:hover{
    border-color: unset !important;
}
.btn{
    user-select: none;
    border-radius: 5px;
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
    font-size: 18px;
    border: 0;
    line-height: 2.5;
    min-height: 56px;
    height: 100%;
}
.dark-btn{
    /* color: #fff !important; */
    color: var(--btn_text_color, #ffffff)!important;
    background: linear-gradient(103.91deg, #AC3493 5.98%, #8B2D86 38.15%, #742A7E 66.7%, #6C2A7C 82.18%);
    /* background-color: #6C2A7C; */
    background-color: var(--btn_background_color, #6C2A7C)!important;
}
.outline-btn{
    border: 1px solid #AC3493;
    color: #AC3493;
}
.dark-outline-btn{
    border: 1px solid #fff;
    color: #fff !important;
}
.white-btn{
   background-color: #fff;
    color: #000;
    border-radius: 5px;
}
 .outline-btn:hover{
    border-color:#AC3694;
    background:#AC3694;
    color:#fff;
  }
  .white-btn:hover{
    border: 1px solid #fff !important;
    background:transparent;
    color:#fff;
  }
  .offcanvas.offcanvas-start{
    border: 0;
  }

label{
    color: #888888;
}
.form-check-input:checked {
    background-color: #ac3694;
    border-color: #ac3694;
}
*:focus{
    box-shadow: none !important;
    border-color:#ac3694 !important;
  }
/************************** Navbar *************************/

.nav-link{
    font-size: 18px;
    /* color: #3E1034; */
    color:var(--nav_text_color, #3E1034)
}
.navbar{
    background-color: var(--nav_bg_color, #ffffff) !important;
}

.login_btn{
    border-color:#AC3694;
    color: #AC3694;
}

.login_btn:hover{
    background-color: #AC3694;
    border-color:#AC3694;
}

.reg_btn{
    background: linear-gradient(103.91deg, #AC3493 5.98%, #8B2D86 38.15%, #742A7E 66.7%, #6C2A7C 82.18%);
    border: none;
}

.reg_btn:hover{
    background-color: rgb(147, 6, 160);
}
.navbar .dropdown-toggle:focus{
    box-shadow:none !important;
  }
  .navbar .dropdown-toggle:hover{
    color: #AC3493;
  }


/**************************** Banner **********************/

.banner{
    /* background-color: #FFEDFB; */
    background-color: var(--site_main_color, #FFEDFB);
    border-radius: 5px;
    padding: 150px 0;
}


.search_btn{
    background: linear-gradient(103.91deg, #AC3493 5.98%, #8B2D86 38.15%, #742A7E 66.7%, #6C2A7C 82.18%);
    border: none;
}

.search_btn:hover{
    background-color: rgb(147, 6, 160);
}

.icon i{
    font-size: 22px;
    color: #AC3494;
}

.tag_info{
    font-size: 16px;
    color: #82757F;
}

.icon_info select{
    color: #A493A0;
}


.banner-form-card .form-control,
.banner-form-card .form-select{
    height: 56px;
    border:0;
}
.banner-form-card .input-group-text{
  border:0;
  background:#fff;
}
.banner-form-card .form-control:focus,
.banner-form-card .form-select:focus{
      box-shadow: none !important;

}

.b-r-1{
  border-right:1px solid #EDEDED;
}
.b-l-1{
  border-left:1px solid #EDEDED;
}

.banner-form-card{
    margin-top: 52px;
}
.banner-form-card .bi{
    color: #AC3494;
    font-size: 20px;
}
.banner-form-card .row{
    align-items: center;
}



/************************* Category ***********************/

.category .card-title{
    color: #3E1034;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category .card-text{
    color: #3E1034;
}
.category .card{
    max-width: 300px;
}
.category{
    padding: 80px 0;
}
.cat-img{
    padding:20px 16px 16px 16px;
}
/******************** recruiting *****************/

.recruiting .card-body{
    background:  #AC3694;
    border-radius: 20px;
    padding: 80px 0;
}
.recruiting .card{
    border-radius: 20px;
    border:0;
}
/*********************** features Jobs ***********************/

.tage p{
    color: #AC3694;
    font-size: 13px;
    background-color: #F5F7FC;
    font-weight: 600;
    padding: 5px 8px;
}

.job_details{
    color: #AC3694;
    font-size: 18px;
    font-weight: 600;
}

.butt{
    border: 1px solid black;
}

.card-body h4{
    font-size: 19px;
    color: #3E1034;
    font-weight: 700;
}

.top-tags{
    list-style-type: none;
padding-left:0;
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0;
  align-items: center;
}
.features .card-body{
    padding: 30px;
}
.features .card{
    border-color: 1px solid #D3D3D3;
}
.features{
    padding: 80px 0;
}

/********************** latest-job **********************/

.latest-job{
    background-color: var(--site_main_color, #FFEDFB);
    /* background-color: #FFEDFB; */
    padding: 80px 0;
}
.latest-job h4{
    color: #3E1034;
    font-size: 24px;
}


.word-text p{
    color: #AC3493;
    font-weight: 800;
    font-size: 12px;
}

.word_bottom span{
    color: #3E1034;
}

.word_bottom a{
    text-decoration-color: #AC3493;
}
.top-tags li a{
    color: #3E1034;
    font-weight:700;
  }
  .top-tags .bi-geo-alt ,.bi-building{
    color:#AC3694;
  }
  .job-word-text{
    display: flex;
      justify-content: space-between;
    flex-wrap:wrap;
  }
  .job-word-text p{
    font-size:12px;
    color:#AC3493;
    font-weight:600;
  }
  .job-word-text p span{
    font-size:16px;
    color:#3E1034;
    font-weight:600;
  }
  .latest-job .card-body{
    padding: 30px;
  }
  .job-word-text p{
    margin-bottom: 0;
  }
/*********************** Testimonials *********************/

.testimonials .card{
    background: linear-gradient(103.91deg, #AC3493 5.98%, #8B2D86 38.15%, #742A7E 66.7%, #6C2A7C 82.18%);
    border: 0 !important;
}
.comp-prof{
    max-width: 50%;
}
.testimonials .card h2{
    font-size: 32px;
}
.testimonials{
    padding: 80px 0;
}

/*********************** Accordian ***********************/

.accordion-button::after {
    margin-left: auto;
    content: "";
    background-image: url('../images/Group 10.png') !important;
}

.accordion-button:focus{
    background-color: white;
}
.question{
    padding: 80px 0;
    background-color: var(--site_main_color, #FFEDFB);
}

/*********************** Startup *********************/

.startup .card{
    background: linear-gradient(103.91deg, #AC3493 5.98%, #8B2D86 38.15%, #742A7E 66.7%, #6C2A7C 82.18%);
}

/******************** Footer **********************/

.footer{
    /* background-color: #6E2A7D; */
    background-color: var(--footer_bg_color, #6E2A7D);
}
.footer .row{
    padding: 40px 0;
}

.footer p{
    font-size: 15px;
    color: var(--footer_text_color, #ffffff)!important;
}
.footer h4{

    color: var(--footer_heading_color, #ffffff) !important;
}

.hr{
    border: 1px solid white;

}

.footer-btn{
    margin: 10px -7em;
}


/************************* App share ***************************/

.app-share{
    padding: 80px 0;
}
.app-share .row{
    align-items: center;
}



/************************* Registartion page ***************************/

.form-card,
.sign-in-card{
    box-shadow: 0 0 15px 0 #e9dde6;
}
.form-card .card-header{
border-bottom:1px solid #E0E0E0 !important;
background-color: #fff;
}
.registration{
    padding: 80px 0;
}
.form-card label span{
    color: #ff0000;
}


/************************* Sign In page ***************************/

.signin{
    padding:80px 0;
  }
  .sign-imgs{
        position: relative;
    height:100%;
    background:url(../../assets/images/signin-bg.png);
        background-repeat: no-repeat;
      background-size: cover;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
  }
  .sign-imgs img{
       position: absolute;
      z-index: 999;
      width: 100%;
      max-width: 420px;
      bottom: 50px;
      left: 50%;
      transform: translateX(-50%);
  }
.sign-in-card{
    border-radius: 10px;
}




 /************************** price plan ******************/
 .price-plan{
    padding: 80px 0;
 }
  .price-plan .card-body{
   padding:40px 60px 30px 60px;
  }
  .card-last{
    background:#AC3694
  }
  .plan-tbl td {
    background-color: transparent;
    padding-bottom: 15px;
  }
  .plan-popular .btn{
        background: #742A7E;
      border-radius: 50px;
      padding: 0 15px;
      color: #fff;
      font-size: 12px;
      height: 32px;
  }
  .card-last .plan-tbl td{
    color:#fff;
  }
  .card-last .rounded-circle{
      background: rgb(255 255 255 / 12%);
      padding: 1px 3px;
      color: #fff;
  }
  .plan-popular{
      position: absolute;
      right: 19px;
    top: -21px
  }


  .plan-circle{
    background-color: #ffe4f9;
    font-size: 12px;
    padding: 7px 8px;
    border-radius: 50px;
}
.plan-circle i{
color: #AC3694;
}


/************************* Job Listing ***************************/
.job{
    background-color: var(--site_main_color, #FFEDFB);
    /* background-color: #FFEDFB; */
}

.job h4{
    color:#3E1034;
}

.job h6{
    font-size: 18px;
}

.circle{
    font-size: 11px;
    text-align: center;
    color: #000;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    background: #D9D9D9;
}
.filter-list{
    list-style-type: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

.slider{
    height: 5px;
    background-color: #CBC9D4;
    position: relative;
}

.slider .progress{
    height: 5px;
    background-color: #AC3694;
    position: absolute;
    left: 25%;
    right: 25%;
}

.range-input{
    position: relative;
}

.range-input input{
    position: absolute;
    top: -5px;
    height: 5px;
    width: 100%;
    -webkit-appearance: none;
    background: none;
    pointer-events: none;
}

input[type="range"]::-webkit-slider-thumb{
    background-color: #AC3694;
    height: 17px;
    width: 5px;
    -webkit-appearance: none;
    pointer-events: auto;
}

input[type="range"]::-moz-range-thumb{
    background-color: #AC3694;
    height: 17px;
    width: 5px;
    -moz-appearance: none;
    pointer-events: auto;
}

.input-min{
    border-color: #D9D9D9;
}

.tags-btn{
    background-color: #F1EFFF;
    font-weight: 500;
}

.tags-btn:hover{
    background-color: #e3e2e7;
}
.sort-by-btn{
    padding: 0;
    border: 1px solid #dbc9d7;
}


/************************* Job description page ***************************/

.comp-details .bi{
    color: #AC3694;
    font-size:16px;
    margin-right:10px;
  }
  .comp-details p{
       text-indent: 30px;
    margin-bottom:25px;
  }
.list-related-job{
    padding: 80px 0;
}

/************************* Responsive Design ***************************/
.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
  display: block;
  margin-top: 0.125em;
  margin-left: 0.125em;
}
@media screen and (min-width: 769px) {
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: 0.5em;
  }
}


@media (min-width: 992px){
.navbar-expand-lg .navbar-nav {
    gap:20px;
}
}

@media (max-width:992px){
    .b-l-1{
        border-left: 0;
        border-right: 1px solid #EDEDED;
    }
    h1{
        font-size: 38px;
    }
    h2{
        font-size: 42px;
    }
    .recruiting .card-body{
        padding: 30px;
    }
    .price-plan .card-body{
        padding: 30px;
    }
    .price-plan .card{
        margin-bottom: 30px;
        height: auto;

    }
    .plan-popular {
        top: -19px;
        left: 14px;
    }
    .footer .row {
        padding: 0px 0;
    }
    .registration{
        padding: 40px 0;
    }
}
@media (min-width:767px){
    .hideus-btn,.offcanvas-header{
      display:none;
    }
    .offcanvas-start {
      position: relative;
      transform: none !important;
        visibility: visible;
  }
  .filter-card{
    z-index: 0;
  }
  }
@media (max-width:767px){
    .banner {
        padding: 60px 0;
    }
    .banner-form-card {
        margin-top: 15px;
    }
    .banner-form-card .input-group{
        border-right: 0;
        border-left: 0;
        border-bottom: 1px solid #EDEDED;
    }
    h1{
        font-size: 36px;
    }
    h2{
        font-size: 32px;
    }
    .app-share h2{
        margin-top: 20px;
    }
    .footer .row{
        padding: 10px 0;
    }
    .price-plan{
        padding: 40px 0;
    }
    .sign-imgs img{
        position: relative;
        bottom: -44px;
        width: 250px;
   }
   .sign-imgs{
        height: 300px;
        border-radius: 0;
    }
    .signin {
        padding: 40px 0;
    }
}
@media (max-width:480px){
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 28px;
    }
    .top-tags li{
        margin-bottom: 5px;
    }
    .category,.features,.latest-job,.testimonials,.app-share{
        padding:30px 0 30px 0;
    }
    .plan-popular{
        top: -19px;
        left: 14px;
    }
    .price-plan .card-body{
        padding: 15px;
    }
    .card-last h2{
        margin-top: 20px;
    }
    .registration .card-body{
        padding: 20px !important;
    }
}