@charset "UTF-8";
/* ---------------------------------- */
/* ---------- BLOG SECTION ---------- */
/* ---------------------------------- */
.blogbanner{padding:169px 0 80px; margin-bottom:40px; background:#fff; position:relative; display:flex; flex-direction:column;}
.blogbanner_wrap{display:flex; align-items:normal; justify-content:center; flex-wrap:wrap; flex-direction:column; width:50%;}
.blogbanner_wrap h1{font-size:64px; line-height:1.1; margin:0 0; font-weight:800; color:#020626;}
.blogbanner_wrap p.subline{font-size:24px; line-height:1.3; margin:0; font-weight:300; color:#5e5e5e;}
.down-arrow{position:absolute; z-index:9; right:0; bottom:0;}
.down-arrow a{width:28px; height:42px; display:block; position:relative; border-radius:26px; background-color:#ebebeb; color:#020626; transition:all 0.2s ease-in-out 0s;}
.down-arrow a:before{background-color:#020626; content:""; position:absolute; left:50%; margin-left:-2px; top:10px; width:4px; height:4px; opacity:1; animation:down 2.75s ease-in-out infinite; border-radius:2px; transition:all 0.2s ease-in-out 0s;}
.down-arrow a span{display:none;}


@keyframes down {
    0%{opacity:1}
    100%{opacity:0;transform:translateY(30px)}
}

/* Blog Post Listing */
#blogpost_listing{position:relative; background-color:#ebebeb; padding:60px 0 30px;}
.bloglist_wrap{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; margin:30px auto 0}
.blogpost-box{width:33.3333333%; padding-left:15px; padding-right:15px; margin-bottom:30px;}
.blogbox-inner{height:100%; padding:35px 40px; background:#fff; position:relative; overflow:hidden; width:100%; box-shadow:0 30px 60px -30px rgba(38,44,55,.1), 0 50px 100px -20px rgba(38,44,55,.1);}
.blogbox-inner-thumb{margin:-35px -40px 35px -40px; position:relative; width:calc(100% + 80px);}
.blogbox-inner-thumb a{overflow:hidden; display:block; width:100%;}
.blogbox-inner-thumb a img{width:100%; min-height:180px; height:auto; object-fit:cover; object-position:bottom;}
.blogbox-inner-info{position:relative}
.blogbox-inner-info h2{margin:0 0 16px 0; font-size:21px; line-height:1.23; transition:all 0.2s ease-in-out 0s; font-weight:700; color:#020626;}
.blogbox-inner-info h2 a{margin:0; font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; background-image:linear-gradient(180deg, transparent 97%, #e65100 0); background-size:0 100%; background-repeat:no-repeat; transition:all 0.2s ease-in-out 0s;}
.blogpost-box:hover .blogbox-inner-info h2 a, .blogbox-inner-info h2 a:hover{background-size:100% 100%; text-decoration:none; color:#e65100}
.post-tag, .post-date{opacity:.75;position:relative;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:6px;color:#1b1622;font-size:14px;}

/* Blog Post Inner */
.postinner {padding:120px 0 80px 0; }
.postinner_wrap { display:flex; flex-direction:row; align-items:normal; justify-content:flex-start; flex-wrap:wrap; max-width:85% }
.postinner_wrap h1 { color:#0e2b5c; line-height:1.1; margin:0 auto 40px; letter-spacing:-0.7px; font-weight:800; font-size:60px; }
.post-details{ position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:flex-start; flex-wrap:wrap; }
.post-details span, .post-details a{ color:#39475F; font-weight:600; font-size:12px; line-height:16px; letter-spacing:.04em; text-transform:uppercase; position:relative; z-index:2; left:4px; margin-right:10px; padding-right:10px; border-right:1px solid rgba(0,0,0,0.3) }
.noborder{ border-right:none!important; margin-right:0!important; padding-right:0!important; }
.backtoblog{ border:1px solid rgba(0,0,0,0.7); height:40px; width:40px; display:inline-block; text-align:center; line-height:39px!important; padding:0!important; margin:0 auto 35px 0; font-size:20px!important; border-radius:50%; color:rgba(0,0,0,0.7)!important; border-right:1px solid rgba(0,0,0,0.7)!important }
.backtoblog:hover{background:#ffffff; text-decoration:none}

.postfeaturedimage{position:relative; width:100%; height:auto; object-fit:cover; overflow:hidden; margin-bottom:45px;}
.postfeaturedimage img{position:relative; width:100%; height:auto; object-fit:cover; display:block;}

.single-post-img{margin-bottom:70px;text-align:center}
.single-post-img img{margin:0 auto;width:100%;height:auto}
@media only screen and (max-width:639px){.single-post-img{margin-bottom:15px}}
@media only screen and (min-width:640px) and (max-width:767px){.single-post-img{margin-bottom:20px}}
@media only screen and (min-width:768px) and (max-width:979px){.single-post-img{margin-bottom:0}}
@media only screen and (min-width:980px) and (max-width:1370px){.single-post-img{margin-bottom:25px}}

.postcontent{position:relative; width:100%; margin:75px auto; max-width:770px;}
.postcontent h2, .postcontent h3, .postcontent h4{color:#000; line-height:1.1; letter-spacing:-0.7px;}
.postcontent h2{margin:40px auto 20px; font-weight:800; font-size:clamp(34px, 8vw, 44px);}
.postcontent h3{margin:30px auto 15px; font-weight:500; font-size:clamp(25px, 8vw, 33px);}
.postcontent h4{margin:20px auto 10px; font-weight:400; font-size:clamp(20px, 8vw, 30px);}
.postcontent p, .postcontent ul li{line-height:1.7;font-weight:400;font-size:calc(.35842vw + .69em)}
.postcontent ul{position:relative; margin-left:20px;}
.postcontent ul li{position:relative; margin-bottom:10px;}
.postcontent p a, .postcontent ul li a, .postcontent a{font-size:inherit; color:#0022FC; font-weight:600;}
.postcontent blockquote{ overflow-wrap:break-word; position:relative; z-index:1; margin:0 0 50px 0; padding:30px 8%; font-size:24px; font-weight:400; line-height:1.625; background:rgba(2,6,38,.04); border-left:5px solid #2c86d4; font-style:normal; }

.post-cta{background-color:#e1f1ff;padding:45px 40px;border-radius:8px;margin:40px auto 30px;border-top:5px solid #96b6d1}
.post-cta p{font-size:18px;line-height:30px;display:block;color:#000000}
.post-cta p.post-cta-head{font-size:24px!important;line-height:34px!important;font-weight:700!important; margin-bottom:30px}
.post-cta a{background:#000;color:#fff;padding:14px 25px 16px;font-size:20px;line-height:normal;font-weight:400;position:relative;z-index:2;display:inline-block}
.post-cta a:before{content:'';position:absolute;left:0;top:0;background:#fff;width:5px;height:100%;transition:width .9s ease-in;z-index:0}
.post-cta a:hover:before{width:100%;z-index:-1}
.post-cta a:hover{text-decoration:underline!important;z-index:1024;color:#000}

#authorprofile{border-top:1px solid rgba(2,6,38,.12); padding:40px 0; margin-bottom:40px; position:relative; margin-top:80px; }
#authorprofile img{ position:relative; display:block; width:110px; height:110px; border-radius:50%; float:left; margin-right:15px; border:3px solid rgba(0,0,0,0.1); padding:3px; margin-bottom:5px; }
#authorprofile .author-heading{ font-weight:800; text-transform:uppercase; letter-spacing:2px; display:block; margin-bottom:0; font-size:18px; }
#authorprofile p{ font-size:16px; line-height:1.5; }
#authorprofile p a{ font-weight:400}

.authorprofile{border-bottom:1px solid rgba(2,6,38,.12); padding:0px 0 40px; margin-top:-100px; position:relative; display:flex; flex-direction:column; align-items:normal; justify-content:center; flex-wrap:wrap; margin-bottom:50px;}
.authorprofile img{ position:relative; display:block; width:110px; height:110px; border-radius:50%; float:left; border:3px solid rgba(0,0,0,0.1); padding:3px; margin-bottom:45px; }
.authorprofile .author-heading{ font-weight:800; text-transform:uppercase; letter-spacing:2px; display:block; margin-bottom:15px; font-size:20px; }
.authorprofile p{ font-size:18px; line-height:1.7; font-weight:400; color:#000;}
.authorprofile p a { font-weight:400; color:#D84315;}

.related-posts h2{margin:0 0 40px 0; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; line-height:1.1; position:relative; padding-left:15px;}
.related-posts h3{margin:0 0 16px 0; font-size:21px; line-height:1.23; transition:all 0.2s ease-in-out 0s; font-weight:700; color:#020626;}
.related-posts h3 a{margin:0; font-size:inherit; line-height:inherit; font-weight:inherit; color:inherit; background-image:linear-gradient(180deg, transparent 97%, #e65100 0); background-size:0 100%; background-repeat:no-repeat; transition:all 0.2s ease-in-out 0s;}
.blogpost-box:hover .blogbox-inner-info h3 a, .blogbox-inner-info h3 a:hover{background-size:100% 100%; text-decoration:none; color:#e65100}

.pointimage{padding:4px;border:1px solid #dedede;margin:12px auto 30px;width:100%;height:auto;box-sizing:border-box}

.nextprev_post_wrap{position:relative; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap; margin:25px auto; }
.nextprev_thumb{ width:100px; height:100px; background:#ddd; object-fit:cover; object-position:center; }
.nextprev_title{ width:calc(100% - 100px); padding:20px; font-size:15px; line-height:20px; color:#383838; font-weight:400; display:block; }
.prev_post, .next_post{ position:relative; width:100%; height:auto; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.prev_post{ flex-direction:row; border-right:3px solid #2c86d4; }
.next_post{ flex-direction:row-reverse; text-align:right; border-left:3px solid #2c86d4; }

@media only screen and (max-width:479px){
   .blogbanner{padding:80px 40px 40px}
   .blogbanner_wrap{width:94%}
   .blogbanner_wrap h1{font-size:40px; line-height:50px;}
   .blogbanner_wrap p.subline{font-size:18px; line-height:30px; font-weight:400; margin-top:20px}   
   .postinner, .postcontent, #blogpost_listing{padding:40px;}
   .postinner_wrap{max-width:100%}
   .backtoblog{margin-bottom:20px; height:30px; width:30px; line-height:29px!important; font-size:14px!important}
   .postinner_wrap h1{font-size:36px; line-height:44px;}
   .postcontent{margin:0 auto; max-width:100%;}
   .postcontent h2, .postcontent h3, .postcontent h4{line-height:1.5}
   .postcontent h2{margin:20px auto 10px; font-size:34px;}
   .postcontent h3{margin:15px auto 10px; font-size:30px;}
   .postcontent h4{margin:10px auto 0px; font-size:26px;}
   .postcontent p{font-size:17px; line-height:27px;}
   .postcontent blockquote{ margin:0 0 25px 0; padding:25px; font-size:20px; }
   .post-cta{padding:40px;}
   .post-cta a{font-size:17px;}
   .nextprev_post_wrap{margin-bottom:0}
   #authorprofile{margin:35px auto 0; padding-top:35px; padding-bottom:0; }
   #authorprofile img{width:80px; height:80px;}
   #authorprofile .author-heading{font-size:17px}
   #authorprofile p{font-size:14px; line-height:24px;}
   .related-posts h2{display:block; text-align:center}
   .bloglist_wrap{margin:15px auto}
   .blogpost-box{width:100%; max-width:360px; margin:0 auto 25px auto; padding:0 0 0 0}
   .blogpost-box:last-child{margin:0 auto 0 auto}
   .blogbox-inner{padding:25px;}
   .blogbox-inner-thumb{margin:-25px -25px 25px -25px; width:calc(100% + 50px)}
   .related-posts h3{font-size:18px; line-height:28px;}
}
@media only screen and (min-width:480px) and (max-width:639px){
   .blogbanner{padding:80px 40px 40px}
   .blogbanner_wrap{width:94%}
   .blogbanner_wrap h1{font-size:42px; line-height:52px;}
   .blogbanner_wrap p.subline{font-size:19px; line-height:30px; font-weight:400; margin-top:20px}
   
   .postinner, .postcontent{padding:40px;}
   .postinner_wrap{max-width:100%}
   .backtoblog{margin-bottom:10px; height:35px; width:35px; line-height:34px!important; font-size:14px!important}
   .postinner_wrap h1{font-size:38px; line-height:46px;}
   .postcontent{margin:0 auto; max-width:100%;}
   .postcontent h2, .postcontent h3, .postcontent h4{line-height:1.5}
   .postcontent h2{margin:20px auto 10px; font-size:36px;}
   .postcontent h3{margin:15px auto 10px; font-size:34px;}
   .postcontent h4{margin:10px auto 0px; font-size:28px;}
   .postcontent p{font-size:18px; line-height:28px;}
   .postcontent blockquote{ margin:0 0 25px 0; padding:35px; font-size:22px; }
   .post-cta{padding:30px;}
   .post-cta a{font-size:17px;}
   .nextprev_post_wrap{margin-bottom:0}
   #authorprofile{margin:35px auto 0; padding-top:35px; padding-bottom:0; }
   #authorprofile img{width:90px; height:90px;}
   #authorprofile .author-heading{font-size:18px}
   #authorprofile p{font-size:15px; line-height:24px;}   
   #blogpost_listing{padding:25px 15px;}
   .related-posts h2{display:block; text-align:center}
   .bloglist_wrap{margin:0 auto 0; justify-content:flex-start}
   .blogpost-box{width:48.50%; margin-right:3%; margin-bottom:3%; padding:0 0 0 0}
   .blogpost-box:nth-child(2n){margin-right:0}
   .blogpost-box:last-child{margin:0 0 0 0}
   .blogbox-inner{padding:25px;}
   .blogbox-inner-thumb{margin:-25px -25px 25px -25px; width:calc(100% + 50px)}
   .related-posts h3{font-size:18px; line-height:28px;}
}
@media only screen and (min-width:640px) and (max-width:767px){
   .blogbanner{padding:80px 40px 30px}
   .blogbanner_wrap{width:100%}
   .blogbanner_wrap h1{font-size:44px; line-height:54px;}
   .blogbanner_wrap p.subline{font-size:20px; line-height:30px; font-weight:400; margin-top:20px}
   
   .postinner{padding:60px 35px 35px 35px}
   .postinner_wrap{max-width:100%}
   .backtoblog{height:25px; width:25px; line-height:24px!important; font-size:14px!important}
   .postinner_wrap h1{font-size:38px;}
   .postcontent{padding:40px; margin:0 auto; max-width:100%; }
   .postcontent h2, .postcontent h3, .postcontent h4{line-height:1.5}
   .postcontent h2{margin:20px auto 10px; font-size:36px;}
   .postcontent h3{margin:15px auto 10px; font-size:34px;}
   .postcontent h4{margin:10px auto 0px; font-size:28px;}
   .postcontent p{font-size:18px; line-height:28px;}
   .postcontent blockquote{ margin:0 0 25px 0; padding:35px; font-size:22px; }
   #authorprofile{margin-top:40px; padding-bottom:0}
   #blogpost_listing{padding:25px 15px 15px;}
   .related-posts h2{display:block; text-align:center; margin-bottom:15px;}
   .bloglist_wrap{margin:0 auto}
   .blogpost-box{width:calc(100% / 3 - 8px); padding:0 0 0 0; margin-right:12px; margin-bottom:0; }
   .blogpost-box:nth-child(3n){margin-right:0}
   .blogbox-inner{padding:20px;}
   .blogbox-inner-thumb{margin:-20px -20px 20px -20px; position:relative; width:calc(100% + 40px); }
   .related-posts h3{ font-size:16px; line-height:1.5; }
}
@media only screen and (min-width:768px) and (max-width:991px){   
   .blogbanner_wrap h1{font-size:44px; line-height:54px;}
   .blogbanner_wrap p.subline{font-weight:400;}   
   .blogbanner, .postinner{padding:80px 40px 40px;}
   .postinner_wrap{max-width:80%;}
   .postcontent{margin:50px auto 30px; max-width:600px;}
   .nextprev_title{padding:10px}
   #blogpost_listing{padding:25px 15px 15px;}
   .related-posts h2{display:block; text-align:center; margin-bottom:15px;}
   .bloglist_wrap{margin:0 auto}
   .blogpost-box{width:calc(100% / 3 - 8px); padding:0 0 0 0; margin-right:12px; margin-bottom:0; }
   .blogpost-box:nth-child(3n){margin-right:0}
   .blogbox-inner{padding:20px;}
   .blogbox-inner-thumb{margin:-20px -20px 20px -20px; position:relative; width:calc(100% + 40px); }
   .related-posts h3{ font-size:17px; line-height:1.5; }   
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .blogbanner_wrap h1{font-size:44px; line-height:54px;}
   .blogbanner_wrap p.subline{font-weight:400;}   
   .blogbanner, .postinner{padding:80px 40px 40px;}   
   .postinner_wrap{max-width:80%;}
   .postcontent{margin:50px 40px 50px auto; max-width:650px; float:right;}
   #authorprofile{margin-bottom:0; padding-bottom:0}
   #blogpost_listing{padding:40px;}
   .bloglist_wrap{margin-bottom:0}
   .blogpost-box{width:calc(100% / 3 - 8px); padding:0 0 0 0; margin-right:12px; margin-bottom:10px; }
   .blogpost-box:nth-child(3n){margin-right:0}
}
@media only screen and (min-width:1200px) and (max-width:1400px){
   .blogbanner_wrap h1{font-size:44px; line-height:54px;}
   .blogbanner_wrap p.subline{font-weight:400;}   
   .blogbanner{padding:80px 40px 40px;}
   #blogpost_listing{padding:40px;}
   .blogpost-box{width:calc(100% / 3 - 8px); padding:0 0 0 0; margin-right:12px; margin-bottom:10px; }
   .blogpost-box:nth-child(3n){margin-right:0}
   .bloglist_wrap{margin-bottom:0}
   .postinner{padding:50px 40px 40px}
   .postinner_wrap{max-width:80%}
   .postcontent{max-width:700px; margin-top:70px; margin-bottom:40px; margin-left:370px; margin-right:auto;}
}



.toc{ position:absolute; top:0; left:0; transform:translate(-300px, 0); width:280px; padding-left:0; padding-right:0; margin-left:0; margin-right:0; max-width:280px;}
.toc h3.toc-title{ font-weight:700; font-size:15px; line-height:18px; color:#1d2a3d; text-transform:uppercase; margin:12px 0 10px; }
.toc ul{ list-style-type:none!important; padding-left:0!important; margin-top:0!important; margin-left:0!important; margin-bottom:0!important}
.toc ul li{ position:relative; display:block; padding-bottom:0; border-left:1px solid #eff0f1;margin-bottom:0!important }
.toc ul li:last-child,.toc ul li ul li:last-child{ padding-bottom:0 }
.toc ul li a{ font-weight:700; color:#616a78; display:block; padding:7px 7px 7px 15px; font-size:16px; line-height:22px; border-left:3px solid transparent;}
.toc ul li ul {margin-bottom:0}
.toc ul ul li:last-child, .toc ul ul li:only-child{margin-bottom:0}
.toc ul li ul li a{font-weight:400; font-size:15px; line-height:20px; padding:7px 15px 7px 25px; }
.toc ul li a:hover, .activetoclink{ color:#2c86d4!important; border-left:3px solid #2c86d5!important; background:#dcedff!important; }

.active_transform_fixed{ position:fixed; left:237px; top:0; transform:translate(0, 80px); }
.active_transform_fixed-alt{ left:25px; top:auto; bottom:0; }

.toc ul.toplist{ max-height:640px; overflow-y:hidden;}
.content__list_scrollable{ overflow-y:auto!important; max-height:100%; }
.content__list_scrollable::-webkit-scrollbar { width:15px; height:15px; border-bottom:1px solid #eee; border-top:1px solid #eee; border-radius:8px; background-color:#f5f5f5;}
.content__list_scrollable::-webkit-scrollbar-thumb { border-radius:8px; background-color:#c3c3c3; border:2px solid #eee }
.content__list_scrollable::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .2); box-shadow:inset 0 0 6px rgba(0, 0, 0, .2); border-radius:8px }
.content__list_scrollable::-webkit-scrollbar-thumb:hover { background-color:#555555; }
.content__list_scrollable::-webkit-scrollbar-thumb:active { background-color:#000000; }
.content__list_scrollable::-webkit-scrollbar-corner { background-color:#f5f5f5; }



@media only screen and (min-width:200px) and (max-width:1169px){
	.toc{ position:relative; top:auto; left:auto; transform:translate(0, 0); width:100%; max-width:90%; margin:15px auto!important}	
	.toc h3.toc-title{ font-weight:700; font-size:18px; line-height:40px; color:#000; text-transform:uppercase; margin:0 auto; padding:5px 15px; background:#fff; border:1px solid rgba(210,214,220,.5); border-top:1px solid rgba(210,214,220,.5); border-bottom:1px solid rgba(210,214,220,.5); border-radius:5px; width:100%; display:block; }
	
	.toc ul{ display:none; padding-left:0; padding-right:0; border-radius:5px; }
	.toc ul.toplist{ padding:0 10px 0 0; max-height:300px; background:#fff; border:1px solid rgba(210,214,220,.5); border-top:1px solid rgba(210,214,220,.5); border-bottom:1px solid rgba(210,214,220,.5); border-radius:5px; overflow-y:auto; width:100%; }
	.toc ul.toplist ul{display:block}
	.toc ul li, .toc ul li a{ border-left:0 }
	.toc ul li:last-child,.toc ul li ul li:last-child{ margin-bottom:15px; }
	
	.toc ul li ul li a{font-weight:400; font-size:15px; line-height:20px; padding:7px 15px 7px 25px; }
	.toc ul li a:hover, .activetoclink{ color:#2c86d4!important; border-left:3px solid #2c86d5!important; background:#dcedff!important; }
	.content-sticky-mobile_open{display:block!important}
	
	.toc h3.toc-title:after{ content:'+'; position:absolute; right:15px; top:50%; font-size:26px; color:#000000; font-weight:700; line-height:42px; transform:translate(0, -50%); }
	.toc-handle-minus:after{ content:'-'!important; }
	.content-sticky-mobile-sticky{ width:100%; z-index:3; position:fixed; left:50%; top:70px; transform:translate(-50%, 25px); height:auto; box-shadow:0px 4px 10px rgb(1 18 47 / 10%); border-radius:5px; cursor:pointer; margin:0 auto!important;}
}



@media only screen and (min-width:1170px) and (max-width:1365px){
	.toc { width:230px; padding-left:0; padding-right:0; margin-left:0; margin-right:0; max-width:230px; transform:translate(-220px, 0); }	
	.active_transform_fixed { position:fixed; left:auto; top:18px; transform:translate(-260px, 80px); }	
	.active_transform_fixed-alt{ left:0; }
	.toc ul.toplist{ max-height:400px; overflow-y:auto}
}
@media only screen and (min-width:1366px) and (max-width:1900px){
	.toc{width:220px; max-width:220px; transform:translate(-240px, 0);}
	.active_transform_fixed { position:fixed; left:auto; top:18px; transform:translate(-260px, 80px); padding-left:0; padding-right:0;}	
	.active_transform_fixed-alt{ left:0; }
	.toc ul.toplist{ max-height:450px; overflow-y:auto}		
}
@media only screen and (min-width:2100px){
	.active_transform_fixed { position:fixed; left:auto; top:0; transform:translate(-340px, 80px); }
	.toc ul.toplist{ max-height:650px; overflow-y:auto}
}

/* Case Study Code */
.cs_wrapper{padding:50px 0; margin:25px auto; display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap;}
.cs_wrapper .fl{height:auto}
.cs_profile{background:linear-gradient(180deg, white, transparent); box-shadow:0px -20px 40px rgba(38,44,55,.12); width:100%; padding:30px; border-radius:10px; margin-top:20px; position:sticky; top:100px; height:auto; overflow-wrap:break-word; border:1px solid rgb(16 42 65 / 15%);}
.cs_profile h2, .cs_wrap h2{position:relative; color:#020626; margin:0 auto 20px; font-weight:800; font-size:clamp(20px, 8vw, 30px); line-height:1.2; border-bottom:1px dotted #020626; padding-bottom:12px; letter-spacing:-0.5px;}
.cs_profile p{font-size:20px; line-height:30px; color:#020626; font-weight:800;}
.cs_profile p strong{display:block; text-transform:uppercase; font-size:14px; letter-spacing:0; color:#102a41; line-height:1; font-weight:400; }
.cs_wrap{position:relative}
.cs_wrap ul{margin-left:25px}


/* Code for Case Study Single File*/
.postinner_wrap.csimg{max-width:100%}
.postinner_wrap.csimg .csimgwrap{position:relative;text-align:right;}
.postinner_wrap.csimg .csimgwrap:before{content:"";width:100px;height:100px;background:#fff;position:absolute;right:0;bottom:0;z-index:2;clip-path:polygon(100% 0,0% 100%,100% 100%);transform:scale(1.05);}
.postinner_wrap.csimg .csimgwrap:after {content:"";width:200px;height:1px;position:absolute;right:-50px;bottom:50px;z-index:2;transform:rotate(135deg);transform-origin:bottom;opacity:.6;background-color:#020626;}

.cs_objective, .cs_challenges, .cs_solution, .cs_businessimpact, .cs_valueaddition{ margin:20px 0 50px 0; border:1px solid rgb(16 42 65 / 15%); padding:150px 50px 50px; position:relative; border-left:5px solid #90A4AE; overflow-wrap:break-word; background:linear-gradient(180deg, white, transparent); box-shadow:0px -20px 40px rgba(38,44,55,.12); width:100%; border-radius:10px;}
.cs_objective:before, .cs_challenges:before, .cs_solution:before, .cs_businessimpact:before, .cs_valueaddition:before{ position:absolute; content:''; height:50px; width:50px; top:60px; left:50px; background-size:cover; opacity:.4; }
.cs_objective:before{background-image:url(../images/the_objective.svg);}
.cs_challenges:before{background-image:url(../images/the_challanges.svg);}
.cs_solution:before{background-image:url(../images/the_solution.svg);}
.cs_businessimpact:before{background-image:url(../images/business-impact.svg);}
.cs_valueaddition:before{background-image:url(../images/value-addition.svg);}

.cs_businessimpact{background:#deffd8; border-left:5px solid #7b9976;}
.cs_valueaddition{background:#e4fcfc; border-left:5px solid #164570;}
.cs_valueaddition p{margin-bottom:0;}

@media only screen and (min-width:200px) and (max-width:479px){
    .postinner_wrap.csimg .csimgwrap{margin-top:30px}
    .cs_wrapper{margin:20px auto 0;padding:20px}
    .cs_profile{margin-top:0;padding:20px;position:relative;top:auto}
    .cs_objective, .cs_challenges, .cs_solution, .cs_businessimpact, .cs_valueaddition{padding:110px 30px 30px;border-radius:5px;margin:15px auto 20px}
    .cs_objective:before, .cs_challenges:before, .cs_solution:before, .cs_businessimpact:before, .cs_valueaddition:before{left:30px;top:40px;height:40px;width:40px}
    .cs_valueaddition p{margin-bottom:0;}
    .cs_profile h2, .cs_wrap h2{font-size:22px}
    .cs_wrap ul li{margin-bottom:10px;}
    .cs_wrap ul li:only-child, .cs_wrap ul li:last-child{margin-bottom:0;}
    .cs_wrap ul ul{margin-top:10px;}
}

@media only screen and (min-width:480px) and (max-width:767px){
    .postinner_wrap.csimg .csimgwrap{margin-top:30px;}
    .cs_wrapper{padding:20px; margin:15px auto 0}
    .cs_profile{margin-top:0; padding:15px 25px; border-radius:5px;}
    .cs_objective, .cs_challenges, .cs_solution, .cs_businessimpact, .cs_valueaddition{margin:20px auto;padding:80px 20px 20px;border-radius:5px;}
    .cs_objective:before, .cs_challenges:before, .cs_solution:before, .cs_businessimpact:before, .cs_valueaddition:before{height:36px;width:36px;top:25px;left:20px;}
    .cs_profile h2, .cs_wrap h2{font-size:26px;}
    .cs_profile p {font-size:18px;line-height:30px;font-weight:400;}
    .cs_wrap ul li{margin-bottom:10px;}
    .cs_wrap ul li:only-child, .cs_wrap ul li:last-child{margin-bottom:0;}
    .cs_wrap ul ul{margin-top:10px;}
}

@media only screen and (min-width:768px) and (max-width:979px){
    .postinner_wrap h1 {font-size:36px;}    
    .postinner_wrap.csimg .csimgwrap {max-width:44%; margin-top:80px; margin-left:6%;}
    .cs_wrapper{margin:20px auto 0; padding:20px;}
    .cs_profile {padding:20px; border-radius:5px;}
    .cs_profile h2, .cs_wrap h2 {font-size:20px;}
    .cs_profile p {font-size:17px;}
    .cs_profile p strong {font-size:12px;}
    .cs_objective, .cs_challenges, .cs_solution, .cs_businessimpact, .cs_valueaddition {margin:20px 0 20px 0; padding:80px 25px 25px;border-radius:5px;}
    .cs_objective:before, .cs_challenges:before, .cs_solution:before, .cs_businessimpact:before, .cs_valueaddition:before {height:40px;width:40px;top:30px;left:25px;}
    .cs_wrap ul li{margin-bottom:10px;}
    .cs_wrap ul li:only-child, .cs_wrap ul li:last-child{margin-bottom:0;}
    .cs_wrap ul ul{margin-top:10px;}
}

@media only screen and (min-width:980px) and (max-width:1169px){
    .post-details{width:65%}
    .postinner_wrap.csimg .csimgwrap{width:35%;margin-top:50px;}
    .postinner_wrap h1{font-size:34px;line-height:44px;margin-bottom:30px;}
    .cs_wrapper {margin:0 auto;padding:25px;}
    .cs_profile {padding:25px;border-radius:5px;}
    .cs_objective, .cs_challenges, .cs_solution, .cs_businessimpact, .cs_valueaddition {padding:85px 20px 20px;border-radius:5px;margin-bottom:30px;}
    .cs_objective:before, .cs_challenges:before, .cs_solution:before, .cs_businessimpact:before, .cs_valueaddition:before {height:40px;width:40px;top:30px;left:20px;}
    .cs_profile h2, .cs_wrap h2 {font-size:25px;}
    .cs_wrap ul li{margin-bottom:10px;}
    .cs_wrap ul li:only-child, .cs_wrap ul li:last-child{margin-bottom:0;}
    .cs_wrap ul ul{margin-top:10px;}
}
@media only screen and (min-width:1170px) and (max-width:1450px){
    .postinner_wrap.csimg .csimgwrap {padding-left:50px;padding-top:50px;}
    .cs_wrapper{padding:25px;margin:0 auto;}
    .cs_wrap ul li{margin-bottom:10px;}
    .cs_wrap ul li:only-child, .cs_wrap ul li:last-child{margin-bottom:0;}
    .cs_wrap ul ul{margin-top:10px;}
}

.resource-header{position:relative; height:auto; padding:120px 0 70px;}
.resource-header a{color:#ffffff!important; border:1px solid #ffffff!important}
.resource-header a:hover{color:#000000!important}
.resource-header h1{color:#ffffff; line-height:1.1; margin:0 auto 30px; letter-spacing:-0.7px; font-weight:800}
.resource-header span{color:#cbcbcb; margin-right:20px; font-size:15px; line-height:24px}
.case-content{position:relative; padding:75px 0}
.case-content-wrap{display:flex; flex-direction:row; align-items:normal; justify-content:center; flex-wrap:wrap}
.contentbox{padding-right:50px;}
.contentbox blockquote{box-sizing:border-box; width:100%; background:#f4fdff; padding:35px 30px 25px 30px; border:1px solid #cfeeff; border-radius:7px; margin-bottom:40px; font-size:clamp(18px, 8vw, 22px); line-height:1.5; font-weight:600; font-style:normal!important}
.contentbox p, .contentbox ul li{font-size:18px; color:#000; line-height:28px; font-weight:400}
.contentbox a{font-size:18px; line-height:28px; color:#ef6c00}
.contentbox ul{position:relative; margin:15px auto 25px 20px}
.contentbox ul li{position:relative; margin-bottom:10px}
.contentbox h2 {font-size:clamp(18px, 8vw, 38px); line-height:1.3; letter-spacing:-1.5px; font-weight:700}
.contentbox h3 {font-size:clamp(16px, 8vw, 28px); line-height:1.3; letter-spacing:-1px; font-weight:400}
.cs-contact-box{position:relative; width:100%; border-radius:6px; margin-bottom:0px; padding:30px; z-index:1; box-shadow:0 1.313rem 2.813rem -1.5rem #294661; background:#fff; border:1px solid #fff; box-sizing:border-box; color:#4c5056}
.content_form_head{font-size:clamp(17px, 8vw, 21px)!important; font-weight:600!important; display:block; margin-bottom:25px!important; padding-bottom:20px!important; border-bottom:1px solid #b9b9b9; box-sizing:border-box; width:100%}

.responsive-table{width:100%;border-collapse:collapse}
.responsive-table thead td{background-color:#f4f4f4;font-weight:bold;text-align:left;padding:10px;border:1px solid #ddd}
.responsive-table tbody td{border:1px solid #ddd;padding:10px;text-align:left;color:#434343;line-height:1.7;font-weight:normal;font-size:clamp(17px, 5vw, 19px);}

.comments-area{margin-top:30px}
.comments-title{font-size:24px;margin-bottom:20px}
.comment-list{list-style:none;padding:0}
.comment-list li{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd}
.comment-author img{border-radius:50%;margin-right:10px}
.comment-metadata{font-size:12px;color:#999}
.comment-reply-link{font-size:14px;color:#0073aa;text-decoration:none}
.comment-reply-link:hover{text-decoration:underline}
.submit-btn{background-color:#0073aa!important;color:#fff!important;padding:10px 20px!important;border:none!important;cursor:pointer!important;border-radius:4px!important}
.submit-btn:hover{background-color:#005f8d}

.pointbox{display:block;border:1px solid #ddd;padding:15px;box-sizing:border-box;width:100%;margin:20px auto}
.pointbox h3{margin-top:0;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #262626}
.blog-cs{background:rgb(236 239 243 / 58%);position:relative;z-index:2;border:1px solid rgba(0, 0, 0, .1);padding:20px 25px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, .06);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, .06);-ms-box-shadow:0 2px 4px rgba(0, 0, 0, .06);-o-box-shadow:0 2px 4px rgba(0, 0, 0, .06);box-shadow:0 2px 4px rgba(0, 0, 0, .06);margin:20px auto}
.blog-cs h3{color:#001290;font-size:30px;font-weight:600;line-height:36px;margin:0 auto 20px}
.blog-cs p{color:#060f48;font-size:18px;font-weight:400;line-height:28px}
.greytable{width:100%;border-collapse:collapse;margin-bottom:20px}
.blog-cs img{max-width:50%;float:right;margin-left:15px;margin-bottom:15px;}
@media (max-width: 768px) {
	.blog-cs img{max-width:100%;float:none;margin-left:0;margin-bottom:20px;}
	.responsive-table{border:0}
	.responsive-table thead{display:none}
	.responsive-table tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;overflow:hidden}
	.responsive-table td{display:block;text-align:left;border:0;padding:10px;position:relative}
	.responsive-table td:not(:last-child){margin-bottom:5px}
	.responsive-table td:last-child{border-bottom:0}
	.responsive-table td::before{content:attr(data-label);display:block;width:100%;background-color:#f4f4f4;padding:5px 10px;font-weight:bold;border-bottom:1px solid #ddd;text-align:left}
}

.formula_box{width:100%;margin-bottom:15px;box-sizing:border-box;padding:20px 0 20px 30px;border-left:5px solid #363636;font-style:italic;color:#262626;background:linear-gradient(90deg, #dbdfea, #fafbfd)}
.rolebox{padding:10px;border-bottom:1px solid #dedede;margin:0 auto 15px}
.rolebox h3, .typebox h3{margin-top:0;margin-bottom:20px;line-height:1}
.typebox{position:relative;padding:20px 30px;background:#e8f3ff;border-left:5px solid #dcedff;margin:0 auto 15px}
.typebox p strong{color:#000}
.typebox ul, .typebox ul li:last-child{margin-bottom:0}
.company_logo{float:right;width:200px;height:auto;position:relative;margin:10px 0 12px 12px;padding:15px;border:1px solid #dedede;border-radius:4px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;object-fit:contain}
.company_logo img{display:block;width:100%;height:auto}
.company_logo .cmp-emp{background:url(../images/employee.svg) no-repeat left 7px top 3px}
.company_logo .cmp-headquater{background:url(../images/location.svg) no-repeat left 7px top 3px}
.company_logo .cmp-emp, .company_logo .cmp-headquater{background-size:16px auto;padding:5px 10px 5px 30px;color:#707070;border-radius:5px;font-size:0.875rem;font-weight:400;line-height:1}

/* Block :Download PDF */
.download_pdf { position:relative; border:1px solid #0f3459; background:#d6f0ff; box-sizing:border-box; margin:20px auto 30px; border-bottom:5px solid #0f3459; padding:30px 30px 30px 170px; color:#0f3459; font-size:calc(1.1rem + 0.1vw); line-height:1.7; font-weight:700; text-align:left; width:100%; }
.download_pdf:before{ content:''; position:absolute; left:20px; top:30px; background:url(../images/pdf.png) no-repeat center top 50%; width:130px; height:140px; z-index:1; background-size:120px; transform:rotate(-2deg); }
.download_pdf p.download_pdf_title{ font-family:'Poppins', sans-serif!important; font-size:20px!important; line-height:30px!important; color:#0f3459!important; font-weight:700!important; }
.download_pdf p { font-size:18px!important; line-height:26px!important; font-family:"Source Sans Pro", sans-serif; color:#082833!important; }
.download_pdf_form { position:relative; display:flex; flex-direction:column; flex-wrap:wrap; margin-top:25px; }
.download_pdf_form .download_pdf_form_row { position:relative; display:flex; flex-direction:row; flex-wrap:wrap; }
.download_pdf_form_row input[type=email], .download_pdf_form_row input[type=text] { width:100%; position:relative; box-sizing:border-box; border:1px solid #0f3459; color:#262626; padding:14px 10px 14px 50px; display:block; margin-bottom:20px; font-size:16px; line-height:26px; font-family:'Source Sans Pro', sans-serif; }
.download_pdf_form_row input[type=email] { background:#ffffff url(../images/mail.png) no-repeat left 12px top 50% }
.download_pdf_form_row input[type=text] { background:#ffffff url(../images/user.png) no-repeat left 12px top 50% }
.download_pdf_form_row input[type=submit] { position:relative; display:inline-block; padding:11px 50px 12px 18px; font-size:16px; text-transform:uppercase; font-family:'Source Sans Pro', sans-serif; font-weight:400; letter-spacing:1px; background:#0f3459 url(images/icon_download.png) no-repeat right 15px top 50%; color:#fff; border:1px solid #0f3459; margin:0 auto 0 0; box-sizing:border-box; cursor:pointer; transition:background 0.4s ease-in; }
.download_pdf_form_row input[type=submit]:hover { background:#000000 url(images/images/icon_download.png) no-repeat right 15px top 50%; border:1px solid #000000; }

@media only screen and (min-width:200px) and (max-width:639px) {
   .download_pdf { padding:100px 20px 20px 20px; }
   .download_pdf:before{ left:20px; top:20px; width:50px; height:60px; z-index:1; background-size:58px; }
   .download_pdf p { font-size:17px!important;}
   .download_pdf_form .download_pdf_form_row { flex-direction:column;}
   .download_pdf_form .download_pdf_form_row .one-half{width:100%; margin:0 auto}
}
.v_table{position:relative; width:100%; background:#ffffff; display:flex; flex-direction:column; align-items:normal; justify-content:center; flex-wrap:wrap;}
.v_table_row{border:1px solid #dbdade; margin-bottom:50px; box-shadow:0 0.25rem 1.125rem rgba(75,70,92,.1);position:relative;border-radius:5px;}
.v_table_row:after{content:'\01F87B'; position:absolute; bottom:-40px; left:50%; font-size:25px; color:#4371c2; transform:translate(-50%, 0);}
.v_table_row.last_row{margin-bottom:0}
.v_table_row.last_row:after{display:none}
.v_table_row_head{position:relative; margin:0 auto 0 auto!important; padding:10px 15px; background:#4472c4; text-align:center; color:#ffffff!important; border-bottom:1px solid #dbdade; font-weight:800!important; font-size:18px!important; line-height:1.3!important; overflow:hidden; border-radius:5px;}
.v_table_row_desc{ padding:10px 25px; margin:0 auto 0 auto!important; font-weight:400!important; font-size:17px!important; line-height:1.5!important; background:#ebfbfd; text-align:center;}       
.right-image{ width: 50%; float: right; position: relative; display: block; margin-left: 15px; margin-bottom: 15px; }
@media only screen and (min-width:300px) and (max-width:574px){
.right-image{ width:100%; float:none; margin:0 auto 0 auto}   
}

.card{position:relative;word-wrap:break-word;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.125);border-radius:0.25rem;margin:0 auto 30px;}
.card-header{padding:1rem 1.5rem;margin-bottom:12px;background-color:rgba(0, 0, 0, 0.03);border-bottom:1px solid rgba(0, 0, 0, 0.125)}
.card-header h3{font-size:26px;margin:0 auto}
.card-body{padding:0 15px 15px;}
.card-body img{float:right;width:50%;height:auto;position:relative;border:1px solid #cacdd1;padding:5px;box-sizing:border-box;display:block;margin:10px auto 20px 20px!important}

@media (max-width:639px) {
	.card-header h3{font-size:22px;}
	.card-body img{float:none;width:100%;height:auto;margin:0 auto 12px auto;max-width:100%;display:block}
}
.img-wrap{display:flex;flex-direction:row;align-items:normal;margin-bottom:15px}
.img-wrap div{padding-right:20px;float:left}
.img-wrap img{width:350px;height:220px;float:left}

@media only screen and (min-width:319px) and (max-width:574px) {
	.img-wrap{flex-direction:column}
	.img-wrap div{padding-right:0px}
	.img-wrap img{width:100%;height:auto}
}

@media only screen and (min-width:575px) and (max-width:767px) {
	.img-wrap{align-items:flex-start}
	.img-wrap img{width:100%;height:auto;max-width:250px}
}
@media only screen and (min-width:768px) and (max-width:980px) {
	.img-wrap{flex-direction:column}
	.img-wrap div{padding-right:0px;}
	.img-wrap img{width:100%;height:auto;max-width:350px;margin:0 auto}
}

.readmore-box{padding:10px 15px;border:0.5px solid #d5d6d8;margin:20px auto 50px auto;width:100%}
.readmore-box p{margin-bottom:0;font-weight:700;display:inline-block;width:90px;line-height:35px}
.readmore-box a{display:inline-block;width:calc(96% - 90px);margin-left:10px;letter-spacing:-0.2px;box-shadow:none;}

.pointboxextcs{border-left:3px solid #2c86d5!important;background:#dcedff!important;padding:15px 30px;box-sizing:border-box}

.infographicbtn{font-size:24px;font-weight:400;color:#023150;background:rgba(0, 111, 198, 0.10);display:block;padding:22px;box-sizing:border-box;font-family:Cambria;font-style:italic;letter-spacing:-1px;line-height:30px;border:1px solid rgba(2, 116, 190, 0.3);border-radius:5px;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1)}
.infographicbtn:hover{background-color:#023150;color:#fff}
.infographic-button-box .orange-btn{color:#fff;font-style:normal;font-family:'Roboto', sans-serif}

@media only screen and (max-width:359px){
	.infographic-modify{background-position:center top,right -315px top;background-size:auto auto,auto 100%,auto auto;padding:0 20px}
	.infographic-modify .infographic-text{line-height:22px;padding:120px 0 10px;text-align:center}
}

.infographic{padding:20px;margin-bottom:35px;border:solid 10px #fff;position:relative;background:linear-gradient(238.41deg,#ffffff 0%,rgba(54,123,232,0) 87.87%),#ececec}
.infographic:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:1px solid rgba(0,0,0,0.03);border-radius:0;pointer-events:none}
.infographic-text{font-size:22px;font-weight:400;text-align:center;width:70%;font-style:italic;color:rgba(0,0,0,0.7);padding-top:20px}
.infographic-button-box{padding-top:20px}
.infographic-button-box .orange-btn{color:#fff;font-style:normal}
.infographic-text__link{font-size:30px;font-weight:700;padding-top:20px;color:#000}
.infographic-text__link a{color:#000;border-bottom:2px solid #ddeaf6;-moz-box-shadow:inset 0 -5px 0 #ddeaf6;-webkit-box-shadow:inset 0 -5px 0 #ddeaf6;box-shadow:inset 0 -5px 0 #ddeaf6;-webkit-transition:all .25s linear;transition:all .25s linear}
.infographic-text__link a:hover{background:#ddeaf6;color:#080808}
.infographic .infographic-img{margin:0;background:#f5f5f5;padding:5px;box-shadow:3px 3px 0px rgba(0,0,0,0.1);float:right}
.infographic-modify{padding:0 20px 0 265px;border:0;background-repeat:no-repeat;background-position:5px center, right -135px center, left center;background-image:url("../images/download-infography.png"), url("../images/infographic-bg.jpg"), linear-gradient(#d6eefe, #d6eefe)}
.infographic-modify .infographic-text{padding:16px 0;width:100%;text-align:left;color:#3037a3;font-size:18px}
.infographic-modify:before{border:0;position:inherit}
.infographic-modify .infographic-button-box{padding-top:13px}
.infographic-modify .infographic-button-box .orange-btn{line-height:normal;background:#fff;color:#3037a3;font-weight:400;font-size:16px;padding:10px;}

.ser_yt_video{padding:5px;background-color:#fff;border:1px solid #e2e2e2;box-shadow:4px 4px 20px #ededed;box-sizing:border-box;display:block;max-width:94%;margin:0 auto;width:100%;min-height:340px}
.point-container{display:flex;flex-wrap:wrap;justify-content:space-between}
.point-container .one-fourth{box-sizing:border-box;flex:1;min-width:calc(25% - 40px);background-color:#F5F5F5;margin-bottom:10px;border:1px solid rgb(0 0 0/10%);padding:30px;text-align:center;font-size:clamp(18px, 8vw, 20px);display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;position:relative}
.point-container .one-fourth::after{content:"";position:absolute;top:50%;right:-15px;transform:translateY(-50%) rotate(45deg);width:12px;height:12px;border:1px solid rgb(0 0 0/50%);z-index:-7;border-left-width:0;border-bottom-width:0}
.point-container .one-fourth:last-child::after{display:none}
@media screen and (max-width: 640px){
.point-container .one-fourth{flex-basis:calc(50% - 20px);margin:0 10px 10px}
.point-container .one-fourth::after{display:none}
}