/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/
.ColorSwitcher{
    display: none;
}
.hb-homebanner {
    padding: 72px 0 44px 0;
    position: absolute;
  }

.hb-bannertitle h1 {
    font: 700 3.25rem/1.0384615385em "Overpass", sans-serif;
    margin: 0 0 23px;
  }
  .col-bannerright {
    max-width: 697px;
    width: 100%;
    margin: 90px 125px 0 15px;
  }

  .col-bannerright h1,   .col-bannerright h2,   .col-bannerright h3,   .col-bannerright h5,   .col-bannerright h6{
    color: #ffffff;
  }
  .hb-bannertitle h1 em {
    font-style: normal;
    display: block;
  }
  .hb-bannertitle h1 span {
    background: #3037bf;
    display: inline-block;
    border-radius: 3px;
    line-height: auto;
    padding: 10px 20px 10px 20px;
    margin: 0 0 0 20px;
  }
  .hb-bannertitle .hb-description p {
    width: 90%;
  }
.col-bannerright p {
    font: 15px;
    color: #ececec;
    margin: 0;
    font-family: "Source Sans Pro", sans-serif;
  }
  .hb-bannerwatchvideo {
    align-items: center;
    justify-content: space-between;
    display: flex;
flex-wrap: wrap;
    margin: 34px 0 0;
  }
  .hb-bannerwatchvideo figure {
    margin: 0;
    align-items: center;
    display: flex;
flex-wrap: wrap;
  }
  .hb-bannerwatchvideo figure img {
    max-width: 65px;
    border-radius: 50%;
    margin: 0 15px 0 0;
  }
  .hb-bannerwatchvideo figure figcaption h5 {
    line-height: 21px;
    margin: 0;
  }

  .hb-bannerwatchvideo figure figcaption span {
    display: inline-block;
    font: 400 1rem/1.5em "Source Sans Pro", sans-serif;
  }
  .hb-watchvideo a {
    display: inline-block;
    color: #55acee;
    font: 600 0.875rem/2em "Overpass", sans-serif;
    background: #f7f7f7;
    padding: 6px 20px;
    border-radius: 20px;
    min-width: 158px;
  }
  .hb-watchvideo a i {
    display: inline-block;
    font-size: 10px;
    margin: 0 0 0 6px;
  }

  /* fotm style banner */

  .col-bannerleft {
    max-width: 600px;
    width: 100%;
    position: relative;
    margin: 0 0 0px;
  }
  .col-bannerleft::before {
    content: "";
    position: absolute;
    top: 23px;
    left: 30px;
    width: 596px;
    background: url(../img/new/img-03.png);
      background-size: auto;
    background-size: cover;
    height: 617px;
    z-index: 1;
  }

  .hb-leftarea {
    padding: 50px;
    position: relative;
    z-index: 1;
    background: #fff;
    -webkit-border-radius: 3px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  }

  .hb-leftareatitle h4 {
    margin: 0 0 16px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
  }
  h4 {
    font: 700 1.5rem/1.25em "Overpass", sans-serif;
  }
  .hb-formsearch fieldset {
    margin: -5px;
  }
  fieldset {
    min-width: 0;
    padding: 0;
    border: 0;
  }
  .hb-formsearch fieldset .form-group {
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  .form-group {
    position: relative;
    width: 100%;
    padding: 5px;
    align-items: center;
  }
  .hb-searchform.active {
    border: 1px solid #999999;
    background: #ffffff;
  }
  .hb-searchform {
    border: 1px solid #dddddd;
    padding: 18.5px 30px;
    width: 100%;
    align-items: center;
    flex-wrap: nowrap;
    height: 80px;
    -webkit-border-radius: 3px;
    display: flex;
  }
  .hb-searchform > i {
    font-size: 24px;
    color: #999999;
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .hb-searchinput {
    width: 100%;
    position: relative;
  }
  .hb-searchinput h6 {
    font: 600 0.9375rem/1.6666666667em "Overpass", sans-serif;
      line-height: 1.66667em;
    margin: 5px 0 4px;
    line-height: 17px;
  }
  .hb-searchform.active .form-control {
    background: #ffffff;
  }
  .hb-searchinput .form-control {
    border: 0;
    padding: 0;
    height: 20px;
  }
  .hb-searchinput .form-control {
    font: 400 1.0625rem/1em "Source Sans Pro", sans-serif;
  }
  .hb-searchinputselect {
    position: relative;
  }
  .hb-searchinput h6 {
    font: 600 0.9375rem/1.6666666667em "Overpass", sans-serif;
      line-height: 1.66667em;
    margin: 5px 0 4px;
    line-height: 17px;
    color: #1b355e;
  }
  .hb-select, .hb-calendar {
    align-items: center;
    display: flex;
flex-wrap: wrap;
  }
  .select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;

    color: #1b355e;
font: 400 16px "Source Sans Pro", sans-serif;
border-radius: 4px;
background-clip: unset;
caret-color: #1b355e;
  }

  .hb-searchinput > i {
    position: absolute;
    right: 0;
    top: 14px;
    color: #676767;
    font-size: 15px;
  }
  .hb-leftarea {
    padding: 50px;
    position: relative;
    z-index: 100;
    background: #fff;
    border-radius: 3px;
  }
  .hb-formsearch fieldset .form-group .hb-btnarea {
    margin-right: auto;
    margin-top: 10px;
  }

  .hb-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font: 600 15px "Overpass", sans-serif;
    border-radius: 3px;
    padding: 0 20px;
    min-width: 160px;
    border: 0;
    overflow: hidden;
    z-index: 0;

    background-color: #1b355e;
color: #fff;
height: 50px;
  }
  .hb-popularsearches {
    margin: 45px 0 0;
  }
  .hb-popularsearches h6 {
    float: left;
    margin: 13px 6px 0 0;
  }
  .hb-populartags {
    margin: -5px;
  }
  .hb-populartags li {
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
  }
  .hb-populartags li a {
    display: inline-block;
    border: 1px solid #ddd;
    color: #333333;
    padding: 5px 19px;
    font: 400 0.875rem/1.9285714286em "Overpass", sans-serif;
    transition: all 0.3s ease-in-out;
  }
  .hb-leftarea::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url("../img/new/linecolor.jpg");
      background-size: auto;
    background-size: cover;
    height: 3px;
  }

  /* banner end */
  .hb-sectionmid {
    padding: 0 25px;
  }
  .hb-mainslider {
    position: relative;
  }







  /* custom style */
  .logo a img{
    width: 80%;
  }

  .btncommnst{
    padding: 12px 25px;
    margin-right: 10px;
  }

  .slidebtn2{
    border: 1px solid #fff;
    background: transparent !important;
    color: #ffffff;
  }
  .slidebtn2::before {
    background: transparent !important;
  }

  .slidebtn2::after {
    background: #fff !important;
    color: #3037bf !important;
  }
  .slidebtn2:hover{
    color: #3037bf !important;
  }
  
  .slidebtn1{
    border: 1px solid #3037bf;
    color: #ffffff;
  }
  .main-slider .swiper-slide img {
    height: 100%;
    width: 100%;
  }
  .btncommnst i{
    margin-left: 10px;
  }
.homesliderpba {
    text-align: left;
  }
.homesliderpba {
    padding-left: 30px;
  }

  .header-menu > ul > li > a > i {
    font-size: 13px;
    margin-left: 5px;
  }

  .btnheader_por a{
    padding: 12px 22px;
    background: #2e5ae8;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid #2e5ae8;
  }
  .btnheader_por a:hover{
    color: #2e5ae8;
    background:transparent;
  }
  .client-area span {
    font-size: 14px;
  }
  .client-area span i {
    font-size: 13px;
    margin-left: 4px;
  }

  .whatwe_deliver{
    padding: 100px 0px;
    position: relative;
  }

  .sec_title_custom{
    position: relative;
  }

.sec_title_custom h2 {
    color: #1b355e;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    margin: 0;
  }
  .sec_title_custom h2 span {
    color: #1b355e;
  }
  .sec_title_custom p{
    margin-bottom: 10px;
  }
  .sec_title_custom span.decor {
    background: #2e5ae8 none repeat scroll 0 0;
    height: 2px;
    width: 78px;
    display: inline-block;
    position: relative;
    z-index: 1;
  }

  .sec_title_custom span.decor::before {
    position: absolute;
    top: -3px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #2e5ae8;
    border-radius: 50%;
    content: "";
  }
  .ab_peragraph{
    padding-top: 20px;
  }

  /* tpcards section style */

  .tp_cards{
    padding: 80px 0px 0px 0px;
  }
  .card_topser{
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 20px;
    border-radius: 10px;
    height: 250px !important;
  }

  /* home about section */
  .about_sectionh{
    padding: 80px 0px 0px 0px;
  }

  .ab_content{
    padding-right: 40px;
  }
  .sm_textcolor{
    color: #2e5ae8;
  }

  .section-title h2 {
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: -10px;
    font-size: 35px;
  }
  .single-product h3 {
    line-height: 1.65;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 500;
    font-size: 17px;
  }

  .location{
    font-size: 17px;
    margin-top: -20px;
    position: relative;
    font-weight: 600;
    color: #3037bf;
  }
  .prev-product {
    text-align: left;
    left: -60px;
  }
  .next-product {
    text-align: right;
    right: -60px;
  }

  .newslatter_section{
    padding: 100px 0px;
    background-color: #3037bf;
    color: #fff;
  }

  .newslatter_section h2{
    color: #fff;
  }

  /* about page style start */

  .aboutbanner{
    background: url(../img/new/aboutbanner.png);
    position: relative;
  }

  #commonbanner_all {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center !important;
    padding: 0 0px;
}
.about_secbt_img{
  height: 580px;
  background: red;
}
  .abimg_left img{
    width: 100%;
    height: 100%;
    margin-right: auto;
    object-fit: cover;
  }

  .abcont_rightpg .ab_content {
    padding-right: 0px;
    padding-left: 20px;
  }
  .visionmission_details{
    margin-top: 60px;
  }
  .custom_peraa{
    margin-top: 15px;
  }
  .aboutsec_details .row{
    align-items: center;
  }

  .icon_imgmissions img{
    width: 80px;
  }
  .icon_imgmissions{
    margin-bottom: 20px;
  }

 .aboutsec_details .single-about-us{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 4px;
padding: 20px 30px;
  }

  .page-title-wrap::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.3));
  }
.allprojects_section{
  padding: 70px 0px;
}
.projects_sectionhead h1{
  font-size: 40px;
  margin-bottom: 30px;
}

.aboutsec_details{
  padding: 100px 0px 70px 0px;
}

.clients_sectionst{
  padding: 70px 0px 50px 0px;
}

.home_latest_projects{
  padding: 70px 0px 60px 0px;
}

.whatsclient_saysbg{
  padding: 80px 0px 80px 0px;
}
.home_latest_newssec{
  padding: 80px 0px 80px 0px;
}
.home_clietnssection{
  padding: 80px 0px 80px 0px;
}
.whychoose_ussection{
  padding: 80px 0px;
}

#commonbanner_all .page-title h2 {
font-size: 45px;
}

.projectdetails_sectionmain{
  padding: 80px 0px 40px 0px;
}
.project_detailsrelated .bordered-title{
  font-size: 25px;
  border-bottom: 1px solid #e2edea;
  padding-bottom: 23px;
  margin-bottom: 30px;
  letter-spacing: 0px;
}
.projectpr_location {
margin-bottom: 15px;
}
.projectpr_location p{
  margin-bottom: 0px;
}
.projectpr_location span{
    color: #2e5ae8;
  }
.product-descripton h1 {
  margin-bottom: 5px;
}
.productimg_detailsrow{
  align-items: center;
}
.project_banner{
  background: url(../img/new/projectsbanner.png);
  position: relative;
}

.industry_banner{
  background: url(../img/new/industry-banner.png);
  position: relative;
}

/* posts page style  */

.posts_sectionmain{
  padding: 80px 0px;
}
.postsleft_aside{
  background: #3037bf08;
padding: 20px;
}

.postdetail_banner{
  background: url(../img/new/project1.jpg);
  position: relative;
}

.postdetails_sectionmain{
  padding: 80px 0px 30px 0px;
  position: relative;
}
.blog_singlep_img .single_imgpost{
  width: 100%;
}

.contact_banner{
  position: relative;
  background: url(../img/new/contact-banner.png);
}

.contactmain_section{
  padding: 80px 0px 80px 0px;
  position: relative;
}

.qualityp_sectionst{
  padding: 80px 0px;
}

#cmsmasters_divider_8sybg7vcvs {
  border-bottom-width: 0px;
  border-bottom-style: dotted;
  height: 100px;
  margin-top: 10px;
  margin-bottom: 70px;
  position: relative;
}

.cmsmasters_divider.cmsmasters_dotted_row::before {
  background-image: linear-gradient(90deg, rgb(249, 249, 249) 5px, transparent 0);
  content: '';
width: 100%;
height: 100%;
background-size: 6px 100%;
position: absolute;
left: 0;
}
.cmsmasters_divider.cmsmasters_dotted_row::after {
  background-image: linear-gradient(0, rgb(249, 249, 249) 5px, transparent 0);
  content: '';
width: 100%;
height: 100%;
background-size: 100% 6px;
position: absolute;
left: 0;
}

.cmsmasters_divider.cmsmasters_dotted_row{
  background-color: #2e2e2e;
}

.history_titles_d .title{
  color: #242424;
  margin-top: 15px;
  font-size: 20px;
font-style: italic;
position: relative;
line-height: 1.6em;
font-family: 'Lora', serif;
}
.history_titles_d  h1::after {
  position: absolute;
  content: '';
  left: 100%;
  margin-left: 10px;
  width: 40px;
  height: 2px;
  bottom: 8px;
  background-color: #2e5ae8;
}
.history_titles_d  h1 {
  position: relative;
  color: #242424;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2em;
  display: inline-block;
}

.history_titles_d .text{
  color: #797979;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 0px;
position: relative;
margin-top: 15px !important;
}

.our_historyvrt{
  margin-bottom: 80px;
}

.cmsmasters_column_inner {
  padding: 65px 0% 0 0%;
  width: 100%;
position: relative;
min-height: 1px;
}

#cmsmasters_fb_dpgm2jgcv8 {
  padding-top: 160px;
  padding-bottom: 215px;
  background-image: url(https://heavy.cmsmasters.net/style-1/wp-content/uploads/sites/5/2019/01/about-us-2.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
overflow: hidden;
}
.creativecustom{
  margin-bottom: 80px;
}

.mainrightover{
  background: #2e5ae8;
  padding: 100px 40px;
  height: 100%;
}

.zeropadding{
  padding: 0px;
}

.mainrightover h2{
  color: #fff;
  font-weight: bold;
}

.mainrightover p{
  color: #d7d7d7;
  margin-top: 15px;
}

.mainrightover a{
  border: 1px solid #fff;
  padding: 14px 40px;
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  margin-top: 80px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.mainrightover a i{
  position: absolute;
  right: 17px;
top: 19px;
}
.stractureimg img{
  width: 100%;
}

#qclients{
  background: #f4f4f4b0;
}

/* / style new profile dashboard / */

.profile_dropdown{
  display: none;
}
.showprofile{
  display: block !important;
}
.profile_dropdown button {
  padding: 0px 20px;
  background: transparent;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
}
.profile_dropdown button:focus{
  outline: none !important;
  border: none !important;
}
.userpimg {
  margin-right: 7px;
}
.userpimg img{
  width: 30px;
border-radius: 50%;
}

.rightbtn_col{
  text-align: right;
padding-right: 0px;
}

.profile_dropdown .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: .255em;
  content: "";
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.box {
  position: relative;
  background: #ffffff;
  width: 100%;
}

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}

.box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}

.dropzone-wrapper {
  border: 2px dashed #91b0b3;
  color: #92b0b3;
  position: relative;
  height: 150px;
}

.dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 40%;
  top: 50px;
  font-size: 16px;
}

.dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 150px;
  cursor: pointer;
  opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5;
}

.preview-zone {
  text-align: center;
}

.preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}
  
li.upload_form {
  width: calc(100% - 20px) !important;
}
#tabs {
  display: flex;
  flex-direction: column;
}

#tabs blockquote {
  padding: 0 0.85rem;
  border-left: 0.2em solid #6c7d8d;
  margin: 0.5rem 0 1rem;
  color: #6c7d8d;
}
#tabs > [role="tablist"] {
  display: flex;
  /* background-color: #2e5ae8; */
  /* border-bottom: solid 0.125rem #2e5ae8; */
}
#tabs > [role="tablist"] > [role="tab"] {
  display: flex;
  align-items: center;
  margin: 0 0 -0.125rem;
  border-right: solid 1px #ececec;
  border-left: solid 1px #ececec;
  border-bottom: solid 0.125rem transparent;
  padding: 0.5rem 1.5rem;
  height: 3rem;
  color:#fff;
}
  
#tabs > [role="tablist"] > [role="tab"]:is([aria-selected="true"]) {
  border-bottom: solid 0.125rem #ffffff;
  cursor: not-allowed;
  background: #2e5ae8;
  color: #fff !important;
}
#tabs > [role="tablist"] > [role="tab"]:hover:is([aria-selected="false"]) {
  cursor: pointer;
  border-bottom: solid 0.125rem #98c6e0;
}

#tabs > [role="tabpanel"] {
  border-bottom: solid 1px transparent;
  /* padding: 0.5rem 1rem; */
  padding-top: 20px;
  /* background-color: #eff0f3; */
  color: #2c2c2c;
}

#tabs > [role="tabpanel"] > :where(h1, blockquote, p) {
  min-width: 20rem;
  max-width: 50rem;
}

#tabs > [role="tabpanel"]:not([hidden]) {
  display: flex;
  flex-direction: column;
  min-height: auto;
}

#tabs > [role="tabpanel"] > h1 {
  padding: 1rem 0 0 0;
  font-size: 1.5rem;
}

#tabs > [role="tabpanel"] > p + :where(h2, h3, h4) {
  margin-top: 0.75rem;
}

#tabs > [role="tabpanel"] > h2 {
  font-size: 1.25rem;
}

#tabs > [role="tabpanel"] > :where(h1, h2, h3, p) + p {
  padding: 0.5rem 0;
}

aside {
  position: absolute;
  right: 3rem;
  top: 5rem;
}

aside > a > img {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}

#panel-developers > p + :where(h2, h3, h4) {
  margin-top: 0.75rem;
}

#panel-developers > ul {
  margin: 0.5rem 2rem;
}

#panel-developers > ul > li {
  list-style-type: '👉';
  padding-inline-start: 1ch;
}

#panel-developers > ul > li + li {
  margin: 0.5rem 0;
}
.tabs_ul {
  margin-bottom: 0;
  padding-left: 0;
}
.profile_tab {
  margin: 80px 0;
  
}
#tabs {
  padding: 50px;
  box-shadow: 0 6px 20px 0 rgb(0 0 0 / 10%);
  border-radius: 10px;
}
ul.tabs_ul li {
  background: transparent;
  margin-right: 13px !important;
  border-radius: 5px;
  border: 1px solid #2e5ae8 !important;
  color: #2e5ae8 !important;
}
.doc_box img {
  width: 100%;
  height: 100px;
  object-fit: contain;
}
.doc_box {
  padding: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  border:1px solid #ececec;
  border-radius: 10px;
}
.tabs_section h2 {
  padding: 10px 0 20px;
}

.wrapper {
  width: 100%;
  height: 100%;
}
.drop {
  border: 3px dashed #DADFE3;
  border-radius: 15px;
  overflow: hidden;
  text-align: center;
  height: 300px;
  padding-top: 40px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: auto;
  position: relative;
}
.drop .cont {
  width: 500px;
  height: 170px;
  color: #8E99A5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: auto;

}
.drop .cont i {
  font-size: 400%;
  color: #8E99A5;
  position: relative;
}
.drop .cont .tit {
  font-size: 200%;
  text-transform: uppercase;
}
.drop .cont .desc {
  color: #A4AEBB;
}
.drop .cont .browse {
  margin: 10px 25%;
  color: white;
  padding: 8px 16px;
  border-radius: 5px;
  background: #09f;
}
.drop input {
  width:100%;
  height: 100%;
  cursor: pointer;
  background: red;
  opacity: 0;
  margin: auto;
  position: absolute;
  top: 0%;
  left: 0;
  bottom: 0;
  right: 0;
}

#list {
  width: 100%;
  text-align: left;
  position: absolute;
  left: 0;
  top: 0;
}
#list .thumb {
  height: 75px;
  border: 1px solid #323a44;
  margin: 10px 5px 0 0;
}
.top_title_account {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top_title_account a {
  padding: 10px 15px;
  background: #2e5ae8;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 30px;
}
.title_trans {
  display: block;
  font-weight: 600;
}
.trans_table .table td {
  padding: .75rem;
  vertical-align: top;
  border-top: none;
  border-bottom: 1px solid #ececec;
}
.trans_table .table th{
border-top:none !important;
}
.profile_af_login{
  background: #fff;
    padding: 10px 15px;
}
.af_profile_opt a{
  padding: 8px 15px !important;
}
.log_out{
  color: red !important;
}
.profile_af_login .fa-user-circle-o{
  margin-right: 5px;
}
.dropify-wrapper .dropify-preview .dropify-render img {

  left: 0 !important;
}

.drop_image {
  height: 120px;
  padding: 0 !important;
  display: block;
}

.drop_image .dropify-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 118px !important;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #777;
  background-color: #FFF;
  background-image: none;
  text-align: center;
  border: transparent;
  -webkit-transition: border-color .15s linear;
  transition: border-color .15s linear;
}
.btn_downlod {
  position: absolute;
  opacity: 0;
  font-size: 22px;
  color: #fff;
}
.doc_box:hover .btn_downlod{
  opacity: 1;
}
.submit_btn .btn {
  padding: 0.8rem 2.792rem;
  border-radius: 5px;
}

/* 3/17/2023 style */

.page-title {
  padding: 120px 0;
  position: relative;
}

/* faq */

.custom-faq{
  padding: 80px 0px;
}

.accordion button:hover{
  text-decoration: none !important;
  color: #fff !important;
}
.accordion .card{
  border: none;
}
.accordion button{
  text-decoration: none;
}

.accordion button:focus{
  text-decoration: none;
}
.accordion .collapsed::before{
  background: #e9e9e9 !important;
  color: #000 !important;
}
.accordion .collapsed{
  color: #000 !important;
}
.collapse.show{
  color: #000 !important;
}
#section_heading span{
  color: #2e5ae8 !important;
}
#section_heading  h2{
  margin-top: 7px !important;
}

#building_regulations {
  padding: 80px 0px 0px 0px;
  background: #f7f7f7;
}

#building_regulations p{
color: #000;
}

#building_regulations{
  background-color: #f4f7f9;
background-image: url(https://preview.codeless.co/bygge/default/wp-content/uploads/2021/06/bg-2.png);
background-position: center center;
}

.buildingregu_otherdetails{
  padding: 80px 0px;
  background: #fafafa;
}
.buildingregu_otherdetails p{
  color: #000;
  margin-bottom: 6px;
  padding-top: 9px;
}
.details__listm ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.details__listm ul li{
  margin-bottom: 5px;
  display: flex;
  align-items: baseline;
}
.details__listm ul li i{
  color: #2e5ae8;
  margin-right: 12px;
}
.planning_permissionsec .section-title{
  width: 50%;
  margin: 0 auto;
}
.planning_permissionsec .section-title h2{
  margin-bottom: 0px;
}
.planning_permissionsec .section-title p{
  font-size: 16px;
}
.cmn_styledt .smallhead_hg{
  margin-bottom: 15px;
}
.permissionlist2 .smallhead_hg{
  margin-top: 15px;
}

.planning_permissionsec{
  padding: 60px 0px 80px 0px;
}
.assure_mapimg img{
 width: 100%;
}
.assure_mapimg{
  text-align: center;
}
.csdetail_tab li{
  padding: 13px 0px;
}
.csdetail_tab li a{
  font-size: 28px;
  color: #000 !important;
}
.aditionl_detailsm{
  padding: 70px 0px 100px 0px;
}

.view_more_btns{
  margin-top: 15px;
}
.quality_mainsec{
  padding: 90px 0px;
}
.services_sectionf{
  padding: 90px 0px;
}
.services_sectionf .row{
  /* align-items: center; */
}
.det_gafter{
  margin-top: 40px;
}

.home_clietnssection {
  background: #fafafa;
}
.plan_ing_service{
  padding: 100px 0px;
}
.regulations_sec{
  /* padding-bottom: 70px; */
}
.ext_perad{
  margin: 50px 0px 0px 0px;
}
.nppaddingtp{
  padding-top: 0px;
}
.brpadin_adjust{
  padding-bottom: 50px !important;
}

.single-product .price-and-all ul {
  opacity: 1;
}

.moretext {
  display: none;
  height: 120px;
overflow-y: scroll;
}

.moreless-button{
  padding: 4px 14px;
background: #3037bf;
color: #fff;
font-size: 12px;
}
.moreless-button:hover{
  background: #3037bf;
color: #fff;
}

.accordion button::after{
background-color: #e9e9e9;
color: #000 !important;
}

.accordion button:hover {
  color: #040404 !important;
}

.mian-slider .swiper-button-prev, .mian-slider .swiper-button-next{
  display: none !important;
}
.newslatter_section h2 {
  color: #000;
}
.newslatter_section {
  padding: 100px 0px;
  background-color: unset;
  color: #040404;
}
@media (min-width:767px) and (max-width:991px){
  .hb-bannertitle h1 {
    font-size: 30px !important;
    line-height: 35px;
    margin-bottom: 11px;
  }
  .col-bannerright {
    margin: 35px 3px !important;
  }
  .main-slider .swiper-button-prev, .main-slider .swiper-button-next{
    display: none !important;
  }
  .product-carousel-wraper .swiper-button-prev, .product-carousel-wraper .swiper-button-next{
    display: none !important;
  }
  .slidebtn1 {
    margin-bottom: 7px;
  }
  .slidebtn2 {
    margin-bottom: 6px;
  }
  .main-slider .swiper-slide {
    overflow: unset;
    height: 78vh;
  }
  .hb-searchform {
    padding: 15px;
    height: 60px;
    margin-bottom: 5px;
  }

  .dropify-wrapper.touch-fallback .dropify-message {
    padding: 0 !important;
  }
  .drop_image {
    height: 100px !important;
  }
  .hb-searchinput h6 {
    font-size: 14px;
  }
  .hb-searchform > i {
    font-size: 22px;
   }
   .hb-formsearch fieldset .form-group .hb-btnarea {
    margin-top: 0px !important;
  }
  .hb-leftarea {
    padding: 30px 30px 25px;
  }
  .logo a img {
    width: 35%;
  }
  .tp_cards {
    padding: 50px 0px 0px 0px;
  }
  .tp_cards .single-feature{
    height: 240px;
  }
  .single-feature {
    margin-bottom: 35px;
    
  }
  .single-feature-content h4 {
    font-size: 17px;
    padding-bottom: 8px;
  }
  .about_sectionh {
    padding: 40px 0px 0px 0px;
  }
  .ab_content {
    padding-right: 0;
  }
  .sec_title_custom h2 {
    font-size: 30px;
    line-height: 40px;
      }
      .pb-80 {
        padding-bottom: 50px;
      }
      .whatwe_deliver {
        padding: 50px 0px 30px;
      }
      .home_latest_projects {
        padding: 50px 0px 50px 0px;
      }
      .section-title p {
        font-size: 0.875rem;
        margin-bottom: 0;
      }
      .single-product video{
        height: 185px;
      }
      .section-title h2 {
        font-size: 27px;
        margin-bottom: 10px;
      }
      .review-slider-wraper .swiper-button-prev, .review-slider-wraper .swiper-button-next{
        display: none;
      }
      .home_latest_newssec {
        padding: 50px 0px 50px 0px;
      }
      .latest-news-wraper .swiper-button-prev, .latest-news-wraper .swiper-button-next{
        display: none;
      }
      .newslatter_section {
        padding: 60px 0px;
      }
      .home_clietnssection {
        padding: 50px 0 25px;
      }
      .footer-widgets {
        padding: 50px 0 15px;
      }
      .back-to-top {
        right: 9px;
      }
      .btncommnst {
        padding: 6px !important;
        margin-right: 10px;
        font-size: 14px;
      }
      .whatsclient_saysbg {
        padding: 50px 0;
      }
      .page-title {
        padding: 80px 0;
         }
      .aboutsec_details {
        padding: 50px 0px 50px 0px;
          
      }
      .abcont_rightpg .ab_content {
        padding-left: 0;
      }
      .ext_perad {
        margin: 30px 0px 0px 0px;
      }
      .brpadin_adjust {
        padding-bottom: 0px !important;
      }
      .nppaddingtp {
        padding-top: 10px;
        padding-bottom: 20px;
      }
      .whychoose_ussection {
        padding: 50px 0px 15px;
      }
      #commonbanner_all .page-title h2 {
        font-size: 35px;
        margin-bottom: 5px;
      }

      /* servive page */
      .services_sectionf {
        padding: 50px 0px;
      }
      .det_gafter {
        margin-top: 0px;
      }
      .srv_left h2 {
        font-size: 21px;
        line-height: 35px;
      }
      .regulations_sec {
        padding-bottom: 15px;
      }
      #building_regulations {
        padding: 50px 0px 0px 0px;
       }
       .plan_ing_service {
        padding: 50px 0px;
      }
      .plandsf_cont h4 {
        font-size: 22px;
        line-height: 35px;
      }
      .youdonot h4 {
        font-size: 22px;
        line-height: 35px;
        margin-top: 20px;
      }
      .allprojects_section {
        padding: 50px 0px 0;
      }
      .quality_mainsec {
        padding: 50px 0px 0;
      }
      .product-descripton h1 {
        margin-bottom: 10px;
        font-size: 27px;
        margin-top: 20px;
      }
      .aditionl_detailsm {
        padding: 35px 0;
      }
      #pro-description-tab h2 {
        font-size: 22px;
      }
      .custom-faq {
        padding: 50px 0px;
      }
      #section_heading {
        margin-bottom: 0;
      }
      #section_heading h2 {
        margin-top: 7px !important;
        font-size: 24px;
      }
      .accordion button{
        overflow:unset;
        white-space: unset;
      }
      .ab_peragraph {
        padding-top: 20px;
        margin-bottom: 12px;
      }
      .buildingregu_otherdetails {
        padding: 50px 0px;
        }
        .planning_permissionsec .section-title {
          width: 100%;
          margin: 0 auto;
        }
        .planning_permissionsec {
          padding: 50px 0px 50px 0px;
        }
        .contactmain_section {
          padding: 50px 0;
           }
           .map-description {
            margin-top: 35px;
            height: auto;
          }
          .page-contacts-widget-wrapper {
             margin-top: 35px;
         
          }
          .srv_rightimg img {
            height: 50vh;
            width: 100%;
            object-fit: cover;
          }
          .quality_mainsec .col-md-5, .quality_mainsec .col-md-7 {
            width: 100%;
            max-width: 100%;
            flex: 0 0 100%;
          }
          .assure_mapimg{
            text-align: left;
          }
          .assure_mapimg img {
            width: auto !important;
           }
           .client-area {
            margin-left: 7px;
          }
          .abimg_left {
            display: block !important;
          }
          .abimg_left {
            margin-bottom: 25px;
          }
          .d-none{
            display: block !important;
          }
          .about_secbt_img {
            height: 400px;
            background: red;
          }
          .main-header .col-3 {
            flex: 0 0 8%;
            max-width: 8%;
          }
          .main-header .col-9 {
            flex: 0 0 80%;
            max-width: 58%;
          }
          .main-header .col-xl-2{
            width: 39%;
          }
          .main-header .row > div:nth-child(2) {
            position: static;
            order: 2;
          }
          .main-header .btnheader_por a {
            padding: 7px 8px;
            background: #2e5ae8;
            color: #fff;
            font-size: 14px;
            border-radius: 4px;
            border: 1px solid #2e5ae8;
          }
          .about_sectionh img {
            width: 100%;
            height: 550px;
            object-fit: contain;
            margin-top: 52px;
          }
}
@media (max-width:767px){
  .about_sectionh img {
    width: 100%;
    height: 400px;
    object-fit: contain;
    margin-top: 52px;
  }
  .d-none{
    display: block !important;
  }
  .about_secbt_img {
    height: 320px;
    margin-bottom: 20px;
  }

  .hb-bannertitle h1 {
    font-size: 30px !important;
    line-height: 35px;
    margin-bottom: 11px;
  }
  .col-bannerright {
    margin: 35px 3px !important;
  }
  .main-slider .swiper-button-prev, .main-slider .swiper-button-next{
    display: none !important;
  }
  .product-carousel-wraper .swiper-button-prev, .product-carousel-wraper .swiper-button-next{
    display: none !important;
  }
  .slidebtn1 {
    margin-bottom: 7px;
  }
  .slidebtn2 {
    margin-bottom: 6px;
  }
  .main-slider .swiper-slide {
    overflow: unset;
    height: 110vh;
  }
  .hb-searchform {
    padding: 15px;
    height: 60px;
    margin-bottom: 5px;
  }

  .dropify-wrapper.touch-fallback .dropify-message {
    padding: 0 !important;
  }
  .drop_image {
    height: 100px !important;
  }
  .hb-searchinput h6 {
    font-size: 14px;
  }
  .hb-searchform > i {
    font-size: 22px;
   }
   .hb-formsearch fieldset .form-group .hb-btnarea {
    margin-top: 0px !important;
  }
  .hb-leftarea {
    padding: 30px 30px 25px;
  }
  .logo a img {
    width: 70%;
  }
  .tp_cards {
    padding: 50px 0px 0px 0px;
  }
  .single-feature {
    margin-bottom: 35px;
  }
  .single-feature-content h4 {
     font-size: 20px;
     padding-bottom: 8px;
  }
  .about_sectionh {
    padding: 40px 0px 0px 0px;
  }
  .ab_content {
    padding-right: 0;
  }
  .sec_title_custom h2 {
    font-size: 30px;
    line-height: 40px;
      }
      .pb-80 {
        padding-bottom: 50px;
      }
      .whatwe_deliver {
        padding: 50px 0px 30px;
      }
      .home_latest_projects {
        padding: 50px 0px 50px 0px;
      }
      .section-title p {
        font-size: 0.875rem;
        margin-bottom: 0;
      }
      .single-product video{
        height: 185px;
      }
      .section-title h2 {
        font-size: 27px;
        margin-bottom: 10px;
      }
      .review-slider-wraper .swiper-button-prev, .review-slider-wraper .swiper-button-next{
        display: none;
      }
      .home_latest_newssec {
        padding: 50px 0px 50px 0px;
      }
      .latest-news-wraper .swiper-button-prev, .latest-news-wraper .swiper-button-next{
        display: none;
      }
      .newslatter_section {
        padding: 60px 0px;
      }
      .home_clietnssection {
        padding: 50px 0 25px;
      }
      .footer-widgets {
        padding: 50px 0 15px;
      }
      .back-to-top {
        right: 9px;
      }
      .btncommnst {
        padding: 6px !important;
        margin-right: 10px;
        font-size: 14px;
      }
      .whatsclient_saysbg {
        padding: 50px 0;
      }
      .page-title {
        padding: 80px 0;
         }
      .aboutsec_details {
        padding: 50px 0px 50px 0px;
          
      }
      .abcont_rightpg .ab_content {
        padding-left: 0;
      }
      /* .btnheader_por {
        display: none;
      }
      .main-header .col-3 {
        -ms-flex: 0 0 25%;
        flex: 1 0 50%;
        max-width: 39%;
      } */
      .main-header .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 14%;
        max-width: 14%;
      }
      .main-header .col-9 {
        flex: 0 0 45%;
        max-width: 45%;
      }
      .main-header .col-xl-2{
        width: 39%;
      }
      .main-header .row > div:nth-child(2) {
        position: static;
        order: 2;
      }
      .main-header .btnheader_por a {
        padding: 8px 10px;
        background: #2e5ae8;
        color: #fff;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid #2e5ae8;
      }
      .ext_perad {
        margin: 30px 0px 0px 0px;
      }
      .brpadin_adjust {
        padding-bottom: 0px !important;
      }
      .nppaddingtp {
        padding-top: 10px;
        padding-bottom: 20px;
      }
      .whychoose_ussection {
        padding: 50px 0px 15px;
      }
      #commonbanner_all .page-title h2 {
        font-size: 35px;
        margin-bottom: 5px;
      }

      /* servive page */
      .services_sectionf {
        padding: 50px 0px;
      }
      .det_gafter {
        margin-top: 0px;
      }
      .srv_left h2 {
        font-size: 21px;
        line-height: 35px;
      }
      .regulations_sec {
        padding-bottom: 15px;
      }
      #building_regulations {
        padding: 50px 0px 0px 0px;
       }
       .plan_ing_service {
        padding: 50px 0px;
      }
      .plandsf_cont h4 {
        font-size: 22px;
        line-height: 35px;
      }
      .youdonot h4 {
        font-size: 22px;
        line-height: 35px;
        margin-top: 20px;
      }
      .allprojects_section {
        padding: 50px 0px 0;
      }
      .quality_mainsec {
        padding: 50px 0px 0;
      }
      .product-descripton h1 {
        margin-bottom: 10px;
        font-size: 27px;
        margin-top: 20px;
      }
      .aditionl_detailsm {
        padding: 35px 0;
      }
      #pro-description-tab h2 {
        font-size: 22px;
      }
      .custom-faq {
        padding: 50px 0px;
      }
      #section_heading{
        margin-bottom: 15px;
      }
      #section_heading h2 {
        margin-top: 7px !important;
        font-size: 24px;
      }
      .accordion button{
        overflow:unset;
        white-space: unset;
      }
      .ab_peragraph {
        padding-top: 20px;
        margin-bottom: 0;
      }
      .buildingregu_otherdetails {
        padding: 50px 0px;
        }
        .planning_permissionsec .section-title {
          width: 100%;
          margin: 0 auto;
        }
        .planning_permissionsec {
          padding: 50px 0px 50px 0px;
        }
        .contactmain_section {
          padding: 50px 0;
           }
           .map-description {
            margin-top: 35px;
            height: auto;
          }
          .page-contacts-widget-wrapper {
             margin-top: 35px;
         
          }
         
          .solution_cards_box .solution_card {
            width: calc(100% - 16px) !important;
          }
          .section_our_solution {
            padding-top: 40px;
          }
          .inner_solution {
            padding: 20px 0 50px;
          }
          .whychoose_ussection .single-feature {
            margin-bottom: 35px;
          }
          .tabs_ul li {
            white-space: nowrap;
          }
          .tabs_ul {
            margin-bottom: 0;
            padding-left: 0;
            display: flex !important;
            flex-wrap: nowrap;
            overflow-y: hidden;
            overflow-x: scroll;
            height: 55px;
          }
          .drop .cont {
            width: 100%;
               }
               .drop .cont .browse {
                margin: 10px 10%;
                    }
                    .drop .cont .tit {
                      font-size: 160%;
                     
                  }
                  .drop .cont i {
                    font-size: 320%;
                               }
                               .drop {
                      
                                height: 250px;
                              
                            }
                            .top_title_account {
                                      flex-wrap: wrap;
                          }
}
.bulletine {
  padding-left: 15px;
}
.bulletine li{
  list-style: disc;
  color: #000;
}
p{
  font-size: 16px !important;
}


/* style 7/4/2023 */

.servicecard__row__ img{
  width: 50px !important;
}

.giveacall__{
  margin-top: 50px;
}
.redadd__button{
  padding: 4px 14px;
background: #3037bf;
color: #fff;
font-size: 12px;
}
.single-feature p {
  color: #000;
}
.ab_peragraph {
  color: #000;
}
.section-title p {
  color: #000;
}
.abcont_rightpg p{
  color: #000;
}
.ext_perad p{
  color: #000;
}
.sec_title_custom p {
  color: #000;
}
.product-details p {
  color: #000;
}
.adi_info p{
  color: #000;
}
#pro-description-tab p{
  color: #000;
}
body {
  color: #000;
}
.assurance_tab__ank .pro-tab-nav li:not(:first-child)::before {
 display: none;
}
.assurance_tab__ank .csdetail_tab li {
  padding:0px;
  background:transparent;
  /* width: 100%; */
  margin-bottom: 10px;
  line-height: 30px;
  position: relative;
}
.assurance_tab__ank .csdetail_tab li a {
  font-size: 18px;
  color: #111 !important;
  background: #e8e8e8;
  padding: 15px;
  width: 100%;
  display: block;
}
.assurance_tab__ank .pro-tab-nav {
  border-bottom: none;

}
.assurance_tab__ank .csdetail_tab li .active {
  color: #fff !important;
  background: #2e5ae8;
}
.additional_img{
  border-radius: 10px;
}
.single-service {
  margin-bottom: 0 !important;
}
/* .single-feature{
  position: relative;
  overflow: hidden;
  
}
.single-feature:hover::before {
  top: 0;
  transition: 0.4s all;
}
.single-feature::before {
  content: '';
  background: rgba(54, 81, 207, 0.15);
  background-image: url(../img/back-card.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 361px;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.4s all;

} */
.single-feature-content {
  position: relative;
}
.whychoose_ussection .single-feature {
  margin-bottom: 0;
}
.srv_left h4 {
  font-size: 16px;
  font-weight: 500;
}




.section_our_solution .row {
  align-items: center;
}

.our_solution_category {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.our_solution_category .solution_cards_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.solution_cards_box .solution_card {
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2), 0 5px 15px 0 rgba(37, 44, 97, 0.15);
	border-radius: 15px;
	margin: 8px;
	padding: 10px 15px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	/* min-height: 265px; */
	transition: 0.7s;
	width: calc(33% - 16px);
}

.solution_cards_box .solution_card:hover {
  background: #309df0;
  color: #fff;
  /* transform: scale(1.1); */
  z-index: 9;
}

.solution_cards_box .solution_card:hover::before {
  background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
  color: #fff;
}

.solution_cards_box .solution_card:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  width: 170px;
  height: 400px;
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

.solution_cards_box .solution_card:hover .solu_description button {
  background: #fff !important;
  color: #309df0;
}

.solution_card .so_top_icon {
}

.solution_card .solu_title h3 {
  color: #212121;
  font-size: 1.3rem;
  margin-top: 13px;
  margin-bottom: 13px;
}

.solution_card .solu_description p {
  font-size: 15px;
  margin-bottom: 15px;
}

.solution_card .solu_description button {
  border: 0;
  border-radius: 15px;
  background: linear-gradient(
    140deg,
    #42c3ca 0%,
    #42c3ca 50%,
    #42c3cac7 75%
  ) !important;
  color: #fff;
  font-weight: 500;
  font-size: 1rem;
  padding: 5px 16px;
}

.our_solution_content h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.our_solution_content p {
}

.hover_color_bubble {
  position: absolute;
  background: rgb(54 81 207 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  left: -18rem;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
  top: 0rem;
}

.solution_cards_box .solution_card .so_top_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution_cards_box .solution_card .so_top_icon img {
  width: 40px;
  height: 50px;
  object-fit: contain;
}

/*start media query*/
@media screen and (min-width: 320px) {
  .sol_card_top_3 {
    position: relative;
    top: 0;
  }

  .our_solution_category {
    width: 100%;
    margin: 0 auto;
  }

  .our_solution_category .solution_cards_box {
    flex: auto;
  }
}
@media only screen and (min-width: 768px) {
  .our_solution_category .solution_cards_box {
    flex: 1;
  }

}
@media only screen and (min-width: 1024px) {
  .sol_card_top_3 {
    position: relative;
    top: -3rem;
  }
 
}

.section_our_solution {
  padding-top: 80px;
}
.inner_solution {
  padding: 0px 0 80px;
}


/* privacy Policy css */
.privacy_policy {
  padding: 80px 0;
}
.content_privacy h4 {
  font-size: 20px;
  margin-top: 25px;
}
.content_privacy p {
  margin-bottom: 10px;
}
.content_privacy ul {
  padding-left: 25px;
}
.content_privacy h5 {
  margin-top: 20px;
}

@media (max-width:767px){
  .listdetails_list {
    padding-bottom: 0px !important;
  }
  .giveacall__ {
    margin-top: 10px;
  }
  .qlty__img2 img{
    width: 100% !important;
  }
  .product-descripton{
    margin-bottom: 0px !important;
  }
  .aditionl_detailsm {
    padding: 0px 0px 35px 0 !important;
  }
  .assurance_tab__ank .csdetail_tab li a {
    font-size: 15px !important;
  }
  .srv_left h4 {
    font-size: 13px !important;
    font-weight: 400 !important;
  }
  .service-details ul li {
    font-size: 14px !important;
  }
  .sec_title_custom p {
    font-size: 14px !important;
  }
  .srv_rightimg::before {
    position: absolute !important;
    bottom: -40px !important;
    right: 0px !important;
    top: initial !important;
  }
  .srv_rightimg::after {
    background-color: #2e5ae8 !important;
    position: absolute !important;
    top: -7px !important;
right: -7px !important;
    width: 170px !important;
    height: 170px !important;
    content: " ";
  }
  .prs_item.frst::before {
 display: none !important;
  }
  .prs_item.send::before {
display: none !important;
  }
  .checkout_workprocess {
    padding-top: 50px !important;
    padding-bottom: 10px !important;
  }
  .titlecs_head h2 {
    position: relative;
    font-size: 21px !important;
    color: #1b355e !important;
  }
  .process__cards {
    margin-top: 0px !important;
  }
  .prs_item {
    text-align: center;
    position: relative;
    margin-bottom: 20px !important;
  }
  .prs_content {
    margin-top: 5px !important;
  }
  .prs_content h2 {
    font-size: 17px !important;
  }
  .conct__btn {
    text-align: center;
    margin-top: 15px !important;
  }
}

#pro-features-tab .row{
  align-items: center;
}
.qlty__img2 {
text-align: center;
}
.qlty__img2 img{
  width: 80%;
}
.srv_rightimg{
  position: relative;
}
.srv_rightimg img{
  position: relative;
  z-index: 2;
}
.srv_rightimg::after{
  background-color: #2e5ae8;
  position: absolute;
  top: -35px;
  right: -37px;
  width: 170px;
  height: 170px;
  content: " ";
}
.srv_rightimg::before {
  position: absolute;
  top: -50px;
right: -70px;
  width: 70%;
  height: 70%;
  content: " ";
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGQzBEMjIzNTExNzExRTlCOERBQzYyOENBMDdDNDM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGQzBEMjI0NTExNzExRTlCOERBQzYyOENBMDdDNDM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REZDMEQyMjE1MTE3MTFFOUI4REFDNjI4Q0EwN0M0MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REZDMEQyMjI1MTE3MTFFOUI4REFDNjI4Q0EwN0M0MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAARABEDAREAAhEBAxEB/8QAUwABAQEAAAAAAAAAAAAAAAAAAAQJAQEAAAAAAAAAAAAAAAAAAAAAEAADAAMBAQAAAAAAAAAAAAAAAQIhAwQRExEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A305eXRxaZ5+bX8tM1dTHrebp3WW28umwKAAAAAAAAAH/2Q==) repeat 0 0;
}

/* service new section style */
.checkout_workprocess{
  border-top-width: 1px !important;
padding-top: 80px ;
padding-bottom: 80px ;
background-image: url(https://enginir-demo.pbminfotech.com/factory/wp-content/uploads/sites/3/2019/06/map-bg.png?id=10984) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
border-top-color: #f2f2f2 !important;
border-top-style: solid !important;
}
.titlecs_head{
  text-align: center;
}
.titlecs_head h2{
  position: relative;
}
.titlecs_head h2::after{
  content: '';
width: 100px;
background: #222;
background-color: #2e5ae8;
height: 3px;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -50px;
}

.prs_item{
  text-align: center;
  position: relative;
}
.prs_content{
  margin-top: 10px;
}
.prs_content h2{
  font-size: 20px ;
}
.process__cards{
  margin-top: 30px;
}
.prs_item.frst::before {
  content: '';
  top: 30px;
  right: -27%;
  z-index: 99;
  width: 170px;
  height: 50px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAxCAYAAABK1zICAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEQwNUREQzI1OUJGMTFFOTkxQjVDQzA2QkQxNDM0RDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEQwNUREQzM1OUJGMTFFOTkxQjVDQzA2QkQxNDM0RDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRDA1RERDMDU5QkYxMUU5OTFCNUNDMDZCRDE0MzREOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRDA1RERDMTU5QkYxMUU5OTFCNUNDMDZCRDE0MzREOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj4syLsAAAbQSURBVHja7F0JbFRV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) no-repeat 0 0;
  display: block;
  position: absolute;
}
.prs_item.send::before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAxCAYAAABK1zICAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0ZEQTcxMEI1OUJGMTFFOUE5QkZFQ0FCN0NGQzA4MzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0ZEQTcxMEM1OUJGMTFFOUE5QkZFQ0FCN0NGQzA4MzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3RkRBNzEwOTU5QkYxMUU5QTlCRkVDQUI3Q0ZDMDgzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3RkRBNzEwQTU5QkYxMUU5QTlCRkVDQUI3Q0ZDMDgzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhpHgB0AAAbnSURBVHja7F1pbFRV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) no-repeat 0 0;
  top: 60px !important;
  right: -27% !important;
z-index: 99 !important;
width: 170px !important;
height: 50px !important;
content: '';
display: block;
position: absolute;
}
.prs__icon img{
  width: 40% ;
}
.conct__btn button{
  font-size: 14px;
  padding: 12px 40px;
  border-color: #2e5ae8;
  border: 2px solid #2e5ae8;
  background: transparent;
  color: #2e5ae8;
}
.conct__btn{
  text-align: center;
  margin-top: 70px;
}


.payment_btn___{
  display: flex;
}
.payment_btn___ .pay_now__{
  margin-right: 5px;
}
.payment_section_form .form-control{
  padding: 12px 15px !important;
}
.payment_section_form input::placeholder {
  color: #000000;
  font-size: 15px;
}
.payment_section_form label{
  font-size: 15px !important;
  font-weight: 600 !important;
}
.payment_section_title{
  font-size: 25px;
}