/* General CSS */

.tajawal-extralight {
    font-family: "Tajawal", sans-serif;
    font-weight: 200;
    font-style: normal;
}
.tajawal-light {
    font-family: "Tajawal", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.tajawal-regular {
    font-family: "Tajawal", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.tajawal-medium {
    font-family: "Tajawal", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.tajawal-bold {
    font-family: "Tajawal", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.tajawal-extrabold {
    font-family: "Tajawal", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.tajawal-black {
    font-family: "Tajawal", sans-serif;
    font-weight: 900;
    font-style: normal;
}
img {
    width: 100%;
}
:root {
    --textcolor: #1D1D1D;
    --text-color2: #FC7729;
    --text-color3: #3F3F3F;
    --bt-bg-color: #FCAA29;
}
.text-color2 {
    color: var(--text-color2);
}
button.services-btn-n.btn.tajawal-bold {
    background: #fcaa29;
    border-radius: 30px;
    padding: 15px;
}
.ligh-orang-bg {
    background-color: #FFF7EA;
    padding: 10px 40px !important;
}

.btn:hover {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}

/* Header */
header {
    width: 100%;
}
.logo img {
    width: 200px;
}
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: var(--text-color2);
}
.nav-link {
    font-size: 18px;
    color: var(--textcolor);
}
.create-account-btn {

    border-width: 2px;
    border-color: var(--bt-bg-color);
    padding: 15px 20px;
    font-size: 18px;
    color: var(--bt-bg-color);
}
.register-btn {
    background-color: var(--bt-bg-color);
    padding: 15px 30px;
    font-size: 18px;
}

/* fold section  */

.fold {
    background: url('../../images/foldbg.jpg') center center;
    background-size: cover;
    min-height: 850px;
    height: 850px;
}
.fold h1 {
    padding-top: 150px;
    color: var(--textcolor);
    font-size: 56px;
}
.fold p {
    padding-top: 20px;
    font-size: 24px;
    padding-bottom: 30px;
}
.fold a {
    font-size: 18px;
    font-weight: bold;
}
.create-account-Tarwish-services-btn {
    background-color: var(--bt-bg-color);
    padding: 25px 55px;
    font-size: 20px;
}
.fold .Tarwish-services {

    padding: 25px 55px;
}
/* Service section  */
.services,
.services2,
.services3 {
    padding-top: 80px;
}
h2.tajawal-bold.title-ind {
    margin-bottom: 60px;
}
.services3 {
    padding-bottom: 70px;
}
.services h2 {
    color: var(--textcolor);
    font-size: 56px;
}
.services .num,
.services2 .num,
.services3 .num {
    padding-top: 65px;
    color: var(--text-color2);
    font-size: 36px;
}
.services h3,
.services2 h3,
.services3 h3 {
    padding-top: 0px;
    color: var(--textcolor);
    font-size: 36px;
}
.services p,
.services2 p,
.services3 p {
    color: var(--text-color3);
    padding-top: 25px;
    font-size: 18px;
    padding-bottom: 45px;
}
.services a,
.services2 a,
.services3 a {

    font-size: 20px;
}
.order-now-btn {
    background-color: var(--bt-bg-color);
    padding: 20px 55px;
    font-size: 18px;
}

.btn-bg {
    background: url('../../images/image.jpg') center center;
    background-repeat: no-repeat;
    width: 292px;
    height: 146px;
    background-size: cover;
}
/* End of Service section  */

.article {
    padding-top: 25px;

    padding-bottom: 70px;
}
/* How-lateef-works section  */

.How-lateef-works img {
    width: 100px;
}
h3.tajawal-bold.ser-tit span {
    color: #fcaa29;
    margin-right: 14px;
}
.How-lateef-works h2 {

    color: var(--textcolor);
    font-size: 56px;
    padding-bottom: 40px;
}
.How-lateef-works h4 {
    padding-top: 20px;
    color: var(--text-color2);
    font-size: 72px;
    padding-bottom: 0px;
}
.How-lateef-works p {
    padding-top: 40px;
    color: var(--textcolor);
    font-size: 24px;
    padding-bottom: 10px;
}
.How-lateef-works .work-container {
    border: 4px solid #FED9D2;
    border-radius: 20px;
    padding: 0 20px;
    width: 90%;


}
.rectangle {
    padding-top: 90px;
    padding-bottom: 90px;
}
.blog {
    background: url(../../images/Group\ 1707478731.jpg) center center no-repeat;
    background-size: cover;
    padding: 200px 0;
    margin-bottom: 80px;
    margin-top: 50px;
}
.blog h2 {
    color: var(--textcolor);
}
.blog .container .row {
    padding-top: 10px;
    padding-bottom: 10px;
}
.new-price {
    display: flex;
    justify-content: end;
}
.new-discount {
    margin-right: 5px;
}
.new-discount:after {
    content: "";
    width: 50px;
    height: 2px;
    background: #6c6c6c;
    position: absolute;
    top: 14px;
}
span.input-group-addon.grop-icon img {
    padding-top: 5px;
    width: 16px;
}
table.table-condensed {
    font-size: 12px !important;
}
span.input-group-addon.grop-icon {
    background: #f4f4f4 !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
.more-btn {
    background-color: var(--bt-bg-color);
    padding: 15px 50px;
    font-size: 16px;
    float: left;
    font-weight: bold;
}
.cat-column {
    background-color: white;
    border-radius: 20px;
}

button.services-btn-n.btn.tajawal-bold:hover {
    background: #fff !important;
}
/* Service Page */

/* Coursal */

/* .carousel-indicators {
    position: static;
   
    opacity: 1;
    margin: 0 auto;
} */

.carousel-indicators .thumbnail:not(.active) {
    opacity: 1;
}
/* Coursal end */
/* FULL CAT SERVICE */

.full-cat-service h2 {
    padding-top: 0px;
    color: var(--textcolor);
    font-size: 38px;
}
.full-cat-service p {
    padding-top: 15px;
    color: var(--text-color3);
    font-size: 18px;
}
.full-cat-service h4 {
    padding-top: 15px;
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
}
.slick-slider img {
    border-radius: 20px;
}
ul.new-points li::marker {
    color: var(--text-color2);
}
/*ul.new-points {*/
/*    padding-right: 20px;*/
/*}*/
ul.new-points li {
    color: var(--text-color3);
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 15px;
}
/* FULL CAT SERVICE END */

/* Tarwish-service-price */

.tarwish-service-price img {
    width: 6%;
}
.tarwish-service-price .first-heading {
    color: var(--text-color);
    font-size: 32px;
}
.tarwish-service-price .second-heading {

    color: var(--text-color2);
    font-size: 40px;
}
span.curran-d {
    font-size: 26px;
}
.tarwish-service-price p {

    color: var(--text-color3);
    font-size: 18px;
}
/* Tarwish-service-price end*/

/* order details */

.full-cat-service {
    padding-top: 130px;
}
.order-details .form-container {
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    padding: 15px 30px;
}
select.form-select-cat.form-select-lg.d-block.w-100,select.form-select-time.form-select-lg.w-100.d-block {
    border: solid 1px #eaeaea;
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 15px;
    color: #7f7f7f;
    font-weight: bold;
}
section.order-details {
    margin-bottom: 60px;
}
.order-details .form-button {

    margin: 40px 0px;
}
h2.text-color2.new-tit-u {
    color: #fcaa29;
    font-weight: bold;
}
.order-details h3 {
    color: var(--text-color);
    font-size: 32px;
    margin-bottom: 0px;
}
.order-details label {
    color: var(--text-color3);
    font-size: 16px;
    font-weight: bold;
}
label.form-label.my-3 {
    margin-bottom: 5px !important;
}
.order-details p {
    color: var(--text-color);
    font-size: 16px;
    font-weight: bold;
}
/*.new-points li:before {*/
/*    content: "";*/
/*    background: #fcaa29;*/
/*    color: aliceblue;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    display: inline-block;*/
/*    border-radius: 50%;*/
/*    margin-left: 10px;*/
/*}*/
.btn-primary {
    color: #1D1D1D;
    background-color: var(--bt-bg-color);
    padding: 15px 30px;
    font-size: 18px;
    border-radius: 50px;
    padding: 15px 90px;
    border-color: var(--bt-bg-color);

}
/* order details end */

/* footer */

footer h5 {
    color: var(--textcolor);
}
/* mobile */
@media only screen and (max-width: 900px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 30px !important;
    }

    h3 {
        font-size: 22px !important;
    }

section.services img,section.services2 img,section.services3 img {
    display: none !important;
}
.btn-bg {
    background: none;
    width: auto;
    height: auto;
    margin-bottom: 30px !important;
}
/*.new-section {*/
/*    background: #f8f8f8;*/
/*    padding: 30px;*/
/*}*/
.new-section2 {
    padding: 30px;
}
.How-lateef-works p {
    padding-top: 10px;
}
.services p, .services2 p, .services3 p {
    padding-bottom: 5px;
}
    .fold h1 {
        padding-top: 150px;
        font-size: 32px;
    }
    .services, .services2, .services3 {
    padding-top: 20px;
}
h2.tajawal-bold.title-ind {
    margin-bottom: 40px;
}
    .create-account-Tarwish-services-btn {
        padding: 15px 20px;
        font-size: 16px !important;
    }

    .btn-bg,
    .How-lateef-works .work-container {
        margin: auto;
    }
    .How-lateef-works .work-container {
        margin-bottom: 20px;
    }
    .blog .col-sm-4 {
        margin-bottom: 20px;
    }
    /* Service Page */

    .logo img {
        width: 100%;
    }
    .full-cat-service {
        padding-top: 110px;
    }
    .tarwish-service-price .second-heading {
    text-align: center;
    }
    .rounded-pill.ligh-orang-bg.p-3 {
        border-radius: 30px !important;
    }
    .full-cat-service .slider1-image {
        margin: 0 auto;
    }
    .rounded-pill img {
        width: 15%;
    }
    .rounded-pill {
        padding: 15px 50px !important;
    }
    .order-details .form-button {

        justify-content: center !important;
    }
    .full-cat-service h2 {
    padding-top: 10px;
}
}

/* Service Page */