/* --------------------------------------
=========================================
1. Common
	+ Preloader
	+ Common styles
	+ Typography
	+ Buttons
	
2. Sections
	+ Navigation
	+ Header
	+ How it works
	+ Features
	+ Video
	+ About
	+ Team
	+ Call to action
	+ Testimonials
	+ Stats
	+ Blog
	+ Price
	+ Contact
	+ Footer
--------------------------------------------------------*/

/******************************

Preloader

******************************/
:root {
    scroll-behavior: initial !important;
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F7F8FC;
  height: 100%;
  z-index: 999999999999999999999999999999999;
}

.status {
  width: 50px;
  height: 30px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -15px;
}

.sbl-seven-circles{height:60px;width:60px;color:#007bff;position:relative;animation:rotate 1s linear infinite;display:inline-block; }
.sbl-seven-circles div{height:50%;width:50%;border-radius:50%;border:1px solid;position:absolute;}
.sbl-seven-circles div:nth-child(1){top:10%;left:5%;}
.sbl-seven-circles div:nth-child(2){top:0;left:25%;}
.sbl-seven-circles div:nth-child(3){top:10%;right:5%;}
.sbl-seven-circles div:nth-child(4){top:0;left:0;right:0;bottom:0;margin:auto;}
.sbl-seven-circles div:nth-child(5){bottom:0;left:25%;}
.sbl-seven-circles div:nth-child(6){bottom:10%;left:5%;}
.sbl-seven-circles div:nth-child(7){bottom: 10%;right: 5%;}
@keyframes rotate {
  0%{transform:rotate(0);}
  100%{transform:rotate(360deg);}
}

/******************************

Common Styles

******************************/
html{scroll-behavior:auto;}
body {
    position: relative;
    background-color:#fff;
    color: #0c0c0c;
    padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

.page-wrap {
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

section {
    position: relative;
    width: 100%;
}

*,
*:focus {
    outline: inherit;
}

*::-moz-selection {
    background-color: transparent;
}

*::selection {
    background-color: transparent;
}

.p-15-30 {
    padding: 15px 0 30px;
}
.p-45-30 {
    padding: 45px 0 30px;
}
.p-5-30 {
    padding: 5px 0 30px;
}
.p-75-45 {
    padding: 75px 0 45px;
}
.p-75-50{
	padding: 75px 0 50px;
}
.p-90-60 {
    padding: 90px 0 60px;
}
.p-90-70 {
    padding: 90px 0 70px;
}
.p-90-70.pplr {
    padding: 80px 0;
}
.p-30-30 {
    padding: 30px 0 30px;
}
.p-70-70 {
    padding: 70px 0 70px;
}
.p-70-60 {
    padding: 70px 0 60px;
}
.p-70-40 {
    padding: 70px 0 10px;
}
.p-70{
	padding-bottom: 70px;
}
.p-30{
    padding-bottom: 30px; ;
}
.p-55-60 {
    padding: 55px 0 60px;
}
.p-75-60 {
    padding: 75px 0 60px;
}
.p-80-0 {
    padding: 80px 0 0;
}
.p-90-0 {
    padding: 90px 0 0;
}
.p-90-90 {
    padding: 90px 0 90px;
}
.p-90-35{
    padding: 90px 0 35px;
}
.p-0-60 {
    padding: 0 0 60px;
}
.p-0-55 {
    padding: 0 0 55px;
}
.p-15{
	padding-left: 15px;
}
.p-35{
	padding-top: 35px !important;
}
.plr-0{
	padding-left: 0;
}
.mb-15, .post-text p.mb-15{
	margin-bottom: 15px;
}
.mt-15{
	margin-top: 15px;
}
.mb-25{
	margin-bottom: 25px;
}
.mt-25{
	margin-top: 25px;
}
.mt-minus20{
	margin-top: -20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-35{
	margin-bottom: 35px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-48 {
    margin-bottom: 48px;
}
.mb-55 {
    margin-bottom: 55px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mt-50 {
    margin-top: 50px;
}
.mrt-5 {
	margin-top: 5px;
}
.mb-m5 {
    margin-bottom: -5px;
}
.mb-m10 {
    margin-bottom: -10px;
}
.mb-m30{
	margin-bottom: -30px;
}
.mb-m50{
	margin-bottom: -50px;
}
#responding.mb-m30{
	margin-bottom: 0;
}
#responding.mb-m50{
	margin-bottom: -20px;
}
.post-text  #responding.mb-m30{
	margin-bottom: -30px;
}
.post-text #responding.mb-m50{
	margin-bottom: -50px;
}
.make-lastp .text-box p:last-child{
	margin-bottom: 0;
}
.ml-10{
	margin-left: 10px;
}
.mlr-24 {
	padding-left: 24px;
	padding-right: 24px;
}
.mlr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.mlr-0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mlr-m6 {
    margin-left: -6px !important;
    margin-right: -6px !important;
}
.n-paddings{
	margin-right: -24px;
	margin-left: -24px;
}
.n-paddings-15{
	margin-right: -15px;
	margin-left: -15px;
}
.dflt-page .comments .mb-m50{
	margin-bottom: -30px;
}
.dflt-page .comments .mb-m30{
	margin-bottom: 0;
}
.mrg-auto{
	margin-right: auto;
}
.mlr-auto{
	margin-left: auto;
	margin-right: auto;
}
.nopadding{
    padding: 0;
}
#home .pd4 .hero_banner{padding-top:5em;}
/******************************

Typography

******************************/

.h1,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
}
.h2, h2 {
    font-size: 2.5rem;
	line-height: 1.5;
}
.h1, h1 {
    font-size: 2.8rem;
    line-height: 1.5;
}
button,
p,
a,
li{
    font-family: 'Poppins', sans-serif;
}
a .button.bg-color-1,
p.small,
.white-link,
.link,
#bcrumbs a,
#bcrumbs span,
a #logo_img,
.footer-brand .logo {
    font-family: 'Poppins', sans-serif !important;
}
a #logo_img, .footer-brand .logo{
	font-weight: 600;
}
a {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}
p.white.p-header{
	font-size: 2.5rem;
	text-transform: capitalize;
	margin-bottom: .5rem;
	margin-top: .5rem;
	font-weight: 600;
    line-height: 1.2;
}
.bold {
    font-weight: 650 !important;
}
b, strong {
    font-weight: 650;
}
.thin {
    font-weight: 300;
}

.gray {
    color: #607D8B;
}

.light {
    color: #4d525c;
}
.blog .light {
    color: #2d3443;
}
.dark {
    color: #2d3443;
}

.mute {
    color: #CFD8DC;
}

.small {
    font-size: 80%;
    margin-bottom: 5px;
}

.white-light {
    opacity: .7;
    color: #F7F8FC !important;
}

.white {
    color: #F7F8FC !important;
}

hr {
    margin-left: 0;
    width: 50%;
}



.main-title{
    margin-top: 30px;
}
/******************************
 
Buttons

******************************/

.button {
    cursor: pointer;
    display: inline-block;
    padding: 15px 30px;
    color: #F7F8FC;
    font-weight: 500;
    border: none;
    border-radius: 5px;
    margin: 15px 15px 0 0;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    transition: .4s;
    -webkit-transition: .4s;
}
.post-password-form input[type="submit"]{
	cursor: pointer;
    display: inline-block;
    padding: 15px 30px;
    color: #F7F8FC;
    font-weight: bold;  
    border: none;
    border-radius: 5px;
    margin: 15px 15px 0 15px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    transition: .4s;
    -webkit-transition: .4s;
	font-family: 'Poppins', sans-serif;
	width: auto;
}
.post-password-form input[type="password"]{
	margin-top: 25px;
}
.comment-form .button {
    padding: 15px 50px;
}
.button:hover {
    color: rgb(250, 251, 255);
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

.link {
    white-space: nowrap;
    font-weight: 500;
    transition: .4s;
    -webkit-transition: .4s;
}

.link:hover {
    color: #2d3443;
}

.page-links{
	font-size: 1rem;
    line-height: 1.7;
	clear: both;
}
.page-links-title{
	font-weight: 600;
	margin-right: 15px;
}
.blog .page-numbers.page-links {
    margin-bottom: 25px;
    margin-top: 60px;
	padding: 0;
}
.blog .single-mainpost .page-numbers.page-links {
    margin-bottom: 25px;
}
.page-numbers.page-links .linkstyle {
    border: none;
    padding: 12px 18px;
    border-radius: 0;
    font-weight: bold;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #333;
    -webkit-box-shadow: none;
    box-shadow: none;
	font-family: 'Montserrat', sans-serif;
}
.page-numbers.page-links a .linkstyle {
    background-color: transparent;
    border: none;
    padding: 12px 18px;
    border-radius: 0;
    font-weight: bold;
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}
.page-numbers.page-links a:hover .linkstyle {
    background-color: #777;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 12px 18px;
    border-radius: 0;
    font-weight: bold;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.single-mainpost .page-numbers.page-links a:hover .linkstyle {
    padding: 13px 18px 12px;
}
.link .fas {
    font-size: 13px;
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.link:hover .fas {
    opacity: 1;
    margin-left: 5px;
}

.white-link {
    font-weight: 500;
    opacity: .7;
    color: #F7F8FC;
    transition: .4s;
    -webkit-transition: .4s;
}

.white-link:hover {
    opacity: 1;
    color: #F7F8FC;
}

.white-link .fas {
    font-size: 13px;
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s;
}

.white-link:hover .fas {
    opacity: 1;
    margin-left: 5px;
}

   /*back to top*/
    #back_to_top {
      display: inline-block;
      background-color: #11b3da;
      width: 50px;
      height: 50px;
      text-align: center;
      border-radius: 25px;
      position: fixed;
      bottom: 30px;
      right: 30px;
      transition: background-color .3s, 
        opacity .5s, visibility .5s;
      opacity: 0;
      visibility: hidden;
      z-index: 1000;
    }

    #back_to_top:hover {
      cursor: pointer;
      background-color: #2653ca;
    }
    #back_to_top:active {
      background-color: #2653ca;
    }
    #back_to_top.show {
      opacity: 1;
      visibility: visible;
    }
/******************************

Navigation

******************************/

.navbar {
    background:#fff;
    padding: 10px 0;
    position: fixed;
    z-index: 99;
    border: none;
    width: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: .3s;
    transition: .3s;
}
.navbar .container {
    position: relative;
}
.navbar .navbar-brand {
    margin-right: 65px;
}
.bg-scroll {
    background-color: rgb(250, 251, 255);
    border-radius: 0px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.navbar-nav .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: .4s;
    transition: .4s;
}

.vc_custom_1545214084079{background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}
.navbar ul{list-style:none;padding:0;margin:0;border-radius:5px}
.navbar ul li{display:block;position:relative;float:left;}
.navbar li ul{display:none;}
.navbar ul li a{display:block;padding:10px;text-decoration:none;white-space:nowrap;color:#fff;}
li:hover > ul{margin:0px 0px;padding:0px 0px;min-width: 250px;white-space: nowrap;display:block;position:absolute;background:#fff;box-shadow:0 12px 20px 0 rgb(23 28 33 / 16%);z-index:99999}
li:hover > ul>li>a:hover{background:#3f9ede;color:#fff;box-shadow:0 0px 0px 0 rgb(5 16 44 / 15%);}
li:hover li{float:none;}
.main-navigation li ul li{border-top:0;}
.navbar ul ul ul{left:100%;top:0;}
.navbar ul:before,
.navbar ul:after{content:"";display:table;}
.navbar ul:after{clear:both;}

.navbar ul li a{color:#2d3443;font-weight:500;width:100%;height:100%;font-family:inherit;font-size:14px;}
.navbar ul li{margin:0 5px;border-radius:5px;}

.navbar ul .active,
.navbar ul li a:hover {
    background-color: rgb(250, 251, 255);
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.navbar ul li ul .active {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
ul.menu-even.menu-depth-2 {
    list-style-type: none;
}
#top .bg-scroll .logo{
    width: 50%;
}
.logo {
    width: 40%;
}

.navbar-toggler,
.burger-menu {
    padding: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: inherit;
}

.burger {
    position: absolute;
    background: #2d3443;
    width: 30px;
    height: 4px;
    top: 37px;
    right: 5px;
    border-radius: 2px;
    margin-top: -5px;
    opacity: 1;
}

.burger::before {
    position: absolute;
    background: #2d3443;
    width: 30px;
    height: 4px;
    top: 10px;
    border-radius: 2px;
    content: "";
    display: block;
}

.burger::after {
    position: absolute;
    background: #2d3443;
    width: 30px;
    height: 4px;
    bottom: 10px;
    border-radius: 2px;
    content: "";
    display: block;
}

.burger::after,
.burger::before,
.burger {
    transition: all .02s ease-in-out;
    -webkit-transition: all .02s ease-in-out;
}

.burger-menu.menu-on .burger::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    bottom: 0px;
}

.burger-menu.menu-on .burger::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 0px;
}

.burger-menu.menu-on .burger {
    background: transparent;
}

.navbar .header-button {
    display: none;
    -webkit-transition: .4s;
    transition: .4s;
}

.bg-scroll .header-button {
    display: block;
    -webkit-transition: .4s;
    transition: .4s;
}

.header-button {
    position: relative;
    margin-right: 15px;
	float: right;
	padding: 0;
}

.header-button .nav-link {
    color: #fff;
}

.navbar-collapse {
    z-index: 9999999999;
}
/*.jn_btn a*/
/*{*/
/*  animation: animate 3s linear infinite;*/
/*}*/
/*@keyframes animate*/
/*{*/
/*  0%, 18%, 20%, 50.1%, 60%, 65.1%, 80%, 90.1%, 92%*/
/*  {*/
/*    background-color:#525252;*/
/*    text-shadow: none;*/
/*  }*/
/*  18.1%, 20.1%, 30%, 50%, 60.1%, 65%, 80.1%, 90%, 92.1%, 100%*/
/*  {*/
/*    background-color:#fff;*/
/*    text-shadow:  0 0 10px rgba(31,108,199,1),*/
/*                  0 0 20px rgba(31,108,199,1), */
/*                  0 0 40px rgba(31,108,199,1), */
/*                  0 0 80px rgba(31,108,199,1), */
/*                  0 0 160px rgba(31,108,199,1), */
/*                  0 0 400px rgba(31,108,199,1);*/
/*  }*/
/*}*/
@keyframes glowing {
 0% { box-shadow: 0 0 -10px rgba(31,108,199,1); }
    25% { box-shadow: 0 0 20px rgba(31,108,199,1); }
    50% { box-shadow: 0 0 30px rgba(50,108,199,1); }
    75% { box-shadow: 0 0 20px  rgba(73,172,229,1); }
    100% { box-shadow: 0 0 -10px  rgba(73,172,229,1); }
}

.jn_btn a {
  animation: glowing 3000ms infinite;
}

/******************************

Header

******************************/

.header {
    width: 100%;
    height: auto;
}

.header .container {
    position: relative;
    height: 100%;
}

.header-row {
    height: 100%;
}

.header-phone img {
    padding-top: 90px;
    width: 100%;
    margin-left: 100px;
}

.header-macbook img {
    width: 190%;
    margin-left: -50px;
}

.social-icons {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.social-icons ul {
    padding: 0;
    margin: auto;
}

.social-icons ul li {
    list-style-type: none;
    margin: 15px;
}

.social-icons ul li a i {
    color: #F7F8FC;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition: .4s;
    transition: .4s;
}

.social-icons ul li a i:hover {
    color: rgb(250, 251, 255);
    -webkit-transform: translateY(-2px) scale(1.05);
    transform: translateY(-2px) scale(1.05);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.header-tooltip p {
    position: absolute;
    left:30px;
    bottom:-25px;
}

.header-tooltip {
    position: absolute;
    bottom: 30px;
    min-width: 300px;
    display: inline-block;
}

.scroll-arrow {
    font-size: 25px;
    color: #2d3443;
}

.scroll-arrow:hover {
    color: #2d3443;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/******************************

How it Works

******************************/

.hiw-item div {
    opacity: 1;
    text-align: center;
    font-weight: bold;
    height: 60px;
    width: 60px;
    font-size: 29px;
    color: #F7F8FC;
    border-radius: 50%;
    padding: 8px 0 0;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
}
.hiw-item img{margin:0 auto;margin-bottom:15px;}
.line {
    position: absolute;
    width: 100%;
    margin-left: -28vw;
    top: 300px;
    height: 6px;
    background-color: rgb(250, 251, 255);
    -webkit-box-shadow: 0 2px 5px 0 rgba(5, 16, 44, .07);
    box-shadow: 0 2px 5px 0 rgba(5, 16, 44, .07);
}

/******************************

Features

******************************/
section.features {
    text-align: center;
}
.features img{
    width: 200px;
}
.features-custom-row{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: 25px;
}
/* MAtm-section-features */
.feature_bg1{
    background: url("../images/feature_image_section/Bank Account Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg2{
    background: url("../images/feature_image_section/Aadhaar ATM Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg3{
    background: url("../images/feature_image_section/Money Transfer Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg4{
    background: url("../images/feature_image_section/Motor Insurance Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg5{
    background: url("../images/feature_image_section/Recharge Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg6{
    background: url("../images/feature_image_section/Bill Payments Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg7{
    background: url("../images/feature_image_section/PAN Card Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_bg8{
    background: url("../images/feature_image_section/Pre-Paid Card Background.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 15px;
    min-height: 267px;
}
.feature_box_new .feature_title{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 700;
    text-transform:uppercase ;
}
.feature_box_new .feature_subtitle{
    line-height: 20px;
    font-size: 15px;
    color: #000;
    margin-bottom: 10px;
}

/* .flat-features {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    border-radius: 10px;
} */

/* .card-features {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 30px 30px 15px;
    background-color: rgb(250, 251, 255);
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    min-height: 350px;
} */

/* .flat-features img {
    margin: 0 auto;
    width: 30%;
    margin-bottom: 15px;
}

.card-features img {
    margin: 0 auto;
    width: 60%;
    margin-bottom: 15px;
    height: 150px;
} */

/******************************

Video

******************************/

/* .video {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
}

.play-button {
    position: absolute;
    bottom: 50%;
    left: 50%;
    padding: 18px 0 0 2px;
    font-size: 18px;
    margin-bottom: -30px;
    margin-left: -30px;
    text-align: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    -webkit-transition: .4s;
    transition: .4s;
}

.play-button:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
}

.play-frame {
    position: relative;
    left: 50%;
    margin-left: -70px;
    padding: 40px;
    text-align: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0.00) 50%);
} */

/******************************

About

******************************/

.about-phone img {
    width: 100%;
}

/******************************

Team

******************************/



/******************************

Call To Action

******************************/

.call-to-action {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
}

.call-to-action .button {
    margin-top: 0;
}

.call-to-action.bg_form .col-md-8 {
    display: grid;
    align-content: center;
}
/******************************

Screenshots section

******************************/

.screenshots img {
    -webkit-box-shadow: 0 5px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 5px 30px 0 rgba(5, 16, 44, .15);
    margin-bottom: 10px;
    -webkit-transition: .4s;
    transition: .4s;
}

.screenshots img:hover {
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .20);
}


.shopdeviceman{
    height: 85%;
    margin: 0px 50px;
}
/* Store icons */
.store_icon_grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    row-gap: 3em;
    column-gap: 1em;
    margin-bottom: 10px;
    float: left;
    margin-top: 20px;
}
.store_icon_grid p{
    color: #3a4692;
    font-weight: 900;
    text-align: center;
}
.store_icon_grid img{
    /* margin-left: 45px; */
    padding-bottom: 15px;
    height: 60px;
}
.store_icon_grid .align_text{
    text-align: center;
}

.head_store{
    /* text-align: center !important; */
    padding-bottom: 3em;
}

.head_store p{
    font-weight: 650;
    font-size: 20px;
}
.head2_store{
    color: #38479a;
}
.heading_store{
    background-color: #38479a;
    color: white;
    padding: 30px 0px;
}

.form-icon i {
    position: absolute;
    left:0;
    z-index:3;
}
 
.form-icon  {
    width: 100%;
    margin-bottom: 10px;
}
 
.icon {
    padding: 10px;
    min-width: 40px;
}
/* .popup-btn-1{
    background:rgb(21 60 214) !important;
    opacity: 1 !important;
}
.popup-btn-1:hover {
    opacity: 0.8 !important;
} */


.popup-btn-2, .popup-btn-1{
    background:rgb(21 60 214) !important;
    border-radius: 20px;
    width: 100%;
    margin-top: 1em;
    /* opacity: 1 !important; */
}
.popup-btn-2:hover, .popup-btn-1:hover {
    background-color: #fff !important;
    color: rgb(21 60 214);
}
.popup-btn-2:hover{
    color: #000;
}
.close{
    background: #FF0000 !important;
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
}
.pop-img{
    width: 100%;
}
.modal input::placeholder{
    /* color:rgb(21 60 214) !important; */
    color: #000;
}
.modal {
    position: fixed;
    top: 3em;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }
  
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
  }
  
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
  }
  
  @media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
      transition: none;
    }
  }
  
  .modal.show .modal-dialog {
    transform: none;
  }
  
  .modal.modal-static .modal-dialog {
    transform: scale(1.02);
  }
  
  .modal-dialog-scrollable {
    height: calc(100% - 1rem);
  }
  
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
  }
  
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
  }
  
  .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
  }
.bg-pop  {
    background: url(../images/popop_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    
}
  .modal-content {
    
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 50px 20px;
    pointer-events: auto;
    
    background-clip: padding-box; 
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    /* border-radius: 0.3rem; */
    outline: 0;
    border: 0px solid rgb(21 60 214);
    border-radius: 0px;
    
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
  }
  
  .modal-backdrop.fade {
    opacity: 0;
  }
  
  .modal-backdrop.show {
    opacity: 0.5;
  }
  
  .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
  }
  
  .modal-header .btn-close {
    padding: 0.5rem 0.5rem;
    margin: -0.5rem -0.5rem -0.5rem auto;
  }
  
  .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
  }
  
  .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
  }
  
  .modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
  }
  
  .modal-footer>* {
    margin: 0.25rem;
  }
  
  @media (min-width: 576px) {
    .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto;
    }
  
    .modal-dialog-scrollable {
      height: calc(100% - 3.5rem);
    }
  
    .modal-dialog-centered {
      min-height: calc(100% - 3.5rem);
    }
  
    .modal-sm {
      max-width: 300px;
    }
  }
  
  @media (min-width: 992px) {
  
    .modal-lg,
    .modal-xl {
      max-width: 800px;
    }
  }
  
  @media (min-width: 1200px) {
    .modal-xl {
      max-width: 1140px;
    }
  }
  
  .modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  
  .modal-fullscreen .modal-header {
    border-radius: 0;
  }
  
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
  
  .modal-fullscreen .modal-footer {
    border-radius: 0;
  }
  
  @media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
      width: 100vw;
      max-width: none;
      height: 40em;
      margin: 0;
    }
  
    .modal-fullscreen-sm-down .modal-content {
      height: 40em;
      border: 0;
      border-radius: 0;

    }
  
    .modal-fullscreen-sm-down .modal-header {
      border-radius: 0;
    }
  
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto;
    }
  
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0;
    }
  }
  
  @media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
  
    .modal-fullscreen-md-down .modal-content {
      height: 40em;
      border: 0;
      border-radius: 0;
    }
  
    .modal-fullscreen-md-down .modal-header {
      border-radius: 0;
    }
  
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto;
    }
  
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0;
    }
  }
  
  @media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
      width: 100vw;
      max-width: none;
      height: 40em;
      margin: 0;
    }
  
    .modal-fullscreen-lg-down .modal-content {
      height: 40em;
      border: 0;
      border-radius: 0;
    }
  
    .modal-fullscreen-lg-down .modal-header {
      border-radius: 0;
    }
  
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto;
    }
  
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0;
    }
  }
  
  @media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
      width: 100vw;
      max-width: none;
      height: 40em;
      margin: 0;
    }
  
    .modal-fullscreen-xl-down .modal-content {
      height: 40em;
      border: 0;
      border-radius: 0;
    }
  
    .modal-fullscreen-xl-down .modal-header {
      border-radius: 0;
    }
  
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto;
    }
  
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0;
    }
  }
  
  @media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
      width: 100vw;
      max-width: none;
      height: 100%;
      margin: 0;
    }
  
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0;
    }
  
    .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0;
    }
  
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto;
    }
  
    .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0;
    }
  }
/******************************

Testimonials

******************************/

.item {
    width: 100%;
}

.testimonial {
    width: 100%;
    padding: 0 15px;
}

.dialog {
    background-color: rgb(250, 251, 255);
    padding: 30px 30px 15px;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 18px 0 rgba(5, 16, 44, .15);
}

.dialog:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 18px 0 18px;
    border-color: rgb(250, 251, 255) transparent transparent transparent;
    position: absolute;
    bottom: 130px;
    left: 55px;
}
.comments-list .dialog img {
    margin-top: 10px;
}
.user-name {
    padding: 30px 30px 60px;
}
.comments-list .user-name {
    padding: 30px 30px 60px 0;
}
.cm-left{
	margin-left: -20px;
}
ul.comments-list ul.children:last-child .user-name{
    padding: 30px 0 60px 0;
}
ul.comments-list ul.children:last-child .cm-left{
	margin-left: -7px;
}
.blog .comments-list h3 {
    color: #2d3443;
}
.user-name .user {
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 18px 0 rgba(5, 16, 44, .15);
}
.comments-list .user-name .user {
    border-radius: 50%;
    overflow: hidden;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 15px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 18px 0 rgba(5, 16, 44, .15);
}
.comment-navigation .nav-links a{
	font-size: 20px;
    font-weight: 500;
	line-height: 1.2em;
    color: #607D8B;
    padding: 4px 0px;
	font-family: 'Poppins', sans-serif !important;
}
.comment-navigation .nav-links a:hover{
	color: #2d3443;
}
.pingback .testimonial .col-lg-1,
#comments-section .pingback .dialog::after{
	display: none;
}
.pingback .testimonial .cm-left.col-lg-11 {
    margin-left: 0;
}
.testimonial-slider {
    margin: 0 -15px 45px;
}

.testimonials-tooltip p {
    text-align: right;
    margin-right: 30px;
}

.nav-container-screen, .nav-container {
    text-align: right;
    padding: 17px 30px;
}

.nav-container-screen p, .nav-container p {
    padding-right: 30px;
}

.nav-container-screen div, .nav-container div {
    color: rgb(250, 251, 255);
    margin: 7.5px 2.5px 2.5px;
    cursor: pointer;
    position: relative;
    text-align: right;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 50%;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition: .4s;
    transition: .4s;
}

.nav-container-screen div:hover, .nav-container div:hover {
    color: rgb(250, 251, 255);
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.clients_logo_slider .owl-stage {
    display:flex;
    align-items: center;
    }
.clients_logo_slider{
    @media screen {
        
    }
}
.brands .item img {
    width: 150px;
    margin: 0 auto;   
}


.comments-list .dialog h1, .comments-list .dialog h2, .comments-list .dialog h3, .comments-list .dialog h4, .comments-list .dialog h5, .comments-list .dialog h6,
.single-mainpost h1, .single-mainpost h2, .single-mainpost h3, .single-mainpost h4, .single-mainpost h5, .single-mainpost h6 {
    margin: 20px 0;
}
.single-mainpost:after, .apparatus-post-block .text-box:after {
    display: block;
    clear: both;
    content: "";
}
.single-layout-one.dflt-page .rowplr-15{
	margin-left: -15px;
	margin-right: -15px;
}
.post-password-form label {
    font-size: 15.4px;
    font-weight: bold;
}
.post-password-form input {
    -webkit-box-shadow: 0 1px 1px 1px rgba(5, 16, 44, .2) !important;
    box-shadow: 0 1px 1px 1px rgba(5, 16, 44, .2) !important;
}
/* ---------------------------------------

Price

--------------------------------------- */
.pricing-custom-row{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 2em;
}
section.pricing {
    margin-left: 6px;
    margin-right: 6px;
	width: auto;
}
.pricing-table {
    text-align: center;
    cursor: default;
    margin: 0 auto;
    width: 100%;
    padding: 45px 30px;
    background-color: rgb(250, 251, 255);
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    -webkit-transition: .4s;
    transition: .4s;
}

.pricing-table:hover {
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

.pricing-table ul {
    padding: 0;
}
ul.pricing-detail.disabled-features{
	margin-bottom: 13px;
}
.pricing-detail li {
    list-style-type: none;
    padding: 8px 0;
	border-bottom: 1px solid #efeff0;
}
.pricing-detail li:last-child {
	border-bottom: none;
}
.pricing-detail.disabled-features li {
    border-top: 1px solid #efeff0;
	border-bottom: none;
}
.pricing-detail.gray {
    font-weight: 500;
    color: #2d3443;
}
.plan_price.bold span {
    font-size: 36px;
	line-height: 80px;
	font-weight: 650 !important;
	font-family: 'Poppins', sans-serif;
}
.plan_price.bold{
	font-weight: 600 !important;
	font-family: 'Poppins', sans-serif;
}
p.plan_desc{
	font-size: 13.7px;
}
.screens-1 img {
    width: 100%;
}

.price-header {
    font-size: 26px;
}
.price-header.bold{
	font-family: 'Poppins', sans-serif;
}
.pricing-table .button{
	margin: 15px 0 0 0;
}
.pricing-table .price-desc{
    width:105% !important;
}
/* .price-text{

} */
/* ---------------------------------------

Stats

--------------------------------------- */

.stats {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
}
.stats p.white{
	font-weight: 600 !important;
	font-size: 16px;
}
.stats i {
    font-size: 36px;
    margin-bottom: 15px;
}

.numeric {
    font-size: 36px;
}

/* ---------------------------------------

Blog

--------------------------------------- */
.blog p{
	color: #7A8190;
}
.blog h3{
	color: #2d3443;
}
.blog-card .img {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
	height:231px;
	background-size:cover;
	background-position:center;
}
.blog-grid-with-msnr .blog-card .img {
	height:190px;
}
.blog-description {
    padding: 25px;
}
.wpb_wrapper .blog-description .bold.dark {
    margin-bottom: 10px;
    color: #545d70;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 1.3em;
}
.nimg-row .blog-description.deflt-noimage {
    padding: 45px;
    margin-top: 27%;
}

.justone .nimg-row .blog-description.deflt-noimage,
.post_format-post-format-video .nimg-row .blog-description.deflt-noimage {
    padding: 45px;
    margin-top: 0;
}
.blog-description.deflt-image {
    padding-left:45px;
	padding-right: 45px;
	padding-bottom: 15px;
}
.blog .blog-card.nimg-row{
	height: 399px;
}
.blog .justone .blog-card.nimg-row{
	height: auto;
}
.wth-msnr .blog-description {
    padding: 30px;
}
.blog-description.noimg-post, .blog-description.img-post {
    padding: 40px;
	text-align: center;
	font-size: 1rem;
    line-height: 1.5;
}
.blog-description.noimg-post.sngle, .blog-description.img-post.sngle{
    padding: 40px 40px 25px 40px;
}
.blog-description.noimg-post .bdescrip{
	margin-bottom: 17px;
	font-weight: 300;
}
.blog-description span{
	font-weight: bold !important;
	font-size: 12px;
	line-height: 20px;
    padding-top: 5px;
	color: #2d3443;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.blog-description h2 {
    font-weight: bold;
	color: #2d3443;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5;
}
h2.oneonerem {
	font-size: 1.1rem;
}
.blog-description.img-post h2 {
	font-weight: 300;
    font-size: 1rem;
    line-height: 1.5;
	margin-bottom: 15px;
}
.wth-msnr ul.page-numbers {
    padding: 0;
}
.blog-frame {
    border-radius: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
}

.blog-card {
    z-index: 9;
    cursor: pointer;
    background-color: rgb(250, 251, 255);
    overflow: hidden;
    height: 100%;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    -webkit-transition: .4s;
    transition: .4s;
}
.blog-card iframe, .news-block .outer iframe, .single-mainpost iframe{
	width: 100% !important;
}
.blog-card.h-auto{
	height: auto;
}
.blog-card:hover {
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

.blog-card:hover.blog-card .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.more-tooltip {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    padding-top: 6.5px;
    margin-left: -17.5px;
    margin-top: -17.5px;
    height: 35px;
    width: 35px;
    color: rgb(250, 251, 255);
    border-radius: 50%;
    text-align: center;
    z-index: 999999999999;
    -webkit-box-shadow: 0 2px 400px 5000px rgba(0, 0, 0, 0.40);
    box-shadow: 0 2px 400px 5000px rgba(0, 0, 0, 0.40);
    -webkit-transition: .4s;
    transition: .4s;
}

.more-tooltip:hover {
    color: rgb(250, 251, 255);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.blog-card:hover .more-tooltip {
    opacity: 1;
}
.sticky .blog-card{
    background: #f7f7f7;
    border: 1px solid #ddd;
}
.pplr .sticky{
	display: none;
}


/* ---------------------------------------

Contact

--------------------------------------- */

.bg_form {
    /*background-image:url(../images/form/desktop_2.jpg);*/
    background-size: cover;
    padding-inline:10px;
    background-position:100%;
    background: rgb(20,65,104);
    background: linear-gradient(90deg, rgba(20,65,104,1) 50%, rgba(3,157,205,1) 100%);
}

.form_col {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px 10px
}

.mobile_view {
    display: none;
    border-radius: 10px;
    width: 100%;
}

.position_rel {
    position: relative;
    z-index: 1;

}

.pop_form_img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pop_img {
    width: 60%;
}

.modal-dialog  .form_col {
    min-height: 470px;
}

.button_popup {
    /* position: absolute;
    z-index: 1;
    bottom: 0;
    width: max-content;
    margin: auto; */
    /* position: absolute; */
    margin-top: 1em;
    z-index: 1;
    top: 23em;
    left: 4.5em;
    width: max-content;
    margin: auto;
}

.form-text {
    margin-bottom: 10px !important;
}

.desktop_view {
    border-radius: 10px;
}

input {
    padding: 10px 15px;
    width: 100%;
    height:45px;
    border: none;
    background-color:rgb(235 235 235);
    border-radius: 5px;
    margin-bottom:10px;
    transition: .4s;
    -webkit-transition: .4s;
}

input:focus {
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

textarea {
    padding: 10px 15px;
    width: 100%;
    border: none;
    background-color:rgb(235 235 235);
    border-radius:10px;
    margin-bottom:15px;
    border: none;
    transition: .4s;
    -webkit-transition: .4s;
	line-height: 1.5;
}

textarea:focus {
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

::-webkit-input-placeholder {
    color: #000000;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #000000;
    font-weight: 400;
}

::placeholder {
    color: #000000;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #000000;
    font-weight: 400;
}

::-ms-input-placeholder {
    color: #CFD8DC;
    font-weight: 400;
}

.submit {
    cursor: pointer;
    width: 100%;
    min-height: 60px;
    color: #F7F8FC;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    transition: .4s;
    -webkit-transition: .4s;
}

.submit:hover {
    color: rgb(250, 251, 255);
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}
#contact .section-title{
    width: 80%;
    margin: auto;
    text-align: center;
}

.popup {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    z-index: 99999999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

.n-active-popup {
    display: none;
}

.active-popup {
    display: block;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.popup-window {
    border-radius: 10px;
    text-align: center;
    margin: auto;
    margin-top: 30vh;
    padding: 30px 0 35px;
    width: 400px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    background-color: #fff;
}

.popup-window img {
    margin: auto;
    width: 60px;
    margin-bottom: 30px;
}

.popup-window .item-title {
    margin: 0 auto;
}

.popup-window .text {
    margin: 10px auto 0;
}

.contact .container {
    position: relative;
}

.bg-map {
    top: 35px;
    position: absolute;
    width: 100%;
    opacity: .04;
    /* padding: 0 5%; */
}

.bg-map img {
    width: 100%;
}

.contact-social-icons ul {
    text-align: right;
    padding: 15px 0;
}

.contact-social-icons ul li {
    display: inline-block;
    list-style-type: none;
    margin: 15px;
}

.contact-social-icons ul li a i {
    color: #2d3443;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition: .4s;
    transition: .4s;
}

.contact-social-icons ul li a i:hover {
    color: #2d3443;
    -webkit-transform: translateY(-2px) scale(1.05);
    transform: translateY(-2px) scale(1.05);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/* ---------------------------------------

Footer

--------------------------------------- */

.footer-nav {
    padding: 0;
    float: right;
    margin: auto;
}

.footer-nav li {
    display: inline-block;
    list-style-type: none;
}
.footer-nav li:last-child a{
	padding-right: 1px;
}
footer {
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
}

.footer-copyright {
    background-color: #263238;
}

.footer-copyright .row {
    height: 100%;
    padding: 15px 0 7.5px;
}

.footer-copyright a {
    color: #F7F8FC;
}

.footer-copyright a:hover {
    text-decoration: underline;
}

.footer-nav li a {
    font-weight: 500;
    opacity: .7;
    color: #F7F8FC;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: .4s;
    transition: .4s;
	display:block;
	padding:.5rem 1rem;
	font-family: 'Poppins', sans-serif;
}

.footer-nav li a:hover {
    opacity: 1;
    color: #F7F8FC;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

.author {
    text-align: right;
}



/* ---------------------------------------

Blog page

--------------------------------------- */

.header-blog {
    padding-top: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 15px 30px 0 rgba(5, 16, 44, .15);
	background-image: url('images/backgrounds-min/ambient-min.jpg');
}

.header-blog .container {
    position: relative;
    height: 100%;
}

.header-row {
    height: 100%;
}

.navbar-blog {
    position: fixed;
    padding: 15px 0;
    background-color: rgb(250, 251, 255);
    border-radius: 0;
    -webkit-box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 20px 0 rgba(5, 16, 44, .15);
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.blog .page-numbers {
    margin-bottom: 100px;
    margin-top: 30px;
}
.blog.wth-msnr .page-numbers {
    margin-bottom: 25px;
    margin-top: 30px;
}
.page-numbers .page-item .page-link {
    border: none;
    padding: 15px 20px;
    background-color: transparent;
    border-radius: 5px;
    font-weight: bold;
    color: #2d3443;
    -webkit-transition: .3s;
    transition: .3s;
}

.page-numbers .page-item .active,
.page-numbers .page-item .page-link:hover {
    background-color: rgb(250, 251, 255);
    -webkit-box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .18);
    box-shadow: 0 20px 30px 0 rgba(5, 16, 44, .20);
    -webkit-transform: translateY(-3px) scale(1.01);
    transform: translateY(-3px) scale(1.01);
}

.post-text img, .post-text .blog-single-post img.wp-post-image {
    width: auto;
    max-width: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 5px 30px 0 rgba(5, 16, 44, .15);
    margin-bottom: 20px;
    height: auto;
}
.post-text .blog-single-post img.wp-post-image{
	margin-bottom: 35px;
}
.single-layout-one .post-text .blog-single-post img.wp-post-image {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}
.post-text img{
	border-radius: 0;
}
.post-text p, blockquote{
	margin-top: 0;
    margin-bottom: 1rem;
}
blockquote {
    border-radius: 10px;
    font-style: italic;
    padding: 30px;
	color: #90A4AE;	
	padding: 30px;
    background: #eff0f5;
    font-size: 16px;
    font-weight: 400;
    border-left: 5px solid;
    position: relative;
    z-index: 2;
    border-radius: 5px;
}

.input-group input {
    border-radius: 10px;
    border: none;
    border-radius: 10px;
    padding-left: 20px;
    outline: inherit;
}

.input-group input:focus {
    outline: inherit;
    -webkit-transform: none;
    transform: none;
}

.input-group button {
    border-radius: 0 10px 10px 0;
    border: none;
    color: #F7F8FC;
    border-radius: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.team-member img{
    width: 60%;
    margin-left: 20%;
    margin-bottom: -90px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    border-radius: 10px;
}

.member-descr {
    padding: 115px 20px 20px;
     -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    border-radius: 10px;
}

.member-social ul {
    padding: 0;
}

.member-social ul li {
    list-style-type: none;
    display: inline;
}

.member-social ul li a i {
    color: #2d3443;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition: .4s;
    transition: .4s;
}

.member-social ul li a i:hover {
    color: #2d3443;
    -webkit-transform: translateY(-2px) scale(1.05);
    transform: translateY(-2px) scale(1.05);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.pagiloader{
	text-align: center;
    padding: 100px;
}
.newsletter_section #output{
	color:#fff;
	margin-top: 10px;
    transition: 0.5s;
}
.newsletter_section .newsletter-loader{
width:35px;
height:35px;
margin-top: 8px;
display: none;	
}
.newsletter_section .btn{
border-radius: 0px 10px 10px 0px !important;	
}
/*for footer*/
footer #footer-output{
	color:#fff;
	margin-top: 10px;
    transition: 0.5s;
}
footer img.footer-newsletter-loader{
	width:35px;
	height:35px !important;
	margin-top: 8px;
	display: none;
}
footer .btn{
	border-radius: 10px !important;	
}
/*End for footer*/

.blog-single-post p{
	color: #2d3443;
	font-weight: 300;
}
.blog-single-post .single-mainpost p{
	font-weight: 500;
}
select {
    padding: 15px 20px;
    width: 100%;
    height: 60px;
    border: none;
    background-color: rgb(250, 251, 255);
	color:#607D8B;
	border-radius:10px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 10px 30px 0 rgba(5, 16, 44, .15);
    transition: .4s;
    -webkit-transition: .4s;
}
#comments-section .comments{
    margin-top: 35px;
	padding-top: 70px;
}
 #comments-section .comments.nogap{
    margin-top:0;
    padding-top:0;
    border-top:none;
}
ul.comments-list{
	padding-left: 0;
}
.comments-list li{
	list-style-type: none;
}
.comments-list li .dialog ul, .comments-list li .dialog ul li{
    list-style-type: disc;
}
.comments-list li .dialog ol, .comments-list li .dialog ol li{
    list-style-type: decimal;
}
.comments-list li .dialog ul, .comments-list li .dialog ol{
	margin-bottom: 20px;
}
.comments-list li .dialog ul li ul, .comments-list li .dialog ul li ul li ul, .comments-list li .dialog ol li ol, .comments-list li .dialog ol li ol li ol{
	margin-bottom: 0;
}
 .comment-respond{
    margin-top: 70px;
    padding-top: 0;
    position:relative;
}
.comment-respond button.button{
	margin-top: 0;
	-webkit-box-shadow: 0 1px 1px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 1px 1px 0 rgba(5, 16, 44, .15);
    transition: .4s;
}
 .comment-respond .comment-field-heading{
    text-transform:capitalize;
    margin-bottom:10px;
    font-size:18px;
}
 #comments-section .comment-field-heading{
    font-family:"Poppins", sans-serif;
    line-height:initial;
    font-weight:700;
}
 .comment-field-heading{
    font-family:Poppins,sans-serif;
    font-size:16px;
    font-weight:700;
}
h3.author_info{
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
    line-height: 1.5;
}
/*Single Page Only*/
.ft_single_page section.dflt-page.single-layout-one h1{
	margin-bottom: .5rem;
}
section.dflt-page.single-layout-one .text-box img{
	width: auto;
    max-width: 100%;
	height: auto;
}

/*END Single Page Only*/
@media (max-width: 991px) {
#comments-section .dialog::after, .sm-noshow{
	display: none;
}
.cm-left{
	margin-left: 0px !important;
}
}
.testimonial.com{
	padding: 0;
}
 .single .comments{
    margin-bottom:18px;
    padding-top:10px;
    margin-top:-10px;
}
 .comment-field-heading{
    line-height:30px;
    margin-bottom:7px;
    margin-top:10px;
}
 .comment-notes{
    font-size:12px;
}
 .comment-form .btn{
    margin-bottom:30px;
    margin-left:0;
}
 .comment-respond .form-control{
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
 .comment-field-heading{
    font-family:"Poppins", sans-serif;
    font-size:16px;
    font-weight:700;
}
.heading-comments-section{
	font-size: 24px;
}
 .single .comments{
    margin-bottom:18px;
    padding-top:10px;
    margin-top:-10px;
}
 .comment-field-heading{
    line-height:30px;
    margin-bottom:7px;
    margin-top:40px;
}
 .comment-notes{
    font-size:12px;
}
 .comment-form .btn{
    margin-bottom:30px;
    margin-left:0;
}
 .comment-respond .form-control{
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.comment-form .row {
    margin-right: -15px;
    margin-left: -15px;
}
.comment-form .col-sm-6, .comment-form .col-sm-12{
	padding-right: 22px;
	padding-left: 22px;
}
 .comment-form p{
    margin-bottom: 35px;
}
.comment-form p.form-submit {
    margin-bottom: 0;
}
 .comment-form p:last-child{
    margin-bottom:0;
}
 .comment-form p.comment-feild{
    margin-bottom:32px;
}
p.logged-in-as{
	font-size: 13px;
    line-height: 14px;
}
 .comment-feild label{
    display:block;
    font-size:14px;
    text-transform:capitalize;
    font-weight:600;
    margin-bottom:.5rem;
    line-height:26px;
}
 input::placeholder,textarea::placeholder {
     opacity: 1;
    /* Firefox */
}
 #comments-section .author_info{
     display:inline-block !important;
}
 #comments-section .comment_time{
     font-size: 12px;
     font-weight: normal;
     margin-left: 20px;
}
#comments-section .author_info .comment_time {
    text-transform: none;
}
 #comments-section .dialog::after {
     content: '';
     width: 0px;
     height: 0px;
     border-style: solid;
     border-width: 20px 18px 0 18px;
     border-color: rgb(250, 251, 255) transparent transparent transparent;
     position: absolute;
     top: 42px;
     left: 0;
     transform: rotate(90deg);
}
 .comment-meta{
     float:right;
     color: #607D8B;
}
 .comment-meta a{
     color: #607D8B;
}
#comments-section article {
    padding-top: 30px;
    padding-bottom: 15px;
    border-bottom: none;
}
 #comments-section .user img{
     width: 100%;
     height:100%;
}
 .logged-in-as a{
     color: #607D8B;
}
.search-no-results .bold.heading1{
	font-size: 44px;
    line-height: 1.2;
	color: #2d3443;
}
/*Dropdown*/
@media (min-width: 992px) {
.lmb-0 {
    margin-bottom: 0;
}
.navbar ul.sub-menu li > a{
	font-size: 14px;
	font-weight: 600;
	-webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition: .4s;
    transition: .4s;
}
.navbar ul.sub-menu li:hover > a{
	-webkit-transform: translateY(-2px) scale(1.05) !important;
    transform: translateY(-2px) scale(1.05) !important;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.navbar .sub-menu{
	position:absolute;
	left:0;
	width:200px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:ease .35s;
	transition:ease .35s;
	z-index:1100;
	background: rgb(250, 251, 255);
	-webkit-box-shadow:0px 0px 1px #bbb;
	box-shadow:0px 0px 1px #bbb;
	font-size:13px;
	font-weight:500;
	padding:15px 0;
	border-top:2px solid #898989;
	border-bottom:2px solid #898989;
}
.navbar .sub-menu a{
	color:#848484;
	display:block;
	padding:10px 23px;
}
.navbar .sub-menu a:hover{
	-webkit-transform:translateX(7px);
	transform:translateX(7px);
}
.navbar .sub-menu .sub-menu{
	top:-17px;
	left:100%;
	margin-top:0px;
	margin-left:20px;
}
.navbar .sub-menu li.menu-item-has-children > a:after{
	content:'\f105';
	font-family: 'Font Awesome\ 5 Free';
	float:right;
	margin-left:10px;
	color:#777;
}
.navbar li:hover > .sub-menu{
	opacity:1;
	visibility:visible;
	margin-top:0;
	margin-left:0;
}
.navbar ul li ul.dm-align-2 li a:hover {
    background-color: inherit;
    border-radius: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-timing-function: none;
    transition-timing-function: none;
}
.navbar-nav li.dropdown ul.dm-align-2 li{
	list-style: none;
}
.comment-form .row {
    margin-left: -22px;
}
.logged-in .comment-form .row {
    margin-left: -15px;
}
}
/*menu last child css*/
@media (min-width: 992px) and (max-width: 1199px){
.navbar ul.navbar-nav li:last-child  .dm-align-2, .navbar ul.navbar-nav li:nth-last-child(2)  .dm-align-2 {
    width: 160px;
}
.navbar ul.navbar-nav li:last-child .sub-menu .sub-menu{
    left: 57%;
	width: 135px;
}
.navbar ul.navbar-nav li:nth-last-child(2) .sub-menu .sub-menu{
    left: 68%;
	width: 135px;
}
.navbar ul.navbar-nav li:last-child .sub-menu li.menu-item-has-children > a:after, .navbar ul.navbar-nav li:nth-last-child(2) .sub-menu li.menu-item-has-children > a:after {
    float: none;
    margin-left: 50px;
}

.navbar ul.navbar-nav li:nth-last-child(3)  .dm-align-2 {
    width: 175px;
}
.navbar ul.navbar-nav li:nth-last-child(3) .sub-menu .sub-menu{
    left: 68%;
	width: 175px;
}
.navbar ul.navbar-nav li:nth-last-child(3) .sub-menu li.menu-item-has-children > a:after{
	float: none;
	margin-left: 55px;
}
}
@media (min-width: 1200px){
.navbar ul.navbar-nav li:last-child  .dm-align-2, .navbar ul.navbar-nav li:nth-last-child(2)  .dm-align-2 {
    width: 180px;
}
.navbar ul.navbar-nav li:last-child .sub-menu .sub-menu {
    left: 63%;
	width: 135px;
}
.navbar ul.navbar-nav li:nth-last-child(2) .sub-menu .sub-menu {
    left: 67%;
	width: 135px;
}
.navbar ul.navbar-nav li:last-child .sub-menu li.menu-item-has-children > a:after, .navbar ul.navbar-nav li:nth-last-child(2) .sub-menu li.menu-item-has-children > a:after {
    float: none;
    margin-left: 50px;
}
.navbar .sub-menu .sub-menu.menu-depth-3,
.navbar .sub-menu .sub-menu.menu-depth-4,
.navbar .sub-menu .sub-menu.menu-depth-5,
.navbar .sub-menu .sub-menu.menu-depth-6,
.navbar .sub-menu .sub-menu.menu-depth-7,
.navbar .sub-menu .sub-menu.menu-depth-8,
.navbar .sub-menu .sub-menu.menu-depth-9,
.navbar .sub-menu .sub-menu.menu-depth-10,
.navbar .sub-menu .sub-menu.menu-depth-11,
.navbar .sub-menu .sub-menu.menu-depth-12 {
    top: auto !important;
    left: auto !important;
    margin-top: 0px !important;
    margin-left: 12px !important;
	width: 200px !important;
}
}
/*menu last child end*/
@media (max-width: 991px){
.navbar-nav li.dropdown ul.dm-align-2 li {
    list-style-type: none;
	margin: 0 5px;
    border-radius: 5px;
}
.navbar-nav li.dropdown ul.dm-align-2 {
    opacity: 1;
    visibility: visible;
	display: block;
    position: relative;
    width: auto;
    padding: 0 0 0 30px;
    border-radius: 2px;
    z-index: 555;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
	border-top: none;
	box-shadow: none;
}
.navbar-nav li.dropdown ul.dm-align-2.sm-noshow {
	display: none;
}
.dropdown-toggle::after{
	display: none;
}
.navbar-nav li.dropdown ul.dm-align-2 li a {
    color: #2d3443;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: .4s;
    transition: .4s;
	padding-right: 0;
	background: transparent;
}
}
/*New*/
.st-two-ft_image{
	background-color: rgb(250, 251, 255);
}
.the-404 .heading1.bold {
	font-size: 36px;
    line-height: 40px;
}
.the-404 .heading1.small {
	font-size: 20px;
    line-height: 1.2em;
    max-width: 460px;
    margin: 10px auto;
}
.the-404 h2.heading2 {
	font-weight: 800;
    font-size: 350px;
    line-height: 1em;
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link.button {
    padding-right: 45px;
    padding-left: 45px;
}
}
@media (max-width: 991px){
.navbar-expand-lg .navbar-nav .nav-link.button {
    padding-right: 45px;
    padding-left: 45px;
}
}
.navbar ul li a.button{
	color: #fff;
	font-size:16px;
	padding-top:10px;
	padding-bottom:10px;
	width: fit-content;
    height: auto;
	margin:0;
}
.navbar ul li:hover a.button{
	color: #fff;
}
.navbar ul .button.active, .navbar ul li.button a:hover{
	background-color: inherit;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ml15{
	margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 992px){
.fleft{
	float: left;
}
.fright{
	float: right;
}
.thome404{
	margin-left: 15px;
}
}
@media (min-width: 768px){
.extramargin{
	margin-left: -36px;
	margin-right: -36px;
}
}
@media (max-width: 991px){
.navbar ul .active, .navbar ul li:hover, .navbar ul li a:hover  {
    background-color: inherit;
    border-radius: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.navbar .sub-menu a:hover, .navbar-nav a.nav-link:hover, .navbar ul .active{
	-webkit-transform:translateX(1px);
	transform:translateX(1px);
}
.navbar-collapse{
	max-height: 340px;
}
.navbar-collapse.drop{
	overflow-y:auto;
	position:relative;
	max-height: 340px;
    overflow-x: visible;
}
.navbar-nav .nav-link {
    padding: 9px 0;
	font-size: 15px;
	line-height: 23px;
}
.navbar ul.dm-align-2 li a {
    font-weight: inherit;
}
.navbar-nav ul.menu-depth-4, .navbar-nav ul.menu-depth-5, .navbar-nav ul.menu-depth-6, .navbar-nav ul.menu-depth-10,
.navbar-nav ul.menu-depth-7, .navbar-nav ul.menu-depth-8, .navbar-nav ul.menu-depth-9, .navbar-nav ul.menu-depth-11{
    padding-left: 0;
}
.navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-4 li, .navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-5 li, .navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-6 li,
.navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-10 li, .navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-7 li, .navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-8 li,
.navbar-nav li.dropdown ul.dm-align-2 ul.menu-depth-9 li, .navbar-nav ul.menu-depth-11 li{
    margin-left: 0;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar .sub-menu .sub-menu.menu-depth-3,
.navbar .sub-menu .sub-menu.menu-depth-4,
.navbar .sub-menu .sub-menu.menu-depth-5,
.navbar .sub-menu .sub-menu.menu-depth-6,
.navbar .sub-menu .sub-menu.menu-depth-7,
.navbar .sub-menu .sub-menu.menu-depth-8,
.navbar .sub-menu .sub-menu.menu-depth-9,
.navbar .sub-menu .sub-menu.menu-depth-10,
.navbar .sub-menu .sub-menu.menu-depth-11,
.navbar .sub-menu .sub-menu.menu-depth-12 {
    top: auto !important;
    left: auto !important;
    margin-top: 0px !important;
    margin-left: 12px !important;
	width: 175px !important;
}
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-3,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-4,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-5,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-6,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-7,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-8,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-9,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-10,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-11,
.navbar .parent-items-8 .sub-menu .sub-menu.menu-depth-12,
.navbar .parent-items-8 .sub-menu{
	width: 145px !important;
}
}
@media (max-width: 767px){
    .features-custom-row{
        display: block;
        padding: 2em;
    }
    .pricing-custom-row{
        display: block;
        padding: 1em;
    }
    .footer-copyright .row {
        height: 100%;
        padding: 15px 0 15px;
    }
    /* .custom-row{
        row-gap: 1em;
        flex-direction: column-reverse;
    }     */
    .pop_form_img{
        display: none;
    }
    .mobile_view {
        display: inherit;
        margin-bottom: 2em;
    }

   

    .bg_form {
        background: linear-gradient(to bottom, #061b44, #09b5e8);
    padding: 50px 10px;
    }

    .bg-pop {
        background: linear-gradient(to bottom, #061b44, #09b5e8);
    }

    .button_popup {
        /* position: absolute; */
        margin-top: 1em;
        z-index: 1;
        bottom: 0;
        width: 75%;
        left: 12.5%;
    }

    .pop_img {
       
        width: 50%;
    }
    .desktop_view {
        display: none;
    }

    .ft_single_page .p-75-60 {
        padding: 50px 0 35px;
    }
    .ft_blog_page .p-75-5 {
        padding: 50px 0 30px;
    }
    .page-template-page-vc .p-75-60 {
        padding: 15px 0 60px;
    }
    .page-template-page-vc .p-90-0 {
        padding: 70px 0 0;
    }
    .page-template-page-vc .features.p-0-60{
        margin-top: -40px;
    }
    .page-template-page-vc .blog.p-55-60{
        padding: 55px 0 40px;
    }
    .page-template-page-vc .pricing.p-55-60{
        padding: 55px 0 0;
    }
    .page-template-page-vc .vc_row.wpb_row .wpb_column:last-child .pricing.p-55-60{
        padding: 55px 0 60px;
    }
    .page-template-page-vc .section-title.mb-m5{
        margin-bottom: -20px;
    }
    .page-template-page-vc .section-title.mb-70 {
        margin-bottom: 0px;
    }
    .page-template-page-vc .vc_empty_space {
        margin-bottom: 0;
    }
    .page-template-page-vc .section-title.sm-ac.mb-90{
        margin-bottom: 40px;
    }
    .page-template-page-vc .testimonial-slider {
        margin-bottom: 30px;
    }
    .alert{
        margin-top: 1rem;
    }
    .the-404 h2.heading2 {
        font-size: 90px;
    }
}
@media (min-width: 575px) and (max-width: 767px){
.page-template-page-vc .testimonial-slider .item {
    width: 95%;
}
.page-template-page-vc .testimonial {
    width: 100%;
    padding: 15px 0 0 45px;
}
.contact .section-title.mb-70 {
    margin-bottom: 0;
}


}
@media(max-width:350px){
    .navbar-toggler{
        display:none;
    }
}
@media (max-width: 574px){
.page-template-page-vc .testimonial-slider .item {
    width: 98%;
}
.page-template-page-vc .testimonial {
    padding: 15px 0 0 38px;
}
.page-template-page-vc .dialog {
    -webkit-box-shadow: 0 5px 5px 0 rgba(5, 16, 44, .15);
    box-shadow: 0 5px 5px 0 rgba(5, 16, 44, .15);
}
.about-1 .screens-1{
	padding-top: 30px;
}
.page-template-page-vc .button {
    padding: 13px 27px;
}
.mb-30 {
    margin-bottom: 5px;
}
.mb-5, .my-5 { 
    margin-bottom: 1rem!important;
}
.h2, h2 {
    font-size: 1rem;
}
.h1, h1 {
    font-size: 1.8rem;
}
.page-template-page-vc .vc_empty_space {
    height: 10px !important;
}
.heading2.sm-white{
    font-size: 30px !important;
    width: 100%;
    margin-top: -5em;
}

.dif-mobile-bg {
    height: 80vh!important;
}
.p-0-55 {
    padding: 0 0 35px;
}
.card-features {
    min-height: 270px;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.user-name {
    padding: 30px 30px 60px 0;
}
.cm-left {
    margin-left: -8px;
}
ul.comments-list ul.children:last-child .user-name {
    padding: 30px 0 60px 0;
    margin-left: -7px;
}
ul.comments-list ul.children:last-child .cm-left {
    margin-left: -5px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.wpb_wrapper .dialog:after {
    bottom: 156px;
}

}


@media (min-width: 420px) and (max-width: 767px) {
.wpb_wrapper .dialog:after {
    bottom: 130px;
	left: 80px;
}
}
@media (max-width: 419px){
.wpb_wrapper .dialog:after {
    bottom: 160px;
	left: 80px;
}
}
.noshow{
	display:none;
}
@media screen and (max-width: 599px){
#wpadminbar {
    position: fixed;
    top: 0;
}
.blog.p-90-70{
	padding-top: 45px;
}
.ft_single_page .blog.p-90-70 {
    padding-top: 45px;
    padding-bottom: 45px;
}
.blog.p-90-70.pplr {
    padding-top: 60px;
	padding-bottom: 40px;
}
.blog.pplr .post{
	margin-bottom: 45px;
}
}

.heading2.sm-white span{
	color: #2d3443;
}
.heading2.sm-white .thin {
    font-weight: 650;
}
.features .card-features p.bold, .wpb_wrapper .blog-description .bold.dark{
	-webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: .4s;
    transition: .4s;
}
.vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
a.added_to_cart{
	border-radius:5px;
	font-size: 15px;
}





/* 
@media screen and (orientation:landscape)
and (max-device-width: 1180px) {
    #top .bg-scroll .logo , #top .logo{
        width: 25%;
    }

} */

.call-to-action .app_btn.app_btn_one{
    vertical-align:middle;
}
.call-to-action .app_btn.app_btn_two{
    vertical-align:middle;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin-left:20px;
}
.call-to-action .app_btn{
    font:500 16px Poppins,sans-serif;
    padding:12px 34px;
    color:#2d3443;
    background:#fff;
    line-height:27px;
    -webkit-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    min-width:200px;
    text-align:center;
    
}
.app_btn{
    display:inline-block;
    border-radius:45px;
    /* border:1px solid rgba(0, 0, 0, 0.441); */
}

.call-to-action .app_btn.app_btn_one img{
    padding-right:12px;
}
.call-to-action .app_btn i{
    font-size:25px;
    padding-right:10px;
    vertical-align:sub
}
.call-to-action .app_btn:hover {
    box-shadow:0px 2px 25px 4px #fff;
    /* background-color: #fff;
   
    filter: blur(15px);
    opacity: 1;
    z-index: -1; */
}
/* .call-to-action .app_btn:hover{
    color:#2d3443;
    background:#fff;
} */


/* Additional css */
.fas {
    font-family: 'Font Awesome 4 Free';
    font-weight: 900;
}
.header-tooltip .fa{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.bounce {
	-webkit-animation: bounce 4s ease-in-out infinite;
	animation: bounce 4s ease-in-out infinite
}
@keyframes bounce {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	30% {
		-webkit-transform: translateY(-60px);
		transform: translateY(-60px)
	}

	40% {
		-webkit-transform: translateY(15px);
		transform: translateY(15px)
	}

	50% {
		-webkit-transform: translateY(-12px);
		transform: translateY(-12px)
	}

	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}

	70% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
.custom-f-mobile{
    display: none;
}
.works-container{
    text-align: center;
    padding-top: 2em;
}

.matm-img{
    width: 75%;
    margin-left: 5em;
}
.form-text input::placeholder{
    color: #000;
}
.custom-heading-2{font-size:16px;font-weight:500;line-height:30px;}
.dropdown-custom{
    padding-left:1em;
    font-weight: 400;
    color: #495057;
    position: relative;
    z-index: 2;
}

.mobile-man-img img{
    width: 80%;
    margin-left: 3em;
}
.sticky-button {
    display: none;
    position: fixed;
    top: 360px;
    right: -9em;
    z-index: 9999;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.enq-btn{
    background: rgb(21 60 214) !important;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 10px;
}
.logo{width:60%;}
#menu-main-menu{flex-wrap:wrap;}
.navbar .navbar-brand{margin-right:0;}
.bg-scroll #menu-main-menu{margin-left:0;}
.home  input.popup-btn-1 {
    padding: 12px;
    width: 150px;
    border-radius: 50px;
    max-height: 50px;
}


@media (max-width: 1024px){
    #top .bg-scroll .logo{
        width: 40%;
    }

    .modal-dialog  {
        max-width: 95%;
    }

    .bg_form {
        background-size: 100% 100%;
    }

    .main-title{
        margin-top: 10px;
    }
    .main-title h1{
        width: 80%;
    }
    .header {
        width: 100%;
        height: 80vh;
    }

    .hero_banner {
        width: 80%;
        margin-left: 10%;
    }
    .button_popup{
        left:25%;
    }
    .pricing-custom-row {
        display: grid;
        grid-template-columns: 80%;
        justify-content: center;
    }
    .features-custom-row{
        grid-template-columns: repeat(2,1fr);
    }
    .feature_bg1, .feature_bg2, .feature_bg3, .feature_bg4, .feature_bg5, .feature_bg6, .feature_bg7, .feature_bg8{
        min-height: 350px;
        background-size:cover;
        display: grid;
        align-items: center;
    }
    .features img {
        width: 300px;
        margin: auto;
    }
    .pd4 img{
    padding-top:0em;
}
        
}

@media (max-width: 800px) {
    .main-title h1 {
        width: 100%;
        font-size: 30px!important;
    }
    
    .hero_banner {
        width: 70%;
        margin-left:0%;
    }
    .thin {
        font-weight: 500;
        font-size: 13px!important;
    }
    #top .bg-scroll .logo {
        width: 55%;
    }

    .logo {
        height: 50px;
        width: 65%;
    }
    
}

@media (max-width:476px)
{
	.call-to-action .app_btn.app_btn_two{
        margin-top:10px;
        margin-left:0
    }
    
    .logo{
        height:50px;
        width:130%;
    }

    .clients_logo_slider{
        padding-top:75px;
    }
    #top .bg-scroll .logo{
        width: 130%;
        height: 50px;
    }
    .store_icon_grid{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        row-gap: 5em;
        column-gap: 1em;
        width: 100%;
    }
    
    .shopdeviceman{
        width: 100%;
        margin: 0px 10px;
        min-height: 500px;
        object-fit: contain;

        
    }
    #whyus{
        padding-left:15px;
    }
    #contact .lst_btn{
        width:100% !important;
        padding: 5%;
    }
    .sticky-button_mobile {
        display: none;
        position: fixed;
        bottom: 0px;
        width:100% ;
        z-index: 9999;
        right:0% !important;
        top:inherit;
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);

    }
    .enq-btn{
        border-radius: 0px;
        width: 100%;
        font-size: 20px;
        position: fixed;
        bottom: 0;
    }
    .custom-f-mobile{
        display: inherit;


    }
    /* #about .matm-center{
        text-align: center !important;
    } */

    .row_reverse {
        flex-direction: column-reverse;
    }
    
    .hero_banner {
        width: 100%;
        padding-top: 6rem;
    }

    .bg_position_left {
        background-position: left !important;
    } 
 
    .header{height: 95vh;}
    
    .container .row_reverse .text_black {
        color: #000 !important;
    }

    
    .margin_b_25vh {
        margin-bottom: 25vh;
    }

    .pop_form_img {
        bottom: 25vh;
    }
    .feature_bg1, .feature_bg2, .feature_bg3, .feature_bg4, .feature_bg5, .feature_bg6, .feature_bg7, .feature_bg8{
        min-height: 311px;
        background-size:cover;
        display: grid;
        align-items: center;
    }
    .features img {
        width: 250px;
        margin: auto;
    }
    .pd4 img{
    padding-top:0em;
}
}


.navbar-toggler:focus {
outline: none;
border:none;
box-shadow: none;
}

logo-image{
padding-left:0;
padding-right:0;
padding-top:4px
}
.navbar ul li a.active,.navbar ul li a:hover,.features .card-features:hover p.bold,.wpb_wrapper .blog-description:hover .bold.dark,.plan_price.bold,a.link,.heading2.sm-white{color:#0570c3;}
.bg-color-1,.nav-container-screen div,.nav-container div,button,.btn,input[type="submit"]{background:transparent linear-gradient(90deg,rgba(31,108,199,1) 0%,rgba(73,172,229,1) 100%) 0% 0% no-repeat padding-box}
.bg-color-2,.woocommerce .button,.woocommerce .login .button,.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:hover,.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li:hover,.woocommerce .product ul.tabs li.active a,.woocommerce .product ul.tabs li:hover a,
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce .button:hover,.wc-forward:hover,.woocommerce .login .button:hover,.woocommerce a.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.added_to_cart.wc-forward:hover,.woocommerce .menu-card:hover .button,.woocommerce .menu-card:hover .wc-forward,
.woocommerce .menu-card:hover a.button,.woocommerce a.added_to_cart.wc-forward{
background:transparent linear-gradient(90deg,rgba(31,108,199,1) 0%,rgba(73,172,229,1) 100%) 0% 0% no-repeat padding-box
}
.navbar button.navbar-toggler{
background:transparent!important
}
.wp-block-quote:not(.is-large):not(.is-style-large),.woocommerce a.added_to_cart.wc-forward:hover{
border-color:rgba(73,172,229,1)
}
.woocommerce .button,.woocommerce .login .button,.woocommerce div.product form.cart .button,.woocommerce div.product form.cart .button:hover,.woocommerce-tabs ul.tabs li.active,.woocommerce-tabs ul.tabs li:hover,.woocommerce .product ul.tabs li.active a,.woocommerce .product ul.tabs li:hover a,.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button:hover,.wc-forward:hover,.woocommerce .login .button:hover,.woocommerce a.button:hover,.woocommerce #respond input#submit:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.added_to_cart.wc-forward:hover,.woocommerce .menu-card:hover .button,.woocommerce .menu-card:hover .wc-forward,.woocommerce .menu-card:hover a.button,.woocommerce div.product .woocommerce-tabs ul.tabs li a,.woocommerce div.product .woocommerce-tabs ul.tabs li{
background:-webkit-gradient(linear,left top,left bottom,from(rgba(73,172,229,1)),to(rgba(31,108,199,1)));
background:linear-gradient(-180deg,rgba(73,172,229,1) 0%,rgba(31,108,199,1) 100%)
}

@media (max-width:768px){
.dif-mobile-bg{
/*background-image:url(assets/images/ambient-min.jpg)!important;*/
height:auto !important;
background-size:cover!important;
background-repeat:no-repeat;-webkit-box-shadow:0 15px 30px 0 rgba(5,16,44,.15);
box-shadow:0 15px 30px 0 rgba(5,16,44,.15)
}
.sm-tpadding{
/* padding-top:50px */
}
}

.footer-brand .logo{
padding-top:4px
}
.header-blog{height:40vh}
.footer-brand .logo{
background:transparent linear-gradient(90deg,rgba(31,108,199,1) 0%,rgba(73,172,229,1) 100%) 0% 0% no-repeat padding-box
}
.recentcomments a{
display:inline-block!important;
padding:3px 12px!important;
margin:10px 7px 2px 0!important
}
.heading_store .sbtn{
background: #fc641b !important;
border-radius: 15px;
padding: 10px 40px;
border: none;
color:#fff;
font-size: 22px;
}
.list1{
font-weight: 400;
margin-left: -10px;
line-height: 30px;
}
.list1 .listitem{
font-family: 'Poppins' !important;
}
@media (max-width: 576px){
.heading_row{
display: grid;
grid-template-columns: repeat(1,1fr);
row-gap: 5em;
column-gap: 1em;
}
.heading_store h1{
text-align: center !important;
width: 135%;
}
.heading_store .sbtn{
padding: 4px 90px;
margin: 0px 0px 0px 50px;

}

}
.checkbox_section p{display:none}
.padding_200{padding:75px 0px 50px 0px !important;}
.w-100{width:100%!important;}
.d-table{display:table!important;}
.overflow-hidden{overflow:hidden!important;}
.padding_head_below{padding:75px 0 0 0 !important;}
.avatar.avatar-small{height:65px;width:65px;}
.shadow{box-shadow:0 0 3px rgb(60 72 88 / 15%) !important;}
.rounded{border-radius:6px !important;}
.bg-light{background-color:#f8f9fc !important;}
.section{padding:100px 0;position:relative;}
.padding_head_below{padding:75px 0 0 0 !important;}
.padding_class{padding:50px 0px;}
.bg-cta{padding:150px 0;}
.bg-overlay{background-color:rgba(60, 72, 88, 0.7);position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;}
.form-icon .icons{position:absolute;top:13px;left:18px;}
.fea.icon-sm{height:16px;width:16px;}
.fea{stroke-width:1.8;}
.form-label, .form-check-label{font-weight:700;font-size:14px;}
.form-label{margin-bottom:0.5rem;}
label{display:inline-block;}
.popup-button{
    position: fixed;
    top: 290px;
    right: -40px;
    z-index: 9999;
        -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
}
::-webkit-scrollbar{width:10px;background:transparent;}
::-webkit-scrollbar-thumb{background:#11b3da;border-radius:10px;}
.service>p:first-of-type>img{display:none;}
.detail>p,p>strong:first-of-type>img{display:none;}
.detail>ul>li{display:none;}
.detail>ol>li{display:none;}
.detail>h1{display:none;}
.detail>h2{display:none;}
.detail>h3{display:none;}
.detail>h4{display:none;}
.detail>h5{display:none;}
.detail>h6{display:none;}
.card-img-top{width:100%;height:215px;}
.heading_limit{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.detail>p:nth-child(2){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.content>p>img{display:none;}
.section-title>p>img{display:none;}
.error{color:#e70d0d;font-size:14px;margin-bottom:0px;display:-webkit-box;}
.footer-list>li>a{font-size:14px;color:#000;font-weight:500;}
.text-black{color:#000;font-weight:500;}
.footer-head{font-size:20px;font-weight:600;}
.sec2_heading2{font-weight:650;}
.about{padding:30px 0px 0px;}

.arrow {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 18px;
                height: 18px;
                margin-left: -9px;
                margin-top: -5px;
                cursor: pointer;
              }

.up:hover polyline,
.up:focus polyline {
  stroke-width: 15;
}

.up:active polyline {
  stroke-width: 15;
  transition: all 100ms ease-in-out;
}
.test_head {
    position: relative;
    margin: 30px 0 60px;
    line-height: 1.5;
}
.test_head::after {
    content: "";
    width: 150px;
    position: absolute;
    margin: 0 auto;
    height: 3px;
    background: rgba(73,172,229,1);
    left: 0;
    right: 0;
    bottom: -10px;
    opacity: .8;
}

.carousel {
    margin: 50px auto;
    padding: 0 70px;
}
.carousel-item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 290px;
}

.carousel .test_p {
    padding: 30px 0 10px;
}
.carousel .overview {   
    font-style: italic;
}
.carousel .overview b {
    text-transform: uppercase;
    color: rgba(73,172,229,1);
}
.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
    bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
    width: 10px;
    height: 10px;
    margin: 1px 3px;
    border-radius: 50%;
}
.carousel-indicators li {   
    background: #999;
    border-color: transparent;
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {    
    background: #555;       
    box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel .item .img-box {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.carousel .img-box .test_img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.item .test_p{
    text-align: center;
}
 @media (max-width:476px){
    .shopdeviceman{
        width: 100%;
        min-height: 500px;
        object-fit: contain;
    }
}
.wthree_banner1_info{padding:45px 0px;}
.wthree_banner1_info h2{color:#fff;font-size:30px;}
.p-50{padding:50px 0px;}
.p-30{padding:30px 0px;}
.wtlist{column-count:3;column-gap:30px;text-align:left;font-size:14px;line-height:30px;}
.partner-section{background:#fff;}
ul.blist li{font-size:15px;}
.font-30{font-size:30px;text-align:center;font-weight:600;color:#2778cd;}
.btn-theme {
    background:transparent linear-gradient(90deg,rgb(3 154 231) 0%,rgb(0 121 191) 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font: 500 16px Poppins,sans-serif;
    padding: 12px 34px;
    line-height: 27px;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    min-width: 200px;
    text-align: center;
    display: inline-block;
    border-radius: 45px;
}
.font-40{font-weight:600;font-size:40px;}
.mt-60{margin-top:60px;}
.faqs-head{border:1px solid #f6f6f6;padding:10px;}
.card-body{border:1px solid #f6f6f6;}

.accordion {
  margin-top: 40px;
  .faqs {
    border: none;
    margin-bottom: 20px;
    p {
      background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
      cursor: pointer;
      font-size: 18px;
      &.collapsed {
            background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
      }
    }
    &-body {
      padding-left: 0;
      padding-right: 0;
    }
  }
}