/*********************************** Start Of Common Css ***********************************/
body{font-family:"Roboto",sans-serif;font-size:16px;color:#ffffff;line-height:1.5;padding:0px;margin:0px;background:linear-gradient(to bottom,#612bff 0%,#070049 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
h1,h2,h3,h4,h5,h6{font-family:"Roboto",sans-serif;color:#ffffff;font-weight:bold;margin:0px;padding:0px;}
h1{font-size:60px;line-height:1.1;}
h2{font-size:50px;line-height:1.1;}
h3{font-size:40px;line-height:1.1;}
h4{font-size:30px;line-height:1.1;}
h5{font-size:20px;line-height:1.1;}
h6{font-size:18px;line-height:1.1;}
p{font-family:"Roboto",sans-serif;font-size:16px;color:#ffffff;line-height:1.5;margin:0px;}
p+p{margin:20px 0px 0px 0px;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
img{max-width:100%;height:auto;outline:none;}
a{color:#ffffff;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#61FBED;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}
input,select,textarea{font-size:16px;color:#000000;width:100%;height:60px;background:#ffffff;padding:0px 15px;border:1px solid #e7e7e7;border-radius:10px;}
textarea{padding:15px;height:100px;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}
::-webkit-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
::-ms-input-placeholder{color:#000000;}
::-moz-placeholder{color:#000000;}
table{width:100%;border-radius:15px;overflow:hidden;}
table tbody tr td{padding:15px;}
table tbody tr:nth-child(odd) td{background:#1d0171;}
table tbody tr:nth-child(even) td{background:#754aff;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
.page-content{overflow:hidden;}
.container-sub{padding:0% 10%;}
.container-full{padding:0% 5%;}
.container-swiper{width:100%;}
.extra-small{font-size:14px;}
.small-size{font-size:18px;}
.medium-size{font-size:20px;}
.large-size{font-size:22px;}
.extra-large-size{font-size:25px;}
.extra-extra-large-size{font-size:28px;}
.sub-title{font-size:17px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px;}
.title-info{font-size:18px;margin-top:15px;}
.title-xxl{font-size:80px;}
.title-xl{font-size:70px;}
.title-lg{font-size:60px;}
.title-md{font-size:50px;}
.title-sm{font-size:40px;}
.title-xs{font-size:30px;}
.title-separator{position:relative;display:inline-block;vertical-align:middle;}
.title-separator:before{content:"";background:currentColor;width:3px;height:24px;display:inline-block;vertical-align:text-bottom;margin-right:15px;}
.title-separator:after{content:"";background:currentColor;width:3px;height:24px;display:inline-block;vertical-align:text-bottom;margin-left:15px;}
.title-box{padding-bottom:25px;}
.grey-color{color:#cfccce;}
.grey-bg{background:#cfccce;}
.white-color{color:#ffffff;}
.white-bg{background:#ffffff;}
.black-color{color:#000000;}
.black-bg{background:#000000;}
.primary-color{color:#612BFF;}
.primary-bg{background:#612BFF;}
.secondary-color{color:#61FBED;}
.secondary-bg{background:#61FBED;}
.button{font-size:16px;text-align:center;padding:15px 40px;border:none;outline:none;display:inline-block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button-border{border:1px solid;}
.button-radius{border-radius:10px;}
.button:active,.button:hover,.button:focus{background:#61FBED;color:#612BFF;border-color:#61FBED;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button + .button{margin-left:15px;}
.link{border-bottom:1px solid;display:inline-block;vertical-align:middle;}
.empty-space{padding:100px 0px;}
.empty-space-top{padding-top:100px;}
.empty-space-bottom{padding-bottom:100px;}
.list-box li{font-weight:600;margin:15px 0px;position:relative;padding-left:25px;}
.list-box li:before{content:"\F280";font-family:'bootstrap-icons';color:#61FBED;vertical-align:middle;position:absolute;left:0px;top:0px;}
.slider-col{padding-left:15px;padding-right:15px;}
.form-box{margin:15px 0px;}

/*********************************** End Of Common Class Css ***********************************/

/*********************************** Start Of Preloader Loader Css ***********************************/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffff;z-index:9999;display:flex;justify-content:center;align-items:center;}
#status{background:url(../images/Preloader.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:150px;height:150px;animation:fadeIn 1s infinite alternate;}
@keyframes fadeIn{
    from{opacity:0;}
}

/*********************************** End Of Preloader Loader Css ***********************************/

/*********************************** Start Of Back To Top Css ***********************************/
.back-to-top a{font-size:14px;color:#ffffff;text-align:center;cursor:pointer;width:40px;height:40px;line-height:36px;background:#612BFF;border:2px solid #ffffff;position:fixed;bottom:20px;right:20px;display:none;}
.back-to-top a:hover{background:#61FBED;color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*********************************** End Of Back To Top Css ***********************************/

/*********************************** Start Of Bounce Top Bottom Css ***********************************/
.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-10px);}
    60%{transform:translateY(-10px);}
}

/*********************************** End Of Bounce Top Bottom Css ***********************************/

/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.fixed-header{position:fixed;left:0px;right:0px;top:0px;z-index:111;background:#612BFF;box-shadow:0px 0px 20px #00000040;animation:smoothScroll 1s forwards;}
@keyframes smoothScroll{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0px);}
}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/

/*********************************** Start Of Slick Slides Css ***********************************/
.slick-prev,.slick-next{font-size:0px;background:none;border:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;margin:0px;padding:0px;}
.slick-prev:before{content:"\F284";font-family:'bootstrap-icons';font-size:30px;color:#612BFF;}
.slick-next:before{content:"\F285";font-family:'bootstrap-icons';font-size:30px;color:#612BFF;}
.slick-next{right:-25px;}
.slick-prev{left:-25px;}
.slick-dots{text-align:center;padding-top:15px;}
.slick-dots li{display:inline-block;vertical-align:middle;margin:0px 5px;}
.slick-dots li button{width:12px;height:12px;font-size:0px;background:#8b63ff;border:none;border-radius:100%;margin:0px;padding:0px;display:block;}
.slick-dots li.slick-active button{background:#61FBED;}

/*********************************** End Of Slick Slides Css ***********************************/

/*********************************** Start Of Contact Form Error Message Css ***********************************/
.wpcf7-form .wpcf7-list-item{display:block;margin:10px 0px;}
.wpcf7-form .wpcf7-list-item-label{padding-left:8px;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{color:#D8000C;background-color:#FFBABA;border:0;padding:10px;}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok{color:#4F8A10;background-color:#DFF2BF;border:0;padding:10px;}
.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before{font-family:FontAwesome;font-size:26px;margin-right:16px;vertical-align:middle;}
.wpcf7-mail-sent-ok:before{content:'\f00c';}
.wpcf7-validation-errors:before{content:'\f057';}
.wpcf7-not-valid-tip:before{content:"\F63C";font-family:bootstrap-icons;font-size:14px;width:25px;height:25px;background:#ffb100;display:inline-block;text-align:center;line-height:26px;margin-right:10px;border-radius:3px;}
.wpcf7-not-valid-tip:after{width:20px;height:20px;background:#ffffff;position:absolute;content:'';top:-10px;left:15px;box-shadow:-2px -2px 2px 0px #d6d3d3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.wpcf7-not-valid-tip{position:absolute;color:#000!important;font-size:14px!important;width:230px!important;border:2px solid #fff!important;z-index:99;border-radius:4px;background:#fff!important;padding:10px!important;left:10px;line-height:38px;box-shadow:0px 0px 4px 0px #a0a0a0;}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors{display:none!important;}

/*********************************** End Of Contact Form Error Message Css ***********************************/

/*********************************** Start Of Banner Css ***********************************/
.banner-box{position:relative;}
.banner-image img{width:100%;height:600px;object-fit:cover;}
.banner-info{position:absolute;top:50%;left:15px;right:15px;margin:0px auto;z-index:1;text-align:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.banner-info h1{font-size:50px;color:#ffffff;}

/*********************************** End Of Banner Css ***********************************/

/********************************* Start Of Header Css***************************************/
.header{position:fixed;left:0px;right:0px;top:0px;z-index:11;padding:15px 0px;}
.logo img{max-width:100px;}
.header-menu{text-align:right;}
.header-menu ul li{display:inline-block;vertical-align:middle;}
.header-menu ul li a{color:#ffffff;display:block;padding:10px 15px;}
.header-menu ul li a:hover{color:#61FBED;}
.header-menu ul .active a{color:#61FBED;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/
.hero-bg{padding-top:300px;padding-bottom:250px;position:relative;}
.hero-bg:after{content:"";background:url(../images/Hero-Bg.png);background-repeat:no-repeat;background-position:left top;background-size:100%;width:50%;height:100%;position:absolute;right:0px;top:-30px;animation:float 6s ease-in-out infinite;}
@keyframes float{
    0%{transform:translatey(0px);}
    50%{transform:translatey(-20px);}
    100%{transform:translatey(0px);}
}
.story-slider .slick-slide:nth-child(odd) .story-box{margin-top:50px;}
.story-slider .slick-slide:nth-child(even) .story-box{margin-top:100px;}
.story-box{position:relative;border-radius:20px;overflow:hidden;margin:15px 0px;}
.story-image{overflow:hidden;}
.story-image img{width:100%;height:400px;object-fit:cover;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.story-info{background:#612BFF;padding:25px;}
.story-info h5{margin-bottom:5px;}
.story-info p{color:#ffffff;}
.story-box:hover .story-image img{transform:scale(1.1) rotate(5deg);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.testimonial-slider{margin:0px -15px;}
.testimonial-box{background:#1d0171;border:1px solid #3900e1;border-radius:20px;margin:15px 0px;padding:30px;overflow:hidden;position:relative;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;}
.testimonial-top{display:flex;align-items:center;}
.testimonial-image img{width:80px;height:80px;object-fit:cover;border-radius:100%;}
.testimonial-info{padding-left:15px;}
.testimonial-info h4{margin:6px 0px;}
.testimonial-info h6{font-weight:400;}
.testimonial-bottom{padding-top:20px;}
.testimonial-bottom p{margin-bottom:15px;}
.testimonial-bottom .bi-star-fill::before{content:"\f586""\f586""\f586""\f586""\f586";letter-spacing:6px;color:#f0b820;}

/********************************* End Of Home Pages Css***************************************/

/********************************* Start Of Footer Css***************************************/
.footer-box{padding:70px 0px;}
.footer-about-info{display:inline-block;text-align:center;}
.footer-logo{padding-bottom:15px;}
.footer-logo img{max-width:200px;}
.footer-title{font-size:25px;font-weight:bold;text-transform:uppercase;margin-bottom:30px;}
.footer-title:before{content:"";background:currentColor;width:3px;height:30px;display:inline-block;vertical-align:-5px;margin-right:15px;}
.footer-menu ul li + li{margin-top:10px;}
.footer-menu ul li a:hover{margin-left:8px;}
.footer-contact ul li + li{margin-top:20px;}
.footer-contact ul li a{display:flex;align-items:center;}
.footer-contact ul li a i{color:#ffffff;text-align:center;line-height:35px;width:35px;height:35px;display:inline-block;border-radius:5px;background:#612BFF;}
.footer-contact ul li a span{width:calc(100% - 35px);padding-left:10px;}
.footer-contact ul li a:hover i{color:#612BFF;background:#61FBED;}
.social-media li a{width:40px;height:40px;line-height:40px;display:block;border:1px solid #612BFF;border-radius:5px;color:#ffffff;text-align:center;background:#612BFF;}
.social-media li a:hover{color:#612BFF;background:#61FBED;}
.social-media  li{display:inline-block;margin-right:5px;}
.footer-download ul li + li{margin-top:15px;}
.footer-download{padding-left:15%;}
.footer-download ul li a img{min-width:220px;}
.footer-bottom{padding:15px 0px;}
.copyright-info{text-align:center;}

/********************************* End Of Footer Css***************************************/

/********************************* Start Of Blog List Pages Css***************************************/
.blog-box{background:#1d0171;border:1px solid #3900e1;border-radius:20px;margin:15px 0px;overflow:hidden;}
.blog-image img{width:100%;height:400px;object-fit:cover;}
.blog-info{padding:30px;}
.blog-info p{margin:15px 0px;}
.page-numbers{text-align:center;}
.page-numbers li{display:inline-block;vertical-align:middle;margin:0px 5px;}
.page-numbers li a{width:50px;height:50px;line-height:50px;text-align:center;display:block;border:1px solid #3900e1;border-radius:5px;}
.page-numbers li a:hover{color:#612BFF;background:#61FBED;}
.page-numbers li span{color:#612BFF;width:50px;height:50px;line-height:50px;text-align:center;display:block;border:1px solid #3900e1;border-radius:5px;color:#612BFF;background:#61FBED;}
.page-numbers li .prev{width:100px;}
.page-numbers li .next{width:100px;}

/********************************* End Of Blog List Pages Css***************************************/

/********************************* Start Of Blog Single Pages Css***************************************/
.blog-single-meta ul li{display:inline-block;vertical-align:middle;}
.blog-single-meta ul li+li:before{content:"";width:1px;height:12px;background:#8f8f8f;display:inline-block;vertical-align:middle;margin:0 10px;}
.blog-single-image{padding:30px 0px;}
.blog-single-image img{width:100%;height:600px;object-fit:cover;border-radius:20px;}

/********************************* End Of Blog Single Pages Css***************************************/

/********************************* Start Of Faqs Pages Css***************************************/
.accordion-box{margin-bottom:15px;}
.accordion-title a{color:#ffffff;font-weight:600;position:relative;display:block;padding:20px;background:#1d0171;border:1px solid #612BFF;border-radius:10px;}
.accordion-title a:after{content:"\F282";font-family:bootstrap-icons;color:#ffffff;position:absolute;right:15px;top:20px;}
.accordion-title .collapsed{background:none;}
.accordion-title .collapsed:after{color:#ffffff;}
.accordion-info{padding:15px 0px;}

/********************************* End Of Faqs Pages Css***************************************/

/********************************* Start Of Contact Pages Css***************************************/
.contact-detail{background:#1d0171;border:1px solid #3900e1;border-radius:20px;margin-top:50px;padding:50px;}
.contact-information-box{display:flex;align-items:center;padding:30px 0px;border-bottom:1px solid #240188;}
.contact-information-icon{width:80px;}
.contact-information-icon i{color:#ffffff;text-align:center;width:60px;height:60px;line-height:60px;display:inline-block;vertical-align:middle;border:1px solid #612BFF;border-radius:5px;background:#612BFF;}
.contact-information-info{width:calc(100% - 80px);}
.contact-information-info h6{margin-bottom:5px;}
.contact-social-media{padding-top:30px;}
.contact-form{margin-top:50px;padding-left:20px;}

/********************************* End Of Contact Pages Css***************************************/

/********************************* Start Of How It Works Pages Css***************************************/
.how-it-work-row{position:relative;}
.how-it-work-row:after{content:"";width:2px;height:100%;background:#61FBED;position:absolute;left:0px;right:0px;top:0px;bottom:0px;margin:auto;}
.how-it-work-col{width:50%;padding:0px 50px;margin:50px 0px;position:relative;}
.how-it-work-col:before{content:"";width:15px;height:15px;position:absolute;background:#61FBED;border-radius:100%;}
.how-it-work-col:nth-child(odd){text-align:right;}
.how-it-work-col:nth-child(odd):before{right:-7px;top:0px;}
.how-it-work-col:nth-child(even){margin-left:auto;}
.how-it-work-col:nth-child(even):before{left:-7px;top:0px;}
.how-it-work-info h3{font-size:16px;color:#1d0171;text-align:center;line-height:35px;width:35px;height:35px;display:inline-block;vertical-align:middle;background:#61FBED;border-radius:5px;}
.how-it-work-info h5{margin:15px 0px;}

/********************************* End Of How It Works Pages Css***************************************/