.container-new {
    box-sizing: border-box;
}

.feature {
    max-width: 1000px;
    width: 100%;
}

.feature h2,
.sdp-footer-col h2 {
    font: 36px / 1.1 "Zoho_Puvi_Bold";
}

section.yellow-bg .feature-bg,
.sdp-faq-sec {
    background: #FFF7E8;
}

section.extra-dark-yellow-bg .box {
    max-width: 1200px;
    width: 100%;
    padding: 50px 50px 60px;
}

section.extra-dark-yellow-bg .feature-bg {
    background: #FFFBF2;
}

.sd-bread-crumb .sdp-cmn-breadcrum a,
span.sdp-bread-crumb-arrow,
span.sdp-root-page {
    color: #000;
}

.sd-bread-crumb .sdp-cmn-breadcrum a::after {
    background: #000;
}

.banner h1,
.banner p {
    color: #000;
}

.box-list-items {
    padding-right: 70px;
    box-sizing: border-box;
}

.banner p {
    max-width: 650px;
    width: 100%;
}

.box h4 {
    font: 24px / 1.3 "Zoho_Puvi_Bold";
}

.banner-bg {
    background: url(../../it-incident-management/images/it-incident-management-banner-bg.jpg);
    background-size: cover;
    padding: 25px 0px 250px 0px;
}

.overlapping-section h2 {
    max-width: 900px;
    width: 100%;
}

.dark-blue-bg {
    background: #FFFAF0;
}

.faq-main-content {
    position: relative;
    width: 100%;
    margin: 50px auto;
    max-width: 1100px;
}

.faq-main-content .faq-item {
    padding: 25px 80px 25px 30px;
}

.blue-box {
    background: url(../images/blue-bg.png) #2350da;
    background-size: cover;
}

.blue-box p,
.blue-box h4 {
    color: #fff;
}

.blue-box h4 {
    font: 40px / 1.15 "Zoho_Puvi_Bold";
    margin: 0px 0px 0px 0px;
}

.blue-box p {
    font: 18px / 1.5 "Zoho_Puvi_Regular";
    text-align: left;
    margin: 15px 0px 40px 0px;
    max-width: 500px;
    width: 100%;
}

.blue-box a {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 12px 20px;
    background: #FED100;
    border: 2px solid #FED100;
    color: #000;
}

.blue-box a.cta:hover {
    box-shadow: 8px 8px #0e36b0;
}

.banner-bg a.cta:hover {
    box-shadow: 8px 8px #ddc243;
}

.sub-caption p {
    font-family: 'Zoho_Puvi_Bold';
    font-size: 17px;
    margin-top: 20px;
}

.related-items-icon-wrapper {
    height: 70px;
    width: 70px;
    position: relative;
}

.related-items p {
    padding-right: 40px;
}

.related-items-icon-wrapper span {
    height: 100%;
    display: block;
    width: 100%;
    background-size: 280px;
    background-repeat: no-repeat;
    transition: .3s ease;
}

.related-items-icon-wrapper span,
.related-items-icon-wrapper span,
.related-items-icon-wrapper span::after,
.related-items-icon-wrapper span::before {
    background: url(../../it-incident-management/images/itil-capabilities-isomatric-sprites.png);
}

.related-items-icon-wrapper span {
    background: url(../../it-incident-management/images/itil-capabilities-sprites.png);
}

.related-items-icon-wrapper em {
    content: '';
    position: absolute;
    background: url(../../it-incident-management/images/itil-capabilities-sprites.png);
    background-size: 270px;
    display: block;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    transition: .3s ease;
}

.related-items-wrapper {
    margin-top: 50px;
}

.related-items-wrapper h3 {
    text-align: center;
}

.related-items-wrapper .pm-management span {
    background-position: -5px -112px;
    background-size: 260px;
}

.related-items-icon-wrapper span::after,
.related-items-icon-wrapper span::before {
    content: '';
    position: absolute;
    transition: .3s ease;
}

.related-items-wrapper .pm-management span::before {
    background: url(../../it-incident-management/images/itil-capabilities-sprites.png);
    background-position: 229px -183px;
    right: -17px;
    bottom: 5px;
    background-size: 250px;
    height: 40px;
    width: 40px;
    transform: scale(1.2);
    transform-origin: bottom right;
}

.related-items-wrapper .pm-management:hover span::before {
    bottom: 12px;
    right: -10px;
}

.pm-management .related-items-icon-wrapper::after {
    background-position: 99px -103px;
    left: 0;
    top: 27px;
    background-size: 180px;
    height: 10px;
    width: 15px;
    opacity: 0;
    transform: scale(1)
}

.pm-management:hover .related-items-icon-wrapper::after {
    opacity: 1;
    transform: scale(1.2)
}

.related-items-wrapper .change-mgt span::before {
    background-position: -111px -9px;
    background-size: 185px;
    position: absolute;
    height: 100%;
    width: 100%;
}

.related-items-wrapper .change-mgt:hover span::before {
    transform: rotate(-20deg);
}

.related-items-wrapper .change-mgt span::after {
    background-position: 307px -133px;
    left: 50%;
    top: 50%;
    background-size: 180px;
    height: 100%;
    width: 55px;
    transform: rotate(0deg) translate(-50%, -50%);
    transform-origin: center center;
}

.related-items-wrapper .change-mgt:hover span::after {
    transform: translate(-50%, -50%) rotate(20deg);
}

.related-items-wrapper .it-asset-mgt span {
    background-position: -101px -10px;
    background-size: 330px;
    z-index: 2;
    position: relative;
}

.related-items-wrapper .it-asset-mgt:hover span {
    transform: rotate(15deg);
}

.related-items-wrapper .it-asset-mgt em {
    top: -15px;
    left: -7px;
    z-index: 1;
    background-position: -92px -73px;
    background-size: 270px;
    height: 50px;
    width: 40px;
}

.related-items-wrapper .it-asset-mgt:hover em {
    top: -25px;
}

.extra-bottom-padding {
    padding: 100px 0px 230px 0px;
}

.sdp-img-bg {
    background: #FFF2D5;
}

@media only screen and (max-width: 1024px) {
    .banner-bg {
        margin-top: 20px;
        padding: 25px 0px 100px 0px;
    }
}

@media only screen and (max-width: 768px) {
    section.extra-dark-yellow-bg .box {
        width: 90%;
        border-radius: 10px;
        padding: 50px 30px 60px;
    }
    .box .col:nth-child(1) {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 600px) {
    .feature-bg {
        padding: 75px 0px;
    }
    .faq-main-content .faq-item {
        padding: 15px 70px 15px 0px;
    }
}