@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400&display=swap');

/*  font-face start
----------------------------*/
@font-face{
	font-family:'CrimsonText-Regular';
	src:url('../eot/crimsontext-regular.eot') format('eot'),
		url('../svg/crimsontext-regular.svg') format('svg'),
		url('../ttf/crimsontext-regular.ttf') format('ttf'),
		url('../woff/crimsontext-regular.woff') format('woff'),
		url('../woff2/crimsontext-regular.woff2') format('woff2');
	font-weight: 400;
}
@font-face{
	font-family:'CrimsonText-SemiBold';
	src:url('../eot/crimsontext-semibold.eot') format('eot'),
		url('../svg/crimsontext-semibold.svg') format('svg'),
		url('../ttf/crimsontext-semibold.ttf') format('ttf'),
		url('../woff/crimsontext-semibold.woff') format('woff'),
		url('../woff2/crimsontext-semibold.woff2') format('woff2');
	font-weight: 600;
}
@font-face{
	font-family:'Gotham-Light';
	src:url('../eot/gotham-light.eot') format('eot'),
		url('../svg/gotham-light.svg') format('svg'),
		url('../ttf/gotham-light.ttf') format('ttf'),
		url('../woff/gotham-light.woff') format('woff'),
		url('../woff2/gotham-light.woff2') format('woff2');
	font-weight: 300;
}
@font-face{
	font-family:'Gotham-Book';
	src:url('../eot/gotham-book.eot') format('eot'),
		url('../svg/gotham-book.svg') format('svg'),
		url('../ttf/gotham-book.ttf') format('ttf'),
		url('../woff/gotham-book.woff') format('woff'),
		url('../woff2/gotham-book.woff2') format('woff2');
	font-weight: 350;
}
@font-face{
	font-family:'Gotham-Medium';
	src:url('../eot/gotham-medium.eot') format('eot'),
		url('../svg/gotham-medium.svg') format('svg'),
		url('../ttf/gotham-medium.ttf') format('ttf'),
		url('../woff/gotham-medium.woff') format('woff'),
		url('../woff2/gotham-medium.woff2') format('woff2');
	font-weight: 500;
}
@font-face{
	font-family:'Gotham-Bold';
	src:url('../eot/gotham-bold.eot') format('eot'),
		url('../svg/gotham-bold.svg') format('svg'),
		url('../ttf/gotham-bold.ttf') format('ttf'),
		url('../woff/gotham-bold.woff') format('woff'),
		url('../woff2/gotham-bold.woff2') format('woff2');
	font-weight: 700;
}
@font-face{
	font-family:'Gotham-Black';
	src:url('../eot/gotham-black.eot') format('eot'),
		url('../svg/gotham-black.svg') format('svg'),
		url('../ttf/gotham-black.ttf') format('ttf'),
		url('../woff/gotham-black.woff') format('woff'),
		url('../woff2/gotham-black.woff2') format('woff2');
	font-weight: 900;
}
@font-face{
	font-family:'MinionPro-Regular';
	src:url('../eot/minionpro-regular.eot') format('eot'),
		url('../svg/minionpro-regular.svg') format('svg'),
		url('../ttf/minionpro-regular.ttf') format('ttf'),
		url('../woff/minionpro-regular.woff') format('woff'),
		url('../woff2/minionpro-regular.woff2') format('woff2');
	font-weight: 400;
}


/*----- Normalize.css Start -----*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; }
html { line-height: 1.2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body{padding:0;margin:0;scroll-behavior:smooth;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
figure{padding:0;margin:0;}
img{margin:0;padding:0;width:100%;max-width:100%;}
ul,li{text-decoration:none;margin:0;padding:0;display: inline-block;}
a{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
a:hover{text-decoration:none;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;opacity:0.8;}
input,select {-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
p{margin:0;padding:0}
article, aside, footer, header, nav, section { display: block;}
figcaption, figure, main { display: block;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub { bottom: -.25em;}
sup { top: -.5em;}
audio, video { display: inline-block;outline: none;}
img { border-style: none; display: -webkit-box; display: -ms-flexbox; display: flex;}
svg:not(:root) { overflow: hidden;}
button, input, optgroup, select, textarea { margin: 0;}
button, input { overflow: visible;}
button, select { text-transform: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
button, html [type="button"],/* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
textarea { overflow: auto;}
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto;
}
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit;
}
/*----- Normalize.css End -----*/

html { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }
/* For IE 6/7 (trigger hasLayout) */
body, html { height: 100%; }
body { font-family: "CrimsonText-Regular"; font-size: 16px; line-height: 1.25; font-weight: 400; color: #6F727D; -webkit-font-smoothing: subpixel-antialiased; }
p { font-size: 16px; line-height: 20px; color: #6f727d; font-family:'Gotham-Light'; font-weight: 300;margin-bottom: 19px;}
strong { font-family: "Gotham-Bold";font-weight: 700;color: #6f727d; }
h1 { font-size: 32px; margin-bottom: 20px; }
h2 { font-size: 26px; margin-bottom: 20px; }
h3 { font-size: 20px; margin-bottom: 20px; }
h4 { font-size: 16px; margin-bottom: 20px; }
h5 { font-size: 16px; margin-bottom: 20px; }
table {border-collapse: collapse;width: 100%;}



/* Internet Explorer CSS*/

@media all and (-ms-high-contrast:none){
	.chapter8-bg .main-content {
		margin-top: -150px;
	}
}
@supports (-ms-ime-align:auto){
	.chapter8-bg .main-content {
		margin-top: -150px;
	}
}

/* Internet Explorer CSS */

/*--------Common classes------------*/
.container { width: 100%; max-width: 1305px; margin: 0 auto; padding: 0 25px;}
.bulb-on-off svg path {
    fill: #e5e5e5;
}
.wrap-div{
	padding: 0 54px;
}
.orange-bg-gradient {
	background-image: -o-linear-gradient(left,#F15F2D,#F57F24);
	background-image: -webkit-gradient(linear,left top, right top,from(#F15F2D),to(#F57F24));
	background-image: linear-gradient(to right,#F15F2D,#F57F24);
}
.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.align-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.display-row {
	margin: 0 -15px;
}
.display-33 {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.33%;
	        flex: 0 0 33.33%;
	width: 100%;
	max-width: 33.33%;
	padding: 0 15px;
}
.display-25 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 100%;
    max-width: 25%;
    padding: 0 15px;
}
.orange-medium-text {
	font-family: "Gotham-Bold";
    font-weight: 700;
    font-size: 23px;
    line-height: 32px;
    background: -webkit-linear-gradient(#F15F2D, #F47B25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
    width: 95%;
}
.orange-small-text {
	font-family: "Gotham-Bold";
	font-weight: 700;
	font-size: 20px;
	line-height: 40px;
	background: -webkit-linear-gradient(#F15F2D, #F47B25);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 26px;
}
.orange-text-color {
	color: #f58026;
}
.orange-text-color-bold {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.gotham-medium-11 {
	font-family: "Gotham-Medium";
	font-weight: 500;
}
.gotham-medium-14 {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 1.2;
}
.gotham-bold-12 {
	font-family: "Gotham-Bold";
	font-weight: 700;
	line-height: 15px;	
}
.gotham-book-12 {
	font-family: "Gotham-Book";
	font-weight: 350;
	line-height: 15px;	
}
.green-text {
	font-family: "Gotham-Bold";
	font-weight: 700;
	font-size: 23px;
	line-height: 1.2;
	color: #6aa5a3;
	margin-bottom: 15px;
}
.green-text-20 {
	font-size: 20px;
	margin-bottom: 20px;
}
.green-text-color {
	color: #6aa5a3;
}
.white-bold-15 {
	font-family: "Gotham-Bold";
	font-weight: 700;
	line-height: 1.2;
}
.gotham-mid-15 {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 20px;
}
.small-gray-text {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 19px;
	color: #6d6e71;
}
.crimson-semibold-18{
	font-family: "CrimsonText-SemiBold";
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	color: #3d3935;
	margin-bottom: 15px;
}
.width-parent {
	margin: 0 -10px;
}
.width-30 {
	width: 100%;
	max-width: 30%;
	padding: 0 10px;
	margin: 10px 0;
}
.width-40 {
	width: 100%;
	max-width: 40%;
	padding: 0 10px;
	margin: 10px 0;
}
.width-50 {
	width: 100%;
	max-width: 50%;
	padding: 0 10px;
	margin: 10px 0;
}
.width-60 {
	width: 100%;
	max-width: 60%;
	padding: 0 10px;
	margin: 10px 0;
}
.width-70 {
	width: 100%;
	max-width: 70%;
	padding: 0 10px;
	margin: 10px 0;
}

/* Chapter Heading Text & Img CSS Start
-----------------------------*/
.wrapper{width: 100%;position: relative;}
.main{max-width: 1100px;margin:0 auto;}
.btn-primary {
	background-color: #EC7624;
    padding: 12px 10px;
    font-size: 36px;
    line-height: 1.2;
    color: #fff;
    font-family: 'Gotham-Black';
    font-weight: 900;
    text-transform: uppercase;
    display: block;
    border-radius: 5px;
    width: 302px;
    text-align: center;
}
.chapter-content .main-title h2{
	font-family: 'Gotham-Bold';
	font-weight: 700;
	font-size: 49px;
	line-height: 53px;
	background: -webkit-linear-gradient(45deg ,#F15F2D, #F47B25);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	width: 98%;
}
.chapter-content .main-title span{font-size: 18px;font-family:'Gotham-Bold';font-weight: 700;color: #3B3936;display: block;margin-bottom: 5px;}
.chapter-title-sec {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom: 100px;}
.chapter-img{position: relative;margin-left: -30px;max-width: 41.4%;}
.contect-img-div {
    width: 100%;
}
.image-outer-circle {
    width: 100%;
    max-width: 440px;
    height: 440px;
    border-radius: 50%;
}
.chapter-img .image-outer-circle .thumb{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 440px;
    height: 543px;
    position: relative;
    top: -103px;
    border-radius: 48%;
}
.thumb-pattern {position: absolute;top: 0; left: 0;right: 0; display: none;}
/*.thumb-pattern img{margin: 0 auto; display: block; max-width: 48%;}*/
/*.btn-primary-mt .contect-img-div {
    margin-top: -35px;
}*/

/* Chapter Heading Text & Img CSS End
-----------------------------*/

.green-gradient {
	background-image: -o-linear-gradient(left,#6AA4A2,#88CFC9);
	background-image: -webkit-gradient(linear,left top, right top,from(#6AA4A2),to(#88CFC9));
	background-image: linear-gradient(to right,#6AA4A2,#88CFC9);
}


/*New Common CSS*/
.wrap-1110{width: 100%;max-width: 1110px;margin: 0 auto;}

.round-img-div .back-img-div {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 405px;
    height: 405px;
    border-radius: 50%;
}
.img-text-50-div {
    margin-bottom: 73px;
}

.crimson-36-text {
	font-family: "CrimsonText-Regular";
	font-weight: 400;
	font-size: 36px;
	line-height: 38px;
	color: #3d3935;
	margin-bottom: 30px;
}
.crimson-26-text {
	font-size: 26px;
	line-height: 28px;
}

.white-bg-box {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
            box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 20px 25px;
}
.orange-bottom-border {
	border: 0;
	border-bottom: 2px dotted #F58026; 
	margin: 15px 0; 
}
.green-border {
	border-color: #95BFBD; 
}
.green-mid-15 {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 1.2;
	color: #6aa5a3;
}

.ul-li-div ul {
    padding-left: 15px;
}
.ul-li-div ul li {
	font-family: "Gotham-Light";
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 20px;
	position: relative;
	display: list-item;
}
/*.ul-li-div ul li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #6F727D;
    height: 3px;
    width: 3px;
    border-radius: 100%;
}*/

.close-btn {
	cursor: pointer;
    position: absolute;
    right: 29px;
    top: 29px;
    width: 30px;
    height: 30px;
    background: transparent;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #E15325;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-position: center;
    background-size: 15px;
    background-repeat: no-repeat;
    background-image: url(../close.html);
}
.video-popup {
	margin-bottom: 30px;
}
.video-popup p {
    width: 100%;
    max-width: 80%;
    margin-top: 10px;
    font-family: 'Gotham-Book';
}
.video-popup .overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 15;
    display: none;
    background-color: rgba(0,0,0,0.9);
}
.video-popup.active .overlay {
    display: block;
}
.video-popup.active .content {
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
            transform: translate(-50%,-50%) scale(1);
    display: block;
}
.video-popup .content {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
        -ms-transform: translate(-50%,-50%) scale(0);
            transform: translate(-50%,-50%) scale(0);
    width: 100%;
    max-width: 80%;
    max-height: 100%;
    overflow: hidden;
    z-index: 16;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: none;
}
.video-popup video {
	width: 100%;
}
.video-popup .video-border-div {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}
.video-popup .video-border-div iframe {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
    height: 100%;
}
.round-video-div .video-preview {
    width: 100%;
    max-width: 390px;
    border-radius: 50%;
}
.round-video-div {
	margin-bottom: 90px;
}
.video-shadow .video-preview {
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
            box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    border-radius: 10px;
}
.video-preview {
	position: relative;
	width: 100%;
	max-width: 350px;
	height: 196px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.video-popup .play-click {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
}
.video-popup .play-click.green-play-btn {
	width: 100%;
	max-width: 32px;
	height: 100%;
	max-height: 32px;
}

/*slisder css Start*/
.slider-div {
    padding: 0 10px;
    margin-bottom: 75px;
}
.slider-div .two-item-slider .item .white-bg-box .slider-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.slider-title {
	margin-bottom: 25px;
}
button.slick-arrow {
	position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50px,-50%);
        -ms-transform: translate(-50px,-50%);
            transform: translate(-50px,-50%);
    width: 30px;
    height: 48px;
    background: url(../next-pre-btn.html) no-repeat center;
    text-indent: 1000px;
    background-size: cover;
    overflow: hidden;
    border: 0;
    z-index: 10;
    outline: none;
    cursor: pointer;
}
button.slick-next.slick-arrow {
    left: inherit;
    right: 0;
    -webkit-transform: translate(50px,-50%) rotate(180deg);
        -ms-transform: translate(50px,-50%) rotate(180deg);
            transform: translate(50px,-50%) rotate(180deg);
}
/*slisder css End*/
.btn-arrow {
}
.btn-arrow a {
	font-family: 'Gotham-Black';
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
	position: relative;
}
.btn-arrow a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-bottom: -7px;
    position: static;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -30px;
    width: 16px;
    height: 10px;
    background-image: url(../moving-arrow.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-arrow a:hover:after {margin-left: 40px;}

.frog-div {
	position: relative;
}
.frog-img-div {
	position: absolute;
	top: -50px;
	right: 30px;
	width: 125px;
}
.frog-div .sea-gren-content {
    padding: 40px 25px 15px 25px !important;
}

.pen-design-div {
    position: relative;
}
.pen-design-div .pen-design {
    position: absolute;
    top: 20px;
    left: -30px;
    width: 100%;
    max-width: 82px;
}
.orange-20 {
	font-size: 20px;
	line-height: 23px;
}
.orange-green-box h5 {font-family: "Gotham-Black";font-weight: 900;font-size: 17px;margin-bottom: 15px;}
.sea-green-box .sea-gren-content {
    padding: 20px 25px;
    width: 100%;
    font-family: 'Gotham-Black';
    background-color: rgba(106,165,163,0.9);
    border-radius: 10px;
    color: #fff;
}  
.gray-box-bg {
	background-color: #E6E7E8 !important;
} 

/*Radio Button CSS start*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label, [type="radio"]:checked + span,
[type="radio"]:not(:checked) + label, [type="radio"]:not(:checked) + span
{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
}
[type="radio"]:checked + label:before, [type="radio"]:checked + span:before,
[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 1px solid #f58023;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after, [type="radio"]:checked + span:after,
[type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked) + span:after {
	content: '';
    width: 8px;
    height: 8px;
    background: #f58023;
    position: absolute;
    top: 6px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*Check Box css*/
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:checked + label, [type="checkbox"]:checked + span,
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:not(:checked) + span
{
    position: relative;
    padding-left: 20px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
}
[type="checkbox"]:checked + label:before, [type="checkbox"]:checked + span:before,
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:not(:checked) + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 1px solid #f58023;
    border-radius: 100%;
    background: #fff;
}
[type="checkbox"]:checked + label:after, [type="checkbox"]:checked + span:after,
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + span:after {
	content: '';
    width: 8px;
    height: 8px;
    background: #f58023;
    position: absolute;
    top: 6px;
    left: 0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}
[type="checkbox"]:checked + label:after, [type="checkbox"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
[type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked) + span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
        transform: scale(0);
}
[type="radio"]:checked + label:after, [type="radio"]:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}
.orange-circle-div {
    margin: 60px 0;
}
.gray-table thead tr {
	background-color: #e5e5e5;
}
.gray-table td{
	padding: 15px 15px;
	border: 1px solid #e5e5e5;
}
.gray-table.green-title thead tr td {
	color: #6aa5a3;
}
.gray-table thead tr td {
	font-family: 'Gotham-Bold';
	font-weight: 700;
	color: #f58026;
	/*padding: 15px 15px;*/
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #fff;
}
.gray-table tbody tr td {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.gray-table tbody tr td span:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    height: 2px;
    width: 2px;
    background-color: #6F727D;
    border-radius: 50%;
}
.gray-table tbody tr td span {
    display: block;
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}
.gray-table tbody tr td .no-dot {
	padding-left: 0;
}
.gray-table tbody tr td .no-dot:after {
	display: none;
}

.builb-div {
	position: relative;
}
.builb-div .builb-img {
	position: absolute;
}
.green-arrow a {
	font-family: "Gotham-Medium";
	font-weight: 500;
	color: #6aa5a3;
}
.green-arrow a:after{
	background-image: url(../green-arrow.html);
}

.ul-li-div ol {
    list-style-type: decimal;
    padding-left: 20px;
}
.ul-li-div ol li {
    display: list-item;
    font-family: 'Gotham-Light';
    font-weight: 300;
    margin-bottom: 15px;
}
.star-div .star-img {
    width: 100%;
    max-width: 25px;
    margin-right: 10px;
}
.sea-green-box .sea-gren-content.orange-bg-gradient h5 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
}
.bg-orange-overlay .orange-bg-gradient {
	background-color: #fff;
	background-image: none;
}

/*Radio Button CSS start*/


/*--------start wrapper css------------*/

/* Header CSS start
----------------------------*/
header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 84px 0 0 0;
}
.header-main .logo-div {
	width: 100%;
	max-width: 183px;
}
/* Header CSS End
----------------------------*/

/* Banner css start
----------------------------*/
.banner-bg {
	padding: 140px 0 50px 0;
}
.banner-bg .left-side {
	width: 100%;
    max-width: 59%;
    position: relative;
    z-index: 1;
}
.banner-bg .banner-text {
	color: #fff;
	padding-top: 8px;
}
.banner-bg .banner-text .text-2021 {font-family: "Gotham-Medium";font-weight: 500;font-size: 31px;line-height: 46px;color: #fff;text-transform: uppercase; }
.banner-bg .banner-text h1 {
    font-family: "Gotham-Black";
    font-weight: 900;
    font-size: 60px;
    color: #fff;
    line-height: 63px;
    letter-spacing: 1px;
}
.banner-bg .banner-text .banner-detail {
	font-family: "Gotham-Medium";
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
}
.banner-bg .banner-text .banner-detail strong {
	color: #fff;
}


.banner-bg .right-side {
    width: 100%;
    max-width: 38%;
}
.banner-bg .right-side .banner-img-div {
    margin: 0 0 -93px 0;
    margin-left: -44px;
    padding-right: 73px;
}

.banner-bg .white-box-text {
	padding: 48px 63px 60px 43px;
	background-color: #fff;
	border-top: 14px solid #E84005;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0px 0px 16px 1px rgba(241,95,45,0.8);
	        box-shadow: 0px 0px 16px 1px rgba(241,95,45,0.8);
}
.banner-bg .white-box-text .black-color {
    font-family: "Gotham-Book";
    font-weight: 350;
    font-size: 17px;
    line-height: 23px;
    color: #3B3936;
    margin-bottom: 19px;
}
.banner-bg .white-box-text p:last-child {
	margin-bottom: 0;
}
/* Banner CSS End
----------------------------*/


/* Go To Chapter CSS start
----------------------------*/
.go-to-chapter-bg {
	padding: 170px 0 320px 0;
    background-color: rgba(230,231,232,0.3);
}
.go-to-chapter-bg .chapter-title {
	font-family: "Gotham-Bold";
    font-weight: 700;
    font-size: 51px;
    line-height: 1.2;
    color: #f15f2d;
    margin-bottom: 70px;
}
.go-to-chapter-bg .chapter-index {
    width: 100%;
}
.go-to-chapter-bg .chapter-links .chapter-index ul {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    display: block;
}
.go-to-chapter-bg .chapter-links ul li {
	margin-bottom: 43px;
}
.go-to-chapter-bg .chapter-links ul li a {
	font-family: "Gotham-Bold";
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #3d3935;
}
.go-to-chapter-bg .chapter-links ul li a:hover .chapter-name, .go-to-chapter-bg .chapter-links ul li a:hover .small-gray-text {
    color: #f15f2d;
}
/*.go-to-chapter-bg .chapter-links ul li a */
.chapter-number {
	width: 100%;
    max-width: 53px;
    margin-right: 20px;
    position: relative;
}
/*.go-to-chapter-bg .chapter-links ul li a */
.chapter-number .number {
    position: absolute;
    top: 51%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    font-family: 'Gotham-Bold';
    font-weight: 700;
    font-size: 25px;
    color: #B1B3B5;
}
/*.go-to-chapter-bg .chapter-links ul li a figure {
    width: 100%;
    max-width: 53px;
    margin-right: 20px;
}*/
.go-to-chapter-bg .chapter-links ul li a .chapter-name {
	display: block;
    width: 100%;
    max-width: 364px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.go-to-chapter-bg .chapter-links ul li a .chapter-name span {
	display: block;
	margin-top: 5px;
	transition: all 0.6s ease-in-out;
}


.chapter-nav-bar .open-close-nav {
	height: 50px;
    width: 40px;
    background-color: rgba(0,0,0,0.9);
    position: fixed;
    top: 20px;
    left: 0px;
    display: none;
    padding: 10px;
    cursor: pointer;
    z-index: 5;
    border-radius: 0 10px 10px 0;
}
.chapter-nav-bar .open-close-nav img {
    width: 20px;
    -webkit-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
            transform: rotate(180deg) !important;
}

/* Go To Chapter css End
----------------------------*/

/* Form css Start
----------------------------*/

.form-popup {
	overflow: hidden !important;
}
.form-popup .form-bg {
    padding: 50px 0;
    background-color: rgba(230,231,232,0.9);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
    height: 100%;
    overflow-y: scroll;
}
.form-bg {
	display: none;
}
.form-bg h2 {
	font-size: 36px;
	color: rgb(245, 128, 38);
    font-family: 'Gotham-Bold';
    font-weight: 700;
    font-size: 49px;
    line-height: 53px;
    background: -webkit-linear-gradient(45deg,#F15F2D, #F47B25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}
.form-bg form.wpcf7-form {
    background-color: #fff;
    padding: 60px;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    margin-top: 40px;
	position: relative;
}
.form-bg form.wpcf7-form input {
    border: 1px solid rgba(230,231,232,1);
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.form-bg form label {
    font-family: 'Hind Vadodara', sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
	color: #000;
}
.form-bg form.wpcf7-form span.wpcf7-list-item {
    display: block;
}
.form-bg form.wpcf7-form span.wpcf7-list-item.first {
	margin-top: 10px;
}
.form-bg form [type="submit"] {
	display: block;
	border-style: solid;
	border-radius: 0px;
	z-index: 4;
	width: 202px;
	height: 49px;
	position: absolute;
	background: rgba(245,128,38,1);
	box-shadow: none;
	text-shadow: none;
	color: #ffffff;
	border-width: 1px;
	border-color: #F58026;
	font-size: 16px;
	line-height: 19px;
	font-weight: 600;
    font-family: 'Hind Vadodara', sans-serif;
	font-style: normal;
	text-align: center;
	background-repeat: no-repeat;	
}
.form-bg form.wpcf7-form [type="submit"]:hover {
	background-color: #fff;
	color: #EC7624;
}
.form-bg form.wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}
.form-bg form.wpcf7-form .choice-form [type="radio"]:checked + span:before, .form-bg form.wpcf7-form .choice-form [type="radio"]:not(:checked) + span:before {
	width: 15px;
	height: 15px;
	top: 2px;
	border: 1px solid #000;
}
.form-bg form.wpcf7-form .choice-form [type="radio"]:checked + span:after, .form-bg form.wpcf7-form .choice-form [type="radio"]:not(:checked) + span:after {
	width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 3px;
}
.form-bg form.wpcf7-form .choice-form .wpcf7-list-item-label {
	margin-bottom: 5px;
}
.form-bg form.wpcf7-form:last-child p {
	margin-bottom: 0;
}
.wpcf7-response-output {
	color: #6aa5a3;
	font-family: "Gotham-Bold";
	font-weight: 700;
	border: 0 !important;
	padding-left: 0; 
}
.wpcf7-form.invalid .wpcf7-response-output {
	color: red;
}
/* Form css End
----------------------------*/

/* Chapter-Nav css start
----------------------------*/
.fixed-nav-bar {
    display: none;
}
.fixed-nav-bar .select-btn span {
    font-family: 'Gotham-Bold';
    color: #f58026;
}
.overlay-bg {
    position: relative;
}
.overlay-bg:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 11;
    background-color: rgba(0,0,0,0.8);
}
.chapter-nav-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 60px;
    z-index: 12;
}
.select-btn {
	display: none;
}
.chapter-nav-bar .chapter-name-tag {
	font-family: "Gotham-Black";
	font-weight: 900;
	line-height: 1.2;
	color: #D4D6D7;
	margin-bottom: 20px;
	display: block;
}
/*.chapter-nav-bar nav ul {
    display: flex;
    flex-direction: column;
}*/
.chapter-nav-bar nav ul, .chapter-nav-bar nav ul li {
    display: inline-block;
}
.chapter-nav-bar nav ul li .nav-number {
	font-family: "Gotham-Bold";
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #D4D6D7;
	transition: all 0.2s ease-in-out;
}
.chapter-nav-bar nav ul li {
	position: relative;
	display: block;
	margin-bottom: 20px;
	width: 40px;
    cursor: pointer;
}
.chapter-nav-bar nav ul li.number_active span {
	color: #f37c43;
}
.chapter-nav-bar nav ul li:last-child {
	margin-bottom: 0;
}
.chapter-nav-bar nav ul li:hover .chapter-call .chapter-title, .chapter-nav-bar nav ul li:hover .chapter-call .sub-menu {
	display: block;
/*	margin-top: 5px;*/
}
.chapter-nav-bar nav ul li .chapter-call {
    position: absolute;
    top: 0;
    left: 40px;
    width: 180px;
}
.chapter-nav-bar nav ul li .chapter-call .active {
	color: #f37c43 !important;
}
.chapter-nav-bar nav ul li .nav-number:hover, .chapter-nav-bar nav ul li .chapter-call .chapter-title:hover {
	color: #f37c43;
}
.chapter-nav-bar nav ul li .chapter-call .chapter-title {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 1.2;
	color: #858585;
	margin-bottom: 10px;
	/*transition: all 0.5s ease-in-out;*/
}
.chapter-nav-bar nav ul li .chapter-call .chapter-title, .chapter-nav-bar nav ul li .chapter-call .sub-menu {
    display: none;
}
.chapter-nav-bar nav ul li:hover .sub-menu li {
    display: inherit;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li {
    margin: 0;
    width: 100%;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li a {
	display: block;
    font-family: "Gotham-Book";
    font-weight: 350;
    font-size: 9px;
    color: #96989A;
    padding: 0 0 5px 20px;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	border: 2px solid #6AA5A3;
	background-color: #fff;
	border-radius: 100%;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li a:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 3px;
    height: 100%;
    width: 1px;
    background-color: #E8E9EA;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li:last-child a:before {
	display: none;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu li a:hover {
	color: #EC7624;
}
.chapter-nav-bar nav ul li .chapter-call .sub-menu {
    padding-left: 10px;
}
.chapter-nav-bar nav ul li.current .nav-number{
	color: #F37C43;
}

li.current li.sub-current a {
    background: -webkit-linear-gradient(#F15F2D, #F47B25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.chapter-nav-bar nav ul li.current .chapter-call .chapter-title {
	background: -webkit-linear-gradient(#F15F2D, #F47B25);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Chapter-Nav css End
----------------------------*/

/* Chapter:1 css start
----------------------------*/

.chapter1-bg {
    padding: 150px 0 100px 0;
}
/*.chapter1-bg .wrap-1110 {
    margin-bottom: 110px;
}*/
.chapter1-bg .chapter-title-sec .chapter-content {
    margin-top: -100px;
}
.chapter1-bg .img-text-50-div .round-text-div h5 {
    font-size: 25px;
}
.chapter1-bg .img-text-50-div .round-text-div.width-60 {
    padding-left: 30px;
}
.chapter1-bg .chapter-content .main-title .green-gradient {
	font-family: "Gotham-Medium";
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    padding: 22px;
    width: 105%;
    border-radius: 10px;
    margin: 30px 0 0 0;
}
.chapter1-bg .white-bg-box {
	padding: 75px 65px;
}
.chapter1-bg .white-bg-box .orange-small-text {
    font-family: 'Gotham-Black';
    font-size: 20px;
}
.chapter1-bg .white-bg-box .width-60 > p:nth-child(3) {
    padding-left: 40px;
}
.chapter1-bg .white-bg-box .width-60 {
    padding-right: 85px;
}
.chapter1-bg .orange-bottom-border {
    margin: 0;
    padding: 10px 0;
}
.chapter1-bg .green-text-20 {
    margin-bottom: 0;
}

.chapter1-bg .quote-div-bg {
    background-color: rgba(204,204,204,0.2);
    padding: 50px 0;
    margin-top: 60px;
}
.chapter1-bg .quote-div-bg .quote-text {
	font-family: "Gotham-Medium";
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #6F727D;
	font-style: italic;
	margin-bottom: 0;
}
.chapter1-bg .quote-div-bg .wrap-1110 {
    margin-bottom: 0;
    padding: 0 85px;
    position: relative;
}
.chapter1-bg .quote-div-bg .wrap-1110:after {
    content: "";
    position: absolute;
    bottom: -70px;
    right: 90px;
    height: 72px;
    width: 98px;
    background-image: url(../png/quote-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.chapter1-bg .quote-div-bg .wrap-1110:before {
    content: "";
    position: absolute;
    top: -70px;
    left: -10px;
    height: 72px;
    width: 98px;
    background-image: url(../png/quote-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.chapter1-bg .quote-div-bg .quote-text span {
	font-family: "Gotham-Book";
	font-weight: 350;
	font-style: normal;
	line-height: 15px;
	display: block;
	margin-top: 15px;	
}

.chapter1-bg #benefits-onlinecommunity .round-text-div.width-60 .crimson-36-text {
    width: 87%;
}
.chapter1-bg #benefits-onlinecommunity .round-text-div .ul-li-div ul li {
    margin-bottom: 10px;
}


.chapter1-bg .two-item-slider .item {
    padding: 0 15px;
}
.chapter1-bg .two-item-slider .white-bg-box {
    padding: 25px;
    min-height: 1065px;
}
.chapter1-bg .two-item-slider .white-bg-box p:last-child {
    margin-bottom: 0;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-text-color {
    font-style: italic;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial:last-child .orange-bottom-border {
    margin-bottom: 15px;
    padding: 10px 0;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn {
	text-align: right;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn a {
    position: relative;
    text-align: right;
    margin: 0 0 0 50px;
    color: #6f727d;
    display: block;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn a .orange-btn {
    position: absolute;
    top: 50%;
    left: -30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0,-50%);
    height: 25px;
    width: 25px;
}

.chapter1-bg .white-bg-box.type-community-table {
	padding: 25px;
}
.table-text-div .width-60 {
    padding-left: 30px;
}
.table-text-div .width-40 p:last-child {
    margin-bottom: 0;
}
.chapter1-bg .white-bg-box.type-community-table table {
	border-collapse: collapse;
	width: 100%;
}
.chapter1-bg .white-bg-box.type-community-table table tr td {
	border: 1px solid #E6E7E8;
	border-top: 0;
	padding: 15px;
}
.chapter1-bg .white-bg-box.type-community-table table tr td a {
	text-decoration: underline;
}
.chapter1-bg .white-bg-box.type-community-table table tr td a:hover {
	color: #f58026;
}
.chapter1-bg .white-bg-box.type-community-table table tr td:first-child, .chapter1-bg .white-bg-box.type-community-table table tr td:last-child {
	border: 0;
	border-bottom: 1px solid #E6E7E8;
}
.chapter1-bg .white-bg-box.type-community-table .type-community-table-title {
    background-image: -o-linear-gradient(left,#F15F2D,#F57F24);
    background-image: -webkit-gradient(linear,left top, right top,from(#F15F2D),to(#F57F24));
    background-image: linear-gradient(to right,#F15F2D,#F57F24);
}
.chapter1-bg .white-bg-box.type-community-table tr td {
	font-family: 'Gotham-Book';
    color: #6f727d;
}
.chapter1-bg .white-bg-box.type-community-table .type-community-table-title td {
    font-family: 'Gotham-Bold';
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    padding: 5px;
}
.chapter1-bg .white-bg-box.type-community-table table tr td p:last-child {
    margin-bottom: 0;
}
.chapter1-bg .white-bg-box.type-community-table tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.chapter1-bg .white-bg-box.type-community-table tr td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.chapter1-bg .white-bg-box.type-community-table tr:last-child td {
    border-bottom: 0 !important;
}
.chapter1-bg .white-bg-box.type-community-table tr td:nth-child(1) {
    width: 100%;
    max-width: 150px;
    text-align: center;
}
.chapter1-bg .white-bg-box.type-community-table tr td:nth-child(2) {
    width: 100%;
    max-width: 310px;
}
.chapter1-bg .white-bg-box.type-community-table tr td:nth-child(3) {
    width: 100%;
    max-width: 155px;
}

.chapter1-bg .two-item-slider .item .sea-green-box {
    margin: 25px 0;
}
.chapter1-bg .two-item-slider .item .sea-green-box p {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter1-bg .two-item-slider .item .sea-green-box .client-details {
	text-align: right;
}
.chapter1-bg .two-item-slider .item .sea-green-box .client-details h6, .chapter1-bg .two-item-slider .item .sea-green-box .client-details small {
	font-family: "Gotham-Book";
	font-weight: 350;
	font-size: 16px;
}


.sea-green-box .client-details{text-align: right;margin-top: 23px;}
/*.sea-green-box .client-details h6{font-size: 10px;}
.sea-green-box .client-details small{font-size: 8px;}
.sea-green-box .text-div strong{color: #fff;}*/
.sea-green-box {margin-top: 23px;}
.slider-detial .gray-box-bg{padding:18px 15px;border-radius: 10px;}
.slider-detial .gray-box-bg .client-details small{position: relative;margin-left: 15px;}
/*.chapter1-bg .two-item-slider .white-bg-box .slider-detial .gray-box-bg .orange-play-btn .orange-btn{top: 35%;left: 0;}*/
.slider-detial .gray-box-bg {margin-bottom: 20px;}
.slider-detial .gray-box-bg .client-details h6, .slider-detial .gray-box-bg .client-details small{font-family: "Gotham-Light";font-weight: 350;}
.slider-detial .gray-box-bg .client-details p.orange-play-btn a {
    font-family: "Gotham-Light";
    font-weight: 350;
}
.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn {
    width: 90%;
}
.chapter1-bg .two-item-slider .item .sea-green-box .sea-gren-content.orange-bg-gradient .text-div h5 {
    font-size: 16px;
}
.chapter1-bg .two-item-slider .item .sea-green-box .sea-gren-content.orange-bg-gradient .text-div p strong {
	color: #fff;
}
/*.slider-innter-text{padding-right: 70px;}*/

.chapter1-bg .two-item-slider .white-bg-box.no-padding-right{padding-right: 0 !important}
.white-bg-box.no-padding-right .gray-box-bg {border-radius: 10px 0 0 10px;}


.chapter1-bg .two-item-slider .item .sea-green-box{margin-bottom: 25px}
.chapter1-bg .two-item-slider .item ul{padding-left: 16px}
.chapter1-bg .two-item-slider .item ul li{color: #6f727d; font-family: 'Gotham-Light'; font-weight: 300; margin-bottom: 19px;list-style: disc;   display: revert;}
.chapter1-bg .two-item-slider .vid-wrap .video-preview{margin: 20px auto;}
.chapter1-bg .two-item-slider .sea-green-box ul li{
	color: #fff;
    padding: 0;
    text-align: left;
    font-family: 'Gotham-Book';
    margin-bottom: 10px;
}
.chapter1-bg .two-item-slider .data-two-col{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin-bottom: 45px;}

.chapter1-bg .two-item-slider .data-left{width: 60%;}
.chapter1-bg .two-item-slider .data-right{width: 40%;border-left: 2px dotted #6aa5a3;padding-left: 25px;}
.chapter1-bg .two-item-slider .item .data-left ul li{margin-bottom: 10px;}
.chapter1-bg .two-item-slider .item .data-right div{margin-bottom: 20px;
    font-family: 'Gotham-Light';
    font-weight: 300;
}
.data-two-col h6{margin-bottom: 15px;}

.chapter1-bg .two-item-slider .white-bg-box .video-popup {
    margin-top: 20px;
}
.chapter1-bg .two-item-slider .white-bg-box .video-popup .video-preview {
	margin: 0 auto;
}
.chapter1-bg .two-item-slider .white-bg-box .video-popup p {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	max-width: 70%;
}
.chapter1-bg .two-item-slider .white-bg-box .item-column-wrap .sea-green-box .client-details .btn-arrow a {
    font-family: 'Gotham-Bold';
    font-weight: 700;
    text-transform: uppercase;
}

.chapter1-bg .two-item-slider .item .sea-green-box .empower {
	text-align: left;
}
.chapter1-bg .two-item-slider .white-bg-box .item-column-wrap .sea-green-box .client-details .btn-arrow {
    text-align: left;
}
/* Chapter:1 css End
----------------------------*/

/* Chapter:2 css start

----------------------------*/

.chapter2-bg {
    padding: 100px 0;
}
.chapter2-bg .chapter-title-sec {
    margin-bottom: 50px;
}
.chapter2-bg .btn-primary-mt .contect-img-div {
    margin-top: -60px;
}
ul.icon-listing-wrap{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;margin-top: 25px;}
ul.icon-listing-wrap li{position: relative;padding-left: 38px;line-height: 18px;color: #6F727D;list-style: none;margin-bottom: 20px;font-family:'Gotham-Light';font-weight: 300;width: 100%;}
ul.icon-listing-wrap li .icon{position: absolute;left: 0;top: 0;width: 23px;}

/*----chapter-title-sec starts----*/
.chapter2-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb {
    height: 463px;
	top: 0; 
}
.chapter2-bg .chapter-title-sec .chapter-img .thumb-pattern img{margin: 0 auto; display: block; max-width: 48%;}
.two-col-content {
    margin-bottom: 80px;
}
.chapter2-bg hr.orange-bottom-border.green-border {
    margin: 40px 0;
}

.chapter2-bg .tips-section h5 {
	font-size: 20px;
}
/*----chapter-title-sec ends----*/

/*----aside-with-content style starts----*/
/*----sea-green-box style starts---
-------*/
.aside-with-content .orange-green-box{margin-top:-330px;z-index: 1;position: relative;padding-left: 20px;color: #fff;} 
.aside-with-content .orange-green-box p:last-child{margin-bottom: 0;}
.sea-green-box p{color: #fff;font-family:'Gotham-Book';margin-bottom: 10px;}
/*----sea-green-box style ends---
-----*/

/*----imgoverlap-two-col style starts----*/
.aside-img-wrap{width:100%; max-width:41.4%;}
.aside-content-wrap {width: 100%; max-width:58%;padding-left: 75px;padding-top: 40px;}
.aside-with-content .imgoverlap-two-col .thumb {
    position: relative;
    background-position: top center;
    background-size: cover;
    width: 100%;
    max-width: 78.8%;
    height: 566px;
    border-radius: 20px;
}
.aside-with-content .orangebox-with-frg{position: relative;padding-top: 39px;}

.orangebox-with-frg .thumb-wrap{
	position: absolute;
    top: -20px;
    right: 20px;
    width: 149px;
}

/*----imgoverlap-two-col style ends----*/

/*----content-images-section----*/
.content-image-section {
    margin-bottom: 40px;
}
.content-image-section .content-sec{padding-right:50px}
.content-image-section ol li{counter-increment: my-awesome-counter;position: relative;font-family:'Gotham-Light';font-weight: 300;color:#6F727D;margin-bottom:15px;}
.content-image-section ol li::before {content: counter(my-awesome-counter);padding-right:20px;color:#EC7624;font-family:'Gotham-Bold';font-weight: 700;font-size:15px;} 
.content-image-section ol li:after{content:"";position:absolute;left:15px;top:2px;width:1px;height:14px;background-color:#EC7624;}

.tips-section{width:100%;text-align:center}
.tips-section .tips-wrap{display:inline-block;margin:0 auto;max-width:550px;position:relative;padding-left:70px;text-align:left;padding-top:8px;}
.tips-section .icon{position:absolute;left:0;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); width: 48px;}
.tips-section h5{font-size:25px;color:#96989A;font-family:'Gotham-Book';font-weight:300;margin-bottom: 0;line-height: 1.2;}
/*.tips-section h5 strong{font-family:'Gotham-Bold';color:#6AA5A3;}*/

.content-listing-section{width:100%;padding-top: 70px;}
.content-listing-section h5{font-size:16px;font-family:'Gotham-Black';font-weight:900;}
.content-listing-section ul{margin-left:18px;padding:0}
.content-listing-section ul li{display: list-item; font-size:16px;line-height:1.2;margin-bottom:15px;color:#696b73;font-family:'Gotham-Book';font-weight:300}
/*.content-listing-section .content-40{width:47%;padding:0 10px;}
.content-listing-section .content-60{width:53%;padding:0 10px;}*/
.content-listing-section .content-60 h5{color:#6AA5A3;}
.content-listing-section .content-listing-wrap{padding:25px 20px;}


.content-image-overlay-section{width:100%;padding: 70px 0;}
.content-wrap{width: 60%;padding-top: 50px;}/*padding-right: 75px;*/
.aside-img-overlay{width:40%;}
.image-overlay-wrap{position:relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.image-overlay{position: relative;background-position: top center;background-size: cover;width: 100%;max-width: 360px;height: 580px;border-radius: 20px;}
.overlay-content{
	background-color:rgba(106,165,163,0.9);
	padding:20px;
	border-radius: 10px;
	margin: -170px 0 0 40px;
	position: relative;
	width: 100%;
    max-width: 430px;
}
.overlay-content p{color:#fff;}
/*----aside-with-content style ends----*/

/*---.two-col-content style starts----*/
/*.two-col-content{display: flex;flex-wrap: wrap;padding:20px 0;margin:0 -20px}*/
.col-right {}
.col-left {
	padding-right: 33px;
}
.gry-bg{background-color:#E6E6E6;border-radius: 5px;padding:10px 20px;margin-bottom:20px;}
.gry-bg ul{margin:0;padding:0;}
.gry-bg ul li{list-style:none;margin-bottom:15px;font-family:'Gotham-Light';font-weight: 300;}
.gry-bg ul li:last-child{margin-bottom:0}
.gry-bg ul li span{display:inline-block;position:relative;margin-right:15px;padding-right:15px}
.gry-bg ul li span:after{content:"";position:absolute;right:5px;top:2px;width:2px;height:14px;background-color:#EC7624;}

.chapter2-bg .two-col-content .gry-bg p strong {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.table-img-div {
	margin-bottom: 60px;
}
.table-img-div .white-bg-box {
    padding: 20px;
}
.table-img-div p {
	font-family: "Gotham-Book";
	font-weight: 350;
	text-align: center;
	line-height: 1.2;
	color: #6f727d;
	margin-top: 20px;
}


.two-col-sec .content-col {
	width: 100%;
	max-width: 55%;
}
.two-col-sec .green-orange-box{
	width: 100%;
	max-width: 45%;
	padding-left: 45px;
	color: #fff;
}
.two-col-sec .content-col h5.orange-text-color {
	font-size: 20px;
	line-height: 1.2;
}
.content-col h5.green-mid-15 {
	position: relative;
	font-family: "Gotham-Medium";
	font-weight: 500;
}
.content-col h5.green-mid-15 img {
	position: absolute;
	top: -3px;
	left: -30px;
	width: 24px;
}
.chapter2-bg .two-col-content p strong {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.two-col-sec .content-col h4.crimson-36-text {
	width: 100%;
	max-width: 90%;
}
.two-col-sec .green-orange-box .sea-green-box {
    margin-bottom: 330px;
}
.icon-content ul, .icon-content ul li {
    display: block;
}
.icon-content .outer-ul {
	padding-left: 20px;
}
.icon-content ul li img {
    position: absolute;
    top: 3px;
    left: -15px;
    width: 10px;
    height: 12px;
}
.icon-content ul li {
    position: relative;
}
.icon-content .outer-ul li {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
	margin-top: 15px;
}
.icon-content .inner-ul {
    padding-left: 20px;
}
.icon-content .outer-ul li strong {
	color: #fff;
}

.two-col-sec .green-orange-box .orangebox .icon-content ul {
	padding-left: 40px;
}
.two-col-sec .green-orange-box .orangebox .icon-content ul li img {
	top: -5px;
	left: -40px;
	width: 25px;
	height: 28px;
}


.chapter2-bg .vendor-checklist .content-listing-wrap {
    padding: 50px 35px;
	overflow: auto;
}
.chapter2-bg .vendor-checklist .content-listing-wrap h5 {
	text-transform: uppercase;
	font-size: 20px;
}
.chapter2-bg .vendor-checklist .content-listing-wrap h5 span {
    color: #979899;
    margin-left: 10px;
}
.chapter2-bg .vendor-checklist .vendor-radio label {
    font-family: 'Gotham-Book';
    margin-bottom: 20px;
	margin-left: 8px;
	padding-left: 15px;
	position: relative;
	display: block;
	width: 100%;
}
.chapter2-bg .vendor-checklist .vendor-radio label::before {	
	content: ' ';
	display: block;
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	margin-right: 3px;
	-moz-border-radius: 7.5px;
	-webkit-border-radius: 7.5px;
	border-radius: 7.5px;
	border: 1px solid #f58024;
}
.chapter2-bg .vendor-checklist .vendor-radio label.active::before {	
	background: #f58024;
}
.chapter2-bg .vendor-checklist .vendor-radio label:last-child {
	margin-bottom: 0;
}

.chapter2-bg .team-building .round-text-div {
	max-width: 55%;
}
.chapter2-bg .team-building .round-img-div {
	max-width: 45%;
}
.chapter2-bg .team-building .sea-green-box {
	margin-top: 40px;
}
.chapter2-bg .team-building .sea-green-box .sea-gren-content {
    padding: 15px;
}
.chapter2-bg .team-building .sea-green-box .sea-gren-content .builb-div {
	width: 100%;
	max-width: 51px;
	height: 59px;
}
.chapter2-bg .team-building .sea-green-box .sea-gren-content .text-div {
	padding-left: 20px;
}
.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle .thumb {
    top: 0;
}
.chapter2-bg .sea-green-box .sea-gren-content .text-div h5 {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.chapter2-bg .team-building .sea-green-box .sea-gren-content .text-div p {
	margin-bottom: 0;
}
.chapter2-bg .team-building .sea-green-box .sea-gren-content .text-div p, .chapter2-bg .text-orange-div .orange-bg-gradient p {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter2-bg .text-orange-div .orange-bg-gradient .text-div p a {
	display: inline;
}
.chapter2-bg .text-orange-div .orange-bg-gradient .text-div p:last-child {
	margin-bottom: 0;
}
.chapter2-bg .team-building .round-img-div .chapter-img {
    margin-left: 0;
    max-width: 100%;
}
.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle {
	max-width: 470px;
	height: 470px;
	margin: 0 0 0 auto;
}
.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle .thumb {
	width: 100%;
	max-width: 100%;
	height: 470px;
}

.white-l-shap .thumb-pattern {
    top: 70px;
    left: 40px;
    width: 100%;
    max-width: 230px;
}

.chapter2-bg .green-mid-15 {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient::after {
	display: none;
}
.chapter2-bg .text-orange-div .orange-bg-gradient p, .chapter2-bg .text-orange-div .orange-bg-gradient strong {
	color: #fff;
}
.chapter2-bg .text-orange-div .image-div {
    width: 100%;
    max-width: 200px;
    height: 210px;
    overflow: hidden;
}
/*.text-orange-div .sea-green-box .sea-gren-content {
    padding-bottom: 0;
}*/
.chapter2-bg .text-orange-div .orange-bg-gradient p img {
    width: 223px;
    height: 245px;
    float: right;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 5px;
}
.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient {
    max-width: 470px;
    margin: 0 0 0 auto;
	position: relative;
    padding: 20px 25px 0 25px;
}

.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient p {
	margin-right: 200px;
}

.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient p:first-of-type {
	margin-right: 0;
}

.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient p:last-child {
	margin-bottom: 20px;
}

.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient .laptop-tip-bg-image {
	position: relative;
	overflow: auto;
}

.chapter2-bg .text-orange-div .sea-green-box.width-50 .sea-gren-content.orange-bg-gradient::after {
	content: '';
	background-image: url('../guylaptop-1.html');
	background-size: cover;
	height: 200px;
	width: 200px;
	display: block;
	position: absolute;
	left: 255px;
	bottom: 0;
}

.chapter2-bg #organizing-team {
    margin-top: 50px;
}


/* Chapter:2 css End
----------------------------*/


/* Chapter:3 css start
----------------------------*/
.chapter3-bg {
    padding: 100px 0;
}
.chapter3-bg .chapter-title-sec .chapter-content {
    padding-right: 135px;
}
/*.chapter3-bg p.orange-text-color {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}*/
.chapter3-bg .chapter-img .image-outer-circle .thumb {
	height: 490px;
    top: -50px;
}
.chapter3-bg .img-text-50-div {
	margin-top: 50px;
}
.chapter3-bg .section-1 .img-text-50-div .round-text-div {
    padding-right: 48px;
}
.chapter3-bg .img-text-50-div .round-img-div .back-img-div {
	margin: 0 0 0 auto;
}
.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb {
    height: 521px;
    top: -81px;
}

.chapter3-bg .text-gray-box-div {
    margin-bottom: 60px;
}
.chapter3-bg .text-gray-box-div .round-text-div {
    max-width: 55%;
    padding-right: 25px;
}
.chapter3-bg .gray-box-div {
    max-width: 45%;
    padding-left: 30px;
}
.chapter3-bg .text-gray-box-div .gray-box-div .sea-green-box .sea-gren-content {
    padding: 40px 25px 15px 25px;
}
.chapter3-bg .text-gray-box-div .gray-box-div .sea-green-box .sea-gren-content .ul-li-div li {
	margin-bottom: 10px;
}
.chapter3-bg .text-gray-box-div .gray-box-div .sea-green-box .sea-gren-content .ul-li-div li:last-child	{
	margin-bottom: 0;
}
.chapter3-bg ul.icon-listing-wrap {
	margin: 10px 0;
}
.chapter3-bg ul.icon-listing-wrap li {
    padding-left: 25px;
    margin-bottom: 10px;
}
.chapter3-bg ul.icon-listing-wrap li .icon {
	width: 15px;
}
.chapter3-bg .gray-box-div .sea-green-box .sea-gren-content p:last-child {
    margin-bottom: 0;
}
.chapter3-bg ul.icon-listing-wrap li .icon svg path, .chapter3-bg ul.icon-listing-wrap li .icon svg .cls-1 {
    fill: #6AA5A3;
}

.chapter3-bg .section-2 .round-text-div, .chapter3-bg .img-text-50-div.assess-budget .round-text-div {
    margin: 0 0 0 auto;
}

.chapter3-bg .img-text-50-div.section-2 .chapter-img {
    margin-left: 0;
    max-width: 45%;
}
.chapter3-bg .img-text-50-div.section-2 .chapter-img .image-outer-circle {
	max-width: 488px;
	height: 488px;
}
.chapter3-bg .section-2 .chapter-img .image-outer-circle .thumb {
    height: 500px;
    max-width: 488px;
    top: -12px;
    border-radius: 49%;
}
.chapter3-bg .text-gray-box-div.frog-div .round-text-div {
    max-width: 47%;
}
.chapter3-bg .text-gray-box-div.frog-div .gray-box-div {
	max-width: 53%;
}

.chapter3-bg .text-gray-box-div.frog-div {
    margin-bottom: 70px;
}
.chapter3-bg .text-gray-box-div.frog-div .round-text-div {
    margin-top: 30px;
    padding-right: 20px;
}
.chapter3-bg .img-text-50-div.assess-budget .chapter-img {
    margin-left: 0;
}
.chapter3-bg .img-text-50-div.assess-budget .round-text-div h5 {
    font-size: 20px;
}
/*.chapter3-bg #build-your-case {
    margin-bottom: 20px;
}*/
.chapter3-bg #build-your-case .width-60 {
    max-width: 54.3%;
}
.chapter3-bg #build-your-case .width-40 {
	max-width: 55%;
}
.chapter3-bg #build-your-case .width-40 .back-img-div {
	max-width: 465px;
	height: 465px
}
.chapter3-bg #build-your-case {
	margin-bottom: 40px;
}

.grey-table {
    width: 100%;
    border-collapse: collapse;
}
.grey-table thead tr td {
	background-color: #E5E5E5;
	color: #F58024;
	border: 1px solid #fff;
	text-align: center;
	font-family: "Gotham-Bold";
	font-weight: 700;
	text-transform: uppercase;
}
.grey-table tr td {
    border: 1px solid #E5E5E5;
    padding: 15px 15px;
    width: 50%;
    color: #696B73;
    font-family: "Gotham-Book";
    font-weight: 350;
    line-height: 20px;
}
.grey-table tbody tr td {
    vertical-align: top;
}
#build-allies .sec3-table-div .overlay-content {
    margin: 30px 0 0 0;
    max-width: 100%;
}
#build-allies .sec3-table-div .overlay-content p {
    font-size: 17px;
    line-height: 20px;
    font-family: 'Gotham-Black';
    font-weight: 900;
    text-transform: uppercase;
}
#build-allies .sec3-table-div .overlay-content .btn-arrow a {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 19px;
	text-transform: none;
}
#build-allies .sec3-table-div .overlay-content .btn-arrow a:after {
    top: 84%;
    left: 180px;
    right: auto;
}
#build-allies .sec3-table-div .overlay-content .btn-arrow a:hover:after {
	left: 190px;
}

.chapter3-bg #build-allies .round-text-div {
    padding-right: 70px;
}

.chapter3-bg .section-4 .round-img-div {
	width: 100%;
	max-width: 45%;
}
.chapter3-bg .section-4 .round-text-div {
	width: 100%;
	max-width: 55%;
}
.chapter3-bg .section-4 .round-img-div .chapter-img {
    margin-left: 0;
    max-width: 100%;
}
.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb {
	height: 100%;
	top: 0;
}
.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb .thumb-pattern {
	top: 60px;
    left: 80px;
    width: 100%;
    max-width: 185px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.chapter3-bg .community-goals .width-50 {
	position: relative;
}
.chapter3-bg .community-goals .image-overlay {
	max-width: 457px;
    height: 1044px;
}
.top-box {
    position: absolute;
    top: 40px;
    left: 75px;
}
.bottom-box {
    position: absolute;
    bottom: 30px;
    left: 75px;
}
.community-goals .sea-green-box .sea-gren-content {
    width: 100%;
    max-width: 385px;
}
.community-goals .sea-green-box .sea-gren-content .builb-div {
    width: 100%;
    max-width: 39px;
    margin-right: 20px;
}
.community-goals .sea-green-box .sea-gren-content h5 {
	font-family: "Gotham-Medium";
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 0;
}
.chapter3-bg .community-goals .width-50:first-child .ul-li-div {
    margin-bottom: 20px;
}
.community-goals .grey-table tbody tr td ul li {
    list-style-type: disc;
    display: list-item; 
    list-style-position: inside;
    font-family: "Gotham-Book";
    margin-bottom: 10px;
}
.section-5 .content-image-section ol li {
    display: block;
}
.section-5 .width-50:first-child {
    padding-right: 35px;
}
.section-5 .content-image-section ol li strong {
    padding-left: 20px;
    margin-top: 10px;
    display: inline-block;
}
/*.section-5 .content-image-section ol li:after {
    content: "";
    height: 2px;
    width: 2px;
    background-color: #6AA5A3;
    left: 11px;
    top: 12px;
}*/
/*.section-5 .content-image-section ol li:before {
	color: #6AA5A3;
	padding-right: 10px;
}*/

.section-5 .content-image-section ol {
	list-style: decimal;
	padding-left: 20px;
}
.section-5 .content-image-section ol li {
	display: list-item;
}
.section-5 .content-image-section ol li::marker{
	color: #6AA5A3;
	font-family: 'Gotham-Bold';
    font-weight: 700;
}
.section-5 .content-image-section ol li::before, .section-5 .content-image-section ol li:after {
	display: none;
}
.section-5 .sea-green-box {
	margin: 50px 0;
}
.section-5 .sea-green-box .sea-gren-content h5 {
	font-family: "Gotham-Black";
	font-weight: 900;
	font-size: 17px;
	line-height: 1.2;
	text-transform: uppercase;
}
.section-5 .sea-green-box .sea-gren-content p strong {
    color: #fff;
}
.section-5 .sea-green-box .sea-gren-content li {
    margin-bottom: 5px;
}

.section-5 .white-bg-box {
	padding-right: 50px;
}
.section-5 .pen-design-div .pen-design {
    width: 60px;
    top: -20px;
    left: auto;
    right: -10px;
}
.section-5 .white-bg-box button.slick-prev.slick-arrow {
	display: none !important;
}
.section-5 .white-bg-box button.slick-arrow {
    background-image: url(../png/next-pre-orange-btn.png);
    width: 25px;
    height: 36px;
    -webkit-transform: translate(30px,-50%) rotate(0deg);
        -ms-transform: translate(30px,-50%) rotate(0deg);
            transform: translate(30px,-50%) rotate(0deg);
}
.item .slider-text-div {
	position: relative;
}
.item .slider-text-div span {	
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Gotham-Book";
	font-weight: 350;
}
.item .slider-text-div p {
	padding-left: 20px;
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter3-bg .text-gray-box-div .gray-box-div .sea-green-box {
    margin-top: 0;
}
/* Chapter:3 css End
----------------------------*/


/* Chapter:4 css start
----------------------------*/
.chapter4-bg {
	padding: 100px 0;
}
.chapter4-bg .btn-primary-mt .contect-img-div {
	margin-top: 80px;
}
.chapter4-bg .btn-primary-mt .contect-img-div .width-70 {
	padding-right: 30px;
}
.chapter4-bg .successfully-migrate {
	border-radius: 20px;
	color: #fff;
	margin-bottom: 50px;
}
.chapter4-bg .successfully-migrate .chap-4-text p {
    font-family: 'Gotham-Book';
}
.chapter4-bg .successfully-migrate .chap-4-img {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-bottom: 52%;
    border-radius: 20px 0 0 20px;
    margin-left: 10px;
}
.chapter4-bg .successfully-migrate .chap-4-text {
	padding: 40px 45px 25px 45px;
}
.chapter4-bg .successfully-migrate .chap-4-text p, .chapter4-bg .successfully-migrate .chap-4-text a, .chapter4-bg .successfully-migrate .chap-4-text strong {
	color: #fff;
}
.chapter4-bg .successfully-migrate .chap-4-text a {
	text-decoration: underline;
}
.chapter4-bg .successfully-migrate .chap-4-text .ul-li-div ul li {
	margin-bottom: 10px;
    font-family: 'Gotham-Book';
    font-weight: 350;
}

.chapter4-bg .only-text {
	margin-bottom: 100px;
}
.chapter4-bg #decision .width-50:first-child {
    padding-right: 38px;
}
.chapter4-bg #preparation .width-50:first-child {
    padding-right: 30px;
}
.chapter4-bg .only-text p.orange-text-color-bold.orange-text-color {
	text-transform: uppercase;
	font-size: 18px;
}
.chapter4-bg .only-text .white-bg-box.builb-div .builb-div {
    width: 100%;
    max-width: 48px;
}
.chapter4-bg .only-text .white-bg-box.builb-div .text-div h5{
	font-size: 16px;
	line-height: 23px;
	padding-left: 20px;
	margin-bottom: 0;
}
.chapter4-bg .only-text p strong {
	font-family: "Gotham-Medium";
    font-weight: 500;
    line-height: 20px;
    color: #f58026;
}
.chapter4-bg .only-text p em {
    font-family: "Gotham-Bold";
    font-weight: 700;
    color: #6f727d;
    font-style: normal;
}
.chapter4-bg .only-text p strong b {
	font-family: "Gotham-Bold";
	font-weight: 700;
}

.chapter4-bg #management .white-bg-box {
    max-width: 375px;
    position: relative;
    padding: 20px 30px;
    z-index: 1;
}
.chapter4-bg #management .white-bg-box.top-div{
    margin-left: 50px;
}
.chapter4-bg #management .white-bg-box.bottom-div{
    margin-top: -80px;
    margin-left: 50px;
    position: relative;
    margin-bottom: 100px;
}
.chapter4-bg #management .round-img-div {
	margin-top: -35px;
}
.chapter4-bg #management .width-50 .you-ready{
	width: 100%;
    max-width: 488px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.chapter4-bg #management .width-50 .you-ready:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 4px;
    width: 200px;
    border-bottom: 2px dotted #f58026;
}
.chapter4-bg #management .width-50 .you-ready b {
	font-size: 16px;
}
.chapter4-bg #management .white-bg-box .builb-div {
    position: absolute;
    top: -25px;
    left: -20px;
}
.chapter4-bg #management .white-bg-box .text-div p {
	font-family: "Gotham-Book";
	line-height: 18px;
	margin-bottom: 0;
}
.chapter4-bg #management .round-img-div .back-img-div {
	max-width: 440px;
    height: 440px;
    margin: 0 0 0 auto;
}
/* Chapter:4 css End
----------------------------*/


/* Chapter:5 css start
----------------------------*/
.chapter5-bg {
	padding: 100px 0;
}
.chapter5-bg .contect-img-div {
    margin-top: -40px;
}
.chapter5-bg .chapter-title-sec .chapter-content {
    padding-right: 30px;
}
#complete-tasks .width-parent {
    margin-top: 60px;
}
#complete-tasks .width-50:first-child {
	padding-right: 30px;
	border-right: 2px dotted rgba(151,152,154,0.7);
}
#complete-tasks .width-50:last-child {
	padding-left: 30px;
}
.chapter5-bg .pen-design-div h5 {
	padding-left: 55px;
}
.chapter5-bg .gotham-bold-12.orange-text-color {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: "Gotham-Black";
    font-weight: 900;
}
.chapter5-bg .pen-design-div .pen-design {
    max-width: 40px;
    top: -10px;
    left: 0;
}
.chapter5-bg .work-div .ul-li-div ul {
	-webkit-column-count: 3;
	   -moz-column-count: 3;
	        column-count: 3;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
}
.chapter5-bg .mt-60 {
    margin-top: 60px;
}
.chapter5-bg #complete-tasks .white-bg-box {
	margin-top: 70px;
}
.chapter5-bg .text-certi-div .white-bg-box p {
	text-align: center;
}
.chapter5-bg p.orange-text-color-bold.orange-text-color {
	text-transform: uppercase;
}
.chapter5-bg .ul-li-div ul li ul {
	margin-top: 20px;
	list-style-type: disc;
}
.chapter5-bg .ul-li-div ul li ul li:last-child {
	margin-bottom: 0;
}
.chapter5-bg #complete-tasks .work-div .ul-li-div ul li {
    margin-bottom: 13px;
}

.chapter5-bg #tell-team .round-img-div .chapter-img {
    max-width: 100%;
    margin-left: 0;
}
.chapter5-bg #tell-team .round-img-div .chapter-img .image-outer-circle {
	max-width: 405px;
    height: 405px;
}
.chapter5-bg #tell-team .round-img-div .chapter-img .image-outer-circle .thumb {
	max-width: 100%;
	height: 100%;
	top: 0;
}
.chapter5-bg #tell-team .round-img-div .chapter-img .white-l-shap .thumb-pattern {
	top: 55px;
    left: 50px;
    max-width: 157px;
}
.chapter5-bg #tell-team hr {
    border-color: rgba(151,152,154,0.7);
}
.chapter5-bg #tell-team .round-img-div {
    position: relative;
}
.chapter5-bg #tell-team .sea-green-box {
	max-width: 291px;
    position: absolute;
    bottom: 90px;
    right: 90px;
}
.chapter5-bg #tell-team .sea-green-box p {
	font-family: "Gotham-Medium";
	margin-bottom: 0;
}
.chapter5-bg .text-certi-div .width-50:first-child {
    padding-right: 20px;
}
.chapter5-bg .text-certi-div .width-50:last-child {
    max-width: 48%;
    margin: 0 0 0 auto;
}
.chapter5-bg .text-certi-div .white-bg-box img:last-child {
    margin-bottom: 0;
}
.chapter5-bg .text-certi-div .white-bg-box img {
    width: 100%;
    max-width: 220px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.chapter5-bg .round-img-div .back-img-div {
	max-width: 470px;
    height: 470px;
    margin: 0 0 0 auto;
}
.chapter5-bg .img-text-50-div .table-div {
    padding-left: 20px;
}
.alert-div p {
	margin-bottom: 0;
	padding-left: 20px;
}

.chapter5-bg .tip-div .width-30 {
    padding-right: 125px;
}
.chapter5-bg .white-bg-box .builb-div {
    width: 100%;
    max-width: 42px;
    position: relative;
}
.chapter5-bg .white-bg-box .builb-div .builb-number {
    font-size: 25px;
    font-family: 'Gotham-Bold';
    color: rgba(151,152,154,0.7);
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.chapter5-bg .white-bg-box {
	padding: 15px;
	margin-bottom: 10px;
}
.chapter5-bg .encourage-community .width-30 {
    padding-right: 105px;
}
.chapter5-bg .white-bg-box .text {
	padding-left: 20px;
}
.chapter5-bg .white-bg-box .text h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.chapter5-bg .white-bg-box .text p {
    margin-bottom: 0px;
}
.chapter5-bg .get-ans .width-50:last-child {
	padding-left: 40px;
}

.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
    width: 144px;
    top: 90px;
    left: 120px;
}
.chapter5-bg .getting-started .back-img-div {
    margin: 0 !important;
    max-width: 415px;
    height: 415px;
}

/* Chapter:5 css End
----------------------------*/
.squar-img {
	width: 100%;
}
.green-l-shape {
	position: relative;
}
.green-l-shape .thumb-pattern{
    width: 167px;
    top: -10px;
    left: 140px;
}
.squar-img .thumb {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	padding-bottom: 96.25%;	
}


.orange-circle-div .hover-div {
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display: inline-block;
	cursor: pointer;
}
.orange-circle-div .hover-div:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	opacity: 1;
}
.orange-circle-div .orange-circle {
    height: 114px;
    width: 114px;
    font-family: 'Gotham-Black';
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
            box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    position: relative;
    z-index: 2;
}
.orange-circle-div .orange-circle:hover , .orange-circle-div .white-bar:hover {
	opacity: 1;
}
.orange-circle-div .white-bar {
    width: 282px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
            box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    padding: 18px 0;
    border-radius: 10px;
    font-family: 'Gotham-Bold';
    color: #6f727d;
    margin-left: -12px;
}
.orange-arrow {
	position: relative;
	font-family: "Gotham-Bold";
	color: #f58023;
	text-transform: uppercase;
	padding-right: 10px;
	display: block;
}
.orange-arrow:after {
	content: "";
	position: absolute;
	bottom: 3px;
	right: 55px;
	background-image: url(../orange-arrow.html);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.orange-arrow:hover:after {
	right: 45px;
}
.chapter5-bg .only-text:last-child .width-50:first-child {
    padding-right: 40px;
    border-right: 2px dotted rgba(151,152,154,0.7);
}
.chapter5-bg .only-text:last-child .width-50:last-child {
    padding-left: 40px;
}

/* Chapter:6 css start
----------------------------*/
.chapter6-bg {
    padding: 100px 0;
}
.chapter6-bg .chapter-title-sec .chapter-content {
    padding-right: 75px;
}
.chapter6-bg .chapter-img {
	max-width: 40%;
	margin-left: 0;
}
.chapter6-bg .chapter-img .image-outer-circle .thumb {
    height: 500px;
    top: -61px;
}
.chapter6-bg .chapter-img .white-l-shap .thumb-pattern {
	top: -15px;
    left: 80px;
    max-width: 220px;
}
.chapter6-bg h4{
	font-family: "Gotham-Black";
	font-weight: 900;
	color: #f57f22;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.chapter6-bg p span {
	font-family: "Gotham-Medium";
	font-weight: 500;
	color: #6f727d;
}
.chapter6-bg .title-box {
	width: 167px;
	border-radius: 10px;
	padding: 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 40px;
}
.chapter6-bg .title-box img {
	width: 17px;
	margin-right: 5px;
}
.chapter6-bg .title-box span {
	font-family: "Gotham-Bold";
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
.chapter6-bg .title-box.gray-color {
	background-color: #e5e5e5;
}
.chapter6-bg .title-box.gray-color span {
	color: #f2782e;	
}
.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient {
    width: 100%;
    max-width: 415px;
    height: 415px;
    border-radius: 50%;
    background-image: -o-linear-gradient(right,#F15F2D,#F57F24);
    background-image: -webkit-gradient(linear,right top, left top,from(#F15F2D),to(#F57F24));
    background-image: linear-gradient(to left,#F15F2D,#F57F24);
}
.chapter6-bg .img-text-50 .round-img-div .back-img-div {
	max-width: 415px;
	height: 415px;
}
.chapter6-bg .img-text-50 .width-60 {
	padding-left: 45px;
}
.chapter6-bg .img-text-50 .width-60 h6.green-text {
    color: #6aa5a3;
    font-family: "Gotham-Bold";
    font-weight: 700;
}
.chapter6-bg .text-only .width-50:first-child {
    padding-right: 45px;
}
.chapter6-bg .text-only .width-50:last-child {
    padding-left: 30px;
}
.chapter6-bg .three-circle-div {
    margin-top: 50px;
}
.chapter6-bg .three-circle-div .circle-div {
    position: relative;
    width: 100%;
    max-width: 330px;
    padding-bottom: 55%;
    margin: 0 auto;
}
.chapter6-bg .three-circle-div .circle-size img {
    width: 60px;
}
.chapter6-bg .three-circle-div .circle-size {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.chapter6-bg .three-circle-div .circle-size span {
	font-family: "Gotham-Bold";
	font-weight: 700;
	color: #fff;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}
.chapter6-bg .three-circle-div .gray-circle {
	background-color: rgba(224,224,227,0.9);
	position: absolute;
    top: 120px;
    right: -15px;
}
.chapter6-bg .three-circle-div .gray-circle span {
    color: #f58024;
}
.chapter6-bg .three-circle-div .green-circle {
	background-color: rgba(107,163,163,0.9);
	position: absolute;
    top: 120px;
    left: -60px;
}
.chapter6-bg .three-circle-div .orange-circle {
	background-color: rgba(245,128,36,0.9);
	position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
}
.chapter6-bg .text-only.strategy h5 {
	width: 50%;
}
.chapter6-bg .text-only.motivates .width-50 .crop-img img{
    width: 450px;
    height: 580px;
    border-radius: 20px;
}
.chapter6-bg .motivates .sea-green-box .sea-gren-content {
	width: 100%;
	max-width: 360px;
	margin: -210px 0 0 auto;
	position: relative;
	z-index: 1;
	padding: 15px;
}
.chapter6-bg .motivates .sea-green-box .sea-gren-content .builb-div {
    width: 100%;
    max-width: 40px;
}
.chapter6-bg .motivates .sea-green-box .sea-gren-content .text-div {
    padding-left: 20px;
    padding-right: 10px;
}
.chapter6-bg .motivates .sea-green-box .sea-gren-content .text-div h5 {
    font-family: 'Gotham-Black';
    font-size: 17px;
    line-height: 20px;
    text-transform: uppercase;
}
.chapter6-bg .motivates .sea-green-box .sea-gren-content .text-div p {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.chapter6-bg .text-only.return {
	margin: 75px 0;
}
.chapter6-bg .return .white-bg-box {
	padding: 20px;
}
.chapter6-bg .return .ul-li-div ul li:last-child {
	margin-bottom: 0;
}
.chapter6-bg .return .ul-li-div ul li::marker {
	color: #f2782e;
}
.chapter6-bg .return .ul-li-div ul li strong {
    color: #f2782e;
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.chapter6-bg .title-box.orange-color {
	background-color: #f58024;
}
.chapter6-bg .text-only.people .crop-img {
    padding: 0 86px;
}
.chapter6-bg .text-only.people h6 {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
    color: #f2782e;
}
.chapter6-bg .text-only.people h6 a {
	color: #f2782e;
	text-decoration: underline;
}
.chapter6-bg .text-only.people .crop-img img {
	border-radius: 20px;
}
.chapter6-bg .text-only.people .sea-green-box {
    padding: 0 86px 0 40px;
    margin-top: -220px;
    position: relative;
    z-index: 1;
}
.chapter6-bg .text-only.people .sea-green-box .sea-gren-content {
	padding: 20px 90px 20px 20px;
}
.chapter6-bg .text-only.people .sea-green-box .text-div h5 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    text-transform: uppercase;
}
.chapter6-bg .text-only.people .sea-green-box .text-div .btn-arrow a {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.chapter6-bg .text-only.quiz {
	margin: 70px 0;
}
.chapter6-bg .text-only.quiz .white-bg-box {
    padding: 35px 20px 20px 20px;
}
.chapter6-bg .text-only.quiz .orange-circle-div {
    margin-top: 0;
}
.chapter6-bg .text-only.quiz .orange-circle-div .orange-circle {
	font-size: 25px;
}
.chapter6-bg .text-only.quiz .orange-circle-div .white-bar {
    padding: 15px 0px 15px 50px;
    text-align: left;
    margin-left: -20px;
}
.chapter6-bg .text-only.quiz .white-bg-box h6 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.chapter6-bg .text-only.quiz .sea-green-box .text-div h5 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    text-transform: uppercase;
}
.chapter6-bg .text-only.quiz .sea-green-box .text-div p {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter6-bg .text-only.quiz .sea-green-box .text-div .btn-arrow a {
	font-family: "Gotham-Medium";
	font-weight: 500;	
	text-transform: none;
}
.chapter6-bg .text-only.quiz .width-50 .white-bg-box p {
    margin-bottom: 15px;
}
.chapter6-bg .text-only.quiz .width-50 .white-bg-box p span {
	text-transform: uppercase;
}
.chapter6-bg .text-only.quiz .width-50 .white-bg-box p:last-child {
	margin-bottom: 0;
}
.chapter6-bg .title-box.green-color {
	background-color: #6aa5a3;
}
.chapter6-bg .text-only.technology .width-50 .round-img-div .back-img-div {
	max-width: 100%;
	height: 525px;
}
.chapter6-bg .alignment {
	margin: 100px 0;
}
.chapter6-bg h6 {
	font-family: "Gotham-Medium";
	font-weight: 500;
	color: #f58026;
	margin-bottom: 20px;
}
.chapter6-bg .download-tip a.orange-arrow {
	display: block;
    width: 230px;
}
.chapter6-bg .download-tip a.orange-arrow span {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    display: block;
    color: #6f727d;
}
.chapter6-bg .download-tip a.orange-arrow:after {
	right: auto;
	left: 75px;
	bottom: 2px;
}
.chapter6-bg .download-tip a.orange-arrow:hover:after {
	left: 70px;
}
.chapter6-bg .support .round-img-div .back-img-div {
    max-width: 430px;
    height: 430px;
    margin: 0 auto;
}
.chapter6-bg .support .width-50:last-child {
	padding-left: 30px;
	padding-top: 20px;
}
.chapter6-bg .support .builb-div .builb-img {
    width: 57px;
    top: -30px;
    right: -20px;
}
.chapter6-bg .support .white-bg-box {
	width: 100%;
	max-width: 81%;
	z-index: 1;
} 
.chapter6-bg .support .white-bg-box .text-div p {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    color: #f2782e;
}
.chapter6-bg .support .support-div {
    padding-left: 330px;
    margin-top: -130px;
}
.chapter6-bg .tactics {
    margin: 100px 0;
}
.chapter6-bg .tactics .star-div p {
	text-transform: uppercase;
	margin-bottom: 0;
}
.chapter6-bg .content-calendar .ul-li-div ul li {
    margin-bottom: 10px;
}
.chapter6-bg .content-calendar .white-bg-box:first-child {
	margin-bottom: 30px;
}
.chapter6-bg .content-calendar .white-bg-box.builb-div .builb-img {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 53px;
}
.chapter6-bg .content-calendar .orange-circle-div .hover-div .white-bar {
    text-align: left;
    padding: 10px 40px;
}
.chapter6-bg .engaging-different-types {
    margin: 70px 0;
}
.chapter6-bg .text-table-div.engaging-different-types .width-40 {
    max-width: 34%;
    padding-right: 20px;
}
.chapter6-bg .text-table-div.engaging-different-types .width-60 {
	max-width: 66%;
}
.chapter6-bg .text-table-div.engaging-different-types .width-60 {
    padding-left: 30px;
}
.chapter6-bg .engaging-different-types .gray-table tbody tr td:first-child {
	text-transform: uppercase;
	text-align: center;
}
.chapter6-bg .text-table-div .width-40 {
    max-width: 34%;
}
.chapter6-bg .text-table-div .width-60 {
	max-width: 66%;
	padding-left: 55px;
}
.chapter6-bg .writing-effective .sea-green-box.frog-div {
    width: 100%;
    max-width: 72.5%;
    margin: 0 auto;
    margin-top: 50px;
}
.chapter6-bg .writing-effective .sea-green-box.frog-div p {
    font-family: 'Gotham-Light';
    font-weight: 350;
}
.chapter6-bg .writing-effective .sea-green-box.frog-div p span {
	text-transform: uppercase;
	color: #fff;
}
.chapter6-bg .ideas-div {
	padding: 50px 0;
	border-bottom: 2px solid #e5e5e5;
}
.chapter6-bg h6.table-number {
	font-family: "Gotham-Medium";
	font-weight: 500;
	margin-bottom: 10px;
	color: #f2782e;
	text-transform: none;
}
.chapter6-bg .ideas-div .gray-table tbody tr td {
    vertical-align: baseline;
}
.chapter6-bg .how-do-it{
	text-transform: uppercase;
	margin-bottom: 10px
}
.chapter6-bg .experts .white-bg-box {
    margin: 30px 0;
}
.chapter6-bg .experts .text-div .btn-arrow a {
	font-family: "Gotham-Light";
	font-weight: 350;
	color: #6f727d;
	text-transform: none;
}
.chapter6-bg .experts .text-div .btn-arrow a span {
	font-family: "Gotham-Medium";
	font-weight: 500;
}
.chapter6-bg .experts .text-div .btn-arrow a:after {
	right: 120px;
	top: auto;
	bottom: -3px;
}
.chapter6-bg .experts .text-div .btn-arrow a:hover:after {
	right: 135px;
}
.chapter6-bg .experts .display-33:nth-child(2) {
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
}
.chapter6-bg .experts .display-33 p {
    font-family: 'Gotham-Book';
    font-weight: 350;
    margin-bottom: 0;
}
.chapter6-bg .experts .white-bg-box:last-child {
    width: 100%;
    max-width: 493px;
}
.chapter6-bg .experts .gray-table thead tr td {
	padding: 12px;
}
.chapter6-bg .secrets p {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter6-bg .secrets p:last-child, .chapter6-bg .secrets .ul-li-div ul li:last-child {
	margin-bottom: 0;
}
.chapter6-bg .secrets .width-30 {
	border-right: 2px solid #e5e5e5;
}
.chapter6-bg .spotlight .secrets .ul-li-div {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #e5e5e5e5;	
}
.chapter6-bg .spotlight .width-60 table {
    width: 280px;
}
.chapter6-bg .spotlight .width-60 table tr:nth-child(odd) {
	color: #6aa5a3;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #6aa5a3;
    background-color: #e5e5e5;
}
.chapter6-bg .spotlight .width-60 table tr:nth-child(odd) td {
    font-family: 'Gotham-Bold';
    font-weight: 700;
}
.chapter6-bg .secrets .ul-li-div ul li {
    font-family: 'Gotham-Book';
    font-weight: 350;
    margin-bottom: 10px;
}
.chapter6-bg .seed .width-60 .builb-div {
    margin-top: 40px;
}
.chapter6-bg .ideas-div .builb-div .builb-img {
	top: -15px;
	left: -20px;
	width: 40px;
}
.chapter6-bg .spotlight .width-60 .orange-circle-div .white-bar {
	margin-left: -67px;
	padding: 18px 0 18px 45px;
}
.chapter6-bg .engage .secrets {
	margin-top: 20px;
}
.chapter6-bg .engage .secrets .display-25 {
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
.chapter6-bg .engage .secrets .display-25:first-child, .chapter6-bg .engage .secrets .display-25:last-child {
	border: 0;
}

.chapter6-bg .automation {
	margin: 90px 0 0 0;
}
.chapter6-bg .automation .width-50:first-child {
    padding-right: 20px;
}
.chapter6-bg .automation .round-img-div .back-img-div {
	max-width: 510px;
    height: 510px;
    margin: 0 0 0 auto;
}
.chapter6-bg .automation .white-bg-box {
    width: 100%;
    max-width: 270px;
    padding: 20px 29px;
    margin: -270px 0 0 20px;
    position: relative;
    z-index: 1;
}
.chapter6-bg .automation .white-bg-box .text-div p, .chapter6-bg .automation .white-bg-box .text-div a {
    font-family: 'Gotham-Book';
    font-weight: 350;
    color: #6f727d;
    text-transform: none;
}
.chapter6-bg .automation .white-bg-box .text-div .btn-arrow a:after{
	right: auto;
	left: 50px;
	margin-left: 8px;
	top: auto;
	bottom: -5px;
}
.chapter6-bg .automation .white-bg-box .text-div .btn-arrow a:hover:after {
	left: 65px;
}
/*.chapter6-bg .ideas-div table {
    overflow-x: scroll;
}*/

.chapter6-bg .encourage-behaviors {
    margin-top: 80px;
}
.chapter6-bg .encourage-behaviors .white-bg-box p {
    margin-top: -10px;
}
.chapter6-bg .encourage-behaviors .width-50:last-child p:last-child {
    margin-bottom: 0;
}
.chapter6-bg .encourage-behaviors1 .side-img .width-50:first-child {
	max-width: 55%;
}
.chapter6-bg .encourage-behaviors1 .side-img .width-50:last-child {
	max-width: 45%;
}

.chapter6-bg .examples-8 {
	margin: 70px 0;
}
.chapter6-bg .examples-8 .two-item-slider .item {
	padding: 0px 30px;
}
.chapter6-bg .examples-8 .two-item-slider .item .white-bg-box {
    min-height: 465px;
}
.chapter6-bg .examples-8 .two-item-slider .item .white-bg-box h5 span {
	color: #f2782e;
}
.chapter6-bg .examples-8 .two-item-slider .item .white-bg-box p:last-child, .chapter6-bg .examples-8 .two-item-slider .item .white-bg-box .ul-li-div li:last-child {
	margin-bottom: 0;
}

.automation-rule {
    padding-left: 20px;
}
.automation-rule .builb-div .builb-img {
    width: 64px;
    top: -30px;
    left: -30px;
}
.automation-rule .white-bg-box {
	padding: 30px 30px 20px; 
}
.automation-rule .white-bg-box .ul-li-div ul {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
    -webkit-column-gap: 80px;
       -moz-column-gap: 80px;
            column-gap: 80px;
}
.automation-rule .white-bg-box .ul-li-div ul li {
	font-family: "Gotham-Book";
	font-weight: 350;
	margin-bottom: 15px;
}

.chapter6-bg .gamification {
    margin: 90px 0;
}
.chapter6-bg .gamification .width-50:last-child .white-bg-box {
	margin-bottom: 20px;
}
.chapter6-bg .gamification .width-50 .white-bg-box h5 {
    font-family: 'Gotham-Bold';
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase;
}
.chapter6-bg .gamification .width-50 .white-bg-box ul li {
    font-family: 'Gotham-Light';
    font-weight: 300;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}
.chapter6-bg .gamification .width-50 .white-bg-box.do-div ul li:after {
	background-image: url(../true.html);
}
.chapter6-bg .gamification .width-50 .white-bg-box ul li:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: url(../cross.html);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.chapter6-bg .gamification .width-50 .white-bg-box ul li:last-child {
	margin-bottom: 0;
}
.chapter6-bg h4 strong {
    font-family: 'Gotham-Bold';
    font-weight: 500;
    color: #f58026;
    margin-bottom: 20px;
    text-transform: uppercase;
    display: block;
}
.chapter6-bg .certi-div img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 30px;
}
.chapter6-bg .gamify-3 .chapter-img {
	max-width: 100%;
}
.chapter6-bg .gamify-3 .chapter-img .image-outer-circle {
    max-width: 455px;
    height: 455px;
    margin: 0 auto;
}
.chapter6-bg .gamify-3 .chapter-img .image-outer-circle .thumb{
	max-width: 100%;
	height: 100%;
	top: 0;
}
.chapter6-bg .gamify-3 .chapter-img .orange-l-shape .thumb-pattern {
    top: 10px;
    left: 130px;
    max-width: 220px;
}

.chapter6-bg .poll-profile {
    margin: 90px 0;
}
.chapter6-bg .poll-profile .white-bg-box {
	min-height: 605px;
}
.chapter6-bg .poll-profile .white-bg-box .ul-li-div ul li {
    margin-bottom: 15px;
}
.chapter6-bg .poll-profile .white-bg-box .ul-li-div ul li:last-child {
    margin-bottom: 0;
}
.chapter6-bg .poll-profile .poll-img {
    text-align: center;
}
.chapter6-bg .poll-profile .poll-img img {
    width: 62px;
    display: inline;
    margin: 20px 0;
}
.chapter6-bg .poll-profile .poll-img img:first-child {
    margin-right: 10px;
}
.chapter6-bg .poll-profile .profile-img img {
    width: 90px;
    margin: 70px auto;
}

.chapter6-bg .measure-engagement {
	margin: 60px 0;
}
.chapter6-bg .measure-engagement .frog-img-div {
	right: auto;
	left: 20px;
}
.chapter6-bg .measure-engagement .sea-green-box {
    width: 95.5%;
}
.chapter6-bg .measure-engagement .sea-green-box .sea-gren-content p {
    font-family: 'Gotham-Book';
    font-weight: 350;
}
.chapter6-bg .measure-engagement .sea-green-box .sea-gren-content h5 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    margin-bottom: 15px;
}
.chapter6-bg .measure-engagement .sea-green-box .sea-gren-content ul li {
	margin-bottom: 15px;
}

.chapter6-bg .setting-expectations {
	margin: 60px 0;
}

.chapter6-bg .engagement-trand .sea-green-box .sea-gren-content {
    max-width: 827px;
    margin: 0 auto;
}
.chapter6-bg .engagement-trand .sea-green-box .sea-gren-content p {
	font-family: "Gotham-Medium";
}
.chapter6-bg .engagement-trand .sea-green-box .sea-gren-content .btn-arrow a {
	font-family: "Gotham-Bold";
	font-weight: 700;
	margin-top: 15px;
}
.chapter6-bg .engagement-trand .orange-bg-gradient .btn-arrow a:after {
	margin-bottom: -5px;
}

.chapter6-bg .bonus-tactic {
	margin: 100px 0 60px 0; 
}
.chapter6-bg .bonus-tactic .white-bg-box img {
    width: 52px;
    margin-right: 30px;
}
.chapter6-bg .bonus-tactic .white-bg-box h5 {
	margin-bottom: 0;
}

.chapter6-bg .community-super-users {
    margin: 80px 0;
}
.chapter6-bg .community-super-users .white-bg-box ul li {
	margin-bottom: 10px;
}

.chapter6-bg .ways-4 .ways-slider {
	margin-bottom: 30px;
}
.chapter6-bg .ways-4 h5.crimson-36-text {
    width: 40%;
}
.chapter6-bg .ways-4 .ways-slider {
	margin: 0 -20px 20px -20px;
}
.chapter6-bg .ways-4 .ways-slider .item {
	padding: 10px 20px;
}
.chapter6-bg .ways-4 .ways-slider .white-bg-box {
	position: relative;
	min-height: 380px;
}
.chapter6-bg .ways-4 .white-bg-box .slider-title .chapter-number {
    display: block;
    max-width: 45px;
}
.chapter6-bg .white-bg-box .slider-title {
    position: absolute;
    top: -20px;
    left: -20px;
}

.chapter6-bg .finding-right-community {
	margin: 90px 0;
}
.chapter6-bg .finding-right-community .white-bg-box {
    width: 100%;
    max-width: 885px;
}

.chapter6-bg .orange-circle-parent {
	position: relative;
}
.chapter6-bg .orange-circle-parent .orange-circle {
    width: 430px;
    height: 430px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}
.chapter6-bg .finding-right-community.orange-circle-parent .orange-circle{
    bottom: -110px;
    right: 0px;
}

.chapter6-bg .determine-tasks {
	margin: 50px 0;
}
.chapter6-bg .determine-tasks .white-bg-box {
    min-height: 373px;
}
.chapter6-bg .determine-tasks .white-bg-box .ul-li-div ul li {
    margin-bottom: 15px;
}
.chapter6-bg .determine-tasks .white-bg-box .ul-li-div ul li:last-child {
    margin-bottom: 0;
}
.chapter6-bg .determine-tasks .orange-circle {
    top: 30px;
    left: -130px;
}

.chapter6-bg .recognize-maintain {
	margin: 100px 0;
}
.chapter6-bg .recognize-maintain .white-bg-box {
    width: 100%;
    max-width: 677px;
    height: 373px;
}
.chapter6-bg .recognize-maintain .white-bg-box .ul-li-div ul li:last-child {
    margin-bottom: 0;
}
.chapter6-bg .recognize-maintain .white-bg-box .ul-li-div ul li {
    margin-bottom: 15px;
}
.chapter6-bg .recognize-maintain .sea-green-box {
    width: 100%;
    max-width: 437px;
    margin-left: -6px;
    margin-top: 40px;
}
.chapter6-bg .recognize-maintain .sea-green-box .sea-gren-content {
	padding: 30px 40px 50px 25px;
}
.chapter6-bg .recognize-maintain .sea-green-box .sea-gren-content p {
	font-family: "Gotham-Book";
	font-weight: 350;
}
.chapter6-bg .recognize-maintain .sea-green-box .sea-gren-content p strong {
	color: #fff;
	width: 80%;
	display: block;
	text-transform: uppercase;
}
.chapter6-bg .recognize-maintain .sea-green-box .builb-div .builb-img {
	width: 82px;
    height: 82px;
    background-color: #fff;
    border-radius: 50%;
    top: -25px;
    right: 34px;
    border: 2px solid #e5e5e5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.chapter6-bg .recognize-maintain .sea-green-box .builb-div .builb-img .bulb-on-off {
	width: 100%;
	max-width: 47px;
}

.chapter6-bg .managing-successful h5 {
	width: 50%;
}
.chapter6-bg .bulb-div .bulb-on-off {
    width: 100%;
    max-width: 47px;
    margin-right: 20px;
}
.chapter6-bg .bulb-div p:last-child {
	margin-bottom: 0;
}
.chapter6-bg .managing-successful .bulb-div h5 {
	font-family: "Gotham-Bold";
	font-weight: 700;
	margin-bottom: 10px;
}
.chapter6-bg .managing-successful .width-30 {
    padding-right: 38px;
    max-width: 25%;
}
.chapter6-bg .managing-successful .width-70 {
	max-width: 74.4%;
}
.chapter6-bg .managing-successful .orange-circle {
    bottom: -310px;
    right: -50px;
    width: 465px;
    height: 465px;
}
.chapter6-bg .rewarding-community {
    margin: 100px 0 0 0;
}
.chapter6-bg .rewarding-community .ul-li-div ul li span {
	font-family: "Gotham-Medium";
	font-weight: 500;
}
.chapter6-bg .rewarding-community .width-50:first-child {
    padding-top: 30px;
}
.chapter6-bg hr.green-border {
    border-color: #cccccc;
}
.chapter6-bg .rewarding-community .bulb-div {
    padding-top: 30px;
}

.chapter6-bg .encourage-behaviors .width-50:last-child .white-bg-box {
	z-index: 1;
	position: relative;
}
.chapter6-bg .encourage-behaviors .side-img .width-50:first-child {
    padding-right: 9px;
}
.chapter6-bg .encourage-behaviors .side-img .width-50:last-child img {
    border-radius: 10px;
    margin-top: -150px;
    z-index: 0;
}
.chapter6-bg .encourage-behaviors .side-img hr.orange-bottom-border {
    margin-bottom: 30px;
}
.chapter6-bg .encourage-behaviors .side-img .width-50:first-child {
	position: relative;
}
.chapter6-bg .encourage-behaviors .side-img .width-50:first-child:before {
    content: "";
    position: absolute;
    top: 35px;
    left: -15px;
    height: 29px;
    width: 42px;
    background-image: url(../gray-quote.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.chapter6-bg .encourage-behaviors .side-img .width-50:first-child:after {
    content: "";
    position: absolute;
    bottom: 35px;
    right: 5px;
    height: 29px;
    width: 42px;
    background-image: url(../gray-quote.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);	
}
/* Chapter:6 css End
----------------------------*/


/* Chapter:7 css start
----------------------------*/
.chapter7-bg {
	padding: 100px 0;
}
.chapter7-bg .chapter-title-sec .btn-primary {
    margin-bottom: 40px;
}
.chapter7-bg .chapter-img {
	margin-left: 0;
	max-width: 40%;
}
.chapter7-bg .image-outer-circle {
    max-width: 377px;
    height: 377px;
    margin: 0 auto;
}
.chapter7-bg .chapter-img .image-outer-circle .thumb {
    max-width: 380px;
    height: 410px;
    top: -34px;
}
.chapter7-bg .chapter-content .main-title h3 {
    font-size: 30px;
    line-height: 32px;
    margin-top: 5px;
}

.chapter7-bg .round-img-div .back-img-div {
	max-width: 437px;
	height: 437px;
}
.chapter7-bg .best-manifestation .round-text-div {
    padding-left: 35px;
}

.chapter7-bg .white-bg-box .chapter-number{
	position: absolute;
	top: -20px;
	left: -20px;
	max-width: 42px;
}
.chapter7-bg .white-bg-box .chapter-number .number {
	font-size: 17px;
	top: 43%;
	color: #ee7623;
}

.chapter7-bg .community-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.chapter7-bg .community-wrap .crimson-36-text { width: 100%; letter-spacing: -0.015em; margin-bottom: 57px; }
.chapter7-bg .community-shadow { width: 45.5%; }
.chapter7-bg .community-wrap .white-bg-box { padding: 20px 17px; margin-bottom: 22px; }
.chapter7-bg .community-wrap .community-shadow .community-shadow-item:first-child h4 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    font-size: 16px;
}
.chapter7-bg .community-wrap .community-shadow .community-shadow-item:first-child p {
    font-family: 'Gotham-Book';
    font-weight: 350;
}
.chapter7-bg .community-shadow > :last-child,
.chapter7-bg .community-wrap .white-bg-box > :last-child { margin-bottom: 0; }
.chapter7-bg .community-wrap .white-bg-box .green-text { text-transform: uppercase; }
.chapter7-bg .community-rte { width: 47.2%; margin-top: 22px; padding-bottom: 150px; }
.chapter7-bg .community-rte h3 { font-size: 20px; line-height: 1.15; letter-spacing: -0.020em; font-family: "Gotham-Bold"; font-weight: 700; margin-bottom: 14px; }
.chapter7-bg .community-rte p { letter-spacing: -0.020em; margin-bottom: 14px; }
.chapter7-bg .community-rte h4 { line-height: 1.33333333; letter-spacing: -0.020em; font-family: "Gotham-Bold"; font-weight: 700; }
.chapter7-bg .community-rte ul {  }
.chapter7-bg li { line-height: 20px; color: #6f727d; font-family: 'Gotham-Light'; font-weight: 300; letter-spacing: -0.020em; margin-bottom: 14px; display: block; padding-left: 18px; position: relative; }
.chapter7-bg ul li:before { content: ''; position: absolute; top: 7px; left: 2px; width: 4px; height: 4px; background-color: currentColor; border-radius: 50%; }
.chapter7-bg .community-rte li:last-child { margin-bottom: 0; }
.chapter7-bg .community-rte > :last-child { margin-bottom: 0; }
.chapter7-bg ol { counter-reset: decimal-counter; }
.chapter7-bg ol li { counter-increment: decimal-counter; }
.chapter7-bg ol li:before { content: counter(decimal-counter)"."; position: absolute; top: 0; left: 0; }


.chapter7-bg .community-essential { padding-bottom: 130px; margin-top: -124px; }
.chapter7-bg .community-essential-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.chapter7-bg .community-essential-title-desc { width: 45.5%; padding: 50px 0; }
.chapter7-bg .community-essential-title-desc .crimson-36-text { margin-bottom: 18px; letter-spacing: -0.015em; }
.chapter7-bg .community-essential-title-desc > :last-child { margin-bottom: 0; }

.chapter7-bg .community-essential-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: -103px; width: calc(100% + 10px); }
.chapter7-bg .community-essential-content-item { width: 60%; }
.chapter7-bg .community-essential-content-item:nth-child(2) { display: none; }
.chapter7-bg .community-essential-content-item:nth-child(3) { width: 44.8%; margin-bottom: -127px; margin-left: -8px; }
.chapter7-bg .community-essential-content-item .white-bg-box { padding: 29px 40px 29px 30px;position: relative; }
.chapter7-bg .community-essential-content-item:nth-child(2) .white-bg-box { padding: 29px 40px 29px 70px; }
.chapter7-bg .community-essential-content-item h3 { color: #f58026; text-transform: uppercase; font-family: "Gotham-Medium"; font-weight: 500; letter-spacing: -0.020em; margin-bottom: 14px; }
.chapter7-bg .community-essential-content-item p { letter-spacing: -0.020em; }
.chapter7-bg .community-essential-content-item p strong { font-family: "Gotham-Medium"; font-weight: 500; }
.chapter7-bg .community-essential-content-item .white-bg-box > :last-child { margin-bottom: 0; }
.chapter7-bg .community-essential-content-item:nth-child(2) .white-bg-box .chapter-number {
    top: 30px;
    left: 15px;
}
/*.community-essential-content-item .white-bg-box .chapter-number img {
	width: 42px;
	height: 37px;
}*/
.chapter7-bg .community-essential-content-item .orange-circle-div { text-align: center; margin-bottom: 37px; }
.chapter7-bg .community-essential-content-item .orange-circle-div .white-bar { text-transform: uppercase; }

@media ( screen and min-width: 768px ) {
	.chapter7-bg .community-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; }
}
.chapter7-bg .community-columns ul { 
    break-inside: avoid;
}

.chapter7-bg .last-tip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.chapter7-bg .last-tip-img { width: 33px; min-width: 33px; }
.chapter7-bg .last-tip-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 10px; }
.chapter7-bg .last-tip-desc strong { text-transform: uppercase; font-family: "Gotham-Bold"; font-weight: 700; }
.chapter7-bg .last-tip-desc > :last-child { margin-bottom: 0; }

.chapter7-bg .community-essential-content blockquote { background-color: #75aba9; color: #fff; margin: 0 -53px 0 -33px; padding: 18px 54px 18px 24px; border-radius: 8px; }
.chapter7-bg .community-essential-content blockquote,
.chapter7-bg .community-essential-content blockquote p { font-style: italic; line-height: 1.28571429; font-family: "Gotham-Medium"; font-weight: 500; letter-spacing: -0.020em; color: #fff; margin-bottom: 15px; }
.chapter7-bg .community-essential-content cite { font-style: normal;  display: block; margin-top: 15px; width: 83%; }
.chapter7-bg .community-essential-content cite small { display: block; font-family: 'Gotham-Light'; font-weight: 300; margin-top: 7px; padding-left: 2px; line-height: 15px; }

.chapter7-bg .three-strike {
	padding: 50px 0;
}
.chapter7-bg .three-strike .gray-table thead tr td {
    line-height: 20px;
}
.chapter7-bg .three-strike .gray-table thead tr td:nth-child(1), .chapter7-bg .three-strike .gray-table thead tr td:nth-child(2), .chapter7-bg .three-strike .gray-table thead tr td:nth-child(3){
	width: 367px;
}
.chapter7-bg .three-strike .gray-table tbody tr td {
	font-family: "Gotham-Light";
	font-weight: 300;
	line-height: 20px;
	vertical-align: baseline;
}
.chapter7-bg .three-strike .gray-table tbody tr td b {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.chapter7-bg .three-strike .tips-section .tips-wrap {
	padding-top: 0;
	padding-left: 40px;
	max-width: 100%;
}
.chapter7-bg .three-strike .tips-section .icon {
    width: 28px;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.chapter7-bg .dealing-violations .round-img-div .back-img-div {
	margin: 0 auto;
}
.chapter7-bg .dealing-violations .round-text-div {
    padding-right: 50px;
}
.chapter7-bg .dealing-violations .slider-div.two-item-slider {
	margin: 0 -40px;
	margin-top: 40px;
}
.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-arrow {
	left: 40px;
}
.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-next.slick-arrow {
	left: inherit;
	right: 40px;
}
.chapter7-bg .dealing-violations .item .white-bg-box {
	position: relative;
	min-height: 417px;
}
.chapter7-bg .dealing-violations .item {
    padding: 10px 40px;
}
.chapter7-bg .dealing-violations .slider-div.two-item-slider .sea-green-box {
    width: 115%;
    margin-left: -35px;
}
.chapter7-bg .dealing-violations .white-bg-box .chapter-number h5 {
	text-transform: uppercase;
}
.chapter7-bg .dealing-violations .item .white-bg-box h6 {
	margin-bottom: 10px;
}
.chapter7-bg .dealing-violations .item .white-bg-box p strong {
	color: #fff;
}
.chapter7-bg .dealing-violations .item .white-bg-box p:last-child {
	margin-bottom: 0;
}
.chapter7-bg .dealing-violations .item .white-bg-box .sea-green-box .sea-gren-content {
	margin-bottom: 20px;
}

.chapter7-bg .community-moderation {  }
.chapter7-bg .community-moderation-title { width: 75%; margin-bottom: 37px; }
.chapter7-bg .community-moderation-title .crimson-36-text { letter-spacing: -0.015em; margin-bottom: 24px; }
.chapter7-bg .community-moderation-title p { letter-spacing: -0.020em; }
.chapter7-bg .community-moderation-title > :last-child { margin-bottom: 0; }

.chapter7-bg .community-moderation-slider .white-bg-box { padding: 40px 57px 117px; }
.chapter7-bg .community-moderation-item {  }
.chapter7-bg .community-moderation-slider .item {padding: 10px;}
.chapter7-bg .community-moderation-item h4 { text-transform: uppercase; font-family: "Gotham-Medium"; font-weight: 500; letter-spacing: -0.020em; margin-bottom: 14px; }
.chapter7-bg .community-moderation-item > :last-child { margin-bottom: 0; }
.chapter7-bg .community-moderation-slider .community-moderation-item h4.orange-text-color, .chapter7-bg .community-moderation-slider .community-moderation-item h4.green-text {
	position: relative;
}
.chapter7-bg .community-moderation-slider .community-moderation-item h4.orange-text-color:after {
    content: "";
    position: absolute;
    top: 3px;
    left: -20px;
    width: 10px;
    height: 10px;
    background-image: url(../cross.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
}
.chapter7-bg .community-moderation-slider .community-moderation-item h4.green-text:after {
    content: "";
    position: absolute;
    top: 4px;
    left: -20px;
    width: 12px;
    height: 10px;
    background-image: url(../true.html);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
}

.chapter7-bg .community-moderation-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: -72px; margin-left: 73px; margin-top: -68px; position: relative; z-index: 2;}
.chapter7-bg .community-moderation-meta-item { color: #fff; border-radius: 10px; }
.chapter7-bg .community-moderation-meta-item.moderation-tip { width: 505px; padding: 24px 35px 24px 18px; }
.chapter7-bg .community-moderation-meta-item.moderation-rte { width: 566px; padding: 27px 46px 29px 43px; }
.chapter7-bg .community-moderation-meta-item h3 { font-size: 20px; line-height: 1.15; font-family: "Gotham-Bold"; font-weight: 700; letter-spacing: -0.020em; margin-bottom: 13px; }
.chapter7-bg .community-moderation-meta-item p, .community-moderation-meta-item strong { color: inherit; letter-spacing: -0.020em; }
.chapter7-bg .moderation-tip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.chapter7-bg .moderation-tip-img { width: 39px; min-width: 39px; }
.chapter7-bg .moderation-tip-desc { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 10px; }
.chapter7-bg .moderation-tip-desc > :last-child { margin-bottom: 0; }
.chapter7-bg .btn { line-height: 1; letter-spacing: 0.080em; text-transform: uppercase; font-family: "Gotham-Bold"; font-weight: 700; background-color: #fff; border-radius: 16px; color: #ee7623; min-width: 204px; text-align: center; padding: 9px 15px; margin-top: 27px; display: table; }
.chapter7-bg .community-moderation-meta-item.moderation-rte p { color: inherit; line-height: 1.36; letter-spacing: -0.020em; margin-bottom: 14px; }

/* Chapter:7 css End
----------------------------*/


/* Chapter:8 css start
----------------------------*/
.chapter8-bg {
	padding: 100px 0;
}
.chapter8-bg .chapter-content {
    padding-right: 180px;
}
.chapter8-bg .chapter-img {
	max-width: 40%;
	margin-left: 0;
}
.chapter8-bg .chapter-img .image-outer-circle .thumb {
	max-width: 459px;
    height: 501px;
    top: -61px;
}
.chapter8-bg .text-only-div.gold-mine {
	margin-bottom: 100px;
}
.chapter8-bg .text-only-div h5 {
    width: 100%;
    max-width: 47%;
}
.chapter8-bg .text-only-div .width-50:first-child {
    padding-right: 38px;
}
.chapter8-bg .text-only-div .width-50:last-child {
    padding-left: 20px;
}
.chapter8-bg .build-matters .white-bg-box {
	margin-top: 50px;
	padding: 25px 25px 20px 25px;
}
.chapter8-bg .build-matters .frog-div .frog-img-div {
    top: -40px;
    left: 20px;
    width: 97px;
}
.chapter8-bg .build-matters .white-bg-box p {
    font-family: 'Gotham-Book';
    font-weight: 350;
}
.chapter8-bg .build-matters .white-bg-box .orange-arrow:after {
	left: 120px;
	right: auto;
}
.chapter8-bg .build-matters .white-bg-box .orange-arrow:hover:after {
	left: 135px;
}

.chapter8-bg .two-data {
	margin: 100px 0;
}
.chapter8-bg .two-data .width-50:first-child {
	padding-right: 30px;
	padding-top: 40px;
}
.chapter8-bg .two-data .round-img-div .back-img-div {
	max-width: 425px;
    height: 425px;
}
.chapter8-bg .order-list { padding-left: 15px; }
.chapter8-bg .order-list li { display: list-item; color: #EC7624; font-family: 'Gotham-Medium'; }
.chapter8-bg .order-list li span { font-family: 'Gotham-Light'; color: #6F727D; }
.chapter8-bg .main-content { margin-top: -170px; position: relative; z-index: 1; }
.chapter8-bg .main-content .orange-arrow:after { 
	right: auto;
	left: 120px; 
}
.chapter8-bg .main-content .orange-arrow:hover:after {
	left: 135px;
}
.chapter8-bg .vs-text { font-size: 21px; color: #B1B3B5; position: absolute; left: 0; right: 0; margin: auto; height: 54px; width: 54px; background-color: #fff; border: 2px solid #E6E7E8; border-radius: 100%; text-align: center; line-height: 54px; top: 0; bottom: 0; }
.chapter8-bg .title-box { position: relative; border-bottom: 1px solid #E6E7E8; }
.chapter8-bg .title-box h3 { text-align: center; margin: 0; color: #fff; padding: 6px 0; }
.chapter8-bg .chapter8-content > div:last-child { border-left: 1px solid #E6E7E8;}
.chapter8-bg .main-content .frog-div { margin-left: -10px; padding: 30px 25px 20px 25px;}
.chapter8-bg .main-content .frog-div p:last-child {
	margin-bottom: 0;
}
.gotham-mid { font-family: 'Gotham-Medium'; font-weight: 500; }

.chapter8-bg .imag-wrap img{border-radius: 30px;}
.chapter8-bg .two-col-sec.two-col-quote{margin:90px 0;}
.chapter8-bg .two-col-sec.two-col-quote .width-40 {
    max-width: 35.4%;
}
.chapter8-bg .two-col-sec.two-col-quote .width-60 {
    max-width: 64%;
    padding-left: 23px;
    padding-top: 40px;
}
.chapter8-bg .white-bg-box.quote-message {
	padding: 20px 100px;
    position: relative;
    margin: 30px 0;
    margin-left: -120px;
    width: 117%;
}
.quote-message .icon{position:absolute;left:10px;top:-30px;width: 70px;}
.quote-message p{font-family:'Gotham-Medium';line-height:1.4;}
.quote-message span{display:block;font-family: "Gotham-Book";font-weight: 350;color:#6F727D;margin-bottom:15px;}
.quote-message a{position:relative;padding-right:30px;;font-family: "Gotham-medium";font-weight: 500; color:#6F727D;font-style:italic}
.quote-message a:after {
	right: 5px;
}
.quote-message a:hover:after {
	right: -10px;
}
.chapter8-bg .slider-div{margin-top:-230px;z-index:10;}
.chapter8-bg .slider-div .two-item-slider.width-parent {
    margin: 0 -30px;
}
.chapter8-bg .slider-div .two-item-slider.width-parent strong {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.chapter8-bg .slider-div .two-item-slider .item.width-50 {
    padding: 0 30px 50px 30px;
}
.chapter8-bg .one-item-slider .item-wrap ul li{
	font-family: "Gotham-Medium";
	font-weight: 350px;
	line-height: 15px;
}
.chapter8-bg .full-width-slider .two-div {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
}
.chapter8-bg .slider-div .two-item-slider .item.width-50 .white-bg-box {
	position: relative;
}
.chapter8-bg .community-section .quote-message .icon {
	left: -20px;
    top: -10px;
    width: 100%;
    max-width: 42px;
}
.chapter8-bg .community-item-wrap .width-70 {
    padding-right: 40px;
}
.chapter8-bg .community-item-wrap .width-30 .orange-arrow:after {
    right: auto;
    left: 120px;
}
.chapter8-bg .community-item-wrap .width-30 .orange-arrow:hover:after {
	left: 135px;
}
.chapter8-bg .community-section .community-item-wrap .white-bg-box.frog-div {
    padding-top: 30px;
}
.chapter8-bg .community-item-wrap h6 {
	font-family: "Gotham-Black";
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.chapter8-bg .community-section .community-item-wrap .white-bg-box p{font-family: "Gotham-Book"; font-weight: 350;}
.community-item-wrap .white-bg-box {
	position: relative;
}
.community-item-wrap .white-bg-box .quote-div-img {
    position: absolute;
    top: -10px;
    left: -25px;
    width: 45px;
}
.community-item-wrap .white-bg-box.quote-div span {
	font-family: "Gotham-Medium";
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
	color: #f58026;
}
.community-item-wrap .white-bg-box.quote-div p {
	text-transform: uppercase;
	margin-bottom: 0;
}
.community-item-wrap.sea-green-box .sea-gren-content {
    width: 100%;
    max-width: 69%;
}
.community-item-wrap.sea-green-box .sea-gren-content p {
	font-family: "Gotham-Book";
	font-weight: 350;
}

.slider-title .green-text {margin-bottom: 0;}





.chapter8-bg .community-section .community-item-wrap .quote-message{margin:0;padding:15px 70px 15px 25px}
.community-section .community-item-wrap .white-bg-box p.orange-text-color{color:#EC7624;font-family:'Gotham-Medium';}


.chapter8-bg .slider-div .two-item-slider .tip-div.white-bg-box {
    padding: 20px 10px;
}
.chapter8-bg .slider-div .two-item-slider .tip-div.white-bg-box img {
    height: 80px;
	width: auto;
    margin-right: 10px;
}
.chapter8-bg .slider-div .two-item-slider .tip-div.white-bg-box p {
    margin-bottom: 0;
}
.chapter8-bg .build-matters .white-bg-box p:last-child {
    margin-bottom: 0;
}
/* Chapter:8 css End
----------------------------*/


/* Chapter:9 css start
----------------------------*/

.chapter9-bg {
	padding: 100px 0;
}
.chapter9-bg .chapter-title-sec .btn-primary {
    width: auto;
}
.chapter9-bg .chapter-title-sec .btn-primary span {
	/*width: 455px;*/
}
.chapter9-bg .chapter-title-sec .chapter-content {
    max-width: 59.4%;
    z-index: 1;
}
.chapter9-bg .chapter-title-sec .chapter-content .main-title h2 {
	width: 100%;
}
.chapter9-bg .chapter-title-sec .chapter-img {
    max-width: 48%;
	margin-left: -81px;
}
.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle {
    width: 100%;
    max-width: 460px;
    height: 460px;
    border-radius: 50%;
}
.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb {
    max-width: 100%;
    height: 100%;
    top: 0;
}
.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb .thumb-pattern {
	width: 230px;
    top: -15px;
    right: 60px;
    left: auto;
}
.chapter9-bg .img-text-div .round-img-div .back-img-div {
    max-width: 506px;
    height: 506px;
}
.chapter9-bg .text-50-div .width-50:first-child {
    padding-right: 50px;
}
.chapter9-bg .text-50-div .width-50:last-child {
    padding-left: 30px;
}

.chapter9-bg .caveat {
    margin: 100px 0;
}
.chapter9-bg .caveat h5 {
	width: 50%;
}


.chapter9-bg .chapter-number { float: left; margin-bottom: 20px; }
.chapter9-bg .chapter-number .number { top: 50%; left: 50%; }
.chapter9-bg .orange-text { color: #EC7624; }
.chapter9-bg .content-title { font-family: 'Gotham-Bold'; font-weight: 700; text-transform: uppercase;}
.chapter9-bg .gotham-bold { font-family: 'Gotham-Bold'; font-weight: 700; }
.chapter9-bg .gotham-medium { font-family: 'Gotham-medium'; font-weight: 500; }
.chapter9-bg ul { padding-left: 20px; }
.chapter9-bg ul li { display: list-item; width: 100%; font-family: 'Gotham-Bold'; font-weight: 700; color: #EC7624; margin-bottom: 15px; }
.chapter9-bg ul li span { color: #6F727D; font-family: 'Gotham-Light'; font-weight: 300; }
.chapter9-bg .align-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.chapter9-bg .partner-sponser-wrapper .width-70 {
    max-width: 67.7%;
    margin: 10px 0 10px auto;
}
.chapter9-bg .partner-sponser-wrapper .chapter-number {width: 42px;margin: 0 10px 0 0;}
.chapter9-bg .partner-sponser-wrapper .chapter-number .number {font-size: 19px;}
.chapter9-bg .partner-sponser-wrapper .partner-info { max-width: calc(100% - 49px); }
.chapter9-bg .partner-sponser-wrapper .partner-box-title { font-size: 18px; color: #6AA5A3; }
.chapter9-bg .partner-sponser-wrapper h5 { font-family: 'Gotham-Bold'; font-weight: 700; color: #EC7624; }
.chapter9-bg .partner-sponser-wrapper .white-bg-box .frog-div { margin: 70px -35px 0 0; }

.chapter9-bg .product-service-wrapper .round-img-div .back-img-div {
    max-width: 480px;
    height: 480px;
}
.chapter9-bg .product-service-wrapper { margin-top: 100px; }
.chapter9-bg .product-service-wrapper .image-outer-circle { overflow: hidden; }
.chapter9-bg .product-service-wrapper .builb-div-img { 
	width: 50px;
    margin-right: 10px;
    position: absolute;
    top: -10px;
    left: -70px;
}

.chapter9-bg .sponser-wrapper .round-img-div .back-img-div {
    max-width: 380px;
    height: 380px;
    margin: 0 0 0 auto;
}
.chapter9-bg .sponser-wrapper h5 {
    width: 50%;
}

.chapter9-bg .product-service-info .builb-div p { margin: 0; }
.chapter9-bg .common-sec > p { max-width: 80%; margin-bottom: 50px; }
.chapter9-bg .partner-sponser-wrapper { margin-top: 80px; }
.chapter9-bg .sponser-wrapper.align-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
/*.chapter9-bg .back-img-div { margin-left: auto; }*/
.chapter9-bg .round-img-div { position: relative; }
.chapter9-bg .round-img-div .orange-box { 
	background-color: #EC7726;
    width: 240px;
    color: #fff;
    border-radius: 20px;
    padding: 20px;
    position: absolute;
    z-index: 1;
    top: -70px;
    left: 60px;
}
.chapter9-bg .round-img-div .orange-box p { color: #fff; font-family: "Gotham-Book"; font-weight: 350px; }
.chapter9-bg .round-img-div .orange-box .btn-arrow a { font-family: "Gotham-Bold"; font-weight: 700; text-transform: none; }
.chapter9-bg .round-img-div .orange-box .btn-arrow a::after {
    right: auto;
    left: 90px;
    top: auto;
    bottom: -3px;
}
.chapter9-bg .round-img-div .orange-box .btn-arrow a:hover:after {
	left: 105px;
}
.chapter9-bg .showcase-metrics {margin-bottom: 100px;}
.chapter9-bg .sponser-wrapper .builb-div .btn-arrow a { color: #6F727D; font-family: 'Gotham-Light'; font-weight: 300; text-transform: none; }
.chapter9-bg .sponser-wrapper .builb-div .btn-arrow a:after { background-image: url(../orange-arrow.html); left: 0; top: auto; position: relative;}
.chapter9-bg .sponser-wrapper .builb-div .btn-arrow a:hover:after { left: 15px; margin-left: 0; }
.chapter9-bg .sponser-wrapper {
    margin: 100px 0;
}

.chapter9-bg .ways-slider .item {
	padding: 0 20px;
}
.chapter9-bg .ways-slider .white-bg-box.single-slider-detail {
	position: relative;
}

.chapter9-bg .ways-slider .white-bg-box.single-slider-detail .slider-title {
	margin-bottom: 0;
}
.chapter9-bg .ways-slider .white-bg-box.single-slider-detail .slider-title .chapter-number {
    position: absolute;
    top: 15px;
    left: -16px;
    max-width: 33px;
    height: 22px;
    margin: 0;
    float: none;
}
.chapter9-bg .ways-slider .white-bg-box.single-slider-detail .slider-title .chapter-number .number {
    font-family: "Gotham-Bold";
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    top: 19px;
    left: 21px;
}
.chapter9-bg .sponser-wrapper .chapter-content .white-bg-box .builb-div-img {
    width: 50px;
    margin-right: 10px;
}
.chapter9-bg .showcase-metrics .white-bg-box {
    padding: 20px;
    min-height: 555px;
}


/*@media screen and (max-width:767px) {
.chapter9-bg .common-sec > p { max-width: 100%; margin-bottom: 30px; }
.chapter9-bg .partner-sponser-wrapper { margin-top: 0; }
}*/

/* Chapter:9 css End
----------------------------*/


/* Chapter:10 css start
----------------------------*/
.chapter10-bg {
	padding: 100px 0;
}
.chapter10-bg .chapter-img {
	margin-left: 0;
	max-width: 40%;
}
.chapter10-bg .chapter-img .image-outer-circle {
    max-width: 350px;
    height: 350px;
    margin: 0 auto;
}
.chapter10-bg .chapter-img .image-outer-circle .thumb {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    max-width: 350px;
    height: 441px;
    position: relative;
    top: -91px;
    border-radius: 48%;
}
.chapter10-bg .round-img-div .back-img-div {
	max-width: 415px;
    height: 415px;
}
.chapter10-bg .ways-show-community > h4 {
    font-family: 'Gotham-Black';
    font-weight: 900;
    margin-bottom: 5px;
}
.chapter10-bg .ways-show-community > p {
    width: 76%;
}
.chapter10-bg .present-persuasive {
    margin: 100px 0;
}
.chapter10-bg .present-persuasive h4 {
    width: 30%;
}
.chapter10-bg .present-persuasive .width-40 {
    padding-right: 42px;
    max-width: 38%;
}
.chapter10-bg .present-persuasive .width-60 {
	max-width: 62%;
} 
.chapter10-bg .present-persuasive .orange-bg-gradient {
	background-color: #EC7726;
	background-image: none;
}
.chapter10-bg .present-persuasive .orange-bg-gradient ol {
	list-style-type: decimal;
	padding-left: 20px;
}
.chapter10-bg .present-persuasive .orange-bg-gradient ol li {
    color: #fff;
    margin-bottom: 15px;
    font-family: 'Gotham-Book';
    font-weight: 350;
    display: list-item;
}
.chapter10-bg .present-persuasive .orange-bg-gradient ol li:last-child {
	margin-bottom: 0;
}
.chapter10-bg .online-program .width-30 {
    padding-right: 40px;
}
.chapter10-bg .online-program .width-70 {
	max-width: 65.3%;
	margin: 0 0 0 auto;
}
.slider-div.one-item-slider .item {
    padding: 20px 20px;
}
.chapter10-bg .online-program .width-70 .slider-div.one-item-slider {
    margin: 0px -20px;
}
.chapter10-bg .online-program .white-bg-box {
	position: relative;
	min-height: 572px;
}
.chapter10-bg .white-bg-box .slider-title {
	position: absolute;
	top: -20px;
	left: -20px;
}
.chapter10-bg .white-bg-box .slider-title .chapter-number {
	display: block;
	width: 45px;
	max-width: 45px;
}
.chapter10-bg .white-bg-box .slider-title .chapter-number .number {
	font-size: 24px;
}
.chapter10-bg .online-program .white-bg-box .slider-detial .green-mid-15 {
	font-family: "Gotham-Bold";
	font-weight: 700;
}
.chapter10-bg .online-program .white-bg-box .slider-detial .width-50 p:last-child {
	margin-bottom: 0;
} 
.chapter10-bg .online-program .white-bg-box .slider-detial h6 {
    font-style: italic;
    font-family: 'Gotham-Bold';
    margin-bottom: 15px;
    color: #f58026;
}
.chapter10-bg .online-program .white-bg-box .slider-detial .builb-div-img {
	max-width: 50px;
	margin-right: 10px;
}
.chapter10-bg .bg-orange.orange-bg-gradient {
    padding: 142px 0;
	background-image: none;
	background: none;
}
.chapter10-bg .bg-orange-overlay .white-bg-box {
    margin-top: -215px;
}
.chapter10-bg .only-text-50.community-div {
	margin-top: 85px;
	margin-bottom: 40px;
}
.chapter10-bg .only-text-50.community-div h5 {
	text-transform: uppercase;
}
.chapter10-bg .only-text-50.community-div .width-50:first-child {
    padding-right: 30px;
}
.chapter10-bg .only-text-50.community-div .width-50:last-child {
    padding-left: 30px;
}
.chapter10-bg .existing .width-50:first-child {
	padding-right: 20px;
}
.chapter10-bg .existing .width-50:last-child {
	padding-left: 20px;
    padding-top: 30px;
}
.chapter10-bg .existing .width-50 h6 {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    font-style: italic;
    color: #f58026;
    margin-bottom: 15px;
}
.chapter10-bg .existing .builb-div .builb-div-img {
    width: 100%;
    max-width: 38px;
}
.chapter10-bg .existing .builb-div .text-div p {
    width: 95%;
    margin: 0 0 0 auto;
}
.chapter10-bg .ways-slider .item {
	padding: 20px;
}
.chapter10-bg .ways-slider .white-bg-box {
	position: relative;
	min-height: 850px;
}
.chapter10-bg .ways-slider .white-bg-box .slider-detial h6 {
    font-family: 'Gotham-Medium';
    font-weight: 500;
    margin-bottom: 15px;
    color: #f58026;
    font-style: italic;
}
.chapter10-bg .ways-slider .white-bg-box .slider-detial ol li {
	counter-increment: my-awesome-counter;
    position: relative;
    font-family: 'Gotham-Light';
    font-weight: 300;
    color: #6F727D;
    margin-bottom: 15px;
}
.chapter10-bg .ways-slider .white-bg-box .slider-detial ol li::before {
    content: counter(my-awesome-counter);
    padding-right: 20px;
    color: #6F727D;
    font-family: 'Gotham-Bold';
    font-weight: 700;
}
.chapter10-bg .ways-slider .white-bg-box .slider-detial ol li:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 2px;
    width: 1px;
    height: 14px;
    background-color: #6F727D;
}
.chapter10-bg .online-program .white-bg-box .slider-detial p span {
    font-family: 'Gotham-Medium';
    font-weight: 500;
}
.chapter10-bg .bg-orange-overlay .white-bg-box p a {
    display: inline;
}
/* Chapter:10 css End
----------------------------*/


/* Footer css start
----------------------------*/
.footer-main .upper-footer .container{
    padding: 100px 25px;
}
.footer-main .wrap-div {
	padding: 0 83px;
}
.footer-main .orange-bg .wrap-div {
	padding: 0 150px;
}
.footer-main .inner-upper-footer {
	margin-bottom: 64px;
}
.footer-main .inner-upper-footer h6, .footer-main .inner-upper-footer p {
    text-align: center;
}
.footer-main .inner-upper-footer p {
    width: 100%;
    max-width: 64%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.footer-main .inner-upper-footer p:nth-child(3) {
    text-transform: uppercase;
}
.footer-main .footer-three-div.display-flex {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.footer-main .footer-three-div .three-img {
	margin-right: 15px;
	width: 100%;
	max-width: 49px;
	height: 51px;
}
.footer-main .orange-bg-gradient {
	padding: 79px 0 200px 0;
}
.footer-main .orange-bg-gradient p {
	font-family: "Gotham-Book";
	font-weight: 350;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
    width: 100%;
    max-width: 90%;
}
.footer-main .orange-bg-gradient p strong {
	color: #fff;
}
.footer-main .orange-bg-gradient .footer-logo img {
    width: 100%;
    max-width: 205px;
    margin-bottom: 15px;
}
.footer-main .orange-bg-gradient .cta-div .lets-connect-cta {
	display: block;
    width: 100%;
    max-width: 205px;
    background-color: #fff;
    text-align: center;
    font-family: 'Gotham-Bold';
    font-weight: 700;
    color: #ee7623;
    border: 1px solid #ee7623;
    padding: 6px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    text-transform: uppercase;
}
.footer-main .orange-bg-gradient .cta-div .lets-connect-cta:hover {
	background-color: #ee7623;
	border-color: #fff;
	color: #fff;
	opacity: 1;
}

/* Footer CSS End
----------------------------*/

/*--------end wrapper CSS------------*/


/* Media Query CSS Start
----------------------------*/
@media(max-width: 1700px) {
	.chapter-nav-bar {
		left: 0;
		top: 0;
	}
	.chapter-nav-bar nav > ul {
	    padding: 10px 10px;
	}
	.chapter-nav-bar nav ul li .chapter-call {
		border-radius: 5px;
	    background-color: rgba(0,0,0,0.9);	
	}
	.chapter-nav-bar nav ul li .chapter-call .chapter-title {
		padding: 10px;
		margin-bottom: 0;
	}
	.chapter-nav-bar nav ul li .chapter-call span.chapter-title {
		padding: 0;
	}
	.chapter-nav-bar nav ul li .chapter-call .sub-menu {
		padding: 0px 10px 10px 20px;
	}

	.chapter-nav-bar .open-close-nav {
	    display: block;
	}
	.chapter-nav-bar nav {
	    width: 120px;
	    background-color: rgba(0,0,0,0.9);
	    border-radius: 0 10px 10px 0;
	    padding-left: 40px; 
	    -webkit-transition: all 1s ease-in-out; 
	    -o-transition: all 1s ease-in-out; 
	    transition: all 1s ease-in-out;
	    left: -270px;
	    position: absolute;
	    top: 20px;
	}	
	.chapter-nav-bar .chapter-name-tag {
		display: none;
	}
	.chapter-nav-bar nav.show-side-bar{
	   	left: 0;
	}
	.chapter-nav-bar nav.show-side-bar > ul {
		display: block;
		-webkit-transition: all 5s ease-in;
		-o-transition: all 5s ease-in;
		transition: all 5s ease-in;
	}
	body .chapter-nav-bar .open-close-nav .img-rotate {
		-webkit-transform: rotate(0deg) !important;
		    -ms-transform: rotate(0deg) !important;
		        transform: rotate(0deg) !important;
	}
}
@media(max-width: 767px) {
	.select-btn {
		display: block;
	    color: #46525e;
	    padding: 10px 20px;
	    width: 100%;
	    -moz-appearance: none;
	    -webkit-appearance: none;
	    background: #f2f2f2 url(../png/select-arrow.png) !important;
	    background-position: 97% center !important;
	    background-repeat: no-repeat !important;
	    background-size: 16px auto !important;
	}
	.chapter-nav-bar {
	    width: 80%;
	    background-color: #fff;
	    top: 10px;
	    left: 50% !important;
	    -webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	            transform: translateX(-50%);
	}
	.chapter-nav-bar nav {
	    padding: 10px;
	    height: 90vh;
	    overflow-y: scroll; 
	}
	.chapter-nav-bar .chapter-name-tag {
		display: none;
	}
	.chapter-nav-bar nav ul {
		width: 100%;
	}
	.chapter-nav-bar nav ul li {
		width: 100%;
		margin-bottom: 0;
	}
	.chapter-nav-bar nav ul li .nav-number {
		display: none;
	}
	.chapter-nav-bar nav ul li .chapter-call {
	    position: static;
	    top: 0;
	    left: 0;
	    width: 100%;
	}
	.chapter-nav-bar nav ul li .chapter-call .chapter-title, .chapter-nav-bar nav ul li .chapter-call .sub-menu {
		display: block !important;
	}
	.chapter-nav-bar nav ul li .chapter-call span.chapter-title {
	    border-bottom: 1px solid #f58026;
	    border-top: 1px solid #f58026;
	    padding: 5px;
	}
	.chapter-nav-bar nav > ul, .chapter-nav-bar nav ul li .chapter-call {
		padding: 0 !important;
		-webkit-box-shadow: 0 0 0 !important;
		        box-shadow: 0 0 0 !important;
		border-radius: 0 !important;
	}
	.chapter-nav-bar nav {
		display: none;
	}
	body.scroll-overflow {
		overflow: hidden;
	}
	.chapter-nav-bar .open-close-nav {
		display: none;
	}
	.chapter-nav-bar nav {
		width: 100%;
		background-color: #fff;
		border: 0;
		position: static;
	}
	.chapter-nav-bar nav > ul {
	    display: block;
	}
	.chapter-nav-bar nav ul li .chapter-call {
		background-color: #fff;
	}
}
@media(min-width: 1200px) {

	.table-parent-div {
	    overflow-x: auto;
	}
	.table-parent-div  table {
	    width: 800px;
	}

	.chapter6-bg .experts .gray-table thead tr td:nth-child(1) {
		width: 120px;
	}
	.chapter6-bg .experts .gray-table thead tr td:nth-child(2), .chapter6-bg .experts .gray-table thead tr td:nth-child(3), .chapter6-bg .experts .gray-table thead tr td:nth-child(4) {
		width: 138px;
	}
	.chapter6-bg .experts .gray-table thead tr td:nth-child(5) {
		width: 134px;
	}
	
	.chapter6-bg .text-table-div.tip-tuesday .width-60 .gray-table tr td:nth-child(1) {
		width: 170px;
	}
	.chapter6-bg .text-table-div.tip-tuesday .width-60 .gray-table tr td:nth-child(2) {
		width: 127px;
	}
	.chapter6-bg .text-table-div.tip-tuesday .width-60 .gray-table tr td:nth-child(3) {
		width: 118px;
	}
	.chapter6-bg .text-table-div.tip-tuesday .width-60 .gray-table tr td:nth-child(4) {
		width: 120px;
	}
	.chapter6-bg .text-table-div.tip-tuesday .width-60 .gray-table tr td:nth-child(5) {
		width: 125px;
	}
	
	.chapter6-bg .seed .gray-table thead tr td:nth-child(1) {
		width: 225px;
	}
	.chapter6-bg .seed .gray-table thead tr td:nth-child(2) {
		width: 130px;
	}
	.chapter6-bg .seed .gray-table thead tr td:nth-child(3) {
		width: 145px;
	}
	.chapter6-bg .seed .gray-table thead tr td:nth-child(4) {
		width: 160px;
	}

	.chapter7-bg .three-strike .table-parent-div table {
	    width: 940px;
	}

	.chapter6-bg .text-table-div.engaging-different-types .width-60 .gray-table tr td:nth-child(1) {
		width: 120px;
	}

	.chapter6-bg .text-table-div.engaging-different-types .width-60 .gray-table tr td:nth-child(2) {
		width: 129px;
	}

	.chapter6-bg .text-table-div.engaging-different-types .width-60 .gray-table tr td:nth-child(3) {
		width: 160px;
	}
	 
	.chapter6-bg .text-table-div.engaging-different-types .width-60 .gray-table tr td:nth-child(4) {
		width: 290px;
	}

	.round-video-div .video-preview {
		height: 390px;
	}
}
@media(max-width: 1440px) {
	.wrap-div, .footer-main .wrap-div {
		padding: 0 30px;
	}

	.header-main .logo-div {
	    max-width: 150px;
	}

	.banner-bg {
	    padding: 120px 0 50px 0;
	}
	.orange-medium-text, .chapter1-bg .img-text-50-div .round-text-div h5 {
		font-size: 20px;
		line-height: 30px
	}
	.orange-small-text, .chapter1-bg .white-bg-box .orange-small-text {
		font-size: 20px;
		line-height: 26px;
	}

	.banner-bg .banner-text .text-2021 {
		font-size: 21px;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	.banner-bg .banner-text h1 {
		font-size: 40px;
		line-height: 1.2;
	}
	.banner-bg .banner-text .banner-detail {
		font-size: 18px;
		line-height: 1.2;
	}
	.banner-bg .white-box-text .black-color {
		line-height: 24px;
	}

	/*Chapter6 CSS*/
	.chapter6-bg .text-only.technology .width-50 .round-img-div .back-img-div {
		max-width: 425px;
		height: 425px;
		margin: 0 auto;
	}

	/*Chapter-8 CSS*/
	.chapter8-bg .text-only-div.gold-mine {
	    margin: 50px 0;
	}
}
@media(max-width: 1366px) {
	.wrap-div, .footer-main .wrap-div {
		padding: 0;
	}

	.slider-div {
		padding: 0 20px;
		margin-bottom: 50px;
	}
	button.slick-arrow {
		-webkit-transform: translate(-30px,-50%);
	    -ms-transform: translate(-30px,-50%);
	    transform: translate(-30px,-50%);
	}
	button.slick-next.slick-arrow {
		-webkit-transform: translate(30px,-50%) rotate(180deg);
	    -ms-transform: translate(30px,-50%) rotate(180deg);
	    transform: translate(30px,-50%) rotate(180deg);
	}

	/*Chapter-2 CSS*/
	.chapter2-bg .chapter-img .image-outer-circle .thumb {
	    height: 410px;
	}
	.two-col-sec .content-col h4.crimson-36-text {
		max-width: 100%;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg .btn-primary-mt .contect-img-div {
		margin-top: 50px;
	}
	.chapter4-bg #management .round-img-div .back-img-div {
	    max-width: 400px;
	    height: 400px;
	    margin: 0 auto;
	}

	/*Chapter-6 CSS*/
	.chapter6-bg .support .support-div {
	    padding-left: 300px;
	    margin-top: -80px;
	}

	/*Chapter-7 CSS*/
	.chapter7-bg .community-moderation-meta {
		margin-right: -20px;
	    margin-left: 20px;
	}
}
@media(max-width: 1200px) {
	.chapter-content .main-title span {
	    font-size: 16px;
		line-height: 1.2;
	}
	.chapter-content .main-title h2 {
		font-size: 39px;
		line-height: 1.2;
	}
	.chapter1-bg .chapter-content .main-title .green-gradient {
		font-size: 18px;
		line-height: 1.2;
	}
	.chapter-img {
		margin-left: 0;	
	}
	.image-outer-circle, .chapter7-bg .image-outer-circle {
	    max-width: 350px;
	    height: 350px;
	}
	.chapter-img .image-outer-circle .thumb {
	    max-width: 440px;
	    height: 455px;
	}
	.round-img-div .back-img-div {
	    max-width: 378px;
	    height: 378px;
	}

	.banner-bg .right-side .banner-img-div {
		margin: 0 0 -85px 0;
	    margin-left: -58px;
	    padding-right: 55px;
	}

	.round-video-div .video-preview {
		padding-bottom: 100%;
	}

	/*Chapter-2 CSS*/
	.content-wrap {
		padding-right: 30px;
		padding-top: 0; 
	}
	.overlay-content {
		margin: -170px 0 0 14px;
	}
	.chapter2-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb {
		height: 100%;
	}

	.content-col h5.green-mid-15 img {
		left: -23px;
		width: 17px;
	}
	.pen-design-div .pen-design {
	    top: 30px;
	    left: -10px;
	    max-width: 60px;
	}

	/*Chapter-3 CSS*/
	.chapter3-bg .chapter-title-sec .chapter-content {
		padding-right: 100px;
	} 
	.chapter3-bg .chapter-img .image-outer-circle .thumb {
		height: 330px;
	}
	.chapter3-bg #build-your-case .width-40 .back-img-div {
		max-width: 330px;
		height: 330px;
		margin: 0 auto;
		padding-bottom: 0;
	}
	.chapter3-bg #plan-approach.img-text-50-div .chapter-img .image-outer-circle .thumb {
		height: 427px;
	}
	.chapter3-bg .img-text-50-div.section-2 .chapter-img .image-outer-circle {
	    max-width: 427px;
	    height: 427px;
	}
	.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb .thumb-pattern {
		max-width: 130px;
	}
	.top-box {
		top: 30px;
		left: 15px;
	}
	.bottom-box {
		bottom: 30px;
		left: 15px;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg .successfully-migrate .chap-4-img {
		padding-bottom: 64%;
	}
	.chapter4-bg .successfully-migrate .chap-4-text {
	    padding: 30px;
	}
	/*Chapter-5 CSS*/
	.chapter5-bg .tip-div .width-30 {
		padding-right: 116px;
	}
	.chapter5-bg .tip-div .orange-arrow {
	    width: 98%;
	}
	.chapter5-bg .tip-div .orange-arrow:after {
	    right: 40px;
	}
	.chapter5-bg .tip-div .orange-arrow:hover:after {
		right: 30px;
	}


	/*Chapter-6 CSS*/
	.chapter6-bg .chapter-title-sec .chapter-content {
		padding-right: 60px;
	}
	.chapter6-bg .chapter-img .image-outer-circle .thumb {
	    height: 410px;
	    top: -61px;
	}
	.chapter6-bg .chapter-img .white-l-shap .thumb-pattern {
		max-width: 190px;
	}
	.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient {
		max-width: 364px;
		height: 364px;
	}
	.chapter6-bg .img-text-50 .round-img-div .back-img-div {
	    max-width: 364px;
	    height: 364px;
	}
	.chapter6-bg .text-only.strategy, .chapter6-bg .text-only.return, .chapter6-bg .text-only.quiz, .chapter6-bg .alignment, .chapter6-bg .tactics, .chapter6-bg .engaging-different-types, .chapter6-bg .automation, 
	.chapter6-bg .examples-8, .chapter6-bg .gamification, .chapter6-bg .poll-profile, .chapter6-bg .measure-engagement, .chapter6-bg .setting-expectations, .chapter6-bg .bonus-tactic, .chapter6-bg .community-super-users, 
	.chapter6-bg .finding-right-community, .chapter6-bg .determine-tasks, .chapter6-bg .recognize-maintain, .chapter6-bg .rewarding-community {
		margin: 50px 0;
	}
	.chapter6-bg .encourage-behaviors {
		margin-top: 50px;
	}
	.chapter6-bg .text-only.people .crop-img {
	    padding: 0 50px;
	}
	.chapter6-bg .text-only.people .sea-green-box .sea-gren-content {
	    padding: 20px;
	}
	.chapter6-bg .experts .white-bg-box:last-child {
		margin-bottom: 0;
	}
	.chapter6-bg .ideas-div .width-40 p:last-child {
		margin-bottom: 0;
	}
	.chapter6-bg .spotlight .orange-circle-div {
	    
	}
	.chapter6-bg .spotlight .width-60 .orange-circle-div .white-bar {
		margin-left: -47px;
	    padding: 15px 0 15px 45px;
	}
	.chapter6-bg .automation .white-bg-box {
		margin: -170px 0 0 20px;
	}
	.chapter6-bg .text-only.technology .width-50 .round-img-div .back-img-div {
	    max-width: 364px;
	    height: 364px;
	    margin: 0 auto;
	}
	.chapter6-bg .gamify-3 .chapter-img .image-outer-circle {
	    max-width: 364px;
	    height: 364px;
	    margin: 0 auto;
	}
	.chapter6-bg .gamify-3 .chapter-img .orange-l-shape .thumb-pattern {
	    top: 20px;
	    left: 120px;
	    max-width: 160px;
	}
	.chapter6-bg .orange-circle-parent .orange-circle, .chapter6-bg .managing-successful .orange-circle {
	    width: 350px;
	    height: 350px;
	}
	.chapter6-bg .finding-right-community.orange-circle-parent .orange-circle {
	    bottom: -110px;
	    right: 50px;
	}
	.chapter6-bg .determine-tasks .orange-circle {
	    top: 90px;
	    left: -40px;
	}
	.chapter6-bg .managing-successful h5 {
	    width: 100%;
	}
	.chapter6-bg .managing-successful .orange-circle {
	    bottom: -240px;
	    right: -40px;
	}
	.chapter6-bg .ways-4 .ways-slider {
	     margin: 0; 
	}
	.chapter6-bg .recognize-maintain .white-bg-box {
		height: auto;
	}
	.chapter6-bg .rewarding-community {
		margin-bottom: 0;
	}

	/*Chapter-7 CSS*/
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-arrow {
	    left: 25px;
	}
	.chapter7-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 350px;
	    height: 383px;
	}
	.chapter7-bg .round-img-div .back-img-div {
	    max-width: 370px;
	    height: 370px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-next.slick-arrow {
	    left: inherit;
	    right: 25px;
	}
	.chapter7-bg .community-moderation-slider .item {
	    padding: 30px;
	}
	button.slick-arrow {
	    left: 20px;
	    height: 30px;
	    width: 20px;
	}
	button.slick-next.slick-arrow {
	    right: 20px;
	}
	.chapter7-bg .community-moderation-meta {
	    margin-right: 0px;
	    margin-left: 0px;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-tip {
	    width: 390px;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-rte {
	    width: 540px;
	}
	.chapter7-bg .community-essential-content {
		width: 100%;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider {
		margin: 40px 0 0 0;
	}
	.chapter7-bg .dealing-violations .item {
	    padding: 10px 20px;
	}

	/*Chapter-8 CSS*/
	.chapter8-bg .two-data .width-50:first-child {
		padding-top: 30px;
	}
	.chapter8-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 350px;
	    height: 400px;
	    top: -50px;
	}
	.chapter8-bg .chapter-content {
	    padding-right: 100px;
	}
	.chapter8-bg .text-only-div h5 {
	    width: 100%;
	    max-width: 100%;
	}
	/*.chapter8-bg .main-content {
	    margin-top: -100px;
	}*/
	.chapter8-bg .slider-div {
	    margin-top: -130px;
	    z-index: 10;
	}
	.chapter8-bg .slider-div button.slick-arrow {
	    left: 25px;
	}
	.chapter8-bg .slider-div button.slick-next.slick-arrow {
		right: 25px;
		left: inherit;
	}

	.orange-circle-div {
		margin: 50px 0;
	}
	.orange-circle-div .orange-circle {
	    width: 120px;
	    height: 120px;
	    line-height: 1.2;
	}
	.orange-circle-div .white-bar {
	    width: 235px;
	    line-height: 1.2;
	}

	/*Chapter-9 CSS*/
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle {
	    max-width: 350px;
	    height: 350px;
	    margin: 0 0 0 auto;
	}
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb .thumb-pattern {
	    width: 150px;
	    top: -5px;
	    right: 60px;
	    left: auto;
	}
	.chapter9-bg .img-text-div .round-img-div .back-img-div {
	    max-width: 420px;
	    height: 420px;
	}
	.chapter9-bg .product-service-wrapper .round-img-div .back-img-div {
	    max-width: 450px;
	    height: 450px;
	}
	.chapter9-bg .showcase-metrics .white-bg-box {
	    min-height: 655px;
	}
	.chapter9-bg .ways-slider {
		margin: 0 -10px;
	}
	.chapter9-bg .ways-slider .white-bg-box.single-slider-detail {
		min-height: 337px;
	}
	.chapter9-bg .sponser-wrapper .round-img-div .back-img-div {
	    padding-bottom: 0;
	}

	/*Chapter-10 CSS*/
	/*button.slick-arrow {
		left: 15px;
		height: 30px;
		width: 20px;
	}
	button.slick-next.slick-arrow {
		right: 15px;
	}*/
}
@media(max-width: 1024px) {
	.tips-section h5 {
		font-size: 16px;
	}

	.round-img-div .back-img-div {
	    max-width: 364px;
	    height: 364px;
	}
	.chapter1-bg .two-item-slider .white-bg-box .video-popup p {
		max-width: 90%;
	}

	/*Chapter-2 CSS*/
	.chapter2-bg .chapter-img .image-outer-circle .thumb {
	    height: 320px;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle {
		max-width: 390px;
		height: 390px;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle .thumb {
		height: 390px;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg .successfully-migrate .chap-4-img {
	    padding-bottom: 72.2%;
	}

	/*Chapter-5 CSS*/
	.green-l-shape .thumb-pattern {
		width: 140px;
	    top: -10px;
	    left: 125px;
	}
	.chapter5-bg .round-img-div .back-img-div {
		max-width: 400px;
		height: 400px;
	}
	.chapter5-bg .tip-div .width-30, .chapter5-bg .encourage-community .width-30 {
		padding-right: 100px;
	}
	.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
		width: 115px;
	    top: 85px;
	    left: 110px;
	}
	.chapter5-bg .get-ans .width-50:last-child {
	    padding-left: 0px;
	}

	/*Chapter-6 CSS*/
	.chapter6-bg .three-circle-div .circle-size img {
	    width: 50px;
	}
	.chapter6-bg .ways-4 h5.crimson-36-text {
	    width: 40%;
	}
	.chapter6-bg .determine-tasks .orange-circle {
	    top: 150px;
	    left: -10px;
	}
	.chapter6-bg .managing-successful .orange-circle {
	    bottom: -240px;
	    right: 0px;
	}
	/*Chapter-8*/
	.chapter8-bg .main-content {
		margin-top: -150px;
	}

	/*Chapter-10*/
	.online-program button.slick-arrow {
		left: 20px;
	}
	.online-program button.slick-next.slick-arrow {
		left: inherit;
		right: 20px;
	}
}
@media(max-width: 991px) {
	/*Common CSS*/
	.orange-medium-text, .chapter1-bg .img-text-50-div .round-text-div h5 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 15px;
		width: 100%;
	}
	.orange-small-text, .chapter1-bg .white-bg-box .orange-small-text {
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.crimson-36-text {
	    font-size: 24px;
	    line-height: 1.2;
	    margin-bottom: 20px;
	}
	.chapter1-bg .white-bg-box {
		padding: 50px;
	}
	.chapter-title-sec {
		margin-bottom: 70px;
	}
	.chapter-content .main-title h2 {
	    font-size: 28px;
	}
	.image-outer-circle {
	    max-width: 280px;
	    height: 280px;
	}
	.chapter-img .image-outer-circle .thumb {
	    max-width: 300px;
	    height: 383px;
	}
	.round-video-div {
	    margin-bottom: 70px;
	}
	.round-img-div .back-img-div {
	    max-width: 100%;
	    height: auto;
	    padding-bottom: 100%;
	}
	.round-video-div .video-preview {
	    padding-bottom: 0;
		max-width: 350px;
		height: 350px;
	}
	.video-popup .video-preview {
	    margin: 0 auto;
	}
	.video-popup p {
	    max-width: 55%;
	    margin: 0 auto;
	    margin-top: 10px;
	}
	.table-text-div .width-60 {
	    padding-left: 0px;
	}
	.btn-primary span {
		font-size: 25px;
		padding: 10px;
	}
	.frog-img-div {
        top: -40px;
	    width: 100px;
	}

	/*Header CSS*/
	header {
		padding: 50px 0;
	}

	/*Form-Div CSS*/
	.form-bg h2 {
		font-size: 35px;
	}

	/*Banner CSS*/
	.banner-bg .banner-text .text-2021 {
	    font-size: 18px;
	}
	.banner-bg .banner-text h1 {
	    font-size: 30px;
	}
	.banner-bg .banner-text .banner-detail {
	    font-size: 16px;
	}
	.banner-bg .right-side .banner-img-div {
		margin: 0 0 -55px 0;
	}
	.banner-bg .white-box-text {
		padding: 30px;
	}
	.banner-bg .white-box-text .black-color {
		margin-bottom: 15px;
	}

	/* Go-to-chapter CSS*/
	.go-to-chapter-bg {
		padding: 100px 0 170px 0;
	}

	/*Chapter-1 CSS*/
	.chapter1-bg {
	    padding: 100px 0;
	}
	.chapter1-bg .chapter-content .main-title .green-gradient {
	    font-size: 16px;
	    margin: 0;
	}
	.chapter1-bg .two-item-slider .white-bg-box {
		min-height: 0;
	}
	.aside-content-wrap {
		padding-left: 50px;
		padding-top: 20px; 
	}
	.chapter1-bg .table-text-div {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter1-bg .white-bg-box .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter1-bg .chapter-content .main-title .green-gradient {
		width: 110%;
	}
	.chapter1-bg #benefits-onlinecommunity .round-text-div.width-60 .crimson-36-text {
		width: 100%;
	}
	.chapter1-bg .quote-div-bg .wrap-1110 {
	    padding: 0px 50px;
	}
	.chapter1-bg .quote-div-bg .wrap-1110:before,.chapter1-bg .quote-div-bg .wrap-1110:after {
	    height: 52px;
	    width: 78px;
	}
	.chapter1-bg .quote-div-bg .wrap-1110:after {
	    right: 0px;
	}
	.chapter1-bg .table-text-div .width-40, .chapter1-bg .table-text-div .width-60, .chapter1-bg .white-bg-box .width-60, .chapter1-bg .white-bg-box .width-40 {
		max-width: 100%;
		padding: 0;
	}
	.chapter1-bg .white-bg-box .width-60 {
		padding-right: 0; 
	}
	.chapter1-bg  .width-parent {
	    margin: 0;
	}
	.chapter1-bg .white-bg-box.type-community-table tr td:nth-child(1), .chapter1-bg .white-bg-box.type-community-table tr td:nth-child(3) {
	    max-width: 25%;
	}
	.chapter1-bg .white-bg-box.type-community-table tr td:nth-child(2) {
		max-width: 50%;
	}

	/*Chapter-2*/
	.table-img-div {
	    max-width: 70%;
	    margin: 0 auto;
	}
	.two-col-sec .green-orange-box .sea-green-box {
	    margin-bottom: 250px;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle .thumb {
	    height: 320px;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle {
	    max-width: 320px;
	    height: 320px;
	}
	.white-l-shap .thumb-pattern {
	    top: 60px;
	    max-width: 125px;
	}

	/*Chapter-3 CSS*/
	.chapter3-bg #plan-approach.img-text-50-div .chapter-img .image-outer-circle .thumb {
		height: 312px;
	}
	.chapter3-bg .img-text-50-div.section-2 .chapter-img .image-outer-circle {
	    max-width: 312px;
	    height: 312px;
	}
	.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb .thumb-pattern {
	    max-width: 110px;
	    top: 38px;
	    left: 67px;
	}

	/*Chapter-4*/
	.chapter4-bg .successfully-migrate .chap-4-img {
	    padding-bottom: 116.2%;
	}
	.chapter4-bg #management .round-img-div .back-img-div {
	    max-width: 350px;
	    height: 350px;
	}
	.chapter4-bg #management .round-img-div {
	    margin-top: -30px;
	}
	.chapter4-bg #management .white-bg-box.bottom-div {
	    margin-top: -40px;
	}

	/*Chapter-5 CSS*/
	.green-l-shape .thumb-pattern {
	    width: 120px;
	    top: -10px;
	    left: 85px;
	}
	.chapter5-bg .round-img-div .back-img-div {
	    max-width: 280px;
	    height: 280px;
	    padding: 0;
	}
	.chapter5-bg .work-div .ul-li-div ul {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
	.chapter5-bg #tell-team .round-img-div .chapter-img .image-outer-circle {
	    max-width: 280px;
	    height: 280px;
	}
	.chapter5-bg #tell-team .round-img-div .chapter-img .white-l-shap .thumb-pattern {
	    top: 45px;
	    left: 40px;
	    max-width: 100px;
	}
	.chapter5-bg .tip-div .orange-arrow {
	    width: 100%;
	}
	.chapter5-bg .tip-div .orange-arrow:after {
	    right: 10px;
	}
	.chapter5-bg .tip-div .orange-arrow:hover:after {
	    right: 0px;
	}
	.chapter5-bg #tell-team .sea-green-box {
		position: static;
		margin-top: 10px;
	}
	.chapter5-bg .tip-div .width-30, .chapter5-bg .encourage-community .width-30 {
	    padding-right: 50px;
	}
	.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
	    width: 90px;
	    top: 60px;
	    left: 80px;
	}

	/*Chapter-6 CSS */
	.chapter6-bg .chapter-img .image-outer-circle .thumb {
	    height: 340px;
	    top: -61px;
	}
	.chapter6-bg .three-circle-div .circle-div {
		max-width: 280px;
	}
	.chapter6-bg .three-circle-div .circle-size {
		width: 150px;
		height: 150px;
	}
	.chapter6-bg .three-circle-div .green-circle, .chapter6-bg .three-circle-div .gray-circle {
		top: 105px;
	}
	.chapter6-bg .chapter-img .white-l-shap .thumb-pattern {
	    max-width: 130px;
		left: 60px;
		top: 5px;
	}
	.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient {
		max-width: 275px;
	    height: 275px;
	}
	.chapter6-bg .img-text-50 .round-img-div .back-img-div {
	    max-width: 275px;
	    height: 275px;
	}
	.chapter6-bg .text-only.people .crop-img {
	    padding: 0 30px;
	}
	.chapter6-bg .text-only.technology .width-50 .round-img-div .back-img-div {
	    max-width: 329px;
	    height: 329px;
	    padding-bottom: 0; 
	}
	.chapter6-bg .img-text-50 .round-img-div .back-img-div {
	    max-width: 275px;
	    height: 275px;
	    padding-bottom: 0;
	}
	.chapter6-bg .support .support-div {
		padding-left: 100px;
	    margin-top: 0px;
	}
	.chapter6-bg .gray-table tbody tr td {
	    vertical-align: baseline;
	}
	.chapter6-bg .text-only > h5 {
	    width: 100%;
	}
	.chapter6-bg .experts .text-div .btn-arrow a:after {
		right: auto;
		left: 100px;
	}
	.chapter6-bg .experts .text-div .btn-arrow a:hover:after {
		right: auto;
		left: 115px;
	} 
	.chapter6-bg .spotlight .width-60 .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter6-bg .spotlight .width-60 .d-flex .width-50 {
	    max-width: 100%;
	}
	.chapter6-bg .spotlight .orange-circle-div .d-flex{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.chapter6-bg .writing-effective .sea-green-box.frog-div {
		max-width: 90%;
	}
	.chapter6-bg .spotlight .d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.chapter6-bg .spotlight .width-40, .chapter6-bg .spotlight .width-60 {
	    max-width: 100%;
	}
	.chapter6-bg .spotlight .width-60 {
		padding-left: 10px;
	}
	.chapter6-bg .spotlight .width-60 .d-flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.chapter6-bg .content-calendar .white-bg-box.builb-div .builb-img {
		width: 40px;
	}
	.chapter6-bg .automation .white-bg-box {
	    margin: -100px 0 0 20px;
	}
	.chapter6-bg .examples-8 .two-item-slider .item .white-bg-box {
	    min-height: 0;
	}
	.chapter6-bg .encourage-behaviors .side-img .width-50:last-child img {
	    margin-top: 50px;
	}
	.chapter6-bg .gamify-3 .chapter-img .image-outer-circle {
	    max-width: 330px;
	    height: 330px;
	}
	.chapter6-bg .gamify-3 .chapter-img .orange-l-shape .thumb-pattern {
	    left: 105px;
	    max-width: 150px;
	}
	.chapter6-bg .ways-4 h5.crimson-36-text {
	    width: 100%;
	}
	.chapter6-bg .ways-4 .ways-slider .white-bg-box {
        min-height: 430px;
	}
	.chapter6-bg .finding-right-community.orange-circle-parent .orange-circle {
	    bottom: -200px;
	    right: 0px;
	}

	.orange-arrow:after {
		right: 15px;
	}

	/*Chapter-7 CSS*/
	.chapter7-bg .image-outer-circle {
	    max-width: 280px;
	    height: 280px;
	}
	.chapter7-bg .chapter-content .main-title h3 {
		font-size: 25px;
	}
	.chapter7-bg .img-text-50-div {
	    margin-bottom: 50px;
	}
	.chapter7-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 280px;
	    height: 314px;
	}
	.chapter7-bg .round-img-div .back-img-div {
	    max-width: 280px;
	    height: 280px;
	    padding-bottom: 0;
	}
	.chapter7-bg .community-essential-content blockquote {
	    margin: 0 -40px 20px -70px;
	}
	.chapter7-bg .community-wrap .crimson-36-text {
		margin-bottom: 50px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider .sea-green-box {
		width: 100%;
		margin-left: 0;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-tip {
	    width: 45%;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-rte {
	    width: 50%;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider {
		margin: 40px 0 0 0;
	}
	.chapter7-bg .dealing-violations .item {
	    padding: 10px 20px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-arrow {
	    left: 15px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-next.slick-arrow {
	    left: inherit;
	    right: 15px;
	}

	/*Chapter-8 CSS*/
	.chapter8-bg .chapter-img .image-outer-circle .thumb {
		max-width: 280px;
	    height: 310px;
	    top: -30px;
	}
	.chapter8-bg .two-data .round-img-div .back-img-div {
	    max-width: 320px;
	    height: 320px;
	    padding-bottom: 0;
	    margin: 0 auto;
	}
	.chapter8-bg .main-content {
	    margin-top: -20px;
	}
	.chapter8-bg .two-col-sec.two-col-quote {
		margin: 30px 0;
	}
	.chapter8-bg .slider-div .two-item-slider .item.width-50 .white-bg-box {
		min-height: 0;
	}
	.chapter8-bg .white-bg-box.quote-message {
		padding: 20px 20px 20px 90px;
	}
	.chapter8-bg .slider-div {
		margin-top: 0;
	}
	.chapter8-bg .two-data {
	    margin: 50px 0;
	}

	/*Chapter-9 CSS*/
	.chapter9-bg .showcase-metrics {
	    margin-bottom: 50px;
	}
	.chapter9-bg .chapter-title-sec .btn-primary span {
	    width: 350px;
	}
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle {
	    max-width: 320px;
	    height: 320px;
	}
	.chapter9-bg .img-text-div .round-img-div .back-img-div {
	    max-width: 309px;
	    height: 309px;
	}
	.chapter9-bg .product-service-wrapper .round-img-div .back-img-div {
	    max-width: 320px;
	    height: 320px;
	    padding-bottom: 0;
	}
	.chapter9-bg .sponser-wrapper .round-img-div .back-img-div {
	    max-width: 320px;
	    height: 320px;
	    margin: 0 0 0 auto;
	}
	.chapter9-bg .round-img-div .orange-box {
	    top: -150px;
	    left: 30px;
	}
	.chapter9-bg .text-50-div .width-50:first-child {
	    padding-right: 30px;
	}
	.chapter9-bg .text-50-div .width-50:last-child {
		padding-left: 30px;
	}
	.chapter9-bg .ways-slider .white-bg-box.single-slider-detail {
	    min-height: 438px;
	}
	.chapter9-bg .caveat, .chapter9-bg .product-service-wrapper, .chapter9-bg .sponser-wrapper {
	    margin: 50px 0;
	}
	.chapter9-bg .partner-sponser-wrapper {
	    margin-top: 50px;
	}

	/*Chapter-10 CSS*/
	.chapter10-bg .orange-bg-gradient {
		background-image: none;
	}

	.chapter10-bg .round-img-div .back-img-div {
		padding-bottom: 0;
	    max-width: 350px;
	    height: 350px;
	}
	.chapter10-bg .chapter-img .image-outer-circle {
	    max-width: 267px;
	    height: 267px;
	}
	.chapter10-bg .chapter-img .image-outer-circle .thumb {
		max-width: 267px;
	    height: 359px;
	}
	.chapter10-bg .present-persuasive, .chapter10-bg .only-text-50.community-div {
		margin: 50px 0px;
	}
	.chapter10-bg .ways-show-community > p {
	    width: 100%;
	}
	.chapter10-bg .present-persuasive h4 {
	    width: 100%;
	}
	.chapter10-bg .ways-slider .white-bg-box {
		min-height: 0;
	}

	/*Footer CSS*/
	.footer-main .orange-bg-gradient {
	    padding: 50px 0 200px 0;
	}
	.footer-main .inner-upper-footer p {
		max-width: 100%;
	}
}
@media(max-width: 767px) {
	/*Common CSS*/
	.orange-20 {
		font-size: 18px;
	}
	.ul-li-div ul li {
		line-height: 18px;
		margin-bottom: 10px;
	}
	.ul-li-div ul li:last-child {
	    margin-bottom: 0;
	}
	.chapter-number {
	    width: 100%;
	    max-width: 40px;
	    margin-right: 20px;
	    position: relative;
	}
	.chapter-number .number {
		font-size: 20px;
	}
	.slider-title {
	    margin-bottom: 15px;
	}
	.display-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.display-33 {
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	    margin: 10px 0;
	}
	.display-25 {
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	    max-width: 100%;
	    margin: 10px 0;
	}
	.white-bg-box, .chapter1-bg .white-bg-box {
		padding: 20px;
	}
	.width-parent {
	    margin: 0;
	}
	.width-30, .width-40, .width-50, .width-60, .width-70 {
		max-width: 100%;
		padding: 0;
	}
	.green-text {
		font-size: 18px;
	}
	.crimson-36-text {
	    font-size: 20px;
	}
	.chapter-title-sec {
		margin-bottom: 30px;
	}
	.chapter-title-sec .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	        -ms-flex-direction: column-reverse;
	            flex-direction: column-reverse;
	}
	.btn-primary-mt .contect-img-div {
	    margin-top: 0px;
	}
	.btn-primary {
		margin-bottom: 40px;
	}
	.btn-primary span {
	    font-size: 22px;
	    width: 250px;
	}
	.image-outer-circle {
		max-width: 320px;
		height: 320px;
		margin: 0 auto;
	}
	.img-text-50-div {
	    margin-bottom: 30px;
	}
	.chapter-img .image-outer-circle .thumb {
	    max-width: 350px;
	    height: 405px;
	    top: -85px;
	}
	.chapter-content .main-title h2 {
	    font-size: 22px;
	}
	.round-img-div .back-img-div {
	    margin: 0 auto;
	    max-width: 320px;
	    height: 320px;
	    padding-bottom: 0;
	}
	.round-video-div {
	    margin-bottom: 40px;
	}
	.round-video-div .video-preview {
	    max-width: 320px;
	    height: 320px;
	    padding-bottom: 0;
	}
	.video-popup .play-click {
		width: 30px;
		height: 30px;
	}
	.slider-div {
	    padding: 0 0px;
	    margin-bottom: 40px
	}
	button.slick-next.slick-arrow {
		-webkit-transform: translate(15px,-50%) rotate(180deg);
	    -ms-transform: translate(15px,-50%) rotate(180deg);
	    transform: translate(15px,-50%) rotate(180deg);
	    right: 5px;
	}
	button.slick-arrow {
	    -webkit-transform: translate(-15px,-50%);
	    -ms-transform: translate(-15px,-50%);
	    transform: translate(-15px,-50%);
	    width: 20px;
	    height: 31px;
	    left: 5px;
	}
	.green-text-20 {
	    font-size: 18px;
	}
	.frog-img-div {
		top: -30px;
	    width: 80px;
	}
	.gotham-mid-15 {
		line-height: 15px;
	}
	.ul-li-div ol li {
		line-height: 15px;
		margin-bottom: 10px;
	}

	/*Header CSS*/
	header .header-main .d-flex {
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
	.header-main .logo-div {
	    max-width: 100px;
	}

	/*Form-Div CSS*/
	.form-bg h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.form-bg form.wpcf7-form {
		padding: 30px;
		max-width: 100%;
	}
	.form-bg form.wpcf7-form [type="submit"] {
		font-size: 18px;
	    max-width: 250px;
	}

	/*Banner CSS*/
	.banner-bg {
	    padding: 100px 0 30px 0;
	}
	.banner-bg .d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.banner-bg .wrap-div .display-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	.banner-bg .banner-text .text-2021 {
	    font-size: 16px;
	}
	.banner-bg .banner-text h1 {
	    font-size: 24px;
	}
	.banner-bg .right-side .banner-img-div {
		margin: 0 0 -55px 0;
	    margin-left: -30px;
	    padding-right: 20px;
	}
	.banner-bg .white-box-text {
	    padding: 20px;
	}
	/*Go-to-chapter CSS*/
	.go-to-chapter-bg {
		padding: 70px 0;
	}
	.go-to-chapter-bg .chapter-links .chapter-index ul {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.go-to-chapter-bg .chapter-title {
	    font-size: 30px;
	    margin-bottom: 40px;
	}
	.go-to-chapter-bg .chapter-links .width-50:not(:last-child) {
	    margin-bottom: 20px;
	}
	.go-to-chapter-bg .chapter-links .chapter-index ul li {
	    width: 100%;
	}
	.go-to-chapter-bg .chapter-links ul li:not(:last-child) {
	    margin-bottom: 30px;
	}
	.go-to-chapter-bg .chapter-links ul li a.d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	}
	.go-to-chapter-bg .chapter-links ul li a {
		font-size: 18px;
	}
	.go-to-chapter-bg .chapter-links ul li a .chapter-name {
		max-width: 100%;
	}

	/*Chapter-1 CSS*/
	.chapter1-bg {
	    padding: 100px 0 50px 0;
	}
	.chapter1-bg .chapter-title-sec .chapter-content {
	    margin-top: 0;
	}
	.chapter1-bg .chapter-content .main-title .green-gradient {
		width: 100%;
		padding: 15px;
	}
	.img-text-50-div .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: reverse;
	        -ms-flex-direction: column-reverse;
	            flex-direction: column-reverse;
	}
	.chapter1-bg .img-text-50-div .round-text-div.width-60 {
		padding: 0;
	}
	.chapter1-bg .orange-bottom-border {
		padding: 0;
	}
	/*.white-bg-box {
		padding: 30px;
	}*/
	.chapter1-bg .white-bg-box .width-60 > p:nth-child(3) {
	    padding-left: 0px;
	}
	.chapter1-bg .white-bg-box .width-60 {
	    padding-right: 0px;
	}
	.table-text-div .width-60 {
	    /*overflow-x: scroll;*/
	    padding: 10px !important;
	}
	.chapter1-bg .white-bg-box.type-community-table {
		overflow-x: auto;
	}
	.chapter1-bg .white-bg-box.type-community-table table {
		width: 647px;
	}
	/*.chapter1-bg .white-bg-box.type-community-table {
	    width: 700px;
	}*/
	/*.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn a .orange-btn {
	    top: 50%;
	    left: 0;
	    -webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    height: 27px;
	    width: 27px;
	}*/
	.chapter1-bg .two-item-slider .item ul li {
		margin-bottom: 10px;
	}
	.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn {
		width: 100%;
	}
	.video-popup.active .content {
		overflow: auto;
	}
	.video-popup.active .content .close-btn {
		top: -35px;
	}
	
	/*Chapter-2 CSS*/
	.chapter2-bg .btn-primary-mt .contect-img-div {
		margin-top: 0;
	}
	.aside-img-wrap, .aside-content-wrap {
		width: 100%;
		max-width: 100%;
	}
	.aside-content-wrap {
		padding: 0; 
	}
	#valuable-community .aside-content-wrap {
	    margin-top: 30px;
	}
	.aside-with-content .orange-green-box {
	    margin-top: -200px;
	}
	.content-image-section {
	    margin-bottom: 20px;
	}
	.content-image-section .content-sec {
		padding-right: 0;
	}
	.content-image-section ol li {
		width: 100%;
	}
	.content-listing-section {
		padding-top: 40px;
	}
	.content-wrap {
		padding-right: 0;
	}
	.content-wrap, .aside-img-overlay {
		width: 100%;
	}
	.content-image-overlay-section {
		padding: 40px 0;	
	}
	.image-overlay-wrap {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.image-overlay {
	    max-width: 50%;
	    height: 380px;
	    border-radius: 10px;
	}
	.overlay-content {
	    margin: -70px 0 0 40px;
	}
	.tips-section .tips-wrap {
	    max-width: 100%;
	    padding-left: 50px;
	    padding-top: 0;
	}
	.tips-section .icon {
	    width: 35px;
	}
	.orangebox-with-frg .thumb-wrap {
		width: 100px;
		top: 0;
	}
	.two-col-sec .content-col h5.orange-text-color {
		font-size: 18px;
	}
	.two-col-sec .content-col, .two-col-sec .green-orange-box {
		max-width: 100%;
		padding-left: 0; 
	}
	.content-col h5.green-mid-15 {
	    padding-left: 25px;
	}
	.content-col h5.green-mid-15 img {
	    left: 0;
	}
	.two-col-sec .green-orange-box .sea-green-box {
	    margin-bottom: 50px;
	}
	.pen-design-div .pen-design {
		top: 10px;
	    left: -10px;
	    max-width: 50px;
	}
	.chapter2-bg .team-building .round-text-div, .chapter2-bg .team-building .round-img-div {
		max-width: 100%;
	}
	.chapter2-bg .team-building .sea-green-box .sea-gren-content.d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter2-bg .vendor-checklist .content-listing-wrap h5 span {
	    display: block;
	    margin-top: 5px;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle {
	    max-width: 270px;
	    height: 270px;
	    margin: 0 auto;
	}
	.chapter2-bg .team-building .round-img-div .chapter-img .image-outer-circle .thumb {
	    height: 270px;
	}
	.two-col-sec .content-col h4.crimson-36-text {
	    margin-top: 15px;
	}
	.table-img-div {
	    margin-bottom: 30px;
	    max-width: 100%;
	}
	.chapter2-bg .vendor-checklist .content-listing-wrap {
		padding: 25px;
	}
	.chapter2-bg hr.orange-bottom-border.green-border {
		margin: 20px 0; 
	}
	.chapter2-bg #organizing-team {
	    margin-top: 30px;
	}

	/*chapter-3 css*/
	.chapter3-bg .chapter-title-sec .chapter-content {
		padding-right: 0;
	}
	.chapter3-bg .img-text-50-div.section-2 .chapter-img {
		max-width: 100%;
	}
	.chapter3-bg .chapter-img .image-outer-circle .thumb {
		height: 100%;
		top: 0;
	}
	.chapter3-bg #build-allies .round-text-div {
		padding-right: 0;
	}
	.chapter3-bg .img-text-50-div.assess-budget .round-text-div h5 {
		font-size: 18px;
	}
	.chapter3-bg .img-text-50-div .round-img-div .back-img-div {
		margin: 0 auto;
	}
	.chapter3-bg .text-gray-box-div.frog-div {
		margin-bottom: 30px;
	}
	.chapter3-bg .img-text-50-div {
	    margin-top: 30px;
	}
	.chapter3-bg .text-gray-box-div .round-text-div {
		padding-right: 0;
	}
	.chapter3-bg .text-gray-box-div .round-text-div, .chapter3-bg .gray-box-div, .chapter3-bg .text-gray-box-div.frog-div .round-text-div, .chapter3-bg .text-gray-box-div.frog-div .gray-box-div, .chapter3-bg .section-4 .round-img-div, .chapter3-bg .section-4 .round-text-div {
		max-width: 100%;
	}
	.chapter3-bg .gray-box-div {
		padding-left: 0px;
	}
	.chapter3-bg .community-goals .image-overlay {
		margin: 0 0 0 auto;
		max-width: 70%;
		height: 900px;
	}
	.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb .thumb-pattern {
		top: 50px;
		left: 80px;
	}
	.community-goals {
		margin-bottom: 30px;
	}
	.community-goals .sea-green-box .sea-gren-content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		max-width: 70%;
	}
	.chapter3-bg .text-gray-box-div {
	    margin-bottom: 30px;
	}
	.chapter3-bg .text-gray-box-div.frog-div .round-text-div {
	    margin-top: 0px;
	    padding-right: 0px;
	}
	.section-5 .width-50:first-child {
		padding-right: 0;
	}
	.section-5 .white-bg-box button.slick-next.slick-arrow {
		right: 5px;
	}
	.chapter3-bg #build-your-case .width-60, .chapter3-bg #build-your-case .width-40 {
		max-width: 100%;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg .btn-primary-mt .contect-img-div .width-70 {
		padding-right: 0;
	}
	.chapter4-bg .btn-primary-mt .contect-img-div {
		margin-top: 30px;
	}
	.chapter4-bg .successfully-migrate .chap-4-text {
		padding: 20px;
	}
	.chapter4-bg .successfully-migrate .chap-4-img {
	    padding-bottom: 56.25%;
	    margin-left: 0;
	    border-radius: 20px 20px 0px 0px;
	}
	.chapter4-bg #decision .width-50:first-child {
		padding-right: 0;
	}
	.chapter4-bg .width-50 p:last-child {
	    margin-bottom: 0;
	}
	.chapter4-bg .only-text, .chapter4-bg .successfully-migrate {
		margin-bottom: 30px;
	}
	.chapter4-bg .only-text:last-child {
		margin-bottom: 0;
	}
	#management .width-50:first-child {
	    margin-bottom: 30px;
	}
	.chapter4-bg #management .round-img-div {
		margin-top: -10px; 
	}
	.chapter4-bg #management .round-img-div .back-img-div {
		max-width: 320px;
		height: 320px;
		margin: 0 auto;
	}
	.chapter4-bg #management .white-bg-box.top-div {
		margin-left: 0;
		margin:0 auto;
	}
	.chapter4-bg #management .white-bg-box {
		max-width: 90%;
	}
	.chapter4-bg #management .white-bg-box.bottom-div {
		margin-left: 0;
	    margin: -10px auto 50px auto;
	}
	.chapter4-bg .only-text .white-bg-box.builb-div .text-div h5 {
		padding-left: 0;
		margin-top: 10px;
	}
	.chapter4-bg .only-text p.orange-text-color-bold.orange-text-color {
		font-size: 16px;
	}
	.chapter4-bg #preparation .width-50:first-child {
	    padding-right: 0px;
	}

	/*Chapter-5 CSS*/
	.squar-img .thumb {
        width: 40%;
	    padding-bottom: 56.25%;
	    margin: 0 auto;
	}
	.green-l-shape .thumb-pattern {
	    top: 15px;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	            transform: translateX(-50%);
	}
	.chapter5-bg .round-img-div .back-img-div {
		max-width: 320px;
		height: 320px;
		margin: 0 auto !important;
	}
	#complete-tasks .width-50:first-child {
		border: 0;
		padding-right: 0;
	}
	.chapter5-bg .work-div .ul-li-div ul {
	    -webkit-column-gap: 40px;
	       -moz-column-gap: 40px;
	            column-gap: 40px;
	}
	#complete-tasks .width-50:last-child, .chapter5-bg .img-text-50-div .table-div {
		padding-left: 0;
	}
	.chapter5-bg .mt-60 {
	    margin-top: 40px;
	}
	.chapter5-bg .text-certi-div .width-50:last-child {
		max-width: 100%;
	}
	.chapter5-bg #tell-team .round-img-div .chapter-img .image-outer-circle {
	    max-width: 320px;
	    height: 320px;
	}
	.chapter5-bg #tell-team .sea-green-box {
	    max-width: 100%;
	}
	.orange-circle-div {
	    text-align: center;
	    margin: 30px 0;
	}
	.alert-div-img {
	    width: 100%;
	    max-width: 63px;
	}
	.alert-div.d-flex.align-center, .chapter5-bg .white-bg-box .d-flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.orange-circle-div .d-flex.align-center {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
		left: 42%;
		top: 90px;
	}
	#get-answers.mt-60 {
		margin-top: 0;
	}
	.chapter5-bg .ul-li-div ul li ul {
	    display: block;
	}
	.chapter5-bg .text-certi-div .width-50:first-child {
	    padding-right: 0px;
	}
	.img-text-50-div .round-text-div p:last-child {
	    margin-bottom: 0;
	}
	.chapter5-bg .tip-div .width-30, .chapter5-bg .encourage-community .width-30 {
	    padding-right: 0px;
	}
	.chapter5-bg .white-bg-box .text {
		width: 90%;
	}
	.chapter5-bg .white-bg-box .builb-div {
		max-width: 30px;
	}
	.section-5 .sea-green-box {
		margin-top: 0;
	}
	.chapter5-bg .encourage-community .ul-li-div li:last-child {
	    margin-bottom: 20px;
	}
	.chapter5-bg .text-certi-div .width-50:first-child br {
	    display: none;
	}
	.chapter5-bg .only-text:last-child .width-50:first-child {
	    padding-right: 0px;
	    border-right: 0;
	}
	.chapter5-bg .only-text:last-child .width-50:last-child {
	    padding-left: 0px;
	}
	.chapter5-bg .tip-div .width-30 a.orange-arrow {
	    width: 270px;
	}
	.chapter5-bg .tip-div .width-30 a.orange-arrow:after {
		right: 110px;
	}

	/*Chapter-6 CSS*/
	.chapter6-bg .chapter-title-sec .chapter-content {
	    padding-right: 0px;
	}
	.chapter6-bg .chapter-img {
		max-width: 100%;
	}
	.chapter6-bg .text-only.strategy h5 {
	    width: 100%;
	}
	.chapter6-bg .chapter-img .image-outer-circle .thumb {
	    height: 340px;
	    top: -21px;
	}
	.chapter6-bg .chapter-img .white-l-shap .thumb-pattern {
	    max-width: 130px;
	    left: 90px;
	    top: -5px;
	}
	.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient {
	    max-width: 320px;
	    height: 320px;
	    margin: 0 auto;
	}
	.chapter6-bg .img-text-50 .round-img-div .back-img-div {
	    max-width: 330px;
	    height: 330px;
	}
	.chapter6-bg .img-text-50 .width-60, .chapter6-bg .text-only .width-50:last-child {
	    padding-left: 0px;
	}
	.chapter6-bg .three-circle-div .circle-size {
	    width: 150px;
	    height: 150px;
	}
	.chapter6-bg .three-circle-div .circle-size img {
	    width: 40px;
	}
	.chapter6-bg .three-circle-div .circle-div {
	    position: relative;
	    padding-bottom: 210px;
	    width: 225px;
	    margin: 0 auto;
	}
	.chapter6-bg .three-circle-div .green-circle, .chapter6-bg .three-circle-div .gray-circle {
	    top: 85px;
	}
	.chapter6-bg .motivates .sea-green-box {
		padding-left: 200px;
	}
	.chapter6-bg .motivates .sea-green-box .sea-gren-content {
	    margin: -210px 0 0 0;
	}
	.chapter6-bg .motivates .sea-green-box .sea-gren-content .text-div {
	    padding: 10px 0 0 0;
	}
	.chapter6-bg .text-only.strategy, .chapter6-bg .text-only.return, .chapter6-bg .text-only.quiz, .chapter6-bg .alignment, .chapter6-bg .tactics, .chapter6-bg .engaging-different-types, .chapter6-bg .automation {
		margin: 30px 0;
	}
	.chapter6-bg .engaging-different-types {
		margin-top: 0;
	}
	.chapter6-bg .text-only.people .crop-img {
	    padding: 0;
	    width: 60%;
	}
	.chapter6-bg .text-only.quiz .orange-circle-div {
	    margin-top: 40px;
	}
	.chapter6-bg .text-only .width-50:first-child {
	    padding-right: 0px;
	}
	.chapter6-bg .support .width-50:last-child {
	    padding-left: 0px;
	    padding-top: 20px;
	}
	.chapter6-bg .star-div.d-flex.align-center {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack:  center;
		    -ms-flex-pack:  center;
		        justify-content:  center;
	}
	.chapter6-bg .content-calendar .white-bg-box.builb-div .builb-img {
	    right: 0px;
	    width: 40px;
	}
	.chapter6-bg .text-table-div.engaging-different-types .width-40, .chapter6-bg .text-table-div.engaging-different-types .width-60, .chapter6-bg .text-table-div .width-40, .chapter6-bg .text-table-div .width-60 {
	    max-width: 100%;
	    padding: 0px;
	}
	.chapter6-bg .writing-effective .sea-green-box.frog-div {
	    max-width: 100%;
	    margin-top: 10px;
	}
	.chapter6-bg .spotlight .width-60 table {
	    width: 100%;
	}
	.chapter6-bg .ideas-div .builb-div .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter6-bg .encourage-behaviors .side-img .width-50:last-child img {
	    margin-top: 10px;
	    width: 50%;
	    margin: 0 auto;
	}
	.chapter6-bg .experts .display-33:nth-child(2), .chapter6-bg .engage .secrets .display-25 {
	    border: 0;
	}
	.chapter6-bg .experts .white-bg-box:last-child {
		max-width: 100%;
	}
	.chapter6-bg .ideas-div {
		padding: 30px 0;
	}
	.chapter6-bg .spotlight .orange-circle-div {
		margin-bottom: 0;
	}
	.chapter6-bg .img-text-50 .round-img-div .back-img-div {
		margin: 0 auto;
	}
	.chapter6-bg .automation .white-bg-box {
		margin: 20px 0 0 0;
		max-width: 100%;
	}
	.chapter6-bg .three-circle-div {
		margin: 30px 0;
	}
	.chapter6-bg .automation {
		margin-bottom: 0;
	}
	.automation-rule {
	    padding-left: 0px;
	}
	.automation-rule .builb-div .builb-img {
	    width: 40px;
	    top: -20px;
	    left: -20px;
	}
	.chapter6-bg .gamify-3 .width-50:first-child .ul-li-div {
	    margin-bottom: 20px;
	}
	.chapter6-bg .poll-profile .white-bg-box {
	    min-height: 0px;
	}
	.chapter6-bg .poll-profile .profile-img img {
	    margin: 30px auto;
	}
	.chapter6-bg .measure-engagement .content-col p:last-child {
	    margin-bottom: 0;
	}
	.chapter6-bg .bonus-tactic .d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter6-bg .bonus-tactic .white-bg-box img {
	    width: 40px;
	    margin-right: 20px;
	}
	.chapter6-bg .text-only .width-50:first-child p:last-child, .chapter6-bg .text-only .width-50:last-child p:last-child {
	    margin-bottom: 0;
	}
	.chapter6-bg .text-only.strategy, .chapter6-bg .text-only.return, .chapter6-bg .text-only.quiz, .chapter6-bg .alignment, .chapter6-bg .tactics, .chapter6-bg .engaging-different-types, .chapter6-bg .automation, .chapter6-bg .examples-8, .chapter6-bg .gamification, .chapter6-bg .poll-profile, .chapter6-bg .measure-engagement, .chapter6-bg .setting-expectations, .chapter6-bg .bonus-tactic, .chapter6-bg .community-super-users, .chapter6-bg .finding-right-community, .chapter6-bg .determine-tasks, .chapter6-bg .recognize-maintain, .chapter6-bg .rewarding-community {
		margin: 30px 0;
	}
	.chapter6-bg .encourage-behaviors {
	    margin-top: 30px;
	}
	.chapter6-bg .gamification .width-50:last-child .white-bg-box:last-child {
	    margin-bottom: 0px;
	}
	.chapter6-bg .finding-right-community.orange-circle-parent .orange-circle {
	    bottom: -80px;
	    right: -10px;
	}
	.chapter6-bg .determine-tasks .white-bg-box {
	    min-height: 0px;
	}
	.chapter6-bg .determine-tasks .white-bg-box .ul-li-div ul li {
	    margin-bottom: 10px;
	}
	.chapter6-bg .recognize-maintain .white-bg-box {
		max-width: 100%;
	}
	.chapter6-bg .recognize-maintain .sea-green-box {
		margin-left: 0;
		max-width: 100%;
	}
	.chapter6-bg .recognize-maintain .sea-green-box .sea-gren-content {
		padding: 40px 20px 20px;
	}
	.chapter6-bg .managing-successful .width-30, .chapter6-bg .managing-successful .width-70 {
	    padding-right: 0px;
	    max-width: 100%;
	}
	.chapter6-bg .managing-successful .width-70 .bulb-div.d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter6-bg .managing-successful .orange-circle {
    	bottom: -80px;
	    right: -10px;
	}
	.chapter6-bg .ways-4 .ways-slider .white-bg-box {
        min-height: 0px;
	}
	.chapter6-bg .rewarding-community .width-50:first-child {
	    padding-top: 0px;
	}
	.chapter6-bg .rewarding-community .width-50:first-child .bulb-div.d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter6-bg .img-text-50 .width-60 h6.green-text {
		margin-bottom: 0;
	}
	.chapter6-bg .text-only.people .width-50:first-child br {
	    display: none;
	}
	.chapter6-bg .content-calendar .orange-circle-div {
	    margin-bottom: 0;
	}
	.chapter6-bg .automation .width-50:first-child {
	    padding-right: 0px;
	}
	.chapter6-bg .spotlight .width-60 .d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.chapter6-bg .spotlight .orange-circle-div .hover-div .d-flex{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.chapter6-bg .finding-right-community {
		margin-bottom: 90px;
	}
	.chapter6-bg .orange-circle-parent {
		margin-bottom: 90px;
	}
	.chapter6-bg .automation .white-bg-box .text-div a {
	    width: 212px;
	}

	/*Chapter-7 CSS*/
	.chapter7-bg .chapter-content .main-title h3 {
	    font-size: 20px;
	    line-height: 22px;
	    margin-bottom: 0;
	}
	.chapter7-bg .best-manifestation .round-text-div {
	    padding-left: 0px;
	}
	.chapter7-bg .community-wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.chapter7-bg .community-wrap .crimson-36-text {
	    margin-bottom: 30px;
	}
	.chapter7-bg .community-shadow, .chapter7-bg .community-rte, .chapter7-bg .community-essential-title-desc, .chapter7-bg .community-essential-content-item, .chapter7-bg .community-essential-content-item:nth-child(2), .chapter7-bg .community-moderation-title {
	    width: 100%;
	}
	.chapter7-bg .community-rte {
		margin-top: 30px;
	}
	.chapter7-bg .community-essential-title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.chapter7-bg .community-essential-content {
	    margin-top: 30px;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
	.chapter7-bg .community-essential .community-essential-title-img {
	    width: 50%;
	}
	.chapter7-bg .community-essential-content-item:nth-child(2) {
		margin-left: 0;
		margin-top: 15px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-arrow {
		left: 0px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider button.slick-next.slick-arrow {
	    left: inherit;
	    right: 0px;
	}
	.chapter7-bg .community-moderation-slider .item {
		padding: 10px 20px;
	}
	.chapter7-bg .community-moderation-slider .white-bg-box {
	    padding: 20px 20px 20px 30px;
	}
	.chapter7-bg .community-moderation-meta {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-top: 10px;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-tip {
		margin-bottom: 30px;
	}
	.chapter7-bg .community-moderation-meta-item.moderation-tip, .chapter7-bg .community-moderation-meta-item.moderation-rte {
	    width: 100%;
	    padding: 20px;
	}
	.chapter7-bg .chapter-img {
	    max-width: 100%;
	}
	.chapter7-bg .community-moderation-title {
	    margin-bottom: 30px;
	}
	.chapter7-bg .community-moderation-meta-item h3 {
	    font-size: 18px;
	}
	.chapter7-bg .community-essential-content blockquote {
	    margin: 0 0 20px 0;
	    padding: 20px;
	}
	.chapter7-bg .dealing-violations .round-text-div {
	    padding-right: 0px;
	}
	.chapter7-bg .dealing-violations .slider-div.two-item-slider {
	    margin-top: 10px;
	}
	.chapter7-bg .img-text-50-div {
	    margin-bottom: 30px;
	}
	.chapter7-bg .community-moderation button.slick-arrow {
	    left: 0;
	}
	.chapter7-bg .community-moderation button.slick-next.slick-arrow {
		left: inherit;
		right: 0;
	}


	/*Chapter-8 CSS*/
	.chapter8-bg .chapter-content {
	    padding-right: 0px;
	}
	.chapter8-bg .chapter-img {
	    max-width: 100%;
	    margin-left: 0;
	}
	.chapter8-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 350px;
	    height: 350px;
	    top: -30px;
	}
	.chapter8-bg .text-only-div .width-50:first-child, .chapter8-bg .two-data .width-50:first-child {
	    padding-right: 0px;
	}
	.chapter8-bg .two-data .width-50:first-child {
		padding-top: 0;
	}
	.chapter8-bg .text-only-div .width-50:last-child {
	    padding-left: 0px;
	}
	.chapter8-bg .text-only-div.gold-mine, .chapter8-bg .two-data {
		margin: 30px 0;
	}
	.chapter8-bg .title-box {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter8-bg .chapter8-content {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter8-bg .chapter8-content .width-50 {
		padding: 0 10px;
	}
	.chapter8-bg .frog-div {
	    margin-left: 0px;
	    padding: 20px 25px;
	}
	.chapter8-bg .text-only-div.gold-mine .width-50:last-child p:last-child, .chapter8-bg .text-only-div.build-matters .width-50:last-child p:last-child {
	    margin-bottom: 0;
	}
	.chapter8-bg .main-content .frog-div {
	    margin: 30px 0 0 0;
	}
	.chapter8-bg .two-col-sec.two-col-quote .width-40 {
		max-width: 50%;
		margin: 0 auto;
	} 
	.chapter8-bg .two-col-sec.two-col-quote .width-60 {
		max-width: 100%;
		padding: 20px 0 0 0;
	}
	.chapter8-bg .white-bg-box.quote-message {
		max-width: 100%;
		margin: 50px 0 0 0;
		padding: 20px 20px 20px 60px
	}
	.chapter8-bg .slider-div .two-item-slider .item.width-50 .white-bg-box .slider-detial .width-50:first-child {
	    margin-bottom: -10px;
	}
	.chapter8-bg .community-item-wrap .width-70 {
		padding-right: 0;
	}
	.chapter8-bg .community-item-wrap {
	    margin-top: 40px;
	}
	.chapter8-bg .slider-div .two-item-slider.width-parent {
	    margin: 0 -10px;
	}
	.chapter8-bg .slider-div button.slick-arrow {
		left: 5px;
	}
	.chapter8-bg .slider-div button.slick-next.slick-arrow {
	    right: 5px;
	    left: inherit;
	}

	/*Chapter-9 CSS*/
	.chapter9-bg .chapter-title-sec .btn-primary span {
	    width: 250px;
	}
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle {
	    max-width: 270px;
	    height: 270px;
		margin: 0 auto;
	}
	.chapter9-bg .chapter-title-sec .chapter-img {
	    max-width: 100%;
	    margin-left: 0px;
	}
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle .thumb .thumb-pattern {
	    width: 100px;
	    top: 0px;
	    right: 50px;
	    left: auto;
	}
	.chapter9-bg .img-text-div .round-img-div .back-img-div {
	    max-width: 270px;
	    height: 270px;
	}
	.chapter9-bg .chapter-title-sec .chapter-content {
	    max-width: 100%;
	}
	.chapter9-bg .text-50-div .width-50:last-child {
	    padding-left: 0px;
	}
	.chapter9-bg .text-50-div .width-50:first-child {
	    padding-right: 0px;
	}
	.chapter9-bg .caveat {
	    margin: 50px 0;
	}
	.chapter9-bg .caveat h5, .chapter9-bg .sponser-wrapper h5 {
	    width: 100%;
	}
	.chapter9-bg .caveat, .chapter9-bg .product-service-wrapper, .chapter9-bg .sponser-wrapper {
	    margin: 30px 0;
	}
	.chapter9-bg .caveat {
		margin: 0;
	}
	.chapter9-bg .partner-sponser-wrapper {
	    margin-top: 30px;
	}
	.chapter9-bg .showcase-metrics {
	    margin-bottom: 30px;
	}
	.chapter9-bg .partner-sponser-wrapper .chapter-number {
	    width: 40px;
	    margin: 0 0px 10px 0;
	}
	.chapter9-bg .partner-sponser-wrapper .width-70 {
	    max-width: 100%;
	}
	.chapter9-bg .product-service-wrapper .builb-div-img {
		width: 35px;
	    margin-right: 10px;
	    position: absolute;
	    top: -10px;
	    left: -15px;
	}
	.chapter9-bg .round-img-div .orange-box {
		position: static;
	    width: 100%;
	    border-radius: 10px;
	    margin-bottom: 20px;
	}
	.chapter9-bg .sponser-wrapper .round-img-div .back-img-div {
		margin: 0 auto;
	}
	.chapter9-bg .showcase-metrics .white-bg-box, .chapter9-bg .ways-slider .white-bg-box.single-slider-detail {
	    min-height: 0px;
	}
	.chapter9-bg ul li:last-child {
	    margin-bottom: 0px;
	}
	.chapter9-bg .partner-sponser-wrapper .white-bg-box .frog-div {
	    margin: 40px -35px 0 0;
	}
	.chapter9-bg .product-service-wrapper .round-img-div .back-img-div {
	    max-width: 270px;
	    height: 270px;
	}
	.chapter9-bg .sponser-wrapper .builb-div .d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter9-bg .sponser-wrapper .chapter-content .white-bg-box .builb-div-img {
	    width: 40px;
	    margin-right: 10px;
	}
	.chapter9-bg .round-img-div .orange-box .btn-arrow a::after {
		left: 220px;
	}
	.chapter9-bg .round-img-div .orange-box .btn-arrow a:hover:after {
	    left: 235px;
	}
	.chapter9-bg .common-sec > p {
	    max-width: 100%;
	    margin-bottom: 30px;
	}
	.chapter9-bg .partner-sponser-wrapper .partner-info {
	    max-width: 100%;
	}
	/*Chapter-10 css*/
	.chapter10-bg .chapter-img {
		max-width: 100%;
	}
	.chapter10-bg .chapter-img .image-outer-circle {
	    max-width: 320px;
	    height: 320px;
	}
	.chapter10-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 320px;
	    height: 411px;
	}
	.chapter10-bg .online-program .width-30, .chapter10-bg .present-persuasive .width-40, .chapter10-bg .only-text-50.community-div .width-50:first-child, .chapter10-bg .existing .width-50:first-child {
	    padding-right: 0px;
	}
	.chapter10-bg .online-program .width-70 {
	    max-width: 100%;
	}
	.online-program button.slick-arrow {
	    left: 0;
	}
	.online-program button.slick-next.slick-arrow {
	    left: inherit;
	    right: 0px;
	}
	.chapter10-bg .only-text-50.community-div .width-50:last-child, .chapter10-bg .existing .width-50:last-child {
	    padding-left: 0px;
	}
	.chapter10-bg .existing .width-50:last-child {
		padding-top: 0;
	}
	.chapter10-bg .present-persuasive, .chapter10-bg .only-text-50.community-div {
	    margin: 30px 0px;
	}
	.builb-div .d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.chapter10-bg .online-program .white-bg-box {
		min-height: 0;
	}
	
	.community-item-wrap.sea-green-box .sea-gren-content {
	    max-width: 100%;
	}
	.quote-message .icon {
	    top: -20px;
	    width: 50px;
	}
	.chapter10-bg .present-persuasive .width-40 {
		max-width: 100%;
	}
	.chapter10-bg .present-persuasive .width-60 {
	    max-width: 100%;
	}
	.chapter10-bg .online-program .width-70 .slider-div.one-item-slider {
	    margin: 0px 0px;
	}


	/*Footer CSS*/
	.footer-main .footer-three-div.d-flex {
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: row;
	            flex-direction: row;
	}
	.footer-main .orange-bg-gradient .align-center {
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
	.footer-main .orange-bg-gradient {
	    padding: 30px 0 100px 0;
	}
	.footer-main .inner-upper-footer {
	    margin-bottom: 35px;
	}
	.footer-main .wrap-div .width-30 {
		max-width: 30%;
	}
	/*.footer-main .wrap-div .width-70 {
	    max-width: 70%;
	}*/
	.footer-main .inner-upper-footer p {
		margin-bottom: 20px;
	}
	.footer-main .orange-bg-gradient p {
		max-width: 100%;
	}
	.footer-main .upper-footer .container {
	    padding: 30px 25px;
	}
	.footer-main .footer-three-div .three-img {
		margin-right: 30px;
		max-width: 35px
	}
	.footer-main .orange-bg-gradient .footer-logo {
	    margin-top: 10px;
	}
	.footer-main .footer-three-div.display-33:last-child {
	    margin-bottom: 0;
	}
}
@media(max-width: 640px) {
	/*Common CSS*/
	.btn-primary span {
		width: 200px;
		font-size: 18px;
	}
	.green-text-20 {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.white-bg-box .slider-title {
	    -webkit-box-orient: horizontal !important;
	    -webkit-box-direction: normal !important;
	        -ms-flex-direction: row !important;
	            flex-direction: row !important;
	}
	.chapter-number {
	    max-width: 30px;
	    margin-right: 10px;
	}
	.orange-20 {
		font-size: 16px;
	}
	.round-img-div .back-img-div {
	    margin: 0 auto;
	    max-width: 270px;
	    height: 270px;
	}
	.image-outer-circle {
	    max-width: 270px;
	    height: 270px;
	}
	.chapter-img .image-outer-circle .thumb {
	    max-width: 270px;
	    height: 354px;
	    top: -84px;
	}
	.small-gray-text {
		line-height: 17px;
	}
	.orange-medium-text, .chapter1-bg .img-text-50-div .round-text-div h5 {
	    font-size: 16px;
	    line-height: 22px;
	}
	.video-popup p {
	    max-width: 350px;
	}

	.orange-circle-div .orange-circle {
	    height: 120px;
	    width: 120px;
	}
	.orange-circle-div .white-bar {
		width: 190px;
	}

	/*Form-Div CSS*/
	.form-bg h2 {
		font-size: 18px;
		line-height: 25px;
	}


	/*Banner CSS*/
	.banner-bg .left-side {
	    max-width: 70%;
	}
	.banner-bg .right-side {
	    max-width: 30%;
	}
	.banner-bg .banner-text h1 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.banner-bg .right-side .banner-img-div {
	    margin: 0 0 0px 0;
	    margin-left: -70px;
	    padding-right: 20px;
	}

	/* Go-to-chapter CSS*/
	.go-to-chapter-bg {
	    padding: 40px 0 60px 0;
	}
	.go-to-chapter-bg .chapter-title {
	    font-size: 25px;
	    margin-bottom: 30px;
	}
	.go-to-chapter-bg .chapter-links ul li a {
		font-size: 16px;
	}

	/*Chapter-1 CSS*/
	.chapter1-bg .quote-div-bg .wrap-1110 {
	    padding: 0px;
	}
	.chapter1-bg .quote-div-bg .wrap-1110:before, .chapter1-bg .quote-div-bg .wrap-1110:after {
	    height: 42px;
	    width: 63px;
	}
	.slider-detial .gray-box-bg .client-details {
		flex-direction: column;
	}
	.chapter1-bg .two-item-slider .white-bg-box .slider-detial .orange-play-btn a .orange-btn {
    	left: -15px;
	}
	.chapter1-bg .two-item-slider .white-bg-box .item-column-wrap .sea-green-box .client-details .btn-arrow a {
	    width: 210px;
	}

	/*Chapter-2 CSS*/
	ul.icon-listing-wrap {
	    -webkit-column-count: 1;
	       -moz-column-count: 1;
	            column-count: 1;
	}
	.chapter2-bg .chapter-img .image-outer-circle .thumb {
	    height: 250px;
	}
	.content-image-overlay-section {
		padding: 30px 0;	
	}
	.image-overlay {
	    max-width: 100%;
	}
	.overlay-content {
	    margin: -70px 0 0 0px;
	}
	.aside-with-content .imgoverlap-two-col .thumb {
		max-width: 100%;
		height: 450px;
		border-radius: 10px;
	}
	.aside-with-content .orange-green-box {
		padding-left: 0;
	}
	.chapter2-bg .team-building .sea-green-box .sea-gren-content.d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.chapter2-bg .team-building .sea-green-box .sea-gren-content .text-div {
		padding-left: 0;
		margin-top: 10px;
	}

	/*Chapter-3 CSS*/
	.chapter3-bg .img-text-50-div.section-2 .chapter-img .image-outer-circle {
		max-width: 270px;
		height: 270px;
	}
	.chapter3-bg #plan-approach.img-text-50-div .chapter-img .image-outer-circle .thumb {
		height: 270px;
	}
	.chapter3-bg .img-text-50-div.assess-budget .round-text-div h5, #build-allies .sec3-table-div .overlay-content p {
		font-size: 16px;
	}
	.chapter3-bg .img-text-50-div {
		margin-bottom: 0px;
	}
	#build-allies .sec3-table-div .overlay-content .btn-arrow a:after {
		top: 92%;
		left: 200px;
	}
	.chapter3-bg .img-text-50-div .chapter-img .image-outer-circle .thumb .thumb-pattern {
		left: 60px;
		max-width: 80px;
	}
	.chapter3-bg .community-goals .image-overlay, .community-goals .sea-green-box .sea-gren-content {
		max-width: 100%;
	}
	.top-box, .bottom-box {
		left: 0;
	}
	.community-goals .sea-green-box .sea-gren-content {
		padding: 10px 10px 10px 10px;
	}
	.community-goals .sea-green-box .sea-gren-content .text-div {
		width: 90%;
	}
	.chapter3-bg #build-your-case .width-40 .back-img-div {
		max-width: 270px;
		height: 270px;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg .btn-primary-mt .contect-img-div {
		margin-top: 0;
	}
	.chapter4-bg #management .round-img-div .back-img-div {
		max-width: 270px;
		height: 270px;
	}

	/*Chapter-5 CSS*/
	.green-l-shape .thumb-pattern {
		width: 80px;
		top: 5px;
	}
		.squar-img .thumb {
	    width: 65%;
	    padding-bottom: 76.25%;
	    margin: 0 auto;
	}
	.chapter5-bg .pen-design-div h5 {
		width: 229px;
	}
	.chapter5-bg #complete-tasks .white-bg-box {
		margin-top: 50px;
		padding-top: 30px;
	}

	/*Chapter-6 CSS*/
	.chapter6-bg .chapter-img .image-outer-circle .thumb {
	    height: 290px;
	    top: -21px;
	}
	.chapter6-bg .chapter-img .white-l-shap .thumb-pattern {
	    max-width: 110px;
	    left: 80px;
	}
	.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient, .chapter6-bg .img-text-50 .round-img-div .back-img-div {
	 	max-width: 270px;
	    height: 270px;
	}
	.chapter6-bg .text-only.quiz .orange-circle-div .white-bar {
		padding: 15px 0px 15px 30px;
	    width: 190px;
	}
	.chapter6-bg .text-only.technology .width-50 .round-img-div .back-img-div {
	    max-width: 270px;
	    height: 270px;
	}
	.chapter6-bg .support .support-div {
	    padding-left: 0px;
	}
	.chapter6-bg .support .white-bg-box {
	    max-width: 100%;
	}
	.chapter6-bg .content-calendar .orange-circle-div .hover-div .white-bar {
		padding: 10px 20px;
	}
	.chapter6-bg .text-only.motivates .width-50 .crop-img img {
		width: 50%;
		height: 400px;
	}
	.chapter6-bg .motivates .sea-green-box .sea-gren-content {
		margin-top: -100px;
	}
	.chapter6-bg .text-only.quiz .orange-circle-div {
		margin-top: 20px;
	}
	.automation-rule .white-bg-box .ul-li-div ul li {
	    margin-bottom: 10px;
	}
	.chapter6-bg .gamify-3 .chapter-img .image-outer-circle {
	    max-width: 270px;
	    height: 270px;
	}
	.chapter6-bg .gamify-3 .chapter-img .orange-l-shape .thumb-pattern {
	    left: 85px;
	    max-width: 120px;
	}
	.chapter6-bg .poll-profile .poll-img img {
	    width: 50px;
	}
	.chapter6-bg .poll-profile .profile-img img {
		width: 70px;
	}
	.chapter6-bg .recognize-maintain .sea-green-box .builb-div .builb-img {
		width: 60px;
		height: 60px;
	}
	.chapter6-bg .recognize-maintain .sea-green-box .builb-div .builb-img .bulb-on-off {
		width: 30px;
	}
	.chapter6-bg .rewarding-community {
	    margin-bottom: 0;
	}
	.chapter6-bg .examples-8 .two-item-slider .item {
	    padding: 0px 20px;
	}

	/*Chapter-7 CSS*/
	.chapter7-bg .community-essential-content-item:nth-child(2) .white-bg-box {
	    padding: 60px 20px 20px 20px;
	}
	.chapter7-bg .community-essential-content-item:nth-child(2) .white-bg-box .chapter-number {
	    top: 15px;
	    left: 20px;
	}
	.chapter7-bg .community-essential-content-item .white-bg-box {
		padding: 20px;
	}
	.chapter7-bg .last-tip-desc {
	    -webkit-box-flex: 0;
	        -ms-flex-positive: 0;
	            flex-grow: 0;
	}

	/*Chapter-8 CSS*/
	.chapter8-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 300px;
	    height: 300px;
	}

	/*Chapter-10 css*/
	.chapter10-bg .present-persuasive .orange-bg-gradient ol {
		padding-left: 10px;
	}
	.builb-div .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter10-bg .existing .builb-div .text-div p {
		width: 100%;
		margin-top: 10px;		
	}

	/*Footer CSS*/
	.footer-main .upper-footer .container {
		padding: 40px 25px;
	}
	.footer-main .wrap-div .width-30, .footer-main .wrap-div .width-70 {
		max-width: 100%;
	}
}
@media(max-width: 480px) {
	.form-bg form.wpcf7-form .close-btn {
	    top: 5px;
	    right: 5px;
	    width: 25px;
	    height: 25px;
	    background-size: 13px;
	}
	.round-img-div .back-img-div {
	    margin: 0 auto;
	    max-width: 250px;
	    height: 250px;
	}
	.round-video-div .video-preview {
	    max-width: 210px;
	    height: 210px;
	}
	.image-outer-circle {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter-img .image-outer-circle .thumb {
	    max-width: 250px;
	    height: 334px;
	}
	.video-preview {
	    max-width: 350px;
	    height: 125px;
	}
	.slider-div {
	    margin-bottom: 30px;
	}
	.orange-circle-div .orange-circle {
	    height: 120px;
	    width: 120px;
	}

	/*Form-Div CSS*/
	.form-bg form.wpcf7-form [type="submit"] {
		font-size: 16px;
	    max-width: 100%;
	}

	/*Banner CSS*/
	.banner-bg .right-side .banner-img-div {
	    margin: 0 0 0px 0;
	    margin-left: -72px;
	    padding-right: 0px;
	}

	/*Chapter-1 CSS*/
	/*.chapter1-bg .table-text-div .width-60 {
		display: none;
	}*/
	.chapter1-bg .two-item-slider .white-bg-box .item-column-wrap .sea-green-box .client-details .btn-arrow a {
	    width: 140px;
	}
	.chapter1-bg .two-item-slider .white-bg-box .item-column-wrap .sea-green-box .client-details .btn-arrow a:after {
		right: -10px;
	}

	/*Chapter-3 CSS*/
	.chapter3-bg #plan-approach.img-text-50-div .chapter-img .image-outer-circle .thumb {
		height: 250px;
	}
	.chapter3-bg .img-text-50-div.section-2 .chapter-img .image-outer-circle, .chapter3-bg #build-your-case .width-40 .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}

	/*Chapter-4 CSS*/
	.chapter4-bg #management .round-img-div .back-img-div {
		max-width: 250px;
		height: 250px;
	}

	/*Chapter-5 CSS*/
	.chapter5-bg .round-img-div .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}
	#complete-tasks .width-parent, .chapter5-bg #complete-tasks .white-bg-box, .chapter5-bg .mt-60 {
	    margin-top: 30px;
	}
	.chapter5-bg .pen-design-div .pen-design {
	    top: -5px;
	}
	.beta-testing.mt-60 p {
		margin-bottom: 0;
	}
	.chapter5-bg #tell-team .round-img-div .chapter-img .image-outer-circle {
	    max-width: 250px;
	    height: 250px;
	}
	.alert-div.d-flex.align-center, .chapter5-bg .white-bg-box .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter5-bg .white-bg-box .text {
	    width: 100%;
	    padding-left: 0;
	    margin-top: 10px;
	}
	.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
	    left: 42%;
	    top: 20px;
	}
	#get-answers .squar-img .thumb {
		width: 100%;
	    padding-bottom: 65%;
	}
	.chapter5-bg .get-ans .green-l-shape .thumb-pattern {
	    left: 36%;
	    top: 5px;
	    width: 70px;
	}

	/*Chapter-6 CSS*/
	.chapter6-bg .chapter-img .image-outer-circle .thumb {
		height: 270px;
	}
	/*.chapter6-bg .three-circle-div .circle-div {
		width: 100%;
	}
	.chapter6-bg .three-circle-div .green-circle {
		left: 37%;
	}
	.chapter6-bg .three-circle-div .gray-circle {
		right: 37%;
	}*/
	.chapter6-bg .three-circle-div .green-circle, .chapter6-bg .three-circle-div .gray-circle {
		top: 80px;
	}
	.chapter6-bg .text-only.people .crop-img {
	    width: 100%;
	}
	.chapter6-bg .text-only.people .sea-green-box {
	    padding: 0;
	    margin-top: -100px;
	}
	.chapter6-bg .spotlight .width-60 table {
	    width: 100%;
	}
	.chapter6-bg .text-only.motivates .width-50 .crop-img img {
	    width: 100%;
	    height: auto;
	}
	.chapter6-bg .motivates .sea-green-box {
	    padding-left: 0px;
	}
	.chapter6-bg .motivates .sea-green-box .sea-gren-content {
	    margin-top: -100px;
		max-width: 100%;
	}
	.chapter6-bg .support .builb-div .builb-img {
	    width: 35px;
	    top: -20px;
	    right: -10px;
	}
	.chapter6-bg .content-calendar .white-bg-box.builb-div .builb-img {
	    width: 35px;
	    right: -10px;
	}
	.automation-rule .white-bg-box .ul-li-div ul {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.chapter6-bg .gamify-3 .chapter-img .image-outer-circle {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter6-bg .engagement-trand .sea-green-box .sea-gren-content .btn-arrow a::after {
	    right: 0;
	}
	.chapter6-bg .engagement-trand .sea-green-box .sea-gren-content .btn-arrow a:hover:after {
	    right: -15px;
	}
	.chapter6-bg .img-text-50 .round-img-div.orange-bg-gradient, .chapter6-bg .img-text-50 .round-img-div .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter6-bg .automation .white-bg-box .text-div .btn-arrow a:after {
	    left: 90px;
	}
	.chapter6-bg .automation .white-bg-box .text-div .btn-arrow a:hover:after {
	    left: 105px;
	}
	.content-col h5.green-mid-15 img {
		top: 3px;
	}
	.chapter6-bg .finding-right-community.orange-circle-parent .orange-circle {
	    bottom: -80px;
	    right: -20px;
	}
	.chapter6-bg .orange-circle-parent .orange-circle, .chapter6-bg .managing-successful .orange-circle {
	    width: 250px;
	    height: 250px;
	}
	.chapter6-bg .determine-tasks .orange-circle {
	    top: 250px;
	    left: -20px;
	}
	.chapter6-bg .managing-successful .width-70 .bulb-div.d-flex, .chapter6-bg .rewarding-community .width-50:first-child .bulb-div.d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}
	.chapter6-bg .bulb-div .bulb-on-off {
		margin-bottom: 10px;
	}

	/*Chapter-6 CSS*/
	.chapter7-bg .round-img-div .back-img-div, .chapter7-bg .image-outer-circle {
		max-width: 250px;
		height: 250px;
	}
	.chapter7-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 250px;
	    height: 284px;
	}
	.chapter7-bg .chapter-content .main-title h3 {
	    font-size: 18px;
	    line-height: 20px;
	    margin-bottom: 0;
	}

	/*Chapter-8 CSS*/
	.chapter8-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 250px;
	    height: 280px;
	}
	.chapter8-bg .two-data .round-img-div .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter8-bg .title-box h3 {
	    width: 100px;
	    margin: 0 auto !important;
	}	    
	.chapter8-bg .two-col-sec.two-col-quote .width-40 {
	    max-width: 100%;
	}
	.chapter8-bg .white-bg-box.quote-message {
	    margin: 40px 0 0 0;
	    padding: 30px 20px 20px 20px;
	}
	.chapter8-bg .community-item-wrap {
	    margin-top: 30px;
	}

	/*Chapter-9 CSS*/
	.chapter9-bg .chapter-title-sec .chapter-img .image-outer-circle {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter9-bg .sponser-wrapper .builb-div .d-flex {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: start;
	        -ms-flex-align: start;
	            align-items: flex-start;
	}
	.chapter9-bg .sponser-wrapper .chapter-content .white-bg-box .builb-div-img {
		margin-bottom: 10px;
	}
	.chapter9-bg .sponser-wrapper .round-img-div .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}

	/*Chapter-10 css*/
	.chapter10-bg .chapter-img .image-outer-circle {
	    max-width: 250px;
	    height: 250px;
	}
	.chapter10-bg .chapter-img .image-outer-circle .thumb {
	    max-width: 250px;
	    height: 323px;
	    top: -72px;
	}
	.chapter10-bg .round-img-div .back-img-div {
	    max-width: 250px;
	    height: 250px;
	}
}
/* Media Query CSS End
----------------------------*/
body {
	overflow-x: hidden;
}
.laptop-tip-bg-image p:last-child {
	float: right;
}

/**
 * Marketo form
 */
.mktoForm {
	width: 60% !important;
	margin: 0 auto !important;	
}

.mktoForm .mktoFieldWrap,
.mktoForm .mktoHasWidth,
.mktoForm .mktoFormCol,
.mktoForm input {
	width: 100% !important;
}

.mktoForm label {
	color: #000000 !important;
	font-size: 16px !important;
	float: left !important;
}

.mktoForm input[type=text] {
	border: 1px solid #BBBBBB !important;
	line-height: 12px !important;
	color: #3D3D3E !important;
	font-size: 16px !important;
}

.mktoForm input[type=button], 
.mktoForm input[type=submit], 
.mktoForm input[type=reset] {
	background-color: #F58026 !important;
	border: 1px solid #F58026 !important;
	color: #ffffff !important;
	padding: 16px 32px !important;
	text-decoration: none !important;
	margin: 4px 2px !important;
	cursor: pointer !important;
}

.mktoForm [name="Email"].higherLogicEmailInvalid ~ .mktoError {
	display: block !important;
	opacity: 1 !important;
}

.mktoForm .mktoButtonWrap.mktoPurpleCandy button.mktoButton {
	font-size: 18px !important;
}

.mktoForm .mktoButtonWrap.mktoPurpleCandy button.mktoButton:hover,
.mktoForm .mktoButtonWrap.mktoPurpleCandy button.mktoButton:focus,
.mktoForm .mktoButtonWrap.mktoPurpleCandy button.mktoButton:active {
	background-color: #6aa5a3 !important;
	background-image: none !important;
}

.mktoForm .mktoButtonWrap {
	margin-left: 0 !important;
	margin-top: 40px !important;
}

.mktoForm button.mktoButton {
	margin-left: auto !important;
	margin-right: auto !important;
}