.digitalard-page{font-family: 'Roboto', sans-serif;}
.graybg {
    background: #f5f5f5;
    background-repeat: no-repeat;
    background-position: left top;
}
.digitalard-page h2{color:#003e6f;font-size:32px;font-weight:700;line-height:42px;margin-bottom:15px}
.digitalard-page p {
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: 8px
}
.topmainHeader{text-align:center; margin-bottom: 50px;}
.topmainHeader h1{color:#003e6f;font-size:40px;font-weight:700;line-height:42px;margin-bottom:20px}
.topmainHeader img{margin-bottom:50px}
.brandambassador a{display:inline-block;border:2px solid #003e6f;color:#000;padding:4px 20px 6px;font-size:20px;line-height:22px;font-weight:500;margin:10px 0 20px}
.brandambassador a:hover{background:#003e6f;color:#fff}
.brandambassador {
    margin-bottom: 70px;
    height: 700px;
    position: relative;
    background: url(../../images/digital-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
}
.mt50{margin-top: 60px;}
.images{padding-right: 65px;}
.btns a{display: inline-block;
    border: 2px solid #003e6f;
    color: #000;
    padding: 4px 20px 6px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    margin: 10px 0 0px;}
.digital-top-content {
    position: absolute;
    width: 38%;
    right: 0;
    top: 28%;
    transform: translate(-8%, -15%);
}
.justify-content{text-align:justify}
.mt30{margin-top:30px}
.digitalard-page h3 {
        color: #393939;
    font-size: 26px;
    font-weight: 500;    margin: 15px 0;
}
.digitalfeatures {
    text-align: center
}.digitalfeatures h4{    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 0;}

.digitalpoints-box {
        
    display: flex;
    align-items: center;
}
.digitalpoints {
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    padding: 0;text-align: center;
}
.pdr{padding-right:0}
.pdl{padding-left:0}
.digitalpoints-box h4{font-weight:600}
.digitalpoints img {
    vertical-align: middle;
}
 .digitalpoints strong{display:block;height:100%;margin:0;padding:0 0 0 90px;font-size:22px;line-height:normal;position:absolute;top:8px;width:100%}
 .herewhy{margin-top:40px}
.loveboxes {background: #fff;
    padding: 14px;
    border-radius: 4px;
    box-shadow: 5px 5px 7px #00000030;
    text-align: center;
    height: 590px;
    margin-top: 20px;
}
.loveboxes h2{    margin: 16px 0;
    font-size: 23px;
    line-height: 1;}
    .loveboxes img{margin:20px 0}
 .loveboxes h3{font-weight:600;font-size:18px;line-height:26px}
#accordion1 .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

#accordion1 .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}
#accordion1 .glyphicon {
    position: relative;
    top: -4px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-plus:before {
    content: "\2b";
}
.glyphicon-minus:before {
    content: "\2212";
}
#accordion1 .panel-title {
    font-size: 20px;
    margin-bottom: 25px
}

    #accordion1 .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
        color: black;
        box-shadow: 2px 1px 4px 1px #0000001a;
    }

#accordion1 .more-less {
    float: right;
    color: #212121;
    font-weight: 800;
    font-size: 30px;
}

#accordion1 .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
    background: #ffffffc2;
    padding: 15px;
    margin-bottom: 25px;
}

 @media only screen and (max-width:776px)
 {
    .pdr {
    padding-right: 15px;
}
.digitalpoints{text-align: left;}
    .mt50{margin: 0}
    .images{padding: 0 15px;}
   .topmainHeader h1{font-size:30px;line-height:normal}
  .digitalard-page h2{font-size:25px;line-height:normal}
    .brandambassador {
        margin-bottom: 0;
        height: 550px;
    }
    .digital-top-content {
        position: absolute;
        width: 100%;
        right: 0;
        top: unset;
        transform: none;
        bottom: 30px;
    }
    .digitalpoints-box {
        margin-top: 15px;
        height: auto;
        margin-bottom: 0;
        display: inline-block;
    }
    #accordion1 .panel-title {
        font-size: 17px;
    }
    .more-less {
        padding-left: 20px;
    }
  .digitalfeatures{text-align:center;padding:20px 0}
  .loveboxes{height:auto}

 }
 @media(min-width:768px) and (max-width:1024px){
    .brandambassador {
        margin-bottom: 0;
        height: 700px;
    }
 .digitalard-page h2{font-size:25px;
                     line-height:normal}
   .digitalard-page p{font-size:1rem;
                      line-height:normal}
    .digitalpoints-box {
        height: 345px; display:inline-block;
    }
    .loveboxes {
        height: 700px;
    }
 .digitalpoints strong{font-size:16px}

 }