/* @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300&display=swap'); */



/* home  */



@font-face {

    font-family: 'JannaLTReg';

    src: url('../fonts/Janna LT Regular.ttf'); /* IE9 Compat Modes */

    font-weight: 700;

    font-style: normal;

}



body{

    margin: 0;

    padding: 0;

    /* font-family: 'Cairo', sans-serif; */

    /* font-family: 'MerriweatherRL', serif; */

    font-family: 'JannaLTReg';

}



.bg-light-gray{

    background: #efefef;

}

.bg-dark{

    background: #242323;

}

.custom-link{

    text-decoration: none;

    color: #5e5e5e;

}

a ,span{

    color: #7f0026;

    text-decoration: none !important;

}

a:hover {

    color: #7f0026;

}

.num-ar{

    direction: ltr;

    text-align: right;

}

.width-120{

    width: 120px;

}

.width-60{

    width: 60%;

}

.width-65{

    width: 65%;

}

.width-20{

    width: 20%;

}



.width-100{

    width: 100%;

}

.b-r-light-gray{

    border-left: 1px solid #8bab7f;

}

.b-t-light-gray{

    border-top: 1px solid #8bab7f;

}

.halawa-hr{

    top: 24px;

    position: relative;

    z-index: -1;

    width: 70%;

    margin: 0 auto;

}



.mt-40{

    margin-top: 40px;

}

.text-yellow{

    color: #7f0026 !important;

}



.p-t-60px{

    padding-top: 60px;

}

.m-t-60px{

    margin-top: 60px;

}

.p-t-20px{

padding-top: 20px;}

/* carousel home */

.carousel-home img{

    opacity: .5;

}

.carousel-home .carousel {

    position: relative;

}

.h-600{

    height: 600px;

}



 /* navbar */

.navbar-on-top{

    position: absolute;

    z-index: 1;

    width: 100%;

}

.navbar a {

    color: #7f0026  !important;

}
.navbar .color-gray{
    color: #ffffff  !important;
}
.navbar-brand img{

    width: 50%;

    height: auto;

}

.navbar-on-top .dropdown-menu  a {

    color: #838383 !important;

    

}



/* about us  */

.about-us{

    padding: 30px;

}



.about-us .content{

    padding: 10px;

}



.about-us .content-title{

    font-size: 22px;

    color: #7f0026;

}



.about-us span{

    background: #ffffff;

    padding: 4px 14px;

    margin: 0px 12px;

    border-radius: 50%;

    border: 2px solid #d1d1d1;

}



.about-us i{

    color: #a9a7a7;

    font-size: 20px !important;

}



/* footer  */

footer{

    padding: 20px;

    margin-top: 40px;

    background: #eae9e9;

    /* border-top: 1px solid #b3b3b3; */

}



.footer a{

    text-decoration: none;

    color: #777474;

}

.footer .nav-link:focus, .nav-link:hover {

    color: #7f0026;

}



/* button */

.btn-white-border {

    color: #ffffff;

    background-color: #7f0026;

    border-color: #ffffff;

    border-radius: 0px !important;

    border: 1px solid #ffffff;

}

.btn-white-border:hover {

    color: #7f0026 !important;

    background-color: #ffffff;

    border-color: #7f0026;

    border-radius: 0px !important;

}

.btn:focus{

    box-shadow: none;

}

.form-control{

    text-align: right;

}

/* modal  */

.modal-body .a-model-link{

    text-decoration: none;

    color: #838383;

}



/* gifts slider */

.gifts-slider img{

    width: 100%;

}

.gifts-slider{

    padding: 70px;

}

.gifts-slider .product{

    width: 58%;

}



/* page title */

.page-title-bg-img{

    background-image: url("../img/bg-3.jpg");

}



.page-title{

    padding: 150px 5px 10px 5px;

}



.page-title .title{

    text-align: center;

    color: #fff;

}



/* breadcrumb  */

.breadcrumb li a{

    text-decoration: none;

    color: #fff;

}

.breadcrumb-item.active {

    color: #dcdcdc;

}

.breadcrumb-item+.breadcrumb-item::before {

    color: #7f0026;

}



/* gifts page  */

.gifts  img{

    width: 100%;

}



.gifts .price{

    font-size: 14px;

    color: #a7a7a7;

}

.gifts .title{

    margin-bottom: 0px;

}

.gifts {

    padding: 110px 5px;

}

.search-div{

    padding: 0px 5px 50px 5px;

}

.gifts .search-div .btn-white-border{

    width: 100%;

}

.gifts .product{

    margin-bottom: 40px;

}

.gifts .product-link{

    text-decoration: none;

    color: #000;

}

.gifts .form-control:focus {

    border-color: #ffffff;

    box-shadow: 0 0 0 0.25rem rgb(183 183 183 / 25%);

}



/* gift details */

.gift-details .carousel-item{

    height: 300px;

}



.gift-details .content{

    margin: 40px 0px;

    padding: 40px 5px;

}

.gift-details .product-pic{

    margin: 40px 0px;

    padding: 40px 5px;

}



.gift-details .content .title{

    font-size: 22px;

}

.gift-details .content .details{

    color: #5e5e5e;

}

.gift-details .content .price{

    font-size: 24px;

    color: #b5aa00;

}

.gift-details .content ul li{

    color: #5e5e5e;



}



/* in request page  */

.gift-request{

    padding: 10px 5px;

}



/* about us page*/

.about-us-page .content{

    margin: 40px 0px;

    padding: 40px 5px;

}



.about-us-page .content .title{

    font-size: 22px;

}

.about-us-page .content .details{

    color: #5e5e5e;

}

.about-us-page .content .price{

    font-size: 24px;

    color: #b5aa00;

}

.about-us-page .content ul li{

    color: #5e5e5e;



}



/* names table */

.names-table .content{

    margin: 40px 0px;

    padding: 40px 10px;

    /* border-top: 1px solid #e8e8e8; */

}



.title{

    font-size: 22px;

    color: #7f0026;

}

/* .faq-section .content .title{

    font-size: 22px;

    color: #7f0026;

} */

.no-p-m{

    margin: 0px !important;

    padding: 0px !important;

}

.no-p{

    padding: 0px !important;  

}

.names-table .form-check-input:checked {

    background-color: #7f0026;

    /* color: black; */

    border-color: #7f0026;

}

.names-table .form-check-input {

    border: 1px solid rgb(243 216 67);

}



.names-table .steps-circal{

    background: #fff;

    padding: 10px 18px;

    border-radius: .25rem;

    font-size: 30px;

}



.names-table .steps-circal .active-step{

    background: #7f0026;

    padding: 0px 18px;

    border-radius: 50%;

    font-size: 30px;

}

.names-table .steps-circal .title-steps{

    font-size: 15px;

    /* padding-bottom: 20px; */

}

/* taps  */

.taps ul{

    padding: 40px 50px;

    justify-content: center;

    padding-bottom: 0px;

}

.taps .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    background-color: #8bab7f3d ;

    color: #7f0026;

    width: 100%;

    

}

.taps .nav-link {

    color: #686868;

    width: 100%;

}





/* responsive  */

@media (max-width: 992px){

    .navbar-on-top{

        position: relative;

    }

    .navbar a {

        color: #7f0026 !important;

    }
       .me-right-100{
        margin-right: 0px !important;
    }

    .names-table .content{

        margin: 0px 0px !important;

        padding: 0px 0px !important;



    }

    .names-table .steps-circal{

        padding: 0px 18px !important;

    }

    .navbar-brand {

        width: 60%;

    }

    .row{

        --bs-gutter-x: 0px !important;

    }

    .tab-content{

        padding: 10px !important;

    }

    .width-40{

        width: 0px !important;

    }

    .btn{

        display: block;

    }

    .table-responsive {

            /* width: 100%; */

    margin-bottom: 15px;

    /* overflow-y: hidden; */

    -ms-overflow-style: -ms-autohiding-scrollbar;

    border: 1px solid #ddd;

        min-height: .01%;

        overflow-x: auto;

    }

    .me-right-100{

        margin-right: auto !important;

    }

     

}

.table-responsive{

    min-height: .01%;

    overflow-x: auto;

}

.custom-file-upload {

    position: absolute;

    display: inline-block;

    margin: 48px 0px;

    padding: 6px 12px;

    cursor: pointer;

    color: #141414;

    font-weight: 600;

    color: #7f0026;

  }



.m-t-65{

    margin-top: 64px;

}

.b-r-6{

    border-radius: 6px !important;

}

.p-50{

    padding: 50px !important;

}

.text-middle{

    align-items: center;

    margin: auto;

}

.container{

    margin-right: auto;

    margin-left: auto;

}

.container-fullscreen{

    display: -webkit-box;

  

}

.bg-gray {

    background-color: #8bab7f3d;

}
.bg-gray-new{
    background-color: #8bab7f21; 
}
.color-gray{
    background-color:#83a777 !important;
    color: #fff !important;
    border-radius: 3px !important;
}
.color-gray:hover {
    color: #ffffff !important;
    background-color: #83a777;
    border-color: #83a777;
    border-radius: 0px !important;
}.p-0 {

    padding: 0px !important;

}

.fullscreen {

    width: 100%;

    height: 100%;

    overflow: hidden;

    -webkit-box-align: center !important;

    -ms-flex-align: center !important;

    -webkit-align-items: center !important;

    align-items: center !important;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    min-height: 100vh;

}

.background-white {

    background-color: #fff !important;

}

.m-b-30 {

    margin-bottom: 30px !important;

}

.center {

    float: none !important;

    margin: 0 auto;

}

.row{

    --bs-gutter-x: 0px !important;

}







.donut {

    --donut-size: 200px;

    --donut-border-width: 20px;

    --donut-spacing: 0;

    --donut-spacing-color: 255, 255, 255;

    --donut-spacing-deg: calc(1deg * var(--donut-spacing));

    border-radius: 50%;

    height: var(--donut-size);

    margin: 40px;

    position: relative;

    width: var(--donut-size);

    display: inline-block;

  }

  

  .donut__label {

    left: 50%;

    line-height: 1.5;

    position: absolute;

    text-align: center;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 80%;

  }

  

  .donut__label__heading {

    font-size: 24px;

    font-weight: 600;

  }

  

  .donut__label__sub {

    color: #666666;

    font-size: 14px;

    letter-spacing: 0.05em;

  }

  

  .donut__slice {

    height: 100%;

    position: absolute;

    width: 100%;

  }

  

  .donut__slice::before,

  .donut__slice::after {

    border: var(--donut-border-width) solid rgba(0, 0, 0, 0);

    border-radius: 50%;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: rotate(45deg);

    width: 100%;

  }

  

  .donut__slice::before {

    border-width: calc(var(--donut-border-width) + 1px);

    box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

  }

  

  .donut__slice__first {

    --first-start: 0;

  }

  

  .donut__slice__first::before {

    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

    transform: rotate(calc(360deg * var(--first-start) + 45deg));

  }

  

  .donut__slice__first::after {

    border-top-color: #ff6838;

    border-right-color: rgba(255, 104, 56, calc(100 * (var(--first) - .25)));

    border-bottom-color: rgba(255, 104, 56, calc(100 * (var(--first) - .5)));

    border-left-color: rgba(255, 104, 56, calc(100 * (var(--first) - .75)));

    transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg)));

  }

  

  .donut__slice__second {

    --second-start: calc(var(--first));

    --second-check: max(calc(var(--second-start) - .5), 0);

    -webkit-clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);

            clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);

  }

  

  .donut__slice__second::before {

    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

    transform: rotate(calc(360deg * var(--second-start) + 45deg));

  }

  

  .donut__slice__second::after {

    border-top-color: #ffc820;

    border-right-color: rgba(255, 200, 32, calc(100 * (var(--second) - .25)));

    border-bottom-color: rgba(255, 200, 32, calc(100 * (var(--second) - .5)));

    border-left-color: rgba(255, 200, 32, calc(100 * (var(--second) - .75)));

    transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg)));

  }

  

  .donut__slice__third {

    --third-start: calc(var(--first) + var(--second));

    --third-check: max(calc(var(--third-start) - .5), 0);

    -webkit-clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);

            clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);

  }

  

  .donut__slice__third::before {

    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

    transform: rotate(calc(360deg * var(--third-start) + 45deg));

  }

  

  .donut__slice__third::after {

    border-top-color: #97c95c;

    border-right-color: rgba(151, 201, 92, calc(100 * (var(--third) - .25)));

    border-bottom-color: rgba(151, 201, 92, calc(100 * (var(--third) - .5)));

    border-left-color: rgba(151, 201, 92, calc(100 * (var(--third) - .75)));

    transform: rotate(calc(360deg * var(--third-start) + 45deg + var(--donut-spacing-deg)));

  }

  

  .donut__slice__fourth {

    --fourth-start: calc(var(--first) + var(--second) + var(--third));

    --fourth-check: max(calc(var(--fourth-start) - .5), 0);

    -webkit-clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);

            clip-path: inset(0 calc(50% * (var(--fourth-check) / var(--fourth-check))) 0 0);

  }

  

  .donut__slice__fourth::before {

    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

    transform: rotate(calc(360deg * var(--fourth-start) + 45deg));

  }

  

  .donut__slice__fourth::after {

    border-top-color: #1cb2f6;

    border-right-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .25)));

    border-bottom-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .5)));

    border-left-color: rgba(28, 178, 246, calc(100 * (var(--fourth) - .75)));

    transform: rotate(calc(360deg * var(--fourth-start) + 45deg + var(--donut-spacing-deg)));

  }

  

  .donut__slice__fifth {

    --fifth-start: calc(var(--first) + var(--second) + var(--third) + var(--fourth));

    --fifth-check: max(calc(var(--fifth-start) - .5), 0);

    -webkit-clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);

            clip-path: inset(0 calc(50% * (var(--fifth-check) / var(--fifth-check))) 0 0);

  }

  

  .donut__slice__fifth::before {

    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));

    transform: rotate(calc(360deg * var(--fifth-start) + 45deg));

  }

  

  .donut__slice__fifth::after {

    border-top-color: #1685b8;

    border-right-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .25)));

    border-bottom-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .5)));

    border-left-color: rgba(22, 133, 184, calc(100 * (var(--fifth) - .75)));

    transform: rotate(calc(360deg * var(--fifth-start) + 45deg + var(--donut-spacing-deg)));

  }

  /* .row{

     margin: 0px;

    } */



    /* Fags */

    /* .faq-section {

        font-family: "Poppins", sans-serif;

        background-color: #133667;

        padding: 60px 0;

        text-align: center;

        background-position: bottom right 0%;

       } */

       

       .faq-section .faq_left_half_circle {

        position: absolute;

        left: 80px;

       }

       

       .faq-section .faq_left_half_circle img {

        position: relative;

        top: 140px;

       }

       

       .faq-section h3 {

        /* color: #fff; */

        text-align: center;

        padding-bottom: 50px;

        font-size: 30px;

        margin: 0px;

       }

       

       .faq-section .faq-accordions {

        max-width: 1000px;

        /* margin: 0 auto; */

        margin: 0px 30px;

       }

       

       .faq-section .faq-accordions .accordion-row {

        padding-top: 15px;

        padding-bottom: 15px;

        border-bottom: 1px solid #83a777;

        cursor: pointer;

       }

       

       .faq-section .faq-accordions .accordion-row .title2 {

        text-align: right;

        /* color: #fff; */

        font-size: 18px;

        font-weight: 500;

        position: relative;

        padding-left: 30px;

       }

       

       .faq-section .faq-accordions .title2:after {

        content: '';

        position: absolute;

        border-left: #83a777 2px solid;

        border-bottom: #83a777 2px solid;

        /* right: 10px; */

        left: 10px;

        top: 8px;

        -moz-transition: all .5s linear;

        -webkit-transition: all .5s linear;

        transition: all .5s linear;

        width: 10px;

        height: 10px;

        z-index: 1;

        transform: rotate(-45deg);

       }

       

       .faq-section .faq-accordions .title2.open:after {

        transform: rotate(135deg);

        top: 14px;

       }

       

       .faq-section .faq-accordions .accordion-row .content {

        text-align: right;

        /* color: #fff; */

        font-size: 16px;

        line-height: 30px;

        overflow: hidden;

        height: 0px;

        transition: 0.5s all;

       }

       

       .faq-section .faq-accordions .accordion-row .open + .content {

        height: auto;

        overflow: initial;

        padding: 20px 0px;

       }

       @media(max-width:1200px) {

       .faq-section .faq-accordions .accordion-row .title {

           font-size: 18px;

       }

    }

    .mb-100px{

        margin-bottom: 100px;

    }

    .m-t-40px {

        margin-top: 40px;

    }

    .pt-20px{

        padding-top: 20px;

    }

    .select2-container .select2-selection--single{

        height: 38px !important;

    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {

        line-height: 35px;

    }

    .m-all-5px{

        margin: 5px;

    }

    .b-all-light-gray{

        border: 1px solid #e8e8e8;

    }

.invalid-feedback{

    display: block !important;

}

.width-40{

    width: 40%;

}

/* .navbar-collapse{

    flex-basis: 0%;

} */

.navbar-nav .nav-link{

    padding-left: 20px; 

    padding-right: 20px;

}

.navbar-nav .dropdown-menu{

    position: absolute !important;

}

.dropdown-menu[data-bs-popper]{

    width: 100%;

}

.color-gb{

    background-color: #7f00260d;

    padding: 20px;

    margin-bottom: 20px;

    color: #686868;

    font-size: 18px;

}

.setting-font{

color: #83a777;

margin-left: 10px;

font-size: 18px;

}

.font-color{

    color: #7f0026; 

}

/* .m-all-30px{

    margin: 30px;

} */

.p-all-8px{

    padding: 8px 0px;

}

.form-control:disabled, .form-control[readonly] {

    background-color: #8bab7f3d !important;

    opacity: 1;

}

.modal-header{

    border-bottom: 1px solid #83a777 !important;

}

.modal-title{

    color: #7f0026 !important;

}

.text-right{

    text-align: right;

}

.m-l-10px{

    margin-left: 10px;

}

.p-all-10px{

    padding: 10px;

}

.green-color{

    color: #8bab7f;

}

table, th, td {

    border: 1px solid #8bab7f;

    border-collapse: collapse;

  }

.width-40{

    width: 40%;

}

.alert-success {

    color: #7f0026;

    background-color: #e3ebe0;

    border-color: #e3ebe0;

}

.width-50{

    width: 50%;

}

.tab-content{

    padding: 40px;

}

.m-t-30px{

    margin-top: 30px;

}

.width-45{

    width: 45%;

}

.me-right-100{

    margin-right: 50% ;

}

.form-control.is-invalid, .was-validated .form-control:invalid{

    border-color: #ced4da;

    background-image:none !important

}

.width-10{

    width: 15%;

}



#demo{

    color: #7f0026;

}