/* *{
    font-family: 'Krub', sans-serif;
}

header{
    width:100%;
      height:auto;
      position:relative;
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 800px;
     
  }
  .navbar-light .btn-primary:hover {
    text-decoration: underline !important;
}
  .bg-light{
    background-color: #2C2C2C !important;
  }
  .navbar-light .navbar-nav .nav-link {
    color:#fff;
    font-size: 12px;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:hover {
    color:#FFCA05;
    
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color:#FFCA05;
}
@media (min-width: 1020px){
.navbar-expand-lg{
    padding: 1rem 8rem;
}
}
.navbar-light .btn-primary{
    color: #000;
    background-color: #FFCA05;
    border-color: #FFCA05;
    padding: .375rem 2.4rem;
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2rem;
} 
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #ffca05;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
} */
  /* .about-shape-1 {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 13%;
    height: 25%;
    z-index: -1;
} */
@media (max-width: 600px){
    /* .about-shape-1 {
        display: none;
    } */
    .about-shape-211   {
        display: none;
    }
}
/* .mob{
    display: none;
}
@media (max-width: 600px){
    .mob{
        display: block;
    }
}
.dropdown-item:focus, .dropdown-item:hover {
    color:#ffca05;
    background-color: #000;
}
.dropdown-item{

    padding: .25rem 1rem;
} */
/* ....................header-content................. */
/* .nps-head{
    margin-top: 40px;

}
.nps-head h3{
    font-size: 22px;
    font-weight: 700;
    color: #FFCA05;
    margin-bottom: 0rem;
}
.nps-head h1{
    font-size: 22px;
    font-weight: 700;
    color: #FFCA05;
    margin-bottom: 0rem;
}
.nps-head h5{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-left: 10px;
    display: inline;
}
.nps-head img{
    margin-bottom: 5px;
}
.nps-head h4{
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.nps-head h6{
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 11px;
}
.nps-head p{
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px;
    margin-top: 5px;
}
.nps-head .card{
    background-color: #000;
    margin-top: 33px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #00000026;
    border-color: #fff;
    border: 2px solid #fff;
}
.nps-head .num{
    font-size: 12px;
    font-weight: 700;
    color: #FFCA05;
}
.nps-head .btn-primary{
    font-size: 12px;
    font-weight: 700;
    background-color: #FFCA05;
    border-color: #FFCA05;
    color: #000;
    padding: .6rem .75rem;
    margin-left: -30px;
}
@media (max-width: 600px){
    .nps-head .btn-primary{
        margin-left: 0px;
    }
}
.nps-head .btn-outline-primary{
    padding: .4rem 2.5rem;
    background-color: #fff0;
    border-color: #FFCA05;
    color: #fff;
    font-weight: 400;
    border: 2px solid #ffca05
}
.nps-head .btn-outline-primary:hover{
    background-color: #FFCA05;
    color: #000;
}
@media (max-width: 600px){
    .nps-head .btn-outline-primary{
        padding: .4rem 1.3rem;
    }
    .mob-1{
        margin-top: 1rem;
    }   
} */
/* ................vision-mision......... */
/* .vs h3{
   font-size: 28px;
   color: #fff;
   font-weight: 700; 
   margin-bottom: 20px;
}
.vs h4{
    font-size: 17px;
    color: #FFCA05;
    font-weight: 600; 
    margin-bottom: 13px;
 }
 .vs p{
     font-size: 12px;
     color: #fff;
     font-weight: 400;
 }
 .vs{
     padding: 15px 25px 10px 140px;
 }
 .vs span{
     color: #ffca05;
 }
 .ms h3{
    font-size: 28px;
    color: #fff;
    font-weight: 700; 
    margin-bottom: 20px;
 }
 .ms h4{
     font-size: 17px;
     color: #FFCA05;
     font-weight: 600; 
     margin-bottom: 13px;
  }
  .ms p{
      font-size: 12px;
      color: #fff;
      font-weight: 400;
  }
  .ms{
      padding: 20px 155px 28px 84px;
  }
  .ms span{
      color: #ffca05;
  }
  .vs img{
      width: 100%;
  }
  .ms img{
      width: 100%;
  } */
/* ................process-line......... */
.process-line{
    /* background-color: #fff; */
    z-index: 5;
    width:100%;
    height:auto;
    background-image: url(../images/Vitric_BG.png);
    position:relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.process-line h4{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-top: 60px;
}
.process-line h2{
    font-size: 32px;
    font-weight: 700;
    color: #FFCA05;
}
.ur-card{
    background-color: #fff0;
    border: none;
    margin-top: 10px;
}
.ur-card .card-header{
    border: none;
    background-color: #fff0;
}
.ur-card .card-footer{
    border: none;
    background-color: #fff0;
}
.ap-card .card-header{
    border: none;
    background-color: #fff0;
}
.ap-card .card-footer{
    border: none;
    background-color: #fff0;
}
.Is-card .card-header{
    border: none;
    background-color: #fff0;
}
.Is-card .card-footer{
    border: none;
    background-color: #fff0;
}
.Qr-card .card-header{
    border: none;
    background-color: #fff0;
}
.Qr-card .card-footer{
    border: none;
    background-color: #fff0;
}
.mp-card .card-header{
    border: none;
    background-color: #fff0;
}
.mp-card .card-footer{
    border: none;
    background-color: #fff0;
}
.ur-card .card-body{
    padding: 1.25rem 2rem;
}
.ur-card .card-header h5{
    font-size: 15px;
    font-weight:400;
    color: #000;
}
.ur-card .card-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #FFCA05;
}
.about-shape-211 {
    position: absolute;
    top: 22%;
    left: 21%;
    width: 13%;
    height: 25%;
    z-index: -1;
}
.about-shape-511 {
    position: absolute;
    top: 74%;
    left: 48%;
    width: 13%;
    height: 25%;
    z-index: -1;
}
.ap-card{
    background-color: #fff0;
    border: none;
    margin-top: -10px;
}
.ap-card .card-body{
    padding: 1.25rem 2rem;
}
.ap-card .card-header h5{
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.ap-card .card-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #FFCA05;
}
.Is-card{
    background-color: #fff0;
    border: none;
    margin-top: 25px;
}
.Is-card .card-body{
    padding: 1.25rem 2rem;
}
.Is-card .card-header h5{
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.Is-card .card-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #FFCA05;
}
.Qr-card{
    background-color: #fff0;
    border: none;
    margin-top: -15px;
}
.Qr-card .card-body{
    padding: 1.25rem 2rem;
}
.Qr-card .card-header h5{
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.Qr-card .card-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #FFCA05;
}
.nps-live-card{
    background-color: #2C2C2C;
    border: none;
    border-radius: 20px;
    margin-top: 75px;
    
}
.nps-live-card h3{
    font-size: 16px;
    font-weight: 700;
    color: #FFCA05;
    margin-left: 15px;
    display: inline;
}
.nps-live-card span{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
.mp-card {
    border: none;
    background-color: #fff0;
    margin-top: 35px;
}
.mp-card .card-footer{
padding: .75rem 1.25rem 3rem 1.25rem;
}
.mp-card .card-body h3{
    font-size: 24px;
    font-weight: 700;
    color: #FFCA05;
}
.mp-card .card-footer h5{
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.mp-card .card-body{
    padding: 1.25rem 1.25rem 0rem 1.25rem;
}
/* .................footer.................. */

/* .Insight-2 h3{
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-top: 50px;
    margin-bottom: 20px;
}
.Insight-2{
    padding-top: 2px;
    padding-bottom: 2px;
}
.Insight-2 img{
    margin-left: 2rem;
}
.Insight-2 h2{
    font-size: 22px;
  font-weight: 600;
  color: #000;
}
.yellow-quote{
    width:100%;
      height:auto;
      position:relative;
      background-color: #ffca05;
      background-repeat:no-repeat;
      background-size:100% 100%;
} */
/* .ft a{
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}
.ft a:hover{
    color: #ffca05;
    text-decoration: none;
} */
/* .final-row {
    padding-bottom: 20px;
}
.final-row img{
    margin-right: 20px;
}
@media (max-width: 600px){
    .final-row img{
        margin-left: 25px;
    } */
    /* .ft a{
        margin-left: 25px;
    }
    .ft h5{
        margin-left: 25px;
    } */
 
/* } */
/* .final-row p{
    font-size: 8px;
    color: #818386;
    font-weight: 300;
    margin-left: 15px;
}
.final-row h4{
    font-size: 12px;
    color: #818386;
    font-weight: 500;
    margin-left: 20px;
} */
/* .................pricing.................. */
/* .header-2{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/MaskGroup1.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .pricing-card{
      border: none;
      background-color: #343434;
      border-radius: 20px;
      margin-bottom: 20px;
  }
  .pricing-card .card-header{
      padding: 0px;
      border: none;
      border-radius: 20px;
      background-color: #000;
      min-height: 250px;
  }
  .pricing-card .card-header img{
      width: 100%;
  } 
  .pricing-card .card-header h1{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-top: -7rem;
    margin-bottom: 0px;
  }
  .pricing-card .card-header h4{
    font-size: 20px;
    font-weight: 300;   
    color: #fff;
    margin-bottom: 20px;
  }
  .pricing-card .card-header h5{
    font-size: 16px;
    font-weight: 300;
    color:#fff;
  }
  
  .pricing-card .card-body ul {
    list-style: none;
    padding-left: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 300;
  }
  .pricing-card  .card-body li {
    position: relative;
    padding-left: 3em; 
    padding-bottom: 20px; /* space to preserve indentation on wrap */
  /* }
  .pricing-card  .card-body li:before {
    content: '';  /* placeholder for the SVG */
    /* position: absolute;
    left: 0;  place the SVG at the start of the padding */
    /* width: 2em;
    height: 2em;
    background: url('../css/Group 465.svg') no-repeat;; */ 
    /* background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat; */
  /* }
  .pricing-card  .card-body h5{
      font-size: 12px;
      font-weight: 300;
      color: #fff;
  }
  .pricing-card  .card-body h4{
    font-size: 18px;
    font-weight: 600;
    color: #FFCA05;
    display: inline;
}
.btn-secondary{
    background-color: #000;
    border-color: #FFCA05;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 1.5rem 2.5rem;
    border-radius: 20px;
    border: 2px solid #FFCA05;
    margin-bottom: -3.5rem;
}
.btn-secondary:hover{
    background-color: #ffca05;
    color: #000;
    border-color: #000;
}
 .pricing-card .card-footer{
     border: none;
     border-radius: 0px 0px 20px 20px;
     background-color: #fff0;
     padding: 0px 40px 20px 40px;
 }
 .pricing-card  .card-body{
     padding: 1.25rem 1.25rem 0rem 1.25rem;
 }
 .taxes p{
     font-size: 14px;
     font-weight: 400;
     color: #fff;
     margin-bottom: 0px;
 }  */
 /* .................benifits.................. */
 /* .header-3{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Mask Group 6.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .Benefits-card{
      max-width: 180px;
      border: none;
      border-radius: 30px;
      background-color: #000;
      margin-right: 20px;
      margin-left: 20px;
      margin-top: 4rem;
  }
  .Benefits-card .card-body{
      padding: 0px;
  }
  .Benefits-card .card-body img{
    margin-top: -46px;
    margin-left: -15px;
}
.Benefits-card .card-body h1{
    color: #ffca05;
    font-size: 18px;
    margin-top: -11.5rem;
    padding-bottom: 4.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    text-align: center;
}
.Benefits-card .card-body h3{
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-top: -13.5rem;
}
.Benefits-card .card-body h4{
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 18px 7px;
    padding-bottom: 2.65rem;
}
@media (max-width: 600px){
    .Benefits-card{
        margin-left: 6rem;
        margin-top: 6rem;
    }
    .Insight-2 img{
    margin-left: 4rem;
}
}

.Benefits-card-1{
    max-width: 180px;
    border: none;
    border-radius: 30px;
    background-color: #000;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 4rem;
}
.Benefits-card-1 .card-body{
    padding: 0px;
}
.Benefits-card-1 .card-body img{
  margin-top: -46px;
  margin-left: -15px;
}
.Benefits-card-1 .card-body h1{
  color: #ffca05;
  font-size: 18px;
  margin-top: -11.5rem;
  padding-bottom: 4.3rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  font-weight: 700;
  text-align: center;
}
.Benefits-card-1 .card-body h3{
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-top: -13.5rem;
}
.Benefits-card-1 .card-body h4{
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 18px 7px;
  padding-bottom: 2.65rem;
}
@media (max-width: 600px){
  .Benefits-card-1{
      margin-left: 6rem;
      margin-top: 6rem;
  }
} */

/* .about-shape-3 {
    position: absolute;
    top: 30%;
    left: 88%;
    width: 13%;
    height: 25%;
    z-index: -1;
}
.about-shape-4 {
    position: absolute;
    top: 30%;
    left: 7.5%;
    width: 13%;
    height: 25%;
    z-index: -1;
} */
  /* .................contact-us.................. */
  /* .header-4{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../images/Artboard 2 copy@4x-100.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
  
      min-height: 500px;
     
  }
  .contact h4{
      font-size: 12px;
      font-weight: 500;
      color: #fff;
      padding-bottom: 20px;
  }
  .contact h3{
    font-size: 22px;
    font-weight: 700;
    color: #FFCA05;
    margin-bottom: 20px;
    margin-top: 2rem;
}
.dubai h1{
    font-size: 28px;
    font-weight: 700;
    margin-top: 3rem;
}
.contact-card {
    border: none;
    background-color: #FFCA05;

    border-radius: 20px;
   
  
}
.contact-card .card-body{
    padding: 1.25rem 0.1rem 1.25rem 1.25rem;
}
.contact-card h1{
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.contact-card-1 h1{
    font-size: 32px;
    font-weight: 700;
    color: #000;
}
.contact-card h3{
    font-size: 20px;
    font-weight: 700;
    color: #000;
    display: inline;
    margin-left: 10px;
}
.contact-card h4{
    font-size: 12px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
}
.contact-card p{
    font-size: 12px;
    font-weight: 500;
    color: #000;
    margin-bottom:0px;
    display: inline;
    margin-left: 5px;
}
.contact-card img{
    margin-left: -20px;
} */
/* ...................contact-card.................. */
/* .header-5{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Mask Group 1 copy 2.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  } */

  /* ..................about-us-page................... */
/* .about h3{
    font-size: 19px;
    font-weight: 400;
    color: #fff;
}
.about h1{
    font-size: 26px;
    font-weight: 700;
    color: #FFCA05;
    margin-bottom: 20px;
}
.header-6{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/About-Us.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .about-us{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Mask Group 8.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 500px;
  }
  .about h4{
      font-size: 19px;
      font-weight: 400;
      color: #fff;
      display: inline;
      margin-left: 20px;
  }
  .about img{
    padding-bottom: 20px;
    padding-top: 15px;
  }
  .blog-card{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
}
.blog-card h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog-card h5{
    font-size: 14px;
    font-weight: 400;
    display: inline;
    color: #FFCA05;
}
.blog-card h6{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    display: inline;
    float: right;
    margin-top: 7px;
}
.blog-card p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}
.blog-card .card-body{
    padding-top: 30px ;
    padding-left: 40px;
    padding-right: 95px;
}
.blog-page{
    padding: 2rem 2rem;
}
.blog-card-1{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
    margin-bottom: 2rem;
}
.blog-card-1 h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog-card-1 h5{
    font-size: 14px;
    font-weight: 400;
    display: inline;
    color: #FFCA05;
}
.blog-card-1 h6{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    display: inline;
    float: right;
    margin-top: 7px;
}
.blog-card-1 p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.blog-card-1 .card-body{
    padding-top: 30px ;
    padding-left: 40px;
    padding-right: 40px;
}
.header-7{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Mask\ Group\ 1\ copy\ 3.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .header-8{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Mask\ Group\ 11\ copy.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .header-9{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/01_Insightnps.in_Web-Page-Intereface_Insight-NPS-Helps-to-Stop-Asking-for-Effort-From-Your-Customers.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .header-10{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Group 1262.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .header-11{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../images/Group\ 1360.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 500px;
     
  }
  .blog-img{
      margin-left: -121px;
      margin-top: -20px;
  }
  .blog-img-1{
    margin-left: -121px;
    margin-top: -121px;
  }
  .blog-img-2{
      margin-bottom: 10px;
  }
  .blog-img-3{
    margin-top: 1.5rem;  
    margin-bottom: 10px;
}
  .blog-card-2{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
    margin-bottom: 2rem;
}
.blog-card-2 h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog-card-2 h5{
    font-size: 14px;
    font-weight: 400;
    display: inline;
    color: #FFCA05;
}
.blog-card-2 h6{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    display: inline;
    float: right;
    margin-top: 7px;
}
.blog-card-2 p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.blog-card-2 .card-body{
    padding-top: 30px ;
    padding-left: 40px;
    padding-right: 40px;
}
.blog-card-3{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
    margin-bottom: 2rem;
}
.blog-card-3 h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}

.blog-card-3 p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.blog-card-4{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
    margin-bottom: 2rem;
}
.blog-card-4 h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.blog-card-4 h5{
    font-size: 14px;
    font-weight: 400;
    display: inline;
    color: #FFCA05;
}
.blog-card-4 h6{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    display: inline;
    float: right;
    margin-top: 7px;
}
.blog-card-4 p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.blog-card-4 .card-body{
    padding-top: 30px ;
    padding-left: 40px;
    padding-right: 40px;
}
.blog-card-3 .card-body{
    padding-top: 30px ;
    padding-left: 40px;
    padding-right: 40px;
}
.half-blog-card{
    background-color: #000;
    border-radius: 20px;
    border: none;
    min-height: 315px;
    margin-bottom: 3rem;
}
.half-blog-card .card-body{
    padding-top: 40px;
}
.half-blog-card h3{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.half-blog-card p{
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px;
}
.half-blog-card .card-header{
    background-color: #FFCA05;
    border-radius: 20px 20px 0px 0px;
}
.hand-content h2{
    font-size: 22px;
    color: #FFCA05;
    font-weight: 700;
    margin-top: 40px;
}
.hand-img{
    float: right;

}
.half-blog-card-1{
    background-color: #000;
    border-radius: 20px;
    border: none;
    min-height: 315px;
    margin-bottom: 3rem;
}
.half-blog-card-1 .card-body{
    padding-top: 40px;
}
.half-blog-card-1 h3{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.half-blog-card-1 p{
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px;
}
.half-blog-card-1 .card-header{
    background-color: #FFCA05;
    border-radius: 20px 20px 0px 0px;
} */
/* ..................case-study................... */
/* .case-study{
      width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/01_Insightnps.in_Web-Page-Intereface_7-7-2020_Case-Studies.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 450px;
  }
  .case-study-1{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1241.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-2{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1242.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-3{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1243.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-4{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1244.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-5{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1245.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-6{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1246.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-7{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1247.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.case-study-8{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../css/Group 1248.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.awards-1{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../images/Group\ 1313.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
.awards-2{
    width:100%;
    height:auto;
    position:relative;
    background-image:url('../images/Group 1292@2x.png');
    background-color: #2C2C2C;
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index: 5;
    min-height: 450px;
}
  .retail-head {
    padding: 0px 4rem;
}
.retail-head h1{
  color: #ffca05;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 40px;
}
.retail-head h4{
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 25px;
}
.retail-head p{
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px;
}
.retail-head h6{
    font-size: 14px;
    color: #ffca05;
    font-weight: 400;
  }
.retail-head span{
    color: #ffca05;
}
.retail-head hr{
    border-top: 1px solid #000;
    width: 60%;
}
.main-case-study-card{
    border-radius: 20px;
    border: none;
    background-color: #FFF0;
    padding-bottom: 16px;
}
.main-case-study-card .card-header{
    border-radius: 20px 20px 0px 0px;
    background-color: #FFF0;
    padding: 0px;
}
.main-case-study-card img{
    width: 100%;
}
.main-case-study-card .card-body{
    background-color: #000000;
    border-radius: 0px 0px 20px 20px;
}
.main-case-study-card .card-body h1{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 30px;
}
.main-case-study-card .btn-outline-primary{
    border-radius: 8px;
    font-size: 12px;
    color: #FFCA05;
    border-color: #FFCA05;
    padding: 12px 28px;
    background-color: #fff0;
}
.main-case-study-card .btn-outline-primary:hover{
    background-color: #FFCA05;
    color: #000;
}
.case-card{
    
    border-radius: 20px;
    border: none;
    background-color: #2C2C2C;
    margin-bottom: 2rem;
}
.case-card span{
    color: #ffca05;
    font-size: 16px;
    font-weight: 700;
}
.case-card h4{
    font-size: 24px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 20px;
}
.case-card h5{
    font-size: 16px;
    font-weight: 700;
    
    color: #FFCA05;
    padding-bottom: 10px;
}
.case-card h6{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    display: inline;
    float: right;
    margin-top: 7px;
}
.case-card p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
}
.case-card .card-body{
    padding-top: 20px ;
    padding-left: 20px;
    padding-right: 20px;
}
.process-nps-case{
    padding: 57px 0px;
    background-color: #000000;
}
.process-nps-case h1{
    font-size: 28px;
    color: #ffca05;
    padding-bottom: 30px;
    font-weight: 700;
}
.process-nps-case p{
    color: #fff;
    font-size: 14px;
    padding-bottom: 35px;
}
.process-nps-case h4{
    color: #ffca05;
    font-size: 14px;
    padding-bottom: 25px;
    font-weight: 700;
}
.process-nps-case h3{
    font-size: 22px;
    color: #fff;
    padding-bottom: 0px;
    font-weight: 700;
}
.process-nps-case .btn-outline-primary{
    border-color: #FFCA05;
    color: #ffca05;
    font-size: 12px;
    padding: 12px 35px;
}
.process-nps-case .btn-outline-primary:hover{
    background-color: #ffca05;
    color: #000;
}
.ecommerce-card{
    min-height: 300px;
    background-color: #000;
    border-radius: 20px;
    margin-bottom: 16px;
}
.ecommerce-card .card-body{
    padding-top: 32px;
}
.ecommerce-card h1{
    font-size: 22px;
    color: #ffca05;
    font-weight: 700;
    font-style: italic;
    padding-bottom: 30px;
}
.ecommerce-card span{
    font-weight: 400;
}
.ecommerce-card p{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.e-commerce-nps-case{
padding: 50px 0px;
}
.e-commerce-nps-case p{
    color: #fff;
    font-size: 14px;
    
}
.e-commerce-nps-case h2{
    font-size: 24px;
    color: #ffca05;
    font-weight: 700;
    padding-bottom: 50px;
}
.e-commerce-nps-case-card{
    background-color: #2C2C2C;
    border-radius: 20px;
    border: none;
    margin-bottom: 3rem;
}
.e-commerce-nps-case-card .card-header{
    padding: 0px;
}
.e-commerce-nps-case-card img{
    width: 100%;
}
.e-commerce-nps-case-card .card-body{
    padding: 30px 35px;
}
.e-commerce-nps-case-card h1{
    font-size: 24px;
    color: #ffca05;
    font-weight: 700;
    padding-bottom: 20px;
}
.e-commerce-nps-case-card p{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 25px;
}
.medile-section{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Group 1240.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 450px;
      
}
.medile-section-1{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Group 1152.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 250px;
      
}
.medile-section-2{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Group 1159.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 250px;
      
}
.medile-section-3{
    width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Group 1162.png');
      background-color: #2C2C2C;
      background-repeat:no-repeat;
      background-size:100% 100%;
      z-index: 5;
      min-height: 400px;
      
}
.midle{
    padding: 9.5rem 15rem;
}
.midle p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.midle-1{
    padding-top:32px ;
    
}
.midle-1 h1{
    font-size: 28px;
    color: #ffca05;
    font-weight: 700;
    padding-bottom: 30px;
}
.midle-1 h3{
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 30px;
}
.midle-1 p{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}
.midle-2{
    padding: 5rem 15rem;
}
.midle-2 p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.list-num{
    padding-top: 50px;
}
.par-list{
    padding: 0px;
}
.list-num-1 h1{
    font-size: 28px;
    color: #FFCA05;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 35px;
}
.list-num-1 p{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
.list-num-2 h1{
    font-size: 28px;
    color: #FFCA05;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 35px;
}
.list-num-2 h2{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
   
}
.list-num-2 p{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
.list-num-3 h1{
    font-size: 28px;
    color: #FFCA05;
    font-weight: 700;
    padding-bottom: 30px;
    padding-top: 35px;
}
.list-num-3 h2{
    font-size: 18px;
    font-weight: 700;
    color: #ffca05;
   padding-bottom: 20px;
}
.list-num-3 p{
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 0px;
}
.parameters-case-study h1{
   font-size: 28px;
   font-weight: 700;
   color: #ffca05;
   padding-bottom: 20px; 
   padding-top: 30px;
}
.parameters-case-study ul{
    list-style: decimal-leading-zero;
      color: #fff;
      font-weight: 400;
      font-size: 12px;
      padding-left: 20px;
}
.parameters-case-study li{
    padding-bottom: 0.8rem;
}
.hotel-card{
    border: none;
    background-color: #000;
    border-radius: 20px;

}
.hotel-card .card-header{
    padding: 0px;
}
.hotel-card img{
    width: 100%;
}
.hotel-card .card-body h1{
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 30px;
    color: #ffca05;
}
.hotel-card .card-body p{
    font-size: 14px;
    color: #fff;
}
@media only screen and (min-width:1200px){
    .list-num{
        padding-top: 25px;
        padding-right: 3rem;
        padding-left: 35px;
    }
    .list-num-2{
        padding-left: 2%;
    }
    .list-num-3{
        padding-left: 2%;
    }
}
@media only screen and (min-width:1280px){
    .list-num{
        padding-top: 50px;
        padding-right: 5rem;
        padding-left: 15px;
    }
    .list-num-2{
        padding-left: 4%;
    }
    .list-num-3{
        padding-left: 4%;
    }
}
@media only screen and (min-width:1300px){
    .list-num{
        padding-top: 50px;
        padding-right: 5rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 8%;
    }
    .list-num-3{
        padding-left: 8%;
    }
}
@media only screen and (min-width:1400px){
    .list-num{
        padding-top: 60px;
        padding-right: 6rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 10%;
    }
    .list-num-3{
        padding-left: 10%;
    }
}
@media only screen and (min-width:1500px){
    .list-num{
        padding-top: 70px;
        padding-right: 8rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 12%;
    }
    .list-num-3{
        padding-left: 12%;
    }
}
@media only screen and (min-width:1600px){
    .list-num{
        padding-top: 70px;
        padding-right: 11rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 14%;
    }
    .list-num-3{
        padding-left: 14%;
    }
}
@media only screen and (min-width:1700px){
    .list-num{
        padding-top: 70px;
        padding-right: 14rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 16%;
    }
    .list-num-3{
        padding-left: 16%;
    }
}
@media only screen and (min-width:1800px){
    .list-num{
        padding-top: 70px;
        padding-right: 16rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 18%;
    }
    .list-num-3{
        padding-left: 18%;
    }
}
@media only screen and (min-width:1900px){
    .list-num{
        padding-top: 80px;
        padding-right: 17rem;
        padding-left: 0px;
    }
    .list-num-2{
        padding-left: 20%;
    }
    .list-num-3{
        padding-left: 20%;
    }
}
@media only screen and (min-width:2000px){
    .list-num{
        padding-top: 90px;
        padding-right: 19rem;
        padding-left: 0px;
    }
    
}
@media only screen and (min-width:2100px){
    .list-num{
        padding-top: 100px;
        padding-right: 21rem;
        padding-left: 0px;
    }
    
}
@media only screen and (min-width:2200px){
    .list-num{
        padding-top: 110px;
        padding-right: 23rem;
        padding-left: 0px;
    }
    
}
@media only screen and (min-width:2300px){
    .list-num{
        padding-top: 120px;
        padding-right: 25rem;
        padding-left: 0px;
    }
    
}
@media only screen and (min-width:2400px){
    .list-num{
        padding-top: 130px;
        padding-right: 28rem;
        padding-left: 0px;
    }
    
} */
/* ..................end-case-study................... */
  /* ..................accordition................... */

/* #main {
    margin: 50px 0;
  }
  
  #main #faq .card {
    margin-bottom: 30px;
    border: 0;
    background-color: #fff0;
  }
  
  #main #faq .card .card-header {
    border: 0;
    background-color: #fff0;
    border-radius: none;
    padding: 0;
    border-bottom: 1px solid #c2c2c24a;
  }
  
  #main #faq .card .card-header .btn-header-link {
    color: #ffca05;
    display: block;
    text-align: left;
    background: #fff0;
    white-space: initial;
    
    padding: 20px 0px;
    border-radius: 0px;
    font-size: 20px;
    font-weight: 700;
  }
  
  #main #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
  }
  
  #main #faq .card .card-header .btn-header-link.collapsed {
    background: #FFF0;
    color: #fff;
    font-weight: 400;
  }
  
  #main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
  }
  
  #main #faq .card .collapsing {
    background: #FFF0;
    line-height: 30px;
  }
  
  #main #faq .card .collapse {
    border: 0;
  }
  
  #main #faq .card .collapse.show {
    background: #FFF0;
    line-height: 30px;
    color: #222;
  }
  #main #faq .card .card-body{
      padding: 1.25rem 1.25rem 1.25rem 0rem;
  }
  #main #faq .card .card-body h3{
      font-size: 18px;
      font-weight: 700;
      color: #ffca05;
  }
  #main #faq .card .card-body h4{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    
}
#main #faq .card .card-body span{
    font-weight: 700;
    font-style: italic;
    color: #ffca05;
}


.fab, .far {
    font-weight: 400;
    color: #fff;
    font-size: 2rem;
    vertical-align: middle;
    margin-left: 15px;
}
.fab:hover {
    color: #000;
}

.nps-marks h1{
    font-size: 28px;
    color: #FFCA05;
    margin-bottom: 15px;
    font-weight: 700;
}
.nps-marks h2{
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}
.nps-marks h3{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #34FC36;
}
.nps-marks h4{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #fff;
}
.nps-marks p{
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}
.nps-marks hr{
    border-top: 1px solid #34FC36;
    margin-top: 10px;
    margin-bottom: 10px;
}
.nps-marks-card{
    border: none;
    background-color: #0000;
}
.nps-marks-card .card-body{
    padding: 0px;
}

.inner-blog-content h1{
    font-size: 28px;
    font-weight: 500;
    color: #FFCA05;
    margin-bottom: 40px;
    text-transform: capitalize;
}
.inner-blog-content h3{
    font-size: 26px;
    font-weight: 100;
    color: #fff;
    text-transform: capitalize;
}
@media only screen and (max-width:600px){
    .awards-1{
        background-image:url('../images/Group\ 1316.png');
    }
    .awards-2{
        background-image:url('../images/Group\ 1295.png');
    }
    .Awards img{
        margin-top:1rem ;
        margin-bottom: 1rem;
    }
    .hotel-card{
        margin-bottom: 1rem;
    }
    .parameters-case-study img{
        width: 100%;
    }
    .retail-head {
        padding: 0px 2rem;
    }
    .par-list img{
        width: 100%;
    }
    .case-card .card-body{
        padding-right: 20px;
    }
    .case-card img{
        width: 100%;
    }
    .nps-marks-card{
        margin-bottom: 2rem;
        text-align: center;
    }
    .nps-marks h1 {
        font-size: 22px;
    }
    .nps-marks h2{
        font-size: 18px;
    }
    .mob-blog{
        display: block;
    }
    .mob-blog-1{
        display: none;
    }
    .blog-card .card-body{
        padding-right: 40px;
    }
    .blog-card img{
        width: 100%;
    }
    .blog-card-1 .card-body{
        padding-right: 20px;
    }
    .blog-card-1 img{
        width: 100%;
    }
    .blog-card-2 .card-body{
        padding-right: 20px;
    }
    .blog-card-2 img{
        width: 100%;
    }
    .blog-card-3 .card-body{
        padding-right: 20px;
    }
    .blog-card-3 img{
        width: 100%;
    }
    .blog-card-4 .card-body{
        padding-right: 20px;
    }
    .blog-card-4 img{
        width: 100%;
    }
    #main #faq .card .card-body{
        padding: 1.25rem 1.25rem 1.25rem 1rem;
    }
    .pricing-card{
        margin-top: 3rem;
    }
    .btn-secondary{
        margin-left: 2.5rem;
    }
    /* .about-shape-3{
        display: none;
    }
    .about-shape-4{
        display: none;
    } */
    /* .header-2{
        background-image:url('../css/Web-Page.png');
    }
    .header-11{
        background-image:url('../css/Web-Page.png');
    }
    .header-4{
        background-image:url('../css/360*300.png');
    }
    .header-5{
        background-image:url('../css/FAQ.png');
    }
    .header-6{
        background-image:url('../css/Page-Intereface_About-Us.png');
    }
    .header-7{
        background-image:url('../css/03_Insightnps.in_Web-Page-Intereface_360-X-500__Blogs_Theme-Analytics_22-12-2020.png');
    }
    .header-8{
        background-image:url('../css/03_Insightnps.in_Web-Page-Intereface_360-X-500__Blogs_Turning-Negative-CUstomer-IMpact_22-12-2020.png');
    }
    .header-9{
        background-image:url('../css/03_Insightnps.in_Web-Page-Intereface_360-X-500_Insight-NPS-Helps-to-Stop-Asking-for-Effort-From-Your-Customers.png');
    }
    .header-10{
        background-image:url('../css/03_Insightnps.in_Web-Page-Intereface_360-X-500__Blogs_Turning-Negative-CUstomer-IMpact_22-12-2020.png');
    }
    .vs{
        padding: 40px 26px 40px 30px;
    }
    .vs h4{
        font-size: 14px;
    }
    .vs p{
        font-size: 10px;
    }
    .ms{
        padding: 40px 26px 40px 30px;
    }
    .ms h4{
        font-size: 14px;
    }
    .ms p{
        font-size: 10px;
    }
    .about h4 {
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        display: inline;
        margin-left: 10px;
    }
    .about img{
        margin-left: 15px;
    }
    .about h3{
        font-size: 15px;
    }
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
#main #faq .card .btn-outline-primary{
    border-color: #FFCA05;
    color:#fff;
}
#main #faq .card .btn-outline-primary:hover{
    border-color: #FFCA05;
    color:#000;
    background-color: #FFCA05;
}
.navbar-light .navbar-toggler{
    margin-right: initial;
    background-color: #FFCA05;
}
.mob-3{
    width: 74%;
}
.fitness-case-midle{
    padding: 0px 5rem;
}
.fitness-case-midle h2{
    font-size: 22px;
    color: #FFCA05;
    font-weight: 400;
}
.fitness-card-normal{
    width: 300px;
    border: none;
    background-color: #fff0;

}
.fitness-card h3{
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}
.fitness-card h4{
    font-size: 18px;
    color: #FFCA05;
    font-weight: 700;
    margin-top: 30px;
    text-transform: capitalize;
}
.fitness-card{
    display: flex;
    justify-content: center;
}
.no-pd{
    padding: 0px;
}
.no-pd img{
    width: 100%;
    height: 200px;
}
.no-pd-1{
    padding: 0px;
}
.no-pd-1 img{
    width: 100%;
    height: 600px;
}
.no-pd-2{
    padding: 0px;
}
.no-pd-2 img{
    width: 100%;
    height: 330px;
}
.fitness-points{
    padding: 25px 6rem 0px 2rem;
}
.fitness-points h1{
    font-size: 72px;
    color: #2C2C2C;
    font-weight: 300;
    
}
.fitness-points h3{
    font-size: 18px;
    color: #FFCA05;
    font-weight: 700;
    margin-bottom: 25px;
   
}
.fitness-points p{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 2rem;
} */ 
/* @media (max-width: 600px){
    .hand-img{
        width: 100%;
    }
    .mob-3{
        width: 100%;
    }
    .mobile-revere{
        flex-direction: column-reverse;
    }
    .midle {
        padding: 4.5rem 2rem;
    }
    .midle-2 {
        padding: 5rem 2rem;
    }
    .retail-head p{
        font-size: 13px;
    }
} */
/* ............Media-quriey........... */
@media only screen and (min-width:768px)and (max-width:1000px) {
    /* .Awards img{
      
        margin-bottom: 2rem;
    }
    .case-card img{
        width: 100%;
    }
    .midle-2 {
        padding: 5rem 9rem;
    }
    .ecommerce-card{
        min-height: 438px;
    }
    .midle {
        padding: 9.5rem 6rem;
    } */
    .ur-card .card-header{
        padding: 1.25rem 0.25rem;
    }
    .ur-card .card-body{
        padding: 1.25rem 0.25rem;
    }
    .ap-card .card-header{
        padding: 1.25rem 0.25rem;
    }
    .ap-card .card-body{
        padding: 1.25rem 0.25rem;
    }
    .IS-card .card-header{
        padding: 1.25rem 0.25rem;
    }
    .IS-card .card-body{
        padding: 1.25rem 0.25rem;
    }
    .Qr-card .card-header{
        padding: 1.25rem 0.25rem;
    }
    .Qr-card .card-body{
        padding: 1.25rem 0.25rem;
    }
    .Is-card .card-body h3{
        font-size: 18px;
    }
    .Qr-card .card-body h3{
        font-size: 18px;
    }
    .ap-card .card-body h3{
        font-size: 18px;
    }
    .ur-card .card-body h3{
        font-size: 18px;
    }
    .mobile-revere{
        flex-direction: column-reverse;
    }
    /* .hand-content{
        padding-left: 4rem;
    }
    .nps-marks-card{
        text-align: center;
    }
    .half-blog-card{
        min-height: 430px;
    }
    .half-blog-card-1{
        min-height: 280px;
    }
    .mob-blog{
        display: block;
    }
    .mob-blog-1{
        display: none;
    }
    .blog-card img{
        width: 100%;
    }
    .blog-card-1 img{
        width: 100%;
    }
    .blog-card-2 img{
        width: 100%;
    }
    .blog-card-3 img{
        width: 100%;
    }
    .blog-card-4 img{
        width: 100%;
    }
    .Insight-2 img {
        margin-left: 0rem;
    } */
    /* .about-shape-1 {
        display: none;
    } */
    .about-shape-211  {
        display: none;
    }
    /* .mob {
        display: block;
        width: 100%;
    }
    .nps-head .card {
        margin-bottom: 20px;
    } */
    /* .about-shape-3{
        display: none;
    }
    .about-shape-4{
        display: none;
    } */
    .about-shape-511 {
        display: none;
    }
    /* .vs{
        padding: 20px;
    }
    .ms{
        padding: 20px;
    } */
}

@media only screen and (min-width:1020px)and (max-width:1190px) {
    /* .contact-card h3{
        font-size: 18px;
    }
    .Insight-2 img{
        margin-left: -15px;
    }
    .par-list img{
        width: 100%;
    }
    .parameters-case-study img{
        width: 100%;
    }
    .case-card p{
        font-size: 11px;
    }
    .case-card h4{
        font-size: 18px;
    }
    .case-card .card-body{
        padding-right: 15px;
    } */
    .ur-card .card-body {
        padding: 1.25rem 1rem;
    }
    /* .hand-content{
        padding-left: 4rem;
    }
    .hand-img{
        width: 100%;
        margin-top: 6rem;
    }
    .half-blog-card{
        min-height: 355px;
    }
    .half-blog-card-1{
        min-height: 410px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.4rem;
    } */
    /* .mob-blog{
        display: none;
    }
    .mob-blog-1{
        display: block;
    }
    .blog-card p{
        font-size: 12px;
    }
    .blog-card h4{
        font-size: 18px;
    }
    .blog-card .card-body{
        padding-right: 15px;
    }
    .blog-card-1 p{
        font-size: 10px;
    }
    .blog-card-1 h4{
        font-size: 18px;
    }
    .blog-card-1 .card-body{
        padding-right: 15px;
    }
    .blog-card-2 p{
        font-size: 11px;
    }
    .blog-card-2 h4{
        font-size: 18px;
    }
    .blog-card-2 .card-body{
        padding-right: 15px;
    }
    .blog-card-3 p{
        font-size: 10px;
    }
    .blog-card-3 h4{
        font-size: 18px;
    }
    .blog-card-3 .card-body{
        padding-right: 15px;
    }
    .blog-card-4 p{
        font-size: 11px;
    }
    .blog-card-4 h4{
        font-size: 18px;
    }
    .blog-card-4 .card-body{
        padding-right: 15px;
    }
    .btn-secondary{
        margin-left: -1.5rem;
    }
    .pricing-card .card-header h1 {
        margin-top: -5rem;
    } */
    /* .about-shape-3{
        display: none;
    }
    .about-shape-4{
        display: none;
    }
    .about-shape-1{
        display: none;
    } */
    .about-shape-211{
        display: none;
    }
    .about-shape-511 {
        display: none;
    }
    /* .nps-head .btn-outline-primary {
        padding: .4rem 2rem;
    }
    .mob {
        display: block;
        width: 100%;
    } */
    /* .nps-head .num {
        font-size: 10px;
    }
    .nps-head h5 {
        font-size: 14px;
    }
    .vs{
        padding: 12px 20px;
    }
    .ms{
        padding: 20px;
    }
    .navbar-expand-lg {
        padding: 1rem 5rem;
    }
    .vs h3{
        font-size: 20px;
    }
    .ms h3{
        font-size: 20px;
    }
    .vs h4{
        font-size: 12px;
    }
    .ms h4{
        font-size: 12px;
    }
    .vs p{
        font-size: 10px;
    }
    .ms p{
        font-size: 10px;
    }
    .about h4 {
        font-size: 17px;
    } */
}
@media only screen and (min-width:1280px)and (max-width:1290px) {
/* .hand-img{
    width: 100%;
}
.hand-content{
    padding-left: 4rem;
} */
.about-shape-211{
    left: 19%;
}
}
@media only screen and (min-width:1300px){
    /* .hand-content{
        padding-left: 8rem;
    }
    .hand-img{
        width: 100%;
    }
    .vs {
        padding: 30px 25px 30px 140px;
    } */
}
@media only screen and (min-width:1440px){
    /* .hand-content{
        padding-left: 10rem;
    }
    .about-shape-211{
        left: 23%;
    }
    .navbar-expand-lg {
        padding: 1rem 10rem;
    }
    .navbar-light .btn-primary {
        margin-right: 3rem;
    } */
    /* .about-shape-3{
        left: 86%;
    }
    .about-shape-4{
        left: 9.5%;
    } */
    .about-shape-511 {
        left: 48.5%;
    }
    /* .vs{
        padding: 30px 115px 30px 145px;
    }
    .ms{
        padding: 42px 192px 41px 84px;
    } */
}
@media only screen and (min-width:1535px){
    /* .hand-content{
        padding-left: 12rem;
    } */
    .about-shape-211{
        left: 24%;
    }
    /* .about-shape-1{
        left: 14%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 13.5rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1rem;
    } */
    /* .about-shape-3{
        left: 84%;
    }
    .about-shape-4{
        left: 12%;
    } */
    .about-shape-511 {
        left: 48.5%;
    }
    /* .vs {
        padding: 60px 35px 40px 215px;
    }
    .ms {
        padding: 70px 217px 41px 84px;
    } */
}
@media only screen and (min-width:1600px){
    /* .hand-content{
        padding-left: 14rem;
    } */
    .about-shape-211{
        left: 25%;
    }
    /* .about-shape-1{
        left: 15%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 15.5rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1.5rem;
    } */
    /* .about-shape-3{
        left: 83%;
    }
    .about-shape-4{
        left: 13%;
    } */
    /* .vs {
        padding: 70px 35px 41px 240px;
    } */
    
}
@media only screen and (min-width:1900px){
    /* .hand-content{
        padding-left: 25rem;
    } */
    .about-shape-211{
        left: 29%;
    }
    /* .about-shape-1{
        left: 21%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 25rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1rem;
    } */
    /* .about-shape-3{
        left: 78%;
    } */
    /* .about-shape-4{
        left: 19%;
    } */
    /* .vs {
        padding: 100px 135px 41px 215px;
    }
    .ms {
        padding: 100px 300px 41px 84px;
    }
    .header-4{
        background-image:url('../images/Artboard 2 copy@4x-100 copy.png');
    } */
}
@media only screen and (min-width:2120px){
    /* .hand-content{
        padding-left: 30rem;
    } */
    .about-shape-211{
        left: 31%;
    }
    /* .about-shape-1{
        left: 24%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 32rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1rem;
    } */
    /* .about-shape-3{
        left: 75%;
    }
    .about-shape-4{
        left: 22%;
    } */
    .about-shape-511 {
        left: 49%;
    }
    /* .vs {
        padding: 150px 135px 41px 215px;
    }
    .ms {
        padding: 150px 300px 41px 84px;
    } */
}
@media only screen and (min-width:2320px){
    /* .hand-content{
        padding-left: 33rem;
    } */
    .about-shape-211{
        left: 33%;
    }
    /* .about-shape-1{
        left: 26%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 38rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1rem;
    } */
    /* .about-shape-3{
        left: 73%;
    }
    .about-shape-4{
        left: 24%;
    } */
    /* .vs {
        padding: 180px 135px 41px 215px;
    }
    .ms {
        padding: 180px 300px 41px 84px;
    } */
}
@media only screen and (min-width:2500px){
    /* .hand-content{
        padding-left: 38rem;
    } */
    .about-shape-211{
        left: 34%;
    }
    /* .about-shape-1{
        left: 28%;
    } */
    /* .navbar-expand-lg {
        padding: 1rem 44rem;
    }
    .navbar-light .btn-primary {
        margin-right: 1rem;
    } */
    /* .about-shape-3{
        left: 71%;
    }
    .about-shape-4{
        left: 26%;
    } */
    /* .vs {
        padding: 210px 135px 41px 215px;
    }
    .ms {
        padding: 210px 300px 41px 84px;
    } */
}

/* ....................mobile-index-page............ */

.mobile-index{
    display: flex;
}

.mobile-index-1{
    display: none;
}

.about-shape-611 {
    display: none;
}
.about-shape-711 {
    display: none;
}
.about-shape-811 {
    display: none;
}
.about-shape-911 {
    display: none;
}
@media only screen and (max-width:600px){
    .mobile-index{
        display: none;
    }
    
    .mobile-index-1{
        display: flex;
    }
    .ur-card .card-body {
        padding: 0rem 1rem;
    }
    .ur-card .card-body h3 {
        font-size: 18pt;
        font-weight: 700;
        color: #FFCA05;
    }
    .card-horizontal h5{
        font-size: 11pt;
        font-weight: 400;
        
    }
    .about-shape-511 {
       display: none;
    }
    .about-shape-611 {
        position: absolute;
        top: 21%;
        left: 17.5%;
        width: 13%;
        height: 25%;
        z-index: -1;
        display: block;
    }
    .about-shape-711 {
        position: absolute;
        top: 35%;
        left: 17.5%;
        width: 13%;
        height: 25%;
        z-index: -1;
        display: block;
    }
    .about-shape-811 {
        position: absolute;
        top: 48%;
        left: 17.5%;
        width: 13%;
        height: 25%;
        z-index: -1;
        display: block;
    }
    .about-shape-911 {
        position: absolute;
        top: 82%;
        left: 17.5%;
        width: 13%;
        height: 25%;
        z-index: -1;
        display: block;
    }
    /* .ft-logo{
        margin-left: 2rem;
    } */
}
/* .........................radio-button.................. */

/* .cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.visa{background-image:url(../css/Group1086.png);}
input[type="radio"]:checked + .visa{
    background-image:url(../css/Group10861.png);
  }
.mastercard{background-image:url(../css/Group1087.png);}
input[type="radio"]:checked + .mastercard{
    background-image:url(../css/Group10871.png);
  }

.cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector input:checked +.drinkcard-cc {
    
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:40px;
	height:40px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(1);
       -moz-filter: brightness(1) grayscale(1) opacity(1);
            filter: brightness(1) grayscale(1) opacity(1);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.1) grayscale(0) opacity(.9);
       -moz-filter: brightness(1.1) grayscale(0) opacity(.9);
            filter: brightness(1.1) grayscale(0) opacity(.9);
            
} */
/* .........................radio-button-end.................. */

/* .director-head{
   padding-top: 36px;
}
.msg-alglin{
    margin-left: 30px;
}
.director-head h2{
    font-size: 32px;
    font-weight: 700;
    
    margin-bottom: 30px;
}
.director-head h3{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 25px;
}
.director-head h4{
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 15px;
}
.director-head span{
    font-size: 15px;
    font-weight: 700;

}
.director-head h5{
    font-size: 18px;
    font-weight: 400;
    margin-top: 2rem;
    color: #fff;
}
.director-head img{
    display: inline ;
}
.director{
      width:100%;
      height:auto;
      position:relative;
      background-image:url('../css/Mask Group 12.png');
      background-repeat:no-repeat;
      background-size:100% 100%;
      min-height: 660px;   
}
.award-mob-1{
        display: none !important;
    }
.news-card{
    background: #000;
    border-radius: 20px;
    border: none;
    margin-bottom: 1rem;
}
.news-card h3{
    color: #FFCA05;
    font-size: 22px;
    font-weight: 700;

}
.news-card p{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 10px;

}
.news-card h5{
    font-size: 8px;
    color: #707070;
    font-weight: 400;
    margin-top: 5px;
}
.slide-img{
    padding: 0px;
}
.slide-img-1{
    padding: 30px 60px 20px 60px ;
    
}
.slide-img-1 img{
    margin-right: 40px;
    padding-bottom: 60px;
}
.slide-img-1 h1{
    color: #FFCA05;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px;
}
.slide-img-1 p{
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 400;
    margin-bottom: 30px;

}
.slide-img-1 h5{
    font-size: 10px;
    color: #707070;
    font-weight: 400;
    margin-top: 30px;
}
.mobile-award{
    display: none;
}
.mobile-award-1{
    display: block;
}
@media only screen and (max-width:600px){
    .mobile-award{
        display: block;
    }
    .mobile-award-1{
        display: none;
    }
    .fitness-points {
        padding: 25px 1rem 0px 1rem;
    }
    .slide-img-1 {
        padding: 30px 20px;
    }
    .slide-img-1 img {
        margin-right: 15px;
    }
    .news-card h3{
        margin-top: 1.5rem;
    }
    .director{
        background-image:url('../css/Mask Group 13.png');
        min-height: 1210px; 
    }
    .award-mob{
        display: none;
    }
    .award-mob-1{
        display: block !important;
    }
    .director-head h5{
        font-size: 12px;
        margin-top: 2rem;
        color: #000;
    }
    .director-head h2{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .director-head h3{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .director-head h4{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .director-head span{
        font-size: 12px;
    }

}
@media only screen and (min-width:1520px){
    .fitness-points{
        padding: 25px 10rem 0px 2rem;
    }
}
@media only screen and (min-width:1920px){
    .fitness-points{
        padding: 25px 18rem 0px 4rem;
    }
    .director{
        background-image:url('../css/Mask Group 11.png');
        min-height: 896px;
    }
    .director-head{
        padding-top: 170px;
     }
     .director-head h5{
         margin-top: 3rem;
         color: #000;
     }
}
@media only screen and (min-width:992px){
    .card-horizontal {
        display: flex;
        flex: 1 1 auto;
        margin-bottom: 40px;
    }
    .case-card{
        max-height: 320px;
    }
    .case-card .card-body{
        border-radius: 0px 20px 20px 0px;
    }
    .blog-card{
        max-height: 270px;
    }
    .blog-card .card-body{
        border-radius: 0px 20px 20px 0px;
    }
    .blog-card-1{
        max-height: 320px;
    }
    .blog-card-1 .card-body{
        border-radius: 0px 20px 20px 0px;
    }
    .blog-card-2{
        max-height: 220px;
    }
    .blog-card-2 .card-body{
        border-radius: 20px 0px 0px 20px;
    }
    .blog-card-3{
        max-height: 390px;
    }
    .blog-card-3 .card-body{
        border-radius: 0px 20px 20px 0px;
    }
    .blog-card-4{
        max-height: 285px;
    }
    .blog-card-4 .card-body{
        border-radius: 20px 0px 0px 20px;
    }
    .blog-page{
        padding: 2rem 6rem;
    }
    .mob-blog{
        display: none;
    }
    .mob-blog-1{
        display: block;
    }
}
@media only screen and (min-width:1024px) and (max-width:1200px){
    .fitness-points p{
        font-size: 12px;
        margin-bottom: 1rem;
    }
    .news-card img{
        width: 100%;
    }
    .news-card h3{
        font-size: 16px;
    }
    .slide-img-1 img {
        margin-right: 25px;
        padding-bottom: 25px;
    }
    .slide-img-1 p{
        font-size: 12px;
    }
    .slide-img-1 {
        padding: 20px 25px 5px 25px;
    }
}
@media only screen and (min-width:2120px){
    .fitness-points{
        padding: 25px 20rem 0px 10rem;
    }
}
@media only screen and (min-width:2500px){
    .fitness-points{
        padding: 25px 30rem 0px 10rem;
    }
} */