@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

*, html{
  padding:0; margin:0;
  box-sizing:border-box;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}
input[type="text"], input[type="email"], input[type="search"], 
input[type="date"], input[type="time"], input[type="file"], 
textarea, button, input[type="password"], input[type="tel"], 
select {
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
}
a, input, button, a:focus, input:focus, button:focus {outline:none!important; box-shadow:none!important;}
:focus {outline: -webkit-focus-ring-color auto 0px!important;}
img{max-width:100%;}
ul{margin:0;list-style-type:none;}

body{
  font-family: 'Poppins', sans-serif;
  font-size:14px;
  box-sizing:border-box;
  background:#fff;
  color: #000;
}
p{line-height:28px;}
header{height:100px;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
section{padding:4.5rem 0;}
.header_menu li a{color:#272727;font-size:14px;text-decoration:none;padding:5px 24px;position:relative;display:inline-block;}
.header_menu li.active a:before,.header_menu li a:hover:before{background-color:#f8991d;position:absolute;height:2px;width: calc(100% - 40px);left: 0;
bottom:2px;content: '';right: 0;margin: 0 auto;}
.header_menu li.active a.btn-contact:before, .header_menu li a.btn-contact:hover:before{height:0;}
.banner_section {background-image: url(../images/main-banner.png);background-position: center;background-repeat: no-repeat;
padding:100px 0 0;    background-size: cover;}
.banner_content{padding-top:100px;}
.banner_section h2{color: #032d60;font-size: 36px;font-weight:bold;}
.banner_section p{font-size: 18px;color: #032d60;line-height: 1.46;}
.btn.btn-green{line-height: 35px;border-radius: 5px;background-color: #278806;color:#fff;font-size:18px;min-width:180px;height:50px;}
.header_menu li a.btn-contact{border-radius: 5px;background-color: #278806;color:#fff;font-size:13px;margin-left: 20px;padding:10px 24px;}
h3.common-heading{  color: #272727;font-size: 36px;font-weight: bold;line-height: 46px;}
.nav-tabs .card-box.nav-link{ min-height:192px;border-radius: 20px; box-shadow: 0 3px 36px 0 rgba(96, 182, 255, 0.07)!important;
border: solid 1px rgba(112, 112, 112, 0.08);background-color: #ffffff;text-align:center;padding:20px 20px;display: block;}
.nav-tabs .card-box.nav-link:hover,.nav-tabs .card-box.nav-link.active{ background-color: #0b5cab;}
.nav-tabs .card-box.nav-link span img:last-child{display:none;}
.nav-tabs .card-box.nav-link:hover span img:last-child,.nav-tabs .card-box.nav-link.active span img:last-child{display:inline-block;}
.nav-tabs .card-box.nav-link:hover span img:first-child,.nav-tabs .card-box.nav-link.active span img:first-child{display:none;}
.nav-tabs .card-box.nav-link:hover h5,.nav-tabs .card-box.nav-link.active h5{color: #fff;}
.nav-tabs .card-box.nav-link h5{font-size:14px;color: #232f3e;font-weight: 600;}
.bar:before{background-color: #0b5cab;position:absolute;height:4px;left:0;bottom:-8px;width:90px;content:'';}
.services_list li{border-radius: 10px;box-shadow: 0 3px 36px 0 rgba(96, 182, 255, 0.07);
border: solid 1px rgba(112, 112, 112, 0.08);background-color: #ffffff;padding:15px 15px 15px 30px;margin-bottom:30px;}
.services_content h5{font-size:18px;font-weight: bold;line-height: 24px;}
.areas_listing li{margin: 0 10px!important;}
.casestudy-content{background-color: #fff;padding:20px 20px;}
.casestudy-content h4{ font-size: 20px;font-weight: bold;line-height: 32px;}
.casestudy-box{border-radius: 10px;overflow: hidden;}
.footer_links li a{color:#fff;margin:0 24px;position:relative;text-decoration:none;}
.footer_links li a:before{content:'';background-color:#fff;position:absolute;right:-24px;top:4px;height:15px;width:2px;}
.footer_links li:last-child a:before{width:0;}
.nav-tabs .card-box.nav-link span img {width: 82px;}
.bar.bar-center:before{margin:0 auto;right:0;}

.mob-menu span.menu-bar {position: absolute;right: 0px;top: 50%;margin-top: -1px;width: 21px;height:3px;background: #000;}
.mob-menu span.menu-bar:before {content: '';position: absolute;right: 0px;top: 50%;margin-top: -8px;width: 26px;height:3px;background: #000;}
.mob-menu span.menu-bar:after {content: '';position: absolute;right: 0px;top: 50%;margin-top: 6px;width: 26px;height:3px;background: #000;}
.close-menu {display: none;position: absolute;right: 10px;top: 10px;width: 30px;height: 30px;border-radius: 100%;}
.mob-menu {display: none;position: absolute;right:20px;top: 50%;margin-top: -20px;width: 40px;height: 40px;cursor: pointer;}

.slick-list.draggable {width: 100%;}
.slick-prev:before, .slick-next:before{
  color:#000;
    position: relative;
    background-image: url(../images/left-arrow-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-block;
    content: '';
    opacity: unset;
}
.slick-next:before {background-image: url(../images/right-arrow-icon.png);}
button.slick-arrow {box-shadow: 0 0 10px #777!important;background-color: #fff!important;border-radius: 50%;text-align: center;width: 38px;height: 38px;z-index:1;}
button.slick-next {right: -36px;}
button.slick-prev {left: -36px;}

/************* NPSP Case Study *****************/

.npsp-casestudy-banner{margin-bottom: 50px;background-image: url(../images/npsp-banner.png)!important;height:320px;background-color:transparent!important;}
.bar.bar-white:before{background-color:#fff;}
.dots li:before{position:absolute;width:9px;height:9px;content:'';left:0;top:6px;background-color:#000;border-radius:100%;}
.goal-section .nav-pills .nav-link {
  border-radius: 10px;
  box-shadow: 0 3px 36px 0 rgba(96, 182, 255, 0.07);
  border: solid 1px rgba(112, 112, 112, 0.08);
  background-color: #fff;
  padding: 1.5rem 1rem 1.5em 4.5rem;
  color:#000;
  font-weight:600;
  font-size: 15px;
  width: 100%!important;
  position: relative;
  min-height: 100px;
  display: flex;
  align-items: center;
}
.goal-section .nav-pills .nav-link.active,.nav-pills .nav-link:hover { background-color: #0b5cab;color:#fff;}
.sidetabs {width: 380px;}
.dots.dots-white li:before{background-color:#fff;}
.goal-section .nav-pills .nav-link img:nth-child(2){display:none;}
.goal-section .nav-pills .nav-link.active img:nth-child(2),
.goal-section .nav-pills .nav-link:hover img:nth-child(2){display:inline-block;}
.goal-section .nav-pills .nav-link.active img:first-child,
.goal-section .nav-pills .nav-link:hover img:first-child{display:none;}

ul.casemanage-solu li {width: 20%;}
.service-card-body{border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  text-align: center;
  padding:30px 20px;
}
.service-card-body img:nth-child(2){display:none;}
.service-card-body:hover img:nth-child(2){display:inline-block;}
.service-card-body:hover img:first-child{display:none;}
.service-card-body:hover{background-color: #0b5cab;color:#fff;}

.teamexperts_section p{min-height: 120px;}
.teamexperts_section .col-md-6.col-lg-4.text-center {margin-top:50px;}
.goal-section .nav-pills .nav-link img{display:inline-block;position: absolute;left: 15px;top: 24px;}
.tab-slider .slick-track{width:100%!important;max-width:250px;}

.contact-form-body {padding-top: 130px;}

.service-menu a {
    padding:8px 10px!important;
    display: block!important;
    font-size: 13px!important;
}
.service-menu a:before{position:static!important;}
.service-menu a:hover{background-color:#f7f7f7;}
.service-menu {
    box-shadow: 0 0 10px #ccc;
    border-radius: 3px;
    position: absolute;
    min-width: 155px;
    top: 38px;
    z-index: 1;
    background-color: #fff;
    left: 22px;
    opacity: 0;
    overflow: hidden;
    transition: 0.5s;
}
.services_menu_li:hover .service-menu {overflow:visible;opacity: 1;transition:0.5s;}


@media(max-width:991px){

.mob-menu{display:block;}
.close-menu{display:block;}
.header_menu {opacity: 0;visibility: hidden;backface-visibility: hidden;position: fixed;top: 0px;right: 0px;margin-right: -100%;background: #fff;padding-top:55px;width: 180px;box-shadow: 0 0 10px #777;height: 100vh;overflow: hidden;overflow-y: auto;z-index: 1;transition: 400ms;}
.menu-slide {margin-right: 0;opacity: 1;visibility: visible;backface-visibility: visible;transition: 400ms;}
.close-menu:before {content: '';position: absolute;width: 20px;height: 3px;left: 4px;top: 14px;margin-top: -1px;background: #ff2801;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.close-menu:after {content: '';position: absolute;width: 20px;height: 3px;left: 4px;top: 14px;margin-top: -1px;background: #ff2801;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.header_menu li a{display:block;padding:15px 15px 8px;border-bottom: 1px solid #ddd;}
.header_menu.d-flex.menu-slide{display:block!important;}
.header_menu li a.btn-contact{display:inline-block;padding: 10px 24px;margin: 20px 15px 0;    border: 0;}
.header_menu li.active a:before{width:0;}

.col-lg-7.pl-5{padding-left:15px!important;}

}

@media(max-width:767px){

.services_section.pt-0{padding-top: 3rem!important;}
.banner_content {padding: 30px 0;}
.banner_section {padding: 75px 0 40px!important;background-position: center top;background-image: none;
background-color: #E2F1FF;}
h3.common-heading{font-size:28px!important;line-height: normal;}
.btn.btn-green{font-size:16px;}
.banner_section p{font-size:16px;}
.banner_section h2{font-size:30px;}
header{height:75px;}
.footer_links.d-flex{display:block!important;}
section,footer {padding: 3rem 0!important;}
.footer_links li a:before{width:0;}
.areas_listing li{margin: 0 40px!important;}
.banner_section figure{padding:0px!important;}
button.slick-next {right: -10px;}
button.slick-prev {left: -10px;}

.npsp-casestudy-banner h2{padding-top:50px!important;}
.tabscontent.pl-5 {padding: 0!important;}
.npsp-casestudy-banner{height:auto;    margin-bottom:40px;}
.flex-wrap-col {-ms-flex-wrap: wrap!important;flex-wrap: wrap!important;}

ul.casemanage-solu li {width: 100%;}
ul.casemanage-solu.d-flex{display:block!important;}
.teamexperts_section p{min-height: auto;}
.goal-section .nav-pills .nav-link{width: 250px!important;}
.tab-slider .slick-track{width:1530px!important;max-width:100%;}
.sidetabs{min-width:auto;}
.goal-section .d-flex.mt-5{display: block!important;}

}