/* fonts varibles only */
@font-face {
  font-family: "font-medium";
  src: url("../assets/fonts/samsungsharpsans-medium.otf");
}

@font-face {
  font-family: "font-bold";
  src: url("../assets/fonts/samsungsharpsans-bold.otf");
}

@font-face {
  font-family: "font-regular";
  src: url("../assets/fonts/samsungsharpsans.otf");
}

@font-face {
  font-family: "Antro-Vectra-reg";
  src: url("../assets/fonts/Antro_Vectra.otf");
}
@font-face {
  font-family: "Antro-Vectra-bold";
  src: url("../assets/fonts/Antro_Vectra_Bolder.otf");
}


/*navigation bar*/
/********************************************************************************************/
.navbar-nav {
  width: 100%;
}

.navbar {
  z-index: 2;
  width: 100%;
}

.body_header_separator {
  padding-bottom: 115px;
}

.nav-link {
  padding-left: 12px !important;
  padding-right: 12px !important;
  color: black !important;
  border-bottom: transparent 3px solid;
  transition: 0.2s;
}

.nav-link:hover {
  color: orangered !important;
  border-bottom: orange 3px solid;
  transition: 0.5s;
}

.navbar-nav li a {
  padding-top: 50px;
}

.mm_text {
  width: 100%;
  text-align: center;
  transition: 0.75s;
}

.mm_text:hover {
  text-shadow: 0px 0px 6px #727272;
}

.mm_logo_mobile {
  display: none;
}

.colleps_logo {
  display: block !important;
}

.colleps_home {
  display: none !important;
}

.personal_page_title {
  padding-top: 110px;
}

.header_block {
  width: 100%;
}

/*///////////////////////////////////footer style///////////////////////////////////*/

.copy_rights {
  font-size: 0.8em;
  margin-top: 12px;
  padding-right: 0 !important;
}

.quote_block {
  margin-bottom: 6px;
}

.footer_background {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}


/********************************************************************************************/


/*particle background styles*/
/*****************************************************************************************/
html, body {
  margin: 0;
  padding: 0;
}

.background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;

}
/*****************************************************************************************/

.body {
  font-family: font-bold, serif;
  background-color: #F2F2F2 ;
}

.logo_image {
  width: 50px;
  height: 50px;
}

.header {
  font-size: 3em;
  /* font-weight: bold; */
  font-family: "Antro-Vectra-bold";
  color: black;
  transition: transform 0.4s;
  text-align: center;
  margin-top: 2.8vh !important;
}
.metriclogo{
  margin-top: 4vh;
  text-align: center;
  width: 100%;
}

.header2 {
  text-align: center;
  position: absolute;
  right: 0;
  top: 11.5vh;
  margin: auto;
  font-size: 0.9em;
  color: black;
  transition: transform 0.4s;
}

.header2:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}

.headings1 {
  /*margin-left: -15px;*/
}

.headings2 {
  text-align: right;
}

.view_interviews {
  text-align: center;
  font-size: 0.9em;
  color: black;
  transition: transform 0.4s;
  margin-top: 10vh;
}

.view_interviews:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5);
}

.names {
  font-size: 2.8em;
  font-family: font-bold, serif;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

p {
  font-family: 'Ibarra Real Nova', serif;
  font-weight: 400;
}

.keellsLogo {
  text-align: center;
  margin-top: 10vh;
}

.btnWatchInterview {
  border: 2px #62ba46 solid !important;
  color: #62ba46 !important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  /* width: 100%; */
}
/**********************************button styles***************************************************/
.buttonfx{
  color: black; /* button text color */
  outline: none;
  background: transparent;
  border: none;
  border-bottom: 4px solid #eee;
  letter-spacing: 0.0625em;
  padding: 8px 10px;
  text-transform: uppercase;
  font: bold 16px 'Bitter', sans-serif; /* use google font */
  line-height: 2;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
  text-decoration: none; /* remove underline if using A instead of BUTTON tag */
  overflow: hidden;
  transition: all .5s;
}

.buttonfx:before,
.buttonfx:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #259f6c; /* onhover background color */
  z-index: -1;
  transform: translate3D(0,-100%,0); /* move elements above button so they don't appear initially */
  transition: all .5s;
}

.buttonfx:before{
  background: #fafcd6; /* button default background color */
  z-index: -2;
  transform: translate3D(0,0,0);
}

.buttonfx:hover{
  color: white;
}

.buttonfx:hover:after{
  transform: translate3D(0,0,0);
  transition: all .5s;
}

.doubletake:before,
.doubletake:after{
  width: 200%;
  background: #259f6c;
  transform-origin: 0 bottom;
  transform: translate3D(-50%,0,0) rotate(-50deg);
}

.doubletake:before{
  opacity: .4;
}

.doubletake:hover:before,
.doubletake:hover:after{
  transform: rotate(0deg);
  transition: all .25s;
}

.doubletake:hover:after{
  transition-delay: .25s;
}

/***********************************************************************************/

/***********************************************************************************/
/*flip hover images*/

.img_container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}
.imageinner{
  display: block;
  /* width: 100%; */
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
}

.inner_details {
  margin: 0 !important;
}

.img_container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/***********************************************************************************/

.btnWatchInterview:hover {
  padding: 0.9rem 2.7rem !important;
  background-color: #62ba46 !important;
  border: 2px transparent solid !important;
  font-family: "font-bold", serif !important;
  border-radius: 0 !important;
  color: white !important;
}

.btnWatchInterview_rocell {
  border: 2px #263A8E solid !important;
  color: #263A8E !important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_rocell:hover {
  background-color: #263A8E !important;

}

.btnWatchInterview_keells {
  border: 2px #62ba46 solid !important;
  color: #62ba46 !important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_keells:hover {
  background-color: #62ba46 !important;
}

.btnWatchInterview_pabc {
  border: 2px #ED1C24 solid !important;
  color: #ED1C24!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_pabc:hover {
  background-color: #ED1C24 !important;
}

.btnWatchInterview_wso2 {
  border: 2px #F47B20 solid !important;
  color: #F47B20!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_wso2:hover {
  background-color: #F47B20!important;
}

.btnWatchInterview_kumar {
  border: 2px #5a931d solid !important;
  color: #5a931d!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_kumar:hover {
  background-color: #5a931d!important;
}

.btnWatchInterview_audi {
  border: 2px #5F5F5F solid !important;
  color: #5F5F5F!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_audi:hover {
  background-color: #5F5F5F!important;
}

.btnWatchInterview_acca {
  border: 2px #C80000 solid !important;
  color: #C80000!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_acca:hover {
  background-color: #C80000!important;
}

.btnWatchInterview_cdb {
  border: 2px #0077C0 solid !important;
  color: #0077C0!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_cdb:hover {
  background-color: #0077C0!important;
}

.btnWatchInterview_hnb {
  border: 2px #FFDE00 solid !important;
  color: #FFDE00!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_hnb:hover {
  background-color: #FFDE00!important;
}

.btnWatchInterview_slpi {
  border: 2px #ED6325 solid !important;
  color: #ED6325!important;
  border-radius: 0 !important;
  padding: 0.9rem 2.7rem !important;
  font-family: "font-bold", serif !important;
  width: 100%;
}

.btnWatchInterview_slpi:hover {
  background-color: #ED6325!important;
}

.clientimages {
  width: 100%;
}

.client_image_single {
  width: auto !important;
}

/*.rocell_svg {*/
/*  margin-right: -50px;*/
/*}*/

.second_names {
  font-family: font-bold, serif;
  color: #62ba46;
  font-size: 3.5em;
  margin-top: -2.5vh;
}

.home_heading h4 {
  font-family: font-bold, serif;
  font-size: 2.5em;
  text-align: center;
  margin-top: 3vh;
  color: #ed6325;
}

.home_paragraph {
  margin-top: 3vh;
  text-align: center;
}

.parahead {
  font-family: font-bold, serif;
  text-align: center;
  font-size: 3em;
  color: #ed6325;
  width: 100%;
  padding-left: 2vw;
  padding-right: 2vw;
  position: relative;
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
  /*transform: translateY(-50%);*/
  /*margin: 30px auto 0;*/
}

/*.anim-typewriter{*/
/*  animation: typewriter 4s steps(44) 1s 1 normal both,*/
/*  blinkTextCursor 500ms steps(44) infinite normal;*/
/*}*/
/*@keyframes typewriter{*/
/*  from{width: 0;}*/
/*  to{width: 24em;}*/
/*}*/
/*@keyframes blinkTextCursor{*/
/*  from{border-right-color: rgba(255,255,255,.75);}*/
/*  to{border-right-color: transparent;}*/
/*}*/


.cam_para {
  text-align: center;
  margin-bottom: 7vh;
  font-size: 20px;
}

.small_logos {
  width: 100px;
  margin-top: 3vh;
  margin-bottom: 3vh;
}

.mm_logo {
  padding-top: 2vh;
  width: 6vw;
  text-align: center;
}
.mm_logo_mobile {
  padding-top: 2vh;
  width: 6vw;
  text-align: center;
}

.btns {
  margin-bottom: 5vh;
  padding: 10px;
  text-align: center;
}

.btns:hover{
  text-decoration: unset;
  color: white !important;
  font-weight: bold;
}

.footer_text {
  font-family: font-bold, serif;
  width: 100%;
  padding-top: 50px;
  text-align: center;
  font-size: 3rem;
  color: #ed6325;
  margin-top: 10vh;
}

.web_link {
  text-align: center;
  color: black !important;
  font-family: font-bold, serif;
  margin-bottom: 8vh;
  padding-bottom: 50px;
}

a:hover {
  text-decoration: unset !important;
}


.footer {
  background-color: #e4e4e4;
  /*background-color: red;*/
  /*height: 300px;*/
  width: 100%;
  text-align: center;
}

.second_names_rocell {
  font-family: font-bold, serif;
  color: #263A8E;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_keells{
  font-family: font-bold, serif;
  color: #62BA46;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_pabc{
  font-family: font-bold, serif;
  color: #ED1C24;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_wso2{
  font-family: font-bold, serif;
  color: #F47B20;
  font-size: 2.1em;
  margin-top: -2.5vh;
}
.second_names_kumar{
  font-family: font-bold, serif;
  color: #5a931d;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_audi{
  font-family: font-bold, serif;
  color: #5F5F5F;
  font-size: 1.9em;
  margin-top: -2.5vh;
}

.second_names_acca{
  font-family: font-bold, serif;
  color: #C80000;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_cdb{
  font-family: font-bold, serif;
  color: #0077C0;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_hnb{
  font-family: font-bold, serif;
  color: #FFDE00;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.second_names_slpi{
  font-family: font-bold, serif;
  color: #ED6325;
  font-size: 2.1em;
  margin-top: -2.5vh;
}

.backgroundimg {
  /*background-image: url(http://projects.enfection.com/metric_makers/assets/imgs/edited.jpg);*/
  background-position: top;
  background-size: cover;
  min-height: 800px;
}
.bgimg{
  background-position: top;
  background-size: cover;
  min-height: 750px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  height: auto;
}
.clientheading{
  font-family: font-bold, serif;
  color: #ED6325;
  font-size: 2.8em;
  padding-top: 5vh;
}
.clientheadertext{
  text-align: left;
  padding-top: 14vh;
  /* text-shadow: 2px 2px black; */
}
.clientname{
  font-family: font-bold, serif;
  font-size: 3.5em;
  color: white;
}
.clientdesig{
  font-family: font-medium, serif;
  font-size: 2.5em;
  color: #ED6325;
}
.clientintro{
  font-family: font-medium, serif;
  font-size: 1.5em;
  color: white;
}
.clientpara{
  font-size: 20px !important;
  font-weight: 400;

  color: white;
}
.footer_row{
  margin-right: 0 !important;
  height: 100%;
}

.footer_row svg {
  position: absolute;
  bottom: 0;
  margin: auto;
  right: 11vw;
  top: 20vh;
  width: 15vw;
}

.fb_icon_column {
  overflow: hidden;
}
.rocelllogo{
  width: 100px;
  margin-top: 7vh;
}
.audilogo {
  width: 100px;
  margin-top: 7vh;
}
.pabclogo{
  margin-top: 7vh;
}
.cdblogo{
  margin-top: 7vh;
}
.hnblogo{
  margin-top: 9vh;
}

.interview_btn {
  width: 18vw !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.image_position {
  margin-left: 120px !important;
}
.audilogo{
  width: 250px;
}

/*scroll to top button*/

#button {
  display: inline-block;
  background-color: #FF9800;
  /*background-image: image path;*/
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 0;
  left: 0;
  margin: auto !important;
  transition: background-color .3s,
  opacity .5s, visibility .5s;
  opacity: 0.5 !important;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome, serif;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
  opacity: 1 !important;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
.smallintro{
  font-size: 1rem;
  font-family: "font-medium", serif;
  line-height: 25px;

}
.designation{
  margin-top: 0.7vh;
  font-size: 1.7rem !important;
  font-family: "font-medium", serif !important;
}
.wso2logo{
  margin-top: 6vh;
  width: 250px;
}
.weblink{
  color: black !important;
}
.weblink:hover{
  color: black !important;
}
.view_all{
  width: 100%;
  color: black !important;
  text-align: center;
  position: absolute;
  top: 75px;
  right: 6px;
}


.role{
  font-size: 1.0rem;
  font-family: "font-medium", serif !important;
  /*margin-top: -1.8vh;*/
}
.detail-section-2{
  min-height: 200px !important;
}
.detail-section-1{
   min-height: 200px !important;
 }

.bio{
  margin-top: 3vh;
  font-size: 25px !important;
  margin-bottom: 4vh;
}

.bgimgrocell{
  background-position: top;
  background-size: cover;
  min-height: 750px;
}

.bgimg {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: unset !important;
}

.bgimg_kumar {
  background-image: url("../assets/Imgs/kuma.jpg");
}
.bgimg_wso2 {
  background-image: url("../assets/Imgs/edited.jpg");
}
.bgimg_anuk {
  background-image: url("../assets/Imgs/anuk.jpg");
}
.bgimg_akthar {
  background-image: url("../assets/Imgs/ikthar.jpg");
}
.bgimg_darshana {
  background-image: url("../assets/Imgs/darshna.jpg");
}
.bgimg_nalaka {
  background-image: url("../assets/Imgs/nalaka.jpg");
}
.bgimg_sudeeptha {
  background-image: url("../assets/Imgs/sudeeptha.jpg");
}
.bgimg_dinesh {
  background-image: url("../assets/Imgs/dinesh.jpg");
}

.cover_image_div {
  display: none;
}

.clientpara {
  margin-top: 20px;
}

.client_block {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.social-icons a{
  margin-left: 7px;
  margin-right: 7px;
  border: 1px #333333 solid;
  padding: 5px;
}

.social-icons a i{
  width: 20px;
  color: #333333;
}

@media only screen and (max-width: 2560px) {
  .mm_logo {
    padding-top: 2vh;
    width: 60px;
    text-align: center;
  }
}

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

  .navbar {
    /*left: 7vw !important;*/
  }

  .nodisplay{
    display: none;
  }
  .view_all{
    width: 100%;
    color: black !important;
    text-align: center;
    position: absolute;
    top: 75px;
    right: 6px;
    margin-top: -15px;
  }
  .interview_logo{
    display: none;
  }
  .bgimg{
    /*background-position: top;*/
    background-size: cover;
    min-height: 750px;
    width: 100% !important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
  }
  .body{
    background-color: #F2F2F2 ;
  }
  .names {
    font-size: 2em;
    margin-top: 1vh;
  }

  .second_names_acca, .second_names_rocell, .second_names_keells,
  .second_names_pabc, .second_names_wso2, .second_names_audi,
  .second_names_cdb, .second_names_hnb, .second_names_slpi,
  .second_names_kumar {
    font-size: 2.7em !important;
    margin-top: -1.5vh !important;
  }

  .btns {
    padding: 5px !important;
  }

  .footer_row img {
    display: none;
  }
}


@media only screen and (max-width: 991px) {
  .mm_logo_mobile {
    display: block;
    /*width: 100%;*/
    text-align: center;
    margin-left: 42vw;
    width: 8vw;
  }
  .navbar-toggler {
    /*margin-left: 67vw;*/
  }
  .colleps_logo {
    display: none !important;
  }

  .colleps_home {
    display: block !important;
  }

  .navbar-nav li a {
    padding-top: 20px;
  }
  .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 12px 25px;
    border-radius: 20px;
  }
  .body_header_separator {
    padding-bottom: 60px;
  }
  .personal_page_title {
    /*padding-top: 30px;*/
    padding-top: 10px;
  }
}
@media only screen and (max-width: 900px) {
  .mm_logo_mobile {
    margin-left: 42vw;
    width: 8vw;
  }
  .personal_page_title {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 800px) {
  .mm_logo_mobile {
    margin-left: 42vw;
    width: 8vw;
  }
  .personal_page_title {
    padding-top: 10px;
  }
}


@media only screen and (max-width: 768px) {
  .nodisplay{
    display: none;
  }
  .interview_logo{
    display: none;
  }
  .body{
    background-color: #F2F2F2 ;
  }
  .bgimg{
    background-position: top;
    background-size: cover;
    min-height: 750px;
    width: 100% !important;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .view_all{
    width: 100%;
    color: black !important;
    text-align: center;
    position: absolute;
    top: 75px;
    right: 6px;
    margin-top: -15px;
  }
  .names {
    margin-top: 15px;
  }

  .view_all {
    right: 0;
    left: 5px;
  }

  .second_names_acca, .second_names_rocell, .second_names_keells,
  .second_names_pabc, .second_names_wso2, .second_names_audi,
  .second_names_cdb, .second_names_hnb, .second_names_slpi,
  .second_names_kumar {
    margin-top: -1.8vh !important;
  }

}

@media only screen and (max-width: 700px) {
  .mm_logo_mobile {
    margin-left: 41vw;
    width: 8vw;
  }
  .personal_page_title {
    padding-top: 10px;
  }

  .wow{
    animation-name: none !important;
    visibility: visible !important;
  }
}
@media only screen and (max-width: 600px) {
  .mm_logo_mobile {
    margin-left: 39vw;
    width: 10vw;
  }
  .personal_page_title {
    padding-top: 10px;
  }

  .wow{
    animation-name: none !important;
    visibility: visible !important;
  }
}

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

  .navbar {
    /*left: 0 !important;*/
    right: 0 !important;
    left: unset !important;
  }

  .nav-link {
    color: #c5c1c1 !important;
  }

  .navbar-toggler {
    /*margin-left: 73vw;*/
    margin-top: 15px;
    position: absolute;
    right: 16px;
    top: 10px;
  }

  .wow{
    animation-name: none !important;
    visibility: visible !important;
  }

  .navbar-collapse {
    margin-top: 55px;
  }

  .body_header_separator {
    padding-bottom: 15px;
  }

  .background {
    display: none !important;
  }

  .mm_logo {
    padding-top: 6vh !important;
    text-align: center;
  }

  .personal_page_title {
    padding-top: 10px;
  }

  .mm_logo_mobile {
    margin-left: 43vw;
    padding-top: 1vh !important;
    text-align: center;
    width: 13vw !important;
  }

  .cover_image_div {
    display: block;
  }

  .cover_image {
    width: 100%;
    margin-top: 135px;
  }

  .header{
    font-size: 2em;
  }

  .header_block {
    position: absolute;
    top: 10px;
    width: 100%;
  }

  .detail-section-2{
    min-height: unset !important;
  }
  .detail-section-1{
    min-height: unset !important;
  }

  .bgimg {
    display: none;
  }

  .inner_details {
    margin-top: 40px !important;
  }

  .remove_mobile {
    display: none !important;
  }

  .interview_btn {
    width: 100% !important;
  }

  .client_image_single {
    margin: auto !important;
  }

  .image_position {
    margin-left: 0 !important;
  }
  .view_all{
    width: 100%;
    color: black !important;
    text-align: center;
    position: absolute;
    top: 75px;
    right: 6px;
    margin-top: -30px;
  }
  .nodisplay{
    display: none;
  }
  .interview_logo{
    display: none;
  }

  .body{
    background-color: #F2F2F2 ;
  }
  .headings1 {
    display: none;
  }

  .mm_logo {
    width: 20vw;
    text-align: center;
  }

  .view_interviews {
    text-align: center;
    font-size: 0.6em;
    color: black;
    transition: transform 0.4s;
    margin-top: 5vh;
  }

  .remove_frame_mobile {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .remove_frame_mobile h3, p {
    /*padding-left: 15px !important;*/
    padding-right: 15px !important;
  }

  .cam_para {
    padding-left: 5vw !important;
    padding-right: 5vw !important;

  }
  .metricintro{
    font-size: 25px !important;
  }

  .names {
    font-size: 2.4em !important;
  }

  .clientname, .clientintro  {
    color: black;
  }

  .clientpara {
    color: #333333;
  }

  .second_names_acca, .second_names_rocell, .second_names_keells,
  .second_names_pabc, .second_names_wso2, .second_names_audi,
  .second_names_cdb, .second_names_hnb, .second_names_slpi,
  .second_names_kumar {
    font-size: 1.5em !important;
  }

  .designation {
    font-size: 1.5em !important;
  }

  .fb_icon_column {
    display: none !important;
  }

  .clientheadertext {
    padding-top: 4vh;
  }

  .clientname {
    font-size: 2.8em;
  }

  .clientdesig {
    font-size: 2em;
  }

  .clientpara {
    font-size: 25px !important;
  }

  .bio {
    font-size: 24px !important;
    margin-top: 0 !important;
  }

  .client_block {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .center_column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .footer_text, .web_link {
    padding-left: 15px !important;
  }

  .quote_block h6{
    font-size: 0.9em;
  }

  .btnWatchInterview_wso2:hover {
    background-color: #F47B20!important;
    color: white !important;
  }
  .btnWatchInterview_rocell:hover {
    background-color: #263A8E !important;
    color: white !important;
  }
  .btnWatchInterview_audi:hover {
    background-color: #B9B9B9!important;
    color: white !important;
  }
  .btnWatchInterview_rocell:hover {
    background-color: #263A8E !important;
    color: white !important;
  }
  .btnWatchInterview_pabc:hover {
    background-color: #ED1C24 !important;
    color: white !important;
  }
  .btnWatchInterview_cdb:hover {
    background-color: #0077C0!important;
    color: white !important;
  }

  .doubletake:before {
    background: unset !important;
    color: white !important;
  }

}