@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
html body {
  /*
  font-family: 'Roboto', sans-serif;
  font-family: 'Noto Sans', sans-serif;	
*/
  font-family: 'Open Sans', sans-serif;
  transform: none;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;	
}
a {
  text-decoration: none;
  color: #f8f8f8;
}

/* Preloader Start Point */

#preloader{
	background: #FFFFFF url("../image_db/preloader.gif") no-repeat center;
	background-size: 10%;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 150;
}

/* Preloader End Point */


/* Nav Bar Start Point */
.header-nav {
  /*  height: 50px;*/
}
.navbar {
  display: -webkit-box;
  display: flex;
  position: relative;
  color: rgba(0, 0, 0, .95);
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 8px 52px 8px;
  background: rgb(58, 99, 172);
  background: -moz-linear-gradient(0deg, rgba(58, 99, 172, 1) 1%, rgba(47, 115, 234, 1) 75%, rgba(47, 115, 234, 1) 96%);
  background: -webkit-linear-gradient(0deg, rgba(58, 99, 172, 1) 1%, rgba(47, 115, 234, 1) 75%, rgba(47, 115, 234, 1) 96%);
  background: linear-gradient(0deg, rgba(58, 99, 172, 1) 1%, rgba(47, 115, 234, 1) 75%, rgba(47, 115, 234, 1) 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a63ac", endColorstr="#2f73ea", GradientType=1);
}
.navbar .navbar-brand {
  text-decoration: none;
  color: #882c2c;
}
.navbar .navbar-brand b {
  color: #181313;
}
.navbar-toggler {
  background-color: #fcba00;
  border: none;
  padding: 10px 6px;
  outline: none;
  margin: 0px 10px 0px px;
}
.navbar-toggler span {
  display: block;
  width: 22px;
  height: 2px;
  border: 1px;
  background: #FFFFFF;
}
.navbar-toggler span + span {
  margin-top: 4px;
  width: 18px;
  margin-left: 4px;
}
.navbar-toggler span + span + span {
  width: 10px;
  margin-left: 10px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  color: #FFFFFF;
  line-height: 18px;
  margin-left: 10px;
  font-weight: 400;
  font-size: 14px;
}



.navbar-expand-lg .navbar-nav .nav-link b{
  color: #000000;
  background-color: #fcba00;	
/*
  line-height: 18px;
  margin-left: 10px;
*/
  font-weight: 700;
  /*  letter-spacing: .01rem;*/
/*  font-size: 14px;*/
  padding: 5px 15px;	
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	
}

.navbar-expand-lg .navbar-nav .nav-link b:hover{
  color: #006CD8;
  background-color: #FFFFFF;
  font-size: 15px;	
 	
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #fcba00;
}
.left-bar {
  color: #12E74B;
  margin-left: 8px;
  display: inline-block;
}
.left-bar a {
  color: #fcba00;
  font-size: 14px;
}
.left-bar a i {
  font-size: 1.79rem;
  color: #fcba00;
  cursor: pointer;
  top: 0px;
}
/*  Nav Bar End Point */
/* Homepage Form Booking Start */
.header-top-banner {
  height: 100vh;
  background-image: url("../image_db/digirhino-banner-01.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.header-top-title {
  margin-top: 10%;
}
.header-top-title h1 {
  font-size: 3.0rem;
  text-transform: uppercase;
  font-weight: 800;
  margin: 2px 0px 10px 0px;
  text-shadow: 4px 4px 4px #aaa;
}
.header-top-title h1 b {
  color: #2f73ea;
}
.header-top-title p {
  font-size: 1.25rem;
  padding: 5px 5px 5px 5px;
}
.header-top-title p b {
  background-color: #FFFFFF;
  font-weight: 600;
  padding: 2px 2px 2px 2px;
  text-shadow: 4px 4px 4px #aaa;
  color: #252424;
  font-size: 800;
}
.header-top-title h3 {
  font-size: 1.5em;
  font-weight: 800;
  margin: 25px 0px 10px 0px;
}
.header-complain-link {
  border-radius: 0px;
  width: 20%;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #2f73ea;
  color: #FFFFFF;
  border: 3px double #FFFFFF;
}
.header-complain-link:hover {
  color: #2f73ea;
  border: 3px double #2f73ea;
}
.header-track-link {
  border-radius: 0px;
  width: 20%;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #fcba00;
  color: #000000;
  border: 3px double #FFFFFF;
}
.header-track-link:hover {
  color: #fcba00;
  border: 3px double #fcba00;
}
/* Homepage Form Booking End */
/* Box-1 Homepage Start */
.homepage-box-1 {
  background-color: #F9F9F9;
}
.homepage-box-1-title h2 {
  margin: 30px 0px 30px 0px;
  color: #151313;
  font-size: 2.25rem;
  line-height: 2.625rem;
  font-weight: 800;
  text-align: center;
}
.homepage-device-box {
  background-color: #FFFFFF;
  text-align: center;
  padding: 30px 30px;
  margin: 0px 0px 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.homepage-device-box a {
  text-decoration: none;
  color: #000000;
}
.homepage-device-box img {
  width: 40%;
  padding: 0px 0px 40px 0px
}
.homepage-device-box h4 {
  font-size: 1.3rem;
  line-height: 32px;
  margin-bottom: 12px;
  font-weight: 600;
}
.homepage-device-box p {
  font-size: 14px;
  line-height: 18px;
  opacity: .78;
  text-align: center;
}
/* Box-1 Homepage End */
/*Box-2 Homepage Start*/
.homepage-box-2 {
  background-image: url("../image_db/long-bg-services-digirhino.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0px 10px 0px;
}
.homepage-box-2-title {
  padding: 10px 0px 10px 0px;
  text-align: right;
}
.homepage-box-2-title h2 {
  font-size: 3.0rem;
  text-transform: uppercase;
  font-weight: 800;
  color: #FFFFFF;
}
.homepage-box-2-title p {
  font-size: 1.5rem;
  text-transform: capitalize;
  font-weight: 600;
  color: #FFFFFF;
}
.homepage-box-2-link {
  padding: 50px 0px 10px 0px;
  text-align: center;
}
.homepage-box-2-link a {
  border-radius: 80px;
  width: 80%;
  font-size: 1.2rem;
  font-weight: 800;
  background-color: #fcba00;
  color: #000000;
  border: 3px double #FFFFFF;
}
/*Box-2 Homepage End*/
/* Process  */
.homepage-box-3 {
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 50px 0px;
}
.homepage-box-3-remodify {
  margin: 0px 0px 0px 0px;
  padding: 50px 0px 50px 0px;
  background-color: #F5F5F5;
  /*
  background-image: url("../image_db/long-bg-services-digirhino.png");
  background-repeat: no-repeat;
  background-size: cover;	
*/
}
.services-box-homepage-title {
  margin: 5px 0px 20px 0px;
}
.services-box-homepage-title h1 {
  margin: 5px 0px 15px 0px;
  font-size: 2.35rem;
  font-weight: 700;
}
.services-box-homepage-title p {
  color: #fcba00;
  font-size: 1.0rem;
  text-transform: uppercase;
}
.services-box-homepage-1 {
  text-align: center;
  padding: 20px 0px 0px 60px;
}
.services-box-homepage-1 img {
  padding: 10px 10px 10px 10px;
}
.services-box-homepage-1 h1 {
  margin: 0px 0px 0px 0px;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-weight: 800;
  font-size: 1.2rem;
  background-color: #000000;
  color: #FFFFFF;
  border-radius: 50px;
}
.services-box-homepage-1 h2 {
  margin: 0px 0px 0px 0px;
  text-align: right;
  padding: 0px 5px 0px 0px;
}
.services-box-homepage-1 p {
  margin: 0px 0px 0px 0px;
  text-align: center;
  padding: 10px 0px 0px 0px;
  font-size: 0.9rem;
  color: #b6aeae;
}
.services-box-homepage-1 p a {
  color: #b6aeae;
}
.services-box-homepage-1 p b {
  color: #2f73ea;
  font-size: 1.0rem;
}
.services-box-homepage-1 h6 {
  color: #2f73ea;
  font-size: 1.15rem;
  font-weight: 700;
}
.services-box-homepage-1 h4 {
  margin: 0px 0px 0px 0px;
  text-align: center;
  padding: 10px 0px 0px 0px;
  font-size: 0.95rem;
  color: #696969;
}
.services-box-homepage-1 h4 a {
  color: #696969;
}
.services-prices-box-right {
  margin: 0px 0px 0px 0px;
  padding: 15px 8px 15px 8px;
}
.services-prices-box-right h1 {
  font-size: 1.885rem;
  text-align: center;
  padding: 5px 0px 3px 0px;
}
.services-prices-box-right h5 {
  font-size: 1.1rem;
  text-align: center;
  padding: 5px 0px 3px 0px;
  text-transform: uppercase;
  font-weight: 700;
  color: #fcba00;
}
.services-prices-box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 20px 0px 20px 0px;
  padding: 2px 0px 0px 0px;
  /*  border: 1px solid #A62325;*/
  border-radius: 8px;
  background-color: #F7F7F7;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.services-prices-box-content {
  width: 70%;
  text-align: left;
  justify-content: flex-start;
  padding: 5px;
  border-right: 1px dotted #9B9B9B;
}
.services-prices-box-content h3 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 0;
  font-weight: 700;
  padding: 0px 10px 0px 10px;
}
.services-prices-box-content p {
  font-size: .812rem;
  /*    line-height: 1.75rem;*/
  padding: 0px 10px 0px 10px;
  color: #C0C0C0;
}
.services-prices-box-rate {
  width: 30%;
  text-align: center;
  justify-content: center;
  padding: 5px;
}
.services-prices-box-left-title {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
}
.services-prices-box-rate h4 {
  font-size: 1.12rem;
  font-weight: 700;
  padding: 32px 0px 0px 0px;
}
.services-prices-box-left {
  /*	background-color:#E3AC0D;*/
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 0px 30px;
}
.services-prices-box-left h1 {
  text-align: left;
  font-size: 1.875rem;
  padding: 10px 0px 3px 0px;
}
.services-prices-box-left h1 b {
  font-weight: 800;
  color: #007bff;
}
.services-prices-box-left h5 {
  font-size: 1.05rem;
  color: #007bff;
}
.services-prices-box-left h6 {
  font-size: 0.95rem;
  color: #fcba00;
  font-weight: 600;
}
.services-prices-box-left h6 a {
  font-size: 0.95rem;
  color: #000000;
  font-weight: 800;
}
.services-prices-box-left ul {
  line-height: 2.3rem;
  text-align: left;
}
.services-prices-box-left ul li {
  list-style-type: square;
  font-size: 1.0rem;
  line-height: 2.15rem;
  letter-spacing: .01875rem;
}
.services-list-box-brand-main {
  display: flex;
  justify-content: center;
  align-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
.list-box-brand-1 {
  width: 20%;
  text-align: center;
  padding: 10px;
}
.list-box-brand-1 img {
  width: 100%;
  text-align: center;
  padding: 2px;
}
/*homepage-box-4 start*/
.homepage-box-4 {
  padding: 50px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#00d4ff", GradientType=1);
}
.app-download-box {}
.app-download-box h1 {
  font-size: 2.3rem;
  color: #ffffff;
  line-height: 1;
  font-weight: 800;
  text-align: left;
  padding-bottom: 20px;
}
.app-download-box ul {
  text-decoration: none;
}
.app-download-box ul li {
  text-decoration: none;
  color: #fcba00;
  list-style-type: none;
  font-size: 1.0rem;
  font-weight: 600;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px -30px;
}
.app-download-button {
  padding: 0px 0px 50px 0px;
  text-align: center;
}
.app-download-button h5 {
  padding: 25px 0px 0px 0px;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.5rem;
}
.app-download-button a img {
  width: 35%;
  padding: 5px;
}
/*homepage-box-4 end*/
/*footer start point*/
.footer-box {
  background-color: #323232;
}
/*
.footer-box button {
    font-size: calc(13px + (16 - 13) * ((100vw - 360px) / (1600 - 320))) !important;
    border-radius:0 !important;
    padding-left:  calc(20px + (28 - 20) * ((100vw - 360px) / (1600 - 360))) !important; 
    padding-right: calc(20px + (28 - 20) * ((100vw - 360px) / (1600 - 360))) !important; 
    padding-top:  calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important; 
    padding-bottom:   calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
    background-color:#383431 !important; 
    border:none !important; 
 }

 .footer-box button:focus {
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     outline-width: 0;
 }
*/
li {
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
}
/*
input::-webkit-input-placeholder {
  padding-left: 5px !important;
  transform: translate3d(0, -2px, 0)
}

input::placeholder {
  vertical-align: middle !important;
  text-align: left!important;
  color: #42443E !important;
 
}
*/
/*
input {
  border-radius: 2px !important;
  background: #fff !important;
  color: #42443E !important;
  border-color: #42443E !important;
}

input:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline-width: 0;
}
*/
/*
 img{
    vertical-align: middle !important;
    width: 100%;
    width: calc(30px + 6 * ((100vw - 320px) / 680)) !important;  
 }
*/
.row-2 li:first-child {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 20px !important;
  text-transform: uppercase;
}
footer {
  overflow-x: hidden !important;
  color: #FFFFFF !important;
  background: rgb(2, 0, 36);
  background: -moz-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(64, 61, 61, 1) 83%, rgba(80, 80, 80, 1) 100%);
  background: -webkit-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(64, 61, 61, 1) 83%, rgba(80, 80, 80, 1) 100%);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(64, 61, 61, 1) 83%, rgba(80, 80, 80, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#505050", GradientType=1);
}
small {
  font-size: calc(12px + (14 - 12) * ((100vw - 360px) / (1600 - 360))) !important;
}
/*
p{
    font-size: calc(10px + (12 - 10) * ((100vw - 360px) / (1600 - 360))) !important; 
}
*/
.social {
  position: relative;
  left: -10px;
}
/*
.btn{
    background-color:#42443E !important;
}
*/
.fa {
  background-color: #42443E !important;
  padding: calc(6px + (8 - 6) * ((100vw - 360px) / (1600 - 360))) !important;
  font-size: calc(14px + (15 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
  width: calc(23px + (30 - 23) * ((100vw - 360px) / (1600 - 360))) !important;
  text-align: center;
  text-decoration: none;
  border-radius: 0px !important;
  margin: 6px 10px 6px 10px !important;
  cursor: pointer;
  color: #fff !important;
}
.fa-facebook {
  background-color: #039BE5 !important;
  color: #fff !important;
}
.fa-square-instagram {
  background-color: #304FFE !important;
  color: #fff !important;
}
.fa-twitter {
  background-color: #03A9F4 !important;
  color: #fff !important;
}
.fa-youtube {
  background-color: #FF3D00 !important;
  color: #fff !important;
}
a {
  text-decoration: none !important;
}
.line {
  background-color: #ccc !important;
  width: 92%;
}
a span {
  font-size: calc(14px + (13 - 14) * ((100vw - 360px) / (1600 - 360))) !important;
}
.active-1 span:hover {
  color: white !important
}
.third-row {
  background-color: white !important;
  border-radius: 50px !important;
  padding: 0.8vh 2.7vh 0.8vh 2.7vh;
}
.third-row li {
  justify-content: space-between !important;
  border-radius: 50px;
  font-size: calc(9px + (12 - 9) * ((100vw - 360px) / (1600 - 360))) !important;
}
li.active-1 {
  padding: 1.7vh !important;
}
.active-1 {
  background-color: #42443E !important;
  font-size: 2vw !important;
  font-weight: bold;
}
figcaption {
  font-size: calc(10px + (14 - 10) * ((100vw - 360px) / (1600 - 360))) !important;
  ;
  text-align: center !important;
  justify-content: center !important;
  justify-self: center !important;
}
figure img {
  width: calc(40px + (70 - 40) * ((100vw - 360px) / (1600 - 360))) !important;
  ;
}
/*footer end point*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         LOGIN FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.login-box-1 {
  min-height: 60vh;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #F5F5F5;
}
.login-form-box {
  width: 32%;
  margin: 0 auto;
  padding: 50px 20px 100px;
  text-align: center;
}
.login-form-box h1 {
  font-size: 2.25rem;
  font-weight: 800;
  padding: 0px 0px 0px 0px;
}
.login-form-control {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}
.login-form-control input[type="text"] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.login-form-control input[type="number"] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.login-form-control input[type="password"] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.login-form-control button {
  background-color: #BD0040;
  width: 100%;
  border-radius: 0px;
  padding: 10px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.login-form-control button:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.login-form-control a {
  color: #2f73ea;
  padding: 5px;
  font-weight: 500;
  margin: 2px;
}
.login-form-control p {
  text-align: justify;
  font-size: 0.79rem;
  font-weight: 600;
  color: #322D2D;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         LOGIN FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         FORGET FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.forget-pass-box-1 {
  min-height: 60vh;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #F5F5F5;
}
.forget-pass-form-box {
  width: 50%;
  margin: 25px auto;
  padding: 55px 20px 100px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.forget-pass-form-box h1 {
  font-size: 2.25rem;
  font-weight: 800;
  padding: 0px 0px 5px 0px;
}
.forget-pass-form-control {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}
.forget-pass-form-control input[type="number"] {
  margin: 5px auto;
  width: 70%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.forget-pass-form-control input[type="email"] {
  margin: 5px auto;
  width: 70%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.forget-pass-form-control button {
  background-color: #BD0040;
  width: 70%;
  border-radius: 0px;
  padding: 10px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.forget-pass-form-control button:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.forget-pass-form-control a {
  color: #2f73ea;
  padding: 5px;
  font-weight: 500;
  margin: 2px;
}
#error_forget {
  text-align: center;
  font-size: 1.01rem;
  font-weight: 600;
  color:#D9161A;	
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         FORGET FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         CHNAGE PASSWORD FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.change-pass-box-1 {
  min-height: 60vh;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #F5F5F5;
}
.change-pass-form-box {
  width: 50%;
  margin: 25px auto;
  padding: 55px 20px 100px;
  text-align: center;
  background-color: #2f73ea;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.change-pass-form-box h1 {
  font-size: 2.25rem;
  font-weight: 800;
  padding: 0px 0px 8px 0px;
  color: #FFFFFF;
}
.change-pass-form-control {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}
.change-pass-form-control input[type="text"] {
  margin: 5px auto;
  width: 70%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.change-pass-form-control input[type="password"] {
  margin: 5px auto;
  width: 70%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.change-pass-form-control button {
  background-color: #fcba00;
  width: 70%;
  border-radius: 0px;
  padding: 10px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.change-pass-form-control button:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.change-pass-message-box h3 {
  color: #fcba00;
  font-size: 0.85rem;
  padding-bottom: 10px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         CHNAGE PASSWORD FOR END            /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         FORGET MESSAGE FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.forget-message-main-container {
  background-image: url("../image_db/sign-up-long-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.forget-message-main-box {
  margin: 50px auto;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border-radius: 5px;
}
.forget-message-main-box-1 {
  text-align: center;
}
.forget-message-main-box-1 img {
  width: 70%;
}
.forget-message-main-box-2 {
  width: 80%;
  margin: 0 auto;
  padding: 10px 10px 10px 10px;
  text-align: center;
}
.forget-message-form-control {
  padding: 5px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}
.forget-message-form-control h1 {
  font-size: 2.37rem;
  font-weight: 800;
  padding: 10px 0px 5px 0px;
}
.forget-message-form-control h3 {
  font-size: 1.18rem;
  font-weight: 600;
  padding: 10px 0px 10px 0px;
  text-align: center;
  color: #414141;
  line-height: 2.12rem;
}
.forget-message-form-control h3 b {
  background: #FFC107;
  color: #ffffff;
}
.forget-message-form-control a {
  background-color: #BD0040;
  width: 100%;
  border-radius: 0px;
  padding: 10px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.forget-message-form-control a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         FORGET MESSAGE FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////        SIGN UP FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sign-up-main-container {
  background-image: url("../image_db/forget-message-long-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.sign-up-main-box {
  margin: 50px auto;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFFF;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border-radius: 5px;
}
.sign-up-main-box-1 {
  text-align: center;
}
.sign-up-main-box-1 img {
  width: 70%;
}
.sign-up-main-box-2 {
  width: 80%;
  margin: 0 auto;
  padding: 10px 10px 10px 10px;
  text-align: center;
}
.sign-up-main-box-2 h1 {
  font-size: 1.87rem;
  font-weight: 700;
}
.sigup-form-control {
  padding: 5px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
}
.sigup-form-control input {
  float: right;
  height: 45px;
  width: 90%;
  padding-left: 10px;
  /*	letter-spacing: 1px;*/
  border-color: #2f73ea !important;
  border-radius: 0px;
  outline: #2f73ea;
  border: none;
  border: solid 1px #ccc
}
.sigup-form-control i {
  background-color: #2f73ea;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  line-height: 45px;
  width: 10%;
  border-radius: 0px;
}
.sigup-form-control input[type="text"] {
  color: #42443E !important;
  border-color: #2f73ea !important;
  border-radius: 0px;
}
.sigup-form-control input[type="password"] {
  color: #42443E !important;
  border-color: #2f73ea !important;
  border-radius: 0px;
}
.sigup-form-control button {
  background-color: #BD0040;
  width: 100%;
  border-radius: 0px;
  padding: 10px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.sigup-form-control a {
  color: #CC2427;
  font-weight: 800;
}
/*
.sigup-form-control span{
    text-align: left;
	align-items: flex-start;
    font-size: 0.85rem;
	margin: 0px;
	padding: 0px 218px 0px 0px;
	font-weight: 700;
	color: #5F0012;
	display: none;
}
*/
#message-verification {
  text-align: center;
  align-items: center;
  font-size: 0.85rem;
  margin: 0px;
  padding: 0px 218px 0px 0px;
  font-weight: 700;
  color: #5F0012;
  display: none;
}
.sigup-form-control button:hover {
  background-color: #000000;
  color: #FFFFFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         SIGN UP FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         SERVICES DETAILS FOR START              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.services_details-box-1 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  /*	background-color:#FFF8DC;*/
  background-image: url(../image_db/why-choose-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.services_details-box-2 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  	background-color:#FFFFFF;
 text-align: center;
}

.services_details-box-1 img{
  width:10%;
  text-align: center;	
}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
/* Hide the images by default */
.mySlides {
  display: none;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/*
.active, .dot:hover {
  background-color: #717171;
}
*/
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 5.5s;
}
@keyframes fade {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}
.services-box-3 h2 {
  font-size: 2.0rem;
  font-weight: 800;
  text-align: right;
  color: #007bff;
}
.services-box-3 h3 {
  font-size: 1.65rem;
  font-weight: 800;
  text-align: right;
  color: #00008B;
}
.services-box-3 p {
  font-size: 0.85rem;
  font-weight: 600;
  text-align: right;
  color: #fcba00;
  margin: -10px 0px 5px 0px;
}
.services-box-3 h6 {
  font-size: 0.85rem;
  font-weight: 800;
  text-align: center;
  margin: 0px 0px -10px 0px;
  text-transform: uppercase;
}
.services-box-3 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.services-box-3 li {
  float: left;
}
.services-box-3 li a {
  display: block;
  color: black;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.services-box-3 li a:hover {}
.services-box-3 .btn {
  width: 100%;
  background-color: #007bff;
  border-radius: 0px;
  padding: 8px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.898rem;
}
.services-box-3 .btn:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.services_details-box-3 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  /*	background-color:#E49596;*/
}
.services_details-box-3 h1 {
  font-size: 2.35rem;
  font-weight: 700;
}
.services_details-box-3 h1 a {
  font-size: 2.35rem;
  font-weight: 700;
  color: #000000;
}
#accordion {
  margin: 10px auto;
  width: 90%;
}
#accordion li {
  list-style: none;
  width: 100%;
  margin-bottom: 10px;
  background-color: #2f73ea;
  padding: 0px;
  border-radius: 4px;
}
#accordion li label {
  padding: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.255rem;
  font-weight: 500;
  cursor: pointer;
  color: #FFFFFF;
}
#accordion li label i {
  font-size: 22px;
  color: #fcba00;
}
#accordion label + input[type="radio"] {
  display: none;
}
#accordion .content {
  padding: 0px 0px 0px 0px;
  /*	line-height: 26px;*/
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  background-color: #E5E6E3;
}
#accordion .content p {
  padding: 15px 15px 15px 15px;
  font-size: 0.9rem;
}
#accordion label + input[type="radio"]:checked + .content {
  max-height: 400px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         SERVICES DETAILS FOR END              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         COMPLAIN  FOR START                     //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.complain-box-1 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  /*	background-color:#E49596;*/
}
.complain-run-box img {
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.complain-boxx-title {}
.complain-boxx-title h1 {
  margin: 30px 0px 20px 0px;
  font-size: 2.634rem;
  font-weight: 800;
  text-align: left;
}
.complain-boxx-title p {
  margin-bottom: 30px;
  line-height: 1.5;
  font-size: 1.0rem;
  color: #6a6a6a;
}
.complain-boxx-title a {
  font-size: 1.0rem;
  padding: 1.125rem 4.8125rem;
  border-radius: 32px;
  background: #fcba00;
  color: #000000;
  font-weight: 600;
}
.complain-box-2 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #006CD8;
}
.complain-boxx-main {
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 20px 30px;
  text-align: center;
}
.complain-boxx-container {
  background-color: #FFFFFF;
  width: 80%;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  text-decoration-line: none;
  text-align: center;
  padding: 10px 10px 10px 10px;
  /*	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;*/
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.complain-boxx-container h3 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
  color: #3E3E3E;
  padding: 10px 0px 5px 0px;
}
.complain-boxx-container h3 b {
  font-weight: 800;
  color: #565656;
}
.complain-boxx-container ul {
  list-style-type: disc;
  margin: 0px 0px 30px 0px;
  text-align: left;
}
.complain-boxx-container ul li {
  color: #585858;
  line-height: 1.4;
  padding-left: 1.625rem;
  margin-top: 0;
  font-size: 0.945rem;
}
.complain-boxx-container a {
  background-color: #fcba00;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 12px 20px 12px 20px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 0.9rem;
 
}

.complain-boxx-container button {
  background-color: #fcba00;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 12px 20px 12px 20px;
  border-radius: 30px;
  font-weight: 800;
  font-size: 0.9rem;
  width: 150px;
}

.complain-box-3 {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  /*	background-color:#E49596;*/
  background-color: #F8F8F2;
}
.how-it-work-complain {
  text-align: center;
}
.complain-box-4 {
  background-image: url("../image_db/why-choose-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}
.why-choose-us {
  text-align: center;
  padding: 8px;
}
.why-choose-us h3 {
  font-size: 1.2rem;
  font-weight: 700;
  padding: 5px 0px 8px 0px;
}
.why-choose-us p {
  font-size: 0.98rem;
  font-weight: 500;
  padding: 2px 0px 2px 0px;
  color: #7A7A7A;
}
.why-choose-us img {
  width: 30%;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         COMPLAIN  FOR END                     //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         testimonial-box  FOR START              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.testimonial-box-contianer {
  padding: 30px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
  /*	background-color:#E49596;*/
  background-color: #FFFFFF;
}
.testimonial-title-box {
  text-align: center;
}
.testimonial-title-box h3 {
  font-size: 1.0rem;
  margin-bottom: 18px;
  color: #2f73ea;
}
.testimonial-title-box h3 {
  font-size: 1.0rem;
  margin-bottom: 18px;
  color: #2f73ea;
}
.testimonial-title-box h1 {
  margin-bottom: 15px;
  color: #151313;
  font-size: 2.25rem;
  line-height: 2.625rem;
  font-weight: 800;
}
.testimonial-flexxbox {
  display: flex;
  justify-content: center;
  align-content: center;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  background-color: #F8F8F3;
  border-radius: 5px;
  padding: 10px 5px 10px 5px;
  height: 160px;
  margin-bottom: 20px;
}
.testimonial-flexxbox-1 {
  width: 30%;
  padding: 5px;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.testimonial-flexxbox-1 h2 {
  font-size: .855rem;
  text-align: center;
  font-weight: 600;
  padding: 10px 0px 0px 0px;
}
.testimonial-flexxbox-1 p {
  font-size: .620rem;
  text-align: center;
  font-weight: 400;
  color: #b6aeae;
}
.testimonial-flexxbox-2 {
  width: 70%;
  padding: 12px;
  font-size: 0.825rem;
  text-align: left;
}
.testimonial-flexxbox-2 h3 {
  color: #3d3d3d;
  line-height: 1.1875rem;
  font-size: 1.0rem;
  font-weight: 800;
  padding-bottom: 5px;
}
.testimonial-flexxbox-2 h3 i {
  color: #FCBA00;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         testimonial-box  FOR end              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         COMPLAIN REGISTER FOR START              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.register-complain-main-box {
  min-height: 70vh;
  padding: 30px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #F5F5F5;
}
.register-complain-main-box h1 {
  margin: 30px 0px 30px 0px;
  color: #151313;
  font-size: 2.25rem;
  line-height: 2.625rem;
  font-weight: 800;
  text-align: center;
}
.form-complain-box {
  border: 1px solid #2F73EA;
  padding: 10px 0px 12px 14px;
  background-color: #F5EDDC;
  margin: 15px 0px 10px 0px;
  color: #2D2D2D;
  display: flex;
  border-top-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  /*  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;	*/
}
.device-list {
  width: 150px;
  margin: 10px 0px 10px 0px;
}
.label-expanded {
  font-size: 12px;
}
.label-expanded > input {
  display: none;
}
.label-expanded input:checked + .radio-btns {
  background-color: #2196F3;
  color: #2196F3;
}
.radio-btns {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 15px 20px;
  cursor: pointer;
  border: 1px solid #2196F3;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.radio-btns > p {
  font-size: 1.15em;
  font-weight: 600;
  margin-top: 20px;
}
.radio-btns > img {
  width: 70px;
  /*  height: 50px;*/
  align-content: center;
  justify-content: center;
  text-align: center;
  margin: 0px 5px 0px -4px;
}
.form-complain-box input[type=radio] {
  height: 20px;
  width: 20px;
  margin: 2px 8px 3px 0px;
}
.form-complain-box label {
  font-size: 1.0em;
  font-weight: 700;
}
.form-label {
  font-size: 1.0rem;
  font-weight: 700;
}
.form-label i {
  color: #2f73ea;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  margin-left: 3px;
}
.register-btn {
  background-color: #BD0040;
  width: 30%;
  border-radius: 0px;
  padding: 12px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
.form-register-container {
  margin: 10px auto;
  width: 80%;
}
.form-flexboxx-main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.form-label-flexbox {
  width: 100%;
}
.form-label-flexbox {
  width: 20%;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         COMPLAIN REGISTER FOR END              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         OFFER SECTION FOR START              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.offer-section-box {
  padding: 40px 0px 50px 0px;
  margin: 10px 0px 10px 0px;
  background-image: url("../image_db/offer-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
}
/* Offer Details Page */
.offer-box-1 {}
.offer-box-1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.offer-box-1 li {
  float: left;
}
.offer-box-1 li a {
  display: block;
  color: black;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.offer-box-1 li a:hover {
  background-color: #111111;
}
.offer-box-info {
  width: 225px;
  line-height: 17px;
}
.offer-box-info h1 {
  padding: 2px;
  font-size: 3.0em;
  font-weight: 700;
  color: #2D2D2D;
}
.offer-box-info p {
  padding: 3px;
  font-size: 0.9em;
  font-weight: 500;
  color: #909090;
}
/*Other Offer start Point*/
.more-offer-details-container {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #E49596;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         OFFER SECTION FOR END              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      REQUEST ESTIMATE FOR START             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      REQUEST ESTIMATE FOR END             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         GET ESTIMATE FOR START              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.get-estimate-main-box {
  min-height: 70vh;
  padding: 30px 0px 30px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #F5F5F5;
}
.get-estimate-main-box-1 {
  background-image: url("../image_db/why-choose-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px 0px 10px 0px;
}
.get-estimate-main-box-1 h1 {
  font-size: 2.25rem;
  font-weight: 800;
}
.get-estimate-main-box-2 {
  padding: 10px 0px 10px 0px;
}
.get-estimate-main-box-2 input[type=text] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.get-estimate-main-box-2 input[type=file] {
  width: 100%;
  background-color: #F5F5F5;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         GET ESTIMATE FOR END              //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ADDRESS FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#map-canvas {
  width: 100%;
  height: 300px;
  /*	z-index: -1;*/
  margin-top: 0px;
  /*	display: none;*/
}
.form-address-container {
  margin: 10px auto;
  width: 80%;
}
.form-address-container input[type=text] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.form-address-container input[type=number] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.form-address-container input[type=date] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.form-address-container input[type=time] {
  margin: 5px auto;
  width: 100%;
  text-align: left;
  height: 45px;
  color: #42443E !important;
  border-color: #2f73ea !important;
}
.address-btn {
  background-color: #BD0040;
  width: 30%;
  border-radius: 0px;
  padding: 12px;
  color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  font-size: 1.0rem;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ADDRESS FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         TTICKET CONFIRMATION START                ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ticket_config-container {
  width: 35%;
  margin: 10px auto;
  text-align: center;
}
.ticket_config-container h3 {
  font-size: 2.10rem;
  padding: 15px 0px 0px 0px;
  font-weight: 800;
}
.ticket_config-container h1 {
  background: #FFC107;
  color: #ffffff;
  box-shadow: .5em 0 0 #FFC107, -.5em 0 0 #FFC107;
  font-size: 2.35rem;
  text-align: center;
  font-weight: 800;
}
.ticket_config-container img {
  width: 60%;
}
.tickt-container-box-app {
  padding: 40px 0px 50px 0px;
  margin: 10px 0px 10px 0px;
  background-image: url("../image_db/app-dowload.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.tickt-container-app {
  width: 60%;
  margin: 10px auto;
  text-align: center;
}
.tickt-container-app p {
  font-size: 1.25rem;
  padding: 5px 0px 0px 0px;
  font-weight: 600;
  color: #171717;
}
.tickt-container-app h1 {
  font-size: 1.75rem;
  padding: 2px 0px 8px 0px;
  font-weight: 800;
  color: #006CD8;
}
.tickt-container-app a img {
  width: 30%;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         TTICKET CONFIRMATION END                 ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ACCOUNT CONFIRMATION START                 ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.account-config-container {
  width: 50%;
  margin: 25px auto;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border-radius: 5px;
  border: 1px solid #2f73ea;
}
.account-config-container img {
  width: 45%;
}
.account-config-container h1 {
  margin: 5px 0px 5px 0px;
}
.account-config-container h1 b {
  background: #FFC107;
  color: #ffffff;
  box-shadow: .5em 0 0 #FFC107, -.5em 0 0 #FFC107;
  font-size: 2.18rem;
  text-align: center;
  font-weight: 700;
}
.account-config-container p {
  font-size: 1.08rem;
  padding: 5px 0px 0px 0px;
  font-weight: 600;
  color: #8A8A8A;
}
.account-config-container h4 {
  padding: 3px 0px 0px 0px;
}
.account-config-container h4 b {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2f73ea;
}
.account-config-container a {
  border-radius: 0px;
  width: 40%;
  font-size: 1.00rem;
  font-weight: 500;
  background-color: #2f73ea;
  color: #FFFFFF;
  border: 3px double #FFFFFF;
  margin: 5px 0px 10px 0px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ACCOUNT CONFIRMATION END                 ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ACCOUNT ERROR START                 ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.account-error-img {
  width: 50%;
  margin: 5px auto;
  text-align: center;
}
.account-error-img img {
  width: 50%;
  text-align: center;
}
.account-error-container {
  width: 80%;
  margin: 2px auto;
  text-align: center;
}
.account-error-container p {
  font-size: 1.28rem;
  padding: 5px 0px 5px 0px;
  font-weight: 600;
  color: #8A8A8A;
}
.account-error-container p b {
  background-color: #2f73ea;
  color: #FFFFFF;
  padding: 0px 4px 0px 4px;
}
.account-error-forget {
  border-radius: 0px;
  width: 20%;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #dc3545;
  color: #FFFFFF;
  border: 3px double #FFFFFF;
}
.account-error-signup {
  border-radius: 0px;
  width: 20%;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #ffc107;
  color: #000000;
  border: 3px double #FFFFFF;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         ACCOUNT ERROR START                 ////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      FLOATING MEDIA FOR START             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.float-social-box {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: fixed;
  z-index: 100;
}
.float-social-box ul {
  padding: initial;
}
.float-social-box ul li {
  height: 40px;
  width: 40px;
  list-style-type: none;
  padding-left: 12px;
  padding-top: 6px;
  margin-top: 5px;
  color: #FFFFFF;
  background-color: #000000;
}
.float-social-box .facebook {
  background-color: #039BE5;
}
.float-social-box .youtube {
  background-color: #FF0000;
}
.float-social-box .instagram {
  background-color: #E1306C;
}
.float-social-box ul li:hover {
  padding-left: 30px;
  width: 80px;
  transition: 1s;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      FLOATING MEDIA FOR START             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      FLOATING WHATSAPP FOR START             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.whatsapp_float {
  position: fixed;
  bottom: 40px;
  right: 30px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////      FLOATING WHATSAPP FOR END             //////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         POPUP FOR START              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.popup .overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  display: none;
}
.popup .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  /*	background: #FFF;*/
  width: 414px;
  z-index: 2;
  text-align: center;
  box-sizing: border-box;
  /*	background-color: #fcba00;*/
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 186, 0, 1) 65%, rgba(252, 186, 0, 1) 85%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 186, 0, 1) 65%, rgba(252, 186, 0, 1) 85%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 186, 0, 1) 65%, rgba(252, 186, 0, 1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fcba00", GradientType=1);
  border-radius: 10px;
}
.popup .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 32px;
  height: 32px;
  background: #222;
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 800;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
}
.popup.active .overlay {
  display: block;
}
.popup.active .content {
  transition: all 800ms ease-in-out;
  transform: translate(-50%, -50%) scale(1);
}
.popup .popup-title {
  text-align: center;
  padding: 25px 0px 15px 0px;
  background-color: #2f73ea;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fcba00;
}
.popup .popup-title p {
  font-size: 0.85rem;
  font-weight: 500;
  color: #FFFFFF;
}
.popup .popup-title img {
  width: 40%;
  padding: 3px;
}
.popup .popup-mainbox {
  padding: 20px 0px 0px 0px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////         POPUP FOR END              /////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*////////////////////////////////////////////////////         ESTIMATE FOR START              /////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.request-estimate-title{
	padding: 30px 0px 0px 0px;
	background-color: #F5F5F5;
}

.request-estimate-title h1{
	font-size: 2.0em;
	font-weight: bold;
}

.request-estimate-title p{
	font-size: 1.0em;
	text-align: justify;
	padding: 5px;
}

.request-estimate-title .get_estimate{
	font-size: 1.0em;
	text-align: center;
	padding: 5px; 
	font-weight: bold;
	text-transform: uppercase;
	background-color: #067AE5;
}

.request-estimate-container {
  padding: 20px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
}

.request-estimate-container img{
  width: 100%;
}

.request-estimate-container h3{
  font-size: 1.8em;
  font-weight: bolder;
  color: #AD0002;	
}

.request-estimate-container h4{
  font-size: 1.5em;
  font-weight: bold;
  color:#0066B0;	
}
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*////////////////////////////////////////////////////         ESTIMATE FOR START              /////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


 
 


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /*
  .navbar-expand-lg > .container-fluid {
    width: 95%;
  }
*/
  .header-top-title h1 {
    font-size: 1.95rem;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  .header-top-title p b {
    font-size: 0.75rem;
  }
  .header-top-title h3 {
    font-size: 1.0em;
    color: #FBFBFB;
    padding: 0px 0px 10px 0px;
  }
  .homepage-box-1-title h2 {
    font-size: 1.25rem;
  }
  .services-box-homepage-1 {
    padding: 20px 0px 0px 10px;
  }
  .services-box-homepage-1 h1 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 1.2rem;
    width: 95%;
  }
  .homepage-box-2-title h2 {
    font-size: 2.12rem;
    text-align: center;
  }
  .homepage-box-2-title p {
    font-size: 1.0rem;
    text-align: center;
  }
  .homepage-box-2-link {
    padding: 0px 0px 10px 0px;
    text-align: center;
  }
  .login-form-box {
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px 100px;
  }
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*////////////////////////////////////////////////////         ADDRESS FOR START              /////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  #map-canvas {
    width: 100%;
    height: 250px;
    /*	z-index: -1;*/
    margin-top: 0px;
    /*	display: none;*/
  }
  .form-address-container {
    width: 100%;
  }
  .services-prices-box-left {
    display: none;
  }
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  /*////////////////////////////////////////////////////         ADDRESS FOR END              /////////////////////////////////////////////////////*/
  /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
}

 
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 414px) {
  .navbar {
    width: 100%;
    padding: 8px 10px 8px;
  }
  .header-top-banner {
    height: 45vh;
    background-image: url("../image_db/digirhino-banner-01-small.jpg");
  }
  .header-top-title h1 {
    font-size: 1.95rem;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  .header-top-title p b {
    font-size: 0.75rem;
  }
  .header-top-title h3 {
    font-size: 1.0em;
    color: #FBFBFB;
    padding: 0px 0px 10px 0px;
  }
  .header-complain-link {
    width: 70%;
    margin: 0px 0px 10px 0px;
  }
  .header-track-link {
    width: 70%;
  }
  .homepage-box-1-title h2 {
    font-size: 1.25rem;
  }
  .services-box-homepage-1 {
    padding: 20px 0px 0px 20px;
  }
  .services-box-homepage-1 h1 {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    font-size: 1.2rem;
    width: 95%;
  }
  .homepage-box-2-title h2 {
    font-size: 2.12rem;
    text-align: center;
  }
  .homepage-box-2-title p {
    font-size: 1.0rem;
    text-align: center;
  }
  .homepage-box-2-link {
    padding: 0px 0px 10px 0px;
    text-align: center;
  }
  .homepage-device-box {
    padding: 10px 10px;
    margin: 0px 0px 20px 0px;
  }
  .homepage-device-box h4 {
    font-size: 1.11rem;
  }
  .homepage-device-box p {
    font-size: 11px;
  }
  .login-form-box {
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px 100px;
  }
  .login-form-control p {
    text-align: center;
  }
  .services-box-3 h2 {
    font-size: 2.0rem;
    font-weight: 800;
    text-align: left;
  }
  .services-box-3 h3 {
    font-size: 1.65rem;
    font-weight: 800;
    text-align: left;
    color: #00008B;
  }
  .services-box-3 p {
    font-size: 0.85rem;
    font-weight: 600;
    text-align: left;
    color: #fcba00;
    margin: -10px 0px 5px 0px;
  }
  .services-box-3 h6 {
    font-size: 0.85rem;
    font-weight: 800;
    text-align: left;
    margin: 0px 0px -10px 0px;
    text-transform: uppercase;
  }
  .services-box-3 li {
    text-align: center
  }
  .services_details-box-3 h1 a {
    font-size: 1.35rem;
    font-weight: 700;
  }
  .services-prices-box-right h1 {
    font-size: 1.38rem;
    text-align: center;
  }
  #accordion li label {
    font-size: 1.18rem;
  }
  .complain-boxx-title h1 {
    margin: 0px 0px 20px 0px;
    font-size: 1.75rem;
  }
  .complain-boxx-title p {
    margin-bottom: 30px;
    text-align: center;
  }
  .complain-boxx-title a {
    padding: 1.125rem 4.8125rem;
    margin: 0px 0px 0px 50px;
  }
  .complain-boxx-main {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 30px;
    text-align: center;
  }
  .complain-boxx-container {
    width: 90%;
  }
  .complain-box-4 h1 {
    font-weight: 1.25rem;
  }
  .register-complain-main-box h1 {
    margin: 10px 0px 10px 0px;
    font-size: 2.12rem;
  }
  .form-register-container {
    margin: 10px auto;
    width: 100%;
  }
  .form-label {
    font-size: 0.89rem;
    font-weight: 700;
  }
  .register-btn {
    width: 80%;
  }
  .device-list {
    width: 110px;
    margin: 10px 0px 10px 0px;
  }
  .address-btn {
    width: 80%;
  }
  .ticket_config-container {
    width: 80%;
    margin: 10px auto;
    text-align: center;
  }
  .ticket_config-container h3 {
    font-size: 1.85rem;
  }
  .tickt-container-box-app {
    padding: 40px 0px 50px 0px;
    margin: 10px 0px 10px 0px;
  }
  .tickt-container-app {
    width: 90%;
  }
  .tickt-container-app p {
    font-size: 1.02rem;
  }
  .tickt-container-app h1 {
    font-size: 1.25rem;
  }
  .tickt-container-app a img {
    width: 50%;
  }
  .change-pass-form-box {
    width: 100%;
  }
  .popup .content {
    width: 375px;
  }
  .account-config-container {
    width: 90%;
  }
  .account-config-container img {
    width: 45%;
  }
  .account-config-container h1 b {
    font-size: 1.85rem;
  }
  .account-config-container p {
    font-size: 0.87rem;
    padding: 5px 0px 0px 0px;
    font-weight: 600;
    color: #8A8A8A;
  }
  .account-config-container h4 {
    padding: 0px 0px 5px 0px;
  }
  .account-config-container h4 b {
    font-size: 0.95rem;
  }
  .account-config-container a {
    width: 50%;
  }
  .account-error-img {
    width: 80%;
  }
  .account-error-img img {
    width: 70%;
  }
  .account-error-container {
    width: 90%;
    margin: 2px auto;
    text-align: center;
  }
  .account-error-container p {
    font-size: 0.85rem;
    padding: 5px 0px 5px 0px;
  }
  .account-error-forget {
    width: 70%;
    margin-bottom: 10px;
  }
  .account-error-signup {
    width: 70%;
  }
  .forget-pass-form-box {
  width: 100%;
  margin: 40px auto;
  padding: 55px 0px 45px;
  }	
  .forget-pass-form-control {
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  }	
  .forget-pass-form-control input[type="number"] {
  width: 85%;
}
.forget-pass-form-control input[type="email"] {
  width: 85%;
}
	#error_forget {
  font-size: 0.95rem;
  font-weight: 600;	
}
	
}