body{font-family: 'Montserrat', sans-serif; color: #000; background-color: #eeeeee;}
ul{margin: 0; padding: 0; list-style: none;}
figure{margin:0;}
img{max-width: 100%; height: auto;}
a {display: inline-block; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; text-decoration: none;}

.btn-primary{border:none;  color: #fff; font-weight: 500; font-size: 15px; line-height: 20px; padding: 8px 18px; border-radius: 9px; background: #0f408c; background: -moz-linear-gradient(left,  #0f408c 0%, #3fa9f5 100%); background: -webkit-linear-gradient(left,  #0f408c 0%,#3fa9f5 100%); background: linear-gradient(to right,  #0f408c 0%,#3fa9f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f408c', endColorstr='#3fa9f5',GradientType=1 ); }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover{box-shadow: none; background: #3fa9f5; background: -moz-linear-gradient(left,  #3fa9f5 0%, #0f408c 100%); background: -webkit-linear-gradient(left,  #3fa9f5 0%,#0f408c 100%); background: linear-gradient(to right,  #3fa9f5 0%,#0f408c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa9f5', endColorstr='#0f408c',GradientType=1 );}

header{background-color:#2C2C2C; padding: 15px 0px;}
.logo figure img{max-width: 56px;}
.header{display: flex; align-items: center;}
.header-text{font-style: normal; font-weight: 500; font-size: 22px; line-height: 29px; color: #FFFFFF; margin-left: 20px;}
.navbar-nav li.nav-item{position: relative; padding: 0 15px;}
.navbar-nav li.nav-item:last-child{padding-right: 0;}
.navbar-nav li.nav-item:not(:last-child):after{position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 2px; background-color: #fff;}
header .navbar{margin-left: auto;}

.banner{padding: 23px 0; background-color: #eeeeee;}

.counter-section{background-color: #2C2C2C; padding: 15px 0px;}
.counter-list{display: flex; justify-content: space-between; align-items: center; text-align: center;}
.counter-list li{padding: 0 25px; width: 20%;}
.counter-list li strong{display: block; font-weight: 500; font-size: 30px; line-height: 39px; color: #3FA9F5;}
.counter-list li span{display: block; font-weight: 500; font-size: 18px; line-height: 22px; color: #FFFFFF;}

.heading{position: relative; margin:35px 0 20px; display: flex; align-items: center;}
.heading h2{font-weight: 500; font-size: 28px; line-height: 30px; color: #2C2C2C; margin: 0 0 0 8px;}
.heading h2 span{font-size: 18px; line-height: 20px; display: block;}
.heading figure img{max-width: 60px;}

.blog-list{display: flex; align-items: center; margin: 0 -15px 25px;}
.blog-list li{padding:0 15px;}
.blogbox{background:#2C2C2C; border-radius: 21px; padding: 10px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.blogbox:hover{background:#17529e;}
.blogbox figure{border-radius: 21px; overflow: hidden; margin: 0 0 15px;}
.blogbox h4{font-weight: 500; font-size: 24px; line-height: 29px; color: #FFFFFF; margin: 0 0 15px;}
.blogbox a{color: #FFFFFF;text-decoration: none;}
.blogbox p{font-weight: 300; font-size: 14px; line-height: 17px; color: #FFFFFF; margin: 0 0 15px;}
.viewmore-btn{text-align: center;}
.viewmore-btn .btn-primary{padding: 10px 16px;}

.job-section{margin: 0 0 50px;}
.job-section .carousel{position: relative; display: flex; justify-content: space-between; padding: 0px 8px;}
.slider-content{max-width: 100%; width: 705px;}
.slider-content .carousel-inner{padding-left: 25px;}
.job-box{background-color: #2C2C2C; border-radius: 21px; padding: 30px 32px 22px 32px; margin-bottom: 45px; position: relative;}
.job-box:after{position: absolute; content: ""; left:-15px; bottom:-15px; height: 100%; width: 100%; border-radius:21px; background-color:#797979;  z-index: -1;}
.job-box h2{font-weight: 500; font-size: 28px; line-height: 39px; color: #fff; margin: 0 0 25px;}
.job-box ul{margin: 0 0 20px;}
.job-box ul li{font-weight: 500; font-size: 18px; line-height: 24px; color: #fff; border-bottom: 1px solid #fff; position: relative; padding: 0px 50px 10px 0; margin: 0 0 20px;}
.job-box ul li span{position: absolute; right: 0; top:0;}
.job-box .viewall{font-weight: 500; font-size: 18px; line-height: 24px; color: #3FA9F5; text-decoration: none;}
.job-box .viewall:hover{color: #fff;}



.carousel-indicators{position: relative; right: auto; bottom: auto; left: auto;display: block; width: 280px; overflow-y: auto; max-height: 368px; margin: 0; padding-right: 15px;}
.carousel-indicators [data-bs-target] {width: 100%; height: 68px; padding: 0; background-color: transparent; border: 2px solid #2C2C2C; opacity: 1; font-size: 18px; line-height: 24px; color: #2C2C2C; text-indent: inherit; border-radius: 8px; margin: 0 0 20px 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.carousel-indicators [data-bs-target]:hover, .carousel-indicators .active{color: #3FA9F5; border: 2px solid #3FA9F5;}
.slider-arrow {display: flex; justify-content: center;}
.carousel-control-next, .carousel-control-prev {position: relative; right: auto; left: auto; top: auto; bottom: auto; width: auto; opacity: 1; margin: 0 20px;}



footer{padding: 100px 0 41px;}
.footer-link{display: flex; align-items: center; justify-content: center; margin: 0 0 30px;}
.footer-link li{font-weight: 500; font-size: 16px; line-height: 20px; text-transform: capitalize; color: #939393; padding: 0 15px;}
.footer-link li a{color: #939393; text-decoration: none;}
.footer-link li a:hover{color: #000000;}
.copyright{font-weight: 500; font-size: 16px; line-height: 20px; text-transform: capitalize; color: #939393; margin: 0; text-align: center;}


/*inner page*/
.plan-list{display: flex; margin: 0 0 20px; padding: 0;}
.plan-list > li{width: 33.33%;}
.plan-list > li h2{font-weight: 500; font-size: 22px; line-height: 29px; margin: 0 0 20px; color: #2C2C2C; text-align: center;}
.planbox {width: 330px; margin: auto; background-color: #2C2C2C; border-radius: 15px; padding:15px 20px 60px 20px; color: #fff; position: relative; min-height: 296px;}
.planbox ul{padding: 0 0 15px;}
.planbox ul li{display: block; padding: 0 0 15px 30px; position: relative;}
.planbox ul li:after{position: absolute; content: ""; left: 10px; top: 12px; height: 2px; width: 5px; background-color: #fff;}
.planbox ul li.active{color: #9DF37E;}
.planbox ul li.active:after{background-color: #9DF37E;}
.planbox .btn-primary{padding: 10px 20px; position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; width: 102px;}



.service-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.service-list li:nth-child(2n+1){width: 60%; padding-right: 30px;}
.service-list li:nth-child(2n+2){width: 40%;}
.servicebox{position: relative; min-height: 75px; padding: 0 0 0 100px; display: flex; flex-direction: column; align-content: center; justify-content: center; margin:20px 0;}
.servicebox span{position: absolute; width: 75px; height: 75px; left: 0; top: 0; background: #2C2C2C; border-radius: 50%; color: #fff; font-size: 30px; text-align: center; display: flex; align-items: center; justify-content: center; font-weight: 500;}
.servicebox h3{font-weight: 500; font-size: 24px; line-height: 29px; color: #3FA9F5; margin: 0;}
.servicebox p{font-weight: 500; font-size: 18px; line-height: 24px; margin: 0; color: #2C2C2C;}








@media  (min-width:1200px){
.container{max-width:1170px;}	
}
@media (max-width:1199px){
.header-text{font-size: 22px; line-height: 29px;}
.counter-list li strong{font-size: 24px; line-height: 29px;}
.counter-list li span{font-size: 16px; line-height: 20px;}	
.heading figure img{max-width: 62px;}
.heading h2{font-size: 26px; line-height: 26px; padding: 0 0 0 5px;}	
.blog-list{margin:0 -12px 25px;}	
.blog-list li{padding:0 12px;}
.job-section .carousel{padding:0px;}
.carousel-indicators{max-height: 320px;}	
.carousel-indicators [data-bs-target]{height: 66px; font-size: 18px; line-height: 22px; margin: 0 0 12px 0;}
.slider-content{width: 615px;}
.job-box ul li{padding: 0px 50px 5px 0;}

footer{padding: 70px 0 30px;}

/*inner page*/
.plan-list > li{padding: 0px 15px;}
.planbox{width: 100%; padding: 15px 14px 60px 14px;}
.plan-list > li h2{font-size: 22px;}
.servicebox p br{display: none;}
}
@media (max-width:991px){
header{padding: 10px 0px;}
.header{padding-right: 24px; position: relative;}
.header .navbar{position: inherit; padding: 0;}
.logo img{max-width: 50px;}
.header-text{font-size: 20px; line-height: 30px;}	
header .navbar-collapse{position: fixed; right:-100%; top:68px; width: 100%; height: 100%; background-color: #2C2C2C; border-top: 1px solid #fff; padding: 20px 15px; z-index: 9; overflow-y: auto; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
header .navbar-collapse.show{right:0;}
header .collapse:not(.show){display: block;}	
.navbar-nav{flex-direction: row; justify-content: center;}
#nav-menus span{display:block;position:absolute;height:2px;width:100%;background:#fff;border-radius:0px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); -webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-menus span:nth-child(1){top:0px;}
#nav-menus span:nth-child(2),#nav-menus span:nth-child(3){top:6px;}
#nav-menus span:nth-child(4){top:12px;}
#nav-menus.open span:nth-child(1){top:10px;width:0%;left:50%;}
#nav-menus.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-menus.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-menus.open span:nth-child(4){top:18px;width:0%;left:50%;}
.navbar-toggler{position: absolute; right: -24px; top: -5px; border: none; height: 14px; width: 24px; padding: 0; z-index: 10;}
.navbar-toggler:focus{border: none; box-shadow: none;}
.counter-list li{padding: 0 10px; width: 20%;}	
.counter-list li strong{font-size: 26px; line-height: 30px;}
.counter-list li span{font-size: 15px; line-height: 20px;}	
.heading h2{font-size: 22px; line-height: 22px;}
.heading figure img{max-width: 60px;}
.blogbox h4{font-size: 22px; line-height: 22px;}
.viewmore-btn .btn-primary{padding: 11px 20px; font-size: 16px;}
.carousel-indicators {max-height: 240px; width: 220px;}	
.carousel-indicators [data-bs-target]{height: 46px; font-size: 16px; line-height: 18px; margin: 0 0 10px 0;}
.carousel-control-next img, .carousel-control-prev img{max-width: 40px;}
.slider-content{width: 450px;}	
.job-box{padding: 20px 20px; margin-bottom: 35px;}
.job-box h2{font-size: 24px; line-height: 30px; margin: 0 0 20px;}
.job-box ul {margin: 0 0 15px;}
.job-box ul li{font-size: 16px; line-height: 20px; margin: 0 0 15px;}
.job-box .viewall{font-size: 16px; line-height: 20px;}
footer{padding: 50px 0 20px;}
.footer-link li{padding: 0 10px;}
.stop-scroll{position: fixed; left: 0; top: 0; height: 100%; width: 100%;}	


/*inner page*/
.plan-list{flex-wrap: wrap; margin: 0;}
.plan-list > li{padding: 0px 0 30px; width: 100%;}
.plan-list > li h2 {margin: 0 0 10px;}
.planbox{min-height: auto;}
.servicebox{padding: 0 0 0 80px;
}	
.servicebox h3 {font-size: 22px; line-height: 24px;}
.servicebox p {font-size: 16px; line-height: 22px;}
.servicebox span {width: 65px; height: 65px; font-size: 24px;}	
.service-list li:nth-child(2n+1){width: 50%; padding-right: 20px;}
.service-list li:nth-child(2n+2){width: 50%;}
}
@media (max-width:767px){
.container{max-width:100%;}
.logo figure img{max-width: 48px;}	
.header-text{font-size: 15px; line-height: 26px;}
.banner{padding: 10px 0;}
.counter-section{padding: 10px 0px;}	
.counter-list{flex-wrap: wrap; justify-content:center;}
.counter-list li{padding: 10px 10px 10px; width: 128px;}
.heading h2{font-size: 20px; line-height: 22px;}
.heading h2 span{font-size: 16px; line-height:18px;}
.heading figure img{max-width: 50px;}

.blog-list{margin: 0 0 10px; flex-wrap:wrap;} 	
.blog-list li{padding: 0 0 20px;}
.blogbox figure{text-align: center;}	
.job-section .carousel{flex-wrap: wrap;}	
.carousel-indicators{ width: 100%; margin-bottom: 20px;}
.carousel-indicators [data-bs-target]{margin: 0 auto 10px; width: 360px; max-width: 100%; display: block;}
.slider-content{width: 100%;}	
.slider-content .carousel-inner{padding-left: 10px;}
.job-box::after{left: -10px; bottom: -10px;}
.carousel-control-next, .carousel-control-prev{margin: 0 10px;}	
.carousel-control-next img, .carousel-control-prev img{max-width: 30px;}
.footer-link{margin: 0 0 20px; flex-wrap: wrap;}	
.footer-link li{padding: 5px 10px; font-size: 14px; line-height: 19px;}	
.copyright{font-size: 14px;}
/*inner page*/
.servicebox {min-height: 60px; padding: 0 0 0 75px; margin: 12px 0;}
.servicebox span{width: 60px; height: 60px; font-size: 24px;}
.servicebox h3{font-size: 20px; line-height: 20px;}	
.servicebox p{font-size: 16px; line-height: 22px;}
.planbox ul li{padding: 0 0 10px 30px;}	
.planbox .btn-primary {font-size: 18px; line-height: 24px; bottom: 20px;}
.service-list li:nth-child(2n+1){width: 100%; padding-right: 0;}
.service-list li:nth-child(2n+2){width: 100%;}	
}