* {
    margin: 0;
    padding: 0;
    border: none;
}

/*Fonts Start*/

@font-face {
    font-family: 'Futura-Regular';
    src: url('https://application.axisbank.com/all-websites/fonts/Futura-Regular.eot');
    src: url('https://application.axisbank.com/all-websites/fonts/Futura-Regular.eot?#iefix') format('embedded-opentype'), url('https://application.axisbank.com/all-websites/fonts/Futura-Regular.woff') format('woff'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.ttf') format('truetype'), url('https://application.axisbank.com/all-websites/fonts/Futura-Regular.otf') format('opentype'), url('https://application.axisbank.com/all-websites/fonts/Futura-Regular.svg#Futura-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'FuturaBT-Book';
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.eot');
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.eot?#iefix') format('embedded-opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.woff') format('woff'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.ttf') format('truetype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.otf') format('opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Book_gdi.svg#FuturaBT-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'FuturaBT-Medium';
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.eot');
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.eot?#iefix') format('embedded-opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.woff') format('woff'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.ttf') format('truetype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.otf') format('opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Medium_gdi.svg#FuturaBT-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'FuturaBT-Light';
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.eot');
    src: url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.eot?#iefix') format('embedded-opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.woff') format('woff'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.ttf') format('truetype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.otf') format('opentype'), url('https://application.axisbank.com/all-websites/fonts/FuturaBT-Light_gdi.svg#FuturaBT-Light') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

/*Fonts End*/
html {
    font-size: 62.5%;
}


body{
    background: #d0d0d0;
}
#grad1 {
    background: linear-gradient(to right, #d0d0d0 2%, #d8d8d7 30%, #e7e7e7 50%, #e9e8e9 82%, #dddddd 100%);
}

.maintainWrapper {
    width: 100%;
    max-width: 1147px;
    margin: 0 auto;
    padding-top: 3.8rem;
}



.maintainWrapper .content {
    height: 100%;
    overflow: hidden;
    padding-top:3.6rem;
}

.content .contLeft {
    display: inline;
    float: left;
    width: 50%;
}

.maintainWrapper .contLeft h1 {
    font-family: 'FuturaBT-Light', sans-serif;
    font-size: 2.6rem;
    color: #585858;
    font-weight: 500;
}

.maintainWrapper .contLeft h1 span {
    display: block;
    font-size: 3.2rem;
    font-weight: bold;
}

.maintainWrapper .contLeft ul {
    width: 350px;
    background: #e5e5e5;
    margin-top: 2.7rem;
    list-style-type: none;
}

.maintainWrapper .contLeft ul h2 {
    background: #ae275f;
    font-family: 'FuturaBT-Medium', sans-serif;
    color: #fff;
    font-size: 1.8rem;
    padding: 1rem 2rem;    
    font-weight: normal;
}

.maintainWrapper .contLeft ul li {
    background: url(https://application.axisbank.com/all-websites/images/list_arrow.png) no-repeat 2.3rem 1.3rem;
    border: 1px solid #ffffff;
    padding: 1rem 0rem 1rem 4rem;
    border-top: none;
    text-align: left;
}

.maintainWrapper .contLeft ul li a {
    color: #ae275f;
    text-decoration: none;
    font-size: 1.6rem;
    line-height:1.6rem;
    font-family: 'FuturaBT-Medium', sans-serif;
    font-weight: normal;
}

.maintainWrapper .contRgt {
    display: inline;
    float: left;
    width: 50%;
    padding-top: 3.4rem;
}
.maintainWrapper .contRgt img{vertical-align: bottom;}
.maintainWrap.footer {
    text-align: center;
    font-family: 'FuturaBT-Light', sans-serif;
    font-size: 2.6rem;
    color: #585858;
    padding-top: 12rem;
    background: #d0d0d0;
}

.maintainWrap.footer p {
    text-align: center;
    font-size: 1.8rem;
    font-family: 'FuturaBT-Light', sans-serif;
}

.maintainWrap.footer a {
    text-decoration: none;
    color: #ae275f;
    text-transform: uppercase;
}

.maintainWrap.footer span {
    color: #ae275f;
    text-transform: uppercase;
}

.maintainWrap.footer span.telNum {
    font-weight: bold;
    font-size: 2rem;
}


.gradWrapper {
    position: relative;
}


@media (max-width: 1160px) {
    .maintainWrapper {
        width: 90%;
    }
    @media (max-width: 768px) {
        #grad1 {
            background: #ececec;
        }

        .maintainWrapper {
            text-align: center;
        }

        .maintainWrapper .header {
            text-align: center;
        }

        .maintainWrapper .contLeft {
            float: none;
            width: 100%;
        }

        .maintainWrapper .contLeft h1 {
            text-align: center;
            font-size: 2.4rem;
        }

        .maintainWrapper .contLeft h1 span {
            font-size: 3rem;
        }

        .maintainWrapper .contLeft ul {
            margin: 3rem auto;
        }

        .maintainWrapper .contRgt {
            float: none;
            width: 100%;
        }

        .maintainWrapper .contRgt img {
            width: 100%;
            max-width: 500px;
        }
        span.telNum {
            display: block;
        }

        .maintainWrap.footer {
            padding: 5rem 2.5rem;
        }
    }

    @media (max-width: 480px) {
        .maintainWrapper {
            max-width: 350px;

        }

        .maintainWrapper .content {
            padding-top: 3.5rem;
        }

        .maintainWrapper .contLeft h1 {
            font-size: 2rem;
        }

        .maintainWrapper .contLeft h1 span {
            font-size: 2.4rem;
        }

        .maintainWrapper .contRgt img {
            max-width: 350px;
        }

        .maintainWrap.footer p {
            font-size: 1.6rem
        }
        span.telNum {
            display: inline;
        }
    }