.header{ background: #000; backdrop-filter: blur(20px); z-index: 99; padding: 5px 0px 0px;}
.header .container{ position: relative;}
.header .header-logo{padding: 10px 0px;}
.header-logo img {width: 130px;}
.main-menu{ padding: 10px 0px 0px 0px; margin: 0; display: flex; justify-content: flex-end;}
.main-menu li{ padding: 0px 20px; list-style-type: none;}
.main-menu li a{ color: #fff; font-size: 16px; text-decoration: none;}
.max-1000{ max-width: 1000px; margin-left: auto; margin-right: auto;}

.header.my-fixed{ background: rgba(0,0,0,0.5); transition: all 500ms linear;}
@-moz-document url-prefix() { 
    .header.my-fixed{ background: rgba(0,0,0,0.8);}
  }

.blog__desc a.con--link{color:#6C2DC7; text-decoration: none;}
.blog__desc a.con--link:hover{color:#6C2DC7; text-decoration: underline;}

.resource--banner{ background: #000; height: 260px; width: 100%; background-size: cover; background-attachment: fixed; 
    background-repeat: no-repeat; background-position: top center;} 
.resource-content{ padding: 30px 20px; position: relative; top: -100px;}
.pue-list{ font-size: 18px; font-weight:500;}
@media (min-width: 768px) {
    .resource--banner{ height: 360px;}
	.pue-list{ font-size: 20px;}
}
@media (min-width: 992px) {
    .resource--banner{ height: 460px;}
    .resource-content{ padding: 30px 30px;}
    .blog__desc{ margin-top: 50px;}
	.pue-list{ font-size: 24px;}
	.blog__desc li.pue-list{padding-bottom: 10px; padding-top: 10px; margin-left: -10px;}
}
@media (min-width: 1200px) {
    .resource-content{ padding: 80px 90px;}
	.resource-content h2.mb-2{ margin-bottom: 20px !important} 
}

/*Careers page start*/
.careers--banner{ background: #80ffe2;}
.careers--banner .careers--banner-inner, .careers-desc-inner {max-width: 980px; margin: auto;}
.careers-banner-txt{ margin-top: 30px;}
.careers-banner-txt h2{ margin-top: 30px; margin-bottom: 30px;}
.careers-desc{ margin-top: 30px;}
.cl--box{ border: 1px solid #092067; border-radius: 26px; padding: 20px 20px;
margin-bottom: 20px;}
.cl--box .cl--box-rht .btn{background: #000000; border-radius: 26px; font-size: 18px; font-weight: 400; color: #fff; padding: 7px 40px 10px; font-family: var(--font-main); line-height: 18px;}
.cl--box .cl--box-rht .btn:hover{background: var(--origin-blue);}
.internship-footer-cta { padding: 0px 10px 0px 10px; margin-bottom: 0; text-align: center;}
.internship-footer-cta li{ list-style-type: none; font-size: 28px; color: #fff; font-weight: 500; margin-bottom: 16px;}
.internship-footer-cta li a{ color: #fff;}
.internship-footer-cta li a:after{ content: url(../images/int-arr.svg); position: relative; top: 5px; left: 10px;}


@media (max-width: 767px) {
    .career--row{ display: flex; flex-direction: column-reverse;}
    .career--row-btm .last--section {padding-bottom: 20px;}
    .careers-desc-sec{ padding-bottom: 150px;}
    .internship--row-top{ padding-bottom: 150px;}
    .careers-page #hire-btn-sm, .careers-detail #hire-btn-sm{ display: none !important;}
    .careers-page .footer-btm, .careers-detail .footer-btm {padding: 10px 0px 20px;}
}

@media (min-width: 768px) {
    .careers--banner{background: linear-gradient(to bottom, #80ffe2 0%,#80ffe2 90%,#ffffff 90%,#ffffff 100%);}
    .careers-banner-txt{ margin-top: unset;}
    .careers-banner-txt h2{ margin-bottom: unset;}
    .career-list{ display: grid; grid-template-columns: 50% 50%;}
    .career-list .cl--box:nth-child(odd) { margin-right: 10px;}
    .career-list .cl--box:nth-child(even) { margin-left: 10px;}
    .internship-footer-cta{ display: flex; justify-content: space-around; text-align: unset;}
    .internship-footer-cta li{ font-size: 28px; margin-bottom: unset;}
}
@media (min-width: 992px) {
    .cl--box{ padding: 30px 40px; margin-bottom: 40px;}
    .career-list .cl--box:nth-child(odd) { margin-right: 20px;}
    .career-list .cl--box:nth-child(even) { margin-left: 20px;}
    .cl--box h4{ margin-bottom: 20px;}
    .cl--box{ display: flex; align-items: center; justify-content: space-between;} 
}
@media (min-width: 1366px) {
    .careers-desc{ margin-top: -30px;}
    .cl--box h4{ margin-right: 10px;}
}
.single-careers .footer--cta-o, .single-internship .footer--cta-o{ display: none;}
.career-requirements{ display: flex; align-items: center; justify-content: space-between; max-width: 600px; margin:30px auto 0px;}
.career-requirements .exp, .career-requirements .typ, .career-requirements .loc{ font-size: 13px; color: #000; font-weight: 400; 
    position: relative; padding-top: 30px;}
.career-requirements .exp::before, .career-requirements .typ::before, .career-requirements .loc::before{
    position: absolute; left: 0; right: 0; top: 1px; text-align: center;}    
.career-requirements .exp::before{ content: url(../images/briefcase.svg); }
.career-requirements .typ::before{ content: url(../images/clock.svg);}
.career-requirements .loc::before{ content: url(../images/cmap-pin.svg);}
.careers--form .hire-form{ background: #fff; padding: 40px; border: 1px solid #CACACA;}
.careers--form .hire-form label {margin-top: 0px !important;}
.careers--form .wpcf7-form p{ margin-bottom: 0;}
.careers--form .wpcf7-form label{ margin-bottom: 5px; font-size: 16px;}

.uidesignswiper .swiper-slide {text-align: center;}
.contact-us-page.sp-50{ padding-top: 50px; padding-bottom: 50px;}

.cul--logos{ display: grid; grid-template-columns: auto auto; grid-column-gap:10px;}
.cul--logos img{ margin-bottom: 10px;}
.contactl-us-page {background: var(--color-black);}
.contact-us-page{ background: #000;} 

@media (max-width: 767px) {
    .con-loc.row{ flex-direction: column-reverse;}
    .contact-location{ margin-top: 30px;}
    .contact-us-page .contact-us-page-row{ flex-direction: column-reverse;}
    .contact-right{ margin-bottom: 30px;}
}
@media (min-width: 768px) {
    .career-requirements{ display: flex; align-items: center; justify-content: space-between; max-width: 600px; margin:30px auto 0px;}
    .career-requirements .exp, .career-requirements .typ, .career-requirements .loc{ font-size: 18px; padding-left: 30px; padding-top: unset;}
    .career-requirements .exp::before, .career-requirements .typ::before, .career-requirements .loc::before{
        position: absolute; left: 0; top: 1px; right: unset; text-align: unset;}
}

@media (min-width: 1200px) {
    .job-description-col h4{margin-top: 30px; margin-bottom: 20px;}
    .job-description-col h4:nth-of-type(1){ margin-top: 0;}
    .job-description-col p{ line-height: 26px !important;}
    .job-description-col li{ margin-bottom: 10px;}
    .cd-ftr-cta .ftr-cta-dflt a.btn{ margin-left: 10px;}
    .cul--logos{ display: grid; grid-template-columns: auto auto auto; grid-column-gap:unset;}
}
/*Careers page end*/

.faq-sec{ background: #000; color: #fff;}
.faq-accordion {margin-bottom: 100px;}
.faq-accordion .accordion-item {border-bottom: 1px solid rgba(255,255,255,0.5) !important; margin-bottom: 30px; padding-bottom: 20px;}
.faq-accordion .accordion-item, .faq-accordion .accordion-button{background: transparent; color: #fff;}
.faq-accordion .accordion-button{ padding:0px 20px 0px 0px; font-size: 18px; line-height: 22px; font-weight: 500; font-family: var(--font-head); 
position: relative;}
.faq-accordion .accordion-body{ padding: 20px 0px 10px;}
.faq-accordion .accordion-button::after{ content: "+"; background-image: none; font-size: 30px; font-weight: 300; position: absolute; top: 0px;
right: 0;} 
.accordion-button:not(.collapsed)::after {content: "-"; background-image: none; transform: none; font-size: 30px; font-weight: 300;}

@media (min-width: 1200px) {
    .faq-accordion .accordion-button{ font-size: 26px; line-height: 30px; }
    .faq-accordion .accordion{ display: grid; grid-template-columns: auto auto auto; grid-column-gap: 30px;}
}

@media (min-width: 1366px) {
    .faq-accordion .accordion-button {padding-right: 50px;}
}

.faq--swiper{ position: relative;}
.faq--swiper .swiper {width: 100%; height: 100%;}
.faq--swiper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

/* SEO Pages */ 
.seo--banner h2{ margin-bottom: 30px;}
.seo--banner h4{ margin-bottom: 30px;}
.seo-max-width{ max-width: 1060px; margin: auto;}
.state--of p{ font-size: 16px;}
.state--of strong{ font-weight: 500;}
.state--of h3{ max-width: 850px; margin: 0px auto 30px;}
.key--kpi h3{ color: #fff;}

@media (max-width: 767px) {
    .seo--banner .row{ flex-direction: column-reverse;}
    .seo--banner .seo-banner-img{ margin-bottom: 30px;}
    .counter--list {padding: 0px 0px 0px 0px;}
	.sass__row_wrapp {justify-content: center;}
	.single-post #ez-toc-container a {
    font-size: 16px;
    }
}
@media (min-width: 992px) {
    .state--of p{ font-size: 20px; line-height: 26px;}
}



/********for blogs****************/
.counter--list li{counter-increment: step-counter !important; list-style-type: none; position: relative; padding-left: 30px;}
.counter--list li::before {content: "0"counter(step-counter)" ";  color: #CACACA; font-size: 18px; position: absolute; left: 0;}

.one{position: relative; padding-left: 30px !important;font-weight: 800;font-size: 24px;}
.one:before{ content: "1."; color: #CACACA; font-size: 28px; position: absolute; left: 0;}
.two:before{ content: "2.";}
.three:before{ content: "3.";}
.four:before{ content: "4.";}
.five:before{ content: "5.";}
.six:before{ content: "6.";}
.seven:before{ content: "7.";}
.eight:before{ content: "8.";}
.nine:before{ content: "9.";}
.ten:before{ content: "10.";}
.one_bold{
	position: relative; padding-left: 22px !important;font-size:24px;font-weight:bold;
}
.one_bold:before{
content: "1."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_two:before{
content: "2."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_three:before{
content: "3."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_four:before{
content: "4."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_five:before{
content: "5."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_six:before{
content: "6."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_seven:before{
content: "7."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_eight:before{
content: "8."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_nine:before{
content: "9."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}
.one_ten:before{
content: "10."; color: #CACACA; font-size: 24px; position: absolute; left: -5px;	
}


.two_digit{position: relative; padding-left: 42px !important;}
.two_digit:before{ content: "01"; color: #CACACA; font-size: 28px; position: absolute; left: 0;}
.two_dgt:before{ content: "02";}
.three_dgt:before{ content: "03";}
.four_dgt:before{ content: "04";}
.five_dgt:before{ content: "05";}
.six_dgt:before{ content: "06";}
.seven_dgt:before{ content: "07";}
.eight_dgt:before{ content: "08";}
.nine_dgt:before{ content: "09";}
.ten_dgt:before{ content: "10";}
.leven_dgt:before{ content: "11";}

.alphabet_digit{position: relative; padding-left: 33px !important;}
.alphabet_digit:before{ content: "a."; color: #CACACA; font-size: 28px; position: absolute; left: 0;bottom: 28px;}
.b_dgt:before{ content: "b.";}
.c_dgt:before{ content: "c.";}
.d_dgt:before{ content: "d.";}
.e_dgt:before{ content: "e.";}
.f_dgt:before{ content: "f.";}
.g_dgt:before{ content: "g.";}
.h_dgt:before{ content: "h.";}
.i_dgt:before{ content: "i.";}


.p_one{position: relative; padding-left: 30px !important;}
.p_one:before{ content: "01"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_two:before{ content: "02"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_three:before{ content: "03"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_four:before{ content: "04"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_five:before{ content: "05"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_six:before{ content: "06"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_seven:before{ content: "07"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_eight:before{ content: "08"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_nine:before{ content: "09"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}
.p_ten:before{ content: "10"; color: #CACACA; font-size: 20px; position: absolute; left: 0;}

.blog__desc h1, .blog__desc h2, .blog__desc h3, .blog__desc h4, .blog__desc h5, .blog__desc h6{
    padding: 30px 0px 20px;
}

.blog__desc h3, .blog__desc h5{
	margin-bottom: 0;
}

.blog__desc a{
    text-decoration: underline; 
    color: #000000;
}

.blog__desc li{
    padding-bottom: 20px;
}

.blog__desc img{
    margin: 30px 0px;
}


.related-articles .blog-box{ background: #000; border-bottom: 0;}
.related-articles h5, .related-articles .blog-content, .related-articles .ra--btn a, .related-articles .date{ color: #fff;}

@media (min-width: 1200px) {
    .related-articles .blog-title{ min-height: 130px;}
    .related-articles .blog-content{ min-height: 100px;}
}


/*Casestudy*/
.csitem{ margin-bottom: 30px;}
.casestudy--mob {background: #F1F1F1;}
.casestudy--mob .csitem {position: relative; background: #fff;  border-radius: 8px; min-height: 485px;}
.casestudy--mob .csitem .cs-item-logo{ margin-bottom: 30px; width: 100%; height: 50px; display: flex; align-items: center;}
.casestudy--mob .csitem h4{ min-height: 100px;}
.csitem a:hover h4, .csitem a{ color: #000;}
.csitem-top{ padding: 20px;}
.cs-item-img{ padding: 0px 0px 10px 0px; text-align: center;}
.cs-item-img.stylenook-img{ padding: 0;}
.cs-item-img.stylenook-img img{ border-radius:0px 0px 8px 8px;}
.last--section{ padding-bottom: 150px;}

@media (min-width: 992px) {
    .csitem{ margin-bottom: 50px;}
    .casestudy--mob .csitem {min-height: 560px;}
    .casestudy--mob .csitem h4{ min-height: 140px;}
    .casestudy--mob .csitem .cs-item-img {text-align: center; display: flex; align-items: flex-end; justify-content: center;  min-height: 300px;}
    .cs-item-img{ padding: 0px 0px 20px 0px;}
    .csitem-row{ display: flex; flex-direction: column; justify-content: space-between;}
    .last--section{ padding-bottom: 180px;}
}

@media (min-width: 1440px) {
    .casestudy--mob .csitem h4 {min-height: 120px;}
}
@media (min-width: 1600px) {
    .casestudy--mob .csitem .cs-item-img {min-height: 350px;}
}


/*casestudy inner*/
.casestudy-inner-banner .cib__inner{ background: var(--color-peach); padding: 30px 20px; border-radius: 21px;}
.cs-inner-slider .swiper { width: 100%; height: 100%;}
.cs-inner-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 437px;
    height: auto;
  }
 .cs-inner-slider .cis__title{ background: #000; padding: 20px 10px; border-radius: 7.7px; color: #fff; text-align: center; width: 100%; height: 100%; margin-bottom: 30px; display: flex; align-items: center; justify-content: center;} 
 
 .cs-inner--hlts{ position: relative;}
 .cs--hlts-titl{ background:var(--origin-blue); display: inline-block; border-radius: 44px; padding: 5px 30px; position: absolute; left: 10px; top: -20px; color: #fff;} 
 .cs--hlts .bradius{border-radius: 21px; }
 .cs--hlts .cs-inner--hlts{background-attachment: fixed; background-repeat: no-repeat; padding: 50px 20px 0px; background-position: bottom right 0px; /*background-blend-mode: multiply;*/}
 .cs--hlts .cs-inner--hlts.induface-ceo-bg{background-image: url(../images/cs/indusface/group496-sm.png); background-color: #BEDAFF;}
 .cs--hlts .cs-inner--hlts h6{ margin-top: 30px; margin-bottom: 30px;}

 .csi-rs{ background:#000; margin-top: -300px; padding-top: 300px; padding-bottom: 150px; color: #fff;}
 .csi-rs--box{background: #17171A; border-radius: 12px; padding: 30px; margin-bottom: 10px; width: 100%;}
 .csi-rs h4{ color: #fff;}
 .csi-rs .col-md-4{ display: flex; align-items: stretch;} 

@media (min-width: 768px) {
    .csi-rs--box{padding: 30px; margin-bottom: 30px;}
}
@media (min-width: 992px) {
    .casestudy-inner-banner .cib__inner{padding: 50px 30px;}
    .cs--hlts .cs-inner--hlts{padding: 80px 30px 0px 50px; background-repeat: no-repeat; background-position: center right 70px;  background-size: contain;}
    .cs--hlts .cs-inner--hlts h6{ margin-top: 40px; margin-bottom: 30px;}
    .cs--hlts-titl{left: 50px;}
    .cs-inner--hlts p{ line-height: 30px !important;}
    .cs--hlts .cs-inner--hlts.induface-ceo-bg{background-image: url(../images/cs/indusface/group496.png);}
}

@media (min-width: 1200px) {
    .container.cis{ width: 100%; max-width: 1440px; margin-left: 5%; padding-right: 0;}
}

@media (min-width: 1600px) {
    .container.cis{ margin-left: auto; margin-right: auto;}
}

.clutch-ftr{ margin-top: 20px;}
.footer-top .container{ position: relative;}

@media (min-width: 1080px) {
    .clutch-ftr{ position: absolute; left: 15px; bottom: 10px; margin-top: unset;}
}

@media (min-width: 1366px) {
    .clutch-ftr{ left: 15px; bottom: 10px;}
}

@media (min-width: 1440px) {
    .clutch-ftr{ left: 15px; bottom: 30px;}
}

.single-post #ez-toc-container {background: #f8f4fc; border: 1px solid #efefef; border-radius: 10px; -webkit-box-shadow: none; box-shadow: none;
	margin-bottom: 1em; padding: 10px;}
.single-post .ez-toc-title-container{ margin-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.3); padding: 10px 0px 10px;}
.single-post #ez-toc-container a { color: #000;}
.single-post div#ez-toc-container{ max-width: 400px;}
.heateor_sss_sharing_container{ margin-top: 20px;}
.heateor_sss_horizontal_sharing .heateor_sss_svg, .heateor_sss_standard_follow_icons_container .heateor_sss_svg {margin: 5px 5px 0px;}
.blog-author-border{ margin: 20px 0px 30px;}
.single-post .ez-toc-icon-toggle::before {content: url(../images/toc.svg);}
.single-post .ez-toc-btn-default{ background: none; border: none;}
.single-post #ez-toc-container ul li ul{ margin-top:5px;}
.single-post #ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {margin-left: 0;}
.single-post #ez-toc-container a{ position: relative; padding-left: 10px; display: inline-block;}
.single-post #ez-toc-container a:before{ content: "-"; position: absolute; left: 0; top: 0;}

@media (max-width: 767px) {
    h6.blog__date{ font-size: 14px;}
}

@media (min-width: 1200px) {
    .single-post #ez-toc-container a { color: #000; font-size: 16px;}
    .single-post div#ez-toc-container ul li {font-size: 95%; margin-bottom: 10px;}
    .single-post div#ez-toc-container ul li ul li {margin-bottom: 3px;}
    .single-post #ez-toc-container { padding: 20px;}
    .single-post div#ez-toc-container{ margin-top: 20px;}
    .single-post .ez-toc-title { font-size: 24px !important;  font-family: var(--font-head); font-weight: bold !important;} 
}

/*Resources**/
.resource-content strong{ font-weight: 500;}
.resource-banner{ background: #000; padding: 50px 0px;}
 h1.section--title{ font-size:28px; letter-spacing: -0.015em; font-weight: 600;}
.blog-box{ border-bottom: 1px solid #CACACA; background: #fff; overflow: hidden; margin: 0px 0px 30px; }
.blog-img{text-align: center;}
.blog-title {padding: 20px 0px 10px;}
.blog-title h5{ font-family: var(--font-head);}  
.blog-title h5 a{ color: #000; font-family: var(--font-head);}
.blog-link{ padding: 0px 30px 30px;}
.blog-link {position: relative; text-transform: uppercase; color: #006699; font-family: var(--font-heavy) !important;}
.blog-listing a{ display: block; width: 100%; color: #000;}
.blog-listing a:hover {text-decoration: none !important; color: #000;} 
.blog-listing a:hover .blog-link{ text-decoration: underline;}
.blog-content{ padding: 10px 0px 20px; color: #000;} 
.blog-img img {
	width: 100% !important;
	height: 225px !important;
	object-fit: cover;
}
.blog-box .date{ font-size: 12px; margin-top: 20px;}

.wp-pagenavi a{ display: inline-block !important; width: unset;}
.wp-pagenavi {clear: both; text-align: center; margin-top: 20px;}
.wp-pagenavi a, .wp-pagenavi span {border: 1px solid #BFBFBF !important; color: #BFBFBF !important; padding: 2px 10px !important; margin: 2px; border-radius: 3px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #6C2DC7 !important; color: #6C2DC7 !important;}
.last-section{ padding-bottom: 100px !important;}

@media (min-width: 992px) {
 .last-section{ padding-bottom: 150px !important;}
}

@media (min-width: 1200px) {
	.blog-box{ margin: 0px 0px 50px; }
	.blog-img img {
		width: 100% !important;
		height: 325px !important;
		object-fit: cover;
	}
}

/*Resources #*/

/**************Ebooks Page********************/
.ebooks .header {
    background: transparent;
}

.ebooks .header.my-fixed {
    background: rgba(0,0,0,0.5);
    transition: all 500ms linear;
}

.ebook-adapting .cnt-btn{
    position: relative;
    right: 0;
    display: block;
}

.ebook-wtb{
    padding-bottom: 150px;
}

.wtb-icon-box{
    display: flex;
    align-items: center;
}

.wtb-icon{
    flex-shrink: 0;
    margin-right: 12px;
}

.wtb-icon-box p{
    margin-bottom: 0;
}

.download-ebook{ text-align: center;} 
.download-ebook .btn{ padding: 5px 35px 5px 30px; border-radius: 44px; position: relative; background: #6C2DC7; font-size: 16px; font-weight: 400;
color: #fff;}
.download-ebook .btn:after{ content: url(../images/ebooks/arr.svg); position: relative; left: 10px; top: 2px;}
.ebook-wtb .row{ padding-bottom: 30px;}
@media (min-width: 768px) {
    .download-ebook .btn{ font-size: 18px;}
    .download-ebook{ text-align: left;} 
}

.nh--Banner{ position: relative; background: #000; margin-top: -80px; display: flex; align-items: flex-end;}
.nh--Banner h1{ color: #fff;}

@media (max-width: 1199px) {
    /* .nhban--inner{ background: url(../images/ebooks/ebook-banner.jpg) no-repeat; background-position: center; background-size: cover; height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; margin: auto; overflow: hidden;}
    .nhban-Img{ display: none;} */
    .nh--Banner{display: none !important;}
}

@media (min-width: 1200px) {
    /*.page-template-template-ebooks .header{ background: transparent;}
	.page-template-template-ebooks .header.my-fixed{ background: rgba(0,0,0,0.5); transition: all 500ms linear;}*/
    .nhban--inner{ height: 100vh; display: flex; align-items: center; justify-content: center; width: 100%; margin: auto; overflow: hidden;}
    .nh--Banner h1{ position: absolute; font-size: 48px; line-height: 62px;}
    .nhban-Img{ width: 100%; height: 100%; overflow: hidden;}
    .nhban-Img img{ width: 100%; height: 100%; object-fit: cover; object-position: top; image-rendering: crisp-edges;}
}

@media (min-width: 1600px) {
    .nh--Banner h1{font-size: 72px; line-height: 90px;}
}

/******************Blog - Design Thinking a “Human-centered” approach for innovation*********/
.alpha-list li ol li{ padding-bottom: 5px;}
.alpha-points{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.alpha-points::before{
    content: '';
    color: #CACACA;
    font-size: 28px;
    margin-right: 15px;
}
.point-a::before{
    content: 'a.';
}
.point-b::before{
    content: 'b.';
}
.point-c::before{
    content: 'c.';
}
.point-d::before{
    content: 'd.';
}
.point-e::before{
    content: 'e.';
}
.point-f::before{
    content: 'f.';
}
.point-g::before{
    content: 'g.';
}
.point-h::before{
    content: 'h.';
}
.point-i::before{
    content: 'i.';
}
.pillers-block{
    background: #6C2DC7;
    border-radius: 8px;
    padding: 30px;
}
.pillers-block p{
    color: #ffffff;
    text-align: center;
    font-weight: 500;
}
.coi-sec .coi-block{
    border-radius: 8px;
    background: rgba(255, 215, 72, 1);
}
.blue-points {
    list-style: none; /* Remove default bullets */
}
  
.blue-points li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #6C2DC7; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-size: 25px;
}
.wpd-points-sec{
    margin-bottom: 0px;
}
@media(max-width: 767px){
    .wpd-points-sec:where(.wp-block-columns.is-layout-flex) {
        gap: 0em;
    } 
}

@media(min-width: 768px){
    .pillers-block p{
        font-size: 24px;
        line-height: 36px !important;
        font-weight: 500;
    }
	
}
@media(max-width: 768px){
	.sass__bg{
		height:auto !important;
		width:100%;
	}
	.ux__flow{
    grid-template-columns:auto !important;
    }
	.ux__flow .uxflow_wrap img {width: 100%;}
	.ux__flow-kids{grid-template-columns: auto !important;}
	.ux__flow-kids .uxflow_wrapper img {
      width: 100%;  
	}
}
@media(max-width: 992px){
	.ux__flow{
    grid-template-columns:auto auto !important;
    }
	.ux__flow-kids .uxflow_wrapper img {
      width: 100%;  
	}
}

.sass__bg{
    background-image: url("https://www.originux.com/resources/wp-content/uploads/2023/01/sass__bg.png") !important;
    background-position: center;
    background-size: cover;
    padding: 15px;
    height: 245px;
    max-width: 491px;
    border-radius: 15px;
	background-repeat:no-repeat;
}
.sass__bg h5{
    font-size: 24px;
    margin-top: 20px;
	padding:10px 0;
}
.sass__bg p{
    font-size: 18px;
}
.line__sass{
    margin-bottom: 24px; margin-top: 20px;
}
.blue__points__second ul{
	    margin-bottom: 0rem !important;
}

.emp__wrap{
    background: #6C2DC7;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
  }
.emp__wrap h4{
	padding:10px 0;
}
  .ellipse_g{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #00DD8D;
    border-radius: 50px;
    position: absolute;
    margin-top: 9px;
    margin-left: -18px;
  }
.emp_wrap .col-md-6:nth-of-type(1) .employee_part {
	border-right: 2px dashed #ddd;
}
.emp_wrap .col-md-6:nth-of-type(2) .employee_part {
	border-right: 0;
}
 .employee__part{
	 padding: 0px 30px;
}

.pillar__blocks{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.pillar__item{
    width: 218px;
    height: 72px;
    background: #3881E4;
    box-shadow: inset 0px 0px 30px rgb(0 0 0 / 15%);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;

}
.pillar__item h4{
margin-bottom: 0 !important;
font-size: 24px;
text-align: center;
}

.sass__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.sass___wrapper{gap:0 !important;}
.sass__wrapper .sass-wrap__item {
  background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/01/rectangle_bg_sass.png) !important;
 background-position: right;
 background-size: cover;
  padding: 15px;
  height: 281px;
  max-width: 297px;
  border-radius: 15px;
  background-repeat: no-repeat;
}
.sass__wrapper .sass-wrap__item h5 {
  font-size: 24px;
  font-weight: 700;
	padding: 22px 0px;
}
.sass__wrapper .sass__wrap__content {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #CACACA;
  border-left: none;
  border-right: none;
  text-align: center;
  font-size: 16px;
  padding: 20px 0;
  line-height: 1.5;
}

.sass__row_wrapp{
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 650px;
    margin: 0 auto;
    gap: 40px;
}
.sass__bg__rose{
	 background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/02/rose_banner.png) !important;
 background-position: right;
 background-size: cover;
  padding: 15px;
  height: 170px;
  max-width: 304px;
  border-radius: 15px;
  background-repeat: no-repeat;
}
.sass__row_wrapp h5{padding: 15px 0px;}
.sass__bg__yellow{
	 background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/02/yellow_banner.png) !important;
}
.sass__bg__green{
	 background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/02/light-green_banner.png) !important;
}
.sass__bg__blue{
	 background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/02/blue_banner.png) !important;
}
.ux__flow{
	gap: 20px;
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    justify-content: center;
}
.ux__flow .uxflow_wrap{
	max-width: 328px;
}
.ux__flow .uxflow_wrap img{margin:10px 0;width: 100%;}
.organizes_wrapp .blog__desc img{ margin:0 !important;}

.ux__flow-kids{
	gap: 10px;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
}
.ux__flow-kids .uxflow_wrapper img{margin:10px 0;}

.sass__wrapper .sass__wrap_architecture{
	 background-image: url(https://www.originux.com/resources/wp-content/uploads/2023/03/analytical-bg.png) !important;
 background-position: right;
 background-size: cover;
  padding: 15px;
  height: 281px;
  max-width: 297px;
  border-radius: 15px;
  background-repeat: no-repeat;
}
.sass__wrap_architecture h5{
	color:#fff;text-align:center;padding:20px 0 !important;
}
.sass__wrap_architecture p{
	color:#fff;text-align:center;
} 

.sass-wrap__item p b{
	font-size: 20px;
}

/*Contact Form*/

.contact--form{background: #F8F6F1; padding: 15px; max-width: 800px; margin-left: auto; margin-right: auto;}
.contact--form textarea.form-control{ width: 100%; height: 100px;}
.contact--form label, .hire-form label{ display: block;}
.page-template-template-contact .footer--cta{ display: none;}
@media(min-width: 992px){
    .contact--form{padding: 50px;}
}

/*contact page start*/
.contact-us-page.sp-50{ padding-top: 50px; padding-bottom: 50px;}
.cul--logos{ display: grid; grid-template-columns: auto auto; grid-column-gap:10px;}
.cul--logos img{ margin-bottom: 10px;}
.contactl-us-page {background: var(--color-black);}
.contact-us-page{ background: #000;} 
.hire-form {background: #F8F6F1; padding: 50px;}
@media (max-width: 767px) {
    .con-loc.row{ flex-direction: column-reverse;}
    .contact-location{ margin-top: 30px;}
    .contact-us-page .contact-us-page-row{ flex-direction: column-reverse;}
    .contact-right{ margin-bottom: 30px;}
}

@media (min-width: 1200px) {
    .cul--logos{ display: grid; grid-template-columns: auto auto auto; grid-column-gap:unset;}
}

/*sticky sidebars*/
@media (max-width: 1199px) {
    .contact-us-page .contact-sidebar.sticky-top{ position: unset;}
    .contact-location.sticky-top{ position: unset;}
}

@media (min-width: 1200px) {
    .contact-us-page .contact-sidebar.sticky-top{ top: 100px; z-index: 9;}
    .contact-us-page .contact-right{ padding-bottom: 100px;}
    .contact-left-top h5.pt-5 { padding-top: 1.5rem !important;}
    .contact-left-top .btn.mt-5{margin-top: 1.5rem !important;}
    .contact-location.sticky-top{ top: 100px; z-index: 9;}
}

@media (min-width: 1440px) {
    .contact-left-top h5.pt-5 { padding-top: 3rem !important;}
    .contact-left-top .btn.mt-5{margin-top: 3rem !important;}
}

@media screen and (min-width: 1920px), 
       screen and (min-height: 1080px) {
    .contact-us-page .contact-sidebar.sticky-top{top: 250px;}
    .contact-location.sticky-top{ top: 200px;}
}
/*contact page end*/

.contact--form .bootstrap-select.form-control,.hire-form .bootstrap-select.form-control{
	border: 1.40526px solid #BCBCBC !important;
	border-radius: 1.4px !important;
	background:  transparent !important;
}

.contact--form .filter-option-inner-inner ,.hire-form .filter-option-inner-inner {font-size: 16px; color: #6c757d;}
.contact--form .btn-light,.hire-form .btn-light{background: transparent;}
.contact--form .btn,.hire-form .btn{font-weight: 400; font-family: var(--font-main);}
.hire-form  .form-check-input:checked,.form-check-input:checked[type="radio"]{ background-color: transparent; border:0px; background-image: none;}
.form-check label{ display: block; cursor: pointer; text-align: center;}
.form-check.checkactive{ background-color: #000; }
.form-check.checkactive label{ color: #fff; }
.hire-form  .form-check-input:checked{ background-color: #000;
    border-color: #000;}
.hire-form .form-check .form-check-input{ float: none; border: 1px solid #000; margin-right: 10px; background: transparent;}
.hire-form .form-check-input:focus{box-shadow: none;}
.hire-form textarea{ height: 100px;}
.contact--form .hire-form textarea{ height: 87px;}
.hire-form .wpcf7-form-control.form-control {background: transparent; border-radius: 0;}
.hire-form .wpcf7-form-control.wpcf7-submit{ background: #000;}
.hire-form .wpcf7-form-control.wpcf7-submit:hover{background: var(--origin-blue); color: #fff; }
.hire-form .wpcf7-not-valid-tip {color: #dc3232; font-size: 12px;}

.hire-form .wpcf7-checkbox .wpcf7-list-item{  margin-bottom: 5px; margin-left: 0px !important; margin-right: 8px;  overflow: auto; position: relative;}
.hire-form .wpcf7-form-control-wrap .wpcf7-checkbox {
	display: grid;
    margin-top: 10px;
    grid-template-columns: auto;
}
.hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
    text-align:center;
    padding:5px 10px;
    display:block;
    border-radius:30px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input {
    position:absolute;
    top:-20px;
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:hover + span {
    background-color: var(--origin-blue);
    color:#fff;
    border: 1px solid var(--origin-blue);
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:checked + span {
    background-color: var(--origin-blue);
    color:#fff;
    border: 1px solid var(--origin-blue);
}

.hire-form .wpcf7-checkbox .wpcf7-list-item input:checked:hover + span {
    background-color: var(--origin-blue);
    color:#fff;
    border: 1px solid var(--origin-blue);
}

.hire-form .form-check label {position: relative; top: 4px; margin-left: -20px;}
@media (min-width: 768px) {
    .form-left-col .row, .form-right-col .row{ margin-bottom: 10px;}
}
@media (max-width: 767px) {
    .hire-form {padding: 30px 20px !important;}
    .hire-form label{ margin-top: 10px !important;}
    .contact--form .hire-form label{ margin-top: 0px !important;}
}

@media (min-width: 1200px) {
    .hire-form .wpcf7-form-control-wrap .wpcf7-checkbox {grid-template-columns: auto auto;}
    .hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {font-size: 12px;}
    .hire-form .wpcf7-checkbox .wpcf7-list-item{  margin-bottom: 10px;}
}
@media (min-width: 1366px) {
    .hire-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {font-size: 15px;}
}

/** Client logo Carousel **/
.hclient--logos{ background: #000; overflow: hidden;}
.hclient--logos .swiper {width: 100%; height: 100%;}
.hclient--logos .swiper-wrapper{ align-items: center; -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; position: relative;}
.hclient--logos .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }