@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap')

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 800

.plus-jakarta sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

:root {
    --theme-primary: #20376A;
    --white: #ffffff;
    --black: #000000;
    --red: #fd2e35;
  }
  

body{ font-family: "Plus Jakarta Sans", sans-serif; color:var(--black); overflow-x: hidden; overflow-y: scroll; line-height: 1.6;font-size: 1.125rem;}
h1, h2, h3, h4, h5 { line-height: 1.3; font-weight: 800;}

.btn-block{ width: 100%;}
.btn-primary {background: var(--theme-primary); border-color: var(--theme-primary); border-radius: 30px; padding: 10px 40px; font-weight: 600; border: none;}
.btn-primary:hover, .btn-primary:focus {background-color: var(--theme-primary); border-color:  var(--theme-primary);
}
.btn-primary.active:not(:disabled):not(.disabled), .btn-primary:active:not(:disabled):not(.disabled), .show>.btn-primary.dropdown-toggle, .btn-primary:hover {background-color: var(--red); border-color: var(--red); }
.btn-bordered {
border: 2px solid  var(--theme-primary); display: inline-block; border-radius: 30px; padding: 7px 27px; background-color: transparent; transition: 0.3s all; color: var(--theme-primary); } 
.btn-bordered:hover {background-color: var(--theme-primary); color: var(--white);}

.blog_cta .btn-default { background-color: #FFF; color: #000 !important;border-radius: 30px; padding: 10px 40px; font-weight: 600;}
.blog_cta .btn-default:hover { color: #fff !important; background-color: #c1312c;}
.blog_cta.inverse{ background:#fff; color:var(--theme-primary) }
.blog_cta.inverse h4{ color:var(--black) }

header{ min-height: 100vh; position: relative;}
.fixed-top {position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } 
.navbar.navbar-sml {height: 70px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); background: #fff;}
.top_strip{ background: var(--white); padding:0; box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.top_strip .navbar-brand img{ width: 150px; height: auto; transition: .5s all ease;}
.top_strip.navbar-sml .navbar-brand img{ width: 100px;}
.top_strip .btn-primary{ transition: .5s all ease;}
.top_strip.navbar-sml .btn-primary{padding: 7px 25px !important; font-size: .9rem !important}
.shade {display: inline; color: var(--red); font-weight: bold; text-transform: uppercase; font-size: .825rem; letter-spacing: 2px; } 
.big-h1 {font-size: 3.5rem;} 
.big-h2 {font-size: 2.6rem; } 
.para3 {font-size: 16px; font-weight: 500; font-style: italic; opacity: 0.7; padding-right: 130px; } 

.banner{ padding: 50px 0; }
.banner__clients-logos {margin-bottom: 20px; } 
.blur-heading {display: block; margin-top: 26px; text-transform: uppercase; font-size: .8rem; font-weight: bold; opacity: 1; letter-spacing: 1px; position: relative; } 
.blur-heading span {display: inline-block; padding: 5px 10px; position: relative; z-index: 1; background: var(--white); } .industry_banner .banner__clients-logos img {margin-right: 20px; } 
.banner__clients-logos img {padding: 10px; max-width: 120px; }
.x-big-p {font-size: 1.4rem; opacity: .7; } 
.background_2 {background-color: #E4EDED;}
.background_3 {background-color: #f4f4f4; } 
.background_4 {background-color: #333; color: #FFF;}
.burger {padding: 6.25rem 0; } 
.t-burger {padding-top: 6.25rem; } 
.b-burger {padding-bottom: 6.25rem; } 
.form-group {font-weight: 500; font-size: 0.8rem; margin-bottom: 1rem; } 
label {font-weight: 500; font-size: 0.8rem; margin-bottom: 0.5rem; }
.form-control {width: 100%; padding: 7px 15px; border: 1px solid var(--theme-primary); border-radius: 0;}

.cotnact_form{ border-radius: 6px; box-shadow:  0 0px 12px 0px rgba(35,55,106,.2); overflow: hidden; position: relative; z-index: 1;}
.cotnact_form form{padding: 30px}
.cotnact_form h2{ background-color: var(--theme-primary); padding: 10px; color: var(--white); font-size: 1.5rem; font-weight: 600; margin-bottom: 0;}

/*.sec-text{position: relative; font-weight: 800; display: inline-block;}
.sec-text:before{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--white); border-left: 2px solid var(--theme-primary); animation: animate 4s steps(12) infinite;}
@keyframes animate{
    40%, 60%{ left: calc(100% + 4px); }
    100%{left: 0%; }
}*/

 .industry_solution {display: flex; } 
 .industry_solution_item {display: flex; flex-direction: column; background: #fff; padding: 30px; border-radius: 18px; } 
 .commoncard__image {height: 60px; min-width: 60px; max-width: 60px; display: flex; border-radius: 10px; background: #fd2e35; justify-content: center; align-items: center; } 
 .industry_solution_item h3 {font-size: 1.4rem !important; margin-top: 30px; margin-bottom: 30px; font-weight: 800; } 
 .industry_solution p {opacity: .7; font-size: 1rem; } 
 .blog_cta {background-color: #20376a; padding: 28px; border-radius: 16px; display: flex; align-items: center; justify-content: space-around; background-size: cover; margin: 50px 0; } 
 .blog_cta h4 {font-size: 32px; font-weight: 800 !important; color: #FFF; width: 62%; line-height: 48px; } 
 .opaq, .service__wrapper-item p.opaq {opacity: 0.7 !important;}

.work-2 .swiper-work1 {overflow: hidden; position: relative; } 
.work-2.newslide .swiper-work1 .swiper-slide {position: relative; background: none; } 
.work-2 .swiper-work1 .swiper-slide {overflow: hidden; margin: 0 5px; padding: 0; border-radius: 0px; opacity: .5; isolation: isolate; background: #0f326d; color: #fff; }
.work-2 .swiper-work1 .swiper-slide.swiper-slide-active {opacity: 1; } 
.work-2 .swiper-work1 .swiper-slide {overflow: hidden; margin: 0 5px; padding: 0; border-radius: 0px; isolation: isolate; color: #fff;
} 
.work-2.newslide .swiper-work1 .swiper-slide .img-head {position: absolute; left: 50%; top: 50%; height: auto; width: 100%; transform: translate(-50%, -50%); z-index: 0; } 
.work-2.newslide .swiper-work1 .swiper-slide .section-header {position: relative; width: 33%; min-height: 600px; padding: 1.99em 2.2em !important; background: linear-gradient(180deg, #20376A, #000); color: #fff; z-index: 1; display: flex; flex-direction: column; justify-content: space-around; margin-left: 0 !important; } 
.work-2 .swiper-work1 .swiper-slide .section-header {padding-left: 0px !important; } 
.work-2 .section-header {padding-left: 22%; padding-right: 50px; } 
.work-2.newslide .swiper-work1 .swiper-slide .section-header img {max-height: 50px; width: auto; max-width: 100px; margin-bottom: 50px; height: auto; } 
.swiper-work1 .section-header img {object-fit: contain; } 
.work-2 .section-header h2 {font-size: 30px; line-height: 1.4; margin: 10px 0 20px; font-weight: 500; color: #fff; } 
.work-2 .swiper-work1 .swiper-slide ul {margin-bottom: 0; } 
.work-2 .swiper-work1 .swiper-slide ul li {font-size: 14px; padding: 3px 0; } 
.work-2.newslide .swiper-work1 .swiper-slide .section-header .btn-inverse {margin-top: 50px !important; } 
.work-2 .work-shed {position: absolute; top: 0; bottom: 0; right: 0; width: 35%; z-index: -1; }

.work-2.newslide .swiper-work1 .swiper-slide {position: relative; background: none; } 
.work-2.newslide .swiper-work1 .swiper-button-prev {left: 50% !important; margin-left: -638px; } 
.work-2.newslide .swiper-work1 .swiper-button-next {right: 50% !important; margin-right: -638px; } 
.work-2.newslide .swiper-work1 .swiper-button-next, .work-2.newslide .swiper-work1 .swiper-button-prev {background: rgba(0, 0, 0, 0.8) !important; width: 3.21em !important; height: 3.99em !important; top: 50%; margin-top: -2em; text-align: center; } 
.work-2.newslide .swiper-work1 .swiper-button-next:after, .work-2.newslide .swiper-work1 .swiper-button-prev:after {color: #fff; font-size: 28px; font-weight: 900; } 
.new_review {width: 78%; margin: 100px auto 0; position: relative; } 
.new_review .tab-pane {text-align: center; font-size: 32px; line-height: 48px; padding: 0; } 
.new_review .tab-pane .p {isolation: isolate; position: relative; margin-bottom: 50px; line-height: 140%; min-height: 200px; } 
.new_review .tab-pane .p:before, .new_review .tab-pane .p:after {background-image: url("../images/image-1.png"); content: ""; opacity: 1; background-repeat: no-repeat; z-index: -1; } 
.new_review .tab-pane .p:before {position: absolute; width: 197px; height: 202px; left: 20%; top: -50px; } 
.new_review .tab-pane .p:after {position: absolute; width: 197px; height: 202px; right: 20%; bottom: -40px; transform: rotate(180deg); } 
.new_review .author_dtl {font-weight: 400; font-size: 18px; padding-bottom: 50px; } 
.new_review .author_dtl span {color: #999; } 
.new_review ul {padding-bottom: 20px !important; margin-bottom: 0 !important; } 
.new_review li {min-width: 88px; min-height: 88px; text-align: center; } 
.new_review button {margin: 7px; } 
.new_review button img {width: 50px; height: 50px; } 
.new_review button.nav-link {border: 1px solid #ccc; border-radius: 50%; padding: 0.5rem; transition: 0.5s all ease; }
 .new_review button:hover {border: 1px solid #fd2e35 !important; } 
.new_review button.active {position: relative; border: 4px solid #fd2e35 !important; background-color: rgba(0, 0, 0, .05) !important;
}

.reviewsection .new_review .tab-pane, .reviewsection .new_review .author_dtl {
 color: #fff;
}
.reviewsection .new_review .tab-pane .p:before, .reviewsection .new_review .tab-pane .p:after {
 opacity: 0.1 !important;
}
.reviewsection .new_review li button.nav-link {
 border: 1px solid #fff;
 transition: 0.3s all;
}
.reviewsection .new_review li button.nav-link.active {
 border: 4px solid #fd2e35 !important;
 background-color: rgba(255, 255, 255, .05) !important;
}

.reviewsection{ background-color: #333; color: #fff; } 
.big-p {font-size: 1.25rem; font-weight: 500;    opacity: 0.7; }
div[role="progressbar"] {--size: 5rem; --fg: #fd2e35; --bg: #666; --pgPercentage: var(--value); animation: growProgressBar 3s 1 forwards; width: var(--size); height: var(--size); border-radius: 50%; display: grid; place-items: center; background: radial-gradient(closest-side, #333 80%, transparent 0 99.9%, #333 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0); font-family: Helvetica, Arial, sans-serif; font-size: calc(var(--size) / 5); color: var(--fg); z-index: 9; position: relative; } 
div[role="progressbar"]::before {counter-reset: percentage var(--value); content: counter(percentage) '%'; display: none; } 
.p-line {position: relative; } 
.p-line:after {position: absolute; content: ""; height: 1px; width: 100%; background-color: #fff; top: 40px; left: 20px; } 
.p-line:last-child:after {width: 50px; } 
.do-approach .media-heading {color: #FFF; font-size: 1.125rem; font-weight: 500; margin-top: 20px; margin-bottom: 20px; } 
.do-approach p {font-size: .8rem; color: rgba(255, 255, 255, 0.6); } 
.process_desc {min-height: 140px; } .what_you_get {margin-top: 30px; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; } 
.process_get {font-size: 12px !important; font-weight: bold; letter-spacing: 2px; display: block; margin-bottom: 10px; color: #fd2e35; text-transform: uppercase; } 
.what_you_get ul {padding-left: 25px; } 
.what_you_get ul li {font-size: 1rem; margin-bottom: 7px; list-style: none; position: relative; } 
.what_you_get ul li:before {content: "\f00c"; font-family: 'FontAwesome'; position: absolute; left: -25px; top: 0;
}

.service-accordion .card {padding: 0; box-shadow: none; border-radius: 0; margin-bottom: 26px; padding-bottom: 20px; border: none; border-bottom: 1px solid #000; background-color: transparent; } 
.service-accordion .card-header {background-color: #FFF; } 
.service-accordion .card-header {padding: 0; border: none; } 
.service-accordion .card-body {padding: 0; font-size: 0.9em; opacity: 0.7; margin-top: 10px; } 
.we-quote {padding: 50px 140px; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align: center; } 
.we-quote h4 {font-size: 2rem; font-weight: 800; padding:0 100px; margin-bottom:20px } 
.we-quote p {} 
.underline-2 {border-bottom: 2px solid #fd2e35; } 
.more-stuffs a, .more-stuffs .a {font-size: 0.9rem; color: #000; display: flex; align-items: center; cursor: pointer; } 
.more-stuffs a .fa, .more-stuffs .a .fa {font-size: 1.125rem; margin-left: 10px; } 
.schema-faq-code .faq h2 {font-size: 18px; } 
.schema-faq-code .faq__q {font-weight: normal; border: none !important; font-size: 16px !important; margin: 0; padding: 12px 56px 12px 0px; line-height: 1.4; cursor: pointer; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.schema-faq-code .faq__q:after {content: "+"; position: absolute; top: 50%; right: 0; width: 16px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #000; font-size: 1.5rem !important; font-weight: normal !important; } 
.schema-faq-code .faq__q.faq__q-open:after {content: "-"; } 
.schema-faq-code .faq__a {margin: 0; border-bottom: 1px solid #dedee0; padding: 20px 0; background-color: transparent; font-size: 1rem; line-height: 24px; padding-top: 5px; color: #5d6769; display: none; } 
.schema-faq-code .faq__a ul {list-style: disc; margin-left: 30px; } 
.schema-faq-code .faq__a ul li {margin-bottom: 10px; } 
.schema-faq-code .faq__question:last-child .faq-div {border-bottom: none; } 
.schema-faq-code .faq__question:last-child .faq__a {border-bottom: 0px; border-bottom: 0px; border-bottom: 0px; } 
.schema-faq-code .faq__div {border-bottom: 1px solid #ccc; } .schema-faq-code .faq__q-open {color: #0f346c; } 
/*.schema-faq-code .faq__a-open, .schema-faq-code .faq__q-open {opacity: 1; } .more-stuffs {padding: 10px 0; } */
.shade{ position:relative; } 
/*.shade:before {height: 1px; background: #fd2e35; content: ""; position: absolute; width: 100px; left: -100px; top: 47%;}*/

.zebra {position: relative; } 
.zebra:before {border-bottom: 2px solid #b3e5fc; content: " "; height: 1rem; left: 96%; position: absolute; width: 105px; top: 21px; } 
.zebra:after {background-color: #b3e5fc; border-radius: 50%; content: " "; height: 20px; left: 100%; margin-left: 75px; margin-top: -5px; position: absolute; top: 30px; width: 20px; } 
.zebra .media .im-step {height: 70px; width: 70px; background-color: #81d4fa; margin-right: 0 !important; line-height: 70px; font-weight: 600; font-size: 2rem; text-align: center; } 
.zebra .media .media-body {display: flex; align-items: center; font-size: 1.25rem; background-color: #b3e5fc; height: 70px; padding-left: 20px; } 
.zebra .media .media-body .media-heading {font-weight: 600 !important; margin: 0; font-size: 1.125rem; }
.sml-part {padding-left: 115px; font-size: .9rem; margin-top: 20px; }
.help .btns .btn {margin: 0 10px; font-size: 1.125rem; }

/*CSS based typing effect*/
.line-1{position: relative; top: 50%; width: 24em; margin: 0 auto; border-right: 2px solid rgba(255,255,255,.75); font-size: 180%; text-align: center; white-space: nowrap; overflow: hidden; transform: translateY(-50%);
}
/*.banner h1{ color:rgba(0,0,0,.85) }*/
.banner h1 span{ color:rgba(0,0,0,1); display:block; text-decoration: underline; text-decoration-color: #fd2e35; text-decoration-thickness: 2px; text-underline-offset: 12px; padding-bottom: 5px; /*border-bottom: 1px solid #fd2e35;*/ }
.stict_fix{ position:sticky; top:100px }
.border-top {border-top: 1px solid #dee2e6 !important; } 

footer .copyright {font-size: 0.75rem; opacity: 0.5; padding: 3rem 0; } 
.imenso_rating .brand-logo {width: 100px; } 
.imenso_rating .g-review .stars i {color: #ffa500; } 
.imenso_rating .g-review p {font-size: 0.75rem; } 
.g-review a {color: #000; text-decoration: none; outline: none; } 
.g-review a:hover {color: #c1312c; } 
.imenso_rating .footercreds {display: flex; align-items: center; justify-content: flex-end; } 
.imenso_rating .footercreds a {margin: 0 10px; } 
.imenso_rating .footercreds a img {height: 60px; width: auto; }