@font-face{
  src: url(../img/Zekton-Heavy.ttf);
  font-family: zekton;
 
}
@font-face{
   src: url(../img/zekton-rg.ttf);
  font-family: zekton-rg;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
.why-us .boxbody {
  font-family: "Open Sans", sans-serif;
  color: #444444;
}
.section-title{
  padding: 60px 100px 0px;
}
.section-title p{
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  line-height: 28px;
  font-weight: 400;
}


a {
  color: #fff;
}

a:hover {
  color: #2a2af0;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Zekton";
}
h2{
  color: #b51a64;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #b51a64;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #3F3D56;
  color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 40px;
  transition: all 0.5s;
  z-index: 997;
}


#header.header-scrolled, #header.header-inner-pages {
  padding: 12px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  margin: 0;
  padding: 0;
}

/*#header .logo a {
  color: #B51A64;
font-size: 40px;
  font-family: zekton;
}
#header .logo span{
  color: #494949;
  font-size: 40px;
}*/

#header .logo img {
  max-height: 80px;
  margin-left: 35px;
}

#header{
  top:0;
  left:0;
  width: 100%;
  z-index: 111;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 111;
  padding: 0px 0px !important;
  background-color: #f5f7f7;
}
.sticky .nav-menu a{
  color:#b51a64;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */

.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 5px 0 5px 13px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #b51a64;
  transition: 0.3s;
  font-size: 18px;
  font-weight:600;
  font-family: zekton-rg;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  text-decoration: underline;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #B51A64;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: #B51A64;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}


/* Get Startet Button */
.get-started-btn {
  color: #fff;
  border-radius: 50px;
  padding: 0px 20px 0px 20px;
  white-space: nowrap;
  transition: 0.3s;
  display: inline-block;
  /*border: 1px solid #fff;*/
  font-family: zekton;
}

.get-started-btn:hover {
  color: #b51a64;
  text-decoration: underline;
}


/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #434175;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #b51a64;
  padding: 10px 20px;
  outline: none;
  font-family: zekton;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #b51a64;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}
.row button{
  padding: 10px 20px;
  border: 1px solid #b51a64;
  border-radius: 25px;
  background: #fff;
  transition: 0.5s ease;
}
.row button:hover{
  background: #b51a64;
  color: #fff;
  border: none;
}
.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(48, 47, 84, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
.main-bg{
 background-image: url(../img/cloud.gif);
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
 position: relative;
 width: 100%;
  
}
.header-bg{
  background-image: url(../img/header-bg.png);
    background-size: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    position: relative;
    /* width: 100%;*/
   
 }
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
/*.home-page{
 background-image: url(../img/home.png);
 background-repeat: no-repeat;
 background-size: cover;
 width:80%;
 height: 80vh;
 float: right;
}*/
#hero {
  padding: 0px 100px;
  width: 100%;
  height: 100vh;
  border-bottom: 2px solid white;
}

#hero h1 {
/*  margin-top: -100px;*/
  font-size: 48px;
  line-height: 56px;
  color: #b51a64;
  font-family: zekton-rg;
}
.active a{
  text-decoration: underline;
}

#hero .btn-get-started, #hero .btn-get-quote {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.5px;
  display: inline-block;
  padding: 8px 30px 9px 30px;
  margin-bottom: 15px;
  border-radius: 3px;
  transition: 0.5s;
  border-radius: 50px;
}

#hero .btn-get-started {
  background: #B51A64;
  color: #fff;
  border: 2px solid #B51A64;
  margin-right: 10px;
}

#hero .btn-get-started:hover {
  background: #8E1A54;
  border-color: #8E1A54;
}

#hero .btn-get-quote {
  color: #B51A64;
  border: 2px solid #B51A64;
}

#hero .btn-get-quote:hover {
  background: #B51A64;
  color: #fff;
}

#hero .hero-img img {
    max-width: 100%;
    margin-top: 40px;
  }

.hero-para{
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 32px;
  word-spacing: 4px;
}
.first-para-hero{
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  word-spacing: 4px;
}
.contact-para{
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  word-spacing: 4px;
}
/*#contact{
  padding: 0px 100px;
}*/

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

.section-bg {
  margin-top: 100px;
  background-image: url(../img/conta.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
   padding-bottom: 300px;
}
.box{
  margin: 0 auto;
  position: relative;
  perspective: 1000px;
}
.box .box-img{
  transform: rotateY(0);
  transition: all 0.5s ease-in-out 0s;
}
.box:hover .box-img{
  transform: rotateY(-90deg);
}
.box .box-img img{
  width: 100%;
  height: auto;
}
.box .box-content{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 60px 20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.7);
  transform: rotateY(90deg);
   transition: all 0.5s ease-in-out 0s;
}
.box:hover .box-content{
  transform: rotateY(0deg);
}
/* email changes */
.boxemail{
  width: 100%;
  height: 82%;

  padding: 20px 20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.7);
 
}
.boxemail h5{
  font-family: "Open Sans", sans-serif;
}
.box-content{
  font-size: 15px;
  font-weight:200;
}
.text-align-just{
  text-align: justify;
  font-size: 20px;
}
.boder-none{
  border: none !important;
}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 50px;
  margin-bottom: 20px;
  color: #B51A64;
}
.download button{
  padding: 10px 80px;
  border:1px solid #8E1A54;
  border-radius: 50px;
  background: #B51A64;
  transition: 0.5s ease;
  color: #fff;
}
.download button:hover{
  background: #8E1A54;
}
.download img{
  width: 40px;
  height: 60px;
  float: left;
  margin-right: 20px;
}
.about .content h3 {
  font-weight: 500;
  line-height: 32px;
  font-size: 24px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding: 10px 0 0 28px;
  position: relative;
}

.about .content ul i {
  left: 0;
  top: 7px;
  position: absolute;
  font-size: 20px;
  color: #B51A64;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
  padding-bottom: 50px;
}

.why-us .box {
  border: 1px solid #e2e2e2;
  margin: 10px 10px;
  padding: 20px 10px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
  height: 410px;
}

.why-us .box h4 {
  font-size: 20px;
  font-family: zekton;
  padding: 0;
  margin: 10px 0;
  color: #434175;
}

.why-us .box p {
  color: #aaaaaa;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 10px;
  font-weight: 400;
}

.why-us .box:hover {
  background: #f9f9f9;
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {
  color: #B51A64;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 70px 0 60px;
}

.counts .count-box {
  padding: 30px 30px 25px 30px;
  width: 100%;
  position: relative;
  text-align: center;
  background: #fff;
}

.counts .count-box i {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #5a5af3;
  padding: 12px;
  color: #fff;
  border-radius: 50px;
}

.counts .count-box span {
  font-size: 36px;
  display: block;
  font-weight: 600;
  color: #0c0ca8;
}

.counts .count-box p {
  padding: 0;
  margin: 0;
  font-family: zekton-rg;
  font-size: 14px;
}
#donwload .section-title{
  padding-bottom: 60px;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  text-align: center;
  padding: 30px 20px 40px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.services .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}

.services .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}

.services .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}

.services .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}

.services .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 22px;
}

.services .icon-box h4 a {
  color: #434175;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 26px;
  margin-bottom: 0;
  color: #272525;
  font-size: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;

}

.services .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.services .iconbox-blue i {
  color: #47aeff;
}

.services .iconbox-blue:hover .icon i {
  color: #fff;
}

.services .iconbox-blue:hover .icon path {
  fill: #47aeff;
}

.services .iconbox-orange i {
  color: #ffa76e;
}

.services .iconbox-orange:hover .icon i {
  color: #fff;
}

.services .iconbox-orange:hover .icon path {
  fill: #ffa76e;
}

.services .iconbox-pink i {
  color: #e80368;
}

.services .iconbox-pink:hover .icon i {
  color: #fff;
}

.services .iconbox-pink:hover .icon path {
  fill: #e80368;
}

.services .iconbox-teal i {
  color: #11dbcf;
}

.services .iconbox-teal:hover .icon i {
  color: #fff;
}

.services .iconbox-teal:hover .icon path {
  fill: #11dbcf;
}
#support h4 {
  font-size: 26px;
  font-family: zekton;
  padding: 0;
  margin: 10px 0;
  color: #434175;
  text-transform: capitalize;
}
#support p {line-height: 30px;
  margin-bottom: 0;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  }
/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
  padding-top: 0;
}

.features .icon-box {
  display: flex;
  align-items: center;
  padding: 20px;
  transition: ease-in-out 0.3s;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.features .icon-box i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 1;
}

.features .icon-box h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}

.features .icon-box h3 a {
  color: #434175;
  transition: ease-in-out 0.3s;
}

.features .icon-box:hover h3 a {
  color: #5a5af3;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 15px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  color: #5a5af3;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  top: 35px;
  left: 35px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 35px;
  right: 35px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #434175;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #434175;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #5a5af3;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #1313ee;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
  background: #fff;
}

.contact .info-box i {
  font-size: 32px;
  color: #B51A64;
  border-radius: 50%;
  padding: 8px;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  background: #fff;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  border-radius: 5px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #5a5af3;
}

.contact .php-email-form input {
  padding: 20px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #fff;
  border: 0;
  padding: 10px 24px;
  color: #B51A64;
  transition: 0.4s;
  border: 1px solid #B51A64;
  border-radius: 50px;
  box-shadow: 0 2px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #B51A64;
  color: #fff;
}
.term-st,.complaint-st{
  width: 100%;
  padding: 50px 0px 0px;

}
.complaint-st{
  width: 100%;
  padding: 20px 0px 0px;

}
.term-st h1,.complaint-st h1 {
  margin-top: 0px;
  font-size: 42px;
  line-height: 56px;
  color: #b51a64;
  font-family: zekton-rg;
}
.complaint-st h1 {
  margin-bottom: 20px;
}
.term-st .hero-para ,.complaint-st .hero-para{
  font-family: zekton-rg;
  font-size: 20px;
  color: #000;
}
.term-st h4,.complaint-st h4 {
  font-size: 24px;
  font-family: zekton;
  padding: 20px 0 10px;
  margin: 10px 0;
  color: #000;
  font-weight: 500;
  
}

.term-st p,.complaint-st p{
  font-family: 'Open Sans', sans-serif;
  text-align: justify;
  font-size: 15px;
  margin-bottom: 20px;
  color: #000;
  font-weight: 400;
  word-spacing: 3px;
  line-height: 28px;
}
.term-st ul, .complaint-st ul{
  width: 100%;
  padding: 0px 35px;
  display: block;
}
.term-st ul li, .complaint-st ul li{
  list-style-type: disc;
  font-family: 'Open Sans', sans-serif;
  text-align: justify;
  font-size: 16px;
  font-weight: 400;
  word-spacing: 2px;
  line-height: 35px;
}
.complaint-st ul li a,.complaint-st ul li span{
  color:#B51A64;
  font-weight: 600;
} 
.complaint-st ul li a:hover{
  color:#d36499;
  font-weight: 600;
}
.complaint-st a, .term-st a{
  color:#B51A64;
}

.complaint-st .form-fill{
  width: 100%;
  border-radius: 4px;
  -o-border-radius:4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 50px 80px 51px 80px;
  box-shadow: 1px 6px 12px rgba(0, 0, 0, .2);
  background: #fff;
  overflow: hidden;
}
.complaint-st .form-fill .step-title {
  background: #e5e5e5;
  display: inline-block;
  padding: 7px 20px 7px 53px;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 16px;
  min-width: 380px;
  position: relative;
  color: #000;
  font-family: zekton;
}
.complaint-st .form-fill .step-title:before {
  content: "";
  background: #B51A64;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}
.complaint-st .form-fill label {
  color:#838383;
  font-size: 16px;
  font-weight: 100;
  padding:10px 0px;
  font-family: "Open Sans", sans-serif;
}

.complaint-st .form-fill .form-group {
  margin-bottom:1rem;
}
.complaint-st .form-fill .form-control {
 color: #b2b4b8;
 border: 1px solid #b2b4b8;
 background: transparent;
 font-family: "Open Sans", sans-serif;
}
.complaint-st .form-fill .custom-file-label{
  
 padding: .375rem .75rem;
}
.complaint-st .form-fill .form-control::placeholder{
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.complaint-st .form-fill .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.complaint-st .form-fill .form-control input[placeholder], [placeholder], *[placeholder]{
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif ;
  font-weight: 300 ;

}
.complaint-st .form-fill .form-control::-moz-placeholder { /* Firefox 19+ */
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
.complaint-st .form-fill .form-control:-ms-input-placeholder { /* IE 10+ */
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}
.complaint-st .form-fill .form-control:-moz-placeholder { /* Firefox 18- */
  color:#a9a9a9;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

  
  .complaint-st .form-fill .btn-primary{
    padding: 10px 70px;
    border-radius: 30px;
    color: #fff;
    outline: none;
    font-family: zekton;
    font-size: 16px;
    font-weight: 100;
    background: #b51a64;
    border:2px solid #b51a64;
    text-transform: uppercase;
  }
  .complaint-st .form-fill .btn-primary:hover{
    padding: 10px 70px;
    border-radius: 30px;
    color: #b51a64;
    box-shadow: none;
    outline: none;
    font-family: zekton;
    font-size: 16px;
    font-weight: 100;
    border:2px solid #b51a64;
    background-color: #fff;
    text-transform: uppercase;
  }
  .complaint-st .form-fill .btn-primary.focus,  .complaint-st .form-fill .btn-primary:focus{
    
    border:2px solid #b51a64;
    background-color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color:#fff;
    outline: none;
    box-shadow: none;
    color: #b51a64;
    text-transform: uppercase;
  }
  .grey-b-t {
    background: whitesmoke;
    margin: 20px -80px 20px -80px;
    padding: 12px 80px;
    color: #333333;
    text-transform:capitalize;
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
      position: relative;
      font-family: "Open Sans", sans-serif;
  }
  .grey-b-t span{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    color:#757575;
  }

  .grey-term {
    background: whitesmoke;
    margin: 20px -80px 20px -80px;
    padding: 12px 80px;
    color: #333333;
    /* text-transform:capitalize; */
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
      position: relative;
      font-family: "Open Sans", sans-serif;
  }
    

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f1f1f7;
  min-height: 40px;
  margin-top: 68px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 400;
  color: #434175;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #565396;
  content: "/";
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background-image: url(../img/footer-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 0;
  padding-left: 100px;
}


#footer .footer-top {
  padding-top: 250px;
}


#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  color: #B51A64;
  font-family: zekton-rg;
}
#footer .footer-top .footer-contact h3 a{
  text-decoration: none;
  color: #B51A64;
}
#footer .footer-top .footer-contact h3 a:hover{
  color: #d36499;
}

#footer .footer-top .footer-contact p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  font-family: 'Open Sans', sans-serif;
  color: #494949;
}

#footer .footer-top h4 {
  font-size: 18px;
  font-weight: bold;
  color: #b51a64;
  position: relative;
  padding-bottom: 12px;
  font-family: zekton-rg;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #b51a64;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
  font-family: 'Open Sans', sans-serif;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #777777;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #d36499;
}

#footer .footer-newsletter {
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 16px;
  font-weight: bold;
  color: #b51a64;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  text-align: left;
  border: 1px solid #b9b9fa;
}

#footer .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #b51a64;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type="submit"]:hover {
  background: #3F3D56;
}

#footer .credits {
  padding-top: 5px;
  font-size: 13px;
  color: #444444;
}

#footer .credits a {
  transition: 0.3s;
}
#footer .social-links ul{
  list-style: none;
}
#footer .social-links ul li{
  padding: 10px 0px 0px 0px;
}

#footer .social-links a {
  font-size: 18px;
  display: block;
  border: 1px solid #b51a64;
  color: #b51a64;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .social-links a:hover {
  background: #b51a64;
  color: #fff;
  text-decoration: none;
}
.footer-button{
  display: inline-block;
}
.box-content h5{
  color: #fff;
  font-family: zekton-rg;
}
.social{
  display: inline-block;
}
.copyright strong{
  color: #b51a64;
}
.copyright strong a{
  color: #b51a64;
}
.copyright strong a:hover {
  color: #d36499;
}
#footer .footer-top .footer-contact h3 a{
  text-decoration: none;
  color: #B51A64;
}
#footer .footer-top .footer-contact h3 a:hover{
  color: #d36499;
}
.copyright{
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}
/*FAQ CSS*/
.faq-section {
  position: relative;
  width: 100%;
  padding:20px 0px 0px;
}
.faq-section h1 {
  margin-top: 0px;
  font-size: 42px;
  line-height: 56px;
  color: #b51a64;
  font-family: zekton-rg;
}
.faq-section .bs-example{
  width: 100%; 
  padding-top: 25px;
}
.faq-section h2{
  font-size: 25px;
  color: #4d4d4d;
  text-transform: capitalize;
  font-family: 'montserratsemibold';
  font-weight: normal;
  background: url(../img/headign.png) no-repeat right center;
  background-size: 55% 12%;
}
.faq-section .card {
   border-radius:0px; 
   padding-bottom: 10px;
   box-shadow:inherit ;
   background: #ffffff;
  border: none;
}
.faq-section .card .card-header {
  border-radius: 0px;
  border: none;
  box-shadow: inherit;
  padding: 0px;
  background: #fff;
}
.faq-section .card .card-header .btn-link, .faq-section .card .card-header .btn-link {
  font-size: 18px;
  font-family: zekton;
  color: #fff;
  font-weight: 200; 
  text-decoration: none;
  padding: 10px;
  text-align: left; 
   width: 100%;
  background: #d81b5c;
   color: #fff;
  border-radius: 0px;
  border-left:6px solid #a00961;

  border-top: none;
  border-right: none;
  border-bottom: none;
       
}
.faq-section .card .card-header .collapsed{
  font-size: 18px;
  font-family: zekton;
  font-weight: 200; 
  text-decoration: none;
  text-decoration: none;
  padding:10px;
  text-align: left; 
  width: 100%;
  background: #efefef; 
  color:#333333;
  border-left:6px solid #c8c8c8;
  border-radius: 0px;
  border-top: none;
  border-right: none;
  border-bottom: none;
         
}
.faq-section .card .card-header .btn-link i { 
   font-size:24px; 
  color: #c7cfb3;
  text-align: right;
  margin-top: 0;
}
.faq-section .card .card-header .btn-link div{ 
  width: 100%; 
  float:left; 
  padding:0px 3px 2px; 
  text-align: left; 
   
}
.faq-section .collapse{
  padding: 0px 0px;
  border: none;
  background: inherit;
}
.faq-section .area-one{
   padding: 0px 6%;
}
.faq-section .area-one .card {
  margin-bottom:30px;
}
.faq-section .card  .card-body{ 
      
  padding: 22px 20px 9px 20px;
   box-shadow:0px 2px 1px rgba(51,51,51,0.20) ;
   border-right: 1px solid #f4f4f4;
   border-left: 1px solid #f4f4f4;
}
.faq-section .card  .card-body p {
  font-size: 15px;
  line-height: 28px;
  color: #757575;
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  text-align: left;
  word-spacing: 3px;
}
.faq-section .card  .card-body p a{
  color:#b51a64;
  font-weight: 600;
}
.faq-section .card  .card-body p span{
   color:#b51a64;
   font-weight: 600;
   font-family: 'Open Sans', sans-serif;
}

.faq-section  .fa-minus-circle:before{
  color: #fff;
}
.faq-section .fa-plus-circle:before {
  color:#aba4a0;
}
.faq-section h4{
  color:#333333;
  text-align: center;
  font-weight:normal;
  font-size: 22px; 
  padding: 15px 0px;
}/*
.faq-section .train-message{
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.faq-section .train-message .trains{
  width: 48%;

}
.faq-section .train-message .trains h5,.faq-section .train-message .messeage h5{
  color: #e57625;
  font-size: 16px;
  text-align: center;
  font-weight:normal;
  padding: 25px 0px;

}
.faq-section .train-message .trains p,.faq-section .train-message .messeage p{
  color: #747372;  
  font-weight:normal;
  font-size: 15px;
}
.faq-section .train-message .trains p a,.faq-section .train-message .messeage p a{
  color: #e57625;
}
.faq-section .train-message .messeage {
  width: 48%;     
}
.faq-section .form-box{
  width: 100%;
  padding: 30px 56px 20px;
} 

.faq-section .form-box .form-control {
  color: #b2b4b8;
  border: 1px solid #e2e2e2;
  background: transparent;
  border-radius: 2px;
  font-size: 13px;
  font-weight:normal;
  font-family: 'montserratregular';
}
.faq-section .form-box .btn-success{
  background-color: #e57625;
  border-color: #e57625;
  border-radius: 1px;
  padding:10px 55px;
  font-family: 'montserratmedium';
  font-weight: normal;

}
.faq-section .form-box .btn-success:hover{
  background-color: #fff;
  border-color: #e57625;  
  color:#e57625;   
}
.faq-section .form-box .btn-success.focus,  .faq-section .form-box .btn-success:focus{
  box-shadow: inherit;
}
.faq-section .form-box .form-group ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bab8b8;
}
.faq-section .form-box ::-moz-placeholder { /* Firefox 19+ */
  color: #bab8b8;
}
.faq-section .form-box .form-group :-ms-input-placeholder { /* IE 10+ */
  color: #bab8b8;
}
.faq-section .form-box .form-group :-moz-placeholder { /* Firefox 18- */
  color: #bab8b8;
}
.faq-section .form-box  .btn-success:not(:disabled):not(.disabled).active:focus,  .faq-section .form-box .btn-success:not(:disabled):not(.disabled):active:focus,  .faq-section .form-box  .show>.btn-success.dropdown-toggle:focus{
  box-shadow: inherit; */
}
 /*=================*/ 
 #support p a{
   color:#212529;
   font-weight:600;
   padding: 0 5px;
  }
  #support p a:hover{
    text-decoration: underline;
    font-family: 'Open Sans', sans-serif;
  }
  #support ul{
    display: block;
    padding: 10px;
  }
  #support ul li{
    font-family: 'Open Sans', sans-serif;
    line-height: 35px;
    font-size: 16px;
  }
/*--=====wizard section======--*/
.register-section {
  padding-top: 10px;
  padding-bottom: 50px;
}
/*---------*/
.register-section #progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #455A64;
  padding-left: 0px;
  margin-top: 30px;
  display:flex;
  justify-content: center;
}

.register-section #progressbar li {
  list-style-type: none;
  font-size: 13px;
  width: 23%;
  position: relative;
  font-weight: 400;
      padding: 11px 5px;
  font-size: 15px;
  text-transform: uppercase;
  background: inherit;
  text-align: center;
  line-height: 55px;
  color: #d2d5db;
}


.register-section #progressbar #step1:before {
  content: '';
  color: #fff
  
}

.register-section #progressbar #step2:before {
  content: " ";
  color: #fff
}

.register-section #progressbar #step3:before {
  content: " ";
  color: #fff
}
.register-section #progressbar #step4:before {
  content: " ";
  color: #fff
}
.register-section #progressbar #step5:before {
  content: " ";
  color: #fff
}

.register-section #progressbar li:before {
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  border:2px solid #d2d5db;
  background: #fff;
  color: #d2d5db;
  border-radius: 50%;
  margin: auto;
  padding: 0px
}

.register-section #progressbar li:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: 34px;
  z-index: -1
}

.register-section #progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  left: -50%
}
.register-section #progressbar li:nth-child(2):after {
  left: -50%
}

.register-section #progressbar li:nth-child(3):after {
  left: -50%
}
.register-section #progressbar li:nth-child(4):after {
  left: -50%
}

.register-section #progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  position: absolute;
  left: 50%
}

.register-section #progressbar li:last-child:after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.register-section #progressbar li:first-child:after {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.register-section #progressbar li.active:before,
.register-section #progressbar li.active:after {
  background: #d51c5c;
  
}
.register-section #progressbar li.active:before {
  background: #d51c5c;
  border:2px solid #d51c5c;
  
}
.register-section #progressbar li.active{
  color: #d51c5c;;
}
.register-section #progressbar li i {
  position: absolute;
  top: 21%;
  left: 45%;
  color: #d2d5db;
}
.register-section #progressbar li.active i{
  position: absolute;
  top: 21%;
  left: 45%;
  color: #fff;
}

.register-section .card {
  width: 100%;
  z-index: 0;
  display: none
}

.register-section .card.show {
  display: block
}



.register-section .circle {
  position: relative;
  width: 100%;
}


.register-section .fa-long-arrow-right {
  color: #fff;
  border: 2px solid #ed813c;
  background: #ffffff url(../img/arrow_submit.png);
  background-position: center;
  background-repeat: no-repeat;
  outline: none;
  width: 50px;
  height: 50px;
  float: right;
  border-radius: 100%;
}

.register-section .fa-long-arrow-right:hover {
  color: #fff;
  border: 2px solid #ed813c;
  background: #ffffff url(../img/arrow_submit.png);
  background-position: center;
  background-repeat: no-repeat;
  outline: none;
  -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.27);
  -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.27);
  box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.27);
  width: 50px;
  height: 50px;
  float: right;
}

.register-section .fa-long-arrow-left {
  color: #fff;
  cursor: pointer;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #cccccc;
  background: url();
  background: #ffffff url(../img/arrow_back.png);
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
  padding: 0px;
}
 

.register-section .check-mark {
  width: 180px;
  height: 180px
}
.registerinfo {
  width: 100%;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 50px 80px 51px 80px;
 /* box-shadow: 1px 6px 12px rgb(0 0 0 / 20%);
  background: #f5f5f5;*/
  overflow: hidden;
 box-shadow: 1px 6px 12px rgb(0 0 0 / 10%);
    background: #f9f9f9;
}
.step-title {
  background: #e5e5e5;
  display: inline-block;
  padding: 7px 20px 7px 25px;
  text-transform: uppercase;
  font-size: 16px;
  min-width: 380px;
  position: relative;
  color: #000;
  font-family: zekton-rg;
  word-spacing: 1px;
}
.step-title:before {
  content: "";
  background: #d51c5c;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
}
 .registerinfo .card{
  width: 100%;
  border: none;
  background: inherit;
}
.registerinfo .form-control {
  color: #b2b4b8;
  border: 1px solid #b2b4b8;
  background: transparent;
} .register-section label {
  color: #838383;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0px;
} 
.register-section .form-register .form-control {
  border-radius: 3px;
}
.register-section .form-register .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow:inherit;
}

.register-section .form-register .form-control::-webkit-input-placeholder { /* Edge */
  font-size: 14px;
  color: #d3d3d3;
}

.register-section .form-register .form-control :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #d3d3d3;
}
.register-section .form-register .form-control ::placeholder {
  font-size: 14px;
  color: #d3d3d3;
}





.registerinfo .card{
  width: 100%;
  border: none;
  background: inherit;
}
.multi_step_form #msform fieldset .form-control {
  color: #b2b4b8;
  border: 1px solid #b2b4b8;
  background: transparent;
} .register-section label {
  color: #838383;
  font-size: 16px;
  font-weight: 400;
  padding:4px 0px;
  font-family: zekton-rg;
} 
.multi_step_form #msform fieldset .form-control {
  border-radius: 3px;
  font-family: zekton-rg;
}
.multi_step_form #msform fieldset .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow:inherit;
}

.multi_step_form #msform fieldset .form-control::-webkit-input-placeholder { /* Edge */
  font-size: 14px;
  color: #d3d3d3;

}

.multi_step_form #msform fieldset .form-control :-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size: 14px;
  color: #d3d3d3;
}
.multi_step_form #msform fieldset .form-control ::placeholder {
  font-size: 14px;
  color: #d3d3d3;
}

.multi_step_form {
  width: 100%;
}
.multi_step_form #msform {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}
.multi_step_form #msform .tittle {
  text-align: center;
  padding-bottom: 55px;
}
.multi_step_form #msform .tittle h2 {
  font: 500 24px/35px "Roboto", sans-serif;
  color: #3f4553;
  padding-bottom: 5px;
}
.multi_step_form #msform .tittle p {
  font: 400 16px/28px "Roboto", sans-serif;
  color: #5f6771;
}
.multi_step_form #msform fieldset {
 /* border: 0;
  padding: 20px 105px 0;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;*/
  width: 100%;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 50px;
 /* box-shadow: 1px 6px 12px rgb(0 0 0 / 20%);
  background: #f5f5f5;*/
  overflow: hidden;
 box-shadow: 1px 6px 12px rgb(0 0 0 / 10%);
    background: #f9f9f9;
}
.multi_step_form #msform fieldset:not(:first-of-type) {
  display: none;
}

.multi_step_form #msform fieldset h3 {
  font: 500 18px/35px "Roboto", sans-serif;
  color: #3f4553;
}
.multi_step_form #msform fieldset h6 {
  font: 400 15px/28px "Roboto", sans-serif;
  color: #5f6771;
  padding-bottom: 30px;
}
.multi_step_form #msform fieldset .intl-tel-input {
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {
  padding: 0 20px;
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  width: 65px;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
  border: 0;
}
.multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  font: normal normal normal 24px/7px Ionicons;
  color: #5f6771;
}

.multi_step_form #msform fieldset .fg_2, .multi_step_form #msform fieldset .fg_3 {
  padding-top: 10px;
  display: block;
  overflow: hidden;
}
.multi_step_form #msform fieldset .fg_3 {
  padding-bottom: 70px;
}

.multi_step_form #msform fieldset .input-group .custom-file input {
  display: none;
}
.multi_step_form #msform fieldset .file_added {
  text-align: left;
  padding-left: 190px;
  padding-bottom: 60px;
}
.multi_step_form #msform fieldset .file_added li {
  font: 400 15px/28px zekton-rg;
  color: #5f6771;
}
.multi_step_form #msform fieldset .file_added li a {
  color: #5cb85c;
  font-weight: 500;
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.multi_step_form #msform fieldset .file_added li a i {
  font-size: 22px;
  padding-right: 8px;
  position: absolute;
  left: 0;
  transform: rotate(20deg);
}
.multi_step_form #msform #progressbar {
  margin-bottom: 30px;
  overflow: hidden;
}
.multi_step_form #msform #progressbar li {
  list-style-type: none;
  color: #99a2a8;
  
  width: calc(100%/3);
  float: left;
  position: relative;
  font: 15px/1 zekton-rg;
}
.multi_step_form #msform #progressbar li:nth-child(1):before {
  content: "\f57d";
  font-size: 1.5em;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(2):before {
  content: "\f0f2";
  font-size: 1.5em;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.multi_step_form #msform #progressbar li:nth-child(3):before {
   font-size: 1.5em;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  content: "\f0c0";
}
.multi_step_form #msform #progressbar li:nth-child(4):before {
 /* content: "\f4c4";*/
    font-size: 1.5em;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f4c4"
}
.multi_step_form #msform #progressbar li:before {
  content: "";
  font: normal normal normal 30px/50px Ionicons;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 10px auto;
}
.multi_step_form #msform #progressbar li:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #d9d9d9;
  position: absolute;
 /* left: -50%;*/
  top: 30px;
  z-index: -1;
}
.multi_step_form #msform #progressbar li:last-child:after {
  /*width: 150%;*/
}
.multi_step_form #msform #progressbar li.active {
  color: #d51c5c;
}
.multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after {
  background: #d51c5c;
  color: white;
}
.multi_step_form #msform .action-button {
  background: #d51c5c;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  min-width: 130px;
  font:14px/25px zekton-rg;
  border: 1px solid #d51c5c;
  margin:30px 5px 0px;
  text-transform: uppercase;
  display: inline-block;
}
.multi_step_form #msform .action-button:hover, .multi_step_form #msform .action-button:focus {
  background: #405867;
  border-color: #405867;
}
.multi_step_form #msform .previous_button {
  background: transparent;
  color: #99a2a8;
  border-color: #99a2a8;
}
.multi_step_form #msform .previous_button:hover, .multi_step_form #msform .previous_button:focus {
  background: #405867;
  border-color: #405867;
  color: #fff;
}
.submit-p{
  padding: 10px;
text-align: center;
float: right;
}
.multi_step_form #msform .custom-file-label{
  padding: .375rem .75rem;
  background: transparent;
}
.multi_step_form #msform .custom-file-input{
  background: transparent;
}
.multi_step_form #msform .custom-file-input:focus~.custom-file-label{
  box-shadow: inherit;
}
.radio-test {
  display: none;
}
#label-test-1 {
  border:1px solid #b51a64;
  background-color:  #fff;
  font-family:zekton;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 3px;
    transition: 0.5s;
    border-radius: 4px;
    color: #b51a64;
    margin-right: 15px;
    padding: 10px 30px;
}
#label-test-2 {
  border:1px solid #b51a64;
  background-color:  #fff;
  font-family:zekton;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 3px;
    transition: 0.5s;
    border-radius: 4px;
    color: #b51a64;
    margin-right: 15px;
    padding: 10px 30px;

}
#test-1:checked ~ .labels #label-test-1 {
  border:1px solid #b51a64;
  background-color:  #b51a64;
  font-family:zekton;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 3px;
    transition: 0.5s;
    border-radius: 4px;
    color: #fff;
    margin-right: 15px;
    padding: 10px 30px;
}

#test-2:checked ~ .labels #label-test-2 {
  border:1px solid #b51a64;
  background-color:  #b51a64;
  font-family:zekton;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 3px;
    transition: 0.5s;
    border-radius: 4px;
    color: #fff;
    margin-right: 15px;
    padding: 10px 30px;
}

.content {
  display: none;
}

#test-1:checked ~ #content-test-1 {
  display: block;
}

#test-2:checked ~ #content-test-2 {
  display: block;
}
.rd-align{
  display: flex;
    justify-content: flex-start;
    align-items: center;
}
.complaint-st .form-fill .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color:none;
  outline: 0;
  box-shadow:inherit
}
/*=======----------========*/

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}
@media (min-width: 1024px) {
  #hero {
   padding: 50px auto;
   width: 100%;
   height: 100vh;
  }
   #hero h1 {
   margin-top: 0px;
   font-size: 42px;
   line-height: 56px;
   color: #b51a64;
   font-family: zekton-rg;
  }
 }
 @media (max-width: 992px) {

  #header {
    padding: 12px 0;
   }
  #header .logo a {
  color: #B51A64;
  font-size: 20px;
  }
#header .logo span{
  font-size: 20px;
  }
.breadcrumbs {
  margin-top: 60px;
  }
.breadcrumbs .d-flex {
  display: block !important;
  }
.breadcrumbs ol {
  display: block;
}
.breadcrumbs ol li {
  display: inline-block;
  }

}
 @media (max-width: 991px) {
   #hero {
    padding: 50px 50px 50px 50px;
   width: 100%;
   height: 100vh;
  }
   #hero .hero-img {
     text-align: center;
   }
   #hero .hero-img img {
     width: 80%;
   }
 }
 
 @media (max-width: 768px) {
  .main-bg {
    background-image: url(../img/cloud.gif);
    background-size: 118%;
    background-position:top !important;
}
  .header-bg {
    background-image: url(../img/header-mb.png);
    background-repeat:no-repeat;
    background-size:22%;

}
.box .box-content {
  width: 100%;
  height: auto;
}
   #hero {
    padding: 50px 0px 50px 0px;
   width: 100%;
   height: 100vh;
 }
   #hero h1 {
     margin-top: 100px;
     font-size: 26px;
     line-height: 36px;
     text-align: center;
   }
   #hero p {
     font-size: 20px;
     line-height: 24px;
     margin-bottom: 30px;
   }
   #hero .hero-img img {
     width: 80%;
   }
   #header .logo a {
    color: #fff;
    font-size: 20px;
    }
  #header .logo img {
    max-height: 50px;
    }
  .get-started-btn {
    margin: 0 48px 0 0;
    padding: 6px 18px;
    }
  .section-title{
    padding: 100px 0px 0px 0px;
    }
  .section-title p{
    font-family: zekton-rg;
    font-size: 20px;
    }
  #footer {
    padding: 0;
    margin-top: 60px;
    color: #B51A64;
    font-size: 10px;
    background: #f0f0f0;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    height: 100%; 
    }
    .faq-section {
      padding: 0 ;
    }
    .faq-section h1 {
      font-size:35px;
    }
    #footer .footer-top{
      padding-top: 50px;
    }
    .box .box-img img{
      
    }
 }
 
@media (max-width: 600px){
  #footer .footer-top {
  padding-top: 50px;
  }
  .header-bg {
    background-image: url(../img/header-mb.png);
    background-repeat:no-repeat;
    background-size:35%;

}
}
 
 @media (max-width: 575px) {
  .sticky .mobile-nav-toggle i{
      color:#434175;
  }
      #header {
        padding: 0px 0;
    }
      .header-bg {
        background-image: url(../img/header-mb.png);
        background-repeat:no-repeat;
        background-size:35%;

    }
    .faq-section h1 {
      font-size: 30px;
      line-height: 40px;
 
  }
  .faq-section .card .card-body p {
    font-size: 16px;
    line-height: 28px;
}
    .faq-section .card .card-header .btn-link, .faq-section .card .card-header .btn-link {
      font-size: 16px;
      
    }
    .faq-section .bs-example{
      padding-top: 0px;
    }
    .main-bg {
      background-image: url(../img/cloud-header.gif);
  }
    #header .logo img {
      max-height: 39px;
    }
    #hero {
      text-align: center;
      padding: 50px 0px 50px 0px;
      width: 100%;
      height: 100%;
    }
    #hero h1 {
      margin-top: 100px;
      font-size: 26px;
      font-weight: 600;
    }
    
    #hero p{
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 30px;
    }
    #hero .hero-img{
      margin-top: 230px;
    }
    #hero .hero-img img {
      width: 100%;
    }
    #hero ul {
      text-align: left;
      font-size: 14px;
    }
    #hero .btn-get-started, #hero .btn-get-quote {
      padding-left: 18px;
      padding-right: 18px;
      font-size: 14px;
    }
    .why-us .box{
      min-height: 520px !important;
    }
    .section-title{
    padding: 160px 24px 0px;
    }
  .section-title p{
      font-family: zekton-rg;
      font-size: 18px;
    }
    #support p{
      font-size: 18px;
    }
    h2{
      font-size: 1.5rem;
    }
    .term-st h4, .complaint-st h4{
      font-size: 20px;
    }
    .term-st p, .complaint-st p{
      font-size: 16px;
      text-align: left;
    }
    .term-st h1, .complaint-st h1{
      font-size: 24px;
      line-height: 35px;
    }
    .term-st ul li, .complaint-st ul li{
      text-align: left;
      font-size: 16px;
      line-height: 30px;
    }
  .padd-terms-top{
      padding-top: 136px;
      font-size: 18px;
    }
    .term-st p {
      text-align: left;
      font-size: 16px; 
      line-height:30px;
    }
    .term-st ul li {
      text-align: left;
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 10px;
  }
  .complaint-st .form-fill{
    padding: 20px 20px 20px 20px;
  }
  .complaint-st .form-fill .step-title {
    padding: 5px 20px 7px 19px;
    font-size: 15px;
    min-width: 300px;
  }
  .normallink {
    justify-content:flex-start !important;
    margin-top: 0px !important;
    padding: 10px 0;
    font-family: zekton-rg;
}
  .btn-normal {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
}
@media (max-width: 100px){
  #about{
  padding: 100px 0px 0px 0px;
  }
  .section-title p{
  font-family: zekton-rg;
  font-size: 20px;
  }
}

.btn-white{
  padding: 10px 70px !important; 
  border-radius: 30px;
  color: #b51a64;
  outline: none;
  font-family: zekton;
  font-size: 16px;
  font-weight: 100;
  background: #fff;
  border:2px solid #b51a64;
  text-transform: uppercase;
}
.btn-white:hover{
  padding: 10px 70px !important;
  border-radius: 30px;
  color: #fff;
  box-shadow: none;
  outline: none;
  font-family: zekton;
  font-size: 16px;
  font-weight: 100;
  border:2px solid #b51a64;
  background-color: #b51a64;
  text-transform: uppercase;
}
.btn-normal {
  padding: 10px 30px !important; 
  border-radius: 30px;
  color: #fff !important;
  outline: none;
  font-family: zekton;
  font-size: 16px;
  font-weight: 100;
  background: #b51a64;
  border:2px solid #b51a64;
}

.normallink{
  color:#b51a64 !important;
  font-size:20px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  margin-top: -23px;
}

.normallinkcolor{
  color:#b51a64 !important;
  font-size:20px;
  
}


.news-img{
	width: 100%;
	overflow: hidden;
	background: #0c0c0c34 ;
}
.news-img figure{
	position: relative;
}
.news-img figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);

}
.news-img figure:hover img {
	opacity: .5;
	-webkit-transform: scale(1);
	transform: scale(1);
}