/* .kotak_landing_page{
    background-image: url("../images/bannerimg.png");
    background-repeat: no-repeat;
    width: 100%;
    content: "";
    top: 18px;
} */
/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }



  /* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }


  

.kotak_landing_page .logoimgs{
    width: 242px;
}
.kotak_landing_page .logored{
    background: #E50019 0% 0% no-repeat padding-box;
    padding: 10px 0px 10px 42px;
    position: relative;
    z-index: 11;
}
.kotak_landing_page .things{
    top: 28%;
    /* left: 17%; */
    left: 3%;
}
.kotak_landing_page .things p{
    color: #002C62;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.kotak_landing_page .features{
    z-index: 1;
    top: 44%;
    left: 16%;
    /* left: 30%; */
}
.kotak_landing_page .featuresbtn{
    background: #E50019;
    color: #fff;
    border-radius: 15px;
    border: 0;
    width: 150px;
    padding: 0px 0px 3px
}
.kotak_landing_page .viewlinks{
    
    top: 46%;

    /* left: 249px; */
    /* max-width: 777px;
    margin: 0 auto; */
    border: 1px solid #E50019;
    border-radius: 29px;
    opacity: 1;
    width:100%;
    padding: 41px 0px 30px;
    /* width: 600px;
    height: 215px;
    padding: 52px 58px 93px; */
    font-weight: 500;
    position: relative;
}
.kotak_landing_page .viewlinks .pr-20{
    /*padding-right: 20px;*/
    width: 20%;
}
.kotak_landing_page .viewlinks p{
    font-size: 13px;
    letter-spacing: 0px;
    color: #050605;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.smallicons img{
  /* height: 60px; */
  height: 50px;
  padding-bottom: 10px}
.smallicons .smalliconstext{text-align: center;}
.kotak_landing_page .viewlinks .icons{margin: 0 25px;}
.digital_services .desktopiconimgs {
  /* width: 50px; */
   width: 120px;
   margin-bottom: 10px;
}
.digital_services .smalldigitalicons{
  text-align: center;
}
.digital_services .iconimgs{
    width: 70px;
    margin-left: 55px
}

.digital_services{
    /* padding: 20px 20px; */
}
.digital_services h3{
    text-align: center;
letter-spacing: 0px;
color: #002C62;
opacity: 1;
font-weight: 700;
font-family: 'Roboto', sans-serif;
}
.digital_services .clickcircle{
    /* max-width: 1084px; */
    /* margin: 0 auto; */
    display: flex;
}

.digital_services .bg-darkblue{
  /* background-color: #002C62; */
  background-color: #fff;
    margin: 0px;
    position: fixed;
    bottom: 0px;
    padding: 0px;
    max-width: 100%;
    /* height: 34vh; */
    height: 44vh;
}
.digital_services .desktop_p{
  /* color: #fff; */
  color: #002C62;
    font-size: 17px;
    font-weight: 800; 
    /* font-size: 13px;
    font-weight: 700; */
    
    /* text-align: initial; */
}
.digital_services p{
    font-size: 18px;
    text-align: center;
/* font: normal normal medium 28px/38px Roboto; */
letter-spacing: 0px;
color: #002C62;
opacity: 1;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.digital_services .digital_click{
  text-align: center;
    letter-spacing: 0px;
    /* color: #fff; */
    color: #002C62;
    opacity: 1;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-top:15px;
    margin-bottom: 15px;
    font-size: 26px;
     transition: transform .2s; 
}
/*.digital_click:hover{ color:#E50019; transition: transform .2s;  transform: scale(1.1); cursor: pointer; Animation }*/
.digital_guide{
    background: #F6F9F8 0% 0% no-repeat padding-box;
opacity: 1;
height: 105px;
text-align: center;
padding: 20px 20px;
}
.digital_guidedesktop{
  /* background: #F6F9F8 0% 0% no-repeat padding-box; */
opacity: 1;
/* height: 105px; */
text-align: center;
/* padding: 20px 20px; */
}
.digital_guidedesktop .circlearrowimg {
  width: 30px;
  margin-left: 10px;
}
.digital_guidedesktop .btnreddesktop{
  border: 2px solid #fff;
    border-radius: 52px;
    /* width: 191px; */
    width: 244px;
    height: 45px;
    font-size: 20px;
    font-weight: 400;
    padding: 6px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: #fff;
    float: right;
    margin-top: -50px;
   /* margin-right: 42px;*/
    position: relative;
     right: 42px;  
}
.digital_guide .btnred{
    border: 2px solid #E50019;
    border-radius: 52px;
    width: 235px;
    height: 67px;
    font-size: 25px;
    font-weight: 400;
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: #050605;
}
.digital_guide .circlearrowimg{
    width: 50px;
    margin-left: 10px;
}
.links a{text-decoration: none;transition: transform .2s; display: block;}
.smallicons a{text-decoration: none !important;color: #000000 !important}
.links a:hover{transition: transform .2s;
    transform: scale(1.05); display: block;
    cursor: pointer;}
.links a:hover .desktop_p{ color:#E50019;}
/* .digital_guide .btnred a{
    color: #050605;er
    text-decoration: none;
}
.digital_guide .btnred a:hover{
    color: #050605;
    text-decoration: none;
} */
@media only screen and (max-height: 1440px) {

  .kotak_landing_page .bannerimg{height: 70vh; object-fit: cover;}

}

@media only screen and (max-width: 1024px) {
  .kotak_landing_page .iconsimg1024{
    width: 40px;
    height: 40px;
  }
  .kotak_landing_page .viewlinks .icons {
    margin-right: 40px;
}
.kotak_landing_page .viewlinks p {
  /* font-size: 14px; */
  font-size: 13px;
  letter-spacing: 0px;
  color: #050605;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.kotak_landing_page .viewlinks {
  top: 43%;
  left:0px;
  border: 1px solid #E50019;
  border-radius: 29px;
  opacity: 1;
  width: 90%;
  height: auto;
  /* padding: 30px 30px 30px; */
  font-weight: 500;
}
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 821px) {
  .kotak_landing_page .viewlinks{left: 10px;}
  .kotak_landing_page .things {left: 15px;}
  .kotak_landing_page .features {left: 18%;
}

}

@media only screen and (max-width: 767px) {
  .digital_services h3 {
    background-color: #f5f6f6;
    padding: 20px;
    margin-top: 10px;
  }
  .kotak_landing_page .iconsimg1024{
    width: 50px;
    height: 50px;
  }
    .kotak_landing_page .viewlinks .pr-20 {
        padding-right: 26px;
        margin-bottom: 30px;
        /* padding: 10px 20px; */
        text-align: center;
    }
    .kotak_landing_page .viewlinks .icons {
      margin-right: 0px;
  }

    .digital_services .links {
        flex: 0 0 auto;     
        /* width: 100%; */
        width: 50%;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .digital_services .clickcircle {
      /* max-width: 1084px; */
      /* margin: 0 auto; */
      /* display: flex; */
      justify-content: center;
  }
    .digital_services p {
        font-size: 15px;
        text-align: center;
        letter-spacing: 0px;
        color: #002C62;
        opacity: 1;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }
    .kotak_landing_page .things {
        top: 10%;
        left: 10%;
    }
    .kotak_landing_page .viewlinks {
        top: 23%;
    left: 0;
    border: 1px solid #E50019;
    border-radius: 29px;
    opacity: 1;
    width: 100%;
    max-width: 320px;
    height:auto;
    padding: 30px 34px 10px;
    font-weight: 500;
   margin: auto;
    right: 0;
    }
    .kotak_landing_page .mobileiconsside{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 10px;
    }
    .kotak_landing_page .things p {
        color: #002C62;
        font-size: 30px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }
    .kotak_landing_page .features {
        z-index: 111;
        top: 22%;
        left: 30%;
    }
    .digital_services .iconimgs {
        width: 70px;
        margin-left: 0px;
    }
    .banner-content{position: static !important; height: 100vh !important;}
    .banner-gal{display: none;}
    .banner-content:after{content: none !important;}

    .things{background: #f4f6f7;}
    .things .things_are{font-size: 29px;
      font-weight: 300;
      color: #13366d;
      text-align: center;
      padding-top: 50px;
  }

}
@media only screen and (max-width: 321px) {

.kotak_landing_page .viewlinks{max-width: 285px;}
.kotak_landing_page .things { left: 0%;}
.kotak_landing_page .mobileiconsside{margin-top: 10px}
}

.banner-content{height: 45vh;object-fit: cover;position: absolute;top:8vh; width: 100%; background: #eef7fb;}
.banner-box{position: absolute; 
  /* top:20%; */
  top:10%;
  
  width: 60%;margin-left: 42px; z-index: 1;}
.banner-content:before{/*content: '';*/ position: absolute; background-image: url(../images/bannerimg.png); background-repeat: no-repeat; width:100%; height:100%; background-size:cover;     background-position: 65% 0;}
.banner-content:after{
  content:'';
  position: absolute; 
  bottom:0; 
  /* background-image: url(../images/bg-set.png);  */
  background-repeat: no-repeat; 
  width:100%; height:66px; background-size:cover; }
.viewlinks:before{content: 'Key Services';    background: #E50019;color: #fff;border-radius: 15px;border: 0;width: 150px;padding: 2px 0px 5px; top: 0%;transform: translate(-50%, -50%);left: 50%; position: absolute; text-align: center} 
.smalliconsimg{text-align: center;}
.things{padding-bottom: 2rem;}
.mobile-show{display: none;}
.banner-gal{position: absolute; 
  /* right:0px;  */
  right: 135px;
  z-index: 1; 
  bottom: 0px;
  /* bottom: 20px; */
  /* bottom: 0; */
   /* width: 19%; */
   width: 19%;
  }

.banner-gal img{width: 100%;}
.bg-red{width: 100%; height: 30px; background: #E50019; text-align: right;position: absolute;bottom: 0;}
.bg-text{height: 30px;
    text-align: right;
    width: auto; margin-right: 42px;}

.clickcircle .justify-content-between{display: flex;     -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;}


.footer-icons{max-width: 1000px;margin: 0 auto;}

@media only screen and (min-width: 1366px) {body{overflow: hidden;} }
@media only screen and (min-width: 1366px) { 
    .banner-content:before{   background-position: 100% 0;}
    .kotak_landing_page .things p{ margin-bottom: 0; margin-top: 1rem;}

}
@media only screen and (max-width: 1280px) {
    .banner-content{    height: 45vh;} 
    .digital_services .bg-darkblue{height:45vh;}
    .kotak_landing_page .things{    padding-bottom: 0rem;}
    .banner-content:after{height: 42px;}
    .banner-gal{    width: 22%; right:125px; bottom: 0}
    .banner-box{margin-top: 25px;}
    .features{margin-top:30px;}
    .kotak_landing_page .viewlinks{padding: 31px 0px 18px;}
}
@media only screen and (max-width: 768px) {
    
    .banner-content:before{background-image: url(../images/bannerimg.png); top:0; background:#e9f1f4}
    .banner-box{top:0; width: 100%; margin: auto; position: static;}
    .kotak_landing_page .logoimgs{display: block !important; width: 207px;}
    .kotak_landing_page .logored{padding-left: 16px;}
    .kotak_landing_page .viewlinks .pr-20{width: 49%; padding: 0;}
    .kotak_landing_page .viewlinks .icons{margin: auto;}
    .digital_services{margin-top: 1rem;}
    .kotak_landing_page .things{padding-top: 1.5rem;}
    .kotak_landing_page .things p{padding: 0 12%; font-size: 28px; margin-bottom: 30px}
    .mobile-show, .mobile-show img{width: 100%; display: block;}
    .banner-content{height: auto !important;}
   

    /* vinella */
    .smallicons{padding: 50px 0;}
    .smallicons .cust_col{max-width: 50%;flex: 0 0 50%;margin-bottom: 20px;}
    .wrapper{overflow-x: hidden;}
    .smallicons{    border: 1px solid red;
      margin: 0 20px 0;
      border-radius: 20px;}
      .viewlinks{position: relative;margin: 80px 0 140px;}
      .kotak_landing_page .logored_2{
        background: #E50019 0% 0% no-repeat padding-box;
        padding: 10px 0px 10px 42px;
        position: relative;
        z-index: 11;
    }
    .logored_2 {background: #E50019;
      padding: 10px 0px 10px 16px;}
    .logoimgs_2{display: block !important;}
    .digital_services h3{margin-top: 0;}
    .digital_services {margin-top: 0;}
    .logoimgs_2{width: 207px;}
      /* vinella */
    .mobile-logo .digital_guidedesktop .btnreddesktop{border: none; width: auto; padding: 10px 0 0;}
    .digital_guide{position: fixed; bottom: -10px;  width: 100%;padding-top: 30px;}
}

.kotak_landing_page .viewlinks .pr-20:hover{
  transition: transform .2s;
    transform: scale(1.05);
    display: block;
    cursor: pointer;
}
.kotak_landing_page .viewlinks .pr-20:hover p{
  color: #e50019;
}