* {margin: 0; padding: 0; color: #fff; max-width: 100%;} *, *::before, *::after {box-sizing: inherit;} body {background-color: #000;} body, textarea {font-family: roboto, sans-serif; font-size: 16px; line-height: 25px; padding: 0; margin: 0;} h1,h2,h3,h4,h5,h6 {font-size: 2rem; line-height: initial;} a {text-decoration: none;} img, video {width: 100%; height: auto;} .textarea a {color: #FFC985; text-decoration: underline;} mark {background-color: #F04DFF; color: #000; padding: 3px 5px;} mark strong, .textarea mark a {color: #000;} .dipti-cat strong {color: #ff9100;} .dipti-cat li {margin-bottom: 10px;} @font-face {font-family: 'FontAwesome'; font-display: swap; src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'); font-display: swap; font-weight: normal; font-style: normal} .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .fa-phone:before {content: "\f095";} .fa-whatsapp:before {content: "\f232";} .fa-telegram:before {content: "\f2c6";} header {background-color: antiquewhite; overflow: hidden;} nav {background-color: #91185d; color: white; padding: 10px;} .navbar-brand h2 {font-size: 24px;} @media (min-width: 992px) {nav .navbar-collapse {justify-content: flex-end;} } .navbar-nav a {margin: 5px; padding: 10px; border: 2px solid #fff; border-radius: 0px;} section {width: 100%;} footer {background-color: #750049;} .footer {display: flex; flex-wrap: wrap; justify-content: space-evenly;} .footer-box {margin: 1% 0; padding: 1% 1%;} .footer-box li {overflow: hidden; list-style: none; padding: 2px 0 2px 22px; margin: 0 0 4px 0; background: url(../images/right.jpg) left no-repeat;} .footer p {text-align: justify;} .footer h5 {font-size: 24px; color: #fff; padding: 5px 0; margin-bottom: 10px;} .footer-bar {border-top-style: solid; border-top-width: 1px; text-align: center;} .footer-bar>.container {padding-top: 15px; padding-bottom: 15px; letter-spacing: .5px;} .container{padding-right:30px;padding-left:30px;margin-right:auto;margin-left:auto} @media(min-width:320px){.area-list li {width: 100%;} .tsml {margin-bottom: 10px; } } @media screen and (min-width:425px) {.footer-box {width:100%;} .content-left, .content-right {width: 100%;} .area-list li {width: 42.8%;} .accordion, .panel {width: 96%;} } @media(min-width:576px){.container{max-width:540px} .profile-box {width: 45%;} } @media(min-width:768px){.container{max-width:720px} .footer-box {width: 31.33%;} .profile-box {width: 29%;} .area-list li {width: 29.6%;} .content-left, .content-right {width: 65.7%; } .content-left {padding-right: 30px;} .content-right {float: right;     padding-left: 30px; } .img-left, .img-right {width: 30%; } .col-md-2 {-ms-flex: 0 0 16.666667%;     flex: 0 0 16.666667%;     max-width: 16.666667%; } .col-md-10 {-ms-flex: 0 0 83.333333%;     flex: 0 0 83.333333%;     max-width: 83.333333%; } .card-body {text-align: left; } .tsml-box {grid-template-columns: repeat(3,1fr);     display: grid;     gap: 20px; } } @media(min-width:992px){.container{max-width:960px} .area-list li {width: 22.29%;} .content-left, .content-right {width: 66.8%; } } @media(min-width:1200px){.container{max-width:1140px} } .container-fluid{width:100%;padding-right:30px;padding-left:30px;margin-right:auto;margin-left:auto} footer>.container {padding-top: 30px; padding-bottom: 30px;} main>section>.container {padding-top: 30px; padding-bottom: 30px;} .bg_offwhite .container {text-align: -webkit-center;} .textarea h1,h2,h3,h4,h5,h6 {color: #ff0026; margin-bottom: 10px;} .textarea p {text-align: justify; font-weight: 700;} .textarea>p, .textarea ul {margin-top: 15px; margin-bottom: 20px;} .navbar {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem;} .navbar>.container {width: 100%; display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;} .navbar-brand {text-decoration: none;} .collapse:not(.show) {display: none;} @media (min-width: 992px) {.navbar-expand-lg .navbar-toggler {display: none; } .navbar-expand-lg .navbar-collapse {display: flex !important;     flex-basis: auto; } .navbar-expand-lg .navbar-nav {flex-direction: row; } .profile-box {width: 22%; } } .navbar-light .navbar-toggler {color: rgba(0, 0, 0, .55); border-color: #ffffff;} .navbar-toggler:hover {text-decoration: none;} .navbar-toggler {padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out;} .navbar-toggler-icon {display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%;} .navbar-collapse {flex-basis: 100%; flex-grow: 1; align-items: center;} .m-auto {margin: auto !important;} .navbar-nav {display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;} .nav-link {display: block; padding: .5rem 1rem; color: #fff; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;} .bg_offwhite {background-color: #ffffff;} .bg_offwhite h3, .bg_offwhite h4 {color: #2200E6; font-size: 2rem;} .text-center {text-align: center;} .row {--bs-gutter-y: 0; display: flex; flex-wrap: wrap; justify-content: center; margin-top: calc(var(--bs-gutter-y)* -1); margin-right: calc(var(--bs-gutter-x)* -.5); margin-left: calc(var(--bs-gutter-x)* -.5);} .profile-box {margin: 10px; border: 2px solid #000; border-radius: 20px; height:60%} .profile-box img {border-radius: 20px 20px 0 0;} .pro-detail {text-align: center; background-color: #000; padding: 5px 0; border-radius: 0 0 17px 17px;} .area-list {display: flex; flex-wrap: wrap; justify-content: center;} .area-list li {list-style: none; text-align: center; background-color: #000000; border: 3px solid #000; margin: 5px; padding: 5px;} .content-left p, .content-right p {text-align: justify; font-weight: 700;} .nowcalling {display:block; position:fixed; bottom:0; width:100%; z-index:9999;} .lcol,.rcol, .mcol {float:left; width:33.333%;} .lcol {background-color:#B7008D;} .mcol {background-color: #1157A7;} .rcol {background-color:#066547;} .lcol a,.rcol a, .mcol a {display:block; padding:10px 0; text-align:center; text-decoration:none; color:#fff;} .accordion {background-color: transparent; color: #fff; cursor: pointer; padding: 18px; border: 1px solid #dfcfcf; text-align: left; outline: none; font-size: 15px; transition: .4s; margin: 5px 0; border-radius: 6px; box-shadow: rgba(60,64,67,.3) 0 1px 2px 0, rgba(60,64,67,.15) 0 2px 6px 2px; font-size: 18px; font-weight: 600; font-family: Philosopher;} .accordion:after {content: '\002B'; color: #fff; font-weight: 700; float: right; margin-left: 5px; font-size: 24px; background: #ba1b1b; border-radius: 50%; padding: 0 10px;} .panel {padding: 0 18px; background-color: #ba1b1b; max-height: 0; overflow: hidden; transition: max-height .2s ease-out; box-shadow: rgba(0,0,0,.24) 0 3px 8px; border-radius: 0 0 6px 6px;} .panel p {padding: 20px 10px 10px; font-size: 18px; font-weight: 400;} .text {color: rgb(255 255 255) !important; font-family: Philosopher; line-height: 34px; font-size: 18px; font-weight: 400; text-align: justify;} .bs-example {margin-bottom: 15px;} .card {box-shadow: rgba(0,0,0,.24) 0 3px 8px; border: #000000 4px solid; border-radius: -1px 50px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box;} .no-gutters {margin-right: 0; margin-left: 0;} .no-gutters > .col, .no-gutters > [class*="col-"] {padding-right: 0; padding-left: 0;} .card-img-top {border-radius: 0px 0px; object-fit: cover;} .card-body {-ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; background-color: wheat; } .card-body a {color: #334e6f; font-size: 22px; font-family: Philosopher; font-weight: 700; position: relative; bottom: 5px;} .card-title {margin-bottom: 0.75rem;} .card-text {color: #000; line-height: 28px; font-size: 17px; font-weight: 400; padding: 5px 20px 15px 0;} .btns {display: flex; justify-content: left; align-items: center; margin-left: 10px;} .card-body a {color: #334e6f; font-size: 22px; font-family: Philosopher; font-weight: 700; position: relative; bottom: 5px;} .card-body a:hover {color: #f0f; text-decoration: none; transition: 1s;} a.profile-btn {background-color: transparent; background-color: #f0f; font-size: 18px; padding: 6px 12px; color: #fff; border-radius: 10px; margin: 0 25px; border: 2px solid transparent; visibility: hidden;} .social-btn i {background-color: #222222; color: #fff; padding: 10px 12px; border-radius: 2px; border: 2px solid #225510;} .social-btn i:hover {background-color: transparent; border: 2px solid #f0f; color: #f0f;} .theading, .price-table th {color: #ff9100 !important;} .price-table {width: 100%; margin-bottom: 2.618em; border-collapse: collapse; border-spacing: 0;} .price-table th, .price-table td {border: 1px solid #fff; color: #fff; padding: 10px; font-weight: 700; text-align: left;background-color: darkred;} .tsml {border-radius: 25px; border: 1px solid #000; display: grid; grid-template-rows: subgrid; grid-row: 1 / 4; padding: 10px;} .tsml-row {display: flex; flex-flow: wrap; align-items: center;} .tsml hr {margin: 10px 0;} .tsml span {font-size: 1.5rem;} .tsml-img {width: 20%; border-radius: 50px; height: fit-content;} .tsml-text {width: 80%;} .ts-1 {background-color: #000000;} .ts-2 {background-color: #00726f;} .ts-3 {background-color: #090d67;} .textarea li {margin-left: 20px;} .mid-btn {text-align: center;} .mid-btn button {padding: 5px 10px; margin: 10px; font-size: 36px; border-radius: 20px; border: 1px solid #fff;} .Phone-btn {background-color: #9c002b;} .whatsapp-btn {background-color: #2b6349;}
.book-now-btn {
    margin: 40px auto 15px;
    display: block;
    width: 50px;
    height: 50px;
  }
.scroll-down:hover {
    background-color: #fbff0d;
  }
  @-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -moz-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -moz-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  @-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }

    40% {
      -moz-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
      -webkit-transform: translateY(-30px);
      transform: translateY(-30px);
    }

    60% {
      -moz-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
  }

  .bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
    border-radius: 100%;
    padding: 2px;
    border: 3px solid #f0d80b;
    background: radial-gradient(#f4efef, #422e2e85);
    box-shadow: 0px 0px 6px 7px #e73110;
  }