body {
    font-family: 'Open Sans';
}

.basicpage {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
}

#guideContainerForm {
    background-color: #F7F7F7;

}

/*HEADER START */

#home-header {
    background-color: #004B8D;
}

#home-header {
    height: 48px !important;
}

.cmp-header__items {

    max-width: 942px;
    margin: 0 auto;
    display: flex;
    padding-top: 10px;
}

.cmp-help-link {
    display: flex;
    display: flex;
    margin-top: 1px;
    text-decoration: none;
    color: #fff;
}

.cmp-help-link span {
    margin-top: 3px;
}

.cmp-header__logo {
    width: 100%;
}

.cmp-header__image-background {
    margin-right: 10px;

}

.cmp-help-link span {
    font: normal normal bold 14px/16px Open Sans;
}

#home-content {
    max-width: 942px;
    margin: 0 auto;
}

#home-content>.container {
    background: #fff;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
    margin-top: -2em;
}


#home-tiles-cta {
    padding: 24px;
    background: #fff;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
    margin-top: -2em;
    margin-bottom: 2em;
}

/*HEADER END */

.container {

    margin: 0 auto;

    opacity: 1;
}

#banner-txt {
    height: 129px;
    background: #225EB5;
    padding-left: 24px;
    padding-right: 0;
}

#banner-txt P {
    display: flex;
    font: normal normal bold 20px/34px Open Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-top: 30px;
    text-align: left;
}

.tilesContainer .fd-row {
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;
    margin-top: -2em;
}

.tilesContainer .fd-row div {
    max-width: 894px;
}


.imagetextCTA {
    height: auto;
    box-shadow: 0px 2px 5px #252B382F;
    border: 0.5px solid #E6E6E6;
    border-radius: 12px;
    opacity: 1;
    margin-bottom: 16px;
    padding: 16px;
}

.imagetextCTA a {
    text-decoration: none;
}

.imagetextCTA a>div>div {
    width: 93%;
    float: left;
}

p {
    margin: 0;
    padding: 0
}

.cmp_imagetextCTA-title {
    text-align: left;
    font: normal normal bold 16px/18px Open Sans;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
    height: 22px;
    margin-bottom: 12px;

}

.cmp_imagetextCTA-description{
	width: 90%;
}

.cmp_imagetextCTA-description p {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #262626;
    opacity: 1;

}

.cmp_imagetextCTA-description p{
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 1;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
		height: auto;
}

.imagetextCTA img {
    float: right;
    top: -2.5em;
    position: relative;
    margin-right: 2em;
}

#container-47d62be1d8 {
    max-width: 942px;
    margin: 0 auto;
}

#footer {
    background-color: #004B8D;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 34px !important;
}

#footer p {
    max-width: 942px;
    margin: 0 auto;
    margin-top: 8px;
    font: normal normal normal 16px/19px Open Sans;
    color: #fff;

}

#hdfc-common-homepage .container:nth-child(2) {
    background: #f7f7f7;
}

/******* small mobile*******/
@media only screen and (max-width: 319px) {


    #home-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cmp-header__logo-image {
        width: 9em;
    }

    #banner-txt P {
        padding-top: 11px;
    }

    .cmp_imagetextCTA-description {
        max-width: 200px;
        margin-bottom: 16px;
    }

    .imagetextCTA img {
		top: -2.7em;
        margin-right: 0;
    }

    #footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*****mobile large********/
@media only screen and (min-width:320px) and (max-width: 480px) {

    #home-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cmp-header__logo-image {
        width: 9em;
    }

    .cmp_imagetextCTA-description {
        max-width: 303px;
        margin-bottom: 16px;
    	margin-right: 1.5em;
    }

    .imagetextCTA img {
		top: -2.7em;
        margin-right: 0;
    }

    .cmp_imagetextCTA-description p{
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 2;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
		height: auto;
    }

    .cmp_imagetextCTA-description{
		margin-bottom: 0;
	}

    #footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width:481px) and (max-width: 768px) {

    #home-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cmp-header__logo-image {
        width: 9em;
    }


    .cmp_imagetextCTA-description p{
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 1;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
		height: auto;
    }

    .imagetextCTA img {

        margin-right: 0;
    }

    #footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*******Tablet*******/
@media only screen and (min-width:769px) and (max-width: 991px) {

    #home-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cmp-header__logo-image {
        width: 9em;
    }


    .cmp_imagetextCTA-description p{
		overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-line-clamp: 1;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
		height: auto;
    }

    .imagetextCTA img {

        margin-right: 0;
    }

    #footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}