.form-group {
    margin-bottom: 0rem;
    padding: 6px 0px;
  }
  .btn-primary, .btn-outline-primary {
    margin-top: 16px;
    background-color: #52181c;
    border-radius: 0;
    padding: 12px 50px;
    border: 1px solid #52181c;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    transform: all 0.6s ease-in;
  }
  
  .btn-primary svg, .btn-outline-primary svg {
    transition: all 0.3s ease-in;
  }
  
  .btn-primary:hover, .btn-outline-primary:hover {
    background-color: #52181c;
    border: 1px solid transparent;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.08);
    transform: all 1s ease;
  }
  
  .btn-primary:hover svg, .btn-outline-primary:hover svg {
    transform: translatex(10px);
    transition: all 0.3s ease-in;
  }
  
  .btn-primary.btn-primary-white, .btn-primary-white.btn-outline-primary, .fw-img-wrapper > :nth-child(even) .btn-primary, .fw-img-wrapper > :nth-child(even) .btn-outline-primary {
    background-color: #fff;
    color: #52181c;
  }
  
  .btn-primary.btn-primary-white:hover, .btn-primary-white.btn-outline-primary:hover, .fw-img-wrapper > :nth-child(even) .btn-primary:hover, .fw-img-wrapper > :nth-child(even) .btn-outline-primary:hover {
    border: 1px solid #760b0a;
  }
  
  .btn-outline-primary {
    background-color: transparent;
    color: #f50303 !important;
  }
  
  .btn-outline-primary:hover {
    color: #fff !important;
  }
  
  .btn-txt-primary {
    color: #f50303;
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
  }
  
  .btn-txt-primary:hover {
    text-decoration: none;
    color: #0e0e0e;
  }
  
  .button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .button-wrapper > * {
    margin-right: 10px;
  }
  .req {
    color: red;
  }

.form-control {
   border: 1px solid #ced4da !important;

}

.heading {
color: #52181c;
text-transform: uppercase;
font-size: 36px;
line-height: 1.19444;
font-weight: 800;
font-family: "Barlow Condensed", sans-serif;
}
@media screen and (max-width: 426px) {
.heading {
font-size: 26px;
font-weight: 700;
}
.btn-primary, .btn-outline-primary {
font-size: 15px;

}
}

.form-header{
text-align: center;
padding-top: 25px;
}
.help-block-error{
color: red;
}

.social_media a {
background: #fff;
border: 1px solid #E6EFF2;
display: inline-block;
height: 40px;
width: 40px;
border-radius: 1px;
line-height: 40px;
margin: 4px;
text-align: center;
}

.social_media a:hover {
color: #fff;
}

.social_media a:last-child {
margin-right: 0;
}

.social_media .facebook {
color: #3b5998;
}

.social_media .facebook:hover {
background: #3b5998;
border-color: #3b5998;
}

.social_media .twitter {
color: #4099FF;
}

.social_media .twitter:hover {
background: #4099FF;
border-color: #4099ff;
}

.social_media .googleplus {
color: #d34836;
}

.social_media .googleplus:hover {
background: #d34836;
border-color: #d34836;
}

.social_media .pinterest {
color: #cb2027;
}

.social_media .pinterest:hover {
background: #cb2027;
border-color: #cb2027;
}

.social_media .linkedin {
color: #007bb6;
}

.social_media .linkedin:hover {
background: #007bb6;
border-color: #007bb6;
}

.social_media .youtube {
color: #bb0000;
}

.social_media .youtube:hover {
background: #bb0000;
border-color: #bb0000;
}

.social_media .instagram {
color: #125688;
}

.social_media .instagram:hover {
background: #125688;
border-color: #125688;
}

/* ---------- 8.9 Contact  ---------- */
#map {
padding: 0;
}

#map #google-map {
position: absolute;
margin-top: 20px;
left: 50%;
margin-left: -80px;
z-index: 5;
}

#map #map-canvas {
width: 100%;
height: 400px;
}

#google-map .openmap-btn {
position: relative;
top: 100px;
background: #fff;
border: none;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
}

#google-map .openmap-btn:hover {
background-color: rgb(247, 247, 247);
}

#contact-form-page {
margin-top: 30px;
}

#contact-form-page .form-control {
height: 52px;
border-radius: 1px;
border: 1px solid #dfdfdf;
background-color: #fcfcfc;
}

#contact-form-page .form-group {
padding-bottom: 30px;
}

#contact-form-page .form-group textarea {
height: 135px;
}

#contact_page .contact-info,
#contact_page_style_2 .contact-info {
list-style: none;
}

#contact_page .contact-info li,
#contact_page_style_2 .contact-info li {
padding: 8px 0;
font-weight: 700;
}

#contact_page .contact-info li span,
#contact_page_style_2 .contact-info li span {
display: block;
font-size: 1em;
color: #ffb600;
font-weight: 900;
margin-bottom: 10px;
}

#contact_page .contact-info .social-media,
#contact_page_style_2 .contact-info .social-media {
padding-top: 30px;
}

#contact_page .contact-info .social-media i,
#contact_page_style_2 .contact-info .social-media i {
background-color: #fff;
-webkit-transition: all ease 0.45s;
transition: all ease 0.45s;
width: 35px;
height: 35px;
line-height: 2.6em;
color: #8a959e;
border-bottom: 1px solid #8A959E;
}

#contact_page .contact-info .social-media i:hover,
#contact_page_style_2 .contact-info .social-media i:hover {
color: #ffffff;
-webkit-transition: all ease 0.45s;
transition: all ease 0.45s;
}

#contact_page_style_2 #map-canvas {
width: 100%;
height: 168px;
}

#contact_page_style_2 .contact-info {
padding-top: 0px !important;
}

.main_title {
position: relative;
}

.main_title h2 {
font-size: 2.2em;
font-family: 'Raleway', sans-serif;
display: inline-block;
position: relative;
color: #52181c;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.5px;
}

.main_title.mt_dark h2 {
color: #444;
}

.main_title.mt_blue h2 {
color: #1dc1f8;
}

.main_title.mt_yellow h2 {
color: #ffb600;
}

.main_title.mt_white h2 {
color: #fff;
}

.main_title:after {
content: "";
display: block;
height: 5px;
position: relative;
width: 80px;
margin: 10px auto;
}

.main_title.a_left:after {
margin-left: 0;
}

.main_title.a_right:after {
margin-right: 0;
}

.faq {
margin: 0px 0 50px;
}
.faq .section-title {
text-align: left;
}
.faq .section-title h2 {
margin: 0;
}
.faq .faq-list ul {
padding: 0;
list-style: none;
}

.faq .faq-list li.active {
/* background-color: #0e60b9; */
/* color: #fff; */
border-left:4px solid #10a63a;
}
.faq .faq-list li.active a {
/* color: #fff; */
}
.faq .faq-list li {
 box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
/* border:1px solid rgba(0,0,0,0.07); */
border-left:4px solid rgba(0,0,0,0);
/* box-shadow: 0 3px 38px rgba(14, 96, 185, 0.08); */
border-radius: 10px;
}
.faq .faq-list li a {
font-weight:700;
font-size:18px;
padding-right: 20px;
}
.faq .faq-list li + li {
margin-top: 15px;
}
.faq .faq-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
position: relative;
}
.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
outline: none;
color:#760b0a;
}
.faq .faq-list .icon-help {
font-size: 24px;
position: absolute;
right: 0;
left: 20px;
color: #0e60b9;
}
.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
font-size: 17px;
position: absolute;
right: 0;
top: 0;
}
.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
color:rgba(0,0,0,0.7);
font-weight:500;
}
.faq .faq-list .icon-show {
display: none;
}
.faq .faq-list a.collapsed {
color: rgba(0,0,0,0.7);
}
.faq .faq-list a.collapsed:hover {
color: #760b0a;
}
.faq .faq-list a.collapsed .icon-show {
display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
display: none;
}

.faqHeader {
    font-size: 27px;
    margin: 40px 0 20px;
    font-weight:700;
    color:rgba(0,0,0,0.7);
}

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072"; /* "play" icon */
    float: right;
    color: #F58723;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #454444;
}
@media (max-width: 1200px) {
.faq .faq-list {
padding: 0;
}
}

@media (max-width:575px){
.form-wrapper{box-shadow:none}
.faq .faq-list li{padding:10px}
.faqHeader{font-size:22px}
.faq .faq-list li{
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
}
}
@media screen and (max-width: 1440px){
.hamburger__icon {
display: flex;
}
}

.footerBottom{
width: 100%;
display: flex;
justify-content: center;
}

.footerBottom .copyrights{
font-size: 18px;
}



@media (min-width:768px) and (max-width:900px){
  .acc_into_new_era img{
    position:relative;
    top:300px;
    left: 0px;
  }
}

@media (min-width:900px) and (max-width:1000px){
  .acc_into_new_era img{
    position:relative;
    top: 200px;
    left: 0px;
  }
}


@media (min-width:1001px) and (max-width:1199px){
  .acc_into_new_era img{
    position:relative;
    top: 250px;
    left: 0px;
  }
}

@media (min-width:1200px) and (max-width:1280px){
  .acc_into_new_era img{
    position:relative;
    top: 150px;
    left: 0px;
  }
}
.contact-us-box{
  width: 390px;
  height: auto;
  gap: 0px;
  opacity: 0px;
  background: #FFFFFF54;
  border-radius: 10px;
  border: 0.41px solid #FFFFFF87;
  box-shadow: 0px 4.11px 12.34px 11.19px #0000001A;
  margin: 0 auto;
}

.content-hybrid-banner {
  width: 100%;
  max-width: 450px;
  padding-left: 100px;
}
.content-hybrid-banner p {
  color: #fff;
  font-size: 50px;
  font-style: normal;
  font-weight: 100px;
  line-height: normal;
  margin-bottom: 30px;

}

@media (max-width:768px){
  .content-hybrid-banner p{
    font-size: 40px;

  }
}
@media (max-width:500px){
  .content-hybrid-banner{
    padding-left: 0px;
  }
}

@media (max-width:500px){
  .content-hybrid-banner p{
    font-size: 16px;
  }
}
.content-hybrid-banner span {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 50;
  line-height: normal;
  
}
@media only screen and (max-width: 1200px) {
  .content-hybrid-banner span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .content-hybrid-banner span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 360px) {
  .content-hybrid-banner span {
    font-size: 12px;
  }
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination>li {
  display: inline
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
  padding: 10px 16px;
  font-size: 18px
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
  padding: 5px 10px;
  font-size: 12px
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}