body{margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
html {scroll-behavior: smooth; box-sizing: border-box;}
*{margin: 0; padding: 0;}
p{font-size: 16px;  letter-spacing: 0.5px;  text-align: justify; color: #565252; font-weight: 400; line-height: 25px; padding: 0; margin: 0;}

.tnb{padding: 70px 0;}
.pnm{padding: 0; margin: 0;}
.small-title {color: #0cbb4f; font-size: 20px; font-weight: 600; position: relative; padding: 10px 0 0; letter-spacing: 0.5px; margin: 0; padding: 0;}
.big-title {color: #1a0b33; font-size: 40px; font-weight: 700; position: relative; padding: 10px 0; } 
.more_btn{background: linear-gradient(to right, #6c218c , #cc136a); color: #fff;  font-size: 18px; letter-spacing: 0.5px;  padding: 18px 60px; display: inline-block; margin: 30px 0 0; text-decoration: none; transition: 0.5s; animation-delay: 1s; animation-duration: 1s; font-weight: 600; border-radius: 30px; overflow: hidden; z-index: 1; text-decoration: none; box-shadow: 3px 4px 25px #c63a9580;}
.more_btn:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(to right, #4b8208 , #559d08); transition: 0.5s;z-index: -1;}
.more_btn:hover{color: #fff; text-decoration: none; transition: 0.5s;}
.more_btn:hover:before{left: 0; color: #fff; text-decoration: none; background: linear-gradient(to right, #bf4f07 , #467b05)}

/*nav*/
.new-nav{padding: 0; margin: 0;}
.new-nav a{text-decoration: none; padding: 5px 0;}
.logo h2{font-size: 25px; font-weight: 700; color: #1a0b33;}
.new-nav ul li a{color: #fff; font-size: 16px; font-weight: 400; margin: 0px; letter-spacing: 0.5px; position: relative; line-height: 70px; padding: 2px 20px; transition: 0.5s;}
.new-nav ul li a:hover{text-decoration: none; color: #fff; background:#ff6301; border-radius: 10px; }
.app_btn{background: #441980; padding: 10px 20px; border-radius: 5px; border: 0; color: #fff; letter-spacing: 0.5px;
    font-weight: 500; font-size: 14px; margin: 0 0 0 15px; position: relative; z-index: 1; overflow: hidden;}
.app_btn:before{position: absolute; content: ''; width: 100%; height: 100%; background: #923d8d; bottom: -41px; left: 0; border-radius: 5px; z-index: -1; transition: 0.2s;  }   
.app_btn:hover:before{bottom: 0;} 
.logo img{width: 25%; max-width: 130px; padding: 0; position: relative; z-index: 1; margin: 0 10px 0 0;}

/*main-slider*/
.main-slider{position: relative; background: url(../images/slider-bg.png) right top no-repeat; background-size: 60%; height: 600px; margin: -98px 0 0;}
.slider-text{padding: 150px 0 0;}
.slider-left{padding: 50px 0 0;}
.slider-left h2{font-weight: 700; font-size: 60px; color: #190a32;}
.slider-left h2 span{color: #ff6301;}
.slider-right img{width: 90%; position: relative; margin: -60px 0 0;}

/*.our-features */
.our-features{background: url(../images/bg-dotted.png) repeat;}
.our-features .big-title{text-align: center;}
.our-features .title-text{text-align: center; padding: 0 160px; margin: 0 0 40px;}
.feature-text{text-align: center; padding: 40px 20px; border: 1px solid #dedede; border-radius: 20px; transition: 0.2s;}
.feature-text .fa{font-size: 60px;}
.feature-text h6{text-align: center; font-size: 24px; font-weight: 600; padding: 0; margin: 15px 0;color: #50495a;}
.feature-text p{text-align: center;}
.feature-text .fa{color: #50495a; transition: 0.5s;}
.feature-text:hover .fa{color: #ff6402;}
.feature-text:hover h6{color: #190a32;}
.feature-text:hover{box-shadow: 0px 0px 15px #7d419645;}
.our-features .col-md-4:nth-child(4) .feature-text{margin: 30px 0 0;}
.our-features .col-md-4:nth-child(5) .feature-text{margin: 30px 0 0;}
.our-features .col-md-4:nth-child(6) .feature-text{margin: 30px 0 0;}

/*main-about*/
.main-about{background: url(../images/abt-bg.png) no-repeat left top; background-position-y: 73px; background-size: 42%;}
.abut-left img{width: 100%;}
.download-text a { border: 1px solid #467b05; color: #fff; background: linear-gradient(to right, #041461 , #103190);  display: inline-block; padding: 10px 35px;  border-radius: 50px;  margin: 0 10px 0 0;}
.download-text a:hover{background: linear-gradient(to right, #bf4f07 , #467b05);}
.download-text{margin: 40px 0 0;}
.download-text .fa { float: left;  font-size: 34px;  position: relative;  top: 0px; transition: .3s;}
.download-text a p { display: inline-block;  margin: 0;  line-height: 1.4;  float: left; padding-left: 12px; color: #fff; text-align: left; transition: .3s; font-size: 14px;}

/*screenshot*/
.screenshot{background: url(../images/bg-dotted.png) repeat;}
.screen-left{background: url(../images/screen_bg.png) no-repeat center center; height: 615px;}
.screenshot .slider-img img{margin: 68px 0 10px 142px; width: 258px;}
.screenshot .screen-right{padding: 150px 28px 0;}

/*testmonials-main*/
.testmonials-main {background: url(../images/client-bg.png) right center no-repeat; background-size: 50%;}
.testmonials-main .big-title{text-align: center;}
.testmonials-main .title-text{text-align: center; padding: 0 100px 30px;}
.testi-text{text-align: center; margin: 30px 0; background: #fff; padding: 35px; border-radius: 10px; position: relative; box-shadow: 3px 4px 15px #0000001a;}
.testi-text img { display: inline-block; margin: 10px 0; border-radius: 50%; width: 40%;}
.testi-text h6 { color: #190a32; margin: 0; padding: 0; font-size: 20px; font-weight: 600;}
.testi-text span { color: #868383; margin: 0; padding: 0; font-size: 18px; font-weight: 300;}
.testmonials-main .bx-viewport{height: auto !important;}
.testi-text:before { position: absolute; content: '\f10d'; top: -15px; left: 5px; font-family: FontAwesome; font-size: 60px; color: #e2610966;}
.testi-text p{font-style: italic; font-weight: 300;}

/*download-app*/
.download-app{background: url(../images/download-bg.jpg) no-repeat center fixed;}
.download-app-left{margin-top: -60px; margin-bottom: -60px;}
.download-app-left img{width: 100%;}
.download-app-text h6{font-size: 60px; color: #fff; font-weight: 600;}
.download-app-text p{color: #fff;}
.download-app-text a img{width: 30%; margin: 30px 15px 0 0;}
.download-app-text{padding: 150px 80px;}

/*form*/
.form-address{padding: 70px 0 0;}
.form-img img{width: 100%;}
.form-text {padding: 20px; background: #fff; border-radius: 20px;}
.form-text h4 { padding: 18px 0; text-transform: uppercase; letter-spacing: 0.5px;font-weight: 700; font-size: 40px; color: #1a0b33; }
.form-text .form-control { padding: 25px 10px; border: 1px solid #e5ffeb; box-shadow: 3px 4px 15px #0000001a;}
.form-text .more-btn a { background: #0cbb4f; padding: 12px 40px;  display: inline-block;  border-radius: 50px;  color: #000;  text-decoration: none; font-size: 16px;  font-weight: 500; margin: 10px 0 0; letter-spacing: 0.5px; position: relative; overflow: hidden; z-index: 1; transition: 0.5s;}
.form-text .more-btn a:before {  position: absolute; width: 5px; height: 5px; bottom: 0px;  top: 50%; left: 50%;  content: ''; z-index: -1; transition: 0.5s; background: black; border-radius: 50%; opacity: 0;}
.form-text .more-btn a:hover { color: #fff;}
.form-text .more-btn a:hover:before { width: 100%; height: 100%; background: #282932; opacity: 5; top:0; left: 0; border-radius: 0;}
.footer-right a{color: #fff; text-decoration: none;}
.footer-right a:hover{color: #fd6a01;}
.form-text{padding: 10px;}
.form-text ul {
    padding: 0;
    margin: 30px 0 0;
}
.form-text ul li {
    margin-bottom: 30px;
    transition: 0.5s;
    display: list-item;
    list-style-type: none;
}
.form-text .contact-icon {
    float: left;
}
.form-text .contact-text {
    overflow: hidden;
    padding-left: 12px;
    color: #fff;
}
.form-text span {
    font-weight: 300;
    color: #777676;
}
.form-text h5 {
    color: #4c4646;
}
.form-text .contact-icon .fa {
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 20px;
    padding: 13px;
    color: #ff6a01;
    border: 3px solid #ff6a01;
}
.address-text .big-title{text-align: left;}
.address-text ul{padding: 0; margin: 30px 0 0;}
.address-text li{padding: 0; margin: 0; display: list-item; list-style-type: none;}
.address-text .contact-icon { float: left;}
.address-text .contact-icon .fa{ background: #ffffff;  width: 50px; height: 50px; border-radius: 50%; text-align: center;
    font-size: 20px;  padding: 13px;  color: #0cbb4f; border: 1px solid #0cbb4f;}
.address-text .contact-text { overflow: hidden; padding-left: 12px;}
.address-text ul li { margin-bottom: 30px; transition: 0.5s;}
.address-text ul li:hover .fa{color: #fff; background: #0cbb4f;}
.address-text ul li:hover h5{color: #0cbb4f;}
.address-text span{font-weight: 300;}


/*main-footer*/

.main-footer{background:url(../images/f-bg.png) no-repeat center top ; position: relative; padding: 70px 0 0;}
.footer-logo img{width: 12%;}
.footer_social h5 p { color: #d2d2d2;  text-align: center; font-size: 16px; font-weight: 400; font-style: italic; margin: 10px 0 0;}
.footer-left h2{font-size: 35px; font-weight: 700; color: #fff;}
.footer-left p{ color: #fff; font-weight:300; padding: 0 50px 0 0;}
.footer_social ul {
    padding: 0;
    margin: 15px 0;
    display: inline-block;
}
.footer_social ul li {
    margin: 10px 0;
    list-style-type: none;
    display: inline-block;
}
.footer_social ul li a {
    border: 2px solid #ffffff47;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    display: block;
    margin: 0 5px;
    transition: 0.5s;
    text-align: center;
}
.footer_social ul li a .fa {
    color: #fff;
}
.footer_social ul li a:hover {
    background: #fd6a01;
}
.footer-center h5 { color: #fff; font-size: 22px; letter-spacing: 0.5px;  margin: 0 0 21px;}
.footer-center ul {padding: 0; margin: 0;}
.footer-center li { padding: 5px 0; margin: 0; display: list-item; list-style-type: none;}
.footer-center li a { color: #fff; font-size: 14px; font-weight: 300;  letter-spacing: 0.5px; transition: 0.5s; text-decoration: none;}
.footer-center li a:hover{ color: #ffa3d6; padding: 0 0 0 10px;}
.footer-right h6 { color: #fff; font-size: 22px; letter-spacing: 0.5px;  margin: 0 0 21px;}
.footer-right .contact-icon { float: left;}

.footer-right .contact-icon .fa {  background: #fff; width: 50px; height: 50px; border-radius: 50%; text-align: center; font-size: 20px;  padding: 13px;  color: #ff6a01;  border: 3px solid #ff6a01;}

.footer-right .contact-text { overflow: hidden;  padding-left: 12px; color: #fff;}

.footer-right span { font-weight: 300;}
.footer-right ul li { margin-bottom: 30px; transition: 0.5s; display: list-item; list-style-type: none;}
.footer-right ul { padding: 0;  margin: 30px 0 0;}
.footer-right ul li:hover .fa { color: #fff;  background: #ff6a01;}



.copy-right { background: #0d031f; padding: 20px 0;}
.copy-right p{color: #d6d6d6; font-size: 14px; font-weight: 300;}
.copy-right p a{color: #dadada; text-decoration: none;}
.copy-right p a:hover{color: #ff95c7;}
.copy-right-left p  span{color: #ff95c7;}
.copy-right-center p{ text-align: center;}
.copy-right-right p{text-align: right;}


header{
            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            position: relative;
            z-index: 500;
        }
        
        header.sticky {
            position: fixed;
              width: 100%;
              background: #190a32;
              margin: 0;
              top: 0;
              box-shadow: 0px 0px 8px #dddddd8c;
        }
        header.sticky .new-nav ul li a{color: #fff;}
        header.sticky .new-nav ul li a:hover{color: #fff;}
        header.sticky .logo h2{color: #fff;} 


.round-shape-four {
    position: absolute;
    right: 22%;
    top: 28%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    border: 1px solid #5c595a;
    animation: rotated 10s infinite linear;
    z-index: 99;
}

.round-shape-four:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: -5px;
    background: #98fbbd;
    border-radius: 50%;
}

@-webkit-keyframes rotated {
    from {  -webkit-transform: rotate(0deg) translateX(150px) rotate(0deg); }
    to   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(-360deg); }
}

/*fiexdcss*/

/*loader*/
#preloader { position: fixed;top: 0;left: 0; right: 0; bottom: 0; background-color: #000;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
}

#status {
  width: 500px;
  height: 500px;
  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 */
}
/*loader*/

.bx-wrapper{border: 0; margin-bottom: 0; box-shadow: none; background: none;}
.mnp{margin: 0; padding: 0;}
.bx-wrapper .bx-pager.bx-default-pager a{background: #d8d8d8cf;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: #fd6a01;}
/*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;}*/
/*.bx-viewport{height: auto !important;}*/
/*top-btn-css*/
#back-to-top-btn { display: none;position: fixed;bottom: 20px;right: 35px;font-size: 26px; width: 50px;
  height: 50px; background-color:#fd6a01;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: 1px solid white; 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: #5e9908;}

.inner-header {
    position: relative;
    overflow: hidden;
}

.inner-header img {
    width: auto;
}

.inner-text {
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    text-align: center;
    color: #fff;
}

.inner-text h4 {
    font-size: 40px;
    color: #fff;
    margin: 0 0 20px;
}

.inner-text a {
    color: #fff;
    text-decoration: none;
}

.pnp-header{position: relative; margin: -100px 0 0;}
.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: #98ca4273;
    font-size: 18px;
    font-family: FontAwesome;
}

.tnc p {
    color: #1f465b;
}

.abut-right-inner ul{padding: 0; margin: 20px 0;}
.abut-right-inner li{padding: 0; margin: 0;}
.abut-right-inner ul li{list-style-type: none; line-height: 30px;}
.abut-right-inner .inner-fa{margin: 0 10px 0 0; color: #fd6a01; font-size: 12px; box-shadow: 1px 1px 1px #65960891; border-radius: 50%;}

/*objective-inner-about*/
.objective-inner-about{background: #f5f5f559;}
.bjective-inner-text img{float: right; width: 50%; margin: 0 0 0 25px;}
.tnc:nth-child(odd) p{background: #ff7b0026; padding: 16px; border-radius: 10px;}

#accordion-style-1 h1,
#accordion-style-1 a{
    color:#007b5e;
}
#accordion-style-1 .btn-link {
    font-weight: 500;
    color: #190a32;
    background-color: transparent;
    text-decoration: none !important;
    font-size: 16px;
  padding-left: 25px;
}

#accordion-style-1 .card-body {
    border-top: 2px solid #e85f09;
}

#accordion-style-1 .card-header .btn.collapsed .fa.main{
  display:none;
}

#accordion-style-1 .card-header .btn .fa.main{
  background: #e85f09;
    padding: 13px 11px;
    color: #ffffff;
    width: 35px;
    height: 41px;
    position: absolute;
    left: -1px;
    top: 10px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  display:block;
}

.faq{background:#f5f5f559 url(../images/bg-suppport.png) no-repeat right top; background-size: 11%; background-attachment: fixed; background-position-y: 80%;}
.our_inspi {
    background: none;
}
.faq .card-header{background-color: rgb(239 239 239); transition: 0.5s;}
.faq .card-header:hover{background: #a3a98d61;}
.faq .btn.focus, .btn:focus{box-shadow: none;}
.active {
    background: #ff6301;
    border-radius: 10px;
}

.our_inspi .big-title { text-align: center;}
.our_inspi .title-text{margin: 0 0 30px; text-align: center; font-weight: 600;}