* {
    direction: rtl;
}
@font-face {
    font-family: Tajawal;
    src: url('/assets/landing/fonts/TAJAWAL-REGULAR.ttf');
}

@font-face {
    font-family: TajawalMEDIUM;
    src: url('/assets/landing/fonts/TAJAWAL-MEDIUM.ttf');
}

@font-face {
    font-family: TajawalBold;
    src: url('/assets/landing/fonts/TAJAWAL-BOLD.ttf');
}

@font-face {
    font-family: TajawalExtraBold;
    src: url('/assets/landing/fonts/TAJAWAL-EXTRABOLD.ttf');
}

/* Start Public Styles */

/* Paddings */

.pad-5 {padding: 5px !important;}
.pad-10 {padding: 10px !important;}
.pad-15 {padding: 15px !important;}
.pad-160 {padding: 160px;}

.pad-l-15{padding-left: 15px;}
.pdl-100 {padding-left: 100px;}
.pad-l-150{padding-left: 150px;}
.pdl-180 {padding-left: 180px;}

.pad-r-15 {padding-right: 15px;}
.pad-r-30{padding-right: 30px;}
.pad-r-50{padding-right: 50px;}
.pad-r-100{padding-right: 100px;}

.pad-t-5 {padding-top: 5px;}
.pad-t-15 {padding-top: 15px;}
.pad-t-30 {padding-top: 30px;}
.pad-t-50 {padding-top: 50px;}

.pad-b-50 {padding-bottom: 50px;}

/* Margins */

.mr-15 {margin-right:15px;}
.mr-50 {margin-right:50px;}
.mr-100 {margin-right:100px;}

.mt-5 {margin-top: 5px;}
.mt-15 {margin-top: 15px;}
.mt-25 {margin-top: 25px;}
.mt-30 {margin-top: 30px;}
.mt-50 {margin-top: 50px;}
.mt-70 {margin-top: 70px;}
.mt-100 {margin-top: 100px;}
.mt--100{margin-top: -100px !important;}
.mt-120 {margin-top: 120px;}

.mb-30 {margin-bottom: 30px;}
.mb-100 {margin-bottom: 100px;}
.mb-200 {margin-bottom: 200px;}
.mb-300 {margin-bottom: 300px;}

/* Positions  */

.pos-r-35 {position: relative;right: 35px;}
.psl-50 {position: relative;left: 50px;}
.pos-r-50 {position: relative;right: 50px;}
.pos-r-200 {position: relative;right: 200px;}
.pos-r-300 {position: relative;right: 300px;}

.pos-l-30{position: relative;left: 30px;}
.pos-l-50{position: relative;left: 50px !important;}
.pos-l-100{position: relative;left: 100px;}
.pos-l-150{position: relative;left: 150px;}
.pos-l-200{position: relative;left: 200px !important;}
.pos-l-250{position: relative;left: 250px !important;}
.pos-l-350{position: relative;left: 350px !important;}
.pos-l-400{position: relative;left: 400px;}

.pos-t--80{position:relative;top:-80px !important};
.pos-t-5{position: relative;top: 5px;}
.pos-t-10{position: relative;top: 10px;}
.pos-t-30{position: relative;top: 30px;}
.pos-t-50{position: relative;top: 50px;}

.pos-b-150{position: relative;bottom: 150px;}
.pos-b-205{position: relative;bottom: 205px;}


/* Borders */

.border-r-50per{border-radius: 50% !important;}

/* Colors and Backrounds */
.blue-clr {color: #3554A6 !important;}
.orange-clr {color: #F7C035 !important;}
.cyan-clr {color: #00F6FF !important;}
.white-clr {color: #fff;}
.purble-clr {color: #9753A0;}
.grey-clr {color: #eeeeee;}
.grey-dark-clr {color:#999;}
.grey-light-clr {color: #555555;}
.brown-clr {background-color: #B70000 !important;}
.green-clr {background-color: #00B731 !important;}

.white-bg {background: #fff !important;}

.bg-border-blue {background: #3554A6 !important;border: #3554A6 !important;}
/* Widths and Heights */

.w-140 { width: 140px !important;}
.w-200 {width: 200px !important;}
.w-230 {width: 230px !important;}
.w-320 {width: 320px !important;}
.w-400 {width: 400px !important;}
.w-420 {width:420px !important;}
.w-430{width: 430px;}
.w-600{width: 600px;}
.w-630 {width: 630px;}
.w-800 {width: 800px;}
.w-1000 {width: 1000px;}


.h-250 {height:250px !important}
.h-auto {height: auto !important;}

/* Font sizes and weight */
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-22{font-size: 22px;}
.fs-28{font-size: 28px;}
.fs-26{font-size: 26px;}
.fs-24{font-size: 24px;}
.fs-20{font-size: 20px;}
.f-bold {font-weight: bold;}
.f-normal{font-weight: normal !important;}

/* text aligns */
.t-r{text-align: right !important;}
.t-l {text-align: left !important;}
.t-c {text-align: center !important;}

/* Others */
.list-style-none {list-style: none;}
.center-block {margin-left: auto;margin-right: auto;}
.dir-ltr{direction: ltr !important;}
.dir-rtl{direction: rtl !important;}
.f-l {float: left;}
.f-r {float: right;}
.footer-fixed {
    position: relative;
    left: 145px;
    top: 100px;
}
section {margin-top: 50px;}
.circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
}
.try-btn {
    display: block;
    background: linear-gradient(to right, #9753a0, #3554a6);
    width: 95px;
    height: 35px;
    border-radius: 17px !important;
}
.nav-fix { z-index:1;}

/* End Public Styles */


/* Start Hero Section */
#hero {
    background: url("/assets/landing/images/hero/bg.svg") no-repeat;
    background-size: 100%;
    width: 100%;
    height: auto;
    background-size: 100%;
}

/* Start NavBar Section */
.nav-link {
    color: #555555;
    font-size: 18px;
    font-family: 'Tajawal';
    font-weight: 500;
}
.nav-link:hover {
    color: #9753A0 !important;
}
#our_navbar .active .nav-link {
    color: #9753A0 !important;
}
/* End NavBar Section */

/* Start HeadBar Section */
#header {
    margin-top: 100px;
    text-align: right;
    font-family: 'TajawalMEDIUM' !important;
}

#header .route {
    font-size: 12px;
    position: relative;
    bottom: 30px;
    color: #000;
}
#header .route span:last-child {
    color: #9753A0;
}

#header h2 {
    /* font-size: 36px; */
    font-weight: 700;
    color: #9753A0;
}

#header p {
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    padding-top: 15px;
}

.repeat-grid {
    position: relative;
    left: 80px;
    top: 30px;
    width: 140px;
}

/* End HeadBar Section */

/* End Hero Section */

/* Start about-us section */
.about-details {text-align: right;}
    .about-title {
        color: #9753A0;
        font: Bold 38px Tajawal;
    }
    .about-sub-title{
        font: Bold 17px Tajawal;
        color: #3554A6;
    }
    .about-content{
        font-family:'TajawalMEDIUM';
        color: #555555;
        width: 520px;
        font-size: 18px;
    }
    .button-text{
        text-align: left;
        font-family: TajawalMEDIUM;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
    }
    .about-img img {
        height: 400px;
        width:auto;
    }
    .about-us-container{
        background: url("/assets/landing/images/about-us/bg.svg") right no-repeat;
        background-size: 20%;
    }
    /* End about-us section */

    /* Start what-is-it section */
    .what-is{
        font: Bold 20px Tajawal;
        color: #3554A6;
        position: relative;
        left: 20px;
        top: 7px;
    }
    .what-is-right {
                padding-top: 30px;
    }
        .what-container{
            text-align: right;
            margin-top: 100px;
        }
        .what-nav{
            background: #F8F8F8;
            border-radius: 15px;
            padding: 20px 50px;
            height: auto;
            color: #555555;
            font-family: "Tajawal";
        }

     .what-nav-box:hover{cursor: pointer;}
        .what-nav-box:hover .what-card-title{
            color: #9753A0;
        }
        .what-nav-box:hover .what-card-description {
            color: #9753A0;
        }
        .what-card-title{
            font-size: 20px;
            font-weight: bold;
            padding-bottom: 10px;
        }


        .what-title{
            font: Bold 20px 'TajawalMedium';
            color: #9753A0;
            padding-top: 50px;
        }

        .what-sub-title{
            font-family: "Tajawal";
            font-size: 18px;
        }

        .hello-aptus{
            color: #9753A0;
        }

        .what-img {
            padding-bottom: 10px;
        }

    /* End what-is-it section */

/* Start Programs Section */


/* Start features4 section */


#programs {
    width: 100%;
    background: url("/assets/landing/images/programs/bg.svg") no-repeat;
    background-size: 100%;
    text-align: center;
}

#programs .circle {
    width: 150px;
    float: left;
    position: relative;
    top:300px;
}
#programs .circle img {
    width: 150px;
}


#program h2 {
    text-transform: uppercase;
    color: #9753A0;
    font-family: 'Tajawal' !important;
    padding-top: 50px;
}

.blue-clr {
    color: #3554A6;
}

#program p {
    padding-top: 15px;
}

.box {
    width: 100%;
    height: 240px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.1);
    border: 1px solid #D8D8D8;
    margin: 20px 0;
    border-radius: 20px;
}

.p-icon {
    padding-top: 15px;
    height: 50px;
}

.box:hover {
    cursor: pointer;
    background: linear-gradient(to right, #9753a0, #3554a6);
    color: #fff !important;
}

.box:hover .p-icon {
    filter: brightness(100);
}

.box h5 {
    padding-top: 15px;
    font-size: 18px;
}

.box p {
    padding-top: 15px;
    font-size: 16px !important;
    padding: 0 18px;
}

/* End Programs Section */

/* Start Features Section */
#features {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    bottom: 50px;
}

#feature h2 {
    color: #9753A0;
    padding-top: 50px;
    font-family: 'Tajawal' !important;
}

#feature p {
    padding-top: 15px;
}

.box-feature {
    width: 100%;
    height: 240px;
    margin: 20px 0;
    border-radius: 20px;
}

.p-feature-icon {
    background: linear-gradient(to right, #9753a0, #3554a6);
    display: block;
    width: 80px;
    height: 70px;
    padding: 20px;
    border-radius: 15px;
}

.box-feature h5 {
    padding-top: 15px;
    font-size: 18px;
    color: #9753A0;
}

.box-feature p {
    padding-top: 15px;
    font-size: 16px !important;
    padding: 0 18px;
    color: #555555;
}

.feature-grid {
    width: 120px;
    position: relative;
    top: 80px;
    left: 70px;
}

/* End Features Section */

/* Start report section */
.report-container {
    margin-top: 30px;
    margin-bottom: 160px;
}

.report-title {
    font-family: 'TajawalExtraBold';
    color: #FFFFFF;
}

.report-description{
    font-family: 'Tajawal';
    color: #FFFFFF;
}

.sub-report-title{
    font: Bold 20px Tajawal;
    color: #FFFFFF;
}

.sub-report-description{
    color: #FFFFFF;
}

.sub-report-more{
    color: rgb(0,255,255) !important;
}

.sub-report-more:hover{
    cursor: pointer;
    color: yellow !important;
}

.report-container{
    background: transparent linear-gradient(122deg, #9753A0 0%, #3554A6 100%) 0% 0% no-repeat padding-box;
    border: 1px solid;
    box-shadow: 5px 30px 18px #3554A64F;
    border-radius: 5px;
}
.report-title{
    padding: 30px
}
.report-description{
    padding-bottom: 30px
}
.sub-report-title, .sub-report-description, .sub-report-more{
    margin-right: 40px;
}
.report-paginate{
    padding: 20px;
}
.slider-btn{
    border-radius: 25px;
    width: 30px;
    margin-right: 20px;
    margin-left: 20px;
    background-color: #eeeeee
}
.arrow-icon{
    color:#0a0d1e
}
.slider-dot{
    margin-right: 10px;
    margin-left: 10px;
    height: 10px;
    width: 10px;
    background-color: #eeeeee;
    border-radius: 50%;
    display: inline-block;
}
.report-paginate .active{
    background: #00F6FF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 25px;
    width: 30px;
}
.report-container img{
    width: 400px;
    height: 200px;
}

/* End report section */

/* Start our-clients Section */
#our-clients {
    padding-top: 100px;
    position: relative;
    bottom: 70px;
}

#our-client {
    text-align: center;
    font-family: 'Tajawal' !important;
}

#our-client h2 {
    color: #9753A0;
    margin-bottom: 50px;
}

.next-carousel {
    float: left;
    position: relative;
    z-index: 1;
    bottom: 100px;
    background: #ddd;
    padding: 8px;
    right: 15px;
}

.prev-carousel {
    float: right;
    position: relative;
    z-index: 1;
    bottom: 100px;
    background: #ddd;
    padding: 8px;
    left: 15px;
}

.next-carousel:hover,
.prev-carousel:hover {
    cursor: pointer;
    color: #9753A0;
}

/* End our-clients Section */

/* Start said-about-us Section */
#said-about-us {
    padding-top: 50px;
    width: 100%;
    height: auto;
    background: #FAFAFA;
}

#said-about-us-header {
    text-align: center;
    font-family: 'Tajawal' !important;
}

#said-about-us-header h2 {
    color: #9753A0;
    margin-bottom: 50px;
    display: inline-block;
}

#said-about-us-header .bubble {
    width: 50px;
    position: relative;
    bottom: 20px;
    left: 15px;
}

#said-about-us-header .bubble2 {
    position: relative;
    top: 80px;
    float: left;
    left: 120px;
}

.customer-data {
    text-align: right;
    position: relative;
    bottom: 130px;
    right: 30px;
    display: block;
    width: 320px;
    font-size: 14px;
    line-height: 2.2;
}

.customer-block {
    float: right;
}

.customer-img {
    display: inline-block;
    position: relative;
    right: 25px;
}

.customer-name {
    font-size: 20px;
    color: #3554A6;
}

.customer-job {
    font-size: 15px;
    color: #555555;
    position: relative;
    bottom: 15px;
}

.repeat-grid-about-us {
    float: right;
    position: relative;
    bottom: 150px;
    height: 320px;
   /* position: relative;
   left: 35%; */
}

.customer-details {
    display: inline-block;
    text-align: right;
    position: relative;
    right: 15px;
    top: 30px;
    z-index: 1;
}

/* .customer-msg {
  width: 100%;
  height: 100px;
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 50px;
  padding: 18px 12px;
} */

.customer-msg span {

}

li {
    list-style: none;
}
.me-message {
    background: #fff;
}

 .message {
    color: #000;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.message:after {
    content: "";
        position: absolute;
        top: -15px;
        left: 20px;
        border-width: 0 15px 15px;
        border-style: solid;
        border-color: #CCDBDC transparent;
        display: block;
        width: 0;
    }

    .me-message {
        background: #fff;
      }
      .me-message:after {
        border-color: #fff transparent;
          right: 20px;
          top: -15px;
          left: auto;
          bottom:auto;
      }
/* End said-about-us Section */

/* Start Videos Section */

.youtube-video {
    position: relative;
    bottom: 140px;
    font-size: 70px;
    color: #eee;
}

.youtube-video:hover {
    cursor: pointer;
    color: #3554A6;
}

#videos {
    background: #ddd;
}

.video-div img{
    width: 300px;
    margin-top: 30px;
}
.video-details {
    display: inline-block;
    text-align: right;
    position: relative;
    bottom: 60px;
    z-index: 1;
}

.video-name {
    font-size: 20px;
    color: #3554A6;
    width: 330px;
    padding-top: 5px;
}

.video-job {
    width: 330px;
    font-size: 15px;
    color: #555555;
    position: relative;
    bottom: 15px;
}

#videos button {
    display: block;
    background: linear-gradient(to right, #9753a0, #3554a6);
    width: 140px;
    height: 35px;
    border-radius: 17px !important;
}

/* End Videos Section */

/* Start contact-us */

.contact-us-container {
    text-align: right;
    padding-top: 50px;
}

.contact-us-container .contact-title {
    font-weight: bold;
    color: #9753A0;
    padding-bottom: 15px;
    font-size: 50px;
}
.contact-us-container .contact-description {
    font-family: 'Tajawal';
    color: #bababa;
    font-size: 20px;
}

.contact-us-container .contact-form {
    font-family: 'TajawalMedium';
}
.contact-us-container .contact-form .form-control {
    background: #ececec;
    border-radius: 18px;
    color:#000;
}

  .contact-us-container .contact-img {
    height: 380px;
}


/* End contact-us */

/* Start Footer */

.footer-container {
    background: url("/assets/landing/images/footer/bg.svg") no-repeat;
    background-size: 100%;
}
.footer-container .grid {
    margin-top: -250px;
    width: 80px;
}

.top-footer-container{
    margin-top: 100px;
}

    .links{
        padding-top: 30px;
        text-align: right;
    }
    .footer-link{
        font-family: 'TajawalMEDIUM';
        font-size: 18px;
        color: #555555;
        padding-left: 40px;
    }
    .footer-link:hover{
        cursor: pointer;
        color: #9753A0;
    }

.social-media{width: 100%;position: relative;bottom: 15px;}
.social-media i {font-size: 18px;}
.social-media i:hover{
    cursor: pointer;
    color: #3554A6;
}
.payments-methods{
    position: relative;
    top: 30px;
}

.fixed-footer-container{
    background: linear-gradient(to right, #9753a0, #3554a6);
    width: 100%;
    color: #bbb;
    text-align: center;
    display:block;
    margin-top:10px;
    padding: 10px 0;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.fixed-footer-container p {
    position: relative;
    top: 10px;
}


/* End Footer */





/* Start About Page */

/* Start video-player section */

#video-player .part-circle {
    width: 100px;
    position: relative;
    top: 130px;
    left: 70px;
    float: right;
}
#video-player .part-circle img {
    width: 250px;
}

/* End video-player section */

/* Start screen section */

#screen {
    background: url("/assets/landing/images/about/screen/bg.svg") no-repeat;
    width: 100%;
    height: 70vh;
}
#screen .screen-circle {
    width: 100px;
    position: relative;
    bottom: 60px;
    left: 30px;
    float: left;
}
#screen .screen-circle img {
    width: 120px;
}

#screen .screen-grid {
    width: 100px;
    position: relative;
    top: 10px;
    right: 60px;
    z-index: 1;
}
#screen .screen-grid img {
    width: 150px;
}
/* End screen section */


/* Start tour section */

/* End tour section */

/* Start features2 section */

#features2 {
    margin-bottom:100px;
}
#features2 .part-circle {
    width: 100px;
    position: relative;
    top: 130px;
    left: 70px;
    float: right;
}
#features2 .part-circle img {
    width: 250px;
}

#features2 .circle {
    width: 100px;
    float: left;
    position: relative;
    top:500px;
}
#features2 .circle img {
    width: 100px;
}
/* End features2 section */


#tour {
    width: 100%;
    height: 200px;
    background: linear-gradient(to right, #9753a0, #3554a6);
    background-size: 100%;
    padding-top: 50px;
}

#tour .tour-circle img {
    width: 440px;
    float: right;
    position: relative;
    bottom: 50px;
}


/* Start features3 section */

#features3 {
    background: url("/assets/landing/images/features-page/features3/bg.svg") no-repeat;
    width: 100%;
    height: 120vh;
}
#features3 .features {
    width: 100px;
    position: relative;
    top: 50px;
    right: 30px;
    float: right;
}
/* Start features3 section */



/* Start features4 section */

#features4 {
    margin-bottom:100px;
}
#features4 .part-circle {
    width: 100px;
    position: relative;
    top: 130px;
    left: 70px;
    float: right;
}
#features4 .part-circle img {
    width: 250px;
}

#features4 .circle {
    width: 100px;
    float: left;
    position: relative;
    top:200px;
}
#features4 .circle img {
    width: 100px;
}
/* End features4 section */



/* Start tour2 section */


#tour2 {
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, #9753A0, #3554A6);
    background-size: 100%;
    padding-top: 50px;
}

#tour2 .tour-circle img {
    width: 440px;
    float: right;
    position: relative;
    bottom: 50px;
}


/* End tour2 section */


/* start accounting section */

#multi-reports {
    margin-bottom: 50px;
}
#multi-reports-boxes {
    margin-top: 50px;
}
.accounting-box {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px 5px;
}
/* end accounting section*/

/* start programs3 */

#programs3 {
    width: 100%;
    text-align: center;
}

#programs3 .circle {
    width: 150px;
    float: left;
    position: relative;
    top:300px;
}
#programs3 .circle img {
    width: 150px;
}

/* end programs3 */


/* Start tour3 section */


#tour3 {
    width: 100%;
    height: 300px;
    background: linear-gradient(to bottom, #9753A0, #3554A6);
    background-size: 100%;
    padding-top: 50px;
}

#tour3 .tour3-circle img {
    width: 440px;
    float: right;
    position: relative;
    top: 60px;
}
#tour3 .qmark img {
    width: 150px;
    float: left;
    position: relative;
    bottom: 100px;
}


/* End tour3 section */

/* start said-about-us2 section */

.said-about-us-circle {
    width: 10px;
    float: right;
    position: relative;
    top:300px;
    z-index: 1;
}
 .said-about-us-circle img {
    width: 180px;
}
/* end said-about-us2 section */

/* */
#reports2 .report-block
{
    display:inline-block;
    width:260px;
    position:relative;
    top:30px;
    margin-right: 15px;
    margin-top: 50px;
}
/* */
/* End About Page */



/* ################################################################# */
/* ################################################################# */
/* ################################################################# */

/*

    Start Responsive Media Query Design

*/
/* ################################################################# */
/* ################################################################# */
/* ################################################################# */



@media (max-width: 1440px) {
    /* #hero {
        background: black;
    } */
    /* .about-img {
        position: relative;
        right: 0px;
    }
    .try-btn {
        position: relative;
        top: 0;
    } */
}
@media (max-width: 992px) {
    /* .part-circle {
        display: none;
    } */

    .container {
        max-width: 730px;
    }
}

@media (max-width: 768px) {
    /* #hero {
        background: blue;
    } */


    .youtube-video {
        left: 200px;
        top: 30px;
    }
    .video-details {
        bottom: 0px;
    }
}

@media (max-width: 576px) {
    /* #hero {
        background: green;
    } */

    .container {
        /* max-width: 520px; */
    }

}

@media (max-width: 375px) {

    /* #hero {
        background: yellow;
    } */
}



#videos .video-div {
    text-align: center;
}


/* start user-manual section */


#user-manuals {
    width: 100%;
    background-size: 100%;
    text-align: center;
    margin-top: -150px;
}

#user-manuals .circle {
    width: 150px;
    float: right;
    position: relative;
    top:100px;
}
#user-manuals .circle img {
    width: 150px;
}




#user-manual h2 {
    text-transform: uppercase;
    color: #9753A0;
    font-family: 'Tajawal' !important;
    padding-top: 50px;
}


#user-manual .box {
    height: auto;
    min-height: 280px;
}

#user-manual p {
    padding-top: 15px;
}

#user-manual .user-circle {
    padding: 7px;
    background: #9753A0 !important;
    width: 40px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-radius: 50%;
    color: #fff !important;
}

#user-manual:hover .user-circle {
    background: #fff;
    color: #9753A0;
}

/* end user-manual section */


/* start user-manual section */


#privacy-policy {
    width: 100%;
    background-size: 100%;
    margin-top: -150px;
    text-align: right;
}

#privacy-policy .circle {
    width: 150px;
    float: right;
}
#privacy-policy .circle img {
    width: 150px;
}


/* end user-manual section */



/* Start tour5 section */


#tour5 {
    width: 100%;
    height: 400px;
    background: url("/assets/landing/images/privacy-policy/bg.svg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#tour5 .tour {
    position: relative;
    top: 200px;
    left: 10px;
}

/* End tour5 section */



/* start conditions tour5*/

/* end of it */

.details-nav {
    /*border: 2px solid darkgrey;*/
    border-radius: 25px;
    text-align: right;
}

.details-nav-item {
    border: 2px solid lightgrey;
    /*border-radius: 25px*/
}

.user_manual_details h4 {
    text-align: right;
    font-family: Tajawal;
    color: #9753A0;
}

.user_manual_details p{
    text-align: right;
    font-family: Tajawal;
}

.details-image {
    width: 100%;
    height: 100%;
    float: right;
}
.user_manual_details .details_title{
    color: #9753A0;
    font-weight: bold;
}

.user_manual_details {
    margin-top: -100px;
}

/*bunches*/
.aptus-bunches p {
    color: #9753A0;
    text-align: center;
    font-family: 'Tajawal';
    font-weight: bold;
}
.aptus-bunches-header{
}
.aptus-bunches-header p{
    text-align: center;
    color: #3554A6;
    font-family: 'Tajawal';
    font-weight: bold;
    padding-right: 30px;
    padding-left: 30px;
}
.aptus-bunches-sub-header p{
    text-align: right;
    font-family: 'Tajawal'
}
.aptus-bunches-btn{
    text-align:center;
    font-family: 'Tajawal'
}
.aptus-bunches-btn button{
    background: linear-gradient(to right, #9753a0, #3554a6);
    border-radius: 17px !important;
    padding-right: 30px;
    padding-left: 30px;
}
.bunch-col{
    background-color: #F8F9FC;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 17px !important;
}
.aptus-bunches-active p {
    color: #F8F9FC;
    text-align: center;
    font-family: 'Tajawal';
    font-weight: bold;
}
.aptus-bunches-header-active{
}
.aptus-bunches-header-active p{
    text-align: center;
    color: #F8F9FC;
    font-family: 'Tajawal';
    font-weight: bold;
    padding-right: 30px;
    padding-left: 30px;
}
.aptus-bunches-sub-header-active p{
    text-align: right;
    font-family: 'Tajawal';
    color: white;
}
.aptus-bunches-btn-active{
    text-align:center;
    font-family: 'Tajawal'
}
.aptus-bunches-btn-active button{
    background: linear-gradient(to right, #F8F9FC, #F8F9FC);
    border-radius: 17px !important;
    padding-right: 30px;
    padding-left: 30px;
    color: #9753A0;
}
.bunch-col-active{
    background-color: #3554A6;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 17px !important;
}
.bunches-compare button{
    background: linear-gradient(to right, #9753a0, #3554a6);
    border-radius: 17px !important;
    padding-right: 40px;
    padding-left: 40px;
    font-family: 'Tajawal';
}

/* Bundles-details start */

.bundle-table {
    border-collapse: collapse;
    width: 100%;
  }

  .bundle-table td, .bundle-table th {
    border:1px solid #707070;
    padding: 8px;
  }

  .bundle-table tr:nth-child(odd){background-color: #f2f2f2;}

  .bundle-table tr:hover {background-color: #ddd;}

  .bundle-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    color: white;
  }
  .bundle-table .top1 {
        background-color: #3554A6 !important;
  }
  .bundle-table .top2{
    background-color: #9753A0;
  }
  .bundle-table .top3{
    background-color: #D6D6D6;
    color: #9753A0;
  }
  .bundle-table .details {
      text-align: center;
  }
  .bundle-section,.th1,.th2,.dtd {
      text-align: right;
  }
/* Bundles-details end */



/* Faq page */

.nav-tabs .nav-link.active { 
    color: #9753A0 !important;
}
.collapse-inner {
    padding:15px;color:#aaa;
}


/* Faq end */


.chk-group {width: 200px;}



.request-experiment-span {
    float: right;
    font-family: 'Tajawal';
}

.request-experiment-input {
    border-radius: 25px !important;
    background: #E9E9E9 !important;
}
.request-experiment-no{
    margin-right: 80px;
}

.custom-control-label {
    width: 170px;
}