@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,200;1,400;1,600;1,700;1,800&family=Roboto+Condensed:wght@300;400;700&display=swap');
 * {
   margin: 0px;
   padding: 0px;
 }
 body {
   color: #212121;
   font-weight: 300;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   padding-top: 72px;
   letter-spacing: 0.5px; /*font-family: 'Roboto Condensed', sans-serif*/
 }
 .header nav.navbar-expand-lg {
   background: #0B1F42;
   padding: 12px 30px;
 }
 .header .navbar-expand-lg .navbar-nav .nav-item {
   margin: 0px 65px 0px 0px;
 }
 .header .navbar-expand-lg .navbar-nav .nav-item:last-child {
   margin-right: 0px;
 }
 .logo img {
   height: 30px;
 }
 .header .navbar-expand-lg .navbar-nav .nav-link {
   font-size: 16px;
   font-weight: 300;
   color: #fff;
   padding: 12px 0px;
   position: relative;
 }
 .header .navbar-nav .nav-link::before {
   position: absolute;
   width: 0%;
   content: '';
   height: 1px;
   background: #fff;
   display: block;
   margin: 0px auto;
   left: 0px;
   right: 0px;
   bottom: 5px;
   transition: all linear 0.3s;
 }
 .header .navbar-nav .nav-link:hover::before {
   width: 100%;
 }
 .header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link::before {
   width: 100%;
 }
 .bannertext {
   position: absolute;
   z-index: 111;
   max-width: 990px;
   margin: 0px auto;
   left: 0px;
   right: 0px;
   text-align: center;
   top: 22%;
 }
 .bannertext h1 {
   font-weight: 700;
   font-size: 68px;
   line-height: 80px;
   text-align: center;
   color: #fff;
   font-family: 'Roboto Condensed', sans-serif;
   margin: 0px 0px 20px 0px;
 }
 .banner-section .item img {
   height: 100vh;
   width: 100%;
   object-fit: cover;
 }
 .banner-section .item {
   position: relative;
 }
 .banner-section .item:before {
   background: rgba(0, 0, 0, 0.40);
   content: '';
   width: 100%;
   height: 100%;
   top: 0px;
   position: absolute;
   left: 0px;
   display: block;
   z-index: 1;
 }
 .customBtn {
   height: 46px;
   line-height: 44px;
   padding: 0px 24px;
   font-weight: 400;
   font-size: 14px;
   min-width: 140px;
   color: #0B1F42;
   background: #fff;
   text-align: center;
   transition: all linear 0.2s;
   border: 1px solid #fff;
   filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
   border-radius: 50px;
 }
 .customBtn-blue {
   height: 46px;
   line-height: 44px;
   padding: 0px 24px;
   font-weight: 400;
   font-size: 14px;
   min-width: 140px;
   color: #fff;
   letter-spacing: 0.5px;
   background: #0B1F42;
   text-align: center;
   transition: all linear 0.2s;
   border: 1px solid #0B1F42;
   filter: drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.05));
   border-radius: 50px;
 }
 .nav-up {
   top: -125px;
 }
 header {
   background: #fff;
   height: auto;
   position: fixed;
   top: 0;
   /* transition: top 0.5s ease-in-out; */
   width: 100%;
   left: 0;
   z-index: 111;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
 }
 .banner-section {
   display: flex;
   overflow: hidden;
 }
 .banner-section .owl-theme .owl-controls .owl-dots {
   width: 100%;
   position: absolute;
   bottom: 50px;
 }
 .banner-section .owl-theme .owl-controls .owl-nav .owl-prev, .banner-section .owl-theme .owl-controls .owl-nav .owl-next {
   display: flex;
   width: 35px;
   height: 35px;
   position: absolute;
   top: 50%;
 }
 .banner-section .owl-theme .owl-controls .owl-nav .owl-prev {
   left: 50px;
 }
 .banner-section .owl-theme .owl-controls .owl-nav .owl-next {
   right: 50px;
 }
 .banner-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
   color: #fff;
 }
 .banner-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
   background: none;
   padding: 0px;
   margin: 0px;
   color: #fff;
   font-size: 35px;
   margin-left: 10px;
 }
 .banner-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
   background: none;
   color: #000;
 }
 .banner-section .owl-theme .owl-dots .owl-dot span {
   background: #000;
 }
 .banner-section .owl-theme .owl-dots .owl-dot.active span, .banner-section .owl-theme .owl-dots .owl-dot:hover span {
   background: #fff;
 }
 .our_services {
   background: url(../img/dots.png) repeat;
   min-height: 500px;
   width: 100%;
   padding: 80px 0px;
   background-attachment: fixed;
   display: flex;
 }
 .heading_class h2 {
   font-family: Roboto Condensed;
   font-style: normal;
   font-weight: bold;
   font-size: 48px;
   line-height: 56px;
   text-align: center;
   letter-spacing: 0.02em;
   color: #112761;
   margin: 0;
 }
 .our_services .heading_class {
   text-align: center;
   margin-bottom: 80px;
 }
 .our_services .heading_class h2 {
   max-width: 760px;
   display: inline-block;
 }
 .service_left {
   width: 100%;
 }
 /*
.service_right {
	width: 40%;
	padding-left: 50px;
	display: flex;
}
*/
 .service_left ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
 }
 .service_left ul li {
   width: 33.333%;
   padding: 0px 15px 30px 15px;
 }
 .service_left_box {
   background: #0B1F42;
   border-radius: 10px;
   padding: 50px 50px;
   color: #fff;
   text-align: center;
   display: block;
   width: 100%;
   position: relative;
   text-decoration: none;
   height: 100%;
 }
 .service_left_box:hover {
   text-decoration: none;
   color: #fff;
 }
 .service_left_box i {
   font-size: 58px;
   color: #fff;
   padding: 15px;
   border-radius: 50px;
   transition: all linear 0.5s;
 }
 .service_left_box:hover i {
   background: rgba(255, 255, 255, 0.9);
   color: #0B1F42;
 }
 .service_left_box p {
   font-size: 16px;
   line-height: 26px;
   text-align: center;
   color: #fff;
   margin: 0px;
 }
 .service_left_box h4 {
   font-weight: 600;
   font-size: 24px;
   line-height: 36px;
   color: #fff;
   margin: 30px 0px 15px 0px;
 }
 .service_left ul li:last-child .service_left_box:before {
   position: absolute;
   content: "\e90d";
   font-family: 'icomoon';
   font-size: 180px;
   z-index: 0;
   color: rgba(255, 255, 255, 0.13);
   bottom: -34px;
   right: 10px;
 }
 .plusmore {
   width: 38px;
   height: 38px;
   border-radius: 50px;
   border: solid 1px #fff;
   display: inline-block;
   text-align: center;
   line-height: 36px;
   position: absolute;
   right: 30px;
   top: 30px;
   font-size: 32px;
   font-weight: 200;
 }
 .plusmore:hover {
   color: #fff;
 }
 .service_right_text h4, .heading_class h4 {
   font-size: 22px;
   line-height: 33px;
   color: #1B43D2;
   font-weight: 300;
   margin-bottom: 0px;
   text-transform: uppercase;
 }
 .service_right_text h2, .boost_web_text h2 {
   font-size: 48px;
   line-height: 68px;
   color: #0B1F42;
   font-weight: 700;
   margin-bottom: 17px;
   font-family: 'Roboto Condensed', sans-serif;
 }
 .boost_web_text h2 {
   margin-bottom: 5px;
 }
 .service_right_text p, .boost_web_text p {
   font-size: 16px;
   line-height: 27px;
   color: #646060;
   margin-bottom: 30px;
 }
 .service_right_text {
   align-self: center;
 }
 .customBtn-blue:hover {
   background: #fff;
   color: #0B1F42;
 }
 .customBtn-blue i, .customBtn i {
   /* line-height: 10px; */
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
 }
 .boost_web {
   background: #F3F2F9;
   padding: 80px 0px;
   position: relative;
 }
 .boost_web_img img {
   max-width: 100%;
 }
 .boost_web_text h3 {
   font-size: 30px;
   line-height: 48px;
   color: #0B1F42;
   font-weight: 600;
   margin-bottom: 17px;
 }
 .boost_web::before {
   content: url(../img/dots_bg.png);
   display: inline-block;
   position: absolute;
   left: 0px;
   bottom: 0px;
 }
 .tst_box {
   align-items: center;
 }
 .testimonial {
   position: relative;
   padding: 40px 0px;
   overflow: hidden;
   min-height: 500px;
 }
 .t_user {
   width: 90px;
   height: 90px;
   margin-right: 40px;
 }
 .testimonial #testiMonial .t_user img {
   width: 90px;
   height: 90px;
   border-radius: 100px;
   display: block;
   max-width: inherit;
 }
 .tst-name {
   font-size: 18px;
   line-height: 27px;
   color: #B1ACAC;
   text-align: right;
   margin-bottom: 30px;
 }
 .testimonial::before {
   content: url(../img/quote_left.svg);
   display: inline-block;
   position: absolute;
   left: -65px;
   top: 65px;
 }
 .testimonial::after {
   content: url(../img/quote_lright.svg);
   display: inline-block;
   position: absolute;
   right: -65px;
   bottom: 40px;
 }
 .testimonial .heading_class h4 {
   text-align: center;
 }
 .testimonial .heading_class {
   margin-bottom: 45px;
 }
 .testimonial .owl-theme .owl-dots .owl-dot.active span, .testimonial .owl-theme .owl-dots .owl-dot:hover span, .teams .owl-theme .owl-dots .owl-dot.active span, .teams .owl-theme .owl-dots .owl-dot:hover span, .aboutus-section_teams .owl-theme .owl-dots .owl-dot.active span, .aboutus-section_teams .owl-theme .owl-dots .owl-dot:hover span {
   background: #C4C4C4;
 }
 .testimonial .owl-theme .owl-dots .owl-dot.active span, .aboutus-section_teams .owl-theme .owl-dots .owl-dot.active span, .teams .owl-theme .owl-dots .owl-dot.active span {
   background: #112761;
 }
 #OurTeam .owl-controls, .aboutus-section_teams #OurTeam_aboutus .owl-controls {
   margin-top: 30px;
 }
 .our_pricing_plan {
   background: #F3F2F9;
   padding: 80px 0px;
   position: relative;
 }
 .our_pricing_plan .heading_class {
   text-align: center;
   margin-bottom: 50px;
 }
 .our_pricing_plan .heading_class p {
   display: inline-block;
   max-width: 730px;
   margin: 30px 0px 0px 0px;
 }
 .pricing_table {
   background: #FFFFFF;
   border-radius: 10px;
   padding: 30px;
   text-align: center;
   transition: all linear 0.4s;
 }
 .team_member {
   transition: all linear 0.4s;
 }
 .pricing_table:hover {
   transform-style: preserve-3d;
   transform: rotateX(5deg) rotateY(15deg);
 }
 .team_member:hover {
   transform-style: preserve-3d;
   transform: rotateX(5deg) rotateY(15deg);
 }
 .pricing_table h3 {
   font-weight: 600;
   font-size: 24px;
   line-height: 58px;
   color: #0B1F42;
   margin-bottom: 20px;
 }
 .price {
   display: flex;
   justify-content: center;
   font-size: 20px;
   line-height: 22px;
   color: #0B1F42;
 }
 .price span {
   font-size: 20px;
   line-height: 22px;
   font-weight: 400;
   align-self: flex-start;
 }
 .price .mnt {
   font-size: 20px;
   line-height: 22px;
   font-weight: 400;
   align-self: flex-end;
 }
 .amt {
   font-size: 48px;
   line-height: 42px;
   color: #0B1F42;
   font-weight: 700;
 }
 .pricing_table pre {
   font-weight: 300;
   font-family: 'Poppins', sans-serif;
   font-size: 16px;
   color: #2E2594;
   line-height: 36px;
   margin-top: 55px;
   margin-bottom: 100px;
 }
 .pricing_table:hover, .pricing_table.economy_plan:hover {
   box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.15);
 }
 .pricing_table.economy_plan {
   background: #0B1F42;
   color: #fff;
 }
 .pricing_table.economy_plan .price, .pricing_table.economy_plan .price .amt, .pricing_table.economy_plan h3, .pricing_table.economy_plan pre {
   color: #fff;
 }
 .teams, .blogs {
   padding: 80px 0px;
 }

.blogs { background: url("../img/dots.png");}
 .team_member {
   background: #FCFCFC;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.14);
   border-radius: 10px;
   padding: 30px;
   text-align: center;
 }
 .teams .heading_class, .blogs .heading_class {
   text-align: center;
   margin-bottom: 80px;
 }
 .teams .heading_class h2 {
   margin-bottom: 0px;
 }
 .team_member img {
   border-radius: 50px;
 }
 .team_member h3 {
   font-size: 24px;
   margin: 50px 0px 10px 0px;
 }
 .team_member p {
   font-size: 18px;
   line-height: 27px;
   color: #8E8D8D;
   margin-bottom: 55px;
 }
 a.team_social {
   display: inline-block;
   font-size: 28px;
   color: #0B1F42;
   margin: 0px 8px;
   text-decoration: none;
 }
 .blog-list {
   background: #FFFFFF;
   border: 1px solid rgba(0, 0, 0, 0.06);
   box-sizing: border-box;
   border-radius: 10px;
 }
 .blog-list img {
   width: 100%;
 }
 .blog_list_text {
   padding: 24px;
 }
 .blog_list_text h3 {
   font-size: 20px;
   font-weight: 400;
   line-height: 30px;
   margin-bottom: 23px;
 }
 .blog_list_text p {
   font-size: 16px;
   line-height: 24px;
   color: #646060;
   margin-bottom: 30px;
 }
 .pl_pr {
   padding: 0px 20px;
 }
 .footer {
   background: #0B1F42;
   padding-top: 50px;
 }
 .ft-head {
   font-weight: 300;
   font-size: 18px;
   line-height: 27px;
   color: #FFFFFF;
   padding-bottom: 30px;
   border-bottom: 0.5px solid #9A9AA9;
   margin-right: 50px;
   margin-bottom: 25px;
 }
 address p {
   font-size: 14px;
   line-height: 21px;
   margin: 0px 0px;
   color: #FCF4F4
 }
 address p span {
   color: #fff;
   display: block;
   font-size: 16px;
   margin-bottom: 7px;
 }
.footer_menu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	justify-content: space-evenly;
}
.footer_menu {
	padding-top: 0px;
}
 .footer_menu ul li {
   display: block;
   margin-bottom: 5px;
 }
 .footer_menu ul li a {
   display: inline-block;
   font-size: 14px;
   line-height: 21px;
   color: #FCF4F4;
   text-decoration: none;
 }
 .social-link a {
   display: inline-block;
   color: #fff;
   font-size: 24px;
   text-decoration: none;
   margin-right: 8px;
 }
 .social-link a:hover {
   color: #82AAEE;
 }
 .footer_menu ul li a:hover {
   color: #fff;
   text-decoration: none;
 }
 .copyright {
   background: #0C2653;
   font-size: 12px;
   line-height: 20px;
   text-align: center;
   padding: 15px 0px;
   color: lightgray;
   margin-top: 50px;
 }
 /*-----------------------About us----------------------------------*/
 .header-section {
   background-image: url(../img/marvin.jpg);
   background-size: contain;
   background-attachment: fixed;
   background-repeat: no-repeat;
   padding: 80px 0px;
   color: #fff;
   position: relative;
   overflow: hidden;
   z-index: 0;
   height: 275px;
 }
 .header-section h2 {
   font-size: 38px;
   line-height: 58px;
   font-weight: 600;
   letter-spacing: 1px;
 }
 .header-section p {
   font-size: 18px;
 }
 .header-section:before {
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: -1;
   background: linear-gradient(to left, rgba(11, 31, 66, 0.3), rgba(11, 31, 66, 0.9));
 }
 .ab-img {
   width: 100%;
   height: 500px;
 }
 .ab-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 .aboutus-section, .aboutus-section_two, .aboutus-section_three {
   padding: 80px 0px;
   background-color: #f7f7f7
 }
 .aboutus-section_two {
   background: #fff;
 }
 .ab-des {
   padding: 75px;
   background: #133E88;
   height: 100%;
 }
 .ab-des h4 {
   color: #fff;
   font-size: 20px;
   line-height: 30px;
   margin-bottom: 30px;
 }
 .ab-des p {
   color: #fff;
   font-size: 16px;
   line-height: 28px;
   margin: 0px;
 }
 .about-agency {
   width: 100%;
   height: 100%;
   background: #fff;
 }
 .agency-img {
   width: 100%;
 }
 .agency-img img {
   width: 100%;
   height: 260px;
   object-fit: cover;
 }
 .agency-des h4 {
   font-size: 20px;
   margin-bottom: 10px;
 }
 .agency-des p {
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 0px;
 }
 .agency-des {
   padding: 40px 40px;
 }
 .feature-box {
   padding: 50px;
   background-image: linear-gradient(262.71deg, #f7f7f7 2.43%, #f7f7f7 107.06%);
   display: flex;
   position: relative;
   margin-bottom: 30px;
   transition: background-image all linear 0.4s;
   border-radius: 4px;
   color: #212121;
   z-index: 1;
 }
 .feature-box:hover {
   color: #fff;
   text-decoration: none;
   transition: all linear 0.5s;
 }
 .feature-box:hover .ft-icon i {
   color: #fff;
 }
 .feature-box::before {
   position: absolute;
   content: "";
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: linear-gradient(262.71deg, #2D6CD9 2.43%, #1A335F 107.06%);
   z-index: -1;
   transition: opacity 0.5s linear;
   opacity: 0;
 }
 .feature-box:hover::before {
   opacity: 1;
 }
 .ft-icon {
   margin-right: 35px;
 }
 .feature-box h4 {
   font-size: 20px;
   font-weight: 400;
   margin-bottom: 20px;
 }
 .feature-box p {
   font-size: 16px;
   line-height: 30px;
 }
 .ft-icon i {
   font-size: 60px;
   color: #000;
 }
 .heading_class_cms {
   margin-bottom: 80px;
 }
 .heading_class_cms h2 {
   font-weight: 600;
   font-size: 38px;
   line-height: 46px;
   text-align: center;
   letter-spacing: 0.02em;
   color: #112761;
 }
 .heading_class_cms p {
   font-size: 18px;
   text-align: center;
 }
 .team_img img {
   width: 100%;
   transition: all .2s ease-in-out;
 }
 .team_des {
   padding: 0px 50px;
 }
 .team_des .heading_class_cms {
   margin-bottom: 0px;
 }
 .team_des .heading_class_cms h2, .team_des .heading_class_cms p, .serv-des .heading_class_cms h2 {
   text-align: left;
   margin-bottom: 25px;
 }
 .team_des .heading_class_cms p, .serv-des .heading_class_cms p {
   font-size: 16px;
   line-height: 28px;
 }
 .aboutus-section_teams {
   padding: 80px 0px;
 }
 .aboutus-section_teams .heading_class_cms p {
   margin-bottom: 5px;
 }
 .t_name {
   padding: 10px;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
 }
 .our-service-section {
   padding: 80px 0px;
   background: #f7f7f7;
 }
 .serv-des .heading_class_cms {
   margin-bottom: 0px;
 }
 .serv-des .heading_class_cms h2, .serv-des .heading_class_cms p {
   text-align: left;
   color: #fff;
 }
 .serv-des {
   padding: 50px 75px;
   background: #133E88;
   height: 100%;
 }
 .our-service_two .feature-box {
   height: 100%;
   padding: 50px 30px;
 }
 .mb-30 {
   margin-bottom: 30px;
 }
 /*html {
	scroll-behavior: smooth;
}*/
 .ourPricingPlan {
   padding: 80px 0px;
   background: #f7f7f7;
 }
 .ourPricingPlan .heading_class_cms h2 {
   margin-bottom: 30px;
 }
 .ourPricingPlan .pricing_table.economy_plan {
   background: linear-gradient(262.71deg, #2D6CD9 2.43%, #1A335F 107.06%);
 }
 #totop {
   font-weight: 900;
   color: #fff;
   display: none;
   position: fixed;
   right: 34px;
   bottom: 34px;
   z-index: 999;
   height: 0;
   width: 0;
   font-size: 0;
   text-align: center;
   padding-top: 3px;
   line-height: 34px;
   border-radius: 3px;
 }
 /*-----------------ContactUS------------------------------*/
 .start-project-contact {
   background: #fff;
   padding: 80px 0px;
 }
 .projectform-contact h2, .contaus_right h2 {
   font-size: 38px;
   font-weight: 600;
   line-height: 43px;
   color: #112761;
   margin-bottom: 30px;
 }
 .projectform-contact {
   padding-right: 50px;
 }
 .contaus_right {
   padding-left: 50px;
 }
 .projectform-contact label {
   font-size: 16px;
   margin-bottom: 10px
 }
 .projectform-contact .form-group {
   margin-bottom: 30px;
   width: 100%;
 }
 .projectform-contact p, .contaus_right p {
   font-size: 16px;
   line-height: 31px;
   color: #676767;
   margin: 10px 0px 30px 0px;
 }
 .contaus_right p {
   margin-bottom: 30px
 }
 .projectform-contact .form-control, .career-form .form-control {
   border-radius: 0px;
   height: 56px;
   border: 1.11441px solid #E8E8E8;
   background: transparent;
 }
 .projectform-contact textarea.form-control {
   height: 227px;
   resize: none;
 }
 .career-form textarea.form-control {
   height: 150px;
   resize: none;
 }
 .projectform-contact .form-control::placeholder {
   font-size: 16px;
   color: #828282;
   letter-spacing: 1px;
 }
 .projectform-contact .custom-control-label {
   color: #676767;
   font-size: 16px;
 }
 .projectform-contact .customBtn2 {
   background: transparnet;
   box-shadow: none;
 }
 .projectform-contact .customBtn2:hover {
   background: #000;
   color: #F2F7F6;
 }
 .ctmap {
   display: flex;
   min-height: 250px;
 }
 .ctmap img {
   width: 100%;
   align-self: flex-end;
 }
 .sales_o {
   background: #FFFFFF;
   box-shadow: 0px 20px 40px rgba(3, 0, 77, 0.04);
   padding: 80px 24px 20px 24px;
   text-align: center;
   width: 365px;
   margin: 0px 12px;
   min-height: 405px;
 }
 .section_sales {
   position: relative;
   z-index: 0;
   padding: 80px 0px 140px 0px;
   min-height: 790px;
   text-align: center;
 }
 .sect-sals-top {
   text-align: center;
   max-width: 625px;
   display: inline-block;
   margin-bottom: 40px;
 }
 .sales_o p, .sect-sals-top p {
   font-size: 16px;
   line-height: 32px;
   color: #999999;
   margin: 0px;
 }
 .sales_o p {
   margin-bottom: 20px;
 }
 .sales_o span {
   font-size: 18px;
   line-height: 27px;
   color: #363840;
   display: block;
   font-weight: 400;
   margin-top: 10px;
 }
 .sales_o span a {
   color: #212121;
   text-decoration: none;
 }
 .sales_o h3 {
   font-size: 24px;
   line-height: 36px;
   color: #363840;
   margin-top: 40px;
   margin-bottom: 10px;
 }
 .section_sales::before {
   content: '';
   position: absolute;
   background: rgba(18, 52, 150, 0.1);
   width: 100%;
   height: 540px;
   top: 0px;
   left: 0px;
   z-index: -1;
 }
 .sales_o i {
   font-size: 48px;
 }
 .projectform-contact div.alert-danger, .career-form div.alert-danger {
   background-color: transparent;
   border: none;
   color: #F00;
   font-size: 14px;
 }
 #map_canvas iframe {
   width: 560px;
   height: 625px;
 }
 /*---------------------------career-section-----------------------------------*/
 .career_section {
   padding: 80px 0px;
 }
 .career_section .card {
   border-radius: 0px;
   margin-bottom: 15px;
 }
 .jobDescription ul {
   padding-left: 15px;
 }
 .jobDescription ul li {
   padding-bottom: 10px;
 }
 .jobDescription h4 {
   margin-bottom: 30px;
   margin-top: 30px;
 }
 .career_section .card .card-body {
   padding: 50px;
 }
 .career_section .card .card-header h5 {
   font-size: 18px;
   font-weight: 300;
   padding-top: 8px;
   padding-bottom: 8px;
 }
 .career_section .heading_class_cms p {
   font-size: 16px;
 }
 #careerModal .modal-body {
   padding: 24px;
 }
 #careerModal .modal-header {
   background: #133E88;
   color: #fff;
 }
 h4.jobtitle {
   font-size: 20px;
 }
/*
 .card-header.active {
   background: #133E88;
   color: #fff;
 }
*/
.accordion .card-header h5{ display: inline-block;  font-size: 16px; font-weight: 400; 
}

.accordion .card-header { border-bottom: none; background: #fff; padding: 15px 20px; cursor: pointer;}
.accordion .card { margin-bottom: 15px;}

.accordion  .card-body { font-size: 16px;}
 .career_info {
   padding: 24px;
   border: solid 1px #f0f0f0;
   margin-bottom: 30px;
   transition: all linear 0.3s;
 }
 .career_info h4 {
   margin: 0px;
   color: #133E88;
   font-size: 22px;
 }
 .career_info small {
   color: #999;
 }
 .career_info h5 {
   margin: 15px 0px;
   font-size: 18px;
   line-height: 28px;
   transition: all linear 0.3s;
 }
 .career_info a {
   color: #000;
   display: block;
   text-decoration: none;
   transition: all linear 0.3s;
 }
 .career_info a:hover h5 {
   color: #5B95F9;
 }
 .career_info p {
   font-size: 16px;
   color: #666;
 }
 .sct-cr-img img {
   width: 100%;
   height: 563px;
   object-fit: cover;
 }
 .sctouter {
   width: 100%;
   padding-right: 25px;
   display: flex;
   justify-content: end;
   justify-content: flex-end;
   align-items: center;
   min-height: 563px;
   background: #133E88
 }
 .sct-cr-text {
   align-self: center;
   max-width: 601px;
   color: #fff;
   padding-right: 30px;
 }
 .sct-cr-text h2 {
   font-weight: 600;
   font-size: 38px;
   line-height: 46px;
   text-align: left;
   letter-spacing: 0.02em;
   margin-bottom: 30px;
 }
 .cr-head span {
   display: block;
   text-align: right;
 }
 .career_info a:hover .cr-head span {
   color: #5B95F9;
 }
 .profile-heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .career-dtl-section {
   padding: 80px 0px;
 }
 .career-apply-section, .service-section-dtls-tw {
   padding: 80px 0px;
   background: #f7f7f7;
 }
 .career-form .form-control {
   background: #fff;
 }
 .career-form p {
   margin-bottom: 30px;
 }
 .our-service-section-dtls {
   padding: 80px 0px;
 }
 .serviceDtl-img img {
   max-width: 100%;
 }
 .service-dtl-ul {
   padding-left: 15px;
 }
 .service-dtl-ul li {
   margin-bottom: 5px;
 }
 .service-btm {
   padding: 80px 0px;
 }
 .cc-bx {
   display: flex;
   align-content: center;
   /*align-items: center;*/
   padding: 20px;
   border: dashed 2px #bfbfbf;
   height: 100%;
 }
 .icon-cc {
   padding-right: 20px;
 }
 .icon-cc i {
   font-size: 32px;
 }
 .iconinfotext {
   font-weight: 500;
 }
 .service-btm .serviceDtl-text {
   margin-bottom: 30px;
 }
 .btmBG {
   background: #f7f7f7;
 }
 .cc-bx.blueBG {
   background: #133E88;
   color: #fff;
 }
 .career-slide {
   border-bottom: solid 1px #f0f0f0;
   padding: 30px 0px;
 }
 .careertop {
   display: flex;
   justify-content: space-between;
 }
 .cr-left {
   max-width: 80%
 }
 .cr-left p {
   color: #a2a2a2;
 }
 .career-slide-dtl {
   padding-top: 30px;
 }
 .cr-left h5 {
   margin-bottom: 20px;
 }
 .career-slide-dtl h5 {
   font-size: 16px;
 }
 .career-slide-dtl p {
   margin-bottom: 30px;
   color: #a2a2a2;
 }
 .cr-inbtm span {
   color: #a2a2a2;
   display: inline-block;
   margin-right: 15px;
 }
 .cr-inbtm span strong {
   color: #808080;
   font-weight: 500;
 }
 .career-slide:last-child {
   border-bottom: none;
 }
 .teaminfo {
   position: absolute;
   width: 100%;
   height: 50%;
   left: 0px;
   bottom: 0px;
   padding: 15px;
   background: #0B1F42B5;
   bottom: -50%;
   color: #fff;
   text-align: center;
   display: flex;
   align-items: center;
   opacity: 0;
   transition: all ease-in 0.5s;
 }
 .tmf {
   width: 100%;
 }
 .teaminfo a {
   font-size: 20px;
   color: #fff;
   margin: 0px 5px;
   text-decoration: none;
 }
 .teaminfo p {
   font-size: 14px;
 }
 .ourTems {
   position: relative;
   overflow: hidden;
 }
 .ourTems:hover .teaminfo {
   opacity: 1;
   bottom: 0%;
 }
 .ourTems .tm_img img {
   transition: all .2s ease-in-out;
 }
 .ourTems:hover .tm_img img {
   transform: scale(1.1);
 }
 .service-dtl-description {
   width: 100%;
   padding-right: 25px;
   display: flex;
   justify-content: end;
   justify-content: flex-end;
   align-items: center;
   min-height: 563px;
   background: #133E88;
 }
 .service-dtl-text {
   align-self: center;
   max-width: 601px;
   color: #fff;
   padding-right: 30px;
 }
 .service-dtlimg img {
   width: 100%;
   height: 563px;
   object-fit: cover;
 }
 .service-dtl-text h2 {
   font-weight: 600;
   font-size: 38px;
   line-height: 46px;
   text-align: left;
   letter-spacing: 0.02em;
   margin-bottom: 30px;
 }
 .service-dtl-text p {
   font-size: 16px;
 }
 .serviceDtl-img, .boost_web_img {
   animation: particlemove2 4.5s infinite linear;
 }
 @keyframes particlemove2 {
   0% {
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
   }
   25% {
     transform: translate(10px, 10px);
     -webkit-transform: translate(10px, 10px);
   }
   50% {
     transform: translate(5px, 5px);
     -webkit-transform: translate(5px, 5px);
   }
   75% {
     transform: translate(10px, -5px);
     -webkit-transform: translate(10px, -5px);
   }
   100% {
     transform: translate(0, 0);
     -webkit-transform: translate(0, 0);
   }
 }
 .serviceDtl-img {
   padding: 24px;
 }
 button:focus {
   outline: none;
 }
 .career-slide-dtl .ttm-list {
   padding-left: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .career-slide-dtl .ttm-list li {
   padding-bottom: 5px;
 }
 .service-btm .col-lg-4.col-md-12 {
   margin-bottom: 30px;
 }


.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

/*----------------------------blog dtl-----------------------------------*/

.blogdtl { padding: 80px 0px;}
.blogb-img img { height: 500px; object-fit: cover; width: 100%;}
.bl-img img{  width: 50px; height: 50px; border-radius: 50px; object-fit: cover;}
.blogger { display: flex; padding: 30px 0px;}
.bl-img { margin-right: 15px;}
.blogger p { margin: 0px;}
.blogger p span{ display: inline-block; margin-right: 30px;}
.blog-dtl-text { padding: 30px 0px;}
.bllist { padding-left: 20px;}
.bllist li{ padding-bottom: 10px;}
.bl-txt2 p, .blog-dtl-text p{ line-height: 28px;}
.imgres { width: 100%;}
.client-logo-img {
	border: solid 1px #ececec;
	padding: 15px; background: #fff;
	text-align: center;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center; transition:  all linear 0.4s;
}
.client-logo-img img{ height: 60px; object-fit: contain;}

.client-logo-img:hover {box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.14);}
#testiMonial .item{ padding: 35px 0px;}