@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
/*font-family: 'Poppins', sans-serif;*/

/*@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
/*font-family: 'DM Sans', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
/*font-family: 'Roboto Slab', serif;*/

@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');




body{font-family: 'Poppins', sans-serif;  font-size:18px; color: #333; line-height:normal !important; font-weight:400;  padding-top:80px; } 
/*body:after{content:""; position:fixed; left:0; right:0; height:50px; bottom:0;  background:url(../images/page-bg.png) repeat-x; background-position:bottom; background-size:auto 50px}*/
.robotoSlab{font-family: 'Roboto Slab', serif; font-weight:300}
/*h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif;}*/
p{ margin-bottom:23px;}
section{ padding:10px 0}
hr{ margin:50px 0}
hr.margin-sm{ margin:25px 0}
label{ font-size:18px; font-weight:600}

.index-style{ position:relative}
/*.index-style:before{ content:""; position:absolute; left:-50px; top:-40px; width:400px; height:400px; background:rgba(240, 173, 78, 0.2); border-radius:100%; z-index:-1; transform: rotate(-45deg);
}*/

#loginModal .modal-content{ padding:60px; border-radius:32px;}
.setOpacity{ filter: saturate(180%) blur(80px) !important;} 
.modal-open{}
.no-border{ border:0 !important}
.form-control{ border-radius:0; font-weight:600}
.btn{ border-radius:0px; white-space:break-spaces} 
.btn-lg{ font-weight:300; }
.text-small{ font-size:14px;}

.contact-btn{ border:3px double #ccc; display:block; padding:25px 20px; margin-bottom:30px; text-decoration:none; color:#333; background:#fff; font-size:16px; font-weight:600; transition:ease 0.3s;
box-shadow:rgb(0 0 0 / 8%) 0px 2px 20px; border-radius:8px;}
.contact-btn strong{ font-weight:500; font-size:14px;}
.contact-btn:hover, .contact-btn:focus{ text-decoration:none;  color:#005C99; border-color:#005C99}

/*.contact-btn.email{ border-color:#005C99; background:#005C99; color:#fff}
.contact-btn.email:hover, .contact-btn.email:focus{ border-color:#005C99; background:#005C99; color:#fff}
.contact-btn.call{ border-color:#23b76f; background:#23b76f; color:#fff}
.contact-btn.call:hover, .contact-btn.call:focus{ border-color:#23b76f; background:#23b76f; color:#fff}*/



.btn.text-left{ text-align:left}
.btn-rounded{ border-radius:100px;}


.btn .lnr{ font-size:24px; vertical-align:middle; margin:0 8px;}

.no-padding{ padding:0}
.no-margin{ margin:0 !important}  
.no-margin-bottom{ margin-bottom:0}
.no-margin-top{ margin-top:0 }
.padding-lg{ padding:50px 0;}



.casestudyCard{ border:1px #ccc; border-style:double; padding:40px; border-radius:10px; background:#fff; border:0; box-shadow:0 5px 10px hsl(214deg 84% 26% / 10%); position:relative; overflow:hidden; box-shadow:0 1px 30px 1px rgb(0 0 0 / 10%);}
.casestudyCard img{ position:relative; z-index:100}
.jumbotron{ background:none; padding-top:0 }
.jumbotron h1{ font-size:40px;}
/*.btn.btn-default{border-style: double;  border-width: 3px; border-color:#8c8c8c; padding:3px 8px}
.btn.btn-default.btn-lg{ padding:7px 10px;}*/

.jumbotron img{ margin-top:0px;}
.jumbotron p strong, .jumbotron h4{ font-weight:600}



.navbar-default{ border:0; background: rgba(255, 255, 255, 0.8); backdrop-filter: saturate(180%) blur(5px) !important;}
.navbar{ min-height:70px;}
.navbar-brand{height:auto; padding:20px 15px;}
.navbar-brand img{ height:32px;}

.social-icons{ padding:0px; margin:0px; margin-bottom:40px;}
.social-icons li{ list-style-type:none; display:inline-block}
.social-icons li small{ font-size:14px;}
.social-icons li a{ width:40px; height:40px; background:#fff; border:solid 1px #ccc; display:block; text-align:center; padding-top:5px; border-radius:100px; color:#333;}

.inline-list{ padding:0px; margin:0px;  margin-bottom:20px; }
.inline-list li{ list-style-type:none; display:inline-block;padding:0px 16px 0px 0px; font-size:16px; position:relative;}
.inline-list li:before{ position:absolute; content:""; width:1px; height:16px; right:5px; top:2px; background:#ccc; border-radius:100px; }
.inline-list li:nth-last-child(1):before{ display:none}

.profilePic{ padding-top:40px; }
.profilePic img{border-radius:100%; border-radius: 100%;    padding: 4px;    border: solid 2px #2196f3;}

.navbar-nav>li>a{ padding:30px 10px 10px 10px; font-size:16px; border-bottom:solid 4px rgba(0, 0, 0, 0); margin:0 10px;}
.navbar-default .navbar-nav>li>a{ color:#525760}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ border-color:#005C99 ; background:none; font-weight:600}

.navbar-nav .btn-default{ padding:4px 16px; margin-top:20px; border-width:1px; border-radius:100px; border-color:#e9f1fb}

.btn-info {
    color: #fff;
    background-color: #3284f2;
    border-color: #3284f2;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover , .btn-info:hover, .btn-info.focus, .btn-info:focus{
    color: #fff;
    background-color: #3367de;
    border-color: #3367de;
}


.jumbotron p{ font-weight:400; font-size:16px; line-height:30px;}

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

h1{ font-family: 'Roboto Slab', serif; font-weight:500; margin-bottom:24px }
h2{ font-weight:800}
h3{ line-height: normal; font-weight:600; margin-bottom:10px; margin-top:34px}
h4{ line-height: normal; font-weight:800; margin-bottom:15px}

h5{ font-size:18px; line-height:inherit; margin-bottom:20px;}


.text-primary{ color:#005C99 !important}
.text-warning{ color:#ff642b;}
.text-info{    color:#2196f3;}

.container-fluid{ padding:0 40px}
.no-padding{ padding:0 !important;}
/*.heroSection h1{ text-shadow: 0px 5px 5px  rgb(0 0 0 / 20%)}*/
.no-bg{ background:none}

.navbar{ margin:0;}
.navbar-inverse{ background:rgba(0,0,0,0.8); backdrop-filter: saturate(180%) blur(20px);}
.no-bg{ background:none; box-shadow:none !important}

.bg-danger {
    background-color: #ffeded;
}

.bg-grdnt-1{background: hsla(270, 94%, 25%, 1);
	background: linear-gradient(40deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%);
	background: -moz-linear-gradient(40deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%);
	background: -webkit-linear-gradient(40deg, hsla(270, 94%, 25%, 1) 0%, hsla(158, 94%, 49%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#42047e", endColorstr="#07f49e", GradientType=1 );}

.bg-grdnt-2{color:#fff;
	background: hsla(340, 80%, 69%, 1);
	background: linear-gradient(360deg, hsla(340, 80%, 69%, 1) 0%, hsla(15, 93%, 71%, 1) 100%);
	background: -moz-linear-gradient(360deg, hsla(340, 80%, 69%, 1) 0%, hsla(15, 93%, 71%, 1) 100%);
	background: -webkit-linear-gradient(360deg, hsla(340, 80%, 69%, 1) 0%, hsla(15, 93%, 71%, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#ef709b", endColorstr="#fa9372", GradientType=1 );
}



.bg-gray-100{ background:#F4F5F7;}
.bg-gray-200{ background:#e1e4ea;}

.spl-img{ border:solid 5px #fff; box-shadow:0px 5px 10px rgb(148 165 175 / 50%); border-radius:10px; border-top-width:20px; }

.panel-certificate { border:solid 1px #ccc; border-radius:32px; /*box-shadow:0 1px 30px 1px rgb(0 0 0 / 10%)*/}
.panel-certificate .panel-body{min-height:235px; padding:32px 30px 10px 30px}
.panel-certificate .panel-footer{ background:none; border:0; padding-bottom:24px; padding:16px 30px 30px 30px}


.bg-img-1{ background:#fff url(../images/hero-gradient.jpg) no-repeat top;  background-size:100% ;}
.bg-img-2{ background:url(https://monitor.firefox.com/img/svg/ab-bg.svg) no-repeat top; background-size:100% auto}
.bg-img-3{ background: url(../images/wavesBg.svg) no-repeat bottom;  background-size: cover;}
.bg-img-3 h1{ color:#fff;}


.bg-color-white{ background:#fff;}
.mainBanner{ padding:50px 0px 0px 0px; background: url(../images/wavesBg.svg) no-repeat top center; background-size:100% auto;   }
.mainBanner h1{ /*text-shadow: 0px 10px 12px rgb(0 0 0 / 20%);*/ font-size:60px; margin-top:40px; color:#0095da; font-weight:500; font-family: 'Poppins', sans-serif;}
.mainBanner .well{ background:rgba(0, 0, 0, 0.1); border:0; border-radius:100px;}
.mainBanner  h3{ font-size:20px;}
.mainBanner  h3 small{ font-weight:200;  font-size:18px}


#theProductIntroSec{ padding:30px 0; background:#fff; }
.btn-primary{ /*box-shadow:0px 5px 20px rgb(66 165 245 / 50%);*/ border:0; background: #005C99;
/*background: linear-gradient(90deg, hsla(225, 78%, 59%, 1) 0%, hsla(197, 85%, 51%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(225, 78%, 59%, 1) 0%, hsla(197, 85%, 51%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(225, 78%, 59%, 1) 0%, hsla(197, 85%, 51%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#456FE8", endColorstr="#19B0EC", GradientType=1 );*/
} 


.btn-default{ color:#005C99; border-color:#005C99}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover
{border-color:#005C99; background:#ecf7ff; color:#005C99;}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover
{ background: hsl(214deg 84% 40%)}

.btn-warning{background: #FAD980; border-color: #FAD980; color:#212121; /*box-shadow: 0px 5px 20px rgb(255 207 168 / 80%)*/} 
.btn-warning:hover, .btn-warning:focus, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover{
	background:#F9D167; border-color: #F9D167; color:#212121; 
	}


.btn-lg{ padding:10px 20px 9px 20px; font-weight:500; font-size:14px; }
.btn-lg i{ font-size:16px; margin-left:10px;}

.inner-nav{ padding:0; background:rgba(0,0,0,0.7); backdrop-filter: saturate(180%) blur(10px) !important;}
.inner-nav ul{ padding:0; margin:0; margin-left:0px; text-align:center}
.inner-nav li{ list-style-type:none; display: inline;}
.inner-nav li a{display:inline-block; padding:10px 20px; color:rgb(255 255 255 / 70%);} 
.inner-nav li a:hover, .inner-nav li a.active{ background:rgba(255, 255, 255, 0.1); text-decoration:none; color:#fff;}



.icon-list{ padding:0; margin:0; margin-bottom:23px}
.icon-list li{ list-style-type:none; display:block; margin-bottom:15px; position:relative;  padding-left:20px;}
.icon-list li:before{font-family:'FontAwesome'; content:"\f0da"; left:0; position:absolute; top:4px; left:8px;}


.section-pills{ font-size:24px;  margin:0; padding:0}
.section-pills li{ list-style-type:none; display:inline;}
.section-pills li a{ font-size:13px; background:#005C99; display:inline-block; padding:5px 20px; border-radius:100px; margin:2px; color:rgba(255, 255, 255, 0.9); position:relative; padding-left:35px; letter-spacing:1px; border:solid 1px rgba(255, 255, 255, 0.2); /*box-shadow:0px 2px 7px hsl(199deg 100% 43% / 30%); */ transition:ease 0.3s; }
.section-pills li a:before{font-family:'FontAwesome'; content:"\f058";left:0; position:absolute; top:7px; left:12px; font-weight:normal; font-size:16px;}
.section-pills li a:hover{ text-decoration:none; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1); top:-2px;  transition:ease 0.3s;}

.processIconsHolder{ display:flex}

.processIcons{ width:20%; background:rgba(255, 255, 255, 1); padding:10px 40px; margin:5px; text-align:center; border-top:solid 4px #fff; box-shadow:0 20px 34px rgb(152 163 207 / 30%); color:#333; transition:ease 0.3s; backdrop-filter: blur(10px); position:relative; padding-bottom:60px;}
.processIcons:hover, .processIcons:focus{ text-decoration:none;  transform: scale(5px); box-shadow: 0 20px 34px rgb(152 163 207 / 30%), 0 40px 30px -20px rgba(0, 0, 0, 0.1); color:#000; background:#fff !important; }
.processIcons img{ /*border-radius:100px ; border:solid 5px #fff; background: #fff; box-shadow:0px 10px 25px hsl(260deg 60% 66% / 20%)*/padding:10px; text-align:center; height:auto; width:75%;   filter:hue-rotate(156deg)  grayscale(100%) contrast(40); }


.processIcons .outcome{ position:absolute; bottom:0; left:0; right:0; padding:10px 10px; border-top:solid 1px #CCC; background:#fafafa }

.processIcons h4{ font-size:20px; font-weight:700;}
.processIcons h4 small{ color:#333; font-size:14px; font-weight:600}

.processIcons h5{ font-size:14px; font-weight:700; text-align:left}
.processIcons .icon-list li{  text-align:left; margin-bottom:2px; }

.processIcons.discovery{ border-top-color:#EA4335;}
.processIcons.discovery h4{color:#EA4335;}

.processIcons.define{    border-top-color:#F29900 }
.processIcons.define h4{ color:#F29900;}

.processIcons.design{    border-top-color:#34A853;}
.processIcons.design h4{ color:#34A853;}

.processIcons.testing{   border-top-color:#7030A0;   }
.processIcons.testing h4{color:#7030A0;}

.processIcons.launch{    border-top-color:#6e44ff;}
.processIcons.launch h4{ color:#6e44ff;}
/*
.bg-discovery{ background:#EA4335; color:#fff;}
.bg-define{    background:#F29900 }
.bg-design{    background:#34A853;}
.bg-testing{   background:#7030A0;}
.bg-launch{    background:#6e44ff;}
*/
.bg-l1{ background:#F8FAFC}



.heroSection{ background:#fdfdfd url(../images/bg-texture.png) no-repeat;  padding-bottom:50px; background-size:60%}
/*.heroSection.discovery{background:#FDEAE8 url(../images/bg-curve-discovery.svg) no-repeat; background-size:100%}
.heroSection.define{   background:#FFF6E5 url(../images/bg-curve-define.svg) no-repeat; background-size:100%}
.heroSection.design{   background:#d9f4df url(../images/bg-curve-design.svg) no-repeat; background-size:100%}
.heroSection.testing{  background:#F3EBF9 url(../images/bg-curve-testing.svg) no-repeat; background-size:100%}
.heroSection.launch{   background:#E5EEFF url(../images/bg-curve-launch.svg) no-repeat; background-size:100%}
.heroSection.develop{   background:#e5f0f4  url(../images/bg-curve-develop.svg) no-repeat; background-size:100%}*/




.heroSection.discovery h2:before{  background:#EA4335}
.heroSection.define h2:before{     background:#F29900}
.heroSection.design h2:before{     background:#34A853}
.heroSection.testing h2:before{    background:#7030A0}
.heroSection.launch h2:before{     background:#6e44ff}
.heroSection.develop h2:before{    background:#5599AC}


/*.bg-discovery, .bg-define, .bg-design, .bg-testing, .bg-launch{color:#fff;}*/

.panel-card{ border:0; border-radius:20px !important; margin:0;  box-shadow:0 4px 10px rgb(0 0 0  / 20%);padding:40px; background:rgba(255,255,255,0.98)!important;/*backdrop-filter:saturate(180%) blur(14px)!important;*/}
.panel-card> .panel-heading h2.panel-title{ font-size:30px; font-weight:300; margin-bottom:20px; font-family:Roboto Slab, arial}
.panel-card> .panel-body{ border:0; padding-top:0}
.panel-card> .panel-heading h2.panel-title{position:relative;}
.panel-card> .panel-heading h2.panel-title:before{position:absolute; content:""; height:5px; border-radius:100px; width:30px;left:0px; bottom:-10px;}


/*.heroSection.discovery .panel-card{     box-shadow:0 8px 60px rgb(143 15 19 / 20%)}
.heroSection.define .panel-card{        box-shadow:0 8px 60px rgb(107 38 1 / 30%)}
.heroSection.design .panel-card{        box-shadow:0 8px 60px rgb(29 88 39 / 20%)}
.heroSection.testing .panel-card{       box-shadow:0 8px 60px rgb(84 30 98 / 20%)}
.heroSection.launch .panel-card{        box-shadow:0 8px 60px rgb(15 19 82 / 20%)}
.heroSection.develop .panel-card{       box-shadow:0 8px 60px rgb(69 141 160 / 20%)}

/*
.heroSection.discovery .panel-card> .panel-heading h2{     color:#EA4335}
.heroSection.define .panel-card> .panel-heading h2{        color:#F29900}
.heroSection.design .panel-card> .panel-heading h2{        color:#34A853}
.heroSection.testing .panel-card> .panel-heading h2{       color:#7030A0}
.heroSection.launch .panel-card> .panel-heading h2{        color:#0092ba}*/


.heroSection.discovery .panel-card> .panel-heading h2.panel-title:before{     background:#EA4335}
.heroSection.define .panel-card> .panel-heading h2.panel-title:before{        background:#F29900}
.heroSection.design .panel-card> .panel-heading h2.panel-title:before{        background:#34A853}
.heroSection.testing .panel-card> .panel-heading h2.panel-title:before{       background:#7030A0}
.heroSection.launch .panel-card> .panel-heading h2.panel-title:before{        background:#0092ba}


.caseStudyContainer{ padding:100px 0; background:#e9f1fb}
.caseStudyCard{padding:24px; background:#fff; box-shadow:0px 5px 10px rgb(0 0 0 / 10%); margin-bottom:30px; min-height:300px;}
.caseStudyCard p{font-size:14px;}
.caseStudyCard img{ width:auto; height:160px; background:#ccc;}


.section-list{ font-size:14px;}

.backTop{ position:absolute;  color:#fff; position:fixed; right:20px; bottom:20px; text-align:center; width:60px; height:60px; padding-top:16px; border-radius:100px; z-index:500; box-shadow: 5px 20px 20px rgba(0, 0, 0, 0.5); transition:ease 0.3s; 
background:#333;
}

.backTop:hover, .backTop:focus{ bottom:25px; color:#fff;}
/****Added for sticky nav***/
section#ourUxApproach {-moz-transition: all 0.3s ease; padding:40px 0; background:#93CDED; background-size:100%; 
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}
#ourUxApproach h1{ margin-bottom:20px;}
	
.sticky-header section#ourUxApproach {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    padding-bottom: 5px;
}
#navbar {-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.sticky-header section#navbar {position: fixed;  top: 0;width: 100%;    z-index: 10000; }
.sticky-header .heroSection{padding-top:40px;}

button.close {    -webkit-appearance: none;    padding: 0;    cursor: pointer;    background: 0 0;    border: 0;    background: rgba(0, 0, 0, 0.2);    width: 40px;    height: 40px;    border-radius: 100px;    top: 10px;    position: relative;    right: 10px;    color: #000;    opacity: 1; text-shadow:none; z-index:1000}

.galCard{ padding:10px; margin-bottom:10px; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2); border-radius:5px; padding-bottom:10px; height:260px; overflow:hidden; margin-bottom:20px;}
.galCard p{ font-size:14px; margin:0px;}
.galCard img{ border:solid 1px #CCC;}

footer{ border-top:solid 1px #f2f2f2; padding:24px;  text-align:right; font-weight:600; color:#fff; font-size:18px;}
footer .dot{ background:#8E4001; width:10px; height:10px; display:inline-block; border-radius:100px; border:solid 2px #fff; margin-left:-3px; margin-bottom:-2px; }

#eappIntroSection hr{ margin:10px;}


ol { padding:0px; margin-left:20px; margin-top:16px;}
ol li{ margin-bottom:10px;}

.mobile-mockup{ height:500px;  margin-bottom:24px;  background-size:100%; position:relative; overflow:hidden; border:double 4px #999; border-radius:24px; background:#ccc;  }
.mobile-mockup:before{position: absolute;
    content: "";
    top: -3px;
    left:20%; right:20%;
    height:20px;
    background: #999;
    background-size: 100% auto; border-radius:0 0 10px 10px
	}
.mobile-mockup .image{overflow-y:scroll; height:490px;  border-radius:20px; }
.mobile-mockup .image img{ width:100%; height:auto;}

.mobile-mockup ::-webkit-scrollbar {  width: 0px; }

/* Track */
.mobile-mockup ::-webkit-scrollbar-track {
  background: none; border-radius:100px; 
}
 
/* Handle */
.mobile-mockup ::-webkit-scrollbar-thumb {
  background: #888; border-radius:100px; 
}

/* Handle on hover */
.mobile-mockup ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


@media (min-width: 992px){
.modal-lg {  width: 90%;}
.carousel-inner>.item{ text-align:center}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{ display: inline-block}
}
.carousel-control i{ background:rgba(0, 0, 0, 0.5); padding:20px; border-radius:100px; width:80px; height:80px; top:50px; position:absolute; top:300px; padding-top:30px; text-align:center}
.carousel-control.right, .carousel-control.left{ background:none}
.carousel-control.right i{ right:0px;}
.carousel-control.left i{  left:0px;}
.carousel-indicators li{ background:rgba(0, 0,0, 0.1)}
.carousel-indicators .active{ background:rgba(0, 0,0, 0.8)}

.fa-check-circle.selected{ color:#62A843; font-size:24px;}


.appDetails{ padding:0px; margin:0px; margin-bottom:20px;}
.appDetails li{ list-style-type:none; display:inline-block; margin-right:10px; margin-bottom:20px; width:160px; vertical-align:top }
.appDetails li h3{ font-size:14px; margin:0; font-weight:400}
.appDetails li h3 strong{ display:block; font-weight:600; font-size:15px;}
.toolIcon{ width:50px; height:50px; display:inline-block; background:#fff; padding:5px; border-radius:10px;  box-shadow: 0 5px 5px rgb(66 149 223 / 11%);   border: solid 1px #cbd8e8; margin-bottom:10px; }

.table.no-valign td{ vertical-align:inherit}

h4 .badge{background:#EB5757; color:#fff; font-weight:500; width:24px; height:24px; display:inline-block; text-align:center; border-radius:100px 100px 100px 100px; font-size:12px; padding-top:6px; vertical-align: bottom; margin-right:5px;}


@media (MAX-width: 767px){
body{ background:none; padding-top:60px;}
.container{ padding:0 20px;}
.btn{ margin-bottom:10px;}
.jumbotron .btn.btn-lg{ width:100%;}

.jumbotron img{ margin-top:00px;}
.jumbotron .col-md-4{ text-align:center}
.jumbotron .col-md-4 img{ margin:0} 
.navbar-brand{ padding:15px 15px}
.navbar-toggle{ margin-top:17px;}
.btn-lg{ padding:16px 20px;}
.panel-card{ padding:10px 0px;}
.casestudyCard{ padding:0px;} 
.casestudyCard .btn-warning.btn-lg{ display:block}
.casestudyCard h2{ margin-top:20px;}
.btn.btn-default.btn-lg {
    padding: 13px 10px;
}

}

@media (MAX-width: 640px){
.inner-nav li a{    font-size: 8px;padding: 7px 7px;}	
.mainBanner h1{ font-size:32px; font-weight:600; margin-top:20px}
hr{ margin:20px 0}
.panel-card{ border-radius:8px;} 
#loginModal .modal-content{ padding:30px; border-radius:32px;}
.btn-sm-block{ display:block}
.well-lg img{ margin-bottom: 24px; }
	}