@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;800&display=swap");
* {
    font-family: product-sans;
    overflow-x: hidden;
}
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: "product-sans";
    src: url(../fonts/product-sans/Product\ Sans\ Regular.ttf);
}
.mobile {
    display: none;
}
.fullscreen {
    width: 100%;
    height: 100vh;
    background-color: rgb(245, 124, 17);
    /* background-color: rgb(245, 245, 245); */
    background-color: #fff;
}
.fullscreen .left {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    /* padding: 0;
      margin: 0; */
    /* background-color: rgb(245, 124, 17); */
    background-color: rgb(230, 230, 230);
    border-top-right-radius: 5rem;
    /* border-bottom-right-radius: 5rem; */
}
.fullscreen .left .logo {
    margin: 4% auto;
}
.fullscreen .left .post {
    display: block;
    margin: 0 auto;
    padding: 0% 0%;
}
.fullscreen .left .post img {
    width: 235px;
    height: 235px;
    box-shadow: -5px 5px 10px 1px #999999;
}
.fullscreen .left .owl-carousel2 h4 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 2px rgba(0, 0, 0, 0.15),
        0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.15);
    height: 100%;
}
.fullscreen .left .video {
    position: absolute;
    margin: 0% auto;
}
#post2 {
    /* margin-left: -210%; */
    transition: all 1s;
    padding-bottom: 2%;
}
#videos2 {
    /* margin-left: -210%; */
    transition: all 1s;
    padding-bottom: 2%;
}
.fullscreen .left .video video {
    margin-top: 3%;
    height: 235px !important;
    width: 235px !important;
    box-shadow: -5px 5px 10px 1px #999999;
}
.fullscreen .left .video img {
    box-shadow: -5px 5px 10px 1px #999999;
}
.fullscreen .right {
    width: 100%;
    padding: 0% 6% 0% 5%;
    background-color: #fff;
    transition: all 1s;
}
.fullscreen .right .abhardin {
    width: 100%;
    display: block;
    /*margin: 20% auto 2% auto;*/
    font-weight: 600;
    line-height: 2.5rem;
    font-family: "Poppins", sans-serif;
}
.fullscreen .right .abhardin .post {
    color: rgb(245, 124, 17);
}

.fullscreen .right ul li {
    width: 60%;
    display: block;
    margin: 0% auto;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}
.fullscreen .right ul li i {
    font-size: 0.8rem;
}
.fullscreen .right .tag {
    width: 40%;
    display: block;
    margin: 0 auto;
    font-weight: 600;
    line-height: 2.5rem;
    font-family: "Poppins", sans-serif;
    border-bottom: 2px solid rgb(245, 124, 17);
}
.fullscreen .right .price {
    justify-content: center;
}
.fullscreen .right .price .fa-rupee {
    font-size: 3rem;
    margin-top: 7%;
    color: #000;
}
.fullscreen .right .price .zero {
    font-size: 7rem;
    font-weight: 900;
    margin-left: 1%;
    font-family: "Poppins", sans-serif;
}
.fullscreen .right .price .slash {
    font-size: 4rem;
    font-weight: 900;
    margin-top: 8%;
}
.fullscreen .right .price .year {
    font-size: 1.2rem;
    font-weight: 900;
    margin-top: 13.5%;
    color: rgb(245, 124, 17);
    font-family: "Poppins", sans-serif;
}
.fullscreen .right a .btn {
    background-color: rgb(245, 124, 17);
    padding: 2% 10%;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
}
.fullscreen .right a .btn:hover {
    border: 2px solid rgb(245, 124, 17) !important;
    color: rgb(245, 124, 17);
    background-color: #fff;
}

/* .fullscreen .right a .btn {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    display: block;
    line-height: 1.4rem;
  } */
.fullscreen .right .btn:hover {
    /* background-color: rgb(51, 51, 51); */
}

/* .header .content img {
    background-color: #fff;
    border-radius: 1.3rem;
    padding: 3%;
    margin: -2% 5% 0 0;
  } */
.main {
    width: 100%;
    height: 100vh;
}
.main img {
    margin: 0 auto;
    display: block;
    height: 90vh;
    width: 30%;
}
.main .btn {
    width: 10%;
    margin-top: 0 !important;
    background-color: rgb(51, 51, 51);
    display: block;
    margin: 0 auto;
    font-size: 1.2rem;
}
.main .btn a {
    color: white;
    text-decoration: none;
}
.main2 {
    width: 41.5%;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50%;
    background-color: rgb(230, 230, 230);
    z-index: 2;
    transition: all 1s;
}
/* .main2 .left {
    width: 50%;
  }
  .main2 .left video {
    width: 100%;
  } */
.form {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    /* overflow: hidden; */
}
.form .top {
    height: 0vh;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.086);
    overflow: hidden;
}
.form .contact {
    width: 100%;
    height: 2.2rem;
    background-color: rgb(230, 230, 230);
    color: #000;
    font-weight: 600;
    line-height: 2.2rem;
    padding-left: 2%;
    font-size: 0.85rem;
    letter-spacing: 2px;
    margin-bottom: 3%;
}
.form .business {
    width: 100%;
    height: 2.2rem;
    background-color: rgb(230, 230, 230);
    color: #000;
    font-weight: 600;
    line-height: 2.2rem;
    padding-left: 2%;
    font-size: 0.85rem;
    letter-spacing: 2.6px;
    margin-bottom: 3%;
}
.form .address {
    width: 100%;
    height: 2.2rem;
    background-color: rgb(230, 230, 230);
    color: #000;
    font-weight: 600;
    line-height: 2.2rem;
    padding-left: 2%;
    font-size: 0.85rem;
    letter-spacing: 2.5px;
    margin-bottom: 3%;
}
.form .top img {
    margin-top: 4%;
    width: 11rem;
}
.form .whatsapp {
    /* height: 5%;
    width: 5%; */
    margin: 1.5% 0% 0 0%;
}
.form .phone {
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
}
#phone {
    border: none;
}
.form .middle {
    height: 100vh;
    width: 100%;
    position: absolute;
    background-color: #fff;
    justify-content: center;
    padding: 30% 5%;
    align-items: center;
    overflow-y: hidden;
    text-align: center;
}
.form .bottom {
    height: 0vh;
    width: 100%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    /* box-shadow: 0px -9px 20px -8px rgba(0, 0, 0, 0.086); */
    z-index: 11;
}
.btn {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
}
/* .form .middle label {
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
  } */
.form .middle input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #000;
    outline: 0;
    margin-top: 1%;
    border-radius: 0;
    height: 2.3rem;
    padding-bottom: 3%;
}
textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
[type="text"].form-control:focus,
[type="password"].form-control:focus,
[type="email"].form-control:focus,
[type="tel"].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;
}
.form .middle select {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #000;
    background-color: #fff;
    border-radius: 0;
    padding: 0%;
}
.form .middle .btn {
    background-color: rgb(245, 124, 17);
    color: #fff;
    padding: 0% 15%;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 0.4rem;
}
.required:before {
    content: "*";
    font-weight: bold;
}
.bill {
    height: 100vh;
    width: 30%;
    display: block;
    margin: 0 auto;
}
.bill .top h4 {
    font-size: 1.7rem;
    margin-top: 5%;
    margin-left: 2%;
    letter-spacing: 2px;
    font-weight: 600;
}
/* #overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
  }
  #popupmsg {
    width: 35%;
    height: 25%;
    position: absolute;
    left: 50%;
    top: 5%;
    transform: translate(-50%, 0);
    z-index: 100;
    background-color: #fff;
    border-radius: 2rem !important;
    animation: fadeTop 0.3s ease;
    display: none;
  }
  #popupmsg i {
    float: right;
    margin-right: 3%;
    margin-top: 2%;
    font-size: 2rem;
    cursor: pointer;
  }
  @keyframes fadeTop {
    from {
      top: -30%;
    }
    to {
      top: 5%;
    }
  } */
.wrapper-1 {
    height: initial;
    width: 700px;
    margin: 0 auto;
    /* margin-top: 50px; */
    box-shadow: 2px 6px 20px 6px rgba(0, 0, 0, 0.085);
}
.wrapper-2 {
    padding: 30px;
    text-align: center;
}
.wrapper-2 h1 {
    font-size: 4em;
    letter-spacing: 3px;
    color: rgb(245, 124, 17);
    margin: 0;
    margin-bottom: 20px;
    line-height: 6rem;
}
.wrapper-2 p {
    margin: 0;
    font-size: 1.3em;
    color: rgb(51, 51, 51);
    font-weight: 600;
    letter-spacing: 1px;
}
.content-2 {
    max-width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 5%;
}

.footer-like {
    height: 3rem;
    margin-top: auto;
    background: rgb(245, 124, 17);
    text-align: center;
    display: flex;
}
/* .footer-like .contact-detail {
    align-items: center;
    justify-content: center;
  }
  .footer-like .contact-detail a {
    color: #fff;
  } */
.footer-like p {
    margin: 0;
    padding: 5px;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
    line-height: 2.4rem;
    overflow:hidden;
}
.footer-like p a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    overflow:hidden;
}
/* @media (min-width: 360px) {
    h1 {
      font-size: 4.5em;
    }
    .go-home {
      margin-bottom: 20px;
    }
  }

  @media (min-width: 600px) {
    .content {
      max-width: 1000px;
      margin: 0 auto;
    }
    .wrapper-1 {
      height: initial;
      max-width: 620px;
      margin: 0 auto;
      margin-top: 50px;
      box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
  } */


h1.card-title.pricing-card-title {
    font-size: 23px;
    font-weight: bold;
}
.fullscreen .right ul li {
    list-style: circle;
    font-size: 15px;
}