*{
    list-style: none;
}
@font-face {
    font-family: 'CoreSansC-15';
    src: url('../fonts/CoreSansC-15.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-25';
    src: url('../fonts/CoreSansC-25.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-35';
    src: url('../fonts/CoreSansC-35.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-45';
    src: url('../fonts/CoreSansC-45.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-55';
    src: url('../fonts/CoreSansC-55.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-65.woff2';
    src: url('../fonts/CoreSansC-65.woff2') format('woff2');
}
@font-face {
    font-family: 'CoreSansC-75';
    src: url('../fonts/CoreSansC-75.woff2') format('woff2');
}

h1 , h2 , h3 , h4 , h5 , h6{
    font-family: "Afacad", sans-serif;
}
p, a, li, span {
    font-size:17px;
    line-height: 1.7;
    color:#000;
    font-family: 'CoreSansC-45', sans-serif;
}
p a {
    color: #6cb33d;
    text-decoration: none;
}
body {
    background: #01535e;
    padding: 50px;
    }
    
.ass-tailo-form-step {
    width: 75%;
    display: none;
    padding: 20px;
    border-radius: 10px;
    margin: 0 auto;
    position:relative;
   
    }
.ass-tailo-form-step.active {
      display: block;
    }


    
.navigation-buttons {
    width:45%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 30px;
    }
    .all-content-box {
    width: 65%;
    margin: 0 auto;
}
.navigation-buttons button {
    padding: 10px 20px;
    border: none;
    background-color: #6cb33d;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'CoreSansC-55';
    text-transform: uppercase;
    font-size: 15px;
    border: 1px solid #6cb33d;
    }
.navigation-buttons button[disabled] {
      background-color: #ccc;
      cursor: not-allowed;
    border: 1px solid #ccc;
    }
.tailor-made-ass-heed-ttt {
    width: 100%;
    position: relative;
    padding:0px 60px 60px 60px;
    text-align: center;
}
.call-ass-booki {
    width: 100%;
    position: relative;
}
.tailor-made-ass-heed-ttt h2 {
    font-size: 45px;
    color: #fff;
    padding-bottom: 10px;
}
.tailor-made-ass-heed-ttt p {
    color: #e0d7d7;
    padding: 0px 115px;
}
.tailor-made-ass-heed-ttt h3 {
    font-size: 35px;
    color: #fff;
}
.form-fild-box {
    width: 100%;
    position: relative;
}
.form-fild-box select {
    background: #164349;
    font-size: 17px;
    font-family: 'CoreSansC-45';
    border: 1px solid #6cb33d;
    color: #fff;
    margin-bottom: 20px;
}
.form-fild-box label {
    width: 100%;
    background: #164349;
    padding: 10px;
    border-radius: 10px;
    font-size: 17px;
    font-family: 'CoreSansC-45';
    color: #fff;
    border: 1px solid #6cb33d;
    margin-bottom: 20px;
}
.form-fild-box label input {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    outline: none;
    border: none;
    margin: 10px 0px;
    font-size: 17px;
    font-family: 'CoreSansC-45';
}
.form-fild-box.only-last-step input {
    width: 100%;
    background: #d9e4e8;
}
.choose-only-ass-one {
    width: 100%;
    position: relative;
    display: flex;
    margin-bottom: 20px;
    gap: 20px;
}
.cgooo-car {
    color: #ffff;
    font-size: 17px;
    font-family: 'CoreSansC-45';
}

span.label-text {
    color: #d5caca;
    font-family: 'CoreSansC-45';
}
.error-msg {
    text-align: center;
    font-family: 'CoreSansC-45';
}
.flatpickr-day.today {
    background-color: #01535e !important;
    color: white !important;
    border-radius: 50% !important;
}
.flatpickr-day.selected {
    background-color: #6cb33d !important;
    color: #fbfbfb !important;
    border-radius: 50% !important;
    border: none;
}
label.checkbox-container {
    background: #6cb33d38;
    border: 1px solid #fff;
}




/*new mobile responsive tailor made */

@media only screen and (max-width: 600px) {

body {
    background: #01535e;
    padding: 10px;
}
.ass-tailo-form-step {
    width: 100%;
    display: none;
    padding: 0px;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
}
.tailor-made-ass-heed-ttt {
    width: 100%;
    position: relative;
    padding: 0px 10px 60px 10px;
    text-align: center;
}
.tailor-made-ass-heed-ttt p {
    padding: 10px 0px;
}
.all-content-box {
    width: 90%;
    margin: 0 auto;
}
.navigation-buttons {
    width: 85%;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    margin-top: 30px;
}









}


