body{
	font-family: 'Poppins-Medium';
}
html {
    scroll-padding-top: 80px;
}

/* itsm landing page css */
.itsm-apps .itsm-heading h1{
    font-size: 48px;
    padding-top: 16px;
    padding-bottom: 6px;
    color: #002b58;
    background: linear-gradient(to right, #002B58 36%, #113254 10%, #12B5FD 58%, #12B5FD 60%, #ffc086 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}
.itsm-apps .itsm-heading .sub-heading{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding-bottom: 26px;
    color: #002b58;
    font-size: 22px;
    line-height: 36px;
}
.it-service-apps-list .sub_heading h6 {
    color: #002b58;
    font-size: 24px;
    padding-bottom: 12px;
}
.itsm-apps p {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 34px;
    font-size: 14px;
    color: #002b58;
}
.it-service-apps-list .content-images {
    width: 75%;
}
.image-note {
    font-size: 12px !important;
    font-weight: 700;
    padding-bottom: 34px;
}


.feature-list .feature img{
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    margin-bottom: 30px;
}

/* media queries */
@media only screen and (max-width: 768px) {
    .sub-heading br {
        display: none;
    }
    .itsm-apps .itsm-heading h1 {
        font-size: 28px;
    }
    .itsm-apps .itsm-heading .sub-heading {
        font-size: 18px;
        line-height: 26px;
    }
    .it-service-apps-list  .content-images {
        width: 90%;
    }
    .itsm-apps p {
        padding-bottom: 34px;
        font-size: 14px;
        color: #002b58;
    }
}

/* shared-inbox landing page css */

.shared-inbox-header-section .header{
    font-size: 48px;
    padding-top: 16px;
    color: #002b58;
    background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}
.shared-inbox-header-section .sub-header{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding-bottom: 26px;
    color: #002b58;
    font-size: 22px;
}

/* common css */
.feature-list .feature .feature-subheader{
    font-size: 16px;
    color: #002b58;
    /* font-weight: bold; */
    padding-bottom: 16px;
    font-family: "Poppins-SemiBold";
}
.feature-list .feature .feature-header{
    color: #002b58;
    font-size: 24px;
    padding-top: 16px;
    padding-bottom: 0px;
}
.feature-list .feature p {
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 24px;
    font-size: 14px;
    color: #002b58;
}
/* media queries */
@media only screen and (max-width: 768px) {
    .shared-inbox-header-section .header {
        font-size: 38px;
        background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 75%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0.9;
    }

    .shared-inbox-header-section .sub-header {
        font-size: 20px;
        padding-bottom: 24px;
    }
    .feature-list .feature .feature-header {
        font-size: 22px;
    }
    .feature-list .feature p {
        padding-bottom: 30px;
        font-size: 14px;
        color: #002b58;
    }
}

/* crm css */

.crm-header-section .header{
    font-size: 43px;
    padding-top: 30px;
    color: #002b58;
    background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}
.crm-header-section .sub-header{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding-bottom: 26px;
    color: #002b58;
    font-size: 22px;
}
@media only screen and (max-width: 768px) {
    .crm-header-section .header {
        font-size: 32px;
        background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 78%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0.9;
        margin-top: 16px;
        padding: 0px 5px;
    }
    .crm-header-section .sub-header {
        font-size: 20px;
        padding-bottom: 24px;
        padding: 0px 12px;
    }
}
/* mdm css */

.mdm-header-section .header{
    font-size: 48px;
    padding-top: 16px;
    color: #002b58;
    background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 52%, #12B5FD 46%, #ffc086 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
}
.mdm-header-section .sub-header{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding-bottom: 26px;
    color: #002b58;
    font-size: 22px;
}
@media only screen and (max-width: 768px) {
    .mdm-header-section .header {
        font-size: 38px;
        background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 77%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0.9;
        margin-bottom: 0px;
    }
    .mdm-header-section .sub-header {
        font-size: 20px;
        padding-bottom: 24px;
    }
}

/* Customer Service, Help Desk and Ticketing CSS */

.csht-header-section .header{
    font-size: 48px;
    padding-top: 16px;
    color: #002b58;
    background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 52%, #12B5FD 46%, #ffc086 83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.9;
    text-align: center;
}
.csht-header-section .sub-header{
    font-family: 'Poppins-Medium';
    font-weight: 500;
    padding-bottom: 26px;
    color: #002b58;
    font-size: 22px;
    text-align: center;
}
.feature .feature-header{
    text-align: center;
    color: #002b58;
    font-size: 24px;
    padding-top: 16px;
    padding-bottom: 0px;
}
.feature .feature-subheader{
    text-align: center;
    font-size: 16px !important;
    color: #002b58 !important;
    font-weight: bold;
    padding-bottom: 10px !important;
}
.feature .feature-description{
    padding-bottom: 40px;
    font-size: 14px;
    color: #002b58;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .csht-header-section .header {
        font-size: 38px;
        background: linear-gradient(to right, #002B58 34%, #113254 15%, #12B5FD 55%, #12B5FD 46%, #ffc086 77%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        opacity: 0.9;
        margin-bottom: 0px;
    }
    .csht-header-section .sub-header {
        font-size: 20px;
        padding-bottom: 24px;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
    .crm-header-section .header{
        margin-top: 16px;
    }
}
.feature .ticketing-subsections .sub-section-header{
    color: #002b58;
    font-size: 18px;
    padding-top: 16px;
    padding-bottom: 0px;
    text-align: left;
}
.feature .ticketing-subsections .sub-section-subheader{
    font-size: 14px;
    color: #002b58;
    font-weight: bold;
    padding-bottom: 0px;
    text-align: left;
}
.feature .ticketing-subsections p{
    padding-bottom: 24px;
    font-size: 12px;
    color: #002b58;
    text-align: left;
}

.ticketing-subsections .section{
    border: 3px solid #dee2e6;
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 16px;
    transition: transform 0.3 ease;
}
.ticketing-subsections .first-full-section{
    border: 3px solid #dee2e6;
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 16px;
    min-height: 644px;
    transition: transform 0.3 ease;
}
.ticketing-subsections .second-full-section{
    border: 3px solid #dee2e6;
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 16px;
    min-height: 530px;
    transition: transform 0.3 ease;
}
.ticketing-subsections .third-full-section{
    border: 3px solid #dee2e6;
    margin-bottom: 24px;
    padding: 20px;
    border-radius: 16px;
    min-height: 644px;
    transition: transform 0.3 ease;
}

.ticketing-subsections .section:hover{
    box-shadow: 0px 0px 10px 1px #5895d1;
}
.ticketing-subsections .first-full-section:hover{
    box-shadow: 0px 0px 10px 1px #5895d1;
}
.ticketing-subsections .second-full-section:hover{
    box-shadow: 0px 0px 10px 1px #5895d1;
}
.ticketing-subsections .third-full-section:hover{
    box-shadow: 0px 0px 10px 1px #5895d1;
}
.ticketing-section-image{
    width: 200px;
}
.readMore-btn{
    font-size: 12px;
    color: #002b58;
    cursor: pointer;
    font-weight: bolder;
}
.collapse-btn{
    font-size: 12px;
    color: #002b58;
    cursor: pointer;
    font-weight: bolder;
    position: absolute;
    bottom: 84px;
}