@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100:200:400,500,700,900);


body {margin:0px; padding:0px; font-size: 16px; color: #a3a4a9;  
   font-family: 'Montserrat', sans-serif; position: relative; }


a{ font-size: 15px; text-decoration: none !important; }

.form-control:focus {box-shadow:none;}
p{ font-size: 15px; padding: 0; margin: 0;}
h1{ font-family: 'Fira Sans', sans-serif;}
h3{ font-size: 20px; padding: 0; margin: 0; }
h4{ font-size: 16px; padding: 0; margin: 0; }
h5{ font-size: 13px; padding: 0; margin: 0; }
h6{ font-size: 12px; padding: 0; margin: 0; }
ul{list-style: none;}  
button:focus {outline: none;}


.dflex { display: flex; }
.login-form .modal-content{ background:#053361; padding: 20px 0 0 0;  }
.login-form .modal-title { color: #f9d60e;
    font-size: 16px;
    text-align: center !important;
    display: inline-block;
    width: 100%;
    letter-spacing: 3px;
    font-weight: 600; }
.login-form .modal-content .form-control {
    background: #fff;
    border-radius: 4px;
    border: none;
    height: 55px;
    font-size: 12px;
    /* border-bottom: 1px solid #f9d60e; */
}
.modal-header {
    text-align: center;
    border-color: #23588e;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    color: #f9d60e;
    opacity: inherit;
    font-size: 26px;
    font-weight: 500;
}

.login-form .ban-btn {
    width: 160px;
    height: 45px;
    border:none;
    background: #f9d60e;
    border-radius: 50px;
    line-height: 40px;
    text-align: center; 
    margin-top: 50px;
}
.login-form .modal-content  ::placeholder {
  color: #333;
}
.login-top { padding-top: 20px; padding-bottom: 20px; }
.login-social {border-top:1px solid #194b7d; background: #fff;     border-radius: 0 0 4px 4px; padding-bottom: 30px;}
.login-social  img{ width: 60%; display: block; margin: 0 auto 0 auto; cursor: pointer;}

.modal-body { padding-bottom: 0; }

.head { background: #fdd700;  padding: 4px 0;}

.head .emailinfo ul {list-style: none; margin: 0; padding: 0; }
.head .emailinfo ul li { display: inline-block;  font-size: 12px;  color: #053361;  margin-right: 15px;
    font-weight: 600;}
.head .emailinfo ul li .fa { color: #fdd800; margin-right: 10px; }


.head-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}
.head-social ul li {
    display: inline-block;
    padding-right: 20px;
}
.head-social ul li a .fa {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.menu-head { padding: 10px 0; background: #053361;}
.menu-head .logo img{ width: 50px; margin: 0 auto 0 auto; display: block; }
.menu-head .logo a span { color: #fff; font-size: 12px; display: block;   padding-top: 6px;
}
.menu-head .logo  a{text-align: center;}
.menu-head .menu ul {list-style: none; margin: 0; padding: 0; text-align: right; }
.menu-head .menu ul li {  display: inline-block; padding-right: 25px; padding-top: 25px;}
.menu-head .menu ul li a{font-size: 14px; color: #fff; font-weight: 600;     letter-spacing: 2px; text-transform: uppercase; }
.menu-head .menu ul li a:hover { color: #f9d60e; transition: 2s; }
.menu-head .menu ul li a.active {color: #f9d60e;}
.menu-head .loginpros ul {list-style: none; margin: 0; padding: 25px 0 0 0; text-align: right; }
.menu-head .loginpros ul li {box-shadow: #174b7f 0 0 4px 4px; border-radius: 2px;  background: #f9d60e;
    display: inline-block;  width: 80px;  height: 30px; line-height: 30px; margin-right: 25px; text-align: center; }

.menu-head .loginpros ul li a{ display: block; font-size: 12px; color: #053361; font-weight: 600;}

.header {
  padding: 10px 16px;
  background: #555;
  
}

.menu-head .navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 94%);
}
.navbar-collapse ul li a.nav-link.active { color: #fdd700 !important; }
.menu-head .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #f9d60e; transition: 2s;
}

.navbar button {float: right; text-align: right; border: none;}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    box-shadow: #00000030 0 0 13px 10px;
}

.hero-banner .ban-btn { width: 140px; height: 40px; background: #f9d60e;  border-radius: 50px; line-height: 40px; text-align: center; }
.hero-banner .ban-btn a{ display: block; padding: 0; color: #000; }
.hero-banner .ban-btn:hover { background: #000;  transition: 1s; }
.hero-banner .ban-btn:hover a{color: #f9d60e;}


.pricing-table { padding: 100px 0; background: #f9f9f9; }
.pricing-table h2{color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 3px;
    padding-bottom: 15px;
   
    text-transform: uppercase;}
    
.pricing-table h4 {
    color: #0c4a88;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
    line-height: 22px;
}
.pricing-table p {
    font-size: 14px;
    line-height: 25px;
    color: #808080;
    padding-bottom: 20px;
}

.pricing-table .ban-btn  {
    box-shadow: #05336140 1px 2px 12px 2px; 
    width: 160px;
    height: 50px;
    background: #053361;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 50px;}
.pricing-table  .ban-btn  a{color: #fff;}
.pricing-table  .ban-btn:hover { background: #f9d60e; transition: 1s; }
.pricing-table img{width: 100%;}




.features { background-color: #ffffff; padding: 80px 0 160px 0; }
.features h2{color:#053361; font-family: 'Fira Sans', sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 3px; text-align: center; text-transform: uppercase;}

.features h2 span {  font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500;   color: #314f6d;
 display: block; padding-top: 10px; line-height: 18px;  letter-spacing: 0px;   text-transform: capitalize; }



.feat-in {background: #053361; padding: 50px 15px; border-radius: 10px; cursor:pointer;}
.feat-in img{ display: block; margin: 0 auto 0 auto; }
.feat-in h3{ color: #fff; font-size: 16px;font-weight: 700; padding: 20px 0;  line-height: 24px;  text-align: center; }
.feat-in p{color: #b4c5d6; font-size: 13px; line-height: 25px;  text-align: center; }


.feat-in:hover { background: #f9d60e; transition: 1s;  }
.feat-in:hover p{ color: #000;  }
.feat-in:hover  h3{ color: #000;  }

.feat-in.active {background: #f9d60e;}
.feat-in.active  p{ color: #000;  }
.feat-in.active  h3{ color: #000;  }


.glove {
    background: #053361;
    padding-bottom: 80px;
}

.glove img {
    width: 100%;
    border-radius: 6px;
    margin-top: -80px;
    z-index: 1000;
    position: relative;
    box-shadow: #0533611f 0 0 11px 10px;
}

.glove .big-tit {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
}

.glove .big-tit span{ color: #f9d60e; font-weight: 700;}

.glove-img { position: relative; }
.glove-img:before {
    content: '';
    position: absolute;
    width: 500px;
    border: 6px solid #f9d60e;
    border-radius: 10px;
    left: -31px;
    top: -40px;
    height: 438px;
}


.glove h4 {
    color: #c7e3ff;
    line-height: 30px;
    font-weight: 600;
    padding-right: 30px;
    font-size: 20px;
}
.glove p {
    color: #b5daff;
    padding-top: 25px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    padding-right: 30px;
    line-height: 22px;
}

.glove .ban-btn {
    width: 140px;
    height: 40px;
    background: #f9d60e;
    border-radius: 50px;
    line-height: 40px;
    text-align: center;
    margin-top: 50px;
}
.glove .ban-btn a{display: block; color: #000;}

.glove .ban-btn:hover { background: #000;  transition: 1s;  }
.glove .ban-btn:hover  a{color: #fff; }



.howitwork { background-color: #ffffff; padding: 80px 0 80px 0; }
.howitwork video {
    border: 1px solid #e4e4e4;
}
.howitwork h2{color:#053361; font-family: 'Fira Sans', sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 3px; text-align: center; text-transform: uppercase;}

.howitwork h2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #314f6d;
    display: block;
    padding: 10px 65px 0 65px;
    line-height: 28px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.howitwork h5{font-size: 14px; letter-spacing: 2px; padding-top: 40px; text-transform: capitalize;}
.howitwork h3{font-family: 'Fira Sans', sans-serif; font-size: 20px; color: #053361; 
font-weight: 600; padding:5px 0 20px 0;}

.howitwork p{font-size: 14px; line-height: 24px;}

.download {padding: 100px 0;  background: #f9f9f9;}
.download img { width: 80%; }


.download .big-tit {
   color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 50px;
    font-weight: 800;
    padding-top: 100px;
}

.download .big-tit h4 {
    color: #000;
    font-size: 20px;
    font-weight: 100;
    padding-top: 20px;
line-height: 30px;}


.download .app-btn ul { list-style: none; margin: 0; padding: 80px 0 0 0; }

.download .app-btn ul li {
   box-shadow: #05336140 1px 2px 12px 2px;
    display: inline-block;
    width: 200px;
    font-size: 10px;
    padding: 10px 10px 10px 60px;
    background: #000000;
    border-radius: 50px;
    margin-right: 10px;
    line-height: 16px;
    position: relative;
    color: #fff;
    cursor: pointer;
    transition: .9s ease-in;
}
.download .app-btn .app-i {
    top: 0;
    left: 20px;
    margin-top: 14px;
    position: absolute;
    color: #ffc71a;
    font-size: 25px;
}

.download .app-btn ul li:hover { background: #f9d60e; }
.download .app-btn ul li:hover .fa{color: #fff;}


.download .app-btn .app-i .fa {
    color: #f9d60e;
}

.download .app-btn ul li span {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
}



.notify {background-color:#f9f9f9; padding: 80px 0; }

.notify  h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.notify h2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #314f6d;
    display: block;
    padding-top: 10px;
    line-height: 18px;
    letter-spacing: 0px;
    text-transform: capitalize;
}



.notify .notify-in  { 
        box-shadow: #11437524 0 0 11px 9px;
    background: #053361; border-radius: 6px;
    color: #fff;
    font-family: 'Fira Sans', sans-serif; 
font-size: 30px; 
font-weight: 700;
padding: 40px 40px;
display: block;
position: relative;
}

.notify .notify-in span{font-size: 16px;     color: #f9d60e; font-weight: 500;     padding-bottom: 10px; display: block;}


.notify .notify-in .form-control {
    background: #14497d;
    border: none;
    border-radius: 5px;
    height: 50px;
    color: #c7e3ff;
}

.notify .notify-in button {
    border: none;
    background: none;
    right: 53px;
    top: 72px;
    position: absolute;
    cursor: pointer;
}
.notify .notify-in  button .fa{font-size: 16px; color: #f9d60e;}

.notify .notify-in  ::placeholder {
  color: #437fb9;
}




.notific .col-md-6 { position: relative; }
.notific .col-md-6 .or {
    background: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    color: #053361;
    width: 60px;
    height: 60px;
    line-height: 60px;
    right: -29px;
    top: 45px;
    position: absolute;
    text-align: center;
    z-index: 10;
}



.faq {
    padding: 100px 0; position: relative;
}

.faq h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}


.faq-page h1{ color: #fff; font-weight: 100; text-align: center;  }
.faq {
    padding: 80px 0 60px 0;
}
.faq .card-header {
    border: 1px solid rgba(0,0,0,.125);
       background-image: linear-gradient(to right, #021d1c, #0b6766);
    padding: 30px 20px;
    cursor: pointer;
}
.faq .card {
    border: none;
}

.faq .ban-btn {
    box-shadow: #05336140 1px 2px 12px 2px;
    width: 160px;
    height: 50px;
    background: #053361;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    margin:0 auto 0 auto;
    display: block;
}
.faq .ban-btn a{color: #fff; display: block;}

.faq .ban-btn:hover { background: #f9d60e; transition: 1s; }


.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #fff;
}

.accordion .card-header.collapsed:after {
    content: "\f067";
    color: #fff;
}
.card-header a span{font-size: 32px; font-weight: bold; color: #0fdcda; padding-right: 20px;}


.faq-in h2{ padding: 50px 0; text-align: center; }
.faq .faq-in .card-header {
    border:none;
       background:none;
    padding: 30px 20px;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
}

.faq-in .card-title {
    font-size: 16px;
    color: #053361 !important;
    font-weight: 600;
}
.faq-in  .card-body {
   
    padding: 30px 10px;
    
}
.faq-in  .card-body p{ color: #000;font-size: 14px; line-height: 30px; padding: 0 10px; }
.faq-in .accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #053361 !important;
}

.faq-in .accordion .card-header.collapsed:after {
    content: "\f067";
    color: #053361 !important;
}



.testimonial { padding: 80px 0; }
.testimonial  h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}



.testimonial .testi-in {
    background: #053361;
    border-radius: 10px;
    padding: 30px 20px;
}
.testimonial .item {
    padding: 10px;
}

.testimonial .testi-in img{ border-radius: 50%; width: 40%; display: block; margin: 0 auto 0 auto; }

.testimonial .testi-in p {
    color: #fff;
    font-size: 14px;
    padding: 30px 0;
    font-weight: 100;
    text-align: center;
}
.testimonial .testi-in h4 { color: #f9d60e; text-align: center; }



.owl-nav { display: none; }

.owl-dots {
    display: none;
}


.blogpage {background: #053361; padding: 100px 0;}

.blogpage h2 {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}
.blogpage .blog-in {
    background: #fff;
    border-radius: 10px;
    padding: 30px 20px
}


.blogpage .blog-in h3 {
    color: #053361;
    font-size: 16px;
    font-weight: 700;
    padding: 20px 0;
    line-height: 24px;
    text-align: left;
}
.blogpage .blog-in p {
    color: #a3a4a9;
    font-size: 13px;
    line-height: 25px;
   text-align: left;
}
.blogpage .blog-in  img{ width: 100%; }
.blogpage .blog-in  .ban-btn {
    box-shadow: #05336140 1px 2px 12px 2px;
    width: 160px;
    height: 50px;
    background: #053361;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto 0 auto;
    display: block;
}
.blogpage .blog-in  .ban-btn:hover {
    background: #f9d60e;
    transition: 1s;
}
.blogpage .blog-in  .ban-btn a{ color: #fff; display: block; }

.plan.blgdetail{
    background-image: url(../img/blog-detail.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 120px 0 120px 0;
}

.contact {background-image: url(../img/contact.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 80px 0 200px 0;
}
.blog-d-in  { padding: 100px 0; }
.blog-d-in p{
    color: #a3a4a9;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 25px;
    text-align: left;}


.contact h1{
    color: #fff;
     font-family: 'Fira Sans', sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 3px;
text-align: center;
}

.contact h1 span{ color: #fdd700; display: block; font-size: 16px; font-weight: 500; padding-top: 10px;}

.contact-pge  {margin-top: -100px; padding-bottom: 150px; background: #f7f7f7;}
.contact-pge .form-control {
    border: none;
    border-bottom: 1px solid #ced4da;
}
.contact-pge .col-md-6{ padding: 0;  box-shadow: 1px 11px 20px 7px rgb(18 57 96 / 12%); }
.contact-pge .form-control {
    border-color: #376b9e;

    height: 55px;
       border-radius: 5px 5px 0 0;
    color: #ccc;
    background: #fff;
    font-size: 12px;

}
.contact-pge .conwhite {
    background: #053361;
   
}
.contact-pge  .form-control:active, .form-control:focus {
    border-color: #fdd700;}


.contact-pge  input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.btnSubmit {
    background-image: linear-gradient(to right, #fdd700, #d3b300);
    box-shadow: 0 0 34px 0 rgba(10, 94, 93, 0.17);
    border: none;
    border-radius: 50px;
    padding: 15px 50px;
    color: #fff;
    cursor: pointer;
}


.plan {background-image: url(../img/plan_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 120px 0 120px 0;
}

.plan h1{
    color: #fff;
     font-family: 'Fira Sans', sans-serif;
    font-size: 40px;
    font-weight: 800;
    letter-spacing: 3px;
text-align: center;
}

.plan h1 span{ color: #fdd700; display: block; font-size: 16px; font-weight: 500; padding-top: 10px;}


.plan-in { padding: 100px 0; }
.plan-in h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.plan-in h2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #314f6d;
    display: block;
    padding-top: 10px;
    line-height: 18px;
    letter-spacing: 0px;
    text-transform: capitalize;
}
.plan-in .pricing-tab {border:1px solid #e4e4e4; transition: 1s;}
.plan-in .pricing-tab:hover {box-shadow: #4e6b8812 0 0 11px 9px; cursor: pointer; transition: 1s;}
.active {box-shadow: #4e6b8812 0 0 11px 9px;}
.plan-in .pricing-tab .price { font-weight: 700; font-family: 'Fira Sans', sans-serif; 
font-size: 55px; color: #000; text-align: center; padding: 40px 0; text-transform: uppercase;}

.plan-in .pricing-tab .price span{font-size: 12px;}
.plan-in .price h6 {font-size: 14px; font-weight: 500; display: block; padding-bottom: 15px; }

.plan-in .pricing-tab .price-fea { padding: 0 20px; }
.plan-in .pricing-tab .price-fea ul { list-style: none; margin: 0; padding: 0 0 0 0; }
.plan-in .pricing-tab .price-fea ul li {
    color: #8a8282;
    font-size: 13px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
    padding-left: 18px;
    padding-top: 12px;
      padding-bottom: 12px;
    position: relative;
}

.plan-in .pricing-tab .price-fea ul li:before {
    content: '\f105';
    color: #053361;
    position: absolute;
    font-family: fontawesome;
    left: -1px;
    top: 12px;
}


.select-btn {text-align: center; padding: 40px 0; }
.select-btn button {background: #ffd900; border: none; color: #000000; font-weight: 600;  font-size: 14px; width: 250px; height: 55px; 
    line-height: 45px;  cursor: pointer;}




.faq-main {background-image: url(../img/faq.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    padding: 150px 0 150px 0;
}

.faq-main  h1 {
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
     letter-spacing: 3px;
}
.faq.faqpage { padding-top: 0 !important; }
.faq .faq-img { position:absolute; bottom: 0; left: 0;  z-index: 1;}
.faq .faq-img img{ width:500px; opacity: 0.1; }





.about-page {background-image: url(../img/about-page.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    padding: 150px 0 150px 0;
}

.about-page h1 {
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-weight: 800;
     letter-spacing: 3px;}


.aboutpge-in { padding:100px 0; }

.aboutpge-in img{ width: 100%; }

.aboutpge-in h2{ 
    font-family: 'Fira Sans', sans-serif;
    color: #053361;
    font-size: 40px;
    font-weight: 700;
     }
.aboutpge-in h2 span {
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding-top: 10px;
    line-height: 28px;
    color: #25598e;
}

.aboutpge-in p{ line-height: 28px; padding-top: 20px;  }



.about-benefit {background-image: url(../img/about-benefit.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 100px 0 150px 0;}

.about-benefit h2{
    font-family: 'Fira Sans', sans-serif;
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;}


.about-benefit  h2 span  { color: #f9d60e; }

.about-benefit  p{ color: #bec4f1; padding-top: 20px; }

.about-benefit ul { list-style: disc; margin: 0; padding: 0; color: #f9d60e;}
.about-benefit ul li { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #5886b7  }
.about-benefit ul li h4{color: #f9d60e; font-weight: 600;}
.about-benefit ul li p{color: #fff; font-weight:500;}

.about-benefit img{ padding-top: 30px; width: 70%; }



.about-serv h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.about-serv h2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #314f6d;
    display: block;
    padding-top: 10px;
    line-height: 18px;
    letter-spacing: 0px;
    text-transform: capitalize;
}



.about-serv { padding:100px 0; }
.about-serv h2 {
    color: #053361;
    font-family: 'Fira Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

.about-serv h2 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #314f6d;
    display: block;
    padding-top: 10px;
    line-height: 18px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.about-serv .serv-in {
    padding: 40px 30px;
    box-shadow: #f7f7f7 0 0 18px 8px;
    position: relative;
}
.about-serv .serv-in h3 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    font-size: 24px;
    color: #314f6d;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.about-serv .serv-in img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 95px 0 0 22px;
}
.about-serv .serv-in:hover { box-shadow: none; }

.about-serv .serv-in p {
    font-size: 15px;
    line-height: 24px;
    padding-top: 20px;
    padding-left: 80px;
}

.about-serv .col-md-6 { margin-bottom: 50px; }


.privacy {background-image: url(../img/contact.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    padding: 80px 0 200px 0;
}

.privacy h1{
    color: #fff;
     font-family: 'Fira Sans', sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 3px;
text-align: center;}

.privacy-in { padding: 100px 0; }

.privacy-in h4 {
    font-family: 'Fira Sans', sans-serif;
    color: #053361;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}
.privacy-in p {
    font-size: 14px;
    color: #333333;
    padding-bottom: 30px;
    line-height: 25px;
}
.term ul{ list-style: disc; margin: 0; padding:0 0 0 30px; }
.term ul li{ padding-bottom: 20px; font-size: 15px; color: #7d7c7c; }

.privacy-in ul{ list-style: disc; margin: 0; padding:0 0 0 30px; }
.privacy-in ul li{ padding-bottom: 20px; font-size: 15px; color: #7d7c7c; }








.foot { padding: 140px 0 20px 0; background-color: #00162b; position: relative; }
.foot .shape img {width: 100%;}
.foot .shape {position: absolute; top: 0;}
.foot .logo-foot {color:#fdd700; font-family: 'Fira Sans', sans-serif;font-size: 30px;
    font-weight: 700;}
.foot .logo-foot p{font-size: 12px; color:#aab8c5; font-weight: 200; padding-top: 20px; padding-right: 30px;}



.foot  h3{color: #f9d60e; font-size: 16px; font-weight: 700; padding: 0 0 40px 0; }



.foot ul { list-style: none; margin: 0; padding: 0; }
.foot ul li{ padding-bottom: 10px;  }
.foot ul li a{font-size: 12px; color: #bdbdbd; }
.foot ul li a:hover { color: #f9d60e}


.foot .social ul{list-style: none; margin:0; padding: 40px 0 0 0;}
.foot .social ul li{ background: #fff; display: inline-block;  width: 30px; height: 30px;  border-radius: 50%; line-height: 30px; text-align: center;
 margin-right: 10px; }
.foot .social ul li a{ display: block; }
.foot .social ul li .fa{ color: #fff; }

.foot .social ul li:first-child { background:#3b5998; }
.foot .social ul li:nth-child(2) { background:#00acee; }
.foot .social ul li:nth-child(3) { background:#0e76a8; }
.foot .social ul li:nth-child(4) { background:#c4302b; }

.foot .bdr-top { border-top:1px solid #3d536994; }


.foot h6 {
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #fdd700;
}
.foot h6 span{ color: #fff; }

.foot .app-btn ul { list-style: none; margin: 0; padding: 0 0 0 0; }

.foot .app-btn ul li {
   box-shadow: #05336140 1px 2px 12px 2px;
    display: block;
    width: 200px;
    font-size: 10px;
    padding: 10px 10px 10px 60px;
    background: #fff;
    border-radius: 50px;
    margin-right: 10px;
    margin-bottom: 15px;
    line-height: 16px;
    position: relative;
    color:#00162b;
    cursor: pointer;
    transition: .9s ease-in;
}
.foot .app-btn .app-i {
    top: 0;
    left: 20px;
    margin-top: 14px;
    position: absolute;
    color: #ffc71a;
    font-size: 25px;
}

.foot .app-btn ul li:hover { background: #f9d60e; }
.foot .app-btn ul li:hover .fa{color: #fff;}

.foot .app-btn .app-i .fa {
    color: #ffd900;
    text-shadow: #00000042 0 0 5px;
}
.foot .app-btn ul li span {
    display: block;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 600;
}


.navbar-dark .navbar-toggler-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E);
    float: right;
    text-align: right;
    right: 0;
    position: absolute;
    z-index: 100;
}



@media screen and (max-width: 768px) { 
.blogpage .col-md-4 { padding-bottom: 20px; }
.menu-head .loginpros ul { text-align:center; }
.menu-head .menu ul li { text-align: left; }

.features .col-md-3 { padding-bottom: 20px; }

.howitwork h2 span {padding: 10px 10px 0 10px;}
.howitwork  .order-1 {    order: 0;}
.howitwork .col-md-6.text-right { text-align:center !important; }
.howitwork .col-md-6 img{ text-align: center !important; margin: 0 auto; display: block; padding:40px 0; }
.howitwork .row.pt-5 { padding: 0 !important;}

.download .app-btn ul {
    list-style: none;
    margin: 0;
    padding: 40px 0 0 0;
    text-align: center;
}
.download .app-btn ul li { margin-bottom: 10px; }
.download .big-tit {text-align: center;}

.download img { padding-top: 60px; }
.notific .col-md-6 .or {
    background: #fff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    color: #053361;
    width: 60px;
    height: 60px;
    line-height: 60px;
    left: 233px;
    top: 122px;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.head .emailinfo ul {text-align: center;}
.head-social ul {
    list-style: none;
    margin: 0;
    padding: 20px 0 15px 0;
    text-align: center;
}

.plan-in .col-md-3 { padding-bottom: 20px; }

.aboutpge-in h2 {text-align: center;}
.aboutpge-in p {text-align: center;}
.aboutpge-in h5 {text-align: center;}

.features {padding: 80px 0 80px 0;}

.glove-img:before {content: ''; border:none; display:  none;}
.shape { display: none; }
.glove .big-tit {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 25px;
    font-weight: 700;
}
.faq-img { display: none; }
.about-page h1 {font-size: 25px;}
.plan h1 {font-size: 25px;}
.faq-main h1 {font-size: 25px;}
.contact h1 {font-size: 25px;}
.pricing-table {
    padding: 30px 0 50px 0;
    background: #f9f9f9;
}
.download {
    padding: 80px 0 50px 0;
    background: #f9f9f9;
}
.download .big-tit {font-size: 30px;    padding-top: 0px; text-transform: uppercase;}

.notify .pt-5, .py-5 {
    padding-top: 0rem!important;
}
}