*{
    margin:0;
    padding:0;
    box-sizing:border-box;
   
}

/* BODY BACKGROUND IMAGE */
body{
    min-height:100vh;
    align-items:center;
    justify-content:center;
    text-align:center;
     display: flex;
    background: url('../images/yellowoffer-bg.gif') no-repeat center center;
    background-size: cover;
}

/* HERO CONTENT */
.hero-content {
    max-width:700px;
    padding:20px;
        font-family: PT Sans, sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #5f708f;
    text-transform: none;
    font-style: normal;
}


.logo {
    width:200px;
    margin-bottom:20px;
}

.hero-content h1 {
    font-size:42px;
    font-weight:600;
    color:#333;
    font-family: 'Acme', Sans-serif;
}

.price {
    font-size:60px;
    font-weight:800;
    color:#59b9d3;
   }

.cta-btn {
    display:inline-block;
    padding:14px 40px;
    background:#5bc6c7;
        font-family: 'Acme', Sans-serif;
    font-size: 28px;
    font-weight: 500;
    border-radius:50px;
    color: #000000;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
}

.cta-btn:hover{
    background:#1f242c;
    color: #ffffff;
}
.cta-btn::after
{
        content: "\e87a";
    font-family: 'pbminfotech-base-icons';
    position: absolute;
    top: 50% 12px;
    right: 0;
    font-size: 10px;
    line-height: 10px;
}

/* Responsive */
@media(max-width:768px){
    .hero-content h1{
        font-size:26px;
    }
    .price{
        font-size:40px;
    }
    .logo{
        width:150px;
    }
}

#comment-input1 input {

    float: left;

    margin-right: 1%;

    padding-left: 15px;

    padding-right: 15px;

    font-size: 13px;

    color: #747474;

    border: 1px solid #d2d2d2;

    margin-bottom: 30px;

    border-radius:10px;

}

div#comment-submit-container input#submit {

    text-transform: uppercase;

    font-size: 17px;

}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
    height: 40px;
}
input[type="number"], input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], textarea {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}

 input[type=submit] {
    width: auto;
    margin: 0 auto;
    background-color: #000;
    border-radius: 25px;
   text-transform: uppercase;
    font-size: 18px;
    font-family: Noto Sans, sans-serif;
    font-weight: 600;
    line-height: 24px;
        padding: 15px 40px;
        color: #ffffff;
        border: none;
}

.formvalue input[type="submit"] {
    width: auto !important;
    margin: 0 auto !important;
    background-color: #000 !important;
    border-radius: 25px !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-family: 'Noto Sans', sans-serif !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    padding: 15px 40px !important;
    color: #ffffff !important;
    border: none !important;
    display: block;
}
.input-website1{margin-top: 10px;}
.fusion-contact-form #comment-submit-container

{ text-align:center!important;

 margin-bottom:0 !important; }

 .formvalue

 {     display: block;

    width: 400px;

  margin: 0 auto;

    background: #fff;

    padding: 40px;

    border-radius: 20px;}

    .site-content-wrap {

    background-image: linear-gradient(240deg, #f8f8f8 50%, #f5f5f5 50%);

}

.gift-icon i.fa-gift {

    text-align: center;

    display: block;

    font-size: 42px;

    color: #e7332f;

    padding-bottom: 18px;

}

.wlc-text {text-align:center;}

.wlc-text h3 {font-size:20px;font-family:'Acme';margin-bottom: 0;

    line-height: 1;}

.wlc-text h4 {font-size:26px;font-family:'Acme';margin-bottom: 20px;}

@media (max-width:467px) {

    .formvalue {width:300px;}

}

.raichura-logoc {

    text-align: center;

}
.raichura-logoc {
    width: 210px;
    margin: 0 auto;
}
a.forgotlink {
    text-align: center;
    position: relative;
    margin-top: 10px;
    top: 10px;
    display: block;
    color: #000000;
}


.chequsarea {

    position: relative;

} 

.chequsarea img {

    width: 50px;

    position: absolute;

    top: 26px;

    left: 280px;

}



/* Style the label to display next to the inputs */

label {

  padding: 12px 12px 12px 0;

  display: inline-block;

}



/* Style the submit button */
/*
input[type=submit] {

  background-color: #04AA6D;

  color: white;

  padding: 12px 20px;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  float: right;

}*/



/* Floating column for labels: 25% width */

.col-25 {

  float: left;

  width: 25%;

  margin-top: 6px;

}



/* Floating column for inputs: 75% width */

.col-75 {

  float: left;

  width: 75%;

  margin-top: 6px;

}



/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}



/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

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

  .col-25, .col-75, input[type=submit] {

    width: 100%;

    margin-top: 0;

  }

}

.site-content-wrap {

    background-image: linear-gradient(240deg, #f8f8f8 50%, #f5f5f5 50%);

}

 .pbmit-element-inner{display: block; margin: 0 auto;}

.raichura-logoc {text-align:center;margin-bottom:15px}

.pbmit-sortable-list-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 50px;
    display: block;
    text-align: center;
}

.pbmit-sortable-list-ul li {
    display: inline-block;
}

.pbmit-sortable-list a.pbmit-selected {
    background: #000000;
    color: #ffffff;
}
.pbmit-sortable-list-ul li a {
    border-radius: 10px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.pbmit-sortable-list a {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding: 8px 18px;
    text-transform: uppercase;
}

a, a:hover, a:active, a:focus {
    text-decoration: none;
    color: inherit;
    outline: none;
}

.pbmit-element-posts-wrapper.row {
    margin-left: -15px;
    margin-right: -15px;
}
form[name="change_pass"] {

    background: #fff;

    padding: 20px;

    border-radius: 15px;

}

.page-template-offer input[type=text], .page-template-offer input[type=text] select, .page-template-offer input[type=text] textarea {

    height:40px;

}

.page-template-offer .form-control[type=file] {

width: 250px; 

}

.page-template-offer label {

        font-weight: bold;

    color: #000;

    padding:5px 0;

    font-family:'Roboto',sans-serif;

    font-size:14px;
    display: flex;

}

.page-template-offer input[type=submit] {

    width: auto;

    margin: 0 auto;

    text-transform: uppercase;

    font-size: 16px;

    background-color: #000;

    border-radius:25px;

}

    input[type=text], select, textarea{

  width: 100%;

  padding: 12px;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-sizing: border-box;

  resize: vertical;

}

.pbminfotech-post-content {

    position:relative;

}

.label_success {

    position: absolute;

    top: -39px;

    left: 0;

    right: 0;

    margin: 0 auto;

    width: auto;

    text-align: center;

}

.label_success label {

    background: green;

    color: #fff;

    padding: 5px 15px;

    border-radius: 25px;
    display: inline-block;

}

.pbmit-sortable-list-ul li a {

    border-radius: 10px;

    font-weight: bold;

    font-family: 'Roboto',sans-serif;

}

a.addlead.btn {

    background: #000;

    text-transform: uppercase;

    font-size: 14px;

    font-family: 'Roboto',sans-serif;

}

a.addlead.btn:hover {

    color:#fff;

}

table#products {

    background: #fff;

}

table#products th {

    border: 1px solid #e5e5e5;

    padding: 5px 7px;

    font-family: 'Roboto',sans-serif;

    font-size: 14px;

    color: #000;

    background: whitesmoke;

    font-weight: bold;

}

table#products td input[type="button"] {

    padding: 5px 15px;

        margin: 0;

}

table tbody th, table tbody td {

    font-size: 14px;

    font-family: 'Roboto',sans-serif;

}

ul.listdrop {

    list-style: none;

    padding-bottom: 15px;

}

.page-template-offer .pbmit-header-height-wrapper {

  background: #fcb93796;

}

.page-template-offer .pbmit-title-bar-wrapper, .pbmit-title-bar-wrapper.pbmit-bg-color-custom:before {

  background-image: inherit;

  background-color: transparent;

}

.page-template-offer-php  {height: 100vh !important;}

.page-template-offer footer, .page-template-offer .contact-fixed-btn.fixed-btn, .page-template-offer-php header {

  display:none;

}

.page-template-offer .site-content-wrap {

  background-image: inherit;

}

.page-template-offer .edit-link {

    display:none;

}

.page-template-offer {

  background:url(<?php echo get_template_directory_uri(); ?>/images/yellowoffer-bg.gif);

  width: 100%;

  height: 100%;

  background-size: 100% 100%;

  background-repeat: no-repeat;

}

@media (max-width:767px) {

    .page-template-offer {background-size:cover}

}

.raichura-logoc {

    width: 210px;

    margin: 0 auto 15px;

}

@media (max-width:640px) {

    .pbmit-sortable-list-ul li a {padding: 8px 10px;border-radius: 5px;}

    .page #content {padding: 40px 0;}

    .raichura-logoc {     width: 150px;     margin: 0 auto 15px;     background: #fff;     border-radius: 5px; }

    .page-template-offer input[type=submit] {margin-top: 10px;}

    .raichura-logoc {margin-top:50px;}

}

 .pbmit-element-inner{display: block; margin: 0 auto;}

     table caption {

    padding: .5em 0;

}



.box{

   padding: 20px;

   display: none;

   margin: 20px auto;

}

tr.box .progress-container {

    margin: 20px auto;

}

.progress-container {

  display: flex;

  justify-content: space-between;

  position: relative;

  margin-bottom: 60px;

  max-width: 100%;

  width: 600px;

}



.progress-container::before {

  content: "";

  background-color: #c4c1c1;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  height: 4px;

  width: 100%;

  z-index: 1;

}



.progress {

  background-color: #f8b744;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  height: 4px;

  width: 0%;

  z-index: -1;

  transition: 0.4s ease;

}



.circle {

  background: #c4c1c1;

  color: #c4c1c1;

  border-radius: 50%;

  height: 20px;

  width: 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 3px solid #c4c1c1;

  transition: 0.4s ease;

}



.circle.active {

  border-color: #f8b744;

  background-color: #fff;

  color: #f8b744;

  scale: 1.1;

  position: relative;

    z-index: 2;

}



.circle .icon {

  position: absolute;

  font-size: 25px;

  bottom: 25px;

}



.circle .caption {

  position: absolute;

  font-size: 14px;

  font-weight: bolder;

  bottom: -30px;

  width: 80px;

}



.btn {

  background: #f8b744;

  color: #fff;

  border: 0;

  border-radius: 20px;

  cursor: pointer;

  font-family: inherit;

  font-size: inherit;

  padding: 8px 30px;

  margin: 5px;

}



.btn:active {

  transform: scale(0.9);

}



.btn:focus {

  outline: 0;

}



.btn:disabled {

  background-color: #c4c1c1;

  cursor: not-allowed;

}

.circle.active .caption {

    display: block;

    position: absolute;

    width: 80px !important;

}



.ulelemnts {

    margin: 0 auto;

    display: flex;

    width: 60%;

    top: 30px;

    bottom: 15px;

    position: relative;

}

.site-content-wrap {

    background-image: linear-gradient(240deg, #f8f8f8 50%, #f5f5f5 50%);

}



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

  .container {

    width: 85%;

  }

}

 .raichura-logoc {text-align:center;margin-bottom:15px}

 #products {

    height: 450px;

    display: inherit;

    overflow: auto;

}

.rwd-table {

  margin: auto;

  min-width: 300px;

  max-width: 100%;

  border-collapse: collapse;

}



.rwd-table tr:first-child {

  border-top: none;

  background: #428bca;

  color: #fff;

}



.rwd-table tr {

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  background-color: #f5f9fc;

}



.rwd-table tr:nth-child(odd):not(:first-child) {

  background-color: #ebf3f9;

}



.rwd-table th {

  display: none;

}



.rwd-table td {

  display: block;

}



.rwd-table td:first-child {

  margin-top: .5em;

}



.rwd-table td:last-child {

  margin-bottom: .5em;

}



.rwd-table td:before {

  content: attr(data-th) ": ";

  font-weight: bold;

  width: 120px;

  display: inline-block;

  color: #000;

  font-size:12px;

}



.rwd-table th,

.rwd-table td {

  text-align: left;

}



.rwd-table {

  color: #333;

  border-radius: .4em;

  overflow: hidden;

}



.rwd-table tr {

  border-color: #bfbfbf;

}

.rwd-table th,

.rwd-table td {

  padding:5px 10px 0;

}

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

  .rwd-table tr:nth-child(2) {

    border-top: none;

  }

  .rwd-table .progress-container {

      width: 280px;

  }

   .rwd-table .ulelemnts {width: 100%;}

  .rwd-table .circle.active .caption {width: 54px !important;}

    td.prgs:before {

        content: '';

        display: none;

    }

    .rwd-table th, .rwd-table td {border: 0;}

    .pbmit-sortable-list-ul {margin-bottom:0}

    form[name="change_pass"] {margin:0 15px}

}

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

  

 

  .rwd-table tr:hover:not(:first-child) {

    background-color: #d8e7f3;

  }

  .rwd-table td:before {

    display: none;

  }

  .rwd-table th,

  .rwd-table td {

    display: table-cell;

    padding: .25em .5em;

  }

  .rwd-table th:first-child,

  .rwd-table td:first-child {

    padding-left: 0;

  }

  .rwd-table th:last-child,

  .rwd-table td:last-child {

    padding-right: 0;

  }

  .rwd-table th,

  .rwd-table td {

    padding: 1em !important;

  }

}

html input[type=button]
{
    font-family: Noto Sans, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    text-transform: capitalize;
    font-style: normal;
    outline: none;
    border-radius: 50px;
    position: relative;
    background-color:#000000;
    color: #ffffff;
}

.login-toggle {
    display:flex;
    justify-content:space-between;
    margin-bottom:15px;
}

.login-toggle button {
    width:48%;
    padding:10px;
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer;
    border-radius:8px;
}

#password_section button,
#otp_section button {
    width:100%;
    padding:12px;
    margin-top:10px;
    background:#000;
    color:#fff;
    border:none;
    border-radius:25px;
}
.container1 {

  position: relative;

  width: 311px;

  height: 311px;

  margin: 0 auto;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none; 

  -o-user-select: none;

  user-select: none;

  border:0px solid #f5f5f5;

  background:url(<?php echo get_template_directory_uri(); ?>/images/scratchbg.jpg);

  background-size:contain;

  background-repeat:no-repeat;

  border-radius:10px;

}

.container1 form.form code {

    font-family: 'Bebas Neue', sans-serif;

    font-size: 45px;

    font-weight: bold;

    color: #000;

}

.container1 form.form h2 {

    font-family: 'Bebas Neue', sans-serif;

    margin-bottom:0;

    color:#fff;

    margin-top: 32px;
    color: rgb(234 61 66);

}

.canvas {

  position: absolute;

  top: 0;

  border-radius: 10px;

  left: 0px;

  width: 311px;

}

h2,h1{

  text-align: center;

}

.form {

  padding: 20px;

}

img {

  width: 150px;

}

.site-content-wrap {

    background-image: linear-gradient(240deg, #f8f8f8 50%, #f5f5f5 50%);

}



.link {

    display: inline-block;

    position: relative;

    text-decoration: none;

    padding: 10px 0;

    color: #000;

}



.link-wrapper {

    position: inherit;

    display: block;

    text-align: right;

    font-weight:  bold;

    margin-top: -15px;

}



.inner-wrapper {

    position: inherit;

    display: inline-block;

}



.hover-8 {

    &:before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 3px;

        background-color:#f68a2e ;

        transform: scaleX(0);

        transform-origin: top left;



        transition: transform 0.3s;

    }



    &:after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 3px;

        background-color: #f68a2e;

        transform: scaleX(0);

        transform-origin: top left;



        transition: transform 0.3s;

    }



    &:hover {

    &:before,

        &:after {

            transform: scaleX(1);

        }

    }

}

.link.btn {

    background: #000;

    color: #fff;

    padding: 5px 15px;

    border-radius: 25px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Roboto',sans-serif;

    font-size: 14px;

  position:static

}

a.link.btn {

    background: #000;

    color: #fff;

    padding: 5px 15px;

    border-radius: 25px;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Roboto',sans-serif;

    font-size: 14px;

    position:static

}

img.giftbox {width: 105px;}

div.title-coupon {text-align:center;}

.title-coupon UL {

  position: absolute;

  top: 4%;

  left: 50%;

  display: flex;

  transform: translate(-50%, -50%);

}

.title-coupon UL  li {

  list-style: none;

  letter-spacing: 5px;

  font-size: 50px;

  font-family: fantasy;

  color: #e50a0a;

  animation: ani 1.2s linear infinite;

}

.title-coupon UL  li:nth-child(1) {

  animation-delay: 0.2s;

}

.title-coupon UL  li:nth-child(2) {

  animation-delay: 0.6s;

}

.title-coupon UL  li:nth-child(3) {

  animation-delay: 0.8s;

}

.title-coupon UL  li:nth-child(4) {

  animation-delay: 1s;

}

.title-coupon UL  li:nth-child(5) {

  animation-delay: 1.4s;

}

.title-coupon UL  li:nth-child(6) {

  animation-delay: 1.8s;

}

.title-coupon UL  li:nth-child(7) {

  animation-delay: 1.12s;

}

@keyframes ani {

  0% {

    color: #44848;

    text-shadow: none;

  }

  90% {

    color: #44848;

    text-shadow: none;

  }

  100% {

    color: #fff900;

    text-shadow: 0 0 7px #fff900, 0 0 70px #fff123;

  }

}