body{margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
*{margin: 0; padding: 0;}
p{color: #fff; font-weight: 300; font-size: 16px; padding: 0;  margin: 0 ; line-height: 27px; text-align: justify; }
a{font-size: 16px; color: #fff; font-weight: 300;}
/*.heading-center*/
.heading-center{text-align: center; margin: 0 0 50px;}
.heading-center h5{position: relative; text-align: center; display: inline-block; text-transform: uppercase;
    font-size: 16px; color: #8f8fa9;}
.heading-center h5:before{position: absolute; content: ''; width: 100px; height: 1px; background: #e1e1e1;left: -125px; top: 8px;}
.heading-center h5:after{position: absolute; content: ''; width: 100px; height: 1px; background: #e1e1e1;right: -125px; top: 8px;}
/*.heading-center*/

/*.heading-*/
.heading{margin: 0 0 50px;}
.heading h5{position: relative; text-align: center; display: inline-block; text-transform: uppercase;
    font-size: 16px; color: #8f8fa9;}
.heading h5:after{position: absolute; content: ''; width: 100px; height: 1px; background: #e1e1e1;right: -125px; top: 8px;}
.heading h3{margin: 5px 0 20px;  padding: 0;  font-size: 30px;  color: #444040; font-weight: 400;}
.heading p{color: #1f465b;}
/*.heading-*/

.slider-img img{width: auto;}
.new-navbar .navbar{padding: 0;}

.new-navbar nav li a { color: #fff; padding: 0;margin: 0 0 0 40px; font-size: 16px; line-height: 23px;  font-weight: 300;
    letter-spacing: 1px;  text-decoration: none; transition: 0.5s;  position: relative; }
.new-navbar nav li a:before{position: absolute; content: ''; width: 0%; height: 2px; background: gainsboro; left: 0;  bottom: -7px; transition: 0.5s;}
.new-navbar{background: #4a1533; padding: 50px 0 15px; position: relative;}
.new-navbar nav li a:hover:before{width: 100%;}
.new-navbar img{width: 100%; max-width: 180px; padding: 0; position: absolute; top: -40px; }
.top-slider { position: relative;}
.slidr-text {position: absolute; top: 120px;  left: 0;  right: 0; margin: 0 auto;}
.slidr-text .text-main-img img{width: 100%; max-width: 420px;}
.slidr-text .text-main-text{margin: 0;}
.slidr-text .text-main-text h1{color: #fff; font-size: 50px; font-weight: 500; line-height: 70px;}
.slidr-text .text-main-text p{font-weight: 300; margin: 30px 0 0;}
.slidr-text .text-main-text a {color: #6267dc;  text-decoration: none;   font-size: 16px; font-weight: 500; text-transform: uppercase; background: #f1f1f1; padding: 18px 30px; display: inline-block; border-radius: 50px; margin: 30px 0 0; position: relative; letter-spacing: 1px; transition: 0.5s;}
.slidr-text .text-main-text a:hover{background-image: linear-gradient(to right, #6e214d, #a32e71 ); color: #fff;}
.slidr-text p{text-align: left;}
.about-text .heading-center h5{ position: relative; text-align: center; display: inline-block; font-size: 35px; color: #0679c8; font-weight: 300; text-transform: capitalize;}
.about-text .heading-center h5:before{top: 20px;}
.about-text .heading-center h5:after{top: 20px;}


/*section-about*/
.section-about{padding: 100px 0; overflow:hidden;}  
.about-text h4{color: #0679c8; font-size: 35px; text-align: center; font-weight: 300; line-height: 50px; margin: 40px 0 20px;}
.about-text p{color: #1f465b; text-align: justify; margin: 0 auto; line-height: 28px; font-weight: 300; font-size: 16px;}
.bx-wrapper .bx-pager {bottom: 30px; z-index: 3;}
/*section-progress*/
.section-progress-bg-color{background: #f9faff; overflow: hidden;}
.section-progress{padding: 100px 0; background: url(../images/img-1.jpg) no-repeat right center; background-size: 50% 100%;  }
.progress-text{padding: 30px 0 0;}
.progress-text p{padding: 0 60px 0 0;}
.progress-text a {color: #fff;  text-decoration: none;   font-size: 16px; font-weight: 500; text-transform: uppercase; background-image: linear-gradient(to right, #066cbe, #099fe6 ); padding: 15px 30px; display: inline-block; border-radius: 50px; margin: 40px 0 0; position: relative; letter-spacing: 1px; transition: 0.5s;}
.progress-text a:hover{background-image: linear-gradient(to right, #ff0000, #a70b0b ); }
.progress-text a:before{position: absolute;  content: ''; box-shadow: 1px 1px 10px 1px #000; bottom: 10px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 0; transition: 0.5s;}
.progress-text a:hover:before{position: absolute;  content: ''; box-shadow: 0 0px 9px 3px #000; bottom: -4px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 5;}
.section-progress .progress-img{margin-top: -200px; margin-bottom: -153px; position: absolute;}
.section-progress .progress-img img{max-width: 350px;}

/*section-feature*/
.section-feature{padding: 100px 0 0; background: #6e214d url(../images/bg-img.png) no-repeat center;}
.feature-text h5{color: #fff; margin: 0 0 20px;}
.feature-text h3{color: #fff; font-size: 30px;font-weight: 400;}
.feautre-body-img{text-align: center;}
.feautre-body-img img{width: 100%; max-width: 500px;}
.feautre-body-text{text-align: center; border-radius: 25px; padding: 30px 15px; position: relative; transition: 0.5s;  margin: 60px 0 60px; background:#4a1533d1;}
/*.feautre-body-text:hover .fa{color: #fff; background: #4a1533; border: 2px solid #ffffffc9;}*/
.feautre-body-text .fa{background: white; border-radius: 30%; font-size: 40px; padding: 15px 0; transition: 0.5s;  position: absolute; left: 0; right: 0; margin: 0 auto; width: 70px; height: 70px; top: -42px; text-align: center;}
.feautre-body-text img{background: #fff;padding: 10px;border-radius: 20px;position: absolute;left: 0;right: 0;margin: 0 auto;top: -42px;}

.feautre-body-text p{font-weight: 300; font-size: 14px; letter-spacing: 0.5px; text-align: left;}
.feautre-body-text h4{margin: 30px 0 10px; color: #fff; font-size: 20px; font-weight: 500;}
/*.section-feature .col-lg-4:nth-child(1) .feautre-body-text{background: red;}*/

/*section-testimonials*/
.section-testimonials{padding: 100px 0;}
.section-testimonials h5{margin: 0 0 40px;}
..section-testimonials h3{color: #fff; font-size: 30px;font-weight: 400;}
.testimonials-inner-text{text-align: center; color: #088dd8; padding: 25px; box-shadow: inset -1px 0 12px #00000014;}
.testimonials-inner-text p{color: #1f465b; font-weight: 300; text-align: center;}
.testimonials-inner-text img{border-radius: 50%; margin: 20px 0; }

/*section-screens*/
.section-screens {padding: 100px 0; background: #6e214d url(../images/bg-img.png) no-repeat center;}
.section-screens h5 { margin: 0; color: #fff;}
.section-screens h3{color: #fff; font-size: 30px;font-weight: 400;}
.section-screens p{color: #fff;}
.section-screens a {color: #fff;  text-decoration: none;   font-size: 16px; font-weight: 500; text-transform: uppercase; background-image: linear-gradient(to right, #066cbe, #099fe6 ); padding: 15px 30px; display: inline-block; border-radius: 50px; margin: 40px 0 0; position: relative; letter-spacing: 1px; transition: 0.5s;}
.section-screens a:hover{ background-image: linear-gradient(to right, #ff0000, #a70b0b );}
.section-screens a:before{position: absolute;  content: ''; box-shadow: 1px 1px 10px 1px #000; bottom: 10px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 0; transition: 0.5s;}
.section-screens a:hover:before{position: absolute;  content: ''; box-shadow: 0 0px 9px 3px #000; bottom: -4px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 5;}
.screens{background: url(../images/mobile-screen.png) no-repeat top center; width:100%; width: 100%; height: 560px;
    background-size: 270px; }
.screens{text-align: center;}
.screens img{width: 235px; height: 410px; margin: 60px 0 0;}
.screens .bx-wrapper .bx-prev{background: url(images/controls.png) no-repeat 26px -31px;}
.screens-right{padding: 100px 124px 0 0px; margin: 0 0 0 -90px;}

/*section-download*/
.section-download{padding: 100px 0; background: #f9faff; overflow: hidden; }
.section-download h3 { color: #000; font-size: 30px; font-weight: 400;}
.section-download-right{position: relative;}
.section-download-right img{position: absolute; top: -230px;width: 400px;}
.section-download-left a {color: #fff;  text-decoration: none;   font-size: 16px; font-weight: 500; text-transform: uppercase; background-image: linear-gradient(to right, #a32e71, #6e214d ); padding: 15px 30px; display: inline-block; border-radius: 50px; margin: 40px 0 0; position: relative; letter-spacing: 1px; transition: 0.5s;}
.section-download-left a:hover{background-image: linear-gradient(to right, #6e214d, #a32e71 );}
.section-download-left a:before{position: absolute;  content: ''; box-shadow: 1px 1px 10px 1px #000; bottom: 10px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 0; transition: 0.5s;}
.section-download-left a:hover:before{position: absolute;  content: ''; box-shadow: 0 0px 9px 3px #000; bottom: -4px;  right: 0; left: 0;  width: 70%;  margin: 0 auto; opacity: 5;}
.section-download-left img{width: 25px; margin: 0px 5px 0px 0;}
/*section-footer*/

.section-footer {padding: 150px 0 100px; background: url(../images/say-shape-right.png) no-repeat bottom right; }
.section-footer  h5 { margin: 0 0 40px;}
.section-footer h3 { color: #000; font-size: 30px; font-weight: 400;}
.footer-text{text-align: center; display: flex;}
.footer-text p{color: #1f465b; font-weight: 400; padding: 0 0 0 30px; }
.footer-text .fa{font-size: 30px; color: white; background: #6e214d; padding: 20px; border-radius: 25%; border: 2px solid #6e214d; margin: 0 0 30px; transition: 0.5s; width: 75px; height: 75px;}
.footer-text:hover .fa{color: #6f224e; background: #fff;}
.footer-text .heading-center{margin: 0 0 80px;}
.form-enquiry{}
.inner-con-left{padding: 50px; box-shadow: 0px 0px 19px #00000036; position: relative; overflow: hidden;}

.inner-con-left h4{text-align: center; text-transform: uppercase; color: #01508e; font-weight: 700; margin: 0 0 30px;}
.inner-con-left .read-btn a { font-size: 16px;text-transform: uppercase;color: #fff;font-weight: 400; padding: 15px 60px;  margin: 0; background-image: linear-gradient(to right, #e60938 , #014f8d); line-height: 54px; letter-spacing: 0.8px; text-decoration: none;transition: 0.2s all;border-radius: 10px; position: relative;transition: 0.5s;}
.inner-con-left{padding: 50px;box-shadow: 0 0px 0px 2px #6e214d52;position: relative;overflow: hidden;border-radius: 15px;}

.copy-right{background: #4a1533; padding: 20px 0;} 
.copy-right .copy-l p {color: #fff;}
.copy-right .copy-r p {color: #fff; text-align: right;}
.copy-right .copy-c p {text-align: center; color: #fff;}
.copy-right .copy-r a {color: #fff; text-decoration: none;}
.copy-right .copy-c a {color: #fff; text-decoration: none;}
.copy-right a:hover { color: #ffb8b8;}
.contact_btn{background:#6e214d; transition:0.5s; padding: 10px 25px;}
.contact_btn:hover{background: #fff; box-shadow: 0px 0px 0px 2px #6e214d; text-decoration: none; color: #000;}
/*inner-header*/
.inner-header {position: relative; overflow: hidden;}
.inner-text{ position: absolute; left: 0;  top: 100px;  right: 0; text-align: center; color: #fff;}
.inner-header img{width: 100%;}
.inner-text h4{font-size: 40px; color: #fff; margin: 0 0 20px;}
.inner-text a{color: #fff; text-decoration: none;}
.inner-text a:hover{color: #ff000099;}
.social{background:#6e214dd9; text-align: center; padding: 20px;}
.social-icon { padding: 0; margin: 0;}
.social-icon li { display: inline-block; margin: 0 3px;}
.social-icon li a { font-size: 14px; color: #9e9e9e; font-weight: 400; letter-spacing: 0.5px; margin: 0; text-decoration: none; line-height: 35px; transition: 0.5s;}
.social-icon .fa{width: 40px;  height: 40px; background: #f3f1f1; font-size: 22px; text-align: center; line-height: 40px; border-radius: 50%; color: #844268; transition: 0.5s;}
.social-icon .fa:hover{background: #4a1533; color: #fff;}

.top-header .social{background: none;text-align: right;padding: 0; position: absolute; right: 120px; top:4px; }
.top-header .social-icon { padding: 0; margin: 0; }
.top-header .social-icon li { display: inline-block; margin: 0 3px;}
.top-header .social-icon li a { font-size: 14px; color: #9e9e9e; font-weight: 400; letter-spacing: 0.5px; margin: 0; text-decoration: none; line-height: 35px; transition: 0.5s;}
.top-header .social-icon .fa{width: 30px;  height: 30px; background: #f3f1f1; font-size: 16px; text-align: center; line-height: 30px; border-radius: 50%; color: #844268; transition: 0.5s;}
.social-icon .fa:hover{background: #4a1533; color: #fff;}

/*tandc*/
.tandc{padding: 100px 0 ; background: #f9faff;}
.tnc p{color: #1f465b;}
.tnc h4{margin: 30px 0 10px;  font-size: 22px;  color: #61438a;  font-weight: 400; letter-spacing: 0.5px; position: relative;     padding: 0 0 0 25px;}
.tnc h4:before{position: absolute; content: '\f111'; left: 0; top: 3px; color: #ffb1b1; font-size: 18px; font-family: FontAwesome; }
.tnc b{color: #ff000099;}

 header{
            /*text-align: center;*/
            /*font-size: 72px;*/
            /*line-height: 108px;*/
            /*height: 108px;*/
            /*background: #335C7D;*/
            /*color: #fff;*/
            /*font-family: 'PT Sans', sans-serif;*/
            
            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            z-index: 5;
        }
        
        header.sticky {
            position: fixed;
            /*font-size: 24px;*/
            /*line-height: 48px;*/
            height: 70px; 
            width: 100%;
            background: #6e214d;
            /*text-align: left;*/
            /*padding-left: 20px;*/
        }









/*preloader*/
.bx-wrapper .bx-controls-direction a { z-index: 1;}
#preloader { position: fixed;top: 0;left: 0; right: 0; bottom: 0; background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */}
#status { width: 800px;height: 600px;position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/loader.gif);/* path to your loading animation */
  background-repeat: no-repeat;background-position: center;transform: translate(-50%, -50%);
  /*margin: -100px 0 0 -100px;*/
  /* is width and height divided by two */
}/*preloader*/

.bx-wrapper{border: 0; margin-bottom: 0; box-shadow: none; background: none;}
.mnp{margin: 0; padding: 0;}
.bx-wrapper img{display: initial;}
.bx-wrapper .bx-pager{bottom: 30px;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #000000;}
/*div.bx-viewport{height: auto !important;}*/
/*top-btn-css*/
#back-to-top-btn { display: none;position: fixed;bottom: 20px;right: 20px;font-size: 26px; width: 50px;
  height: 50px; background-color:#6e214d;color: #333; cursor: pointer;outline: none; border-radius: 50%;
  transition-duration: 0.2s; transition-timing-function: ease-in-out; transition-property: background-color, color; border: 2px solid #fff; z-index: 2;  }
#back-to-top-btn img{margin: 0 auto; position: absolute; left: 50%; right: 50%; transform: translate(-50%, -50%);}
#back-to-top-btn:hover {background-color: #a13372;}