body.template-portfolio-p46 { background-color: #F4F4F4 !important; font-family: 'exo_2.0regular', sans-serif; }
/*common css*/
.pf-46 .ctm-container { max-width: 1180px; }
.sec-heading-wrap .sec-heading-inner { padding: 0 0 0px 0; }
.sec-heading-wrap .sec-number { position: relative; width: 70px; height: 82px; padding: 17px 0 0px 0; }
.sec-heading-wrap .sec-number:after { content: ""; position: absolute; width: 1px; height: 54px; background-color: #010101; top: 50%; right: -19px; transform: translateY(-50%); }
.sec-heading-wrap .sec-number.icons-heading { width: 105px; }
.sec-heading-wrap .sec-number img { width: auto; }
.sec-heading-wrap .sec-heading-text { padding: 0 0 0 42px; }
.sec-heading-wrap .sec-heading-text .sec-tag { font-size: 11px; font-weight: 400; line-height: 13px; letter-spacing: 0.3em; text-align: left; color: #010101; padding: 0 0 12px 0; display: inline-block; text-transform: uppercase; }
.sec-heading-wrap .sec-heading-text h3 { font-size: 26px; line-height: 28px; font-weight: 400; color: #010101; margin: 0; }
.sec-heading-wrap .section-content { width: 100%; max-width: 580px; }
.sec-heading-wrap .section-content p { font-size: 12px; line-height: 19px; font-weight: 400; color: #010101; margin: 0; letter-spacing: .7px; }
.tab-hide{display: block;}
.tab-show{display: none;}
.mob-show{display: none;}
/*common css*/
.pf-case-intro{background-color: #FBFBFB;}

/*Youtube Thumbs section css start here*/
.thumb-wrap { padding: 90px 0 64px 0; overflow: hidden;}
.thumb-wrap .thumb-caption { width: 100%; position: relative; }
.thumb-wrap .sec-heading-wrap { margin: 0 0 80px 0; }
.thumb-wrap .sketches-img { width: 100%; max-width: 877px; margin: 0 auto 30px; margin-right: 115px; }
.results-img { width: 100%; max-width: 577px; margin: 0 auto 81px; }
.results-img p { font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 0.05em; color: #010101; margin: 0; padding: 0 0 10px 14px; }
.results-img img { border-radius: 12px; }
.image-list { overflow: hidden; }
.image-list .image-list-inner { gap: 16px; width: calc(100% + 14px); margin-left: -7px; }
.image-list .image-items { width: calc(100% / 5 - 13px); }
.image-list .image-items img { width: 100%; border-radius: 12px; height: auto;}
.image-list .image-list-content{position: relative; padding: 35px 0 0 0; max-width: 327px; margin-left: 16px;}
.image-list .image-list-content .title-tag{margin: 0 0 8px 0;}
.image-list .image-list-content .title-tag strong { font-size: 16px; font-weight: 700; line-height: 26px; letter-spacing: 0.05em; color: #010101; padding-right:14px; margin-right:14px; border-right: 1px solid #B9B9B9; font-family: 'exo_2.0regular', sans-serif;}
.image-list .image-list-content .title-tag span { font-size: 16px; font-weight: 400; line-height: 25px; letter-spacing: 0.05em; color: #010101; text-transform: uppercase;}
.image-list .image-list-content p { margin: 0; font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.05em; }
/*Youtube Thumbs section css end here*/

/*AIBC Youtube section start here*/
.thumb-wrap.aibc-youtube{background: #181719; padding: 63px 0 60px 0;}
.aibc-youtube:after { content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/top-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: center right; width: 288px; height: 228px; top: -27px; right: 24px; }
.aibc-youtube:before { content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/left-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 155px; height: 265px; left: -5px; bottom: 356px; }
.aibc-youtube .sec-heading-wrap .sec-heading-text .sec-tag, 
.aibc-youtube .sec-heading-wrap .sec-heading-text h3, 
.aibc-youtube .sec-heading-wrap .section-content p{color: #fff;}
.aibc-youtube .sec-heading-wrap .sec-number:after{background-color: #fff;}
.aibc-youtube .sec-heading-wrap .sec-heading-inner{padding: 0 0 19px 0;}
.thumb-wrap.aibc-youtube .sec-heading-wrap{margin: 0 0 61px 0;}
.thumb-wrap.aibc-youtube .sketches-img{margin-right: 146px;}
.aibc-youtube .results-img{margin: 0 auto 80px; position: relative;}
.aibc-youtube .results-img:after { content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/right-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: top right; width: 184px; height: 168px; top: -10px; left: calc(100% + 198px); }
.aibc-youtube .results-img p{color: #fff;}
/*AIBC Youtube section end here*/

/*AIBC College section css start here*/
.thumb-wrap.aibc-college{padding: 80px 0 110px 0 ;}
.thumb-wrap.aibc-college .sec-heading-wrap .sec-heading-inner{padding: 0 0 19px 0;}
.thumb-wrap.aibc-college .sec-heading-wrap{margin: 0 0 61px 0;}
.thumb-wrap.aibc-college .results-img{margin: 0 auto 80px;}
.thumb-wrap.aibc-college .results-img.ctm-sketches{margin: 0 auto 30px; position: relative;}
.thumb-wrap.aibc-college .results-img.ctm-sketches:before{content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/college-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: top right; width: 267px; height: 243px; top: 64px; left: calc(100% + 184px); }
.thumb-wrap.aibc-college .results-img.player{position: relative;}
.thumb-wrap.aibc-college .results-img.player:before{content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/college-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: top right; width: 184px; height: 168px; top: 62px; left: -369px; }
/*AIBC College section css end here*/

/*AIBC Conferences section css start here*/
.aibc-conferences{padding: 0 0 100px 0;}
.aibc-conferences .sec-heading-wrap .sec-heading-inner{padding: 0 0 19px 0;}
.aibc-conferences .results-img.ctm-sketches { margin: 0 auto 30px; position: relative; }
.aibc-conferences .results-img.ctm-sketches:before { content: ""; position: absolute; background-image: url('../assets/images/portfolio/wwt-images/p-46/college-pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: top right; width: 71px; height: 65px; bottom: 103px; left: -401px; }
.aibc-conferences .results-img{margin: 0 auto 65px;}
/*AIBC Conferences section css end here*/

/*Mobile View section css start here*/
.mobview-wrap{padding: 0; position: relative;}
.mobview-wrap .sec-heading-wrap{margin: 0 0 71px 0;}
.mobview-wrap .sec-heading-wrap .sec-heading-inner{padding: 0 0 19px 0;}
.mobview-wrap .mob-image{width: 100%; max-width: 935px; margin: 0 auto;}
/*Mobile View section css end here*/

/*ipad frame section css start here*/
.ipad-frame{padding: 0 50px; background: #DADADA;}
.ipad-frame .ipad-frame-caption{width: 100%; max-width: 1572px; margin: 0 auto; display: block;}
/*ipad frame section css end here*/

/*Final wrap section css start here*/
.final-wrap{padding: 0;}
/*Final wrap section css end here*/



/*Responsive start here*/
@media only screen and (max-width: 1680px) {
	.image-list .image-list-inner { width: calc(100% + 344px); margin-left: -172px; }
}

@media only screen and (max-width: 1536px) {
	.image-list .image-list-inner{width: calc(100% + 474px); margin-left:-237px;}
}

@media only screen and (max-width: 1440px) {
	.image-list .image-list-inner{width: calc(100% + 570px); margin-left:-285px;}
}

@media only screen and (max-width: 1366px) {
	.image-list .image-list-inner{width: calc(100% + 644px); margin-left:-322px;}
	.aibc-youtube .results-img:after{left: calc(100% + 108px);}
	.thumb-wrap.aibc-college .results-img.ctm-sketches:before{left: calc(100% + 94px);}
	.aibc-conferences .results-img.ctm-sketches:before{left: -250px;}
}

@media only screen and (max-width: 1280px) {
	.image-list .image-list-inner { width: calc(100% + 710px); margin-left: -355px; }
}

@media only screen and (max-width: 1199px) {
	.pf-46 .ctm-container{padding: 0 20px;}
	.thumb-wrap .sketches-img{margin-right: 55px;}
	.thumb-wrap.aibc-youtube .sketches-img{ margin-right: 85px; }
}

@media only screen and (max-width: 1100px) {
	.tab-hide{display: none;}
	.tab-show{display: block;}
	.pf-46 .ctm-container{padding: 0; max-width: 92%;}
	.thumb-wrap{padding: 70px 0;}
	.sec-heading-wrap{flex-wrap: wrap; gap: 10px;}
	.sec-heading-wrap .sec-number:after {width: 2px;}
	.sec-heading-wrap .sec-heading-inner{width: 100%;}
	.sec-heading-wrap .section-content{max-width: 480px;}
	.thumb-wrap .sec-heading-wrap{margin: 0 0 60px 0;}
	.thumb-wrap .sketches-img{margin-right: auto; max-width: 688px;}
	.results-img{max-width: 452px; margin: 0 auto 60px;}
	.image-list .image-list-inner{width: 100%; padding: 0 10px; margin: 0; gap: 10px;}
	.image-list .image-items{width: calc(100% / 3 - 7px);}
	.image-list .image-items img{height:auto; border-radius: 7px; object-position: center;}
	.image-list .image-list-content { padding: 18px 0 0 0; margin-left: 10px; max-width: 100%;}
	.image-list .image-list-content .title-tag{margin: 0 0 3px 0;}
	.image-list .image-list-content .title-tag strong{font-size: 12px; line-height: 19px; padding-right: 6px; margin-right: 6px;}
	.image-list .image-list-content .title-tag span{font-size: 12px; line-height: 19px;}
	.image-list .image-list-content p{font-size: 12px; line-height: 19px; letter-spacing: 0.05em;}
	.thumb-wrap.aibc-youtube{padding: 44px 0 33px 0;}
	.aibc-youtube:after, .aibc-youtube:before, .aibc-youtube .results-img:after, .thumb-wrap.aibc-college .results-img.ctm-sketches:before, .thumb-wrap.aibc-college .results-img.player:before, .aibc-conferences .results-img.ctm-sketches:before{content: inherit;}
	.aibc-youtube .sec-heading-wrap .sec-heading-inner, .thumb-wrap.aibc-college .sec-heading-wrap .sec-heading-inner, .aibc-conferences .sec-heading-wrap .sec-heading-inner, .mobview-wrap .sec-heading-wrap .sec-heading-inner{padding: 0;}
	.thumb-wrap.aibc-youtube .sketches-img{margin-right: auto; max-width: 688px;}
	.results-img p{padding: 0 0 7px 9px; font-size: 14px; line-height: 22px;}
	.thumb-wrap.aibc-college{padding: 102px 0 89px 0;}
	.thumb-wrap.aibc-youtube .sec-heading-wrap, .thumb-wrap.aibc-college .sec-heading-wrap{margin: 0 0 60px 0;}
	.thumb-wrap.aibc-youtube .sec-heading-wrap .section-content{max-width: 369px;}
	.aibc-youtube .results-img, .thumb-wrap.aibc-college .results-img, .aibc-conferences .results-img{margin: 0 auto 60px;}
	.aibc-conferences{padding: 0 0 90px 0;}
	.mobview-wrap .sec-heading-wrap{margin: 0 0 51px 0;}
	.mobview-wrap .mob-image{max-width: 510px;}
	.ipad-frame{padding: 0 20px;}
}

@media screen and (max-width: 1024px) and (min-width: 1023px) {
	.results-img.interviews{margin-left:215px;}
}

@media only screen and (max-width: 767px) {
	.thumb-wrap .sketches-img{max-width:545px;}
	.results-img{max-width: 358px;}	
}

@media only screen and (max-width: 600px) {
	.pf-46 .ctm-container{max-width: 92%;}
}

@media only screen and (max-width: 479px) {
	.mob-hide{display: none;}
	.mob-show{display: block;}
	.thumb-wrap{padding: 38px 0 43px 0;}
	.sec-heading-wrap{gap: 15px;}
	.sec-heading-wrap .sec-number{width:48px; height: 50px; padding: 0 5px 0 5px; align-items: center;}
	.sec-heading-wrap .sec-number:after {width: 1px;}
	.sec-heading-wrap .sec-number img{width: 100%;}
	.interviews-wrap .sec-heading-wrap .sec-number img{height: 30px;}
	.sec-heading-wrap .sec-heading-text{padding: 3px 0 0 24px; display: flex; align-items: center; flex-wrap: wrap;}
	.sec-heading-wrap .sec-number:after { height: 35px; right: -9px; }
	.sec-heading-wrap .sec-heading-text .sec-tag{font-size: 9px; line-height: 10px; padding: 0 0 3px 0;}
	.sec-heading-wrap .sec-heading-text h3{font-size: 18px; line-height:20px; width: 100%;}
	.sec-heading-wrap .section-content {max-width:100% !important;}
	.thumb-wrap .sec-heading-wrap{margin: 0 0 40px 0;}
	.thumb-wrap .sketches-img{margin: 0 auto 12px; max-width: 328px;}
	.results-img{max-width: 203px; margin: 0 auto 50px;}
	.results-img img{border-radius: 4px;}
	.results-img p{padding: 0 0 1px 3px; font-size: 8px; line-height: 12px;}
	.image-list .image-list-inner{padding: 0; max-width: 92%; margin: 0 auto; gap: 13px;}
	.image-list .image-items{width: 100%;}
	.image-list .image-items img{border-radius: 10px;}
	.image-list .image-list-content{padding: 10px 0 17px 0; margin-left:12px;}
	.image-list .image-list-content p{max-width: 207px;}
	.thumb-wrap.aibc-youtube{padding: 40px 0 49px 0;}
	.thumb-wrap.aibc-youtube .sec-heading-wrap, .thumb-wrap.aibc-college .sec-heading-wrap{margin: 0 0 40px 0;}
	.aibc-youtube .results-img, .thumb-wrap.aibc-college .results-img{margin: 0 auto 40px;}
	.thumb-wrap.aibc-college{padding: 71px 0 60px 0;}
	.thumb-wrap.aibc-college .results-img.ctm-sketches{margin: 0 auto 17px;}
	.thumb-wrap.aibc-college .results-img.player, .aibc-conferences .results-img{margin: 0 auto 50px;}
	.aibc-conferences{padding: 0 0 60px 0;}
	.aibc-conferences .results-img.ctm-sketches{margin: 0 auto 17px;}
	.mobview-wrap .mob-image{max-width: 254px;}
	.ipad-frame{padding: 0 10px;}
	.thumb-wrap.aibc-youtube .sketches-img{max-width: 328px;}
}
/*Responsive end here*/