@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700;800&display=swap');

/*Global css*/
*{margin:0;padding:0;}
html{font-size:100%;width:100%;height:100%;}
body{width:100%;min-width:320px;background-color:#ffffff;font-size:16px;font-family: 'Lato', sans-serif; color: #040707;}
.clear{clear:both;}
button,input[type="submit"]{cursor: pointer;}
button,input[type="submit"],input[type="search"],a,i{transition:all 0.3s ease;font-family: 'Lato', sans-serif;}
button:focus,input[type="submit"]:focus,input[type="search"]:focus,a:focus,i:focus{outline: none;}
a{text-decoration:none;color:#040707;}
a:hover{text-decoration:none;outline:0;color:#ceae72; outline: none;}
.btn:focus{outline:none;box-shadow: none;}
a,img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;}
label{font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin:0 0 15px;padding:0;font-family: 'Raleway', sans-serif; font-weight: 800; color: #ceae72; display: block; position:relative;}
h2, .h2{font-size: 36px; font-weight: 700;}
h2 span, .h2 span{color: #040707;}
h3, .h3{font-size: 28px; font-weight: 600; color: #040707;}
.icon-title{padding-bottom: 25px; text-align: center;}
.icon-title span{color: #040707;}
.icon-title:after{background: url('../images/title-icon.png') no-repeat; background-size: 100%; width: 30px; height: 20px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: "";}
.icon-title-white{padding-bottom: 25px; text-align: center;}
.icon-title-white span{color: #ffffff;}
.icon-title-white:after{background: url('../images/white-title-icon.png') no-repeat; background-size: 100%; width: 30px; height: 20px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; content: "";}
ul,ol{list-style:none;margin:0;}
ul li,ol li{list-style:none;}
p{display:block;line-height:24px;margin:0;margin:0 0 15px; font-weight: 400;}
.disc-list{padding-left: 15px;}
.disc-list li{list-style: disc; line-height: 26px;}
p:last-child{margin: 0;}
b, strong{font-weight: 700;}
/*bgcolor*/
.bg-white{background-color: #ffffff;}
.bg-light-gray{background-color: #f0f0f0;}
/*textcolor*/
.white-text{color: #ffffff;}
.sky-blue-text{color: #ceae72;}
/*fontweight*/
.font-normal{font-weight: 400;}
/*z-index*/
.z-index1{z-index: 1;}.z-index2{z-index: 2;}.z-index3{z-index: 3;}

.form-group{display:block;position:relative;}
.form-control {box-shadow: none ;height: 44px;display: block;width: 100%;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: .25rem;}
.form-control:focus{color: #000000; border-color: #c1c1c1;}
select,select.form-control{background:#ffffff url('../images/drop-down.png') no-repeat calc(100% - 15px) center;text-overflow:ellipsis;white-space:nowrap;padding-right:28px;appearance:none; font-family: 'Lato', sans-serif; color:#000000; font-size: 14px; font-weight: normal; width:100%; border-radius: 0;background-size: 11px;}
select option,select.form-control option{ padding:0 10px;}
textarea.form-control{min-height:120px;resize:vertical;height:auto;}
.btn-custom{background:#040707;font-family: 'Raleway', sans-serif;color:#ffffff; font-size:18px;height:55px; line-height:55px;border:none;text-align:center; padding:0 30px;cursor: pointer; display: inline-block;border-radius: 3px; text-transform: uppercase;position: relative;}
.btn-custom.white-btn{background: #ffffff; color: #215676;}
.btn-custom.white-bdr-btn{border: solid 1px #10cdcf;background: #ffffff; color: #215676;}
.btn-custom.white-bdr-btn:hover{border-color: #215676;}
.btn-custom:hover{background: #ceae72; color: #ffffff;}
.full-wdth{flex:0 0 100%; max-width: 100%}
.relative{ position:relative;}
.h-full{height: 100%;}
.pad-0{padding-top:0; padding-bottom: 0;}
.mrg-0{margin-top: 0; margin-bottom: 0;}
.mrg-t50{margin-top: 50px;}
.pad-tb50{padding-top: 50px; padding-bottom: 50px;}
.pad-tb100{padding-top: 100px; padding-bottom: 100px;}
.container {display: block;margin: 0 auto;position: relative;width: 100%; max-width:1200px;}
/*=====================Globalcssend==========================*/

/*owl-Carousel-arrow css start*/
.owl-carousel{overflow-x: hidden;}
.owl-theme .owl-nav{margin: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; display: flex; justify-content: space-between;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size: 0;}
.owl-carousel .owl-nav button.owl-prev span:after{font-family:"Font Awesome 5 Free"; content: "\f053"; font-weight: 900; font-size: 30px; color: #040707; display: inline-block;}
.owl-carousel .owl-nav button.owl-next span:after{font-family:"Font Awesome 5 Free"; content: "\f054"; font-weight: 900; font-size: 30px; color: #040707; display: inline-block;}
.owl-nav button.owl-prev span:hover:after, .owl-nav button.owl-next span:hover:after{color: #b7985f;}
.owl-theme .owl-nav [class*="owl-"]:hover{background: none;}
.owl-theme .owl-dots .owl-dot span{width: 7px; height: 7px; background: rgba(255,255,255,0.5); margin: 5px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #ffffff;}
/*owl-Carousel-arrow css end*/

/*css shape css start*/
.white-lrg-right-angle::after {width: 0;height: 0;border-bottom: 459px solid #fff;border-left: 100vw solid transparent;position: absolute;bottom: 0;left: auto;right: 0;content: "";}
.white-midium-left-angle::before {width: 0;height: 0;border-top: 400px solid #fff;border-right: 100vw solid transparent;position: absolute;top: 0;left: auto;right: 0;content: "";}
.white-midium-bottom-left-angle::before {width: 0;height: 0;border-bottom: 150px solid #fff;border-right: 100vw solid transparent;position: absolute;bottom: 0;left: auto;right: 0;content: "";}
/*css shape css end*/

/*section title css start*/
.title-block{max-width: 585px; margin: auto; text-align: center;}
/*section title css end*/

/*Header css start*/
.site-header {padding:30px 0;position:fixed;top: 0;left: 0;right: 0;z-index: 9;transition: all 0.3s ease;}
.navbar-brand {padding: 0; margin: 0;}
.navbar-brand img {max-width: 79px; display: block;}
.site-header .navbar {padding: 0;}
.site-header .navbar-nav li {margin-left: 30px;}
.site-header .navbar-nav li a.nav-link {font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 16px;text-transform: uppercase; padding: 0 0 5px; margin-bottom: -6px; position: relative;}
.site-header .navbar-nav .active > .nav-link, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .nav-link.show, .site-header .navbar-nav .show > .nav-link { color: #ffffff; }
.site-header .navbar-nav .active > .nav-link, .site-header .navbar-nav .nav-link.active:after, .site-header .navbar-nav .nav-link.show, .site-header .navbar-nav .show > .nav-link { color: #ffffff; }
.site-header .navbar-nav .nav-link:hover {color: #ffffff;}
.site-header .navbar-nav .nav-link:focus {color: #ffffff;}
.site-header .navbar-nav .nav-link:hover:after, .site-header .navbar-nav .active > .nav-link, .site-header .navbar-nav .nav-link.active:after{width: 100%;height: 2px; background: #ceae72; content: ""; position: absolute; bottom: 0; left:0; right: 0;}
.site-header .navbar-nav li a.btn-custom{font-size: 11px; height: 30px; line-height: 31px;}
.site-header .navbar-nav li a.btn-custom:hover{background: #ffffff;color: #215676;}
header.shrink {background: #040707;padding: 10px 0;}
/*Header css end*/

/*Home banner css start*/
.home-banner{background: #040707 url(../images/bg1.jpg) no-repeat center center;background-size: cover; padding-top:200px;}
.home-banner .container{z-index: 1;}
.banner-content{padding-left: 15px; padding-right: 15px; padding-top: 150px; width: 63%;}
.banner-content h1{font-size:60px; text-transform: uppercase;}
.banner-content .btn-custom{margin-right: 30px; margin-top: 20px;}
.banner-content .btn-custom:hover{background: #ffffff; color: #215676;}
.bnr-mobile-img{width: 28%; padding-left: 15px; padding-right: 15px;}
.bnr-mobile-img img{display: block; width: 100%;}
.bnr-stats{position: absolute; bottom: 52px; left: 15px; right: 15px; padding-left: 40px; padding-right: 40px;}
.bnr-stats li{width: 130px; height: 130px; background: #ceae72; border-radius: 100%; border: solid 5px #ffffff; color: #ffffff; font-size: 15px; font-weight: 700; text-transform: uppercase; text-align: center; padding-top: 18px;}
.bnr-stats li:nth-of-type(1){margin-top: -46px;}
.bnr-stats li:nth-of-type(2){margin-top: -110px;}
.bnr-stats li:nth-of-type(3){margin-top: -170px;}
.bnr-stats li i{font-size: 28px; margin-bottom: 5px; display: block;}
.bnr-stats li span b{font-size: 18px; display: block;}
.btn-inline {width: 200px;display: inline-block;margin: 15px 15px 0 0;border: 2px solid #fff;border-radius: 8px;}
/*Home banner css end*/

/*About css start*/
.about-section .h2{font-size: 28px;}
.pad-ext-lr{padding-right: 50px; padding-left: 80px;}
.about-section .btn-custom{margin-right: 30px; margin-top: 30px;}
/*About css end*/

/*Benifit css start*/
.benifit-section{ margin-top: -150px; padding-top: 360px; padding-bottom: 300px;}
.benifit-section .container{z-index: 1;}
.benifit-block.first{ margin-top: 20px;}
.benifit-block.second{ margin-top: -60px;}
.benifit-block.third{ margin-top: -120px;}
.benifit-block .icon{width: 100px; margin: 0 auto 25px; display: block;}
/*Benifit css end*/

/*feature css start*/
.feature-section .title-block{margin-top: -110px;}
.feature-block{margin-bottom: 40px;}
.feature-block.lrg-left{margin-left: -170px;}
.feature-block.midium-left{margin-left: -85px;}
.feaure-img{display: block; margin-left: -50%;}
.feaure-img img{margin-left: 80px;}
.feature-icon{width: 100px;}
.feature-text{width: calc(100% - 100px); padding-left: 40px;}
/*feature css end*/

/*latest app css start*/
.latest-app-section{background: url('../images/latest-app-bg.jpg') no-repeat; background-size: cover; background-position: center; margin-top: -90px; padding-top: 320px; padding-bottom: 390px;}
.latest-app-section .container{z-index: 1;}
.app-link li{margin: 50px 20px 0;}
.app-link li a{border: solid 1px #ffffff; border-radius: 3px; color: #ffffff; font-size: 15px; line-height: 25px; display: flex; align-items: center; padding: 10px 25px 15px;}
.app-link li a span b{font-size: 26px; display: block;}
.app-link li a i{font-size: 40px; margin-right: 20px; margin-top: 4px;}
.app-link li a:hover{background: #040707; border-color: #000;}
/*latest app css end*/

/*pricing plan css start*/
.pricing-plan-section{margin-top: -120px; padding-bottom: 80px;}
.pricing-plan-section .container{padding-left: 30px; padding-right: 30px;}
.price-col{width: 32%; padding-left: 30px; padding-right: 30px; margin-top: 110px;}
.price-col.lrg{width: 36%;}
.plan{background: #ffffff; box-shadow: 0 0 12px 1px rgba(35,31,32,0.2);}
.plan-head{background: #215676; padding: 35px 20px;}
.plan-title{font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase;}
.plan-price{font-size: 18px; font-weight: 700; display: block; padding-top: 4px;}
.plan-price b{vertical-align: top;}
.plan-price strong{font-size: 60px; line-height: 100%;}
.plan-price em{vertical-align: bottom; font-style: normal;}
.plan ul{padding: 60px 15px; text-align: center;}
.plan ul li{font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 500; color: #215676; margin-top: 5px; margin-bottom: 5px;}
.plan .btn-custom{height: 40px; line-height: 41px; background: #215676; border-radius: 15px; font-size: 15px; margin-bottom: 30px;}
.price-col.lrg .plan-head{padding: 40px 20px;}
.price-col.lrg .plan-title{font-size: 26px;}
.price-col.lrg .plan-price{font-size: 20px;}
.price-col.lrg .plan-price strong{font-size: 70px;}
.price-col.lrg .plan ul li{margin-top: 10px; margin-bottom: 10px;}
/*pricing plan css end*/

/*app review css start*/
.review-slide{max-width: 720px; margin: 50px auto 0;}
.author-thumb{width: 95px; height: 95px; border-radius: 100%; border: solid 1px #49d3fb; overflow: hidden; display: block; margin: 35px auto 0;}
.author-thumb img{width: 100%; height: 100%; display: block;}
.author-comment{background: #f0f0f0; text-align: center; border-radius: 10px; padding: 15px; opacity: 0; visibility: hidden; position: relative; margin-top: 30px;}
.author-comment:after {bottom: 100%;left: 50%;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #f0f0f0;border-width: 15px;margin-left: -15px;}
.author-name{font-family: 'Raleway', sans-serif; color: #215676; font-size: 25px; font-weight: 600;}
.review-slide .rating {display: block;font-size: 13px;margin-bottom: 5px; color: #f1c30d;}
.review-slide.owl-carousel .owl-item.center .author-thumb{width: 160px; height: 160px; border-width: 5px; margin: auto;}
.review-slide.owl-carousel .owl-item.center .author-comment{opacity: 1; visibility: visible;}
.review-slide.owl-theme .owl-nav{top: 54px; transform: translateY(0);}
/*app review css end*/

/*app view css start*/
.app-view-section{padding-top: 0; margin-bottom:50px;}
.app-slide{margin-top: 80px; padding-left: 30px; padding-right: 30px;}
.app-img {max-width: 270px;padding: 20px 0;text-align: center;margin: auto;}
.app-slide.owl-carousel .owl-item.center .app-img{transform: perspective(0) rotateY(0deg);max-width: 100%;}
.app-slide.owl-carousel .owl-stage{display: flex; align-items: center;}
/*app view css end*/

/* Footer Start */
footer{padding: 25px 0;background-color:#040707;}
footer ul {display: flex;align-items: center;justify-content: center;}
footer ul li {margin: 0 20px;}
footer ul li a {color: #fff;}
footer p {margin-top: 15px ;color: #ccc;display: block;font-weight: 300;font-size: 13px;}
/* Footer End */

/* Inner Banner Start*/
.inner-bnr {padding-top:200px;padding-bottom: 50px;height: auto ;min-height: inherit ;}
.inner-bnr h1{margin: 0;}
/* Inner Banner End*/

.about-section h2{text-transform: initial;}
.about-section ul{margin-bottom: 20px;list-style: disc;padding-left:20px;}
.about-section ul li{list-style: disc;}