* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html, body,  div,  span,  applet,  object,  iframe,  h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote,  pre,  a,  abbr,  acronym,  address,  big,  cite,  code,  del,  dfn,  em,  font,  img,  ins,  kbd,  q,  s,  samp,  small,  strike,  strong,  sub,  sup,  tt,  var,  dl,  dt,  dd,  ol,  ul,  li,  fieldset,  form,  label,  legend,  table,  caption,  tbody,  tfoot,  thead,  tr,  th,  td,  select,  input,  option { margin: 0; padding: 0; border: 0; outline: 0;}
html { -webkit-text-size-adjust: none; scroll-behavior: smooth; }
body { margin: 0; padding: 0; overflow-x: hidden;  font-size: 18px;   font-weight: 400; color: #000;  font-family: 'Montserrat', sans-serif; } 

h1 { font-size: 110px; line-height: 1.1; letter-spacing: 2px;color: #fff; font-family: 'Kenyan Coffee Rg'; }
h2 { font-size: 60px; line-height: 1.2;  color: #000; font-family: 'Montserrat', sans-serif;  }
h3 { font-size: 40px; line-height: 1.2; font-weight: 600; margin-bottom:0px; color: #fff; }
h4 { font-size: 22px; line-height: 1.3; font-weight: 700; margin-bottom:20px; color: #fff; font-family: 'Montserrat', sans-serif; }
h5 { font-size: 24px; line-height: 1.3; font-weight: 700; margin-bottom:20px; color: #088FBE; font-family: 'Montserrat', sans-serif; }

.mb-50 { margin-bottom: 50px; }
.mt-10 { margin-top: 100px; }
form { width: 100%; display: flex; align-items: center;  margin: 0 auto 0px auto; flex-wrap: wrap; justify-content: center;  }
form#search-form { width: 100%; display: block; }

* + p  { margin-top: 15px; }
img { width: 100%; }
.btn {background: #088FBE; border-radius: 8px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; color: #FFFFFF !important; text-decoration: none !important; padding: 15px 40px; }
.btn_blue { background: #088FBE; color: #fff; }
.btn_blue:hover {background: #3e3e3e; color: #fff; } 
.btn_green {background: #2FB755; color: #fff; }

.disable{ background: #B4B4B4; cursor: default !important; pointer-events: none; }
.product { margin-bottom: 30px; }
.product-inner {box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 10px; color: green; }
.product img {margin-bottom: 10px; }

.money { width: 100%; height: 100vh; position: fixed; top: -200px; left: 0;   }
.money i { display: inline-block; -webkit-animation: money 3s linear 2s 20; animation: money 3s linear 2s 20; position: relative; background-image: url('data:image/svg+xml,%3Csvg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath style="fill:%2374D24F;" d="M496,112H16c-8.82,0-16,7.18-16,16v256c0,8.82,7.18,16,16,16h480c8.82,0,16-7.18,16-16V128 C512,119.18,504.82,112,496,112z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M472,192c-22.055,0-40-17.945-40-40c0-4.422-3.578-8-8-8H88c-4.422,0-8,3.578-8,8 c0,22.055-17.945,40-40,40c-4.422,0-8,3.578-8,8v112c0,4.422,3.578,8,8,8c22.055,0,40,17.945,40,40c0,4.422,3.578,8,8,8h336 c4.422,0,8-3.578,8-8c0-22.055,17.945-40,40-40c4.422,0,8-3.578,8-8V200C480,195.578,476.422,192,472,192z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23869B55;" d="M128,256c0,48.221,26.691,90.175,66.081,112h123.839C357.309,346.175,384,304.221,384,256 s-26.691-90.175-66.081-112H194.08C154.691,165.825,128,207.779,128,256z"/%3E%3C/g%3E%3Cg%3E%3Cpath style="fill:%23FFEFBC;" d="M256,244c-16.023,0-28-8.445-28-16c0-7.555,11.977-16,28-16s28,8.445,28,16c0,6.625,5.375,12,12,12 s12-5.375,12-12c0-19.236-16.824-34.862-40-38.932V184c0-6.625-5.375-12-12-12s-12,5.375-12,12v5.068 c-23.176,4.07-40,19.695-40,38.932c0,22.43,22.844,40,52,40c16.023,0,28,8.445,28,16c0,7.555-11.977,16-28,16s-28-8.445-28-16 c0-6.625-5.375-12-12-12s-12,5.375-12,12c0,19.236,16.824,34.862,40,38.932V328c0,6.625,5.375,12,12,12s12-5.375,12-12v-5.068 c23.176-4.07,40-19.695,40-38.932C308,261.57,285.156,244,256,244z"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="80" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%2374D24F;" cx="432" cy="256" r="24"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="152" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="40" cy="360" r="16"/%3E%3C/g%3E%3Cg%3E%3Ccircle style="fill:%23869B55;" cx="472" cy="360" r="16"/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A'); } 

@-webkit-keyframes money { 0% {-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6); transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6); } 100% {-webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6); transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6); } } 
@keyframes money { 0% {-webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6); transform: translate3d(0, 0, 0) rotate(0deg) scale(0.6); } 100% {-webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6); transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6); } } .money i:nth-child(3n) {width: 40px; height: 40px; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-iteration-count: 30; animation-iteration-count: 30; -webkit-transform-origin: right -45px; transform-origin: right -45px; } .money i:nth-child(3n + 1) {width: 50px; height: 50px; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-iteration-count: 45; animation-iteration-count: 45; -webkit-transform-origin: right -30px; transform-origin: right -30px; } .money i:nth-child(3n + 2) {width: 65px; height: 65px; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: 60; animation-iteration-count: 60; -webkit-transform-origin: right -15px; transform-origin: right -15px; } /* different delays so they don't all start at the same time */ .money i:nth-child(7n) {opacity: 0.3; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .money i:nth-child(7n + 1) {opacity: 0.4; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .money i:nth-child(7n + 2) {opacity: 0.5; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .money i:nth-child(7n + 3) {opacity: 0.6; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } .money i:nth-child(7n + 4) {opacity: 0.7; -webkit-animation-delay: 2.5s; animation-delay: 2.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .money i:nth-child(7n + 5) {opacity: 0.8; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .money i:nth-child(7n + 6) {opacity: 0.9; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

.sec1 { position: relative; overflow: hidden; }

header a { max-width: 200px; width: 100%; display: block; margin: 0 auto; text-decoration: none; }
header a:hover { text-decoration: none; }

.banner { height: 100vh; overflow: hidden; position: relative; }

.navbar { background: #088FBE; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.16); width: 100%; max-width: 100%; display: block; padding: 20px 0; padding: 40px 0; }

.opacity_zero { opacity: 0; }

.sec1 { position: relative; padding:00px 0; }
.deal_box {background: #FFFFFF; box-shadow: 0px 4px 24px rgba(8, 143, 190, 0.1); position: relative; padding: 40px 30px; height: 100%; }
.table { margin-top: 100px; }
.cmpy_name .logo { position: relative; }
.cmpy_name .logo img {max-width: 200px; margin-top: -90px; }

.deal_box .cmpy_name { color: #000; position: relative; }
.deal_box .cmpy_name p { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; margin-top: 0; padding: 0px; display: flex; }
.deal_box img.rupee { position: absolute; right: 0; top: 110px; max-width: 50px; }
.deal_box .cmpy_name a { color: #000; }
.deal_box .cmpy_name a:hover {text-decoration: none;}
.deal_box img { margin-bottom: 0px; max-width: 45px; }
.deal { background-color: green; position: absolute; width: 200px; left: 0; font-size: 32px; top: 2%; color: #fff; transform: rotate(-40deg); left: -14%; text-align: center; }
.deal_box .cmpy_name h5 { min-height: 62px; align-items: center; display: flex; padding-right: 50px; }
.deal.not { background-color: red; }
.banner_img h1 {position: absolute; z-index: 999; color: #fff; bottom: 0; left: 50%; transform: translate(-50%, 0); bottom: 10%; }
.deal_box_img { display: flex; align-items: center; justify-content: center;    }
.deal_box_img img { max-width: 100%;  width: auto; width: 100%; margin-bottom: 0;  }
table { width: 100%; background-color: transparent !important; }
.table td, .table th, .table-striped tbody tr:nth-of-type(odd) { width: 100%; background-color: transparent; border: none; }
#fid_table tbody { display: flex; width: 100%; flex-wrap: wrap; }
#fid_table tbody tr td { width: 100%; display: block; height: 100%; }
#fid_table tbody tr { width: 100%; max-width: 50%; display: block; }
.container-fluid, .navbar-header  { width: 100%; }
.shark_slider {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px; }
.shark_box {width: 14%; padding: 8px; }
.shark_img { position: relative; }
.shark_img:before{content: ""; position: absolute; bottom: 0; width: 50px; height: 50px; background-image: url('../images/logo.png'); background-size: contain; background-position: center; }
.shark_box p {font-size: 24px; margin-top: 20px; line-height: 1; color: #313131; }
.shark_box p.p_sm {font-size: 14px; font-family: 'Montserrat', sans-serif; margin-top: 15px; font-weight: 600; }
.deal_box .cmpy_name p span {display: block; height: 100%; position: relative; }
.deal_box .cmpy_name p { position: relative; display: flex; align-items: center; justify-content: start; padding: 10px 0; }
.deal_box .cmpy_name p span:before {content: ""; position: absolute; bottom: -16px; background-color: black; width: 100%; height: 1px; }
.deal_box .cmpy_name p img { margin-right: 35px; }
.deal_box .cmpy_name p:last-child{ border-bottom: 0; }
.sec_form { width: auto; padding: 0 15px; margin-top: 0px; max-width: 500px; width: 100%;}
.sec_form.w_100 input { background: url(../images/search.png) no-repeat 6%; background-size: 15px; background-color: #088FBE; }
input#search_field, select {text-align: center;     font-size: 18px; }
.sec_form select { 
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    padding: 0 10px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 10px;
    border: 1px solid #ffffff;
    padding: 15px 20px;
    background-color: #808080;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    max-width: 250px;
    width: 100%;
    box-shadow: inset 0 0 20px 1px #ffffff00;
    background: url(../images/arrow.png) no-repeat right #088fbe00;
    /* background: url(../images/arrow.svg) no-repeat; */
    background-position: calc(70% - -3.25rem) center !important;
    background-size: 15px;
    

}
@media screen and (max-width: 600px){
  .ask_box,.deal_box_btn p {
      text-align: center;
  }
}

.search input { 
      border: 1px solid #ffffff;
      box-shadow: inset 0 0 20px 1px #088FBE;
      background-color: transparent; 
      color: #000 !important;
      padding: 15px 20px; 
      height: 60px; 
      border-radius: 10px !important;
      font-family: 'Montserrat', sans-serif; 
}

select:focus, .form-control:focus { outline: none !important; border-color: #fff !important; box-shadow: none !important; } 
::placeholder{ color: #fff !important; }
select::-ms-expand { display: none; }
.scroll_top a { position: fixed; right: 20px; width: 50px; height: 50px; bottom: 20px; background-color: #088FBE; border-radius: 50%; padding: 10px; }
.scroll_top a img { transform: rotate(180deg); }
.sec_form select option { background-color: #fff; }
.sec_form label { margin-right: 20px; }

.sec_form select option {  color: #000; text-align: left; }
.sec_form label { color: #fff; }

.ask { display: flex;  margin-top: 40px; } 
.ask_box, .deal_box_btn {width: 50%; margin-inline: 8px;}
.ask_box p, .deal_box_btn p { display: none !important;  transition: all 0.5s ease;  }

.ask_box.show p, .deal_box_btn.show p, .btn1.active + p, .btn2.active + p { display: block !important; transition: all 0.5s ease; margin-top: 20px; }
.hide { display: none !important;  transition: all 0.5s ease;  }

.bg_blue { background-color: #088FBE; }
.pd_100 { padding: 70px 0; }
footer p{ color: #fff; font-size: 30px; text-align: center;  padding-bottom: 0;}
footer img { max-width: 24px; }
footer a { text-decoration: none; color: #fff; }
footer a:hover { text-decoration: none; color: #fff; }


.container, .container-lg, .container-md, .container-sm {
    max-width: 1200px !important;
}
.none { display: none; }
a { cursor:pointer; }

#container{
  padding-top: 20px;
}
#pagination-container ul{
  display: flex;
  justify-content: center;
      flex-wrap: wrap;
}
#pagination-container ul li{
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: black;
  margin: 0px 5px;
  margin-bottom: 15px;
}
div#pagination-container {
    padding-bottom: 30px;
    padding-top: 40px;
}
#pagination-container ul li.active{
    background-color: #088FBE;
    border-radius: 10px;
    color: #fff;
}
.page-link:not(:first-child){
  margin-left: 5px;
}
.page-link{ color:#000; }
.page-link:first-child{
  border-radius: 10px 0 0 10px;
}
.page-link:last-child{
  border-radius:10px;
}
.page-link:hover{
  background-color: #DDDDDD;
}
#pagination-container a.active{
  background-color: #4CAF50;
}
/*footer h2 { text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 38px;
      }
footer a.btn { margin-top: 30px; background-color: #212529; border: 1px solid #212529; }
*/
 @media screen and (max-width: 1500px){
    .sec_form { width: auto; }
    .sec_form select {margin-bottom: 27px;}
 }
 
 @media screen and (max-width: 1200px){

    .btn { font-size: 16px; padding: 15px 25px; }

    .table { margin-top: 40px; }
    .deal_box .cmpy_name h5 { font-size: 26px;  padding-right: 50px; }
    .cmpy_name .logo img { max-width: 150px; margin-top: -60px; }
    .deal_box { padding: 20px 20px; }

    footer h2 { font-size:32px; }
 }

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

        .btn { font-size: 13px; padding: 18px; }
        .btn_blue {padding: 18px;}
        .deal_box .cmpy_name p img { margin-right: 20px; }
        .deal_box img.rupee { top: 90px; max-width: 40px; }

        footer h2 { font-size:28px; }
        footer p { font-size:26px; }

 }

 @media screen and (max-width: 767px){
    
    .btn { font-size: 16px; padding: 15px; }
    .sec_form { width: 100%; text-align: center; }
    .sec_form select { max-width: 450px; width: 100%; text-align: center; margin-bottom: 25px; }
    .sec_form.w_100 input { max-width: 450px; margin: 0 auto; }
    .table { margin-top: 40px; }
    #fid_table tbody tr { max-width: 500px; margin: 0 auto; }
    .deal_box_btn { text-align: right; }
    .deal_box img.rupee { top: 100px; max-width: 40px; }
    .table td, .table th { padding: 0; }

    .pd_100 { padding: 30px 0; }

    header a { max-width: 150px; }
    h5 { font-size: 22px; }

    .ask_box.show p, .deal_box_btn.show p, .btn1.active + p, .btn2.active + p { margin-top: 5px; }

    footer h2 { font-size:25px; }
    footer p { font-size:22px; }

    .sec_form label { margin-bottom:10px; margin-bottom: 20px; margin-right: 0; font-size: 24px;}
    .deal_box .cmpy_name p span, .deal_box .cmpy_name p { font-size: 18px; }

}

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

    .deal_box_img a img { max-width:100%; width:100%; }

    .cmpy_name .logo img { max-width: 150px; margin-top: -40px; }
    .deal_box { padding: 20px 15px; }
/*    .deal_box img.rupee { top: 120px; }*/
    .deal_box .cmpy_name h5 { font-size: 24px; margin-top: -20px; }
    .deal_box img { max-width: 30px; }
    .deal_box .cmpy_name p img { margin-right: 14px; }
    .ask_box, .deal_box_btn { width: 100%; margin-bottom: 20px; }
    .ask {display: block; }
    .deal_box .cmpy_name a { margin-bottom: 0px;  width: 100%; }
    .ask { display: block; margin-top: 20px; }
    footer p { font-size:20px; }

}